@charset "utf-8";
.wrap { width:100% ;}
.sect-wrap {max-width:1200px; width:100%; margin: 0 auto;position:relative;letter-spacing:0;}
.sect-wrap h2 {font-weight:600; font-size:48px; padding-bottom:50px;}
.sect-wrap h3 {padding-bottom:15px;padding-top:80px;}
.sect-wrap h6 {font-weight:400; font-size: 24px; padding-bottom:20px; color:#666; padding-top:30px;}
.sect-wrap p.dsc {font-size:18px; color:#777; line-height:1.6em;}
.sect-wrap p.dsc a.moree {padding-top: 40px;  display:block; position:relative; display:inline-block;}
.sect-wrap p.dsc a.moree::after {display:inline-block; content:''; width:100%; height: 1px; background:#777; position:absolute; top:100%; left:0;}
dl::after {display:block; content:''; clear:both;}

/* sect1 */

.main { height:700px; overflow:hidden; position:relative; width:100%;}
.main #mainSlider {width:100%;}
.main .slide {width:100%; height:700px;background:url(../images/i-1-1.jpg) no-repeat center center ; background-size:cover;}
.main .slide02 {background-image:url(../images/i-1-2.jpg);}
.main .slide03 {background-image:url(../images/i-1-3.jpg);}
.main .slide04 {background-image:url(../images/i-1-4.jpg);}
.main span {position:absolute;; z-index:999; bottom: 5rem; right:8rem; color:#fff; letter-spacing:0;}
.main span i {padding-left:0.3rem;}
.main .click {right:auto; left:8rem; z-index:9999;}
.main .click i {padding-left:0; padding-right: 0.3rem; transform:scale(0.6);}
/*#mainSlider .slideimage {height:100vh; background:url(../images/slide01.jpg) no-repeat center center; background-size:cover;}*/

.main .text {max-width:1200px; margin: 0 auto;}
.main .text h3 b {font-weight: 500; color:#fff;}
.main .text h3 {font-size: 24px; color:#92d7ff; padding-top: 25vh;}
.main .text h2 {color:#fff; font-size:60px; font-weight:500;padding-bottom:20px; padding-top:10px; text-shadow: 3px 3px 3px rgba(0,0,0,.4)}
.main .text p {font-size:24px; line-height: 1.6em;color:#c1e4ff; text-shadow: 3px 3px 3px rgba(0,0,0,.2) }
.main .text .more {color:white !important; background:#e00032; padding: 1rem 2rem;}
.main .text b {font-weight:white;}

.sect2 {background:#f5f5f5; padding: 40px 0;}
.sect2 .col {padding: 20px; }
.sect2 .col .dsc:hover {box-shadow: 3px 3px 3px rgba(0,0,0,.2)}
.sect2 .col .dsc {background:url(../images/i-2-1.png) no-repeat #fff;; padding-left:58%; padding-bottom: 50px; color:#666;transition:0.3s all; letter-spacing:-0.08em;}
.sect2 .col:nth-of-type(2) .dsc {background-image:url(../images/i-2-2.png);}
.sect2 .col:nth-of-type(3) .dsc {background-image:url(../images/i-2-3.jpg);}
.sect2 .col:nth-of-type(4) .dsc {background-image:url(../images/i-2-4.jpg);}
.sect2 .col .dsc h3 {padding-top: 50px; font-size: 28px; position:relative; padding-bottom: 30px; color:#333;}
.sect2 .col .dsc h3::after {display:block; content:''; width: 25px; height:2px; background:#333; position:absolute; left:0; top: 95px;}
.sect2 .col a {font-size: 14px; display:block; padding-top: 35px; color:#142d62;}

.sect3 {padding-bottom: 50px;}
.sect3 .col {padding: 20px;}
.sect3 h3 {padding-bottom: 40px;position:relative; padding-top: 40px;}
.sect3 h3 a { float:right; font-size:14px; font-weight:400;line-height: 40px; color:#142d62;}
.sect3 h3::after {display:block; content:''; width: 25px; height:2px; background:#333; position:absolute; left:00px; top: 85px;}
.sect3 ul li {line-height: 50px; border-bottom: 1px solid #ddd;}
.sect3 ul li time {font-size: 14px; color:#142d62;}
.sect3 .construction li {float:left; width:50%; padding-right: 20px;}
.sect3 .construction li p {float:left; line-height:50px; }


@media (max-width: 1200px) {
	.main .text {padding-left: 20px;}
}

@media (max-width: 1100px ) {

}
@media (max-width: 900px) {
	.slick-prev {left:2rem;}
	.slick-next {right:2rem;}
	.main,.main .slide {height:70vh;}
	.main .text {padding: 0 ; text-align:center;} 
	.main .text h3 {padding-top: 110px; font-size: 20px;}
	.main .text h2 {font-size: 28px;}
	.main .text p {font-size: 14px;}
	.main .slide.slide01 {background:url(../images/i-m-1.png) no-repeat center center / cover;}
	
	.sect2 {padding: 20px 10px ;}
	.sect2 .col {padding: 10px;}
	.sect2 .col:first-child p br {display:none;}
		.sect2 .col .dsc {background-size: 50% 100%;}
	.sect2 .col .dsc {padding-left:53%;}
	.sect2 .col .dsc h3 { font-size: 18px; padding-top:30px;}
	.sect2 .col .dsc h3::after {top:67px;}
	.sect2 .col .dsc p {font-size: 14px;}

	.sect3 h3 {font-size:20px; padding:20px 0;}
	.sect3 h3::after {top: 55px;}
	.sect3 h3 a {font-size: 14px;}
	.sect3 ul li {font-size: 14px;}
	.sect3 .construction li img {width:100%;}
}

@media (max-width: 530px ) {
	.half > .col {width:100%;}
	
	.sect3 .construction li {width:100%;}
	
}