@charset "utf-8";


/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual {position:relative; box-sizing:border-box; margin:0 auto; z-index:12}
.msec-visual .visual-slide{position:relative ; z-index:234;overflow:hidden;}
.msec-visual .item{height:500px;position:relative;}

.msec-visual .item .img{position:relative; overflow:hidden;}
.msec-visual .item .img img{width:100%;height:500px;object-fit:cover;transform:scale(1.25, 1.25); -webkit-transform:scale(1.25, 1.25); -moz-transform:scale(1.25, 1.25); -ms-transform:scale(1.25, 1.25);-webkit-transition: transform 2.5s ease-in-out;-moz-transition: transform 2.5s ease-in-out;-o-transition: transform 2.5s ease-in-out;transition: transform 2.5s ease-in-out; filter: brightness(75%); }


.msec-visual .item .txt{position:absolute; left:0; top:50%; width:100%; box-sizing:border-box; text-align:center; font-family: 'GmarketSans'; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.msec-visual .item .txt .btxt{font-size:21px; font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.3em; }
.msec-visual .item .txt .stxt{font-size:40px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.3em;  margin-top:5px;     font-family: 'GmarketSansBold';}

.msec-visual.ani .slick-active.item .img img{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
	@media only screen and (max-width:1440px){
		.msec-visual .item .txt .btxt{font-size:19px;}
		.msec-visual .item .txt .stxt{font-size:36px;}
	}
	@media only screen and (max-width:1185px) {
		.main-visual{margin-top: 70px;}
		
	}
	@media only screen and (max-width:999px){
		.main-visual{margin-top: 70px;}
		.msec-visual .item{height:450px;}
		.msec-visual .item .img img{height:450px;}

		.msec-visual .item .txt .btxt{font-size:17px;}
		.msec-visual .item .txt .stxt{font-size:32px;}
	}
	@media only screen and (max-width:680px){
		.main-visual{margin-top: 70px;}
		.msec-visual .item .txt .btxt{font-size:15px;}
		.msec-visual .item .txt .stxt{font-size:28px;}
	}
	@media only screen and (max-width:480px){
		.main-visual{margin-top: 70px;}
		.msec-visual .item{height:400px;}
		.msec-visual .item .img img{height:400px;}
	}








/* ======================================================
   .msec-cont
=========================================================*/
.msec-cont{padding-left:380px; position:relative;margin-top:60px; z-index:28; height:955px;}
.msec-cont .side{position:absolute; left:20px; top:0; width:320px; z-index:12}
.msec-cont .ride{position:relative;}
	@media only screen and (max-width:1440px){
		.msec-cont{padding-left:340px; margin-top:40px;}
		.msec-cont .side{width:280px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-cont{padding:2px 20px; margin-top:0;}
		.msec-cont .side{position:relative; left:auto; top:auto ;width:auto;}
		.msec-cont .ride{margin-top:40px;}
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		.msec-cont{padding:0 15px; height: auto;}
	}
	@media only screen and (max-width:480px){
		
	}


/* ======================================================
   .msec-cont .side
=========================================================*/

.side .info{position:relative; }
.side .info .img{position:relative; z-index:1;border-radius:15px 15px 0 0 ;overflow:hidden;}
.side .info .img img{width:100%; height:195px;object-fit:cover;}
.side .info .cont{border:1px solid #e3e3e3; background:#fff; padding:25px; border-radius:25px 25px 15px 15px; margin-top:-25px; position:relative; z-index:2;}
.side .info .cont .logo{}
.side .info .cont .logo img{width:165px;}

.side .info .cont .txt{margin-top:15px; padding:0 2px;padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #e3e3e3; }
.side .info .cont .txt p{font-size:14px; letter-spacing:-0.03em; font-weight:300; color:#555; line-height:1.5em; overflow-wrap: break-word;}

.side .info .cont dl dt{font-size:14px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:18px; margin-bottom:4px; padding-left:24px}
.side .info .cont dl dt:nth-child(n+3){margin-top:17px;}
.side .info .cont dl dd{font-size:14px; color:#777; letter-spacing:-0.03em; line-height:18px;}
.side .info .cont dl dt.addr{background:url(../img/main/lodg-addr.jpg) no-repeat left 0;}
.side .info .cont dl dt.tel{background:url(../img/main/lodg-tel.jpg) no-repeat left 2px;}

.side .quick{border:1px solid #e3e3e3; border-radius:15px; padding:10px 20px; box-sizing:border-box; /*min-height:460px;*/ min-height:423px;margin-top:10px;}
.side .quick ul{}
.side .quick li{border-bottom:1px dashed #e3e3e3}
.side .quick li a{display:block; line-height:55px; position:relative; padding-left:30px; font-size:15px; font-weight:400 ;color:#555; letter-spacing:-0.03em;}
.side .quick li a:before{width:3px;height:3px; position:absolute; left:18px; top:25px; display:block;content:"";border-radius:100%; background:#d7d7d7}
.side .quick li a:after{width:14px;height:16px; position:absolute;right:6px; top:50%; margin-top:-8px; background:url(../img/main/side-arrow.jpg) no-repeat right center; display:block; content:""}
.side .quick li a:hover:after,  .side .quick li.active a:after{background-image:url(../img/main/side-arrowo.jpg)}
.side .quick li a:hover, .side .quick li.active a{font-weight:700; color:#0671e4}
	@media only screen and (max-width:1440px){
		.side .info .img img{height:180px;}

		.side .info .cont{padding:20px;border-radius:20px 20px 15px 15px; }
		.side .info .cont .logo img{width:155px;}
		.side .info .cont .txt p{font-size:13px;}

	}
	@media only screen and (max-width:1185px) {
		.side .info .img{display:none}
		.side .info .cont .txt{padding-bottom:15px; margin-bottom:15px; margin-top:10px;}
		.side .quick{display:none;}
	}
	@media only screen and (max-width:999px){
	
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){

	}



/* ======================================================
   .msec-01
=========================================================*/
.msec-01{position:relative; }
.msec-01:after{display:block; content:"";clear:both}
.msec-01 .fl{float:left; width:calc(50% - 20px); position:relative;}
.msec-01 .fr{float:right; width:calc(50% - 20px); position:relative;}

.msec-01 h3{font-size:22px ;font-weight:700; color:#000;font-family: 'GmarketSansBold'; line-height:1em; margin-bottom:10px; padding-bottom:10px;letter-spacing:-0.03em; border-bottom:1px solid #e3e3e3}
.msec-01 .more{position:absolute; line-height:20px; right:0; top:1px;}
.msec-01 .more span{color:#aaa; display:inline-block;vertical-align:top; padding-right:17px; position:relative; letter-spacing:-0.03em; }
.msec-01 .more span:after{width:12px;height:12px; position:absolute;right:0; top:50% ;margin-top:-5px; display:block;content:""; background:url(../img/main/more-btn.jpg) no-repeat center center;}

.msec-01 .fl ul{}
.msec-01 .fl ul:after{display:block ;content:"";clear:both}
.msec-01 .fl li{margin-bottom:7px; padding-bottom:7px; border-bottom:1px dashed #e3e3e3;}
.msec-01 .fl li:nth-child(n+2){}
.msec-01 .fl li a{display:block; position:relative; padding-left:160px;}
.msec-01 .fl li a .img{overflow:hidden; overflow:hidden;border-radius:3px; position:absolute; left:0; top:0; width:140px;height:90px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.msec-01 .fl li a .img img{width:100%;height:90px;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-01 .fl li a:hover .img img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1);  transform:scale(1.1);}

.msec-01 .fl li a .txt{ min-height:90px; box-sizing:border-box; padding-top:5px;}
.msec-01 .fl li a .txt .btxt{font-size:16px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:10px;}
.msec-01 .fl li a .txt .stxt{font-size:14px; color:#777; letter-spacing:-0.03em; line-height:18px; padding-left:22px;}
.msec-01 .fl li a .txt .stxt.addr{background:url(../img/main/lodg-addr.jpg) no-repeat left 0;}
.msec-01 .fl li a .txt .stxt.tel{margin-top:7px;background:url(../img/main/lodg-tel.jpg) no-repeat left 1px;}

.msec-01 .fr ul{}
.msec-01 .fr ul li{border-bottom:1px dashed #e3e3e3}
.msec-01 .fr ul li:nth-child(n+2){}
.msec-01 .fr ul li a{display:block; position:relative; font-weight:500;padding-right:90px; line-height:43px; color:#111; font-size:14px; letter-spacing:-0.03em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-01 .fr ul li a span{position:absolute;right:0; top:0; letter-spacing:-0.01em; color:#828282; font-size:12px;}
.msec-01 .fr ul li a:hover{color:#000}
	@media only screen and (max-width:1440px){
		.msec-01 .fl li a{padding-left:140px;}
		.msec-01 .fl li a .img{width:120px;}
		.msec-01 .fl li a .txt .btxt{font-size:15px;}
		.msec-01 .fl li a .txt .stxt{font-size:13px;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px){
		.msec-01 h3{font-size:20px}
		.msec-01 .more span{font-size:13px}

		.msec-01 .fl{float:none; width:auto;position:relative;}
		.msec-01 .fl li a{padding-left:120px;}
		.msec-01 .fl li a .img{width:100px;}

		.msec-01 .fr{float:none; width:auto; position:relative; margin-top:40px;}
		.msec-01 .fr ul li a{line-height:35px; font-size:13px;}
		.msec-01 .fr ul li a span{font-size:11px;}
	}
	@media only screen and (max-width:680px){
		.msec-01 .fr ul li a{line-height:30px;}
	}
	@media only screen and (max-width:480px){
		
	}





/* ======================================================
   .msec-02
=========================================================*/
.msec-02{margin-top:40px;}
.msec-02 .tits{position:relative;}
.msec-02 .tits h3{font-size:22px ;font-weight:700; color:#000;    font-family: 'GmarketSansBold'; line-height:1em; margin-bottom:15px; padding-bottom:10px;letter-spacing:-0.03em; border-bottom:1px solid #e3e3e3}
.msec-02 .tits .more{position:absolute; line-height:20px; right:0; top:1px;}
.msec-02 .tits .more span{color:#aaa; display:inline-block;vertical-align:top; padding-right:17px; position:relative; letter-spacing:-0.03em; }
.msec-02 .tits .more span:after{width:12px;height:12px; position:absolute;right:0; top:50% ;margin-top:-5px; display:block;content:""; background:url(../img/main/more-btn.jpg) no-repeat center center;}

.msec-02 .cont{}
.msec-02 .cont ul{margin:0 -8px;}
.msec-02 .cont ul:after{display:block ;content:"";clear:both}
.msec-02 .cont li{float:left; width:calc(16.6666666666% - 16px); margin:0 8px;}
.msec-02 .cont li a{display:block; position:relative;}
.msec-02 .cont li a .img{overflow:hidden; position:relative;border-radius:5px 5px 0 0}
.msec-02 .cont li a .img img{width:100%;height:95px;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-02 .cont li a:hover .img img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1);  transform:scale(1.1);}

.msec-02 .cont li a .img:after{position:absolute; left:0; top:0; width:100%;height:100%; background:rgba(6,113,228,0.3); display:block; content:""; opacity:0;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}
.msec-02 .cont li a:hover .img:after{opacity:1;}


.msec-02 .cont li a .txt{margin-top:10px;}
.msec-02 .cont li a .txt .btxt{font-size:14px; font-weight:500; color:#111; letter-spacing:-0.03em; line-height:1.2em; min-height:34px; max-height:34px; overflow:hidden;
  white-space: normal;text-overflow: ellipsis;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
/*.msec-02 .cont li a .txt .btxt{font-size:14px; font-weight:500; color:#111; letter-spacing:-0.03em; line-height:1.2em; min-height:34px; max-height:34px; overflow:hidden; white-space:pre-wrap;}*/
.msec-02 .cont li a .txt .stxt{font-size:12px; color:#828282; letter-spacing:-0.03em; line-height:1.2em; margin-top:5px;}
	@media only screen and (max-width:1440px){
		
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px){
		.msec-02 .tits h3{font-size:20px ;}
		.msec-02 .cont li{width:calc(33.33333% - 16px)}
		.msec-02 .cont li:nth-child(n+4){margin-top:16px}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		.msec-02 .cont li{width:calc(50% - 16px)}
		.msec-02 .cont li:nth-child(n+3){margin-top:32px}
		.msec-02 .cont li a .img img{/*height:auto;*/object-fit:fill;}
	}





/* ======================================================
   .msec-03
=========================================================*/
.msec-03{margin-top:40px;}
.msec-03 .tits{position:relative;}
.msec-03 .tits h3{font-size:22px ;font-weight:700; color:#000;    font-family: 'GmarketSansBold'; line-height:1em; margin-bottom:15px; padding-bottom:10px;letter-spacing:-0.03em; border-bottom:1px solid #e3e3e3}
.msec-03 .tits .more{position:absolute; line-height:20px; right:0; top:1px;}
.msec-03 .tits .more span{color:#aaa; display:inline-block;vertical-align:top; padding-right:17px; position:relative; letter-spacing:-0.03em; }
.msec-03 .tits .more span:after{width:12px;height:12px; position:absolute;right:0; top:50% ;margin-top:-5px; display:block;content:""; background:url(../img/main/more-btn.jpg) no-repeat center center;}

.msec-03 .cont{}
.msec-03 .cont ul{margin:0 -10px;}
.msec-03 .cont ul:after{display:block ;content:"";clear:both}
.msec-03 .cont li{float:left; width:calc(25% - 20px); margin:0 10px;}
.msec-03 .cont li a{display:block; position:relative;}
.msec-03 .cont li a:after{position:absolute; left:0; top:0; border-radius:8px; border:1px solid #dfdfdf; width:100%;height:100%; box-sizing:border-box; z-index:-1; display:block; content:"";-webkit-transition: box-shadow 0.5s ease-in-out;-moz-transition: box-shadow 0.5s ease-in-out;-o-transition: box-shadow 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out;}

.msec-03 .cont li a:hover:after{box-shadow:2px 2px 10px rgba(0, 0, 0, 0.1) ; -webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.1) ;-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1)  ; }

.msec-03 .cont li a .img{overflow:hidden; overflow:hidden;border-radius:8px 8px 0 0}
.msec-03 .cont li a .img img{width:100%;height:140px;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 .cont li a:hover .img img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1);  transform:scale(1.1);}

.msec-03 .cont li a .txt{padding:20px 17px; min-height:128px; box-sizing:border-box;border-radius:0 0 8px 8px }
.msec-03 .cont li a .txt .btxt{font-size:18px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:12px;overflow: hidden; text-overflow:ellipsis;
    white-space: nowrap;}
.msec-03 .cont li a .txt .stxt{font-size:14px; color:#777; letter-spacing:-0.03em; line-height:18px; padding-left:22px;}
.msec-03 .cont li a .txt .stxt.addr{background:url(../img/main/lodg-addr.jpg) no-repeat left 0;}
.msec-03 .cont li a .txt .stxt.tel{margin-top:7px;background:url(../img/main/lodg-tel.jpg) no-repeat left 1px;}
	@media only screen and (max-width:1440px){
		
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px){
		.msec-03 .tits h3{font-size:20px;}
		.msec-03 .cont li{width:calc(50% - 20px);}
		.msec-03 .cont li:nth-child(n+3){margin-top:20px;}
		.msec-03 .cont li a .txt{min-height:100px;min-height:108px; min-height:120px;}
		.msec-03 .cont li a .txt .btxt{font-size:16px; }
		.msec-03 .cont li a .txt .stxt{font-size:14px;}

		.msec-03 .cont li a .img img{height:auto;object-fit:fill;}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		.msec-03 .cont ul{margin:0;}
		.msec-03 .cont li{width:auto; float:none; margin:0;}
		.msec-03 .cont li:nth-child(n+2){margin-top:20px;}
	}