@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500&display=swap");
/* ------------------------------
    reset
------------------------------ */
html {
	font-size: 62.5%;
}

*, *::before, *::after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

body {
	min-width: 1366px;
	background: url(../img/bg_dot.png) repeat center top;
}
@media screen and (max-width: 767px) {
	body {
		min-width: inherit;
		background-size: 1.2vw auto;
	}
}
body.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

body, h1, h2, h3, h4, h5, h6, p, address, figure,
div, ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1.4rem;
	line-height: 1.5;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-family: "Shippori Mincho", serif;
	text-align: left;
	color: #5b6c7b;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	word-break: break-word;
}

iframe {
	padding: 0;
	border: 0;
	outline: 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

figure {
	line-height: 1;
}

img {
	max-width: 100%;
	height: auto;
}

picture {
	display: block;
	line-height: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

input,
textarea {
	-webkit-appearance: none;
	border: none;
	border-radius: 0;
}

input:focus {
	outline: 0;
}

@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		display: inline-block;
		pointer-events: none;
	}

	a,
a * {
		outline: 1px solid transparent;
	}
}
/* ------------------------------
    common
------------------------------ */
.preload * {
	-webkit-transition: none !important;
	transition: none !important;
}

.wrap {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
	.wrap {
		width: 84vw;
	}
}
@media screen and (max-width: 767px) {
	.pc {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.sp {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.hover {
		-webkit-transition: opacity 0.3s ease-out;
		transition: opacity 0.3s ease-out;
	}
	.hover:hover {
		opacity: 0.7;
	}
}
.secTtl .en {
	-webkit-transform: translateX(-192px);
	        transform: translateX(-192px);
}
.secTtl .jn {
	font-size: 4.4rem;
	font-weight: 500;
	letter-spacing: -0.012em;
}
@media screen and (max-width: 767px) {
	.secTtl .en {
		-webkit-transform: translateX(-8vw);
		        transform: translateX(-8vw);
		height: 2.9333333333vw;
		width: auto;
	}
	.secTtl .en picture, .secTtl .en img {
		max-width: inherit;
		height: 100%;
		width: auto;
	}
	.secTtl .jn {
		font-size: 5.8666666667vw;
		line-height: 1.2045454545;
		margin-top: 2vw;
	}
}

.secTxt {
	font-size: 1.6rem;
	line-height: 2;
	margin-top: 20px;
}
@media screen and (max-width: 767px) {
	.secTxt {
		font-size: 3.4666666667vw;
		line-height: 1.5769230769;
		margin-top: 8.4933333333vw;
	}
}

/*anime*/
@-webkit-keyframes mv-opacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes mv-opacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes mv-img {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}
@keyframes mv-img {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}
@-webkit-keyframes mv-fadein {
	0% {
		opacity: 0;
		-webkit-transform: translate(-10px, 10px);
		        transform: translate(-10px, 10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
}
@keyframes mv-fadein {
	0% {
		opacity: 0;
		-webkit-transform: translate(-10px, 10px);
		        transform: translate(-10px, 10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
}
@-webkit-keyframes mv-ill {
	0% {
		opacity: 0;
		-webkit-transform: translate(-20px, 20px);
		        transform: translate(-20px, 20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
}
@keyframes mv-ill {
	0% {
		opacity: 0;
		-webkit-transform: translate(-20px, 20px);
		        transform: translate(-20px, 20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}
}
@-webkit-keyframes mv-txt {
	0% {
		opacity: 0;
		-webkit-transform: rotate(3deg) skewX(5deg) translate(-40%, 10px);
		        transform: rotate(3deg) skewX(5deg) translate(-40%, 10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: rotate(0) skewX(0) translate(-50%, 0);
		        transform: rotate(0) skewX(0) translate(-50%, 0);
	}
}
@keyframes mv-txt {
	0% {
		opacity: 0;
		-webkit-transform: rotate(3deg) skewX(5deg) translate(-40%, 10px);
		        transform: rotate(3deg) skewX(5deg) translate(-40%, 10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: rotate(0) skewX(0) translate(-50%, 0);
		        transform: rotate(0) skewX(0) translate(-50%, 0);
	}
}
@-webkit-keyframes arrowmove {
	0% {
		top: 1301px;
	}
	50% {
		top: 1311px;
	}
	100% {
		top: 1301px;
	}
}
@keyframes arrowmove {
	0% {
		top: 1301px;
	}
	50% {
		top: 1311px;
	}
	100% {
		top: 1301px;
	}
}
@-webkit-keyframes arrowmove_sp {
	0% {
		top: 149.2vw;
	}
	50% {
		top: 151.8666666667vw;
	}
	100% {
		top: 149.2vw;
	}
}
@keyframes arrowmove_sp {
	0% {
		top: 149.2vw;
	}
	50% {
		top: 151.8666666667vw;
	}
	100% {
		top: 149.2vw;
	}
}
@-webkit-keyframes rotation {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes rotation {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@-webkit-keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg);
	}
	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg);
	}
	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg);
	}
	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg);
	}
	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-9deg);
		transform: translateX(-6px) rotateY(-9deg);
	}
	18.5% {
		-webkit-transform: translateX(5px) rotateY(7deg);
		transform: translateX(5px) rotateY(7deg);
	}
	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-5deg);
		transform: translateX(-3px) rotateY(-5deg);
	}
	43.5% {
		-webkit-transform: translateX(2px) rotateY(3deg);
		transform: translateX(2px) rotateY(3deg);
	}
	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@-webkit-keyframes shakeX {
	from, to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}
@keyframes shakeX {
	from, to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}
@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 10deg);
		transform: rotate3d(0, 0, 1, 10deg);
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 3deg);
		transform: rotate3d(0, 0, 1, 3deg);
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -3deg);
		transform: rotate3d(0, 0, 1, -3deg);
	}
	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}
@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 10deg);
		transform: rotate3d(0, 0, 1, 10deg);
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 3deg);
		transform: rotate3d(0, 0, 1, 3deg);
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -3deg);
		transform: rotate3d(0, 0, 1, -3deg);
	}
	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}
