@charset "UTF-8";
/**
 *
 * page/ home.scss
 *
 * ページ名 : ホーム
 *
 */
.pg-home {
	overflow: hidden;
}

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

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

/* ------------------------------------------------------------
 pg-home-kv
------------------------------------------------------------ */
.pg-home-kv {
	position: relative;
	z-index: 1;
	--parent-width: 1133;
	--parent-height: 1076;
	margin-bottom: calc( var( --bottom-space ) * -1);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media screen and (min-width: 1024px) {
	.pg-home-kv {
		--bottom-space: 12.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-kv {
		--bottom-space: 8.4rem;
	}
}

.pg-home-kv__inner {
	position: relative;
	padding-bottom: var(--bottom-space);
}

@media screen and (min-width: 1024px) {
	.pg-home-kv__inner {
		padding-top: 12.6rem;
		-webkit-transform: translateX(0.3rem);
		transform: translateX(0.3rem);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-kv__inner {
		padding-top: 7.6rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-home-kv__inner {
		width: 92%;
		margin: 0 auto;
		overflow: hidden;
	}
}

.pg-home-kv__motion {
	position: relative;
	margin: 0 auto;
}

@media screen and (min-width: 1024px) {
	.pg-home-kv__motion {
		width: calc( var( --parent-width ) * 0.1rem);
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-home-kv__motion {
		margin: 0 var(--outside-sm);
	}
}

.pg-home-kv__motion::after {
	content: '';
	display: block;
	padding-top: calc( ( var( --parent-height ) / var(--parent-width) ) * 100%);
	pointer-events: none;
}

/* ----------------------------------------
 pg-home-kv__base
---------------------------------------- */
.pg-home-kv__base {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	pointer-events: none;
}

/* ----------------------------------------
 pg-home-kv__all
---------------------------------------- */
.pg-home-kv__all {
	width: 115%;
	position: absolute;
	left: 50%;
	bottom: -11%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

/* ----------------------------------------
 pf-homw-kv__search
 虫眼鏡
---------------------------------------- */
.pf-homw-kv__search .-unique1 .pf-homw-kv__search__button {
	--top: 81;
	--left: 194;
}

.pf-homw-kv__search .-unique1 .pg-homw-kv__search__contents {
	--width: 309;
	--top: 23;
	--left: 253;
	--before-left: -19%;
}

.pf-homw-kv__search .-unique2 .pf-homw-kv__search__button {
	--top: 282;
	--right: 238;
}

.pf-homw-kv__search .-unique2 .pg-homw-kv__search__contents {
	--width: 258;
	--top: 100;
	--right: 187;
	--before-bottom: -30%;
}

.pf-homw-kv__search .-unique3 .pf-homw-kv__search__button {
	--top: 422;
	--left: 304;
}

.pf-homw-kv__search .-unique3 .pg-homw-kv__search__contents {
	--width: 246;
	--top: 218;
	--left: 105;
	--before-bottom: -24%;
}

.pf-homw-kv__search .-unique4 .pf-homw-kv__search__button {
	--top: 428;
	--left: 465;
}

.pf-homw-kv__search .-unique4 .pg-homw-kv__search__contents {
	--width: 258;
	--top: 246;
	--left: 406;
	--before-bottom: -30%;
}

.pf-homw-kv__search .-unique5 .pf-homw-kv__search__button {
	--bottom: 439;
	--right: 278;
}

.pf-homw-kv__search .-unique5 .pg-homw-kv__search__contents {
	--width: 258;
	--bottom: 257;
	--right: 87;
	--before-top: -30%;
}

.pf-homw-kv__search .-unique6 .pf-homw-kv__search__button {
	--bottom: 434;
	--right: 509;
}

.pf-homw-kv__search .-unique6 .pg-homw-kv__search__contents {
	--width: 286;
	--bottom: 480;
	--right: 305;
	--before-bottom: -26%;
}

.pf-homw-kv__search .-unique7 .pf-homw-kv__search__button {
	--bottom: 356;
	--left: 418;
}

.pf-homw-kv__search .-unique7 .pg-homw-kv__search__contents {
	--width: 314;
	--bottom: 401;
	--left: 168;
	--before-bottom: -28%;
}

.pf-homw-kv__search .-unique8 .pf-homw-kv__search__button {
	--bottom: 155;
	--left: 285;
}

.pf-homw-kv__search .-unique8 .pg-homw-kv__search__contents {
	--width: 258;
	--bottom: 188;
	--left: 70;
	--before-bottom: -16%;
}

.pf-homw-kv__search__cell.is-open a {
	pointer-events: auto;
}

.pf-homw-kv__search__cell.is-open .pf-homw-kv__search__button button {
	opacity: 0;
}

.pf-homw-kv__search__cell.is-open .pf-homw-kv__search__button a {
	display: block;
}

.pf-homw-kv__search__cell.is-open .pg-homw-kv__search__contents {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	pointer-events: auto !important;
}

@media (hover: hover) {
	.pf-homw-kv__search__cell:hover .pf-homw-kv__search__button::before {
		-webkit-animation-play-state: paused;
		animation-play-state: paused;
		opacity: 0 !important;
	}
	.pf-homw-kv__search__cell:hover .pf-homw-kv__search__button g {
		stroke: var(--color-accent3);
	}
	.pf-homw-kv__search__cell:hover .pf-homw-kv__search__button > div {
		opacity: 1;
	}
	.pf-homw-kv__search__cell:hover .pf-homw-kv__search__button > div:nth-of-type(1) {
		opacity: 0;
	}
	.pf-homw-kv__search__cell:hover .pf-homw-kv__search__button > div:nth-of-type(2) {
		opacity: 1;
	}
}

/* ---------- pf-homw-kv__search__button ---------- */
.pf-homw-kv__search__button {
	--width: 44;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	border-radius: 50%;
	background-color: var(--color-main2);
	z-index: 1000;
	pointer-events: auto;
	/* ---------- hoverを始めてからアニメーションを開始 ---------- */
	/* クラスの付与はJavaScriptで管理 */
}

.pf-homw-kv__search__button::after {
	content: '';
	display: block;
	padding-top: 100%;
	pointer-events: none;
}

.pf-homw-kv__search__button button {
	position: absolute;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
}

@media screen and (min-width: 1024px) {
	.pf-homw-kv__search__button button {
		width: 100%;
		height: 100%;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pf-homw-kv__search__button button {
		width: 160%;
		height: 160%;
	}
}

@media screen and (max-width: 560px) {
	.pf-homw-kv__search__button button {
		width: 240%;
		height: 240%;
	}
}

.pf-homw-kv__search__button a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: none;
}

body.ua-pc .pf-homw-kv__search__button a {
	display: block;
}

.pf-homw-kv__search__button i {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc( ( 17 / 44 ) * 100%);
	pointer-events: none;
}

.pf-homw-kv__search__button svg {
	width: 100%;
	height: auto;
	pointer-events: none;
}

.pf-homw-kv__search__button g {
	stroke: var(--color-txt2);
	transition: stroke var(--transition-hover);
}

.pf-homw-kv__search__button div {
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.pf-homw-kv__search__button > div::before,
.pf-homw-kv__search__button > div:not(:nth-of-type(1))::after,
.pf-homw-kv__search__button > div > div::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	background-color: var(--color-main2);
	pointer-events: none;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.pf-homw-kv__search__button > div {
	transition: opacity var(--transition-hover);
}

.pf-homw-kv__search__button > div:nth-of-type(1)::before {
	opacity: .2;
	-webkit-animation: scale2_2 var(--animation-scale) infinite;
	animation: scale2_2 var(--animation-scale) infinite;
}

.pf-homw-kv__search__button > div:nth-of-type(2) {
	opacity: 0;
}

.pf-homw-kv__search__button > div:nth-of-type(2)::before, .pf-homw-kv__search__button > div:nth-of-type(2)::after,
.pf-homw-kv__search__button > div:nth-of-type(2) div::before {
	opacity: .4;
}

.pf-homw-kv__search__button.is-animation > div:nth-of-type(2)::before, .pf-homw-kv__search__button.is-animation > div:nth-of-type(2)::after,
.pf-homw-kv__search__button.is-animation > div:nth-of-type(2) div::before {
	-webkit-animation: scale4 var(--animation-scale2) infinite;
	animation: scale4 var(--animation-scale2) infinite;
}

.pf-homw-kv__search__button.is-animation > div:nth-of-type(2)::after {
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
}

.pf-homw-kv__search__button.is-animation > div:nth-of-type(2) div::before {
	-webkit-animation-delay: 600ms;
	animation-delay: 600ms;
}

/* ---------- pg-homw-kv__search__contents ---------- */
.pg-homw-kv__search__contents {
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	transition: var(--transition-accordion);
	transition-property: opacity,visibility,-webkit-transform;
	transition-property: opacity,visibility,transform;
	transition-property: opacity,visibility,transform,-webkit-transform;
}

body:not(.ua-iphone) .pg-homw-kv__search__contents {
	-webkit-transform: translate3d(0, 1rem, 0);
	transform: translate3d(0, 1rem, 0);
}

body.ua-pc .pg-homw-kv__search__contents::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	top: var(--before-top, auto);
	right: var(--before-right, auto);
	left: var(--before-left, auto);
	bottom: var(--before-bottom, auto);
	width: 100%;
	height: 100%;
}

.pg-homw-kv__search__contents a {
	position: relative;
	z-index: 1;
	display: block;
}

@media (hover: hover) {
	.pg-homw-kv__search__contents a:hover img {
		-webkit-filter: drop-shadow(var(--shadow--hover));
		filter: drop-shadow(var(--shadow--hover));
	}
}

.pg-homw-kv__search__contents img {
	-webkit-filter: drop-shadow(var(--shadow));
	filter: drop-shadow(var(--shadow));
	transition: -webkit-filter var(--transition-hover);
	transition: filter var(--transition-hover);
	transition: filter var(--transition-hover), -webkit-filter var(--transition-hover);
	pointer-events: none;
}

.pg-homw-kv__search__contents img.-clone {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	-webkit-filter: none;
	filter: none;
}

/* ----------------------------------------
 pf-homw-kv__static
 動かないパーツ
---------------------------------------- */
.pf-homw-kv__static .-unique1 {
	--width: 89;
	--top: 109;
	--left: -18;
}

.pf-homw-kv__static .-unique2 {
	--width: 86;
	--top: 130;
	--left: 530;
}

.pf-homw-kv__static .-unique3 {
	--width: 86;
	--top: 0;
	--right: 416;
}

.pf-homw-kv__static .-unique4 {
	--width: 75;
	--top: 282;
	--right: 173;
}

/* ----------------------------------------
 pf-homw-kv__animation
 動くパーツ
---------------------------------------- */
body.ua-safari .pf-homw-kv__animation div, body.ua-safari .pf-homw-kv__animation span,
body.ua-smartphone .pf-homw-kv__animation div,
body.ua-smartphone .pf-homw-kv__animation span,
body.ua-tablet .pf-homw-kv__animation div,
body.ua-tablet .pf-homw-kv__animation span {
	-webkit-animation: none !important;
	animation: none !important;
	opacity: 1;
}

.pf-homw-kv__animation .-unique1 {
	--width: 86;
	--top: 294;
	--left: 76;
}

.pf-homw-kv__animation .-unique1 span {
	--parent-width: 86;
	--parent-height: 135;
	--width: 17;
	--top: 15;
	--left: 34;
	z-index: -1;
	-webkit-animation: scale2 var(--animation-scale2) infinite;
	animation: scale2 var(--animation-scale2) infinite;
}

.pf-homw-kv__animation .-unique2 {
	--width: 124;
	--top: 94;
	--left: 181;
}

.pf-homw-kv__animation .-unique2 span {
	--parent-width: 124;
	--parent-height: 147;
}

.pf-homw-kv__animation .-unique2 span:nth-of-type(1) {
	--width: 34;
	--top: 0;
	--left: 67;
	-webkit-animation: jump var(--animation-jump) infinite;
	animation: jump var(--animation-jump) infinite;
}

.pf-homw-kv__animation .-unique2 span:nth-of-type(2) {
	--width: 32;
	--top: 34;
	--left: 4;
	-webkit-animation: rotate var(--animation-rotate) infinite;
	animation: rotate var(--animation-rotate) infinite;
}

.pf-homw-kv__animation .-unique2 span:nth-of-type(3) {
	--width: 27;
	--top: 56;
	--left: 38;
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotate2 var(--animation-rotate) infinite;
	animation: rotate2 var(--animation-rotate) infinite;
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms;
}

.pf-homw-kv__animation .-unique3 {
	--width: 105;
	--top: 234;
	--left: 367;
}

.pf-homw-kv__animation .-unique3 span {
	--parent-width: 105;
	--parent-height: 114;
}

.pf-homw-kv__animation .-unique3 span:nth-of-type(1) {
	--width: 28;
	--top: 0;
	--left: 7;
	-webkit-animation: flash2 var(--animation-flash2) infinite;
	animation: flash2 var(--animation-flash2) infinite;
}

.pf-homw-kv__animation .-unique3 span:nth-of-type(2) {
	--width: 37;
	--top: 11;
	--left: 13;
	-webkit-animation: run var(--animation-run) infinite;
	animation: run var(--animation-run) infinite;
	-webkit-animation-delay: 1300ms;
	animation-delay: 1300ms;
}

.pf-homw-kv__animation .-unique3 span:nth-of-type(3) {
	--width: 42;
	--top: 19;
	--left: 38;
	-webkit-transform: translate3d(30%, 0%, 0);
	transform: translate3d(30%, 0%, 0);
	-webkit-animation: run var(--animation-run) infinite;
	animation: run var(--animation-run) infinite;
}

.pf-homw-kv__animation .-unique4 {
	--width: 99;
	--top: 44;
	--left: 390;
	-webkit-animation: floating var(--animation-floating) infinite;
	animation: floating var(--animation-floating) infinite;
}

.pf-homw-kv__animation .-unique5 {
	--width: 128;
	--top: 88;
	--right: 238;
}

.pf-homw-kv__animation .-unique5 span {
	--parent-width: 128;
	--parent-height: 160;
	--width: 26;
	--base-top--left: 57;
	--base-top--right: 25;
	--coin: 4.3;
	opacity: 0;
	-webkit-animation: var(--animation-coin) infinite;
	animation: var(--animation-coin) infinite;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(1) {
	-webkit-animation-name: coin4;
	animation-name: coin4;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(2) {
	-webkit-animation-name: coin3;
	animation-name: coin3;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(3) {
	-webkit-animation-name: coin2;
	animation-name: coin2;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(4) {
	-webkit-animation-name: coin1;
	animation-name: coin1;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(5) {
	-webkit-animation-name: coin5;
	animation-name: coin5;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(6) {
	-webkit-animation-name: coin4;
	animation-name: coin4;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(7) {
	-webkit-animation-name: coin3;
	animation-name: coin3;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(8) {
	-webkit-animation-name: coin2;
	animation-name: coin2;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(9) {
	-webkit-animation-name: coin1;
	animation-name: coin1;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(1), .pf-homw-kv__animation .-unique5 span:nth-of-type(2), .pf-homw-kv__animation .-unique5 span:nth-of-type(3), .pf-homw-kv__animation .-unique5 span:nth-of-type(4) {
	--right: 92;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(5), .pf-homw-kv__animation .-unique5 span:nth-of-type(6), .pf-homw-kv__animation .-unique5 span:nth-of-type(7), .pf-homw-kv__animation .-unique5 span:nth-of-type(8), .pf-homw-kv__animation .-unique5 span:nth-of-type(9) {
	--right: 8;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(1) {
	--top: var( --base-top--left );
	z-index: 5;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(2) {
	--top: calc( var( --base-top--left ) + var( --coin ) * 1 );
	z-index: 4;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(3) {
	--top: calc( var( --base-top--left ) + var( --coin ) * 2 );
	z-index: 3;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(4) {
	--top: calc( var( --base-top--left ) + var( --coin ) * 3 );
	z-index: 2;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(5) {
	--top: var( --base-top--right );
	z-index: 5;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(6) {
	--top: calc( var( --base-top--right ) + var( --coin ) * 1 );
	z-index: 4;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(7) {
	--top: calc( var( --base-top--right ) + var( --coin ) * 2 );
	z-index: 3;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(8) {
	--top: calc( var( --base-top--right ) + var( --coin ) * 3 );
	z-index: 2;
}

.pf-homw-kv__animation .-unique5 span:nth-of-type(9) {
	--top: calc( var( --base-top--right ) + var( --coin ) * 4 );
	z-index: 1;
}

.pf-homw-kv__animation .-unique6 {
	--width: 99;
	--top: 91;
	--right: 5;
}

.pf-homw-kv__animation .-unique6 span {
	--parent-width: 99;
	--parent-height: 163;
	opacity: 0;
	-webkit-animation: fall var(--animation-fall) infinite;
	animation: fall var(--animation-fall) infinite;
}

.pf-homw-kv__animation .-unique6 span:nth-of-type(1) {
	--width: 15;
	--top: 58;
	--right: 67;
}

.pf-homw-kv__animation .-unique6 span:nth-of-type(2) {
	--width: 15;
	--top: 37;
	--right: 35;
	-webkit-animation-delay: 700ms;
	animation-delay: 700ms;
}

.pf-homw-kv__animation .-unique6 span:nth-of-type(3) {
	--width: 14;
	--top: 0;
	--right: 20;
	-webkit-animation-delay: 1200ms;
	animation-delay: 1200ms;
}

.pf-homw-kv__animation .-unique6 span:nth-of-type(4) {
	--width: 16;
	--top: 55;
	--right: 9;
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
}

.pf-homw-kv__animation .-unique7 {
	--width: 30;
	--bottom: 122;
	--left: 196;
	-webkit-animation: rotate var(--animation-rotate) infinite;
	animation: rotate var(--animation-rotate) infinite;
}

.pf-homw-kv__animation .-unique8 {
	--width: 116;
	--bottom: 502;
	--left: 243;
	z-index: -1;
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotate var(--animation-rotate) 300ms infinite;
	animation: rotate var(--animation-rotate) 300ms infinite;
}

.pf-homw-kv__animation .-unique9 {
	--width: 46;
	--bottom: 563;
	--left: 410;
	-webkit-animation: scale-InOut var(--animation-scale-InOut) 300ms infinite;
	animation: scale-InOut var(--animation-scale-InOut) 300ms infinite;
}

.pf-homw-kv__animation .-unique10 {
	--width: 39;
	--bottom: 302;
	--left: 451;
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotate2 var(--animation-rotate) 200ms infinite;
	animation: rotate2 var(--animation-rotate) 200ms infinite;
}

.pf-homw-kv__animation .-unique11 {
	--width: 54;
	--bottom: 607;
	--left: 561;
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotate var(--animation-rotate) 1200ms infinite;
	animation: rotate var(--animation-rotate) 1200ms infinite;
}

.pf-homw-kv__animation .-unique12 {
	--width: 51;
	--bottom: 393;
	--left: 604;
	-webkit-animation-name: paper1;
	animation-name: paper1;
}

.pf-homw-kv__animation .-unique13 {
	--width: 39;
	--bottom: 393;
	--left: 580;
	-webkit-animation-name: paper2;
	animation-name: paper2;
}

.pf-homw-kv__animation .-unique14 {
	--width: 45;
	--bottom: 365;
	--left: 628;
	-webkit-animation-name: paper3;
	animation-name: paper3;
}

.pf-homw-kv__animation .-unique15 {
	--width: 75;
	--bottom: 74;
	--right: 376;
	-webkit-animation: rotate3 var(--animation-rotate2) infinite;
	animation: rotate3 var(--animation-rotate2) infinite;
}

.pf-homw-kv__animation .-unique16,
.pf-homw-kv__animation .-unique17,
.pf-homw-kv__animation .-unique18 {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-animation: flash var(--animation-flash) infinite;
	animation: flash var(--animation-flash) infinite;
}

.pf-homw-kv__animation .-unique16 {
	--width: 26;
	--bottom: 615;
	--right: 373;
}

.pf-homw-kv__animation .-unique17 {
	--width: 58;
	--bottom: 627;
	--right: 362;
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
}

.pf-homw-kv__animation .-unique18 {
	--width: 80;
	--bottom: 639;
	--right: 353;
	-webkit-animation-delay: 600ms;
	animation-delay: 600ms;
}

.pf-homw-kv__animation .-unique19 {
	--width: 34;
	--bottom: 174;
	--right: 209;
	-webkit-transform: translate3d(40%, 0%, 0);
	transform: translate3d(40%, 0%, 0);
	-webkit-animation: run2 var(--animation-run2) 2000ms infinite;
	animation: run2 var(--animation-run2) 2000ms infinite;
}

.pf-homw-kv__animation .-unique20 {
	--width: 36;
	--bottom: 204;
	--right: 156;
	-webkit-animation: run2 var(--animation-run2) infinite;
	animation: run2 var(--animation-run2) infinite;
}

/* ----------------------------------------
 pf-homw-kv__parallelogram
 平行四辺形
---------------------------------------- */
.pf-homw-kv__parallelogram div {
	--width: 24;
}

.pf-homw-kv__parallelogram .-unique1 {
	--top: -13;
	--left: 259;
}

.pf-homw-kv__parallelogram .-unique2 {
	--top: 19;
	--left: 309;
}

.pf-homw-kv__parallelogram .-unique3 {
	--top: 41;
	--right: 189;
}

.pf-homw-kv__parallelogram .-unique4 {
	--top: 259;
	--left: -15;
}

.pf-homw-kv__parallelogram .-unique5 {
	--top: 324;
	--left: 267;
}

.pf-homw-kv__parallelogram .-unique6 {
	--top: 274;
	--right: 457;
}

.pf-homw-kv__parallelogram .-unique7 {
	--top: 306;
	--right: 423;
}

.pf-homw-kv__parallelogram .-unique8 {
	--top: 288;
	--right: -31;
}

.pf-homw-kv__parallelogram .-unique9 {
	--bottom: 507;
	--left: 53;
}

.pf-homw-kv__parallelogram .-unique10 {
	--bottom: 464;
	--left: 7;
}

.pf-homw-kv__parallelogram .-unique11 {
	--bottom: 630;
	--right: 40;
}

.pf-homw-kv__parallelogram .-unique12 {
	--bottom: 587;
	--right: 70;
}

.pf-homw-kv__parallelogram .-unique13 {
	--bottom: 455;
	--right: 1;
}

.pf-homw-kv__parallelogram .-unique14 {
	--bottom: -88;
	--left: 78;
}

.pf-homw-kv__parallelogram .-unique15 {
	--bottom: -119;
	--left: 109;
}

.pf-homw-kv__parallelogram .-unique16 {
	--bottom: -46;
	--right: 146;
}

.pf-homw-kv__parallelogram .-unique17 {
	--bottom: -11;
	--right: 113;
}

/* ----------------------------------------
 pf-homw-kv__start
 星
---------------------------------------- */
body.ua-safari .pf-homw-kv__start img,
body.ua-smartphone .pf-homw-kv__start img,
body.ua-tablet .pf-homw-kv__start img {
	opacity: 0;
	-webkit-animation: flash var(--animation-flash) infinite;
	animation: flash var(--animation-flash) infinite;
	-webkit-animation-delay: var(--animation-delay);
	animation-delay: var(--animation-delay);
}

.pf-homw-kv__start .-unique1 {
	--width: 12;
	--top: 19;
	--left: 73;
}

.pf-homw-kv__start .-unique2 {
	--width: 9;
	--top: 41;
	--left: 92;
	--animation-delay: 300ms;
}

.pf-homw-kv__start .-unique3 {
	--width: 12;
	--top: -5;
	--right: 98;
	--animation-delay: 1000ms;
}

.pf-homw-kv__start .-unique4 {
	--width: 8;
	--top: 15;
	--right: 87;
	--animation-delay: 1300ms;
}

.pf-homw-kv__start .-unique5 {
	--width: 15;
	--top: 142;
	--left: 386;
	--animation-delay: 4000ms;
}

.pf-homw-kv__start .-unique6 {
	--width: 8;
	--top: 157;
	--left: 412;
	--animation-delay: 4300ms;
}

.pf-homw-kv__start .-unique7 {
	--width: 8;
	--top: 471;
	--right: 139;
	--animation-delay: 3000ms;
}

.pf-homw-kv__start .-unique8 {
	--width: 7;
	--top: 488;
	--right: 159;
	--animation-delay: 3300ms;
}

.pf-homw-kv__start .-unique9 {
	--width: 8;
	--bottom: 345;
	--left: -85;
	--animation-delay: 5000ms;
}

.pf-homw-kv__start .-unique10 {
	--width: 18;
	--bottom: 329;
	--left: -68;
	--animation-delay: 5300ms;
}

.pf-homw-kv__start .-unique11 {
	--width: 15;
	--bottom: 245;
	--right: -76;
	--animation-delay: 2000ms;
}

.pf-homw-kv__start .-unique12 {
	--width: 7;
	--bottom: 220;
	--right: -86;
	--animation-delay: 2300ms;
}

.pf-homw-kv__start .-unique13 {
	--width: 12;
	--bottom: -96;
	--left: 195;
}

.pf-homw-kv__start .-unique14 {
	--width: 17;
	--bottom: -115;
	--left: 215;
	--animation-delay: 300ms;
}

.pf-homw-kv__start .-unique15 {
	--width: 7;
	--bottom: -65;
	--right: 2;
	--animation-delay: 5000ms;
}

.pf-homw-kv__start .-unique16 {
	--width: 11;
	--bottom: -93;
	--right: 18;
	--animation-delay: 5300ms;
}

/* ------------------------------------------------------------
 pg-home-page
------------------------------------------------------------ */
.pg-home-page {
	position: relative;
	z-index: 1;
}

@media screen and (min-width: 1024px) {
	.pg-home-page {
		margin-top: 12rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-page {
		margin-top: 5rem;
	}
}

/* ---------- pg-home-page__title ----------*/
.pg-home-page__title {
	color: var(--color-txt2);
	text-align: center;
	font-family: var(--font-sans-serif);
	font-weight: 700;
	letter-spacing: calc( 20 / 1000 * 1em);
	--line-height: calc( 40.7 / 36.8 );
	margin-top: var(--font-sans-serif-top);
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.pg-home-page__title {
		font-size: var(--font-size77);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-page__title {
		font-size: var(--font-size36);
	}
}

/* ---------- pg-home-page__list ----------*/
/* ---------- pg-home-page__card ----------*/
.pg-home-page__card {
	/* ----- -unique1 ----- */
	/* ----- -unique2 ----- */
	/* ----- -unique3 ----- */
	/* ----- -unique4 ----- */
	/* ----- -unique5 ----- */
	/* ----- -unique6 ----- */
	/* ----- -unique7 ----- */
	/* ----- -unique8 ----- */
	/* ----- -unique9 ----- */
	/* ----- -unique10 ----- */
}

@media screen and (min-width: 1024px) {
	.pg-home-page__card {
		width: 157px;
		margin-right: 1.3rem;
		margin-left: 1.3rem;
		--balloon-bottom: -2.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-page__card {
		width: 117px;
		margin-right: 1rem;
		margin-left: 1rem;
		--balloon-bottom: -1.6rem;
	}
}

.pg-home-page__card a, .pg-home-page__card button {
	position: relative;
	display: block;
	width: 100%;
	border-radius: var(--radius-rg);
	background-color: var(--color-bg);
	-webkit-filter: drop-shadow(var(--shadow));
	filter: drop-shadow(var(--shadow));
}

@media screen and (min-width: 1024px) {
	.pg-home-page__card a, .pg-home-page__card button {
		height: 177px;
		padding: 2.1rem 1.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-page__card a, .pg-home-page__card button {
		height: 139px;
		padding: 1.5rem 0.8rem;
	}
}

@media (hover: hover) {
	.pg-home-page__card a:hover, .pg-home-page__card button:hover {
		-webkit-filter: drop-shadow(var(--shadow--hover));
		filter: drop-shadow(var(--shadow--hover));
	}
}

.pg-home-page__card a::before, .pg-home-page__card button::before {
	content: '';
	display: block;
	background-image: url("../../img/common/object/balloon_triangle_white.svg");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: var(--balloon-left, auto);
	right: var(--balloon-right, auto);
	bottom: var(--balloon-bottom);
}

@media screen and (min-width: 1024px) {
	.pg-home-page__card a::before, .pg-home-page__card button::before {
		width: 2.8rem;
		height: 2.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-page__card a::before, .pg-home-page__card button::before {
		width: 2.1rem;
		height: 1.9rem;
	}
}

@media screen and (min-width: 1024px) {
	[lang="en"] .pg-home-page__card a, [lang="en"] .pg-home-page__card button {
		height: 194px;
	}
}

@media screen and (max-width: 1023px) {
	[lang="en"] .pg-home-page__card a, [lang="en"] .pg-home-page__card button {
		height: 160px;
	}
}

.pg-home-page__card button {
	display: flex;
	flex-direction: column;
}

@media screen and (min-width: 1024px) {
	.pg-home-page__card:nth-of-type(2n) {
		margin-top: 3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-page__card:nth-of-type(2n) {
		margin-top: 2.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-page__card.-unique1, .pg-home-page__card.-unique3, .pg-home-page__card.-unique5, .pg-home-page__card.-unique7, .pg-home-page__card.-unique9 {
		--balloon-left: 4.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-page__card.-unique1, .pg-home-page__card.-unique3, .pg-home-page__card.-unique5, .pg-home-page__card.-unique7, .pg-home-page__card.-unique9 {
		--balloon-left: 3.5rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-page__card.-unique2, .pg-home-page__card.-unique4, .pg-home-page__card.-unique6, .pg-home-page__card.-unique8, .pg-home-page__card.-unique10 {
		--balloon-right: 4.1rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-page__card.-unique2, .pg-home-page__card.-unique4, .pg-home-page__card.-unique6, .pg-home-page__card.-unique8, .pg-home-page__card.-unique10 {
		--balloon-right: 3.1rem;
	}
}

.pg-home-page__card.-unique2 a::before, .pg-home-page__card.-unique4 a::before, .pg-home-page__card.-unique6 a::before, .pg-home-page__card.-unique8 a::before, .pg-home-page__card.-unique10 a::before {
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.pg-home-page__card.-unique2 {
	--illust-width: 8.3rem;
	--illust-top: 2.2rem;
	--illust-left: 3.1rem;
}

.pg-home-page__card.-unique3 {
	--illust-width: 9.7rem;
	--illust-top: 1.2rem;
	--illust-left: 2.1rem;
}

.pg-home-page__card.-unique4 {
	--illust-width: 8rem;
	--illust-top: 0.9rem;
	--illust-left: 5.6rem;
	--balloon-bottom: -1.3rem;
}

.pg-home-page__card.-unique5 {
	--illust-width: 10.7rem;
	--illust-top: 1.4rem;
	--illust-left: 2.7rem;
}

.pg-home-page__card.-unique6 {
	--illust-width: 7.5rem;
	--illust-top: 1.2rem;
	--illust-left: 3.3rem;
}

.pg-home-page__card.-unique7 {
	--illust-width: 9.4rem;
	--illust-top: 2rem;
	--illust-left: 2.7rem;
}

.pg-home-page__card.-unique8 {
	--illust-width: 7rem;
	--illust-top: 1.4rem;
	--illust-left: 5.9rem;
}

.pg-home-page__card.-unique9 {
	--illust-width: 10.7rem;
	--illust-top: 3.8rem;
	--illust-left: 3.2rem;
}

.pg-home-page__card.-unique10 {
	--illust-width: 14.1rem;
	--illust-top: -0.1rem;
	--illust-left: 1.3rem;
}

.pg-home-page__card__title {
	width: 100%;
	color: var(--color-main2);
	text-align: center;
	font-weight: 500;
}

@media screen and (min-width: 1024px) {
	.pg-home-page__card__title {
		font-size: var(--font-size12);
		--line-height: calc( 18 / 12 );
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-page__card__title {
		font-size: var(--font-size10);
		--line-height: calc( 12.92 / 10 );
	}
}

[lang="en"] .pg-home-page__card__title {
	text-transform: uppercase;
	font-family: var(--font-sans-serif);
	font-weight: 700;
}

@media screen and (min-width: 1024px) {
	[lang="en"] .pg-home-page__card__title {
		font-size: var(--font-size10);
	}
}

.pg-home-page__card__txt {
	text-align: left;
}

@media screen and (min-width: 1024px) {
	.pg-home-page__card__txt {
		margin-top: 1.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-page__card__txt {
		margin-top: 1rem;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-page__illust {
		width: var(--illust-width);
		margin-top: var(--illust-top);
		margin-left: var(--illust-left);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-page__illust {
		--responsive-ratio: 26 / 35;
		width: calc( var( --illust-width ) * var(--responsive-ratio));
		margin-top: calc( var( --illust-top ) * var(--responsive-ratio));
		margin-left: calc( var( --illust-left ) * var(--responsive-ratio));
	}
}

/* ------------------------------------------------------------
 pg-home-pickups
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.pg-home-pickups {
		margin-top: 5.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickups {
		margin-top: 1.5rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-pickups__header {
		padding-left: 0.7rem;
	}
}

.pg-home-pickups__list {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-home-pickups__list {
		display: flex;
		justify-content: space-between;
		margin-top: 2.9rem;
		--basic-width: calc( var(--ww) / 3 );
		--open-width: calc( var(--ww) - var(--obi-width) * 2 );
		--obi-width: 6.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickups__list {
		margin-top: 2.4rem;
		--basic-height: 19.6rem;
		--obi-height: 6.4rem;
	}
}

/* ------------------------------------------------------------
 pg-home-pickup
------------------------------------------------------------ */
.pg-home-pickup {
	position: relative;
	z-index: 0;
	overflow: hidden;
	color: var(--color-txt2);
	/* ---------- -about ---------- */
	/* ---------- -membership ---------- */
	/* ---------- -area ---------- */
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup {
		flex: 1;
		min-width: var(--obi-width);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup {
		height: var(--basic-height);
		min-height: var(--obi-height);
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup.-about {
		--switch-illust-width: 12.8rem;
		--switch-illust-top: 7.1rem;
		--main-illust-width: 12.8rem;
		--main-illust-top: -1.2rem;
		--main-illust-left: 0.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup.-about {
		--switch-illust-width: 6.1rem;
		--switch-illust-left: 2.1rem;
		--main-illust-width: 6.1rem;
		--main-illust-top: -0.2rem;
		--main-illust-left: -0.2rem;
	}
}

.pg-home-pickup.-about .pg-home-pickup__bg {
	left: 0;
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup.-membership {
		--switch-illust-width: 13.2rem;
		--switch-illust-top: 7.1rem;
		--main-illust-width: 13.2rem;
		--main-illust-top: -2.1rem;
		--main-illust-left: 0.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup.-membership {
		--switch-illust-width: 6.6rem;
		--switch-illust-left: 2rem;
		--main-illust-width: 6.6rem;
		--main-illust-top: -0.9rem;
		--main-illust-left: -0.6rem;
	}
}

.pg-home-pickup.-membership .pg-home-pickup__bg {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup.-area {
		--switch-illust-width: 17.1rem;
		--switch-illust-top: 9.1rem;
		--main-illust-width: 17.1rem;
		--main-illust-top: -0.6rem;
		--main-illust-left: -1.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup.-area {
		--switch-illust-width: 8.2rem;
		--switch-illust-left: 1.3rem;
		--main-illust-width: 7.8rem;
		--main-illust-top: -0.4rem;
		--main-illust-left: -1.2rem;
	}
}

.pg-home-pickup.-area .pg-home-pickup__bg {
	right: 0;
}

/* ---------- animation ---------- */
.pg-home-pickup,
.pg-home-pickup__switch,
.pg-home-pickup__obi,
.pg-home-pickup__main,
.pg-home-pickup__icon {
	transition: var(--transition-accordion-lg);
	transition-property: flex-basis,width,height,opacity,visibility,top,bottom,-webkit-transform;
	transition-property: flex-basis,width,height,opacity,visibility,top,bottom,transform;
	transition-property: flex-basis,width,height,opacity,visibility,top,bottom,transform,-webkit-transform;
}

.pg-home-pickup__obi,
.pg-home-pickup__main {
	opacity: 0;
	visibility: hidden;
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup.is-open .pg-home-pickup__icon, .pg-home-pickup.is-obi .pg-home-pickup__icon {
		bottom: calc( var(--obi-height) / 2);
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup.is-open {
		flex-basis: var(--open-width);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup.is-open {
		height: var(--main-height);
	}
}

.pg-home-pickup.is-open .pg-home-pickup__switch {
	opacity: 0;
	visibility: hidden;
}

.pg-home-pickup.is-open .pg-home-pickup__main,
.pg-home-pickup.is-open .pg-home-pickup__obi {
	opacity: 1;
	visibility: visible;
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup.is-open .pg-home-pickup__icon {
		opacity: 0;
		visibility: hidden;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup.is-obi {
		flex-basis: var(--obi-width);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup.is-obi {
		height: var(--obi-height);
	}
}

.pg-home-pickup.is-obi .pg-home-pickup__switch {
	opacity: 0;
}

.pg-home-pickup.is-obi .pg-home-pickup__obi,
.pg-home-pickup.is-obi .pg-home-pickup__icon {
	opacity: 1;
	visibility: visible;
}

/* ----------------------------------------
 pg-home-pickup__switch
---------------------------------------- */
.pg-home-pickup__switch {
	position: absolute;
	height: 100%;
	z-index: 1;
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup__switch {
		width: var(--basic-width);
		text-align: center;
		padding-top: 28.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup__switch {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-left: 9.4rem;
	}
}

.pg-home-pickup__switch__sub {
	color: var(--color-txt10);
	font-family: var(--font-sans-serif);
	font-weight: 700;
	font-size: var(--font-size10);
	letter-spacing: calc( 100 / 1000 * 1em);
	margin-top: var(--font-sans-serif-top);
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup__switch__sub {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup__switch__sub {
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
}

.pg-home-pickup__switch__main {
	letter-spacing: calc( 40 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup__switch__main {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: var(--font-size20);
		--line-height: calc( 28 / 20 );
		margin-top: 2.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup__switch__main {
		font-size: var(--font-size16);
		margin-top: 1.3rem;
	}
}

.pg-home-pickup__switch__illust {
	width: var(--switch-illust-width);
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup__switch__illust {
		margin-top: var(--switch-illust-top);
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup__switch__illust {
		position: absolute;
		top: 50%;
		left: var(--switch-illust-left);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

@media screen and (min-width: 768px) {
	.pg-home-pickup__switch__bg {
		display: none;
	}
}

.pg-home-pickup__switch__bg img {
	z-index: -1;
}

/* ----------------------------------------
 pg-home-pickup__obi
---------------------------------------- */
.pg-home-pickup__obi {
	position: absolute;
	right: 0;
	height: 100%;
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup__obi {
		width: var(--obi-width);
		height: 100%;
		top: 0;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup__obi {
		width: 100%;
		height: var(--obi-height);
		bottom: 0;
	}
}

.pg-home-pickup__obi > * {
	display: flex;
	align-items: center;
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup__obi > * {
		width: var(--obi-width);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup__obi > * {
		height: var(--obi-height);
	}
}

.pg-home-pickup__obi__en {
	color: var(--color-txt10);
	font-family: var(--font-sans-serif);
	font-weight: 700;
	font-size: var(--font-size10);
	letter-spacing: calc( 100 / 1000 * 1em);
	margin-top: var(--font-sans-serif-top);
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup__obi__en {
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
		margin-top: 2.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup__obi__en {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		margin-left: 2.3rem;
	}
}

.pg-home-pickup__obi__ja {
	position: absolute;
	letter-spacing: calc( 40 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup__obi__ja {
		font-size: var(--font-size14);
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		text-orientation: upright;
		top: 17.4rem;
		left: 0;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup__obi__ja {
		top: 0;
		left: 10.8rem;
		font-size: var(--font-size10);
	}
}

/* ----------------------------------------
 pg-home-pickup__icon
---------------------------------------- */
.pg-home-pickup__icon {
	position: absolute;
	z-index: 1;
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup__icon {
		bottom: 3.4rem;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup__icon {
		bottom: 50%;
		right: 2.3rem;
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
	}
}

/* ----------------------------------------
 pg-home-pickup__main
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.pg-home-pickup__main {
		width: var(--open-width);
		margin: 0 0 0 auto;
		padding-top: 12.6rem;
		padding-right: calc( 155 / 1264 * var( --ww ));
		padding-bottom: 14.6rem;
	}
}

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

.pg-home-pickup__main__inner {
	margin: 0 auto;
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup__main__inner {
		max-width: 93rem;
		width: 100%;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup__main__inner {
		width: var(--contents-md);
	}
}

/* ---------- pg-home-pickup__heading ---------- */
.pg-home-pickup__heading {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup__heading {
		padding-left: 16.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup__heading {
		padding-left: 7.1rem;
	}
}

.pg-home-pickup__heading__illust {
	position: absolute;
	width: var(--main-illust-width);
	top: var(--main-illust-top);
	left: var(--main-illust-left);
}

/* ---------- pg-home-pickup__column ---------- */
@media screen and (min-width: 561px) {
	.pg-home-pickup__column > *:nth-of-type(1) {
		order: 0;
	}
	.pg-home-pickup__column > *:nth-of-type(2) {
		order: 2;
	}
	.pg-home-pickup__column > *:nth-of-type(3) {
		order: 4;
	}
	.pg-home-pickup__column > *:nth-of-type(4) {
		order: 1;
	}
	.pg-home-pickup__column > *:nth-of-type(5) {
		order: 3;
	}
	.pg-home-pickup__column > *:nth-of-type(6) {
		order: 5;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup__column {
		margin-top: 8.8rem;
	}
}

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

/* ----------------------------------------
 pg-home-pickup__bg
---------------------------------------- */
.pg-home-pickup__bg {
	position: absolute;
	top: 0;
	z-index: -1;
	height: 100%;
}

@media screen and (min-width: 1024px) {
	.pg-home-pickup__bg {
		width: var(--open-width);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-pickup__bg {
		width: 100%;
	}
}

/* ------------------------------------------------------------
 pg-home-gallery
------------------------------------------------------------ */
.pg-home-gallery__content {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-home-gallery__content {
		height: 63.3rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-home-gallery__content {
		height: 45rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-home-gallery__content {
		height: 24.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-gallery__content li:nth-of-type(1) img {
		-o-object-position: 70% 50%;
		object-position: 70% 50%;
	}
}

/* ---------- pg-home-gallery__donts ---------- */
.pg-home-gallery__donts {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (min-width: 1024px) {
	.pg-home-gallery__donts {
		margin-top: 1.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-gallery__donts {
		margin-top: 1.2rem;
	}
}

.pg-home-gallery__donts li {
	position: relative;
	height: 1px;
}

@media screen and (min-width: 1024px) {
	.pg-home-gallery__donts li {
		width: 13.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-gallery__donts li {
		width: 4.7rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-gallery__donts li + li {
		margin-left: 1.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-gallery__donts li + li {
		margin-left: 0.4rem;
	}
}

.pg-home-gallery__donts li.is-active {
	pointer-events: none;
}

.pg-home-gallery__donts li.is-active button::before {
	-webkit-animation: scaleX-In var(--animation-line-in) forwards;
	animation: scaleX-In var(--animation-line-in) forwards;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.pg-home-gallery__donts li.is-remove button::before {
	-webkit-animation: scaleX-Out var(--animation-line-out) forwards;
	animation: scaleX-Out var(--animation-line-out) forwards;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.pg-home-gallery__donts button {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-line6);
}

.pg-home-gallery__donts button::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--color-main2);
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
}

/* ------------------------------------------------------------
 pg-home-announce
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.pg-home-announce {
		margin-top: 7.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-announce {
		margin-top: 6rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-announce + .pg-home-announce {
		margin-top: 3.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-announce + .pg-home-announce {
		margin-top: 2.5rem;
	}
}

/* ------------------------------------------------------------
 pg-home-news
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.pg-home-news__inner {
		padding-top: 8.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-news__inner {
		padding-top: 6rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-news__flex {
		display: flex;
		align-items: flex-start;
	}
}

/* ---------- pg-home-news__header ---------- */
.pg-home-news__header {
	position: relative;
	z-index: 1;
}

@media screen and (min-width: 1024px) {
	.pg-home-news__header {
		margin-left: 0.6rem;
	}
}

/* ---------- pg-home-news__contents ---------- */
.pg-home-news__contents {
	flex: 1;
}

@media screen and (min-width: 1024px) {
	.pg-home-news__contents {
		margin-top: -4.1rem;
		margin-left: 5.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-news__contents {
		margin-top: -0.3rem;
	}
}

@media screen and (min-width: 1024px) {
	[lang="en"] .pg-home-news__contents {
		margin-top: 0;
		margin-left: 7.5rem;
	}
}

@media screen and (max-width: 1023px) {
	[lang="en"] .pg-home-news__contents {
		margin-top: 0.3rem;
	}
}


.pg-home-news__contents .p-button2{    
    max-width: 400px;
    margin-top: 4.5rem;
}





/* ------------------------------------------------------------
 pg-home-topics
------------------------------------------------------------ */
.pg-home-topics{
	position: relative;
	overflow: hidden;
}

@media screen and (min-width: 1024px) {
	.pg-home-topics {
		margin-top: 13.0rem;
		margin-bottom: 15.4rem;
	}
}
@media screen and (max-width: 1023px) {
	.pg-home-topics {
		margin-top: 10.0rem;
		margin-bottom: 9.0rem;
	}
}

.pg-home-topics__inner{
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-home-topics__flex{
		display: flex;
	}
}
@media screen and (max-width: 1023px) {
	.pg-home-topics__inner{
		width: var( --contents-md );
	}
}


/* ----------------------------------------
 pg-home-topics__header
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.pg-home-topics__header{
		position: relative;
		z-index: 1;
		width: 13.0rem;
	}

	.pg-home-topics__header::before{
		content: '';
		display: block;
		width: 100vw;
		height: 100%;
		background-color: var( --color-bg );
		position: absolute;
		top: 0;
		right: 0;
		z-index: 0;
	}

	.pg-home-topics__header > div{
		position: relative;
		z-index: 10;
	}
}


/* ----------------------------------------
 pg-home-topics__main
---------------------------------------- */
.pg-home-topics__main{
}

@media screen and (min-width: 1024px) {
	.pg-home-topics__main{
		position: relative;
		z-index: 0;
		width: calc( 100% - 13.0rem );
		margin-top: 8.0rem;
		--slide-size : 31.9rem;
		--slide-space: 2.2rem;
	}

	[lang="en"] .pg-home-topics__main{
		margin-top: 6.0rem;
	}
}
@media screen and (max-width: 1023px) {
	.pg-home-topics__main{
		margin-top: 2.4rem;
		--slide-size : 16.1rem;
		--slide-space: 0.8rem;
	}

	.pg-home-topics__main[data-length="1"] .swiper-wrapper,
	.pg-home-topics__main[data-length="2"] .swiper-wrapper{
		justify-content:  center;
	}
	.pg-home-topics__main[data-length="1"] .pg-home-topics__card:last-child,
	.pg-home-topics__main[data-length="2"] .pg-home-topics__card:last-child{
		margin-right: 0;
	}

}


/* ----------------------------------------
 pg-home-topics__card
---------------------------------------- */
.pg-home-topics__card{
	width: var( --slide-size );
	margin-right: var( --slide-space );
}

.pg-home-topics__card a{
	display: block;
}

@media (hover: hover) {
	.pg-home-topics__card a:hover .pg-home-topics__card__title{
		color: var( --color-hover );
	}
}


/* ---------- pg-home-topics__card__figure ---------- */
.pg-home-topics__card__figure{
	position: relative;
}
.pg-home-topics__card__figure::after{
	content: '';
	display: block;
	padding-top: calc(212 / 319 * 100%);
}


/* ---------- pg-home-topics__card__contents ---------- */
.pg-home-topics__card__contents{

}

@media screen and (min-width: 1024px) {
	.pg-home-topics__card__contents{
		margin-top: 2.2rem;
		margin-right: 0.7rem;
	}
}
@media screen and (max-width: 1023px) {
	.pg-home-topics__card__contents{
		margin-top: 1.8rem;
		margin-right: 0.5rem;
	}
}


/* ---------- pg-home-topics__card__time ---------- */
.pg-home-topics__card__time{
	color: var( --color-main2 );
	font-family: var(--font-sans-serif);
	font-weight: 700;
	letter-spacing: 0.12em;
}
.pg-home-topics__card__time time{
	display: block;
	margin-top: var(--font-sans-serif-top);
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.pg-home-topics__card__time{
		font-size: var( --font-size12 );
	}
}
@media screen and (max-width: 1023px) {
	.pg-home-topics__card__time{
		font-size: var( --font-size10 );
	}
}


/* ---------- pg-home-topics__card__title ---------- */
.pg-home-topics__card__title{
	font-weight: 500;
	transition: color var(--transition-hover);
}

@media screen and (min-width: 1024px) {
	.pg-home-topics__card__title{
		font-size: var( --font-size16 );
		--line-height: calc( 28 / 16 );
		margin-top: 1.8rem;
	}
}
@media screen and (max-width: 1023px) {
	.pg-home-topics__card__title{
		font-size: var( --font-size12 );
		--line-height: calc( 19 / 12 );
		margin-top: 1.2rem;
	}
}


/* ---------- pg-home-topics__card__txt ---------- */
.pg-home-topics__card__txt{
	border-top: solid 1px var(--color-line5);
	color: #7c7c7c;
}

@media screen and (min-width: 1024px) {
	.pg-home-topics__card__txt{
		font-size: var( --font-size14 );
		--line-height: calc( 22.5 / 14 );
		padding-top: 1.8rem;
		margin-top: 2.0rem;
	}
}
@media screen and (max-width: 1023px) {
	.pg-home-topics__card__txt{
		font-size: var( --font-size11 );
		--line-height: calc( 18.5 / 11 );
		padding-top: 1.1rem;
		margin-top: 1.1rem;
	}
}


/* ----------------------------------------
 pg-home-topics__ui
---------------------------------------- */
.pg-home-topics__ui{
	display: flex;
	gap: 0.9rem;
}

.pg-home-topics__ui button{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.7rem;
	height: 3.7rem;
	border-radius: 50%;
	background-color: var( --color-main2 );
	color: var( --color-txt2 );
}

@media (hover: hover) {
	.pg-home-topics__ui button:hover svg{
		transform: translateX(.3rem);
	}
}
@media screen and (min-width: 1024px) {
	.pg-home-topics__ui{
		position: absolute;
		top: 14.0rem;
		left: 0;
		z-index: 100;
	}
}
@media screen and (max-width: 1023px) {
	.pg-home-topics__ui{
		justify-content: center;
		margin-top: 3.2rem;
	}
}











/* ------------------------------------------------------------
 pg-home-movie
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.pg-home-movie {
		margin-top: 3rem;
	}
	.pg-home-movie.-children {
		margin-top: 10.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-movie {
		margin-top: 2rem;
	}
	.pg-home-movie.-children {
		margin-top: 8.7rem;
	}
}
/* ------------------------------------------------------------
 pg-home-children
------------------------------------------------------------ */

.pg-home-movie.-children .p-movie2::after{
	display: none;
}
.pg-home-movie.-children a{
	display: block;
    border:1px solid #aac4cd;
}
.pg-home-movie.-children a p{
	width: 87px;
	margin-left: 1.1rem;
}
.pg-home-movie.-children .p-movie2__contents{
    justify-content: flex-end;
    padding: 0 calc((36 / 1000)* 100%);
}

.pg-home-movie.-children .c-play.-large{
	--circle-size: 6.2rem;
        --triangle-width: 1.3rem;
        --triangle-height: 1rem;
}
.pg-home-movie.-children .c-play::before{
	border-color: #0067b1;
	background: #fff;
}
.pg-home-movie.-children .c-play::after{
    background: #0067b1;
}

.pg-home-movie.-children a:hover .c-play::before{
    transform: scale(1.2);
	    background: #0067b1;
}
.pg-home-movie.-children a:hover .c-play::after{
    background: #fff;
}

@media screen and (max-width: 560px) {
	.pg-home-movie.-children a p{
		display: none;
	}

	.pg-home-movie.-children .p-movie2__contents{
	    padding: 0 calc((33 / 320)* 100%);
	}
	.pg-home-movie.-children .c-play.-large{
		--circle-size: 3.8rem;
	    --triangle-width: .8rem;
	    --triangle-height: .5rem;
	}
}
/*# sourceMappingURL=../sourcemaps/page/home.css.map */