@charset "utf-8";
.tMain{
	position: relative;
	z-index: 1;
}


/*-----------------------------------------------
 * tLoading
-------------------------------------------------*/
.tLoading{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1002;
	background-color: #fff;

	/* display: none; */
}
.tLoading__bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.tLoading__bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(102%);
	transition: filter .3s ease;
}

.tLoading__flower{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.tLoading__flowerImage{
	width: min(calc(160 / var(--vw-min) * 100vw), 160px);
	height: min(calc(160 / var(--vw-min) * 100vw), 160px);
	position: relative;
	animation: 0.8s ani_loadingFlower__scaleOut cubic-bezier(.36,.23,.55,1) forwards;
	animation-play-state: paused;
}
.tLoading__flowerImage--img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	filter: blur(4px);
	animation: 0.6s ani_loadingFlower__scaleIn cubic-bezier(.36,.23,.55,1) forwards;
	animation-delay: 0.2s;
}
.tLoading__flowerImage--img:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	filter: drop-shadow(0 0 18px rgba(255, 255, 255, 60%)) drop-shadow(0 0 8px rgba(255, 255, 255, 60%)) brightness(101%);
	animation: 6s rotate linear infinite;
}

/* flower0 */
.tLoading__flower[data-flower="0"] .tLoading__flowerImage--img:before{
	background-image: url(../img/common/bg/deco_flower0.png);
}

/* flower1 */
.tLoading__flower[data-flower="1"] .tLoading__flowerImage--img:before{
	background-image: url(../img/common/bg/deco_flower1.png);
}

/* flower2 */
.tLoading__flower[data-flower="2"] .tLoading__flowerImage--img:before{
	background-image: url(../img/common/bg/deco_flower2.png);
}

/* flower3 */
.tLoading__flower[data-flower="3"] .tLoading__flowerImage--img:before{
	background-image: url(../img/common/bg/deco_flower3.png);
}


@keyframes ani_loadingFlower__scaleIn{
	0%{
		opacity: 0;
		filter: blur(4px);
		transform: rotate(0deg) scale(10%);
	}
	100%{
		opacity: 1;
		filter: blur(0px);
		transform: rotate(60deg) scale(100%);
	}
}
@keyframes ani_loadingFlower__scaleOut{
	0%{
		opacity: 1;
		filter: blur(0px);
		transform: rotate(0deg) scale(100%);
	}
	100%{
		opacity: 0;
		filter: blur(8px);
		transform: rotate(90deg) scale(200%);
	}
}


.tLoading__txt{
	line-height: 1;
	margin-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
	height: min(calc(26 / var(--vw-min) * 100vw), 26px);
	animation: 0.4s ani_loadingText_fadeOut cubic-bezier(.36,.23,.55,1) forwards;
	animation-play-state: paused;
}
@media screen and (max-width:768px){
	.tLoading__txt{
		margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
		height: min(calc(32 / var(--vw-min) * 100vw), 32px);
	}
}
.tLoading__txt--img{
	height: 100%;
	opacity: 0;
	animation: 0.4s ani_loadingText cubic-bezier(.36,.23,.55,1) forwards;
	animation-delay: 0.3s;
}
.tLoading__txt img{
	height: 100%;
}

@keyframes ani_loadingText {
	0%{
		opacity: 0;
		filter: blur(4px);
		transform: scale(100%) translateY(50%);
	}
	100%{
		opacity: 1;
		filter: blur(0px);
		transform: scale(100%) translateY(0%);
	}
}
@keyframes ani_loadingText_fadeOut {
	0%{
		opacity: 1;
		filter: blur(0px);
		transform: scale(100%) translateY(0%);
	}
	100%{
		opacity: 0;
		filter: blur(4px);
		transform: scale(100%) translateY(50%);
	}
}


/* is-loading */
body.--is-loading .tLoading__bg img{
	filter: brightness(100%);
}
body.--is-loading .tLoading__flowerImage{
	animation-play-state: running;
}
body.--is-loading .tLoading__txt{
	animation-play-state: running;
}




/*-----------------------------------------------
 * MV
-------------------------------------------------*/
.mv{
	width: 100%;
	position: relative;
	z-index: 2;
	padding-top: min(calc(74 / var(--vw-min) * 100vw), calc(74px * var(--max-percent)));
}
.mv .contBg__t{
	height: calc(824 / var(--vw-min) * 100vw);
}

@media screen and (max-width:768px){
	.mv{
		min-height: calc(1136 / var(--vw-min) * 100vw);
		padding-top: calc(67 / var(--vw-min) * 100vw);
	}
	.mv .contBg__t{
		height: min(calc(900 / var(--vw-min) * 100vw), 900px);
	}
}


/**
* mvContArea
**/
.mvContArea{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}
.mvContArea.-back{
	z-index: 0;
}
.mvContAreaIn{
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	height: min(100vh, 100%);
	min-height: 640px;
}
.mvTitleWrap{
	position: absolute;
	top: 0;
	left: 0;
	width: 37%;/* 444 */
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mvTitleInWrap{
	width: min(calc(336 / var(--vw-min) * 100vw), calc(336px * var(--max-percent)));/* 336 */
	max-width: calc(336 / var(--vh-min) * 100vh);
}
.mvTitleCont{
	width: 100%;/* 336 */
	padding-top: 86.31%;/* 290 */
	position: relative;
}
.mvTitleCont__bg{
	width: 192.262%;/* 646 */
	height: 183.1035%;/* 531 */
	position: absolute;
	top: -23.4483%;/* -68 */
	left: -29.762%;/* -100 */
	background: url(../img/top/fv_logo_bg.png) no-repeat center / contain;
}
.mvTitleCont__squere{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/top/fv_logo_square.svg) no-repeat center / contain;
}
.mv_titleLogo{
	width: 67.262%;/* 226 */
	height: 137.2414%;/* 398 */
	position: absolute;
	top: -18.9656%;/* -55 */
	right: 10.4167%;/* 35 */
}
.mv_titleLogo img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: drop-shadow(0 0 15px rgba(255,255,255,1)) drop-shadow(0 0 8px rgba(255,255,255,1)) drop-shadow(0 0 8px rgba(255,255,255,1)) drop-shadow(0 0 8px rgba(255,255,255,1));
}
.mv_onairInfo{
	width: 18.75%;/* 63 */
	height: 151.0345%;/* 438 */
	position: absolute;
	top: 8.2759%;/* 24 */
	left: 3.8691%;/* 13 */
}
.mv_onairInfo img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: left top;
}

@media screen and (max-width:768px){
	.mvContArea.-back{
		z-index: 3;
	}
	.mvContAreaIn{
		position: absolute;
		height: auto;
		min-height: unset;
	}
	.mvTitleWrap{
		display: block;
		width: calc(336 / var(--vw-min) * 100vw);
		bottom: unset;
		left: calc(24 / var(--vw-min) * 100vw);
		margin-top: calc(696 / var(--vw-min) * 100vw);
	}
	.mvTitleInWrap{
		width: 100%;
		max-width: 100%;
	}
}



/**
* mvVisualArea
**/
.mvVisualArea{
	position: relative;
	margin-left: auto;
	width: 51.3334%;/* 616 */
	margin-right: 11.6667%;/* 140 */
}
.mvVisualArea:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/top/visual/visual_frame.svg) no-repeat center / cover;
	z-index: 2;
}
.mvVisualImageWrap{
	width: 100%;
	padding-top: 141.4286%;
	position: relative;
}
.mvVisualImage__cont,
.mvVisualImage-layerGroup,
.mvVisualImage-layer{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.mvVisualImage-layer img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width:768px){
	.mvVisualArea{
		width: calc(616 / var(--vw-min) * 100vw);
		margin-right: auto;
	}
}



/**
* mvFrontBg
**/
.mvFrontBgArea{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	pointer-events: none
}
.mvFrontBg__flower{
	position: absolute;
}
.flowerImg{
	position: relative;
}
.flowerImg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}

.mvFrontBg__flower.-flower1{
	width: 13.1667%;/* 158 */
	padding-top: min(calc(87 / var(--vw-min) * 100vw), calc(87px * var(--max-percent)));
	top: min(calc(45 / var(--vw-min) * 100vw), calc(45px * var(--max-percent)));
	left: 0;
}
.mvFrontBg__flower.-flower1 .flowerImg{
	background-image: url(../img/common/bg/bg_deco_flower1.png);
	background-position: left top;
}

