@charset "utf-8";
/*-----------------------------------------------
 * SPECIAL - hondorobou
-------------------------------------------------*/
.specialDetailContWrap{
	position: relative;
}
.specialDetailCont{
	position: relative;
	z-index: 1;
	filter: drop-shadow(0 0 8px rgba(0,0,0,80%)) drop-shadow(0 0 6px rgba(0,0,0,80%)) drop-shadow(0 0 4px rgba(0,0,0,80%)) drop-shadow(0 0 2px rgba(0,0,0,80%));
}


/*
 * FORM
 */
.formArea{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 2em 0;
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.formAreaIn{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.25em 0.5em;
}
.fotm_input{
	width: 20em;
	padding: 0.5em 1em;
	border-radius: 0.5em;
	border: 1px solid var(--color-purple63);
}
.form_submit{
	display: block;
	border: 2em;
	padding: 0.5em 1.5em;
	border-radius: 2em;
	border: 1px solid #FFF;
	background-color: var(--color-purple63);
	color: #FFF;
	font-family: var(--main-font-family);
}
.form_error{
	display: none;
	width: 100%;
	font-size: 85%;
	font-weight: 700;
	color: rgb(255, 56, 56);
	margin-top: 0.5em;
	text-align: center;
}
@media screen and (hover:hover) and (pointer: fine){
	.form_submit{
		transition: filter .3s ease, opacity .3s ease;
	}
	.form_submit:hover{
		opacity: 80%;
		filter: brightness(150%);
	}
}
@media screen and (max-width:768px){
	.formArea{
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.fotm_input{
		width: 15em;
	}
}




/*
 * MODAL
 */
.modalBox .closeBtn{
	position: fixed;
}
#successModal .oneModalIn__cont{
	width: 100%;
	padding: min(calc(120 / var(--vw-min) * 100vw), 120px) 0;
	min-height: 100vh;
}
.successModalCont{
	width: 100%;
	max-width: min(calc(960 / var(--vw-min) * 100vw), 960px);
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.successModal__bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.successModal__bgIn{
	position: absolute;
}
.successModal__bgIn:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url(../img/deco/8.png) no-repeat bottom right / contain;
}

.successModal__bg--ani1{
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	transform: translateY(60%);
	opacity: 0;
	width: min(calc(520 / var(--vw-min) * 100vw), 520px);
	height: min(calc(646 / var(--vw-min) * 100vw), 646px);
	transition: transform .4s cubic-bezier(.39,.1,.37,1.27), opacity .3s ease;
}
.--is-standby .successModal__bg--ani1{
	transform: translateY(0%);
	opacity: 1;
}
.successModal__bg--ani1:before{
	background-position: center center;
	transition: transform .4s cubic-bezier(.39,.1,.37,1.27) .65s, opacity .3s ease .65s;
}
.--is-standby .successModal__bg--ani1:before{
	transform: translateY(-60%);
	opacity: 0;
}

.successModal__bg--ani2{
	position: fixed;
	right: max(calc(-96 / var(--vw-min) * 100vw), -96px);
	bottom: max(calc(-32 / var(--vw-min) * 100vw), -32px);
	transform: translateY(60%);
	opacity: 0;
	width: min(calc(392 / var(--vw-min) * 100vw), 392px);
	height: min(calc(488 / var(--vw-min) * 100vw), 488px);
	transition: transform .4s cubic-bezier(.39,.1,.37,1.27), opacity .3s ease;
	z-index: 1;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.successModal__bg--ani2{
		right: calc(-138 / var(--vw-min) * 100vw);
		bottom: calc(-40 / var(--vw-min) * 100vw);
		width: calc(360 / var(--vw-min) * 100vw);
		height: calc(448 / var(--vw-min) * 100vw);
		z-index: 0;
	}
}
.--is-view_ani2 .successModal__bg--ani2{
	opacity: 1;
	transform: translateY(0%);
}


/* HEAD */
.successModal__head{
	font-size: min(calc(40 / var(--vw-min) * 100vw), 40px);
	font-weight: 700;
	font-weight: 700;
	text-align: center;
	color: #FFF;
	line-height: 2;
	padding: 2em 0;
}
@media screen and (max-width:768px){
	.successModal__head{
		font-size: calc(36 / var(--vw-min) * 100vw);
	}
}
.successModal__head--textDeco{
	background: linear-gradient(transparent 70%, #999999 30%);
}

.successModal__head{
	transform: translateY(calc(50vh - 4em - min(calc(120 / var(--vw-min) * 100vw), 120px)));
	transition: transform .6s ease .4s, opacity .3s ease .2s;
}
.successModal__head--text{
	filter:drop-shadow(0 0 12px rgba(0,0,0,40%)) drop-shadow(0 0 2px rgba(0,0,0,80%));
	opacity: 0;
	transform: translateY(50%);
	transition: transform .4s ease, opacity .4s ease;
}

.--is-view_ani1 .successModal__head--text{
	opacity: 1;
	transform: translateY(0%);
}
.--is-view_ani1 .successModal__head--text:nth-of-type(1){
	transition-delay: 0s;
}
.--is-view_ani1 .successModal__head--text:nth-of-type(2){
	transition-delay: 0s;
}
.--is-view_ani1 .successModal__head{
	transform: translateY(0%);
}


/* CONTENT */
.successModal__contents{
	width: min(calc(960 / var(--vw-min) * 100vw), 960px);
}
.successModal__content{
	width: calc(100% - min(calc(140 / var(--vw-min) * 100vw), 140px));
	margin-left: 0;
	filter: unset;
}
.successModal__content:nth-of-type(1){
	padding-top: 0;
}
@media screen and (max-width:768px){
	.successModal__contents{
		width: 100%;
	}
	.successModal__content{
		width: calc(100% - calc(120 / var(--vw-min) * 100vw));
	}
}


.successModal__content--h2{
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 700;
	margin-bottom: 2em;
	background-color: #000;
}
@media screen and (max-width:768px){
	.successModal__content--h2{
		font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	}
}
.successModal__content--h2 > span{
	display: inline-block;
	padding: 0.25em 1em;
}


.successModal__presentLists{
	width: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: min(calc(40 / var(--vw-min) * 100vw), 40px);
	position: relative;
}
.successModal__presentLists._icon{
	grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width:768px){
	.successModal__presentLists{
		grid-template-columns: repeat(2, 1fr);
		gap: min(calc(40 / var(--vw-min) * 100vw), 40px) min(calc(24 / var(--vw-min) * 100vw), 24px);
	}
	.successModal__presentLists._icon{
		grid-template-columns: repeat(2, 1fr);
	}
}

.successModal__presentList{
	width: 100%;
}
.successModal__presentList--link{
	display: block;
	width: 100%;
	text-decoration: none;
	pointer-events: none;
}
.successModal__presentList--image{
	width: 100%;
	border: 1px solid #000;
	pointer-events: auto;
	overflow: hidden;
}
.successModal__presentList--image img{
	width: 100%;
}
.successModal__presentList--btn{
	width: 100%;
	margin-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
	text-align: center;
}
.successModal__presentList--btn_txt{
	display: inline-block;
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 700;
	padding: 0.75em 2em;
	border-radius: 2em;
	background-color: #000;
	border: 1px solid #000;
	line-height: 1;
	pointer-events: auto;
}
@media screen and (max-width:768px){
	.successModal__presentList--btn_txt{
		width: 100%;
		font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
		padding: 0.75em;
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.successModal__presentList--image img{
		transition: transform .3s ease, filter .3s ease;
	}
	.successModal__presentList--link:hover .successModal__presentList--image img{
		transform: scale(105%);
		filter: brightness(112.5%);
	}
	.successModal__presentList--btn_txt{
		transition: background-color .3s ease, color .3s ease;
	}
	.successModal__presentList--link:hover .successModal__presentList--btn_txt{
		background-color: var(--color-purple63);
	}
}


.successModal__contents{
	opacity: 0;
	transition: opacity .4s ease;
}
.--is-view_ani2 .successModal__contents{
	opacity: 1;
}



/**
* specialDetailCont__bg
**/
.specialDetailCont__bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 540px;
	overflow: hidden;
}
@media screen and (max-width:768px){
	.specialDetailCont__bg{
		display: none;
	}
}
.bgItem{
	position: absolute;
	width: min(calc(200 / var(--vw-min) * 100vw), 200px);
	height: min(calc(200 / var(--vw-min) * 100vw), 200px);
}
.bgItem:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: scale(60%);
	transition: transform .4s ease, opacity .3s ease;
}
.bgItem.is-ani:before{
	opacity: 1;
	transform: scale(100%);
}

.bgItem.-item1:before{
	background-image: url(../img/deco/1.png);
}
.bgItem.-item2:before{
	background-image: url(../img/deco/2.png);
}
.bgItem.-item3:before{
	background-image: url(../img/deco/3.png);
}
.bgItem.-item4:before{
	background-image: url(../img/deco/4.png);
}
.bgItem.-item5:before{
	background-image: url(../img/deco/5.png);
}
.bgItem.-item6:before{
	background-image: url(../img/deco/6.png);
}
.bgItem.-item7:before{
	background-image: url(../img/deco/7.png);
}

.modalBox.--is-view_ani2 #successModal .bgItem:before{
	opacity: 1;
	transform: scale(100%);
	transition-delay: 0.2s;
}


.facility{
	margin-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
.facility ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
}
.facility li:first-child{
	width: 10%;
}
.facility li:last-child{
	width: 89%;
}
@media screen and (max-width:768px){
	.facility{
		margin-bottom: calc(60 / var(--vw-min) * 100vw);
	}
	.facility li:first-child{
		width: 20%;
	}
	.facility li:last-child{
		width: 79%;
	}
}