@charset "utf-8";

/***
* common
**************************************/
body::-webkit-scrollbar{
	display:none;
}

body {
	margin: 0;
	/*スクロールバー非表示（Firefox）*/
	scrollbar-width: none;
	/*スクロールバー非表示（IE・Edge）*/
	-ms-overflow-style: none;
}
/*スクロールバー非表示（Chrome・Safari）*/
html::-webkit-scrollbar{
	display: none;
	-webkit-appearance: none;
}

/* 簡易リセットCSS */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

img {
	width: 100%;
}

li {
	list-style-type: none;
}

/* android tap-highlight-color disable*/
a, .swiper-button-prev, .swiper-button-next, .modaal-inner-wrapper{
	-webkit-tap-highlight-color:rgba(0,0,0,0) !important;
	cursor:pointer ;
}


.is-sp {
	display: block;
}
.is-pc {
	display: none;
}

@media only screen and (min-width: 769px) {
	.is-sp {
		display: none;
	}
	.is-pc {
		display: block;
	}
}

/***
* header
**************************************/
header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	height: 60px;
}
header img {
	filter: brightness(0) invert(0);
}
header .logo_pc {
	display: none;
	width: 100px;
}
header .logo_sp {
	display: block;
	width: 120px;
	margin-left: 20px;
	margin-top: 10px;
}
.headerLogoArea {
	display: inline-block;
	vertical-align: bottom;
}

@media only screen and (min-width: 769px) {
	header {
		height: 120px;
	}
	.headerLogoArea {
		margin-left: 50px;
		margin-top: 20px;
	}
	header .logo_pc {
		display: block;
	}
	header .logo_sp {
		display: none;
	}
	.is-sp {
		display: none;
	}
	.is-pc {
		display: block;
	}
}

/***
* footer
**************************************/
#gn_footer .gn_element .grid-row.bleed {
	max-width: none !important;
}
#gn_footer .gn_element .grid-row.bleed {
	max-width: none !important;
}
#gn_footer {
	position: relative;
	z-index: 999;
}

/***
* main 
**************************************/
main {
	position: relative;
	overflow: hidden;
}

/***
* lenis js setup style
**************************************/
html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

/***
* section color 
**************************************/
.section_color {
	background-color: #ff7a00;
	transition-duration: 0.5s;
	transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
}

.section_color.orange {
	background-color: #ff7a00;
}
.section_color.red {
	background-color: #ff0000;
}
.section_color.pink {
	background-color: #ffb9d9;
}
.section_color.blue {
	background-color: #5fa0c1;
}
.section_color.pearl {
	background-color: #e6c9bf;
}

/***
* section contents
**************************************/
section {
	max-width: 1600px;
	margin-inline: auto;
}

.title_block {
	width: 65.333vw;
	padding-top: 17.333vw;
	margin-inline: auto;
}

.title_txt {
	height: 32.64vw;
}

.sec_title {
	width: 46.667vw;
	margin-inline: auto;
	line-height: 0;
}
.sec_title_txt {
	padding-left: 0.2em;
	margin-top: 6.4vw;
	font-size: 2.4vw;
	letter-spacing: 0.4em;
	line-height: 2.2;
	text-align: justify;
	text-align-last: justify;
	font-family: ShinGoPro-Regular,sans-serif !important;
	font-weight: normal;
}
.img_item01 {
	margin-top: 13.6vw;
}
.img_item01 .img_wrap {
	width: 34.667vw;
	margin-inline: auto;
	line-height: 0;
	position: relative;
}
.img_item01 .img_outer {
	position: absolute;
	width: 100%;
	z-index: 1;
}
.img_item01 .img_inner {
	position: relative;
	z-index: 2;
}
.img_item01 .img_caption_01 {
	position: absolute;
	top: 9.867vw;
	left: 42.667vw;
}
.img_item01 .img_caption_01 p{
	font-size: 2.933vw;
	line-height: 2;
	display: inline-block;
	writing-mode: vertical-rl;
	text-align: justify;
	text-align-last: justify;
	white-space: nowrap;
	position: relative;
}
.img_item01 .vl_t_01 {
	display: inline-block;
	height: 35.2vw;
	position: relative;
}
.img_item01 .vl_t_02 {
	display: inline-block;
	height: 40.3vw;
	position: relative;
}
.vertical_period {
	display: inline-block;
	rotate: 180deg;
	position: static;
}
.vertical_intxt_period {
	rotate: 180deg;
	display: inline-block;
}
.vertical_en {
	text-orientation: sideways;
}

