@charset "utf-8";
/*-----------------------------------------------
 * BG
-------------------------------------------------*/
#fullInWrap{
	position: relative;
	width: 100%;
	/* background-color: #fff55a; */
}

.tMain{
	position: relative;
}


@media screen and (max-width: 767px){
	.contBG_stickyWrap{
		top: calc(-184 / var(--vwcalc));
	}
}

.fullContentBG{
	transition: opacity 2s cubic-bezier(.18,.02,.7,1);
	opacity: 0;
}

/* visual */
body[data-nowSection="visual"] .fullContentBG.-c_visual{
	opacity: 1;
	z-index: 1;
}

/* news */
body[data-nowSection="news"] .fullContentBG.-c_news{
	opacity: 1;
	z-index: 1;
}

/* introduction */
body[data-nowSection="introduction"] .fullContentBG.-c_introduction{
	opacity: 1;
	z-index: 1;
}

/* staffcast */
body[data-nowSection="staffcast"] .fullContentBG.-c_staffcast{
	opacity: 1;
	z-index: 1;
}

/* books */
body[data-nowSection="books"] .fullContentBG.-c_books{
	opacity: 1;
	z-index: 1;
}



/*-----------------------------------------------
 * FirstView - VISUAL
-------------------------------------------------*/
.visual{
	position: relative;
	min-height: 100vh;
}
@media screen and (max-width: 767px){
	.visual{
		min-height: unset;
		z-index: 2;
	}
}


/**
* visualNotice
**/
.visualNotice{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	pointer-events: none;
}
.visualNotice-l{
	position: absolute;
	top: 0;
	left: 0;
	margin-top: min(17%, calc(204px * var(--max-percent)));/* 204 */
	width: 36.6667%;/* 440 */
	max-width: calc(440px * var(--max-percent));
}
.visualNotice___logo{
	position: relative;
	width: 90.9091%;/* 400 */
	margin-left: auto;
	overflow: hidden;
}
.visualNotice___logo img{
	width: 100%;
}
.visualNotice__onair{
	width: 90.9091%;
	margin-top: 4.5455%;/* 20 */
	position: relative;
	padding: 1.1364% 3.1819%;/* 5 14 */
}
.visualNotice__onair:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-pink);
}
.visualNotice__onair--txt{
	display: block;
	width: 100%;/* 412 */
	padding-top: 7.767%;/* 32 */
	text-align: right;
	position: relative;
}
.visualNotice__onair--txt img{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: right center;
}

.visualNotice__catch{
	position: absolute;
	top: 0;
	right: 0;
	margin-right: min(3.3334%, calc(40px * var(--max-percent)));/* 40 */;
	margin-top: min(10%, calc(120px * var(--max-percent)));/* 120 */
	display: flex;
	justify-content: flex-start;
    flex-direction: row-reverse;
    align-items: flex-start;
	width: calc(104 / var(--vwcalc));
	max-width: calc(104px * var(--max-percent));
}
.visualNotice__catch--txt{
	display: block;
	width: calc(48 / var(--vwcalc));/* 48 */
	max-width: calc(48px * var(--max-percent));
	position: relative;
	background-color: #FFF;
}
.visualNotice__catch--txt:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid var(--color-pink);
}
.visualNotice__catch--txt:not(:first-child){
	margin-right: min(calc(8 / var(--vwcalc)), calc(8px * var(--max-percent)));/* 8 */
}
.visualNotice__catch--txtIn{
	display: block;
	width: 100%;
	padding: 29.1667% 25%;/* 14 12 */
}
.visualNotice__catch--txtIn img{
	width: 100%;
}


/* IS-ANI */
.visualNotice___logo img{
	transform: translateY(100%);
	transition: .6s cubic-bezier(.71,.37,.45,.92);
}
body.--is-loaded .visualNotice___logo img{
	transition-delay: 1.4s;
	transform: translateY(0%);
}



@media screen and (max-width: 767px){
	.visualNotice-l{
		margin-top: 17.6%;/* 132 */
		width: 68%;/* 510 */
		max-width: 510px;
	}
	.visualNotice___logo{
		width: 90.5883%;/* 462 */
	}
	.visualNotice__onair{
		width: 93.5295%;/* 477 */
		margin-top: var(--sp-size-40);
		padding: var(--sp-size-10) var(--sp-size-24);/* 10 24 */
	}
	.visualNotice__onair--txt{
		padding-top: var(--sp-size-36);/* 40 */
	}
	.visualNotice__catch{
		margin-right: var(--sp-size-24);
		margin-top: calc(46 / var(--vwcalc));
		width: calc(128 / var(--vwcalc));
		max-width: unset;
	}
	.visualNotice__catch--txt{
		width: var(--sp-size-56);
		max-width: unset;
	}
	.visualNotice__catch--txt:before{
		border-width: var(--sp-size-2);
	}
	.visualNotice__catch--txt:not(:first-child){
		margin-right: var(--sp-size-16);
	}
	.visualNotice__catch--txtIn{
		padding: var(--sp-size-20) var(--sp-size-12);
	}
}


/**
* Frame
**/
.visualFrameWrap{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	transition: background-color 1s cubic-bezier(0.18, 0.02, 0.7, 1);
	/* min-height: 640px;
	height: 100vh;
	height: 100lvh; */
}
.viuslFrameInWrap{
	position: sticky;
	top: 0;
	width: 100%;
	height: min(100%, 100vh);
	height: min(100%, 100lvh);
}
.viuslFrame__wakuWrap{
	width: 100%;
}

.viuslFrame__waku{
	position: absolute;
	background-color: #fff;
}
.viuslFrame__waku.-t,
.viuslFrame__waku.-b{
	left: 0;
	right: 0;
	padding-top: min(6.6667%, 80px);/* 80 */
}
.viuslFrame__waku.-r,
.viuslFrame__waku.-l{
	width: min(6.6667%, 80px);
	top: 0;
	bottom: 0;
}

.viuslFrame__waku.-t{
	top: 0;
}
.viuslFrame__waku.-r{
	right: 0;
}
.viuslFrame__waku.-b{
	bottom: 0;
}
.viuslFrame__waku.-l{
	left: 0;
}

.viuslFrame__waku.-t:before,
.viuslFrame__waku.-b:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 6.6667%;/* 80 */
	height: 30%;/* 24 */
	background: url(../img/common/deco_line_h.svg) no-repeat center / contain;
	margin: auto;
}
.viuslFrame__waku.-r:before,
.viuslFrame__waku.-l:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 30%;/* 24 */
	height: 6.6667%;/* 80 */
	background: url(../img/common/deco_line_v.svg) no-repeat center / contain;
	margin: auto;
}

.txt_viuslFrame__waku--title{
	position: absolute;
	top: 0;
	left: min(3.3334%, calc(40px * var(--max-percent)));/* 40 */
	bottom: 0;
	margin: auto 0;
	height: 40%;/* 32 */
	z-index: 2;
}
.txt_viuslFrame__waku--title img{
	height: 100%;
}
@media screen and (min-width:768px){
	.txt_viuslFrame__waku--title{
		display: none;
	}
}

.viuslFrame__wakuWrapIn{
	padding: min(6.6667%, 80px);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.viuslFrame__wakuWrapInFrame{
	position: relative;
	width: 100%;
	height: 100%;
}
.viuslFrame__wakuWrapInFrame:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid var(--color-pink);
	transition: border-color 1s cubic-bezier(0.18, 0.02, 0.7, 1);
}
@media screen and (min-width: 768px){
	.viuslFrame__wakuWrapInFrame:after{
		border-top: unset;
	}
}

