@charset "utf-8";
.section_area{
	width: 100%;
	position: relative;
}

/*-----------------------------------------------
 * VISUAL
-------------------------------------------------*/
.visualArea{
	width: 100%;
	position: relative;
	z-index: 2;
	transition: opacity .3s ease;
	background: url(../img/top/visual/bg.jpg) no-repeat right top / cover;
	/*background: linear-gradient(180deg, #7DD2FF 0%, #A4EBFF 50%, #FFF 100%);*/
}
.visualArea::after{
	content: "";
	pointer-events: none;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: opacity .3s ease;
	background: url(../img/top/visual/bg_btm.svg) no-repeat right bottom;
	background-size: 100% auto; 
}
.visualArea__inner{
	margin: 0 auto;
	z-index: 10;
	position: relative;
}
@media screen and (max-width:767px){ 
	.visualArea{
		width: 100%;
		position: relative;
		padding-bottom: calc(78 / var(--vw-min) * 100vw);
	}
	.visualArea::after{
		background: url(../img/top/visual/bg_btm_sp.svg) no-repeat right bottom;
		background-size: 100% auto; 
	}
	.visualArea__inner{
		width: 100%;
	}
}
.visualArea.not-bnr:after {
	display: none;
}
/* KV */
.kvBlockWrap{
	position: relative;
	display: flex;
}
/*--------------
visualArea > BG
---------------*/
.visualArea .decoBg{
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
	max-width: unset;
	mix-blend-mode: screen;
}
.vis_cloud._item1{
	background: url(../img/top/visual/cloud_1.png) no-repeat center center /contain;
	width: calc(500 / var(--vw-min)* 100vw);
	height: calc(436 / var(--vw-min)* 100vw);
	position: absolute;
	top: 0;
	right:calc(-102 / var(--vw-min)* 100vw);
}
.vis_cloud._item2{
	background: url(../img/top/visual/cloud_2.png) no-repeat center center / contain;
	width: min(calc(683 / var(--vw-min)* 100vw),683px);
	height: min(calc(410 / var(--vw-min)* 100vw),410px);
	width: calc(683 / var(--vw-min)* 100vw);
	height: calc(410 / var(--vw-min)* 100vw);
	position: absolute;
	top: calc(170 / var(--vw-min)* 100vw);
	right: calc(213 / var(--vw-min)* 100vw);
	z-index: 2;
}
.vis_cloud._item3{
	background: url(../img/top/visual/cloud_3.png) no-repeat center center /contain;
	width:calc(400 / var(--vw-min)* 100vw);
	height: calc(304 / var(--vw-min)* 100vw);
	position: absolute;
	bottom: calc(138 / var(--vw-min)* 100vw);
	right: calc(100 / var(--vw-min)* 100vw);
	z-index: 1;
}

/*--------------
leftBlock
---------------*/
.leftBlock{
	width: 50%;
}
@media screen and (max-width:767px){
	.kvBlockWrap{
		flex-direction: column;
		padding: calc(152 / var(--vw-min) * 100vw) 0 calc(48 / var(--vw-min) * 100vw);
	}
	.leftBlock{
		width: 100%;
	}
}

/*  kvLists__item  */
.kvLists__item{
	width: calc(680 / var(--vw-min)* 100vw);
	height: calc(962 / var(--vw-min) * 100vw);
	padding-top: 70.42%;
}
@media screen and (max-width:767px){ 
	.kvLists__item{
		padding-top: 0;
		width: calc(654 / var(--vw-min)* 100vw);
		height: auto;
		margin: 0 auto;
	}
}
/* kv img */
.kv_img{
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	opacity: 0;
	overflow: hidden;
}
@media screen and (max-width:767px){ 
	.kv_img{
		position: relative;
		margin: unset;
		width: 100%;
		margin-bottom: calc(48 / var(--vw-min)* 100vw);
	}
}
.kv_img.-fani1{
	opacity: 1;
	transition: all .4s ease;
}
.kv_img img{
	width: 100%;
	height: auto;
}

/*--------------
rightBlock
 --------------*/
.rightBlock{
	width: 50%;
	display: flex;
	justify-content: center;
	position: relative;
	flex-direction: column;
	align-items: center;
}
.rightBlock__inner{
	position: sticky;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 100vh;
	max-height: calc(962 / var(--vw-min) * 100vw);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}
@media screen and (max-width:767px){
	.rightBlock{
		width: 100%;
		display: flex;
		justify-content: center;
		position: unset;
		flex-direction: column;
		align-items: center;
	}
	.rightBlock__inner{
		position: unset;
		top: unset;
		bottom:unset;
		margin: unset;
		height:unset;
	}
}