@-moz-document url-prefix() {
	.vertical_en {
		text-orientation: inherit;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	.title_img_wrap {
		display: flex;
		justify-content: center;
	}
	.title_txt {
		height: auto;
	}
	.title_block {
		padding-top: 12.5vw;
		width: 27.563vw;
		margin-left: 0;
		margin-right: 12.25vw;
	}
	.sec_title {
		width: 21.875vw;
	}
	.sec_title_txt {
		font-size: 1vw;
		margin-top: 3vw;
	}
	.img_item01 {
		margin-top: 7.563vw;
	}
	.img_item01 .img_wrap {
		width: 22.5vw;
		margin: 0;
	}
	.img_item01 .img_caption_01 {
		left: 26.25vw;
		top: 9.375vw;
	}
	.img_item01 .img_caption_01 p {
		font-size: 1.25vw;
	}
	.img_item01 .vl_t_01 {
		height: 13.625vw;
	}
	.img_item01 .vl_t_02 {
		height: 15.75vw;
	}
}

@media only screen and (min-width: 1600px) {
	.title_img_wrap {
		display: flex;
		justify-content: center;
	}
	.title_block {
		padding-top: 200px;
		width: 441px;
		margin-left: 0;
		margin-right: 196px;
	}
	.title_txt {
		height: auto;
	}
	.sec_title {
		width: 350px;
	}
	.sec_title_txt {
		font-size: 16px;
		margin-top: 48px;
	}
	.img_item01 {
		margin-top: 121px;
	}
	.img_item01 .img_wrap {
		width: 360px;
		margin: 0;
	}
	.img_item01 .img_caption_01 {
		left: 420px;
		top: 150px;
	}
	.img_item01 .img_caption_01 p {
		font-size: 20px;
	}
	.img_item01 .vl_t_01 {
		height: 218px;
	}
	.img_item01 .vl_t_02 {
		height: 252px;
	}
}


.img_item02 {
	margin-top: 13.333vw;
	width: 86.667vw;
	height: 73.333vw;
	margin-inline: auto;
	position: relative;
	margin-bottom: 20vw;
}
.img_item02 .outer{
	width: 100%;
	height: 100%;
	background-color: #fff;
	border: solid 0.267vw #000;
}
.img_item02 .inner_img {
	width: 82.667vw;
	border-radius: 1.333vw;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	height: 54.667vw;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 3;
}
.img_item02 .side_txt {
	position: absolute;
	left: 84.267vw;
	height: 12vw;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.img_item02 .side_txt p {
	font-size: 0.933vw;
	line-height: 2.5;
	display: inline-block;
	writing-mode: vertical-rl;
	text-align: justify;
	text-align-last: justify;
	white-space: nowrap;
	position: relative;
}
.img_item02 .side_txt .vl_t_01{
	display: inline-block;
	height: 9.333vw;
	letter-spacing: 0.4em;
}
.img_caption_02 {
	display: block;
	width: 86.667vw;
	margin-inline: auto;
	text-align: right;
	line-height: 1;
	margin-top: 2.667vw;
	font-size: 1.867vw;
	letter-spacing: 0.22em;
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	.img_item02 {
		margin-top: 12.5vw;
		width: 40.625vw;
		height: 34.375vw;
		margin-left: 7.5vw;
		margin-bottom: 2.25vw;
	}
	.img_item02 .outer{
		width: 100%;
		height: 100%;
		background-color: #fff;
		border: solid 0.125vw #000;
	}
	.img_item02 .inner_img {
		width: 38.75vw;
		height: 25.625vw;
		border-radius: 0.625vw;
	}
	.img_item02 .side_txt {
		left: 39.5vw;
		height: 5.625vw;
	}
	.img_item02 .side_txt p {
		font-size: 0.438vw;
	}
	.img_item02 .side_txt .vl_t_01 {
		height: 4.375vw;
	}
	.img_caption_02 {
		width: 40.625vw;
		margin-top: 1.25vw;
		font-size: 0.75vw;
	}
}

@media only screen and (min-width: 1600px) {
	.img_item02 {
		margin-top: 200px;
		width: 650px;
		height: 550px;
		margin-left: 120px;
		margin-bottom: 36px;
	}
	.img_item02 .outer{
		width: 100%;
		height: 100%;
		background-color: #fff;
		border: solid 2px #000;
	}
	.img_item02 .inner_img {
		width: 620px;
		height: 410px;
		border-radius: 10px;
	}
	.img_item02 .side_txt {
		left: 632px;
		height: 90px;
	}
	.img_item02 .side_txt p {
		font-size: 7px;
	}
	.img_item02 .side_txt .vl_t_01 {
		height: 70px;
	}
	.img_caption_02 {
		width: 650px;
		margin-top: 20px;
		font-size: 12px;
	}
}


.img_item03 {
	margin-top: 16.933vw;
	margin-inline: auto;
	margin-left: 13.333vw;
	width: 56.667vw;
	height: 56.667vw;
	background-color: #fff;
	border: solid 0.267vw #000;
	display: flex;
	justify-content: center;
	align-items: center;
}
.img_item03 .inner_img{
	width: 52.667vw;
	overflow: hidden;
	line-height: 0;
	border-radius: 1.333vw;
}
.img_caption_03 {
	display: block;
	width: 56.667vw;
	margin-inline: auto;
	margin-left: 13.333vw;
	padding-left: 4vw;
	text-align: left;
	margin-top: 5.333vw;
	font-size: 2.667vw;
	line-height: 2;
	letter-spacing: 0.3em;
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	.img_item03 {
		width: 26.563vw;
		height: 26.563vw;
		margin-left: auto;
		margin-right: 15.937vw;
		margin-top: -28.562vw;
		border: solid 0.125vw #000;
	}
	.img_item03 .inner_img {
		width: 24.688vw;
		border-radius: 0.625vw;
	}
	.img_caption_03 {
		width: 26.563vw;
		margin-left: auto;
		margin-right: 15.937vw;
		padding-left: 1.625vw;
		font-size: 1.125vw;
		margin-top: 2.5vw;
	}
}

@media only screen and (min-width: 1600px) {
	.img_item03 {
		width: 425px;
		height: 425px;
		margin-left: auto;
		margin-right: 255px;
		margin-top: -457px;
		border: solid 2px #000;
	}
	.img_item03 .inner_img {
		width: 395px;
		border-radius: 10px;
	}
	.img_caption_03 {
		width: 425px;
		margin-left: auto;
		margin-right: 255px;
		padding-left: 26px;
		font-size: 18px;
		margin-top: 40px;
	}
}


.img_outer_item04 {
	width: 28vw;
	position: relative;
	margin-left: auto;
	margin-right: 8.667vw;
}
.img_item04 {
	width: 28vw;
	height: 28vw;
	border: solid 0.267vw #000;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
}
.img_outer_item04 .inner_img {
	width: 24vw;
	height: 24vw;
}
.img_caption_04 {
	width: 33.333vw;
	height: 33.333vw;
	position: absolute;
	top: -2.667vw;
	left: -2.667vw;
	margin: auto;
	z-index: 1;
	font-size: 6px; /*px固定*/
	letter-spacing: 0.2em;
	rotate: 70deg;
}
.img_caption_04 svg{
	overflow: visible;
}
.img_caption_04 svg path{
	fill: none;
}
.img_caption_04 svg text{
	fill: #000;
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	.img_outer_item04 {
		width: 13.125vw;
		margin-right: 8.75vw;
	}
	.img_item04 {
		width: 13.125vw;
		height: 13.125vw;
		border: solid 0.125vw #000;
	}
	.img_outer_item04 .inner_img {
		width: 11.25vw;
		height: 11.25vw;
	}
	.img_caption_04 {
		width: 15.625vw;
		height: 15.625vw;
		top: -1.25vw;
		left: -1.25vw;
	}
}

@media only screen and (min-width: 1600px) {
	.img_outer_item04 {
		width: 210px;
		margin-right: 140px;
	}
	.img_item04 {
		width: 210px;
		height: 210px;
		border: solid 2px #000;
	}
	.img_outer_item04 .inner_img {
		width: 180px;
		height: 180px;
	}
	.img_caption_04 {
		width: 250px;
		height: 250px;
		top: -20px;
		left: -20px;
	}
}


.img_item05 {
	margin-top: 10.667vw;
	margin-inline: auto;
	width: 49.333vw;
	height: 49.333vw;
	background-color: #fff;
	border: solid 0.267vw #000;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.img_item05 .inner_img {
	width: 45.333vw;
	overflow: hidden;
	line-height: 0;
	border-radius: 1.333vw;
}
.img_caption_05 {
	position: absolute;
	top: 11.467vw;
	left: 53.333vw;
}
.img_caption_05 p{
	font-size: 2.667vw;
	line-height: 2;
	display: inline-block;
	writing-mode: vertical-rl;
	text-align: justify;
	text-align-last: justify;
	white-space: nowrap;
	position: relative;
}
.img_caption_05 p .vl_t_01{
	height: 26.667vw;
	display: inline-block;
	position: relative;
}
.img_caption_05 p .vl_t_02{
	height: 31.4vw;
	display: inline-block;
	position: relative;
}


@media only screen and (min-width: 769px) and (max-width: 1599px){
	.img_item05 {
		margin-left: 13.125vw;
		margin-top: -9.25vw;
		width: 23.125vw;
		height: 23.125vw;
		border: solid 0.125vw #000;
	}
	.img_item05 .inner_img {
		width: 21.25vw;
		border-radius: 0.625vw;
	}
	.img_caption_05 {
		top: 5.375vw;
		left: 25vw;
	}
	.img_caption_05 p{
		font-size: 1.125vw;
	}
	.img_caption_05 p .vl_t_01{
		height: 10.625vw;
	}
	.img_caption_05 p .vl_t_02{
		height: 12.5vw;
	}
}

@media only screen and (min-width: 1600px) {
	.img_item05 {
		margin-left: 210px;
		margin-top: -148px;
		width: 370px;
		height: 370px;
		border: solid 2px #000;
	}
	.img_item05 .inner_img {
		width: 340px;
		border-radius: 10px;
	}
	.img_caption_05 {
		top: 86px;
		left: 400px;
	}
	.img_caption_05 p{
		font-size: 18px;
	}
	.img_caption_05 p .vl_t_01{
		height: 170px;
	}
	.img_caption_05 p .vl_t_02{
		height: 200px;
	}
}


.img_item06 {
	margin-inline: auto;
	margin-top: 10.667vw;
	margin-left: 6.667vw;
	width: 49.333vw;
	height: 49.333vw;
	background-color: #fff;
	border: solid 0.267vw #000;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.img_item06 .inner_img {
	width: 45.333vw;
	overflow: hidden;
	line-height: 0;
	border-radius: 1.333vw;
}
.img_caption_06 {
	position: absolute;
	top: 17.6vw;
	left: 53.867vw;
	width: 35.067vw;
	white-space: nowrap;
}
.img_caption_06 p {
	font-size: 2.667vw;
	letter-spacing: 0.36em;
}


@media only screen and (min-width: 769px) and (max-width: 1599px){
	.img_item06 {
		margin-left: auto;
		margin-right: 25.625vw;
		margin-top: -9vw;
		width: 23.125vw;
		height: 23.125vw;
		border: solid 0.125vw #000;
	}
	.img_item06 .inner_img {
		width: 21.25vw;
		border-radius: 0.625vw;
	}
	.img_caption_06 {
		top: 7.938vw;
		width: 13.563vw;
		left: 25.25vw;
	}
	.img_caption_06 p {
		font-size: 1.125vw;
		letter-spacing: 0.3em;
	}
}

@media only screen and (min-width: 1600px) {
	.img_item06 {
		margin-left: auto;
		margin-right: 410px;
		margin-top: -144px;
		width: 370px;
		height: 370px;
		border: solid 2px #000;
	}
	.img_item06 .inner_img {
		width: 340px;
		border-radius: 10px;
	}
	.img_caption_06 {
		top: 127px;
		width: 217px;
		left: 404px;
	}
	.img_caption_06 p {
		font-size: 18px;
		letter-spacing: 0.3em;
	}
}


.img_item07 {
	margin-inline: auto;
	margin-top: 24vw;
	margin-left: 8vw;
	width: 38.667vw;
	height: 38.667vw;
	background-color: #fff;
	border: solid 0.267vw #000;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.img_item07 .inner_img {
	width: 34.667vw;
	overflow: hidden;
	line-height: 0;
	border-radius: 1.333vw;
}
.img_caption_07 {
	display: block;
	width: 38.667vw;
	margin-inline: auto;
	margin-left: 8vw;
	padding-left: 4vw;
	text-align: left;
	margin-top: 4.533vw;
	font-size: 2.667vw;
	line-height: 2;
	letter-spacing: 0.3em;
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	.img_item07 {
		margin-top: -3.875vw;
		margin-left: 27.25vw;
		width: 18.125vw;
		height: 18.125vw;
		border: solid 0.125vw #000;
	}
	.img_item07 .inner_img {
		width: 16.25vw;
		border-radius: 0.625vw;
	}
	.img_caption_07 {
		width: 18.125vw;
		margin-left: 27.25vw;
		padding-left: 1.875vw;
		margin-top: 2.125vw;
		font-size: 1.125vw;
	}
}

@media only screen and (min-width: 1600px) {
	.img_item07 {
		margin-top: -62px;
		margin-left: 436px;
		width: 290px;
		height: 290px;
		border: solid 2px #000;
	}
	.img_item07 .inner_img {
		width: 260px;
		border-radius: 10px;
	}
	.img_caption_07 {
		width: 290px;
		margin-left: 436px;
		padding-left: 30px;
		margin-top: 34px;
		font-size: 18px;
	}
}


.img_item08 {
	margin-inline: auto;
	margin-top: -64.8vw;
	margin-left: auto;
	margin-right: 8vw;
	width: 38.667vw;
	height: 38.667vw;
	background-color: #fff;
	border: solid 0.267vw #000;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.img_item08 .inner_img {
	width: 34.667vw;
	overflow: hidden;
	line-height: 0;
	border-radius: 1.333vw;
}
.img_caption_08 {
	display: block;
	width: 38.667vw;
	margin-inline: auto;
	margin-left: auto;
	margin-right: 8vw;
	padding-left: 4vw;
	text-align: left;
	margin-top: 5.067vw;
	font-size: 2.667vw;
	line-height: 2;
	letter-spacing: 0.3em;
	padding-bottom: 29.333vw;
	white-space: nowrap;
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	.img_item08 {
		margin-top: -10vw;
		margin-right: 28.188vw;
		width: 18.125vw;
		height: 18.125vw;
		border: solid 0.125vw #000;
	}
	.img_item08 .inner_img {
		width: 16.25vw;
		border-radius: 0.625vw;
	}
	.img_caption_08 {
		width: 18.125vw;
		margin-right: 28.188vw;
		padding-left: 1.875vw;
		margin-top: 2.125vw;
		font-size: 1.125vw;
		padding-bottom: 12.5vw;
	}
}
@media only screen and (min-width: 1600px) {
	.img_item08 {
		margin-top: -160px;
		margin-right: 451px;
		width: 290px;
		height: 290px;
		border: solid 2px #000;
	}
	.img_item08 .inner_img {
		width: 260px;
		border-radius: 10px;
	}
	.img_caption_08 {
		width: 290px;
		margin-right: 451px;
		padding-left: 30px;
		margin-top: 34px;
		font-size: 18px;
		padding-bottom: 200px;
	}
}


/*
section別スタイル
*/
#sec_red .img_item01 .vl_t_01 {
	height: 31.6vw;
}
#sec_red .img_item01 .vl_t_02 {
	height: 40.83vw;
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	#sec_red .img_item01 .vl_t_01 {
		height: 13.75vw;
	}
	#sec_red .img_item01 .vl_t_02 {
		height: 17.813vw;
	}
}