@media screen and (max-width: 767px){
	.visualFrameWrap{
		bottom: unset;
		height: calc(1248 / var(--vwcalc));
	}
	.viuslFrame__waku.-t,
	.viuslFrame__waku.-b{
		padding-top: var(--sp-size-96);
	}
	.viuslFrame__waku.-r,
	.viuslFrame__waku.-l{
		width: var(--sp-size-96);
	}
	.viuslFrame__waku.-t:before,
	.viuslFrame__waku.-b:before{
		width: var(--sp-size-96);
		height: var(--sp-size-32);
	}
	.viuslFrame__waku.-r:before,
	.viuslFrame__waku.-l:before{
		width: var(--sp-size-32);
		height: var(--sp-size-96);
	}
	.txt_viuslFrame__waku--title{
		left: var(--sp-size-24);
		height: var(--sp-size-32);
	}
	.viuslFrame__wakuWrapIn{
		padding: var(--sp-size-96);
	}
	.viuslFrame__wakuWrapInFrame:after{
		border-width: var(--sp-size-2);
	}
}



/**
* visualContWrap
**/
.visualContWrap{
	position: relative;
	width: 100%;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

/** VISUAL TITLE-EN **/
.visual_title-en{
	position: absolute;
	bottom: 0;
	left: 0;
	width: min(38.9167%, calc(467px * var(--max-percent)));/* 467 */
	padding-top: min(20.5%, calc(246px * var(--max-percent)));/* 246 */
	margin-left: min(2.5%, calc(30px * var(--max-percent)));/* 30 */
	margin-bottom: min(9.5%, calc(114px * var(--max-percent)));/* 114 */
	mask: url(../img/top/txt_fv_title-en.svg) no-repeat center / contain;
	-webkit-mask: url(../img/top/txt_fv_title-en.svg) no-repeat center / contain;
	background-image: linear-gradient( 45deg, rgb(194,173,208) 0%, rgb(246,153,195) 100%);
}

/** decoCont **/
.visualdecoCont{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: min(calc(880 / var(--vwcalc)), calc(880px * var(--max-percent)));
}
.visualdecoItem{
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
}
.visualdecoItem.-item1{
	top: 15.341%;/* 135 */
	left: min(4.8334%, 58px);/* 58 */
	width: 3.8334%;/* 46 */
	height: 5.1137%;/* 45 */
	background-image: url(../img/top/visual/deco_star1.svg);
	background-position: left top;
}
.visualdecoItem.-item2{
	width: 3.6667%;/* 44 */
	height: 5.2273%;/* 46 */
	bottom: 22.0455%;/* 194 */
	left: 18.3334%;/* 220 */
	background-image: url(../img/top/visual/deco_star2.svg);
	background-position: left bottom;
}
.visualdecoItem.-item3{
	width: 3.9167%;/* 47 */
	height: 4.8864%;/* 43 */
	bottom: 35.7955%;/* 315 */
	right: 13.9167%;/* 167 */
	background-image: url(../img/top/visual/deco_star3.svg);
	background-position: right bottom;
}
.visualdecoItem.-item4{
	width: 3.0834%;/* 37 */
	height: 4.091%;/* 36 */
	top: 22.841%;/* 201 */
	right: 13.75%;/* 165 */
	background-image: url(../img/top/visual/deco_star4.svg);
	background-position: right top;
}
.visualdecoItem.-item5{
	width: 2.1667%;/* 26 */
	height: 3.2955%;/* 29 */
	top: 30.341%;/* 267 */
	right: 17.4167%;/* 209 */
	background-image: url(../img/top/visual/deco_star5.svg);
	background-position: right top;
}
.visualdecoItem.-item6{
	width: 2.3334%;/* 28 */
	height: 2.7273%;/* 24 */
	bottom: 47.7273%;/* 420 */
	left: 35.3334%;/* 424 */
	background-image: url(../img/top/visual/deco_star6.svg);
	background-position: left bottom;
}



/** IMAGE CONT  **/
.visualImageCont{
	width: 68.3334%;/* 820 */
	margin-top: auto;
	position: relative;
	margin-left: 18.3334%;/* 220 */
	margin-right: 13.3334%;/* 160 */
}
.visualImageContIn{
	width: 100%;
	max-width: calc(820px * var(--max-percent));
	margin: 0 auto;
	position: relative;
}
.visualSwiper{
	width: 100%;
	overflow: unset;
}
.visualSwiperList{
	width: 100%;
}

/* special1 */
.visualSwiperList[data-visual="special1"] img{
	margin-left: -5%;
}
@media screen and (max-width: 767px){
	.visualSwiperList[data-visual="special1"] img{
		margin-left: -3.5%;
	}
}

.visualImageLists{
	width: 100%;
	padding-top: 107.3171%;/* 880 */
	position: relative;
}
.visualImageList{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* opacity: 0; */
	transition: opacity .4s ease;
}
.visualImage{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center bottom;
}


/** visulaActive **/
body[data-teaservisual="1"] .visualImageList[data-teaservisual="1"]{
	opacity: 1;
}
body[data-teaservisual="1"] .visualImageList[data-teaservisual="2"]{
	opacity: 0;
}


/** Fukidashi **/
.visual_fukidashi{
	position: absolute;
	right: 14.6342%;/* 120 */
	bottom: 68.1829%;/* 600 */
	width: 14.6342%;/* 120 */	
}
.visual_fTextLists{
	position: relative;
	width: 100%;
}
.visual_fTextList{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transition: transform .4s ease, opacity .2s ease;
	transform: scale(108%);
}

.visual_fTextList p{
	width: 100%;
	background-color: #FFF;
	border-radius: 120px;
	border-bottom-left-radius: 0;
	border: 1px solid var(--color-pink);
	opacity: 0;
	transform: scale(60%) rotate(6deg);
	transition: .3s cubic-bezier(.43,.24,.15,2) .2s;
}

.visual_fTextList p img{
	width: 100%;
}

/** TEXT **/
/* VISUAL1 */
body[data-teaservisual="1"][data-text="1"] .visual_fTextList[data-txt="11"]{
	opacity: 1;
	transform: scale(100%) translateY(0);
	transition-delay: .15s;
}
body[data-teaservisual="1"][data-text="1"] .visual_fTextList[data-txt="11"] p{
	transform: scale(100%) rotate(0deg);
	opacity: 1;
}
body[data-teaservisual="1"][data-text="2"] .visual_fTextList[data-txt="12"]{
	opacity: 1;
	transform: scale(100%) translateY(0);
	transition-delay: .15s;
}
body[data-teaservisual="1"][data-text="2"] .visual_fTextList[data-txt="12"] p{
	transform: scale(100%) rotate(0deg);
	opacity: 1;
}
body[data-teaservisual="1"][data-text="3"] .visual_fTextList[data-txt="13"]{
	opacity: 1;
	transform: scale(100%) translateY(0);
	transition-delay: .15s;
}
body[data-teaservisual="1"][data-text="3"] .visual_fTextList[data-txt="13"] p{
	transform: scale(100%) rotate(0deg);
	opacity: 1;
}
body[data-teaservisual="1"][data-text="4"] .visual_fTextList[data-txt="14"]{
	opacity: 1;
	transform: scale(100%) translateY(0);
	transition-delay: .15s;
}
body[data-teaservisual="1"][data-text="4"] .visual_fTextList[data-txt="14"] p{
	transform: scale(100%) rotate(0deg);
	opacity: 1;
}
body[data-teaservisual="1"][data-text="5"] .visual_fTextList[data-txt="15"]{
	opacity: 1;
	transform: scale(100%) translateY(0);
	transition-delay: .15s;
}
body[data-teaservisual="1"][data-text="5"] .visual_fTextList[data-txt="15"] p{
	transform: scale(100%) rotate(0deg);
	opacity: 1;
}
 
/* VISUAL2 */
body[data-teaservisual="2"][data-text="1"] .visual_fTextList[data-txt="21"]{
	opacity: 1;
	transform: scale(100%) translateY(0);
	transition-delay: .15s;
}
body[data-teaservisual="2"][data-text="1"] .visual_fTextList[data-txt="21"] p{
	transform: scale(100%) rotate(0deg);
	opacity: 1;
}
body[data-teaservisual="2"][data-text="2"] .visual_fTextList[data-txt="22"]{
	opacity: 1;
	transform: scale(100%) translateY(0);
	transition-delay: .15s;
}
body[data-teaservisual="2"][data-text="2"] .visual_fTextList[data-txt="22"] p{
	transform: scale(100%) rotate(0deg);
	opacity: 1;
}
body[data-teaservisual="2"][data-text="3"] .visual_fTextList[data-txt="23"]{
	opacity: 1;
	transform: scale(100%) translateY(0);
	transition-delay: .15s;
}
body[data-teaservisual="2"][data-text="3"] .visual_fTextList[data-txt="23"] p{
	transform: scale(100%) rotate(0deg);
	opacity: 1;
}
body[data-teaservisual="2"][data-text="4"] .visual_fTextList[data-txt="24"]{
	opacity: 1;
	transform: scale(100%) translateY(0);
	transition-delay: .15s;
}
body[data-teaservisual="2"][data-text="4"] .visual_fTextList[data-txt="24"] p{
	transform: scale(100%) rotate(0deg);
	opacity: 1;
}
body[data-teaservisual="2"][data-text="5"] .visual_fTextList[data-txt="25"]{
	opacity: 1;
	transform: scale(100%) translateY(0);
	transition-delay: .15s;
}
body[data-teaservisual="2"][data-text="5"] .visual_fTextList[data-txt="25"] p{
	transform: scale(100%) rotate(0deg);
	opacity: 1;
}


.visual_visualChangeBtn{
	width: 24.3903%;/* 200 */
	position: absolute;
	right: 0;
	bottom: 52.2728%;/* 460 */
}
.visual_visualChangeBtn--btn{
	position: relative;
	width: 60%;
	max-width: 120px;
	padding-top: min(60%, 120px);
}
.btn_visualChange{
	display: block;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;/* 120 */
	height: 100%;/* 120 */
}
.btn_visualChange:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/common/deco_star.svg) no-repeat center / contain;
}
.btn_visualChange:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	border: 1px solid #000;
}
.btn_visualChange-txt{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 85%;/* 102 */
	height: 85%;/* 102 */
	margin: auto;
}
.btn_visualChange-txt:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/top/visual/txt_letstalk.svg) no-repeat center / contain;
	animation: ani_rotate360 24s linear infinite;
}
.btn_visualChange-txt:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 49.0196%;/* 50 */
	height: 49.0196%;/* 50 */
	margin: auto;
	background: url(../img/common/arrow_circle.svg) no-repeat center / contain;
}


