@charset "utf-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-style:normal;font-weight: normal;font-size: 100%;vertical-align: baseline;}
body {font-family: 'Zen Kaku Gothic Antique', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', Meiryo, sans-serif;font-weight: 500;
color: #222;letter-spacing: 0;font-feature-settings: "palt" 1;font-kerning: auto;-webkit-font-smoothing: antialiased;}
ul {list-style: none;}
a:link ,a:visited {color: #000;text-decoration: none;}
img {width: 100%;vertical-align: bottom;}
*.bold ,
*.bold * {font-weight: 900}

header {
	width: 100%;height: 220vw;
	position: absolute;top: 0;left: 0;
}
header h1.logo {
	width: calc(100% - 20px);height: 27vw;margin: 10px;
	background: url(../img/logo.svg) no-repeat center / 100%;
	color: rgba(0, 0, 0, 0);
}
header nav {
	position: absolute;bottom: 0;left: 0;
	width: 100%;padding: 20px 30px 30px;box-sizing: border-box;
}
header nav.is-fixed {
	position: fixed;bottom: auto;top: 0;z-index: 100;
	padding: 20px 30px 0;animation: fluffy .6s;background-color: #182A5C;
}
@keyframes fluffy {
	0% {transform: translate3D(0,-100%,0);opacity: 0;}
	to {transform: translate3D(0,0,0);opacity: 1;}
}
header nav.is-fixed li.big {
	display: none;
}
header nav::before {
	content: "";width: 100vw;height: 28vw;
	position: absolute;top: -18vw;left: 0;
	background: url(../img/back/nav.svg) no-repeat center / cover;
}
header nav span {
	color: #fff;font-size: 1.4rem;line-height: 1;
	display: block;padding: 0 0 0 19px;
}
header nav ul li.big span span.bold {
	font-size: 1.4rem;font-weight: 900;
	padding: 3px 0 0;
}
header nav ul {
	display: flex;flex-wrap: wrap;
	position: relative;z-index: 1;
}
header nav ul li {
	width: 54%;margin: 0 0 30px;position: relative;
}
header nav ul li:nth-of-type(even) {width: 46%}
header nav ul li::before {
	content: "";width: 12px;height: 12px;
	position: absolute;left: 0;top: 50%;transform: translateY(-50%);
	background: #fff;border-radius: 50%;
}
header nav ul li::after {
	content: "";width: 3px;height: 3px;z-index: 2;
	border-top: solid 1px #182A5C;border-left: solid 1px #182A5C;
	position: absolute;left: 4px;top: 50%;
	transform: rotate(-135deg) translate3d(40%,40%,0);
}
header nav ul li.big::after {display: none}
header nav ul li.big {
	width: 100%;text-align: center;
	margin: 10px 0 0;
}
.header {display: none;}
footer {text-align: center;}
footer small {
	display: block;padding: 30px 0 5px;
	text-align: center;font-size: 1rem;
}
footer a {
	padding: 0 0 50px;color: #ddd;
}
footer a:link ,
footer a:visited {color: #ccc}

.mvback ,
.mvimg {display: none}
section#mv {
	height: calc(143vw - 80px);width: 100%;margin: 27vw 0 30px;
	background: url(../img/back/mv01.png) no-repeat center / cover;
}

section#lead {
	position: relative;
	padding: 62vw 40px 130px;
}
section#lead p {
	font-size: 1.4em;color: #fff;line-height: 2.4;text-align: center;
}
#particles-js{ 
	position:absolute;top: 0;left: 0;z-index:-1;
	width: 100%;height: 100%;
	background-color:#182A5C;
}