/* ttl */
.kv_title{
	background: url(../img/top/visual/logo.svg) no-repeat center center / contain;
	width:min(calc(440 / var(--vw-min)* 100vw),440px);
	height: min(calc(180 / var(--vw-min)* 100vw), 180px);
	margin-bottom:min(calc(64 / var(--vw-min)* 100vw),64px);
	opacity: 0;
	transition: opacity .4s ease;
	filter: drop-shadow(0px 0px 8px #ffffff) drop-shadow(0px 0px 8px #ffffff) drop-shadow(0px 0px 8px #ffffff) drop-shadow(0px 0px 8px #ffffff);
}
.kv_title.-fani1{
	opacity: 1;
}
.kv_catch{
	background: url(../img/top/visual/catch.svg) no-repeat center center / contain;
	width:min(calc(26 / var(--vw-min)* 100vw),26px);
	height: min(calc(500 / var(--vw-min)* 100vw), 500px);
	position: absolute;
	right: min(calc(39 / var(--vw-min)* 100vw), 39px);
	top: min(calc(128 / var(--vw-min)* 100vw),128px);
	opacity: 0;
	transition: opacity .4s ease;
}
.kv_catch.-fani2{
	opacity: 1;
}
.kv_onair{
	background: url(../img/top/visual/onair.svg) no-repeat center center / contain;
	width:min(calc(298 / var(--vw-min)* 100vw),298px);
	height: min(calc(36 / var(--vw-min)* 100vw), 36px);
	opacity: 0;
	transition: opacity .4s ease;
}
.kv_onair.-fani2{
	opacity: 1;
}
@media screen and (max-width:767px){ 
	.kv_title{
		position: relative;
		top: unset;
		right: unset;
		left: unset;
		padding-top: 0;
		width: calc(558 / var(--vw-min) * 100vw);
		height:  calc(228 / var(--vw-min) * 100vw);
		margin: 0 auto calc(36 / var(--vw-min) * 100vw);
	}
	.kv_catch{
		width:calc(44 / var(--vw-min)* 100vw);
		height: calc(824 / var(--vw-min)* 100vw);
		position: absolute;
		right: calc(24 / var(--vw-min)* 100vw);
		top: calc(196 / var(--vw-min)* 100vw);
		z-index: 10;
	}
}

/** MOVIE **/
.fv__movie {
	width:min(calc(200 / var(--vw-min) * 100vw), 200px);
	height: min(calc(200 / var(--vw-min) * 100vw), 200px);
	border-radius: 50%;
	position: absolute;
	top: calc(50% + calc(180 / var(--vw-min) * 100vw));
	/*left: calc(50% + calc(63 / var(--vw-min) * 100vw));*/
	right:calc(80 / var(--vw-min) * 100vw);
	pointer-events: auto;
	opacity: 0;
		opacity: 0;
	transition: opacity .4s ease;
}
.fv__movie.-fani2{
	opacity: 1;
}

@media screen and (max-width:768px){
	.fv__movie {
		width: calc(208 / var(--vw-min) * 100vw);
		height: calc(208 / var(--vw-min) * 100vw);
		position: absolute;
		bottom: unset;
		top: calc(10/ var(--vw-min) * 100vw);
		left: 5vw;
		right: unset;
		z-index: 10;
	}
}

.fv__movie::before {
	content: '';
	display: block;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #B8E7FF 0%, #50C3FF 50%, #338EE4 100%);
	opacity: .6;
	transition: opacity .4s ease;
	pointer-events: none;
}
.fv__movie:after {
	content: '';
	display: block;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	margin: auto;
	top: max(calc(-5 / var(--vw-min) * 100vw), -5px);
	left: max(calc(-10 / var(--vw-min) * 100vw), -10px);
	width: 100%;
	height: 100%;
	border: 1px solid var(--color-main);
	opacity: 0.6;
	pointer-events: none;
}


.fv__movieArea {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
}
.fv__movie:hover .fv__movieArea::before {
	opacity: 0;
}
@media screen and (max-width:768px){
	.fv__movieArea {
		position: absolute;
		top: 0;
		right:0;
		bottom: 0;
		margin: auto;
		border: calc(4/ var(--vw-min) * 100vw) solid var(--color-main);

	}
	.fv__movieArea:after {
		width: calc(100% - calc(5 / var(--vw-min) * 100vw));
		height: calc(100% - calc(5 / var(--vw-min) * 100vw));
	}
}
.fv__movieAreaCont {
	width: 100%;
	padding-top: 100%;
	position: relative;
}
.fv__movieBtn {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	background-color: #000;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.fv__movieBtn img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}
.fv__ytBg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	pointer-events: none;
}
.fv__ytBg-player {
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	pointer-events: none;
}
.fv__movie-arrow {
	width: min(calc(64 / var(--vw-min) * 100vw),64px);
	height: min(calc(64 / var(--vw-min) * 100vw),64px);
	background: url(../img/common/deco/playbtn.png) no-repeat center center / contain;
	position: absolute;
	right: min(calc(152 / var(--vw-min) * 100vw),152px);
	bottom: 0;
	margin: auto;
	transition: .3s ease;
	content: "";
	z-index: 1;
}

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



/*-----------------------------------------------
 * COMMON
-------------------------------------------------*/
/* main */
.mainContents{
	width: 100%;
	position: relative;
}

.area__inner {
	position: relative;
	z-index: 10;
}

/* ttl */
.section__ttl{
	opacity: 0;
	transition: all .4s ease;
	transform: translateX( max(calc(-40 / var(--vw-min)* 100vw),-40px));
}
.section__ttl.is-ani{
	opacity: 1;
	transform: translateX(0);
}




.section__ttl_jp {
	font-size: min(calc(16 / var(--vw-min)* 100vw),16px);
	font-weight: 400;
	letter-spacing: min(calc(2.4 / var(--vw-min)* 100vw),2.4px);
	/*opacity: 0;
	transition: all .2s ease;
	transform: translateY(min(calc(40 / var(--vw-min)* 100vw),40px));*/
}
/*
.section__ttl.is-ani .section__ttl_jp{
	opacity: 1;
	transform: translateY(0);
	transition-delay: .4s;
}
	*/
@media screen and (max-width:767px){ 
	.section__ttl_jp {
		font-size:calc(26 / var(--vw-min)* 100vw);
		letter-spacing: calc(1.95 / var(--vw-min)* 100vw);
	}
}

.section__contents.js-scrani{
	opacity: 0;
	transition: all .4s ease;
	transform: translateY(min(calc(40 / var(--vw-min)* 100vw),40px));
}
.section__contents.js-scrani.is-ani{
	opacity: 1;
	transform: translateY(0);
	transition-delay: .4s;
}

/*-----------------------------------------------
 * bnrArea
-------------------------------------------------*/
.bnrArea{
	background-color: var(--color-lightblue);
	padding: min(calc(80 / var(--vw-min)* 100vw), 80px) 0;
	position: relative;
}
.bnrArea::after{
	content: "";
	pointer-events: none;
	width: 100%;
	height: min(calc(80 / var(--vw-min)* 100vw), 80px);
	position: absolute;
	bottom: max(calc(-80 / var(--vw-min)* 100vw), -80px);
	left: 0;
	transition: opacity .3s ease;
	background: url(../img/top/deco/bnr_bg_btm.svg) no-repeat right bottom;
	background-size: 100% auto; 
}
@media screen and (max-width:767px){ 
	.bnrArea::after{
		height: calc(44 / var(--vw-min)* 100vw);
		bottom: calc(-44 / var(--vw-min)* 100vw);
		transition: opacity .3s ease;
		background: url(../img/top/deco/bnr_bg_btm_sp.svg) no-repeat right bottom;
		background-size: 100% auto; 
	}
}
.bnrArea .area__inner{
	width:min(calc(1136 / var(--vw-min) * 100vw),1136px);
	margin: 0 auto;
}
@media screen and (max-width:767px){ 
	.bnrArea .area__inner{
		width:100%;
		margin: 0 auto;
		padding-bottom: calc(96 / var(--vw-min)* 100vw);
	}
}

/*-----------
bnrArea > BG
------------*/
.bnrArea .decoBg{
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: min(calc(1366 / var(--vw-min)* 100vw), 1366px);
}
.bnr_deco._item1{
	background: url(../img/top/deco/dot_rectangle.svg) no-repeat center center /contain;
	width: min(calc(198 / var(--vw-min)* 100vw), 198px);
	height:min(calc(284 / var(--vw-min)* 100vw), 284px);
	position: absolute;
	bottom: max(calc(-140 / var(--vw-min)* 100vw), -140px);
	right:min(calc(365 / var(--vw-min)* 100vw), 365px);
	z-index: 10;
}
@media screen and (max-width:767px){ 
	.bnr_deco._item1{
		background: url(../img/top/deco/dot_rectangle.svg) no-repeat center center /contain;
		width:calc(208 / var(--vw-min)* 100vw);
		bottom: max(calc(-140 / var(--vw-min)* 100vw), -140px);
		right:unset;
		left:calc(36 / var(--vw-min)* 100vw);
	}
}
/*-----------
bnrLists
------------*/
.bnrListsWrap{
	width:min(calc(1000 / var(--vw-min) * 100vw),1000px);
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width:767px){ 
	.bnrListsWrap{
		width:100%;
		margin: 0 auto;
		position: relative;
	}
}

.bnrLists {
	width:100%;
}
@media screen and (max-width:768px){
	.bnrLists {
	}
}
.bnrLists__item-link {
	display: block;
	width: min(calc(320 / var(--vw-min) * 100vw),320px);
	height: min(calc(96 / var(--vw-min) * 100vw),96px);
	overflow: hidden;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.bnrLists__item {
		padding: 0 calc(5 / var(--vw-min) * 100vw);
	}
	.bnrLists__item-link{
		width: unset;
		height: unset;
	}
}

.bnrLists__item img {
	display: block;
	width:100%;
	height: auto;
	transition: all 0.3s ease;
}

@media screen and (hover:hover){
	.bnrLists__item-link:hover img{
		transform:scale(1.05);
	}
}
/*-----------
Swiper
------------*/
/* controlBlock */
.controlBlock{
	display: flex;
	padding: 0 min(calc(24 / var(--vw-min)* 100vw), 24px) 0;
	align-items: center;
	height: min(calc(44 / var(--vw-min)* 100vw), 44px);
	position: relative;
}
@media screen and (max-width:767px){ 
	.controlBlock{
		padding: 0 calc(24 / var(--vw-min) * 100vw) 0;
		height: calc(80 / var(--vw-min) * 100vw);
		position: relative;
	}
}

/* sliderPagerWrap */
.sliderPagerWrap._bnrLists{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 100%;
	z-index: 3;
	height:min(calc(6 / var(--vw-min)* 100vw), 6px);
	margin-top: min(calc(24 / var(--vw-min)* 100vw), 24px);
}


/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
.newsArea{
	padding-top: min(calc(136 / var(--vw-min)* 100vw), 136px);
	padding-bottom: min(calc(88 / var(--vw-min)* 100vw), 88px);
	position: relative;
}
.newsArea .area__inner{
	width: min(calc(1100 / var(--vw-min) * 100vw),1100px);
	margin: 0 auto;
	padding-top:  min(calc(48 / var(--vw-min)* 100vw), 48px);
}
.news__inner{
	opacity: 0;
}
.is-ani .news__inner{
	opacity: 1;
}
@media screen and (max-width:767px){ 
	.newsArea{
		padding-top: calc(160 / var(--vw-min) * 100vw);
		padding-bottom: 0;
	}
	.newsArea .area__inner{
		width: 100%;
		padding: 0 calc(40 / var(--vw-min) * 100vw) calc(150 / var(--vw-min) * 100vw);
	}
}

/*-----------
newsArea > BG
------------*/
.newsArea .decoBg{
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
	max-width: min(calc(1366 / var(--vw-min)* 100vw), 1366px);
}
.news_deco._item1{
	background: url(../img/top/deco/dot_triangle.svg) no-repeat center center /contain;
	width: min(calc(160 / var(--vw-min)* 100vw), 160px);
	height: min(calc(160 / var(--vw-min)* 100vw), 160px);
	position: absolute;
	top: min(calc(82 / var(--vw-min)* 100vw), 160px);
	right:min(calc(50 / var(--vw-min)* 100vw), 50px);
	z-index: 20;
}
.news_deco._item2{
	background: url(../img/top/deco/stripe_circle.svg) no-repeat center center /contain;
	width: min(calc(152 / var(--vw-min)* 100vw), 152px);
	height: min(calc(152 / var(--vw-min)* 100vw), 152px);
	position: absolute;
	bottom: 0;
	left:min(calc(50 / var(--vw-min)* 100vw), 50px);
	z-index: 20;
}

/*-----------
newsBlockWrap
------------*/
.newsBlockWrap{
	display: flex;
	flex-direction: row;
}
@media screen and (max-width:767px){ 
	.newsBlockWrap{
		flex-direction: column;
	}
}
.newsTtlBlock{
	margin-right:min(calc(58 / var(--vw-min)* 100vw), 58px);
}
@media screen and (max-width:767px){ 
	.newsTtlBlock{
		margin-right:0;
	}
}
/* news > ttl */
.news__ttl{
	margin-bottom:min(calc(56 / var(--vw-min)* 100vw), 56px);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.news__ttl_en{
	display: block;
	background: url(../img/common/ttl/ttl_news_en.svg)no-repeat center center / contain;
	width: min(calc(302 / var(--vw-min)* 100vw), 302px);
	height:min(calc(148 / var(--vw-min)* 100vw), 148px);
	margin-bottom:min(calc(5 / var(--vw-min)* 100vw), 5px);
	position: relative;
	/*opacity: 0;
  animation: ttlfade .2s ease forwards;
  animation-delay: 5s;*/
}
/*
.news__ttl_en::after{
	content: "";
	display: block;
	mask: url(../img/common/ttl/ttl_news_en.svg)no-repeat center center / contain;
	background-color: #FFF;
	width: min(calc(302 / var(--vw-min)* 100vw), 302px);
	height:min(calc(148 / var(--vw-min)* 100vw), 148px);
	margin-bottom:min(calc(5 / var(--vw-min)* 100vw), 5px);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: linear-gradient(to left, white 50%, transparent 50%);
	background-position: 100% 0;
  background-size: 200% 100%;
  background-repeat: no-repeat;
  animation: revealMask .2s ease forwards;
  animation-delay: 5s;
}
@keyframes revealMask {
  from {
	background-position: 100% 0;
	opacity: 1;
  }
  to {
	background-position: 0% 0;
  }
}
@keyframes ttlfade {
  from {
	opacity: 0;
  }
  to {
	opacity: 1;
  }
}*/
.news__ttl_en .ttl_entxt{
	position: absolute;
	right: min(calc(10 / var(--vw-min)* 100vw), 10px);
	bottom: min(calc(15 / var(--vw-min)* 100vw), 15px);
	background: url(../img/common/ttl/title_entxt.svg) no-repeat center center / contain;
	width: min(calc(160 / var(--vw-min)* 100vw), 160px);
	height: min(calc(21 / var(--vw-min)* 100vw), 21px);
}

@media screen and (max-width:767px){ 
	.news__ttl{
		padding: 0;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
		flex-direction: row;
	}
	.news__ttl_en{
		width: calc(392 / var(--vw-min) * 100vw);
		height: calc(192 / var(--vw-min) * 100vw);
		margin-bottom: calc(20 / var(--vw-min) * 100vw);
	}
	.news__ttl_jp{
		font-size: calc(26 / var(--vw-min) * 100vw);
	}
}

/* news > moreBtn */
.news__moreBtnWrap{
	display: flex;
	margin-top: min(calc(56 / var(--vw-min)* 100vw), 56px);
	justify-content: flex-end;
}
.news__moreBtn{
	width: min(calc(240 / var(--vw-min)* 100vw), 240px);
	height: min(calc(56 / var(--vw-min)* 100vw), 56px);
	background: linear-gradient(90deg, #B8E7FF 0%, #50C3FF 50%, #338EE4 100%) repeat left top / 100% auto;
	border-radius:min(calc(100 / var(--vw-min)* 100vw), 100px);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	position: relative;
	font-family: var(--font-en);
	font-weight: 500;
	text-decoration: none;
	transition: all .4s ease;
}
@media screen and (hover:hover){
	.news__moreBtn:hover{
		background: linear-gradient(90deg, #B8E7FF 0%, #50C3FF 50%, #338EE4 100%) repeat 50% top / 200% auto;
	}
}
@media screen and (max-width:767px){ 
	.news__moreBtnWrap{
		display: flex;
		margin-top: calc(72 / var(--vw-min)* 100vw);
		justify-content: flex-end;
	}
	.news__moreBtn{
		width: calc(336 / var(--vw-min) * 100vw);
		height: calc(80 / var(--vw-min) * 100vw);
	}
}
.news__moreBtn_txt{
	font-size:min(calc(16 / var(--vw-min)* 100vw), 16px);
	font-weight: 500;
	letter-spacing: 0.04em;
	font-family: var(--font-en);
}
@media screen and (max-width:767px){ 
	.news__moreBtn_txt{
		font-size: calc(30 / var(--vw-min) * 100vw);
	}
}

/*@media screen and (hover:hover) and (pointer: fine){
	.news__moreBtn:hover{
		background-color: var(--color-brown);
		color:#FFF;
		cursor: pointer;
	}
	.news__moreBtn:hover{
		background-color: var(--color-red);
		transition-delay: .2s;
	}

}*/

/* newsLists */
.newsLists{
	width: min(calc(640 / var(--vw-min) * 100vw),640px);
	margin: 0 auto;
	border-top: 1px solid rgba(80, 195, 255, 0.50);
}
@media screen and (max-width:767px){ 
	.newsLists{
		width: 100%;
	}
}
/* newsLists_item */
.newsLists__item{
	padding: min(calc(23 / var(--vw-min)* 100vw), 23px) 0;
	position: relative;
	/*background: url(../img/common/dot_line.png) repeat-x left bottom;*/
	background-size: 100% auto;
	border-bottom: 1px solid rgba(80, 195, 255, 0.50);
}
.newsLists__item a{	
	width: 100%;
	display: flex;
	text-decoration: none;
	position: relative;
	align-items: center;
	transition: all .4s ease;
	padding-right: min(calc(75 / var(--vw-min)* 100vw), 75px);
}
@media screen and (max-width:767px){ 
	.newsLists__item a{
		width: 100%;
		height: auto;
		padding-right:  calc(80 / var(--vw-min) * 100vw);
	}
}

/* item */
.item_time{
	display: flex;
	flex-direction: column;
	padding: min(calc(4 / var(--vw-min)* 100vw), 4px) 0;
	line-height: 1;
	width: min(calc(94 / var(--vw-min)* 100vw), 94px);
	color: var(--color-blue);
	font-size: min(calc(28 / var(--vw-min)* 100vw), 28px);
	font-weight: 400;
	line-height: 1;
	letter-spacing: min(calc(0.56 / var(--vw-min)* 100vw), 0.56px);
	border-right: 1px solid rgba(80, 195, 255, 0.50);
	margin-right: min(calc(12 / var(--vw-min)* 100vw), 12px);
}
.time_head_block{
	display: flex;
	margin-bottom: calc(5 / var(--vw-min) * 100vw);
	letter-spacing: 0;
}
.time_y{
	font-size: min(calc(16 / var(--vw-min)* 100vw), 16px);
	display: inline-block;
	margin-right:0;
}
.time_date{
	font-size: min(calc(32 / var(--vw-min)* 100vw), 32px);
	letter-spacing: 0;
	white-space: nowrap
}
.item_title{
	font-weight: 500;
	font-size: min(calc(16 / var(--vw-min)* 100vw), 16px);
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	width: min(calc(472 / var(--vw-min)* 100vw), 472px);
	line-height: calc(28/16);
	letter-spacing: min(calc(0.8 / var(--vw-min)* 100vw), 0.8px);
	flex:1;
}


@media screen and (hover:hover) and (pointer: fine){
	.newsLists__item:hover .item_title{
		transition: all .4s ease;
		color: var(--color-blue);
	}
}


@media screen and (max-width:767px){ 
	.item_time{
		display: flex;
		flex-direction: column;
		padding: calc(5 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw) calc(5 / var(--vw-min) * 100vw) 0;
		width: calc(100 / var(--vw-min) * 100vw);
	}
	.time_head_block{
		margin-bottom: calc(5 / var(--vw-min) * 100vw);
		letter-spacing: 0;
	}
	.time_y{
		font-size: calc(22 / var(--vw-min) * 100vw);
	}
	.time_date{
		font-size: calc(32 / var(--vw-min) * 100vw);
		letter-spacing: 0;
	}
	.item_title{
		font-size: calc(24 / var(--vw-min) * 100vw);
		-webkit-line-clamp: 2;
	}
}

/* arrowBtn */
.arrowBtn._news{
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;	
	margin: auto;
}
@media screen and (max-width:767px){ 
	.arrowBtn._news{
		width: calc(72 / var(--vw-min) * 100vw);
		height: calc(48 / var(--vw-min) * 100vw);
	}
	.arrowBtn._news::before{
		width: calc(48 / var(--vw-min)* 100vw);
		height: calc(48 / var(--vw-min)* 100vw);
	}
	.arrowBtn._news span{
		width: calc(48 / var(--vw-min) * 100vw);
		height: calc(8 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * Introdoction
-------------------------------------------------*/
.introArea {
	position: relative;
	background: url(../img/top/intro/intro_bg.jpg) no-repeat center bottom;
	background-size: 100% auto;
	background: linear-gradient(180deg, #FFF 0%, #D3F0FF 50%, #C4EAFF 100%);
}
.introArea .area__inner{
	position: relative;
	padding-top: min(calc(150 / var(--vw-min)* 100vw), 150px);
	padding-bottom: min(calc(210 / var(--vw-min)* 100vw), 210px);
}

@media screen and (max-width:767px){
	.introArea {
		background: url(../img/top/intro/intro_bg_sp.jpg) no-repeat center bottom;
		background-size: 100% auto;
	}
	.introArea .area__inner{
		padding-top:0;
		padding-bottom: calc(150 / var(--vw-min) * 100vw);
	}
}

/*-----------
introArea > BG
------------*/
.introArea .decoBg{
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
	max-width: unset;
}
.intro_cloud._item1{
	background: url(../img/top/intro/cloud_4.png) no-repeat center center /contain;
	width: calc(500 / var(--vw-min)* 100vw);
	height: calc(436 / var(--vw-min)* 100vw);
	position: absolute;
	top: calc(345 / var(--vw-min)* 100vw);
	right: calc(-102 / var(--vw-min)* 100vw);
	mix-blend-mode: screen;

}
.intro_cloud._item2{
	background: url(../img/top/intro/cloud_5.png) no-repeat center center /contain;
	width: calc(1127 / var(--vw-min)* 100vw);
	height: calc(584 / var(--vw-min)* 100vw);
	position: absolute;
	bottom: calc(-100 / var(--vw-min)* 100vw);
	left: calc(-102 / var(--vw-min)* 100vw);
	mix-blend-mode: screen;
}
.intro_wa._item3{
	background: url(../img/top/intro/intro_bg_water.png) no-repeat center center /contain;
	width:calc(480 / var(--vw-min)* 100vw);
	height:calc(350 / var(--vw-min)* 100vw);
	position: absolute;
	top: calc(100 / var(--vw-min)* 100vw);
	left:calc(-50 / var(--vw-min)* 100vw);
}
@media screen and (max-width:768px){
	.intro_wa._item3{
		display: none;
	}
}

/* intro > ttl */
.intro__ttl{
	margin-bottom: min(calc(48 / var(--vw-min)* 100vw), 48px);
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: min(calc(20 / var(--vw-min)* 100vw), 20px);
}
.intro__ttl_en{
	position: relative;
	display: block;
	margin: 0 auto min(calc(24 / var(--vw-min)* 100vw),24px);
	width: min(calc(650 / var(--vw-min)* 100vw), 650px);
	height: min(calc(104 / var(--vw-min)* 100vw), 104px);
	background: url(../img/common/ttl/ttl_intro_en.svg) no-repeat center center / contain;
}
.intro__ttl_en .ttl_entxt{
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	bottom: max(calc(-10 / var(--vw-min)* 100vw), -10px);
	background: url(../img/common/ttl/title_entxt_long.svg) no-repeat center center / contain;
	width: min(calc(220 / var(--vw-min)* 100vw), 220px);
	height: min(calc(9 / var(--vw-min)* 100vw), 9px);
}
@media screen and (max-width:767px){ 
	.intro__ttl{
		margin-bottom: calc(64 / var(--vw-min) * 100vw);
	}
	.intro__ttl_en{
		margin: 0 auto calc(16 / var(--vw-min) * 100vw);
		width: calc(600 / var(--vw-min) * 100vw);
		height: calc(96 / var(--vw-min) * 100vw);
	}
}

/* intro_txt */
.intro_txtWrap{
	text-align: center;
}

.intro_txt{
	font-size: min(calc(17 / var(--vw-min)* 100vw), 17px);
	letter-spacing: min(calc(0.85 / var(--vw-min)* 100vw), 0.85px);
	font-weight: 500;
	line-height: calc(38/17);
	margin-bottom: min(calc(26 / var(--vw-min)* 100vw),26px);
}
.intro_txt.txtL{
	font-size: min(calc(24 / var(--vw-min)* 100vw), 24px);
	font-style: normal;
	font-weight: 500;
	line-height:min(calc(40 / var(--vw-min)* 100vw), 40px);
	letter-spacing: min(calc(1.2 / var(--vw-min)* 100vw),1.2px);
	background: linear-gradient(91deg, #68CCFF 2.44%, #4499E9 20.98%, #50C8FF 58.06%, #338EE4 95.13%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media screen and (max-width:767px){
	.intro_txtWrap{
		padding: 0 calc(40 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw);
	}
	.intro_txt{
		font-size: calc(26 / var(--vw-min) * 100vw);
		letter-spacing:  calc(0.78 / var(--vw-min) * 100vw);
		line-height: calc(56 / var(--vw-min) * 100vw);
	}
	.intro_txt.txtL{
		font-size: calc(30 / var(--vw-min) * 100vw);
		line-height: calc(60 / var(--vw-min) * 100vw);
	}
}


/*-----------------------------------------------
 * Staff
-------------------------------------------------*/
.staffcastArea{
	background: url(../img/top/deco/staffcast_bg_pt.png) left top;
	background-size:  min(calc(20 / var(--vw-min) * 100vw),20px) auto;
	position: relative;
	z-index: 2;
}
.staffcastArea::before{
	content: "";
	pointer-events: none;
	width: 100%;
	height: min(calc(60 / var(--vw-min)* 100vw), 60px);
	position: absolute;
	top: max(calc(-70 / var(--vw-min)* 100vw), -70px);
	left: 0;
	transition: opacity .3s ease;
	background: url(../img/top/deco/staffcast_bg_top_wh.png) repeat-x left top;
	background-size: min(calc(1336 / var(--vw-min) * 100vw),1336px) auto; 
	z-index: -1;
}
.staffcastArea::after{
	content: "";
	pointer-events: none;
	width: 100%;
	height: min(calc(60 / var(--vw-min)* 100vw), 60px);
	position: absolute;
	top: max(calc(-59 / var(--vw-min)* 100vw), -59px);
	left: 0;
	transition: opacity .3s ease;
	mask: url(../img/top/deco/staffcast_bg_top_ptbg.png) repeat-x left top;
	mask-size: min(calc(1336 / var(--vw-min) * 100vw),1336px) auto; 
	background: url(../img/top/deco/staffcast_bg_pt.png) left top;
	background-size:  min(calc(20 / var(--vw-min) * 100vw),20px) auto;
	z-index: -1;
}
@media screen and (max-width:767px){ 
	.staffcastArea{
		background: url(../img/top/deco/staffcast_bg_pt.png) left top;
		background-size: calc(24 / var(--vw-min) * 100vw) auto;
		padding-bottom: calc(160 / var(--vw-min)* 100vw);
	}
	.staffcastArea::before{
		height:calc(134 / var(--vw-min)* 100vw);
		top:calc(-130 / var(--vw-min)* 100vw);
		background: url(../img/top/deco/staffcast_bg_top_wh_sp.svg) repeat-x left top;
		background-size: 100% auto; 
	}
	.staffcastArea::after{
		height:calc(134 / var(--vw-min)* 100vw);
		top: calc(-134 / var(--vw-min)* 100vw);
		mask: url(../img/top/deco/staffcast_bg_top_wh_sp.svg) repeat-x left top;
		mask-size: 100% auto; 
		background: url(../img/top/deco/staffcast_bg_pt.png) left top;
		background-size:  calc(24 / var(--vw-min) * 100vw) auto;
	}
}


/*-----------------
staffcastArea > BG
------------------*/
.staffcastArea .decoBg{
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
	max-width: min(calc(1366 / var(--vw-min)* 100vw), 1366px);
}
.staffcast_deco._item1{
	background: url(../img/top/deco/stripe_triangle.svg) no-repeat center center /contain;
	width: min(calc(160 / var(--vw-min)* 100vw), 160px);
	height: min(calc(160 / var(--vw-min)* 100vw), 160px);
	position: absolute;
	top: min(calc(82 / var(--vw-min)* 100vw), 82px);
	right:min(calc(50 / var(--vw-min)* 100vw), 50px);
	z-index: 20;
}
.staffcast_deco._item2{
	background: url(../img/top/deco/dot_triangle.svg) no-repeat center center /contain;
	width: min(calc(160 / var(--vw-min)* 100vw), 160px);
	height: min(calc(160 / var(--vw-min)* 100vw), 160px);
	position: absolute;
	bottom: 0;
	left:min(calc(50 / var(--vw-min)* 100vw), 50px);
	z-index: 20;
}
@media screen and (max-width:767px){ 
	.staffcast_deco._item1{
		right:0;
		top: calc(100 / var(--vw-min)* 100vw);
	}
	.staffcast_deco._item2{
		bottom: calc(610 / var(--vw-min)* 100vw);
		left:calc(-20 / var(--vw-min)* 100vw);
		z-index: 20;
	}	
}
/* area__inner */
.staffcastArea .area__inner{
	width: min(calc(1000 / var(--vw-min) * 100vw), 1000px);
	margin: 0 auto;
	padding: calc(100 / var(--vw-min) * 100vw) 0 calc(40 / var(--vw-min) * 100vw);
}

@media screen and (max-width:767px){ 
	.staffcastArea .area__inner{
		width: 100%;
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}
}
/* staffcast > ttl */
.staffcast__ttl{
	margin-bottom: calc(72 / var(--vw-min) * 100vw);
	display: flex;
	flex-direction: column;
}
.staffcast__ttl_en{
	position: relative;
	display: block;
	margin-bottom: min(calc(10 / var(--vw-min)* 100vw), 10px);
	width: min(calc(628 / var(--vw-min)* 100vw), 628px);
	height: min(calc(142 / var(--vw-min)* 100vw), 142px);
	background: url(../img/common/ttl/ttl_staffcast_en.svg) no-repeat center center / contain;
}
.staffcast__ttl_en .ttl_entxt{
	position: absolute;
	left: 0;
	bottom: min(calc(15 / var(--vw-min)* 100vw), 15px);
	background: url(../img/common/ttl/title_entxt.svg) no-repeat center center / contain;
	width: min(calc(160 / var(--vw-min)* 100vw), 160px);
	height: min(calc(21 / var(--vw-min)* 100vw), 21px);
}
.staffcas__ttl_jp{
	display: none;
	font-size: calc(16 / var(--vw-min) * 100vw);
	letter-spacing: 0.12em;
	line-height: 1;
	width: min(calc(82 / var(--vw-min)* 100vw), 82px);
	height: min(calc(28 / var(--vw-min)* 100vw), 28px);
	background: url(../img/common/ttl/ttl_staffcast_jp.svg) no-repeat center center / contain;
}

@media screen and (max-width:767px){ 
	.staff__ttl{
		margin-bottom: calc(40 / var(--vw-min) * 100vw);
	}
	.staff__ttl_en{
		display: block;
		margin: 0 auto calc(20 / var(--vw-min) * 100vw);
		width: calc(314 / var(--vw-min) * 100vw);
		height: calc(96 / var(--vw-min) * 100vw);
	}
	.staff__ttl_jp{
		width: calc(122 / var(--vw-min) * 100vw);
		height: calc(42 / var(--vw-min) * 100vw);
	}
}


/* staffBlock */
.staffBlock{
	width: min(calc(1087 / var(--vw-min) * 100vw),1087px);
	margin: 0 auto min(calc(88 / var(--vw-min)* 100vw), 88px);
	position: relative;
	padding-right:min(calc(87 / var(--vw-min) * 100vw),87px);
}

@media screen and (max-width:767px){
	.staffBlock{
		width: 100%;
		padding: 0;
		margin-bottom:calc(40 / var(--vw-min)* 100vw)
	}
}
/* staffBlock > caststaffListWrap__ttl */
.caststaffListWrap__ttl{
	font-weight: 800;
	font-size: min(calc(72 / var(--vw-min)* 100vw), 72px);
	margin-bottom:min(calc(24 / var(--vw-min)* 100vw), 24px);
	font-family: var(--font-en);
	color: var(--color-blue);
	font-weight: 400;
	letter-spacing: min(calc(1.44 / var(--vw-min)* 100vw), 1.44px);
	writing-mode: vertical-rl; 
	 position: absolute;
	right: 0;
	top: 0;
}
@media screen and (max-width:767px){
	.caststaffListWrap__ttl{
		font-weight: 400;
		font-size:calc(80 / var(--vw-min)* 100vw);
		margin-bottom:calc(26 / var(--vw-min)* 100vw);
		letter-spacing:calc(1.6 / var(--vw-min)* 100vw);
		writing-mode: unset; 
		position: relative;
		right: unset;
		top: unset;
	}
}

.caststaffList__itemWrap{
	display: flex;
	flex-wrap: wrap;
}
.caststaffList__item{
	margin-bottom:min(calc(48 / var(--vw-min)* 100vw), 48px);
	width: calc(100%/4);
	display: flex;
	flex-direction: column;
}
@media screen and (max-width:767px){
	.caststaffList__item{
		margin-bottom: calc(44 / var(--vw-min) * 100vw);
		width: 50%;
		justify-content: center;
		align-items: flex-start;
	}
}

.caststaffList__item-100{
	width: calc(100%/2);
}
@media screen and (max-width:767px){
	.caststaffList__item-100{
		width: calc(100%/1);
	}
	.item__name__inner-100{
		line-height: 1.7;
	}
}


.caststaffList__item .item__ttl{
	color: var(--color-blue);
	font-size: min(calc(17 / var(--vw-min)* 100vw), 17px);
	white-space: nowrap;
	line-height: min(calc(26 / var(--vw-min)* 100vw),26px);
	font-weight: 500;
	letter-spacing: min(calc(0.85 / var(--vw-min)* 100vw),0.85px);
	margin-bottom: min(calc(6 / var(--vw-min)* 100vw), 6px);
}
.caststaffList__item .item__name{
	font-size: min(calc(25 / var(--vw-min)* 100vw), 25px);
	font-weight: 500;
	line-height:  min(calc(36 / var(--vw-min)* 100vw),36px);
	letter-spacing:  min(calc(2.5 / var(--vw-min)* 100vw),2.5px);
}
.caststaffList__item .item__name__inner{
	display:inline-block;
	position: relative;
	padding-right: min(calc(28 / var(--vw-min)* 100vw), 28px);
}
.caststaffList__item .item__txt{
	font-size: min(calc(14 / var(--vw-min)* 100vw), 14px);
	letter-spacing: 0.04em;
	line-height: 1.3;
}
@media screen and (max-width:767px){
	.caststaffList__item .item__ttl{
		font-size: calc(26 / var(--vw-min) * 100vw);
		margin-bottom:calc(16 / var(--vw-min)* 100vw);
	}
	.caststaffList__item .item__name{
		font-size: calc(36 / var(--vw-min) * 100vw);
	}
	.caststaffList__item .item__name__inner{
		padding-right: calc(50 / var(--vw-min) * 100vw);
		margin-bottom:calc(16 / var(--vw-min)* 100vw);
	}
	.caststaffList__item .item__txt{
		font-size: calc(23 / var(--vw-min) * 100vw);
	}
}

/* cmtBtn */
.cmtBtn{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
	z-index: 1;
	background: url(../img/common/ic/icon_cmt.svg) no-repeat center center / contain;
	width: min(calc(20 / var(--vw-min)* 100vw), 20px);
	height: min(calc(20 / var(--vw-min)* 100vw),20px);
	transform-origin: left bottom;
}
.cmtBtn__txt{
	display: inline-block;
}
@media screen and (max-width:767px){
	.cmtBtn{
		width: calc(42 / var(--vw-min)* 100vw);
		height: calc(36 / var(--vw-min)* 100vw);
	}
}	

@media screen and (hover:hover) and (pointer: fine){
	.cmtBtn:hover{
		transform: scale(1.1);
		transition: all .4s ease;
	}

	.cmtBtn:hover::before {
		opacity: 0;
		transition: none;
	}
}

/*-----------------------------------------------
 * Books
-------------------------------------------------*/
.booksArea{
	padding:min(calc(200 / var(--vw-min)* 100vw), 200px) 0 0;
	position: relative;
	z-index: 3;
	background-color: var(--color-lightblue);
}
.booksArea::before{
	content: "";
	pointer-events: none;
	width: 100%;
	height: min(calc(80 / var(--vw-min)* 100vw), 80px);
	position: absolute;
	top: max(calc(-80 / var(--vw-min)* 100vw), -80px);
	left: 0;
	background: url(../img/top/deco/books_bg_top.svg) no-repeat right top;
	background-size: 100% auto; 
}
@media screen and (max-width:767px){ 
	.booksArea{
		padding:calc(160 / var(--vw-min) * 100vw) 0 0;
		margin-top: calc(-88 / var(--vw-min) * 100vw);
	}
	.booksArea::before{
		height:calc(44 / var(--vw-min)* 100vw);
		top: calc(-44 / var(--vw-min)* 100vw);
		background: url(../img/top/deco/books_bg_top_sp.svg) no-repeat right top;
		background-size: 100% auto; 
	}
}

/*bg*/
.booksArea .decoBg{
	width: 100%;
	max-width: min(calc(1366 / var(--vw-min)* 100vw), 1366px);
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	pointer-events: none;
}

.booksbg_water1{
	display: block;
	position: absolute;
	right: 0;
	top: min(calc(155 / var(--vw-min)* 100vw), 155px);
	width: min(calc(440 / var(--vw-min)* 100vw), 440px);
	height:  min(calc(380 / var(--vw-min)* 100vw), 380px);
	background: url(../img/top/deco/books_bg_water.png) no-repeat center center / contain;
	overflow: hidden;
}

.books__info{
	width: min(calc(220 / var(--vw-min)* 100vw),220px);
	margin-right: min(calc(20 / var(--vw-min)* 100vw),20px);
	margin-top: min(calc(77 / var(--vw-min)* 100vw),77px);
}
@media screen and (max-width:767px){ 
	.books__info{
		width: calc(264 / var(--vw-min)* 100vw);
		margin-left:calc(40 / var(--vw-min)* 100vw);
		margin-right:unset;
		margin-top: calc(184 / var(--vw-min)* 100vw);
	}
	._comics .books__info{
		width: calc(264 / var(--vw-min)* 100vw);
		margin-left:unset;
		margin-right:calc(40 / var(--vw-min)* 100vw);;
		margin-top: calc(184 / var(--vw-min)* 100vw);
	}
}


.booksBlockWrap._comics{
	background-color: var(--color-lightpink);
}


/* ttl */
.books__ttl{
	text-align: center;
	margin-bottom:min(calc(64 / var(--vw-min)* 100vw), 64px);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.books__ttl_en{
	display: block;
	position: relative;
	margin: 0 auto calc(20 / var(--vw-min) * 100vw);
	width:min(calc(376 / var(--vw-min)* 100vw), 376px);
	height:min(calc(120 / var(--vw-min)* 100vw), 120px);
	background: url(../img/common/ttl/ttl_books_en.svg) no-repeat center center / contain;
}
.books__ttl_en .ttl_entxt{
	position: absolute;
	right: min(calc(10 / var(--vw-min)* 100vw), 10px);
	bottom: min(calc(5 / var(--vw-min)* 100vw), 5px);
	background: url(../img/common/ttl/title_entxt_long.svg) no-repeat center center / contain;
	width: min(calc(220 / var(--vw-min)* 100vw), 220px);
	height: min(calc(9 / var(--vw-min)* 100vw), 9px);
}
@media screen and (max-width:767px){
	.books__ttl{
		background-size: calc(56 / var(--vw-min) * 100vw) auto;
		text-align: center;
		padding-bottom: calc(34 / var(--vw-min) * 100vw);
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.books__ttl_en{
		width: calc(380 / var(--vw-min)* 100vw);
		height: calc(96 / var(--vw-min)* 100vw);
	}

}

/* txt */
.books__txt{
	text-align: center;
	color: var(--color-brown);
	font-size: calc(17 / var(--vw-min) * 100vw);
	letter-spacing: 0.05em;
	line-height: calc(30 / 17);
	margin-bottom: calc(43 / var(--vw-min) * 100vw);
}
@media screen and (max-width:767px){
	.books__txt{
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(52 / var(--vw-min) * 100vw);
	}
}

/* slider */
.books__sliderBlock{
	/*width: min(calc(1000 / var(--vw-min)* 100vw), 1000px);*/
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.books__sliderWrap{
	/*width: min(calc(738 / var(--vw-min)* 100vw), 738px);*/
	margin-bottom: min(calc(38 / var(--vw-min)* 100vw),38px);
	padding-right:min(calc(24 / var(--vw-min)* 100vw), 24px);
	width: min(calc(760 / var(--vw-min) * 100vw), 760px);
}
.books__sliderBlock .contSwiper_scrlbarWrap {
	margin: min(calc(40 / var(--vw-min)* 100vw), 40px) auto 0;
}
@media screen and (max-width:767px){
	.books__sliderBlock.-novels{
		width: calc(100% - calc(264 / var(--vw-min)* 100vw));
		margin: 0 0 0 auto;
	}
	.books__sliderWrap{
		width: 100%;
		margin-bottom:calc(44 / var(--vw-min) * 100vw);
	}
	.books__sliderBlock.-comics{
		width: calc(100% - calc(264 / var(--vw-min)* 100vw));
		margin: 0 auto 0 0;
	}
	.books__sliderBlock.-comics	.books__sliderWrap{
		width: 100%;
		margin-bottom:calc(44 / var(--vw-min) * 100vw);
		padding-left: calc(68 / var(--vw-min) * 100vw);
	}
	.books__sliderBlock.-novels	.books__sliderWrap{
		width: 100%;
		margin-bottom:calc(44 / var(--vw-min) * 100vw);
		padding-right: calc(68 / var(--vw-min) * 100vw);
	}
}
.comics__slider,
.books__slider{
	padding-top: min(calc(24 / var(--vw-min)* 100vw),24px) ;
	padding-right: 0;
}	
/* slider item */
.books__slider__item{
	padding-right:min(calc(24 / var(--vw-min)* 100vw), 24px);
}
.books__slider__item:last-child{
	/*padding-right:0;*/
}
@media screen and (max-width:767px){
	.books__slider__item{
		width: calc(472 / var(--vw-min) * 100vw);
		padding-right:calc(24 / var(--vw-min)* 100vw);
	}
	.books__slider__item:last-child{
		padding-right:calc(24 / var(--vw-min)* 100vw)
	}
}
.bookList_link{
	display: block;
	text-decoration: none;
}

.bookList_link .item_img{
	width:100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	box-shadow: 0 0 min(calc(20 / var(--vw-min)* 100vw), 20px) 0 rgba(0, 112, 170, 0.15);
}
.swiper-slide-prev .item_img{
	box-shadow: unset;

}
.bookList_link .item_img__inner{
	overflow: hidden;
}
.bookList_link .item_img img{
	width: 100%;

}
.bookList_link .item_ttl{
	padding-top: min(calc(19 / var(--vw-min)* 100vw), 19px);
	font-size: min(calc(16 / var(--vw-min)* 100vw), 16px);
	letter-spacing: 0.1em;
	line-height: calc(27/16);
	text-align: center;
	color: var(--color-brown);
}



@media screen and (max-width:767px){
	.bookList_link .item_ttl{
		padding-top: calc(22 / var(--vw-min) * 100vw);
		font-size: calc(26 / var(--vw-min) * 100vw);
		letter-spacing:calc(0.98 / var(--vw-min) * 100vw);
		text-align: left;
	}
	.bookList_link .item_img{
		box-shadow: 0 0 calc(40 / var(--vw-min)* 100vw) 0 rgba(0, 112, 170, 0.15);
	}
	.bookList_link .item_img__inner{
	}

}

.books__slider__item{
	opacity: 0;
	transition: opacity 0.3s ease;
 }
.books__slider__item.swiper-slide-visible {
	opacity: 1;
	transition:unset;
}

@media screen and (max-width:767px){
	.books__slider__item{
		opacity: unset;
	}

	.books__sliderBlock.-novels .books__slider__item.swiper-slide-prev{
		opacity: 0;
	}
	.books__sliderBlock.-comics .books__slider__item.swiper-slide-next{
		opacity: 0;
	}
}
 .contSwiper_scrlbarWrap{
	padding: 0 1.5152%;
}

.bookList_link .item_img img{
	transition: .4s ease;
}

.bookList_link:hover .item_img img{
	transform: scale(1.02);
}
@media screen and (max-width: 767px){
	.books__slider__item{
		width: calc(100% / 3);
	}
	.item_ttl{
		padding-top: calc(32 / var(--vw-min) * 100vw);
		font-size: calc(26 / var(--vw-min) * 100vw);
	}
	#book .contSwiper_scrlbarWrap{
		padding: 0 var(--sp-size-8);
	}
	.item_img{
		width: 100%;
	}
}

/* slider > controlBlock */

.controlBlock._books{
	display: flex;
	padding: 0;
	position: relative;
	height:  min(calc(32 / var(--vw-min)* 100vw), 32px);
	width: min(calc(136 / var(--vw-min)* 100vw), 136px);
	margin-top:min(calc(73 / var(--vw-min)* 100vw), 32px);
	justify-content: space-between;
}

.controlBlock._bnrLists{
	display: flex;
	padding: 0 min(calc(24 / var(--vw-min)* 100vw), 24px) 0;
	position: absolute;
	height: min(calc(32 / var(--vw-min)* 100vw), 32px);
	width:min(calc(1136 / var(--vw-min) * 100vw),1136px);
	margin: auto;
	top: min(calc(32 / var(--vw-min)* 100vw),32px);
	left: 0;
	right: 0;
}
@media screen and (max-width: 767px){
	.controlBlock._bnrLists{
		width: 100%;
		height: calc(56 / var(--vw-min)* 100vw);
		bottom: 0;
		top: unset;

	}
}

/* sliderPager */
.sliderPagerWrap._bnrLists{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	z-index: 3;
	padding: 0;
}
@media screen and (max-width: 767px){
	.sliderPagerWrap._bnrLists{
		height: calc(56 / var(--vw-min)* 100vw);
		position: absolute;
		bottom: 0;
	}
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	width:min(calc(6/ var(--vw-min)* 100vw), 6px);
	height: min(calc(6 / var(--vw-min)* 100vw), 6px);
	background-color: rgba(80, 195, 255, 0.40);
	margin-right:min(calc(12 / var(--vw-min)* 100vw), 12px);
	opacity: 1!important;
 }
.swiper-pagination-clickable .swiper-pagination-bullet:last-child {
	margin-right: 0;
 }
.swiper-pagination-clickable .swiper-pagination-bullet:first-child {
	margin-left: 0;
 }
.swiper-pagination-bullet-active{
	 opacity: 1!important;
	 background-color:var(--color-blue)!important;
 }

/* arrowBtn */
.controlBlock._books .arrowBtn{
	top: unset;
	right:unset;
	left: unset;
	bottom: unset;
	margin: unset;
	position: relative;
	justify-content: space-between;
}
.controlBlock._books .arrowBtn._prev{
	position: relative;
	top: unset;
	right:unset;
	left: unset;
	bottom: unset;
	margin: unset;
}
.controlBlock._books .arrowBtn span{
}
@media screen and (max-width: 767px){
	.controlBlock._books{
		width: calc(216 / var(--vw-min)* 100vw);
		position: relative;
		padding: unset;
		justify-content: space-between;
		margin-top:calc(86 / var(--vw-min)* 100vw);
	}
	.controlBlock._books .arrowBtn{
		position: relative;
		top: unset;
		right:unset;
		left: unset;
		margin: unset;
		width: calc(84 / var(--vw-min)* 100vw);
		height: calc(56 / var(--vw-min)* 100vw);

	}
}
.controlBlock._comics .arrowBtn span{
	background-color: var(--color-pink);
}
.controlBlock._comics .arrowBtn::before{
	border-color: var(--color-pink);
}

.booksBlockWrap._novels{
	position: relative;
	padding-bottom:  min(calc(112 / var(--vw-min)* 100vw), 112px);
}

.booksBlockWrap._comics{
	position: relative;
	padding-bottom:  min(calc(112 / var(--vw-min)* 100vw), 112px);
}
.books__sliderBlock.-comics .books__sliderWrap{
	/*margin-right: max(calc(-24 / var(--vw-min) * 100vw), -24px);*/
}
.booksBlockWrap._comics::before{
	content: "";
	pointer-events: none;
	width: 100%;
	height: calc(80 / var(--vw-min)* 100vw);
	position: absolute;
	top: calc(-79 / var(--vw-min)* 100vw);
	left: 0;
	transition: opacity .3s ease;
	background: url(../img/top/deco/comic_bg_top.svg) no-repeat right top;
	background-size: 100% auto; 
}
.booksBlockWrap._comics::after{
	content: "";
	pointer-events: none;
	width: 100%;
	height: calc(80 / var(--vw-min)* 100vw);
	position: absolute;
	bottom: calc(-79 / var(--vw-min)* 100vw);
	left: 0;
	transition: opacity .3s ease;
	background: url(../img/top/deco/comic_bg_btm.svg) no-repeat left bottom;
	background-size: 100% auto; 
}

@media screen and (max-width: 767px){
	.booksBlockWrap._comics::before{
		height: calc(44 / var(--vw-min)* 100vw);
		top: calc(-44 / var(--vw-min)* 100vw);
		background: url(../img/top/deco/comic_bg_top_sp.svg) no-repeat right top;
		background-size: 100% auto; 
	}
	.booksBlockWrap._comics::after{
		height: calc(44 / var(--vw-min)* 100vw);
		position: absolute;
		bottom: calc(-44 / var(--vw-min)* 100vw);
		background: url(../img/top/deco/comic_bg_btm_sp.svg) no-repeat left bottom;
		background-size: 100% auto; 
	}
}


.booksBlockWrap__inner{
	display: flex;
	width: min(calc(1000 / var(--vw-min)* 100vw), 1000px);
	margin: 0 auto;
}
@media screen and (max-width: 767px){
	.booksBlockWrap__inner{
		width: 100%;
	}
}
/*-------------
books__info
-------------*/
/*ttl*/
.books__info__ttl{
	position: relative;
	font-size: min(calc(26 / var(--vw-min)* 100vw), 26px);
	margin-bottom:  min(calc(48 / var(--vw-min)* 100vw), 48px);
}
@media screen and (max-width: 767px){
	.books__info__ttl{
		font-size: calc(34 / var(--vw-min)* 100vw);
		margin-bottom: calc(64 / var(--vw-min)* 100vw);
		letter-spacing: calc(1.7 / var(--vw-min)* 100vw);
	}
}
.books__info__ttl_en{
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.booksBlockWrap._novels .books__info__ttl_en{
	width:  min(calc(212 / var(--vw-min)* 100vw), 212px);
	height:  min(calc(110 / var(--vw-min)* 100vw),110px);
	background: url(../img/top/deco/books_ttl_novel.svg) no-repeat center center / contain;
}
.booksBlockWrap._comics .books__info__ttl_en{
	width:  min(calc(220 / var(--vw-min)* 100vw), 220px);
	height:  min(calc(72 / var(--vw-min)* 100vw),72px);
	background: url(../img/top/deco/books_ttl_comics.svg) no-repeat center center / contain;
}
/* books__info > txt */
.books__info__txt{
	font-size: min(calc(16 / var(--vw-min)* 100vw), 16px);
	font-weight: 500;
	line-height: min(calc(29 / var(--vw-min)* 100vw), 29px);
	letter-spacing: min(calc(0.8 / var(--vw-min)* 100vw), 0.8px);
}
.books__info__txt .txtS{
	font-size: min(calc(14 / var(--vw-min)* 100vw), 14px);
}

@media screen and (max-width:767px) {
	.books__info__txt{
		font-size: calc(24 / var(--vw-min)* 100vw);
		line-height: calc(46 / var(--vw-min)* 100vw);
	}
	.books__info__txt .txtS{
		font-size:calc(20 / var(--vw-min) * 100vw);
		line-height:2;
		display: block;
	}

}

/*------------------------------
LOADING
------------------------------*/
#loading {
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#FFF;
	z-index:12000;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width:767px) {
	#loading {
		height: 100svh;
	}
}
.loading__inner{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.loading__img{
	background: url(../img/common/logo.svg) no-repeat center center / contain;
	width: min(calc(352 / var(--vw-min) * 100vw), 352px);
	height: min(calc(144 / var(--vw-min) * 100vw), 144px);
}