@media only screen and (min-width: 1600px) {
	#sec_red .img_item01 .vl_t_01 {
		height: 220px;
	}
	#sec_red .img_item01 .vl_t_02 {
		height: 285px;
	}
}


#sec_red .img_caption_05 {
	top: 6.933vw;
}
#sec_red .img_caption_05 p .vl_t_01 {
	height: 15.07vw;
}
#sec_red .img_caption_05 p .vl_t_02 {
	height: 35.7vw;
}


@media only screen and (min-width: 769px) and (max-width: 1599px){
	#sec_red .img_caption_05 {
		top: 3.25vw;
	}
	#sec_red .img_caption_05 p .vl_t_01 {
		height: 6.438vw;
	}
	#sec_red .img_caption_05 p .vl_t_02 {
		height: 15.25vw;
	}
}

@media only screen and (min-width: 1600px) {
	#sec_red .img_caption_05 {
		top: 52px;
	}
	#sec_red .img_caption_05 p .vl_t_01 {
		height: 103px;
	}
	#sec_red .img_caption_05 p .vl_t_02 {
		height: 244px;
	}
}


#sec_red .img_item07 .inner_img {
	width: 22.667vw;
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	#sec_red .img_item07 .inner_img {
		width: 10.875vw;
	}
}

@media only screen and (min-width: 1600px) {
	#sec_red .img_item07 .inner_img {
		width: 174px;
	}
}