section.content {
	position: relative;overflow: hidden;
}
section.content span.title {
	height: 60px;position: relative;
	background: #F3F5FA;border: solid 1px #182A5C;
	display: block;margin: 0 30px;padding: 20px;
}
section.content span.title::before {
	content: "";position: absolute;top: 20px;left: 20px;
	width: 248px;height: 62px;background: url(../img/camp.svg) no-repeat center / 100%;
	animation: loop 50s -25s linear infinite;
}
section.content span.title::after {
	content: "";position: absolute;top: 20px;left: 420px;
	width: 400px;height: 62px;background: url(../img/camp.svg) no-repeat left center / 248px;
	animation: loop2 50s linear infinite;
}
section.content#camp span.title::before {
	content: "";position: absolute;top: 20px;left: 20px;
	width: 400px;height: 62px;background: url(../img/camp.svg) no-repeat left center / 248px;
}
section.content#snowy span.title::before {
	width: 781px;
	background: url(../img/snowy.svg) no-repeat center / 100%;
}
section.content#snowy span.title::after {
	left: 801px;width: 781px;
	background: url(../img/snowy.svg) no-repeat center / 100%;
}
section.content#osusume span.title::before {
	width: 660px;height: 64px;
	background: url(../img/osusume.svg) no-repeat center / 100%;
}
section.content#osusume span.title::after {
	left: 680px;width: 660px;height: 64px;
	background: url(../img/osusume.svg) no-repeat center / 100%;
}
section.content#spa span.title::before {
	width: 548px;height: 64px;
	background: url(../img/spa.svg) no-repeat center / 100%;
}
section.content#spa span.title::after {
	left: 568px;width: 548px;height: 64px;
	background: url(../img/spa.svg) no-repeat center / 100%;
}
@keyframes loop {
	0% {transform: translate3D(100%,0,0)}
	to {transform: translate3D(-120%,0,0)}
}
@keyframes loop2 {
	0% {transform: translate3D(0,0,0)}
	to {transform: translate3D(-220%,0,0)}
}
section.content .space {
	margin: 0 30px;height: 80px;
	border-left: solid 1px #182A5C;
	border-right: solid 1px #182A5C;
}

