@charset "utf-8";

/* pc frame */
.konestBody	{ padding:0; margin-top:0px; }
.mainKonest { padding:0; line-height:normal; }

/* sp frame */
.km-part_line { display:none; }
#contents_body { height:100%; }

.pseudo-fullscreen { position: fixed !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; z-index: 999999!important; }

/* common */
.konestBody .sp { display:none!important; }
#contents_body .pc { display:none!important; }

.trans {
	transition-property:transform;
	transition-duration:0.5s;
	transition-timing-function:ease;
	x-transform:translate(0, 40px) scale(0.95, 0.95);
	transform:translate(0, 40px);
}
.trans.inview {
	x-transform:translate(0, 0) scale(1,1);
	transform:translate(0, 0);
}

.trans.tr0,   .trans.tr-n  { }
.trans.tr45,  .trans.tr-ne { transform:translate(-40px, 40px); }
.trans.tr90,  .trans.tr-e  { transform:translate(-40px, 0px); }
.trans.tr135, .trans.tr-se { transform:translate(-40px, -40px); }
.trans.tr180, .trans.tr-s  { transform:translate(0px, -40px); }
.trans.tr225, .trans.tr-sw { transform:translate(40px, -40px); }
.trans.tr270, .trans.tr-w  { transform:translate(40px, 0px); }
.trans.tr315, .trans.tr-nw { transform:translate(40px, 40px); }

.trans.inview {
	x-transform:translate(0, 0) scale(1,1);
	transform:translate(0, 0);
}

.hfzoom { transition:transform 0.5s ease; transform:scale(0.6); }
.hfzoom.inview { transform:scale(1); }


