@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap'); */

/* ==== 韓国旅行「コネスト」Event CSS ==== */

.konestBody{padding-bottom:0; position:relative; z-index:0; }
.main_cont { padding-top:0; }
.body_cont { width:100%; }

[trans] {
	transition-property:transform;
	transition-duration:0.5s;
	transition-timing-function:ease;
	transform:translate(0, 30px);
}
[trans="tr-0"],   [trans="tr-n"]  { }
[trans="tr-45"],  [trans="tr-ne"] { transform:translate(-30px, 30px); }
[trans="tr-90"],  [trans="tr-e"]  { transform:translate(-30px, 0px); }
[trans="tr-135"], [trans="tr-se"] { transform:translate(-30px, -30px); }
[trans="tr-180"], [trans="tr-s"]  { transform:translate(0px, -30px); }
[trans="tr-225"], [trans="tr-sw"] { transform:translate(30px, -30px); }
[trans="tr-270"], [trans="tr-w"]  { transform:translate(30px, 0px); }
[trans="tr-315"], [trans="tr-nw"] { transform:translate(30px, 30px); }

.inview[trans] {
	transform:translate(0, 0);
}

/* ============================================== */
article * { font-family:'Noto Sans JP', 'Meiryo', sans-serif; box-sizing:border-box;  }
article *:before, article *:after { box-sizing:border-box; }

