@charset "utf-8";

h2{font-weight:500;}
h2::before{
	content:attr(data-slug);
	display:block;
	margin-bottom:8px;
	color:#2D4F7F;
	font-family:var(--font_lusitana);
	font-size:7.2rem;
	letter-spacing:1.44px;
	line-height:6.4rem;
}

.mv_area{
	display:flex;
	align-items:center;
	justify-content:space-between;
	position:relative;
	margin-bottom:125px;
}
.mv_area::before{
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:calc(100% - 30px);
	background:url(/img/index/bg_mv.jpg) no-repeat center/cover;
}
.mv_copy{
	flex-shrink:0;
	padding:0 0 35px 10%;
}
.mv_main_copy{
	position:relative;
	padding-bottom:25px;
	margin-bottom:30px;
	color:#fff;
	font-size:3.8rem;
	font-weight:500;
	letter-spacing:2.28px;
	line-height:5.5rem;
}
.mv_main_copy::after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:140px;
	height:1px;
	background:linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%);
}
.mv_sub_copy{
	color:#fff;
	font-weight:500;
	line-height:3rem;
}
.mv_box{
	position:relative;
	top:40px;
	width:61.5%;
}
.mv_slide{
	margin:0 !important;
	background:#fff;
	border-radius:5px 0 0 5px;
	overflow:hidden;
}
.mv_slide_img{
	min-height:270px;
	object-fit:cover;
}
.mv_control{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	margin:10px 15px 0 0;
}
.mv_dots{margin-right:15px;}
.mv_dots .slick-dots{
	display:flex;
	align-items:center;
	position:static;
}
.mv_dots .slick-dots li{
	width:20px;
	height:3px;
	margin:0 0 0 5px;
}
.mv_dots .slick-dots li button{
	width:100%;
	height:100%;
	padding:0;
	background:#ddd !important;
	border-radius:0;
	background:#ddd;
	transition:background 0.3s;
}
.mv_dots .slick-dots li button::before{display:none;}
.mv_dots .slick-dots li button::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	background:#2D4F7F;
}
.mv_dots .slick-dots .slick-active button::after{animation:mv_dots 5s linear forwards;}
@keyframes mv_dots{
	0%{
		width:0;
	}
	to{
		width:100%;
	}
}
.mv_slide_btn{
	width:20px;
	height:20px;
	padding:0;
	background:url(/img/index/icon_stop.svg) no-repeat center;
	font-size:0;
	cursor:pointer;
}
.mv_slide_btn.paused{background-image:url(/img/index/icon_play.svg);}

.service_area{
	position:relative;
	max-width:1140px;
	padding:0 20px 145px;
	margin:auto;
}
.service_area::before{
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	left:calc(50% - var(--vw_50));
	height:100%;
	width:var(--vw_100);
	background:#F5F4EF;
}
.service_head{
	position:relative;
	top:-35px;
	margin-bottom:40px;
}
.service_btn{
	position:absolute;
	top:30px;
	right:20px;
}

.reason_area{
	position:relative;
	max-width:1140px;
	padding:0 20px 80px;
	margin:auto;
}
.reason_area::before{
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	left:calc(50% - var(--vw_50));
	width:var(--vw_100);
	height:100%;
	background:#EFF3F9;
}
.reason_head{
	position:relative;
	top:-35px;
	margin-bottom:30px;
}
.reason_catch{
	margin-bottom:12px;
	text-align:center;
}
.reason_catch_txt{
	display:block;
	font-size:2.8rem;
	font-weight:500;
	letter-spacing:2.8px;
	line-height:4rem;
}
.reason_main_txt{
	margin-bottom:50px;
	font-size:1.5rem;
	letter-spacing:1.5px;
	line-height:2.1rem;
	text-align:center;
}
.reason_catch_txt br, .reason_main_txt br{display:none;}
.reason_list{
	display:grid;
	gap:60px 20px;
	grid-template-columns:1fr 1fr;
	counter-reset:section;
}
.reason_item{
	display:flex;
	flex-direction:column;
	counter-increment:section;
}
.reason_title{
	margin-bottom:10px;
	font-size:2.2rem;
	font-weight:500;
	letter-spacing:2.2px;
	line-height:3.4rem;
}
.reason_thumb{
	order:-1;
	position:relative;
	margin-bottom:40px;
}
.reason_thumb::after{
	content:counter(section, decimal-leading-zero);
	position:absolute;
	bottom:-35px;
	left:0;
	color:#2D4F7F;
	font-family:var(--font_lusitana);
	font-size:5.4rem;
	letter-spacing:1.08px;
	line-height:7rem;
}
.reason_img{border-radius:5px;}
.reason_txt{
	font-size:1.5rem;
	letter-spacing:1.5px;
	line-height:2.1rem;
}
.reason_btn{
	position:absolute;
	top:30px;
	right:20px;
}

