@charset "UTF-8";

html{
	font-size:62.5%;
}
body{
	font-size:16px;
	font-size:1.6rem;
	font-family:-apple-system, BlinkMacSystemFont, Roboto, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8;
	color:#000;
	position:relative;
	text-rendering:optimizeLegibility;
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;

	overflow:auto;
	overflow-x:hidden;

	word-break:break-all;
	word-wrap:break-word;
	overflow-wrap:break-word;
}

img{
	display:block;
	width:100%;
	/* 右クリック、ドラッグ禁止 */
	/*pointer-events:none;*/
	/* スマホの長押し保存禁止 */
	/*-webkit-touch-callout:none;
	-moz-touch-callout:none;

	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	-khtml-user-select:none;

	-webkit-user-drag:none;
	-khtml-user-drag:none;*/

	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
}

ul,ol{
	list-style:none;
}


.cf:before,
.cf:after{
	content:" ";
	display:table;
}
.cf:after{
	clear:both;
}
.cf{
	*zoom:1;
}


.tc{
	text-align:center;
}


.mb0{
	margin-bottom:0 !important;
}


.pb0{
	padding-bottom:0 !important;
}


/* effect */
.effect.e00{
	opacity:0;
}
.effect.e01{
	opacity:0;
}
.xss0{
	opacity:0;
}


/*===============================================*/
/* SP */
/*===============================================*/
.pc{
	display:none !important;
}
.sp{
	display:block !important;
}
span.sp{
	display:inline !important;
}


.wrapper{
	margin:0 auto;
	width:100%;
	overflow:hidden;
	overflow-y:auto;
}
.wrapper.fixed{
	position:fixed;
}

.wrapper .inner{
	margin:0 auto;
	width:100%;
	max-width:1000px;
}


/* .modal */
.modal-shade{
	/*display:none;*/
	position:fixed;
	top:-10px;
	left:0;
	right:0;
	bottom:-10px;
	background-color:rgba(0,0,0,0.85);
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:999999;
}
.modal-shade .modal-container{
	display:table;
	padding:10px 0;
	width:100%;
	height:100%;
}
.modal-shade .modal-container .modal-inner{
	display:table-cell;
	padding:15px 0;
	vertical-align:middle;
}
.modal{
	display:table-cell;
	vertical-align:middle;

	margin:0 auto;
	position:relative;
}

/* .modal01 */
.modal01{
	display:none;
	width:calc(600 / 750 * 100%);
	max-width:420px;
}
.modal01 .close{
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	margin:calc(28 / 600 * 100%) calc(28 / 600 * 100%) 0 0;
	padding:calc(42 / 600 * 100%) 0 0;
	width:calc(42 / 600 * 100%);
	background:url(/quest2/assets/img/m_close01.png) no-repeat left top / 100% 100%;
}
.modal01 .panel{
	/*padding:calc(90 / 600 * 100%) 0 calc(40 / 600 * 100%);*/
	padding:calc(70 / 600 * 100%) 0 calc(65 / 600 * 100%);
	width:100%;
	position:relative;
	background-color:#e60012;
	border-radius:calc(20 / 750 * 100vw);
}
.modal01 .panel .board01{
	position:absolute;
	top:0;
	left:0;
	margin:calc(-60 / 600 * 100%) 0 0 calc(-30 / 600 * 100%);
	width:calc(432 / 600 * 100%);
}
.modal01 .panel .item01{
	margin:0 auto calc(15 / 600 * 100%);
	width:calc(460 / 600 * 100%);
}
.modal01 .panel .text01{
	margin:0 auto;
	width:calc(527 / 600 * 100%);
}
.modal01 .panel .text02{
	margin:0 auto;
	width:calc(500 / 600 * 100%);
}

.modal01 .panel .text03{
	margin:0 auto;
	width:calc(543 / 600 * 100%);
}
.modal01 .panel .item02{
	margin:0 auto;
	width:calc(454 / 600 * 100%);
}
.modal01 .panel .item02>div{
	width:100%;
}
.modal01 .panel .item02>div+div{
	margin-top:calc(26 / 454 * 100%);
}


/* .modal02 */
.modal02{
	display:none;
	margin:0 auto;
	width:calc(680 / 750 * 100%);
}
.modal02 .close{
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	padding:calc(52 / 680 * 100%) 0 0;
	width:calc(53 / 680 * 100%);
	background:url(/quest2/assets/img/m_close02.png) no-repeat left top / 100% 100%;
}
.modal02 .panel{
	margin:0 auto;
	padding:calc(80 / 680 * 100%) 0 0;
	width:100%;
	max-width:690px;
	position:relative;
}

.modal02 .panel .slide01{
	margin:0 auto calc(150 / 680 * 100%);
	width:calc(680 / 750 * 100vw);
	max-width:470px;
	position:relative;
}
.modal02 .panel .slide01.mb-short{
	margin-bottom:calc(50 / 680 * 100%);
}
.modal02 .panel .slide01 .swiper{
	width:100%;
}
.modal02 .panel .slide01 ul{
	width:100%;
	height:auto;
	display:flex;
}
.modal02 .panel .slide01 ul li{
	width:100%;
	height:auto;
}
.modal02 .panel .slide01 .swiper-pagination{
	right:0;
	bottom:0;
	margin:0 auto calc(-76 / 680 * 100%);
	width:80%;
	text-align:center;
	line-height:0;
	font-size:0;
}
.modal02 .panel .slide01 .swiper-pagination .swiper-pagination-bullet{
	margin:0 calc(10 / 750 * 100%);
	padding:calc(16 / 750 * 100%) 0 0;
	width:calc(16 / 750 * 100%);
	height:auto;
	line-height:0;
	font-size:0;
	background-color:#a7a5a5;
	opacity:1;
	outline:none;
	transition:all .8s ease;
}
.modal02 .panel .slide01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#fff;
}
.modal02 .panel .slide01 .slide-arrow01{
	position:absolute;
	bottom:0;
	left:0;
	margin:0 0 calc(-90 / 680 * 100%);
	padding:calc(49 / 680 * 100%) 0 0;
	width:calc(34 / 680 * 100%);
	background:url(/quest2/assets/img/arrow01_01.png) no-repeat left top / 100% 100%;
	cursor:pointer;
}
.modal02 .panel .slide01 .slide-arrow02{
	position:absolute;
	bottom:0;
	right:0;
	margin:0 0 calc(-90 / 680 * 100%);
	padding:calc(49 / 680 * 100%) 0 0;
	width:calc(34 / 680 * 100%);
	background:url(/quest2/assets/img/arrow01_02.png) no-repeat left top / 100% 100%;
	cursor:pointer;
}

