@charset "utf-8";


/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{padding:0 0px;position:relative; }
.visual-slide{min-height:870px ;}
.visual-slide .item{position:relative;}
.visual-slide .item img{width:100%;height:870px;object-fit:cover;transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);-webkit-transition: transform 6s linear;-moz-transition: transform 6s linear;-o-transition: transform 6s linear;transition: transform 6s linear;}
.visual-slide .item .txt{position:absolute; width:100%; box-sizing:border-box; text-align:left; padding:0 120px;  left:50%; top:135px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.visual-slide .item .txt p{font-size:40px;  color:#000; font-weight:300; letter-spacing:-0.03em; line-height:1.3em;overflow:hidden;}
.visual-slide .item .txt p span{display:block;opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%); -ms-transform:translateY(100%);-o-transform:translateY(100%);-webkit-transition: opacity 1s ease-out, transform 1.25s ease-out;;-moz-transition:opacity 1s ease-out, transform 1.25s ease-out;;-o-transition: opacity 1s ease-out, transform 1.25s ease-out;;transition: opacity 1s ease-out, transform 1.25s ease-out;}

.visual-slide.ani .slick-active.item img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}
.visual-slide.ani .slick-active.item .txt p span{ opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.visual-slide.ani .slick-active.item .txt p:nth-child(1) span{transition-delay:0.5s;}
.visual-slide.ani .slick-active.item .txt p:nth-child(2) span{transition-delay:1.0s;}
.visual-slide.ani .slick-active.item .txt p:nth-child(3) span{transition-delay:1.5s;}

.msec-visual .img.desktop{display:block;}
.msec-visual .img.mobile{display:none;}
	@media only screen and (max-width:1800px) {
		.visual-slide{min-height:800px ;}
		.visual-slide .item img{height:800px;}
	}
	@media only screen and (max-width:1600px) {
		.visual-slide{min-height:750px ;}
		.visual-slide .item img{height:750px;}
		.visual-slide .item .txt{padding:0 100px; top:110px;}
		.visual-slide .item .txt p{font-size:36px;} 
	}
	@media only screen and (max-width:1400px) {
		.visual-slide{min-height:700px ;}
		.visual-slide .item img{height:700px;}
		.visual-slide .item .txt{padding:0 80px; top:95px;}
		.visual-slide .item .txt p{font-size:32px;} 
	}
	@media only screen and (max-width:1185px) {
		.msec-visual{padding:0 20px;}
		.visual-slide{min-height:650px ;}
		.visual-slide .item img{height:650px;}
		.visual-slide .item .txt{padding:0 60px; top:80px;}
		.visual-slide .item .txt p{font-size:28px;} 
	}
	@media only screen and (max-width:999px) {
		.visual-slide{min-height:600px ;}
		.visual-slide .item img{height:600px;}
		.visual-slide .item .txt{padding:0 40px; top:65px;}
		.visual-slide .item .txt p{font-size:25px;} 
	}
	@media only screen and (max-width:680px) {
		.msec-visual{padding:0 15px;}
		.visual-slide{min-height:550px ;}
		.visual-slide .item img{height:550px;}
		.visual-slide .item .txt{top:50px; padding:0 30px; top:50px}	
		.visual-slide .item .txt p{font-size:22px;} 

		.msec-visual .img.desktop{display:none;}
		.msec-visual .img.mobile{display:block;}
	}
	@media only screen and (max-width:480px) {
		.visual-slide{min-height:300px ;}
		.visual-slide .item img{height:300px;}

	}


.msec-visual .ctrl{}
.msec-visual .ctrl .prev{width:64px;height:24px; left:95px; top:50%; margin-top:-12px; position:absolute; z-index:912; overflow:hidden;}
.msec-visual .ctrl .prev:before{position:absolute; left:0; top:0; width:64px; height:100%; ;background:url(../img/main/visual-prev.png) no-repeat left center; display:block; content:"";clip-path:inset(0 0 0 0);transition:clip-path .2s cubic-bezier(.61,1,.88,1) .3s}
.msec-visual .ctrl .prev:after{position:absolute; left:0; top:0; width:64px; height:100%; ;background:url(..img/main/visual-prev.png) no-repeat left center; display:block; content:"";clip-path:inset(0 0 0 100%);transition:clip-path .2s cubic-bezier(.61,1,.88,1) .3s}

.msec-visual .ctrl .next{width:64px;height:24px; right:95px; top:50%; margin-top:-12px; position:absolute; z-index:912; overflow:hidden;}
.msec-visual .ctrl .next:before{position:absolute; left:0; top:0; width:64px; height:100%; ;background:url(../img/main/visual-next.png) no-repeat right center; display:block; content:"";clip-path:inset(0 0 0 0);transition:clip-path .2s cubic-bezier(.61,1,.88,1) .3s}
.msec-visual .ctrl .next:after{position:absolute; left:0; top:0; width:64px; height:100%; ;background:url(../img/main/visual-next.png) no-repeat right center; display:block; content:"";clip-path:inset(0 100% 0 0);transition:clip-path .2s cubic-bezier(.61,1,.88,1) .3s}

.msec-visual .ctrl .prev:hover:before {clip-path:inset(0 100% 0 0);transition:clip-path .2s cubic-bezier(.61,1,.88,1)}
.msec-visual .ctrl .prev:hover:after {clip-path:inset(0 0 0 0);transition:clip-path .2s cubic-bezier(.61,1,.88,1) .3s}

.msec-visual .ctrl .next:hover:before {clip-path:inset(0 0 0 100%);transition:clip-path .2s cubic-bezier(.61,1,.88,1)}
.msec-visual .ctrl .next:hover:after {clip-path:inset(0 0 0 0);transition:clip-path .2s cubic-bezier(.61,1,.88,1) .3s}

.msec-visual .slick-dots{position:absolute; left:0;  width:100%; text-align:center; height:1px;  z-index:2855; box-sizing:border-box;text-align:center; bottom:65px;}
.msec-visual .slick-dots ul{height:auto;text-align:center; font-size:0; width:100%; height:1px;max-width:1600px; margin:0 -1%; display:inline-block;vertical-align:top; box-sizing:border-box; padding:0 100px}
.msec-visual .slick-dots ul:after{display:block; content:"";clear:both;}
.msec-visual .slick-dots li{float:none; display:inline-block;vertical-align:top;background:rgba(255,255,255,0.3); width:84px;height:1px; text-align:left;position:relative; margin:0 3px; padding:0;}
.msec-visual .slick-dots li.slick-active{background:#fff;}
.msec-visual .slick-dots li button{border:none; height:10px; margin:0 ;padding:0; display:block; width:100%; position:absolute; left:0; top:50%; margin-top:-5px;}
	@media only screen and (max-width:1600px) {
		.msec-visual .ctrl .prev{left:80px}
		.msec-visual .ctrl .next{right:80px}
	}
	@media only screen and (max-width:1400px){
		.msec-visual .slick-dots{bottom:50px}
		.msec-visual .slick-dots li{width:70px}

		.msec-visual .ctrl .prev{left:65px;}
		.msec-visual .ctrl .next{right:65px; }

		.msec-visual .ctrl .prev:before{ background-size:80% auto;}
		.msec-visual .ctrl .prev:after{ background-size:80% auto;}
		.msec-visual .ctrl .next:before{ background-size:80% auto;}
		.msec-visual .ctrl .next:after{ background-size:80% auto;}
	}
	@media only screen and (max-width:1185px){
		.msec-visual .ctrl .prev{left:50px}
		.msec-visual .ctrl .next{right:50px}
	}
	@media only screen and (max-width:999px){
		.msec-visual .slick-dots{bottom:30px}
		.msec-visual .slick-dots li{width:50px}

		.msec-visual .ctrl .prev{left:35px;}
		.msec-visual .ctrl .next{right:35px;}

		.msec-visual .ctrl .prev:before{ background-size:60% auto;}
		.msec-visual .ctrl .prev:after{ background-size:60% auto;}
		.msec-visual .ctrl .next:before{ background-size:60% auto;}
		.msec-visual .ctrl .next:after{ background-size:60% auto;}
	}
	@media only screen and (max-width:680px){
		.msec-visual .slick-dots li{width:30px}

		.msec-visual .ctrl .prev:before{ background-size:40% auto;}
		.msec-visual .ctrl .prev:after{ background-size:40% auto;}
		.msec-visual .ctrl .next:before{ background-size:40% auto;}
		.msec-visual .ctrl .next:after{ background-size:40% auto;}
	}
	@media only screen and (max-width:480px){
	
	}



/* ======================================================
   .msec-cont
=========================================================*/
.msec-cont{padding:0 0px;}
	@media only screen and (max-width:1800px) {
		
	}
	@media only screen and (max-width:1600px) {
		
	}
	@media only screen and (max-width:1400px) {
		
	}
	@media only screen and (max-width:1185px) {
		.msec-cont{padding:0 20px;}	
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		.msec-cont{padding:0 15px;}	
	}
	@media only screen and (max-width:480px) {
		
	}




/* ======================================================
   .msec-01
=========================================================*/
.msec-01{ padding:80px 50px 100px;}
.msec-01 .tits{position:relative;text-align:center;}
.msec-01 .tits h4{font-size:40px; color:#111; font-weight:700;  line-height:1.3em; text-align:center; padding-bottom:80px;}
.msec-01 .cont{}
.msec-01 .cont ul{}
.msec-01 .cont ul:after{display:block; content:"";clear:both;}
.msec-01 .cont li{float:left; width:50%;position:relative;}
.msec-01 .cont li a{height:600px;position:relative; display:block;}
.msec-01 .cont li .img{position:relative; opacity:1; z-index:2;-webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;-o-transition: opacity 1s ease-out;transition: opacity 1s ease-out;}
.msec-01 .cont li .img:after{position:absolute; left:0; top:0; width:100%; height:100%; display:block; content:""; background:rgba(0,0,0,0.5); opacity:0;-webkit-transition: opacity 0.85s ease-out;-moz-transition: opacity 0.85s ease-out;-o-transition: opacity 0.85s ease-out;transition: opacity 0.85s ease-out;}
.msec-01 .cont li .img img{width:100%;height:700px;object-fit:cover;}
.msec-01 .cont li .vc{text-align:center;display:flex;align-items: center; justify-content: center; position:Absolute; left:0; top:0; width:100%;height:100%; z-index:3;}
.msec-01 .cont li .txt{width:100%; text-align:center;}
.msec-01 .cont li .txt .btxt{padding-top:70px;font-size:50px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em;position:Relative;-webkit-transition: color 0.5s ease-out;-moz-transition: color 0.5s ease-out;-o-transition: color 0.5s ease-out;transition: color 0.5s ease-out;}
.msec-01 .cont li .txt .btxt:before{width:100%;height:50px; left:0; top:0; position:Absolute; display:block; content:"";background-size:100px auto !important;-webkit-transition: transform 0.5s ease-out;-moz-transition: transform 0.5s ease-out;-o-transition: transform 0.5s ease-out;transition: transform 0.5s ease-out;}
.msec-01 .cont li .txt .stxt{margin-top:25px;font-size:16px; font-weight:300; color:#444; letter-spacing:-0.03em; line-height:1.6em;-webkit-transition: color 0.5s ease-out;-moz-transition: color 0.5s ease-out;-o-transition: color 0.5s ease-out;transition: color 0.5s ease-out;}
.msec-01 .cont li .txt .arrow{margin-top:30px;display:inline-block;vertical-align:top; width:25px;height:10px; position:Relative;}
.msec-01 .cont li .txt .arrow:after{background:url(../img/main/msec01-arrow.png) no-repeat center center; position:absolute ;left:0; top:0; width:100%;height:100%;display:block ;content:"";}
	@media only screen and (max-width:1800px) {
		.msec-01 .cont li a{height:550px}
		.msec-01 .cont li .img img{height:550px;}
		.msec-01 .cont li .txt .btxt{font-size:30px; padding-top:70px;}
		.msec-01 .cont li .txt .btxt:before{height:50px; background-size:120px auto !important;}
		.msec-01 .cont li .txt .stxt{margin-top:20px; font-size:15px;}
		.msec-01 .cont li .txt .arrow{margin-top:40px;}

		.msec-01 .tits h4{font-size:36px;}
	}
	@media only screen and (max-width:1600px) {
		
	}
	@media only screen and (max-width:1400px) {
		.msec-01 .cont li a{height:500px}
		.msec-01 .cont li .img img{height:500px;}
		.msec-01 .cont li .txt .btxt{font-size:20px; padding-top:90px;}
		.msec-01 .cont li .txt .btxt:before{height:65px; background-size:65px auto !important;}
		.msec-01 .cont li .txt .stxt{margin-top:15px; font-size:14px;}
		.msec-01 .cont li .txt .arrow{margin-top:30px;}
	}
	@media only screen and (max-width:1185px) {
		
		.msec-01 .cont li{width:50%}
		.msec-01 .cont li a{height:450px}
		.msec-01 .cont li .img img{height:450px;}
		.msec-01 .cont li .txt .btxt{ padding-top:80px;}
		.msec-01 .cont li .txt .btxt:before{height:60px; background-size:60px auto !important;}
		.msec-01 .cont li:nth-child(even):before{border-left:1px solid #dedede; left:0; top:0; height:100%; display:block ;content:"";z-index:-1; position:absolute;}
		.msec-01 .cont li:nth-child(n+3):before{border-top:1px solid #dedede; left:0; top:0; width:100%; display:block ;content:"";z-index:-1; position:absolute;}

		.msec-01 .cont li .txt .arrow:after{background-size:90% auto;}
	}
	@media only screen and (max-width:999px) {
		.msec-01 .cont li a{height:400px}
		.msec-01 .cont li .img img{height:400px;}
		.msec-01 .cont li .txt .btxt{font-size:18px; padding:0 10px;padding-top:75px;}
		.msec-01 .cont li .txt .btxt:before{height:54px; background-size:54px auto !important;}
		.msec-01 .cont li .txt .stxt{margin-top:10px; font-size:13px;padding:0 10px;}

		.msec-01 .cont li .txt .arrow{margin-top:20px;}
		.msec-01 .tits h4{font-size:30px;padding-bottom:30px;}
	}
	@media only screen and (max-width:680px) {
		.msec-01{ padding:20px 0px;}
		.msec-01 .cont li a{height:320px}
		.msec-01 .cont li .img img{height:320px;}
		.msec-01 .cont li .txt .btxt{font-size:16px; padding-top:60px;}
		.msec-01 .cont li .txt .btxt:before{height:44px; background-size:44px auto !important;}
		.msec-01 .cont li .txt .stxt{font-size:12px; min-height:42px;}
		.msec-01 .cont li .txt .stxt br{display:none;}
		.msec-01 .cont li .txt .arrow:after{background-size:80% auto;}
	}
	@media only screen and (max-width:480px) {
		.msec-01 .cont li a{height:200px}
		.msec-01 .cont li .img img{height:200px;}
		.msec-01 .cont li .txt .btxt{font-size:15px; padding-top:20px;}
		.msec-01 .cont li .txt .btxt:before{height:32px; background-size:32px auto !important;}
		.msec-01 .cont li .txt .stxt{/*font-size:11px; min-height:54px;*/ display:none;}
		.msec-01 .cont li .txt .arrow:after{background-size:60% auto;}

		.msec-01 .tits h4{font-size:20px; padding-bottom:30px;}
	}

.msec-01 .cont li:nth-child(1) .txt .btxt:before{background:url(../img/main/msec01-ico01.png) no-repeat center top}
.msec-01 .cont li:nth-child(2) .txt .btxt:before{background:url(../img/main/msec01-ico02.png) no-repeat center top}
.msec-01 .cont li:nth-child(3) .txt .btxt:before{background:url(../img/main/msec01-ico03.png) no-repeat center top}
.msec-01 .cont li:nth-child(4) .txt .btxt:before{background:url(../img/main/msec01-ico04.png) no-repeat center top}

.msec-01 .cont li:nth-child(1) a:hover .txt .btxt:before{background:url(../img/main/msec01-ico01o.png) no-repeat center top}
.msec-01 .cont li:nth-child(2) a:hover .txt .btxt:before{background:url(../img/main/msec01-ico02o.png) no-repeat center top}
.msec-01 .cont li:nth-child(3) a:hover .txt .btxt:before{background:url(../img/main/msec01-ico03o.png) no-repeat center top}
.msec-01 .cont li:nth-child(4) a:hover .txt .btxt:before{background:url(../img/main/msec01-ico04o.png) no-repeat center top}


.msec-01 .cont li a:hover .img{opacity:1;}
.msec-01 .cont li a:hover .img:after{opacity:1;}
.msec-01 .cont li a:hover .txt .btxt:before{-webkit-transform: translateY(-7px); -moz-transform: translateY(-7px);-ms-transform: translateY(-7px); -o-transform:  translateY(-7px);transform: translateY(-7px);}
.msec-01 .cont li a:hover .txt .btxt{color:#fff;}
.msec-01 .cont li a:hover .txt .stxt{color:#fff;}
.msec-01 .cont li a:hover .txt .arrow:after{background-image:url(../img/main/msec01-arrowo.png);-webkit-animation: secBtnAnimate1 1.4s infinite; -moz-animation: secBtnAnimate1 1.4s infinite; -o-animation: secBtnAnimate1 1.4s infinite;  animation: secBtnAnimate1 1.4s infinite;}
	@keyframes secBtnAnimate1 {
		0% {left:0;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;	transition: all 0.4s linear;}
		50% {left:10px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;	transition: all 0.4s linear;}
		100% {left:0;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;	transition: all 0.4s linear;}
	}
	@-webkit-keyframes secBtnAnimate1 {
		0% {left:0;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;	transition: all 0.4s linear;}
		50% {left:10px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;	transition: all 0.4s linear;}
		100% {left:0;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;	transition: all 0.4s linear;}
	}




/* ======================================================
   .msec-02
=========================================================*/
.msec-02{position:relative; padding:100px 50px 100px 50px;}
.msec-02:after{position:absolute; left:0; top:0; width:100%;height:100%; background:#fff; z-index:-1; display:block; content:"";z-index:-1;}
.msec-02 .tits{position:relative;text-align:center;}
.msec-02 .tits h3{/*position:absolute;right:0; top:0;*/ font-size:60px; color:#111; font-weight:700; font-family:'GothamPro'; line-height:1em;}
.msec-02 .tits p{font-size:40px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.5em; letter-spacing:-0.03em;}

.msec-02 .cont{margin-top:50px;}
.msec-02 .cont ul{margin:0 -10px;}
.msec-02 .cont ul:after{display:block ;content:"";clear:both}
.msec-02 .cont li{float:left; width:calc(33.33333% - 20px); margin:0 10px;}
.msec-02 .cont li:nth-child(n+4){margin-top:20px;}
.msec-02 .cont li a{display:block; position:relative;}

.msec-02 .cont li .img{position:relative; overflow:hidden; z-index:1}
.msec-02 .cont li .img img{width:100%;object-fit:cover; transform:scale(1.1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-02 .cont li .img:after{position:absolute; left:0; top:0; width:100%;height:100%; background:rgba(0,0,0,0.20); display:block; content:""; opacity:0; -webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;-o-transition: opacity 1s ease-out;transition: opacity 1s ease-out;}

.msec-02 .cont li a:hover .img img{transform:scale(1.1) translateX(4%)}
.msec-02 .cont li a:hover .img:after{opacity:1;}

.msec-02 .cont li .txt{position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:20px 40px 20px;  /*background:rgba(0,0,0,0.70);*/ z-index:2;}
.msec-02 .cont li .txt .btxt{position:relative;font-size:24px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em; /*-webkit-transform:translateY(15px);-moz-transform:translateY(15px); -ms-transform:translateY(15px);-o-transform:translateY(15px);opacity:0;-webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out;;-moz-transition:opacity 0.5s ease-out, transform 0.5s ease-out;;-o-transition: opacity 0.5s ease-out, transform 0.5s ease-out;;transition: opacity 0.5s ease-out, transform 0.5s ease-out;*/}
.msec-02 .cont li .txt .stxt{position:relative;font-size:16px; font-weight:400; color:#111; letter-spacing:-0.03em; line-height:1.2em; margin-top:5px; /*-webkit-transform:translateY(15px);-moz-transform:translateY(15px); -ms-transform:translateY(15px);-o-transform:translateY(15px);opacity:0;-webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out;;-moz-transition:opacity 0.5s ease-out, transform 0.5s ease-out;;-o-transition: opacity 0.5s ease-out, transform 0.5s ease-out;;transition: opacity 0.5s ease-out, transform 0.5s ease-out;*/}

.msec-02 .cont li a:hover .txt .btxt{transition-delay:0.2s; opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-02 .cont li a:hover .txt .stxt{transition-delay:0.4s;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}

.msec-02 .cont .more{margin-top:50px;text-align:center;}
.msec-02 .cont .more a{display:inline-block;vertical-align:top; line-height:40px; font-size:20px; color:#111; letter-spacing:-0.03em; padding:0 14px; position:Relative;}
.msec-02 .cont .more a:after{position:absolute ;left:0 ; bottom:0; width:100%; border-bottom:1px solid #111; display:block; content:""}
.msec-02 .cont .more a:hover:after{-webkit-animation: line-animate .6s forwards;animation: line-animate .6s forwards}

	@media only screen and (max-width:1800px) {
		.msec-02 .tits h3{font-size:56px;}
	}
	@media only screen and (max-width:1600px) {
		
	}
	@media only screen and (max-width:1400px) {
		.msec-02{padding:100px 50px 60px 50px}
		.msec-02 .tits h3{font-size:52px;}
		.msec-02 .tits p{font-size:27px;}
		
		.msec-02 .cont{margin-top:50px;}
		.msec-02 .cont li .txt{padding:30px}
		.msec-02 .cont li .txt .btxt{font-size:22px;}
		.msec-02 .cont li .txt .stxt{font-size:16px; margin-top:7px;}

		.msec-02 .cont .more a{font-size:15px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-02{padding:80px 20px 40px 20px; width:calc(100% + 40px);margin-left:-20px;box-sizing:border-box;}
		.msec-02 .tits h3{font-size:48px;}
		.msec-02 .tits p{font-size:24px;}
		
		.msec-02 .cont{margin-top:40px;}
		.msec-02 .cont li .txt{padding:25px}
		.msec-02 .cont li .txt .btxt{font-size:20px;}
		.msec-02 .cont li .txt .stxt{font-size:14px; margin-top:5px;}

		.msec-02 .cont .more a{font-size:14px; line-height:35px;}
	}
	@media only screen and (max-width:999px) {
		.msec-02{padding:60px 20px 40px 20px;} 
		.msec-02 .cont li{width:calc(50% - 20px); margin:0 10px;}
		.msec-02 .cont li:nth-child(n+3){margin-top:20px;}

		.msec-02 .tits h3{font-size:44px;}
		.msec-02 .tits p{font-size:21px;}
		
		.msec-02 .cont{margin-top:30px;}
		.msec-02 .cont li .txt{padding:20px}
		.msec-02 .cont li .txt .btxt{font-size:18px;}
		.msec-02 .cont li .txt .stxt{font-size:13px; margin-top:5px;}
			
		.msec-02 .cont .more{margin-top:25px}
		.msec-02 .cont .more a{font-size:14px; line-height:35px;}

	}
	@media only screen and (max-width:680px) {
		.msec-02 .tits h3{font-size:38px;}
		.msec-02 .tits p{font-size:18px;}
		
		.msec-02 .cont{margin-top:20px;}
		.msec-02 .cont ul{ margin:0 -5px;}
		.msec-02 .cont li{width:calc(50% - 10px); margin:0 5px;}
		.msec-02 .cont li:nth-child(n+3){margin-top:10px;}
		
		.msec-02 .cont li .txt {padding:15px}
		.msec-02 .cont li .txt .btxt{font-size:16px;}
		.msec-02 .cont li .txt .stxt{font-size:12px;margin-top:3px;}

		.msec-02 .cont .more a{font-size:13px; line-height:30px; padding:0 10px;}
	}
	@media only screen and (max-width:480px) {
		.msec-02 .tits h3{font-size:32px;}  
		.msec-02 .tits p{font-size:16px;}   
		.msec-02 .cont li .txt .btxt{font-size:14px;}
		.msec-02 .cont li .txt .stxt{font-size:11px;}
	}
.msec-02 .pro-dots{font-size:0;text-align:right;height:15px; position:absolute; right:0; bottom:10px;}
.msec-02 .owl-dot{cursor:pointer;width:15px;height:15px; display:inline-block;vertical-align:top;position:Relative;overflow:hidden; border-radius: 50%;}
.msec-02 .owl-dot:nth-child(n+2){margin-left:15px;}
.msec-02 .owl-dot:after{width:100%;height:100%; border:1px solid #111; display:block; content:""; box-sizing:Border-box; position:absolute;left:0; top:0; border-radius: 50%;}
.msec-02 .owl-dot:before{width:100%;height:100%; background: #111; display:block; content:""; box-sizing:Border-box; position:absolute; left:0; top:100%;-webkit-transition: top 0.3s ease-out;-moz-transition: top 0.3s ease-out;-o-transition: top 0.3s ease-out;transition: top 0.3s ease-out;}
.msec-02 .owl-dot:hover:before{top:0;}
.msec-02 .owl-dot.active:before{top:0;}
	@media only screen and (max-width:1600px) {
		
	}
	@media only screen and (max-width:1400px) {
		
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-02 .owl-dot:nth-child(n+2){margin-left:10px;}
	}
	@media only screen and (max-width:680px) {
		.msec-02 .pro-dots{height:6px; bottom:5px;}
		.msec-02 .owl-dot{width:6px;height:6px;}
		.msec-02 .owl-dot:nth-child(n+2){margin-left:8px;}
	}
	@media only screen and (max-width:480px) {
		
	}



/* ======================================================
   .msec-03
=========================================================*/
.msec-03{position:relative;padding:100px 50px 150px 50px;}
.msec-03 .tits{position:Absolute ;left:50px; top:100px; height:calc(100% - 310px)}
.msec-03 .tits h3{font-size:40px;  color:#111 ; letter-spacing:-0.03em; line-height:1.3em; font-weight:700;}

.msec-03 .cont{position:relative; padding-left:400px;}
.msec-03 .item{}
.msec-03 .item a{display:block; }
.msec-03 .item .img{overflow:hidden;}
.msec-03 .item .img img{width:100%; /* height:315px;object-fit:cover; */-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease;transition: transform 1s ease-out;}
.msec-03 .item .txt{margin-top:30px;}
.msec-03 .item .txt p{ font-size:20px; font-weight:400; color:#111; letter-spacing:-0.03em; line-height:1.3em;}
.msec-03 .item .txt .btxt{font-size:20px; font-weight:400; color:#111; letter-spacing:-0.03em; line-height:1.3em; min-height:40px;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.msec-03 .item .txt .stxt{margin-top:10px;font-size:15px; font-weight:300; color:#111; letter-spacing:-0.03em; line-height:1.3em;}
.msec-03 .item a:hover .img img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05);  -o-transform:scale(1.05);  transform:scale(1.05);}
	@media only screen and (max-width:1800px) {
		.msec-03{padding:130px 0 130px 50px; }
		.msec-03 .tits{ height:calc(100% - 260px); top:130px; left:50px}
		.msec-03 .cont{padding-left:430px;}
		.msec-03 .item .txt .btxt br{display:none}
	}
	@media only screen and (max-width:1600px) {
		.msec-03 .cont{padding-left:400px;}
		
	}
	@media only screen and (max-width:1400px) {
		.msec-03{padding:100px 0 100px 50px;}
		.msec-03 .tits{ height:calc(100% - 200px); top:100px; left:50px}
		.msec-03 .tits h3{font-size:33px;}

		.msec-03 .cont{ padding-left:360px;}
		.msec-03 .item .txt{margin-top:35px;}
		.msec-03 .item .txt .btxt{font-size:22px;min-height:58px;}
		.msec-03 .item .txt .stxt{margin-top:15px;font-size:14px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-03{padding:100px 0 100px 20px;}
		.msec-03 .tits{ height:calc(100% - 200px); top:100px; left:20px}
		.msec-03 .tits h3{font-size:30px;}
		.msec-03 .cont{ padding-left:320px}
	}
	@media only screen and (max-width:999px) {
		.msec-03{padding:80px 0 80px 0;}
		.msec-03 .tits{position:relative; left:auto; top:auto; height:auto;}
		.msec-03 .tits h3{font-size:27px}
		.msec-03 .tits h3 br{display:none;}
		.msec-03 .cont{margin-top:20px; padding-left:0;}
		
		.msec-03 .item .txt{margin-top:30px;}
		.msec-03 .item .txt .btxt{font-size:20px;min-height:52px;}
		.msec-03 .item .txt .stxt{margin-top:15px;font-size:13px;}
	}
	@media only screen and (max-width:680px) {
		.msec-03{padding:20px 0 50px;}
		.msec-03 .tits h3{font-size:24px}
		.msec-03 .item .txt{margin-top:25px;}
		.msec-03 .item .txt p{ font-size:18px;}

		.msec-03 .item .txt .btxt{font-size:18px; min-height:auto;}
		.msec-03 .item .txt .stxt{margin-top:10px; font-size:12px;}

	}
	@media only screen and (max-width:480px) {
		.msec-03 .tits h3{font-size:21px}
	}

.msec-03 .ex-dots{font-size:0;height:15px; position:absolute; left:0; bottom:0;}
.msec-03 .owl-dot{cursor:pointer;width:15px;height:15px; display:inline-block;vertical-align:top;position:Relative;overflow:hidden; border-radius: 50%;}
.msec-03 .owl-dot:nth-child(n+2){margin-left:15px;}
.msec-03 .owl-dot:after{width:100%;height:100%; border:1px solid #111; display:block; content:""; box-sizing:Border-box; position:absolute;left:0; top:0; border-radius: 50%;}
.msec-03 .owl-dot:before{width:100%;height:100%; background: #111; display:block; content:""; box-sizing:Border-box; position:absolute; left:0; top:100%;-webkit-transition: top 0.3s ease-out;-moz-transition: top 0.3s ease-out;-o-transition: top 0.3s ease-out;transition: top 0.3s ease-out;}
.msec-03 .owl-dot:hover:before{top:0;}
.msec-03 .owl-dot.active:before{top:0;}
	@media only screen and (max-width:1600px) {
		
	}
	@media only screen and (max-width:1400px) {
		
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-03 .ex-dots{position:relative; left:auto; bottom:auto; margin-top:25px;}
		.msec-03 .owl-dot:nth-child(n+2){margin-left:10px;}
	}
	@media only screen and (max-width:680px) {
		.msec-03 .ex-dots{height:6px;}
		.msec-03 .owl-dot{width:6px;height:6px;}
		.msec-03 .owl-dot:nth-child(n+2){margin-left:8px;}
	}
	@media only screen and (max-width:480px) {
		
	}


/* ======================================================
   Æ˾÷â
   .layer-pop{}
	.layer-pop { width:96%;max-width:500px; min-width:360px; position:fixed;  left:50%; top:50%; display:none;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
=========================================================*/
#pop-doc{z-index:9900; position:relative;}
.layer-pop { overflow:hidden;position:absolute; display:none; border:1px solid #111; box-shadow:2px 2px 15px rgba(0, 0, 0, 0.2); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-pop form{margin:0; padding:0;}

.layer-pop .chk{box-sizing:border-box; border-top:none;background:#fff; position:relative;}
.layer-pop .chk:after{display:block; content:"";clear:both;}
.layer-pop .chk:before{width:0.1px;height:100%; position:absolute ;left:50%; top:0;display:block; content:"";background:#000;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.layer-pop .close{position:absolute; right:0; top:-45px; width:25px;height:25px; display:block; height:25px;background:url(../img/main/pop-close.png) no-repeat center center;background-size:100% auto;text-indent:-9999em;}
.layer-pop .check{float:left; width:50%; text-align:center;}
.layer-pop .check label{display:block; line-height:50px;line-height:52px; font-size:15px; color:#111; letter-spacing:-0.03em;-webkit-transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;}
.layer-pop .check label:hover{background:#111; color:#fff;}
.layer-pop .check input[type="checkbox"]{display:none;}
.layer-pop .check input[type="checkbox"]:checked +  label{background:#111; color:#fff;}
.layer-pop .closev{float:left; width:50%; text-align:center;}
.layer-pop .closev a{display:block;line-height:52px; font-size:15px; color:#111; letter-spacing:-0.03em;}
.layer-pop .closev a:hover{background:#23408f; color:#fff;}
.layer-pop .img{padding:0; margin:0;background:#fff;overflow:hidden;}
.layer-pop .img a{display:block; padding:0; margin:0;}
.layer-pop .img img{width:100%;}

@media only screen and (max-width:680px) {	
	.layer-pop { width:75vw !important;height:auto !important; left:50% !important;transform:scale(1,1) translateX(-50%) !important}
	.layer-pop .img {width:100% !important;height:auto !important;}

	.layer-pop .close{width:20px;height:20px; top:-35px; }

	.layer-pop .check label{line-height:45px; font-size:14px; }
	.layer-pop .closev a{line-height:45px; font-size:14px; }
}

@media screen and (max-width:530px){
	.layer-pop { width:75vw !important;height:auto !important; left:50% !important; transform:scale(1,1) translateX(-50%) !important}
	.layer-pop .img {width:100% !important;height:auto !important;}
}
@media screen and (max-width:480px){
  .layer-pop {width:90vw !important;height:auto !important; left:50% !important;}
}
/*=========================================================*/