/* ------------------------------
    header
------------------------------ */
.header {
	height: 62px;
	background: #fff;
	position: relative;
	z-index: 3;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 767px) {
	.header {
		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
		        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
	}
}
@media screen and (max-width: 767px) {
	.header {
		position: absolute;
		top: 0;
		width: 100%;
		left: 0;
		height: 30px;
	}
}
.header .wrap {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.header .logo {
	width: 170px;
}
@media screen and (max-width: 767px) {
	.header .logo {
		width: 85px;
	}
}

/* ------------------------------
    mainCnt
------------------------------ */
.mainCnt {
	position: relative;
	z-index: 2;
	overflow-x: hidden;
}

/* ------------------------------
    mv
------------------------------ */
.mv {
	position: relative;
	overflow: hidden;
	width: 1366px;
	height: 1902px;
	margin: 0 auto;
}
.mv > * {
	opacity: 0;
}
.mv .img {
	position: absolute;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	.mv .img {
		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
		        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
	}
}
@media screen and (max-width: 767px) {
	.mv .img {
		border-radius: 4px;
	}
}
.mv .img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}
.mv .img1 {
	top: 119px;
	right: 107px;
	width: 310px;
	height: 500px;
}
.mv .img2 {
	top: 78px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 616px;
	height: 1000px;
}
.mv .img3 {
	top: 659px;
	right: 0px;
	width: 340px;
	height: 580px;
}
.mv .img4 {
	top: 1202px;
	right: 170px;
	width: 304px;
	height: 488px;
}
.mv .img5 {
	top: 1158px;
	left: 38px;
	width: 430px;
	height: 700px;
}
.mv .img6 {
	top: -38px;
	left: 70px;
	width: 265px;
	height: 420px;
}
.mv .img7 {
	top: 418px;
	left: 0;
	width: 430px;
	height: 700px;
}
.mv .ttl {
	position: absolute;
	top: 156px;
	left: 50%;
	width: 249px;
	height: 638px;
	-webkit-transform: rotate(3deg) skewX(15deg) translate(-20px, 20px);
	        transform: rotate(3deg) skewX(15deg) translate(-20px, 20px);
}
.mv .en {
	position: absolute;
	top: 503px;
	left: 333px;
	-webkit-transform: translate(-10px, 10px);
	        transform: translate(-10px, 10px);
}
.mv .ill {
	position: absolute;
	-webkit-transform: translate(-20px, 20px);
	        transform: translate(-20px, 20px);
}
.mv .ill1 {
	top: 1109px;
	left: 442px;
	width: 113px;
	height: 130px;
}
.mv .ill2 {
	bottom: 0;
	right: 451px;
	width: 149px;
	height: 472px;
}
.mv .lead {
	position: absolute;
	top: 1239px;
	left: 50%;
	width: 193px;
	height: 357px;
	-webkit-transform: rotate(3deg) skewX(15deg) translate(-20px, 20px);
	        transform: rotate(3deg) skewX(15deg) translate(-20px, 20px);
}
.mv .scroll {
	position: absolute;
	top: 1301px;
	right: -20px;
	line-height: 1;
	font-size: 2.4rem;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	-webkit-animation: arrowmove 1s ease-in-out infinite;
	        animation: arrowmove 1s ease-in-out infinite;
	-webkit-transition: opacity ease-out 0s;
	transition: opacity ease-out 0s;
}
.mv .scroll.is-animeOn {
	opacity: 1;
}
.mv .scroll a {
	padding-right: 38px;
}
.mv .scroll a::after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 0;
	background: url(../img/arw_mv.svg) no-repeat center center/contain;
	width: 30px;
	height: 18px;
}
@media screen and (min-width: 768px) {
	.mv.is-load .img1 {
		-webkit-animation: mv-opacity 1.4s ease-out forwards;
		        animation: mv-opacity 1.4s ease-out forwards;
		-webkit-animation-delay: 0.3s;
		        animation-delay: 0.3s;
	}
	.mv.is-load .img1 img {
		-webkit-animation: mv-img 1.4s ease-out forwards;
		        animation: mv-img 1.4s ease-out forwards;
		-webkit-animation-delay: 0.3s;
		        animation-delay: 0.3s;
	}
	.mv.is-load .img2 {
		-webkit-animation: mv-opacity 1.4s ease-out forwards;
		        animation: mv-opacity 1.4s ease-out forwards;
		-webkit-animation-delay: 0s;
		        animation-delay: 0s;
	}
	.mv.is-load .img2 img {
		-webkit-animation: mv-img 1.4s ease-out forwards;
		        animation: mv-img 1.4s ease-out forwards;
		-webkit-animation-delay: 0s;
		        animation-delay: 0s;
	}
	.mv.is-load .img3 {
		-webkit-animation: mv-opacity 1.4s ease-out forwards;
		        animation: mv-opacity 1.4s ease-out forwards;
		-webkit-animation-delay: 0.9s;
		        animation-delay: 0.9s;
	}
	.mv.is-load .img3 img {
		-webkit-animation: mv-img 1.4s ease-out forwards;
		        animation: mv-img 1.4s ease-out forwards;
		-webkit-animation-delay: 0.9s;
		        animation-delay: 0.9s;
	}
	.mv.is-load .img6 {
		-webkit-animation: mv-opacity 1.4s ease-out forwards;
		        animation: mv-opacity 1.4s ease-out forwards;
		-webkit-animation-delay: 1.2s;
		        animation-delay: 1.2s;
	}
	.mv.is-load .img6 img {
		-webkit-animation: mv-img 1.4s ease-out forwards;
		        animation: mv-img 1.4s ease-out forwards;
		-webkit-animation-delay: 1.2s;
		        animation-delay: 1.2s;
	}
	.mv.is-load .img7 {
		-webkit-animation: mv-opacity 1.4s ease-out forwards;
		        animation: mv-opacity 1.4s ease-out forwards;
		-webkit-animation-delay: 1.5s;
		        animation-delay: 1.5s;
	}
	.mv.is-load .img7 img {
		-webkit-animation: mv-img 1.4s ease-out forwards;
		        animation: mv-img 1.4s ease-out forwards;
		-webkit-animation-delay: 1.5s;
		        animation-delay: 1.5s;
	}
	.mv.is-load .img4.is-animeOn {
		-webkit-animation: mv-opacity 1.4s ease-out forwards;
		        animation: mv-opacity 1.4s ease-out forwards;
	}
	.mv.is-load .img4.is-animeOn img {
		-webkit-animation: mv-img 1.4s ease-out forwards;
		        animation: mv-img 1.4s ease-out forwards;
	}
	.mv.is-load .img5.is-animeOn {
		-webkit-animation: mv-opacity 1.4s ease-out forwards;
		        animation: mv-opacity 1.4s ease-out forwards;
	}
	.mv.is-load .img5.is-animeOn img {
		-webkit-animation: mv-img 1.4s ease-out forwards;
		        animation: mv-img 1.4s ease-out forwards;
	}
	.mv.is-load .ill.is-animeOn {
		-webkit-animation: mv-ill 1.4s ease-out forwards;
		        animation: mv-ill 1.4s ease-out forwards;
		-webkit-animation-delay: 0.5s;
		        animation-delay: 0.5s;
	}
	.mv.is-load .en {
		-webkit-animation: mv-fadein 1.4s ease-out forwards;
		        animation: mv-fadein 1.4s ease-out forwards;
		-webkit-animation-delay: 2s;
		        animation-delay: 2s;
	}
	.mv.is-load .ttl {
		-webkit-animation: mv-txt 1.4s ease-out forwards;
		        animation: mv-txt 1.4s ease-out forwards;
		-webkit-animation-delay: 1.5s;
		        animation-delay: 1.5s;
	}
	.mv.is-load .lead.is-animeOn {
		-webkit-animation: mv-txt 1.4s ease-out forwards;
		        animation: mv-txt 1.4s ease-out forwards;
		-webkit-animation-delay: 0s;
		        animation-delay: 0s;
	}
}
@media screen and (max-width: 767px) {
	.mv {
		width: 100%;
		height: 393.3333333333vw;
	}
	.mv .img1 {
		top: 74vw;
		right: -5.3333333333vw;
		width: 41.2vw;
		height: 66.6666666667vw;
	}
	.mv .img2 {
		top: 19.4666666667vw;
		width: 81.0666666667vw;
		height: 133.3333333333vw;
	}
	.mv .img3 {
		top: 260.9333333333vw;
		right: auto;
		left: -5.3333333333vw;
		width: 47.7333333333vw;
		height: 77.3333333333vw;
	}
	.mv .img4 {
		top: auto;
		bottom: 0;
		right: auto;
		left: 13.0666666667vw;
		width: 40.2666666667vw;
		height: 65.3333333333vw;
	}
	.mv .img5 {
		top: 287.0666666667vw;
		left: auto;
		right: -5.3333333333vw;
		width: 57.6vw;
		height: 93.3333333333vw;
		z-index: 1;
	}
	.mv .img6 {
		top: 194.6666666667vw;
		left: 22.6666666667vw;
		width: 34.5333333333vw;
		height: 56vw;
		z-index: 1;
	}
	.mv .img7 {
		top: 146.6666666667vw;
		left: -2.6666666667vw;
		width: 54.6666666667vw;
		height: 93.3333333333vw;
	}
	.mv .ttl {
		top: 29.3333333333vw;
		width: 33.3333333333vw;
		height: 85.3333333333vw;
	}
	.mv .en {
		top: 74.6666666667vw;
		left: 3.0666666667vw;
		width: 23.2vw;
		height: 18.2666666667vw;
	}
	.mv .ill1 {
		top: 157.3333333333vw;
		left: 58vw;
		width: 15.4666666667vw;
		height: 18.2666666667vw;
	}
	.mv .ill2 {
		bottom: 92vw;
		right: -4vw;
		width: 20vw;
		height: 63.4666666667vw;
		z-index: 1;
	}
	.mv .lead {
		bottom: 130.9333333333vw;
		top: auto;
		left: 74vw;
		-webkit-transform: none;
		        transform: none;
		width: 10.8vw;
		height: 90vw;
	}
	.mv .scroll {
		top: 149.2vw;
		right: -2.6666666667vw;
		font-size: 3.2vw;
		-webkit-animation: arrowmove_sp 1s ease-in-out infinite;
		        animation: arrowmove_sp 1s ease-in-out infinite;
	}
	.mv .scroll a {
		padding-right: 4vw;
	}
	.mv .scroll a::after {
		width: 3.4666666667vw;
		height: 4vw;
		margin-top: 0.25vw;
	}
	.mv.is-load .img1 {
		-webkit-animation: mv-opacity 1.4s ease-out forwards;
		        animation: mv-opacity 1.4s ease-out forwards;
		-webkit-animation-delay: 0.3s;
		        animation-delay: 0.3s;
	}
	.mv.is-load .img1 img {
		-webkit-animation: mv-img 1.4s ease-out forwards;
		        animation: mv-img 1.4s ease-out forwards;
		-webkit-animation-delay: 0.3s;
		        animation-delay: 0.3s;
	}
	.mv.is-load .img2 {
		-webkit-animation: mv-opacity 1.4s ease-out forwards;
		        animation: mv-opacity 1.4s ease-out forwards;
		-webkit-animation-delay: 0s;
		        animation-delay: 0s;
	}
	.mv.is-load .img2 img {
		-webkit-animation: mv-img 1.4s ease-out forwards;
		        animation: mv-img 1.4s ease-out forwards;
		-webkit-animation-delay: 0s;
		        animation-delay: 0s;
	}
	.mv.is-load .img3.is-animeOn, .mv.is-load .img4.is-animeOn, .mv.is-load .img5.is-animeOn, .mv.is-load .img6.is-animeOn, .mv.is-load .img7.is-animeOn {
		-webkit-animation: mv-opacity 1.4s ease-out forwards;
		        animation: mv-opacity 1.4s ease-out forwards;
	}
	.mv.is-load .img3.is-animeOn img, .mv.is-load .img4.is-animeOn img, .mv.is-load .img5.is-animeOn img, .mv.is-load .img6.is-animeOn img, .mv.is-load .img7.is-animeOn img {
		-webkit-animation: mv-img 1.4s ease-out forwards;
		        animation: mv-img 1.4s ease-out forwards;
	}
	.mv.is-load .ill.is-animeOn {
		-webkit-animation: mv-ill 1.4s ease-out forwards;
		        animation: mv-ill 1.4s ease-out forwards;
		-webkit-animation-delay: 0.5s;
		        animation-delay: 0.5s;
	}
	.mv.is-load .en {
		-webkit-animation: mv-fadein 1.4s ease-out forwards;
		        animation: mv-fadein 1.4s ease-out forwards;
		-webkit-animation-delay: 1.2s;
		        animation-delay: 1.2s;
	}
	.mv.is-load .ttl {
		-webkit-animation: mv-txt 1.4s ease-out forwards;
		        animation: mv-txt 1.4s ease-out forwards;
		-webkit-animation-delay: 0.9s;
		        animation-delay: 0.9s;
	}
	.mv.is-load .lead.is-animeOn {
		-webkit-animation: mv-txt 1.4s ease-out forwards;
		        animation: mv-txt 1.4s ease-out forwards;
		-webkit-animation-delay: 0s;
		        animation-delay: 0s;
	}
}