.modal02 .panel .text01{
	margin:0 auto calc(15 / 680 * 100%);
	width:100%;
	max-width:470px;
	text-align:center;
	line-height:1.5;
	font-size:calc(24 / 750 * 100vw);
	font-weight:600;
	color:#fff;
}
.modal02 .panel .name01{
	margin:0 auto calc(25 / 680 * 100%);
	width:100%;
	/* max-width:470px; */
	text-align:center;
	line-height:1.5;
	font-size:calc(36 / 750 * 100vw);
	font-weight:600;
	color:#fff;
}
.modal02 .panel .num01{
	margin:0 auto calc(10 / 680 * 100%);
	width:100%;
	max-width:470px;
	text-align:center;
	line-height:1.5;
	font-size:calc(36 / 750 * 100vw);
	font-weight:600;
	color:#fff;
}
.modal02 .panel .text02{
	margin:0 auto calc(40 / 680 * 100%);
	width:100%;
	line-height:2.08;
	font-size:calc(24 / 750 * 100vw);
	font-weight:600;
	color:#fff;
}
.modal02 .panel .text02 .separator{
	margin-top: calc(10 / 680 * 100%);
	display: inline-block;
}
.modal02 .panel .snsn01{
	margin:0 auto;
	width:calc(270 / 680 * 100%);
	max-width:132px;
	display:flex;
	justify-content:space-between;
}
.modal02 .panel .snsn01 a{
	width:calc(100 / 270 * 100%);
}


/* .modal03 */
.modal03{
	display:none;
	margin:0 auto;
	width:100%;
}
.modal03 .close{
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	margin:0 calc(35 / 750 * 100%) 0 0;
	padding:calc(52 / 750 * 100%) 0 0;
	width:calc(53 / 750 * 100%);
	background:url(/quest2/assets/img/m_close02.png) no-repeat left top / 100% 100%;
}
.modal03 .panel{
	margin:0 auto;
	padding:calc(80 / 750 * 100%) 0 0;
	width:100%;
	max-width:1000px;
	position:relative;
}
.modal03 .panel .movie01{
	padding:calc(9 / 16 * 100%) 0 0;
	width:100%;
	position:relative;
}
.modal03 .panel .movie01>iframe{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
}


/*===============================================*/
/* modal 切替 */
/*===============================================*/
@media screen and (min-width:510px){

	/* .modal02 */
	.modal02 .close{
		left:0;
		margin:0 auto;
		padding:0;
		width:470px;
		text-align:right;
		cursor:auto;
		background:none;
	}
	.modal02 .close::after{
		content:"";
		display:inline-block;
		width:38px;
		height:38px;
		background:url(/quest2/assets/img/m_close02.png) no-repeat left top / 100% 100%;
		cursor:pointer;
	}
	.modal02 .panel{
		padding:60px 0 0;
	}
	.modal02 .panel .slide01{
		margin:0 auto 90px;
	}
	.modal02 .panel .slide01.mb-short{
		margin-bottom:35px;
	}
	.modal02 .panel .slide01 .swiper-pagination{
		margin:0 auto -44px;
	}
	.modal02 .panel .slide01 .slide-arrow01{
		margin:0 0 -54px;
		padding:34px 0 0;
		width:24px;
	}
	.modal02 .panel .slide01 .slide-arrow02{
		margin:0 0 -54px;
		padding:34px 0 0;
		width:24px;
	}
	.modal02 .panel .text01{
		margin:0 auto 10px;
		font-size:16px;
	}
	.modal02 .panel .name01{
		margin:0 auto 5px;
		font-size:26px;
	}
	.modal02 .panel .num01{
		margin:0 auto 15px;
		font-size:26px;
	}
	.modal02 .panel .text02{
		margin:0 auto 30px;
		font-size:16px;
		line-height:1.8125;
	}
.modal02 .panel .text02 .separator{
	margin-top: 20px;
}
	.modal02 .panel .snsn01{
		width:132px;
	}
	.modal02 .panel .snsn01 a{
		width:50px;
	}
	.modal02 .panel .name01 .panel-only{
		display: none;
	}
	.frame01-list02-name01 .modal-only{
		display: none;
	}



	/* .modal03 */
	.modal03 .close{
		padding:0;
		width:38px;
		height:38px;
	}
	.modal03 .panel{
		padding:60px 0 0;
	}

}

@media screen and (min-width:769px){

	/* .modal03 */
	.modal03 .close{
		margin:0;
	}
	.modal03{
		width:calc(680 / 750 * 100%);
	}

}


@media screen and (min-width:1000px){

	/* .modal01 */
	.modal01{
		width: 770px;
		max-width: 770px;
	}
	.modal01 .close{
		margin:20px 20px 0 0;
		padding:0;
		width:30px;
		height:30px;
	}
	.modal01 .panel{
		padding: 37px 0 36px;
		border-radius: 20px;
	}
	.modal01 .panel .text03{
		margin:0 auto;
		width:575px;
	}
	.modal01 .panel .item02{
		width: 680px;
		display: flex;
		justify-content: space-between;
	}
	.modal01 .panel .item02>div{
		width: 323px;
	}
	.modal01 .panel .item02>div+div{
		margin-top:0;
	}


}