.visual_visualChangeBtn--count{
	width: 100%;
	text-align: right;
	font-family: var(--font-en);
	font-size: min(calc(12 / var(--vwcalc)), calc(12px * var(--max-percent)));
	font-size: min(calc(12 / var(--vwcalc), 12px));
	line-height: 1;
}
.txt_visualChangeCount{
	position: absolute;
	bottom: 0;
	left: min(42%, 84px);/* 84 */
	display: inline-flex;
	align-items: flex-end;
	background-color: #fff;
	border-radius: 40px;
	padding: clamp(2px, calc(2 / var(--vwcalc)), calc(2px * var(--max-percent))) clamp(8px, calc(8 / var(--vwcalc)), calc(8px * var(--max-percent)));
	border: 1px solid #000;
	letter-spacing: 0;
	pointer-events: none;
}
#js-countNum{
	color: var(--color-pink);
	font-size: 133.3334%;
	padding-right: 0.25em;
}


.bglines.-visualBglines{
	background-image:
		linear-gradient(-90deg, var(--color-pink) 1px, transparent 1px),
		linear-gradient(var(--color-pink) 1px, transparent 1px);
}
.bglines.-visualBglines:before{
	background-color: var(--color-pink);
}


/** imgDeco **/
.visual_imgDecoWrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.visual_imgDeco{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.visual_imgDeco.-item1{
	width: 9.3903%;/* 77 */
	height: 11.0228%;/* 97 */
	top: 0;
	right: 27.683%;/* 227 */
	margin-top: 3.6586%;/* 30 */
	background-image: url(../img/common/deco_item1.svg);
}
.visual_imgDeco.-item2{
	width: 11.8293%;/* 97 */
	height: 10.4546%;/* 92 */
	top: 0;
	left: 12.8049%;/* 105 */
	margin-top: 3.9025%;/* 32 */
	background-image: url(../img/common/deco_item2.svg);
}
.visual_imgDeco.-item3{
	width: 14.5122%;/* 119 */
	height: 8.6364%;/* 76 */
	top: 0;
	right: 2.3171%;/* 19 */
	margin-top: 53.1708%;/* 436 */
	background-image: url(../img/common/deco_item3.svg);
}
.visual_imgDeco.-item4{
	width: 14.5122%;/* 119 */
	height: 8.6364%;/* 76 */
	top: 0;
	left: 13.0488%;/* 107 */
	margin-top: 70%;/* 574 */
	background-image: url(../img/common/deco_item4.svg);
}
.visual_imgDeco.-item5{
	width: 10.9756%;/* 90 */
	height: 10.2273%;/* 90 */
	top: 0;
	left: 13.0488%;/* 107 */
	margin-top: 47.561%;/* 390 */
	background-image: url(../img/common/deco_item5.svg);
}
.visual_imgDeco.-item6{
	width: 9.2683%;/* 76 */
	height: 8.75%;/* 77 */
	top: 0;
	right: 14.5122%;/* 119 */
	margin-top: 93.7805%;/* 769 */
	background-image: url(../img/common/deco_item6.svg);
}


/** visualVideoArea **/
.visualVideoArea{
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: min(3.3334%, calc(40px * var(--max-percent)));/* 40 */
	margin-bottom: min(10%, calc(120px * var(--max-percent)));/* 120 */
	width: 26.6667%;/* 320 */
	max-width: calc(320px * var(--max-percent));
	z-index: 1;
}
.visualVideoInArea{
	width: 100%;
	padding-top: 50%;/* 160 */
	position: relative;
	border-radius: 160px;
	overflow: hidden;
	border: 1px solid #000;
	background-color: #fff;
}
.btn_movieArea{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 160px;
}
.btn_movieArea:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient( 45deg, rgb(215,185,230) 0%, rgb(180,225,255) 100%);
	opacity: 0.8;
	z-index: 2;
}
.btn_movieArea .icon_playmovie{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.btn_movieArea .icon_playmovie:before{
	animation-play-state: running;
}


.bg_yt{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}
.bg_ytplayer{
	width: 100%;
	height: 150%;
	position: absolute;
	top: -25%;
	left: 0;
	transition: opacity .3s ease;
}
body.--yt-apmov-stop .bg_ytplayer{
	opacity: 0;
}

@media screen and (max-width: 767px){
	.visualContWrap{
		position: relative;
		min-height: unset;
		overflow: hidden;
		overflow: clip;
	}

/** VISUAL TITLE-EN **/
	.visual_title-en{
		top: 0;
		bottom: unset;
		width: 55.4667%;/* 416 */
		padding-top: 29.6%;/* 222 */
		margin-left: -0.5334%;
		margin-bottom: unset;
		margin-top: 100%;/* 750 */
	}

/* decoCont */
	.visualdecoCont{
		bottom: unset;
		top: 0;
		height: calc(1248 / var(--vwcalc));
	}
	.visualdecoItem.-item1{
		width: calc(56 / var(--vwcalc));
		height: calc(55 / var(--vwcalc));
		top: calc(64 / var(--vwcalc));
		left: calc(52 / var(--vwcalc));
	}
	.visualdecoItem.-item2{
		width: calc(54 / var(--vwcalc));
		height: calc(56 / var(--vwcalc));
		bottom: calc(342 / var(--vwcalc));
		left: calc(119 / var(--vwcalc));
	}
	.visualdecoItem.-item3{
		width: calc(57 / var(--vwcalc));
		height: calc(52 / var(--vwcalc));
		bottom: calc(500 / var(--vwcalc));
		right: var(--sp-size-72);
	}
	.visualdecoItem.-item4{
		width: calc(46 / var(--vwcalc));
		height: calc(44 / var(--vwcalc));
		top: calc(62 / var(--vwcalc));
		right: calc(168 / var(--vwcalc));
	}
	.visualdecoItem.-item5{
		width: calc(32 / var(--vwcalc));
		height: calc(35 / var(--vwcalc));
		top: calc(118 / var(--vwcalc));
		right: calc(218 / var(--vwcalc));
	}
	.visualdecoItem.-item6{
		width: calc(35 / var(--vwcalc));
		height: calc(31 / var(--vwcalc));
		bottom: calc(537 / var(--vwcalc));
		left: calc(171 / var(--vwcalc));
	}


/** IMAGE CONT  **/
	.visualImageCont{
		width: 109.3334%;/* 820 */
		margin-left: calc(-5 / var(--vwcalc));/* -5 */
		margin-right: unset;
		padding-top: calc(368 / var(--vwcalc));/* 368 */
	}

/** Fukidashi **/
	.visual_fukidashi{
		bottom: calc(664 / var(--vwcalc));/* 664 */
		right: unset;
		left: var(--sp-size-48);
		width: 17.561%;/* 144 */
	}
	.visual_fTextList p{
		border-bottom-left-radius: 160px;
		border-bottom-right-radius: 0;
		border-width: var(--sp-size-2);
		padding: var(--sp-size-12) 0 var(--sp-size-26);
	}

	.visual_visualChangeBtn{
		width: 29.2683%;/* 240 */
		bottom: 16.5909%;/* 146 */
		right: unset;
		left: 56.9513%;/* 462+5 */
	}
	.visual_visualChangeBtn--count{
		font-size: var(--sp-size-20);
	}

	.bglines.-visualBglines{
		background-image:
			linear-gradient(-90deg, var(--color-pink) var(--sp-size-2), transparent var(--sp-size-2)),
			linear-gradient(var(--color-pink) var(--sp-size-2), transparent var(--sp-size-2));
	}

/** imgDeco **/
	.visual_imgDeco.-item1{
		right: calc(264 / var(--vwcalc));
		margin-top: calc(-24 / var(--vwcalc));
	}
	.visual_imgDeco.-item2{
		left: calc(146 / var(--vwcalc));
		margin-top: calc(-40 / var(--vwcalc));
	}
	.visual_imgDeco.-item3{
		right: calc(146 / var(--vwcalc));
		margin-top: calc(160 / var(--vwcalc));
	}
	.visual_imgDeco.-item4{
		left: calc(112 / var(--vwcalc));
		margin-top: calc(620 / var(--vwcalc));
	}
	.visual_imgDeco.-item5{
		left: calc(76 / var(--vwcalc));
		margin-top: calc(240 / var(--vwcalc));
	}
	.visual_imgDeco.-item6{
		right: calc(140 / var(--vwcalc));
		margin-top: calc(750 / var(--vwcalc));
	}

/** visualVideoArea **/
	.visualVideoArea{
		position: relative;
		width: 61.6%;/* 462 */
		max-width: unset;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: unset;
		margin-top: calc(-48 / var(--vwcalc));
	}
	.visualVideoInArea{
		border-width: var(--sp-size-2);
	}
}

@media (hover: hover) and (pointer: fine){
	.btn_visualChange-txt:after{
		transition: .5s ease;
	}
	.btn_visualChange:hover .btn_visualChange-txt:before{
		animation-play-state: paused;
	}
	.btn_visualChange:hover .btn_visualChange-txt:after{
		transform: rotate(180deg);
	}
}


/**
* visualChangeBtnArea
**/
.visualChangeBtnArea{
	position: absolute;
	bottom: 0;
	left: 0;
	width: min(calc(400 / var(--vw-min) * 100vw), calc(400px * var(--max-percent)));
	padding-top: min(calc(160 / var(--vw-min) * 100vw), calc(160px * var(--max-percent)));
	margin-left: min(3.3334%, calc(40px * var(--max-percent)));
	margin-bottom: min(calc(360 / var(--vw-min) * 100vw), calc(360px * var(--max-percent)));
}
.visualChangeBtnInArea{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent))) 0;
	z-index: 1;
}
.visualChangeBtnLists{
	display: flex;
	gap: min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent)));
}
.visualChangeBtnList{
	width: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	border-radius: 50%;
	overflow: hidden;
	line-height: 0;
}
.visualChangeBtn{
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	border-radius: 50%;
	position: relative;
	background-color: #fff;
}
.visualChangeBtn:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid #000;
	border-radius: 50%;
	z-index: 2;
}
.visualChangeBtn__img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.visualChangeBtn__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.visualChangeBtn__img:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient( 45deg, rgb(215,185,230) 0%, rgb(180,225,255) 100%);
	opacity: 0;
	transform: scale(60%);
	transition: .3s ease;
}