#sec_pink .img_item01 .vl_t_01 {
	height: 31.733vw;
}
#sec_pink .img_item01 .vl_t_02 {
	height: 12vw;
}
#sec_pink .img_item01 .vl_t_03 {
	height: 16vw;
	margin-top: 0vw;
	display: inline-block;
	position: relative;
}
#sec_pink .img_item01 .vl_t_03 .vertical_period{
	position: static;
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	#sec_pink .img_item01 .vl_t_01 {
		height: 14.563vw;
	}
	#sec_pink .img_item01 .vl_t_02 {
		height: 5.1vw;
	}
	#sec_pink .img_item01 .vl_t_03 {
		height: 6.6vw;
		margin-top: -0.2em;
	}
	#sec_pink .img_item01 .vl_t_03 .vertical_period{
		position: static;
	}
}

@media only screen and (min-width: 1600px) {
	#sec_pink .img_item01 .vl_t_01 {
		height: 233px;
	}
	#sec_pink .img_item01 .vl_t_02 {
		height: 80px;
	}
	#sec_pink .img_item01 .vl_t_03 {
		height: 88px;
		margin-top: 0em;
	}
}


#sec_pink .img_caption_05 {
	top: 6vw;
}
#sec_pink .img_caption_05 p .vl_t_01 {
	height: 16.8vw;
}
#sec_pink .img_caption_05 p .vl_t_02 {
	height: 37.467vw;
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	#sec_pink .img_caption_05 {
		top: 2.813vw;
	}
	#sec_pink .img_caption_05 p .vl_t_01 {
		height: 7.875vw;
	}
	#sec_pink .img_caption_05 p .vl_t_02 {
		height: 17.563vw;
	}
}

@media only screen and (min-width: 1600px) {
	#sec_pink .img_caption_05 {
		top: 45px;
	}
	#sec_pink .img_caption_05 p .vl_t_01 {
		height: 126px;
	}
	#sec_pink .img_caption_05 p .vl_t_02 {
		height: 281px;
	}
}


#sec_blue .img_item01 .vl_t_01 {
	height: 27.467vw;
}
#sec_blue .img_item01 .vl_t_02 {
	height: 18.4vw;
}
#sec_blue .img_item01 .vl_t_03 {
	height: 37vw;
	display: inline-block;
	position: relative;
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	#sec_blue .img_item01 .vl_t_01 {
		height: 12.875vw;
	}
	#sec_blue .img_item01 .vl_t_02 {
		height: 8.625vw;
	}
	#sec_blue .img_item01 .vl_t_03 {
		height: 15vw;
		display: inline-block;
		position: relative;
	}
}