.mvFrontBg__flower.-flower2{
	width: 11.1667%;/* 134 */
	padding-top: min(calc(97 / var(--vw-min) * 100vw), calc(97px * var(--max-percent)));
	top: 0;
	right: 4.75%;/* 57 */
	margin-top: calc((347 / var(--vw-min) * 100vw) + min(calc(74 / var(--vw-min) * 100vw), calc(74px * var(--max-percent))));
}
.mvFrontBg__flower.-flower2 .flowerImg{
	background-image: url(../img/common/bg/bg_deco_flower2.png);
	background-position: center center;
}

.mvFrontBg__flower.-flower3{
	width: 14.6667%;/* 176 */
	padding-top: min(calc(150 / var(--vw-min) * 100vw), calc(150px * var(--max-percent)));
	top: 0;
	left: 26.0834%;/* 313 */
	margin-top: calc((650 / var(--vw-min) * 100vw) + min(calc(74 / var(--vw-min) * 100vw), calc(74px * var(--max-percent))));
}
.mvFrontBg__flower.-flower3 .flowerImg{
	background-image: url(../img/common/bg/bg_deco_flower3.png);
	background-position: center top;
}

@media screen and (max-width:768px){
	.mvFrontBg__flower.-flower1{
		width: calc(182 / var(--vw-min) * 100vw);
		padding-top: calc(87 / var(--vw-min) * 100vw);
		top: calc(11 / var(--vw-min) * 100vw);
	}
	.mvFrontBg__flower.-flower1 .flowerImg{
		background-image: url(../img/common/bg/bg_deco_flower1-s.png);
	}
	.mvFrontBg__flower.-flower2{
		width: calc(135 / var(--vw-min) * 100vw);
		padding-top: calc(97 / var(--vw-min) * 100vw);
		right: calc(6 / var(--vw-min) * 100vw);
		margin-top: calc(466 / var(--vw-min) * 100vw);
	}
	.mvFrontBg__flower.-flower3{
		width: calc(177 / var(--vw-min) * 100vw);
		padding-top: calc(150 / var(--vw-min) * 100vw);
		left: calc(-29 / var(--vw-min) * 100vw);
		margin-top: calc(479 / var(--vw-min) * 100vw);
	}
}


/** 
* LoadAni
**/
.mvVisualImageWrap{
	filter: brightness(400%) blur(8px);
	transition: filter 1.2s cubic-bezier(.49,.26,.55,.98) .6s;
	overflow: hidden;
}
.mvVisualImageWrap:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-mask: url(../img/top/visual/visual1.png) no-repeat center / contain;
	mask: url(../img/top/visual/visual1.png) no-repeat center / contain;
	background-color: #fff;
	transition: opacity .4s ease .6s;
	z-index: 1;
}
body.--is-loading .mvVisualImageWrap{
	filter: brightness(100%) blur(0px);
}
body.--is-loading .mvVisualImageWrap:before{
	opacity: 0;
}

.mvVisualImage__cont{
	transform: scale(112%);
	transition: transform 1.4s cubic-bezier(.43,.66,.72,1);
}
.mvVisualImage-layer.-visual1_catch{
	opacity: 0;
	transition: opacity .6s ease 1.0s;
}
body.--is-loaded .mvVisualImage__cont{
	transform: scale(100%);
}
body.--is-loaded .mvVisualImage-layer.-visual1_catch{
	opacity: 1;
}



/* logo */
.mvTitleCont__bg{
	filter: blur(2px);
	opacity: 0;
	transition: opacity .6s ease .4s, filter .8s ease .4s;
}
body.--is-loaded .mvTitleCont__bg{
	filter: blur(0px);
	opacity: 1;
}

.mvTitleCont__squere{
	opacity: 0;
	transform: rotate(-240deg) scale(20%);
	transition: opacity .6s ease .2s, transform .8s ease .2s;
}
body.--is-loaded .mvTitleCont__squere{
	opacity: 1;
	transform: rotate(0deg) scale(100%);
}

.mv_titleLogo{
	transform: translateY(-12.5%);
	opacity: 0;
	transition: opacity .4s ease .4s, transform .5s ease .4s;
}
body.--is-loaded .mv_titleLogo{
	transform: translateY(0%);
	opacity: 1;
}

.mv_onairInfo{
	transform: translateY(12.5%);
	opacity: 0;
	transition: opacity .4s ease .4s, transform .5s ease .4s;
}
body.--is-loaded .mv_onairInfo{
	transform: translateY(0%);
	opacity: 1;
}



/*-----------------------------------------------
 * MAIN SECTION - COMMON
-------------------------------------------------*/
.contBg__tGrad{
	height: 100%;
	-webkit-mask: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 63.1068%, rgba(0, 0, 0, 0) 100%);
	mask: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 63.1068%, rgba(0, 0, 0, 0) 100%);
}

/* Title - scrollAnimation */
.js-scrani .contentTitle--ja:before{
	transform: scale(20%);
	opacity: 0;
	transition: transform .4s cubic-bezier(.54,1.82,.81,1.06), opacity .2s cubic-bezier(.54,1.82,.81,1.06);
}
.js-scrani.--is-ani .contentTitle--ja:before{
	transform: scale(100%);
	opacity: 1;
}

.js-scrani .contentTitle--ja_txt{
	transform: translateY(0.5em);
	opacity: 0;
	transition: transform .4s cubic-bezier(.32,.32,.58,.97) .2s, opacity .3s cubic-bezier(.54,1.82,.81,1.06) .2s;
}
.js-scrani.--is-ani .contentTitle--ja_txt{
	transform: translateY(0em);
	opacity: 1;
}

.js-scrani .contentTitle.-vert .contentTitle--en{
	transform: translateX(-0.5em);
	opacity: 0;
	transition: transform .4s cubic-bezier(.32,.32,.58,.97) .3s, opacity .3s cubic-bezier(.54,1.82,.81,1.06) .3s;
}
.js-scrani.--is-ani .contentTitle.-vert .contentTitle--en{
	transform: translateX(0em);
	opacity: 1;
}

.js-scrani .contentTitle.-hz .contentTitle--en{
	transform: translateY(-0.5em);
	opacity: 0;
	transition: transform .4s cubic-bezier(.32,.32,.58,.97) .3s, opacity .3s cubic-bezier(.54,1.82,.81,1.06) .3s;
}
.js-scrani.--is-ani .contentTitle.-hz .contentTitle--en{
	transform: translateY(0em);
	opacity: 1;
}

.js-scrani .contentTitle.-deco_flower:after{
	transform: scale(20%) rotate(-120deg);
	opacity: 0;
	transition: opacity .6s ease .5s, transform .8s ease .5s;
}
.js-scrani.--is-ani .contentTitle.-deco_flower:after{
	opacity: 1;
	transform: scale(100%) rotate(0deg);
}



/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
#news{
	padding-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
#news .contentIn.-flex{
	padding: 0 6.6667%;/* 0 80 */
}
#news .contentTitle.-vert{
	padding-right: min(calc(88 / var(--vw-min) * 100vw), calc(88px * var(--max-percent)));
}
#news .contentInCont{
	width: 100%;
	display: flex;
}