.visualChangeBtn.--is-current .visualChangeBtn__img::after{
	opacity: 80%;
	transform: scale(100%);
}
@media screen and (hover:hover) and (pointer: fine){
	.visualChangeBtn:not(.--is-current):hover .visualChangeBtn__img::after{
		opacity: 40%;
		transform: scale(100%);
	}
}
@media screen and (max-width:767px){
	.visualChangeBtnArea{
		top: 0;
		bottom: calc(184 / var(--vw-min) * 100vw);
		left: unset;
		right: 0;
		width: calc(96 / var(--vw-min) * 100vw);
		padding-top: calc((96 / var(--vw-min) * 100vw) * 0);
		margin-left: unset;
		margin-right: calc(24 / var(--vw-min) * 100vw);
		padding-bottom: calc(16 / var(--vw-min) * 100vw);
		z-index: 2;
		margin-bottom: unset;
	}
	.visualChangeBtnInArea{
		position: sticky;
		top: 0;
		height: 100%;
		padding: 0 0 calc(148 / var(--vw-min) * 100vw);
	}
	.visualChangeBtnLists{
		height: 100%;
		justify-content: flex-end;
		flex-direction: column;
		gap: calc(16 / var(--vw-min) * 100vw);
	}
	.visualChangeBtnList{
		width: 100%;
	}

	.visualChangeBtn:after{
		border-width: var(--sp-size-2);
	}

	@supports (overflow: clip){
		.visualChangeBtnInArea{
			max-height: 100vh;
			max-height: 100dvh;
		}
	}
}