@media only screen and (min-width: 1600px) {
	#sec_blue .img_item01 .vl_t_01 {
		height: 206px;
	}
	#sec_blue .img_item01 .vl_t_02 {
		height: 138px;
	}
	#sec_blue .img_item01 .vl_t_03 {
		height: 240px;
		display: inline-block;
		position: relative;
	}
}


#sec_blue .img_caption_05 .vl_t_01 {
	height: 26.87vw;
}
#sec_blue .img_caption_05 .vl_t_02 {
	height: 23.2vw;
}
#sec_blue .img_caption_05 .vl_t_03 {
	height: 28.067vw;
	display: inline-block;
	position: relative;
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	#sec_blue .img_caption_05 .vl_t_01 {
		height: 11.75vw;
	}
	#sec_blue .img_caption_05 .vl_t_02 {
		height: 9.75vw;
	}
	#sec_blue .img_caption_05 .vl_t_03 {
		height: 11.75vw;
		display: inline-block;
		position: relative;
	}
}

@media only screen and (min-width: 1600px) {
	#sec_blue .img_caption_05 .vl_t_01 {
		height: 188px;
	}
	#sec_blue .img_caption_05 .vl_t_02 {
		height: 156px;
	}
	#sec_blue .img_caption_05 .vl_t_03 {
		height: 188px;
		display: inline-block;
		position: relative;
	}
}


#sec_pearl .img_item01 .vl_t_01 {
	height: 31.733vw;
}
#sec_pearl .img_item01 .vl_t_02 {
	height: 41vw;
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	#sec_pearl .img_item01 .vl_t_01 {
		height: 14.938vw;
	}
	#sec_pearl .img_item01 .vl_t_02 {
		height: 19.063vw;
	}
}

@media only screen and (min-width: 1600px) {
	#sec_pearl .img_item01 .vl_t_01 {
		height: 239px;
	}
	#sec_pearl .img_item01 .vl_t_02 {
		height: 305px;
	}
}


#sec_pearl .img_caption_05 {
	top: 6.667vw;
}
#sec_pearl .img_caption_05 p .vl_t_01 {
	height: 12.267vw;
}
#sec_pearl .img_caption_05 p .vl_t_02 {
	height: 32.8vw;
}
#sec_pearl .img_caption_05 p .vl_t_03 {
	height: 36.8vw;
	display: inline-block;
	position: relative;
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	#sec_pearl .img_caption_05 {
		top: 3.125vw;
	}
	#sec_pearl .img_caption_05 p .vl_t_01 {
		height: 5.75vw;
	}
	#sec_pearl .img_caption_05 p .vl_t_02 {
		height: 15.25vw;
	}
	#sec_pearl .img_caption_05 p .vl_t_03 {
		height: 16.938vw;
		display: inline-block;
		position: relative;
	}
}

@media only screen and (min-width: 1600px) {
	#sec_pearl .img_caption_05 {
		top: 50px;
	}
	#sec_pearl .img_caption_05 p .vl_t_01 {
		height: 92px;
	}
	#sec_pearl .img_caption_05 p .vl_t_02 {
		height: 244px;
	}
	#sec_pearl .img_caption_05 p .vl_t_03 {
		height: 271px;
		display: inline-block;
		position: relative;
	}
}


/***
* section footer contents
**************************************/
#sec_bodycolor {
	background-color: #dddddd;
	padding-bottom: 13.333vw;
}
#sec_bodycolor h2{
	padding-top: 10.667vw;
	font-weight: normal;
	font-size: 3.2vw;
	text-align: center;
	letter-spacing: 0.45em;
}
.decotext {
	font-size: 2em;
	color: transparent;
	-webkit-text-stroke: 0.03em #000;
	position: relative;
	margin: 0;
	letter-spacing: 0.2em;
	display: inline-block;
	padding-left: 0.2em;
	padding-right: 0.05em;
}
.body_color_img {
	width: 86.133vw;
	height: 45.333vw;
	display: flex;
	flex-wrap: wrap;
	gap: 4vw 2.667vw;
	margin-inline: auto;
	margin-top: 5.6vw;
	justify-content: center;
	align-items: center;
}
.body_color_img .img_items{
	width: 17.1%;
	line-height: 0;
}
.color_txt {
	font-size: 2.667vw;
	margin-top: 8vw;
	text-align: center;
	letter-spacing: 0.45em;
}
.body_color_btn {
	width: 80vw;
	height: 13.333vw;
	display: flex;
	text-decoration: none;
	color: #000;
	position: relative;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border: solid 0.267vw #000;
	border-radius: 6.667vw;
	margin-inline: auto;
	margin-top: 9.333vw;
}
.body_color_btn .txt {
	font-size: 3.2vw;
	letter-spacing: 0.3em;
}
.body_color_btn .arrow {
	position: absolute;
	width: 10vw;
	right: 7.333vw;
	line-height: 0;
	padding-bottom: 0.5em;
}

@media only screen and (max-width: 768px) {
	.body_color_img .img_items.sp_m_left {
		margin-left: 10%;
	}
	.body_color_img .img_items.sp_m_right {
		margin-right: 10%;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	#sec_bodycolor {
		padding-bottom: 5vw;
	}
	#sec_bodycolor .outer_contents {
		max-width: 100vw;
		margin-inline: auto;
	}
	#sec_bodycolor h2 {
		padding-top: 4.375vw;
		font-size: 1.5vw;
	}
	.body_color_img {
		width: 56.625vw;
		height: 13.25vw;
		gap: 1.875vw 1.25vw;
		margin-top: 2.5vw;
	}
	.body_color_img .img_items {
		width: 12%;
	}
	.color_txt {
		font-size: 1.25vw;
		margin-top: 3.125vw;
	}
	.body_color_btn {
		width: 26.25vw;
		height: 5vw;
		border-radius: 2.5vw;
		border: solid 0.125vw #000;
		margin-top: 3.75vw;
	}
	.body_color_btn .txt {
		font-size: 1.125vw;
	}
	.body_color_btn .arrow {
		width: 2.875vw;
		right: 2.813vw;
		line-height: 0;
		padding-bottom: 0.5em;
	}

}