section.content span.title svg {height: 60px}
section.content h2 {
	margin: 0 30px;padding: 15px 20px;
	border-left: solid 1px #182A5C;border-right: solid 1px #182A5C;
	font-size: 2.2em;font-weight: 900;line-height: 1.6;
}
section.content#snowy h2 {
	margin: 0 30px;padding: 15px 0 15px 20px;
	border-left: solid 1px #182A5C;border-right: solid 1px #182A5C;
	font-size: 2.2em;font-weight: 900;line-height: 1.6;
}
section.content article {
	margin: 0 30px;padding: 78vw 20px 15px;position: relative;
	border-left: solid 1px #182A5C;border-right: solid 1px #182A5C;
}
section.content#osusume article {
	padding: 70vw 20px 15px;
}
section.content article .img {
	width: 100vw;height: 82vw;position: absolute;top: -14vw;left: -31px;z-index: -1;
	background: url(../img/back/camp01@2x.jpg) no-repeat top / cover;
}
section.content article .img::before {
	content: "";width: 100%;height: 62px;position: absolute;bottom: -7vw;left: 50px;
	background: url(../img/title/camp01-t.png) no-repeat left top / auto 100%;z-index: 1;
}
section.content article .img::after {
	content: "";width: 120%;height: 10vw;position: absolute;bottom: -2vw;left: -10%;
	border-bottom: solid 1px #182A5C;border-top: solid 1px #182A5C;
	background: #F3F5FA;z-index: 0;
	transform: rotate(-8.5deg);
}
section.content#osusume article .img::before ,
section.content#osusume article .img::after {display: none}
section.content article.camp02 .img {
	background: url(../img/back/camp02@2x.jpg) no-repeat top / cover;
}
section.content article.camp02 .img::before {
	bottom: -9vw;height: 79px;
	background: url(../img/title/camp02-t.png) no-repeat left / auto 100%;
}
section.content article.camp03 .img {
	background: url(../img/back/camp03@2x.jpg) no-repeat top / cover;
}
section.content article.camp03 .img::before {
	height: 70px;
	background: url(../img/title/camp03-t.png) no-repeat left / auto 100%;
}
section.content article.camp04 .img {
	background: url(../img/back/camp04@2x.jpg) no-repeat top / cover;
}
section.content article.camp04 .img::before {
	bottom: -7vw;height: 70px;
	background: url(../img/title/camp04-t.png) no-repeat left / auto 100%;
}
section.content article.snowy01 .img {
	background: url(../img/back/snowy01@2x.jpg) no-repeat top / cover;
}
section.content article.snowy01 .img::before {
	bottom: -6vw;height: 64px;
	background: url(../img/title/snowy01-t.png) no-repeat left / auto 100%;
}
section.content article.snowy02 .img {
	background: url(../img/back/snowy02@2x.jpg) no-repeat top / cover;
}
section.content article.snowy02 .img::before {
	bottom: -5vw;height: 61px;
	background: url(../img/title/snowy02-t.png) no-repeat left / auto 100%;
}
section.content article.snowy03 .img {
	background: url(../img/back/snowy03@2x.jpg) no-repeat top / cover;
}
section.content article.snowy03 .img::before {
	height: 64px;
	background: url(../img/title/snowy03-t.png) no-repeat left / auto 100%;
}
section.content article.snowy04 .img {
	background: url(../img/back/snowy04@2x.jpg) no-repeat top / cover;
}
section.content article.snowy04 .img::before {
	bottom: -5vw;height: 58px;
	background: url(../img/title/snowy04-t.png) no-repeat left / auto 100%;
}
section.content article.osusume01 .img {
	background: url(../img/back/osusume01@2x.jpg) no-repeat top / cover;
}
section.content article.osusume02 .img {
	background: url(../img/back/osusume02@2x.jpg) no-repeat top / cover;
}
section.content article.spa01 .img {
	background: url(../img/back/spa01@2x.jpg) no-repeat top / cover;
}
section.content article.spa01 .img::before {
	bottom: -5vw;height: 64px;
	background: url(../img/title/spa01-t.png) no-repeat left / auto 100%;
}
section.content article.spa02 .img {
	background: url(../img/back/spa02@2x.jpg) no-repeat top / cover;
}
section.content article.spa02 .img::before {
	bottom: -7vw;height: 67px;
	background: url(../img/title/spa02-t.png) no-repeat left / auto 100%;
}
section.content article.spa03 .img {
	background: url(../img/back/spa03@2x.jpg) no-repeat top / cover;
}
section.content article.spa03 .img::before {
	bottom: -7vw;height: 64px;
	background: url(../img/title/spa03-t.png) no-repeat left / auto 100%;
}
section.content article.spa04 .img {
	background: url(../img/back/spa04@2x.jpg?2) no-repeat top / cover;
}
section.content article.spa04 .img::before {
	bottom: -7vw;height: 68px;
	background: url(../img/title/spa04-t.png) no-repeat left / auto 100%;
}
section.content article.spa05 .img {
	background: url(../img/back/spa05@2x.jpg) no-repeat top / cover;
}
section.content article.spa05 .img::before {
	bottom: -5vw;height: 59px;
	background: url(../img/title/spa05-t.png) no-repeat left / auto 100%;
}
section.content article.spa06 .img {
	background: url(../img/back/spa06@2x.jpg?1) no-repeat top / cover;
}
section.content article.spa06 .img::before {
	bottom: -7vw;height: 55px;
	background: url(../img/title/spa06-t.png) no-repeat left / auto 100%;
}
section.content article.spa07 .img {
	background: url(../img/back/spa07@2x.jpg) no-repeat top / cover;
}
section.content article.spa07 .img::before {
	bottom: -5vw;height: 60px;
	background: url(../img/title/spa07-t.png) no-repeat left / auto 100%;
}
section.content article.spa08 .img {
	background: url(../img/back/spa08@2x.jpg) no-repeat top / cover;
}
section.content article.spa08 .img::before {
	bottom: -8vw;height: 78px;
	background: url(../img/title/spa08-t.png) no-repeat left / auto 100%;
}
section.content article span.mark {
	position: absolute;top: -12px;left: 0;display: inline-block;
	background: #EFEB59;padding: 6px 14px;
	font-size: 1.2rem;line-height: 1;
}
section.content article h3 {
	font-size: 1.8em;font-weight: 900;line-height: 1.4;
	margin: 0 0 10px;
}
section.content article p {
	font-size: 1.5em;line-height: 1.6;
}
section.content article .detail {
	border: solid 1px #182A5C;border-radius: 5px;background: #F6F6F6;
	margin: 20px 0 50px;padding: 17px 20px 75px;position: relative;
	font-size: 1.4em;
}
section.content article .detail span {
	display: block;position: relative;
	margin: 0 0 8px;padding: 0 0 0 25px;
}
section.content article .detail span:first-of-type {font-weight: 900}
section.content article .detail span::before {
	content: "";width: 18px;height: 13px;display: block;
	position: absolute;left: 0;top: .3em;
	background: url(../img/icon/camp.svg) no-repeat center / 100%;
}
section.content article .detail span:nth-of-type(2):before ,
section.content#spa article .detail span:nth-of-type(3):before {
	background: url(../img/icon/price.svg) no-repeat center / 11px 13px;
}
section.content article .detail span:nth-of-type(3):before ,
section.content#spa article .detail span:nth-of-type(2):before {
	background: url(../img/icon/time.svg) no-repeat center / 12px 12px;
}
section.content article .detail span:nth-of-type(4):before ,
section.content article .detail.mini span:nth-of-type(2):before {
	background: url(../img/icon/route.svg) no-repeat center / 16px 8px;
}
section.content article .detail.mini span:nth-of-type(1):before ,
section.content#spa article .detail span:nth-of-type(1):before {
	background: url(../img/icon/place.svg) no-repeat center / 11px 11px;
}
section.content article .detail ul.btn {
	width: calc(100% + 70px);
	display: flex;position: absolute;bottom: 20px;left: 20px;
}
section.content article .detail ul.btn li a {
	display: block;background: #182A5C;border-radius: 5px;
	min-width: 82px;height: 50px;position: relative;
}
section.content article .detail ul.btn li:first-of-type {
	margin: 0 7px 0 0;
}
section.content article .detail ul.btn li:nth-of-type(2) {width: calc(100% + 70px)}
section.content article .detail ul.btn li:nth-of-type(2) a {
	width: 100%;border-radius: 5px 0 0 5px;
}
section.content article .detail ul.btn li:nth-of-type(1) a::before {
	content: "";width: 19px;height: 19px;position: absolute;top: 9px;left: 31px;
	background: url(../img/map.svg) no-repeat center / 100%;
}
section.content article .detail ul.btn li:nth-of-type(1) a::after {
	content: "Google Map";width: 82px;
	position: absolute;top: 27px;left: 0;
	color: #fff;font-size: 1rem;text-align: center;
}
section.content article .detail ul.btn li:nth-of-type(2) a::before {
	content: "";width: 5px;height: 5px;position: absolute;top: 44%;right: 50px;transform: translateY(-50%);
	border-top: solid 2px #fff;border-left: solid 2px #fff;
	transform: rotate(135deg);
}
section.content article .detail ul.btn li:nth-of-type(2) a::after {
	content: "詳細";position: absolute;top: 50%;right: 60px;display: block;transform: translateY(-50%);
	color: #fff;font-size: 1rem;text-align: center;line-height: 1;
}
section.content article .detail ul.btn li span {
	font-size: 1.4rem;line-height: 1;color: #fff;font-weight: 500;
	height: 50px;box-sizing: border-box;padding-top: calc((50px - 1.4rem) / 2);
	padding-left: 1em;
}
section.content article .detail ul.btn li.sec span {
	padding-top: calc((50px - 2.6rem) / 2);
}
section.content article .detail ul.btn li span::before {display: none}