/**
* TEASER
**/
.visualdecoCont.-teaserDecoCont{
	opacity: 0;
	transition: opacity .6s cubic-bezier(0.18, 0.02, 0.7, 1);
}
body[data-visual="teaser"] .visualdecoCont.-teaserDecoCont{
	opacity: 1;
}


/**
* KEYVISUAL 1
**/
/* VisualArea背景色 */
body[data-visual="key1"] .visualFrameWrap{
	background-color: #fff;
}
.-visualBglines{
	transition: opacity 1s cubic-bezier(0.18, 0.02, 0.7, 1);
}
.bglines.-visualYellow{
	background-image: linear-gradient(-90deg, var(--color-yellow) 1px, transparent 1px), linear-gradient(var(--color-yellow) 1px, transparent 1px);
	opacity: 0;
}
.bglines.-visualYellow:before{
	background-color: var(--color-yellow);
}

body[data-visual="key1"] .bglines.-visualPink{
	opacity: 0;
}
body[data-visual="key1"] .bglines.-visualYellow{
	opacity: 1;
}
body[data-visual="key1"] .viuslFrame__wakuWrapInFrame:after{
	border-color: var(--color-yellow);
}

/* DECO */
.visual_imgDeco.-key1_1{
	width: 31.3415%;/* 257 */
	height: 28.75%;/* 253 */
	top: -3.8637%;/* -34 */
	right: 13.6586%;/* 112 */
	background-image: url(../img/top/visual/deco/key1/key1_deco1.png);
}
.visual_imgDeco.-key1_2{
	width: 8.9025%;/* 73 */
	height: 8.75%;/* 77 */
	top: -1.25%;/* -11 */
	left: 25.3659%;/* 208 */
	background-image: url(../img/top/visual/deco/key1/key1_deco2.png);
}
.visual_imgDeco.-key1_3{
	width: 6.7074%;/* 55 */
	height: 5.6819%;/* 50 */
	top: 9.2046%;/* 81 */
	left: 36.0976%;/* 296 */
	background-image: url(../img/top/visual/deco/key1/key1_deco3.png);
}
.visual_imgDeco.-key1_4{
	width: 12.8049%;/* 105 */
	height: 12.9546%;/* 114 */
	top: 29.6591%;/* 261 */
	right: 6.5854%;/* 54 */
	background-image: url(../img/top/visual/deco/key1/key1_deco4.png);
}
.visual_imgDeco.-key1_5{
	width: 17.9269%;/* 147 */
	height: 15.4546%;/* 136 */
	top: 7.2728%;/* 64 */
	left: -5.9756%;/* -49 */
	background-image: url(../img/top/visual/deco/key1/key1_deco5.png);
}
.visual_imgDeco.-key1_6{
	width: 6.7074%;/* 55 */
	height: 5%;/* 44 */
	top: 49.4319%;/* 485 */
	left: 9.8781%;/* 81 */
	background-image: url(../img/top/visual/deco/key1/key1_deco6.png);
}
.visual_imgDeco.-key1_7{
	width: 9.7561%;/* 80 */
	height: 8.2955%;/* 73 */
	top: 63.1819%;/* 556 */
	left: -2.683%;/* -22 */
	background-image: url(../img/top/visual/deco/key1/key1_deco7.png);
}
.visual_imgDeco.-key1_8{
	width: 8.9025%;/* 73 */
	height: 8.1819%;/* 72 */
	top: 52.6137%;/* 463 */
	right: 0;/* 0 */
	background-image: url(../img/top/visual/deco/key1/key1_deco8.png);
}
.visual_imgDeco.-key1_9{
	width: 12.8049%;/* 105 */
	height: 13.2955%;/* 117 */
	top: 69.6591%;/* 613 */
	left: 10.6098%;/* 87 */
	background-image: url(../img/top/visual/deco/key1/key1_deco9.png);
}
.visual_imgDeco.-key1_10{
	width: 25.8537%;/* 212 */
	height: 32.9546%;/* 290 */
	bottom: 4.091%;/* 36 */
	right: 13.4147%;/* 110 */
	background-image: url(../img/top/visual/deco/key1/key1_deco10.png);
}
.visual_imgDeco.-key1_11{
	width: 9.1464%;/* 75 */
	height: 8.2955%;/* 73 */
	bottom: 3.0682%;/* 27 */
	left: 29.0244%;/* 238 */
	background-image: url(../img/top/visual/deco/key1/key1_deco11.png);
}

@media screen and (max-width:767px){
	.visualSwiperList[data-visual="key1"] .visual_imgDecoWrap{
		display: none;
	}
	.visualImageLists.-key1{
		margin-left: calc(-30 / var(--vw-min) * 100vw);
	}
	.visualImageLists.-key1 .visualImageList{
		width: calc(652 / var(--vw-min) * 100vw);
		height: calc(978 / var(--vw-min) * 100vw);
		top: unset;
		bottom: calc(8 / var(--vw-min) * 100vw);
		right: 0;
		margin: 0 auto;
	}
}


/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
.cont_h2--deco.-news{
	width: 107px;
	height: 93px;
	top: 0;
	left: 0;
	margin-left: 160px;
	margin-top: -90px;
	background-image: url(../img/common/deco_h2-bg1.png);
}


#news .contentIn__ContIn{
	width: 100%;/* 880 */
	display: flex;
	align-items: flex-start;
}
.newsListsWrap{
	width: 63.6364%;/* 560 */
}
.newsList{
	position: relative;
}
.newsList:not(:last-child){
	margin-bottom: 24px;
}
.newsList:before{
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	width: 100%;
	height: 100%;
	clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0);
	background-image: linear-gradient( 90deg, rgb(181,255,255) 0%, rgb(255,245,90) 100%);
}
.newsList__link{
	display: block;
	text-decoration: none;
	position: relative;
	display: flex;
	clip-path: polygon(100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0);
	background-color: #fff;
}
.newsList__link--date{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 24px 20px;
	text-align: center;
	font-family: var(--font-en);
	position: relative;
}
.newsList__link--date:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-right: 1px solid #ccc;
}
.newsList__link--date > span{
	display: block;
	text-align: center;
	line-height: 1.5;
}
.newsList__link--date_y{
	order: 1;
	color: #ccc;
}
.newsList__link--date_md{
	color: var(--color-pink);
}
.newsList__title{
	padding: 20px;
	color: #222;
}
.newsList__title--txt{
	line-height: 2;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.newsList__linkFrames{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.newsList__linkFrame{
	position: absolute;
}
.newsList__linkFrame.-tl{
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-top: 1px solid #040000;
	border-left: 1px solid #040000;
}
.newsList__linkFrame.-rb{
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.newsList__linkFrame.-rb:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 20px;
	right: 0;
	border-right: 1px solid #040000;
}
.newsList__linkFrame.-rb:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 20px;
	border-bottom: 1px solid #040000;
}
.newsList__linkFrame.-rbSide{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 20px;
	height: 20px;
}
.newsList__linkFrame.-rbSide:before{
	content: '';
	width: 141.4212%;
	height: 1px;
	border-bottom: 1px solid #000;
	position: absolute;
	top: 0;
	right: -3px;
	bottom: 0;
	margin: auto;
	transform: rotate(-45deg);
}



.newsListsWrap .com_linkBtn{
	margin-top: 48px;
}



/** TWITTER **/
.twitterWidgetWrap{
	width: 27.2728%;/* 240 */
	height: auto;
	position: relative;
	margin-left: auto;
}
.twitterWidgetCont{
	width: 100%;
	margin-left: auto;
	position: relative;
}
.twitterWidgetCont:before{
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	width: 100%;
	height: 100%;
	background-image: linear-gradient( 90deg, rgb(181,255,255) 0%, rgb(255,245,90) 100%);
}
.twitterWidgetCont:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #000;
}
.twitterWidgetInWrap{
	width: 100%;
	position: relative;
	background-color: #FFF;
	padding: min(10%, 24px);/* 24 */
}
.twitterWidgetFrame{
	position: relative;
	width: 100%;
	height: 312px;
	z-index: 2;
	border: 1px solid #ccc;
}
.twitterWidgetFrameIn{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.twitterWidget{
	width: 100%;
	height: 100%;
	/* overflow-x: auto; */
	overflow: hidden;
	position: relative;
}
.twitterWidget iframe {
    width: 100% !important;
	height: 100%;
	border: unset;
	overflow-x: unset;
}


.twitterWidgetWrap .com_linkBtn{
	margin-top: 45px;
}
.twitterWidgetWrap .com_link{
	padding-right: 32px;
}
.twitterWidgetWrap .com_link--txt{
	display: inline-flex;
	align-items: center;
}

.twitterWidgetWrap .com_link--txt > .icon_x{
	width: 20px;
	height: 20px;
	-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: #000;
	margin-left: 6px;
	transition: .4s ease;
}
@media (hover: hover) and (pointer: fine){
	.twitterWidgetWrap .com_link:hover .com_link--txt > .icon_x{
		background-color: #fff;
		transform: scale(90%);
		transition-delay: .1s;
	}
}


#news .contentBG__earring.-sizeM{
	top: 0;
	right: -41px;
	margin-top: 32px;
}


