@charset "UTF-8";
/*
 *
 * page-home.scss
 *
 */
/**
 * トップページのPCのみ横スクロールで、
 * 高さが小さくなるとぶつかるため、remの扱いが他のページと若干異なります。
 */
@media screen and (min-width: 1024px) and (max-height: 900px) {
	html {
		font-size: 1.11111vh;
	}
}

@media screen and (min-width: 1024px) {
	body {
		/*overflow-x: scroll;*/
		overflow-y: scroll;
	}
}

@media screen and (min-width: 1024px) and (max-height: 900px) {
	body {
		--font-size11: 1.1rem;
		--font-size12: 1.2rem;
		--font-size13: 1.3rem;
		--font-size14: 1.4rem;
		--font-size15: 1.5rem;
		--font-size16: 1.6rem;
		--font-size17: 1.7rem;
		--font-size18: 1.8rem;
		--font-size20: 2.0rem;
		--font-size21: 2.1rem;
		--font-size23: 2.3rem;
		--font-size25: 2.5rem;
		--font-size26: 2.6rem;
		--font-size27: 2.7rem;
		--font-size28: 2.8rem;
		--font-size29: 2.9rem;
		--font-size30: 3.0rem;
		--font-size34: 3.4rem;
		--font-size40: 4.0rem;
	}
}

/* ------------------------------------------------------------
 pg-home-horizontalScroll__line
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.pg-home-horizontalScroll__line {
		position: absolute;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 1;
		width: 100%;
		height: var(--obi-height);
		background-color: var(--color-main);
	}
}

/* ------------------------------------------------------------
 pg-home-horizontalScroll__header
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.pg-home-horizontalScroll__header {
		position: absolute;
		top: 0;
		right: 0;
		width: calc( 100% - var( --ww ) - 28.0rem);
	}
}

/* ------------------------------------------------------------
 pg-home
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.pg-home {
		display: flex;
	}
}

/* ------------------------------------------------------------
 pg-curvetxt
------------------------------------------------------------ */
[class*="pg-curvetxt--"] {
	-webkit-clip-path: var(--clip-path);
	clip-path: var(--clip-path);
}

[class*="pg-curvetxt--"] svg {
	width: 100%;
	height: 100%;
}

.pg-curvetxt--1 {
	--clip-path: polygon(0% 1.2844%, 6.30631% 1.2844%, 6.30631% 0%, 100% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)
;
}

.pg-curvetxt--2 {
	--clip-path: polygon(0% 2.87356%, 4.9505% 2.87356%, 4.9505% 0%, 100% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)
;
}

.pg-curvetxt--3 {
	--clip-path: polygon(0% 3.09598%, 4.31034% 3.09598%, 4.31034% 0%, 100% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)
;
}

.pg-curvetxt--4 {
	--clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 100% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)
;
}

.pg-curvetxt--5 {
	--clip-path: polygon(0% 3.21285%, 4.62428% 3.21285%, 4.62428% 0%, 100% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)
;
}

.pg-curvetxt--6 {
	--clip-path: polygon(0% 5.7554%, 24% 5.7554%, 24% 0%, 100% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)
;
}

.pg-curvetxt--7 {
	--clip-path: polygon(0% 1.69972%, 7.05882% 1.69972%, 7.05882% 0%, 100% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)
;
}

.pg-curvetxt--8 {
	--clip-path: polygon(0% 1.52801%, 5.625% 1.52801%, 5.625% 0%, 100% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)
;
}

.pg-curvetxt--9 {
	--clip-path: polygon(0% 1.99501%, 10% 1.99501%, 10% 0%, 100% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)
;
}

.pg-curvetxt--10 {
	--clip-path: polygon(0% 6.89655%, 27.27273% 6.89655%, 27.27273% 0%, 100% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)
;
}

.pg-curvetxt--11 {
	--clip-path: polygon(0% 0.97087%, 3.52941% 0.97087%, 3.52941% 0%, 100% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)
;
}

.pg-curvetxt--12 {
	--clip-path: polygon(0% 1.73611%, 6.66667% 1.73611%, 6.66667% 0%, 100% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)
;
}

.pg-curvetxt--13 {
	--clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 100% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)
;
}

.pg-curvetxt--14 {
	--clip-path: polygon(0% 1.52672%, 8.42105% 1.52672%, 8.42105% 0%, 100% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)
;
}

.pg-curvetxt--15 {
	--clip-path: polygon(0% 3.41615%, 4.74138% 3.41615%, 4.74138% 0%, 100% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)
;
}