article.event { font-family:'Noto Sans JP', 'Meiryo', sans-serif; font-size:20px; line-height:1.5; color:#333; letter-spacing:-1px; }

section { text-align:center; margin:0 auto; position:relative; background-color:#fff; }
section img { max-width:100%; line-height:0; }
section a, section a:active, section a:focus, section a:visited, section a:hover
	{ position:relative; display:inline-block; transition: transform 0.25s ease-in-out; text-decoration:none; }
.pc section a:focus, .pc section a:hover { transform: translateY(-4px); box-shadow:0 4px 12px 0 rgba(0,0,0,0.12); }
.pc section .notrf a:focus, .pc section .notrf a:hover { transform:none; box-shadow:none; }

section a.btn { background-color:#0079d6!important; color:#d3fbfa!important; }
section a.btn, section a.btn:active, section a.btn:focus, section a.btn:visited {
	cursor:pointer; display:block; width:400px; line-height:1.5; margin:0 auto; padding:4px 4px 6px 4px; font-size:18px;
}

section nowrap { white-space:nowrap; }
.pc section pcbr { display:block; font-size:0; line-height:0; }
.sp section pcbr { display:none; }
.pc section spbr { display:none; }
.sp section spbr { display:block; font-size:0; line-height:0; }

.pc .for-sp { display:none; }
.sp .for-pc { display:none; }

section .btxt { font-size:32px; }
section .rbox { width:1020px; margin:0 auto; position:relative; padding:30px 30px; box-shadow:0 0 20px rgba(0,0,0,0.2); }
section .rcont { padding:20px 0 50px 0; width:1020px; margin:0 auto; }
section .rcont .dim { font-size:18px; color:#888; }
section .rimg { position:relative; }
section .rimg img { max-width:100%; border-radius:20px; }
section .rimg:after { content:""; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:20px; border:8px solid rgba(255,255,255,0.3); }

section .cate-top { width:1020px; margin:0 auto; padding-top:150px; position:relative; }
section .mise-icon { }
section .mise-title { display:block; margin:32px auto 32px auto; }
section .mise-name { font-size:44px; color:#333; font-weight:bold; padding-bottom:12px; }
section .cate-top:before { content:""; position:absolute; top:0; left:0; right:0; bottom:0px; background:url(../202309/sec02_top_bg_l.png) no-repeat left bottom/contain; }
section .cate-top:after { content:""; position:absolute; top:0px; left:0; right:0; bottom:0; background:url(../202309/sec02_top_bg_r.png) no-repeat right top/contain; }

section .img-wrap { width:1300px; margin:0 auto; }
section .img-photo { position:relative; display:inline-block; margin:2px 0 10px 0; }
section .img-photo img { border-radius:50px 0; }
section .img-photo:after { content:""; position:absolute; top:0; left:0; right:-2px; bottom:-2px; border-radius:52px 0; box-shadow:8px 8px 0 #ebe4de;  }

section .coup { position:relative; padding:130px 0 100px 0; background-color:#fcf6eb; font-size:18px; }
section .coup .card { width:1020px; margin:0 auto; position:relative; }

section .coup .card-cont { width:100%; padding:70px 90px 40px 90px; position:relative; border:10px solid #fee2b0; background-color:#fff; z-index:2; line-height:1.6; }
section .coup .coup-title { font-size:36px; font-weight:bold; line-height:1.05; margin:0 0 20px 0; }
section .coup .coup-title .tit { font-size:32px; margin-bottom:16px; }
section .coup .coup-title norm { font-weight:normal; }
section .coup .coup-sub { font-size:20px; font-weight:bold; margin: 16px 0 20px 0; }
section .coup .card-icon { position:absolute; top:-50px; left:50%; width:159px; height:130px; margin-left:-80px; background:url(../202309/coup_card_icon3.png) no-repeat top center/cover; z-index:5; pointer-events:none; }

section .coup .card-side { position:absolute; top:0; left:0; right:0; bottom:0; z-index:3; pointer-events:none; }
section .coup .card-side:before,
section .coup .card-side:after {
	content:""; position:absolute; top:50%; margin-top:-90px; left:0px;
	width:90px; height:180px; background-color:#fcf6eb; border:10px solid #fee2b0; border-radius:0 90px 90px 0; border-left-width:0;
	pointer-events: none;
}
section .coup .card-side:after {
	left:auto; right:0px; border-left-width:10px; border-right-width:0; border-radius:90px 0 0 90px;
}

section .card-bg {
	position:absolute; bottom:-58px; right:-113px; background:url(../202309/sec02_coup_circle.png) no-repeat center center;
	width:220px; height:220px; pointer-events: none; z-index:1;
}
section .card-bg.pleft { left:-113px; right:auto; }

section .coup .card a.btn { font-size:16px; margin:10px auto; }
section .coup .card a.btn:last-child { margin-bottom:0; }



section.sec01 { background-color:#eef8ff; }
	.sec01 .top-info { height:925px; background:url(../202309/sec01_main_image_bg.jpg) no-repeat top center; position:relative; overflow:hidden; }
	.sec01 .top-info .main-card { height:915px; background:url(../202309/sec01_main_image_card.png) no-repeat top center; }
	.sec01 .top-info:before { content:""; position:absolute; left:0; right:50%; bottom:0; height:10px; background-color:#0e438b; z-index:2; }
	.sec01 .top-info:after { content:""; position:absolute; left:50%; right:0; bottom:0; height:10px; background-color:#0e5fa9; z-index:2; }

	.sec01 .rbox { position:relative; background-color:#fff; border-radius:50px 0; padding:70px 30px 50px 30px; margin-top:-95px; z-index:5; }
	.sec01 .rcont { position:relative; z-index:5; padding:0; width:auto; }
	.sec01 .rimg { margin:2em 0; }
	.sec01 .rbox:before { content:""; position:absolute; z-index:0; top:0; bottom:0; left:0; right:0; background:url(../202309/sec01_bg_top.png) no-repeat top center; }
	.sec01 .rbox:after { content:""; position:absolute; z-index:0; top:0; bottom:0; left:0; right:0; background:url(../202309/sec01_bg_bot.png) no-repeat bottom center; }
	.sec01 .spbox ~ img { margin:50px 0; }

	.sec01 .cate { width:70%; margin:30px auto; display:flex; justify-content:space-between; }

	.sec01 .cate a { cursor:pointer; border-radius:50%; margin:0 3px; }

section.sec02 { }
	.sec02 .img01 { background:url(../202309/sec02_photo_01_bg.png) no-repeat top center; }
	.sec02 .img02 { background:url(../202309/sec02_photo_02_bg.png) no-repeat top center; }
	.sec02 .img03 { background:url(../202309/sec02_photo_03_bg.png) no-repeat top center; }
	.sec02 .img04 { background:url(../202309/sec02_photo_04_bg.png) no-repeat top center; }

	.sec02 .coup { background-color:#f6effc; }
	.sec02 .coup .card { border-color: #e9d6f8; }
	.sec02 .coup .card-cont { border-color:#e9d6f8; }
	.sec02 .coup .card-side:before,
	.sec02 .coup .card-side:after { border-color:#e9d6f8; background-color:#f6effc; }

	.sec02 .coup .card a.btn { background-color:#d0aded!important; color:#fff!important; }

	.sec02 .coup .coup-title { color:#722fa7; }
	.sec02 .coup .coup-sub { color:#d0aded; }


section.sec03 { }
	.sec03 .cate-top:before { background-image:url(../202309/sec03_top_bg_l.png); }
	.sec03 .cate-top:after { background-image:url(../202309/sec03_top_bg_r.png); }

	.sec03 .img01 { background:url(../202309/sec03_photo_01_bg.png) no-repeat top center; }
	.sec03 .img02 { background:url(../202309/sec03_photo_02_bg.png) no-repeat top center; }
	.sec03 .img03 { background:url(../202309/sec03_photo_03_bg.png) no-repeat top center; }
	.sec03 .img04 { background:url(../202309/sec03_photo_04_bg.png) no-repeat top center; }

	.sec03 .coup { background-color:#effdf8; }
	.sec03 .coup .card { border-color: #c6f5e2; }
	.sec03 .coup .card-cont { border-color:#c6f5e2; }
	.sec03 .coup .card-side:before,
	.sec03 .coup .card-side:after { border-color:#c6f5e2; background-color:#effdf8; }

	.sec03 .coup .card a.btn { background-color:#5be7b0!important; color:#fff!important; }

	.sec03 .coup .coup-title { color:#04896d; }
	.sec03 .coup .coup-sub { color:#5be7b0; }
	.sec03 .coup .card-bg { background:url(../202309/sec03_coup_circle.png) no-repeat center center }


section.sec04 { }
	.sec04 .cate-top:before { background-image:url(../202309/sec04_top_bg_l.png); }
	.sec04 .cate-top:after { background-image:url(../202309/sec04_top_bg_r.png); }

	.sec04 .img01 { background:url(../202309/sec04_photo_01_bg.png) no-repeat top center; }
	.sec04 .img02 { background:url(../202309/sec04_photo_02_bg.png) no-repeat top center; }
	.sec04 .img03 { background:url(../202309/sec04_photo_03_bg.png) no-repeat top center; }
	.sec04 .img04 { background:url(../202309/sec04_photo_04_bg.png) no-repeat top center; }

	.sec04 .coup { background-color:#e9effd; }
	.sec04 .coup .card-cont { border-color:#bed0f9; }
	.sec04 .coup .card-side:before,
	.sec04 .coup .card-side:after { border-color:#bed0f9; background-color:#e9effd; }
	.sec04 .coup .card-bg { left:-113px; right:auto; bottom:-90px; background:url(../202309/sec04_coup_circle.png) no-repeat center center; width:220px; height:220px; }

	.sec04 .coup .card a.btn { background-color:#6993f1!important; color:#fff!important; }

	.sec04 .coup .coup-title { color:#1e53ca; }
	.sec04 .coup .coup-sub { color:#6993f1; }


section.sec06 { }
	.sec06 .cate-top { padding-top:140px; }
	.sec06 .cate-top:before { background-image:url(../202309/sec06_top_bg_l.png); }
	.sec06 .cate-top:after { background-image:url(../202309/sec06_top_bg_r.png); }
	.sec06 .mise-name { font-size:32px; margin-top:-20px; padding-bottom:20px; }

	.sec06 .img01 { background:url(../202309/sec06_photo_01_bg.png) no-repeat top center; }
	.sec06 .img-photo img { border-radius:0; border:1px solid #bbe6f4; }
	.sec06 .img-photo:after { border-radius:0; right:0; bottom:0; box-shadow: 5px 5px 0 #e6f6fd; }

	.sec06 a.btn { margin:20px auto!important; }


section.sec07 { background-color:#e9f7fd; }
	.sec07 .cate-top { height:auto; }
	.sec07 .cate-top:before { background-image:url(../202309/sec07_top_bg_l.png); }
	.sec07 .cate-top:after { background-image:url(../202309/sec07_top_bg_r.png); }
	.sec07 .mise-name { font-size:30px; line-height:130%; color:#007cd0; padding-bottom:20px; }

	.sec07 .img01 { background:url(../202309/sec07_photo_01_bg.png) no-repeat top center; }
	.sec07 .img-photo:after { box-shadow:8px 8px 0 #c4e6fd; }

	.sec07 .rcont { color:#256e8e; }
	.sec07 .rcont .dim { color:#78afc6; }

	.sec07 .rcont.raddr { width:1300px; background:url(../202309/sec07_mid_bg.png) no-repeat top center; }
	.sec07 .rcont.rver { margin-top:-60px; text-align:center; font-size:16px; color:#2e8bdb; }

	.sec07 .datafile { width:640px; margin:120px auto 30px auto; text-align:left; }
	.sec07 .datafile dt, .sec07 .datafile dd { margin:0; }
	.sec07 .datafile dt { position:relative; color:#0079d6; font-weight:bold; margin-top:20px;  }
	.sec07 .datafile dt:before { position:absolute; content:""; top:0; left:-16px; width:9px; height:30px; background:url(../202309/sec07_datafile_hd.png) no-repeat center left; }

	.sec07 #datamap { width:800px; aspect-ratio:4/3; background:#fff; border:1px solid #8dcbf8; margin:10px auto; }
	.sec07 div.notrf { width:800px; margin:-10px auto 0 auto; text-align:right; padding-right:10px; }
	.sec07 div.notrf a { font-size:16px; color:#333; }
	.sec07 div.notrf a:hover { text-decoration:underline; }

	.sec07 .coup { background-color:#e9f7fd; padding-top:0; }
	.sec07 .coup .card-icon { top:50px; margin-left:-280px;  }
	.sec07 .coup .card-cont { padding-top:40px; border-color:#42bce9; color:#fff; background: rgb(101,188,254); background: linear-gradient(180deg, rgba(101,188,254,1) 0%, rgba(147,231,223,1) 70%);}
	.sec07 .coup .card-side:before,
	.sec07 .coup .card-side:after { border-color:#42bce9; background-color:#e9f7fd; }
	.sec07 .coup .card-bg { background:url(../202309/sec07_coup_circle.png) no-repeat center center }

	.sec07 .coup .card a.btn { background-color:#006c71!important; color:#fff!important; margin-top:20px; }

	.sec07 .coup .coup-title { color:#044397; line-height:130%; text-align:left; padding-left:310px; }
	.sec07 .coup .coup-sub { color:#11a1af; width:80%; display:flex; margin-left:auto; margin-right:auto; }
	.sec07 .coup .coup-sub span { display:block; width:50%; }

	.sec07 .coup .coup-sub2 { color:#006c71; font-size:15px; margin-top:-20px; }



/* ========== for SP ========== */

article.sp * { max-width:100%; }
article.sp { font-size:16px; }

.sp section a.btn { width:80vw; font-size:14px; margin:10px auto; max-width:400px; }
.sp section .btxt { font-size:18px; font-weight:bold; }

.sp section .img-wrap { padding:0 8px 0 3px; }
.sp section .rcont { padding:4px 15px 40px 15px; }
.sp section .img-photo img { border-radius:30px 0; border:1px solid #fff6e6; }
.sp section .img-photo:after { right:0; bottom:6px; border-radius:30px 0; box-shadow:5px 5px 0 #e9d9bc; }

.sp section .cate-top { padding-top:65px; }
.sp section .mise-icon { width:65px; height:65px; }
.sp section .mise-title { height:24px; margin:8px auto; position:relative; z-index:5; }
.sp section .mise-name { font-size:22px; color:#333; font-weight:bold; position:relative; z-index:5; padding:16px; }
.sp section .cate-top:before { }
.sp section .cate-top:after { }

.sp section .coup { padding:50px 0 20px 0; overflow:hidden; font-size:14px; }
.sp section .coup .card { padding:5px; }
.sp section .coup .card-icon { top:-28px; width:100px; height:82px; margin-left:-50px; }
.sp section .coup .card-cont { border-width:5px; padding:40px 20px 20px 20px; }
.sp section .coup .coup-title { font-size:20px; margin-bottom:10px; }
.sp section .coup .coup-title .tit { font-size:18px; margin-bottom:8px; }
.sp section .coup .coup-sub { font-size:16px; margin: 8px 0 16px 0; }

.sp section .coup .card-side:before,
.sp section .coup .card-side:after { left:5px; margin-top:-30px; width:24px; height:48px; border-width:5px; border-radius:0 24px 24px 0; border-left-width:0; }
.sp section .coup .card-side:after { left:auto; right:5px; border-left-width:5px; border-right-width:0; border-radius:24px 0 0 24px; }

.sp section .card-bg { display:none; }

.sp section .coup .card a.btn { margin:10px auto; font-size:14px; }
.sp section .coup .card a.btn:last-child { margin-bottom:0; }


.sp section.sec01 { background-color:#dee7ee; }
	.sp section.sec01 .top-info { height:80vh; background-size:cover; background-position:50% 50%; }
	.sp section.sec01 .top-info .main-card { width:98%; max-width:310px; height:90%; background:url(../202309/sec01_main_image_card_M.png) no-repeat center bottom/contain; margin:0 auto; }
	.sp section.sec01 .spbox { padding:0 10px; }
	.sp section.sec01 .rcont { padding-bottom:0; }
	.sp section.sec01 .rbox { padding:30px 0 30px 0; margin-top:-80px; box-shadow:5px 5px 10px rgba(0,0,0,0.2); border-radius:30px; }
	.sp section.sec01 .rbox:before, .sp .sec01 .rbox:after { background-size:contain; }
	.sp section.sec01 .rtxt { padding:0 10px; }
	.sp section.sec01 .rimg { margin:2em 0px; }
	.sp section.sec01 .rimg:after { bottom:6px; border-width:4px; }
	.sp section.sec01 a.btn { margin:0 auto; }

	.sp section.sec01 .cate { width:90%; max-width:700px; padding:0 10px; margin-bottom:0; }
	.sp section.sec01 .spbox ~ img { margin:40px 0; max-width:12%; }

.sp section.sec02 { }

.sp section.sec03 { }

.sp section.sec04 { }

.sp section.sec06 { }
	.sp section.sec06 .cate-top { height:150px; padding-top:80px; }
	.sp section.sec06 .img-photo img { border-radius:0; border:1px solid #bbe6f4; }
	.sp section.sec06 .img-photo:after { border-radius:0; box-shadow:3px 3px 0 #e6f6fd; }

.sp section.sec07 { }
	.sp section.sec07 .cate-top { height:auto; }
	.sp section.sec07 .mise-name { font-size:18px; padding:8px 16px; }

	.sp section.sec07 .coup { padding-top:10px; }
	.sp section.sec07 .coup .card-cont { padding-top:30px; padding-bottom:20px; }
	.sp section.sec07 .coup-title { display:flex; padding:0; justify-content:center; margin-bottom:0; }
	.sp section.sec07 .coup-title .card-icon { position:relative; top:-5px; left:0; margin:0; margin-right:10px; }
	.sp section.sec07 .coup-title .tit { margin:0; }
	.sp section.sec07 .coup-sub { width:100%; font-size:14px; display:flex; justify-content:space-around; }
	.sp section.sec07 .coup-sub span { width:auto; }
	.sp section.sec07 .coup-sub2 { font-size:13px; margin-top:-10px; }

	.sp section.sec07 .raddr { padding:20px 4px; }
	.sp section.sec07 .rcont.rver { margin-top:0px; }
	.sp section.sec07 .rcont .dim { font-size:16px; }

	.sp section.sec07 .datafile { padding:0 30px; }
	.sp section.sec07 #datamap { width:100%; max-width:800px; padding:0px; }

	.sp section.sec07 div.notrf a { font-size:14px; }


/* INLINE MAP */
#datamap * { box-sizing:content-box; max-width:none; }
#datamap a { transform:none; }
#datamap .leaflet-bottom.leaflet-right .leaflet-control { margin-bottom:4px; }

#datamap .kmarker { position: absolute; top: 0; left: 0; width: 56px; height: 62px; transition: transform .3s ease-in-out; background: url(/rsc/maps/img/map_pin.png) center no-repeat; background-size: contain; }
#datamap .kmarker:hover { transform: scale(1.2, 1.2) translateY(-5px); }
#datamap .kmarker span.kimg { display: block; width: 40px; height: 31px; margin:13px auto 0; background:url(../202309/map_jcb_logo.png) no-repeat center center/cover; }
#datamap .leaflet-popup-content { font-size:14px; }
#datamap .leaflet-popup-content b { font-size:16px; }