@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


/* reset */
/* -------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
html {width:100%; height:100%; overflow-y:scroll;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:bold;}
p, ul, ol, dl, address, blockquote, table, div {font-size:100%;}
p {margin:0 0 0 0;}
ol,ul {list-style:none;}
fieldset,img {border:0; vertical-align:top;}
table {border-collapse:collapse; border-spacing:0;}
caption,th {text-align:left;}
th {vertical-align:top; font-weight:normal; text-align:left;}
td {vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}


/* root */
/* -------------------------------------------------------- */
:root {
	--fs10: clamp(1.0rem, 1.0vw, 1.0rem);
	--fs12: clamp(1.0rem, 1.0vw, 1.2rem);
	--fs14: clamp(1.0rem, 1.1vw, 1.4rem);
	--fs16: clamp(1.2rem, 1.3vw, 1.6rem);
	--fs18: clamp(1.4rem, 1.5vw, 1.8rem);
	--fs20: clamp(1.5rem, 1.6vw, 2.0rem);
	--fs21: clamp(1.5rem, 1.7vw, 2.1rem);
	--fs22: clamp(1.5rem, 1.8vw, 2.2rem);
	--fs23: clamp(1.5rem, 1.9vw, 2.3rem);
	--fs24: clamp(1.6rem, 2.0vw, 2.4rem);
	--fs25: clamp(1.6rem, 2.1vw, 2.5rem);
	--fs26: clamp(1.6rem, 2.1vw, 2.6rem);
	--fs28: clamp(1.6rem, 2.3vw, 2.8rem);
	--fs30: clamp(1.6rem, 2.5vw, 3.0rem);
	--fs34: clamp(1.6rem, 2.8vw, 3.4rem);
	--fs35: clamp(1.7rem, 2.9vw, 3.5rem);
	--fs36: clamp(1.8rem, 3.0vw, 3.6rem);
	--fs40: clamp(2.0rem, 3.3vw, 4.0rem);
	--fs42: clamp(2.2rem, 3.5vw, 4.2rem);
	--fs52: clamp(2.3rem, 4.3vw, 5.2rem);
	--fs55: clamp(2.3rem, 4.5vw, 5.5rem);
	--fs60: clamp(2.4rem, 5.0vw, 6.0rem);
	--fs65: clamp(2.5rem, 5.4vw, 6.5rem);
	--fs70: clamp(2.5rem, 5.8vw, 7.0rem);
	--fs73: clamp(2.6rem, 6.0vw, 7.3rem);

	--sp--fs10: clamp(1.0rem, 3.1vw, 3.1vw);
	--sp--fs12: clamp(1.2rem, 3.7vw, 3.7vw);
	--sp--fs14: clamp(1.4rem, 4.3vw, 4.3vw);
	--sp--fs16: clamp(1.6rem, 5.0vw, 5.0vw);
	--sp--fs18: clamp(1.8rem, 5.6vw, 5.6vw);
	--sp--fs20: clamp(2.0rem, 6.2vw, 6.2vw);
	--sp--fs35: clamp(3.5rem, 10.9vw, 10.9vw);
}


