/*
 *
 * page-top.scss
 *
 */
:root {
	--z-index-pg-top-visual: -1;
}

/* ------------------------------------------------------------
 pg-top-visual
------------------------------------------------------------ */
.pg-top-visual {
	position: relative;
	height: 100vh;
	overflow: hidden;
	background-color: var(--color-red);
	color: var(--color-white);
}

@media screen and (min-width: 1024px) {
	.pg-top-visual {
		min-height: 76.8rem;
		margin-bottom: 18rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-visual {
		margin-bottom: 13rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-top-visual {
		min-height: 76.8rem;
		max-height: 102.4rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-visual {
		min-height: 42rem;
		max-height: 89.6rem;
	}
}

body.is-load .pg-top-visual {
	height: calc( var( --vh ) * 100);
}

/* ---------- pg-top-visual__catch ---------- */
.pg-top-visual__catch {
	position: absolute;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.pg-top-visual__catch {
		width: 56.2rem;
		top: calc( ( 387 / var( --design-height-pc ) ) * 100%);
		left: calc( ( 63/var(--design-width-pc) ) * 100%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-visual__catch {
		left: calc( ( 20/var(--design-width-sp) ) * 100%);
		bottom: calc( ( 77/var(--design-height-sp) ) * 100%);
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-top-visual__catch {
		width: 40rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-visual__catch {
		width: 22.4rem;
	}
}

/* ---------- pg-top-visual__link ---------- */
.pg-top-visual__link {
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (min-width: 561px) {
	.pg-top-visual__link {
		top: calc( ( 377 / var( --design-height-pc ) ) * 100%);
		right: 4rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-visual__link {
		top: calc( ( 339 / var( --design-height-sp ) ) * 100%);
		right: 1.4rem;
	}
}

body.ua-firefox .pg-top-visual__link {
	width: 1.4em;
}

@media screen and (min-width: 1024px) {
	.pg-top-visual__link li:not(:last-of-type) {
		margin-bottom: 2.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-visual__link li:not(:last-of-type) {
		margin-bottom: 1.8rem;
	}
}

.pg-top-visual__link a {
	position: relative;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	letter-spacing: calc( 200 / 1000 * 1em);
	padding: 0 0.5rem;
	margin: 0 -0.5rem;
}

@media screen and (min-width: 561px) {
	.pg-top-visual__link a {
		font-size: 1.4rem;
		font-size: max( 1.4rem , 12px );
	}
}

@media screen and (max-width: 560px) {
	.pg-top-visual__link a {
		font-size: 12px;
	}
}

.pg-top-visual__link a.is-hover:hover::before {
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}

.pg-top-visual__link a::before {
	content: '';
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background-color: var(--color-brown);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
	pointer-events: none;
	transition: -webkit-transform var(--transition-hover);
	transition: transform var(--transition-hover);
	transition: transform var(--transition-hover), -webkit-transform var(--transition-hover);
	z-index: -1;
}

/* ---------- pg-top-visual__copyright ---------- */
.pg-top-visual__copyright {
	position: absolute;
	font-family: var(--font-en);
	font-size: 1rem;
	letter-spacing: calc( 80 / 1000 * 1em);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

@media screen and (min-width: 1024px) {
	.pg-top-visual__copyright {
		left: 2.6rem;
		bottom: 2.6rem;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-visual__copyright {
		left: calc( ( 20/var(--design-width-sp) ) * 100%);
		bottom: calc( ( 25/var(--design-height-sp) ) * 100%);
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
}

/* ----------------------------------------
 pg-top-visual__slider
---------------------------------------- */
.pg-top-visual__slider {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.pg-top-visual__slider__cell {
	pointer-events: none;
	/* ---------- unique ---------- */
}

.pg-top-visual__slider__cell.is-active .pg-top-visual__slider__nigaoe {
	opacity: 1;
}

.pg-top-visual__slider__cell.is-active .pg-top-visual__slider__bg {
	opacity: 1;
	-webkit-transform: translate3d(-200%, 0, 0);
	transform: translate3d(-200%, 0, 0);
}

.pg-top-visual__slider__cell.-unique1 {
	--bg-color: var( --color-pink );
	--bg-color2: var( --color-red );
	--nigaoe-height: 208;
	--nigaoe-top: -52;
	--nigaoe-left-sp: 48;
}

.pg-top-visual__slider__cell.-unique2 {
	--bg-color: var( --color-red );
	--bg-color2: var( --color-yellow );
	--nigaoe-height: 184;
	--nigaoe-top: -26;
	--nigaoe-left-sp: 54;
}

.pg-top-visual__slider__cell.-unique3 {
	--bg-color: var( --color-yellow );
	--bg-color2: var( --color-green );
	--nigaoe-height: 192;
	--nigaoe-top: -39;
	--nigaoe-left-sp: 53;
}

.pg-top-visual__slider__cell.-unique4 {
	--bg-color: var( --color-green );
	--bg-color2: var( --color-purple );
	--nigaoe-height: 201;
	--nigaoe-top: -40;
	--nigaoe-left-sp: 55;
}

.pg-top-visual__slider__cell.-unique5 {
	--bg-color: var( --color-purple );
	--bg-color2: var( --color-red );
	--nigaoe-height: 191;
	--nigaoe-top: -40;
	--nigaoe-left-sp: 54;
}

.pg-top-visual__slider__cell.-unique6 {
	--bg-color: var( --color-red );
	--bg-color2: var( --color-yellow );
	--nigaoe-height: 188;
	--nigaoe-top: -35;
	--nigaoe-left-sp: 50;
}

.pg-top-visual__slider__cell.-unique7 {
	--bg-color: var( --color-yellow );
	--bg-color2: var( --color-green );
	--nigaoe-height: 208;
	--nigaoe-top: -50;
	--nigaoe-left-sp: 46;
}

.pg-top-visual__slider__cell.-unique8 {
	--bg-color: var( --color-green );
	--bg-color2: var( --color-red );
	--nigaoe-height: 182;
	--nigaoe-top: -31;
	--nigaoe-left-sp: 55;
}

.pg-top-visual__slider__cell.-unique9 {
	--bg-color: var( --color-red );
	--bg-color2: var( --color-lavender );
	--nigaoe-height: 202;
	--nigaoe-top: -49;
	--nigaoe-left-sp: 48;
}

.pg-top-visual__slider__cell.-unique10 {
	--bg-color: var( --color-lavender );
	--bg-color2: var( --color-pink );
	--nigaoe-height: 189;
	--nigaoe-top: -40;
	--nigaoe-left-sp: 50;
}

/* ---------- pg-top-visual__slider__nigaoe ---------- */
.pg-top-visual__slider__nigaoe {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	opacity: 0;
	transition: opacity var(--transition-slider);
	transition-delay: 250ms;
}

@media screen and (min-width: 1024px) {
	.pg-top-visual__slider__nigaoe {
		top: calc( (  var( --nigaoe-top ) / 145 ) * 100%);
		height: calc( (  var( --nigaoe-height ) / 145 ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-visual__slider__nigaoe {
		bottom: 0;
		height: calc( (  var( --nigaoe-height ) / 200 ) * 100%);
		padding-left: calc( (  var( --nigaoe-left-sp ) / 2000 ) * 100%);
	}
}

.pg-top-visual__slider__nigaoe img {
	max-width: none;
	height: 100%;
}

/* ---------- pg-top-visual__slider__bg ---------- */
.pg-top-visual__slider__bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 0;
	transition: -webkit-transform var(--transition-slider);
	transition: transform var(--transition-slider);
	transition: transform var(--transition-slider), -webkit-transform var(--transition-slider);
}

.pg-top-visual__slider__bg::before {
	content: '';
	display: block;
	width: 300%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: linear-gradient(90deg, var(--bg-color) 120vw, var(--bg-color2) 200vw);
}

/* ---------- pg-top-visual__slider__counter ---------- */
.pg-top-visual__slider__counter {
	position: absolute;
	z-index: 10;
}

@media screen and (min-width: 561px) {
	.pg-top-visual__slider__counter {
		right: 3.3rem;
		bottom: 2.8rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-visual__slider__counter {
		right: 2.1rem;
		bottom: 2.2rem;
	}
}

/* ------------------------------------------------------------
 pg-top-intro
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.pg-top-intro {
		margin-bottom: 24.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-intro {
		margin-bottom: 20.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-intro__txt {
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		padding-left: 0.5rem;
		padding-bottom: 0.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-intro__txt {
		padding-bottom: 11rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-intro__txt p {
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		text-orientation: upright;
		font-size: 2rem;
		font-size: max( 2rem , 16px );
		--line-height: calc( 47.3 / 20 );
		letter-spacing: calc( 60 / 1000 * 1em);
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-intro__txt p {
		--line-height: calc( 33.5 / 14 );
		letter-spacing: calc( 40 / 1000 * 1em);
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-top-intro__txt p {
		font-size: 1.6rem;
		font-size: max( 1.6rem , 14px );
	}
}

@media screen and (max-width: 560px) {
	.pg-top-intro__txt p {
		font-size: 1.4rem;
		font-size: max( 1.4rem , 12px );
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-intro__txt p:not(:last-of-type) {
		margin-left: 4.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-intro__txt p:not(:last-of-type):not(:last-child) {
		margin-bottom: 3.1em;
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-intro__catch {
		width: 78.2rem;
		margin-left: calc( ( 170 / 1320 ) * 100%);
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-top-intro__catch {
		width: 50rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-intro__catch {
		width: 25.3rem;
	}
}

/* ------------------------------------------------------------
 pg-top-story
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.pg-top-story {
		padding-bottom: 25.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story {
		padding-bottom: 18.6rem;
	}
}

/* ----------------------------------------
 pg-top-story__lead
---------------------------------------- */
.pg-top-story__lead {
	position: relative;
	overflow: hidden;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__lead {
		padding-top: 4rem;
		margin-top: -4rem;
	}
}

.pg-top-story__lead__inner {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__lead__inner {
		display: flex;
		padding-bottom: 8.8rem;
	}
}

.pg-top-story__lead__ja {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	letter-spacing: calc( 100 / 1000 * 1em);
	line-height: calc( 54 / 24 * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-top-story__lead__ja {
		font-size: 2.4rem;
		font-size: max( 2.4rem , 18px );
		margin-right: 8.6rem;
		margin-left: auto;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__lead__ja {
		margin: 0 auto;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-top-story__lead__ja {
		font-size: 2.2rem;
		font-size: max( 2.2rem , 18px );
		margin-bottom: 6rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-story__lead__ja {
		font-size: 1.8rem;
		font-size: max( 1.8rem , 14px );
		margin-bottom: 4.5rem;
	}
}

.pg-top-story__lead__en {
	opacity: .5;
	z-index: -1;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__lead__en {
		position: absolute;
		width: calc( ( 873 / 1320 ) * 100%);
		bottom: -2.6rem;
		left: calc( ( -52 / 1320 ) * 100%);
	}
}

@media screen and (max-width: 560px) {
	.pg-top-story__lead__en {
		position: relative;
		width: calc( ( 372 / 301 ) * 100%);
		margin-left: calc( ( -31 / 301 ) * 100%);
		margin-bottom: calc( ( -11 / 301 ) * 100%);
	}
}

/* ----------------------------------------
 pg-top-story__header
---------------------------------------- */
.pg-top-story__header {
	position: relative;
	margin-bottom: -4.6rem;
}

.pg-top-story__header::before {
	content: '';
	display: block;
	height: 100%;
	background-color: var(--color-white);
	opacity: .5;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__header::before {
		width: calc( ( 1258 / var( --design-width-pc ) ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__header::before {
		width: calc( ( 330 / var( --design-width-sp ) ) * 100%);
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-story__header__inner {
		padding: 17rem 0 18.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__header__inner {
		padding: 9.2rem 0 13.2rem calc( ( 54 / var( --design-width-sp ) ) * 100%);
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-story__header__flex {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
}

/* ---------- pg-top-story__header__title ---------- */
@media screen and (min-width: 1024px) {
	.pg-top-story__header__title {
		width: 31.7rem;
		margin-right: calc( ( 108 / 1320 ) * 100%);
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-top-story__header__title {
		width: 22rem;
		margin-bottom: 5rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-story__header__title {
		width: 18.2rem;
		margin-bottom: 4.6rem;
	}
}

/* ---------- pg-top-story__header__contents ---------- */
@media screen and (min-width: 1024px) {
	.pg-top-story__header__contents {
		margin-right: calc( ( 105 / 1320 ) * 100%);
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-story__header__txt {
		font-size: 1.8rem;
		font-size: max( 1.8rem , 14px );
		--line-height: calc( 35 / 18 );
		letter-spacing: calc( 60 / 1000 * 1em);
		padding-bottom: 4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__header__txt {
		font-family: var(--font-yakuhan);
		--line-height: calc( 30 / 14 );
		letter-spacing: calc( 40 / 1000 * 1em);
		padding-bottom: 3rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-top-story__header__txt {
		font-size: 1.6rem;
		font-size: max( 1.6rem , 14px );
	}
}

@media screen and (max-width: 560px) {
	.pg-top-story__header__txt {
		font-size: 1.4rem;
		font-size: max( 1.4rem , 12px );
	}
}

.pg-top-story__header__txt sup {
	vertical-align: revert;
	font-size: 1rem;
}

.pg-top-story__header__small {
	font-family: var(--font-ja-gothic);
	font-size: 1rem;
}

/* ----------------------------------------
 pg-top-story__slider
---------------------------------------- */
.pg-top-story__slider {
	overflow: hidden;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__slider {
		margin-bottom: 10.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__slider {
		margin-bottom: 10.5rem;
	}
}

.pg-top-story__slider__content:not(.slick-initialized) {
	height: 0;
}

/* ---------- pg-top-story__slider__nav ---------- */
.pg-top-story__slider__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1.5rem;
}

/* ----- pg-top-story__slider__nav ----- */
.pg-top-story__slider__arrow {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
}

.pg-top-story__slider__arrow::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	border-radius: 50%;
	background-color: var(--color-brown);
	transition: -webkit-transform var(--transition-hover);
	transition: transform var(--transition-hover);
	transition: transform var(--transition-hover), -webkit-transform var(--transition-hover);
}

@media screen and (min-width: 1024px) {
	.pg-top-story__slider__arrow::before {
		-webkit-transform: translate(-50%, -50%) scale(0.44);
		transform: translate(-50%, -50%) scale(0.44);
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__slider__arrow::before {
		-webkit-transform: translate(-50%, -50%) scale(0.36);
		transform: translate(-50%, -50%) scale(0.36);
	}
}

.pg-top-story__slider__arrow img {
	position: relative;
	z-index: 10;
	opacity: 0;
	transition: opacity var(--transition-hover);
}

.pg-top-story__slider__arrow.is-hover:hover::before {
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}

.pg-top-story__slider__arrow.is-hover:hover img {
	opacity: 1;
}

/* ----- pg-top-story__slider__counter ----- */
@media screen and (min-width: 1024px) {
	.pg-top-story__slider__counter {
		margin: 0 5.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__slider__counter {
		margin: 0 4.6rem;
	}
}

/* ----------------------------------------
 pg-top-story__article
---------------------------------------- */
.pg-top-story__article {
	/* ---------- unique ---------- */
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article {
		width: 35.5rem;
		margin-right: 6rem;
		margin-left: 6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__article {
		width: 24rem;
		margin-right: 2.5rem;
		margin-left: 2.5rem;
	}
}

.pg-top-story__article.-unique1 {
	--bg-color: var( --color-red );
	--nigaoe-width: 257;
	--nigaoe-top: -47;
	--nigaoe-left: 20;
}

.pg-top-story__article.-unique2 {
	--bg-color: var( --color-lavender );
	--nigaoe-width: 283;
	--nigaoe-top: -74;
	--nigaoe-left: 11;
}

.pg-top-story__article.-unique3 {
	--bg-color: var( --color-yellow );
	--nigaoe-width: 257;
	--nigaoe-top: -37;
	--nigaoe-left: 20;
}

.pg-top-story__article.-unique4 {
	--bg-color: var( --color-green );
	--nigaoe-width: 304;
	--nigaoe-top: -90;
	--nigaoe-left: -5;
}

.pg-top-story__article.-unique5 {
	--bg-color: var( --color-purple );
	--nigaoe-width: 277;
	--nigaoe-top: -56;
	--nigaoe-left: 14;
}

/* ---------- pg-top-story__article__nigaoe ---------- */
.pg-top-story__article__nigaoe {
	margin: 0 auto;
	background-color: var(--bg-color);
	overflow: hidden;
	margin-bottom: 3rem;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article__nigaoe {
		width: 30rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__article__nigaoe {
		width: 23.6rem;
	}
}

.pg-top-story__article__nigaoe img {
	width: calc( ( var(--nigaoe-width)/300 ) * 100%);
	position: absolute;
	top: calc( ( var(--nigaoe-top)/300 ) * 100%);
	left: calc( ( var(--nigaoe-left)/300 ) * 100%);
}

/* ---------- pg-top-story__article__header ---------- */
.pg-top-story__article__header {
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article__header {
		padding-bottom: 3.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__article__header {
		padding-bottom: 3.5rem;
	}
}

.pg-top-story__article__header__title {
	text-transform: uppercase;
	font-family: var(--font-en);
	letter-spacing: calc( 80 / 1000 * 1em);
	padding-bottom: 2.4rem;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article__header__title {
		font-size: 1.6rem;
		font-size: max( 1.6rem , 14px );
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__article__header__title {
		font-size: 12px;
	}
}

.pg-top-story__article__header__catch {
	font-family: var(--font-yakuhan);
	letter-spacing: calc( 40 / 1000 * 1em);
	padding-bottom: 2.3rem;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article__header__catch {
		font-size: 2.6rem;
		font-size: max( 2.6rem , 20px );
		--line-height: calc( 40 / 26 );
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__article__header__catch {
		font-size: 2rem;
		font-size: max( 2rem , 18px );
		--line-height: calc( 31.5 / 20 );
	}
}

.pg-top-story__article__header__period-en {
	font-family: var(--font-en);
	letter-spacing: calc( 80 / 1000 * 1em);
	padding-bottom: 0.8rem;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article__header__period-en {
		font-size: 1.4rem;
		font-size: max( 1.4rem , 12px );
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__article__header__period-en {
		font-size: 11px;
	}
}

.pg-top-story__article__header__period-ja {
	font-family: var(--font-ja-gothic);
	font-size: 1rem;
	letter-spacing: calc( 60 / 1000 * 1em);
}

/* ---------- pg-top-story__article__header ---------- */
.pg-top-story__article__txt {
	font-family: var(--font-ja-gothic);
	font-size: 1.4rem;
	font-size: max( 1.4rem , 12px );
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article__txt {
		--line-height: calc( 32.8493 / 14 );
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__article__txt {
		--line-height: calc( 31.8493 / 14 );
	}
}

/* ----------------------------------------
 pg-top-story__localnav
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.pg-top-story__localnav {
		margin-bottom: 15.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__localnav {
		margin-bottom: 13.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-story__localnav__list {
		display: flex;
		justify-content: space-between;
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-story__localnav__cell {
		width: calc( ( 292 / 940 ) * 100%);
	}
}

.pg-top-story__localnav__cell a {
	display: flex;
	align-items: flex-end;
	border-bottom: solid 1px var(--color-brown);
}

@media screen and (min-width: 1024px) {
	.pg-top-story__localnav__cell a {
		padding: 3rem calc( ( 20 / 292 ) * 100%) 0 calc( ( 27 / 292 ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__localnav__cell a {
		padding: 2.5rem calc( ( 22 / 301 ) * 100%) 0 calc( ( 16 / 301 ) * 100%);
	}
}

.pg-top-story__localnav__cell a.is-hover:hover {
	background-color: var(--theme-color);
	color: var(--color-white);
}

/* ---------- pg-top-story__localnav__figure ---------- */
@media screen and (min-width: 1024px) {
	.pg-top-story__localnav__figure {
		width: calc( ( 64 / 245 ) * 100%);
		margin-right: calc( ( 16 / 245 ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__localnav__figure {
		width: calc( ( 57 / 263 ) * 100%);
		max-width: 5.7rem;
		margin-right: calc( ( 29 / 263 ) * 100%);
	}
}

/* ---------- pg-top-story__localnav__contents ---------- */
.pg-top-story__localnav__contents {
	flex: 1;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__localnav__contents {
		padding-bottom: 2.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__localnav__contents {
		padding-bottom: 2rem;
	}
}

.pg-top-story__localnav__title {
	text-transform: uppercase;
	font-family: var(--font-en);
	font-size: 1rem;
	letter-spacing: calc( 20 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-top-story__localnav__title {
		padding-bottom: 1.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__localnav__title {
		padding-bottom: 1.1rem;
	}
}

.pg-top-story__localnav__catch {
	letter-spacing: calc( 20 / 1000 * 1em);
}

@media screen and (min-width: 561px) {
	.pg-top-story__localnav__catch {
		font-size: 1.4rem;
		font-size: max( 1.4rem , 12px );
		--line-height: calc( 23 / 14 );
	}
}

@media screen and (max-width: 560px) {
	.pg-top-story__localnav__catch {
		font-size: 1.2rem;
		font-size: max( 1.2rem , 11px );
		--line-height: calc( 20.8 / 12 );
	}
}

/* ---------- pg-top-story__localnav__arrow ---------- */
.pg-top-story__localnav__arrow {
	display: block;
	border-right: solid 1px currentColor;
	border-bottom: solid 1px currentColor;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__localnav__arrow {
		width: 1.2rem;
		height: 1.2rem;
		margin-bottom: 5.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__localnav__arrow {
		width: 1rem;
		height: 1rem;
		margin-bottom: 4rem;
	}
}

/* ----------------------------------------
 pg-top-story__article2
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.pg-top-story__article2:nth-of-type(2n-1) .pg-top-story__article2__flex {
		flex-direction: row-reverse;
	}
	.pg-top-story__article2:nth-of-type(2n-1) .pg-top-story__article2__header {
		padding-left: calc( ( 87 / 565 ) * 100%);
	}
	.pg-top-story__article2:nth-of-type(2n-1) .pg-top-story__article2__txt {
		-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 11.17318%, black 72.6257%, rgba(0, 0, 0, 0) 100%);
		mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 11.17318%, black 72.6257%, rgba(0, 0, 0, 0) 100%);
	}
	.pg-top-story__article2:nth-of-type(2n-1) .pg-top-story__article2__txt p {
		padding-right: calc( 319 / 1400 * 100vw);
		padding-left: calc( 50 / 1400 * 100vw);
	}
	body.ua-ie .pg-top-story__article2:nth-of-type(2n-1) .pg-top-story__article2__txt p {
		padding-right: 0 !important;
	}
	.pg-top-story__article2:nth-of-type(2n-1) .pg-top-story__article2__scroll {
		right: calc( ( 49 / 1400 ) * 100%);
	}
	.pg-top-story__article2:nth-of-type(2n) .pg-top-story__article2__header {
		padding-right: calc( ( 78 / 565 ) * 100%);
	}
	.pg-top-story__article2:nth-of-type(2n) .pg-top-story__article2__txt {
		-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 27.3743%, black 88.82682%, rgba(0, 0, 0, 0) 100%);
		mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 27.3743%, black 88.82682%, rgba(0, 0, 0, 0) 100%);
		margin-left: calc( ( -330 / 565 ) * 100%);
	}
	body.ua-ie .pg-top-story__article2:nth-of-type(2n) .pg-top-story__article2__txt {
		margin-left: 0 !important;
	}
	.pg-top-story__article2:nth-of-type(2n) .pg-top-story__article2__txt p {
		padding-right: calc( 68 / 1400 * 100vw);
		padding-left: calc( 160 / 1400 * 100vw);
	}
	body.ua-ie .pg-top-story__article2:nth-of-type(2n) .pg-top-story__article2__txt p {
		padding-left: 0 !important;
	}
	.pg-top-story__article2:nth-of-type(2n) .pg-top-story__article2__scroll {
		left: calc( ( 50 / 1400 ) * 100%);
	}
}

@media screen and (min-width: 1600px) {
	.pg-top-story__article2:nth-of-type(2n-1) .pg-top-story__article2__txt p {
		padding-right: 36.2rem;
		padding-left: 5rem;
	}
	.pg-top-story__article2:nth-of-type(2n) .pg-top-story__article2__txt p {
		padding-right: 8.8rem;
		padding-left: 18rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article2:not(:last-of-type) {
		margin-bottom: 24.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__article2:not(:last-of-type) {
		margin-bottom: 15.5rem;
	}
}

.pg-top-story__article2.-unique6 {
	--bg-color: var( --color-red );
}

@media screen and (min-width: 561px) {
	.pg-top-story__article2.-unique6 {
		--nigaoe-width: 618;
		--nigaoe-top: -88;
		--nigaoe-left: 76;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-story__article2.-unique6 {
		--nigaoe-width: 353;
		--nigaoe-top: -25;
		--nigaoe-left: 18;
	}
}

.pg-top-story__article2.-unique7 {
	--bg-color: var( --color-pink );
}

@media screen and (min-width: 561px) {
	.pg-top-story__article2.-unique7 {
		--nigaoe-width: 644;
		--nigaoe-top: -129;
		--nigaoe-left: 60;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-story__article2.-unique7 {
		--nigaoe-width: 368;
		--nigaoe-top: -50;
		--nigaoe-left: 2;
	}
}

.pg-top-story__article2.-unique8 {
	--bg-color: var( --color-green );
}

@media screen and (min-width: 561px) {
	.pg-top-story__article2.-unique8 {
		--nigaoe-width: 618;
		--nigaoe-top: -88;
		--nigaoe-left: 43;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-story__article2.-unique8 {
		--nigaoe-width: 392;
		--nigaoe-top: -82;
		--nigaoe-left: -9;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-story__article2.-unique8 .pg-top-story__article2__figure img {
		min-width: calc( ( var(--nigaoe-width)/var(--figure-width) ) * 100%);
	}
}

.pg-top-story__article2__inner {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article2__flex {
		display: flex;
		justify-content: space-between;
	}
}

/* ---------- pg-top-story__article2__figure ---------- */
.pg-top-story__article2__figure {
	position: relative;
	overflow: hidden;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article2__figure {
		width: calc( ( 750 / 1400 ) * 100%);
		margin-bottom: 6.8rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.pg-top-story__article2__figure {
		width: var(--inner-percent-sp);
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-top-story__article2__figure {
		margin: 0 auto 5.0rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-story__article2__figure {
		margin-bottom: 3.4rem;
	}
}

.pg-top-story__article2__figure figure {
	background-color: var(--bg-color);
}

@media screen and (min-width: 1024px) {
	body:not(.ua-ie) .pg-top-story__article2__figure figure {
		min-height: 75rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-story__article2__figure figure::after {
		padding-top: calc( ( 470 / 375 ) * 100%) !important;
	}
}

.pg-top-story__article2__figure img {
	position: absolute;
	width: calc( ( var(--nigaoe-width)/var(--figure-width) ) * 100%);
	top: calc( ( var(--nigaoe-top)/var(--figure-height) ) * 100%);
	left: calc( ( var(--nigaoe-left)/var(--figure-width) ) * 100%);
}

@media screen and (min-width: 561px) {
	.pg-top-story__article2__figure img {
		--figure-width: 750;
		--figure-height: 750;
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article2__figure img {
		width: max( calc( ( var(--nigaoe-width)/var(--figure-width) ) * 100%), calc( var( --nigaoe-width ) * 0.1rem) );
		top: max( calc( ( var(--nigaoe-top)/var(--figure-height) ) * 100%), calc( var( --nigaoe-top ) * 0.1rem) );
		left: max( calc( ( var(--nigaoe-left)/var(--figure-width) ) * 100%), calc( var( --nigaoe-left ) * 0.1rem) );
	}
}

@media screen and (max-width: 560px) {
	.pg-top-story__article2__figure img {
		--figure-width: 375;
		--figure-height: 470;
	}
}

body.ua-ie .pg-top-story__article2__figure img {
	width: 84% !important;
	left: 50% !important;
	bottom: -10% !important;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* ---------- pg-top-story__article2__contents ---------- */
.pg-top-story__article2__contents {
	position: relative;
	z-index: 1000;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article2__contents {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: calc( ( 568 / 1400 ) * 100%);
	}
}

/* ---------- pg-top-story__article2__header ---------- */
.pg-top-story__article2__header {
	display: flex;
	justify-content: space-between;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article2__header {
		min-height: 40.7rem;
		padding-bottom: 2.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__article2__header {
		padding: 0 var(--side-width-sp-percent);
		margin-bottom: 8rem;
	}
}

/* ----- pg-top-story__article2__header__titles ----- */
.pg-top-story__article2__header__titles {
	margin-top: 0.6rem;
}

.pg-top-story__article2__header__title {
	text-transform: uppercase;
	font-family: var(--font-en);
	letter-spacing: calc( 80 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article2__header__title {
		font-size: 3.6rem;
		font-size: max( 3.6rem , 30px );
		margin-bottom: 3.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__article2__header__title {
		font-size: 2.4rem;
		font-size: max( 2.4rem , 20px );
		margin-bottom: 2.2rem;
	}
}

.pg-top-story__article2__header__period {
	display: flex;
	align-items: baseline;
}

.pg-top-story__article2__header__period__en {
	font-family: var(--font-en);
	letter-spacing: calc( 80 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article2__header__period__en {
		font-size: 1.6rem;
		font-size: max( 1.6rem , 14px );
		margin-right: 1.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__article2__header__period__en {
		font-size: 11px;
		margin-right: 1rem;
	}
}

.pg-top-story__article2__header__period__ja {
	font-family: var(--font-ja-gothic);
	font-size: 1rem;
	letter-spacing: calc( 60 / 1000 * 1em);
}

@media screen and (max-width: 560px) {
	.pg-top-story__article2__header__period__ja {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}
}

/* ----- pg-top-story__article2__header__catch ----- */
.pg-top-story__article2__header__catch {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	letter-spacing: calc( 120 / 1000 * 1em);
	margin-right: -0.35em;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article2__header__catch {
		font-size: 4.2rem;
		font-size: max( 4.2rem , 36px );
		--line-height: calc( 72 / 42 );
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__article2__header__catch {
		--line-height: calc( 44 / 26 );
		margin-right: -0.5rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-top-story__article2__header__catch {
		font-size: 3.4rem;
		font-size: max( 3.4rem , 30px );
	}
}

@media screen and (max-width: 560px) {
	.pg-top-story__article2__header__catch {
		font-size: 2.6rem;
		font-size: max( 2.6rem , 22px );
	}
}

/* ---------- pg-top-story__article2__txt ---------- */
.pg-top-story__article2__txt {
	position: relative;
	z-index: 10;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	overflow-y: hidden;
	overflow-x: scroll;
	scrollbar-width: none;
}

.pg-top-story__article2__txt::-webkit-scrollbar {
	display: none;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article2__txt {
		width: calc( ( 895 / 565 ) * 100%);
		height: 41.2rem;
	}
	body.ua-ie .pg-top-story__article2__txt {
		width: 100%;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__article2__txt {
		width: 100%;
		height: 36rem;
		-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 5.33333%, black 94.66667%, rgba(0, 0, 0, 0) 100%);
		mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 5.33333%, black 94.66667%, rgba(0, 0, 0, 0) 100%);
		margin-bottom: 6rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article2__txt p {
		font-size: 1.8rem;
		font-size: max( 1.8rem , 14px );
		--line-height: calc( 46 / 18 );
		letter-spacing: calc( 40 / 1000 * 1em);
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__article2__txt p {
		font-size: 1.6rem;
		font-size: max( 1.6rem , 15px );
		--line-height: calc( 36 / 16 );
		letter-spacing: calc( 20 / 1000 * 1em);
		padding-right: calc( 25 / var(--design-width-sp) * 100vw);
		padding-left: calc( 25 / var(--design-width-sp) * 100vw);
	}
}

/* ---------- pg-top-story__article2__scroll ---------- */
@media screen and (min-width: 1024px) {
	.pg-top-story__article2__scroll {
		position: absolute;
		bottom: -0.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__article2__scroll {
		padding: 0 var(--side-width-sp-percent);
	}
}

.pg-top-story__article2__scroll .js-scrollbar__vertical {
	display: none;
}

.pg-top-story__article2__scroll .js-scrollbar {
	display: flex;
	align-items: center;
}

.pg-top-story__article2__scroll .js-scrollbar::after {
	content: 'Scroll';
	text-transform: uppercase;
	font-family: var(--font-en);
	font-size: 1rem;
	letter-spacing: calc( 80 / 1000 * 1em);
	margin-left: 0.9rem;
}

@media screen and (max-width: 1023px) {
	.pg-top-story__article2__scroll .js-scrollbar::after {
		content: 'Swipe';
	}
}

.pg-top-story__article2__scroll .js-scrollbar::after body:not(.ua-pc) {
	content: 'Swipe';
}

.pg-top-story__article2__scroll .js-scrollbar__horizontal {
	height: 2px;
	background-color: var(--color-white);
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
	overflow: hidden;
}

@media screen and (min-width: 1024px) {
	.pg-top-story__article2__scroll .js-scrollbar__horizontal {
		width: 28.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-story__article2__scroll .js-scrollbar__horizontal {
		flex: 1;
	}
}

.pg-top-story__article2__scroll .js-scrollbar__horizontal .js-scrollbar__track {
	height: 2px;
	background-color: var(--color-brown);
}

/* ------------------------------------------------------------
 pg-top-partner
------------------------------------------------------------ */
.pg-top-partner {
	background-color: var(--color-white);
}

@media screen and (min-width: 1024px) {
	.pg-top-partner {
		padding: 14.2rem 0 11.1rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-partner {
		padding: 11.2rem 0 9rem;
	}
}

/* ---------- pg-top-partner__header ---------- */
@media screen and (min-width: 1024px) {
	.pg-top-partner__header {
		margin-bottom: 11rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-partner__header {
		margin-bottom: 9rem;
	}
}

.pg-top-partner__header__title {
	text-align: center;
	letter-spacing: calc( 120 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-top-partner__header__title {
		font-size: 2.9rem;
		font-size: max( 2.9rem , 20px );
		--line-height: calc( 72 / 29 );
		padding-left: calc( 55 / 29 * 1em);
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-partner__header__title {
		--line-height: calc( 40 / 18 );
		padding-left: calc( 9 / 18 * 1em);
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-top-partner__header__title {
		font-size: 2.2rem;
		font-size: max( 2.2rem , 20px );
	}
}

@media screen and (max-width: 560px) {
	.pg-top-partner__header__title {
		font-size: 1.8rem;
		font-size: max( 1.8rem , 16px );
	}
}

/* ---------- pg-top-partner__list ---------- */
.pg-top-partner__list {
	display: flex;
	justify-content: center;
}

@media screen and (max-width: 767px) {
	.pg-top-partner__list {
		flex-wrap: wrap;
	}
}

.pg-top-partner__cell {
	position: relative;
	/* --------- logo ---------- */
}

@media screen and (max-width: 767px) {
	.pg-top-partner__cell {
		width: 50%;
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-partner__cell:not(:last-of-type) {
		margin-right: 10.6rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.pg-top-partner__cell:not(:last-of-type) {
		margin-right: 6rem;
	}
}

@media screen and (max-width: 767px) {
	.pg-top-partner__cell:nth-of-type(n+3) {
		margin-top: 4.8rem;
	}
}

@media screen and (max-width: 767px) {
	.pg-top-partner__cell:nth-of-type(2n) .pg-top-partner__cell__detail {
		right: -4%;
		left: auto;
	}
}

@media screen and (max-width: 767px) {
	.pg-top-partner__cell:nth-of-type(2n) .pg-top-partner__cell__detail__inner::before {
		left: auto;
	}
}

@media screen and (max-width: 767px) and (min-width: 561px) {
	.pg-top-partner__cell:nth-of-type(2n) .pg-top-partner__cell__detail__inner::before {
		right: 23.5%;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-partner__cell:nth-of-type(2n) .pg-top-partner__cell__detail__inner::before {
		right: 21.5%;
	}
}

@media screen and (max-width: 767px) {
	.pg-top-partner__cell:nth-of-type(2n-1) .pg-top-partner__cell__detail {
		left: -4%;
	}
	.pg-top-partner__cell:nth-of-type(2n-1) .pg-top-partner__cell__detail__inner::before {
		left: 26%;
	}
}

.pg-top-partner__cell.is-open .pg-top-partner__cell__detail {
	pointer-events: auto;
}

.pg-top-partner__cell.is-open .pg-top-partner__cell__detail__inner {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 1024px) {
	.pg-top-partner__cell.-resilience {
		--figure-width: 118;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-partner__cell.-resilience {
		--figure-width: 83;
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-partner__cell.-koumuten {
		--figure-width: 133;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-partner__cell.-koumuten {
		--figure-width: 93;
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-partner__cell.-gooddesign {
		--figure-width: 118;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-partner__cell.-gooddesign {
		--figure-width: 82;
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-partner__cell.-rokumaru {
		--figure-width: 128;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-partner__cell.-rokumaru {
		--figure-width: 89;
	}
}

/* ----- pg-top-partner__cell__figure ----- */
.pg-top-partner__cell__figure div {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: calc( var( --figure-width ) * 0.1rem);
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 1024px) {
	.pg-top-partner__cell__figure div {
		height: 12.3rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.pg-top-partner__cell__figure div {
		height: 9.5rem;
	}
}

.pg-top-partner__cell__figure figcaption {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 4.6em;
	text-align: center;
	color: var(--color-pale-brown);
	font-family: var(--font-ja-gothic);
	line-height: calc( var(--line-height) * 1em);
}

@media screen and (min-width: 561px) {
	.pg-top-partner__cell__figure figcaption {
		font-size: 1.1rem;
		--line-height: calc( 15 / 11 );
		padding-top: 2.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-partner__cell__figure figcaption {
		font-size: 1rem;
		--line-height: calc( 12 / 8 );
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		padding-top: 0.4rem;
	}
}

.pg-top-partner__cell__figure figcaption span {
	display: block;
}

/* ----- pg-top-partner__cell__detail ----- */
.pg-top-partner__cell__detail {
	position: absolute;
	bottom: 100%;
	pointer-events: none;
}

@media screen and (min-width: 768px) {
	.pg-top-partner__cell__detail {
		width: 33.3rem;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		padding-bottom: 3.5rem;
	}
}

@media screen and (max-width: 767px) {
	.pg-top-partner__cell__detail {
		width: calc( 314 / var(--design-width-sp) * 100vw);
		left: 0;
		padding-bottom: 4rem;
	}
}

.pg-top-partner__cell__detail__inner {
	position: relative;
	background-color: var(--color-brown);
	color: var(--color-white);
	font-family: var(--font-ja-gothic);
	opacity: 0;
	-webkit-transform: translate3d(0, 1rem, 0);
	transform: translate3d(0, 1rem, 0);
	transition: var(--transition-toggle);
	transition-property: opacity,-webkit-transform;
	transition-property: opacity,transform;
	transition-property: opacity,transform,-webkit-transform;
}

@media screen and (min-width: 1024px) {
	.pg-top-partner__cell__detail__inner {
		padding: 4rem 5.2rem 4.1rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-partner__cell__detail__inner {
		padding: 3.3rem 3.6rem 3.7rem;
	}
}

.pg-top-partner__cell__detail__inner::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.5rem 0.8rem 0 0.8rem;
	border-color: var(--color-brown) transparent transparent transparent;
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.pg-top-partner__cell__detail__title {
	text-align: center;
	font-weight: 700;
}

@media screen and (min-width: 1024px) {
	.pg-top-partner__cell__detail__title {
		font-size: 1.4rem;
		font-size: max( 1.4rem , 12px );
		--line-height: calc( 26 / 14 );
		padding-bottom: 2.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-partner__cell__detail__title {
		font-size: 1.3rem;
		font-size: max( 1.3rem , 12px );
		--line-height: calc( 24 / 13 );
		padding-bottom: 2rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-partner__cell__detail__txt {
		font-size: 1.2rem;
		font-size: max( 1.2rem , 11px );
		--line-height: calc( 23 / 12 );
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-partner__cell__detail__txt {
		font-size: 1.1rem;
		font-size: max( 1.1rem , 11px );
		--line-height: calc( 23 / 11 );
	}
}

/* ------------------------------------------------------------
 pg-top-koshi
------------------------------------------------------------ */
.pg-top-koshi {
	background-color: var(--color-white);
}

@media screen and (min-width: 1024px) {
	.pg-top-koshi {
		padding-bottom: 14.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-koshi {
		padding-bottom: 11.4rem;
	}
}

.pg-top-koshi__inner {
	position: relative;
	background-color: var(--color-blue);
}

@media screen and (min-width: 1024px) {
	.pg-top-koshi__inner {
		height: 53.2rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.pg-top-koshi__inner {
		height: 48rem;
	}
}

/* ---------- pg-top-koshi__contents ---------- */
.pg-top-koshi__contents {
	position: relative;
	z-index: 10;
}

@media screen and (min-width: 768px) {
	.pg-top-koshi__contents {
		padding: 14.3rem 0 0 calc( ( 110 / 1296 ) * 100%);
	}
}

@media screen and (max-width: 767px) and (min-width: 561px) {
	.pg-top-koshi__contents {
		padding: 8rem 0 66rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-koshi__contents {
		padding: 8rem 0 37.5rem;
	}
}

/* ----- pg-top-koshi__title ----- */
.pg-top-koshi__title {
	color: var(--color-white);
	text-transform: uppercase;
	font-family: var(--font-en);
	letter-spacing: calc( 140 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-top-koshi__title {
		font-size: 1.9rem;
		font-size: max( 1.9rem , 16px );
		padding-bottom: 4.2rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-top-koshi__title {
		font-size: 1.6rem;
		font-size: max( 1.6rem , 14px );
		padding-bottom: 3.6rem;
	}
}

@media screen and (max-width: 767px) {
	.pg-top-koshi__title {
		text-align: center;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-koshi__title {
		font-size: 1.2rem;
		font-size: max( 1.2rem , 11px );
		padding-bottom: 2.8rem;
	}
}

/* ----- pg-top-koshi__catch ----- */
.pg-top-koshi__catch {
	color: var(--color-white);
	letter-spacing: calc( 80 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-top-koshi__catch {
		font-size: 3.4rem;
		font-size: max( 3.4rem , 28px );
		--line-height: calc( 59 / 34 );
		padding-bottom: 5.1rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-koshi__catch {
		--line-height: calc( 37 / 21 );
		padding-bottom: 4.2rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-top-koshi__catch {
		font-size: 2.6rem;
		font-size: max( 2.6rem , 22px );
	}
}

@media screen and (max-width: 767px) {
	.pg-top-koshi__catch {
		text-align: center;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-koshi__catch {
		font-size: 2.1rem;
		font-size: max( 2.1rem , 18px );
	}
}

.pg-top-koshi__catch__small {
	vertical-align: bottom;
}

@media screen and (min-width: 1024px) {
	.pg-top-koshi__catch__small {
		font-size: 1.9rem;
		font-size: max( 1.9rem , 14px );
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-koshi__catch__small {
		font-size: 1.2rem;
		font-size: max( 1.2rem , 11px );
	}
}

/* ----- pg-top-koshi__button ----- */
.pg-top-koshi__button {
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.pg-top-koshi__button {
		max-width: 26.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-koshi__button {
		max-width: 21.6rem;
	}
}

@media screen and (max-width: 767px) {
	.pg-top-koshi__button {
		margin: 0 auto;
	}
}

.pg-top-koshi__button a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 100px;
	background-color: var(--color-white);
	color: var(--color-blue);
}

@media screen and (min-width: 1024px) {
	.pg-top-koshi__button a {
		padding: 2.2rem 2.8rem 2.2rem 3.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-koshi__button a {
		padding: 1.8rem 2rem 1.8rem 2.4rem;
	}
}

.pg-top-koshi__button a.is-hover:hover {
	background-color: var(--color-blue2);
	color: var(--color-white);
}

.pg-top-koshi__button__txt {
	letter-spacing: calc( 80 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-top-koshi__button__txt {
		font-size: 1.7rem;
		font-size: max( 1.7rem , 15px );
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-koshi__button__txt {
		font-size: 1.4rem;
		font-size: max( 1.4rem , 12px );
	}
}

/* ---------- pg-top-koshi__figure ---------- */
.pg-top-koshi__figure {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 0;
}

@media screen and (min-width: 768px) {
	.pg-top-koshi__figure {
		width: calc( ( 850 / 1296 ) * 100%);
		height: 100%;
	}
}

@media screen and (max-width: 767px) {
	.pg-top-koshi__figure {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.pg-top-koshi__figure::after {
		content: '';
		display: block;
		padding-top: calc( ( 523 / 375 ) * 100%);
	}
}

.pg-top-koshi__figure img {
	-o-object-position: 50% 100%;
	object-position: 50% 100%;
	background-position: 50% 100% !important;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.pg-top-koshi__figure img {
		-o-object-position: 0 100%;
		object-position: 0 100%;
		background-position: 0 100% !important;
	}
}

@media screen and (max-width: 767px) and (min-width: 561px) {
	.pg-top-koshi__figure img {
		-o-object-position: 50% 0%;
		object-position: 50% 0%;
		background-position: 50% 0% !important;
	}
}

.pg-top-koshi__figure__logo {
	position: absolute;
	z-index: 10;
}

@media screen and (min-width: 768px) {
	.pg-top-koshi__figure__logo {
		top: 8.4rem;
		right: calc( ( 120 / 850 ) * 100%);
	}
}

@media screen and (min-width: 1024px) {
	.pg-top-koshi__figure__logo {
		width: 14.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-koshi__figure__logo {
		width: 11.5rem;
	}
}

@media screen and (max-width: 767px) {
	.pg-top-koshi__figure__logo {
		top: auto;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media screen and (max-width: 767px) and (min-width: 561px) {
	.pg-top-koshi__figure__logo {
		bottom: 42rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-top-koshi__figure__logo {
		bottom: 19.3rem;
	}
}

/* ------------------------------------------------------------
 pg-top-brand
------------------------------------------------------------ */
.pg-top-brand {
	background-color: var(--color-white);
}

@media screen and (min-width: 1024px) {
	.pg-top-brand {
		padding-bottom: 15rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-brand {
		padding-bottom: 14rem;
	}
}

/* ---------- pg-top-brand__header ---------- */
@media screen and (min-width: 1024px) {
	.pg-top-brand__header {
		padding-bottom: 4.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-brand__header {
		padding-bottom: 3.7rem;
	}
}

.pg-top-brand__header__title {
	text-align: center;
	text-transform: uppercase;
	font-family: var(--font-en);
	letter-spacing: calc( 140 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-top-brand__header__title {
		font-size: 3.6rem;
		font-size: max( 3.6rem , 30px );
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-top-brand__header__title {
		font-size: 3rem;
		font-size: max( 3rem , 26px );
	}
}

@media screen and (max-width: 560px) {
	.pg-top-brand__header__title {
		font-size: 2.4rem;
		font-size: max( 2.4rem , 20px );
	}
}

/* ---------- pg-top-brand__txt ---------- */
.pg-top-brand__txt {
	text-align: center;
	letter-spacing: calc( 40 / 1000 * 1em);
	padding-bottom: 7.2rem;
}

@media screen and (min-width: 1024px) {
	.pg-top-brand__txt {
		font-size: 1.6rem;
		font-size: max( 1.6rem , 14px );
		--line-height: calc( 36 / 16 );
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-brand__txt {
		--line-height: calc( 28 / 12 );
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-top-brand__txt {
		font-size: 1.4rem;
		font-size: max( 1.4rem , 12px );
	}
}

@media screen and (max-width: 560px) {
	.pg-top-brand__txt {
		font-size: 1.2rem;
		font-size: max( 1.2rem , 11px );
	}
}

/* ---------- pg-top-brand__logo ---------- */
.pg-top-brand__logo {
	overflow: hidden;
}

.pg-top-brand__logo__row::after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.pg-top-brand__logo__row:not(:last-of-type) {
	margin-bottom: 3.7rem;
}

.pg-top-brand__logo__row:not(.is-set) {
	height: 0;
	opacity: 0;
}

.pg-top-brand__logo__row ul {
	display: flex;
	align-items: center;
}

@media screen and (min-width: 1024px) {
	.pg-top-brand__logo__cell {
		width: calc( var( --width ) * 0.1rem);
		margin-right: 12.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-top-brand__logo__cell {
		width: calc( var( --width ) * 0.068rem);
		margin-right: 4.4rem;
	}
}

.pg-top-brand__logo__cell a:hover {
	opacity: .6;
}

.pg-top-brand__logo__cell.-archi-house {
	--width: 135;
}

.pg-top-brand__logo__cell.-yamada-homes {
	--width: 158;
}

.pg-top-brand__logo__cell.-rasic {
	--width: 92;
}

.pg-top-brand__logo__cell.-hiraco {
	--width: 131;
}

.pg-top-brand__logo__cell.-anesis-fukuoka {
	--width: 135;
}

.pg-top-brand__logo__cell.-rasic-fukuoka {
	--width: 92;
}

.pg-top-brand__logo__cell.-homeparty {
	--width: 91;
}

.pg-top-brand__logo__cell.-rcode {
	--width: 135;
}

.pg-top-brand__logo__cell.-mizumawarin {
	--width: 135;
}

.pg-top-brand__logo__cell.-renoveru {
	--width: 135;
}

.pg-top-brand__logo__cell.-relief {
	--width: 135;
}

.pg-top-brand__logo__cell.-family-stage {
	--width: 158;
}

.pg-top-brand__logo__cell.-anesis-group {
	--width: 135;
}