/* .cp-nav01 */
.cp-nav01{
	padding:calc(112 / 750 * 100%) 0 0;
	width:100%;
	background:url(/quest2/assets/img/bg01.png) no-repeat left top / 100% 100%;
}
.cp-nav01 .floating{
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	background:url(/quest2/assets/img/bg01.png) no-repeat left top / 100% 100%;
	z-index:99999;
}
.cp-nav01 .list01{
	margin:0 auto;
	padding:calc(11 / 750 * 100%) 0;
	width:calc(744 / 750 * 100%);
	display:flex;
	justify-content:space-between;
}
.cp-nav01 .list01 li{
	width:calc(138 / 744 * 100%);
	position:relative;
}
.cp-nav01 .list01 li:last-child {
	pointer-events: none;
}
.cp-nav01 .list01 li.comingsoon::after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:calc(63 / 138 * 100%) 0 0;
	padding:calc(21 / 138 * 100%) 0 0;
	width:100%;
	line-height:0;
	font-size:0;
	background:url(/quest2/assets/img/text01.png) no-repeat center center / cover;
}
.cp-nav01 .list01 li a{
	display:block;
	width:100%;
}


/* .js-jump01 */
.js-jump01{
	display:block;
	line-height:0;
	font-size:0;
	height:0;
	position:relative;
}
.js-jump01>div{
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:0;
	margin-top:calc(-112 / 750 * 100%);
}


/* .cp-door01 */
.cp-door01{
	width:100%;
	position:relative;
	overflow:hidden;
}
.cp-door01 h1{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
}


/* .cp-area01 */
.cp-area01{
	background:#000 url(/quest2/assets/img/line01.png) no-repeat left bottom / 100%;
}
.cp-area01 .block01{
	padding:calc(45 / 750 * 100%) 0;
}
.cp-area01 .pic01{
	margin:0 0 0 calc(27 / 750 * 100%);
	width:calc(696 / 750 * 100%);
}


/* .cp-area02 */
.cp-area02{
	background:
		url(/quest2/assets/img/line01.png) no-repeat left bottom / 100%,
		url(/quest2/assets/img/bg02.jpg) no-repeat left top / cover;
}
.cp-area02 .block01{
	padding:calc(140 / 750 * 100%) 0;
}
.cp-area02 .frame01{
	margin: 0 0 0 calc(75 / 750* 100%);
	width:calc(624 / 750 * 100%);
	position:relative;
}
.cp-area02 .frame01 .text01{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
}

.cp-area02 .frame01 .text02{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	padding:calc(135 / 624 * 100%) 0 0;
	text-align:center;
	line-height:1.5;
	letter-spacing:0.1em;
	font-size:calc(23 / 750 * 100vw);
	font-weight:bold;
	color:#6c2003;
	text-shadow:
		3px 3px 0 #FFF, -3px -3px 0 #FFF,
		-3px 3px 0 #FFF, 3px -3px 0 #FFF,
		0px 3px 0 #FFF, 0 -3px 0 #FFF,
		-3px 0 0 #FFF, 3px 0 0 #FFF;
}
.cp-area02 .frame01 .text02 .p01{
	margin:0 auto calc(36 / 624 * 100%);
	width: calc(441 / 624 * 100%);
}
.cp-area02 .frame01 .text02 .p02{
	margin:0 auto calc(34 / 624 * 100%);
	width: calc(473 / 624 * 100%);
}
.cp-area02 .frame01 .text02 .p03{
	margin: 0 auto;
	width: calc(509 / 624 * 100%);
}


/* .cp-area03 */
.cp-area03{
	background:
		url(/quest2/assets/img/line01.png) no-repeat left bottom / 100%,
		url(/quest2/assets/img/bg05.jpg) repeat left bottom / 100%;
}
.cp-area03 .block01{
	padding:calc(50 / 750 * 100%) 0 calc(75 / 750 * 100%);
}
.cp-area03 .text01{
	margin:0 auto calc(16 / 750 * 100%);
	width:calc(401 / 750 * 100%);
}
.cp-area03 .text02{
	margin:0 auto calc(50 / 750 * 100%);
	width:calc(653 / 750 * 100%);
}
.cp-area03 .text02.pattern02{
	width:calc(620 / 750 * 100%);
}
.cp-area03 .text03{
	margin:0 0 calc(40 / 750 * 100%);
	text-align:center;
	line-height:1;
	font-size:calc(32 / 750 * 100vw);
	font-weight:600;
	color:#fff;
}
.cp-area03 .text03 a{
	color:#fff;
}
.cp-area03 .btn01{
	margin:0 auto;
	width:calc(664 / 750 * 100%);
}
.cp-area03 .btn01:last-child{
	margin-bottom:calc(-18 / 750 * 100%);
}
.cp-area03 .btn01 a{
	display:block;
	pointer-events: none;
}
.cp-area03 .text04{
	margin:0 0 calc(20 / 750 * 100%);
	text-align:center;
	line-height:1.3;
	font-size:calc(40 / 750 * 100vw);
	font-weight:600;
	color:#fff;
}
.cp-area03 .text04 .small{
	font-size:calc(26 / 750 * 100vw);
}
.cp-area03 .text05{
	text-align:center;
	line-height:1;
	font-size:calc(26 / 750 * 100vw);
	font-weight:600;
	color:#fff;
}


/* .cp-area07 */
.cp-area07{
	background:#000 url(/quest2/assets/img/line01.png) no-repeat left bottom / 100%;
}
.cp-area07 .block01{
	padding:calc(70 / 750 * 100%) 0 calc(97 / 750 * 100%);
}
.cp-area07 .text01{
	margin:0 auto calc(22 / 750 * 100%);
	width:calc(355 / 750 * 100%);
}
.cp-area07 .movie01{
	margin:0 auto;
	width:calc(650 / 750 * 100%);
	position:relative;
	cursor:pointer;
}
.cp-area07 .movie01::after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin:calc(-43 / 650 * 100%) 0 0 calc(-43 / 650 * 100%);
	padding:calc(86 / 650 * 100%) 0 0;
	width:calc(86 / 650 * 100%);
	background:url(/quest2/assets/img/play01.png) no-repeat left top / 100% 100%;
}