@media only screen and (min-width: 1600px) {
	#sec_bodycolor {
		padding-bottom: 80px;
		max-width: none;
	}
	#sec_bodycolor .outer_contents {
		max-width: 1600px;
		margin-inline: auto;
	}
	#sec_bodycolor h2 {
		padding-top: 70px;
		font-size: 24px;
	}
	.body_color_img {
		width: 906px;
		height: 212px;
		gap: 30px 20px;
		margin-top: 40px;
	}
	.body_color_img .img_items {
		width: 12%;
	}
	.color_txt {
		font-size: 20px;
		margin-top: 50px;
	}
	.body_color_btn {
		width: 420px;
		height: 80px;
		border-radius: 40px;
		border: solid 2px #000;
		margin-top: 60px;
	}
	.body_color_btn .txt {
		font-size: 18px;
	}
	.body_color_btn .arrow {
		width: 46px;
		right: 45px;
		line-height: 0;
		padding-bottom: 0.5em;
	}
}


.banner_wrap {
	width: 80vw;
	margin-inline: auto;
	margin-top: 13.333vw;
	margin-bottom: 13.333vw;
	display: flex;
	flex-direction: column;
	gap: 5.333vw 0;
}
.banner_wrap .img_items a{
	width: 80vw;
	height: 25.333vw;
	line-height: 0;
	display: block;
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	.banner_wrap {
		width: 72.875vw;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 1.25vw;
		margin-top: 5vw;
		margin-bottom: 5vw;
		justify-content: center;
		row-gap: 3vw;
	}
	.banner_wrap .img_items a {
		width: 35.625vw;
		height: 11.281vw;
	}
}

@media only screen and (min-width: 1600px) {
	.banner_wrap {
		width: 1166px;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 20px;
		margin-top: 80px;
		margin-bottom: 80px;
		justify-content: center;
		row-gap: 48px;
	}
	.banner_wrap .img_items a {
		width: 570px;
		height: 180.5px;
	}
}

/***
* color_page_anker
**************************************/
/*base color style*/
.js-anchor_orange .img_base {
	background-color: #ff7a00;
}
.js-anchor_red .img_base {
	background-color: #ff0000;
}
.js-anchor_pink .img_base {
	background-color: #ffb9d9;
}
.js-anchor_blue .img_base {
	background-color: #5fa0c1;
}
.js-anchor_pearl .img_base {
	background-color: #e6c9bf;
}

.color_page_anker {
	position: fixed;
	bottom: 0;
	z-index: 10;
	width: 100%;
}
.anker_list {
	display: flex;
	width: 100vw;
	gap: 1.067vw;
	justify-content: center;
	align-items: flex-end;
}
.anker_list_item {
	width: 18.66%;
}
.anker_list_item .img_outer {
	width: 78%;
	margin-inline: auto;
	margin-bottom: -6.667vw;
}
.anker_list_item .img_base {
	width: 100%;
	height: 7.333vw;
	margin-bottom: -0.667vw;
	border-radius: 2vw 2vw 0 0;
	border: solid 0.267vw #000;
	border-bottom: none;
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	.anker_list {
		gap: 0 1.25vw;
		width: 74.375vw;
		margin-inline: auto;
	}
	.anker_list_item {
		width: 18.15%;
	}
	.anker_list_item .img_outer {
		width: 50%;
		margin-bottom: -2.812vw;
	}
	.anker_list_item .img_base {
		width: 100%;
		height: 3.438vw;
		margin-bottom: -0.312vw;
		border-radius: 1.25vw 1.25vw 0 0;
		border: solid 0.125vw #000;
		border-bottom: none;
	}
}

@media only screen and (min-width: 1600px) {
	.anker_list {
		gap: 0 20px;
		width: 1190px;
		margin-inline: auto;
	}
	.anker_list_item {
		width: 18.15%;
	}
	.anker_list_item .img_outer {
		width: 50%;
		margin-bottom: -45px;
	}
	.anker_list_item .img_base {
		width: 100%;
		height: 55px;
		margin-bottom: -5px;
		border-radius: 20px 20px 0 0;
		border: solid 2px #000;
		border-bottom: none;
	}
}

/***
* footer nav link
**************************************/
.footer_nav {
	width: 100%;
	bottom: 0;
	position: fixed;
	z-index: 9;
	background-color: #000;
}
.footer_nav .link_list {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 2.667vw;
	gap: 0 2.133vw;
}
.footer_nav .link_list_item a {
	display: flex;
	width: 29.867vw;
	height: 11.2vw;
	position: relative;
	background-color: #fff;
	text-decoration: none;
	color: #000;
	font-size: 2.4vw;
	line-height: 1.3;
	letter-spacing: 0.15em;
	align-items: center;
	justify-content: flex-start;
	padding: 2.667vw 4vw;
}

.footer_nav .link_list_item a::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 4vw;
	width: 1.2vw;
	height: 1.2vw;
	margin: auto;
	border-top: 0.267vw solid #000;
	border-right: 0.267vw solid #000;
	transform: rotate(45deg);
	box-sizing: border-box;
}


@media only screen and (min-width: 769px) and (max-width: 1599px){
	.footer_nav .link_list {
		padding: 1.375vw;
		gap: 0 1.25vw;
	}
	.footer_nav .link_list_item a {
		width: 23.5vw;
		height: 3.75vw;
		font-size: 1.25vw;
		padding: 1.375vw 1.75vw;
	}
	.footer_nav .link_list_item a::after {
		right: 1.875vw;
		width: 0.625vw;
		height: 0.625vw;
		border-top: 0.125vw solid #000;
		border-right: 0.125vw solid #000;
	}
}

@media only screen and (min-width: 1600px) {
	.footer_nav .link_list {
		padding: 22px;
		gap: 0 20px;
	}
	.footer_nav .link_list_item a {
		width: 376px;
		height: 60px;
		font-size: 20px;
		padding: 22px 28px;
	}
	.footer_nav .link_list_item a::after {
		right: 30px;
		width: 10px;
		height: 10px;
		border-top: 2px solid #000;
		border-right: 2px solid #000;
	}
}