/* main */
.go-btn { transition:transform 0.5s ease; }
.go-btn:hover { transform:scale(1.03, 1.03) translateY(-2px); z-index:1000; box-shadow:2px 2px 4px #ccc; }

.main { color:#333; font-size:16px; line-height:normal; background-color:#e7f3ee; }
.main img { max-width:100%; }
.main a,
.main a.link,
.main a:visited,
.main a:active,
.main a:hover { color:inherit; text-decoration:none; }

.main a.b-btn { height:32px; line-height:32px; padding:0px 16px 0px 50px; display:inline-block; background-color:#005486; color:#fff; text-align:center; border-radius:16px; }
.main a.b-btn:after { content:"　→"; }

.main img.sinfo { display:block; margin:0 auto; zoom:0.75; }
.main h2 { font-size:40px; text-align:center; margin:16px 0 16px 0; color:#333333; }

.main .sz50 { zoom:0.5; }
.main .sz75 { zoom:0.75; }

.main .for-pc { }
.main .for-sp { display:none!important; }

.main .hv { transition: transform 0.3s ease; }
.main .hv:hover { transform:translateY(-4px); }

.sec-top { }
	.slide-main { position: relative; height: 610px; }
	.slide-main .swiper-container { height: 100%; }
	.slide-main .swiper-slide { position: relative; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
	.slide-main .swiper-slide .swiper-bg { position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.15); }

	.slide-conts { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; display:flex; align-items:center; justify-content:center; }

	.slide-main .location-info { position: absolute; right: 35px; bottom: 30px; font-size: 18px; color: #fff; border-radius:5px;  }
	.slide-main .location-info img { margin-right: 8px; margin-top: -4px; width:20px; vertical-align:middle; }

	.swiper-container-vertical>.swiper-pagination-bullets { right: 20px; }
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 10px 0; }
	.swiper-pagination-bullet { width: 20px; height: 20px; border-radius: 50%; box-sizing: border-box; background: #fff; opacity: 1; }
	.swiper-pagination-bullet-active { background: #44d1d8 !important; }

	.swiper-pagination { width: auto !important; }
	.swiper-container-horizontal>.swiper-pagination-bullets { display: flex; flex-direction: column; justify-content: center; top: 0; bottom: 0; left: auto; right: 20px; }
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: 5px 0; }

	.slide-main .location-info { background-color:rgba(0,0,0,0.4); padding:8px 16px 4px 16px; line-height:1; }


.sec02 { padding:80px 0; }
	.sec02 .wrap { width:1035px; padding:0 45px; margin:0 auto; color:#005486; }


.sec03 { background-color:#005486; }
	.sec03 .wrap { height:530px; margin:0 auto; background:url(../img/s3_bg.jpg) no-repeat center center; position:relative; }
	.sec03 .smap { width:630px; height:511px; left:50%; position:relative; background:url(../img/s3_map.png) no-repeat center center; text-align:center; }
	.sec03 .smap .counter { position:absolute; top:28px; left:164px; width:300px; height:131px; background:url(../img/s3_counter.png) no-repeat center center/cover; }
	.sec03 .smap .counter .num { display:flex; height:100%; }
	.sec03 .smap .counter .num b { display:block; width:33.3%; font-size:100px; color:#fff; text-align:center; line-height:1; padding-top:22px; }
	.sec03 .smap .counter .bar { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/s3_counter_bar.png) no-repeat center center/cover; }
	.sec03 .smap a { position:absolute; display:inline-block; bottom:16px; left:20%; width:60%; background-color:#00a654; color:#fff; text-align:center; border-radius:50px; height:45px; line-height:45px; font-size:28px; }


.sec04 { padding-top:140px; }
	.sec04 .wrap { width:730px; margin:0 auto; }
	.sec04 .movie-cont { width:100%; height:auto; aspect-ratio:560/315; margin:0px auto; }
	.sec04 .movie-cont iframe { width:100%; height:100%; border-radius:8px; box-shadow:2px 2px 8px rgba(0,0,0,0.2); }
	.sec04 .movie-cont .cap { text-align:right; padding-top:10px; }


.sec05 { padding-top:140px; }
	.sec05 .wrap { width:1015px; margin:0 auto; }
	.sec05 .box { display:flex; margin-bottom:12px; box-shadow:2px 2px 8px rgba(0,0,0,0.2); }
	.sec05 .box .cont { box-sizing:border-box; width:445px; padding:45px; color:#858585; position:relative; background-color:#fff; text-align:left; }
	.sec05 .box .cont b { display:block; font-size:25px; color:#333; }
	.sec05 .box .cont a { position:absolute; left:45px; bottom:45px; }
	.sec05 .box .img { line-height:1; }


.sec06 { padding-top:140px; }
	.sec06 .wrap { width:1035px; margin:0 auto; }
	.sec06 .prod { display:flex; justify-content: space-between; flex-wrap:wrap; }
	.sec06 .prod.sim { justify-content:space-evenly; }

	.sec06 .prod > div { width:calc(33.3% - 8px); margin-bottom:12px; border-radius:12px; overflow:hidden; box-shadow:2px 2px 8px rgba(0,0,0,0.2); }
	.sec06 .prod > div > a { display:flex; flex-direction: column; height:100%; }
	.sec06 .prod > div > a > img { width:100%; aspect-ratio:340/230; object-fit:cover; }
	.sec06 .prod .cont { padding:24px; background-color:#fff; display:flex; flex-direction: column; justify-content:space-between; height:100%; }
	.sec06 .prod .subj { font-weight:bold; font-size:18px; margin-bottom:8px;  }
	.sec06 .prod .brief { color:#858585; margin-bottom:20px; }
	.sec06 .prod .price { color:#da0000; font-size:20px; font-weight:bold; }

	.sec06 a.b-btn { margin:30px auto 0 auto; display:block; width:200px; font-size:25px; height:50px; line-height:50px; border-radius:25px; padding:0 24px 0 70px; }

	/* left aglignment ver */
	.sec06 .prod { display:flex; justify-content:flex-start; flex-wrap:wrap; }
	.sec06 .prod.sim { justify-content:flex-start; }
	.sec06 .prod > div { margin-right:12px; }
	.sec06 .prod > div:nth-child(3n) { margin-right:0; }

.sec06.art { }
	.sec06.art .prod > div > a > img { aspect-ratio:340/310; }
	.sec06.art .prod .cont { padding:18px; text-align:center; }
	.sec06.art .prod .lnk { color:#005486; text-align:right; }
	.sec06.art .prod .lnk img { vertical-align:middle; }


.sec08 { padding-top:140px; }
	.sec08 .wrap { width:1035px; margin:0 auto; }
	.sec08 .tit { text-align:center; height:75px; line-height:75px; font-size:40px; background-color:#005486; color:#fff; }
	.sec08 .cont { background-color:#fff; padding:50px 50px 50px 130px; position:relative; }
	.sec08 .cont b { color:#005486; font-size:19px; }
	.sec08 .cont img { position:absolute; top:52px; left:60px; }


.sec09 { padding-top:140px; }
	.sec09 .wrap { position:relative; }
	.sec09 .map-area { width:100%; height:625px; border-top:1px solid #d8d8d8; border-bottom:10px solid #005386; z-index:1; background-color:#f9faf4; }
	.sec09 .map-go { text-align:right; padding:12px 12px; }
	.sec09 .map-go a { font-size:18px; color:#005386; }


.sec-bot { padding:100px 0 100px 0; }
	.sec-bot .wrap { width:1035px; margin:0 auto; }
	.sec-bot .cont { font-size:30px; text-align:center; }
	.sec-bot .cont div { font-size:40px; margin-top:20px; }




@media only screen and (max-width: 760px) {
	.go-btn:hover { transform:none; }

	.hfzoom { transform:none; }

	.main { font-size:15px; background-color:#e7f3ee; }
	.main h2 { font-size:28px; text-align:center; margin:8px 0 20px 0; line-height:110%; }

	.main img.sinfo { zoom:0.5; }

	.main .spsz50 { zoom:0.5; }
	.main .spsz75 { zoom:0.5; }

	.main .for-pc { display:none!important; }
	.main .for-sp { display:inherit!important; }

	.main .hv:hover { transform:none; }

	.sec-top { }
	    .slide-main { height: 100%; }
	    .slide-conts .img-pattern { width:310px; max-width:70%; }
	    .slide-main .location-info { font-size: 14px; right:0; bottom:20px; padding:8px 36px 6px 16px; border-radius:5px 0 0 5px; }
	    .slide-main .location-info img { width:13px; margin-top:-2px; }
	    .swiper-pagination-bullet { width: 10px; height: 10px; }

	.sec02 { padding:50px 0; }
		.sec02 .wrap { width:auto; padding:0 20px; }


	.sec03 { aspect-ratio:430/584; background-color:#e7f3ee; }
		.sec03 .wrap { width:100%; height:100%; margin:0 auto; background:url(../img/s3_bg_m.jpg) no-repeat top center; background-size:cover; position:relative; }
		.sec03 .smap { position:relative; top:0; left:0; width:100%; height:100%; background:none; text-align:center; }
		.sec03 .smap .counter { position:absolute; top:6%; left:27%; width:46%; height:auto; aspect-ratio:300/130; background:url(../img/s3_counter.png) no-repeat center center/contain; }
		.sec03 .smap .counter .num { display:flex; height:100%; padding-top:0; }
		.sec03 .smap .counter .num b { display:block; width:33.3%; font-size:18vw; color:#fff; text-align:center; line-height:1; padding-top:1vh; }
		.sec03 .smap .counter .bar { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/s3_counter_bar.png) no-repeat center center/contain; }
		.sec03 .smap a { position:absolute; display:inline-block; bottom:auto; top:53.5%; width:60%; background-color:#00a654; color:#fff; text-align:center; border-radius:50px; height:1.7em; line-height:1.7em; font-size:4vw; }

	.sec04 { padding-top:60px; }
		.sec04 .wrap { width:auto; padding:10px; }
		.sec04 .movie-cont { width:100%; margin-bottom:5px; }
		.sec04 .movie-cont iframe { width:100%; }
		.sec04 .movie-cont .cap { text-align:center; padding-top:2px; }


	.sec05 { padding-top:60px; }
		.sec05 .wrap { width:auto; padding:12px; }
		.sec05 .box { flex-direction:column-reverse; margin-bottom:12px; }
		.sec05 .box .cont { width:auto; padding:16px; margin-top:-2px; }
		.sec05 .box .cont b { display:block; font-size:16px; color:#333; margin-bottom:4px; }
		.sec05 .box .cont a { position:static; left:0; bottom:0; float:right; margin-top:12px; }


	.sec06 { padding-top:60px; }
		.sec06 .wrap { width:auto; padding:8px; }
		.sec06 .prod { font-size:14px; }
		.sec06 .prod > div { width:calc(50% - 4px); margin-right:8px; border-radius:8px; }
		.sec06 .prod > div:nth-child(3n) { margin-right:8px; }
		.sec06 .prod > div:nth-child(2n) { margin-right:0; }
		.sec06 .prod > div > a > img { aspect-ratio:410/275; }

		.sec06 .prod .cont { padding:8px; display:flex; flex-direction: column; justify-content:space-between; }
		.sec06 .prod .subj { font-size:15px; margin-bottom:4px;  }
		.sec06 .prod .brief { margin-bottom:4px; }
		.sec06 .prod .price { font-size:18px; }

		.sec06 a.b-btn { margin-top:10px; font-size:17px; height:34px; line-height:34px; border-radius:17px; padding:0 0 0 40px; }

		.sec06.hot .prod > div:first-child { width:100%; margin-right:0; }
		.sec06.hot .prod > div:nth-child(2n) { margin-right:8px; }
		.sec06.hot .prod > div:nth-child(3n) { margin-right:0; }


	.sec06.art { }
		.sec06.art .prod > div > a > img { aspect-ratio:410/320; }
		.sec06.art .prod .cont { padding:8px; text-align:center; }
		.sec06.art .prod .lnk { color:#005486; text-align:right; }


	.sec08 { padding-top:60px; }
		.sec08 .wrap { width:auto; padding:8px; }
		.sec08 .tit { height:45px; line-height:45px; font-size:28px; }
		.sec08 .cont { background-color:#fff; padding:20px 16px 20px 48px; position:relative; font-size:15px; }
		.sec08 .cont b { color:#005486; font-size:19px; }
		.sec08 .cont img { position:absolute; top:36px; left:20px; }


	.sec09 { padding-top:60px; }
		.sec09 .map-area { border-bottom:5px solid #005386; }
		.sec09 .map-go { text-align:right; padding:8px 12px; }
		.sec09 .map-go a { font-size:14px; color:#005386; }


	.sec-bot { padding:30px 0; }
		.sec-bot .wrap { width:auto; font-weight:500; }
		.sec-bot .cont { font-size:16px; text-align:center; }
		.sec-bot .cont div { font-size:22px; margin-top:20px; }


}