html,
body {
	background: #fff;
	color: #000;
	margin: 0;
	padding: 0;
}
.scrollWrap.is-child {
	display: none;
}
@media screen and (max-width: 1000px) {
	.scrollWrap.is-child {
		display: none !important;
	}
}
.scrollWrap.is-child .topScroll .sline span {
	width: 2px;
	background: #d3f2ff;
}
.scrollWrap .topScroll {
	position: fixed;
	z-index: 10;
	bottom: 8px;
	left: 50%;
	transform: translateY(0%) translateX(-50%);
}
.scrollWrap .topScroll .inner {
	position: relative;
	text-align: center;
}
.scrollWrap .topScroll p {
	font-size: 80%;
	font-weight: 700;
	margin-bottom: 10px;
	letter-spacing: 0.2em;
}
.scrollWrap .topScroll .sline {
	position: relative;
	width: 12px;
	height: 60px;
	max-height: 60px;
	margin: 0 auto;
}
.scrollWrap .topScroll .sline span {
	display: inline-block;
	width: 1px;
	height: 60px;
	max-height: 60px;
	background: #fff;
}
.scrollWrap .topScroll .sline i {
	position: absolute;
	top: 26px;
	left: 0;
	display: block;
	width: 12px;
	height: 12px;
	-webkit-animation: animTopScroll 2s ease-in-out 2.5s infinite;
	animation: animTopScroll 2s ease-in-out 2.5s infinite;
	opacity: 0;
	border-radius: 50%;
	background: #609cd3;
}
@-webkit-keyframes animTopScroll {
	0% {
		top: 0;
		margin: 0;
		opacity: 0;
	}
	15%,
	60% {
		opacity: 1;
	}
	75% {
		top: 100%;
		margin: -10px 0 0;
		opacity: 0;
	}
	100% {
		top: 0;
		margin: 3px 0 0;
		opacity: 0;
	}
}
@keyframes animTopScroll {
	0% {
		top: 0;
		margin: 0;
		opacity: 0;
	}
	15%,
	60% {
		opacity: 1;
	}
	75% {
		top: 100%;
		margin: -10px 0 0;
		opacity: 0;
	}
	100% {
		top: 0;
		margin: 3px 0 0;
		opacity: 0;
	}
}
main.is-thought {
	overflow: unset;
}
.btnArea.is-thought {
	margin-top: 100px;
}
@media screen and (max-width: 768px) {
	.btnArea.is-thought {
		margin-top: 80px;
	}
}
.btnArea.is-thought .moreBtn {
	display: block;
	position: relative;
	width: 270px;
	margin: 50px auto 0;
	z-index: 1;
}
@media screen and (min-width: 1100px) {
	.btnArea.is-thought .moreBtn:hover::after {
		transform: scale(1.1);
	}
}
@media screen and (max-width: 1100px) {
	.btnArea.is-thought .moreBtn {
		margin: 50px auto 0;
	}
}
.btnArea.is-thought .moreBtn::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	width: 20px;
	height: 12px;
	margin: auto;
	background: url("../images/icon_arrow_01.svg") no-repeat;
	background-size: contain;
	transition: 0.3s;
}
.btnArea.is-thought .moreBtn::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 270px;
	margin: auto;
	border-radius: 80px;
	background-color: #fff;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
	transition: 0.3s;
	z-index: -1;
}
.btnArea.is-thought .moreBtn a {
	display: block;
	padding: 26px 15px;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.15em;
	text-align: center;
	color: #444;
	font-family: open-sans, sans-serif;
	font-weight: 600;
	font-style: normal;
}
.btnArea.is-thought .moreBtn {
	margin: 50px auto 15px;
}
@media screen and (max-width: 768px) {
	.pc-show {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.sp-show {
		display: none;
	}
}
@-webkit-keyframes loop_shape_1 {
	0% {
		transform: translate3d(100%, 0, 0);
	}
	to {
		transform: translate3d(-100%, 0, 0);
	}
}
@keyframes loop_shape_1 {
	0% {
		transform: translate3d(100%, 0, 0);
	}
	to {
		transform: translate3d(-100%, 0, 0);
	}
}
@-webkit-keyframes loop_shape_2 {
	0% {
		transform: translate3d(0, 0, 0);
	}
	to {
		transform: translate3d(-200%, 0, 0);
	}
}
@keyframes loop_shape_2 {
	0% {
		transform: translate3d(0, 0, 0);
	}
	to {
		transform: translate3d(-200%, 0, 0);
	}
}
@-webkit-keyframes -alpha {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes -alpha {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.-slide-before {
	position: relative;
	top: -1px;
	-webkit-animation: loop_shape_1 90s -45s linear infinite;
	animation: loop_shape_1 90s -45s linear infinite;
}
.-slide-after {
	position: relative;
	top: -1px;
	-webkit-animation: loop_shape_2 90s linear infinite;
	animation: loop_shape_2 90s linear infinite;
}
.thoughtHeroArea {
	position: relative;
	height: 100vh;
	width: 100vw;
}
.thoughtHeroArea .imgBlock {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	height: 100vh;
	width: 100vw;
	overflow: hidden;
	background: silver;
}
.thoughtHeroArea .imgBlock .slick-slider div {
	transition: none;
}
.thoughtHeroArea .imgBlock .slick-track {
	display: flex;
}
.thoughtHeroArea .imgBlock .item {
	width: 100%;
}
@media screen and (max-width: 768px) {
	.thoughtHeroArea .imgBlock .item {
		width: auto;
	}
}
.thoughtHeroArea .imgBlock .item img {
	width: 100%;
	height: 100vh;
	-o-object-fit: cover;
	object-fit: cover;
}
@media screen and (min-height: 1050px) {
	.thoughtHeroArea .imgBlock .item img {
		width: auto;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
@media screen and (max-width: 768px) {
	.thoughtHeroArea .imgBlock .item img {
		width: auto;
		-o-object-fit: contain;
		object-fit: contain;
	}
}
.thoughtHeroArea .frontBlock {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: 100vh;
	width: 100vw;
}
.thoughtHeroArea .frontBlock .loopBlock {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	height: 19.72222vw;
	width: 100vw;
	overflow: hidden;
	display: flex;
}
@media screen and (max-width: 768px) {
	.thoughtHeroArea .frontBlock .loopBlock {
		height: 60vw;
	}
}
.thoughtHeroArea .frontBlock .loopBlock .item {
	height: 100%;
	width: 100vw;
}
.thoughtHeroArea .frontBlock .loopBlock .item img {
	height: 100%;
	width: 100vw;
}
.thoughtHeroArea .frontBlock .textBlock {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
	width: 90vw;
}
.thoughtHeroArea .frontBlock .textBlock .inner {
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
}
.thoughtHeroArea .frontBlock .textBlock .inner .title span {
	text-align: center;
	display: block;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #fff;
}
.thoughtHeroArea .frontBlock .textBlock .inner .title .sub {
	font-size: 1.66667vw;
}
.thoughtHeroArea .frontBlock .textBlock .inner .title .main {
	margin-top: 12px;
	font-size: 4.51389vw;
}
@media screen and (max-width: 768px) {
	.thoughtHeroArea .frontBlock .textBlock .inner .title .sub {
		font-size: 16px;
	}
	.thoughtHeroArea .frontBlock .textBlock .inner .title .main {
		margin-top: 8px;
		font-size: 36px;
	}
}
.thoughtHeroArea .btmBlock {
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 1;
	width: 100vw;
	display: flex;
	justify-content: space-between;
}
.thoughtHeroArea .btmBlock .item {
	width: calc(50vw - 4px);
	display: flex;
	align-items: flex-end;
}
.thoughtHeroArea .btmBlock .item img {
	width: 100%;
}
.stickyArea {
	height: 100%;
	width: 100vw;
	background-image: url("../images/thought/object_line.svg");
	background-repeat: repeat-y;
	background-position: center 0;
}
.scrollAmount {
	pointer-events: none;
}
.stickySec {
	position: relative;
	z-index: 0;
	height: 100%;
	width: 100vw;
	z-index: 1;
}
.stickySec .innerSec {
	height: 100vh;
	position: relative;
	z-index: 2;
}
.stickySec .innerSec.-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
}
@media screen and (max-width: 700px) {
	.stickySec .innerSec.-sticky {
		overflow: hidden;
	}
}
.stickySec .innerSec.first-end-marker {
	height: 100px;
}
.stickySec .innerSec .frontDataBlock {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
	height: 100vh;
	width: 90vw;
}
.stickySec .innerSec .frontDataBlock .textContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100vh;
	width: 90vw;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0.1em;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
.stickySec .innerSec .frontDataBlock .textContainer.-l-text {
	color: #609cd3;
	font-size: 3.05556vw;
	line-height: 170%;
	margin: 0;
}
@media screen and (max-width: 1000px) {
	.stickySec .innerSec .frontDataBlock .textContainer.-l-text {
		font-size: 24px;
	}
}
.stickySec .innerSec .frontDataBlock .textContainer.-m-text {
	font-size: 1.80556vw;
	line-height: 200%;
	color: #444444;
}
@media screen and (max-width: 1000px) {
	.stickySec .innerSec .frontDataBlock .textContainer.-m-text {
		font-size: 16px;
	}
}
.stickySec.sec1 .innerSec .bgCircleBlock {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	height: 55.55556vw;
	width: 55.55556vw;
	min-height: 800px;
	min-width: 800px;
}
@media screen and (max-width: 768px) {
	.stickySec.sec1 .innerSec .bgCircleBlock {
		min-height: 500px;
		min-width: 500px;
	}
}
.stickySec.sec1 .innerSec .bgCircleBlock .itemWrap {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.stickySec.sec1 .innerSec .bgCircleBlock .itemWrap .item img {
	height: 100%;
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-animation: rotate-anime 10s linear infinite;
	animation: rotate-anime 10s linear infinite;
}
@-webkit-keyframes rotate-anime {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes rotate-anime {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}
.stickySec.sec2 .innerSec .imgBlock {
	pointer-events: none;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100vh;
	width: 83.33333vw;
}
@media screen and (max-width: 1200px) {
	.stickySec.sec2 .innerSec .imgBlock {
		width: 100vw;
	}
}
@media screen and (max-width: 1200px) and (max-width: 700px) {
	.stickySec.sec2 .innerSec .imgBlock {
		display: none;
	}
}
.stickySec.sec2 .innerSec .imgBlock .inner {
	position: relative;
	z-index: 0;
	height: 100%;
}
.stickySec.sec2 .innerSec .imgBlock .inner .itemWrap {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 0;
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
	width: 47.91667vw;
}
@media screen and (max-width: 700px) {
	.stickySec.sec2 .innerSec .imgBlock .inner .itemWrap {
		display: none;
	}
}
.stickySec.sec2 .innerSec .imgBlock .inner .itemWrap .item {
	pointer-events: auto;
	position: relative;
	z-index: 0;
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
	width: 100%;
	overflow: hidden;
	cursor: pointer;
	border-radius: 40px;
	-webkit-aspect-ratio: 10 / 6.6667;
	aspect-ratio: 10 / 6.6667;
}
.stickySec.sec2 .innerSec .imgBlock .inner .itemWrap .item img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: 1s ease opacity;
	height: 100%;
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	opacity: 1;
	border-radius: 40px;
}
.stickySec.sec2 .innerSec .imgBlock .inner .itemWrap .item img.-hover {
	opacity: 0;
}
@media (hover: hover) {
	.stickySec.sec2
		.innerSec
		.imgBlock
		.inner
		.itemWrap
		.item:hover
		img.-hover {
		opacity: 1;
	}
	.stickySec.sec2
		.innerSec
		.imgBlock
		.inner
		.itemWrap
		.item:hover
		img:not(.-hover) {
		opacity: 0;
	}
}
@media (hover: none) {
	.stickySec.sec2
		.innerSec
		.imgBlock
		.inner
		.itemWrap
		.item:active
		img.-hover {
		opacity: 1;
	}
	.stickySec.sec2
		.innerSec
		.imgBlock
		.inner
		.itemWrap
		.item:active
		img:not(.-hover) {
		opacity: 0;
	}
}
.stickySec.sec2 .innerSec .frontDataBlock {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
	height: 100vh;
	width: 90vw;
}
.stickySec.sec2 .innerSec .frontDataBlock .group {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	align-items: center;
	height: 100vh;
}
.stickySec.sec2 .innerSec .frontDataBlock .group .data {
	height: -webkit-max-content;
	height: -moz-max-content;
	height: max-content;
	width: 50vw;
	padding-bottom: 60px;
}
@media screen and (max-width: 700px) {
	.stickySec.sec2 .innerSec .frontDataBlock .group .data {
		width: 100%;
		padding-bottom: 63px;
	}
}
.stickySec.sec2 .innerSec .frontDataBlock .group .data .itemWrap {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	z-index: 0;
	height: 43.05556vw;
	width: 43.05556vw;
	min-height: 620px;
	min-width: 620px;
}
@media screen and (max-width: 700px) {
	.stickySec.sec2 .innerSec .frontDataBlock .group .data .itemWrap {
		left: -200px;
		z-index: -1;
	}
}
.stickySec.sec2 .innerSec .frontDataBlock .group .data .itemWrap .item {
	position: relative;
	z-index: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.stickySec.sec2 .innerSec .frontDataBlock .group .data .itemWrap .item img {
	height: 100%;
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.stickySec.sec2 .innerSec .frontDataBlock .group .data .inner {
	position: relative;
	z-index: 1;
	padding-right: 6.94444vw;
}
@media screen and (max-width: 700px) {
	.stickySec.sec2 .innerSec .frontDataBlock .group .data .inner {
		padding-right: 0;
	}
}
.stickySec.sec2 .innerSec .frontDataBlock .group .data .inner .data_img {
	width: 176px;
	width: 12.22222vw;
	margin: auto;
}
@media screen and (max-width: 700px) {
	.stickySec.sec2 .innerSec .frontDataBlock .group .data .inner .data_img {
		width: 160px;
	}
}
.stickySec.sec2 .innerSec .frontDataBlock .group .data .inner .data_img img {
	height: auto;
	width: 100%;
}
.stickySec.sec2 .innerSec .frontDataBlock .group .data .inner .data_dpisode {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}
.stickySec.sec2
	.innerSec
	.frontDataBlock
	.group
	.data
	.inner
	.data_dpisode
	span {
	display: inline-block;
}
.stickySec.sec2
	.innerSec
	.frontDataBlock
	.group
	.data
	.inner
	.data_dpisode
	.en {
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-weight: bold;
	font-size: 0.97222vw;
	text-align: center;
	letter-spacing: 0.2em;
	color: #609cd3;
	margin-right: 12px;
}
@media screen and (max-width: 700px) {
	.stickySec.sec2
		.innerSec
		.frontDataBlock
		.group
		.data
		.inner
		.data_dpisode
		.en {
		font-size: 12px;
	}
}
.stickySec.sec2
	.innerSec
	.frontDataBlock
	.group
	.data
	.inner
	.data_dpisode
	.ja {
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-weight: bold;
	font-size: 1.73611vw;
	letter-spacing: 0.2em;
	color: #609cd3;
}
@media screen and (max-width: 700px) {
	.stickySec.sec2
		.innerSec
		.frontDataBlock
		.group
		.data
		.inner
		.data_dpisode
		.ja {
		font-size: 24px;
	}
}
.stickySec.sec2 .innerSec .frontDataBlock .group .data .inner .head {
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
	margin-top: 2.77778vw;
	font-weight: bold;
	font-size: 2.22222vw;
	line-height: 160%;
	text-align: center;
	letter-spacing: 0.1em;
	color: #444444;
}
@media screen and (max-width: 700px) {
	.stickySec.sec2 .innerSec .frontDataBlock .group .data .inner .head {
		font-size: 24px;
	}
	.stickySec.sec2
		.innerSec
		.frontDataBlock
		.group
		.data
		.inner
		.head
		.pc-break {
		display: none;
	}
}
.stickySec.sec2
	.innerSec
	.frontDataBlock
	.group
	.data
	.inner
	.btnWrap
	.moreBtn {
	display: block;
	position: relative;
	width: 270px;
	margin: 50px auto 0;
	z-index: 1;
}
@media screen and (min-width: 1100px) {
	.stickySec.sec2
		.innerSec
		.frontDataBlock
		.group
		.data
		.inner
		.btnWrap
		.moreBtn:hover::after {
		transform: scale(1.1);
	}
}
@media screen and (max-width: 1100px) {
	.stickySec.sec2
		.innerSec
		.frontDataBlock
		.group
		.data
		.inner
		.btnWrap
		.moreBtn {
		margin: 50px auto 0;
	}
}
.stickySec.sec2
	.innerSec
	.frontDataBlock
	.group
	.data
	.inner
	.btnWrap
	.moreBtn::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	width: 20px;
	height: 12px;
	margin: auto;
	background: url("../images/icon_arrow_01.svg") no-repeat;
	background-size: contain;
	transition: 0.3s;
}
.stickySec.sec2
	.innerSec
	.frontDataBlock
	.group
	.data
	.inner
	.btnWrap
	.moreBtn::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 270px;
	margin: auto;
	border-radius: 80px;
	background-color: #fff;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
	transition: 0.3s;
	z-index: -1;
}
.stickySec.sec2
	.innerSec
	.frontDataBlock
	.group
	.data
	.inner
	.btnWrap
	.moreBtn
	a {
	display: block;
	padding: 26px 15px;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.15em;
	text-align: center;
	color: #444;
	font-family: open-sans, sans-serif;
	font-weight: 600;
	font-style: normal;
}
.stickySec.sec2 .innerSec .frontDataBlock .group .data img.sp {
	display: none;
}
@media screen and (max-width: 700px) {
	.stickySec.sec2 .innerSec .frontDataBlock .group .data img.sp {
		width: 100%;
		display: block;
		margin-top: 63px;
	}
}
.stickySec.sec3 .innerSec:nth-of-type(1) {
	background: linear-gradient(0deg, #fff 50%, transparent 50%);
}
.stickySec.sec3 .innerSec .bgBlock .imgContainer {
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	z-index: 0;
	height: 41.11111vw;
	width: 100vw;
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
	.stickySec.sec3 .innerSec .bgBlock .imgContainer {
		height: 600px;
	}
}
.stickySec.sec3 .innerSec .bgBlock .imgContainer .object {
	position: absolute;
	left: 0;
}
.stickySec.sec3 .innerSec .bgBlock .imgContainer .object img {
	width: 100vw;
	height: auto;
}
.stickySec.sec3 .innerSec .bgBlock .imgContainer .object.-top {
	top: -1px;
	z-index: 1;
	display: flex;
	justify-content: flex-start;
}
.stickySec.sec3 .innerSec .bgBlock .imgContainer .object.-btm {
	bottom: -1px;
	z-index: 1;
	display: flex;
	justify-content: flex-end;
}
.stickySec.sec3 .innerSec .bgBlock .imgContainer .group {
	height: 100%;
	width: 100vw;
	min-width: 100vw;
	overflow: hidden;
}
.stickySec.sec3 .innerSec .bgBlock .imgContainer .group img {
	height: 100%;
	width: 100vw;
	-o-object-fit: cover;
	object-fit: cover;
}
.stickySec.sec3 .innerSec .bgBlock .objectContainer {
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	height: 45.13889vw;
	width: 45.13889vw;
	min-height: 650px;
	min-width: 650px;
}
@media screen and (max-width: 768px) {
	.stickySec.sec3 .innerSec .bgBlock .objectContainer {
		min-height: 400px;
		min-width: 400px;
	}
}
.stickySec.sec3 .innerSec .bgBlock .objectContainer .itemWrap {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.stickySec.sec3 .innerSec .bgBlock .objectContainer .itemWrap .item {
	height: 100%;
	width: 100%;
}
.stickySec.sec3 .innerSec .bgBlock .objectContainer .itemWrap .item img {
	height: 100%;
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.stickySec.sec3 .innerSec .frontDataBlock {
	z-index: 2;
}
.stickySec .slick-slider div {
	transition: none;
}
.stickySec .slick-track {
	display: flex;
}
.stickySec .imgBlock .item {
	position: relative;
	top: 2px;
	width: 100%;
	height: 100vh;
}
.stickySec .imgBlock .item img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.stickySec .-sec1 {
	opacity: 0;
	pointer-events: none;
}
.stickySec[data-current-num="1"] .-sec1 {
	-webkit-animation: -alpha 2s ease forwards;
	animation: -alpha 2s ease forwards;
	pointer-events: auto;
}
.stickySec .-sec2 {
	opacity: 0;
	pointer-events: none;
}
.stickySec[data-current-num="2"] .-sec2 {
	-webkit-animation: -alpha 2s ease forwards;
	animation: -alpha 2s ease forwards;
	pointer-events: auto;
}
.stickySec .-sec3 {
	opacity: 0;
	pointer-events: none;
}
.stickySec[data-current-num="3"] .-sec3 {
	-webkit-animation: -alpha 2s ease forwards;
	animation: -alpha 2s ease forwards;
	pointer-events: auto;
}
.stickySec .-sec4 {
	opacity: 0;
	pointer-events: none;
}
.stickySec[data-current-num="4"] .-sec4 {
	-webkit-animation: -alpha 2s ease forwards;
	animation: -alpha 2s ease forwards;
	pointer-events: auto;
}
.stickySec .-sec5 {
	opacity: 0;
	pointer-events: none;
}
.stickySec[data-current-num="5"] .-sec5 {
	-webkit-animation: -alpha 2s ease forwards;
	animation: -alpha 2s ease forwards;
	pointer-events: auto;
}
.stickySec .-sec6 {
	opacity: 0;
	pointer-events: none;
}
.stickySec[data-current-num="6"] .-sec6 {
	-webkit-animation: -alpha 2s ease forwards;
	animation: -alpha 2s ease forwards;
	pointer-events: auto;
}
.stickySec .-sec7 {
	opacity: 0;
	pointer-events: none;
}
.stickySec[data-current-num="7"] .-sec7 {
	-webkit-animation: -alpha 2s ease forwards;
	animation: -alpha 2s ease forwards;
	pointer-events: auto;
}
.stickySec .-sec8 {
	opacity: 0;
	pointer-events: none;
}
.stickySec[data-current-num="8"] .-sec8 {
	-webkit-animation: -alpha 2s ease forwards;
	animation: -alpha 2s ease forwards;
	pointer-events: auto;
}
.mainEpHeadArea {
	position: relative;
	z-index: 3;
}
.mainEpHeadArea .innerBlock {
	display: flex;
	justify-content: right;
	position: relative;
	width: 100%;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
}
@media screen and (max-width: 600px) {
	.mainEpHeadArea .innerBlock {
		flex-wrap: wrap;
	}
}
.mainEpHeadArea .innerBlock .left {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 150px;
	max-width: 670px;
	width: 100%;
	height: 230px;
	margin: auto;
	text-align: center;
}
@media screen and (max-width: 1300px) {
	.mainEpHeadArea .innerBlock .left {
		top: 0;
		bottom: 0;
		height: 300px;
		margin: auto;
	}
}
@media screen and (max-width: 1300px) and (max-width: 1000px) {
	.mainEpHeadArea .innerBlock .left {
		left: 50px;
	}
}
@media screen and (max-width: 1300px) and (max-width: 1000px) and (max-width: 768px) {
	.mainEpHeadArea .innerBlock .left {
		height: 195px;
	}
}
@media screen and (max-width: 1300px) and (max-width: 1000px) and (max-width: 768px) and (max-width: 600px) {
	.mainEpHeadArea .innerBlock .left {
		position: unset;
		order: 2;
		margin: 34px 30px 0;
	}
}
@media screen and (max-width: 600px) {
	.mainEpHeadArea .innerBlock .left .head {
		text-align: center;
	}
}
.mainEpHeadArea .innerBlock .left .caption {
	max-width: 325px;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.mainEpHeadArea .innerBlock .left .caption {
		max-width: 270px;
	}
}
@media screen and (max-width: 768px) and (max-width: 600px) {
	.mainEpHeadArea .innerBlock .left .caption {
		max-width: none;
	}
}
.mainEpHeadArea .innerBlock .left .caption img {
	display: block;
	max-width: 176px;
	width: 100%;
	margin: auto;
}
@media screen and (max-width: 768px) {
	.mainEpHeadArea .innerBlock .left .caption img {
		max-width: 160px;
	}
}
@media screen and (max-width: 768px) and (max-width: 600px) {
	.mainEpHeadArea .innerBlock .left .caption img {
		margin: auto;
	}
}
.mainEpHeadArea .innerBlock .left .textarea {
	width: 325px;
	margin-top: 10px;
	font-size: 25px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.2em;
	color: #609cd3;
}
.mainEpHeadArea .innerBlock .left .textarea.w-352 {
	width: 352px;
}
@media screen and (max-width: 600px) {
	.mainEpHeadArea .innerBlock .left .textarea.w-352 {
		width: auto;
	}
}
@media screen and (max-width: 600px) {
	.mainEpHeadArea .innerBlock .left .textarea {
		width: auto;
	}
}
.mainEpHeadArea .innerBlock .left .textarea .small {
	font-size: 14px;
	letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
	.mainEpHeadArea .innerBlock .left .textarea .small {
		width: 270px;
		font-size: 12px;
	}
}
@media screen and (max-width: 768px) {
	.mainEpHeadArea .innerBlock .left .textarea .text {
		font-size: 20px;
	}
}
@media screen and (max-width: 768px) and (max-width: 374px) {
	.mainEpHeadArea .innerBlock .left .textarea .text {
		font-size: 16px;
	}
}
.mainEpHeadArea .innerBlock .left h2 {
	margin-top: 20px;
	font-weight: bold;
	font-size: 48px;
	line-height: 140%;
	letter-spacing: 0.2em;
	color: #444444;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.mainEpHeadArea .innerBlock .left h2 {
		margin-top: 10px;
	}
}
.mainEpHeadArea .innerBlock .left h2 .pc-show {
	display: block;
}
@media screen and (max-width: 1200px) {
	.mainEpHeadArea .innerBlock .left h2 {
		font-size: 38px;
	}
}
@media screen and (max-width: 1200px) and (max-width: 768px) {
	.mainEpHeadArea .innerBlock .left h2 {
		font-size: 24px;
	}
}
@media screen and (max-width: 1200px) and (max-width: 768px) and (max-width: 600px) {
	.mainEpHeadArea .innerBlock .left h2 {
		text-align: center;
	}
	.mainEpHeadArea .innerBlock .left h2 .pc-show {
		display: none;
	}
}
.mainEpHeadArea .innerBlock .right {
	max-width: 975px;
	padding-left: 30%;
}
@media screen and (min-width: 1441px) {
	.mainEpHeadArea .innerBlock .right {
		max-width: none;
		width: 100%;
		padding-left: 30%;
	}
}
@media screen and (max-width: 600px) {
	.mainEpHeadArea .innerBlock .right {
		max-width: none;
		padding-left: 0;
		order: 1;
	}
}
.mainEpHeadArea .innerBlock .right img {
	display: block;
	width: 100%;
}
.detailEpArea {
	margin-top: -200px;
}
@media screen and (min-width: 1000px) and (max-height: 700px) {
	.detailEpArea {
		margin-top: -100px;
	}
}
@media screen and (max-width: 1000px) {
	.detailEpArea {
		margin-top: -100px;
	}
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
	.detailEpArea {
		margin-top: 0;
	}
}
.detailEpArea .top,
.detailEpArea .bottom {
	position: relative;
}
.detailEpArea .top img,
.detailEpArea .bottom img {
	width: 100%;
}
.detailEpArea .top {
	bottom: -5px;
}
.detailEpArea .bottom {
	z-index: 2;
}
.detailEpArea .innerBlock {
	position: relative;
	width: 100%;
	background: url(../images/episode/img_wave_section_center.jpg);
	background-size: cover;
}
@media screen and (min-width: 1000px) and (max-height: 700px) {
	.detailEpArea .innerBlock {
		z-index: 2;
	}
}
.detailEpArea .textarea {
	position: relative;
	z-index: 2;
	max-width: 654px;
	width: 100%;
	margin-left: 150px;
	padding-top: 50px;
}
@media screen and (max-width: 1000px) {
	.detailEpArea .textarea {
		margin-left: 50px;
	}
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
	.detailEpArea .textarea {
		width: auto;
		margin: 0 30px;
	}
}
@media screen and (max-width: 1000px) and (max-width: 768px) and (max-width: 768px) {
	.detailEpArea .textarea {
		padding-top: 0;
	}
}
.detailEpArea .textarea .text {
	margin: 0;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	line-height: 200%;
	letter-spacing: 0.1em;
	color: #444444;
}
@media screen and (max-width: 768px) {
	.detailEpArea .textarea .text {
		font-size: 16px;
	}
}
.scrollEpArea {
	margin-top: -150px;
}
@media screen and (min-width: 1600px) {
	.scrollEpArea {
		margin-top: -20vh;
	}
}
@media screen and (max-width: 1000px) {
	.scrollEpArea {
		margin-top: 0;
	}
}
.scrollEpArea .innerBlock {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
@media screen and (max-width: 1000px) {
	.scrollEpArea .innerBlock {
		display: block;
		height: 100%;
	}
}
.scrollEpArea .left {
	position: relative;
	width: 50%;
}
@media screen and (max-width: 1000px) {
	.scrollEpArea .left {
		display: none;
	}
}
.scrollEpArea .left .imgList {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}
.scrollEpArea .left .imgList.is-fixed {
	width: 50%;
	position: fixed;
	-webkit-transform: translateZ(0);
}
.scrollEpArea .left .imgList.is-fixed .item.is-last {
	top: 0;
	bottom: auto;
}
@media screen and (min-width: 1000px) and (max-height: 700px) {
	.scrollEpArea .left .imgList {
		width: 115%;
	}
	.scrollEpArea .left .imgList:not(.is-fixed) .item.is-last img {
		top: 20vh;
		height: 150vh;
	}
}
.scrollEpArea .left .item {
	opacity: 0;
	position: absolute;
	top: 0;
	height: 100vh;
	transition: 0.1s ease;
	z-index: 1;
}
@media screen and (min-width: 1000px) and (max-height: 700px) {
	.scrollEpArea .left .item {
		height: 150vh;
	}
}
.scrollEpArea .left .item::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	bottom: 0;
	height: 100%;
	margin: auto;
	background: url(../images/episode/img_wave_section_right.jpg) no-repeat;
	background-size: cover;
}
@media screen and (min-width: 1000px) and (max-height: 700px) {
	.scrollEpArea .left .item::before {
		height: 150%;
	}
}
.scrollEpArea .left .item.is-current {
	opacity: 1;
	z-index: 2;
	transition: 0s;
}
.scrollEpArea .left .item.is-last {
	top: auto;
	bottom: 0;
}
.scrollEpArea .left img {
	width: 100%;
	height: 100vh;
	-o-object-fit: cover;
	object-fit: cover;
}
@media screen and (min-width: 1000px) and (max-height: 700px) {
	.scrollEpArea .left img {
		position: relative;
		height: 130vh;
		z-index: -1;
	}
}
.scrollEpArea .right {
	position: relative;
	top: 0;
	right: 0;
	width: 50%;
	z-index: 1;
}
@media screen and (max-width: 1200px) {
	.scrollEpArea .right {
		margin: 0 35px 0 40px;
	}
}
@media screen and (max-width: 1200px) and (max-width: 1000px) {
	.scrollEpArea .right {
		position: relative;
		max-width: none;
		width: auto;
		height: 100%;
		margin: 0;
		overflow: unset;
	}
}
@media screen and (max-width: 1200px) and (max-width: 1000px) and (max-width: 768px) {
	.scrollEpArea .right {
		margin-top: 30px;
	}
}
.scrollEpArea .right .item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 620px;
	height: 100vh;
	margin: auto;
}
@media screen and (min-width: 1000px) and (max-height: 700px) {
	.scrollEpArea .right .item {
		padding: 0 30px;
		height: 200vh;
		z-index: 2;
	}
}
@media screen and (max-width: 1000px) {
	.scrollEpArea .right .item {
		max-width: none;
		height: auto;
	}
	.scrollEpArea .right .item + .item {
		margin-top: 100px;
	}
}
.scrollEpArea .upper .item.sp-img {
	display: none;
}
.scrollEpArea .upper .item.sp-img img {
	width: 100%;
}
@media screen and (max-width: 1000px) {
	.scrollEpArea .upper .item.sp-img {
		display: block;
		margin-top: 30px;
	}
}
.scrollEpArea .upper .sub img {
	max-width: 136px;
}
.scrollEpArea .upper .head {
	display: flex;
	align-items: flex-end;
}
@media screen and (max-width: 1000px) {
	.scrollEpArea .upper .head {
		margin: 0 30px;
	}
}
.scrollEpArea .upper .caption {
	display: block;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 20px;
	line-height: 190%;
	letter-spacing: 0.1em;
	color: #badeff;
}
@media screen and (max-width: 768px) {
	.scrollEpArea .upper .caption {
		font-size: 16px;
	}
}
.scrollEpArea .upper .num {
	display: block;
	margin-left: 10px;
	font-family: open-sans, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 80px;
	text-align: center;
	text-transform: uppercase;
	color: #badeff;
}
@media screen and (max-width: 768px) {
	.scrollEpArea .upper .num {
		font-size: 60px;
	}
}
.scrollEpArea .upper h3 {
	margin: 8px 0 0 0;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 31px;
	line-height: 170%;
	letter-spacing: 0.02em;
	color: #444444;
}
@media screen and (max-width: 1000px) {
	.scrollEpArea .upper h3 {
		margin: 10px 30px 0;
	}
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
	.scrollEpArea .upper h3 {
		font-size: 17px;
		word-break: keep-all;
	}
}
.scrollEpArea .center {
	margin-top: 30px;
}
@media screen and (max-width: 1000px) {
	.scrollEpArea .center {
		margin: 23px 30px 0;
	}
}
.scrollEpArea .center .text {
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	line-height: 200%;
	color: #444444;
}
@media screen and (max-width: 768px) {
	.scrollEpArea .center .text {
		font-size: 16px;
	}
}
.scrollEpArea .lower {
	display: flex;
	align-items: center;
	margin-top: 40px;
}
@media screen and (max-width: 1000px) {
	.scrollEpArea .lower {
		margin: 20px 30px 0;
	}
}
.scrollEpArea .lower .icon .sub + img {
	margin-top: 10px;
}
.scrollEpArea .lower .icon .sub img {
	display: block;
	max-width: 94px;
	width: 100%;
	margin: auto;
}
.scrollEpArea .lower .icon img {
	display: block;
	max-width: 120px;
	width: 100%;
}
.scrollEpArea .lower .balloon {
	position: relative;
	width: 100%;
	margin-left: 35px;
}
.scrollEpArea .lower .balloon::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -16px;
	width: 18px;
	height: 20px;
	margin: auto;
	background: url(../images/episode/img_balloon_item.svg) no-repeat;
	background-size: contain;
}
.scrollEpArea .lower .balloon .text {
	position: relative;
	margin: 0;
	padding: 30px 40px;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 180%;
	color: #444444;
	border-radius: 20px;
	background: #ffe4e4;
	z-index: 1;
}
@media screen and (max-width: 768px) {
	.scrollEpArea .lower .balloon .text {
		padding: 20px;
	}
}
.waveEpArea {
	position: relative;
	margin-top: -150px;
	z-index: 1;
}
@media screen and (min-width: 1600px) {
	.waveEpArea {
		margin-top: -20vh;
	}
}
@media screen and (max-width: 1200px) {
	.waveEpArea {
		margin-top: -100px;
	}
}
@media screen and (max-width: 1200px) and (max-width: 1000px) {
	.waveEpArea {
		margin-top: 130px;
	}
}
.waveEpArea .top,
.waveEpArea .bottom {
	position: relative;
}
.waveEpArea .top img,
.waveEpArea .bottom img {
	width: 100%;
}
.waveEpArea .top {
	bottom: -5px;
}
.waveEpArea .bottom {
	z-index: 2;
}
.waveEpArea .innerBlock {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 10px 0;
	background: url(../images/episode/img_wave_section_center.jpg);
	background-size: cover;
}
@media screen and (max-width: 1200px) {
	.waveEpArea .innerBlock {
		width: auto;
		padding: 10px 30px;
	}
}
@media screen and (max-width: 1200px) and (max-width: 768px) {
	.waveEpArea .innerBlock {
		display: block;
	}
}
.waveEpArea .left {
	max-width: 648px;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.waveEpArea .left {
		max-width: none;
	}
}
.waveEpArea .left .caption {
	margin: 0;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0.2em;
	color: #609cd3;
}
@media screen and (max-width: 768px) {
	.waveEpArea .left .caption {
		font-size: 15px;
	}
}
.waveEpArea .left h3 {
	margin: 25px 0 0;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 22px;
	line-height: 170%;
	letter-spacing: 0.05em;
	color: #444444;
}
@media screen and (max-width: 768px) {
	.waveEpArea .left h3 .pc-break {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.waveEpArea .left h3 {
		font-size: 17px;
	}
}
.waveEpArea .left .text {
	margin: 10px 0 0 0;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 200%;
	color: #444444;
}
.waveEpArea .right {
	margin-left: 45px;
}
@media screen and (max-width: 1200px) {
	.waveEpArea .right {
		width: 100%;
	}
}
@media screen and (max-width: 1200px) and (max-width: 768px) {
	.waveEpArea .right {
		margin: 33px 0 0 0;
	}
}
.waveEpArea .right img {
	display: block;
	max-width: 360px;
	width: 100%;
}
@media screen and (max-width: 1200px) {
	.waveEpArea .right img {
		margin: auto;
	}
}
@media screen and (max-width: 1200px) and (max-width: 600px) {
	.waveEpArea .right img {
		max-width: none;
	}
}
.waveEpBannerArea {
	max-width: 1140px;
	width: 100%;
	margin: 180px auto 0;
}
@media screen and (max-width: 1200px) {
	.waveEpBannerArea {
		max-width: none;
		width: auto;
		margin: 180px 30px 0;
	}
}
@media screen and (max-width: 1200px) and (max-width: 1000px) {
	.waveEpBannerArea {
		margin: 100px 30px 0;
	}
}
.waveEpBannerArea .innerBlock {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.waveEpBannerArea .item {
	position: relative;
	max-width: 560px;
	width: calc(100% - 20px);
}
@media screen and (max-width: 1200px) {
	.waveEpBannerArea .item {
		width: calc(50% - 10px);
		height: 150px;
	}
}
@media screen and (max-width: 1200px) and (max-width: 650px) {
	.waveEpBannerArea .item {
		width: 100%;
	}
}
.waveEpBannerArea .item:nth-child(even) {
	margin-left: 20px;
}
@media screen and (max-width: 650px) {
	.waveEpBannerArea .item:nth-child(even) {
		margin-left: 0;
	}
}
@media screen and (max-width: 650px) {
	.waveEpBannerArea .item:nth-child(2) {
		margin-top: 10px;
	}
}
.waveEpBannerArea .item:nth-child(3),
.waveEpBannerArea .item:nth-child(4) {
	margin-top: 20px;
}
@media screen and (max-width: 650px) {
	.waveEpBannerArea .item:nth-child(3),
	.waveEpBannerArea .item:nth-child(4) {
		margin-top: 10px;
	}
}
.waveEpBannerArea .item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 4px;
}
.waveEpBannerArea .item a {
	display: block;
	height: 100%;
	overflow: hidden;
	border-radius: 4px;
}
.waveEpBannerArea .item a img {
	transition: 0.3s;
}
@media screen and (min-width: 1100px) {
	.waveEpBannerArea .item a:hover img {
		transform: scale(1.1);
	}
}
.waveEpBannerArea .detail {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	margin: auto;
}
.waveEpBannerArea .detail .sub {
	display: block;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	letter-spacing: 0.2em;
	color: #ffffff;
}
@media screen and (max-width: 1000px) {
	.waveEpBannerArea .detail .sub {
		font-size: 14px;
	}
}
.waveEpBannerArea .detail .title {
	display: block;
	margin-top: 17px;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 20px;
	line-height: 150%;
	text-align: center;
	letter-spacing: 0.1em;
	color: #ffffff;
}
@media screen and (max-width: 1000px) {
	.waveEpBannerArea .detail .title {
		font-size: 16px;
	}
}