/***
* side nav link
**************************************/
.side_nav {
	position: fixed;
	right: 0;
	bottom: 26.667vw;
	z-index: 8;
}
.side_nav a{
	position: relative;
	display: flex;
	width: 28.267vw;
	height: 6.133vw;
	font-size: 2.133vw;
	line-height: 1;
	color: #000;
	background-color: #fff;
	border: solid 0.267vw #000;
	border-right: none;
	border-radius: 1.333vw 0 0 1.333vw;
	align-items: flex-end;
	justify-content: flex-start;
	padding-left: 1.2em;
	padding-bottom: 0.75em;
	text-decoration: none;
	letter-spacing: 0.15em;
}
.num_strong {
	font-size: 1.25em;
}
.side_nav a::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.867vw;
	width: 1.2vw;
	height: 1.2vw;
	margin: auto;
	border-top: 0.267vw solid #000;
	border-right: 0.267vw solid #000;
	transform: rotate(45deg);
	box-sizing: border-box;
}

@media only screen and (min-width: 769px) and (max-width: 1599px){
	.side_nav {
		bottom: 10vw;
	}
	.side_nav a {
		width: 13.25vw;
		height: 2.875vw;
		font-size: 1vw;
		border: solid 2px #000;
		border-right: none;
		border-radius: 0.625vw 0 0 0.625vw;
	}
	.side_nav a::after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0.875vw;
		width: 0.625vw;
		height: 0.625vw;
		margin: auto;
		border-top: 0.125vw solid #000;
		border-right: 0.125vw solid #000;
		transform: rotate(45deg);
		box-sizing: border-box;
	}
}

@media only screen and (min-width: 1600px) {
	.side_nav {
		bottom: 160px;
	}
	.side_nav a {
		width: 212px;
		height: 46px;
		font-size: 16px;
		border: solid 2px #000;
		border-right: none;
		border-radius: 10px 0 0 10px;
	}
	.side_nav a::after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 14px;
		width: 10px;
		height: 10px;
		margin: auto;
		border-top: 2px solid #000;
		border-right: 2px solid #000;
		transform: rotate(45deg);
		box-sizing: border-box;
	}
}




/*hover*/
@media only screen and (min-width: 769px) {
	.body_color_btn {
		transition: opacity 0.3s ease 0s;
	}
	.body_color_btn:hover {
		opacity: 0.7;
	}

	.banner_wrap .img_items a {
		transition: opacity 0.3s ease 0s;
	}

	.banner_wrap .img_items a:hover {
		opacity: 0.7;
	}

	.footer_nav .link_list_item a {
		transition: opacity 0.3s ease 0s;
	}
	.footer_nav .link_list_item a:hover {
		opacity: 0.7;
	}

	.side_nav a {
		transition: opacity 0.3s ease 0s;
	}
	.side_nav a:hover {
		opacity: 0.7;
	}

}


/*gsap scroll関連style*/

.color_page_anker {
	transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.color_page_anker {
	transform: translateY(110%);
}
.color_page_anker.active {
	transform: translateY(0);
}

.footer_nav {
	transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	transform: translateY(100%);
}
.footer_nav.active {
	transform: translateY(0);
}

.anker_list_item .img_outer {
	transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.anker_list_item .active .img_outer {
	transform: scale(1.2);
}
.anker_list_item .img_base {
	transition: margin 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.anker_list_item .active .img_base {
	margin-bottom: 0;
}

.side_nav {
	transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	transform: translateX(100%);
}
.side_nav.active {
	transform: translateX(0);
}


#sec_orange .img_item01 .img_inner {
	clip-path: inset(0 0 100% 0);
	transition: 1s cubic-bezier(0.33, 1, 0.68, 1);
}
#sec_orange .img_item01.active .img_inner{
	clip-path: inset(0);
}


#sec_orange .img_item01 .img_caption_01 p{
	clip-path: inset(0 0 0 100%);
	transition: 2s cubic-bezier(0.33, 1, 0.68, 1);
	transition-delay: 0.5s;
}
#sec_orange .img_item01.active .img_caption_01 p {
	clip-path: inset(0);
}


#sec_red .img_item01 .img_inner,
#sec_pink .img_item01 .img_inner,
#sec_blue .img_item01 .img_inner,
#sec_pearl .img_item01 .img_inner {
	clip-path: inset(0 0 100% 0);
	transition: 1s cubic-bezier(0.33, 1, 0.68, 1);
}
#sec_red .img_item01.active .img_inner,
#sec_pink .img_item01.active .img_inner,
#sec_blue .img_item01.active .img_inner,
#sec_pearl .img_item01.active .img_inner {
	clip-path: inset(0);
}
#sec_red .img_item01 .img_caption_01 p,
#sec_pink .img_item01 .img_caption_01 p,
#sec_blue .img_item01 .img_caption_01 p,
#sec_pearl .img_item01 .img_caption_01 p {
	clip-path: inset(0 0 0 100%);
	transition: 2s cubic-bezier(0.33, 1, 0.68, 1);
	transition-delay: 0.5s;
}
#sec_red .img_item01.active .img_caption_01 p,
#sec_pink .img_item01.active .img_caption_01 p,
#sec_blue .img_item01.active .img_caption_01 p,
#sec_pearl .img_item01.active .img_caption_01 p {
	clip-path: inset(0);
}



#sec_orange .img_item03 .inner_img,
#sec_red .img_item03 .inner_img,
#sec_pink .img_item03 .inner_img,
#sec_blue .img_item03 .inner_img,
#sec_pearl .img_item03 .inner_img {
	clip-path: inset(0 100% 0 0);
	transition: 0.6s ease 0s;
}
#sec_orange .img_item03.active .inner_img,
#sec_red .img_item03.active .inner_img,
#sec_pink .img_item03.active .inner_img,
#sec_blue .img_item03.active .inner_img,
#sec_pearl .img_item03.active .inner_img {
	clip-path: inset(0);
}
#sec_orange .img_caption_03,
#sec_red .img_caption_03,
#sec_pink .img_caption_03,
#sec_blue .img_caption_03,
#sec_pearl .img_caption_03 {
	clip-path: inset(0 0 100% 0);
	transition: 2s cubic-bezier(0.33, 1, 0.68, 1);
	transition-delay: 0.5s;
}
#sec_orange .img_caption_03.active,
#sec_red .img_caption_03.active,
#sec_pink .img_caption_03.active,
#sec_blue .img_caption_03.active,
#sec_pearl .img_caption_03.active {
	clip-path: inset(0);
}