/* .cp-area04 */
.cp-area04{
	background:
		url(/quest2/assets/img/line01.png) no-repeat left bottom / 100%,
		#000 url(/quest2/assets/img/bg04.jpg) no-repeat left top / 100%;
}
.cp-area04 .block01{
	padding:calc(240 / 750 * 100%) 0 calc(40 / 750 * 100%);
}
.cp-area04 .title01{
	margin:0 0 calc(40 / 750 * 100%);
	width:100%;
}
.cp-area04 .text02{
	margin:0 auto calc(6 / 750 * 100%);
	width:calc(678 / 750 * 100%);
}
.cp-area04 .text01{
	margin:0 auto calc(18 / 750 * 100%);
	width:calc(666 / 750 * 100%);
}
.cp-area04 .tab01{
	margin:0 auto calc(15 / 750 * 100%);
	width:calc(694 / 750 * 100%);
	display:flex;
	justify-content:center;
	flex-wrap:wrap
}
.cp-area04 .tab01 li{
	margin:0 0 calc(10 / 688 * 100%);
	width:calc(344 / 688 * 100%);
	position:relative;
	cursor:pointer;
}
.cp-area04 .tab01 li:last-child{
	margin: 0 auto 0 0;
}
.cp-area04 .tab01 li .on{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	opacity:0;
}
.cp-area04 .tab01 li.active .off{
	opacity:0;
}
.cp-area04 .tab01 li.active .on{
	opacity:1;
}

.cp-area04 .frame01{
	margin:0 auto calc(25 / 750 * 100%);
	padding:calc(1255 / 750 * 100%) 0 0;
	width:calc(680 / 750 * 100%);
	background-color:rgba(0, 0, 0, 0.7);
	border:3px solid #fff;
	border-radius:calc(18 / 750 * 100vw);
	position:relative;
}
.cp-area04 .frame01 .frame01-inner{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	padding:calc(33 / 750 * 100%) 0 0;
}
.cp-area04 .frame01 .frame01-inner:nth-child(n + 2){
	display:none;
}
.cp-area04 .frame01 .frame01-text01{
	margin:0 auto calc(30 / 680 * 100%);
	width:100%;
	text-align:center;
	line-height:1.6;
	font-size:calc(23 / 750 * 100vw);
	font-weight:600;
	color:#fff;
}
.cp-area04 .frame01 .frame01-text01 .pic01.sp{
	display:inline !important;
	vertical-align:middle;
	width:calc(349 / 680 * 100%);
}
.cp-area04 .frame01 .frame01-text02{
	margin:0 auto calc(30 / 680 * 100%);
	width:100%;
	text-align:center;
	line-height:1;
	font-size:calc(28 / 750 * 100vw);
	font-weight:600;
	color:#fff;
}
.cp-area04 .frame01 .frame01-text02 strong{
	font-size:calc(34 / 750 * 100vw);
}
.cp-area04 .frame01 .frame01-text02 .color-red{
	color:#ff0000;
}

.cp-area04 .frame01 .frame01-list01{
	margin:0 auto;
	width:calc(624 / 674 * 100%);
}
.cp-area04 .frame01 .frame01-list01 li{
	margin:0 0 calc(20 / 624 * 100%);
	width:100%;
	position:relative;
}
.cp-area04 .frame01 .frame01-list01 li:last-child{
	margin-bottom:0;
}
.cp-area04 .frame01 .frame01-list01 li>div{
	position:absolute;
	top:0;
	left:0;
}
.cp-area04 .frame01 .frame01-list01-text01{
	margin:calc(30 / 624 * 100%) 0 0;
	width:100%;
	text-align:center;
	line-height:1;
	font-size:calc(24 / 750 * 100vw);
	font-weight:bold;
	color:#6c2003;
}
.cp-area04 .frame01 .frame01-list01-text01 .icon{
	display:inline-block;
	margin:0 calc(7 / 624 * 100%) 0 0;
	width:calc(259 / 624 * 100%);
	vertical-align:middle;
}
.cp-area04 .frame01 .frame01-list01-text01 span{
	display:inline-block;
	transform:translateY(.2em);
}
.cp-area04 .frame01 .frame01-list01-text01 strong{
	font-size:calc(32 / 750 * 100vw);
	color:#ff0000;
}
.cp-area04 .frame01 .frame01-list01-item01{
	margin:calc(35 / 624 * 100%) 0 0 calc(30 / 624 * 100%);
	width:calc(300 / 624 * 100%);
}
.cp-area04 .frame01 .frame01-list01-name01{
	margin:calc(55 / 624 * 100%) 0 0 calc(330 / 624 * 100%);
	width:calc(280 / 624 * 100%);
	height:calc(163 / 330 * 100%);
	text-align:center;
	line-height:1.29;
	font-size:calc(24 / 750 * 100vw);
	font-weight:bold;
	color:#6c2003;
	display:flex;
	justify-content:center;
	align-items:center;
	cursor:pointer;
}
.cp-area04 .frame01 .frame01-list01-name01.sp{
	display:flex !important;
}
.cp-area04 .frame01 .frame01-list01-name01 .small{
	font-size:calc(20 / 750 * 100vw);
}
.cp-area04 .frame01 .frame01-list01-name01 .small-up{
	font-size:calc(20 / 750 * 100vw);
}
.cp-area04 .frame01 .frame01-list01-name01 .small-up2{
	font-size:calc(20 / 750 * 100vw);
}
.cp-area04 .frame01 .frame01-list01-num01{
	margin:calc(217 / 624 * 100%) 0 0 calc(330 / 624 * 100%);
	width:calc(280 / 624 * 100%);
	height:calc(52 / 330 * 100%);
	text-align:center;
	line-height:1;
	font-size:calc(28 / 750 * 100vw);
	font-weight:bold;
	color:#6c2003;
	display:flex;
	justify-content:center;
	align-items:center;
}
.cp-area04 .frame01 .frame01-list01-num01 .small{
	font-size:calc(20 / 750 * 100vw);
}
.cp-area04 .frame01 li>div.frame01-list01-plus{
	position:absolute;
	top:auto;
	left:auto;
	right:0;
	bottom:0;
	margin: 0 calc(7 / 304 * 100%) calc(7 / 304 * 100%) 0;
	padding:calc(46 / 304 * 100%) 0 0;
	width:calc(46 / 304 * 100%);
	line-height:0;
	font-size:0;
	cursor:pointer;
}