.newsContArea{
	width: 100%;
	padding-right: min(calc(60 / var(--vw-min) * 100vw), calc(60px * var(--max-percent)));
}
.newsLists{
	width: 100%;
}
.newsList{
	width: 100%;
}
.newsList:not(:last-child){
	margin-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
.newsList__link{
	display: block;
	text-decoration: none;
	padding: 0 min(calc(40 / var(--vw-min) * 100vw), 40px) min(calc(20 / var(--vw-min) * 100vw), 20px) min(calc(20 / var(--vw-min) * 100vw), 20px);
	position: relative;
	color: var(--color-black);
}
.newsList__link:before{
	content: '';
	position: absolute;
	top: min(calc(5 / var(--vw-min) * 100vw), 5px);
	left: 0;
	width: min(calc(10 / var(--vw-min) * 100vw), 10px);
	height: min(calc(10 / var(--vw-min) * 100vw), 10px);
	transform: rotate(45deg);
	background-color: var(--color-pink);
}
.newsList__date{
	display: block;
	line-height: 1;
	font-family: var(--font-en);
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 600;
	color: var(--color-pink);
}
.newsList__title{
	font-weight: 700;
	line-height: 2;
	margin-top: min(calc(14 / var(--vw-min) * 100vw), 14px);
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.newsList__arrow{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
}
.newsList__arrow:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	width: 100%;
	background-color: var(--color-yellow);
}
.newsList__arrow > span{
	width: 54px;
	height: 9px;
	position: absolute;
	bottom: 0;
	right: 0;
}
.newsList__arrow > span:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--color-yellow);
}
.newsList__arrow > span::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 27px;
	height: 8px;
	-webkit-mask: url(../img/common/arrow_rTri.svg) no-repeat center / contain;
	mask: url(../img/common/arrow_rTri.svg) no-repeat center / contain;
	background-color: var(--color-yellow);
}

.newsMore{
	text-align: right;
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}


@media screen and (hover:hover) and (pointer: fine){
	.newsList__link .newsList__title > span{
		background: linear-gradient(rgba(231, 186, 85, 40%), rgba(231, 186, 85, 40%)) right bottom / 0 40% no-repeat;
        transition: background-size 0.6s;
	}
	.newsList__link:hover .newsList__title > span {
		background-size: 100% 40%;
		background-position: left bottom;
	}

	.newsList__arrow > span{
		transition: transform .3s ease;
	}
	.newsList__link:hover .newsList__arrow > span{
		transform: translateX(25%);
		transition-delay: .15s;
	}
}


@media screen and (max-width:768px){
	#news{
		padding-top: calc(96 / var(--vw-min) * 100vw);
	}
	#news .contentIn.-flex{
		padding: 0 calc(44 / var(--vw-min) * 100vw);
	}
	#news .contentTitle.-vert{
		padding-right: calc(80 / var(--vw-min) * 100vw);
	}
	#news .contentInCont{
		padding-left: 0;
	}
	.newsContArea{
		padding-right: 0;
	}
	.newsList:not(:last-child){
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
	}
	.newsList__link{
		padding: 0 calc(32 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
	}
	.newsList__link:before{
		width: calc(14 / var(--vw-min) * 100vw);
		height: calc(14 / var(--vw-min) * 100vw);
		top: calc(2 / var(--vw-min) * 100vw);
	}
	.newsList__date{
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
	.newsList__title{
		margin-top: calc(8 / var(--vw-min) * 100vw);
	}

	.newsList__arrow > span{
		width: calc(54 / var(--vw-min) * 100vw);
		height: calc(9 / var(--vw-min) * 100vw);
	}
	.newsList__arrow > span::after{
		width: calc(27 / var(--vw-min) * 100vw);
		height: calc(8 / var(--vw-min) * 100vw);
	}

	.newsMore{
		margin-top: calc(32 / var(--vw-min) * 100vw);
	}
}


/**
* NEWSList ScrollAnimation
**/
/* Standby */
.newsList{
	opacity: 0;
	transform: translateY(15%);
	transition: opacity .4s ease, transform .6s cubic-bezier(.66,.09,.22,1);
}
.newsMore{
	opacity: 0;
	transform: translateY(25%);
	transition: opacity .4s ease, transform .6s cubic-bezier(.66,.09,.22,1);
}

.newsList:nth-of-type(1){
	transition-delay: .2s;
}
.newsList:nth-of-type(2){
	transition-delay: .25s;
}
.newsList:nth-of-type(3){
	transition-delay: .3s;
}
.newsMore{
	transition-delay: .4s;
}


/* Active */
#news.--is-ani .newsList,
#news.--is-ani .newsMore{
	opacity: 1;
	transform: translateY(0%);
}




/**
* SNSLINK
**/
.snsLinkContWrap{
	flex-shrink: 0;
	width: min(calc(315 / var(--vw-min) * 100vw), 315px);
	position: relative;
}
.snsLinkContWrap:before{
	content: '';
	position: absolute;
	bottom: min(calc(36 / var(--vw-min) * 100vw), 36px);
	right: max(calc(-20 / var(--vw-min) * 100vw), -20px);
	width: min(calc(161 / var(--vw-min) * 100vw), 161px);
	height: min(calc(167 / var(--vw-min) * 100vw), 167px);
	background: url(../img/common/bg/deco_flowerset1.png) no-repeat center / contain;
}
.snsLinkCont{
	width: 100%;
	padding-top: 34.9207%;/* 110 */
	position: relative;
}
.snsLinkCont:after{
	content: '';
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 94.2858%;
	height: 84.5455%;
	margin: auto;
	border: 1px solid var(--color-pink);
}
.snsLinkCont__link{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	-webkit-mask: url(../img/common/linkBox_framebg.svg) no-repeat center / contain;
	mask: url(../img/common/linkBox_framebg.svg) no-repeat center / contain;
	background: url(../img/common/linkBox_framebg_img.jpg) no-repeat center top / cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.snsLinkCont__link:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/common/linkBox_frame.svg) no-repeat center / contain;
}
.snsLinkCont__textArea{
	text-align: center;
	padding: min(calc(12 / var(--vw-min) * 100vw), 12px) min(calc(60 / var(--vw-min) * 100vw), 60px);
	line-height: 1;
	filter: drop-shadow(0 0 24px rgba(255,255,255,100%)) drop-shadow(0 0 16px rgba(255,255,255,100%)) drop-shadow(0 0 8px rgba(255,255,255,40%)) drop-shadow(0 0 4px rgba(255,255,255,100%));
}
.snsLinkCont__text--ja{
	position: relative;
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	font-weight: 700;
	color: var(--color-pink);
}
.snsLinkCont__text--ja[data-icon]{
	padding-left: min(calc(36 / var(--vw-min) * 100vw), 36px);
}
.snsLinkCont__text--ja[data-icon="x"]:before{
	content: '';
	width: min(calc(26 / var(--vw-min) * 100vw), 26px);
	height: min(calc(26 / var(--vw-min) * 100vw), 26px);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto 0;
	-webkit-mask: url(../img/common/icon_tw.svg) no-repeat center / contain;
	mask: url(../img/common/icon_tw.svg) no-repeat center / contain;
	background-color: var(--color-pink);
}
.snsLinkCont__text--en{
	font-family: var(--font-en);
	font-weight: 600;
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	margin-top: min(calc(8 / var(--vw-min) * 100vw), 8px);
	color: var(--color-yellow);
}

.snsLinkCont__blank{
	position: absolute;
	top: 0;
	right: min(calc(26 / var(--vw-min) * 100vw), 26px);
	bottom: 0;
	width: min(calc(18 / var(--vw-min) * 100vw), 18px);
	height: min(calc(18 / var(--vw-min) * 100vw), 18px);
	margin: auto 0;
	background: url(../img/common/icon_blank.svg) no-repeat center / contain;
	filter: drop-shadow(0 0 24px rgba(255,255,255,100%)) drop-shadow(0 0 16px rgba(255,255,255,100%)) drop-shadow(0 0 8px rgba(255,255,255,40%)) drop-shadow(0 0 4px rgba(255,255,255,100%));
}
.snsLinkCont__blank:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-mask: url(../img/common/icon_blank.svg) no-repeat center / contain;
	mask: url(../img/common/icon_blank.svg) no-repeat center / contain;
	background-color: var(--color-yellow);
}

@media screen and (hover:hover) and (pointer: fine){
	.snsLinkCont__link{
		transition: filter .4s ease, transform .3s ease;
	}
	.snsLinkCont:after{
		transition: transform .3s ease;
	}
	.snsLinkCont__link:hover{
		filter: brightness(104%);
		transform: scale(102.5%);
	}

	.snsLinkCont:hover:after{
		transform: scale(102%);
	}
}