/* common */
/* -------------------------------------------------------- */
html,body {font-variant-ligatures:none;}
html {font-size:62.5%;}
body {font-size:var(--fs20); font-family:"Noto Sans JP", sans-serif; line-height:1.6; color:#000; text-align:center; -webkit-text-size-adjust:100%; text-size-adjust:100%; background:none;}

h1, h2, h3, h4, h5, h6, h7 {line-height:1.2;}
p, li, dt, dd, th, td, address, blockquote, div {line-height:inherit; text-align:inherit;}
input, select, option, textarea, button {font-size:1.6rem; font-family:"Noto Sans JP", sans-serif; line-height:1; vertical-align:middle; text-align:inherit; color:inherit; outline:none;}
textarea {line-height:1.4;}
input[type='submit'],input[type='reset'],input[type='button'], button {cursor:pointer; appearance:none;}
:placeholder-shown {font-weight:400; color:#ccc;}
::-webkit-input-placeholder {font-weight:400; color:#ccc;}
:-moz-placeholder {font-weight:400; color:#ccc; opacity:1;}
::-moz-placeholder {font-weight:400; color:#ccc; opacity:1;}
:-ms-input-placeholder {font-weight:400; color:#ccc;}

strong {font-weight:bold;}
ol {list-style-type:decimal; margin-left:2.2em;}
img {max-width:100%; width:auto; height:auto; line-height:0; vertical-align:top; border:0; display:inline;}

a {color:#000; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}

.en {font-family:"Roboto", sans-serif; font-weight:400;}


/* decision */
/* -------------------------------------------------------- */
#bpCheck {display:none;}

body .pc {display:block;}
br.pc, span.pc, img.pc {display:inline;}
body .sp, br.sp, span.sp, img.sp {display:none;}

a.off {pointer-events:none; cursor:default; opacity:0.3;}
a[href^="tel:"] {pointer-events:none; cursor:default;}
body.mobile a[href^="tel:"] {pointer-events:auto; cursor:pointer;}

.cfix::before,
.cfix::after {display:table; content:" ";}
.cfix::after {clear:both;}

@media screen and (max-width:767px){
	#bpCheck {display:block;}

	body .pc, br.pc, span.pc, img.pc {display:none;}
	body .sp {display:block;}
	br.sp, span.sp, img.sp {display:inline;}
}


/* container */
/* -------------------------------------------------------- */
#container {width:100%; padding:140px 0 0 0; overflow:hidden;}

#overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.26); position:fixed; top:0; left:0; opacity:0; pointer-events:none; z-index:300; transition:opacity 0.6s ease;}
body.overlay #overlay {opacity:1; pointer-events:auto;}

@media screen and (max-width:767px){
	#container {padding:50px 0 0 0;}
}


/* header */
/* -------------------------------------------------------- */
#header {width:100%; background-color:#008fa2; position:absolute; top:0; left:0; z-index:300;}
#header .clm {width:100%; height:140px; padding:0 20px 0 30px; box-sizing:border-box; display:flex; align-items:center; position:relative;}
#header label,
#header a {display:block; cursor:pointer; transition:opacity 0.3s ease;}
#header a:hover,
#header label:hover {opacity:0.7;}
#header .logo {width:136px; order:1;}
#header .logo a {width:96px; height:96px; line-height:1; text-indent:-9999px; display:block; position:relative; overflow:hidden; transition:opacity 0.3s ease;}
#header .logo a:hover {opacity:0.7;}
#header .logo svg {width:100%; height:100%; fill:#fff; display:block; position:absolute; top:0; left:0;}
#header .season {font-size:var(--fs24); font-weight:700; line-height:1; white-space:nowrap; text-align:left; color:#fff; padding:0 20px 0 0; position:relative; order:4; cursor:pointer;}
#header .season span {font-size:50%; text-align:center; margin:0.3em 0 0 0; display:block;}
#header .season svg {width:16px; height:16px; margin:-8px 0 0 0; fill:#fff; display:block; position:absolute; top:50%; right:0; transform:rotate(90deg);}
#header .season a {font-size:50%; font-weight:700; line-height:1; white-space:nowrap; text-decoration:underline; color:#fff; margin:0.5em 0 0 0; padding:0 0 0.2em 0; display:block; position:absolute; top:100%; right:0; overflow:hidden;}
#header .season a:hover {text-decoration:none; opacity:1;}
#header .season a span {font-size:100%; margin:-1.2em 0 0 0; display:block; transition:margin 0.3s ease;}
#header .season.on a span {margin:0;}
#header .nav {order:2; flex:1;}
#header .nav > div {}
#header .nav ul {color:#fff; display:flex; flex-wrap:wrap; align-items:center; flex:1;}
#header .nav ul > li {font-size:clamp(1.0rem, 1.1vw, 1.8rem); font-weight:600; line-height:1.2; padding:0 1.5em 0 0; box-sizing:border-box;}
#header .nav ul > li > a {text-align:center; text-decoration:none; color:#fff; position:relative;}
#header .nav ul > li > a span {font-size:58%;}
#header .nav .language {font-size:100%; white-space:nowrap; text-align:left; color:#fff; padding:0 18px 0 0; position:relative; order:4; cursor:pointer;}
#header .nav .language svg {width:12px; height:12px; margin:-4px 0 0 0; fill:#fff; display:block; position:absolute; top:50%; right:0; transform:rotate(90deg);}
#header .nav .language a {font-size:70%; font-weight:700; line-height:1; white-space:nowrap; text-decoration:underline; color:#fff; margin:0.5em 18px 0 0; padding:0 0 0.2em 0; display:block; position:absolute; top:100%; right:0; overflow:hidden;}
#header .nav .language a:hover {text-decoration:none; opacity:1;}
#header .nav .language a span {font-size:100%; margin:-1.2em 0 0 0; display:block; transition:margin 0.3s ease;}
#header .nav .language.on a span {margin:0;}

#header .search {width:clamp(100px, 15.5vw, 300px); margin:0 30px 0 0; box-sizing:border-box; position:relative; z-index:301; order:3;}
#header .search > div {}
#header .search form {width:100%; background-color:#fff; border:none; box-shadow:0 0 3px 0 rgba(0,0,0,1) inset; border-radius:5px; box-sizing:border-box; display:flex; align-items:center; position:relative; z-index:101;}
#header .search form > div:first-of-type {flex:1;}
#header .search form input {width:100%; font-size:var(--fs16); text-align:left; padding:0 0 0 0.5em; background-color:transparent; border:none; box-sizing:border-box;}
#header .search form button {padding:4px 10px; background-color:transparent; border:none; display:block; cursor:pointer;}
#header .search form button svg {width:30px; height:30px; fill:#008393; display:block;}
#header .search .box {width:50vw; text-align:left; padding:50px 30px 30px 30px; background-color:#fff; box-shadow:0 0 3px 0 rgba(0,0,0,1) inset; border-radius:5px; box-sizing:border-box; position:absolute; top:-15px; right:-15px; z-index:100; opacity:0; transform:translate3d(0,-15px,0); pointer-events:none; transition:opacity 0.6s ease, transform 0.6s ease;}
#header .search .box dt {font-size:var(--fs21); font-weight:500; line-height:1.2; color:#008fa2; margin:1em 0 0 0;}
#header .search .box dd {margin:0 -10px; display:flex; flex-wrap:wrap;}
#header .search .box dd > div {padding:clamp(6px, 1.0vw, 20px) clamp(3px, 0.5vw, 10px) 0 clamp(3px, 0.5vw, 10px); box-sizing:border-box;}
#header .search .box button {min-width:6em; font-size:var(--fs20); line-height:1; text-align:center; text-decoration:none; color:#fff; padding:0.6em 1em; background-color:#008fa2; border:none; border-radius:50px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; cursor:pointer; transition:opacity 0.3s ease;}
#header .search .box button:hover {opacity:0.7;}
#header .search.on .box {opacity:1; transform:translate3d(0,0,0); pointer-events:auto;}
#header .search-btn {padding:0 8px 0 0; display:none;}
#header .search-btn svg {width:28px; height:28px; fill:#fff; display:block;}
#header .cart-btn {padding:0 20px 0 0; order:3;}
#header .cart-btn svg {width:40px; height:40px; fill:#fff; display:block;}
#header .nav-btn {display:none;}
#header .nav-btn label {width:30px; height:30px; position:fixed; top:10px; right:5px;}
#header .nav-btn label > span {width:100%; height:2px; margin:-1px 0 0 0; background-color:rgba(255,255,255,1); display:block; position:absolute; top:50%; left:0;}
#header .nav-btn label > span::before,
#header .nav-btn label > span::after {content:''; width:100%; height:2px; background-color:rgba(255,255,255,1); display:block; position:absolute; left:0;}
#header .nav-btn label > span::before {top:-8px;}
#header .nav-btn label > span::after {bottom:-8px;}
#header .close {width:30px; height:30px; position:fixed; top:10px; right:15px; cursor:pointer; display:none;}
#header .close > span {width:100%; height:2px; margin:-1px 0 0 0; background-color:rgba(0,0,0,0); display:block; position:absolute; top:50%; left:0;}
#header .close > span::before,
#header .close > span::after {content:''; width:100%; height:2px; background-color:rgba(0,0,0,1); display:block; position:absolute; left:0;}
#header .close > span::before {top:0; transform:rotate(45deg); transform-origin:center center;}
#header .close > span::after {bottom:0; transform:rotate(-45deg); transform-origin:center center;}
body.sp #header .search .box {transition:unset;}
body.sp #header .nav {transition:transform 0.6s ease;}
body.sp #header .search {transition:transform 0.6s ease;}
@media screen and (max-width:1200px){
	#header .search {width:50px; margin:-4px 0 0 0;}
	#header .search form {background-color:transparent; box-shadow:none; position:absolute; top:-15px; right:0;}
	#header .search form input {height:100%; color:transparent; position:absolute; top:0; left:0;}
	#header .search form button svg {fill:#fff;}
	#header .search .box {top:-30px;}
	#header .search.on form {width:44vw; background-color:#fff; box-shadow:0 0 3px 0 rgba(0,0,0,1) inset;}
	#header .search.on form input {width:calc(100% - 30px); color:#000; position:static;}
	#header .search.on form button {position:relative;}
	#header .search.on form button svg {fill:#008393;}
}

@media screen and (max-width:767px){
	#header {position:fixed;}
	#header .clm {height:50px; padding:0 50px 0 10px;}

	#header .logo {width:auto; flex:1; order:1;}
	#header .logo a {width:40px; height:40px;}
	#header .season {padding-left:10px;}
	#header .nav {width:80%; height:100vh; background-color:rgba(255,255,255,1); display:block; position:fixed; top:0; right:0; transform:translate3d(100%,0,0); pointer-events:none; z-index:310; overflow-x:auto; overflow-x:hidden;}
	#header .nav > div {background-color:#fff; padding:70px 10px 30px 10px; box-sizing:border-box;}
	#header .nav ul {color:#0f8da0; display:block;}
	#header .nav ul > li {padding:0; border-bottom:solid 1px #0f8da0;}
	#header .nav ul > li > a {font-size:var(--fs18); font-weight:700; text-align:right; text-decoration:none; color:#0f8da0; padding:1em 0.5em; display:block;}
	#header .search {width:80%; height:100vh; margin:0; padding:0; background-color:rgba(255,255,255,1); display:block; position:fixed; top:0; right:0; transform:translate3d(100%,0,0); pointer-events:none; z-index:310; overflow-x:auto; overflow-x:hidden;}
	#header .search > div {background-color:#fff; padding:70px 10px 30px 10px; box-sizing:border-box;}
	#header .search form {width:100%; position:static;}
	#header .search form > div:first-of-type {flex:1;}
	#header .search form,
	#header .search.on form {width:100%; background-color:#fff; box-shadow:0 0 3px 0 rgba(0,0,0,1) inset; position:static;}
	#header .search form input,
	#header .search.on form input {width:100%; color:#000; position:static;}
	#header .search form button,
	#header .search.on form button {padding:4px 10px; position:relative;}
	#header .search form button svg,
	#header .search.on form button svg {fill:#008393;}
	#header .search .box {width:100%; text-align:left; padding:0; background-color:transparent; box-shadow:none; border-radius:0; position:static; opacity:1; transform:translate3d(0,0,0); pointer-events:auto; transition:unset;}
	#header .search .box dt {font-size:var(--fs20);}
	#header .search .box dd {margin:0 -5px;}
	#header .search .box button {min-width:6em; font-size:var(--fs20);}
	#header .search-btn {display:block; order:2;}
	#header .cart-btn {padding:0; display:block; order:3;}
	#header .nav-btn {display:block;}
	#header .close {display:block;}

	body.on_nav #header .nav {display:block; transform:translate3d(0,0,0); pointer-events:auto;}
	body.on_search #header .search {display:block; transform:translate3d(0,0,0); pointer-events:auto;}
}


/* footer */
/* -------------------------------------------------------- */
#footer {margin:-12vw 0 0 0; padding:12vw 0 120px 0; position:relative; z-index:100;}
#footer::before {content:''; width:100%; height:100%; background-color:#008fa2; display:block; position:absolute; top:0; left:0; z-index:1; clip-path:polygon(0 12vw, 100% 0, 100% 100%, 0 100%);}
#footer .sec {max-width:1730px; padding-top:50px; position:relative; z-index:5;}
#footer .clm1 {text-align:left; display:flex; justify-content:space-between;}
#footer .clm2 {text-align:left; margin:50px 0 0 0; display:flex; justify-content:space-between; align-items:flex-end;}
#footer .clm3 {position:absolute; bottom:100%; right:15px;}
#footer .logo {display:flex; align-items:center;}
#footer .logo svg {width:54px; height:54px; fill:#fff; display:block;}
#footer .logo .sub {font-size:var(--fs16); line-height:1.1; color:#fff; margin:0 0 0 0.5em; display:block;}
#footer .logo .sub span {font-size:152%; display:block;}
#footer div.tel {margin:0.5em 0 0 0;}
#footer div.tel a {font-family:"Roboto", sans-serif; font-size:var(--fs52); font-weight:700; line-height:1; text-decoration:none; color:#fff; padding:0 0 0 72px; display:inline-block; position:relative; transition:opacity 0.3s ease;}
#footer div.tel a svg {width:60px; height:60px; margin:-32px 0 0 0; fill:#fff; display:block; position:absolute; top:50%; left:0;}
#footer div.tel a:hover {opacity:0.7;}
#footer div.tel span {font-size:var(--fs22); line-height:1.4; color:#fff; display:block;}
#footer .card {margin:20px 0 0 0;}
#footer .card img {width:100%; margin:0 10px 5px 0; display:inline-block;}
#footer .nav {margin:0 0 0 1em;}
#footer .nav li {font-size:var(--fs22); font-weight:600; color:#fff;}
#footer .nav li + li {margin:1.0em 0 0 0;}
#footer .nav li a {text-decoration:none; color:#fff; padding:0 0 0 18px; display:inline-block; position:relative;}
#footer .nav li a svg {width:16px; height:16px; margin:0.5em 0 0 0; fill:#fff; display:block; position:absolute; top:0; left:0;}
#footer .nav li a:hover {text-decoration:underline;}
#footer .sns {display:flex; order:2;}
#footer .sns > li {padding:0 0 0 15px;}
#footer .sns > li img {max-width:46px; border-radius:15px; display:block;}
#footer .copy {font-size:var(--fs16); color:#fff; order:1;}
#footer .pagetop {position:fixed; bottom:-110px; right:15px; opacity:0; z-index:100; transition:bottom 0.6s ease, opacity 0.6s ease;}
#footer .pagetop a {width:90px; height:90px; background-color:#008fa2; box-shadow:0 0 5px rgba(255,255,255,1); border-radius:100%; overflow:hidden; display:block; position:relative; transition:opacity 0.3s ease;}
#footer .pagetop a:hover {opacity:0.7;}
#footer .pagetop svg {width:60%; height:100%; fill:#fff; display:block; position:absolute; top:-2%; left:20%;}
#footer .season {font-size:var(--fs42); font-weight:700; line-height:1; white-space:nowrap; text-align:left; color:#fff; padding:0 25px 0 0; position:relative; order:4; cursor:pointer;}
#footer .season span {font-size:50%; text-align:center; margin:0.3em 0 0 0; display:block;}
#footer .season svg {width:20px; height:20px; margin:-10px 0 0 0; fill:#fff; display:block; position:absolute; top:50%; right:0; transform:rotate(90deg);}
#footer .season a {font-size:50%; font-weight:700; line-height:1; white-space:nowrap; text-decoration:underline; color:#fff; margin:0.5em 0 0 0; padding:0 0 0.2em 0; display:block; position:absolute; top:100%; right:0; overflow:hidden;}
#footer .season a:hover {text-decoration:none; opacity:1;}
#footer .season a span {font-size:100%; margin:-1.2em 0 0 0; display:block; transition:margin 0.3s ease;}
#footer .season.on a span {margin:0;}
body.move #footer .pagetop {bottom:15px; opacity:1;}

@media screen and (max-width:767px){
	#footer {padding-top:70px; padding-bottom:70px;}
	#footer .sec {padding-top:10px;}
	#footer .clm1 {padding-bottom:40px; flex-wrap:wrap; justify-content:space-between;}
	#footer .clm1 > div:nth-of-type(1) {width:100%; margin:30px 0 0 0; order:3;}
	#footer .clm2 {margin:10px 0 0 0; display:block; position:relative;}
	#footer .logo svg {width:40px; height:40px;}
	#footer .logo .sub {font-size:var(--fs14);}
	#footer div.tel {margin:0.5em 0 0 0;}
	#footer div.tel a {font-size:var(--fs40); padding:0 0 0 50px;}
	#footer div.tel a svg {width:40px; height:40px; margin:-22px 0 0 0;}
	#footer div.tel span {font-size:var(--fs18); letter-spacing:0.1em;}
	#footer .card {margin:15px 0 0 0;}
	#footer .nav {margin:0;}
	#footer .nav li {font-size:var(--fs18); margin:1.0em 0 0 0;}
	#footer .nav li a svg {width:10px; height:10px; margin:0.6em 0 0 0;}
	#footer .sns {padding:0 0 10px 0; position:absolute; bottom:100%; right:0;}
	#footer .sns > li {padding:0 0 0 5px;}
	#footer .sns > li img {max-width:34px; border-radius:10px;}
	#footer .copy {font-size:var(--fs14); text-align:center; padding:1em 0 0 0;}
	#footer .pagetop {bottom:-60px; right:10px;}
	#footer .pagetop a {width:50px; height:50px;}
	#footer .season {padding:0 20px 0 0;}
	#footer .season svg {width:16px; height:16px; margin:-8px 0 0 0;}
	body.move #footer .pagetop {bottom:10px;}
	html[lang="en"] #footer .clm1 {padding-bottom:0;}
}


/* contents */
/* -------------------------------------------------------- */
#contents {padding:200px 0 300px 0;}

.sec {max-width:1230px; margin:0 auto; padding:0 15px; box-sizing:border-box;}
.color {color:#0f8da0;}

.ttl-01 {font-size:var(--fs73); font-weight:700; text-align:center; line-height:1.3;}
.ttl-01.medium {font-size:var(--fs55);}
.ttl-01 span {font-size:67%; display:block;}
.ttl-02 {font-size:var(--fs40); font-weight:600; text-align:center; line-height:1.3;}

.btn-01 {font-size:var(--fs24); text-decoration:none; color:#0f8da0; padding:0.3em 1.5em 0.4em 1.5em; background-color:#fff; border:1px solid #0f8da0; border-radius:100px; display:inline-block; transition:opacity 0.3s ease;}
.btn-01:hover {text-decoration:none; color:#0f8da0; opacity:0.7;}
.btn-02 {font-size:var(--fs26); line-height:1; text-decoration:none; color:#0f8da0; margin:0 auto; padding:0.5em 2.0em; background-color:#fff; border:1px solid #0f8da0; border-radius:100px; box-sizing:border-box; display:inline-block; transition:background-color 0.3s ease, color 0.3s ease;}
.btn-02:hover {text-decoration:none; color:#fff; background-color:#0f8da0;}

.ttl-01 + .table-01 {margin-top:160px;}
.table-01 {text-align:left;}
.table-01 dl {margin:-2px 0 0 0; display:flex;}
.table-01 dl + dl dt {border-top:solid 2px #fff;}
.table-01 dt {width:30%; font-size:var(--fs24); color:#fff; padding:1em 1em 1em 2em; background-color:#118b9d; box-sizing:border-box;}
.table-01 dd {font-size:var(--fs20); padding:1em 1em 1em 2em; background-color:#fff; border:2px solid #118b9d; border-left:none; box-sizing:border-box; flex:1;}

.ttl-01 + .nav-01 {margin-top:60px;}
.nav-01 {margin:0 -25px; display:flex; flex-wrap:wrap; justify-content:center;}
.nav-01 > div {padding:25px 25px 0 25px;}
.nav-01 a {font-size:var(--fs25); text-decoration:none; color:#0f8da0;}
.nav-01 a:hover {text-decoration:underline;}
.ttl-01 + .nav-02 {margin-top:80px;}
.nav-02 {margin:0 -10px; display:flex; flex-wrap:wrap; justify-content:center;}
.nav-02 > div {padding:15px 10px 0 10px;}
.nav-02 a {min-width:7em; font-size:var(--fs20); font-weight:700; line-height:1; text-decoration:none; color:#0f8da0; padding:0.8em 1.5em; background-color:#fff; border:1px solid #0f8da0; border-radius:100px; box-sizing:border-box; display:inline-block; transition:background-color 0.3s ease, color 0.3s ease;}
.nav-02 a:hover {text-decoration:none; color:#fff; background-color:#0f8da0;}
.nav-03 {margin:30px 0 0 0;}
.nav-03 ul {margin:0 -5px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.nav-03 ul li {padding:10px 5px 0 5px;}
.nav-03 ul li > a,
.nav-03 ul li > span {width:2.4em; height:2.4em; font-size:var(--fs18); font-weight:bold; line-height:1.2; text-decoration:none; color:#0f8da0; background-color:#fff; border:1px solid #0f8da0; border-radius:5px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; transition:color 0.3s ease, background-color 0.3s ease;}
.nav-03 ul li > span {opacity:0.3;}
.nav-03 ul li > a.on,
.nav-03 ul li > a:hover {color:#fff; background-color:#0f8da0;}
.nav-03 ul li.prev > a,  
.nav-03 ul li.prev > a:hover,
.nav-03 ul li.next > a, 
.nav-03 ul li.next > a:hover {width:auto; color:#0f8da0; background-color:transparent; border:none;}

.theta360 {text-align:center;}
.theta360 > div,
.theta360 iframe {width:100% !important;}
.theta360 > p {font-size:var(--fs16); text-align:left; margin:3px 0 0 0;}

@media screen and (max-width:767px){
	#contents {padding:50px 0 100px 0;}

	.ttl-01 + .table-01 {margin-top:50px;}
	.table-01 dl {margin:0; display:block;}
	.table-01 dl + dl dt {border-top:none;}
	.table-01 dt {width:auto; font-size:1.8rem; padding:0.2em 1.0em;}
	.table-01 dd {font-size:1.6rem; padding:0.5em 1.0em; border:2px solid #118b9d; border-top:none;}

	.ttl-01 + .nav-01 {margin-top:20px;}
	.nav-01 {margin:0 -10px;}
	.nav-01 > div {padding:10px 10px 0 10px;}
	.nav-01 a {font-size:1.8rem;}
	.ttl-01 + .nav-02 {margin-top:30px;}
	.nav-02 {margin:0 -2px;}
	.nav-02 > div {padding:5px 2px 0 2px;}
	.nav-02 a {padding:0.5em 1.2em;}
	.nav-03 {margin:15px 0 0 0;}
	.nav-03 ul {margin:0 -3px;}
	.nav-03 ul li {padding:6px 3px 0 3px;}

	.news-list {margin:10px 0 0 0;}
	.news-list dl {padding:20px 0 10px 10px; display:flex; flex-wrap:wrap;}
	.news-list dt {width:6em; font-size:1.6rem;}
	.news-list dd {width:100%; font-size:1.8rem; flex:0 0 auto;}
	.news-list dd.category {width:auto; padding-right:0;}
	.news-list dd.category span {font-size:1.6rem; padding:0.2em 1em 0.4em 1em;}

	.news-detail .ttl {font-size:3.0rem;}
	.news-detail .clm {margin:30px 0 0 0; display:block;}
	.news-detail .clm .img {width:auto; padding:0;}
	.news-detail .clm .ctx {font-size:1.6rem; margin:1.5em 0 0 0;}
	.news-detail .btn {margin:30px 0 0 0;}
}

/* top */
body.top #container {padding-top:0;}
body.top #header {background-color:transparent; background:-webkit-linear-gradient(top, rgba(35,24,21, 0.19) 0%, rgba(128,128,128, 0.19) 70%, rgba(128,128,128, 0) 100%);}
body.top #contents {padding-top:0; padding-bottom:0;}
.top-mv {width:100%; background:url(../img/top/summer_mv.jpg) center center no-repeat; background-size:cover; position:relative;}
.top-mv .catch {width:100%; height:100vh; font-size:var(--fs73); font-weight:700; text-align:center; line-height:1.3; text-align:center; color:#0f8da0; text-shadow:4px 2px 8px rgba(255,255,255,0.83); display:flex; justify-content:center; align-items:center; flex-direction:column;}
.top-mv .catch span {font-size:52%; line-height:1; display:block;}
.top-mv.ski {background-image:url(../img/skibus/mv.jpg);}
body.top .top-mv.ski {margin:-12vw 0 0 0; padding:12vw 0 0 0; background:none; position:relative;}
body.top .top-mv.ski::before {content:''; width:100%; height:100%; background:#000 url(../img/skibus/mv.jpg) center 20% no-repeat; display:block; position:absolute; top:0; left:0; z-index:1; clip-path:polygon(0 12vw, 100% 0, 100% 100%, 0 100%);}
body.top .top-mv.ski .catch {height:auto; padding:180px 0 300px 0;}
body.top .top-mv.ski .sec {max-width:1030px; position:relative; z-index:10;}

.top-news {margin:-12vw 0 0 0; padding:12vw 0 80px 0; position:relative;}
.top-news::before {content:''; width:100%; height:100%; background:#fff url(../img/top/bg_01.png) right top no-repeat; display:block; position:absolute; top:0; left:0; z-index:1; clip-path:polygon(0 12vw, 100% 0, 100% 100%, 0 100%);}
.top-news::after {content:''; width:100%; height:100%; background:url(../img/top/bg_02.png) left bottom no-repeat; display:block; position:absolute; top:0; left:0; z-index:1; clip-path:polygon(0 12vw, 100% 0, 100% 100%, 0 100%);}
.top-news .sec {position:relative; z-index:10;}
.top-news .ttl {font-size:var(--fs55); font-weight:700; text-align:center; color:#0f8da0;}
.top-news .list {margin:15px 0 0 0;}
.top-news .list a {text-decoration:none; color:#0f8da0; display:block; position:relative; transition:opacity 0.3s ease;}
.top-news .list a:hover {opacity:0.7;}
.top-news .list a svg {width:18px; height:18px; margin:34px 15px 0 0; fill:#0f8da0; display:block; position:absolute; top:0; right:0;}
.top-news .list dl {text-align:left; padding:30px 60px 5px 0; border-bottom:solid 1px #0f8da0; display:flex;}
.top-news .list dt {width:10em; font-size:var(--fs21); text-align:center;}
.top-news .list dd {font-size:var(--fs23); flex:1;}
.top-news .btn {text-align:center; margin:30px 0 0 0;}
.top-news .bnr {margin:80px 0 0 0; position:relative; z-index:100;}
.top-news .bnr .splide__slide {max-width:350px; width:100%; padding:0 16px 8px 16px; box-sizing:border-box;}
.top-news .bnr a {background-color:#eee; box-shadow:3px 3px 4px rgba(0,0,0,0.31); display:block;}
.top-news .bnr img {width:100%;}
.top-news .bnr .splide__arrows {width:100%; position:absolute; top:50%; left:0;}
.top-news .bnr .splide__arrow {margin:-20px 0 0 0; background:none; border:none; position:absolute; top:50%; z-index:100;}
.top-news .bnr .splide__arrow svg {width:40px; height:40px; fill:#fff; filter:drop-shadow(1px 1px 3px rgba(0,0,0,0.7)); display:block;}
.top-news .bnr .splide__arrow.splide__arrow--prev {left:0; transform:scale(-1,1);}
.top-news .bnr .splide__arrow.splide__arrow--next {right:0;}
.top-tours {margin:-12vw 0 0 0; padding:12vw 0 180px 0; position:relative;}
.top-tours::before {content:''; width:100%; height:100%; background:#0f8da0 url(../img/top/bg_03.png) right center no-repeat; display:block; position:absolute; top:0; left:0; z-index:1; clip-path:polygon(0 12vw, 100% 0, 100% 100%, 0 100%);}
.top-tours .sec {max-width:1030px; position:relative; z-index:10;}
.top-tours .ttl {font-size:var(--fs60); font-weight:700; text-align:center; color:#fff;}
.top-tours .clm {margin:20px 0 0 0;}
.top-tours .clm > div {padding:30px 0 0 0;}
.top-tours .clm a {text-decoration:none; color:#fff; display:flex; justify-content:space-between; transition:opacity 0.3s ease;}
.top-tours .clm a:hover {opacity:0.7;}
.top-tours .clm .img {width:32%; order:1;}
.top-tours .clm .ctx {width:61%; font-size:var(--fs30); text-align:left; order:2;}
.top-tours .btn {text-align:center; margin:40px 0 0 0;}
.top-tours .btn .btn-02 {color:#fff; background-color:transparent; border-color:#fff;}
.top-tours .btn .btn-02:hover {color:#0f8da0; background-color:#fff;}
.top-plans {margin:-12vw 0 0 0; padding:12vw 0 180px 0; position:relative;}
.top-plans::before {content:''; width:100%; height:100%; background:#fff url(../img/top/bg_03.png) right center no-repeat; display:block; position:absolute; top:0; left:0; transform:scale(-1,1); z-index:1; clip-path:polygon(0 0, 100% 12vw, 100% 100%, 0 100%);}
.top-plans .sec {max-width:1030px; position:relative; z-index:10;}
.top-plans .ttl {font-size:var(--fs60); font-weight:700; text-align:center; color:#0f8da0;}
.top-plans .clm {margin:20px 0 0 0;}
.top-plans .clm > div {padding:30px 0 0 0;}
.top-plans .clm a {text-decoration:none; color:#0f8da0; display:flex; justify-content:space-between; transition:opacity 0.3s ease;}
.top-plans .clm a:hover {opacity:0.7;}
.top-plans .clm .img {width:32%; order:2;}
.top-plans .clm .ctx {width:61%; font-size:var(--fs30); text-align:left; order:1;}
.top-plans .btn {text-align:center; margin:40px 0 0 0;}
.top-ptaxilan {margin:-12vw 0 0 0; padding:12vw 0 250px 0; position:relative;}
.top-ptaxilan::before {content:''; width:100%; height:100%; background:url(../img/top/footer_bg.jpg) center center no-repeat; background-size:cover; display:block; position:absolute; top:0; left:0; z-index:1; clip-path:polygon(0 12vw, 100% 0, 100% 100%, 0 100%);}
.top-ptaxilan::after {content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.29); display:block; position:absolute; top:0; left:0; z-index:1; clip-path:polygon(0 12vw, 100% 0, 100% 100%, 0 100%);}
.top-ptaxilan .sec {padding-top:80px; position:relative; z-index:10;}
.top-ptaxilan .ttl {font-size:var(--fs60); font-weight:700; text-align:center; color:#fff;}
.top-ptaxilan .ttl span {font-size:82%; display:block;}
.top-ptaxilan .btn {margin:50px -9px 0 -9px; display:flex; flex-wrap:wrap; justify-content:center;}
.top-ptaxilan .btn > div {padding:18px 9px 0 9px; box-sizing:border-box;}
.top-ptaxilan .btn a {max-width:460px; font-size:val(--fs28); font-weight:500; text-decoration:none; color:#0f8da0; padding:0.3em 2em; background-color:#fff; border-radius:100px; box-sizing:border-box; display:inline-block; transition:background-color 0.3s ease, color 0.3s ease;}
.top-ptaxilan .btn a:hover {color:#fff; background-color:#0f8da0;}

@media screen and (max-width:767px){
	.top-mv .catch {width:100%; height:90vw; font-size:var(--sp--fs18);}
	.top-mv.ski::before {background-position:center top; background-size:cover;}
	.top-mv.ski .catch {height:auto; padding:100px 0 150px 0;}
	.top-news {padding-bottom:0;}
	.top-news::before {background-size:180% auto;}
	.top-news::after {background-size:180% auto;}
	.top-news .ttl {font-size:var(--sp--fs35);}
	.top-news .list {margin:5px 0 0 0;}
	.top-news .list a svg {width:10px; height:10px; margin:-5px 5px 0 0; top:50%;}
	.top-news .list dl {padding:10px 30px 5px 0;}
	.top-news .list dt {width:7em; font-size:var(--sp--fs10);}
	.top-news .list dd {font-size:var(--sp--fs10);}
	.top-news .btn {margin:15px 0 0 0;}
	.top-news .bnr {margin:20px 0 0 0;}
	.top-news .bnr .splide__slide {max-width:clamp(120px, 30.0vw, 30.0vw); padding:0 5px 8px 5px;}
	.top-news .bnr .splide__arrow {margin:-15px 0 0 0;}
	.top-news .bnr .splide__arrow svg {width:30px; height:30px;}
	.top-tours {margin:-15vw 0 0 0; padding:15vw 0 60px 0;}
	.top-tours::before {background-position:top right; background-size:90% auto;}
	.top-tours .sec {padding-top:20px;}
	.top-tours .ttl {font-size:var(--sp--fs20);}
	.top-tours .clm {margin:5px 0 0 0;}
	.top-tours .clm > div {padding:15px 0 0 0;}
	.top-tours .clm .img {width:48%;}
	.top-tours .clm .ctx {width:46%; font-size:var(--sp--fs10);}
	.top-tours .btn {margin:20px 0 0 0;}
	.top-plans {padding-bottom:60px;}
	.top-plans::before {background-position:top right; background-size:90% auto;}
	.top-plans .sec {padding-top:20px;}
	.top-plans .ttl {font-size:var(--sp--fs20);}
	.top-plans .clm {margin:5px 0 0 0;}
	.top-plans .clm > div {padding:15px 0 0 0;}
	.top-plans .clm .img {width:48%;}
	.top-plans .clm .ctx {width:46%; font-size:var(--sp--fs10);}
	.top-plans .btn {margin:20px 0 0 0;}
	.top-ptaxilan {margin:-12vw 0 0 0; padding:12vw 0 80px 0;}
	.top-ptaxilan .sec {padding-top:20px;}
	.top-ptaxilan .ttl {font-size:var(--sp--fs20);}
	.top-ptaxilan .btn {margin:0; display:block;}
	.top-ptaxilan .btn > div {padding:20px 0 0 0;}
	.top-ptaxilan .btn a {max-width:300px; width:100%; font-size:val(--sp--fs16);}
}


/* article-detail */
.article-detail .ttl {font-size:var(--fs70); font-weight:700; text-align:center; line-height:1.3;}
.article-detail .clm {text-align:left; margin:120px 0 0 0; display:flex;}
.article-detail .clm .img {width:47%; padding:0 50px 0 0; box-sizing:border-box;}
.article-detail .clm .ctx {font-size:var(--fs22); flex:1;}
.article-detail .btn {text-align:center; margin:80px 0 0 0;}

@media screen and (max-width:767px){
	.article-detail .ttl {font-size:3.0rem;}
	.article-detail .clm {margin:30px 0 0 0; display:block;}
	.article-detail .clm .img {width:auto; padding:0;}
	.article-detail .clm .ctx {font-size:1.6rem; margin:1.5em 0 0 0;}
	.article-detail .btn {margin:30px 0 0 0;}
}


/* webpage-detail */
.webpage-detail + .webpage-detail {margin-top:100px;}
.webpage-detail .ttl-01 + .ctx1 {margin-top:80px;}
.webpage-detail h3 + .ctx1 {margin-top:30px;}
.webpage-detail h3 {font-size:var(--fs40); font-weight:700; text-align:center; margin:80px 0 0 0;}
.webpage-detail h4 {font-size:var(--fs36); text-align:center; margin:50px 0 0 0;}
.webpage-detail h5 {font-size:var(--fs30); text-align:center; margin:30px 0 0 0;}
.webpage-detail .ctx1 {font-size:var(--fs22); text-align:left; margin:0.5em 0 0 0;}
.webpage-detail .ctx1 ul li {position:relative;}
.webpage-detail .ctx1 ul li .ico {white-space:nowrap; display:block; position:absolute; top:0; left:0;}
.webpage-detail .ctx1 ul.li1 > li,
.webpage-detail .ctx1 ul li.li1 {padding-left:1.2em;}
.webpage-detail .ctx1 ul.li15 > li,
.webpage-detail .ctx1 ul li.li15 {padding-left:1.7em;}
.webpage-detail .ctx1 ul.li2 > li,
.webpage-detail .ctx1 ul li.li2 {padding-left:2.2em;}
.webpage-detail .ctx1 ul.li25 > li,
.webpage-detail .ctx1 ul li.li25 {padding-left:2.7em;}
.webpage-detail .ctx1 ul.li3 > li,
.webpage-detail .ctx1 ul li.li3 {padding-left:3.2em;}
.webpage-detail .ctx1 ul.li35 > li,
.webpage-detail .ctx1 ul li.li35 {padding-left:3.7em;}
.webpage-detail .ctx2 {font-size:var(--fs22); text-align:center; margin:0.5em 0 0 0;}
.webpage-detail .ctx3 {width:100%; font-weight:700; margin:1em 0 0 0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:fixed;}
.webpage-detail .ctx3 th {font-size:var(--fs42); text-align:center; vertical-align:middle; color:#fff; padding:0.5em 2em; background-color:#0f8da0; border:2px solid #0f8da0; position:relative;}
.webpage-detail .ctx3 th + th::before {content:''; width:2px; height:100%; background-color:#fff; display:block; position:absolute; bottom:0; left:-2px;}
.webpage-detail .ctx3.type1 tr th::before {content:''; width:100%; height:2px; background-color:#fff; display:block; position:absolute; top:-2px; left:0;}
.webpage-detail .ctx3.type1 tr:first-of-type th::before {display:none;}
.webpage-detail .ctx3 td {font-size:var(--fs30); line-height:1.2; text-align:left; vertical-align:middle; padding:0.5em 2em; background-color:#fff; border:2px solid #0f8da0;}
.webpage-detail .ctx3 td strong {font-size:140%; text-align:center; display:block;}
.webpage-detail .ctx4 dl {text-align:left; padding:25px 0;}
.webpage-detail .ctx4 dl + dl {border-top:solid 1px #118b9d;}
.webpage-detail .ctx4 dt {font-size:var(--fs24); font-weight:700; line-height:1.3;}
.webpage-detail .ctx4 dd {font-size:var(--fs24); line-height:1.3; margin:0.3em 0 0 0;}
.webpage-detail .ctx5 {margin:20px 0 0 0;}
.webpage-detail .ctx6 {margin:1em 0 0 0;}
.webpage-detail .ctx6 table {width:100%; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:fixed;}
.webpage-detail .ctx6 th,
.webpage-detail .ctx6 td {font-size:var(--fs22); text-align:center; vertical-align:middle; padding:0.5em 1em; background-color:#efedf0; border:1px solid #c5c4c2; position:relative;}
.webpage-detail .ctx6 td {text-align:left; background-color:#fff;}
.webpage-detail .clm1 {margin:30px 0 0 0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.webpage-detail .clm1 > div {width:32%; text-align:center; padding:0 10px; box-sizing:border-box;}
.webpage-detail .clm1 span {padding:0 0 0.5em 0; display:block;}

@media screen and (max-width:767px){
	.webpage-detail + .webpage-detail {margin-top:50px;}
	.webpage-detail .ttl-01 + .ctx1 {margin-top:30px;}
	.webpage-detail h3 + .ctx1 {margin-top:20px;}
	.webpage-detail h3 {font-size:var(--fs40); margin:40px 0 0 0;}
	.webpage-detail h4 {font-size:var(--fs36); margin:30px 0 0 0;}
	.webpage-detail h5 {font-size:var(--fs30); margin:20px 0 0 0;}
	.webpage-detail .ctx1 {font-size:var(--fs22);}
	.webpage-detail .ctx2 {font-size:var(--fs22);}
	.webpage-detail .ctx3 th {font-size:var(--fs30);}
	.webpage-detail .ctx3 td {font-size:var(--fs20); padding:0.5em;}
	.webpage-detail .ctx4 dl {padding:20px 0;}
	.webpage-detail .ctx5 {margin:10px 0 0 0;}
	.webpage-detail .ctx6.auto {width:100%; overflow:auto;}
	.webpage-detail .ctx6.auto table {width:auto;}
	.webpage-detail .ctx6.auto th,
	.webpage-detail .ctx6.auto td {white-space:nowrap;}
	.webpage-detail .ctx6 th,
	.webpage-detail .ctx6 td {font-size:var(--fs22); padding:0.2em 0.6em;}
	.webpage-detail .clm1 {margin:15px 0 0 0;}
	.webpage-detail .clm1 > div {width:50%;}
}


/* news */
.news-list {text-align:left; margin:30px 0 0 0;}
.news-list dl {padding:30px 0 8px 20px; border-bottom:solid 1px #0f8da0; display:flex;}
.news-list dt {width:7em; font-size:var(--fs20); color:#0f8da0; box-sizing:border-box;}
.news-list dd {font-size:var(--fs23); color:#0f8da0; box-sizing:border-box; flex:1;}
.news-list dd.category {width:250px; padding-right:28px; flex:0 0 auto;}
.news-list dd.category span {width:100%; font-size:var(--fs20); line-height:1; text-align:center; color:#fff; padding:0.2em 0 0.4em 0; background-color:#666; border-radius:100px; display:block;}
.news-list dd.category.cate1 span {background-color:#0f8da0;}
.news-list dd.category.cate2 span {background-color:#e5b417;}
.news-list dd.category.cate3 span {background-color:#e355f2;}
.news-list dd a {text-decoration:none; color:#0f8da0; padding:0 60px 0 0; display:block; position:relative;}
.news-list dd a:hover {text-decoration:underline;}
.news-list dd a svg {width:18px; height:18px; margin:-9px 10px 0 0; fill:#0f8da0; position:absolute; top:50%; right:0; opacity:0.58;}

@media screen and (max-width:767px){
	.news-list {margin:10px 0 0 0;}
	.news-list dl {padding:20px 0 10px 10px; display:flex; flex-wrap:wrap;}
	.news-list dt {width:6em;}
	.news-list dd {width:100%; flex:0 0 auto;}
	.news-list dd.category {width:auto; padding-right:0;}
	.news-list dd.category span {padding:0.2em 0.5em 0.4em 0.5em;}
	.news-list dd a {margin:0.5em 0 0 0; padding:0 20px 0 0;}
	.news-list dd a svg {width:12px; height:12px; margin:-6px 5px 0 0;}
}

/* tour */
.tour-list {text-align:left; margin:100px 0 0 0;}
.tour-list a {text-decoration:none; display:block; transition:opacity 0.3s ease;}
.tour-list a:hover {opacity:0.7;}
.tour-list .img {width:100%; aspect-ratio:2 / 1; overflow:hidden;}
.tour-list .img img {width:100%; height:100%; object-fit:cover;}
.tour-list .clm {margin:0 -20px; display:flex; flex-wrap:wrap;}
.tour-list .clm > div {width:33.33%; padding:40px 20px 20px 20px; box-sizing:border-box;}
.tour-list dl {font-size:var(--fs23); color:#0f8da0; margin:1.0em 0 0 0;}
.tour-list dd {font-size:var(--fs14);}
.tour-list dd.period {margin:1.0em 0 0 0;}
.tour-list dd.price {line-height:1.3; color:#f00; margin:0.5em 0 0 0;}
.tour-list .nav {margin:0 -8px; padding:0 0 100px 0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.tour-list .nav > div {padding:0 8px 30px 8px; box-sizing:border-box;}
.tour-list .nav a {font-size:var(--fs22); font-weight:700; line-height:1.2; text-decoration:none; color:#0f8da0; padding:1em 2em; background-color:#fff; border:1px solid #0f8da0; border-radius:100px; box-sizing:border-box; display:block; transition:background-color 0.3s ease, color 0.3s ease;}
.tour-list .nav a:hover {color:#fff; background-color:#0f8da0; opacity:1;}

.tour-detail .ttl {font-size:var(--fs60); font-weight:700; text-align:center; line-height:1.3; color:#0f8da0;}
.tour-detail .ttl span {font-size:73%; line-height:1.2; margin:0.8em 0 0 0; display:block;}
.tour-detail .subttl1 {font-size:var(--fs60); font-weight:700; text-align:center; line-height:1.3; color:#fff; margin:140px 0 0 0; padding:0.3em 0; background-color:#0f8da0; position:relative;}
.tour-detail .subttl1::before {content:''; width:200vw; height:100%; background-color:#0f8da0; display:block; position:absolute; top:0; left:-100vw; z-index:-1;}
.tour-detail .subttl1 span {font-size:56%; display:block;}
.tour-detail .subttl2 {font-size:var(--fs36); font-weight:700; text-align:left; line-height:1.3; color:#0f8da0; margin:60px 0 0 0;}
.tour-detail .subttl3 {font-size:var(--fs60); font-weight:700; text-align:center; line-height:1.3; color:#0f8da0; margin:120px 0 0 0;}
.tour-detail .subttl4 {font-size:var(--fs73); font-weight:700; text-align:center; line-height:1.3; color:#0f8da0; margin:120px 0 0 0;}
.tour-detail .subttl4 span {font-size:45%; line-height:1.1; margin:1em 0 0 0; display:block;}
.tour-detail .subttl4 + .slider {margin:30px 0 0 0;}
.tour-detail .subttl4 + .subttl1 {margin-top:40px;}
.tour-detail .table1 {width:100%; margin:30px 0 0 0; border:2px solid #118b9d; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:fixed;}
.tour-detail .table1 th {font-size:var(--fs24); font-weight:700; text-align:center; color:#fff; padding:0.8em 0.5em; background-color:#118b9d; border:1px solid #fff;}
.tour-detail .table1 td {font-size:var(--fs20); font-weight:700; text-align:center; padding:1em 0.5em; background-color:#fff; border:2px solid #118b9d;}
.tour-detail .table2 {width:100%; margin:30px 0 0 0; border:2px solid #118b9d; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:fixed;}
.tour-detail .table2 th {font-size:var(--fs42); font-weight:700; text-align:center; color:#fff; padding:0.5em; background-color:#118b9d; border:1px solid #fff;}
.tour-detail .table2 td {font-size:var(--fs30); font-weight:700; text-align:left; padding:0.5em 1.5em; background-color:#fff; border:2px solid #118b9d;}
.tour-detail .table2 td strong {font-size:140%; text-align:center; display:block;}
.tour-detail .ctx {font-size:var(--fs26); line-height:1.5; text-align:left; color:#0f8da0; margin:1.5em 0 0 0;}
.tour-detail .ctx strong {font-weight:700;}
.tour-detail .ctx a {text-decoration:none; color:#0f8da0;}
.tour-detail .ctx a:hover {text-decoration:underline;}
.tour-detail .ctx1 {font-size:var(--fs22); line-height:1.5; text-align:left; margin:100px 0 0 0;}
.tour-detail .ctx2 {font-size:var(--fs22); line-height:1.5; text-align:left; margin:40px 0 0 0; padding:1em 1.5em; background-color:#87ced6; border-radius:10px; box-sizing:border-box;}
.tour-detail .ctx2 a {text-decoration:none;}
.tour-detail .ctx2 a:hover {text-decoration:underline;}
.tour-detail .ctx3 dl {text-align:left; margin:2.0em 0 0 0;}
.tour-detail .ctx3 dl + dl {margin-top:1.0em;}
.tour-detail .ctx3 dt {font-size:var(--fs22); color:#0f8da0;}
.tour-detail .ctx3 dd {font-size:var(--fs60); font-weight:700; line-height:1.2; color:#ff3b3b;}
.tour-detail .ctx3 dd span {font-size:var(--fs22); font-weight:400; color:#0f8da0; margin:0.5em 0 0 0; display:block;}
.tour-detail .ctx4 {font-size:var(--fs22); font-weight:400; text-align:left; color:#fff; margin:2em 0 0 0; padding:0.2em 0.5em; background-color:#0090a1;}
.tour-detail .ctx5 {margin:20px -20px 0 -20px; display:flex; flex-wrap:wrap; justify-content:center;}
.tour-detail .ctx5 dl {width:400px; text-align:center; padding:30px 20px 0 20px; box-sizing:border-box;}
.tour-detail .ctx5 dt {font-size:var(--fs28); color:#0f8da0;}
.tour-detail .ctx5 dd {margin:5px 0 0 0;}
.tour-detail .ctx5 dd a {max-width:300px; width:100%; font-size:var(--fs28); line-height:1; text-decoration:none; color:#fff; margin:0 auto; padding:1em; background-color:#008fa2; border-radius:100px; box-sizing:border-box; display:block; transition:opacity 0.3s ease;}
.tour-detail .ctx5 dd a:hover {opacity:0.7;}
.tour-detail .ctx6 {font-size:var(--fs22); text-align:left; margin:30px 0 0 0;}
.tour-detail .ctx7 {margin:100px 0 0 0;}
.tour-detail .ctx7 > div {text-align:center; margin:15px 0 0 0;}
.tour-detail .ctx7 > div a {font-size:var(--fs25); text-decoration:none; color:#fff; margin:0 auto; padding:0.3em 1.5em; background-color:#0f8da0; border:1px solid #0f8da0; border-radius:100px; box-sizing:border-box; display:inline-block; transition:color 0.3s ease, background-color 0.3s ease;}
.tour-detail .ctx7 > div a:hover {color:#0f8da0; background-color:#fff;}
.tour-detail .ctx8 {margin:70px 0 0 0; padding:25px 40px; border:4px solid #008fa2; box-sizing:border-box;}
.tour-detail .ctx8 h3 {font-size:var(--fs42); line-height:1; text-align:center; color:#008fa2; margin:0 0 0.8em 0; position:relative;}
.tour-detail .ctx8 h3 span {padding:0 1.5em; background-color:#fff; display:inline-block; position:relative; z-index:5;}
.tour-detail .ctx8 h3::before {content:''; width:100%; height:3px; background-color:#008fa2; display:block; position:absolute; top:50%; left:0;}
.tour-detail .ctx8 dl {text-align:left;}
.tour-detail .ctx8 dt {font-size:var(--fs22); line-height:1; color:#fff; padding:0.3em 0.8em; background-color:#008fa2; display:inline-block;}
.tour-detail .ctx8 dd {font-size:var(--fs40); font-weight:700; line-height:1; color:#ff0c2c; display:flex; flex-wrap:wrap; align-items:center;}
.tour-detail .ctx8 dd > div {width:50%; text-align:center; padding:0 0.5em 1.0em 0.5em; box-sizing:border-box; position:relative;}
.tour-detail .ctx8 dd > div span {font-size:200%; display:inline-block;}
.tour-detail .ctx8 dd > div:nth-of-type(even)::before {content:''; width:3px; height:60%; background-color:#008fa2; display:block; position:absolute; top:10%; left:0;}
.tour-detail .ctx8 .sub1 {font-size:var(--fs22); text-align:center; color:#008fa2; margin:1.0em 0 0 0;}
.tour-detail .ctx8 .sub2 {font-size:var(--fs22); text-align:center; color:#fff; margin:0.5em -40px -25px -40px; padding:0.6em 0; background-color:#008fa2; box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.tour-detail .ctx8 .sub2 > div {padding:0 1em;}
.tour-detail .clm1 {display:flex; justify-content:space-between;}
.tour-detail .clm1 > div {width:49%;}
.tour-detail .slider {margin:150px 0 0 0; padding:0 0 2em 0;}
.tour-detail .splide__track {overflow:visible;}
.tour-detail .splide__slide {max-width:1080px; padding:0 40px; box-sizing:border-box; position:relative;}
.tour-detail .splide__slide p {width:100%; font-size:var(--fs22); text-align:center; color:#0f8da0; position:absolute; top:100%; left:0; opacity:0; transition:opacity 0.3s ease;}
.tour-detail .splide__slide.is-active p {opacity:1;}
.tour-detail .splide__pagination {width:100%; position:absolute; bottom:20px; left:0;}
.tour-detail .splide__pagination li {padding:5px 0; padding-left:clamp(5px, 2.2vw, 27px); padding-right:clamp(5px, 2.2vw, 27px);}
.tour-detail .splide__pagination button {width:20px; height:20px; padding:0; background-color:#fff; border:none; border-radius:100%; display:block; overflow:hidden;}

@media screen and (max-width:767px){
	.tour-list {margin:50px 0 0 0;}
	.tour-list .clm {margin:0; display:block;}
	.tour-list .clm > div {width:auto; padding:30px 0 0 0;}
	.tour-list .nav {margin:0 -5px; padding:0 0 50px 0;}
	.tour-list .nav > div {padding:0 5px 10px 5px;}
	.tour-list .nav a {padding:0.5em 1.5em;}

	.tour-detail .ttl {font-size:2.6rem;}
	.tour-detail .subttl1 {font-size:2.2rem; margin:50px 0 0 0;}
	.tour-detail .subttl2 {font-size:1.8rem; margin:30px 0 0 0;}
	.tour-detail .subttl3 {font-size:2.2rem; margin:50px 0 0 0;}
	.tour-detail .subttl4 {font-size:2.2rem; margin:50px 0 0 0;}
	.tour-detail .subttl4 + .slider {margin:20px 0 0 0;}
	.tour-detail .subttl4 + .subttl1 {margin-top:20px;}
	.tour-detail .table1 {margin:20px 0 0 0;}
	.tour-detail .table1 th {padding:0.3em;}
	.tour-detail .table1 td {padding:0.5em;}
	.tour-detail .table2 {margin:20px 0 0 0;}
	.tour-detail .table2 th {padding:0.3em;}
	.tour-detail .table2 td {padding:0.5em;}
	.tour-detail .ctx1 {margin:50px 0 0 0;}
	.tour-detail .ctx2 {margin:20px 0 0 0;}
	.tour-detail .ctx3 dd span {font-size:1.4rem;}
	.tour-detail .ctx5 {margin:10px 0 0 0; display:block;}
	.tour-detail .ctx5 dl {max-width:400px; width:100%; margin:0 auto; padding:15px 0 0 0;}
	.tour-detail .ctx5 dd {margin:5px 0 0 0;}
	.tour-detail .ctx5 dd a {padding:1em;}
	.tour-detail .ctx6 {margin:20px 0 0 0;}
	.tour-detail .ctx7 {margin:30px 0 0 0;}
	.tour-detail .ctx7 > div {margin:10px 0 0 0;}
	.tour-detail .ctx7 > div a {padding:0.3em 1.0em;}
	.tour-detail .ctx8 {margin:30px 0 0 0; padding:15px; border:2px solid #008fa2;}
	.tour-detail .ctx8 h3 {font-size:var(--sp--fs18);}
	.tour-detail .ctx8 h3 span {padding:0 0.5em;}
	.tour-detail .ctx8 h3::before {height:2px;}
	.tour-detail .ctx8 dd {padding:0 0 1.0em 0; display:block;}
	.tour-detail .ctx8 dd > div {width:auto; text-align:center; padding:0.5em 0 0 0;}
	.tour-detail .ctx8 dd > div:nth-of-type(even)::before {display:none;}
	.tour-detail .ctx8 .sub1 {margin:0.5em 0 0 0;}
	.tour-detail .ctx8 .sub2 {margin:0.5em -15px -15px -15px;}
	.tour-detail .ctx8 .sub2 > div {padding:0 0.5em;}

	.tour-detail .clm1 {display:block;}
	.tour-detail .clm1 > div {width:auto;}
	.tour-detail .slider {margin:30px 0 0 0;}
	.tour-detail .splide__slide {padding:0 2px;}
	.tour-detail .splide__slide p {font-size:1.4rem;}
	.tour-detail .splide__pagination {bottom:5px;}
	.tour-detail .splide__pagination li {padding:3px 5px;}
	.tour-detail .splide__pagination button {width:10px; height:10px;}
}


/* attentionTxt */
.attentionTxt {font-size:var(--fs26); line-height:1.5; text-align:left; padding:0 0 30px 0;}
.attentionTxt h2 {font-size:var(--fs36); font-weight:700; text-align:left; line-height:1.3; color:#0f8da0; margin:60px 0 0 0;}
.attentionTxt h3 {font-size:var(--fs26); font-weight:700; line-height:1.5; text-align:left; color:#0f8da0; margin:1.5em 0 0 0;}

.attentionTxt p {margin:0 0 5px 0;}
.attentionTxt table {width:100%; margin:30px 0 0 0; border:2px solid #118b9d; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:fixed;}
.attentionTxt table th {font-size:var(--fs24); font-weight:700; text-align:center; color:#fff; padding:0.8em 0.5em; background-color:#118b9d; border:1px solid #fff;}
.attentionTxt table td {font-size:var(--fs20); font-weight:700; text-align:center; padding:1em 0.5em; background-color:#fff; border:2px solid #118b9d;}

@media screen and (max-width:767px){
	.attentionTxt h2 {font-size:1.8rem; margin:30px 0 0 0;}
	.attentionTxt h3 {font-size:var(--fs26);}
	.attentionTxt table {margin:20px 0 0 0;}
	.attentionTxt table th {padding:0.3em;}
	.attentionTxt table td {padding:0.5em;}
}


/* step */
.step-detail .ttl {font-size:var(--fs73); font-weight:700; text-align:center; line-height:1.3;}
.step-detail .ttl span {font-size:79%; line-height:1.2; display:block;}
.step-detail .step {margin:180px -50px 0 -50px; display:flex;}
.step-detail .step > div {width:25%; padding:0 50px; box-sizing:border-box; position:relative;}
.step-detail .step > div svg {width:56px; height:56px; margin:-28px -28px 0 0; fill:#0f8da0; display:block; position:absolute; top:50%; right:0;}
.step-detail .step a {text-decoration:none; color:#fff; display:block; position:relative;}
.step-detail .step a span {width:100%; font-family:"Roboto", sans-serif; font-size:var(--fs52); font-weight:700; line-height:1.2; text-align:center; color:#0f8da0; position:absolute; bottom:100%; left:0;}
.step-detail .step a div {width:100%; height:4em; font-size:var(--fs28); font-weight:600; line-height:1.4; text-align:center; color:#fff; background-color:#0f8da0; border-radius:15px; display:flex; justify-content:center; align-items:center;}
.step-detail .box {padding:80px 0 120px 0;}
.step-detail .box +.box {border-top:solid 1px #0f8da0;}
.step-detail .ctx1 {font-size:var(--fs30); text-align:left; margin:2em 0 0 0;}
.step-detail .ctx2 {margin:80px 0 0 0; display:flex; flex-wrap:wrap;}
.step-detail .ctx2 > h4,
.step-detail .ctx2 > div {width:50%; background-color:#fff; border:2px solid #0f8da0; margin:0 -1px; box-sizing:border-box;}
.step-detail .ctx2 > h4 {height:4em; font-size:var(--fs42); font-weight:700; line-height:1.2; text-align:center; color:#fff; background-color:#0f8da0; display:flex; justify-content:center; align-items:center; position:relative;}
.step-detail .ctx2 > div {border-top:none;}
.step-detail .ctx2 > div {text-align:left; padding:1em 1.5em;}
.step-detail .ctx2 > div a {text-decoration:none;}
.step-detail .ctx2 > div a:hover {text-decoration:underline;}
.step-detail .ctx2 > h4:nth-of-type(2)::before {content:''; width:2px; height:100%; margin:0 0 0 -2px; background-color:#fff; display:block; position:absolute; top:0; left:0;}
.step-detail .ctx2 > h4:nth-of-type(1) {order:1;}
.step-detail .ctx2 > h4:nth-of-type(2) {order:2;}
.step-detail .ctx2 > div:nth-of-type(1) {order:3;}
.step-detail .ctx2 > div:nth-of-type(2) {order:5;}
.step-detail .ctx2 > div:nth-of-type(3) {order:4;}
.step-detail .ctx2 > div:nth-of-type(4) {order:6;}
.step-detail .ctx2 .note li {font-size:var(--fs12); line-height:1.5;}
.step-detail .ctx2.type1 > div {font-size:var(--fs30); font-weight:700; line-height:1.2;}
.step-detail .ctx2.type1 > div span {font-size:66%; line-height:1.6; display:block;}
.step-detail .ctx2.type2 > div dt {font-size:var(--fs30);}
.step-detail .ctx2.type2 > div dd {font-size:var(--fs22); line-height:1.4; margin:0.5em 0 0 0;}
.step-detail .ctx3 {font-size:var(--fs22); line-height:1.3; text-align:left; margin:0.5em 0 0 0;}
.step-detail .ctx4 {font-size:var(--fs24); line-height:1.4; text-align:left; margin:2em 0 0 0;}
.step-detail .ctx4 .btn {margin:1.2em 0 0 0;}
.step-detail .ctx4 .note {font-size:var(--fs20); line-height:1.6; margin:1em 0 0 0;}

@media screen and (max-width:767px){
	.step-detail .step {margin:50px -5px 0 -5px;}
	.step-detail .step > div {padding:0 5px;}
	.step-detail .step > div svg {width:14px; height:14px; margin:-7px -7px 0 0;}
	.step-detail .step a span {font-size:var(--fs28);}
	.step-detail .step a div {font-size:var(--fs20); line-height:1.2;}
	.step-detail .box {padding:30px 0;}
	.step-detail .ctx1 {font-size:var(--fs20);}
	.step-detail .ctx2 {margin:20px 0 0 0; display:block;}
	.step-detail .ctx2 > h4,
	.step-detail .ctx2 > div {width:auto; margin:0;}
	.step-detail .ctx2 > h4 {height:auto; font-size:var(--fs30); text-align:left; padding:0.5em; box-sizing:border-box; display:block;}
	.step-detail .ctx2 > h4 br {display:none;}
	.step-detail .ctx2 > div {padding:0.5em 1em;}
	.step-detail .ctx2 > h4:nth-of-type(2)::before {display:none;}
	.step-detail .ctx3 {font-size:var(--fs18);}
	.step-detail .ctx4 {font-size:var(--fs20);}
	.step-detail .ctx4 .note {font-size:var(--fs18);}
}


/* information */
.information-list .ttl {font-size:var(--fs40); text-align:center; color:#0f8da0; margin:60px 0 0 0;}
.information-list .clm {margin:0 -20px; display:flex; flex-wrap:wrap;}
.information-list .clm > div {width:50%; padding:50px 20px 0 20px; box-sizing:border-box;}
.information-list .clm a {text-decoration:none; color:#0f8da0; display:block; transition:opacity 0.3s ease;}
.information-list .clm a:hover {opacity:0.7;}
.information-list .clm .img {width:100%; aspect-ratio:575 / 240; overflow:hidden;}
.information-list .clm .img img {width:100%; height:100%; object-fit:cover;}
.information-list .clm dl {font-size:var(--fs24); line-height:1.4; text-align:left; color:#0f8da0; margin:0.3em 0 0 0; padding:0 40px 0 0; position:relative;}
.information-list .clm dl svg {width:30px; height:30px; fill:#0f8da0; display:block; position:absolute; top:0; right:0;}
.information-list .clm dd {font-size:58%;}

.information-detail .ttl {font-size:var(--fs40); text-align:center; color:#0f8da0; margin:100px 0 0 0;}
.information-detail .clm1 {margin:60px 0 0 0; display:flex;}
.information-detail .clm1 .img {width:53%;}
.information-detail .clm1 .ctx {text-align:left; padding:0 0 0 50px; flex:1;}
.information-detail .clm1 .ctx dt {font-size:var(--fs24); color:#0f8da0;}
.information-detail .clm1 .ctx dd {font-size:var(--fs14); line-height:1.3; color:#0f8da0;}
.information-detail .clm1 .ctx dd a {text-decoration:none; color:#0f8da0;}
.information-detail .clm1 .ctx dd a:hover {text-decoration:underline; color:#0f8da0;}
.information-detail .clm2 {margin:20px 0 0 0;}

@media screen and (max-width:767px){
	.information-list .ttl {margin:50px 0 0 0;}
	.information-list .clm {margin:0; display:block;}
	.information-list .clm > div {width:auto; padding:20px 0 0 0;}
	.information-list .clm dl {padding:0 30px 0 0;}
	.information-list .clm dl svg {width:30px; height:30px;}

	.information-detail .ttl {margin:50px 0 0 0;}
	.information-detail .clm1 {margin:30px 0 0 0; display:block;}
	.information-detail .clm1 .img {width:auto;}
	.information-detail .clm1 .ctx {margin:20px 0 0 0; padding:0;}
	.information-detail .clm1 .ctx dd {font-size:var(--fs16);}
	.information-detail .clm2 {margin:10px 0 0 0;}
}


/* faq-list */
.faq-list .ttl {font-size:var(--fs42); text-align:center; color:#008fa2; margin:120px 0 0 0;}
.faq-list .clm {margin:30px 0 0 0;}
.faq-list .clm dl {text-align:left; padding:20px; border-bottom:solid 1px #118b9d;}
.faq-list .clm dt {font-size:var(--fs36); font-weight:700; line-height:1.3; color:#008fa2; padding:15px 0 15px 60px; position:relative;}
.faq-list .clm dt svg {width:30px; height:30px; margin:-15px 0 0 10px; fill:#fff; filter:drop-shadow(0 0 6px rgba(255,255,255,0.7)); display:block; position:absolute; top:50%; left:0; z-index:5;}
.faq-list .clm dt::before {content:''; width:50px; height:50px; margin:-25px 0 0 0; background-color:#008fa2; display:block; border-radius:100%; position:absolute; top:50%; left:0;}
.faq-list .clm dd {font-size:var(--fs24); line-height:1.3; color:#fff; padding:0.5em 1em 0.5em 50px; background-color:#63b0b5; border-radius:10px; position:relative;}
.faq-list .clm dd svg {width:26px; height:26px; fill:#fff; display:block; position:absolute; top:0.5em; left:0.5em;}
.faq-list .clm dd a {text-decoration:underline; color:#fff;}
.faq-list .clm dd a:hover {text-decoration:none; color:#fff;}

@media screen and (max-width:767px){
	.faq-list .ttl {margin:50px 0 0 0;}
	.faq-list .clm dl {padding:10px;}
	.faq-list .clm dt {padding:10px 0 10px 40px;}
	.faq-list .clm dt svg {width:24px; height:24px; margin:-12px 0 0 5px;}
	.faq-list .clm dt::before {width:34px; height:34px; margin:-17px 0 0 0;}
	.faq-list .clm dd {padding:0.5em 1em 0.5em 40px;}
	.faq-list .clm dd svg {width:20px; height:20px; top:0.5em; left:0.6em;}
}


/* company-list */
.company-list .ctx1 {font-size:var(--fs26); font-weight:700; text-align:left; margin:80px 0 0 0;}
.company-list .ctx2 {font-size:var(--fs42); font-weight:700; text-align:center; margin:100px 0 0 0;}
.company-list .ctx3 {text-align:right;}
.company-list .ctx3 span {font-size:var(--fs20); line-height:1; white-space:nowrap; padding:0.3em 1em; border:2px solid #118b9d; display:inline-block;}
.company-list .ctx4 table {width:100%; margin:15px 0 0 0; border:2px solid #118b9d; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:fixed;}
.company-list .ctx4 col.cell1 {width:auto;}
.company-list .ctx4 col.cell2 {width:auto;}
.company-list .ctx4 col.cell3 {width:15%;}
.company-list .ctx4 col.cell4 {width:38%;}
.company-list .ctx4 col.cell5 {width:15%;}
.company-list .ctx4 col.cell6 {width:auto;}
.company-list .ctx4 th {font-size:var(--fs24); font-weight:700; line-height:1.3; text-align:center; vertical-align:middle; color:#fff; padding:0.5em; background-color:#118b9d; position:relative;}
.company-list .ctx4 th + th::before {content:''; width:2px; height:100%; background-color:#fff; display:block; position:absolute; top:0; left:-1px;}
.company-list .ctx4 td {font-size:var(--fs20); font-weight:700; line-height:1.3; text-align:left; word-break:break-all; padding:0.3em 1em; background-color:#fff; border-left:2px solid #118b9d; border-right:2px solid #118b9d;}
.company-list .ctx4 td a {text-decoration:none;}
.company-list .ctx4 td a:hover {text-decoration:underline;}
.company-list .ctx4 tr td:nth-of-type(2),
.company-list .ctx4 tr td:nth-of-type(4) {text-align:center;}
.company-list .ctx4 tbody tr:first-of-type td {padding-top:1.0em;}
.company-list .ctx4 tbody tr:last-of-type td {padding-bottom:1.0em;}
.company-list .ctx5 {font-size:var(--fs18); text-align:left; margin:30px 0 0 0;}

@media screen and (max-width:767px){
	.company-list .ctx1 {margin:30px 0 0 0;}
	.company-list .ctx2 {margin:50px 0 0 0;}
	.company-list .ctx3 span {font-size:var(--fs16); padding:0.3em 0.5em;}
	.company-list .ctx4 > div {text-align:left;}
	.company-list .ctx4 table {margin:5px 0 0 0; border:1px solid #118b9d;}
	.company-list .ctx4 table + div {margin-top:15px;}
	.company-list .ctx4 col.cell1 {width:auto;}
	.company-list .ctx4 col.cell2 {width:26%;}
	.company-list .ctx4 col.cell3 {width:34%;}
	.company-list .ctx4 th {font-size:var(--fs18); padding:0.5em 0.2em; border:1px solid #fff;}
	.company-list .ctx4 th + th::before {display:none;}
	.company-list .ctx4 td {font-size:var(--fs16); vertical-align:middle; padding:0.4em 0.6em; border:1px solid #118b9d;}
	.company-list .ctx4 tr td:nth-of-type(2),
	.company-list .ctx4 tr td:nth-of-type(4) {text-align:left;}
	.company-list .ctx4 tbody tr:first-of-type td {padding-top:0.4em;}
	.company-list .ctx4 tbody tr:last-of-type td {padding-bottom:0.4em;}
	.company-list .ctx5 {margin:15px 0 0 0;}
}


/* cs-list */
.cs-list {margin:0 -4px; display:flex; flex-wrap:wrap; align-items:center;}
.cs-list > li {padding:2px 4px; box-sizing:border-box;}


/* contact-page */
.contact-page .ctx1 {font-size:var(--fs24); font-weight:700; line-height:1.3; text-align:center;}
.contact-page .ctx2 {font-size:var(--fs26); font-weight:700; text-align:left; margin:50px 0 0 0;}
.contact-page .ctx3 {text-align:left; margin:40px 0 0 0;}
.contact-page .ctx3 > div {padding:20px 0 0 0;}
.contact-page .ctx4 {font-size:var(--fs20); font-weight:700; text-align:left; margin:30px 0 0 0;}
.contact-page .ctx4 a {text-decoration:none;}
.contact-page .ctx4 a:hover {text-decoration:underline;}

@media screen and (max-width:767px){
	.contact-page .ctx1 {font-size:var(--fs18);}
	.contact-page .ctx2 {font-size:var(--fs16); margin:20px 0 0 0;}
	.contact-page .ctx3 {margin:10px 0 0 0;}
	.contact-page .ctx3 > div {padding:10px 0 0 0;}
	.contact-page .ctx4 {font-size:var(--fs14); margin:20px 0 0 0;}
}


/* cart */
.cart-page .step {margin:70px -5px 0 -5px; display:flex;}
.cart-page .step > div {padding:0 5px; text-align:center; box-sizing:border-box; position:relative; flex:1;}
.cart-page .step > div::before {content:''; width:100%; height:20px; background-color:#b2ebef; margin:-10px 0 0 0; display:block; position:absolute; top:50%; left:50%;}
.cart-page .step > div:last-of-type::before {display:none;}
.cart-page .step .num {width:68px; height:68px; font-size:var(--fs35); font-weight:700; line-height:1; color:#008fa2; margin:0 auto; padding:0 0 0.2em 0; background-color:#fff; border:5px solid #008fa2; border-radius:100%; box-sizing:border-box; display:flex; justify-content:center; align-items:center; position:relative; z-index:5;}
.cart-page .step .txt {width:100%; font-size:var(--fs18); font-weight:700; line-height:1; text-align:center; color:#008fa2; display:block; position:absolute; top:110%; left:0;}
.cart-page .step > div.on::before {background-color:#008fa2;}
.cart-page .step > div.on .num {color:#fff; background-color:#008fa2;}
.cart-page .calendar {color:#fff; margin:40px 0 0 0; padding:20px 25px 40px 25px; background-color:#008fa2; border-radius:0 0 10px 10px; box-sizing:border-box;}
.cart-page .calendar .nav {display:flex; justify-content:space-between;}
.cart-page .calendar .nav > div {font-size:var(--fs40); font-weight:700; line-height:1; position:relative; cursor:pointer;}
.cart-page .calendar .nav > div svg {width:34px; height:34px; margin:-15px 0 0 0; fill:#fff; display:block; position:absolute; top:50%;}
.cart-page .calendar .nav > div:first-of-type {padding-left:60px;}
.cart-page .calendar .nav > div:last-of-type {padding-right:60px;}
.cart-page .calendar .nav > div:first-of-type svg {left:15px; transform:scale(-1,1);}
.cart-page .calendar .nav > div:last-of-type svg {right:15px;}
.cart-page .calendar .inr {color:#000; background-color:#fff; margin:20px 0 0 0; padding:20px; box-sizing:border-box;}
.cart-page .calendar .info {font-size:var(--fs26); font-weight:700; text-align:left; color:#fff; margin:0.5em 0 0 0;}
.cart-page .calendar .clm {margin:40px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.cart-page .calendar .clm > div {width:47%; min-height:130px; background-color:#fff; box-sizing:border-box; display:flex; justify-content:center; align-items:center; position:relative;}
.cart-page .calendar .clm > div > div {width:100%;}
.cart-page .calendar .date > div {font-size:var(--fs40); font-weight:700; line-height:1; text-align:left; color:#727272; padding:0 0 0 clamp(30px, 10.0vw, 120px);}
.cart-page .calendar .date svg {width:48px; height:48px; margin:-24px 0 0 clamp(0px, 3.3vw, 40px); fill:#000; display:block; position:absolute; top:50%; left:0;}
.cart-page .calendar .count > div {text-align:left; color:#727272; padding:0 0 0 clamp(30px, 10.0vw, 120px);}
.cart-page .calendar .count > div > div:first-of-type {font-size:var(--fs24); font-weight:700; line-height:1;}
.cart-page .calendar .count > div > div:first-of-type span {font-size:191%; padding:0 0 0 0.1em; display:inline-block;}
.cart-page .calendar .count > div > div:last-of-type {font-size:var(--fs20); line-height:1.2; margin:0.2em 0 0 0;}
.cart-page .calendar .count svg {width:52px; height:52px; margin:-26px 0 0 clamp(0px, 3.3vw, 40px); fill:#000; display:block; position:absolute; top:50%; left:0;}
.cart-page .plan-select {margin:15px 0 0 0; padding:45px; background-color:#63b0b5; border-radius:10px; box-sizing:border-box;}
.cart-page .plan-select .box {text-align:left; padding:30px; background-color:#fff;}
.cart-page .plan-select .box + .box {margin-top:45px;}
.cart-page .plan-select .head {display:flex; justify-content:space-between;}
.cart-page .plan-select .head .img {width:24%;}
.cart-page .plan-select .head .ctx {width:70%;}
.cart-page .plan-select .head .ctx dt {font-size:var(--fs26); font-weight:700; line-height:1.2; color:#727272;}
.cart-page .plan-select .head .ctx dd {font-size:var(--fs18); font-weight:700; color:#727272; margin:0.5em 0 0 0;}
.cart-page .plan-select .count {font-size:var(--fs20); font-weight:700; line-height:1.2; text-align:right; margin:30px 0 0 0; padding:10px 0 20px 0; border-top:solid 1px #757575;}
.cart-page .plan-select .foot {text-align:left; display:flex; justify-content:space-between; align-items:flex-end;}
.cart-page .plan-select .foot .ctx {font-size:var(--fs26);}
.cart-page .plan-select .foot .ctx strong {font-size:188%; font-weight:700;}
.cart-page .plan-select .foot .btn button {width:auto; height:80px; font-size:var(--fs34); font-weight:700; line-height:1; text-decoration:none; color:#fff; margin:0 auto; padding:0 0.5em; background-color:#ff004a; border:none; border-radius:10px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; transition:opacity 0.3s ease;}
.cart-page .plan-select .foot .btn button:hover {opacity:0.7;}
.cart-page .bus-select {margin:120px 0 0 0;}
.cart-page .bus-select .box {padding:35px; background-color:#63b0b5;}
.cart-page .bus-select .box > div {padding:50px 30px 20px 30px; background-color:#fff;}
.cart-page .bus-select label {display:flex; align-items:center; cursor:pointer;}
.cart-page .bus-select .check {width:100px;}
.cart-page .bus-select .check input {display:none;}
.cart-page .bus-select .check span {width:78px; height:78px; border:4px solid #008fa2; border-radius:10px; box-sizing:border-box; display:block; position:relative;}
.cart-page .bus-select .check span svg {width:100%; height:100%; fill:#008fa2; display:block; position:absolute; top:0; left:20%; opacity:0; transform:scale3d(0.8,0.8,1); transition:opacity 0.3s ease, transform 0.3s ease;}
.cart-page .bus-select .check input:checked + span svg {opacity:1; transform:scale3d(1,1,1);}
.cart-page .bus-select .ticket {width:400px; padding:20px; background-color:#008fa2; border-radius:10px; box-sizing:border-box;}
.cart-page .bus-select .ticket > div {text-align:center; padding:40px 0 35px 0; background-color:#fff;}
.cart-page .bus-select .ticket .line1 {font-size:var(--fs18); display:flex; justify-content:center; align-items:center;}
.cart-page .bus-select .ticket .line1 span {padding:0 0.2em; display:block;}
.cart-page .bus-select .ticket .line1 svg {width:20px; height:20px; fill:#000; display:block;}
.cart-page .bus-select .ticket .line2 {font-size:var(--fs65); line-height:1; color:#727272; display:flex; justify-content:center; align-items:center; margin:0.5em 0 0 0;}
.cart-page .bus-select .ticket .line2 > span:nth-of-type(2) {font-size:var(--fs18); line-height:1; padding:0 1em 0.3em 0.3em; display:block; align-self:flex-end;}
.cart-page .bus-select .ticket .line2 > span:nth-of-type(3) {color:#fff; background-color:#727272; padding:0 0.5em 0.1em 0.5em; display:block;}
.cart-page .bus-select .ctx {font-weight:700; line-height:1.2; text-align:left; color:#008fa2; padding:0 0 0 30px; box-sizing:border-box; flex:1;}
.cart-page .bus-select .ctx .line1 {font-size:var(--fs30);}
.cart-page .bus-select .ctx .line2 {font-size:var(--fs65); margin:0.1em 0 0 0; display:flex; align-items:center;}
.cart-page .bus-select .ctx .line2 svg {width:40px; height:40px; margin:0 20px; fill:#008fa2; display:block;}
.cart-page .bus-select .ctx .line3 {font-size:var(--fs25); margin:0.1em 0 0 0; display:flex; align-items:center;}
.cart-page .bus-select .ctx .line4 {font-size:var(--fs18); margin:0.5em 0 0 0;}
.cart-page .bus-select .info {font-size:var(--fs16); font-weight:700; text-align:left; color:#008fa2; margin:0.5em 0 0 100px;}
.cart-page .bus-select .place {font-weight:700; line-height:1.2; text-align:left; color:#008fa2;}
.cart-page .bus-select .place .line1 {font-size:var(--fs35); margin:1.0em 0 0 0;}
.cart-page .bus-select .place .line2 {font-size:var(--fs20); margin:1em 0 0 0; padding:0 0 0.2em 0; border-bottom:solid 3px #82c2c6; display:flex; justify-content:space-between;}
.cart-page .bus-select .place label {font-size:var(--fs16); padding:0.2em 0; border-bottom:solid 1px #82c2c6; display:flex; justify-content:space-between;}
.cart-page .bus-select .place label:first-of-type {padding-top:0.5em;}
.cart-page .bus-select .place label:last-of-type {border-bottom:none;}
.cart-page .bus-select .place label > span:nth-of-type(1) {width:20px;}
.cart-page .bus-select .place label > span:nth-of-type(1) input {display:none;}
.cart-page .bus-select .place label > span:nth-of-type(1) span {width:16px; height:16px; background-color:#fff; border:1px solid #008fa2; border-radius:100%; box-sizing:border-box; display:block; position:relative;}
.cart-page .bus-select .place label > span:nth-of-type(1) span::before {content:''; width:100%; height:100%; border:5px solid #008fa2; border-radius:100%; box-sizing:border-box; display:block; position:absolute; top:0; left:0; transform:scale3d(0,0,1); transition:transform 0.3s ease;}
.cart-page .bus-select .place label > span:nth-of-type(1) input:checked + span::before {transform:scale3d(1,1,1);}
.cart-page .bus-select .place label > span:nth-of-type(2) {flex:1;}
.cart-page .bus-select .place label > span:nth-of-type(3) {white-space:nowrap;}
.cart-page .bus-select .place .clm {display:flex; justify-content:space-between;}
.cart-page .bus-select .place .clm > div {width:46%;}
.cart-page .bus-select.place .box > div {padding:30px;}
.cart-page .bus-select.place .ctx {padding:0;}
.cart-page .bus-select .conf {font-weight:700; line-height:1.2; text-align:left; color:#008fa2;}
.cart-page .bus-select .conf .line1 dt {font-size:var(--fs30); padding:0.4em 0; border-bottom:solid 1px #82c2c6;}
.cart-page .bus-select .conf .line1 dd {font-size:var(--fs28); padding:0.4em 0 0.4em 1.5em; border-bottom:solid 1px #82c2c6;}
.cart-page .bus-select .conf .line1 dd span {font-size:91%;}
.cart-page .bus-select .conf .line2 {font-size:var(--fs28); padding:0.4em 0 0.4em 1.5em; border-bottom:solid 1px #82c2c6; display:flex; justify-content:space-between; align-items:center;}
.cart-page .bus-select .conf .line2 span:last-of-type {font-size:144%; color:#ff1630;}
.cart-page .bus-select .conf .line3 {margin:30px 0 0 20px;}
.cart-page .bus-select .conf .line3 button {font-size:var(--fs25); font-weight:700; line-height:1; color:#95be3c; padding:0 0 0 40px; background:none; border:none; display:block; position:relative; cursor:pointer;}
.cart-page .bus-select .conf .line3 button svg {width:35px; height:35px; margin:-18px 0 0 0; fill:#95be3c; position:absolute; top:50%; left:0;}
.cart-page .bus-select .conf .line4 {font-size:var(--fs36); line-height:1; text-align:right; color:#ff1630;}
.cart-page .bus-select .conf .line4 strong {font-size:178%; display:inline-block;}
.cart-page .bus-select .conf .line4 span {font-size:var(--fs14); margin:1em 0 0 0; display:block;}
.cart-page .bus-select.conf .box > div {padding:30px;}
.cart-page .entry-form .box {margin:120px 0 0 0; padding:35px; background-color:#63b0b5;}
.cart-page .entry-form .ttl2 + .box {margin-top:30px;}
.cart-page .entry-form .inr {font-weight:700; line-height:1.2; text-align:left; color:#008fa2; padding:30px; background-color:#fff;}
.cart-page .entry-form .ttl {font-size:var(--fs28); font-weight:700; line-height:1.3; text-align:left; color:#fff;}
.cart-page .entry-form .ttl + .inr {margin-top:20px;}
.cart-page .entry-form .line1 dt {font-size:var(--fs30); padding:0.4em 0; border-bottom:solid 1px #82c2c6;}
.cart-page .entry-form .line1 dd {font-size:var(--fs28); padding:0.4em 0 0.4em 1.5em; border-bottom:solid 1px #82c2c6;}
.cart-page .entry-form .line1 dd span {font-size:91%;}
.cart-page .entry-form .line1 + .line1 dt {padding-top:1em;}
.cart-page .entry-form .line2 {font-size:var(--fs28); padding:0.4em 0 0.4em 1.5em; border-bottom:solid 1px #82c2c6; display:flex; justify-content:space-between; align-items:center;}
.cart-page .entry-form .line2 span:last-of-type {font-size:144%; color:#ff1630;}
.cart-page .entry-form .line3 {font-size:var(--fs25); padding:35px 0 20px 1.5em; border-bottom:solid 1px #82c2c6;}
.cart-page .entry-form .line3.pt0 {padding-top:0;}
.cart-page .entry-form .line3.bdb0 {padding-bottom:0; border-bottom:none;}
.cart-page .entry-form .line3 dl {margin:30px 0 0 0; display:flex;}
.cart-page .entry-form .line3 dl.mt0 {margin-top:0;}
.cart-page .entry-form .line3 dl.type1 dt {width:8em;}
.cart-page .entry-form .line3 dl.type2 dd {padding-top:0.4em;}
.cart-page .entry-form .line3 dt {width:12em; padding:0.5em 0 0 0; position:relative;}
.cart-page .entry-form .line3 dt div {min-width:7em; padding:0 4em 0 0; box-sizing:border-box; display:inline-block; position:relative;}
.cart-page .entry-form .line3 dt span {font-size:76%; line-height:1; color:#fff; margin:0.1em 0 0 0; padding:0.2em 0.5em 0.3em 0.5em; background-color:#008fa2; display:block; position:absolute; top:0; right:0;}
.cart-page .entry-form .line3 dd {padding:0 0 0 2em; flex:1;}
.cart-page .entry-form .line3a {font-size:var(--fs28); margin-left:-1.5em;}
.cart-page .entry-form .line3b {font-size:var(--fs25); margin-top:0.2em;}
.cart-page .entry-form .line4 {font-size:var(--fs25); padding:10px 0 0 1.5em;}
.cart-page .entry-form .line4 span {font-size:var(--fs10); line-height:1; display:block;}
.cart-page .entry-form .line5 {font-size:var(--fs16); font-weight:400; color:#000; margin:2em 0 0 0;}
.cart-page .entry-form .line5 strong {font-weight:700;}
.cart-page .entry-form .line5 sub {font-size:var(--fs10); line-height:1; display:inline-block;}
.cart-page .entry-form .line5 .fs10 {font-size:var(--fs10);}
.cart-page .entry-form .line5 .color {color:#f00;}
.cart-page .entry-form .line6 {font-size:var(--fs25); padding:0 4em 0 0; display:inline-block; position:relative;}
.cart-page .entry-form .line6 span {font-size:76%; line-height:1; color:#fff; margin:0.1em 0 0 0; padding:0.2em 0.5em 0.3em 0.5em; background-color:#008fa2; display:block; position:absolute; top:0; right:0;}
.cart-page .entry-form .line7 {font-size:var(--fs12); line-height:1.2; margin:0.5em 0 0 0;}
.cart-page .entry-form .price {font-size:var(--fs36); font-weight:700; line-height:1; text-align:right; color:#ff1630; margin:0.5em 2em 0 0;}
.cart-page .entry-form .price strong {font-size:178%; display:inline-block;}
.cart-page .entry-form .price span {font-size:var(--fs14); margin:1em 0 0 0; display:block;}
.cart-page .entry-form .conf-check {font-size:var(--fs20); font-weight:700; text-align:left; color:#008fa2; margin:1em 35px 0 35px;}
.cart-page .entry-form .conf-check a {text-decoration:none; color:#008fa2;}
.cart-page .entry-form .conf-check a:hover {text-decoration:underline; color:#008fa2;}
.cart-page .entry-form .cont-info {font-size:var(--fs16); font-weight:700; line-height:1.3; text-align:left; color:#000; margin:60px 35px 0 35px; padding:30px 50px; border:3px solid #63b0b5; box-sizing:border-box;}
.cart-page .entry-form .cont-info .color {color:#f00;}
.cart-page .entry-form .clm {margin:-6px -20px 0 0; display:flex; flex-wrap:wrap; align-items:flex-end;}
.cart-page .entry-form .clm > div {padding:6px 20px 0 0; box-sizing:border-box;}
.cart-page .entry-form .clm .txt {font-size:var(--fs10); padding-top:0.5em;}
.cart-page .entry-form .clm .cell {width:100%;}
.cart-page .entry-form .clm .cell1 {max-width:440px; width:100%;}
.cart-page .entry-form .clm .cell2 {max-width:220px; width:100%;}
.cart-page .entry-form input[type="text"],
.cart-page .entry-form select,
.cart-page .entry-form textarea {width:100%; font-size:var(--fs25); font-weight:700; padding:0.3em 0.5em; background-color:#fff; border:4px solid #008fa2; box-sizing:border-box;}
.cart-page .entry-form textarea {height:200px; resize:none;}
.cart-page .entry-form .radios label {font-size:var(--fs16); padding:0.2em 0; display:inline-block; cursor:pointer;}
.cart-page .entry-form .radios label input {display:none;}
.cart-page .entry-form .radios label input:checked + span::before {transform:scale3d(1,1,1);}
.cart-page .entry-form .radios label span {padding:0 0 0 20px; display:block; position:relative;}
.cart-page .entry-form .radios label span::after {content:''; width:16px; height:16px; background-color:#fff; border:1px solid #008fa2; border-radius:100%; box-sizing:border-box; display:block; position:absolute; top:0.1em; left:0; z-index:1;}
.cart-page .entry-form .radios label span::before {content:''; width:16px; height:16px; border:6px solid #008fa2; border-radius:100%; box-sizing:border-box; display:block; position:absolute; top:0.1em; left:0; z-index:5; transform:scale3d(0,0,1); transition:transform 0.3s ease;}
.cart-page .entry-form .checkboxs {margin:0 -10px; padding:15px 0 10px 0; display:flex; flex-wrap:wrap;}
.cart-page .entry-form .checkboxs > div {width:33.33%; padding:0 10px; box-sizing:border-box;}
.cart-page .entry-form .checkboxs label {font-size:var(--fs20); padding:1.2em 0; display:block; cursor:pointer;}
.cart-page .entry-form .checkboxs label input {display:none;}
.cart-page .entry-form .checkboxs label input:checked + span svg {opacity:1; transform:scale3d(1,1,1);}
.cart-page .entry-form .checkboxs label span {padding:0 0 0 44px; display:block; position:relative;}
.cart-page .entry-form .checkboxs label span::before {content:''; width:36px; height:36px; margin:-18px 0 0 0; background-color:#fff; border:4px solid #008fa2; border-radius:10px; box-sizing:border-box; display:block; position:absolute; top:50%; left:0; z-index:1;}
.cart-page .entry-form .checkboxs label span svg {width:36px; height:36px; margin:-18px 0 0 8px; fill:#008fa2; display:block; position:absolute; top:50%; left:0; z-index:5; opacity:0; transform:scale3d(0,0,1); transition:opacity 0.3s ease, transform 0.3s ease;}
.cart-page .entry-form .checkboxs.type1 {margin:0; padding:0; display:flex; justify-content:center;}
.cart-page .entry-form .checkboxs.type1 > div {width:auto; padding:0;}
.cart-page .entry-form .checkboxs.type1 label {font-size:var(--fs28);}
.cart-page .conf-table {margin:80px 0 0 0;}
.cart-page .conf-table dl {text-align:left; margin:-2px 0 0 0; border:2px solid #118b9d; display:flex;}
.cart-page .conf-table dl:first-of-type dt::before {display:none;}
.cart-page .conf-table dl.head dd {font-size:var(--fs24); color:#fff; background-color:#118b9d;}
.cart-page .conf-table dt {width:14em; font-size:var(--fs24); font-weight:700; line-height:1.6; color:#fff; padding:0 0.5em 0 1.5em; background-color:#118b9d; box-sizing:border-box; display:flex; align-items:center; position:relative;}
.cart-page .conf-table dt::before {content:''; width:100%; height:2px; background-color:#fff; display:block; position:absolute; top:-2px; left:0;}
.cart-page .conf-table dd {font-size:var(--fs20); font-weight:700; line-height:1.8; color:#000; padding:0.8em 1.0em 0.8em 1.5em; box-sizing:border-box; flex:1;}
.cart-page .ttl1 {font-size:var(--fs42); font-weight:700; line-height:1.3; text-align:center; color:#008fa2; margin:3em 0 0 0;}
.cart-page .ttl1 span {font-size:61%; margin:1em 0 0 0; display:block;}
.cart-page .ttl2 {font-size:var(--fs28); font-weight:700; line-height:1.3; text-align:center; color:#008fa2; margin:3em 0 0 0;}
.cart-page .btn1 {margin:30px 0 0 0; text-align:center;}
.cart-page .btn1 button {width:auto; height:90px; font-size:var(--fs28); font-weight:700; line-height:1; text-decoration:none; color:#fff; margin:0 auto; padding:0 1em; background-color:#ff004a; border:none; border-radius:10px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; transition:opacity 0.3s ease;}
.cart-page .btn1 button:hover {opacity:0.7;}
.cart-page .btn2 {margin:50px 0 0 0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.cart-page .btn2 > div {padding:10px 15px 0 15px; box-sizing:border-box;}
.cart-page .btn2 button {font-size:var(--fs30); font-weight:700; line-height:1; text-decoration:none; color:#fff; padding:0.8em 2em; background-color:#008fa2; border:none; border-radius:10px; cursor:pointer; transition:opacity 0.3s ease;}
.cart-page .btn2 button:hover {opacity:0.7;}
.cart-page .btn2 button.back {color:#008fa2; background-color:#c3c3c3;}
.cart-page .ctx1 {max-width:1120px; font-size:var(--fs18); font-weight:700; text-align:left; color:#008fa2; margin:1em auto 0 auto;}

@media screen and (max-width:767px){
	.cart-page .step {margin:30px -5px 0 -5px;}
	.cart-page .step > div {padding:0 5px;}
	.cart-page .step > div::before {height:10px; margin:-5px 0 0 0;}
	.cart-page .step > div:last-of-type::before {display:none;}
	.cart-page .step .num {width:30px; height:30px; border:2px solid #008fa2;}
	.cart-page .step .txt {font-size:var(--fs14);}
	.cart-page .calendar {margin:20px 0 0 0; padding:10px;}
	.cart-page .calendar .nav > div {font-size:var(--fs40); font-weight:700; line-height:1; position:relative;}
	.cart-page .calendar .nav > div svg {width:16px; height:16px; margin:-8px 0 0 0;}
	.cart-page .calendar .nav > div:first-of-type {padding-left:20px;}
	.cart-page .calendar .nav > div:last-of-type {padding-right:20px;}
	.cart-page .calendar .nav > div:first-of-type svg {left:0;}
	.cart-page .calendar .nav > div:last-of-type svg {right:0;}
	.cart-page .calendar .inr {color:#000; background-color:#fff; margin:10px 0 0 0; padding:5px;}
	.cart-page .calendar .info {font-size:var(--fs16);}
	.cart-page .calendar .clm {margin:0; display:block;}
	.cart-page .calendar .clm > div {width:auto; min-height:0; margin:10px 0 0 0; display:block;}
	.cart-page .calendar .date > div {font-size:var(--sp--fs20); padding:15px 5px 15px 50px;}
	.cart-page .calendar .date svg {width:30px; height:30px; margin:-15px 0 0 10px;}
	.cart-page .calendar .count > div {padding:15px 5px 15px 50px;}
	.cart-page .calendar .count > div > div:first-of-type {font-size:var(--sp--fs12);}
	.cart-page .calendar .count > div > div:last-of-type {font-size:var(--sp--fs10);}
	.cart-page .calendar .count svg {width:30px; height:30px; margin:-15px 0 0 10px;}
	.cart-page .plan-select {margin:10px 0 0 0; padding:10px;}
	.cart-page .plan-select .box {padding:0 10px 10px 10px;}
	.cart-page .plan-select .box + .box {margin-top:10px;}
	.cart-page .entry-form .ttl2 + .box {margin-top:10px;}
	.cart-page .plan-select .head {display:block;}
	.cart-page .plan-select .head .img {width:auto; margin:0 -10px;}
	.cart-page .plan-select .head .ctx {width:auto; margin:10px 0 0 0;}
	.cart-page .plan-select .head .ctx dt {font-size:1.6rem;}
	.cart-page .plan-select .head .ctx dd {font-size:1.4rem;}
	.cart-page .plan-select .count {font-size:1.4rem; margin:10px 0 0 0; padding:10px 0;}
	.cart-page .plan-select .foot {display:block;}
	.cart-page .plan-select .foot .ctx {font-size:1.4rem;}
	.cart-page .plan-select .foot .ctx strong {text-align:right; display:block;}
	.cart-page .plan-select .foot .btn {margin:5px 0 0 0;}
	.cart-page .plan-select .foot .btn button {width:100%; height:50px; padding:0 1em;}
	.cart-page .bus-select {margin:30px 0 0 0;}
	.cart-page .bus-select .box {padding:5px;}
	.cart-page .bus-select .box > div {padding:10px;}
	.cart-page .bus-select label {display:block;}
	.cart-page .bus-select .check {width:auto; text-align:center;}
	.cart-page .bus-select .check input {display:none;}
	.cart-page .bus-select .check span {width:40px; height:40px; margin:0 auto; border:2px solid #008fa2;}
	.cart-page .bus-select .ticket {width:auto; margin:10px 0 0 0; padding:10px;}
	.cart-page .bus-select .ticket > div {padding:10px 0 15px 0;}
	.cart-page .bus-select .ticket .line1 svg {width:14px; height:14px;}
	.cart-page .bus-select .ctx {margin:10px 0 0 0; padding:0;}
	.cart-page .bus-select .ctx .line2 {font-size:2.4rem;}
	.cart-page .bus-select .ctx .line2 svg {width:20px; height:20px; margin:0 10px;}
	.cart-page .bus-select .ctx .line3 {font-size:1.6rem;}
	.cart-page .bus-select .ctx .line4 {font-size:1.4rem;}
	.cart-page .bus-select .info {font-size:1.2rem; line-height:1.2; margin:1em 0 0 0;}
	.cart-page .bus-select .place .clm {display:block;}
	.cart-page .bus-select .place .clm > div {width:auto;}
	.cart-page .bus-select.place .box > div {padding:10px;}
	.cart-page .bus-select .conf .line1 dt {font-size:1.6rem;}
	.cart-page .bus-select .conf .line1 dd {font-size:1.4rem; }
	.cart-page .bus-select .conf .line2 {font-size:1.4rem; display:block;}
	.cart-page .bus-select .conf .line2 span:last-of-type {text-align:right; display:block;}
	.cart-page .bus-select .conf .line3 {margin:20px 0 0 0;}
	.cart-page .bus-select .conf .line3 button {padding:0 0 0 30px;}
	.cart-page .bus-select .conf .line3 button svg {width:25px; height:25px; margin:-12px 0 0 0;}
	.cart-page .bus-select .conf .line4 {font-size:1.8rem;}
	.cart-page .bus-select .conf .line4 strong {font-size:178%; display:inline-block;}
	.cart-page .bus-select .conf .line4 span {font-size:1.2rem;}
	.cart-page .bus-select.conf .box > div {padding:10px;}
	.cart-page .entry-form .box {margin:30px 0 0 0; padding:10px;}
	.cart-page .entry-form .inr {padding:10px;}
	.cart-page .entry-form .ttl + .inr {margin-top:10px;}
	.cart-page .entry-form .line1 dt {font-size:1.6rem;}
	.cart-page .entry-form .line1 dd {font-size:1.4rem;}
	.cart-page .entry-form .line2 {font-size:1.6rem; display:block;}
	.cart-page .entry-form .line2 span:last-of-type {text-align:right; display:block;}
	.cart-page .entry-form .line3 {font-size:1.6rem; padding:15px 0;}
	.cart-page .entry-form .line3.pt0 {padding-top:0;}
	.cart-page .entry-form .line3.bdb0 {padding-bottom:0; border-bottom:none;}
	.cart-page .entry-form .line3 dl {margin:15px 0 0 0; display:block;}
	.cart-page .entry-form .line3 dl.mt0 {margin-top:0;}
	.cart-page .entry-form .line3 dl.type1 dt {width:auto;}
	.cart-page .entry-form .line3 dl.type2 dd {padding-top:0.4em;}
	.cart-page .entry-form .line3 dt {width:auto; padding:0;}
	.cart-page .entry-form .line3 dd {padding:0.5em 0 0 0;}
	.cart-page .entry-form .line3a {font-size:1.6rem; margin-left:0;}
	.cart-page .entry-form .line3b {font-size:1.4rem;}
	.cart-page .entry-form .line4 {font-size:1.4rem;}
	.cart-page .entry-form .line4 span {font-size:1.0rem;}
	.cart-page .entry-form .line5 {font-size:1.4rem;}
	.cart-page .entry-form .line5 sub {font-size:1.0rem;}
	.cart-page .entry-form .line5 .fs10 {font-size:1.0rem;}
	.cart-page .entry-form .line6 {font-size:1.6rem;}
	.cart-page .entry-form .line7 {font-size:1.2rem;}
	.cart-page .entry-form .price {font-size:1.8rem; margin:0.5em 0 0 0;}
	.cart-page .entry-form .price span {font-size:1.2rem;}
	.cart-page .entry-form .conf-check {font-size:1.6rem; margin:1em 0 0 0;}
	.cart-page .entry-form .cont-info {font-size:1.2rem; margin:30px 0 0 0; padding:10px 15px; border:2px solid #63b0b5;}
	.cart-page .entry-form .clm {margin:-5px -5px 0 0;}
	.cart-page .entry-form .clm > div {padding:5px 5px 0 0;}
	.cart-page .entry-form .clm .cell {width:100%;}
	.cart-page .entry-form .clm .cell1 {width:100%;}
	.cart-page .entry-form .clm .cell2 {width:50%;}
	.cart-page .entry-form input[type="text"],
	.cart-page .entry-form select,
	.cart-page .entry-form textarea {font-size:1.6rem; border:2px solid #008fa2;}
	.cart-page .entry-form textarea {height:100px;}
	.cart-page .entry-form .radios label {font-size:1.6rem;}
	.cart-page .entry-form .checkboxs {margin:0; padding:10px 0; display:block;}
	.cart-page .entry-form .checkboxs > div {width:auto; padding:0;}
	.cart-page .entry-form .checkboxs label {font-size:1.6rem; padding:0.6em 0;}
	.cart-page .entry-form .checkboxs label span {padding:0 0 0 36px; display:block; position:relative;}
	.cart-page .entry-form .checkboxs label span::before {width:30px; height:30px; margin:-15px 0 0 0; border:3px solid #008fa2;}
	.cart-page .entry-form .checkboxs label span svg {width:30px; height:30px; margin:-15px 0 0 4px;}
	.cart-page .entry-form .checkboxs.type1 {margin:0; padding:0; display:flex; justify-content:center;}
	.cart-page .entry-form .checkboxs.type1 > div {width:auto; padding:0;}
	.cart-page .entry-form .checkboxs.type1 label {font-size:1.6rem;}
	.cart-page .conf-table {margin:30px 0 0 0;}
	.cart-page .conf-table dl {display:block;}
	.cart-page .conf-table dl.head dt {line-height:1.2; padding-bottom:0;}
	.cart-page .conf-table dl.head dd {font-size:1.6rem; line-height:1.2;}
	.cart-page .conf-table dt {width:auto; font-size:1.6rem; padding:0.2em 1.0em;}
	.cart-page .conf-table dt::before {display:none;}
	.cart-page .conf-table dd {font-size:1.4rem; padding:0.2em 1.0em;}
	.cart-page .ttl1 {margin:2em 0 0 0;}
	.cart-page .ttl2 {font-size:1.8rem;}
	.cart-page .btn1 {margin:15px 0 0 0;}
	.cart-page .btn1 button {height:50px;}
	.cart-page .btn2 {margin:20px 0 0 0;}
	.cart-page .btn2 > div {padding:10px 5px 0 5px;}
}


/* ski */
.top-ski {margin:-12vw 0 0 0; padding:15vw 0 180px 0; position:relative;}
.top-ski::before {content:''; width:100%; height:100%; background:#000 url(../img/top/bg_03w.png) right center no-repeat; display:block; position:absolute; top:0; left:0; z-index:1; clip-path:polygon(0 12vw, 100% 0, 100% 100%, 0 100%);}
.top-ski .sec {max-width:1030px; position:relative; z-index:10;}
.top-ski .clm {display:flex; justify-content:space-between; align-items:center;}
.top-ski .clm > div {width:50%;}
.top-ski .ttl {font-size:var(--fs60); font-weight:700; text-align:left; color:#0f8da0;}
.top-ski .list {font-size:var(--fs24); font-weight:700; text-align:left; color:#0f8da0; margin:1em 0 0 -0.5em; display:flex;}
.top-ski .list > div {padding:0 0 0 0.5em;}
.top-ski .list a {text-decoration:underline; color:#0f8da0;}
.top-ski .list a:hover {text-decoration:none; color:#0f8da0;}

.ski-list {padding:0 0 15vw 0;}
.ski-list .subttl {font-size:var(--fs40); font-weight:700; text-align:left; line-height:1.3; color:#fff; margin:140px 0 0 0; padding:0.6em 0 0.6em clamp(120px, 22.7vw, 280px); background-color:#0f8da0; position:relative;}
.ski-list .subttl::before {content:''; width:200vw; height:100%; background-color:#0f8da0; display:block; position:absolute; top:0; left:-100vw; z-index:-1;}
.ski-list .subttl.txt {padding-left:0;}
.ski-list .subttl .icons {width:clamp(110px, 21.1vw, 260px); display:flex; justify-content:center; align-items:center; position:absolute; top:50%; left:0; transform:translate3d(0,-50%,0);}
.ski-list .subttl .icons > span {width:clamp(60px, 11.3vw, 140px); height:clamp(60px, 11.3vw, 140px); margin:0 clamp(-6px, 1.1vw, -14px); background-color:#fff; border-radius:100%; display:flex; justify-content:center; align-items:center; position:relative;}
.ski-list .subttl .icons > span::before {content:''; width:100%; height:100%; background-color:#0f8da0; border-radius:100%; box-sizing:border-box; display:block; position:absolute; top:0; left:0; transform:scale(1.1,1.1); z-index:-1;}
.ski-list .subttl .icons > span svg {width:70%; height:70%; fill:#000; display:block; position:relative; z-index:5;}
.ski-list .subttl .icons > span + span::after {content:''; width:clamp(8px, 1.3vw, 16px); height:clamp(8px, 1.3vw, 16px); background-color:#000; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M61.68 99.92H38.49V61.6H0V38.58h38.49V.08h23.19v38.49H100v23.02H61.68v38.32Z'/></svg>") center/contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M61.68 99.92H38.49V61.6H0V38.58h38.49V.08h23.19v38.49H100v23.02H61.68v38.32Z'/></svg>") center/contain no-repeat; display:block; position:absolute; top:50%; left:0; transform:translate3d(40%,-50%,0);}
.ski-list .list {margin:50px -20px 0 -20px; display:flex; flex-wrap:wrap;}
.ski-list .list > div {width:50%; text-align:left; padding:30px 20px 0 20px; box-sizing:border-box;}
.ski-list .list a {width:100%; min-height:5em; font-size:var(--fs24); text-align:left; text-decoration:none; color:#0f8da0; padding:0 2.5em 0 1em; background-color:#fff; box-shadow:4px 3px 7px rgba(0,0,0,0.5); border:1px solid #0f8da0; border-radius:15px; box-sizing:border-box; display:flex; align-items:center; position:relative; transition:opacity 0.3s ease;}
.ski-list .list a:hover {text-decoration:none; color:#0f8da0; opacity:0.7;}
.ski-list .list a svg {width:48px; height:48px; margin:-24px 0 0 0; fill:#0f8da0; display:block; position:absolute; top:50%; right:0.5em;}


#skibusTopArea {max-width:570px; width:100%; margin:0 auto; position:relative;}
#skibusTopArea > div {width:100%; padding:100% 0 0 0; background:url(../img/skibus/img_area.png) no-repeat center center; background-size:cover;}
#skibusTopArea .btn > li {position:absolute; z-index:1;}
#skibusTopArea .btn > li a {width:100%; height:18px; display:block; position:relative;}
#skibusTopArea .btn > li a:hover {opacity:1;}
#skibusTopArea .btn > li a:before,
#skibusTopArea .btn > li a:after {content:''; width:100%; height:90px; background-repeat:no-repeat; background-position:left top; background-size:100% auto; display:block; position:absolute; transition:all 0.3s 0s ease; pointer-events:none;}
#skibusTopArea .btn > li a:after {opacity:0;}
#skibusTopArea .btn > li a.on:before,
#skibusTopArea .btn > li a:hover:before {opacity:0;}
#skibusTopArea .btn > li a.on:after,
#skibusTopArea .btn > li a:hover:after {opacity:1;}
#skibusTopArea .btn > li.btn1 {width:23.4%; top:39.8%; left:20.0%;}
#skibusTopArea .btn > li.btn1 a:before,
#skibusTopArea .btn > li.btn1 a:after {background-position:left top; top:0; left:0;}
#skibusTopArea .btn > li.btn1 a:before {background-image:url(../img/skibus/img_area_01.png); top:0; left:0;}
#skibusTopArea .btn > li.btn1 a:after {background-image:url(../img/skibus/img_area_01_hover.png); top:0; left:0;}
#skibusTopArea .btn > li.btn2 {width:14.0%; top:57.1%; left:23.2%; z-index:10;}
#skibusTopArea .btn > li.btn2 a:before,
#skibusTopArea .btn > li.btn2 a:after {background-position:left top; top:0; left:0;}
#skibusTopArea .btn > li.btn2 a:before {background-image:url(../img/skibus/img_area_02.png);}
#skibusTopArea .btn > li.btn2 a:after {background-image:url(../img/skibus/img_area_02_hover.png);}
#skibusTopArea .btn > li.btn2a {width:14.0%; top:58.7%; left:23.2%; z-index:10;}
#skibusTopArea .btn > li.btn2a a:before,
#skibusTopArea .btn > li.btn2a a:after {background-position:left top; top:0; left:0;}
#skibusTopArea .btn > li.btn2a a:before {background-image:url(../img/skibus/img_area_02a.png);}
#skibusTopArea .btn > li.btn2a a:after {background-image:url(../img/skibus/img_area_02a_hover.png);}
#skibusTopArea .btn > li.btn3 {width:14.8%; top:52.5%; left:12.3%;}
#skibusTopArea .btn > li.btn3 a:before,
#skibusTopArea .btn > li.btn3 a:after {background-position:left top; top:0; left:0;}
#skibusTopArea .btn > li.btn3 a:before {background-image:url(../img/skibus/img_area_03.png);}
#skibusTopArea .btn > li.btn3 a:after {background-image:url(../img/skibus/img_area_03_hover.png);}
#skibusTopArea .btn > li.btn4 {width:13.5%; top:55.1%; left:8.4%;}
#skibusTopArea .btn > li.btn4 a:before,
#skibusTopArea .btn > li.btn4 a:after {background-position:left top; top:0; left:0;}
#skibusTopArea .btn > li.btn4 a:before {background-image:url(../img/skibus/img_area_04.png);}
#skibusTopArea .btn > li.btn4 a:after {background-image:url(../img/skibus/img_area_04_hover.png);}
#skibusTopArea .btn > li.btn4a {width:11.4%; top:50.9%; left:14.5%;}
#skibusTopArea .btn > li.btn4a a:before,
#skibusTopArea .btn > li.btn4a a:after {background-position:left top; top:0; left:0;}
#skibusTopArea .btn > li.btn4a a:before {background-image:url(../img/skibus/img_area_03.png);}
#skibusTopArea .btn > li.btn4a a:after {background-image:url(../img/skibus/img_area_03_hover.png);}
#skibusTopArea .btn > li.btn4b {width:8.4%; top:49.2%; left:23.9%;}
#skibusTopArea .btn > li.btn4b a:before,
#skibusTopArea .btn > li.btn4b a:after {background-position:left top; top:0; left:0;}
#skibusTopArea .btn > li.btn4b a:before {background-image:url(../img/skibus/img_area_14.png);}
#skibusTopArea .btn > li.btn4b a:after {background-image:url(../img/skibus/img_area_14_hover.png);}
#skibusTopArea .btn > li.btn5 {width:9.1%; bottom:29.8%; left:10.3%;}
#skibusTopArea .btn > li.btn5 a:before,
#skibusTopArea .btn > li.btn5 a:after {background-position:left bottom; bottom:0; left:0;}
#skibusTopArea .btn > li.btn5 a:before {background-image:url(../img/skibus/img_area_05.png);}
#skibusTopArea .btn > li.btn5 a:after {background-image:url(../img/skibus/img_area_05_hover.png);}
#skibusTopArea .btn > li.btn6 {width:17.6%; top:37.6%; left:44.1%;}
#skibusTopArea .btn > li.btn6 a:before,
#skibusTopArea .btn > li.btn6 a:after {background-position:left top; top:0; left:0;}
#skibusTopArea .btn > li.btn6 a:before {background-image:url(../img/skibus/img_area_06.png);}
#skibusTopArea .btn > li.btn6 a:after {background-image:url(../img/skibus/img_area_06_hover.png);}
#skibusTopArea .btn > li.btn7 {width:8.1%; top:52.5%; left:29.5%;}
#skibusTopArea .btn > li.btn7 a:before,
#skibusTopArea .btn > li.btn7 a:after {background-position:left top; top:0; left:0;}
#skibusTopArea .btn > li.btn7 a:before {background-image:url(../img/skibus/img_area_07.png);}
#skibusTopArea .btn > li.btn7 a:after {background-image:url(../img/skibus/img_area_07_hover.png);}
#skibusTopArea .btn > li.btn8 {width:28.4%; top:42.2%; left:49.4%;}
#skibusTopArea .btn > li.btn8 a:before,
#skibusTopArea .btn > li.btn8 a:after {background-position:left top; top:0; left:0;}
#skibusTopArea .btn > li.btn8 a:before {background-image:url(../img/skibus/img_area_08.png);}
#skibusTopArea .btn > li.btn8 a:after {background-image:url(../img/skibus/img_area_08_hover.png);}
#skibusTopArea .btn > li.btn9 {width:13.4%; top:48.9%; left:33.1%;}
#skibusTopArea .btn > li.btn9 a:before,
#skibusTopArea .btn > li.btn9 a:after {background-position:left top; top:0; left:0;}
#skibusTopArea .btn > li.btn9 a:before {background-image:url(../img/skibus/img_area_09.png);}
#skibusTopArea .btn > li.btn9 a:after {background-image:url(../img/skibus/img_area_09_hover.png);}
#skibusTopArea .btn > li.btn10 {width:10.3%; top:53.3%; left:50.5%;}
#skibusTopArea .btn > li.btn10 a:before,
#skibusTopArea .btn > li.btn10 a:after {background-position:left top; top:0; left:0;}
#skibusTopArea .btn > li.btn10 a:before {background-image:url(../img/skibus/img_area_10.png);}
#skibusTopArea .btn > li.btn10 a:after {background-image:url(../img/skibus/img_area_10_hover.png);}
#skibusTopArea .btn > li.btn11 {width:9.2%; top:55.8%; left:41.2%;}
#skibusTopArea .btn > li.btn11 a:before,
#skibusTopArea .btn > li.btn11 a:after {background-position:left top; top:0; left:0;}
#skibusTopArea .btn > li.btn11 a:before {background-image:url(../img/skibus/img_area_11.png);}
#skibusTopArea .btn > li.btn11 a:after {background-image:url(../img/skibus/img_area_11_hover.png);}
#skibusTopArea .btn > li.btn12 {width:16.1%; top:61.1%; left:27.1%;}
#skibusTopArea .btn > li.btn12 a:before,
#skibusTopArea .btn > li.btn12 a:after {background-position:left top; top:0; left:0;}
#skibusTopArea .btn > li.btn12 a:before {background-image:url(../img/skibus/img_area_12.png);}
#skibusTopArea .btn > li.btn12 a:after {background-image:url(../img/skibus/img_area_12_hover.png);}
#skibusTopArea .btn > li.btn13 {width:14.7%; bottom:31.2%; left:19.4%;}
#skibusTopArea .btn > li.btn13 a:before,
#skibusTopArea .btn > li.btn13 a:after {background-position:left bottom; bottom:0; left:0;}
#skibusTopArea .btn > li.btn13 a:before {background-image:url(../img/skibus/img_area_13.png);}
#skibusTopArea .btn > li.btn13 a:after {background-image:url(../img/skibus/img_area_13_hover.png);}

html[lang="en"] #skibusTopArea .btn > li.btn1 a:before {background-image:url(../img_en/skibus/img_area_01.png);}
html[lang="en"] #skibusTopArea .btn > li.btn1 a:after {background-image:url(../img_en/skibus/img_area_01_hover.png);}
html[lang="en"] #skibusTopArea .btn > li.btn2 {width:18.1%; top:52.1%; left:12.9%;}
html[lang="en"] #skibusTopArea .btn > li.btn2 a:before {background-image:url(../img_en/skibus/img_area_02.png);}
html[lang="en"] #skibusTopArea .btn > li.btn2 a:after {background-image:url(../img_en/skibus/img_area_02_hover.png);}
html[lang="en"] #skibusTopArea .btn > li.btn2a {width:17.9%; top:58.2%; left:23.1%;}
html[lang="en"] #skibusTopArea .btn > li.btn2a a:before {background-image:url(../img_en/skibus/img_area_02a.png);}
html[lang="en"] #skibusTopArea .btn > li.btn2a a:after {background-image:url(../img_en/skibus/img_area_02a_hover.png);}
html[lang="en"] #skibusTopArea .btn > li.btn3 a:before {background-image:url(../img_en/skibus/img_area_03.png);}
html[lang="en"] #skibusTopArea .btn > li.btn3 a:after {background-image:url(../img_en/skibus/img_area_03_hover.png);}
html[lang="en"] #skibusTopArea .btn > li.btn4 {width:12.3%; top:57.6%; left:7.5%;}
html[lang="en"] #skibusTopArea .btn > li.btn4 a:before {background-image:url(../img_en/skibus/img_area_04.png);}
html[lang="en"] #skibusTopArea .btn > li.btn4 a:after {background-image:url(../img_en/skibus/img_area_04_hover.png);}
html[lang="en"] #skibusTopArea .btn > li.btn4a {width:15.0%; top:52.5%; left:9.0%;}
html[lang="en"] #skibusTopArea .btn > li.btn4a a:before {background-image:url(../img_en/skibus/img_area_03.png);}
html[lang="en"] #skibusTopArea .btn > li.btn4a a:after {background-image:url(../img_en/skibus/img_area_03_hover.png);}
html[lang="en"] #skibusTopArea .btn > li.btn4b {width:9.0%; top:48.9%; left:17.8%;}
html[lang="en"] #skibusTopArea .btn > li.btn4b a:before {background-image:url(../img_en/skibus/img_area_14.png);}
html[lang="en"] #skibusTopArea .btn > li.btn4b a:after {background-image:url(../img_en/skibus/img_area_14_hover.png);}
html[lang="en"] #skibusTopArea .btn > li.btn5 a:before {background-image:url(../img_en/skibus/img_area_05.png);}
html[lang="en"] #skibusTopArea .btn > li.btn5 a:after {background-image:url(../img_en/skibus/img_area_05_hover.png);}
html[lang="en"] #skibusTopArea .btn > li.btn6 a:before {background-image:url(../img_en/skibus/img_area_06.png);}
html[lang="en"] #skibusTopArea .btn > li.btn6 a:after {background-image:url(../img_en/skibus/img_area_06_hover.png);}
html[lang="en"] #skibusTopArea .btn > li.btn7 a:before {background-image:url(../img_en/skibus/img_area_07.png);}
html[lang="en"] #skibusTopArea .btn > li.btn7 a:after {background-image:url(../img_en/skibus/img_area_07_hover.png);}
html[lang="en"] #skibusTopArea .btn > li.btn8 a:before {background-image:url(../img_en/skibus/img_area_08.png);}
html[lang="en"] #skibusTopArea .btn > li.btn8 a:after {background-image:url(../img_en/skibus/img_area_08_hover.png);}
html[lang="en"] #skibusTopArea .btn > li.btn9 a:before {background-image:url(../img_en/skibus/img_area_09.png);}
html[lang="en"] #skibusTopArea .btn > li.btn9 a:after {background-image:url(../img_en/skibus/img_area_09_hover.png);}
html[lang="en"] #skibusTopArea .btn > li.btn10 a:before {background-image:url(../img_en/skibus/img_area_10.png);}
html[lang="en"] #skibusTopArea .btn > li.btn10 a:after {background-image:url(../img_en/skibus/img_area_10_hover.png);}
html[lang="en"] #skibusTopArea .btn > li.btn11 a:before {background-image:url(../img_en/skibus/img_area_11.png);}
html[lang="en"] #skibusTopArea .btn > li.btn11 a:after {background-image:url(../img_en/skibus/img_area_11_hover.png);}
html[lang="en"] #skibusTopArea .btn > li.btn12 a:before {background-image:url(../img_en/skibus/img_area_12.png);}
html[lang="en"] #skibusTopArea .btn > li.btn12 a:after {background-image:url(../img_en/skibus/img_area_12_hover.png);}
html[lang="en"] #skibusTopArea .btn > li.btn13 a:before {background-image:url(../img_en/skibus/img_area_13.png);}
html[lang="en"] #skibusTopArea .btn > li.btn13 a:after {background-image:url(../img_en/skibus/img_area_13_hover.png);}

@media screen and (max-width:767px){
	.top-ski {margin:-12vw 0 0 0; padding:15vw 0 60px 0;}
	.top-ski::before {background-position:top right; background-size:90% auto;}
	.top-ski .clm {display:block;}
	.top-ski .clm > div {width:auto;}
	.top-ski .ttl {font-size:var(--sp--fs20); text-align:center;}
	.top-ski .list {font-size:var(--fs24); justify-content:center;}

	.ski-list .subttl {margin:50px 0 0 0;}
	.ski-list .list {margin:15px 0 0 0; display:block;}
	.ski-list .list > div {width:auto; padding:10px 0 0 0;}
	.ski-list .list a {min-height:1em; font-size:var(--fs24); padding:0.5em 2.5em 0.5em 1em;}
	.ski-list .list a svg {width:1.6em; height:1.6em; margin:-0.8em 0 0 0;}
}