.cp-area04 .frame01 .frame01-list02{
	margin:0 auto;
	width:calc(625 / 674 * 100%);
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.cp-area04 .frame01 .frame01-list02 li{
	margin:0 0 calc(20 / 625 * 100%);
	width:calc(304 / 625 * 100%);
	position:relative;
}
.cp-area04 .frame01 .frame01-list02 li:last-child,
.cp-area04 .frame01 .frame01-list02 li:nth-last-child(2){
	margin-bottom:0;
}
.cp-area04 .frame01 .frame01-list02 li>div{
	position:absolute;
	top:0;
	left:0;
	right:0;
}
.cp-area04 .frame01 .frame01-list02-item01{
	margin:calc(35 / 304 * 100%) auto 0;
	width:calc(250 / 304 * 100%);
}
.cp-area04 .frame01 .frame01-list02-name01{
	margin:calc(200 / 304 * 100%) auto 0;
	width:calc(280 / 304 * 100%);
	height:calc(120 / 350 * 100%);
	text-align:center;
	line-height:1.29;
	font-size:calc(24 / 750 * 100vw);
	font-weight:bold;
	color:#6c2003;
	display:flex;
	justify-content:center;
	align-items:center;
}
.cp-area04 .frame01 .frame01-list02-name01.sp{
	display:flex !important;
}
.cp-area04 .frame01 .frame01-list02-name01 .small{
	font-size:calc(20 / 750 * 100vw);
	letter-spacing: -0.1em;
	line-height: 1.3;
}
.cp-area04 .frame01 .frame01-list02-name01 .more-small{
	font-size:calc(18 / 750 * 100vw);
	line-height: 1;
	margin-top: calc(-2 / 750 * 100vw);
}
.cp-area04 .frame01 .frame01-list02-num01{
	margin:calc(291 / 304 * 100%) auto 0;
	width:calc(250 / 304 * 100%);
	height:calc(80 / 350 * 100%);
	text-align:center;
	line-height:1;
	font-size:calc(28 / 750 * 100vw);
	font-weight:bold;
	color:#6c2003;
	display:flex;
	justify-content:center;
	align-items:center;
}
.cp-area04 .frame01 .frame01-list02-num01 .small{
	font-size:calc(20 / 750 * 100vw);
}
.cp-area04 .frame01 li>div.frame01-list02-plus{
	position:absolute;
	top:auto;
	left:auto;
	bottom:0;
	margin: 0 calc(7 / 304 * 100%) calc(7 / 304 * 100%) 0;
	padding:calc(46 / 304 * 100%) 0 0;
	width:calc(46 / 304 * 100%);
	line-height:0;
	font-size:0;
	cursor:pointer;
}

.cp-area04 .btn01{
	margin:0 auto;
	width:calc(664 / 750 * 100%);
}
.cp-area04 .btn01 a{
	display:block;
	pointer-events: none;
}


/* .cp-area05 */
.cp-area05{
	background:
		url(/quest2/assets/img/line01.png) no-repeat left bottom / 100%,
		url(/quest2/assets/img/bg03.jpg) no-repeat left top / cover;
}
.cp-area05 .block01{
	padding:calc(95 / 750 * 100%) 0 calc(114 / 750 * 100%);
}
.cp-area05 .title01{
	margin:0 0 calc(25 / 750 * 100%);
	width:100%;
}
.cp-area05 .text01{
	margin:0 auto calc(15 / 750 * 100%);
	text-align:center;
	line-height:1;
	letter-spacing:0.1em;
	width: calc(321 / 750 * 100%);
}
.cp-area05 .text01 strong{
	font-size:calc(48 / 750 * 100vw);
}

.cp-area05 .list01{
	margin:0 auto calc(45 / 750 * 100%);
	width:calc(650 / 750 * 100%);
}
.cp-area05 .list01 ul{
	width:100%;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap: calc(6 / 650* 100vw);
}
.cp-area05 .list01 ul li{
	margin:0 0 calc(-10 / 650 * 100%);
	padding:calc(15 / 650 * 100%) 0;
	width:calc(105 / 650 * 100%);
	cursor:pointer;
	position:relative;
}
.cp-area05 .list01 ul li:nth-child(1){
	margin-left: calc(-100 / 650* 100vw);
}
.cp-area05 .list01 ul li:nth-child(4){
	margin-right: calc(80 / 650* 100vw);
}
.cp-area05 .list01 ul::before{
	content: "";
	display: block;
	width: 30%;
	order: 0;
}

.cp-area05 .list01 ul li.current::after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	border:2px solid #f00;
	border-radius:6px;
}
.cp-area05 .list01 ul li img{
	margin:0 auto;
	width:calc(82 / 105 * 100%);
}

.cp-area05 .slide01{
	margin:0 auto calc(18 / 750 * 100%);
	width:calc(300 / 750 * 100%);
	position:relative;
}
.cp-area05 .slide01 ul{
	width:100%;
}
.cp-area05 .slide01 ul li{
	width:100%;
}
.cp-area05 .slide01 ul li .item01{
	margin:0 auto calc(20 / 300 * 100%);
	width:calc(243 / 300 * 100%);
}
.cp-area05 .slide01 ul li .item02{
	margin:0 auto;
	width:calc(242 / 300 * 100%);
}
.cp-area05 .balloon01{
	position:absolute;
	top:0;
	right:calc(-193 / 300 * 100%);
	width:calc(206 / 300 * 100%);
	z-index:2;
}

.cp-area05 .arrow01{
	margin:0 auto calc(18 / 750 * 100%);
	width:calc(37 / 750 * 100%);
}