@media screen and (max-width:768px){
	.snsLinkContWrap{
		padding-top: calc(44 / var(--vw-min) * 100vw);
		margin-left: auto;
		margin-right: calc(67 / var(--vw-min) * 100vw);
		z-index: 4;
	}
	.snsLinkContWrap:before{
		top: calc(58 / var(--vw-min) * 100vw);
		left: calc(-160 / var(--vw-min) * 100vw);
		width: calc(118 / var(--vw-min) * 100vw);
		height: calc(122 / var(--vw-min) * 100vw);
	}
}


/**
* SNSLINK Loaded
**/
.snsLinkContWrap:before{
	opacity: 0;
	transform: scale(60%);
}
.snsLinkCont{
	opacity: 0;
	transform: scale(60%);
}

@media screen and (min-width:769px){
	.snsLinkContWrap:before{
		transition: transform .4s cubic-bezier(.54,1.82,.81,1.06) .4s, opacity .4s cubic-bezier(.54,1.82,.81,1.06) .4s;
	}
	.snsLinkCont{
		transition: transform .4s cubic-bezier(.54,1.82,.81,1.06) .2s, opacity .2s cubic-bezier(.54,1.82,.81,1.06) .2s;
	}
	.--is-ani .snsLinkContWrap.pc .snsLinkCont,
	.--is-ani .snsLinkContWrap:before{
		opacity: 1;
		transform: scale(100%);
	}
}

@media screen and (max-width:768px){
	.snsLinkContWrap:before{
		transition: transform .4s cubic-bezier(.54,1.82,.81,1.06) .8s, opacity .4s cubic-bezier(.54,1.82,.81,1.06) .8s;
	}
	.snsLinkCont{
		transition: transform .4s cubic-bezier(.54,1.82,.81,1.06) .6s, opacity .4s cubic-bezier(.54,1.82,.81,1.06) .6s;
	}
	body.--is-loaded .snsLinkContWrap.sp .snsLinkCont,
	body.--is-loaded .snsLinkContWrap:before{
		opacity: 1;
		transform: scale(100%);
	}
}





/*-----------------------------------------------
 * INTRODUCTION
-------------------------------------------------*/
#introduction{
	width: 100%;
	position: relative;
	margin-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
	padding-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
	padding-bottom: min(calc(151 / var(--vw-min) * 100vw), 151px);
}
#introduction .content{
	z-index: 1;
}
#introduction .contentIn{
	padding: 0 13.3334%;/* 0 160 */
}
@media screen and (max-width:768px){
	#introduction{
		margin-top: 0;
		padding-top: calc(96 / var(--vw-min) * 100vw);
		padding-bottom: 0;
	}
	#introduction .contentIn{
		padding: 0 calc(44 / var(--vw-min) * 100vw);
	}
}


.introductionContWrap{
	width: 100%;
	padding: min(calc(42 / var(--vw-min) * 100vw), calc(42px * var(--max-percent))) min(calc(50 / var(--vw-min) * 100vw), calc(50px * var(--max-percent)));
	position: relative;
	display: flex;
	align-items: flex-start;
}
.introductionContWrap::before{
	content: '';
	position: absolute;
	top: min(calc(9 / var(--vw-min) * 100vw), calc(9px * var(--max-percent)));
	right: min(calc(9 / var(--vw-min) * 100vw), calc(9px * var(--max-percent)));
	bottom: min(calc(9 / var(--vw-min) * 100vw), calc(9px * var(--max-percent)));
	left: min(calc(9 / var(--vw-min) * 100vw), calc(9px * var(--max-percent)));
	border: 1px solid var(--color-pink);
	z-index: 2;
	pointer-events: none;
}

#introduction .contentTitle,
#introduction .contentInCont{
	position: relative;
	z-index: 2;
}
#introduction .contentTitle{
	flex-shrink: 0;
}
#introduction .contentInCont{
	width: 100%;
	display: flex;
	justify-content: center;
	padding-left: min(calc(36 / var(--vw-min) * 100vw), calc(36px * var(--max-percent)));
}
.introductionTextArea{
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	line-height: 2.2;
	font-weight: 700;
	letter-spacing: 0;
	padding-top: min(calc(34 / var(--vw-min) * 100vw), 34px);
	padding-bottom: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	text-shadow: 0 0 12px rgba(255, 255, 255, 100%), 0 0 12px rgba(255, 255, 255, 100%), 0 0 8px rgba(255, 255, 255, 100%),  0 0 8px rgba(255, 255, 255, 100%), 0 0 8px rgba(255, 255, 255, 100%), 0 0 8px rgba(255, 255, 255, 100%), 0 0 8px rgba(255, 255, 255, 100%), 0 0 8px rgba(255, 255, 255, 100%), 0 0 8px rgba(255, 255, 255, 100%), 0 0 8px rgba(255, 255, 255, 100%);
}
.introductionText:not(:last-child){
	margin-bottom: min(calc(48 / var(--vw-min) * 100vw), 48px);
}