@media screen and (max-width: 960px){
	#news .contentIn__ContIn{
		flex-direction: column;
	}
	.newsListsWrap{
		width: 100%;
	}
	.twitterWidgetWrap{
		display: none;
		width: min(100%,558px);
		margin-right: auto;
		margin-top: 64px;
	}
}

@media (hover: hover) and (pointer: fine){
	.newsList__link{
		transition: transform .4s ease;
	}
	.newsList__link:hover{
		transform: translate(5px,5px);
	}
	.newsList__title--txt > span{
		background: linear-gradient(var(--color-yellow), var(--color-yellow)) right bottom / 0 40% no-repeat;
		transition: background-size .4s ease;
	}
	.newsList__link:hover .newsList__title--txt > span {
        background-position: left bottom;
        background-size: 100% 40%;
    }
}


@media screen and (max-width: 767px){
	.cont_h2--deco.-news{
		width: calc(107 / var(--vwcalc));
		height: calc(93 / var(--vwcalc));
		margin-left: calc(224 / var(--vwcalc));
		margin-top: calc(-72 / var(--vwcalc));
	}
	
	.newsList:before{
		top: var(--sp-size-16);
		left: var(--sp-size-16);
		clip-path: polygon(100% 0, 100% calc(100% - var(--sp-size-24)), calc(100% - var(--sp-size-24)) 100%, 0 100%, 0 0);
	}
	.newsList__link{
		clip-path: polygon(100% 0, 100% calc(100% - var(--sp-size-24)), calc(100% - var(--sp-size-24)) 100%, 0 100%, 0 0);
	}
	.newsList__link--date{
		padding: var(--sp-size-32) var(--sp-size-16);
	}
	.newsList__link--date:after{
		border-right-width: var(--sp-size-2);
	}
	.newsList__title{
		padding: var(--sp-size-20);
	}
	.newsList__linkFrame.-tl,
	.newsList__linkFrame.-rb:before,
	.newsList__linkFrame.-rb:after{
		border-width: var(--sp-size-2);
	}
	.newsList__linkFrame.-rb:before{
		bottom: var(--sp-size-24);
	}
	.newsList__linkFrame.-rb:after{
		right: var(--sp-size-24);
	}
	.newsList__linkFrame.-rbSide{
		width: var(--sp-size-24);
		height: var(--sp-size-24);
	}
	.newsList__linkFrame.-rbSide:before{
		width: var(--sp-size-40);
		height: var(--sp-size-2);
		border-bottom-width: var(--sp-size-2);
		right: calc(-5 / var(--vwcalc));
	}

	.newsListsWrap .com_linkBtn{
		margin-top: var(--sp-size-64);
	}

/** TWITTER **/
	.twitterWidgetWrap{
		width: 85.3211%;
		margin-top: var(--sp-size-96);
	}
	.twitterWidgetCont:before{
		top: var(--sp-size-16);
		left: var(--sp-size-16);
	}
	.twitterWidgetCont:after{
		border-width: var(--sp-size-2);
	}
	.twitterWidgetInWrap{
		padding: var(--sp-size-48);
	}
	.twitterWidgetFrame{
		height: max(calc(462 / var(--vwcalc)), 280px);
	}

	.twitterWidgetWrap .com_linkBtn{
		margin-top: var(--sp-size-64);
	}
	.twitterWidgetWrap .com_link{
		padding-right: var(--sp-size-80);
	}
	.twitterWidgetWrap .com_link--txt > .icon_x{
		width: var(--sp-size-32);
		height: var(--sp-size-32);
		margin-left: var(--sp-size-24);
	}

	#news .contentBG__earring.-sizeM{
		right: calc(-68 / var(--vwcalc));/* -41 */
		margin-top: var(--sp-size-72);
	}
}


/**
* LOADED ANIMATION
**/
.viuslFrame__waku:before{
	opacity: 0;
	transition: transform .4s ease, opacity .3s ease;
}
.viuslFrame__waku.-t:before{
	transform: translateY(-80%);
}
.viuslFrame__waku.-b:before{
	transform: translateY(80%);
}
.viuslFrame__waku.-r:before{
	transform: translateX(80%);
}
.viuslFrame__waku.-l:before{
	transform: translateX(-80%);
}


.visualNotice__catch--txt{
	opacity: 0;
	transition: transform .4s ease, opacity .3s ease;
}
.visualNotice__catch--txt.-a{
	transform: translateY(-40px);
}
.visualNotice__catch--txt.-b{
	transform: translateY(40px);
}

@media screen and (max-width: 767px){
	.visualNotice__catch--txt.-a{
		transform: translateY(calc(-40 / var(--vwcalc)));
	}
	.visualNotice__catch--txt.-b{
		transform: translateY(calc(40 / var(--vwcalc)));
	}
}


/* loaded */
body.--is-loaded .viuslFrame__waku:before{
	opacity: 1;
	transform: translate(0,0);
	transition-delay: 1.5s, 1.3s;
}
body.--is-loaded .visualNotice__catch--txt.-a,
body.--is-loaded .visualNotice__catch--txt.-b{
	opacity: 1;
	transform: translateY(0px);
	transition-delay: 1.7s, 1.5s;
}


/*-----------------------------------------------
 * INTRODUCTION
-------------------------------------------------*/
#introduction{
	padding-bottom: 80px;
	z-index: 2;
}
#introduction .cont_h2--en > span{
	display: inline-block;
	transform: scale(0.9, 1);
	transform-origin: right;
}

.cont_h2--deco.-introduction{
	width: 68px;
	height: 60px;
	top: 0;
	right: 0;
	margin-right: 400px;
	margin-top: -52px;
	background-image: url(../img/common/deco_h2-bg2.png);
}