.cp-area05 .frame01{
	margin:0 auto calc(15 / 750 * 100%);
	width:calc(694 / 750 * 100%);
	position:relative;
}
.cp-area05 .frame01 .slide02{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
}
.cp-area05 .frame01 .slide02 ul{
	width:100%;
}
.cp-area05 .frame01 .slide02 ul li{
	padding: 0;
	width:100%;
}
.cp-area05 .frame01 .slide02 ul li .name{
	margin:0 0 calc(20 / 694 * 100%);
	text-align:center;
	line-height:1.2;
	font-size:calc(32 / 750 * 100vw);
	font-weight:bold;
	color:#fff;
}
.cp-area05 .frame01 .slide02 ul li .text{
	text-align:center;
	line-height:1.6;
	font-size:calc(26 / 750 * 100vw);
	color:#fff;
}

.cp-area05 .memo01{
	margin:0 auto;
	width:calc(628 / 750 * 100%);
	text-align:center;
}


/* .cp-area06 */
.cp-area06{
	background:url(/quest2/assets/img/line01.png) no-repeat left bottom / 100%,
	url(/quest2/assets/img/bg05.jpg) repeat left bottom / 100%;;
}
.cp-area06 .block01{
	padding:calc(80 / 750 * 100%) 0 calc(30 / 750 * 100%);
}
.cp-area06 .title01{
	margin:0 auto calc(55 / 750 * 100%);
	width:calc(430 / 750 * 100%);
}