.introductionContBgWrap{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.introductionContBg{
	position: absolute;
	left: 0;
	right: 0;
}
.introductionContBg:before,
.introductionContBg:after{
	content: '';
	position: absolute;
	z-index: 1;
}
.introductionContBgIn{
	position: absolute;
	right: 0;
	left: 0;
	background: linear-gradient(180deg, rgb(255,249,235) 0%, rgb(255,255,255) 100%);
	height: 200%;
}
.introductionContBgIn:before{
	content: '';
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
	padding-top: 23.6421%;/* 208.05 */
	-webkit-mask: url(../img/common/bg/bg_flower.png) no-repeat center bottom / cover;
	mask: url(../img/common/bg/bg_flower.png) no-repeat center bottom / cover;
	background-color: var(--color-yellow);
	opacity: 25%;
}
@supports (mask-image: url(../img/common/bg/bg_flower.avif)){
	.introductionContBgIn:before{
		-webkit-mask-image:url(../img/common/bg/bg_flower.avif);
		mask-image:url(../img/common/bg/bg_flower.avif);
	}
}
  

.introductionContBg.-t{
	top: 0;
	bottom: 50%;
	mask-image: url(../img/common/bg/bg_contBox_t.svg), url(../img/common/bg/bg_contBox_c.svg);
	mask-repeat: no-repeat, no-repeat;
	mask-position: center top, center min(calc(21 / var(--vw-min) * 100vw), calc(21px * var(--max-percent)));
	mask-size: 100%, cover;
	-webkit-mask-image: url(../img/common/bg/bg_contBox_t.svg), url(../img/common/bg/bg_contBox_c.svg);
	-webkit-mask-repeat: no-repeat, no-repeat;
	-webkit-mask-position: center top, center min(calc(21 / var(--vw-min) * 100vw), calc(21px * var(--max-percent)));
	-webkit-mask-size: 100%, cover;
}
.introductionContBg.-t:before{
	top: 0;
	left: 0;
	right: 0;
	height: min(calc(21 / var(--vw-min) * 100vw), calc(21px * var(--max-percent)));
	background: url(../img/common/bg/bg_contBox_tFrame.png) no-repeat center top / 100%;
}
.introductionContBg.-t:after{
	top: min(calc(21 / var(--vw-min) * 100vw), calc(21px * var(--max-percent)));
	left: 0;
	right: 0;
	bottom: 0;
	border-left: min(calc(2 / var(--vw-min) * 100vw), calc(2px * var(--max-percent))) solid #F0C460;
	border-right: min(calc(2 / var(--vw-min) * 100vw), calc(2px * var(--max-percent))) solid #F0C460;
}
.introductionContBg.-t .introductionContBgIn{
	top: 0;
}

.introductionContBg.-b{
	top: 50%;
	bottom: 0;
	mask-image: url(../img/common/bg/bg_contBox_c.svg), url(../img/common/bg/bg_contBox_b.svg);
	mask-repeat: no-repeat, no-repeat;
	mask-position: center bottom min(1.75vw, 33.6px), center bottom;
	mask-position-y: bottom min(1.75vw, 33.6px), bottom;
	mask-size: cover, 100%;
	-webkit-mask-image: url(../img/common/bg/bg_contBox_c.svg), url(../img/common/bg/bg_contBox_b.svg);
	-webkit-mask-repeat: no-repeat, no-repeat;
	-webkit-mask-position: center bottom min(1.75vw, 33.6px), center bottom;
	-webkit-mask-position-y: bottom min(1.75vw, 33.6px), bottom;
	-webkit-mask-size: cover, 100%;
}
.introductionContBg.-b:before{
	bottom: 0;
	left: 0;
	right: 0;
	height: min(calc(21 / var(--vw-min) * 100vw), calc(21px * var(--max-percent)));
	background: url(../img/common/bg/bg_contBox_bFrame.png) no-repeat center top / 100%;
}
.introductionContBg.-b:after{
	bottom: min(calc(21 / var(--vw-min) * 100vw), calc(21px * var(--max-percent)));
	left: 0;
	right: 0;
	top: 0;
	border-left: min(calc(2 / var(--vw-min) * 100vw), calc(2px * var(--max-percent))) solid #F0C460;
	border-right: min(calc(2 / var(--vw-min) * 100vw), calc(2px * var(--max-percent))) solid #F0C460;
}
.introductionContBg.-b .introductionContBgIn{
	bottom: 0;
}

@media screen and (max-width:768px){
	.introductionContWrap{
		padding-top: calc(40 / var(--vw-min) * 100vw);
		padding-left: calc(48 / var(--vw-min) * 100vw);
		padding-right: calc(48 / var(--vw-min) * 100vw);
		padding-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.introductionContWrap::before{
		content: unset;
	}
	#introduction .contentInCont{
		padding-left: calc(32 / var(--vw-min) * 100vw);
	}
	.introductionTextArea{
		font-size: calc(20 / var(--vw-min) * 100vw);
		padding-top: calc(34 / var(--vw-min) * 100vw);
		padding-bottom: 0;
		text-shadow: 0 0 12px rgba(255, 255, 255, 100%), 0 0 12px rgba(255, 255, 255, 100%), 0 0 8px rgba(255, 255, 255, 100%),  0 0 8px rgba(255, 255, 255, 100%), 0 0 8px rgba(255, 255, 255, 100%), 0 0 8px rgba(255, 255, 255, 100%), 0 0 8px rgba(255, 255, 255, 100%), 0 0 8px rgba(255, 255, 255, 100%), 0 0 8px rgba(255, 255, 255, 100%), 0 0 8px rgba(255, 255, 255, 100%);
	}
	.introductionText:not(:last-child){
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.introductionContBg.-t{
		-webkit-mask-image: url(../img/common/bg/bg_contBox_t-s.svg), url(../img/common/bg/bg_contBox_c.svg);
		-webkit-mask-position: center top, center calc(22 / var(--vw-min) * 100vw);
		mask-image: url(../img/common/bg/bg_contBox_t-s.svg), url(../img/common/bg/bg_contBox_c.svg);
		mask-position: center top, center calc(22 / var(--vw-min) * 100vw);
	}
	.introductionContBg.-t:before{
		height: calc(22 / var(--vw-min) * 100vw);
		background-image: url(../img/common/bg/bg_contBox_tFrame-s.png);
	}
	.introductionContBg.-t:after{
		top: calc(22 / var(--vw-min) * 100vw);
		border-left-width: calc(2 / var(--vw-min) * 100vw);
		border-right-width: calc(2 / var(--vw-min) * 100vw);
	}
	.introductionContBg.-b{
		-webkit-mask-image: url(../img/common/bg/bg_contBox_c.svg), url(../img/common/bg/bg_contBox_b-s.svg);
		-webkit-mask-position: center bottom 2.9334vw, center bottom;
		-webkit-mask-position-y: bottom 2.9334vw, bottom;
		mask-image: url(../img/common/bg/bg_contBox_c.svg), url(../img/common/bg/bg_contBox_b-s.svg);
		mask-position: center bottom 2.9334vw, center bottom;
		mask-position-y: bottom 2.9334vw, bottom;
	}
	.introductionContBg.-b:before{
		height: calc(22 / var(--vw-min) * 100vw);
		background-image: url(../img/common/bg/bg_contBox_bFrame-s.png);
	}
	.introductionContBg.-b:after{
		bottom: calc(22 / var(--vw-min) * 100vw);
		border-left-width: calc(2 / var(--vw-min) * 100vw);
		border-right-width: calc(2 / var(--vw-min) * 100vw);
	}
}




.introductionBg{
	position: absolute;
	top: max(calc(-100 / var(--vw-min) * 100vw), -100px);
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-mask: url(../img/common/bg/bg_tone.svg) no-repeat center top / 100%;
	mask: url(../img/common/bg/bg_tone.svg) no-repeat center top / 100%;
	background: linear-gradient(0deg, rgba(192,101,144, 0) 0%, rgba(192,101,144,0.5) 50%, rgba(192,101,144,0.50196) 50%, rgb(50,59,113) 100%);
	pointer-events: none;
}


@media screen and (max-width:768px){
	.introductionBg{
		top: calc(-128 / var(--vw-min) * 100vw);
	}
}


/**
* ScrollAnimation
**/
/* Standby */
#introduction.js-scrani .contentTitle--ja:before{
	transition-delay: .4s, .4s;
}
#introduction.js-scrani .contentTitle--ja_txt{
	transition-delay: .7s, .6s;
}
#introduction.js-scrani .contentTitle.-vert .contentTitle--en{
	transition-delay: .7s, .7s;
}
#introduction.js-scrani .contentTitle.-deco_flower:after{
	transition-delay: 0.9s, 0.9s;
}

.introductionContWrap{
	opacity: 0;
	transform: scale(98%);
	transition: transform .4s cubic-bezier(.54,1.82,.81,1.06) .2s, opacity .4s cubic-bezier(.54,1.82,.81,1.06) .2s;
}

.introductionText{
	opacity: 0;
	filter: blur(8px);
    transform: translateY(2em);
    transition: transform .6s cubic-bezier(.17,.67,.45,1.03) .2s, opacity .4s ease .2s, filter .6s ease .2s;
}

.introductionBg{
	opacity: 0;
	transform: translateY(12%);
	transition: opacity .4s cubic-bezier(.52,.35,.5,.98), transform .4s cubic-bezier(.52,.35,.5,.98);
}




/* active */
.--is-ani .introductionBg{
	opacity: 1;
	transform: translateY(0%);
}

.--is-ani .introductionContWrap{
	opacity: 1;
	transform: scale(100%);
}

#introduction.js-scrani.--is-ani .introductionText.--is-ani{
	opacity: 1;
	filter: blur(0px);
	transform: translateY(0em);
}




/*-----------------------------------------------
 * STAFF
-------------------------------------------------*/
#staff{
	padding-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
	margin-top: max(calc(-70 / var(--vw-min) * 100vw), -70px);
	padding-bottom: min(calc(120 / var(--vw-min) * 100vw), 120px);
}
#staff .contentIn.-flex{
	padding: 0 6.6667%;/* 0 80 */
}
#staff .contentTitle.-vert{
	flex-shrink: 0;
}
#staff .contentInCont{
	width: 100%;
	display: flex;
	justify-content: center;
	padding: min(calc(50 / var(--vw-min) * 100vw), 50px) min(calc(72 / var(--vw-min) * 100vw), calc(72px * var(--max-percent))) 0;
	position: relative;
}
#staff .contentInCont:before{
	content: '';
	position: absolute;
	top: 0;
	right: min(calc(45 / var(--vw-min) * 100vw), 45px);
	margin-top: max(calc(-55 / var(--vw-min) * 100vw), -55px);
	width: min(calc(194 / var(--vw-min) * 100vw), 194px);
	height: min(calc(176 / var(--vw-min) * 100vw), 176px);
	background: url(../img/common/bg/deco_flowerset2.png) no-repeat center / contain;
}
.staffLists{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: min(calc(810 / var(--vw-min) * 100vw), 810px);
	column-gap: min(calc(24 / var(--vw-min) * 100vw), 24px);
	row-gap: min(calc(32 / var(--vw-min) * 100vw), 32px);
	letter-spacing: 0;
}
.staffList{
	width: calc((100% - min(calc(48 / var(--vw-min) * 100vw), 48px)) / 3);
}
.staffList.-c1{
	width: 100%;
}
.staffList.-c2{
	width: calc((((100% - min(calc(48 / var(--vw-min) * 100vw), 48px)) / 3) * 2) + min(calc(24 / var(--vw-min) * 100vw), 24px));
}
.staffList__dt{
	color: var(--color-pink);
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 700;
	line-height: 1;
}
.staffList__dd{
	font-size: min(calc(26 / var(--vw-min) * 100vw), 26px);
	font-weight: 700;
	line-height: 1.23077;
	margin-top: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.staffList__name{
	display: inline-block;
	line-height: 1.5385;
}
.staffList__name.-flex_com{
	display: inline-flex;
	align-items: center;
}
.staffList__dd small{
	font-size: 53.8462%;
}

@media screen and (max-width:768px){
	#staff{
		padding-top: calc(96 / var(--vw-min) * 100vw);
		margin-top: 0;
		padding-bottom: calc(96 / var(--vw-min) * 100vw);
	}
	#staff .contentIn.-flex{
		padding: 0 calc(44 / var(--vw-min) * 100vw);
	}
	#staff .contentInCont{
		padding: calc(50 / var(--vw-min) * 100vw) 0 0 calc(32 / var(--vw-min) * 100vw);
	}
	#staff .contentInCont:before{
		width: calc(194 / var(--vw-min) * 100vw);
		height: calc(176 / var(--vw-min) * 100vw);
		margin-top: calc(-80 / var(--vw-min) * 100vw);
		right: 0;
	}

	.staffLists{
		width: 100%;
		column-gap: calc(24 / var(--vw-min) * 100vw);
		row-gap: calc(32 / var(--vw-min) * 100vw);
	}
	.staffList{
		width: calc((100% - calc(24 / var(--vw-min) * 100vw)) / 2);
	}
	.staffList.-c2{
		width: calc((100% - calc(24 / var(--vw-min) * 100vw)) / 2);
	}
	.staffList__dt{
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
	.staffList__dd{
		font-size: calc(26 / var(--vw-min) * 100vw);
		margin-top: calc(12 / var(--vw-min) * 100vw);
	}
	.staffList__dd small{
		font-size: 61.5385%;
	}
}