#sec_orange .img_item05 .inner_img,
#sec_red .img_item05 .inner_img,
#sec_pink .img_item05 .inner_img,
#sec_blue .img_item05 .inner_img,
#sec_pearl .img_item05 .inner_img {
	clip-path: inset(0 0 100% 0);
	transition: 0.6s ease 0s;
}
#sec_orange .img_item05.active .inner_img,
#sec_red .img_item05.active .inner_img,
#sec_pink .img_item05.active .inner_img,
#sec_blue .img_item05.active .inner_img,
#sec_pearl .img_item05.active .inner_img {
	clip-path: inset(0);
}
#sec_orange .img_item05 .img_caption_05 p,
#sec_red .img_item05 .img_caption_05 p,
#sec_pink .img_item05 .img_caption_05 p,
#sec_blue .img_item05 .img_caption_05 p,
#sec_pearl .img_item05 .img_caption_05 p {
	clip-path: inset(0 0 0 100%);
	transition: 2s cubic-bezier(0.33, 1, 0.68, 1);
	transition-delay: 0.5s;
}
#sec_orange .img_item05.active .img_caption_05 p,
#sec_red .img_item05.active .img_caption_05 p,
#sec_pink .img_item05.active .img_caption_05 p,
#sec_blue .img_item05.active .img_caption_05 p,
#sec_pearl .img_item05.active .img_caption_05 p {
	clip-path: inset(0);
}


#sec_orange .img_item06 .inner_img,
#sec_red .img_item06 .inner_img,
#sec_pink .img_item06 .inner_img,
#sec_blue .img_item06 .inner_img,
#sec_pearl .img_item06 .inner_img {
	clip-path: inset(0 100% 0 0);
	transition: 1s ease 0s;
}
#sec_orange .img_item06.active .inner_img,
#sec_red .img_item06.active .inner_img,
#sec_pink .img_item06.active .inner_img,
#sec_blue .img_item06.active .inner_img,
#sec_pearl .img_item06.active .inner_img {
	clip-path: inset(0);
}
#sec_orange .img_item06 .img_caption_06,
#sec_red .img_item06 .img_caption_06,
#sec_pink .img_item06 .img_caption_06,
#sec_blue .img_item06 .img_caption_06,
#sec_pearl .img_item06 .img_caption_06 {
	clip-path: inset(0 0 100% 0);
	transition: 2s cubic-bezier(0.33, 1, 0.68, 1);
	transition-delay: 0.5s;
}
#sec_orange .img_item06.active .img_caption_06,
#sec_red .img_item06.active .img_caption_06,
#sec_pink .img_item06.active .img_caption_06,
#sec_blue .img_item06.active .img_caption_06,
#sec_pearl .img_item06.active .img_caption_06 {
	clip-path: inset(0);
}

#sec_orange .img_item07 .inner_img,
#sec_red .img_item07 .inner_img,
#sec_pink .img_item07 .inner_img,
#sec_blue .img_item07 .inner_img,
#sec_pearl .img_item07 .inner_img {
	clip-path: inset(0 0 100% 0);
	transition: 1s ease 0s;
}
#sec_orange .img_item07.active .inner_img,
#sec_red .img_item07.active .inner_img,
#sec_pink .img_item07.active .inner_img,
#sec_blue .img_item07.active .inner_img,
#sec_pearl .img_item07.active .inner_img {
	clip-path: inset(0);
}
#sec_orange .img_caption_07,
#sec_red .img_caption_07,
#sec_pink .img_caption_07,
#sec_blue .img_caption_07,
#sec_pearl .img_caption_07 {
	clip-path: inset(0 0 100% 0);
	transition: 2s cubic-bezier(0.33, 1, 0.68, 1);
	transition-delay: 0.5s;
}
#sec_orange .img_caption_07.active,
#sec_red .img_caption_07.active,
#sec_pink .img_caption_07.active,
#sec_blue .img_caption_07.active,
#sec_pearl .img_caption_07.active {
	clip-path: inset(0);
}


#sec_orange .img_item08 .inner_img,
#sec_red .img_item08 .inner_img,
#sec_pink .img_item08 .inner_img,
#sec_blue .img_item08 .inner_img,
#sec_pearl .img_item08 .inner_img {
	clip-path: inset(0 100% 0 0);
	transition: 1s ease 0s;
}
#sec_orange .img_item08.active .inner_img,
#sec_red .img_item08.active .inner_img,
#sec_pink .img_item08.active .inner_img,
#sec_blue .img_item08.active .inner_img,
#sec_pearl .img_item08.active .inner_img {
	clip-path: inset(0);
}

#sec_orange .img_caption_08,
#sec_red .img_caption_08,
#sec_pink .img_caption_08,
#sec_blue .img_caption_08,
#sec_pearl .img_caption_08 {
	clip-path: inset(0 0 100% 0);
	transition: 8s cubic-bezier(0.33, 1, 0.68, 1);
	transition-delay: 0.5s;
}

#sec_orange .img_caption_08.active,
#sec_red .img_caption_08.active,
#sec_pink .img_caption_08.active,
#sec_blue .img_caption_08.active,
#sec_pearl .img_caption_08.active {
	clip-path: inset(0);
}


.img_item04 {
	rotate: y 180deg;
	backface-visibility: hidden;
	transition: 1s ease 0s;
}

.img_outer_item04.active .img_item04 {
	rotate: y 0deg;
}

.img_caption_04 {
	transform: rotate(60deg);
	opacity: 0;
	transition: 1s ease 0s;
}
.img_outer_item04.active .img_caption_04 {
	transform: rotate(0deg);
	opacity: 1;
}