#introduction .contentIn{
	padding-top: 80px;
	z-index: 2;
}
.introText.-txt0{
	line-height: 1.5;
	letter-spacing: 0.1em;
	background-color: unset;
	margin-bottom: 20px;
}
.introText.-txt0 span.contentIn__ContIn{
	display: block;
	padding: 0 40px;
}
.introHeadText-p{
	font-size: 32px;
	line-height: 1.25;
	letter-spacing: 0.1em;
	display: inline-block;
	color: #FFF;
	padding-left: calc(min(10vw, 120px) + 40px);
	padding-right: 12px;
}
@media screen and (min-width: 1776px){
	.introHeadText-p{
		padding-left: calc(((100vw - 1456px) / 2));
	}
}

.introHeadText-p .fw_l{
	font-weight: 300;
}
.introHeadText-p .color_y{
	color: var(--color-yellow);
}
.introHeadText-p small{
	font-size: 75%;
}
.introCont > .contentIn__ContIn{
	padding-top: 0;
	padding-bottom: 0;
}

.introHeadText-p.-txt1{
	background-color: var(--color-purple);
}
.introHeadText-p.-txt2{
	background-color: var(--color-pink);
	margin-top: 12px;
}

.introCont{
	background-color: unset;
	margin-top: 72px;
}
p.introText{
	font-size: 20px;
	line-height: 3;
	letter-spacing: 0.1em;
}
#introduction .underline_y{
	background-image: linear-gradient(0deg, var(--color-yellow), var(--color-yellow) 40%, rgba(0,0,0,0%) 40%);
}


/**
* BG
**/
#introduction .contentBG{
	overflow: unset;
}
#introduction .contentBG__earringSet.-decoIntro_item1{
	top: 0;
	right: 40px;
	margin-top: -85px;
}
#introduction .contentBG__earring.-decoIntro_item2{
	top: 0;
	left: 0;
	margin-top: -72px;
	margin-left: 20px;
}


.contentBG__slideTextWrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.contentBG__slideText{
	position: absolute;
	top: 120px;
	left: 0;
	bottom: 0;
	right: 0;
	height: 170px;
	background: url(../img/top/txt_slideEnTitle.svg) repeat-x;
	margin: auto 0;
	animation: ani_introBG_slideTxt 44.76s linear infinite;
	/* background-size: 2238px; */
}
@keyframes ani_introBG_slideTxt {
	0%{background-position-x: 0px;}
	100%{background-position-x: -2238px;}
}



@media screen and (max-width: 767px){
	#introduction{
		padding-bottom: 0;
	}
	.cont_h2--deco.-introduction{
		width: calc(68 / var(--vwcalc));
		height: calc(60 / var(--vwcalc));
		margin-right: calc(472 / var(--vwcalc));
		margin-top: calc(-48 / var(--vwcalc));
	}

	#introduction .contentIn{
		padding-top: var(--sp-size-96);
	}
	.introText.-txt0{
		margin-bottom: var(--sp-size-24);
		line-height: 2;
	}
	.introText.-txt0 span.contentIn__ContIn{
		padding: 0;
	}
	.introHeadText-p{
		font-size: var(--sp-size-32);
		padding-left: var(--sp-size-48);
		padding-right: var(--sp-size-20);
		padding-top: var(--sp-size-4);
		padding-bottom: var(--sp-size-4);
	}
	.introHeadText-p.-txt2{
		margin-top: var(--sp-size-20);
	}
	.introCont{
		margin-top: var(--sp-size-64);
	}
	p.introText{
		font-size: var(--sp-size-28);
		letter-spacing: 0.2em;
	}

/**
* BG
**/
	#introduction .contentBG{
		top: calc(-91 / var(--vwcalc));
		overflow: hidden;
	}
	#introduction .contentBG__earringSet.-decoIntro_item1{
		right: calc(-20 / var(--vwcalc));
		margin-top: calc(17 / var(--vwcalc));
	}
	#introduction .contentBG__earring.-decoIntro_item2{
		margin-top: 0;
		margin-left: calc(-32 / var(--vwcalc));
	}
	.contentBG__slideText{
		top: calc(200 / var(--vwcalc));
		height: calc(152 / var(--vwcalc));
		background-size: calc(2001 / var(--vwcalc));
		animation-duration: 30.015s;
	}

	@keyframes ani_introBG_slideTxt {
		0%{background-position-x: 0px;}
		100%{background-position-x: calc(-2001 / var(--vwcalc));}
	}
}




/*-----------------------------------------------
 * STAFFCAST
-------------------------------------------------*/
.cont_h2--deco.-staffcast{
	width: 53px;
	height: 67px;
	top: 0;
	left: 0;
	margin-left: 360px;
	margin-top: -64px;
	background-image: url(../img/common/deco_h2-bg3.png);
}

#staffcast .contentIn__ContIn{
	display: flex;
}
.staffcastCont{
	width: 50%;
}

.staffcastLists{
	width: 100%;
	padding-top: 40px;
}
.staffcastList{
	display: flex;
	line-height: 1.5;
	font-weight: 500;
}
.staffcastLists .staffcastList:not(:last-child){
	margin-bottom: 32px;
}
.staffcastList > dt{
	flex-shrink: 0;
	padding-top: 4px;
	padding-right: 1em;
}
.staffcastList > dd{
	font-size: 20px;
}
.staffcastList > dd.-flex{
	display: flex;
	flex-wrap: wrap;
}
.staffcastList > dd small{
	font-size: 60%;
}
.staffcastList > dd small.full_sizeS{
	width: 100%;
	display: block;
	margin-top: 8px;
}


/**
* STAFF
**/
#staff{
	padding-right: 4.5455%;/* 40 */
}
#staff .cont_h3-line:before,
#staff .cont_h3-line:after{
	background-color: var(--color-purple);
}
#staff .staffcastList > dt{
	color: var(--color-purple);
}

/**
* CAST
**/
#cast{
	padding-left: 4.5455%;/* 40 */
}
#cast .cont_h3-line:before,
#cast .cont_h3-line:after{
	background-color: var(--color-pink);
}
#cast .staffcastList > dt{
	color: var(--color-pink);
}


/**
* BG
**/
.contentBG__earring.-decoSC_item1{
	top: 0;
	right: 0;
	margin-top: 196px;
	margin-right: 24px;
	z-index: 2;
}
.contentBG__earring.-decoSC_item2{
	bottom: 0;
	left: 0;
	margin-bottom: 54px;
	margin-left: -20px;
}

@media screen and (max-width: 1300px){
	#staffcast .contentIn__ContIn{
		flex-direction: column;
	}
	#staff{
		width: 100%;
		padding-right: 0;
	}
	#cast{
		width: 100%;
		padding-left: 0;
		padding-top: 64px;
		padding-bottom: 40px;
	}
	.staffcastLists{
		padding-left: 20px;
	}
}


/**
* COMMENT
**/
.staffcastComBtn{
	display: inline-block;
	padding-left: 4px;
	transform: translateY(-5px);
}
.btn_comment{
	font-family: var(--font-en);
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	padding: 4px 12px;
	border-radius: 32px;
	border-bottom-left-radius: 0;
	border: 1px solid #000;
	background-color: var(--color-yellow);
	position: relative;
	overflow: hidden;
}
.btn_comment > span{
	position: relative;
}