/**
* ScrollAnimation
**/
/* Standby */
.staffList__dt,
.staffList__dd{
	opacity: 0;
	filter: blur(8px);
	transform: translateY(1.5em);
	transition: transform .6s cubic-bezier(.17,.67,.45,1.03) .4s, opacity .4s ease .4s, filter .6s ease .4s;
}
#staff .contentInCont:before{
	opacity: 0;
	transform: scale(60%);
	transition: transform .4s cubic-bezier(.54,1.82,.81,1.06) .6s, opacity .4s cubic-bezier(.54,1.82,.81,1.06) .6s;
}


/* active */
.--is-ani .staffList__dt,
.--is-ani .staffList__dd{
	opacity: 1;
	filter: blur(0px);
	transform: translateY(0em);
}
#staff.--is-ani .contentInCont:before{
	opacity: 1;
	transform: scale(100%);
}


/**
* Comment
**/
.btn_cooment{
	display: inline-block;
	width: min(calc(24 / var(--vw-min) * 100vw), 24px);
	height: min(calc(24 / var(--vw-min) * 100vw), 24px);
	-webkit-mask: url(../img/common/icon_comment.svg) no-repeat center / contain;
	mask: url(../img/common/icon_comment.svg) no-repeat center / contain;
	background-color: var(--color-pink);
	margin-left: 0.5em;
}

@media screen and (hover:hover) and (pointer: fine){
	.btn_cooment{
		transition: background-color .3s ease, transform .3s ease;
	}
	.btn_cooment:hover{
		transform: scale(110%);
		background-color: var(--color-yellow);
	}
}

@media screen and (max-width:768px){
	.btn_cooment{
		width: calc(32 / var(--vw-min) * 100vw);
		height: calc(32 / var(--vw-min) * 100vw);
	}
}


/**
* CommentModal
**/
.commentContWrap{
	width: min(calc(820 / var(--vw-min) * 100vw), calc(820px * var(--max-percent)));
	padding: min(calc(80 / var(--vw-min) * 100vw), 80px) 0;
	position: relative;
}
.commentContWrap::before{
	content: '';
	position: absolute;
	top: min(calc(9 / var(--vw-min) * 100vw), calc(9px * var(--max-percent)));
	right: min(calc(9 / var(--vw-min) * 100vw), calc(9px * var(--max-percent)));
	bottom: min(calc(9 / var(--vw-min) * 100vw), calc(9px * var(--max-percent)));
	left: min(calc(9 / var(--vw-min) * 100vw), calc(9px * var(--max-percent)));
	border: 1px solid var(--color-pink);
	z-index: 2;
	pointer-events: none;
}
.commentContInWrap{
	position: relative;
	width: 100%;
}
.commentCont_h--job,
.commentCont_h--name,
.commentContIn__cont{
	width: 100%;
	padding-left: min(calc(88 / var(--vw-min) * 100vw), 88px);
	padding-right: min(calc(80 / var(--vw-min) * 100vw), 80px);
	position: relative;
}
.commentCont_h--job{
	line-height: 1;
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	font-weight: 700;
	color: var(--color-pink);
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.commentCont_h--job:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: min(calc(80 / var(--vw-min) * 100vw), 80px);
	height: 2px;
	background-color: var(--color-yellow);
	margin: auto 0;
}
.commentCont_h--name{
	font-size: min(calc(30 / var(--vw-min) * 100vw), 30px);
	font-weight: 700;
	line-height: 1;
}

.commentContIn__cont{
	padding-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
	position: relative;
	width: 100%;
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	line-height: 2;
	font-weight: 700;
}

#commentCont.-imgOnly .commentImage{
	width: 100%;
	text-align: center;
}
.commentImage img{
	max-width: 100%;
}