/* ------------------------------
    sec1
------------------------------ */
.sec1 {
	margin-top: 120px;
}
.sec1 .map {
	margin-top: 33px;
}
.sec1 .map-inner {
	position: relative;
	width: 980px;
	height: 721px;
	background: url(../img/bg_sec1_pc.png) no-repeat center top/100% auto;
}
.sec1 .map-link {
	position: absolute;
	width: 6.7%;
}
.sec1 .map-link.link1 {
	top: 48%;
	left: 17.3%;
}
.sec1 .map-link.link2 {
	top: 35.5%;
	left: 39.8%;
}
.sec1 .map-link.link3 {
	top: 31.7%;
	left: 59.6%;
}
.sec1 .map-link.link4 {
	top: 15.9%;
	left: 76%;
}
.sec1 .map-link.link5 {
	top: 69%;
	left: 39.4%;
}
.sec1 .map-link.link6 {
	top: 48%;
	left: 59.2%;
}
.sec1 .map-link.link7 {
	top: 56.9%;
	left: 68.6%;
}
.sec1 .map-rotate {
	position: absolute;
	top: 313px;
	left: -38px;
	z-index: 1;
	width: 160px;
	height: 164px;
}
.sec1 .map-rotate::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: rotation 20s linear infinite;
	        animation: rotation 20s linear infinite;
	background: url(../img/txt_sec1_1_pc.png) no-repeat center center/contain;
}
.sec1 .map-rotate img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.sec1 .map-ill {
	position: absolute;
}
.sec1 .map-ill.ill1 {
	top: 25.5%;
	left: 2.5%;
	width: 22.3%;
	-webkit-animation: swing 2s ease-in-out infinite;
	        animation: swing 2s ease-in-out infinite;
}
.sec1 .map-ill.ill2 {
	top: 36.6%;
	left: 29.4%;
	width: 11.9%;
	-webkit-animation: shakeX 5s ease-in-out infinite;
	        animation: shakeX 5s ease-in-out infinite;
}
.sec1 .map-ill.ill3 {
	top: 30.5%;
	left: 46%;
	width: 10.5%;
	-webkit-animation: headShake 4s ease-in-out infinite;
	        animation: headShake 4s ease-in-out infinite;
}
.sec1 .map-ill.ill4 {
	top: 16.5%;
	left: 54.5%;
	width: 20%;
	-webkit-animation: headShake 6s ease-in-out infinite;
	        animation: headShake 6s ease-in-out infinite;
}
.sec1 .map-ill.ill5 {
	top: 15%;
	left: 84%;
	width: 12.5%;
	-webkit-animation: swing 4s ease-in-out infinite;
	        animation: swing 4s ease-in-out infinite;
}
.sec1 .map-ill.ill6 {
	top: 56%;
	left: 42.5%;
	width: 12.5%;
	-webkit-animation: swing 8s ease-in-out infinite;
	        animation: swing 8s ease-in-out infinite;
}
.sec1 .map-ill.ill7 {
	top: 41.5%;
	left: 66%;
	width: 6.8%;
	-webkit-animation: swing 2s ease-in-out infinite;
	        animation: swing 2s ease-in-out infinite;
}
.sec1 .map-ill.ill8 {
	top: 44%;
	left: 78%;
	width: 14.5%;
	-webkit-animation: headShake 5s ease-in-out infinite;
	        animation: headShake 5s ease-in-out infinite;
}
@media screen and (max-width: 767px) {
	.sec1 {
		overflow-x: hidden;
		margin-top: 21.2vw;
	}
	.sec1 .map {
		margin-top: 9.3333333333vw;
		margin-right: -8vw;
		width: calc(100% + 8vw);
		overflow-x: auto;
	}
	.sec1 .map-rotate {
		top: 72vw;
		left: -5vw;
		-webkit-transform: scale(0.5);
		        transform: scale(0.5);
		-webkit-transform-origin: left top;
		        transform-origin: left top;
	}
}
@media screen and (max-width: 679px) {
	.sec1 .map-inner {
		width: 560px;
		height: 411px;
		margin: 0;
	}
}