.topics_area{
	position:relative;
	max-width:1140px;
	padding:110px 20px 120px;
	margin:auto;
}
.topics_head{margin-bottom:55px;}
.topics_list{
	display:grid;
	gap:20px;
	grid-template-columns:1fr 1fr 1fr;
}
.topics_link{
	display:block;
	height:100%;
	padding-bottom:40px;
	background:url(/img/common/arrow_r.svg) no-repeat right 15px bottom 15px;
	border-bottom:1px solid #ccc;
	color:#333 !important;
	text-decoration:none;
	transition:background 0.3s, border 0.3s;
}
.topics_link:hover{
	background-position:right bottom 15px;
	border-color:#2D4F7F;
}
.topics_btn{
	position:absolute;
	top:175px;
	right:20px;
}

.column_area{
	display:grid;
	grid-template-columns:1fr 1fr;
	background:linear-gradient(102deg, #07427A 0%, #11274C 100%);
}
.column_link{
	display:flex;
	align-items:flex-end;
	position:relative;
	height:300px;
	padding:50px 17% 50px 8.5%;
	color:#fff !important;
	text-decoration:none !important;
	transition:background 0.3s, color 0.3s;
}
.column_link:first-child{border-right:1px solid rgba(255,255,255,0.5);}
.column_link:hover{
	background:#DBE4F3;
	color:#295183 !important;
}
.column_link::before, .column_link::after{
	content:'';
	position:absolute;
	right:6%;
	bottom:50px;
	width:40px;
	height:40px;
	margin:auto;
	background:no-repeat center;
	border:1px solid #fff;
	border-radius:50%;
	transition:opacity 0.3s;
}
.column_link::before{
	background-color:transparent;
	background-image:url(/img/common/arrow_r_white.svg);
}
.column_link:hover::before{opacity:0;}
.column_link::after{
	background-color:#fff;
	background-image:url(/img/common/arrow_r.svg);
	opacity:0;
}
.column_link:hover::after{opacity:1;}
.column_head::before{
	content:attr(data-slug);
	display:block;
	margin-bottom:3px;
	font-family:var(--font_lusitana);
	font-size:5.4rem;
	letter-spacing:1.08px;
	line-height:6.4rem;
}

.contact_area{
	padding:60px 20px 90px;
	background:url(/img/index/bg_contact.jpg) no-repeat center/cover;
}
.contact_box{
	max-width:1100px;
	padding:60px 20px 65px;
	margin:auto;
	background:rgba(255,255,255,0.9);
	border-radius:10px;
}
.contact_head{
	margin-bottom:30px;
	text-align:center;
}
.contact_txt{
	margin-bottom:35px;
	text-align:center;
}
.contact_cta{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:90px;
	position:relative;
}
.contact_cta::before{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:10px;
	width:1px;
	height:16px;
	margin:auto;
	background:#333;
}
.cta_btn{width:280px;}
.contact_tel{
	display:flex;
	align-items:center;
	color:#2D4F7F;
	font-size:1.5rem;
	font-weight:500;
	letter-spacing:1.5px;
	line-height:2.1rem;
}
.cta_tel{
	margin-left:5px;
	color:#2D4F7F !important;
	font-family:var(--font_lusitana);
	font-size:3.4rem;
	font-weight:normal;
	letter-spacing:3.4px;
	line-height:4.5rem;
}


@media screen and (min-width:1025px) and (max-width:1140px){

.mv_copy{padding-left:7%;}

}


@media screen and (max-width:1024px){

.mv_main_copy{
	font-size:2.8rem;
	letter-spacing:1.68px;
	line-height:4rem;
}
.mv_sub_copy{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2.6rem;
}
.reason_title{
	font-size:1.8rem;
	letter-spacing:1.8px;
	line-height:2.6rem;
}
.topics_head::before{margin-bottom:8px;}

}


@media screen and (min-width:768px) and (max-width:1024px){

h2{
	font-size:1.5rem;
	letter-spacing:1.5px;
	line-height:2.1rem;
}
h2::before{
	margin-bottom:4px;
	font-size:5.6rem;
	letter-spacing:1.12px;
}

.mv_area{margin-bottom:100px;}
.mv_copy{padding-left:3%;}
.mv_main_copy{padding-bottom:20px;}

.service_area{padding-bottom:120px;}
.service_head{margin-bottom:10px;}
.service_btn{top:25px;}

.reason_area{padding-bottom:70px;}
.reason_head{margin-bottom:20px;}
.reason_catch_txt{
	font-size:2.2rem;
	letter-spacing:2.2px;
	line-height:3.2rem;
}
.reason_main_txt{
	font-size:1.4rem;
	letter-spacing:1.4px;
}
.reason_list{gap:50px 15px;}
.reason_thumb{margin-bottom:35px;}
.reason_txt{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2rem;
}
.reason_btn{top:25px;}

.topics_area{padding:80px 20px 90px;}
.topics_head{margin-bottom:45px;}
.topics_list{gap:15px;}
.topics_btn{top:140px;}

.column_link{
	height:230px;
	padding-top:40px;
	padding-bottom:40px;
}
.column_link::before, .column_link::after{bottom:40px;}
.column_head{
	font-size:1.5rem;
	letter-spacing:1.5px;
	line-height:2.1rem;
}
.column_head::before{
	font-size:4.6rem;
	letter-spacing:0.92px;
}

.contact_box{padding:50px 20px 60px;}
.contact_txt{
	font-size:1.5rem;
	letter-spacing:1.5px;
	line-height:2.1rem;
}
.contact_cta{gap:70px;}
.cta_btn{width:260px;}
.cta_tel{
	font-size:3.1rem;
	letter-spacing:3.1px;
	line-height:4.1rem;
}

}


@media screen and (max-width:767px){

h2{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2rem;
}
h2::before{
	margin-bottom:-4px;
	font-size:5.4rem;
	letter-spacing:1.08px;
}

.mv_area{
	flex-direction:column;
	justify-content:flex-start;
	margin-bottom:60px;
}
.mv_area::before{height:calc(100% - 80px);}
.mv_copy{
	width:100%;
	padding:50px 40px 45px;
}
.mv_main_copy{
	padding-bottom:15px;
	margin-bottom:25px;
}
.mv_box{
	position:static;
	width:100%;
	padding-left:30px;
}
.mv_control{margin-top:5px;}

.service_area{padding-bottom:95px;}
.service_head{margin-bottom:-10px;}
.service_btn{
	position:static;
	text-align:center;
}

.reason_area{padding-bottom:60px;}
.reason_head{margin-bottom:10px;}
.reason_catch_txt{
	font-size:2.4rem;
	letter-spacing:2.4px;
	line-height:3.5rem;
}
.reason_main_txt{
	margin-bottom:45px;
	font-size:1.3rem;
	letter-spacing:1.3px;
	line-height:2.2rem;
}
.reason_list{
	gap:40px 10px;
	margin-bottom:45px;
}
.reason_thumb{margin-bottom:30px;}
.reason_txt{
	font-size:1.3rem;
	letter-spacing:1.3px;
	line-height:1.9rem;
}
.reason_btn{
	position:static;
	text-align:center;
}

.topics_area{padding:50px 20px 60px;}
.topics_head{margin-bottom:30px;}
.topics_list{display:block;}
.topics_item{margin-bottom:35px;}
.topics_link{background-position:right bottom 15px;}
.topics_btn{
	position:static;
	text-align:center;
}

.column_link{
	height:160px;
	padding:30px 100px 30px 30px;
}
.column_link::before, .column_link::after{
	right:30px;
	bottom:30px;
}
.column_head{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2rem;
}
.column_head::before{
	margin:0;
	font-size:3.8rem;
	letter-spacing:0.76px;
}

.contact_area{padding-top:50px;}
.contact_box{padding:40px 20px 50px;}
.contact_head{margin-bottom:25px;}
.contact_txt{
	margin-bottom:30px;
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2rem;
}
.contact_cta{gap:50px;}
.cta_btn{width:240px;}
.contact_tel{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2rem;
}
.cta_tel{
	font-size:2.8rem;
	letter-spacing:2.8px;
	line-height:3.7rem;
}

}


@media screen and (max-width:600px){

.column_area{
	display:block;
	background:linear-gradient(130deg, #07427A 0%, #11274C 100%);
}
.column_link:first-child{
	border-right:none;
	border-bottom:1px solid rgba(255,255,255,0.5);
}
.contact_cta{
	display:block;
	text-align:center;
}
.contact_cta::before{display:none;}
.contact_tel{
	justify-content:center;
	margin-top:35px;
}

}


@media screen and (max-width:550px){

.reason_list{display:block;}
.reason_item{margin-bottom:40px;}

}


@media screen and (max-width:500px){

.reason_catch_txt br, .reason_main_txt br{display:block;}

}