@media screen and (max-width:768px){
	.commentContWrap{
		width: calc(662 / var(--vw-min) * 100vw);
		padding: calc(80 / var(--vw-min) * 100vw) 0;
		margin: 0 auto;
	}
	.commentContWrap::before{
		top: calc(8 / var(--vw-min) * 100vw);
		left: calc(8 / var(--vw-min) * 100vw);
		right: calc(8 / var(--vw-min) * 100vw);
		bottom: calc(8 / var(--vw-min) * 100vw);
	}
	.commentCont_h--job,
	.commentCont_h--name,
	.commentContIn__cont{
		padding-left: calc(88 / var(--vw-min) * 100vw);
		padding-right: calc(88 / var(--vw-min) * 100vw);
	}
	.commentCont_h--job{
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(16 / var(--vw-min) * 100vw);
	}
	.commentCont_h--job:before{
		width: calc(80 / var(--vw-min) * 100vw);
		height: calc(2 / var(--vw-min) * 100vw);
	}
	.commentCont_h--name{
		font-size: calc(30 / var(--vw-min) * 100vw);
	}
	.commentContIn__cont{
		padding-top: calc(32 / var(--vw-min) * 100vw);
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}



/* Bg */
.commentContBgWrap{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.commentContBg{
	position: absolute;
	left: 0;
	right: 0;
}
.commentContBg:before,
.commentContBg:after{
	content: '';
	position: absolute;
	z-index: 1;
}
.commentContBgIn{
	position: absolute;
	right: 0;
	left: 0;
	background: linear-gradient(180deg, rgb(255,249,235) 0%, rgb(255,255,255) 100%);
	height: 200%;
}
.commentContBgIn:before{
	content: '';
	position: relative;
	display: block;
	margin: 0 auto;
	width: 93.5228%;/* 823 */
	padding-top: 22.728%;
	-webkit-mask: url(../img/common/bg/bg_flower.png) no-repeat center bottom / cover;
	mask: url(../img/common/bg/bg_flower.png) no-repeat center bottom / cover;
	background-color: var(--color-yellow);
	opacity: 25%;
}
@supports (mask-image: url(../img/common/bg/bg_flower.avif)){
	.commentContBgIn:before{
		-webkit-mask-image:url(../img/common/bg/bg_flower.avif);
		mask-image:url(../img/common/bg/bg_flower.avif);
	}
}
 

.commentContBg.-t{
	top: 0;
	bottom: 50%;
	mask-image: url(../img/common/bg/bg_contBox_t.svg), url(../img/common/bg/bg_contBox_c.svg);
	mask-repeat: no-repeat, no-repeat;
	mask-position: center top, center min(calc(21 / var(--vw-min) * 100vw), calc(21px * var(--max-percent)));
	mask-size: 100%, cover;
	-webkit-mask-image: url(../img/common/bg/bg_contBox_t.svg), url(../img/common/bg/bg_contBox_c.svg);
	-webkit-mask-repeat: no-repeat, no-repeat;
	-webkit-mask-position: center top, center min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	-webkit-mask-size: 100%, cover;
}
.commentContBg.-t:before{
	top: 0;
	left: 0;
	right: 0;
	height: min(calc(21 / var(--vw-min) * 100vw), calc(21px * var(--max-percent)));
	background: url(../img/common/bg/bg_contBox_tFrame.png) no-repeat center top / 100%;
}
.commentContBg.-t:after{
	top: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	left: 0;
	right: 0;
	bottom: 0;
	border-left: min(calc(2 / var(--vw-min) * 100vw), calc(2px * var(--max-percent))) solid #F0C460;
	border-right: min(calc(2 / var(--vw-min) * 100vw), calc(2px * var(--max-percent))) solid #F0C460;
}
.commentContBg.-t .commentContBgIn{
	top: 0;
}

.commentContBg.-b{
	top: 50%;
	bottom: 0;
	mask-image: url(../img/common/bg/bg_contBox_c.svg), url(../img/common/bg/bg_contBox_b.svg);
	mask-repeat: no-repeat, no-repeat;
	mask-position: center bottom min(1.75vw, 33.6px), center bottom;
	mask-position-y: bottom min(1.75vw, 33.6px), bottom;
	mask-size: cover, 100%;
	-webkit-mask-image: url(../img/common/bg/bg_contBox_c.svg), url(../img/common/bg/bg_contBox_b.svg);
	-webkit-mask-repeat: no-repeat, no-repeat;
	-webkit-mask-position: center bottom min(1.6667vw, 32px), center bottom;
	-webkit-mask-position-y: bottom min(1.75vw, 33.6px), bottom;
	-webkit-mask-size: cover, 100%;
}
.commentContBg.-b:before{
	bottom: 0;
	left: 0;
	right: 0;
	height: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	background: url(../img/common/bg/bg_contBox_bFrame.png) no-repeat center top / 100%;
}
.commentContBg.-b:after{
	bottom: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	left: 0;
	right: 0;
	top: 0;
	border-left: min(calc(2 / var(--vw-min) * 100vw), calc(2px * var(--max-percent))) solid #F0C460;
	border-right: min(calc(2 / var(--vw-min) * 100vw), calc(2px * var(--max-percent))) solid #F0C460;
}
.commentContBg.-b .commentContBgIn{
	bottom: 0;
}

@media screen and (max-width:768px){
	.commentContBg.-t{
		-webkit-mask-image: url(../img/common/bg/bg_contBox_t-s.svg), url(../img/common/bg/bg_contBox_c.svg);
		-webkit-mask-position: center top, center calc(22 / var(--vw-min) * 100vw);
		mask-image: url(../img/common/bg/bg_contBox_t-s.svg), url(../img/common/bg/bg_contBox_c.svg);
		mask-position: center top, center calc(22 / var(--vw-min) * 100vw);
	}
	.commentContBg.-t:before{
		height: calc(22 / var(--vw-min) * 100vw);
		background-image: url(../img/common/bg/bg_contBox_tFrame-s.png);
	}
	.commentContBg.-t:after{
		top: calc(22 / var(--vw-min) * 100vw);
		border-left-width: calc(2 / var(--vw-min) * 100vw);
		border-right-width: calc(2 / var(--vw-min) * 100vw);
	}
	.commentContBg.-b{
		-webkit-mask-image: url(../img/common/bg/bg_contBox_c.svg), url(../img/common/bg/bg_contBox_b-s.svg);
		-webkit-mask-position: center bottom 2.9334vw, center bottom;
		-webkit-mask-position-y: bottom 2.9334vw, bottom;
		mask-image: url(../img/common/bg/bg_contBox_c.svg), url(../img/common/bg/bg_contBox_b-s.svg);
		mask-position: center bottom 2.9334vw, center bottom;
		mask-position-y: bottom 2.9334vw, bottom;
	}
	.commentContBg.-b:before{
		height: calc(22 / var(--vw-min) * 100vw);
		background-image: url(../img/common/bg/bg_contBox_bFrame-s.png);
	}
	.commentContBg.-b:after{
		bottom: calc(22 / var(--vw-min) * 100vw);
		border-left-width: calc(2 / var(--vw-min) * 100vw);
		border-right-width: calc(2 / var(--vw-min) * 100vw);
	}
}


/*-----------------------------------------------
 * BOOKS
-------------------------------------------------*/
#books{
	padding-top: min(calc(104 / var(--vw-min) * 100vw), 104px);
	padding-bottom: min(calc(104 / var(--vw-min) * 100vw), 104px);
}
#books .content{
	max-width: 100%;
	z-index: 1;
}
#books .contentTitleWrap{
	margin-bottom: min(calc(60 / var(--vw-min) * 100vw), 60px);
}

@media screen and (max-width:768px){
	#books{
		padding-top: calc(120 / var(--vw-min) * 100vw);
		padding-bottom: calc(120 / var(--vw-min) * 100vw);
	}
	#books .contentTitleWrap{
		margin-bottom: calc(56 / var(--vw-min) * 100vw);
	}
}

