@charset "utf-8";

:root{--spacing:0.05em;--color:#3176B2;--color2:#173D5E;}
*{letter-spacing:var(--spacing);}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{
	margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;box-sizing:border-box;}
html{font-size:62.5%;}
body{
	font-family:"Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック", sans-serif;
	font-size:1.6rem;
	color:#333;
	line-height:1.75;
	-webkit-text-size-adjust:100%;
	max-width:100%;
	min-width:320px;
	text-align:left;
	padding-top:92px;
	overflow-x:hidden;
}
@media screen and (max-width:999px){
	body{padding-top:60px;}
}
@media screen and (max-width:767px){
	body{font-size:1.4rem;}
}
@media screen and (max-width:374px){
	html{font-size:56%;}
}
h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
li{list-style-type:none;}
ins{text-decoration:none;}
mark{font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #ccc;}
input, select{vertical-align:middle;margin:0;box-sizing:border-box;}
input,textarea{-webkit-appearance:none;font-family:inherit;box-sizing:border-box;}
input:focus,textarea:focus,select:focus{outline:0;}
button{font-family:inherit;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;box-sizing:border-box;}
button::-moz-focus-inner{border:0;}
input:placeholder-shown{color:#ccc;}
input::-webkit-input-placeholder{color:#ccc;}
input:-moz-placeholder{color:#ccc;opacity:1;}
input::-moz-placeholder{color:#ccc;opacity:1;}
input:-ms-input-placeholder{color:#ccc;}
pre{white-space:pre-wrap;font-family:inherit;}
img{border:none;vertical-align:bottom;max-width:100%;height:auto;}
small{font-size:75%;}
a{color:#333;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;box-sizing:border-box;outline:none;transition:.25s;}
a[href^="tel:"]{cursor:text;}
a:hover{color:#333;opacity:0.7;}
*:focus-visible,
select:focus-visible{outline:2px solid #333;transition:outline 0s!important;}
.clearfix:after{content:"";clear:both;display:block;}
.serif{font-family:"Noto Serif JP","游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

#wrapper{overflow:hidden;max-width:100%;}

/* -------------------------------------------------- */
/* header */
/* -------------------------------------------------- */
header{position:fixed;top:0;left:0;width:100%;height:92px;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 30px;text-align:center;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);opacity:0;}
body.loaded header{opacity:1;transition:.8s .3s;}
header #gnav{flex:1;height:100%;line-height:1.5;}
header #gnav *{letter-spacing:0.03em;}
header .gnav-inner{display:flex;align-items:center;justify-content:flex-end;height:100%;gap:25px;}
header .header-link{display:flex;flex-direction:row-reverse;align-items:center;gap:40px;}
header .header-tel a{font-size:2.4rem;font-weight:600;white-space:nowrap;line-height:1;}
header .header-tel a span{font-size:1.4rem;margin-right:5px;}
header .header-tel p{font-size:1.2rem;margin-top:5px;line-height:1.5;}
header .gnav01{display:flex;gap:5px;font-size:1.8rem;font-weight:bold;}
header .gnav01 a{display:block;padding:15px;}
header .gnav01 .current a{color:var(--color);}
header .gnav02 a{background:var(--color);color:#fff;border-radius:3px;display:block;font-size:1.6rem;font-weight:bold;letter-spacing:0.1em;width:160px;padding:4px 10px;white-space:nowrap;}
header .gnav02 .link02 a{background:var(--color2);}
header .gnav02 > li + li{margin-top:4px;}
header #header-btn{display:none;}

@media screen and (max-width:1399px){
	header{padding:10px 15px;}
	header .logo{max-width:15%;}
	header .gnav-inner{gap:15px;}
	header .header-link{gap:15px;}
	header .gnav01 a{padding:15px 10px;font-size:1.6rem;}
	header .gnav02 a{width:120px;}
}
@media screen and (max-width:1199px){
	header .gnav01 a{padding:15px 5px;}
}
@media screen and (max-width:999px){
	header {height:60px;padding:10px 0 10px 15px;}
	header .logo{max-width:100%;width:110px;}
	header #gnav{display:block;position:fixed;top:60px;right:0;width:100%;height:calc(100dvh - 60px);max-width:300px;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);padding:10px;pointer-events:none;opacity:0;transition:opacity .5s ease;}
	header #gnav.active{pointer-events:all;opacity:1;}
	header .gnav-inner{display:block;}
	header .header-link{display:block;margin-top:10px;}
	header .header-tel{margin-top:25px;}
	header .header-tel a{font-size:2.8rem;}
	header .header-tel a span{font-size:1.6rem;}
	header .gnav01{flex-wrap:wrap;gap:0;}
	header .gnav01 > li{width:50%;}
	header .gnav01 a{padding:20px 5px;}
	header .gnav02{display:flex;gap:5px;justify-content:center;align-items:center;padding:0 10px;}
	header .gnav02 > li{flex:1;}
	header .gnav02 a{width:100%;padding:10px;}
	header .gnav02 > li + li{margin-top:0;}
	header #header-btn{width:80px;height:60px;position:fixed;top:0;right:0;z-index:104;cursor:pointer;display:block;}
	header #header-btn span{display:inline-block;transition:all .2s;box-sizing:border-box;width:30px;position:absolute;top:50%;right:24px;height:2px;background:#333;}
	header #header-btn span:nth-of-type(1){transform:translateY(-7px);}
	header #header-btn span:nth-of-type(3){transform:translateY(7px);}
	header #header-btn.active span:nth-of-type(2){opacity:0;}
	header #header-btn.active span:nth-of-type(1){transform:rotate(30deg);}
	header #header-btn.active span:nth-of-type(3){transform:rotate(-30deg);}
}
@media screen and (max-width:599px){
	header #gnav{max-width:100%;}
}

/* -------------------------------------------------- */
/* footer */
/* -------------------------------------------------- */
footer{color:#fff;}
footer a,
footer a:hover{color:#fff;}
footer .footer01{background:url(/img/footer_back.jpg) no-repeat center center #333;background-size:cover;text-align:center;padding:80px 0;}
footer .footer01 .container{display:flex;gap:40px;justify-content:center;}
footer .footer01 .container > *{flex:1;}
footer .footer01 .ttl{margin-bottom:25px;font-weight:bold;font-size:2rem;line-height:1.5;}
footer .footer01 .left .btn a{border:2px solid #fff;font-size:2rem;font-weight:bold;border-radius:100px;display:block;max-width:460px;padding:20px 40px;margin:auto;position:relative;overflow:hidden;transition:background .3s,color .3s;}
footer .footer01 .left .btn a:hover{color:var(--color);background:#fff;opacity:1;border:0;padding:22px 40px;}
footer .footer01 .left .btn a::before{content:"";display:block;width:8px;height:8px;background:#fff;border-radius:100%;position:absolute;top:50%;right:20px;transform:translateY(-50%);transition:.25s;}
footer .footer01 .left .btn a:hover::before{background:var(--color);height:4px;width:30px;right:-2px;border-radius:10px;}
footer .footer01 .right .tel{font-size:3.6rem;font-weight:600;white-space:nowrap;line-height:1;}
footer .footer01 .right p{margin-top:10px;font-weight:bold;}
footer .footer02{background:#3B8EC3;padding:80px 0 200px;}
footer .footer02 .container{display:flex;gap:25%;justify-content:space-between;}
footer .footer02 .left{line-height:1.8;}
footer .footer02 .left .sns{margin-top:60px;display:flex;flex-wrap:wrap;gap:15px;}
footer .footer02 .left .copyright{margin-top:40px;font-size:1.4rem;}
footer .footer02 .right{flex:1;}
footer .footer02 .right nav{display:flex;gap:60px;}
footer .footer02 .right a{display:inline-block;padding:5px 10px;}

footer .fixed-menu{padding:20px;position:fixed;bottom:0;left:0;width:100%;z-index:99;opacity:0;}
body.loaded .fixed-menu{opacity:1;transition:.8s .3s;}
footer .fixed-menu .inner{background:rgba(0,0,0,0.85);border:1px solid #fff;padding:20px 40px;position:relative;}
footer .fixed-menu .inner02{display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;}
footer .fixed-menu .block01{padding-right:20px;margin-right:20px;border-right:1px solid rgba(255,255,255,0.5);}
footer .fixed-menu .block01 .ttl{font-size:2.4rem;font-weight:600;white-space:nowrap;}
footer .fixed-menu .block02{flex:auto;}
footer .fixed-menu .block02 form{display:flex;align-items:center;gap:30px;}
footer .fixed-menu .block02 form > *{flex:auto;}
footer .fixed-menu .block02 form select,
footer .fixed-menu .block02 form input{background-color:transparent;color:#fff;border:0;padding:5px 0;font-size:2rem;width:100%;border-bottom:1px solid #fff;cursor:pointer;min-width:2em;border-radius:0;}
footer .fixed-menu .block02 form select{background-image:url(/img/arrow_select02.png);}
footer .fixed-menu .block02 form select option{color:#333;}
footer .fixed-menu .block02 .date_489ban label,
footer .fixed-menu .block02 .stay_489ban label,
footer .fixed-menu .block02 .room_489ban{display:none;}
footer .fixed-menu .block02 .date_489ban input{color:#000;border-color:#000;filter:invert(1);}
footer .fixed-menu .block02 .stay_489ban{width:100%;}
footer .fixed-menu .block02 .inbox_489ban{display:flex;align-items:center;white-space:nowrap;gap:30px;}
footer .fixed-menu .block02 .person_489ban{display:flex;align-items:center;gap:5px;}
footer .fixed-menu .block02 .person_489ban option{text-align:center;}
footer .fixed-menu .block02 .person_489ban dd{display:flex;align-items:center;}
footer .fixed-menu .block02 form button{background:var(--color);color:#fff;border:1px solid #fff;font-size:0;width:130px;padding:10px;border-radius:3px;transition:.25s;}
footer .fixed-menu .block02 form button:hover{opacity:0.7;}
footer .fixed-menu .block02 form button::before{content:"検索";font-size:1.6rem;font-weight:bold;letter-spacing:0.1em;white-space:nowrap;line-height:1;}
footer .fixed-menu .block03{margin-left:40px;}
footer .fixed-menu .block03 .link{display:flex;gap:10px 20px;font-size:1.4rem;font-weight:bold;}
footer .fixed-menu .block03 .link a{position:relative;padding-left:15px;white-space:nowrap;}
footer .fixed-menu .block03 .link a::before{content:"";display:block;width:12px;height:12px;background:url(/img/arrow01.svg) no-repeat center center;background-size:contain;position:absolute;left:0;top:50%;margin-top:-6px;}
footer .fixed-menu .banner{position:absolute;right:0;bottom:calc(100% + 20px);transition:opacity .3s;opacity:0;pointer-events:none;}
footer .fixed-menu .banner .close{font-size:0;transition:.25s;}
footer .fixed-menu .banner .close::before{content:"×";font-size:1.4rem;position:absolute;top:-10px;right:-10px;width:24px;height:24px;background:#fff;border-radius:100%;display:flex;align-items:center;justify-content:center;z-index:10;color:#333;}
footer .fixed-menu .banner .close:hover{opacity:0.7;}
footer .fixed-menu .banner.show{opacity:1;pointer-events:all;}

@media screen and (max-width:1339px){
	footer .fixed-menu .block03{display:none;}
	body.footer-banner footer .footer02{padding-bottom:300px;}
}
@media screen and (max-width:999px){
	footer .footer02{padding:50px 0 120px;}
	footer .footer02 .container{justify-content:center;}
	footer .footer02 .left{text-align:center;}
	footer .footer02 .left .sns{justify-content:center;margin-top:40px;gap:20px;}
	footer .footer02 .left .sns a{width:36px;height:36px;display:block;}
	footer .footer02 .right{display:none;}
	footer .fixed-menu .inner{padding:15px 20px;}
	footer .fixed-menu .block01{margin-right:15px;padding-right:15px;}
	footer .fixed-menu .block01 .ttl{font-size:1.6rem;width:4em;}
	footer .fixed-menu .block02 form{gap:15px;}
	footer .fixed-menu .block02 form select,
	footer .fixed-menu .block02 form input{font-size:1.6rem;}
	footer .fixed-menu .block02 .inbox_489ban{gap:15px;}
	footer .fixed-menu .block02 form button{width:100px;}
}
@media screen and (max-width:767px){
	footer .footer01{padding:50px 0;background-position:left center;}
	footer .footer01 .container{display:block;}
	footer .footer01 .ttl{font-size:1.8rem;margin-bottom:15px;}
	footer .footer01 .left .btn a{font-size:1.8rem;}
	footer .footer02 .left .copyright{font-size:1.1rem;}
	footer .footer01 .right{border-top:1px solid #fff;margin-top:40px;padding-top:40px;}
	footer .footer01 .right .tel{font-size:3.2rem;}
	body.footer-banner footer .footer02{padding-bottom:calc(50px + 40vw);}

	footer .fixed-menu{padding:10px;}
	footer .fixed-menu .inner{padding:10px 15px;}
	footer .fixed-menu .inner02{max-width:480px;}
	footer .fixed-menu .block01{margin-right:10px;padding-right:10px;}
	footer .fixed-menu .block01 .ttl{font-size:1.3rem;}
	footer .fixed-menu .block02 .inbox_489ban + .inbox_489ban{display:none;}
	footer .fixed-menu .block02 form{gap:10px;}
	footer .fixed-menu .block02 form select,
	footer .fixed-menu .block02 form input{font-size:1.4rem!important;letter-spacing:0;padding:0 0 5px;}
	footer .fixed-menu .block02 .date_489ban{width:7.5em;}
	footer .fixed-menu .block02 form button{flex:content;}
	footer .fixed-menu .block02 form button::before{font-size:1.4rem;width:55px;}
	footer .fixed-menu .banner{max-width:60%;bottom:calc(100% + 10px);}
}

/* -------------------------------------------------- */
/* form */
/* -------------------------------------------------- */
input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],
input[type="datetime"],input[type="datetime-local"],input[type="url"],input[type="search"],select,textarea{border:1px solid #ccc;border-radius:3px;padding:15px;font-family:inherit;background:#fff;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;background:url(/img/arrow_select.png) no-repeat center right #fff;background-size:20px 7px;padding-right:28px!important;}
select::-ms-expand {display:none;}
textarea{width:100%;resize:vertical;}

@media screen and (max-width:767px){
	input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],
	input[type="datetime"],input[type="datetime-local"],input[type="url"],input[type="search"],select,textarea{font-size:16px!important;}
	textarea{font-size:16px!important;}
}

/* -------------------------------------------------- */
/* animation */
/* -------------------------------------------------- */
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,-50px,0)}to{opacity:1;transform:translateZ(0)}}
.fadein{animation-duration:1.2s;animation-fill-mode:both;opacity:0.01;}
.fadein.animated{animation-name:fadeInUp;}

/* -------------------------------------------------- */
/* common */
/* -------------------------------------------------- */
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}
.text-left{text-align:left!important;}

.v-sp{display:none!important;}
.v-tablet{display:none!important;}
.v-pc{display:block!important;}

.m-0{margin:0!important;}.m-1{margin:1rem!important;}.m-2{margin:2rem!important;}.m-3{margin:3rem!important;}.m-4{margin:4rem!important;}.m-5{margin:5rem!important;}.m-6{margin:6rem!important;}.m-7{margin:7rem!important;}.m-8{margin:8rem!important;}
.mt-0{margin-top:0!important;}.mt-1{margin-top:1rem!important;}.mt-2{margin-top:2rem!important;}.mt-3{margin-top:3rem!important;}.mt-4{margin-top:4rem!important;}.mt-5{margin-top:5rem!important;}.mt-6{margin-top:6rem!important;}.mt-7{margin-top:7rem!important;}.mt-8{margin-top:8rem!important;}
.mb-0{margin-bottom:0!important;}.mb-1{margin-bottom:1rem!important;}.mb-2{margin-bottom:2rem!important;}.mb-3{margin-bottom:3rem!important;}.mb-4{margin-bottom:4rem!important;}.mb-5{margin-bottom:5rem!important;}.mb-6{margin-bottom:6rem!important;}.mb-7{margin-bottom:7rem!important;}.mb-8{margin-bottom:8rem!important;}
.mr-0{margin-right:0!important;}.mr-1{margin-right:1rem!important;}.mr-2{margin-right:2rem!important;}.mr-3{margin-right:3rem!important;}.mr-4{margin-right:4rem!important;}.mr-5{margin-right:5rem!important;}.mr-6{margin-right:6rem!important;}.mr-7{margin-right:7rem!important;}.mr-8{margin-right:8rem!important;}
.ml-0{margin-left:0!important;}.ml-1{margin-left:1rem!important;}.ml-2{margin-left:2rem!important;}.ml-3{margin-left:3rem!important;}.ml-4{margin-left:4rem!important;}.ml-5{margin-left:5rem!important;}.ml-6{margin-left:6rem!important;}.ml-7{margin-left:7rem!important;}.ml-8{margin-left:8rem!important;}
.p-0{padding:0!important;}.p-1{padding:1rem!important;}.p-2{padding:2rem!important;}.p-3{padding:3rem!important;}.p-4{padding:4rem!important;}.p-5{padding:5rem!important;}.p-6{padding:6rem!important;}.p-7{padding:7rem!important;}.p-8{padding:8rem!important;}
.pt-0{padding-top:0!important;}.pt-1{padding-top:1rem!important;}.pt-2{padding-top:2rem!important;}.pt-3{padding-top:3rem!important;}.pt-4{padding-top:4rem!important;}.pt-5{padding-top:5rem!important;}.pt-6{padding-top:6rem!important;}.pt-7{padding-top:7rem!important;}.pt-8{padding-top:8rem!important;}
.pb-0{padding-bottom:0!important;}.pb-1{padding-bottom:1rem!important;}.pb-2{padding-bottom:2rem!important;}.pb-3{padding-bottom:3rem!important;}.pb-4{padding-bottom:4rem!important;}.pb-5{padding-bottom:5rem!important;}.pb-6{padding-bottom:6rem!important;}.pb-7{padding-bottom:7rem!important;}.pb-8{padding-bottom:8rem!important;}
.pr-0{padding-right:0!important;}.pr-1{padding-right:1rem!important;}.pr-2{padding-right:2rem!important;}.pr-3{padding-right:3rem!important;}.pr-4{padding-right:4rem!important;}.pr-5{padding-right:5rem!important;}.pr-6{padding-right:6rem!important;}.pr-7{padding-right:7rem!important;}.pr-8{padding-right:8rem!important;}
.pl-0{padding-left:0!important;}.pl-1{padding-left:1rem!important;}.pl-2{padding-left:2rem!important;}.pl-3{padding-left:3rem!important;}.pl-4{padding-left:4rem!important;}.pl-5{padding-left:5rem!important;}.pl-6{padding-left:6rem!important;}.pl-7{padding-left:7rem!important;}.pl-8{padding-left:8rem!important;}

@media screen and (max-width:1099px){
	.v-pc{display:none!important;}
	.v-tablet{display:block!important;}
}
@media screen and (max-width:767px){
	.v-tablet{display:none!important;}
	.v-sp{display:block!important;}

	.m-0{margin:0!important;}.m-1{margin:0.5rem!important;}.m-2{margin:1rem!important;}.m-3{margin:1.5rem!important;}.m-4{margin:2rem!important;}.m-5{margin:2.5rem!important;}.m-6{margin:3rem!important;}.m-7{margin:3.5rem!important;}.m-8{margin:4rem!important;}
	.mt-0{margin-top:0!important;}.mt-1{margin-top:0.5rem!important;}.mt-2{margin-top:1rem!important;}.mt-3{margin-top:1.5rem!important;}.mt-4{margin-top:2rem!important;}.mt-5{margin-top:2.5rem!important;}.mt-6{margin-top:3rem!important;}.mt-7{margin-top:3.5rem!important;}.mt-8{margin-top:4rem!important;}
	.mb-0{margin-bottom:0!important;}.mb-1{margin-bottom:0.5rem!important;}.mb-2{margin-bottom:1rem!important;}.mb-3{margin-bottom:1.5rem!important;}.mb-4{margin-bottom:2rem!important;}.mb-5{margin-bottom:2.5rem!important;}.mb-6{margin-bottom:3rem!important;}.mb-7{margin-bottom:3.5rem!important;}.mb-8{margin-bottom:4rem!important;}
	.mr-0{margin-right:0!important;}.mr-1{margin-right:0.5rem!important;}.mr-2{margin-right:1rem!important;}.mr-3{margin-right:1.5rem!important;}.mr-4{margin-right:2rem!important;}.mr-5{margin-right:2.5rem!important;}.mr-6{margin-right:3rem!important;}.mr-7{margin-right:3.5rem!important;}.mr-8{margin-right:4rem!important;}
	.ml-0{margin-left:0!important;}.ml-1{margin-left:0.5rem!important;}.ml-2{margin-left:1rem!important;}.ml-3{margin-left:1.5rem!important;}.ml-4{margin-left:2rem!important;}.ml-5{margin-left:2.5rem!important;}.ml-6{margin-left:3rem!important;}.ml-7{margin-left:3.5rem!important;}.ml-8{margin-left:4rem!important;}
	.p-0{padding:0!important;}.p-1{padding:0.5rem!important;}.p-2{padding:1rem!important;}.p-3{padding:1.5rem!important;}.p-4{padding:2rem!important;}.p-5{padding:2.5rem!important;}.p-6{padding:3rem!important;}.p-7{padding:3.5rem!important;}.p-8{padding:4rem!important;}
	.pt-0{padding-top:0!important;}.pt-1{padding-top:0.5rem!important;}.pt-2{padding-top:1rem!important;}.pt-3{padding-top:1.5rem!important;}.pt-4{padding-top:2rem!important;}.pt-5{padding-top:2.5rem!important;}.pt-6{padding-top:3rem!important;}.pt-7{padding-top:3.5rem!important;}.pt-8{padding-top:4rem!important;}
	.pb-0{padding-bottom:0!important;}.pb-1{padding-bottom:0.5rem!important;}.pb-2{padding-bottom:1rem!important;}.pb-3{padding-bottom:1.5rem!important;}.pb-4{padding-bottom:2rem!important;}.pb-5{padding-bottom:2.5rem!important;}.pb-6{padding-bottom:3rem!important;}.pb-7{padding-bottom:3.5rem!important;}.pb-8{padding-bottom:4rem!important;}
	.pr-0{padding-right:0!important;}.pr-1{padding-right:0.5rem!important;}.pr-2{padding-right:1rem!important;}.pr-3{padding-right:1.5rem!important;}.pr-4{padding-right:2rem!important;}.pr-5{padding-right:2.5rem!important;}.pr-6{padding-right:3rem!important;}.pr-7{padding-right:3.5rem!important;}.pr-8{padding-right:4rem!important;}
	.pl-0{padding-left:0!important;}.pl-1{padding-left:0.5rem!important;}.pl-2{padding-left:1rem!important;}.pl-3{padding-left:1.5rem!important;}.pl-4{padding-left:2rem!important;}.pl-5{padding-left:2.5rem!important;}.pl-6{padding-left:3rem!important;}.pl-7{padding-left:3.5rem!important;}.pl-8{padding-left:4rem!important;}
}

/* ----------------------------------------- */
/* container */
.container{max-width:1320px;padding:0 40px;margin:auto;position:relative;}
.container02{}
.container03{}
section > .container,.section > .container{padding:80px 40px;}

@media screen and (max-width:1319px){
	.container{padding:0 5%;}
	section > .container,.section > .container{padding:80px 5%;}
}
@media screen and (max-width:767px){
	section > .container,.section > .container{padding:50px 5%;}
}

/* ----------------------------------------- */
/* ttl */
.common-ttl01{font-size:3.2rem;font-weight:600;text-align:center;line-height:1.4;margin-bottom:50px;}
.common-ttl01::after{content:"";display:block;width:26px;height:26px;background:url(/img/ttl_icon.png) no-repeat;background-size:contain;margin:10px auto 0;}
.common-ttl01 small{font-size:70%;}

@media screen and (max-width:767px){
	.common-ttl01{font-size:2.4rem;margin-bottom:30px;}
	.common-ttl01::after{width:20px;height:20px;}
}

/* ----------------------------------------- */
/* btn */
.common-btn01{display:inline-block;min-width:350px;padding:16px 40px 16px 30px;text-align:center;background:#fff;border:2px solid var(--color);color:var(--color);font-weight:bold;line-height:1.5;border-radius:3px;position:relative;overflow:hidden;transition:background .3s,color .3s;}
.common-btn01:hover{color:#fff;background:var(--color);opacity:1;border:0;padding:18px 40px 18px 30px;}
.common-btn01::before{content:"";display:block;width:8px;height:8px;background:var(--color);border-radius:100%;position:absolute;top:50%;right:20px;transform:translateY(-50%);transition:.25s;}
.common-btn01:hover::before{background:#fff;height:4px;width:30px;right:-2px;border-radius:10px;}
.common-btn01.blue{background:var(--color);color:#fff;}
.common-btn01.blue::before{background:#fff;}
.common-btn01.blue:hover{background:#fff;border:2px solid var(--color);color:var(--color);padding:16px 40px 16px 30px;}
.common-btn01.blue:hover::before{background:var(--color);}

.common-btnwrap{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}

@media screen and (max-width:767px){
	.common-btn01{min-width:240px;}
	.common-btnwrap{display:block;text-align:center;}
	.common-btnwrap > * + *{margin-top:10px;}
}

/* ----------------------------------------- */
/* section */
.common-section01{position:relative;overflow:hidden;}
.common-section01 .container{display:flex;align-items:center;}
.common-section01 .container::after{content:"";display:block;width:calc(100% + 60px);height:75%;position:absolute;bottom:0;right:0;background:url(/img/section01_back.jpg) no-repeat;background-size:cover;;z-index:-1;}
.common-section01 .img{width:50%;height:520px;position:relative;width:calc(50% + ((100vw - 1240px) / 2));margin-right:calc((-100vw + 1240px) / 2);overflow:hidden;}
.common-section01 .img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;opacity:0;transform:scale(1.1);}
.common-section01 .inner{width:50%;padding:40px 100px 40px 0;opacity:0;transform:translateX(-10%);}
.common-section01 .txt + .txt{margin-top:10px;}
.common-section01 .small{font-size:1.4rem;}
.common-section01 .btn{text-align:center;margin-top:50px;}
.common-section01 .btn a + a{margin-top:5px;}
.common-section01 + .common-section01{margin-top:40px;}
.common-section01.reverse .container{flex-direction:row-reverse;}
.common-section01.reverse .img{margin-right:0;margin-left:calc((-100vw + 1240px) / 2);}
.common-section01.reverse .inner{padding:40px 0 40px 100px;}
.common-section01.animated .inner{opacity:1;transform:none;transition:1.2s ease .2s;}
.common-section01.animated .img img{opacity:1;transform:none;transition:1.2s ease .2s;}

.common-section02{position:relative;}
.common-section02::before{content:"";display:block;width:680px;height:382px;background:url(/img/bubble.webp) no-repeat left bottom;background-size:contain;position:absolute;left:58%;top:0;z-index:-1;}
.common-section02::after{content:"";display:block;width:680px;height:382px;background:url(/img/bubble.webp) no-repeat right top;background-size:contain;position:absolute;right:60%;top:320px;z-index:-1;}

.common-section03{overflow:hidden;}
.common-section03 .inner{padding:60px 80px 80px;background:#fff;max-width:calc(100% - 120px);margin:-100px auto 0;position:relative;z-index:2;}
.common-section03 .common-ttl01{margin-bottom:30px;}
.common-section03 .txt{text-align:center;}
.common-section03 .img{overflow:hidden;}
.common-section03 .img img{transform:scale(1.1);opacity:0;}
.common-section03 .btn{margin-top:50px;display:flex;justify-content:center;gap:10px 20px;flex-wrap:wrap;}
.common-section03.animated img{opacity:1;transform:none;transition:1.2s ease .2s;}

.common-section04{background:#F6F7F8;padding:60px 80px;}
.common-section04 .img{float:right;margin:0 0 40px 40px;display:flex;gap:20px;max-width:53%;}
.common-section04 .img > *{flex:1;}
.common-section04 .ttl{font-size:2.4rem;line-height:1.5;border-bottom:1px solid #A3A7A9;overflow:hidden;padding-bottom:16px;margin-bottom:25px;}
.common-section04 .attention{clear:both;font-size:1.4rem;line-height:1.6;margin-top:32px;padding-left:1em;position:relative;}
.common-section04 .attention::before{content:"※";position:absolute;left:0;top:0;}

@media screen and (max-width:1319px){
	.common-section01 .img{width:calc(50% + 5vw);margin-right:-5vw;}
	.common-section01 .inner{padding:40px 5vw 40px 0;}
	.common-section01.reverse .img{margin-right:0;margin-left:-5vw;}
	.common-section01.reverse .inner{padding:40px 0 40px 5vw;}
}
@media screen and (max-width:999px){
	.common-section01 .container{display:block;}
	.common-section01 .img{width:100%;max-width:600px;height:0;padding-bottom:380px;margin:30px auto 0;}
	.common-section01 .inner{width:100%;padding:0;}
	.common-section01 .txt{max-width:600px;margin:auto;}
	.common-section01 .btn{margin-top:40px;}
	.common-section01.reverse .img{margin:30px auto 0;}
	.common-section01.reverse .inner{padding:0;}
	.common-section01 + .common-section01{margin-top:80px;}
	.common-section01.sp-reverse .container{display:flex;flex-direction:column-reverse;}
	.common-section01.sp-reverse .container::after{bottom:5%;}
	.common-section01.sp-reverse .img{margin:0 auto 30px;}

	.common-section03 .inner{padding:60px 20px 80px;max-width:calc(100% - 60px);margin:-40px auto 0;}
	.common-section03 .img{position:relative;height:0;padding-bottom:380px;}
	.common-section03 .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
	.common-section03 .btn{margin-top:40px;}

	.common-section04{max-width:650px;margin:auto;padding:50px;}
	.common-section04 .img{float:none;margin:0 auto 30px;max-width:100%;}
}
@media screen and (max-width:767px){
	.common-section01 .container::after{width:85%;height:90%;}
	.common-section01 + .common-section01{margin-top:50px;}
	.common-section01 .img{padding-bottom:60%;width:110vw;margin-left:-5vw!important;max-width:110vw;}
	.common-section01 .img img{transform:scale(1.2);}

	.common-section02::before{max-width: 120%;max-height:60vw;top:-10vw;left: 50%;}
	.common-section02::after{max-width: 120%;max-height:60vw;right: 50%;}

	.common-section03 .inner{padding:40px 0 50px;max-width:100%;margin:-20px auto 0;}
	.common-section03 .common-ttl01{padding:0 20px;}
	.common-section03 .txt{text-align:left;}
	.common-section03 .img{padding-bottom:60%;width:110vw;margin-left:-5vw;max-width:110vw;}
	.common-section03 .img img{transform:scale(1.2);}
	.common-section03.animated img{transform:none;}

	.common-section04{padding:25px;}
	.common-section04 .img{gap:10px;margin-bottom:20px;}
	.common-section04 .ttl{font-size:2rem;padding-bottom:12px;margin-bottom:20px;}
	.common-section04 .attention{font-size:1.2rem;margin-top:20px;}
}

/* ----------------------------------------- */
/* list */
.common-list01{max-width:980px;margin:auto;display:flex;flex-wrap:wrap;gap:20px;}
.common-list01 > li{width:calc((100% - 20px) / 2);}
.common-list01 > li a{display:block;position:relative;opacity:1;}
.common-list01 > li .img{width:100%;height:0;padding-bottom:62.5%;position:relative;border-radius:3px;overflow:hidden;}
.common-list01 > li .img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;z-index:1;transition:.25s;}
.common-list01 > li .img::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(180deg,rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 100%);opacity:0.35;pointer-events:none;z-index:2;}
.common-list01 > li .txt{font-size:2.4rem;font-weight:600;position:absolute;bottom:0;left:0;width:100%;color:#fff;text-align:right;padding:15px 35px 15px 15px;line-height:1.5;z-index:3;text-shadow:0 0 5px rgba(0,0,0,0.5);}
.common-list01 > li .txt::after{content:"";display:block;width:8px;height:8px;background:#fff;border-radius:100%;position:absolute;top:50%;right:20px;transform:translateY(-50%);transition:.25s;}
.common-list01 > li a:hover .txt::after{background:#fff;height:4px;width:30px;right:-2px;border-radius:10px;}
.common-list01 > li a:hover .img img{transform:scale(1.05);}
.common-list01.col4{max-width:100%;gap:15px;}
.common-list01.col4 > li{width:calc((100% - 45px) / 4);}
.common-list01.col4 > li .img{border-radius:0;}
.common-list01.col4 > li .txt{font-size:2rem;}
.common-list01.col4 > li .txt::after{right:15px;}
.common-list01.col4 > li a:hover .txt::after{width:25px;}

.common-list02{max-width:980px;margin:auto;display:flex;gap:20px;flex-wrap:wrap;}
.common-list02 > li{width:calc((100% - 60px) / 4);}
.common-list02 > li a{display:block;position:relative;opacity:1;}
.common-list02 > li .img{width:100%;height:0;padding-bottom:68%;position:relative;overflow:hidden;margin-bottom:20px;background:url(/img/noimage.png) no-repeat center center;background-size:cover;}
.common-list02 > li .img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;z-index:1;transition:.25s;}
.common-list02 > li .txt{font-weight:bold;}
.common-list02 > li a:hover .img img{transform:scale(1.05);}

.common-list03{display:flex;gap:20px;flex-wrap:wrap;}
.common-list03 > li{width:calc((100% - 40px) / 3);}
.common-list03.col2 > li{width:calc((100% - 20px) / 2);}

@media screen and (max-width:1239px){
	.common-list01.col4 > li{width:calc((100% - 30px) / 3);}
}
@media screen and (max-width:999px){
	.common-list01{gap:10px;}
	.common-list01 > li{width:calc((100% - 10px) / 2);}
	.common-list01 > li .txt{font-size:2rem;}
	.common-list01.col4 > li .txt{font-size:1.6rem;}
}
@media screen and (max-width:767px){
	.common-list01{display:block;}
	.common-list01 > li{width:100%;}
	.common-list01 > li + li{margin-top:5px;}
	.common-list01 > li .img{padding-bottom:50%;}
	.common-list01 > li .img::before{opacity:0.6;background:linear-gradient(180deg,rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 100%);}
	.common-list01 > li .txt{font-size:1.8rem;padding:10px 30px 10px 10px;}
	.common-list01 > li .txt::after{right:15px;}
	.common-list01 > li a:hover .txt::after{width:20px;}
	.common-list01 > li .sp-hide{display:none;}
	.common-list01.col4{display:flex;gap:10px;}
	.common-list01.col4 > li{width:calc((100% - 10px) / 2);margin:0!important;}
	.common-list01.col4 > li .img{padding-bottom:70%;}
	.common-list01.col4 > li .txt{font-size:1.4rem;}

	.common-list02{display:block;max-width:500px;margin:auto;}
	.common-list02 > li{width:100%;}
	.common-list02 > li a{display:flex;gap:15px;}
	.common-list02 > li .img{margin:0;width:35%;padding-bottom:25%;}
	.common-list02 > li .txt{flex:1;align-self:center;font-size:1.3rem;line-height:1.5;}
	.common-list02 > li + li{border-top:1px solid #ccc;padding-top:10px;margin-top:10px;}

	.common-list03{gap:10px;}
	.common-list03.col2 > li{width:calc((100% - 10px) / 2);}
	.common-list03.sp-break > li{width:100%;text-align:center;}
}

/* ----------------------------------------- */
/* submv */
.common-submv{height:calc(100vh - 92px);min-height:500px;position:relative;}
.common-submv .ttl{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center;padding-bottom:60px;}
.common-submv .ttl span{display:inline-block;font-size:4rem;font-weight:600;letter-spacing:0.3em;writing-mode:vertical-rl;color:#fff;background:rgba(2,26,47,0.5);white-space:nowrap;line-height:1.2;padding:80px 36px;opacity:0;transform:translateY(-10%);}
.common-submv .back{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;}
.common-submv .back img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);}
.common-submv.animated .back img{opacity:1;transform:none;transition:1.2s ease;}
.common-submv.animated .ttl span{opacity:1;transform:none;transition:1s ease .2s;}

@media screen and (max-width:999px){
	.common-submv{height:calc(100dvh - 60px);}
}
@media screen and (max-width:767px){
	.common-submv.no-ttl{height:60vw!important;min-height:1px;}
	.common-submv .ttl span{font-size:3rem;padding:50px 28px;}
}

/* ----------------------------------------- */
/* lead */
.common-lead01{font-size:1.8rem;text-align:center;line-height:2.5;}
.common-lead02{font-size:1.6rem;text-align:center;}

@media screen and (max-width:767px){
	.common-lead01{font-size:1.5rem;text-align:left;}
	.common-lead02{font-size:1.4rem;text-align:left;}
}

/* ----------------------------------------- */
/* table */
.common-table01{max-width:960px;width:100%;margin:auto;}
.common-table01 tr{border-bottom:1px solid #A3A7A9;}
.common-table01 th{font-weight:normal;text-align:left;vertical-align:middle;padding:20px 30px 20px 0;width:15em;}
.common-table01 td{font-size:1.4rem;line-height:1.6;vertical-align:middle;padding:20px 0;}
.common-table01 tr:first-child th,
.common-table01 tr:first-child td{padding-top:0;}

@media screen and (max-width:767px){
.common-table01 th{width:9em;padding:15px 15px 15px 0;}	
.common-table01 td{font-size:1.3rem;padding:15px 0;}
}

/* ----------------------------------------- */
/* attention */
.common-attention > li{text-indent:-1em;padding-left:1em;font-size:1.5rem;}
.common-attention > li::before{content:"※";}
.common-attention > li + li{margin-top:10px;}

@media screen and (max-width:767px){
  .common-attention > li{font-size:1.3rem;}
}