@charset "utf-8";

.main_visual{
	height: 100%;
	position:relative;
}

.main_visual .layout_inner{
	height:100%;
	position:relative;
}
.main_visual .txt{
	color:#fff;
	position:absolute;
	top:50%;
	left:60px;
	transform:translateY(-50%);
	/* left:calc((100% - 1512px)/2); */
}
.main_visual .txt b{
	display:inline-block;
	font-size:72px;
	font-weight:700;
	margin-top:8px;
	letter-spacing: -2px;
	line-height:1.1;
	text-shadow: 0px 0 14px rgba(24,100,171,.38)
}
.main_visual .txt p{
	font-size:24px;
	text-shadow: 0px 0 14px rgba(24,100,171,.38)
}
.main_visual_btn{
	margin-top:40px;
}
.main_visual_btn a:nth-child(2){
	margin-left:8px;
}
.main_visual_slide{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	z-index: -1;
}
.main_visual_slide .list:before{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image:url(/assets/img/main_visual_p.jpg);
	background-size: cover;
	background-position: center;
	transform:scale(1.2);
	transition:transform 3s ease-out;
}
.main_visual_slide .list.swiper-slide-active:before{
	transform:scale(1);
	
}
.main_visual_slide .list:nth-child(2):before{
	background-image: url(/assets/img/main_visual2_p.jpg);
}
.main_visual_slide .list:nth-child(3):before{
	background-image: url(/assets/img/main_visual3_p.jpg);
}
.main_feature{
	display: none;
	position:absolute;
	bottom:80px;
	left:60px;
	right:60px;
}
.main_feature ul{
	display:flex;
	flex-wrap: wrap;
	flex-direction: column;
	height:180px;
}
.main_feature li{
	width:calc(100% - 60%);
	height:90px;
	padding:8px;
	text-align:center;
	color:#fff;
	background:rgba(0,0,0,.5);
	display: flex;
    flex-wrap: wrap;
    vertical-align: middle;
    flex-direction: column;
    justify-content: center;
}
.main_feature li:first-child{
	width:60%;
	height:180px;
	border-right:3px solid #000;
	border-top:none;
}
.main_feature li:first-child strong{
	font-size:32px;
}
.main_feature li:last-child{
	border-top:3px solid #000
}
.main_feature li div{
	width:280px;
	margin:0 auto;
	padding-left:72px;
	text-align:left;
	position:relative;
}
.main_feature li div:before{
	content:'';
	width:64px;
	height:64px;
	background-image: url(/assets/img/feature2.png);
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
.main_feature li strong{
	font-size:20px;
}




.main_tit h2{
	font-size:48px;
	font-weight:700;
	letter-spacing: -2px;
	line-height:1.2;
}

.main_sec{
	margin-top:120px;
}
.main_step ul{
	margin-top:56px;
}
.main_step li{
	width:calc(25% - 40px);
	margin-left:40px;
	float:left;
}
.main_step li:first-child{
	margin-left:0;
}
.main_step li img{
	width:100%;
	border-radius: 16px;
}
.main_step li .tit{
	margin-top:24px;
}
.main_step li span{
	color:#adb5bd;
}
.main_step li strong{
	display: block;
	font-size:32px;
}
.main_step li p{
	margin-top:8px;
}



.main_car{
	padding:120px 0;
	background:#f1f3f5;
	position:relative;
}
.main_car .main_tit{
	position:absolute;
	top:120px;
	left:calc((100% - 1352px)/2);
}
.main_car_list{
	margin-left:calc((100% - 464px)/2);
}
.main_car_list > .swiper-wrapper{
	transition-timing-function : linear;
}
.main_car_list li{
	width:36.17%;
}
.main_car_list .thumb{
	padding-top:100%;
	background:#f8f9fa;
	border-radius: 16px;
	position:relative;
}
.main_car_list .thumb img{
	width:100%;
	max-width:80%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.main_car_list .tit{
	margin-top:32px;
}
.main_car_list .tit b{
	font-size:32px;
}
.main_car_list .tit div{
	display:inline-block;
	font-size:20px;
	margin-top:24px;
	padding:16px 24px;
	border-radius: 16px;
	color:#fff;
	background:#212529;
}
.main_car_list .tit div span{
	font-weight:700;
	color:#e12e5e;
}
.main_car_btn{
	margin-top:56px;
}

.main_cs ul{
	margin-top:56px;
}
.main_cs li{
	font-size:32px;
	width:calc(50% - 40px);
	padding:5.918% 80px;
	line-height:1.2;
	border-radius:24px;
	background-image:url(/assets/img/main_cs2.jpg);
	background-position:center right;
	background-size: cover;
	float:left;
}
.main_cs li:first-child{
	margin-right:40px;
	background-image:url(/assets/img/main_cs1.jpg);
}
.main_cs li a{
	display: block;
	color:#fff;
}
.main_cs li strong{
	display: block;
}


.popup_area li{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.5);
	z-index: 100;
}
.popup_area .popup{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.popup_area .popup .close{
	font-size:0;
	background:#fff;
}
.popup_area .popup .close span{
	display:inline-block;
	width:50%;
}
.popup_area .popup .close span input{
	position:absolute; 
	width:1px; 
	height:1px; 
	padding:0; 
	margin:-1px; 
	overflow:hidden;
	clip:rect(0,0,0,0); 
	border:0;
}
.popup_area .popup .close span a,
.popup_area .popup .close span label{
	display:block;
	font-size:16px;
	padding:16px 0;
	text-align:center;
}
.popup_area .popup .close span label{
	background:#f1f3f5
}
.popup_area .popup .close span a{
	color:#212529;
}
.popup_con{
	background:#fff;
}








@media only screen and (max-width:1472px){
.main_visual .txt{
	left:60px;
}

.main_car .main_tit{
	left:60px;
}





}
@media only screen and (max-width:1320px){





}
@media only screen and (max-width:1280px){
.main_car .main_tit{
	
}
.main_car{
	padding-left:424px;
}
.main_car_list{
	margin-left:0;
}









}
@media only screen and (max-width:1154px){
.main_cs li{
	padding:5.918% 40px;
}
.main_step ul{
	margin-top:-8px;
}
.main_step li{
	width:calc(50% - 40px);
	margin-top:40px;
}
.main_step li:nth-child(3){
	margin-left:0;
}

}

@media only screen and (max-width:1024px){
.main_visual .txt{
	left:40px;
}

}
@media only screen and (max-width:960px){
.main_visual{
	height:0 !important;
	padding-top:64%;
}
.main_visual .txt b{
	font-size:32px;
}
.main_visual .layout_inner{
	position:static;
}
.main_tit h2{
	font-size:32px;
}
.main_step li strong{
	font-size:28px;
}
.btn_big{
	min-width:216px;
}
.main_car{
	padding-left:340px;
}
.main_car_list .tit b{
	font-size:28px;
}
.main_car_list .tit div{
	font-size:16px;
}
.main_car_list li{
	width:56.17%
}
.main_car_list .tit{
	margin-top:24px;
}



}
@media only screen and (max-width:768px){
.main_visual{
	padding-top:140%;
}
.main_visual .txt{
	text-align:center;
	top:40%;
	left:0;
	right:0;
}
.main_visual .txt b{
	font-size:36px;
}
.main_visual .txt p{
	font-size:18px;
	margin-top:8px;
}
.main_visual_btn{
	margin-top:24px;
}
.main_visual_slide .list:before{
	background-image: url(/assets/img/main_visual_m.jpg);
}
.main_visual_slide .list:nth-child(2):before{
	background-image: url(/assets/img/main_visual2_m.jpg);
}
.main_visual_slide .list:nth-child(3):before{
	background-image: url(/assets/img/main_visual3_m.jpg);
}
.main_tit h2{
	font-size:28px;
}
.main_sec{
	margin-top:56px;
}
.main_step ul{
	margin-top:32px;
}
.main_step li{
	width:auto;
	margin-top:56px;
	margin-left:0;
	float:none;
}
.main_step li:first-child{
	margin-top:0;
}


.main_car{
	padding:56px 0;
}
.main_car .main_tit{
	padding:0 20px;
	position:static;
}
.main_car .main_tit h2 br:nth-child(1),
.main_car .main_tit h2 br:nth-child(3){
	display:none;
}
.main_car_list{
	margin-top:40px;
}
.main_car_list .tit div{
	padding:12px 16px;
}

.main_car_list .tit b{
	font-size:20px;
}
.main_car_list .tit div{
	margin-top:16px;
	border-radius: 8px;
}




.btn_big{
	font-size:16px;
	min-width:138px;
	padding:16px;
}
.main_car_btn{
	margin-top:24px;
}

.main_cs ul{
	margin-top:24px;
}
.main_cs li{
	font-size:18px;
	width:auto;
	margin-top:16px;
	padding-left:24px;
	border-radius: 12px;
	float:none;
}
.main_cs li:first-child{
	margin-top:0;
	margin-right:0;
}




}