section.gears {
	margin: 0 30px;padding: 30px 0;
	border-left: solid 1px #182A5C;
	border-right: solid 1px #182A5C;
}
section.gears h2 {
	color: rgba(0, 0, 0, 0);background: #F3F5FA;
	height: 12.5vw;margin: 0 0 60px;position: relative;
	border-top: solid 1px #182A5C;border-bottom: solid 1px #182A5C;
}
section.gears h2::before {
	content: '';width: 100vw;height: 21vw;
	position: absolute;top: -4vw;left: -31px;
	background: url(../img/gears.svg) no-repeat center / 100%;
}
section.gears h2::after {
	content: '';width: 179px;height: 36px;
	position: absolute;bottom: -58px;left: 50%;transform: translateX(-50%);
	background: url(../img/back/mustgears.png) no-repeat center / 100%;
}
section.gears .recommend {
	padding: 60vw 20px 50px;
	position: relative;
}
section.gears .recommend::before {
	content: "";width:46vw;height: 57vw;position: absolute;
	top: 0;left: 20px;
	background: url(../img/back/recommend.png) no-repeat center / 100%;
}
section.gears .recommend p {
	font-size: 1.4em;line-height: 1.6;
}
section.gears ol {
	padding: 0 0 20px;list-style: none;
}
section.gears ol li {
	position: relative;padding: 0 20px 90px;
}
section.gears ol li::before {
	content: "";width: 23px;height: 23px;
	position: absolute;top: 0;left: -30px;z-index: 10;
	background: url(../img/icon/rank01.svg) no-repeat center / 100%;
}
section.gears ol li:nth-of-type(2):before {
	background: url(../img/icon/rank02.svg) no-repeat center / 100%;
}
section.gears ol li:nth-of-type(3):before {
	background: url(../img/icon/rank03.svg) no-repeat center / 100%;
}
section.gears ol li:nth-of-type(4):before {
	background: url(../img/icon/rank04.svg) no-repeat center / 100%;
}
section.gears ol li:nth-of-type(5):before {
	background: url(../img/icon/rank05.svg) no-repeat center / 100%;
}
section.gears ol li:nth-of-type(6):before {
	background: url(../img/icon/rank06.svg) no-repeat center / 100%;
}
section.gears ol li::after {
	content: "";width: 1px;height: 50px;transform: translateX(-50%);
	position: absolute;bottom: 20px;left: 50%;z-index: 10;
	background: #d9d9d9;
}
section.gears ol li:last-child:after {display: none}
section.gears .head {
	display: flex;flex-wrap: wrap;
	position: relative;margin: 0 0 14px;
}
section.gears .head .img {
	width: 117px;height: 117px;position: relative;left: -50px;margin: 0 -50px 0 0;
	background: url(../img/back/gears01.png) no-repeat center / 100%;
}
section.gears ol li:nth-of-type(2) .head .img {
	background: url(../img/back/gears02.png) no-repeat center / 100%;
}
section.gears ol li:nth-of-type(3) .head .img {
	background: url(../img/back/gears03.png) no-repeat center / 100%;
}
section.gears ol li:nth-of-type(4) .head .img {
	background: url(../img/back/gears04.png) no-repeat center / 100%;
}
section.gears ol li:nth-of-type(5) .head .img {
	background: url(../img/back/gears05.png) no-repeat center / 100%;
}
section.gears ol li:nth-of-type(6) .head .img {
	background: url(../img/back/gears06.png) no-repeat center / 100%;
}
section.gears .head .img::before {
	content: '';width: 90px;height: 90px;position: absolute;top: -15px;left: 39px;
	background: url(../img/back/gears01-t.png) no-repeat center / 100%;
}
section.gears li:nth-of-type(2) .head .img:before {
	width: 62px;height: 85px;top: -13px;left: 66px;
	background: url(../img/back/gears02-t.png) no-repeat center / 100%;
}
section.gears li:nth-of-type(3) .head .img:before {
	width: 102px;height: 71px;top: -13px;left: 25px;
	background: url(../img/back/gears03-t.png) no-repeat center / 100%;
}
section.gears li:nth-of-type(4) .head .img:before {
	width: 81px;height: 72px;top: -13px;left: 48px;
	background: url(../img/back/gears04-t.png) no-repeat center / 100%;
}
section.gears li:nth-of-type(5) .head .img:before {
	width: 83px;height: 81px;top: -12px;left: 46px;
	background: url(../img/back/gears05-t.png) no-repeat center / 100%;
}
section.gears li:nth-of-type(6) .head .img:before {
	width: 82px;height: 86px;top: -17px;left: 52px;
	background: url(../img/back/gears06-t.png) no-repeat center / 100%;
}
section.gears .head .text {
	width: calc(100% - 90px);margin: 0 0 0 23px;
}
section.gears .head .text h3 {
	font-size: 1.8em;line-height: 1.4;
	margin: 24px 0 10px;
}
section.gears .head .text p {
	font-size: 1.2em;line-height: 1.2;color: #8c8c8c;
}
section.gears ol li p.lead {
	font-size: 1.5em;line-height: 1.6;
}