.popup {
	position: relative;
	width: 480px;
	background: url(../img/bg_dot_popup.png) repeat center top;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	margin: 0 auto;
	padding: 418px 40px 30px;
}
@media screen and (max-width: 767px) {
	.popup {
		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
		        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
	}
}
.popup-close {
	position: absolute;
	top: -20px;
	right: -20px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	width: 70px;
	height: 70px;
	background: #5b6c7b;
	border-radius: 100vh;
	cursor: pointer;
}
.popup-close::before, .popup-close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 22px;
	height: 3px;
	border-top: 3px solid #fff;
}
.popup-close::before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	        transform: translate(-50%, -50%) rotate(45deg);
}
.popup-close::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	        transform: translate(-50%, -50%) rotate(-45deg);
}
.popup .mfp-close {
	display: none;
}
.popup-img {
	position: absolute;
	top: -83px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-left: -34px;
	width: 751px;
}
.popup-ttl {
	position: relative;
	font-size: 3.2rem;
	text-align: center;
	font-weight: bold;
}
.popup-txt {
	position: relative;
	font-size: 1.6rem;
	line-height: 2;
}
@media screen and (max-width: 767px) {
	.popup {
		width: 84vw;
		background: url(../img/bg_dot_light.png) repeat center top;
		background-size: 1.2vw auto;
		border-radius: 4px;
		padding: 73.2vw 5.3333333333vw 4vw;
	}
	.popup-close {
		top: -2.6666666667vw;
		right: -2.6666666667vw;
		width: 10.6666666667vw;
		height: 10.6666666667vw;
	}
	.popup-close::before, .popup-close::after {
		width: 4vw;
		height: 2px;
		border-top: 2px solid #fff;
	}
	.popup-img {
		top: -15.066667vw;
		margin-left: -6.533333vw;
		width: 127.133333vw;
	}
	.popup-img img {
		width: 100%;
		max-width: inherit;
	}
	.popup-ttl {
		font-size: 4.8vw;
	}
	.popup-txt {
		font-size: 3.4666666667vw;
		line-height: 1.5769230769;
		margin-top: 1.3333333333vw;
	}
}

.mfp-bg {
	background: #000;
	opacity: 0.2;
}

.mfp-container {
	overflow: hidden;
}

