/* common, fullpage */
#header{ position: fixed; border-bottom: 1px solid #0000; transition: .4s; }
#header.background{ background: #fff; border-color: #e1e1e1; }
#fp-nav{ visibility: hidden; opacity: 0; }
#fp-nav.show{ visibility: visible; opacity: 1; }
#fp-nav.right{ right: 46px; }
#fp-nav ul{ display: flex; flex-direction: column; justify-content: center; }
#fp-nav li:last-child{ display: none; }
#fp-nav li{ all: unset; position: relative; }
#fp-nav li:first-child{ display: flex; justify-content: center; margin-top: -18px; width: 12px; padding-bottom: 13px; font-size: 17px; font-weight: 700; color: var(--primary); }
#fp-nav li:not(:first-child){ display: block; margin: 0 auto; width: 3px; height: 30px; background: #e1e1e1; }
#fp-nav li:nth-child(2)::before{ content: ''; position: absolute; inset: 0 0 auto; height: calc( 30px * var(--index)); background: var(--primary); z-index: 1; }
#fp-nav li a{ pointer-events: none; }
#fp-nav li span{ display: none; }
.fp-tableCell{ position: relative; }
.common_title-small{ display: block; margin-bottom: .625em; text-transform: uppercase; font-size: 1rem; font-weight: 800; color: var(--primary); }
.common_title-h2{ font-size: var(--font_size50); font-weight: 400; }
.common_title-underline{ padding-bottom: .18em; background: linear-gradient( 0deg, var(--secondary) 75%, #0000 0 ) no-repeat .06em 50% / 98.2% 100%; }
.common_title-p{ margin-top: 1.0625em; line-height: 1.6875; color: var(--carbon); }
.common_title-a{ display: inline-flex; align-items: center; position: relative; margin-top: 2.53333333em; padding-right: 1.46666667em; background: url(/images/main/icon_common_link_arrow.svg) no-repeat 100% 50% / .4em auto; font-size: var(--font_size15); color: var(--carbon); }
.common_title-a::before{ content: ''; position: absolute; inset: -.5em; }
@media(prefers-reduced-motion:no-preference){
	#fp-nav{ transition: .3s; }
	#fp-nav li:nth-child(2)::before{ transition: .3s; }
	.section{ transition: .3s; }
	.section.fade.active:not(.fp-completely){ transition: all .3s, transform 0s; }
	.active .common_title-underline{ transition: 0s; }
	.area_symmetry__img-img.brand_img,
	.custom_img{ transition: .3s; }
	.area_symmetry .common_title{ transition: .4s; }
	.fp-completely .common_title-underline{ transition: .6s .2s; }
	@media(max-width:1279px){
		.common_title-underline[scroll_effect]{ background-size: 0% 100%; }
		.common_title-underline.effect_active[scroll_effect]{ background-size: 98.2% 100%; }
	}
}
@media(min-width:1280px){
	.section{ overflow: hidden; position: relative; background: #fff; }
	.section:nth-child(1){z-index: 1; }
	.section:nth-child(2){z-index: 2; }
	.section:nth-child(3){z-index: 3; }
	.section:nth-child(4){z-index: 4; }
	.section:nth-child(5){z-index: 5; }
	.section:nth-child(6){z-index: 6; }
	.section.fade{ position: absolute !important; inset: 0; height: 100vh!important;  }
	.section:not(.show){ visibility: hidden; opacity: 0; }
	.section.show{ visibility: visible; opacity: 1; }
	.section:last-child,
	.section.active{ visibility: visible; opacity: 1; }
	.section.active + .show{ visibility: hidden; opacity: 0; }
	.area_symmetry__img-img.brand_img,
	.custom_img,
	.area_symmetry .common_title{ transform: translateY(60vw); }
	.fp-completely .area_symmetry__img-img.brand_img,
	.fp-completely .custom_img,
	.fp-completely.area_symmetry .common_title{ transform: translateY(0); }
	.active .common_title-underline{ background-size: 0% 100%; }
	.fp-completely .common_title-underline{ background-size: 98.2% 100%; }
}
@media(max-width:1279px){
	#header{ background: #fff; border-color: #e1e1e1; }
	.section.fp-table,
	.fp-slide.fp-table,
	.fp-tableCell{ display: block; height: initial!important; }
	#wrap .common_padding_y{ padding: 70px 0; }
}
@media(max-width:767px){
    #wrap .common_padding_y{ padding: 50px 0; }
}

/* visual */
.area_visual-video{ display: block; position: relative; width: 100%; height: calc( 100% - var(--header_height) ); padding-top: var(--header_height); object-fit: contain; object-position: 50%; pointer-events: none; z-index: 1; }
.area_visual__scroll_down{ display: flex; justify-content: center; align-items: center; position: absolute; width: 3.4375em; height: 3.4375em; background: #fff; border: 3px solid currentColor; border-radius: 50%; color: var(--black); z-index: 10; }
.area_visual__scroll_down-svg{ width: auto; height: 2.5em; }
.area_visual__scroll_down-svg path{ fill: currentColor; }
@media(prefers-reduced-motion:no-preference){
	.area_visual__scroll_down{ animation: scroll_down .8s linear infinite alternate both; }
	@keyframes scroll_down {
		0%, 40%{ transform: translateY(0%); }
		20%{ transform: translateY(10%); }
		100%{ transform: translateY(0%); }
	}
}
@media(min-width:1280px){
	.area_visual__scroll_down{ bottom: 5vh; right: 5vh; }
}
@media(max-width:1279px){
	.area_visual__scroll_down{ top: calc( 100% + 3vw ); right: 2vh; }
}

/* slide */
.area_slide .common_title{ text-align: center; }
.area_slide [aria-role='tablist']{ display: flex; flex-wrap: wrap; justify-content: center; gap: .5em 3.33333333vw; margin-top: 1.4375em; }
.area_slide [aria-role='tab']{ padding-bottom: .375em; background: linear-gradient(0deg, var(--primary) 2px, #0000 0) no-repeat 50% / 0% 100%; color: var(--argent); cursor: pointer; }
.area_slide [aria-selected='true']{ color: var(--primary); background-size: 100% 100%; }
.area_slide [aria-hidden='true'] .area_slide__swiper{ margin-top: 0; }
.area_slide [aria-hidden='true']{ visibility: hidden; height: 0; opacity: 0; }
.area_slide [aria-hidden='false']{ visibility: visible; height: auto; opacity: 1; }
.area_slide__swiper{ margin-top: 2.0625em; }
.area_slide__swiper .swiper-slide{ height: auto; }
.area_slide__swiper-a{ display: block; position: relative; }
.area_slide__swiper-img{ display: block; width: 100%; aspect-ratio: 335/360; object-fit: cover; }
.area_slide__swiper-img[src='/images/board/no_image.gif']{ object-fit: none; }
.area_product .area_slide__swiper-title{ margin-top: 1.47368421em; font-size: var(--font_size19); font-weight: 600; }
.area_product .area_slide__swiper-comment{ margin-top: .25em; color: var(--squant); }
.area_event .area_slide__swiper-a{ height: 100%; }
.area_event .area_slide__swiper-a::before{ content: ''; position: absolute; inset: 0; border: 1px solid var(--kingly_cloud); pointer-events: none; }
.area_event .area_slide__swiper-txt{ display: block; padding: 0 8.37696335% 1.75em; }
.area_event .area_slide__swiper-title{ margin-top: 1.63157895em; font-size: var(--font_size19); font-weight: 600; }
.area_event .area_slide__swiper-comment{ -webkit-line-clamp: 3; margin-top: .5em; line-height: 1.6875; color: var(--squant); }
.area_slide__control{ display: flex; gap: .625em; margin-top: 2.125em; }
.area_slide__control-btn{ display: inline-flex!important; justify-content: center; align-items: center; width: 2.8125em; height: 2.8125em; background: 0; border: 3px solid #efefef; border-radius: 50%; box-sizing: border-box; font-size: 1rem; cursor: pointer; }
.area_slide__control-btn svg{ height: 0.6875em; }
.area_slide__control-btn path{ stroke: #666; }
@media(prefers-reduced-motion:no-preference){
	.area_slide [aria-role='tab']{ transition: .4s; }
	.area_slide__control-btn path{ transition: .4s; }
}
@media(hover:hover){
	.area_slide [aria-role='tab']:hover{ color: var(--primary); }
	.area_slide__control-btn path{ stroke: #ccc; }
	.area_slide__control-btn:hover path{ stroke: #666; }
}
@media(min-width:768px){
	.area_slide [aria-hidden='false']{ margin-top: 33px; min-height: 425.17px; }
}
@media(min-width:1280px) and (min-height:900px){
	.area_slide .common_title{ padding-top: calc( var(--header_height) * .7 ); box-sizing: border-box; }
	.area_slide [aria-hidden='false']{ margin-top: 33px; min-height: 563px; }
	.area_slide:not(.active) [aria-hidden='false']{ visibility: hidden; opacity: 0; }
	.section.active + .show.area_slide [aria-hidden='false']{ visibility: hidden; }
	.active.area_slide [aria-hidden='false']{ visibility: visible; height: auto; opacity: 1; }
}
@media(min-width:1280px) and (max-height:899px){
	#wrap .area_slide__swiper-img{ aspect-ratio: 335/320; }
	.area_slide [aria-hidden='false']{ height: 420px; }
	.area_event .area_slide__swiper-comment{ -webkit-line-clamp: 1; }
}
@media(max-width:767px){
	.area_slide [aria-hidden='false']{ margin-top: 28.875px; min-height: 355px; }
	.area_slide [aria-hidden='false'][scroll_effect]{ transform: none; opacity: 1; }
}

/* symmetry */
.area_symmetry .fp-tableCell{ display: flex; }
.area_symmetry__img{ text-align: center; }
.area_symmetry__img.brand_img{ background: linear-gradient(180deg, #a1ddf5, #f8fdfe); }
.area_symmetry__img .inr{ display: flex; justify-content: center; align-items: center; height: 100%; }
.area_symmetry__img-img.brand_img{ max-width: 100%; }
.area_symmetry__img-img.custom_img{ object-fit: cover; }
.area_symmetry__text{ display: flex; align-items: center; box-sizing: border-box; }
@media(min-width:1280px){
	.area_symmetry.reverse .fp-tableCell{ flex-direction: row-reverse; }
	.area_symmetry .fp-tableCell > *{ width: 50%; }
	.area_symmetry__img-img.custom_img{ width: 100%; height: 100%; }
	.area_symmetry__text{ padding-left: 5.94%; }
}
@media(max-width:1279px){
	.area_symmetry .fp-tableCell{ flex-direction: column-reverse; }
	.area_symmetry__img-img.custom_img{ width: 80%; height: 80%; }
}
@media(max-width:767px){
	.area_symmetry__img-img{ width: 80%; }
	.area_symmetry__text .common_title-p{ max-width: 323px; }
}

/* 1366 * 624 */
@media(min-width:1280px) and (max-height:799px){
	html{ font-size: 14px; }
	#header{ font-size: 16px; }
	.common_title-h2{ font-size: 36px; }
	.area_slide .common_title{ padding-top: 70px; }
	.area_slide__swiper{ margin: 0 auto; width: 1000px; }
	.area_symmetry__img-img.brand_img{ max-width:70%; }
	.area_slide [aria-hidden='false']{ margin-top: 20px; min-height: 366px; height: 366px; }
	.area_slide__control{ margin-top: 15px; }
}