section#campaign {
	padding: 0 30px;
}
section#campaign img {
	width: 100vw;margin: 0 -30px;
}
section#campaign h2 {
	background: #111;padding: 10px 0;margin: 50px 0 25px;
	color: #fff;font-size: 1.8em;line-height: 1;text-align: center;
}
section#campaign h3 {
	padding: 0 0 0 20px;margin: 30px 0 25px;position: relative;
	font-size: 1.8em;line-height: 1;
}
section#campaign h3::before {
	content: "";width: 5px;height: 100%;
	position: absolute;top: 0;left: 0;
	border-radius: 1px;background: #111;
}
section#campaign figure {margin: 0 20px}
section#campaign figure img {
	width: 100%;margin: 0;
}
section#campaign ol {
	list-style: none;font-size: 1.5em;
}
section#campaign ol li {
	padding: 0 0 0 1.3em;position: relative;margin: 0 0 20px;
}
section#campaign ol li::before {
	content: "①";position: absolute;top: 0;left: 0;
}
section#campaign ol li:nth-of-type(2):before {content: "②"}
section#campaign ol li:nth-of-type(3):before {content: "③"}
section#campaign p {
	font-size: 1.5em;line-height: 1.6;
	margin: 0 0 20px;
}
section#campaign p.caution {
	font-size: 1.4em;line-height: 1.4;
}
section#campaign a {
	color: #2B97C5;text-decoration: underline;
}
section#campaign .detail {
	background: #E2F0F6;
	padding: 20px;margin: 0 0 20px;
}
section#campaign .detail span.tt {
	font-size: 1.5em;
	margin: 0 0 15px;display: block;
}
section#campaign .detail p {
	padding: 0 0 0 11px;margin: 0 0 30px;position: relative;
}
section#campaign .detail p:last-of-type {margin: 0}
section#campaign .detail p::before {
	content: "";width: 2px;height: 100%;
	background: #111;position: absolute;top: 0;left: 0;
}