.booksContent{
	width: 93.3334%;/* 1120 */
	padding-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	max-width: calc((1120px * var(--max-percent)) + (100vw - 1920px - (100vw - 1920px) / 2));
	padding-right: calc(100vw - 1920px - (100vw - 1920px) / 2);
	position: relative;
	margin-left: auto;
	overflow: hidden;
}
.booksContent:not(:first-child){
	margin-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
.booksContent:before{
	content: '';
	position: absolute;
	top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(255,255,255,60%);
	border-top-left-radius: min(calc(200 / var(--vw-min) * 100vw), 200px);
}
.booksContentIn{
	width: 100%;
	position: relative;
	padding-top: min(calc(64 / var(--vw-min) * 100vw), calc(64px * var(--max-percent)));
	padding-left: min(calc(60 / var(--vw-min) * 100vw), calc(60px * var(--max-percent)));
	padding-bottom: min(calc(60 / var(--vw-min) * 100vw), calc(60px * var(--max-percent)));
}

.booksContentIn > .contSubTitle.-vertB{
	position: absolute;
	top: 0;
	margin-top: max(calc(-32 / var(--vw-min) * 100vw), -32px);
	left: min(calc(60 / var(--vw-min) * 100vw), calc(60px * var(--max-percent)));
	margin-left: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
}

.booksInfoArea{
	width: 100%;
	padding-right: min(calc(60 / var(--vw-min) * 100vw), calc(60px * var(--max-percent)));
	position: relative;
	font-weight: 700;
	text-align: center;
}
.booksTitle{
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	margin-bottom: min(calc(8 / var(--vw-min) * 100vw), 8px);
}
.booksText{
	line-height: 2;
}
.booksInfo__txtBanner{
	display: inline-block;
	text-align: center;
	padding: min(calc(8 / var(--vw-min) * 100vw), 8px);
	position: relative;
	margin-top: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.booksInfo__txtBanner:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid var(--color-pink);
}
.booksInfo__txtBannerIn{
	padding: min(calc(8 / var(--vw-min) * 100vw), 8px) calc(50 / var(--vw-min) * 100vw);
	background-color: var(--color-pink);
	line-height: 1.5;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: min(calc(72 / var(--vw-min) * 100vw), 72px);
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 700;
	color: #FFF;
}
.booksInfo__txtBannerIn:before,
.booksInfo__txtBannerIn:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: min(calc(10 / var(--vw-min) * 100vw), 10px);
	height: min(calc(34 / var(--vw-min) * 100vw), 34px);
	background: url(../img/common/bg/deco_txtBnr_squere.svg) no-repeat center / contain;
}
.booksInfo__txtBannerIn:before{
	left: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.booksInfo__txtBannerIn:after{
	right: min(calc(20 / var(--vw-min) * 100vw), 20px);
}

@media screen and (max-width:768px){
	.booksContent{
		width: 100%;
		max-width: 100%;
		padding-top: calc(50 / var(--vw-min) * 100vw);
		padding-right: unset;
	}
	.booksContent:not(:first-child){
		margin-top: calc(70 / var(--vw-min) * 100vw);
	}
	.booksContent:before{
		top: calc(50 / var(--vw-min) * 100vw);
		border-top-left-radius: calc(200 / var(--vw-min) * 100vw);
	}
	.booksContentIn{
		padding-top: calc(64 / var(--vw-min) * 100vw);
		padding-left: calc(44 / var(--vw-min) * 100vw);
		padding-bottom: calc(80 / var(--vw-min) * 100vw);
	}
	.booksContentIn > .contSubTitle.-vertB{
		margin-top: calc(-48 / var(--vw-min) * 100vw);
		left: calc(44 / var(--vw-min) * 100vw);
		margin-left: 0;
	}
	.booksInfoArea{
		padding-left: calc(50 / var(--vw-min) * 100vw);
		padding-right: calc(44 / var(--vw-min) * 100vw);
	}
	.booksTitle{
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(8 / var(--vw-min) * 100vw);
	}
	.booksInfo__txtBanner{
		padding: calc(8 / var(--vw-min) * 100vw);
		margin-top: calc(80 / var(--vw-min) * 100vw);
	}
	.booksInfo__txtBannerIn{
		padding: calc(8 / var(--vw-min) * 100vw) calc(50 / var(--vw-min) * 100vw);
		font-size: calc(20 / var(--vw-min) * 100vw);
		min-height: calc(72 / var(--vw-min) * 100vw);
	}
	.booksInfo__txtBannerIn:before,
	.booksInfo__txtBannerIn:after{
		width: calc(10 / var(--vw-min) * 100vw);
		height: calc(34 / var(--vw-min) * 100vw);
	}
	.booksInfo__txtBannerIn:before{
		left: calc(20 / var(--vw-min) * 100vw);
	}
	.booksInfo__txtBannerIn:after{
		right: calc(20 / var(--vw-min) * 100vw);
	}
}


/** Swiper **/
.booksSwiper{
	width: 100%;
	overflow: unset;
	margin-top: min(calc(50 / var(--vw-min) * 100vw), 50px);
}

.booksList{
	width: min(calc(290 / var(--vw-min) * 100vw), calc(290px * var(--max-percent)));
	padding: 0 min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
}
.booksList__link{
	display: block;
	width: 100%;
	text-decoration: none;
	color: var(--color-black);
}
.booksList__img{
	width: 100%;
	padding-top: 141.844%;
	position: relative;
	filter: drop-shadow(0 0 min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent))) rgba(0, 0, 0, .20));
}
.booksList__img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.booksList__title{
	margin-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
	line-height: 1;
	position: relative;
	padding: 0 min(calc(32 / var(--vw-min) * 100vw), 32px);
	text-align: center;
}
.booksList__title:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto 0;
	width: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(10 / var(--vw-min) * 100vw), 10px);
	-webkit-mask: url(../img/common/arrow_r.png) no-repeat center / contain;
	mask: url(../img/common/arrow_r.png) no-repeat center / contain;
	background-color: var(--color-yellow);
}
.booksSwiper__scrlbarWrap{
	padding-right: min(calc(60 / var(--vw-min) * 100vw), calc(60px * var(--max-percent)));
	margin-top: min(calc(48 / var(--vw-min) * 100vw), 48px)
}
.booksSwiper__scrlbar{
	width: min(calc(880 / var(--vw-min) * 100vw), 880px);
	height: 4px;
	margin: 0 auto;
	position:relative;
	background-color:rgba(0,0,0,10%);
}
.booksSwiper__scrlbar .swiper-scrollbar-drag{
	height:100%;
	border-radius:0;
	background:transparent;
	cursor:pointer;
	background-color:var(--color-yellow);
}

@media screen and (hover:hover) and (pointer: fine){
	.booksList__img{
		transition: filter .3s ease, transform .3s ease;
	}
	.booksList__img img{
		transition: filter .3s ease;
	}
	.booksList__link:hover .booksList__img{
		transform: scale(1.025) rotate(2deg);
		filter: drop-shadow(0 0 min(calc(10 / var(--vw-min) * 100vw), calc(10px * var(--max-percent))) rgba(0, 0, 0, .40));
	}
	.booksList__link:hover .booksList__img img{
		filter: brightness(110%);
	}
}

@media screen and (max-width:768px){
	.booksSwiper{
		margin-top: calc(50 / var(--vw-min) * 100vw);
		width: calc(100% + (20 / var(--vw-min) * 100vw));
		margin-left: calc(-20 / var(--vw-min) * 100vw);
	}
	.booksList{
		width: calc(290 / var(--vw-min) * 100vw);
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
	.booksList__title{
		margin-top: calc(20 / var(--vw-min) * 100vw);
		padding: 0 calc(32 / var(--vw-min) * 100vw);
	}
	.booksList__title:after{
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(10 / var(--vw-min) * 100vw);
	}
	.booksSwiper__scrlbarWrap{
		padding-right: calc(44 / var(--vw-min) * 100vw);
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
	.booksSwiper__scrlbar{
		width: 100%;
	}
}



/* Foot */
.bookContFootArea{
	padding-right: min(calc(60 / var(--vw-min) * 100vw), calc(60px * var(--max-percent)));
	margin-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
	width: 100%;
}
.bookContFootBanner{
	width: min(calc(380 / var(--vw-min) * 100vw), 380px);
	margin: 0 auto;
}
.bookContFootBanner__link{
	display: block;
	filter: drop-shadow(0 min(calc(10 / var(--vw-min) * 100vw), 10px) min(calc(10 / var(--vw-min) * 100vw), 10px) rgba(0, 0, 0, .20));;
}
.bookContFootBanner__link img{
	width: 100%;
}

@media screen and (hover:hover) and (pointer: fine){
	.bookContFootBanner__link{
		transition: filter .3s ease, transform .3s ease;
	}
	.bookContFootBanner__link:hover {
		transform: scale(102.5%);
		filter: drop-shadow(0 min(calc(5 / var(--vw-min) * 100vw), 5px) min(calc(5 / var(--vw-min) * 100vw), 5px) rgba(0, 0, 0, .20)) brightness(110%);
	}
}

@media screen and (max-width:768px){
	.bookContFootArea{
		padding-right: calc(44 / var(--vw-min) * 100vw);
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
	.bookContFootBanner{
		width: calc(380 / var(--vw-min) * 100vw);
	}
}


/* booksBg */
.booksBg__tex{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	mask: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);;
}
.booksBg__tex:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-mask: url(../img/common/bg/bg_2_tex.png) repeat center;
	-webkit-mask-size: min(calc(134 / var(--vw-min) * 100vw), 134px) min(calc(78 / var(--vw-min) * 100vw), 78px);
	mask: url(../img/common/bg/bg_2_tex.png) repeat center;
	mask-size: min(calc(134 / var(--vw-min) * 100vw), 134px) min(calc(78 / var(--vw-min) * 100vw), 78px);
	background-color: #FFF;
	opacity: 60%;
}


/**
* SCROLL Animation
**/
/* standby */
.booksContentIn > .contSubTitle.-vertB{
	opacity: 0;
	transform: translateY(2em);
	transition: transform .6s cubic-bezier(.17,.67,.45,1.03) .4s, opacity .4s ease .4s;
}
.booksContent:before,
.booksInfoArea,
.booksSwiper,
.booksSwiper__scrlbarWrap,
.bookContFootArea{
	opacity: 0;
	transform: translateY(2em);
	transition: transform .6s cubic-bezier(.17,.67,.45,1.03) .4s, opacity .4s ease .4s;
}

/* active */
.booksContent.--is-ani .booksContentIn > .contSubTitle.-vertB{
	opacity: 1;
	transform: translateY(0em);
}
.booksContent.--is-ani:before,
.booksContent.--is-ani .booksInfoArea,
.booksContent.--is-ani .booksSwiper,
.booksContent.--is-ani .booksSwiper__scrlbarWrap,
.booksContent.--is-ani .bookContFootArea{
	opacity: 1;
	transform: translateY(0em);
}