
/* swiper slider */
.swiper-container {
    width: 100%;
    height: 880px;
    transition: height 0.2s ease-in-out;
    position: relative;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.m_slide{ display: none; }
.main_img{width: 100%;height: 100%;background-position: center 100%;background-repeat: no-repeat;background-size: cover;display: flex;flex-flow: row wrap;justify-content: center;align-items: center;padding: 150px 0 482px;transition: all 0.2s ease-in-out;}
.main_img p{width: 60%;text-align: left;}
.main_img p:nth-of-type(1){margin-top: 10px;font-size: 40px;color: white;margin-bottom: 10px;}
.main_img p:nth-of-type(2){display: flex;flex-flow: row wrap;/* justify-content: center; */color: rgb(255,255,255);}
.main_img p:nth-of-type(2) span{width: 100%;text-align: left;font-size: 50px;line-height: 55px;}
.main_img p:nth-of-type(2) span:nth-of-type(4){margin-top: 40px;display:block;width:46px;height:1px;background:white;}
.main_img p:nth-of-type(2) span.m{ display: none; }
.main_img p:nth-of-type(2) span:nth-of-type(5){font-size:20px;}


.main_content01{width: 100%;position: absolute;bottom: 40px;z-index: 10;}
.main_content01 section{width:1200px;display:flex;margin:auto;justify-content: space-between;z-index: 100;}
.main_content_area{height:240px;}
.main_content_area h3{font-size:20px;padding: 24px 0 8px 25px;}
.main_content_area p{font-size:14px;padding-left:25px;}
.main_content_area a{display:block;width:100%;height:100%;}
.main_content_area01{width:335px;background:url(/img/main_content_area01.jpg);background-size:cover;}
.main_content_area01 p{color:#999999;}
.main_content_area02{width:280px;}
.main_content_area02 ul{display:flex;flex-flow:column;justify-content: space-between;height: 100%;}
.main_content_area02 li{width:100%;height:115px;background-size:cover;}
.main_content_area02 li h3{color:white;}
.main_content_area02 li:nth-of-type(1){background:url(/img/main_content_area02_1.jpg);}
.main_content_area02 li:nth-of-type(1) p{color:#ffd19c;}
.main_content_area02 li:nth-of-type(2){background:url(/img/main_content_area02_2.jpg);}
.main_content_area02 li:nth-of-type(2) p{color:#5c647a;}
.main_content_area03{width:335px;background:url(/img/main_content_area03.jpg);background-size:cover;}
.main_content_area03 h3{color:white;}
.main_content_area03 p{color:#666666;}
.main_content_area04{width:365px;background:#515a61;text-align:center;}
.main_content_area04 h3{color:white;padding-left:0;padding-bottom:10px;padding-top: 40px;}
.main_content_area04 p{color:#89949c;padding-left:0;}
.main_content_area04 a{width:119px;height: 30px;line-height:30px;color:white;display:flex;justify-content: space-around;margin:20px auto;border:1px solid white;font-size:13px;}
.main_content_area03{width:160px;}

.main_content02{width:1200px;display:flex;margin:auto;justify-content:space-between;padding:0 23px;}
.main_content02 .main_content_area{width:346px;height:170px;margin:60px 0;}
.main_content02 .main_content_area h3{padding-left:0;padding-bottom:20px;padding-top: 10px;}
.main_content02 .main_content_area p{padding-left:0;font-size:15px;color:#999999;}
.main_content02 .main_content_area a{display:flex;justify-content:space-around;width:119px;height: 30px;line-height:30px;border:1px solid #555555;box-sizing:border-box;margin-top: 38px;font-size:13px;color:black;}
.main_content02 .main_content_area01{background:url(/img/main_notice.jpg);}
.main_content02 .main_content_area02{background:url(/img/main_location.jpg);}
.main_content02 .main_content_area03{background:none;width:305px;border:1px solid #333333;box-sizing:border-box;display:flex;justify-content: center;flex-flow:column;}
.main_content02 .main_content_area03 *{width:305px;text-align:center;color:#333333;}
.main_content02 .main_content_area03 h3{font-size:16px;padding:0;}
.main_content02 .main_content_area03 h2{font-size:30px;padding:4px 0;}
.main_content02 .main_content_area03 p{font-size:15px;color: #333333;}


@media all and (max-width:960px){
	.swiper-container {
	    height: 400px;
	}
}
@media all and (max-width:480px){
	.swiper-container {
	    height: auto;
	}
}





@media all and (max-width:960px){
	.main_img{ padding: 70px 0 170px; }
	.main_img p:nth-of-type(1){ font-size: 24px; }
	.main_img p:nth-of-type(2) span{ font-size: 18px; }
    .main_img p:nth-of-type(2) span.pc{ display: none; }
    .main_img p:nth-of-type(2) span.m{ display: inline; }
    .main_img p{width: 90%;text-align: left;}

    .main_content02{width:100%;padding:0 10px;flex-flow: column;}
    .main_content02 .main_content_area{width:100%;}
    .main_content02 .main_content_area03 *{width:100%;}
    .main_content02 .main_content_area01{background-size:cover;}
    .main_content02 .main_content_area02{background-size:cover;}
}


@media (max-width:480px){
    .pc_slide{ display: none; }
    .m_slide{ display: block; }
    .main_img{flex-flow: column wrap;}
	.main_img p:nth-of-type(1){margin-bottom: 10px;font-size: 24px;}
	.main_img p:nth-of-type(2) span{font-size: 28px;line-height:36px;}
	.main_img p:nth-of-type(2) span:nth-of-type(5){font-size:14px;}


}
