@charset "utf-8";
/* reset */
*:where(:not(iframe,canvas,img,svg,video):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}ol,ul{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}
/*-----------------------*/
/* common 
/*-----------------------*/
html{
	font-size: 62.5%;
	height: -webkit-fill-available;
}
body{
	box-sizing: border-box;
	color: #000;
	font-family: "Noto Sans JP", sans-serif;
	text-align: left;
	letter-spacing: 2px;
	background: #FFF;
	margin: 0;
	position: relative;
	min-height: 100vh;
	min-height: -webkit-fill-available;
}
img{
	width: 100%;
}
a{
	cursor: pointer;
	transition: .2s all linear;
}
a:hover{
	opacity: .6;
}
.none-pc{
	display: none;
}
.animation-block :not(.page-loading){
	display: none;
}
.btn-border-arrow{
	border: 1px solid #000;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: max-content;
	padding: 10px 30px;
}
.btn-border-arrow:after{
	content: "";
	background: url('../images/arrow.svg') no-repeat;
	background-size: contain;
	background-position: bottom;
	width: 2.5rem;
	height: 1rem;
	margin-left: 5px;
	transition: .2s all linear;
}
.btn-border-arrow:hover:after{
	transform: translateX(3px);
}
.sec .sec-inner{
	max-width: 1180px;
	padding: 100px 50px;
	font-size: 16px;
	margin: auto;
}
.sec .title-wrap{
	text-align: center;
	margin-bottom: 80px;
}
.sec .title-wrap .sec-title-pc .img-title{
	height: 80px;
}
.sec .title-wrap .sec-title{
	font-size: 28px;
	display: none;
}
.sec .title-wrap .sec-title-eng{
	font-size: 18px;
	font-family: 'Vujahday Script', cursive;
	display: none;
}
/* page-loading */
.no-scroll{
	overflow: hidden;
}
.page-loading .video-wrap{
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	display: block;
	z-index: 2000;
}
.page-loading .video-wrap:before{
	content: "";
	display: block;
	width: 100%;
	height: inherit;
	position: absolute;
	left: 0;
	background-image: linear-gradient(45deg, rgba(255,255,255,.2) 50%, rgba(255,255,255,.1) 50%);
	background-size: 3px 4px;
	z-index: 2;
}
.page-loading .video-wrap:after{
	content: "";
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 230px;
	height: 100px;
	background: url('../images/common/logo.svg') no-repeat center;
	background-size: contain;
	position: absolute;
}
.page-loading .video-wrap .first-video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	display: block;
}
/* header */
.header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1000;
}
.header.bg-black{
	background: linear-gradient(to bottom, rgba(255,255,255, .8) 0, rgba(255,255,255, .3) 80%, transparent 100%);
	color: #FFF;
}
.header.bg-black .logo-wrap > img{
	fill: #FFF;
}
.header.bg-white{
	background: linear-gradient(to bottom, rgba(255,255,255, .8) 0, rgba(255,255,255, .3) 80%, transparent 100%);
}
.header .header-inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px 20px;
	max-width: 1180px;
	margin: auto;
}
.header .header-inner .logo-wrap{
	width: 140px;
	fill: #231815;
}
.header .header-inner .menu-wrap .menu{
	display: flex;
	align-items: center;
}
.header .header-inner .menu-wrap .menu-link{
	font-size: 14px;
	color: #333;
}
.header .header-inner .menu-wrap .menu > li + li{
	margin-left: 30px;
}
/* footer */
.footer{
	background: #F5F5F5;
}
.footer .footer-inner{
	text-align: center;
	padding: 50px 0;
}
.footer .footer-inner .logo-wrap{
	width: 280px;
	margin: auto;
}
.footer .footer-inner .copyright{
	margin-top: 20px;
}
/* top */
.sec-top{
	background: url('../images/main.jpg?v=2') no-repeat;
	background-size: cover;
	min-height: 100vh;
	background-position: left;
}
.sec-top .sec-inner{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	position: relative;
}
.sec-top .sec-inner .top-title{
	width: 49vw;
	max-width: 800px;
	min-width: 520px;
	transform: translateX(12vw);
}
.sec-top .sec-inner .scroll-bar-wrap{
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.sec-top .sec-inner .scroll-bar-wrap .bar{
	width: 2px;
	height: 50px;
	/* background: rgb(205,210,213); */
	position: relative;
}
.sec-top .sec-inner .scroll-bar-wrap .bar:before{
	content: "";
	position: absolute;
	width: 2px;
	height: 80px;
	background: #fff;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	animation: pathmove 2s ease-in-out infinite;
}
@keyframes pathmove{
	0%{
		height: 0;
		top: 0;
	}
	30%{
		height: 80px;
	}
	100%{
		height: 0;
		top: 150px;
	}
}
.sec-top .sec-inner .scroll-bar-wrap .text{
	margin-left: 0px;
	font-size: 16px;
	font-weight: 500;
	/* writing-mode: vertical-rl; */
	color: #FFF;
}
@media (max-width: 1230px){
	.sec-top .sec-inner .top-title{
		transform: translateX(18vw);
	}
}
@media (max-width: 1020px){
	.sec-top{
		/* background-position: -10vw; */
	}
}
@media (max-width: 900px){
	.sec-top .sec-inner .top-title {
		transform: translateX(0);
	}
}
/* sec intro */
.sec-intro .sec-inner{
	padding-bottom: 160px;
	overflow: hidden;
}
.sec-intro .bg-kawa-winter{
	background: url('../images/kawa-winter.jpg') no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	height: 730px;
}
.sec-intro .bg-kawa-winter .sub-title{
	display: inline-block;
	background: #fff;
	color: #000;
	position: relative;
	padding-top: 14px;
}
.sec-intro .bg-kawa-winter .sub-title:before{
	/* content: ""; */
	width: 1px;
	height: 125px;
	border-left: 1px dashed #FFF;
	position: absolute;
	bottom: calc(100% + 12px);
	left: 50%;
	transform: translateX(-50%);
}
.sec-intro .bg-kawa-winter .sub-title:after{
	/* content: ""; */
	width: 1px;
	height: 300px;
	border-left: 1px solid #FFF;
	position: absolute;
	top: calc(100% + 12px);
	left: 50%;
	transform: translateX(-50%);
}
.sec-intro .intro-wrap + .sub-title{
	margin-left: 30px;
}
.sec-intro .intro-wrap .img-wrap{
	margin-bottom: 20px;
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.sec-intro .intro-wrap .sec-title{
	font-size: 40px;
	margin-bottom: 20px;
	font-weight: 700;
}
.sec-intro .intro-wrap .sec-text{
	margin-top: 146px;
	line-height: 2;
	padding: 35px 0 10px;
	text-align: center;
	position: relative;
}
.sec-intro .intro-wrap .sec-text:before{
	content: "";
	width: 1px;
	height: 135px;
	border-left: 1px solid #000;
	position: absolute;
	bottom: calc(100% - 15px);
	left: 50%;
	transform: translateX(-50%);
}
.sec-intro .intro-wrap .sec-text:after{
	content: "";
	width: 1px;
	height: 148px;
	border-left: 1px solid #000;
	position: absolute;
	top: calc(100% + 12px);
	left: 50%;
	transform: translateX(-50%);
}
.sec-intro .sub-title{
	font-size: 25px;
	writing-mode: vertical-rl;
	font-weight: 700;
	margin-top: 120px;
}
/* sec land */
.sec-land{
	background: #f6feff;
	background: rgb(205,210,213);
}
.sec-land .sec-inner{
	position: relative;
	z-index: 10;
}
.sec-land .sec-inner .vertical-bar{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: calc(100% - 150px);
	background: #000;
}
.sec-land .sec-inner .vertical-bar:after{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 1.7px;
	height: 150px;
	/* background: linear-gradient(to bottom, #000, #000 2px, transparent 2px, transparent 4px);
	background-size: 1px 8px;
	background-repeat: repeat-y; */
	border-left: 1px dashed #000;
}
.sec-land .sec-inner .sec-title-pc{
	padding: 20px 0;
	background: rgb(205,210,213);
}
.sec-land .land-block{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.sec-land .land-block + .land-block{
	margin-top: 30px;
}
.sec-land .land-block .text-wrap{
	display: flex;
	position: relative;
	z-index: 20;
	align-items: flex-start;
}
.sec-land .land-block .images-wrap + .text-wrap{
	flex-direction: row-reverse;
}
.sec-land .land-block .block-title{
	font-size: 145px;
	font-size: min(12.28vw, 145px);
	line-height: 1;
	margin-bottom: 30px;
	font-weight: 700;
	writing-mode: vertical-lr;
	margin-top: -10px;
}
.sec-land .land-block .block-text{
	font-size: 15px;
	line-height: 1.5;
	font-weight: 600;
}
.sec-land .land-block:nth-child(2n) .block-text{
	text-align: right;
}
.sec-land .img-wrap{
	width: 200px;
}
.sec-land .img-wrap.mountain-2{
	width: 200px;
}
.sec-land .land-block{
	position: relative;
}
.sec-land .land-block-mountain{
	padding-bottom: 28px;
	/* padding-bottom: min(32.542vw, 384px); */
}
.sec-land .land-block .images-wrap .img-wrap:nth-child(1){
	width: 50%;
	position: absolute;
	right: 0;
	top: 0;
}
.sec-land .land-block .images-wrap .img-wrap:nth-child(2){
	max-width: 291px;
	width: 30%;
	position: absolute;
	right: 46%;
	top: min(27.11vw, 320px);
}
.sec-land .land-block .images-wrap .img-wrap:nth-child(3){
	max-width: 300px;
	width: 27%;
	position: absolute;
	right: 15%;
	/* right: min(13.72vw, 162px); */
	top: min(33.85vw, 399.5px);
}
.sec-land .land-block:nth-child(2n) .images-wrap .img-wrap:nth-child(1){
	width: 50%;
	position: absolute;
	right: inherit;
	left: 0;
	top: 0;
}
.sec-land .land-block:nth-child(2n) .images-wrap .img-wrap:nth-child(2){
	max-width: 291px;
	width: 30%;
	position: absolute;
	right: inherit;
	left: 46%;
	top: min(27.11vw, 320px);
}
.sec-land .land-block:nth-child(2n) .images-wrap .img-wrap:nth-child(3){
	max-width: 300px;
	width: 27%;
	position: absolute;
	right: inherit;
	left: 15%;
	/* left: min(13.72vw, 162px); */
	top: min(33.85vw, 399.5px);
}
.sec-land .land-block-river{
	padding-bottom: 390px;
	/* padding-bottom: min(68.644vw, 810px); */
}
.sec-land .land-block-ocean{
	padding-bottom: 30px;
	/* padding-bottom: min(46.271vw, 546px); */
}
.sec-land .land-block-ocean .images-wrap .img-wrap:nth-child(2).ocean-2{
	top: 53%;
}
@media (max-width: 950px){
	.sec-land .land-block .block-text{
		background: rgb(219 219 219 / 74%);
		padding: 10px 22px;
	}
}
/* sec video */
.sec-video .sec-inner{
	max-width: 860px;
	padding-bottom: 40px;
}
.sec-video .title-wrap{
	margin-bottom: 30px;
}
.sec-video .title-wrap .sec-title{
	font-size: 74px;
	font-weight: 700;
	display: block;
	text-align: left;
	padding-left: 40px;
	position: relative;
	letter-spacing: -1px;
	line-height: 1.2;
}
.sec-video .title-wrap .sec-title:before{
	content: "";
	display: inline-block;
	border: 14px solid transparent;
	border-left: #000 solid 27px;
	border-right: none;
	position: absolute;
	top: 36px;
	left: 0;
}
.sec-video .video-wrap{
	text-align: center;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.sec-video .video-wrap > iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* sec story */
.sec-story .story-wrap{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}
.sec-story .story-wrap + .story-wrap{
	margin-top: 180px;
}
.sec-story .story-wrap .desc-wrap + .title-wrap,
.sec-story .story-wrap .title-wrap + .desc-wrap{
	margin-left: 30px;
}
.sec-story .story-wrap .desc-wrap{
	position: relative;
	max-width: 800px;
	width: 67.797vw;
}
.sec-story .story-wrap .story-num{
	font-style: italic;
	font-size: 30px;
	font-weight: 700;
	position: absolute;
	z-index: 100;
	left: 5px;
	top: -23px;
	line-height: 1;
	display: none;
}
.sec-story .story-wrap .slider-wrap{
	max-width: 800px;
	width: 67.797vw;
	position: relative;
}
.sec-story .story-wrap .slider-wrap .img-wrap{
}
.sec-story .story-wrap .slider-wrap .slider-dots{
	position: absolute;
	bottom: 15px;
	right: 15px;
	display: flex;
}
.sec-story .story-wrap .slider-wrap .slider-dots li + li{
	margin-left: 10px;
}
.sec-story .story-wrap .slider-wrap .slider-dots li{
	color: transparent;
	border: 1px solid #999;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	cursor: pointer;
}
.sec-story .story-wrap .slider-wrap .slider-dots li.slick-active{
	background: #999;
}
.sec-story .story-wrap .title-wrap-sp{
	display: none;
}
.sec-story .story-wrap .title-wrap{
	writing-mode: vertical-rl;
	margin-bottom: 50px;
	text-align: left;
}
.sec-story .story-wrap .title-wrap .title{
	font-size: 48px;
	font-weight: 700;
}
.sec-story .story-wrap .title-wrap .title .img-title{
	max-width: 140px;
	width: 11.864vw;
	transform: translateY(max(-3.644vw,-43px));
}
.sec-story .story-wrap .title-wrap .sub-title{
	font-size: 26px;
	font-weight: 500;
}
.sec-story .story-wrap .btn-wrap{
	/* position: absolute; */
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: flex-start;
	margin-top: 25px;
}
.sec-story .story-wrap .btn-wrap .btn-border-arrow{
	background: #FFF;
}
.sec-story .story-wrap.story-wrap-2 .title-wrap{
	writing-mode: vertical-lr;
}
.sec-story .story-wrap .story-text{
	margin-top: 20px;
	line-height: 2;
}
/* sec spot */
.sec-spot{
	background: #F5F5F5;
	background: #f6feff;
	background: rgb(205,210,213);
}
.sec-spot .spots-wrap{
	/* display: flex; */
	justify-content: center;
	align-items: flex-start;
}
.sec-spot .spots-wrap .spot{
	position: relative;
	max-width: 980px;
	margin: auto;
}
.sec-spot .spots-wrap .spot + .spot{
	margin-top: 80px;
}
.sec-spot .spots-wrap .spot .main-wrap{
	display: flex;
	align-items: flex-start;
}
.sec-spot .spots-wrap .spot .thumb-wrap{
	/* width: 650px; */
}
.sec-spot .spots-wrap .spot .text-wrap{
	flex: 1;
	/* margin-left: 30px; */
	margin-top: 20px;
}
.sec-spot .spots-wrap .spot .num{
	font-size: 34px;
	font-weight: 700;
	font-style: italic;
	position: absolute;
	bottom: calc(100% - 20px);
	left: 10px;
}
.sec-spot .spots-wrap .spot .title-wrap{
	text-align: left;
	margin-bottom: 25px;
	padding-left: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #000;
	display: flex;
	align-items: center;
}
.sec-spot .spots-wrap .spot .title-wrap .img-title{
	height: 45px;
	width: auto;
}
.sec-spot .spots-wrap .spot .title-wrap .img-wrap{
	padding-top: 1px;
}
.sec-spot .spots-wrap .spot .title-wrap .img-wrap .img-num{
	height: 45px;
	width: auto;
	vertical-align: middle;
}
.sec-spot .spots-wrap .spot .title-wrap .title{
	margin-left: 15px;	
}
.sec-spot .spots-wrap .spot .title-wrap .title .sub{
	background: #000;
	color: #FFF;
	margin-bottom: 0px;
	padding: 2px;
	font-size: 12px;
	display: inline-block;
	line-height: 1;
}
.sec-spot .spots-wrap .spot .title-wrap .title .main{
	font-size: 28px;
}
.sec-spot .spots-wrap .spot .spot-title{
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 10px;
}
.sec-spot .spots-wrap .spot .spot-text{
	font-size: 16px;
}
.sec-spot .spots-wrap .spot .btn-wrap{
	margin-top: 20px;
	display: flex;
	justify-content: flex-start;
}
.sec-spot .spots-wrap .spot .btn-wrap .btn-border-arrow{
	width: max-content;
}
.sec-spot .spots-wrap .slider-spot-wrap{
	margin-top: 20px;
}
.sec-spot .spots-wrap .slider-spot .image-wrap{
	padding: 0 12px;
}
.sec-spot .spots-wrap .slider-spot .image-wrap .popup-img{
	display: block;
}
.sec-spot .spots-wrap .slider-spot .image-wrap img{
	height: 210px;
	object-fit: cover;
}
/* swiper */
.sec-spot .swiper-spot{
	overflow: hidden;
}
.sec-spot .swiper-spot .swiper-wrapper{
	transition-timing-function: linear;
}
/* sec booklet */
.sec-booklet .sec-inner{
	max-width: 1080px;
}
.sec-booklet .flex-wrap{
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.sec-booklet .booklet-wrap .booklet-text{
	margin-top: 5px;
	padding: 0 10px;
	text-align: center;
}
.sec-booklet .booklet-wrap .booklet-text > p{
	display: inline-block;
	text-align: left;
	line-height: 2;
}
.sec-booklet .title-wrap{
	margin-bottom: 30px;
}
.sec-booklet .title-wrap .text-wrap{
	text-align: left;
}
.sec-booklet .title-wrap .text-wrap .sec-title{
	font-size: 36px;
	font-weight: 700;
	display: inherit;
}
.sec-booklet .title-wrap .text-wrap .sec-title-sub{
	font-size: 24px;
}
.sec-booklet .title-wrap .box-wrap{
	margin-top: 30px;
}
.sec-booklet .title-wrap .box-wrap .box-black{
	background: #000;
	font-size: 12px;
	color: #FFF;
	padding: 14px 18px;
	text-align: center;
	width: 120px;
}
.sec-booklet .booklet-wrap .img-wrap{
	text-align: center;
}
.sec-booklet .booklet-wrap .img-wrap .img-booklet{
	width: 500px;
}
/* swiper */
.sec-booklet .swiper-wrapper{
	width: 100%;
	/* height: 500px; */
}
.swiper-slide{
	height: auto !important;
}
.sec-booklet .booklet-wrap .img-wrap.swiper-slide .img-booklet{
	/* height: 100%; */
	width: auto;
	object-fit: contain;
	object-position: left;
}
.swiper-pagination{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px 0 35px;
}
.swiper-pagination-bullet{
	display: block;
	width: 55px;
	height: 8px;
	background: #cdcdcd;
	cursor: pointer;
}
.swiper-pagination-bullet + .swiper-pagination-bullet{
	margin-right: 10px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #222;
}
.sec-booklet .swiper-booklet .swiper-wrapper{
	/* transition-timing-function: linear; */
}
@media (max-width: 600px){
	.none-pc{
		display: inherit;
	}
	.none-sp{
		display: none;
	}
	.page-loading .video-wrap:after{
		width: 50vw;
		height: 22vw;
	}
	.header.bg-white {
		background: linear-gradient(to bottom, rgba(255,255,255, .8) 0, rgba(255,255,255, .3) 50%, rgba(255,255,255, 0) 99%);
	}
	.header .header-inner{
		justify-content: center;
	}
	.header .header-inner .menu-wrap .menu{
		display: none;
	}
	.footer .footer-inner{
		padding: 25px 0;
		padding: 6.667vw 0;
	}
	.footer .footer-inner .logo-wrap{
		width: 120px;
		width: 32vw;
	}
	.footer .footer-inner .copyright{
		margin-top: 12px;
		margin-top: 3.2vw;
	}
	.sec .sec-inner{
		padding: 60px 30px;
		font-size: 14px;
		padding: 16vw 8vw;
		/* font-size: 3.733vw; */
	}
	.sec .title-wrap{
		margin-bottom: 40px;
		margin-bottom: 10.667vw;
	}
	.sec .title-wrap .sec-title-pc{
		/* display: none; */
	}
	.sec .title-wrap .sec-title{
		/* display: block; */
	}
	.sec .title-wrap .sec-title-eng{
		/* display: block; */
	}
	.sec .title-wrap .sec-title-pc .img-title{
		height: 80px;
		height: 13.559vw;
	}
	/* sec top */
	.sec-top .sec-inner .top-title{
		transform: translateX(0);
		min-width: inherit;
	}
	.sec-top .sec-inner .top-title img{
		height: 80vh;
		object-fit: contain;
		object-position: center;
		position: relative;
		top: 70px;
	}
	/* sec-intro */
	.sec-intro .sub-title{
		font-size: 20px;
		font-size: 5.333vw;
	}
	.sec-intro .intro-wrap .sec-title{
		font-size: 24px;
		font-size: 6.4vw;
	}
	.sec-intro .intro-wrap .sec-text{
		font-size: 14px;
		/* font-size: 3.733vw; */
		text-align: left;
	}
	/* sec land */
	.sec-land .sec-inner .vertical-bar{
		display: none;
	}
	.sec-land .land-block{
		flex-direction: column;
		align-items: inherit;
		padding-bottom: 30px;
		padding-bottom: 8vw;
	}
	.sec-land .land-block-river{
		flex-direction: column-reverse;
	}
	.sec-land .land-block .text-wrap{
		display: block;
	}
	.sec-land .land-block .block-title{
		font-size: 24px;
		margin-bottom: 14px;
		font-size: 6.4vw;
		/* margin-bottom: 3.733vw; */
		writing-mode: inherit;
	}
	.sec-land .land-block .block-text{
		line-height: 1.7;
		font-size: 14px;
		/* font-size: 3.733vw; */
		background: transparent;
		padding: 0;
	}
	.sec-land .land-block:nth-child(2n) .block-text{
		text-align: left;
	}
	.sec-land .land-block .images-wrap{
		margin-top: 20px;
		margin-top: 5.333vw;
	}
	.sec-land .land-block .images-wrap .img-wrap:nth-child(n),
	.sec-land .land-block:nth-child(2n) .images-wrap .img-wrap:nth-child(n){
		position: static;
		width: auto;
		max-width: inherit;
	}
	.sec-land .land-block .images-wrap .img-wrap img{
		height: 300px;
		height: 80vw;
		object-fit: cover;
		object-position: center;
	}
	/* sec video */
	.sec-video .sec-inner{
		padding-bottom: 10px;
		padding-bottom: 2.667vw;
	}
	.sec-video .title-wrap{
		margin-bottom: 20px;
		margin-bottom: 5.333vw;
	}
	.sec-video .title-wrap .sec-title{
		font-size: 20px;
		font-size: 5.333vw;
		padding-left: 20px;
		padding-left: 5.333vw;
	}
	.sec-video .title-wrap .sec-title:before{
		border-width: 7px;
		border-left-width: 14px;
		top: 5px;
		border-width: 1.867vw;
		border-left-width: 3.733vw;
		top: 1.333vw;
	}
	/* sec story */
	.sec-story .story-wrap{
		flex-direction: column;
	}
	.sec-story .story-wrap + .story-wrap{
		margin-top: 60px;
		margin-top: 16vw;
	}
	.sec-story .story-wrap .story-num{
		display: none;
	}
	.sec-story .story-wrap .title-wrap{
		margin-bottom: 20px;
		margin-bottom: 5.333vw;
		order: 0;
	}
	.sec-story .story-wrap .title-wrap-pc{
		/* display: none; */
	}
	.sec-story .story-wrap .title-wrap-sp{
		display: block;
	}
	.sec-story .story-wrap .desc-wrap{
		order: 1;
		width: auto;
	}
	.sec-story .story-wrap .desc-wrap + .title-wrap,
	.sec-story .story-wrap .title-wrap + .desc-wrap{
		margin-left: 0;
	}
	.sec-story .story-wrap .title-wrap,
	.sec-story .story-wrap.story-wrap-2 .title-wrap{
		writing-mode: inherit;
		text-align: center;
		width: 100%;
	}
	.sec-story .story-wrap .title-wrap .title{
		font-size: 24px;
		font-size: 6.4vw;
		text-align: left;
	}
	.sec-story .story-wrap .title-wrap .sub-title{
		font-size: 15px;
		/* font-size: 4vw; */
	}
	.sec-story .story-wrap .title-wrap .title .img-title{
		max-width: inherit;
		width: auto;
		transform: inherit;
		height: 75.5px;
		height: 20.13vw;
	}
	.sec-story .story-wrap .slider-wrap{
		width: 84vw;
	}
	.sec-story .story-wrap .slider-wrap .img-wrap{
		height: auto;
	}
	.sec-story .story-wrap .slider-wrap .img-wrap img{
		height: 200px;
		height: 53.333vw;
		object-fit: cover;
		object-position: center;
	}
	.sec-story .story-wrap .btn-wrap{
		position: static;
		order: 2;
		margin-top: 20px;
		margin-top: 5.333vw;
		display: flex;
		justify-content: flex-start;
		width: 100%;
	}
	/* sec spot */
	.sec-spot .title-wrap{
		margin-bottom: 50px;
	}
	.sec-spot .title-wrap .sec-title-pc .img-title{
		height: 145px;
		height: 24.576vw;
	}
	.sec-spot .spots-wrap{
		display: block;
	}
	.sec-spot .spots-wrap .spot + .spot{
		margin-left: 0;
		margin-top: 65px;
		margin-top: 17.333vw;
	}
	.sec-spot .spots-wrap .spot .main-wrap{
		display: block;
	}
	.sec-spot .spots-wrap .spot .thumb-wrap{
		margin-bottom: 10px;
		margin-bottom: 2.667vw;
		width: auto;
	}
	.sec-spot .spots-wrap .spot .thumb-wrap img{
		width: 100%;
	}
	.sec-spot .spots-wrap .spot .title-wrap{
		margin-bottom: 15px;
		/* margin-bottom: 5.333vw; */
	}
	.sec-spot .spots-wrap .spot .title-wrap .img-wrap .img-num{
		height: 36px;
	}
	.sec-spot .spots-wrap .spot .title-wrap .title .main{
		font-size: 18px;
	}
	.sec-spot .spots-wrap .spot .spot-title{
		font-size: 20px;
		font-size: 5.333vw;
	}
	.sec-spot .spots-wrap .spot .spot-text{
		font-size: 14px;
		/* font-size: 3.733vw; */
		line-height: 2;
	}
	.sec-spot .spots-wrap .spot .text-wrap{
		margin-left: 0;
	}
	.sec-spot .spots-wrap .spot .btn-wrap{
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.sec-spot .spots-wrap .slider-spot .image-wrap{
		padding: 0 10px;
	}
	/* sec booklet */
	.sec-booklet .sec-inner{
		padding: 50px 30px;
		padding: 13.333vw 8vw;
	}
	.sec-booklet .flex-wrap{
		flex-direction: column-reverse;
	}
	.sec-booklet .title-wrap{
		margin: 0 auto 30px;
		margin: 0 auto 8vw;
		display: block;
	}
	.sec-booklet .title-wrap .box-wrap{
		margin-top: 0px;
		margin-bottom: 10px;
		margin-bottom: 2.667vw;
	}
	.sec-booklet .title-wrap .box-wrap .box-black{
		padding: 7px 0;
		width: 110px;
		padding: 1.867vw 0;
		width: 29.333vw;
	}
	.sec-booklet .title-wrap .text-wrap{
		writing-mode: inherit;
	}
	.sec-booklet .title-wrap .text-wrap .sec-title{
		font-size: 24px;
		font-size: 6.4vw;
	}
	.sec-booklet .title-wrap .text-wrap .sec-title-sub{
		font-size: 12px;
		font-size: 3.2vw;
	}
}

/* modal */
.jquery-modal.blocker{
	z-index: 2000;
	background: rgba(0,0,0,.6);
}
.modal img{
	width: 100%;
}
.modal.modal-wrap{
	background: rgba(255,255,255,1);
	padding: 0;
	position: relative;
	color: #000;
	height: 90vh;
	width: 90vw;
	border-radius: 0;
	max-width: 960px;
	box-shadow: none;
	padding: 1px 1px 1px 0;
}
.modal.modal-wrap .modal-inner{
	padding: 5rem;
	padding: clamp(5rem, 11.4583vw, 6rem) clamp(5rem, 14.4583vw, 12rem);
	color: #000;
	width: 100%;
    height: 100%;
	overflow-y: scroll;
}
.modal.modal-wrap a.close-modal{
	display: none;
}
.modal-wrap .close-modal-2{
	position: absolute;
	top: 5rem;
    right: 1.8rem;
	width: 4rem;
	height: 4rem;
	display: block;
}
.modal-wrap .close-modal-2:after,
.modal-wrap .close-modal-2:before{
	content:"";
	width: 3rem;
	height: 1px;
	background: #686868;
	display: inline-block;
	position: absolute;
	top: 50%;
}
.modal-wrap .close-modal-2:after{
	transform: rotate(45deg);
}
.modal-wrap .close-modal-2:before{
	transform: rotate(-45deg);
}
.modal-wrap .modal-title{
	font-family: 'BR-R';
	font-size: 2.4rem;
	margin-bottom: 1.4rem;
	letter-spacing: 6px;
	line-height: 1.8;
}
.modal-wrap .modal-title-jp{
	font-size: 1.6rem;
	margin-bottom: 4rem;
}
.modal-wrap .modal-desc{
	line-height: 1.5;
	font-size: 1rem;
	line-height: 2;
}
.modal-wrap .modal-link{
	border: 1px solid #000;
	border-radius: 4px;
	text-align: center;
	padding: 1.8rem 0;
	transition: 0.2s all linear;
	max-width: 365px;
	display: block;
	color: #000;
	font-size: 1.4rem;
	margin-top: 8.5rem;
}
.modal-wrap .modal-link:hover{
	opacity: 0.6;
}
.modal-wrap .title-wrap {
	margin-bottom: 30px;
}
.modal-wrap .title-wrap .title{
	font-size: 40px;
	font-weight: 700;
}
.modal-wrap .title-wrap .sub-title{
	font-size: 16px;
}
.modal-wrap .img-cap{
	margin-top: 8px;
	font-size: 10px;
}
.modal-wrap .sec{
	margin-top: 30px;
}
.modal-wrap .sec .sec-ttl{
	font-size: 36px;
	margin-bottom: 20px;
}
.modal-wrap .sec .text{
	font-size: 15px;
	line-height: 2;
}
.modal-wrap .sec .text + .text,
.modal-wrap .sec .img-cap + .text{
	margin-top: 20px;
}
.modal-wrap .sec .img-wrap{
	margin-top: 20px;
}
.modal-wrap .sec .profile-wrap{
	display: flex;
	align-items: flex-start;
	margin-top: 60px;
}
.modal-wrap .sec .profile-wrap .img-wrap{
	margin-top: 0;
}
.modal-wrap .sec .profile-wrap .img-wrap + .text-wrap{
	margin-left: 20px;
}
.modal-wrap .sec .profile-wrap .text-wrap .title{
	font-size: 16px;
	margin-bottom: 10px;
}
.modal-wrap .sec .profile-wrap .text-wrap .name{
	font-size: 24px;
}
.modal-wrap .sec .profile-wrap .text-wrap .prof{
	margin-top: 25px;
	font-size: 14px;
}
.modal-wrap .sec .profile-wrap .text-wrap .btn-wrap{
	margin-top: 50px;
}
.modal-wrap .sec .products-wrap{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.modal-wrap .sec .products-wrap .product{
	width: 100%;
}
.modal-wrap .sec .products-wrap .product + .product{
	margin-left: 40px;
}
.modal-wrap .sec .products-wrap .product .title{
	font-size: 15px;
	font-weight: 700;
	margin-top: 20px;
}
.modal-wrap .sec .products-wrap .product .fee{
	font-size: 12px;
	margin-top: 6px;
}
.modal-wrap .sec .products-wrap .product .desc{
	font-size: 12px;
	line-height: 1.8;
	margin-top: 20px;
}
.modal-wrap .sec .products-wrap .product .btn-wrap{
	margin-top: 20px;
}
.modal-wrap .sec .products-wrap .product .btn-wrap .btn-border{
	border: 1px solid #000;
	padding: 10px;
	display: inline-block;
}
.modal-wrap .sec .btn-wrap a[class^=btn] + a[class^=btn]{
	margin-top: 10px;	
}
@media ( min-width: 600px ) {
	/* modal */
	.modal .none-pc{
		display: none;
	}
	.modal.modal-wrap{
	}
	.modal.modal-wrap .modal-inner::-webkit-scrollbar{
		-webkit-appearance: none;
		width: 5px;
	}
	.modal.modal-wrap .modal-inner::-webkit-scrollbar-thumb{
		border-radius: 6px;
		background-color: rgba(0,0,0,.4);
		box-shadow: 0 0 1px rgba(255,255,255,.5);
	}
	.modal.modal-wrap a.close-modal{
		display: none;
	}
	.modal-wrap .close-modal-2{
		position: absolute;
		top: 20px;
		right: 20px;
		width: 40px;
		height: 40px;
		display: block;
	}
	.modal-wrap .close-modal-2:after,
	.modal-wrap .close-modal-2:before{
		content:"";
		width: 40px;
		height: 1px;
		background: #686868;
		display: inline-block;
		position: absolute;
		top: 50%;
	}
	.modal-wrap .close-modal-2:after{
		transform: rotate(45deg);
	}
	.modal-wrap .close-modal-2:before{
		transform: rotate(-45deg);
	}
	.modal-wrap .modal-title{
		font-size: 50px;
		margin-bottom: 26px;
		letter-spacing: 10px;
		line-height: 1.4;
	}
	.modal-wrap .modal-title-jp{
		font-size: 16px;
		margin-bottom: 70px;
	}
	.modal-wrap .modal-desc{
		line-height: 1.5;
		font-size: 16px;
	}
	.modal-wrap .modal-link{
		border: 1px solid #000;
		border-radius: 4px;
		text-align: center;
		padding: 18px 0;
		transition: 0.2s all linear;
		width: 365px;
		display: block;
		color: #000;
		font-size: 16px;
	}
	.modal-wrap .modal-link:hover{
		opacity: 0.6;
	}
	#modal-service-2 .modal-desc br{
		display: inherit;
	}
}
@media ( max-width: 600px ) {
	.jquery-modal.blocker:before{
		height: 0;
	}
	.modal.modal-wrap .modal-inner{
		padding: 5.333vw;
	}
	.modal-wrap .title-wrap .title{
		font-size: 6.933vw;
	}
	.modal-wrap .sec .sec-ttl{
		font-size: 6.4vw;
	}
	.modal-wrap .sec .text{
		line-height: 1.8;
		/* font-size: 3.733vw; */
	}
	.modal-wrap .sec .products-wrap{
		display: block;
	}
	.modal-wrap .sec .products-wrap .product + .product{
		margin-left: 0;
	}
	.modal-wrap .sec .profile-wrap{
		display: block;
		margin-top: 12vw;
		padding-bottom: 2.667vw;
	}
	.modal-wrap .sec .profile-wrap .img-wrap + .text-wrap{
		margin-left: 0;
		margin-top: 4vw;
	}
	.modal-wrap .close-modal-2{
		top: 2.667vw;
		right: 2.667vw;
		width: 8vw;
		height: 8vw;
	}
	.modal-wrap .sec .profile-wrap .text-wrap .title{
		margin-bottom: 2.133vw;
	}
	.modal-wrap .sec .profile-wrap .text-wrap .prof{
		margin-top: 2.133vw;
	}
	.modal-wrap .sec .profile-wrap .text-wrap .btn-wrap{
		margin-top: 6.667vw;
	}
}