.pg-curvetxt--16 {
	--clip-path: polygon(0% 1.18483%, 4.71698% 1.18483%, 4.71698% 0%, 100% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)
;
}

/* ------------------------------------------------------------
 pg-home-visual
------------------------------------------------------------ */
.pg-home-visual {
	position: relative;
	overflow: hidden;
	/* ----------------------------------------
	 is-cat
	 3分の1で猫を出現
	---------------------------------------- */
	/* ----------------------------------------
	 loadingの演出
	---------------------------------------- */
	/* ---------- is-op1 イラストスライドイン ---------- */
	/* ---------- is-op2 ロゴ踊る表示 ---------- */
	/* ---------- is-op3 ロゴその他表示 ---------- */
	/* ---------- is-op4 背景表示 ---------- */
	/* ---------- is-op5 残り全て表示 ---------- */
}

@media screen and (min-width: 1024px) {
	.pg-home-visual {
		min-width: var(--ww);
		height: var(--wh);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual {
		--visual-space: 50rem;
		height: calc( var( --vh ) * 100 + var( --visual-space ));
		margin-bottom: calc( var( --visual-space ) * -1);
		z-index: 1;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-visual.is-cat::before, .pg-home-visual.is-cat::after {
		content: '';
		display: block;
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		z-index: 1;
	}
	.pg-home-visual.is-cat::before {
		width: 6rem;
		height: 20.6rem;
		background-image: url("../img/common/illust/apng-pad.png");
		top: calc( ( 523 / 1100 ) * 100%);
		left: calc( ( 84 / 1620 ) * 100%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	body.ua-safari .pg-home-visual.is-cat::before,
	body.ua-ios .pg-home-visual.is-cat::before,
	body.ua-ipados .pg-home-visual.is-cat::before {
		background-image: url("../img/common/illust/apng-pad-noanime.png");
	}
	.pg-home-visual.is-cat::after {
		width: 5.4rem;
		height: 22.1rem;
		background-image: url("../img/common/illust/apng-pad2.png");
		top: calc( ( 920 / 1100 ) * 100%);
		right: calc( ( 68 / 1620 ) * 100%);
		-webkit-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}
	body.ua-safari .pg-home-visual.is-cat::after,
	body.ua-ios .pg-home-visual.is-cat::after,
	body.ua-ipados .pg-home-visual.is-cat::after {
		background-image: url("../img/common/illust/apng-pad2-noanime.png");
	}
}

.pg-home-visual.is-cat .pg-home-visual__logo__sub {
	position: relative;
}

.pg-home-visual.is-cat .pg-home-visual__logo__sub::before {
	content: '';
	display: block;
	background-image: url("../img/common/illust/apng-cat2.png");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1;
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

body.ua-safari .pg-home-visual.is-cat .pg-home-visual__logo__sub::before,
body.ua-ios .pg-home-visual.is-cat .pg-home-visual__logo__sub::before,
body.ua-ipados .pg-home-visual.is-cat .pg-home-visual__logo__sub::before {
	background-image: url("../img/common/illust/apng-cat2-noanime.png");
}

@media screen and (min-width: 1024px) {
	.pg-home-visual.is-cat .pg-home-visual__logo__sub::before {
		width: 14.7rem;
		height: 7.5rem;
		top: 9.2rem;
		left: 0.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual.is-cat .pg-home-visual__logo__sub::before {
		width: 7.4rem;
		height: 3.8rem;
		top: 4.6rem;
		left: -0.15rem;
	}
}

.pg-home-visual.is-loading::before, .pg-home-visual.is-loading::after,
.pg-home-visual.is-loading .pg-home-visual__inner::before,
.pg-home-visual.is-loading .pg-home-visual__inner::after {
	opacity: 0;
}

.pg-home-visual.is-loading .pg-home-visual__logo__main img,
.pg-home-visual.is-loading .pg-home-visual__logo__sub img,
.pg-home-visual.is-loading .pg-home-visual__logo__sub::before {
	opacity: 0;
}

.pg-home-visual.is-loading .pg-home-visual__illust,
.pg-home-visual.is-loading .pg-home-visual__curvetxt {
	opacity: 0;
}

.pg-home-visual.is-loading .pg-home-visual__illust-8 img,
.pg-home-visual.is-loading .pg-home-visual__illust-8 canvas {
	-webkit-transform: translate3d(calc(50vw + 50%), 0, 0);
	transform: translate3d(calc(50vw + 50%), 0, 0);
}

.pg-home-visual.is-op1 .pg-home-visual__illust-8 img,
.pg-home-visual.is-op1 .pg-home-visual__illust-8 canvas {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition: -webkit-transform var(--transition-loading-op1);
	transition: transform var(--transition-loading-op1);
	transition: transform var(--transition-loading-op1), -webkit-transform var(--transition-loading-op1);
}

.pg-home-visual.is-op2 .pg-home-visual__logo__sub img:nth-of-type(1) {
	opacity: 1;
	transition: opacity var(--transition-loading-op2);
}

.pg-home-visual.is-op3 .pg-home-visual__logo__main img,
.pg-home-visual.is-op3 .pg-home-visual__logo__sub img {
	opacity: 1;
	transition: opacity var(--transition-loading-op3);
}

.pg-home-visual.is-op3 .pg-home-visual__logo__main img:nth-child(1),
.pg-home-visual.is-op3 .pg-home-visual__logo__sub img:nth-child(1) {
	transition-delay: 240ms;
}

.pg-home-visual.is-op3 .pg-home-visual__logo__main img:nth-child(2),
.pg-home-visual.is-op3 .pg-home-visual__logo__sub img:nth-child(2) {
	transition-delay: 480ms;
}

.pg-home-visual.is-op3 .pg-home-visual__logo__main img:nth-child(3),
.pg-home-visual.is-op3 .pg-home-visual__logo__sub img:nth-child(3) {
	transition-delay: 720ms;
}

.pg-home-visual.is-op3 .pg-home-visual__logo__main img:nth-child(4),
.pg-home-visual.is-op3 .pg-home-visual__logo__sub img:nth-child(4) {
	transition-delay: 960ms;
}

.pg-home-visual.is-op3 .pg-home-visual__logo__main img:nth-child(5),
.pg-home-visual.is-op3 .pg-home-visual__logo__sub img:nth-child(5) {
	transition-delay: 1200ms;
}

.pg-home-visual.is-op3 .pg-home-visual__logo__main img:nth-child(6),
.pg-home-visual.is-op3 .pg-home-visual__logo__sub img:nth-child(6) {
	transition-delay: 1440ms;
}

.pg-home-visual.is-op4 .pg-home-visual__inner::before, .pg-home-visual.is-op4 .pg-home-visual__inner::after {
	opacity: 1;
	transition: opacity var(--transition-loading-op4);
}

.pg-home-visual.is-op5::before, .pg-home-visual.is-op5::after,
.pg-home-visual.is-op5 .pg-home-visual__logo__sub::before,
.pg-home-visual.is-op5 .pg-home-visual__illust,
.pg-home-visual.is-op5 .pg-home-visual__curvetxt {
	opacity: 1;
	transition: opacity var(--transition-loading-op5);
}

.pg-home-visual__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -2;
	/*background-image: url("../images/bg0.png");*/
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__bg {
		height: 100%;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__bg {
		height: calc( var( --vh ) * 100);
	}
}

.pg-home-visual__inner {
	position: relative;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__inner {
		height: calc( var( --vh ) * 100);
	}
}

.pg-home-visual__inner::before, .pg-home-visual__inner::after {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	z-index: 0;
	background-repeat: repeat-y;
	background-size: 100% auto;
	background-position: center;
	pointer-events: none;
}

.pg-home-visual__inner::before {
	/*background-image: url("../img/home/visual_txt_left.png");*/
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__inner::before {
		max-width: 64.6rem;
		width: calc( ( 646 / 1618 ) * 100%);
		left: -23rem;
		left: max( -23.0rem , calc( ( -230 / 1618 ) * 100%) );
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__inner::before {
		max-width: 33rem;
		width: calc( ( 660 / 800 ) * 100%);
		left: -14.5rem;
		left: max( -14.5rem , calc( ( -290 / 800 ) * 100%) );
	}
}

.pg-home-visual__inner::after {
	/*background-image: url("../img/home/visual_txt_right.png");*/
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__inner::after {
		max-width: 58.8rem;
		width: calc( ( 588 / 1618 ) * 100%);
		right: -16rem;
		right: max( -16.0rem , calc( ( -160 / 1618 ) * 100%) );
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__inner::after {
		max-width: 30rem;
		width: calc( ( 600 / 800 ) * 100%);
		right: -15rem;
		right: max( -15.0rem , calc( ( -300 / 800 ) * 100%) );
	}
}

/* ---------- pg-home-visual__logo ---------- */
.pg-home-visual__logo {
	position: absolute;
	z-index: 1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__logo {
		top: calc( ( (142 + 603 / 2) / 1100 ) * 100%);
		left: calc( ( (512 + 480 / 2) / 1620 ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__logo {
		top: calc( ( (109 + 301 / 2) / 650 ) * 100%);
		left: calc( ( (80 + 240 / 2) / 400 ) * 100%);
	}
}

.pg-home-visual__logo span {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.pg-home-visual__logo img {
	width: 100%;
}

.pg-home-visual__logo img:not(:first-of-type) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

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

@media screen and (min-width: 1024px) {
	.pg-home-visual__logo__main {
		width: 22rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__logo__main {
		width: 11rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__logo__main img {
		-webkit-transform: translateX(0.4rem);
		transform: translateX(0.4rem);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__logo__main img {
		-webkit-transform: translateX(0.3rem);
		transform: translateX(0.3rem);
	}
}

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

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

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

/* ----------------------------------------
 pg-home-visual__illust
---------------------------------------- */
@media screen and (min-width: 1024px) {
	[class*="pg-home-visual__illust-"],
	[class*="pg-home-visual__curvetxt-"] {
		--width: var( --img-width );
		--height: var( --img-height );
	}
}

@media screen and (max-width: 1023px) {
	[class*="pg-home-visual__illust-"],
	[class*="pg-home-visual__curvetxt-"] {
		--width: calc( var( --img-width ) * .5);
		--height: calc( var( --img-height ) * .5);
	}
}

[class*="pg-home-visual__curvetxt-"] {
	z-index: 10;
}

.pg-home-visual__illust-1 {
	--img-width: 166;
	--img-height: 114;
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__illust-1 {
		--top: 146;
		--left: 31;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__illust-1 {
		--top: 1126 * .5;
		--left: 585 * .5;
	}
}

.pg-home-visual__illust-2 {
	--img-width: 149;
	--img-height: 129;
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__illust-2 {
		--top: 10;
		--left: 164;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__illust-2 {
		--top: -39 * .5;
		--left: -62 * .5;
	}
}

.pg-home-visual__illust-3 {
	--img-width: 270;
	--img-height: 214;
}


@media screen and (min-width: 1024px) {
	.pg-home-visual__illust-3 {
		--top: 166;
		--left: 216;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__illust-3 {
		--top: 117 * .5;
		--left: -10 * .5;
	}
}

.pg-home-visual__illust-4 {
	--img-width: 300;
	--img-height: 286;
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__illust-4 {
		--top: 100;
		--left: 1065;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__illust-4 {
		--top: 94 * .5;
		--left: 541 * .5;
	}
}

.pg-home-visual__illust-5 {
	--img-width: 74;
	--img-height: 103;
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__illust-5 {
		--top: 467;
		--left: 1301;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__illust-5 {
		--top: 559 * .5;
		--left: 602 * .5;
	}
}

.pg-home-visual__illust-6 {
	--img-width: 120;
	--img-height: 200;
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__illust-6 {
		--top: 462;
		--left: 1400;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__illust-6 {
		--top: 553 * .5;
		--left: 701 * .5;
	}
}

.pg-home-visual__illust-7 {
	--img-width: 187;
	--img-height: 331;
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__illust-7 {
		--left: 173;
		bottom: 0.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__illust-7 {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__illust-8 {
		--width: 573;
		--height: 465;
		--left: 505;
		bottom: 0.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__illust-8 {
		--width: 686 * .5;
		--height: 558 * .5;
		--left: 90 * .5;
		bottom: -1rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__illust-9 {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__illust-9 {
		--width: 149 * .5;
		--height: 158 * .5;
		--top: 843 * .5;
		left: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

/* ----------------------------------------
 pg-home-visual__curvetxt
---------------------------------------- */
.pg-home-visual__curvetxt-1 {
	--img-width: 111;
	--img-height: 545;
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__curvetxt-1 {
		--top: -241;
		--left: 18;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__curvetxt-1 {
		display: none;
	}
}

.pg-home-visual__curvetxt-2 {
	--img-width: 242;
	--img-height: 418;
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__curvetxt-2 {
		--top: 50;
		--left: 230;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__curvetxt-2 {
		--top: 1 * .5;
		--left: 4 * .5;
	}
}

.pg-home-visual__curvetxt-3 {
	--img-width: 232;
	--img-height: 323;
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__curvetxt-3 {
		--top: -212;
		--left: 1065;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__curvetxt-3 {
		--top: -218 * .5;
		--left: 541 * .5;
	}
}

.pg-home-visual__curvetxt-4 {
	--img-width: 261;
	--img-height: 111;
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__curvetxt-4 {
		--top: 168;
		--left: 977;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__curvetxt-4 {
		display: none;
	}
}

.pg-home-visual__curvetxt-5 {
	--img-width: 173;
	--img-height: 249;
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__curvetxt-5 {
		--top: 50;
		--left: 1326;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__curvetxt-5 {
		--top: 45 * .5;
		--left: 727 * .5;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__curvetxt-6 {
		--width: 100;
		--height: 417;
		--top: 392;
		--left: 114;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__curvetxt-6 {
		--width: 70 * .5;
		--height: 323 * .5;
		--top: 449 * .5;
		--left: 44 * .5;
	}
}

.pg-home-visual__curvetxt-7 {
	--img-width: 103;
	--img-height: 425;
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__curvetxt-7 {
		--top: 490;
		--left: 324;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__curvetxt-7 {
		display: none;
	}
}

.pg-home-visual__curvetxt-8 {
	--img-width: 160;
	--img-height: 589;
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__curvetxt-8 {
		--top: 747;
		--left: 40;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__curvetxt-8 {
		--top: 844 * .5;
		--left: 50 * .5;
	}
}

.pg-home-visual__curvetxt-9 {
	--img-width: 80;
	--img-height: 401;
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__curvetxt-9 {
		--top: 393;
		--left: 1085;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__curvetxt-9 {
		--top: 139 * .5;
		--left: 616 * .5;
	}
}

.pg-home-visual__curvetxt-10 {
	--img-width: 66;
	--img-height: 261;
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__curvetxt-10 {
		--top: 644;
		--left: 1249;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__curvetxt-10 {
		--top: 974 * .5;
		--left: 583 * .5;
	}
}

.pg-home-visual__curvetxt-11 {
	--img-width: 255;
	--img-height: 927;
}

@media screen and (min-width: 1024px) {
	.pg-home-visual__curvetxt-11 {
		--top: 418;
		--left: 1245;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-visual__curvetxt-11 {
		--top: 509 * .5;
		--left: 546 * .5;
	}
}

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

@media screen and (min-width: 1024px) {
	.pg-home-intro {
		/*padding: 0 57.5rem 0 85.7rem;
		width: 100vw;*/
		/*margin: 0 0 0 20rem;*/
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-intro {
		z-index: -1;
	}
}

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

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

/* ---------- pg-home-intro__txt ---------- */
@media screen and (min-width: 1024px) {
	.pg-home-intro__txt {
		display: flex;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-intro__txt {
		position: relative;
		--mask-top: 21rem;
		--mask-height: 11rem;
		--mask-space: 25rem;
		max-width: 50rem;
		width: 100%;
		margin: 0 auto;
		padding-bottom: 6rem;
		margin-bottom: 15rem;
	}
}

/* ---------- pg-home-intro__txt__mask ---------- */
@media screen and (min-width: 1024px) {
	.pg-home-intro__txt__mask {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-intro__txt__mask {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: calc( 100% - var( --mask-top ));
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-intro__txt__mask__illust {
		position: sticky;
		top: 60vh;
		top: 50vh;
		height: calc( var( --mask-height ) + var( --mask-space ));
		width: 100%;
	}
	.pg-home-intro__txt__mask__illust::before, .pg-home-intro__txt__mask__illust::after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
	}
	.pg-home-intro__txt__mask__illust::before {
		height: var(--mask-height);
		background-image: url("../img/home/intro_gradation.png");
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
		top: 0;
	}
	.pg-home-intro__txt__mask__illust::after {
		height: calc( 100% - var( --mask-height ));
		background-color: var(--color-bg);
		bottom: 0;
		z-index: -1;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-intro__txt__mask__illust__inner {
		position: relative;
		width: 100vw;
		height: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		overflow: hidden;
		background-image: url("../img/common/illust/group2.png");
		background-repeat: repeat-x;
		background-position: 0 100%;
		background-size: 74.4rem 22.25rem;
		-webkit-animation: bg-position-mask-illust var(--animation-bg-position2) infinite;
		animation: bg-position-mask-illust var(--animation-bg-position2) infinite;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-intro__txt__mask-dummy {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-intro__txt__mask-dummy {
		height: var(--mask-space);
	}
}

/* ---------- pg-home-intro__txt__inner ---------- */
.pg-home-intro__txt__inner {
	color: var(--color-main);
	letter-spacing: calc( 150 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-home-intro__txt__inner {
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		text-orientation: upright;
		font-size: var(--font-size16);
	}
}

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

@media screen and (min-width: 1024px) {
	.pg-home-intro__txt__medium {
		width: 2.8rem;
		font-size: var(--font-size18);
	}
}

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

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

@media screen and (min-width: 1024px) {
	.pg-home-intro__txt__large + .pg-home-intro__txt__medium {
		padding-right: 1rem;
	}
}

/* ----- pg-home-intro__txt__row ----- */
.pg-home-intro__txt__row {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

@media screen and (min-width: 1024px) {
	.pg-home-intro__txt__row {
		width: 8.6rem;
		border-left: solid 1px var(--color-hr3);
		padding: 1.8rem 0 1.9rem;
	}
	.pg-home-intro__txt__row:nth-of-type(1) {
		border-right: solid 1px var(--color-hr3);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-intro__txt__row {
		height: 5.3rem;
		justify-content: center;
		border-bottom: solid 1px var(--color-hr3);
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-intro__txt__row-pc {
		display: flex;
		align-items: center;
		border-left: solid 1px var(--color-hr3);
	}
	.pg-home-intro__txt__row-pc:nth-child(1) {
		border-right: solid 1px var(--color-hr3);
	}
	.pg-home-intro__txt__row-pc .pg-home-intro__txt__row {
		border: none;
	}
}

@media screen and (max-width: 1023px) and (max-width: 1023px) {
	.pg-home-intro__txt__row,
	.pg-home-intro__txt__row-sp {
		height: 5.3rem;
		justify-content: center;
		border-bottom: solid 1px var(--color-hr3);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-intro__txt__row-sp {
		display: flex;
		align-items: center;
		white-space: nowrap;
	}
}

/* ----------------------------------------
 pg-home-intro__illust
---------------------------------------- */
@media screen and (max-width: 1023px) {
	.pg-home-intro__illust {
		display: none;
	}
}

.pg-home-intro__illust-1 {
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.pg-home-intro__illust-1 {
		width: 42.9rem;
		left: 33rem;
		bottom: 0;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-intro__illust-1 {
		width: 23.3rem;
		top: 13.7rem;
		left: calc( 50% - 25.9rem);
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-intro__illust-2 {
		width: 18.4rem;
		left: 88.2rem;
		bottom: calc( 106 / 1100 * 100vh);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-intro__illust-2 {
		z-index: 10;
		width: 10rem;
		top: 24.25rem;
		left: calc( 50% + 0.1em);
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-intro__illust-3 {
		width: 27.1rem;
		left: 117.4rem;
		bottom: var(--obi-height);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-intro__illust-3 {
		z-index: 10;
		width: 14.8rem;
		top: 29.4rem;
		left: calc( 50% + 15.9rem);
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-intro__illust-4 {
		width: 10.4rem;
		left: 157.2rem;
		bottom: calc( 165 / 1100 * 100vh);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-intro__illust-4 {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-intro__illust-5 {
		width: 11.1rem;
		left: 166.2rem;
		bottom: calc( 260 / 1100 * 100vh);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-intro__illust-5 {
		display: none;
	}
}

/* ----------------------------------------
 pg-home-intro__curvetxt
---------------------------------------- */
.pg-home-intro__curvetxt-1 {
	z-index: 11;
}

@media screen and (min-width: 1024px) {
	.pg-home-intro__curvetxt-1 {
		width: 15rem;
		left: 51.8rem;
		bottom: calc( 416 / 1100 * 100vh);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-intro__curvetxt-1 {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-intro__curvetxt-2 {
		width: 38.4rem;
		left: 113.1rem;
		bottom: calc( 152 / 1100 * 100vh);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-intro__curvetxt-2 {
		width: 20.9rem;
		top: 22rem;
		left: calc( 50% + 11.8rem);
	}
}

/* ------------------------------------------------------------
 pg-home-and
 スマホ時の泡と仕事の間のイラストの横を切るための要素
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.pg-home-and {
		display: flex;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-and {
		overflow: hidden;
	}
}

/* ------------------------------------------------------------
 pg-home-abuku
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.pg-home-abukus {
		display: flex;
		padding-right: 52.5rem;
	}
}

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

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

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

/* ---------- pg-home-abuku__title ---------- */
@media screen and (min-width: 1024px) {
	.pg-home-abuku__title {
		width: 5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-abuku__title {
		width: 4rem;
		margin: 0 auto;
	}
}

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

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

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

.pg-home-abuku__catch {
	--line-height: calc( 70 / 36 );
}

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

@media screen and (max-width: 1023px) {
	.pg-home-abuku__catch {
		text-align: center;
		font-size: var(--font-size18);
	}
}

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

@media screen and (min-width: 1024px) and (max-height: 950px) {
	.pg-home-abuku__txt {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 10;
	}
}

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

.pg-home-abuku__txt span {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-home-abuku__txt span {
		display: inline;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-abuku__txt span {
		display: block;
	}
}

.pg-home-abuku__txt span::before {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}

@media screen and (min-width: 1024px) {
	.pg-home-abuku__txt span::before {
		width: 20rem;
		height: 1em;
		background: linear-gradient(90deg, var(--color-transp), var(--color-bg));
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-abuku__txt span::before {
		width: 100%;
		height: 4em;
		background: linear-gradient(180deg, var(--color-transp), var(--color-bg));
	}
}

.pg-home-abuku__more {
	z-index: 1;
}

@media screen and (min-width: 1024px) {
	.pg-home-abuku__more {
		position: absolute;
		right: 0;
		bottom: 1rem;
		-webkit-transform: translate(50%, 50%);
		transform: translate(50%, 50%);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-abuku__more {
		position: relative;
		margin: calc( var( --circle-size ) * -0.5) auto 0;
	}
}

/* ----------------------------------------
 pg-home-abuku--1
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.pg-home-abuku--1 {
		--padding-bottom: 174;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-abuku--1 .pg-home-abuku__contents {
		padding-top: 8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-abuku--1 .pg-home-abuku__catch {
		padding-left: 1.1rem;
	}
}

@media screen and (max-width: 1023px) and (max-height: 950px) {
	.pg-home-abuku--1 .pg-home-abuku__txt p:nth-of-type(2) {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 8;
	}
}

/* ---------- pg-home-abuku--1__illust ---------- */
.pg-home-abuku--1__illust-1 {
	z-index: -1;
}

@media screen and (min-width: 1024px) {
	.pg-home-abuku--1__illust-1 {
		width: 10.2rem;
		bottom: calc( 596 / 1100 * 100vh);
		right: 5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-abuku--1__illust-1 {
		width: 9.1rem;
		bottom: 32.1rem;
		left: 50%;
		-webkit-transform: translateX(-50%) rotate(-4deg);
		transform: translateX(-50%) rotate(-4deg);
	}
}

/* ----------------------------------------
 pg-home-abuku--2
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.pg-home-abuku--2 {
		--padding-bottom: 193;
		margin-left: 61.5rem;
	}
}

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

@media screen and (min-width: 1024px) {
	.pg-home-abuku--2 .pg-home-abuku__header {
		margin-top: 18rem;
		margin-top: 21.4rem;
	}
}

/* ---------- pg-home-abuku--2__illust ---------- */
@media screen and (min-width: 1024px) {
	.pg-home-abuku--2__illust-1 {
		width: 14rem;
		bottom: calc( 162 / 1100 * 100vh);
		left: -38.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-abuku--2__illust-1 {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-abuku--2__illust-2 {
		width: 7.9rem;
		bottom: calc( 111 / 1100 * 100vh);
		left: -23.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-abuku--2__illust-2 {
		display: none;
	}
}

.pg-home-abuku--2__illust-3 {
	z-index: -1;
}

@media screen and (min-width: 1024px) {
	.pg-home-abuku--2__illust-3 {
		width: 11rem;
		top: calc( 186 / 1100 * 100vh);
		right: -9rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-abuku--2__illust-3 {
		width: 9.4rem;
		top: 35.6rem;
		left: var(--contents-outside);
	}
}

/* ---------- pg-home-abuku--2__curvetxt ---------- */
@media screen and (min-width: 1024px) {
	.pg-home-abuku--2__curvetxt-1 {
		width: 9.5rem;
		bottom: calc( 445 / 1100 * 100vh);
		left: -26.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-abuku--2__curvetxt-1 {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-abuku--2__curvetxt-2 {
		width: 23.2rem;
		bottom: calc( 777 / 1100 * 100vh);
		left: -14.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-abuku--2__curvetxt-2 {
		display: none;
	}
}

/* ----------------------------------------
 pg-home-abuku--3
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.pg-home-abuku--3 {
		--padding-bottom: 353;
		margin-left: 52.5rem;
	}
}

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

@media screen and (min-width: 1024px) {
	.pg-home-abuku--3 .pg-home-abuku__contents {
		padding-top: 8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-abuku--3 .pg-home-abuku__catch {
		padding-left: 1.1rem;
	}
}

/* ---------- pg-home-abuku--3__illust ---------- */
@media screen and (min-width: 1024px) {
	.pg-home-abuku--3__illust-1 {
		width: 36.8rem;
		bottom: 0;
		left: -38.9rem;
		z-index: 10;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-abuku--3__illust-1 {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-abuku--3__illust-2 {
		width: 10.1rem;
		bottom: calc( 155 / 1100 * 100vh);
		left: -3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-abuku--3__illust-2 {
		display: none;
	}
}

.pg-home-abuku--3__illust-3 {
	z-index: -1;
}

@media screen and (min-width: 1024px) {
	.pg-home-abuku--3__illust-3 {
		width: 11.5rem;
		bottom: calc( 411 / 1100 * 100vh);
		left: 6.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-abuku--3__illust-3 {
		width: 8.5rem;
		right: var(--contents-outside);
		bottom: 30.2rem;
	}
}

/* ---------- pg-home-abuku--3__curvetxt ---------- */
@media screen and (min-width: 1024px) {
	.pg-home-abuku--3__curvetxt-1 {
		width: 15.4rem;
		bottom: calc( 372 / 1100 * 100vh);
		left: -31.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-abuku--3__curvetxt-1 {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-abuku--3__curvetxt-2 {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-abuku--3__curvetxt-2 {
		width: 27.8rem;
		left: 50%;
		bottom: -19.7rem;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

/* ------------------------------------------------------------
 pg-home-works
------------------------------------------------------------ */
.pg-home-works {
	position: relative;
	background-color: var(--color-bg2);
}

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

.pg-home-works__inner {
	position: relative;
	z-index: 1;
}

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

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

/* ---------- pg-home-works__illust ---------- */
.pg-home-works__illust-1 {
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.pg-home-works__illust-1 {
		width: 28rem;
		bottom: calc( 110 / 1100 * 100vh);
		left: -14.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-works__illust-1 {
		display: none;
	}
}

.pg-home-works__illust-2 {
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.pg-home-works__illust-2 {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-works__illust-2 {
		width: 47.6rem;
		top: -9.2rem;
		left: calc( ( (-51 + 476) / 800 ) * 100%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

/* ---------- pg-home-works__parallax ---------- */
.pg-home-works__parallax div {
	z-index: 0;
}

@media screen and (min-width: 1024px) {
	.pg-home-works__parallax div {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-works__parallax-1 {
		width: 15rem;
		bottom: calc( 620 / 1100 * 100vh);
		left: calc( ( (228 + 75) / 1960 ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-works__parallax-1 {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-works__parallax-2 {
		width: 15rem;
		bottom: calc( 240 / 1100 * 100vh);
		left: calc( ( (683 + 75) / 1960 ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-works__parallax-2 {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-works__parallax-3 {
		width: 18.2rem;
		bottom: calc( 659 / 1100 * 100vh);
		left: calc( ( (1545 + 91) / 1960 ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-works__parallax-3 {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-works__parallax-4 {
		width: 12.2rem;
		bottom: calc( 324.5 / 1100 * 100vh);
		left: calc( ( (1370 + 61) / 1960 ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-works__parallax-4 {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-works__parallax-5 {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-works__parallax-5 {
		width: 7.55rem;
		top: calc( ( 1068 / 4539 ) * 100%);
		left: 0;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-works__parallax-6 {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-works__parallax-6 {
		width: 8.65rem;
		top: calc( ( 1535 / 4539 ) * 100%);
		right: 0;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-works__parallax-7 {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-works__parallax-7 {
		width: 11rem;
		top: calc( ( 2814 / 4539 ) * 100%);
		left: 0;
	}
}

@media screen and (min-width: 1024px) {
	.pg-home-works__parallax-8 {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-works__parallax-8 {
		width: 8.15rem;
		top: calc( ( 4120 / 4539 ) * 100%);
		right: 0;
	}
}

/* ------------------------------------------------------------
 pg-home-blog
------------------------------------------------------------ */
.pg-home-blog {
	position: relative;
	background-color: var(--color-bg);
}

@media screen and (min-width: 1024px) {
	.pg-home-blog {
		padding: 0 32rem 0 38.2rem;
	}
}

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

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

/* ---------- pg-home-blog__button ---------- */
@media screen and (min-width: 1024px) {
	.pg-home-blog__button {
		display: none;
	}
}

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

/* ---------- pg-home-blog__illust ---------- */
.pg-home-blog__illust-1 {
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.pg-home-blog__illust-1 {
		width: 52.2rem;
		bottom: 1.1rem;
		left: -25.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-blog__illust-1 {
		width: 32.85rem;
		top: -10.3rem;
		left: calc( ( (-148 + 328) / 800 ) * 100%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

/* ---------- pg-home-blog__curvetxt ---------- */
@media screen and (min-width: 1024px) {
	.pg-home-blog__curvetxt-1 {
		width: 11.1rem;
		bottom: calc( 431 / 1100 * 100vh);
		left: 7.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-home-blog__curvetxt-1 {
		display: none;
	}
}
/*# sourceMappingURL=sourcemaps/page-home.css.map */