@media all and (max-width:769px) {/* スマホ */
	html {font-size: calc(62.5% + 4 * (100vw - 390px) / 150);}
}

@media all and (min-width:770px) and (max-width:979px) {/* タブレット */
}

@media all and (min-width:980px) {/* PC */
	html {font-size: 62.5%;}
	.wrap {width: 100%;margin: 0 auto;position: relative;}
	main {
		width: 390px;
		margin-left: calc((100% - 390px) / 10 * 6);
		margin-right: calc((100% - 390px) / 10 * 4);
		position: relative;
		box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
	}
	main::before {
		content: "";width: 100%;height: 100%;background: #fff;
		position: absolute;z-index: -1;
	}
	.mvimg {
		display: block;pointer-events: none;
		width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1001;
		box-sizing: border-box;border: 10px solid #EAE85F;
	}
	.mvimg a.banner01 {
		width: 150px;height: 150px;position: absolute;pointer-events: all;
		left: calc(((100% - 390px) / 10 * 6) - 125px);bottom: 80px;
	}
	.mvimg a.banner01::after {
		content: "";width: 150px;height: 150px;position: absolute;top: -5px;left: 0;
		background: url(../img/banner241213pc@2x.png) no-repeat center / 100%;
	}
	.mvimg a.banner01::before {
		content: "";width: 150px;height: 150px;position: absolute;left: 0;top: 0;
		background: url(../img/banner.svg) no-repeat center / 100%;
		animation: spin 3s linear infinite;
	}
	.mvimg a.banner01:hover::before {
		animation-play-state: paused
	}
	@keyframes spin {
		0% {transform: rotate(0)}
		to {transform: rotate(45deg)}
	}
	.mvback {
		display: block;
		width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: -1;
		background: url(../img/back.jpg) no-repeat center / cover;
	}
	.mvback .img {
		width: calc((100% - 390px) / 10 * 6);height: 100%;
		position: absolute;left: 0;
		overflow: hidden;
	}
	.mvback .img::before {
		content: "";width: 100%;height: 102px;position: absolute;
		top: calc(50% - 225px);left: 0;transform: translateY(-50%);
		background: url(../img/logo.svg) no-repeat center / 370px auto;
	}
	.mvback .mv01 {
		width: 529px;height: 480px;display: block;
		position: absolute;top: calc(50% + 50px);left: 50%;transform: translate3d(-50%,-50%,0);
		mix-blend-mode: multiply;
	}

	header {
		width: 390px;height: 1070px;z-index: 11;
		position: absolute;top: 0;left: calc((100% - 390px) / 10 * 6);
	}
	header h1.logo {
		width: 370px;height: 105px;margin: 90px 0 0 10px;
		background: url(../img/logo.svg) no-repeat center / 100%;
		color: rgba(0, 0, 0, 0);
	}
	header nav {
		position: absolute;bottom: 0;left: 0;
		width: 390px;padding: 20px 30px 30px;box-sizing: border-box;
	}
	header nav.is-fixed {
		position: absolute;bottom: auto;top: -5px;z-index: 100;
		padding: 20px 30px 0;animation: fluffy .6s;
	}
	header nav.is-fixed li.big {
		display: none;
	}
	header nav::before {
		content: "";width: 100%;height: 100px;
		position: absolute;top: -80px;left: 0;z-index: 10;
		background: url(../img/back/nav.svg) no-repeat center / 100%;
	}
	header nav span {
		color: #fff;font-size: 1.4rem;line-height: 1;
		display: block;padding: 0 0 0 19px;
	}
	header nav ul li.big span span.bold {
		font-size: 1.4rem;font-weight: 900;
		padding: 3px 0 0;
	}
	header nav ul {
		display: flex;flex-wrap: wrap;
		position: relative;z-index: 1;
	}
	header nav ul li {
		width: 46%;margin: 0 0 30px;position: relative;
	}
	header nav ul li:nth-of-type(even) {width: 54%}
	header nav ul li::before {
		content: "";width: 12px;height: 12px;
		position: absolute;left: 0;top: 8px;
		background: #fff;border-radius: 50%;
	}
	header nav ul li::after {
		content: "";width: 3px;height: 3px;z-index: 2;
		border-top: solid 1px #182A5C;border-left: solid 1px #182A5C;
		position: absolute;left: 4px;top: 5px;
		transform: rotate(-135deg);
	}
	header nav ul li a span {transition: opacity .3s;}
	header nav ul li a:hover span {opacity: .8}
	header nav ul li.big::after {display: none}
	header nav ul li.big {
		width: 100%;text-align: center;
		margin: 10px 0 0;
	}
	header nav ul li.big span {
		background: #fff;border-radius: 5px;
		padding: 16px 0;transition: opacity .3s;
		font-size: 1.2rem;color: #182A5C;
	}
	header nav ul li.big a:hover span {opacity: .8}
	.header {
		display: block;position: fixed;top: 50%;left: calc((100% - 390px) / 10 * 6 + 390px);
		z-index: 1002;transform: translateY(-50%);
		width: 266px;
	}
	.header ul {
		width: 300px;margin: 0 auto;
		border-top: solid 1px #182A5C;
	}
	.header ul li {
		border-bottom: solid 1px #182A5C;
	}
	.header ul li a {
		display: block;padding: 25px 0 24px 36px;position: relative;
	}
	.header ul li a::before {
		content: "";width: 12px;height: 12px;position: absolute;top: 50%;left: 12px;
		transform: translateY(-50%) rotate(180deg);
		background: url(../img/icon/arrow.svg) no-repeat center / 100%;
	}
	.header ul li a::after {
		content: "";width: 67px;height: 63px;opacity: 0;transition: opacity .3s;
		position: absolute;top: 50%;right: -40px;transform: translateY(-50%);
		background: url(../img/icon/snowman.svg) no-repeat center / 100%;
	}
	.header ul li a:hover:after ,
	.header ul li.current a:after {opacity: 1}
	.header ul li span {
		display: block;
		line-height: 1;
	}
	.header ul li span.menu {
		font-size: 1.2rem;
	}
	.header ul li span.menu span {
		font-size: 1.6rem;margin: 5px 0 0;
	}
	footer small {padding: 50px 0 5px}
	footer a {padding: 0 0 50px;}
	footer a:link ,
	footer a:visited {color: #cabd99}
	section#mv {
		height: 660px;width: 100%;margin: 80px 0 0;
		margin-bottom: 0;padding: 1px 0 0;
		background: url(../img/back/mv01.png) no-repeat bottom / 621px auto;
	}
	
	section#lead {margin: 30px 0 0;padding: 285px 40px 130px;}
	
	section.content .space {
		margin: 0 30px;height: 80px;
		border-left: solid 1px #182A5C;
		border-right: solid 1px #182A5C;
	}
	section.content#snowy h2 {
		margin: 0 30px;padding: 15px 0 15px 20px;
		border-left: solid 1px #182A5C;border-right: solid 1px #182A5C;
		font-size: 2.2em;font-weight: 900;line-height: 1.6;
	}
	section.content article {padding: 362px 20px 15px}
	section.content#osusume article {
		padding: 342px 20px 15px;
	}
	section.content article .img {
		width: 390px;height: 322px;position: absolute;top: 0;left: -31px;z-index: -1;
	}
	section.content article .img::before {
		content: "";width: 390px;height: 62px;position: absolute;bottom: -33px;left: 50px;
		background: url(../img/title/camp01-t.png) no-repeat left top / auto 100%;
	}
	section.content article .img::after {
		content: "";width: 120%;height: 40px;position: absolute;bottom: -10px;left: -10%;
		border-bottom: solid 1px #182A5C;border-top: solid 1px #182A5C;
		background: #F3F5FA;z-index: 0;
		transform: rotate(-8.5deg);
	}
	section.content article.camp02 .img::before {bottom: -37px}
	section.content article.camp04 .img::before {bottom: -29px}
	section.content article.snowy01 .img::before {bottom: -26px}
	section.content article.snowy02 .img::before {bottom: -23px}
	section.content article.snowy04 .img::before {bottom: -23px}
	section.content article.spa01 .img::before {bottom: -23px}
	section.content article.spa02 .img::before {bottom: -30px}
	section.content article.spa03 .img::before {bottom: -30px}
	section.content article.spa04 .img::before {bottom: -27px}
	section.content article.spa05 .img::before {bottom: -23px}
	section.content article.spa06 .img::before {bottom: -30px}
	section.content article.spa07 .img::before {bottom: -23px}
	section.content article.spa08 .img::before {bottom: -35px}
	section.content#osusume article .img::before ,
	section.content#osusume article .img::after {display: none}
	section.content article.camp02 .img {
		background: url(../img/back/camp02@2x.jpg) no-repeat top / cover;
	}
	section.content article span.mark {top: 42px;left: 0}
	section.content article .detail ul.btn li a {
		transition: opacity .3s;
	}
	section.content article .detail ul.btn li a:hover {opacity: .9}
	
	section.gears h2 {height: 53px}
	section.gears h2::before {
		width: 390px;height: 84px;
		top: -15px;left: -31px;
	}
	section.gears h2::after {
		content: '';width: 179px;height: 36px;
		position: absolute;bottom: -58px;left: 50%;transform: translateX(-50%);
		background: url(../img/back/mustgears.png) no-repeat center / 100%;
	}
	section.gears .recommend {
		padding: 229px 20px 50px;
		position: relative;
	}
	section.gears .recommend::before {
		content: "";width: 179px;height: 220px;position: absolute;
		top: 0;left: 20px;
		background: url(../img/back/recommend.png) no-repeat center / 100%;
	}
	
	section#campaign {padding: 0 30px 30px}
	section#campaign img {width: 390px;margin: 0 -30px}
	section#campaign a:hover {transition: color .3s;}
	section#campaign a:hover {color: #182A5C}







}