.cp-area06 .list01{
	margin:0 auto calc(30 / 750 * 100%);
	width:calc(680 / 750 * 100%);
}
.cp-area06 .list01 ul{
	margin:0 0 calc(-20 / 680 * 100%);
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.cp-area06 .list01 ul li{
	margin:0 0 calc(20 / 680 * 100%);
	width:calc(330 / 680 * 100%);
}

.cp-area06 .text01{
	margin:0 auto calc(30 / 750 * 100%);
	width:calc(678 / 750 * 100%);
}

.cp-area06 .text02{
	margin:0 0 calc(40 / 694 * 100%);
	text-align:center;
	line-height:1.6;
	font-size:calc(32 / 750 * 100vw);
	font-weight:600;
	color:#fff;
}
.cp-area06 .text03{
	margin:0 0 calc(25 / 694 * 100%);
	text-align:center;
	line-height:1.6;
	font-size:calc(32 / 750 * 100vw);
	font-weight:600;
	color:#fff;
}
.cp-area06 .text03 a{
	color:#fff;
	text-shadow: 0px 0px 10px rgba(0, 3, 37, 0.8);
}
.cp-area06 .text04{
	font-size: calc(32 / 750 * 100vw);
	text-align: center;
	color:#fff;
	font-weight: bold;
	text-shadow: 0px 0px 10px rgba(0, 3, 37, 0.8);
	margin-bottom: calc(45 / 750 * 100%);
	line-height: 1.5625;
}

.cp-area06 .btn01{
	margin:0 auto;
	width:calc(664 / 750 * 100%);
}
.cp-area06 .btn01 a{
	display:block;
	pointer-events: none;
}


/* .cp-sns01 */
.cp-sns01 .block01{
	padding:calc(88 / 750 * 100%) 0 calc(44 / 750 * 100%);
}
.cp-sns01 .list01{
	margin:0 auto;
	width:100%;
	line-height:0;
	font-size:0;
	text-align:center;
}
.cp-sns01 .list01 a{
	display:inline-block;
	width:calc(76 / 750 * 100%);
	position:relative;
}
.cp-sns01 .list01 a + a{
	margin-left:calc(40 / 750 * 100%);
}
.cp-sns01 .list01 a .icon{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:calc(39 / 76 * 100%);
	height:auto;
	margin:auto;
}
.cp-sns01 .list01 a.fb .icon{
	width:calc(23 / 76 * 100%);
}
.cp-sns01 .list01 a.ig .icon{
	width:calc(59 / 76 * 100%);
	top:calc(-2 / 76 * 100%);
}



/* .hover01 */
.hover01{
	display:block;
	opacity:1;
	transition:opacity .2s ease-out;
}
.hover01:hover{
	opacity:0.6;
}


/* .hover02 */
.hover02{
	display:block;
	transform:scale(1, 1);
	transition:transform .2s ease-in-out;
}
.hover02:hover{
	transform:scale(1.03, 1.03);
}


/*===============================================*/
/* PC */
/*===============================================*/
@media screen and (min-width:1000px){

	.pc{
		display:block !important;
	}
	.sp,
	span.sp{
		display:none !important;
	}


	/* .cp-nav01 */
	.cp-nav01{
		padding:0;
		height:84px;
		background:url(/quest2/assets/img/pc/bg01.png) repeat-x left top / auto;
	}
	.cp-nav01 .floating{
		height:84px;
		background:url(/quest2/assets/img/pc/bg01.png) repeat-x left top / auto;
	}
	.cp-nav01 .list01{
		padding:7px 0 0;
		width:740px;
	}
	.cp-nav01 .list01 li{
		width:140px;
	}
	.cp-nav01 .list01 li.comingsoon::after{
		margin:48px 0 0;
		padding:0;
		height:18px;
		background-image:url(/quest2/assets/img/pc/text01.png);
	}


	/* .js-jump01 */
	.js-jump01>div{
		margin-top:-84px;
	}


	/* .cp-area01 */
	.cp-area01{
		background:#000 url(/quest2/assets/img/pc/line01.png) repeat-x left bottom / auto;
	}
	.cp-area01 .block01{
		padding:30px 0;
	}
	.cp-area01 .pic01{
		margin:0 0 0 200px;
		width:592px;
	}


	/* .cp-area02 */
	.cp-area02{
		height:702px;
		background:
			url(/quest2/assets/img/pc/line01.png) repeat-x left bottom / auto,
			url(/quest2/assets/img/pc/bg02.jpg) no-repeat center center / cover;
	}
	.cp-area02 .block01{
		padding:78px 0 0;
	}
	.cp-area02 .frame01{
		margin:0 0 0 106px;
		width:813px;
	}
	.cp-area02 .frame01 .text02{
		padding:100px 0 0;
		font-size:17px;
	}
	.cp-area02 .frame01 .text02 .p01{
		margin:0 auto 25px;
		max-width: 365px;
	}
	.cp-area02 .frame01 .text02 .p02{
		margin:0 auto 25px;
		max-width: 523px;
	}
	.cp-area02 .frame01 .text02 .p03{
		max-width: 415px;
		margin: 0 auto;
	}


	/* .cp-area03 */
	.cp-area03{
		background:
			url(/quest2/assets/img/pc/line01.png) repeat-x left bottom / auto,
			url(/quest2/assets/img/bg05.jpg) repeat left bottom / 100%;
			
	}
	.cp-area03 .block01{
		padding:39px 0 67px;
	}
	.cp-area03 .text01{
		margin:0 auto 16px;
		width:525px;
	}
	.cp-area03 .text02{
		margin:0 auto 30px;
		width:457px;
	}
	.cp-area03 .text02.pattern02{
		width:504px;
	}
	.cp-area03 .text03{
		margin:0 0 25px;
		font-size:20px;
	}
	.cp-area03 .btn01{
		margin:0 auto 15px;
		width:530px;
	}
	.cp-area03 .text04{
		margin:-15px 0 0;
		font-size:26px;
		line-height: 1.28;
	}
	.cp-area03 .text04 .small{
		font-size:18px;
	}
	/* .cp-area03 .text05{
		font-size:18px;
	} */


	/* .cp-area07 */
	.cp-area07{
		background:#000 url(/quest2/assets/img/pc/line01.png) repeat-x left bottom / auto;
	}
	.cp-area07 .block01{
		padding:56px 0 70px;
	}
	.cp-area07 .text01{
		margin:0 auto 23px;
		width:258px;
	}
	.cp-area07 .movie01{
		width:650px;
	}
	.cp-area07 .movie01::after{
		margin:-43px 0 0 -43px;
		padding:86px 0 0;
		width:86px;
	}


	/* .cp-area04 */
	.cp-area04{
		background:
			url(/quest2/assets/img/pc/line01.png) repeat-x left bottom / auto,
			#000 url(/quest2/assets/img/pc/bg04b.jpg) no-repeat top center / cover;
		position:relative;
	}
	.cp-area04 .block01{
		padding:170px 0 75px;
	}
	.cp-area04 .title01{
		position:absolute;
		top:76px;
		left:0;
		right:0;
		margin:0;
		height:83px;
		background:url(/quest2/assets/img/pc/title01_bg.png) repeat-x left top / auto;
	}
	.cp-area04 .title01 img{
		margin:0 auto;
		width:1000px;
	}

	.cp-area04 .text02{
		margin:0 auto 6px;
		width:523px;
	}
	.cp-area04 .text01{
		margin:6px auto 16px;
		width:620px;
	}
	.cp-area04 .tab01{
		margin:0 auto 0;
		width:702px;
	}
	.cp-area04 .tab01 li{
		margin:0;
		width:234px;
	}
	.cp-area04 .tab01 li:last-child{
		margin:0;
		width:234px;
	}
	.cp-area04 .frame01{
		margin:-5px auto 23px;
		padding:765px 0 0;
		width:900px;
		border:4px solid #fff;
		border-radius:20px;
	}
	.cp-area04 .frame01 .frame01-inner{
		padding:20px 0 0;
	}
	.cp-area04 .frame01 .frame01-text01{
		margin:0 auto 18px;
		line-height:1.6;
		font-size:20px;
	}
	.cp-area04 .frame01 .frame01-text01 .pic01.sp{
		display:none !important;
	}
	.cp-area04 .frame01 .frame01-text01 .pic01.pc{
		display:inline !important;
		vertical-align:middle;
		width:279px;
	}
	.cp-area04 .frame01 .frame01-text02{
		margin:0 auto 25px;
		font-size:22px;
	}
	.cp-area04 .frame01 .frame01-text02 strong{
		font-size:26px;
	}

	.cp-area04 .frame01 .frame01-list01{
		width:840px;
		display:flex;
		justify-content:space-between;
	}
	.cp-area04 .frame01 .frame01-list01 li{
		margin:0;
		width:274px;
	}
	.cp-area04 .frame01 .frame01-list01 li>div{
		right:0;
	}
	.cp-area04 .frame01 .frame01-list01-text01{
		margin:27px 0 0;
		line-height:1.4;
		font-size:16px;
	}
	.cp-area04 .frame01 .frame01-list01-text01 .icon{
		margin:0;
		width:182px;
	}
	.cp-area04 .frame01 .frame01-list01-text01 span{
		transform:translateY(0);
	}
	.cp-area04 .frame01 .frame01-list01-text01 strong{
		font-size:22px;
	}
	.cp-area04 .frame01 .frame01-list01-item01{
		margin:90px auto 0;
		width:225px;
		cursor:pointer;
	}
	.cp-area04 .frame01 .frame01-list01-name01{
		margin:260px auto 0;
		width:240px;
		height:61px;
		line-height:1.2;
		font-size:16px;
	}
	.cp-area04 .frame01 .frame01-list01-name01.pc{
		display:flex !important;
	}
	.cp-area04 .frame01 .frame01-list01-name01 .small{
		font-size:14px;
	}
	.cp-area04 .frame01 .frame01-list01-num01{
		margin:322px auto 0;
		width:240px;
		height:40px;
		font-size:25px;
	}
	.cp-area04 .frame01 .frame01-list01-name01.sp{
		display: none !important;
	}
	.cp-area04 .frame01 .frame01-list01-num01 .small{
		font-size:18px;
	}
	.cp-area04 .frame01 li>div.frame01-list01-plus{
		margin: 0 6px 6px 0;
		padding:42px 0 0;
		width:42px;
	}

	.cp-area04 .frame01 .frame01-list02{
		width:840px;
		display: flex !important;
		justify-content:flex-start;
	}
	.cp-area04 .frame01 .frame01-list02 li{
		margin:0 9px 10px 0;
		width:274px;
	}
	.cp-area04 .frame01 .frame01-list02 li:nth-child(3n){
		margin-right:0;
	}
	.cp-area04 .frame01 .frame01-list02 li:last-child,
	.cp-area04 .frame01 .frame01-list02 li:nth-last-child(2),
	.cp-area04 .frame01 .frame01-list02 li:nth-last-child(3){
		margin-bottom:0;
	}
	.cp-area04 .frame01 .frame01-list02-item01{
		margin:40px auto 0;
		width:225px;
		cursor:pointer;
	}
	.cp-area04 .frame01 .frame01-list02-name01{
		margin:205px auto 0;
		width:243px;
		height:70px;
		line-height:1.2;
		font-size:18px;
		cursor:pointer;

	}
	.cp-area04 .frame01 .frame01-list02-name01.pc{
		display:flex !important;
	}
	.cp-area04 .frame01 .frame01-list02-name01 .small{
		font-size:15px;
		letter-spacing: -0.025em;
		line-height: 1.46;
	}
	.cp-area04 .frame01 .frame01-list02-name01 .small-up{
		font-size:15px;
		margin-top: -3px;
		letter-spacing: -0.025em;
	}
	.cp-area04 .frame01 .frame01-list02-name01 .more-small{
		font-size:13px;
		letter-spacing: 0.01em;
		line-height: 1;
		margin-top: -5px;
	}
	.cp-area04 .frame01 .frame01-list02-num01{
		margin:282px auto 0;
		width:240px;
		height:36px;
		font-size:25px;
		display: flex !important;
	}
	.cp-area04 .frame01 .frame01-list02-num01 .small{
		font-size:18px;
	}
	.cp-area04 .frame01 li>div.frame01-list02-plus{
		margin: 0 6px 6px 0;
		padding:42px 0 0;
		width:42px;
	}

	.cp-area04 .btn01{
		width:530px;
	}


	/* .cp-area05 */
	.cp-area05{
		height:920px;
		background:
			url(/quest2/assets/img/pc/line01.png) repeat-x left bottom / auto,
			url(/quest2/assets/img/pc/bg03.jpg) repeat-x center top / auto;
		position:relative;
	}
	.cp-area05 .block01{
		padding:155px 0 0;
	}
	.cp-area05 .title01{
		position:absolute;
		top:50px;
		left:0;
		right:0;
		margin:0;
		height:83px;
		background:url(/quest2/assets/img/pc/title01_bg.png) repeat-x left top / auto;
	}
	.cp-area05 .title01 img{
		margin:0 auto;
		width:1000px;
	}
	.cp-area05 .text01{
		margin:0 auto 5px;
		max-width: 264px;
	}
	.cp-area05 .text01 strong{
		font-size:40px;
	}

	.cp-area05 .list01{
		margin:0 auto 20px;
		width:450px;
	}
	.cp-area05 .list01 ul{
	justify-content: space-between;
	gap: 0;
	}
	.cp-area05 .list01 ul::before{
		content: none;
	}
	.cp-area05 .list01 ul li{
		margin:0;
		padding:7px 0;
		width:48px;
	}
	.cp-area05 .list01 ul li:nth-child(1){
		margin-left: 0;
	}
	.cp-area05 .list01 ul li:nth-child(4){
		margin-right: 0;
	}
	.cp-area05 .list01 ul li img{
		width:38px;
	}

	.cp-area05 .slide01{
		margin:0 auto 10px;
		width:164px;
	}
	.cp-area05 .slide01 ul li .item01{
		margin:0 auto 12px;
		width:133px;
	}
	.cp-area05 .slide01 ul li .item02{
		width:127px;
	}
	.cp-area05 .arrow01{
		margin:0 auto 21px;
		width:37px;
	}
	.cp-area05 .frame01{
		margin:0 auto 10px;
		width:852px;
	}
	.cp-area05 .frame01 .slide02 ul li{
		padding:0 0 0;
	}
	.cp-area05 .frame01 .slide02 ul li .name{
		margin:0 0 5px;
		font-size:24px;
		text-shadow: 3px 3px 0 #000, -3px -3px 0 #000, -3px 3px 0 #000, 3px -3px 0 #000, 0px 3px 0 #000, 0 -3px 0 #000, -3px 0 0 #000, 3px 0 0 #000;
	}
	.cp-area05 .frame01 .slide02 ul li .text{
		font-size:18px;
	}

	.cp-area05 .memo01{
		width:570px;
	}


	/* .cp-area06 */
	.cp-area06{
		background:url(/quest2/assets/img/pc/line01.png) repeat-x left bottom / auto, url(/quest2/assets/img/bg05.jpg) repeat left bottom / 100%;
	}
	.cp-area06 .block01{
		padding:65px 0 75px;
	}
	.cp-area06 .title01{
		margin:0 auto 45px;
		width:330px;
	}

	.cp-area06 .list01{
		margin:0 auto 30px;
		width:840px;
	}
	.cp-area06 .list01 ul{
		margin:0;
	}
	.cp-area06 .list01 ul li{
		margin:0;
		width:200px;
	}

	.cp-area06 .text01{
		margin:0 auto 20px;
		width:477px;
	}

	.cp-area06 .text02{
		margin:0 0 30px;
		font-size:22px;
	}
	.cp-area06 .text03{
		margin:0 0 15px;
		font-size:24px;
	}
	.cp-area06 .text03 a{
		color:#fff;
	}
	.cp-area06 .text04{
		font-size: 22px;
		text-align: center;
		color:#fff;
		font-weight: bold;
		text-shadow: 0px 0px 10px rgba(0, 3, 37, 0.8);
		margin-bottom: 30px;
	}

	.cp-area06 .btn01{
		width:530px;
	}


	/* .cp-sns01 */
	.cp-sns01 .block01{
		padding:46px 0 24px;
	}
	.cp-sns01 .list01 a{
		width:44px;
	}
	.cp-sns01 .list01 a + a{
		margin-left:28px;
	}

}