/* ------------------------------
    sec2
------------------------------ */
.sec2 {
	position: relative;
	margin-top: 163px;
	background: url(../img/bg_dot_light.png) repeat center top;
}
.sec2::before {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	top: -106px;
	height: 174px;
	z-index: 1;
	background: url(../img/bg_sec2_pc.png) no-repeat center bottom;
}
.sec2 > .wrap {
	z-index: 2;
}
.sec2 > .wrap::before {
	content: "";
	position: absolute;
	top: -197px;
	right: 42px;
	width: 369px;
	height: 287px;
	background: url(../img/img_sec2_pc.png) no-repeat center center/contain;
}
.sec2 .bnr {
	width: 654px;
	margin: 27px auto 0;
}
.sec2 .sort {
	position: relative;
	margin-top: 22px;
}
.sec2 .sort::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: calc(100% + 40px);
	height: 100%;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15) inset;
	        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15) inset;
}
.sec2 .sort-wrap {
	width: 1175px;
	margin: 0 auto;
	padding: 37px 0 39px;
	position: relative;
}
.sec2 .sort-ttl {
	width: 273px;
	margin: 0 auto;
}
.sec2 .sort-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 12px 12px;
	margin-top: 35px;
}
.sec2 .sort-item a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 2px solid #5b6c7b;
	border-radius: 100vh;
	padding: 5px 22px;
	background: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	white-space: nowrap;
}
.sec2 .sort-item a::before {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.sec2 .sort-item a.cycling {
	padding-left: 59px;
}
.sec2 .sort-item a.cycling::before {
	left: 23px;
	width: 31px;
	height: 19px;
	background-image: url(../img/ico_sec2_sort_1_off.png);
}
.sec2 .sort-item a.cruising {
	padding-left: 60px;
}
.sec2 .sort-item a.cruising::before {
	left: 24px;
	width: 33px;
	height: 20px;
	background-image: url(../img/ico_sec2_sort_2_off.png);
}
.sec2 .sort-item a.gourmand {
	padding-left: 50px;
}
.sec2 .sort-item a.gourmand::before {
	left: 25px;
	width: 19px;
	height: 19px;
	background-image: url(../img/ico_sec2_sort_3_off.png);
}
.sec2 .sort-item a.marine {
	padding-left: 54px;
}
.sec2 .sort-item a.marine::before {
	left: 24px;
	width: 24px;
	height: 21px;
	background-image: url(../img/ico_sec2_sort_4_off.png);
}
.sec2 .sort-item a.relax {
	padding-left: 50px;
}
.sec2 .sort-item a.relax::before {
	left: 24px;
	width: 23px;
	height: 20px;
	background-image: url(../img/ico_sec2_sort_5_off.png);
}
.sec2 .sort-item a.art {
	padding-left: 50px;
}
.sec2 .sort-item a.art::before {
	left: 24px;
	width: 22px;
	height: 19px;
	background-image: url(../img/ico_sec2_sort_6_off.png);
}
.sec2 .sort-item a.ceramicart {
	padding-left: 50px;
}
.sec2 .sort-item a.ceramicart::before {
	left: 23px;
	width: 19px;
	height: 21px;
	background-image: url(../img/ico_sec2_sort_7_off.png);
}
.sec2 .sort-item a.maneuvering {
	padding-left: 50px;
}
.sec2 .sort-item a.maneuvering::before {
	left: 22px;
	width: 23px;
	height: 21px;
	background-image: url(../img/ico_sec2_sort_8_off.png);
}
.sec2 .sort-item a.experience {
	padding-left: 60px;
}
.sec2 .sort-item a.experience::before {
	left: 24px;
	width: 29px;
	height: 21px;
	background-image: url(../img/ico_sec2_sort_9_off.png);
}
.sec2 .sort-item a.is-current {
	background: #5b6c7b;
	color: #fff;
}
.sec2 .sort-item a.is-current.cycling::before {
	background-image: url(../img/ico_sec2_sort_1_on.png);
}
.sec2 .sort-item a.is-current.cruising::before {
	background-image: url(../img/ico_sec2_sort_2_on.png);
}
.sec2 .sort-item a.is-current.gourmand::before {
	background-image: url(../img/ico_sec2_sort_3_on.png);
}
.sec2 .sort-item a.is-current.marine::before {
	background-image: url(../img/ico_sec2_sort_4_on.png);
}
.sec2 .sort-item a.is-current.relax::before {
	background-image: url(../img/ico_sec2_sort_5_on.png);
}
.sec2 .sort-item a.is-current.art::before {
	background-image: url(../img/ico_sec2_sort_6_on.png);
}
.sec2 .sort-item a.is-current.ceramicart::before {
	background-image: url(../img/ico_sec2_sort_7_on.png);
}
.sec2 .sort-item a.is-current.maneuvering::before {
	background-image: url(../img/ico_sec2_sort_8_on.png);
}
.sec2 .sort-item a.is-current.experience::before {
	background-image: url(../img/ico_sec2_sort_9_on.png);
}
.sec2 .plan {
	padding: 39px 0;
	max-height: 1732px;
	overflow: hidden;
}
.sec2 .plan.open {
	max-height: inherit;
}
.sec2 .plan-list {
	width: 1210px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 80px 80px;
	padding-bottom: 38px;
}
.sec2 .plan-item {
	position: relative;
	width: calc((100% - 160px) / 3);
	/*&:nth-child(3n-1){
	  margin-top: 80px;
	}*/
}
.sec2 .plan-img {
	border: 4px solid #fff;
	border-radius: 8px;
	overflow: hidden;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 767px) {
	.sec2 .plan-img {
		border-radius: 4px;
	}
}
@media screen and (max-width: 767px) {
	.sec2 .plan-img {
		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
		        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
	}
}
.sec2 .plan-category {
	position: absolute;
	top: -18px;
	left: -22px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.sec2 .plan-category.cycling {
	background-image: url(../img/ico_sec2_plan_1_pc.png);
}
.sec2 .plan-category.cruising {
	background-image: url(../img/ico_sec2_plan_2_pc.png);
}
.sec2 .plan-category.gourmand {
	background-image: url(../img/ico_sec2_plan_3_pc.png);
}
.sec2 .plan-category.marine {
	background-image: url(../img/ico_sec2_plan_4_pc.png);
}
.sec2 .plan-category.relax {
	background-image: url(../img/ico_sec2_plan_5_pc.png);
}
.sec2 .plan-category.art {
	background-image: url(../img/ico_sec2_plan_6_pc.png);
}
.sec2 .plan-category.ceramicart {
	background-image: url(../img/ico_sec2_plan_7_pc.png);
}
.sec2 .plan-category.maneuvering {
	background-image: url(../img/ico_sec2_plan_8_pc.png);
}
.sec2 .plan-category.experience {
	background-image: url(../img/ico_sec2_plan_9_pc.png);
}
.sec2 .plan-btn {
	position: absolute;
	top: 350px;
	right: -18px;
	width: 150px;
	height: 37px;
	border-radius: 100vh;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url(../img/btn_sec2_plan_2_off_pc.png) no-repeat center center/contain;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 767px) {
	.sec2 .plan-btn {
		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
		        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
	}
}
.sec2 .plan-place {
	font-size: 1.6rem;
	text-align: center;
	margin-top: 10px;
	position: relative;
}
.sec2 .plan-place::before {
	content: "";
	display: inline-block;
	width: 11px;
	height: 15px;
	background: url(../img/ico_sec2_plan_map_pc.svg) no-repeat center center/contain;
	margin-right: 6px;
	-webkit-transform: translateY(1px);
	        transform: translateY(1px);
}
.sec2 .plan-ttl {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.7083333333;
	margin-top: 3px;
}
.sec2 .plan-moreBtn {
	display: block;
	width: 100%;
	padding: 160px 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	background: url(../img/bg_sec2_plan_pc.png) no-repeat center top;
}
.sec2 .plan-moreBtn.open {
	display: none !important;
}
.sec2 .plan-moreBtn a {
	position: relative;
	z-index: 9;
	display: block;
	width: 666px;
	margin: 0 auto;
	height: 138px;
	background: url(../img/btn_sec2_plan_1_off_pc.png) no-repeat center center/100% auto;
}
@media screen and (min-width: 1364px) {
	.sec2::before {
		height: 12.7565982405vw;
		background-size: 100% auto;
	}
}
@media screen and (min-width: 768px) {
	.sec2 .sort-item a {
		-webkit-transition: background-image 0.3s ease-out, color 0.3s ease-out;
		transition: background-image 0.3s ease-out, color 0.3s ease-out;
	}
	.sec2 .sort-item a:hover {
		background: #5b6c7b;
		color: #fff;
	}
	.sec2 .sort-item a:hover.cycling::before {
		background-image: url(../img/ico_sec2_sort_1_on.png);
	}
	.sec2 .sort-item a:hover.cruising::before {
		background-image: url(../img/ico_sec2_sort_2_on.png);
	}
	.sec2 .sort-item a:hover.gourmand::before {
		background-image: url(../img/ico_sec2_sort_3_on.png);
	}
	.sec2 .sort-item a:hover.marine::before {
		background-image: url(../img/ico_sec2_sort_4_on.png);
	}
	.sec2 .sort-item a:hover.relax::before {
		background-image: url(../img/ico_sec2_sort_5_on.png);
	}
	.sec2 .sort-item a:hover.art::before {
		background-image: url(../img/ico_sec2_sort_6_on.png);
	}
	.sec2 .sort-item a:hover.ceramicart::before {
		background-image: url(../img/ico_sec2_sort_7_on.png);
	}
	.sec2 .sort-item a:hover.maneuvering::before {
		background-image: url(../img/ico_sec2_sort_8_on.png);
	}
	.sec2 .sort-item a:hover.experience::before {
		background-image: url(../img/ico_sec2_sort_9_on.png);
	}
	.sec2 .plan-item a .plan-btn {
		-webkit-transition: background-image 0.3s ease-out;
		transition: background-image 0.3s ease-out;
	}
	.sec2 .plan-item a:hover .plan-btn {
		background: url(../img/btn_sec2_plan_2_on_pc.png) no-repeat center center/contain;
	}
	.sec2 .plan-item a-moreBtn a {
		-webkit-transition: background-image 0.3s ease-out;
		transition: background-image 0.3s ease-out;
	}
	.sec2 .plan-item a-moreBtn a:hover {
		background: url(../img/btn_sec2_plan_1_on_pc.png) no-repeat center center/100% auto;
	}
}
@media screen and (max-width: 767px) {
	.sec2 {
		background-size: 1.2vw auto;
		margin-top: 26.4666666667vw;
	}
	.sec2::before {
		top: -14.9333333333vw;
		height: 17.0666666667vw;
		background: url(../img/bg_sec2_sp.png) no-repeat center bottom/100% auto;
	}
	.sec2 > .wrap {
		margin-top: -5vw;
	}
	.sec2 > .wrap::before {
		top: -27.3333333333vw;
		right: -9.2vw;
		width: 49.2vw;
		height: 38.2666666667vw;
	}
	.sec2 .bnr {
		width: calc(100% + 4vw);
		margin: 8vw -2vw 0;
	}
	.sec2 .sort {
		margin-top: 4.5333333333vw;
	}
	.sec2 .sort .js-modal__cnt {
		display: none;
	}
	.sec2 .sort::before {
		content: none;
	}
	.sec2 .sort-btn {
		width: 88.8vw;
		margin: 0 auto;
	}
	.sec2 .sort-overlay {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.2);
	}
	.sec2 .sort-wrap {
		position: fixed;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		z-index: 11;
		width: 83.7333333333vw;
		border-radius: 25px;
		padding: 5.2vw 5.7333333333vw 4.6666666667vw;
		background: url(../img/bg_dot_light.png) repeat center top;
		background-size: 1.2vw auto;
		-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
		        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
	.sec2 .sort-wrap {
		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
		        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
	}
}
@media screen and (max-width: 767px) {
	.sec2 .sort-ttl {
		width: 73.3333333333vw;
		border-bottom: 1px solid #cbd0d1;
		padding-bottom: 2.9333333333vw;
	}
}
@media screen and (max-width: 767px) {
	.sec2 .sort-list {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-top: 5.3333333333vw;
		border-bottom: 1px solid #cbd0d1;
		gap: 5.3vw 1.6vw;
		padding-bottom: 5.3vw;
	}
}
@media screen and (max-width: 767px) {
	.sec2 .sort-item a {
		padding: 0.7333333333vw 4.8vw;
		font-size: 3.4666666667vw;
	}
	.sec2 .sort-item a.cycling {
		padding-left: 12.9333333333vw;
	}
	.sec2 .sort-item a.cycling::before {
		left: 5.3333333333vw;
		width: 5.7333333333vw;
		height: 4vw;
	}
	.sec2 .sort-item a.cruising {
		padding-left: 12.5333333333vw;
	}
	.sec2 .sort-item a.cruising::before {
		left: 4.4vw;
		width: 7.3333333333vw;
		height: 3.6vw;
	}
	.sec2 .sort-item a.gourmand {
		padding-left: 10.6666666667vw;
	}
	.sec2 .sort-item a.gourmand::before {
		left: 5.3333333333vw;
		width: 4.4vw;
		height: 4.4vw;
	}
	.sec2 .sort-item a.marine {
		padding-left: 11.7333333333vw;
	}
	.sec2 .sort-item a.marine::before {
		left: 5.3333333333vw;
		width: 5.3333333333vw;
		height: 5.3333333333vw;
	}
	.sec2 .sort-item a.relax {
		padding-left: 11.0666666667vw;
	}
	.sec2 .sort-item a.relax::before {
		left: 5.0666666667vw;
		width: 4.9333333333vw;
		height: 4vw;
	}
	.sec2 .sort-item a.art {
		padding-left: 10.9333333333vw;
	}
	.sec2 .sort-item a.art::before {
		left: 4.6666666667vw;
		width: 4.9333333333vw;
		height: 4vw;
	}
	.sec2 .sort-item a.ceramicart {
		padding-left: 10.9333333333vw;
	}
	.sec2 .sort-item a.ceramicart::before {
		left: 4.6666666667vw;
		width: 3.7333333333vw;
		height: 4.2666666667vw;
	}
	.sec2 .sort-item a.maneuvering {
		padding-left: 10.9333333333vw;
	}
	.sec2 .sort-item a.maneuvering::before {
		left: 4.6666666667vw;
		width: 4.8vw;
		height: 4.4vw;
	}
	.sec2 .sort-item a.experience {
		padding-left: 10.9333333333vw;
	}
	.sec2 .sort-item a.experience::before {
		left: 4.6666666667vw;
		width: 5.3333333333vw;
		height: 3.8666666667vw;
	}
}
@media screen and (max-width: 767px) {
	.sec2 .sort-closeBtn {
		position: relative;
		padding: 0.7333333333vw 3.0666666667vw 0.7333333333vw 0;
		border: 2px solid #5b6c7b;
		width: 20vw;
		font-size: 3.4666666667vw;
		background: #5b6c7b;
		color: #fff;
		font-weight: 500;
		text-align: center;
		border-radius: 100vh;
		margin: 6vw auto 0;
	}
	.sec2 .sort-closeBtn::before {
		content: "×";
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		right: 1.3333333333vw;
		font-size: 4.9333333333vw;
		line-height: 1;
	}
}
@media screen and (max-width: 767px) {
	.sec2 .plan {
		padding: 7.2vw 0 8.1333333333vw;
		/*max-height:298.2vw; moreボタン非表示のためコメントアウト*/
	}
	.sec2 .plan-list {
		width: 84vw;
		gap: 5.3vw 5.3vw;
		padding-bottom: 0;
	}
	.sec2 .plan-item {
		width: calc((100% - 5.3vw) / 2);
	}
	.sec2 .plan-img {
		border: 2px solid #fff;
	}
	.sec2 .plan-category {
		position: absolute;
		top: -2.4vw;
		left: -2.9333333333vw;
		width: 10.6666666667vw;
		height: 10.6666666667vw;
	}
	.sec2 .plan-btn {
		top: 38.5333333333vw;
		right: -2.4vw;
		width: 20vw;
		height: 4.9333333333vw;
	}
	.sec2 .plan-place {
		font-size: 2.6666666667vw;
		margin-top: 1vw;
	}
	.sec2 .plan-place::before {
		width: 2.1333333333vw;
		height: 2.6666666667vw;
		margin-right: 0.8vw;
		-webkit-transform: translateY(0.1333333333vw);
		        transform: translateY(0.1333333333vw);
	}
	.sec2 .plan-ttl {
		font-size: 3.4666666667vw;
		line-height: 1.5769230769;
		margin-top: 0.8vw;
	}
	.sec2 .plan-moreBtn {
		padding: 16.5333333333vw 0 0;
		background: url(../img/bg_sec2_plan_sp.png) repeat center top/375px auto;
	}
	.sec2 .plan-moreBtn a {
		width: 88.8vw;
		height: 18.4vw;
	}
}

/* ------------------------------
    sec3
------------------------------ */
.sec3 {
	position: relative;
	margin-top: 98px;
}
.sec3::before {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	top: -171px;
	height: 172px;
	background: url(../img/bg_sec3_pc.png) no-repeat center bottom;
}
.sec3 .wrap {
	padding-top: 43px;
}
.sec3 .area1 {
	padding-bottom: 314px;
}
.sec3 .area2 {
	position: absolute;
	top: 0;
	left: 516px;
	width: 1500px;
	padding-top: 43px;
}
.sec3 .area2-num {
	position: absolute;
	top: 312px;
	left: -515px;
	width: 433px;
	padding-top: 115px;
	text-align: center;
	font-size: 2.6rem;
	font-weight: 500;
}
.sec3 .area2-now {
	font-size: 3.6rem;
}
.sec3 .area2-item {
	position: relative;
	padding-top: 40px;
}
.sec3 .area2-img {
	border-radius: 8px;
	overflow: hidden;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 767px) {
	.sec3 .area2-img {
		border-radius: 4px;
	}
}
@media screen and (max-width: 767px) {
	.sec3 .area2-img {
		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
		        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
	}
}
.sec3 .area2-img img {
	max-width: inherit;
}
.sec3 .area2-place {
	position: absolute;
	top: 20px;
	left: -20px;
	font-size: 2.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	width: 80px;
	height: 80px;
	border-radius: 100vh;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.sec3 .area2-place.hyogo {
	color: #d06097;
}
.sec3 .area2-place.okayama {
	color: #33becc;
}
.sec3 .area2-place.hiroshima {
	color: #69d2a5;
}
.sec3 .area2-place.yamaguchi {
	color: #ba73b2;
}
.sec3 .area2-place.tokushima {
	color: #03d8a9;
}
.sec3 .area2-place.kagawa {
	color: #3a7cac;
}
.sec3 .area2-place.ehime {
	color: #7e82b1;
}
.sec3 .area2-txt {
	font-size: 1.6rem;
	line-height: 2;
	margin-top: 10px;
}
.sec3 .area2-link {
	text-align: right;
	margin-top: 19px;
	line-height: 1;
}
.sec3 .area2-link a {
	position: relative;
	font-size: 2.6rem;
	line-height: 1;
	padding-right: 17px;
}
.sec3 .area2-link a::before {
	content: "";
	position: absolute;
	top: 15px;
	right: 0;
	width: 12px;
	height: 12px;
	border-top: 2px solid #5b6c7b;
	border-right: 2px solid #5b6c7b;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.sec3 .area2 .slick-slide {
	margin: 0 40px;
}
.sec3 .area2 .slick-slide {
	opacity: 0.5;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
.sec3 .area2 .slick-current,
.sec3 .area2 .is-active-next {
	opacity: 1;
}
.sec3 .area2 .slick-next, .sec3 .area2 .slick-prev {
	width: 136px;
	height: 136px;
	top: 340px;
	z-index: 1;
	-webkit-transform: none;
	        transform: none;
	-webkit-transition: background-image 0.3s ease-out;
	transition: background-image 0.3s ease-out;
}
.sec3 .area2 .slick-next::before, .sec3 .area2 .slick-prev::before {
	content: none;
}
.sec3 .area2 .slick-next {
	left: -206px;
	background: url(../img/arw_sec3_right_off.png) no-repeat center center/contain;
}
.sec3 .area2 .slick-prev {
	left: -540px;
	background: url(../img/arw_sec3_left_off.png) no-repeat center center/contain;
}
.sec3 .area3 {
	position: relative;
	padding-top: 150px;
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	-ms-grid-columns: 630px 50px 1fr;
	grid-template-columns: 630px 50px 1fr;
}
.sec3 .area3 > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}
.sec3 .area3 > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
}
.sec3 .area3 > *:nth-child(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}
.sec3 .area3-ttl {
	position: absolute;
	top: 37px;
	right: 4px;
}
.sec3 .area3-btn {
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1/2;
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1/2;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	overflow: hidden;
	line-height: 0;
}
@media screen and (max-width: 767px) {
	.sec3 .area3-btn {
		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
		        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
	}
}
@media screen and (max-width: 767px) {
	.sec3 .area3-btn {
		border-radius: 4px;
	}
}
.sec3 .area3-txt {
	padding-top: 90px;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1/2;
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3/4;
	font-size: 1.6rem;
	line-height: 2;
}
@media screen and (min-width: 1364px) {
	.sec3::before {
		height: 12.6099706745vw;
		background-size: 100% auto;
	}
}
@media screen and (min-width: 768px) {
	.sec3 .slick-next:hover {
		-webkit-transition: background-image 0.3s ease-out;
		transition: background-image 0.3s ease-out;
		background: url(../img/arw_sec3_right_on.png) no-repeat center center/contain;
	}
	.sec3 .slick-prev:hover {
		-webkit-transition: background-image 0.3s ease-out;
		transition: background-image 0.3s ease-out;
		background: url(../img/arw_sec3_left_on.png) no-repeat center center/contain;
	}
}
@media screen and (max-width: 767px) {
	.sec3 {
		margin-top: 9.6vw;
	}
	.sec3::before {
		top: -18.1333333333vw;
		height: 18.1333333333vw;
		background: url(../img/bg_sec3_sp.png) no-repeat center bottom/100% auto;
	}
	.sec3 .wrap {
		padding-top: 10.9333333333vw;
	}
	.sec3 .area1 {
		padding-bottom: 0;
	}
	.sec3 .area2 {
		position: static;
		top: auto;
		left: auto;
		width: calc(100% + 16vw);
		margin: 5.8666666667vw -8vw 0;
		padding: 0;
	}
	.sec3 .area2-num {
		position: static;
		top: auto;
		left: auto;
		width: 100%;
		padding-top: 0;
		/*margin-top: 19vw;*/
		margin-top: 15vw;
		font-size: 3.4666666667vw;
	}
	.sec3 .area2-now {
		font-size: 4.8vw;
	}
	.sec3 .area2-item {
		padding-top: 3.2vw;
	}
	.sec3 .area2-img {
		aspect-ratio: 1/1;
	}
	.sec3 .area2-img img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
	}
	.sec3 .area2-place {
		top: 1vw;
		left: -2.6666666667vw;
		font-size: 3.4666666667vw;
		width: 10.6666666667vw;
		height: 10.6666666667vw;
	}
	.sec3 .area2-txt {
		font-size: 2.6666666667vw;
		line-height: 1.6;
		margin-top: 1.3333333333vw;
	}
	.sec3 .area2-link {
		margin-top: 1.3333333333vw;
	}
	.sec3 .area2-link a {
		font-size: 3.4666666667vw;
		padding-right: 2.6666666667vw;
	}
	.sec3 .area2-link a::before {
		top: 2.1333333333vw;
		width: 1.6vw;
		height: 1.6vw;
		border-top: 1px solid #5b6c7b;
		border-right: 1px solid #5b6c7b;
	}
	.sec3 .area2 .slick-slide {
		margin: 0 2.9333333333vw;
		-webkit-transform: translateY(5.5vw);
		        transform: translateY(5.5vw);
		-webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
		transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
		transition: transform 0.3s ease-out, opacity 0.3s ease-out;
		transition: transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
	}
	.sec3 .area2 .slick-current,
.sec3 .area2 .is-active-next {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	.sec3 .area2 .slick-next, .sec3 .area2 .slick-prev {
		width: 17.3333333333vw;
		height: 17.3333333333vw;
		top: 92vw;
	}
	.sec3 .area2 .slick-next {
		left: auto;
		right: 20vw;
	}
	.sec3 .area2 .slick-prev {
		left: 20vw;
	}
	.sec3 .area3 {
		position: relative;
		padding-top: 25vw;
		display: block;
	}
	.sec3 .area3-ttl {
		position: static;
		top: auto;
		right: auto;
		width: 67.4666666667vw;
		margin: 0 auto;
	}
	.sec3 .area3-btn {
		width: 100%;
		margin-top: 3.8666666667vw;
	}
	.sec3 .area3-txt {
		padding-top: 3.6vw;
		font-size: 3.4666666667vw;
		line-height: 1.5769230769;
	}
}

/* ------------------------------
    footer
------------------------------ */
.footer {
	position: relative;
	margin-top: 163px;
	background: url(../img/bg_footer_1_pc.png) repeat center top;
}
.footer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 328px;
	background: url(../img/bg_footer_3_pc.png) repeat-x left top;
}
.footer::after {
	content: "";
	position: absolute;
	top: -80px;
	left: 0;
	width: 100%;
	height: 101px;
	background: url(../img/bg_footer_2_pc.png) no-repeat right bottom;
}
.footer .pagetop {
	position: absolute;
	top: -228px;
	right: 14px;
	width: 26px;
	height: 154px;
}
.footer .pagetop a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/txt_pagetop_pc.png) no-repeat center top/contain;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.footer .area1 {
	padding-top: 76px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.footer .area1-txt {
	padding-top: 39px;
	width: 380px;
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}
.footer .area1-txt p {
	color: #fff;
	font-size: 1.6rem;
	line-height: 2;
}
.footer .area1-txt p + p {
	margin-top: 2em;
}
.footer .area1-img {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}
.footer .area2 {
	margin-top: 42px;
	overflow-x: hidden;
}
.footer .area2 .wrap {
	padding: 37px 0;
}
.footer .area2-item {
	line-height: 0;
	border-radius: 8px;
	overflow: hidden;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 767px) {
	.footer .area2-item {
		border-radius: 4px;
	}
}
@media screen and (max-width: 767px) {
	.footer .area2-item {
		-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
		        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
	}
}
.footer .area2-item a {
	display: block;
	width: 100%;
}
.footer .area2-item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.footer .area2 .slick-slide {
	margin: 0 10px;
}
.footer .area2 .slick-list {
	overflow: visible;
}
.footer .area3 {
	background: #3e88c0;
}
.footer .area3 .wrap {
	padding: 11px 0;
}
.footer .area3 .copy {
	color: #9dd0f6;
	font-size: 1.4rem;
	line-height: 1;
	text-align: center;
	font-family: "Noto Sans JP";
}
@media screen and (max-width: 767px) {
	.footer {
		margin-top: 21.0666666667vw;
		background-size: 1.2vw auto;
	}
	.footer::before {
		height: 43.7333333333vw;
		background: url(../img/bg_footer_3_sp.png) repeat-x left top;
	}
	.footer::after {
		top: -11vw;
		height: 13.6vw;
		background: url(../img/bg_footer_2_sp.png) no-repeat right bottom/96vw auto;
	}
	.footer .pagetop {
		top: 8.4vw;
		right: 1.8666666667vw;
		width: 3.4666666667vw;
		height: 20.5333333333vw;
	}
	.footer .pagetop a {
		background: url(../img/txt_pagetop_sp.png) no-repeat center top/contain;
	}
	.footer .area1 {
		padding-top: 8vw;
		display: block;
	}
	.footer .area1-txt {
		padding-top: 2.9333333333vw;
		width: 100%;
	}
	.footer .area1-txt p {
		font-size: 3.4666666667vw;
		line-height: 1.5769230769;
	}
	.footer .area1-img {
		width: 76.8vw;
	}
	.footer .area2 {
		margin-top: 0;
	}
	.footer .area2 .wrap {
		padding: 5.3333333333vw 0 6.6666666667vw;
	}
	.footer .area2 .slick-slide {
		margin: 0 1.3333333333vw;
	}
	.footer .area3 .wrap {
		padding: 1.3333333333vw 0;
	}
	.footer .area3 .copy {
		font-size: 2.6666666667vw;
	}
}
/*# sourceMappingURL=style.css.map */