@media (hover: hover) and (pointer: fine){
	.btn_comment{
		transition: color .3s ease;
		border: unset;
	}
	.btn_comment:after{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		border-radius: 32px;
		border-bottom-left-radius: 0;
		border: 1px solid #000;
	}
	.btn_comment:before{
		content: '';
		position: absolute;
		top: 0;
		left: -10%;
		right: -10%;
		bottom: 0;
		width: 0;
		height: 100%;
		transform: scale(80%);
		background-color: var(--color-purple);
		opacity: 0;
		transition: .6s ease;
		border-radius: 120px;
		margin: 0 auto;
	}

	.btn_comment:hover{
		color: #FFF;
		transition-delay: .1s;
	}
	.btn_comment:hover::before{
		opacity: 1;
		width: 110%;
		transform: scale(100%);
	}
}

@media screen and (max-width: 767px){
	.cont_h2--deco.-staffcast{
		width: calc(53 / var(--vwcalc));
		height: calc(67 / var(--vwcalc));
		margin-left: calc(432 / var(--vwcalc));
		margin-top: calc(-64 / var(--vwcalc));
	}

	.staffcastLists{
		padding-top: var(--sp-size-48);
		padding-left: var(--sp-size-48);
	}
	.staffcastLists .staffcastList:not(:last-child){
		margin-bottom: var(--sp-size-40);
	}
	.staffcastList > dt{
		padding-top: var(--sp-size-6);
	}
	.staffcastList > dd{
		font-size: var(--sp-size-28);
	}
	.staffcastList > dd small{
		font-size: var(--sp-size-20);
	}
	.staffcastList > dd small.full_sizeS{
		margin-top: var(--sp-size-10);
	}

	#cast{
		padding-top: var(--sp-size-96);
		padding-bottom: 0;
	}


	#staffcast .contentBG{
		bottom: calc(-15 / var(--vwcalc));
	}
	.contentBG__earring.-decoSC_item1{
		margin-top: calc(160 / var(--vwcalc));
		margin-right: calc(-8 / var(--vwcalc));
	}
	.contentBG__earring.-decoSC_item2{
		margin-bottom: 0;
		margin-left: calc(-24 / var(--vwcalc));
		z-index: 2;
	}

	.staffcastComBtn{
		padding-left: var(--sp-size-6);
		transform: translateY(calc(-8 / var(--vwcalc)));
	}
	.btn_comment{
		font-size: var(--sp-size-20);
		padding: var(--sp-size-8) var(--sp-size-24);
		border-width: var(--sp-size-2);
	}
}


/*-----------------------------------------------
 * BOOKS
-------------------------------------------------*/
#books{
	padding-bottom: 200px;
}
.cont_h2--deco.-books{
	width: 69px;
	height: 69px;
	top: 0;
	right: 0;
	margin-right: 200px;
	margin-top: -67px;
	background-image: url(../img/common/deco_h2-bg4.png);
}

#books .contentIn{
	overflow: hidden;
}
#books .contentIn__Cont{
	background-color: inherit;
}
#books .contentIn__ContIn{
	padding-bottom: 0;
}


/**
* SWIPER
**/
.bookListsSwiper {
	overflow: unset;
}
.bookList{
	width: 25%;/* 220 */
	min-width: 176px;
}
.bookList:not(:last-child){
	margin-right: 4.5455%;/* 40 */
}
.bookList_link{
	display: block;
	text-decoration: none;
}
.bookList_img{
	position: relative;
}
.bookList_img:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #CCC;
}
.bookList_img img{
	width: 100%;
}
.bookList_ttl{
	padding-top: 20px;
	font-weight: 500;
}


/**
* BG
**/
#books .contentBG{
	overflow: unset;
}
.contentBG__earringSet.-decoBooks_item1{
	top: 0;
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: -70px;
	z-index: 2;
}

@media screen and (max-width: 767px){
	#books{
		padding-bottom: 25.6%;/* 192 */
	}
	.cont_h2--deco.-books{
		width: calc(69 / var(--vwcalc));
		height: calc(69 / var(--vwcalc));
		margin-right: calc(237 / var(--vwcalc));
		margin-top: calc(-60 / var(--vwcalc));
	}

	.bookList{
		width: 33.6392%;/* 220 */
		min-width: unset;
	}
	.bookList:not(:last-child){
		margin-right: var(--sp-size-48);
	}
	.bookList_img:before{
		border-width: var(--sp-size-2);
	}
	.bookList_ttl{
		padding-top: var(--sp-size-20);
	}

	.contentBG__earringSet.-decoBooks_item1{
		margin-top: calc(-68 / var(--vwcalc));
	}
}


@media (hover: hover) and (pointer: fine){
	.bookList_img img{
		transition: .5s ease;
	}
	.bookList_link:hover .bookList_img img{
		transform: scale(1.05) rotate(3deg);
		filter: brightness(110%);
	}
}




/*-----------------------------------------------
 * COMMENT
-------------------------------------------------*/
#commentModal .oneModalIn__cont{
	width: 100%;
}
#js-commentModalCont{
	width: 100%;
	max-width: 1920px;
	padding: 0 min(6.6667%, calc(80px * var(--max-percent)));
	display: flex;
	align-items: center;
	margin: 0 auto;
}
.commentCont__img{
	width: 41.5385%;
	margin-right: 4.6154%;/* 48 */
	max-width: 480px;
	flex-shrink: 0;
}
.commentCont__img img{
	width: 100%;
}
.commentCont__Wrap{
	width: 100%;
}
@media screen and (max-width: 960px){
	#js-commentModalCont{
		flex-direction: column;
	}
	.commentCont__img{
		width: 100%;
		max-width: 100%;
		margin-right: 0;
		padding-bottom: 48px;
	}
}

.commentCont_h2{
	width: 100%;
	line-height: 1;
}
.commentCont_h2__job{
	display: block;
	font-size: 20px;
	color: var(--color-pink);
	font-weight: 700;
	margin-bottom: 12px;
}
#js-commentModalCont.--staff .commentCont_h2__job{
	color: var(--color-purple);
}
.commentCont_h2__name{
	display: block;
	font-size: 32px;
	font-weight: 900;
}

.commentCont__commentWrap{
	margin-top: 40px;
	width: 100%;
	position: relative;
}
.commentCont__commentWrap:before{
	content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100%;
    height: 100%;
    background-image: linear-gradient( 0deg, rgba(215,185,230,0.50196) 0%, rgba(180,225,255,0.50196) 100%);
}
.commentCont_mainTxt{
	width: 100%;
	padding: 24px;
	background-color: #fff;
	position: relative;
	border: 1px solid #000;
	line-height: 2;
}

@media screen and (max-width: 767px){
	#js-commentModalCont{
		padding: 0 var(--sp-size-48);
	}
	.commentCont__img{
		padding-bottom: var(--sp-size-48);
	}
	.commentCont_h2__job{
		font-size: var(--sp-size-32);
		margin-bottom: var(--sp-size-24);
	}
	.commentCont_h2__name{
		font-size: var(--sp-size-40);
	}
	.commentCont__commentWrap{
		margin-top: var(--sp-size-48);
	}
	.commentCont__commentWrap:before{
		top: var(--sp-size-16);
		left: var(--sp-size-16);
	}
	.commentCont_mainTxt{
		padding: var(--sp-size-32);
		border-width: var(--sp-size-2);
	}
}




/*-----------------------------------------------
 * ONAIRINFO
-------------------------------------------------*/
.onairInfo{
	width: 100%;
	padding: 40px min(calc(40 / var(--vw-min) * 100vw), 40px) 0;
	position: relative;
	z-index: 1;
}
.onairInfo__text{
	height: 32px;
	text-align: center;
}
.onairInfo__text img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media screen and (max-width:768px){
	.onairInfo{
		padding: calc(96 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
	}
	.onairInfo__text{
		height: calc(170 / var(--vw-min) * 100vw);
	}
}