/* ------------------------------------------------------------
 pg-vision-midashi
------------------------------------------------------------ */
.midashi {
  position: relative;
  }

.midashi h1 {
position: absolute;
color: white;/*文字は白に*/
font-weight: bold; /*太字に*/
font-size: 8em;/*サイズ2倍*/
top: 10%;
display:inline-block;
width:100%;
margin:0 auto;
text-align:center;
text-shadow: 0px 10px 15px #000000;
  }

.midashi img {
  width: 100%;
  }
 @media screen and (max-width:560px) {
.midashi {
  position: relative;
  }

.midashi h1 {
position: absolute;
color: white;/*文字は白に*/
font-weight: bold; /*太字に*/
font-size: 4em;/*サイズ2倍*/
top: 10%;
display:inline-block;
width:100%;
margin:0 auto;
text-align:center;
text-shadow: 0px 5px 5px #000000;
  }

.midashi img {
  width: 100%;
  }}
 
 
 
.img-sp {
    display: none;
}
@media screen and (max-width:560px) {
    .img-pc {
        display: none;
    }
    .img-sp {
        display: block;
    }
}
/* ------------------------------------------------------------
 pg-vision-visual
------------------------------------------------------------ */
.pg-vision-visual {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-vision-visual {
		margin-bottom: 0rem;
		margin-top: 9.3rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-vision-visual {
		margin-bottom: 0rem;
		margin-top: 7rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-vision-visual {
		margin-bottom: 0rem;
		margin-top: 5rem;
	}
}

.pg-vision-visual figure {
	position: relative;
	min-height: 20rem;
	max-height: 100rem;
}

.pg-vision-visual figure::after {
	content: '';
	display: block;
	pointer-events: none;
}

@media screen and (min-width: 561px) {
	.pg-vision-visual figure::after {
		padding-top: calc( ( 0 / 1400 ) * 100%);
	}
}

@media screen and (max-width: 560px) {
	.pg-vision-visual figure::after {
		padding-top: calc( ( 0 / 375 ) * 100%);
	}
}



/*
 *
 * page-koe.scss
 *
 */
/* ------------------------------------------------------------
 pg-koe-container
------------------------------------------------------------ */
.pg-koe-container {
	background-color: var(--color-gray3);
}

/* ------------------------------------------------------------
 pg-koe-lead
------------------------------------------------------------ */
.pg-koe-lead__inner {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-koe-lead__inner {
		padding: 10.5rem 0 13.7rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-koe-lead__inner {
		padding: 8.5rem 0 18rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-koe-lead__inner {
		padding: 6.5rem 0 18rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-koe-lead__illust {
		width: 44.3rem;
		top: -3.5rem;
		right: 2.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-koe-lead__illust {
		width: 30rem;
		bottom: -10.9rem;
		left: calc( ( (29 + 300 / 2) / var( --design-width-sp ) ) * 100%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media screen and (min-width: 1024px) {
	.pg-koe-lead__illust p {
		top: -5.4rem;
		right: 8.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-koe-lead__illust p {
		top: -5.8rem;
		right: 6.2rem;
	}
}

/* ------------------------------------------------------------
 pg-koe-voice
------------------------------------------------------------ */
.pg-koe-voices {
	position: relative;
	z-index: 10;
}

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

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

@media screen and (max-width: 1023px) {
	.pg-koe-voice {
		position: relative;
		background-color: var(--color-white);
		padding: 8.5rem var(--side-width-large-percent) 14.2rem;
	}
}

@media screen and (min-width: 561px) {
	.pg-koe-voice:not(:last-of-type) {
		margin-bottom: 13rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-koe-voice:not(:last-of-type) {
		margin-bottom: 17.3rem;
	}
}

/* ---------- pg-koe-voice__header ---------- */
@media screen and (min-width: 1024px) {
	.pg-koe-voice__header {
		position: relative;
		padding-left: 17.2rem;
		margin-bottom: 4.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-koe-voice__header {
		margin-bottom: 7.3rem;
	}
}

/* ----- pg-koe-voice__title ----- */
@media screen and (min-width: 1024px) {
	.pg-koe-voice__title {
		display: flex;
		align-items: center;
	}
}

@media screen and (max-width: 1023px) {
	.pg-koe-voice__title {
		text-align: center;
	}
}

.pg-koe-voice__title__ja {
	font-weight: 700;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	letter-spacing: calc( 40 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-koe-voice__title__ja {
		font-size: 2.8rem;
		font-size: max( 2.8rem , 20px );
		margin-right: 2.6rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-koe-voice__title__ja {
		font-size: 2.4rem;
		font-size: max( 2.4rem , 20px );
		margin-bottom: 2.4rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-koe-voice__title__ja {
		font-size: 2rem;
		font-size: max( 2rem , 16px );
		margin-bottom: 2.1rem;
	}
}

.pg-koe-voice__title__en {
	font-family: var(--font-Cantarell);
	font-weight: 700;
}

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

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

/* ----- pg-koe-voice__illust ----- */
@media screen and (max-width: 1023px) {
	.pg-koe-voice__illust {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

/* ---------- pg-koe-voice__main ---------- */
.pg-koe-voice__main {
	background-color: var(--color-white);
}

@media screen and (min-width: 1024px) {
	.pg-koe-voice__main {
		border-radius: 1rem;
		padding: 0 calc( ( 104 / 1247 ) * 100%) 13.1rem calc( ( 88 / 1247 ) * 100%);
	}
}

@media screen and (min-width: 1024px) {
	.pg-koe-voice__flex {
		display: flex;
		flex-direction: row-reverse;
		align-items: flex-start;
		justify-content: space-between;
		margin-bottom: 7.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-koe-voice__flex {
		margin-bottom: 5.8rem;
	}
}

/* ----- pg-koe-voice__thumbnail ----- */
.pg-koe-voice__thumbnail {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-koe-voice__thumbnail {
		width: calc( ( 624 / 1055 ) * 100%);
		margin-top: 13rem;
	}
}

.pg-koe-voice__thumbnail::before {
	content: '';
	display: block;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 10;
	pointer-events: none;
}

@media screen and (min-width: 1024px) {
	.pg-koe-voice__thumbnail::before {
		width: 6.8rem;
		height: 5.4rem;
		top: -2.7rem;
		left: -3.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-koe-voice__thumbnail::before {
		width: 4.7rem;
		height: 3.8rem;
		top: -2.2rem;
		left: -1.6rem;
	}
}

.pg-koe-voice__thumbnail__contents {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(0.00001deg);
	transform: translate(-50%, -50%) rotate(0.00001deg);
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.pg-koe-voice__thumbnail__contents {
		padding-top: 1.4rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-koe-voice__thumbnail__contents i {
		margin-bottom: 3.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-koe-voice__thumbnail__contents i {
		margin-bottom: 2.4rem;
	}
}

.pg-koe-voice__thumbnail__contents p {
	color: var(--color-white);
	text-transform: uppercase;
	font-family: var(--font-Cantarell);
	font-weight: 700;
	font-size: 1rem;
}

@media screen and (max-width: 560px) {
	.pg-koe-voice__thumbnail__contents p {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
	}
}

/* ----- pg-koe-voice__contents ----- */
@media screen and (min-width: 1024px) {
	.pg-koe-voice__contents {
		width: calc( ( 355 / 1055 ) * 100%);
	}
}

.pg-koe-voice__contents__logo {
	width: 100%;
	margin: 0 auto;
}

.pg-koe-voice__contents__company {
	font-weight: 700;
	letter-spacing: calc( 100 / 1000 * 1em);
	padding-bottom: 5rem;
	line-height: 4rem;
}

@media screen and (min-width: 1024px) {
	.pg-koe-voice__contents__company {
		font-size: 2rem;
		font-size: max( 2rem , 16px );
	}
}

@media screen and (max-width: 1023px) {
	.pg-koe-voice__contents__company {
		font-size: 1.8rem;
		font-size: max( 1.8rem , 14px );
	}
}

.pg-koe-voice__contents__name {
	text-align: center;
	color: var(--color-dark-gray2);
	font-size: 1.2rem;
	font-size: max( 1.2rem , 11px );
	letter-spacing: calc( 50 / 1000 * 1em);
}

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

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

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

@media screen and (max-width: 1023px) {
	.pg-koe-voice__buttons {
		text-align: center;
	}
}

@media screen and (min-width: 1024px) {
	.pg-koe-voice__buttons li:not(:last-of-type) {
		margin-right: 5.3rem;
	}
}

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

/* ----------------------------------------
 pg-koe-voice--matsushitagumi
---------------------------------------- */
.pg-koe-voice--matsushitagumi .pg-koe-voice__illust {
	width: 9.7rem;
}

@media screen and (min-width: 1024px) {
	.pg-koe-voice--matsushitagumi .pg-koe-voice__illust {
		top: -3.9rem;
		left: 3.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-koe-voice--matsushitagumi .pg-koe-voice__illust {
		top: -6.7rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-koe-voice--matsushitagumi .pg-koe-voice__contents__logo {
		max-width: 7.4rem;
		margin-top: 9.4rem;
		margin-bottom: 5.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-koe-voice--matsushitagumi .pg-koe-voice__contents__logo {
		margin-top: 5.1rem;
		margin-bottom: 3.8rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 769px) {
	.pg-koe-voice--matsushitagumi .pg-koe-voice__contents__logo {
		max-width: 5.92rem;
	}
}

@media screen and (max-width: 768px) {
	.pg-koe-voice--matsushitagumi .pg-koe-voice__contents__logo {
		max-width: 6.3rem;
	}
}

/* ----------------------------------------
 pg-koe-voice--syo-ei
---------------------------------------- */
.pg-koe-voice--syo-ei .pg-koe-voice__illust {
	width: 12.8rem;
}

@media screen and (min-width: 1024px) {
	.pg-koe-voice--syo-ei .pg-koe-voice__illust {
		top: -4rem;
		left: 1.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-koe-voice--syo-ei .pg-koe-voice__illust {
		top: -6.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-koe-voice--syo-ei .pg-koe-voice__illust img {
		-webkit-transform: translateX(0.6rem);
		transform: translateX(0.6rem);
	}
}

@media screen and (min-width: 1024px) {
	.pg-koe-voice--syo-ei .pg-koe-voice__contents__logo {
		max-width: 13.4rem;
		margin-top: 10.3rem;
		margin-bottom: 5.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-koe-voice--syo-ei .pg-koe-voice__contents__logo {
		margin-top: 5.9rem;
		margin-bottom: 4.1rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 769px) {
	.pg-koe-voice--syo-ei .pg-koe-voice__contents__logo {
		max-width: 10.72rem;
	}
}

@media screen and (max-width: 768px) {
	.pg-koe-voice--syo-ei .pg-koe-voice__contents__logo {
		max-width: 11.8rem;
	}
}

/* ----------------------------------------
 pg-koe-voice--kamispo
---------------------------------------- */
.pg-koe-voice--kamispo .pg-koe-voice__illust {
	width: 9.8rem;
}

@media screen and (min-width: 1024px) {
	.pg-koe-voice--kamispo .pg-koe-voice__illust {
		top: -3.4rem;
		left: 3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-koe-voice--kamispo .pg-koe-voice__illust {
		top: -5.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-koe-voice--kamispo .pg-koe-voice__illust img {
		-webkit-transform: translateX(-0.6rem);
		transform: translateX(-0.6rem);
	}
}

@media screen and (min-width: 1024px) {
	.pg-koe-voice--kamispo .pg-koe-voice__contents__logo {
		max-width: 29.3rem;
		margin-top: 9.9rem;
		margin-bottom: 4.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-koe-voice--kamispo .pg-koe-voice__contents__logo {
		margin-top: 5.3rem;
		margin-bottom: 4.2rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 769px) {
	.pg-koe-voice--kamispo .pg-koe-voice__contents__logo {
		max-width: 23.44rem;
	}
}

@media screen and (max-width: 768px) {
	.pg-koe-voice--kamispo .pg-koe-voice__contents__logo {
		max-width: 24.6rem;
	}
}








/*
 *
 * page-hen.scss
 *
 */
/* ------------------------------------------------------------
 pg-hen-intro
------------------------------------------------------------ */
.hentext {
		text-align: left;
		margin-left: 30px;
		position: relative;
		margin-bottom: 50px !important;
	}
.hentext2 {
		text-align: left;
		margin-left: 30px;
		position: relative;
		margin-bottom: 50px !important;
	}
@media screen and (min-width: 1024px) {
	.pg-hen-intro {
		padding: 10rem 0 22.2rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-hen-intro {
		padding: 8.5rem 0 16rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-hen-intro {
		padding: 7.4rem 0 9.8rem;
	}
}

/* ---------- pg-hen-intro__catch ---------- */
.pg-hen-intro__catch {
	padding-right: var(--side-width-xlarge-percent);
	padding-left: var(--side-width-xlarge-percent);
}

@media screen and (min-width: 561px) {
	.pg-hen-intro__catch {
		text-align: center;
	}
}

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

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-hen-intro__catch {
		padding-bottom: 8rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-hen-intro__catch {
		padding-bottom: 5.5rem;
	}
}

.pg-hen-intro__catch span {
	display: inline-block;
}

/* ----- pg-hen-intro__catch__brackets ----- */
.pg-hen-intro__catch__brackets {
	font-weight: 400;
}

@media screen and (min-width: 1024px) {
	.pg-hen-intro__catch__brackets {
		font-size: 9rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-hen-intro__catch__brackets {
		font-size: 7rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-hen-intro__catch__brackets {
		font-size: 5rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-intro__catch__brackets.-first {
		margin-left: 1rem;
	}
}

/* ----- pg-hen-intro__catch__main ----- */
.pg-hen-intro__catch__main {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-hen-intro__catch__main {
		margin: 0 2.5rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-hen-intro__catch__main {
		margin: 0 2rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-hen-intro__catch__main {
		margin: 0 1.4rem;
	}
}

.pg-hen-intro__catch__main__ja {
	color: var(--theme-color);
	font-weight: 900;
}

@media screen and (min-width: 1024px) {
	.pg-hen-intro__catch__main__ja {
		font-size: 8rem;
		font-size: max( 8rem , 60px );
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-hen-intro__catch__main__ja {
		font-size: 6rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-hen-intro__catch__main__ja {
		font-size: 4.5rem;
	}
}

.pg-hen-intro__catch__main__kana {
	font-weight: 700;
	letter-spacing: calc( 200 / 1000 * 1em);
}

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

@media screen and (max-width: 1023px) {
	.pg-hen-intro__catch__main__kana {
		font-size: 1.1rem;
		top: -2rem;
	}
}

/* ----- pg-hen-intro__catch__conjunction ----- */
.pg-hen-intro__catch__conjunction {
	font-weight: 900;
}

@media screen and (min-width: 1024px) {
	.pg-hen-intro__catch__conjunction {
		font-size: 6rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-hen-intro__catch__conjunction {
		font-size: 4.5rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-hen-intro__catch__conjunction {
		font-size: 3.3rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-intro__catch__conjunction.-to {
		margin: 0 1.2rem 0 1.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-intro__catch__conjunction.-to {
		margin: 0 0.6rem 0 0.7rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-intro__catch__conjunction.-wo {
		margin: 0 0 0 0.8rem;
	}
}

/* ----- pg-hen-intro__catch__basic ----- */
.pg-hen-intro__catch__basic {
	display: block;
	font-weight: 900;
	line-height: calc( var(--line-height) * 1em);
	--line-height: calc( 44 / 25 );
}

@media screen and (min-width: 1024px) {
	.pg-hen-intro__catch__basic {
		font-size: 4.7rem;
		margin-top: 5.8rem;
		margin-left: 5.2rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-hen-intro__catch__basic {
		font-size: 2.8rem;
		margin-top: 4.2rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-hen-intro__catch__basic {
		font-size: 2.5rem;
		margin-top: 3rem;
	}
}

/* ---------- pg-hen-intro__list ---------- */
.pg-hen-intro__list {
	display: flex;
}

@media screen and (min-width: 1024px) {
	.pg-hen-intro__list {
		justify-content: space-between;
		margin-bottom: 7.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-intro__list {
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 1023px) and (min-width: 769px) {
	.pg-hen-intro__list {
		justify-content: center;
		margin-top: -6rem;
		margin-left: -5%;
		margin-bottom: 6rem;
	}
}

@media screen and (max-width: 768px) {
	.pg-hen-intro__list {
		justify-content: space-between;
		max-width: calc( var( --design-width-sp ) * 0.1rem);
		width: 100%;
		margin: -5.3rem auto 4.0rem;
	}
}

.pg-hen-intro__list__cell {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-hen-intro__list__cell {
		max-width: 23.2rem;
		width: calc( ( 232 / 1188 ) * 100%);
	}
	.pg-hen-intro__list__cell:nth-of-type(2n-1) {
		margin-top: 8rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 769px) {
	.pg-hen-intro__list__cell {
		max-width: 20rem;
		width: 25%;
		margin-top: 6rem;
		margin-left: 5%;
	}
}

@media screen and (max-width: 768px) {
	.pg-hen-intro__list__cell {
		width: calc( ( 185 / var( --design-width-sp ) ) * 100%);
		margin-top: 5.3rem;
	}
	.pg-hen-intro__list__cell:nth-of-type(2n-1) {
		margin-right: -2.7rem;
	}
	.pg-hen-intro__list__cell:nth-of-type(2n-1) p {
		left: -4.6rem;
	}
	.pg-hen-intro__list__cell:nth-of-type(2n) {
		margin-left: -2.7rem;
		padding-top: 9rem;
		margin-bottom: -9rem;
	}
	.pg-hen-intro__list__cell:nth-of-type(2n) p {
		right: -4.6rem;
	}
	.pg-hen-intro__list__cell:nth-of-type(1) {
		order: 1;
	}
	.pg-hen-intro__list__cell:nth-of-type(2) {
		order: 0;
	}
	.pg-hen-intro__list__cell:nth-of-type(3) {
		order: 3;
	}
	.pg-hen-intro__list__cell:nth-of-type(4) {
		order: 2;
	}
	.pg-hen-intro__list__cell:nth-of-type(5) {
		order: 4;
		margin-left: auto;
	}
}

.pg-hen-intro__list__cell p {
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.pg-hen-intro__list__cell p {
		top: -10.2rem;
		left: -0.2rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 769px) {
	.pg-hen-intro__list__cell p {
		top: -4rem;
		left: -2rem;
	}
}

@media screen and (max-width: 768px) {
	.pg-hen-intro__list__cell p {
		top: -5.5rem;
	}
}

.pg-hen-intro__list__cell__inner {
	position: relative;
}

/* ---------- pg-hen-intro__txt ---------- */
.pg-hen-intro__txt {
	padding-right: var(--side-width-xlarge-percent);
	padding-left: var(--side-width-xlarge-percent);
}

@media screen and (min-width: 1024px) {
	.pg-hen-intro__txt {
		text-align: center;
	}
}

/* ------------------------------------------------------------
 pg-hen-project
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.pg-hen-projects {
		padding-bottom: 11.6rem;
	}
}

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

.pg-hen-project {
	position: relative;
	background-color: var(--theme-color);
}

/* ---------- pg-hen-project__edge ---------- */
.pg-hen-project__edge {
	display: block;
	background-color: var(--theme-color);
	position: absolute;
	bottom: 100%;
	-webkit-transform: translate3d(0, 0, 0) rotate(0.0001deg);
	transform: translate3d(0, 0, 0) rotate(0.0001deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

body.ua-ie .pg-hen-project__edge {
	bottom: calc( 100% - 1px);
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__edge {
		height: 8rem;
	}
}

@media screen and (max-width: 768px) {
	.pg-hen-project__edge {
		display: none;
	}
}

.pg-hen-project__edge div {
	bottom: 0;
}

/* ---------- pg-hen-project__header ---------- */
.pg-hen-project__header {
	text-align: center;
}

/* ----- pg-hen-project__header__illust ----- */
.pg-hen-project__header__illust {
	position: relative;
	margin: 0 auto;
	--balloon-color: var( --balloon1-color );
}

.pg-hen-project__header__illust p {
	color: var(--balloon1-text-color);
}

/* ----- pg-hen-project__title ----- */
.pg-hen-project__title {
	color: var(--accent-color);
	white-space: nowrap;
}

.pg-hen-project__title__ja {
	font-weight: 700;
	letter-spacing: calc( 40 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__title__ja {
		font-size: 4.8rem;
		font-size: max( 4.8rem , 28px );
		padding-bottom: 1.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__title__ja {
		font-size: 4rem;
		font-size: max( 4rem , 28px );
		padding-bottom: 1.6rem;
	}
}

.pg-hen-project__title__en {
	font-family: var(--font-Cantarell);
	font-weight: 700;
	font-size: 1.2rem;
}

/* ----- pg-hen-project__header__txt ----- */
.pg-hen-project__header__txt {
	color: var(--text-color);
	font-weight: 400;
	line-height: calc( var(--line-height) * 1em);
	letter-spacing: calc( 40 / 1000 * 1em);
	/* ----- -top ----- */
	/* ----- -bottom ----- */
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__header__txt {
		font-size: 2rem;
		font-size: max( 2rem , 16px );
		--line-height: calc( 40 / 20 );
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__header__txt {
		font-size: 1.6rem;
		font-size: max( 1.6rem , 13px );
		--line-height: calc( 32 / 16 );
	}
}

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

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

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

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

/* ---------- pg-hen-project__person ---------- */
@media screen and (min-width: 1024px) {
	.pg-hen-project__persons {
		display: flex;
		align-items: center;
		justify-content: center;
				margin-top: 10rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__persons .pg-hen-project__person:not(:last-of-type) {
		margin-right: 5.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__persons .pg-hen-project__person:not(:last-of-type) {
		margin-bottom: 3.6rem;
	}
}

.pg-hen-project__person {
	display: flex;
	justify-content: center;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__person.-type1 .pg-hen-project__person__figure {
		margin-right: 2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__person.-type1 .pg-hen-project__person__figure {
		margin-right: 1.4rem;
	}
}

.pg-hen-project__person.-type2 {
	flex-direction: row-reverse;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__person.-type2 .pg-hen-project__person__figure {
		margin-left: 2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__person.-type2 .pg-hen-project__person__figure {
		margin-left: 1.4rem;
	}
}

/* ----- pg-hen-project__person__figure ----- */
.pg-hen-project__person__figure {
	position: relative;
	--balloon-color: var( --balloon2-color );
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__person__figure {
		width: 10.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__person__figure {
		width: 9.2rem;
	}
}

.pg-hen-project__person__figure p {
	color: var(--balloon2-text-color);
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__person__figure p {
		bottom: 10.7rem;
		right: 9.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__person__figure p {
		bottom: 10.3rem;
		right: 7.1rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__person__figure p.-type2 {
		bottom: 12.1rem;
		right: 8.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__person__figure p.-type2 {
		bottom: 10rem;
		right: 7.8rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__person__figure p.-type3 {
		bottom: 11.8rem;
		right: 8.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__person__figure p.-type3 {
		bottom: 9.8rem;
		right: 7.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__person__figure p.-type4 {
		bottom: 8.4rem;
		right: 8.5rem;
	}
}

/* ----- pg-hen-project__person__contents ----- */
@media screen and (min-width: 1024px) {
	.pg-hen-project__person__contents {
		padding-top: 2.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__person__contents {
		padding-top: 2.6rem;
	}
}

.pg-hen-project__person__category {
	display: inline-block;
	border-radius: 100px;
	background-color: var(--text-color);
	color: var(--theme-color);
	font-weight: 700;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__person__category {
		font-size: 1.2rem;
		padding: 0.3rem 1.2rem;
		margin-bottom: 1.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__person__category {
		font-size: 1.1rem;
		padding: 0.4rem 1.3rem;
		margin-bottom: 1.1rem;
	}
}

.pg-hen-project__person__name {
	color: var(--text-color);
	font-weight: 700;
	letter-spacing: calc( 40 / 1000 * 1em);
	margin-left: 0.3rem;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__person__name {
		font-size: 1.6rem;
		font-size: max( 1.6rem , 13px );
		margin-bottom: 2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__person__name {
		font-size: 1.4rem;
		font-size: max( 1.4rem , 12px );
		margin-bottom: 1.2rem;
	}
}

.pg-hen-project__person__button {
	--theme-color: var( --text-color );
	color: var(--text-color);
	margin-left: 0.3rem;
}

/* ---------- pg-hen-project__thumbnail ---------- */
@media screen and (min-width: 1024px) {
	.pg-hen-project__thumbnail.-small .pg-hen-project__thumbnail__button {
		margin-top: 3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__thumbnail.-small .pg-hen-project__thumbnail__button {
		margin-top: 2.1rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__thumbnail.-medium .pg-hen-project__thumbnail__button {
		margin-top: 3.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__thumbnail.-medium .pg-hen-project__thumbnail__button {
		margin-top: 5.3rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__thumbnail.-large .pg-hen-project__thumbnail__button {
		margin-top: 5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__thumbnail.-large .pg-hen-project__thumbnail__button {
		margin-top: 4rem;
	}
}

.pg-hen-project__thumbnail__button {
	color: var(--text-color);
}

.pg-hen-project__thumbnail__button .c-arrow {
	--theme-color: var( --text-color );
}

/* ---------- pg-hen-project__video ---------- */
.pg-hen-project__video {
	position: relative;
	max-width: 100%;
}

.pg-hen-project__video__contents {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(0.00001deg);
	transform: translate(-50%, -50%) rotate(0.00001deg);
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__video__contents {
		padding-top: 1.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__video__contents {
		padding-top: 0.5rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__video__contents i {
		margin-bottom: 3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__video__contents i {
		margin-bottom: 2.5rem;
	}
}

.pg-hen-project__video__contents p {
	color: var(--color-white);
	text-transform: uppercase;
	font-family: var(--font-Cantarell);
	font-weight: 700;
	font-size: 1rem;
}

@media screen and (max-width: 560px) {
	.pg-hen-project__video__contents p {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
	}
}

.pg-hen-project__video__caption {
	color: var(--accent-color);
	text-align: center;
	font-weight: 700;
	letter-spacing: calc( 40 / 1000 * 1em);
}

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

@media screen and (max-width: 1023px) {
	.pg-hen-project__video__caption {
		font-size: 1.5rem;
		font-size: max( 1.5rem , 13px );
		margin-top: 1rem;
	}
}

/* ---------- pg-hen-project__catch ---------- */
.pg-hen-project__catch {
	text-align: center;
}

.pg-hen-project__catch span:not(.pg-hen-project__catch__main__balloon) {
	display: inline-block;
	vertical-align: middle;
}

/* ----- pg-hen-project__catch__basic ----- */
.pg-hen-project__catch__basic {
	color: var(--text-color);
	font-weight: 900;
	letter-spacing: calc( 40 / 1000 * 1em);
}

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

@media screen and (max-width: 1023px) {
	.pg-hen-project__catch__basic {
		font-size: 1.4rem;
		padding-top: 0.4rem;
	}
}

/* ----- pg-hen-project__catch__main ----- */
.pg-hen-project__catch__main {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__catch__main {
		margin: 0 0.7rem 0 1.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__catch__main {
		margin: 0 1rem 0 1rem;
	}
}

.pg-hen-project__catch__main__ja {
	color: var(--accent-color);
	font-weight: 900;
	letter-spacing: calc( 40 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__catch__main__ja {
		font-size: 6.8rem;
		font-size: max( 6.8rem , 40px );
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__catch__main__ja {
		font-size: 4rem;
	}
}

.pg-hen-project__catch__main__kana {
	color: var(--accent-color);
	font-family: var(--font-Cantarell);
	font-weight: 700;
	font-size: 1.2rem;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__catch__main__kana {
		bottom: -2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__catch__main__kana {
		bottom: -2.2rem;
	}
}

.pg-hen-project__catch__main__balloon {
	--balloon-color: var( --balloon1-color );
	color: var(--balloon1-text-color);
}

@media screen and (min-width: 1024px) {
	.pg-hen-project__catch__main__balloon {
		top: -4.7rem;
		left: -6.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project__catch__main__balloon {
		top: -4.2rem;
		left: -4.6rem;
	}
}

/* ----------------------------------------
 pg-hen-project--higoone
---------------------------------------- */
.pg-hen-project--higoone {
	--theme-color: var( --color-green5 );
	--accent-color: var( --color-green2 );
	--text-color: var( --color-green2 );
	--balloon1-color: var( --color-white );
	--balloon1-text-color: var( --color-navy );
	--balloon2-color: var( --color-white );
	--balloon2-text-color: var( --color-navy );
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--higoone {
		padding: 6.3rem calc( ( 122 / var( --design-width-pc ) ) * 100%) 24.2rem calc( ( 130 / var( --design-width-pc ) ) * 100%);
	}
}

@media screen and (max-width: 1023px) and (min-width: 769px) {
	.pg-hen-project--higoone {
		padding: 5.04rem 5% 19.36rem;
	}
}

@media screen and (max-width: 768px) {
	.pg-hen-project--higoone {
		padding: 14.4rem 0 16rem;
	}
}

.pg-hen-project--higoone .pg-hen-project__edge {
	width: calc( ( 755 / var( --design-width-pc ) ) * 100%);
	right: 0;
	border-radius: 0.8rem 0 0 0;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--higoone .pg-hen-project__edge {
		height: 11.6rem;
	}
}

.pg-hen-project--higoone .pg-hen-project__edge div {
	right: 100%;
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--higoone .pg-hen-project__header__illust {
		width: 18.6rem;
		margin-bottom: 1.5rem;
		-webkit-transform: translateX(-0.7rem);
		transform: translateX(-0.7rem);
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--higoone .pg-hen-project__header__illust {
		width: 13.5rem;
		margin-bottom: 2.2rem;
		-webkit-transform: translateX(-0.4rem);
		transform: translateX(-0.4rem);
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--higoone .pg-hen-project__header__illust p {
		top: 0.4rem;
		right: -5.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--higoone .pg-hen-project__header__illust p {
		top: -1rem;
		right: -4.1rem;
	}
}

@media screen and (max-width: 768px) {
	.pg-hen-project--higoone .pg-hen-project__thumbnail {
		margin-top: 6.2rem;
		margin-bottom: 7.4rem;
		margin-right: var(--side-width-xxxxlarge-percent);
		margin-left: var(--side-width-xxxxlarge-percent);
	}
}

@media screen and (max-width: 768px) {
	.pg-hen-project--higoone .pg-hen-project__thumbnail__button {
		display: flex;
		justify-content: center;
		white-space: nowrap;
	}
}

@media screen and (min-width: 769px) {
	.pg-hen-project--higoone .pg-hen-project__video {
		margin-bottom: 2.8rem;
	}
}

@media screen and (max-width: 768px) {
	.pg-hen-project--higoone .pg-hen-project__video {
		margin-right: var(--side-width-large-percent);
		margin-left: var(--side-width-large-percent);
		margin-bottom: 2.4rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--higoone .pg-hen-project__catch {
		margin-bottom: 8.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--higoone .pg-hen-project__catch {
		margin-bottom: 7rem;
	}
}

/* ---------- pg-hen-project--higoone__flex ---------- */
@media screen and (min-width: 769px) {
	.pg-hen-project--higoone__flex {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
}

/* ---------- pg-hen-project--higoone__right ---------- */
@media screen and (min-width: 769px) {
	.pg-hen-project--higoone__right {
		width: calc( ( 510 / 1148 ) * 100%);
	}
}

/* ---------- pg-hen-project--higoone__left ---------- */
@media screen and (min-width: 769px) {
	.pg-hen-project--higoone__left {
		width: calc( ( 512 / 1148 ) * 100%);
		padding-top: 16.6rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--higoone__person {
		padding-left: 7.8rem;
		margin-top: 7.2rem;
		margin-bottom: 3rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 769px) {
	.pg-hen-project--higoone__person {
		margin-top: 5.76rem;
		margin-bottom: 13.6rem;
	}
}

@media screen and (max-width: 768px) {
	.pg-hen-project--higoone__person {
		margin-bottom: 5rem;
		padding-left: 2.1rem;
	}
}

/* ----------------------------------------
 pg-hen-project--mogushi
---------------------------------------- */
.pg-hen-project--mogushi {
	--theme-color: var( --color-lightblue );
	--accent-color: var( --color-blue5 );
	--text-color: var( --color-black2 );
	--balloon1-color: var( --color-blue5 );
	--balloon1-text-color: var( --color-white );
	--balloon2-color: var( --color-blue5 );
	--balloon2-text-color: var( --color-lightblue );
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--mogushi {
		padding: 4.6rem calc( ( 90 / var( --design-width-pc ) ) * 100%) 21.5rem calc( ( 123 / var( --design-width-pc ) ) * 100%);
	}
}

@media screen and (max-width: 1023px) and (min-width: 769px) {
	.pg-hen-project--mogushi {
		padding: 3.68rem 5% 17.2rem;
	}
}

@media screen and (max-width: 768px) {
	.pg-hen-project--mogushi {
		padding: 16.1rem 0 16.4rem;
	}
}

.pg-hen-project--mogushi .pg-hen-project__edge {
	width: calc( ( 876 / var( --design-width-pc ) ) * 100%);
	left: 0;
	border-radius: 0 0.8rem 0 0;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--mogushi .pg-hen-project__edge {
		height: 11.7rem;
	}
}

.pg-hen-project--mogushi .pg-hen-project__edge div {
	left: 100%;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--mogushi .pg-hen-project__header__illust {
		width: 17.2rem;
		margin-bottom: 2.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--mogushi .pg-hen-project__header__illust {
		width: 12.4rem;
		margin-bottom: 2.5rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--mogushi .pg-hen-project__header__illust p {
		top: -0.8rem;
		left: -0.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--mogushi .pg-hen-project__header__illust p {
		top: -0.5rem;
		left: -0.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--mogushi .pg-hen-project__person.-type1 {
		padding-left: 3rem;
	}
}

/* ---------- pg-hen-project--higoone__flex ---------- */
@media screen and (min-width: 769px) {
	.pg-hen-project--mogushi__flex {
		display: flex;
		justify-content: space-between;
	}
}

/* ---------- pg-hen-project--higoone__left ---------- */
@media screen and (min-width: 769px) {
	.pg-hen-project--mogushi__left {
		width: calc( ( 712 / 1187 ) * 100%);
	}
}

/* ----- pg-hen-project--mogushi__illust ----- */
.pg-hen-project--mogushi__illust {
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--mogushi__illust {
		margin-top: 3.5rem;
		margin-bottom: 12.3rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 769px) {
	.pg-hen-project--mogushi__illust {
		margin-top: 2.8rem;
		margin-bottom: 7.38rem;
	}
}

@media screen and (max-width: 768px) {
	.pg-hen-project--mogushi__illust {
		margin-top: 3rem;
		margin-right: calc( ( 8 / var( --design-width-sp ) ) * 100%);
		margin-left: calc( ( 8 / var( --design-width-sp ) ) * 100%);
		margin-bottom: 5.4rem;
	}
}

.pg-hen-project--mogushi__illust img {
	width: 100%;
}

/* ---------- pg-hen-project--mogushi__right ---------- */
@media screen and (min-width: 769px) {
	.pg-hen-project--mogushi__right {
		width: calc( ( 369 / 1187 ) * 100%);
		padding-top: 12.3rem;
	}
}

/* ----- pg-hen-project--mogushi__figure ----- */
@media screen and (max-width: 768px) {
	.pg-hen-project--mogushi__figure {
		margin-right: var(--side-width-xxlarge-percent);
		margin-left: var(--side-width-xxlarge-percent);
		margin-bottom: 6.6rem;
	}
}

.pg-hen-project--mogushi__figure li {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--mogushi__figure li:not(:last-of-type) {
		margin-bottom: 1.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--mogushi__figure li:not(:last-of-type) {
		margin-bottom: 0.8rem;
	}
}

.pg-hen-project--mogushi__figure p {
	--balloon-color: var( --balloon2-color );
	color: var(--balloon2-text-color);
	padding-bottom: 0.2rem;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--mogushi__figure p {
		top: -4rem;
		right: -3rem;
		padding-left: 0.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--mogushi__figure p {
		top: -2.8rem;
		right: -2.1rem;
		padding-left: 0.3rem;
	}
}

/* ----------------------------------------
 pg-hen-project--comic
---------------------------------------- */
.pg-hen-project--comic {
	--theme-color: var( --color-green5 );
	--accent-color: var( --color-yellow8 );
	--text-color: var( --color-white );
	--balloon1-color: var( --color-white );
	--balloon1-text-color: var( --color-green5 );
	--balloon2-color: var( --color-yellow8 );
	--balloon2-text-color: var( --color-green5 );
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--comic {
		padding: 1.7rem calc( ( 85.5 / var( --design-width-pc ) ) * 100%) 34.5rem calc( ( 85.5 / var( --design-width-pc ) ) * 100%);
	}
}

@media screen and (max-width: 1023px) and (min-width: 769px) {
	.pg-hen-project--comic {
		padding: 8rem 5% 17.5rem;
	}
}

@media screen and (max-width: 768px) {
	.pg-hen-project--comic {
		padding: 12.7rem 0 13.7rem;
	}
}

.pg-hen-project--comic .pg-hen-project__edge {
	left: 0;
	border-radius: 0 0.8rem 0 0;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--comic .pg-hen-project__edge {
		width: 100%;
		height: 16.1rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--comic .pg-hen-project__edge {
		width: 50%;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-hen-project--comic .pg-hen-project__edge div {
		left: 100%;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--comic .pg-hen-project__header__illust {
		width: 11rem;
		margin-bottom: 3rem;
		-webkit-transform: translateX(-2.3rem);
		transform: translateX(-2.3rem);
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--comic .pg-hen-project__header__illust {
		width: 8.4rem;
		margin-bottom: 2.5rem;
		-webkit-transform: translateX(-1.2rem);
		transform: translateX(-1.2rem);
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--comic .pg-hen-project__header__illust p {
		top: -1.7rem;
		right: -5.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--comic .pg-hen-project__header__illust p {
		top: -0.7rem;
		right: -4.2rem;
	}
}

.pg-hen-project--comic .pg-hen-project__thumbnail {
	max-width: 52.6rem;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--comic .pg-hen-project__thumbnail {
		margin-top: 7.1rem;
		margin-bottom: 8.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--comic .pg-hen-project__thumbnail {
		margin-top: 5rem;
		margin-bottom: 6.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--comic .pg-hen-project__person {
		padding-left: 4.1rem;
	}
}

/* ----------------------------------------
 pg-hen-project--mens
---------------------------------------- */
.pg-hen-project--mens {
	--theme-color: var( --color-orange4 );
	--accent-color: var( --color-black2 );
	--text-color: var( --color-white );
	--balloon1-color: var( --color-white );
	--balloon1-text-color: var( --color-orange4 );
	--balloon2-color: var( --color-black2 );
	--balloon2-text-color: var( --color-orange4 );
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--mens {
		padding: 18.8rem calc( ( 38 / var( --design-width-pc ) ) * 100%) 19.2rem calc( ( 40 / var( --design-width-pc ) ) * 100%);
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-hen-project--mens {
		padding: 8rem 5% 17.5rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-hen-project--mens {
		padding: 13.3rem 0 12.9rem;
	}
}

.pg-hen-project--mens .pg-hen-project__edge {
	border-radius: 0 0.8rem 0 0;
	left: 0;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--mens .pg-hen-project__edge {
		width: 100%;
		height: 0;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--mens .pg-hen-project__edge {
		width: 50%;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--mens .pg-hen-project__edge div {
		left: 0;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--mens .pg-hen-project__edge div {
		left: 100%;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--mens .pg-hen-project__header__illust {
		width: 17.4rem;
		margin-bottom: 3rem;
		-webkit-transform: translateX(3.5rem);
		transform: translateX(3.5rem);
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--mens .pg-hen-project__header__illust {
		width: 12.3rem;
		margin-bottom: 2rem;
		-webkit-transform: translateX(1.6rem);
		transform: translateX(1.6rem);
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--mens .pg-hen-project__header__illust p {
		top: -2.9rem;
		left: -3.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--mens .pg-hen-project__header__illust p {
		top: -2.1rem;
		left: -2.3rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--mens .pg-hen-project__person {
		padding-left: 3.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--mens .pg-hen-project__person {
		padding-left: 2.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--mens__figure {
		margin-top: 6.4rem;
		margin-bottom: 6.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--mens__figure {
		margin-top: 4.8rem;
		margin-bottom: 4rem;
	}
}

@media screen and (min-width: 561px) {
	.pg-hen-project--mens__figure ul {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
}

@media screen and (min-width: 561px) {
	.pg-hen-project--mens__figure li:nth-of-type(1) {
		width: calc( ( 560 / 620 ) * 100%);
		order: 0;
		margin: 0 auto 1.3rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-hen-project--mens__figure li:nth-of-type(1) {
		width: calc( ( 352 / var( --design-width-sp ) ) * 100%);
		border-radius: 0.5rem 0 0 0.5rem;
		margin: 0 0 0.8rem auto;
	}
}

@media screen and (min-width: 561px) {
	.pg-hen-project--mens__figure li:nth-of-type(2) {
		width: calc( ( 333 / 620 ) * 100%);
		order: 2;
	}
}

@media screen and (max-width: 560px) {
	.pg-hen-project--mens__figure li:nth-of-type(2) {
		width: calc( ( 311 / var( --design-width-sp ) ) * 100%);
		border-radius: 0 0.5rem 0.5rem 0;
		margin: 0 auto 0.8rem 0;
	}
}

@media screen and (min-width: 561px) {
	.pg-hen-project--mens__figure li:nth-of-type(3) {
		width: calc( ( 273 / 620 ) * 100%);
		order: 1;
	}
}

@media screen and (max-width: 560px) {
	.pg-hen-project--mens__figure li:nth-of-type(3) {
		width: calc( ( 249 / var( --design-width-sp ) ) * 100%);
		margin-left: calc( ( 89 / var( --design-width-sp ) ) * 100%);
	}
}

/* ----------------------------------------
 pg-hen-project--unconventional
---------------------------------------- */
.pg-hen-project--unconventional {
	--theme-color: var( --color-navy );
	--accent-color: var( --color-white );
	--text-color: var( --color-white );
	--balloon1-color: var( --color-dark-gray9 );
	--balloon1-text-color: var( --color-yellow9 );
	--balloon2-color: var( --color-brown );
	--balloon2-text-color: var( --color-yellow9 );
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--unconventional {
		padding: 1.5rem calc( ( 113 / var( --design-width-pc ) ) * 100%) 18rem calc( ( 152 / var( --design-width-pc ) ) * 100%);
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-hen-project--unconventional {
		padding: 8rem 5% 14.4rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-hen-project--unconventional {
		padding: 14.9rem 0 14rem;
	}
}

.pg-hen-project--unconventional .pg-hen-project__edge {
	width: calc( ( 700 / var( --design-width-pc ) ) * 100%);
	left: 0;
	border-radius: 0 0.8rem 0 0;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--unconventional .pg-hen-project__edge {
		height: 15.2rem;
	}
}

.pg-hen-project--unconventional .pg-hen-project__edge div {
	left: 100%;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--unconventional .pg-hen-project__header__illust {
		width: 10rem;
		margin-bottom: 4.4rem;
		-webkit-transform: translateX(-1.5rem);
		transform: translateX(-1.5rem);
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--unconventional .pg-hen-project__header__illust {
		width: 7.3rem;
		margin-bottom: 2.4rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--unconventional .pg-hen-project__header__illust p {
		top: -4.8rem;
		right: -6.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--unconventional .pg-hen-project__header__illust p {
		top: -3.4rem;
		right: -4.9rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--unconventional .pg-hen-project__person {
		margin-top: 8rem;
		padding-left: 6.1rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--unconventional .pg-hen-project__person {
		padding-left: 3.5rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 769px) {
	.pg-hen-project--unconventional .pg-hen-project__person {
		margin-top: 6rem;
		margin-bottom: 6rem;
	}
}

/* ---------- pg-hen-project--unconventional__flex ---------- */
@media screen and (min-width: 1024px) {
	.pg-hen-project--unconventional__flex {
		display: flex;
		justify-content: space-between;
	}
}

/* ---------- pg-hen-project--unconventional__left ---------- */
@media screen and (min-width: 1024px) {
	.pg-hen-project--unconventional__left {
		width: calc( ( 420 / 1135 ) * 100%);
	}
}

/* ---------- pg-hen-project--unconventional__right ---------- */
@media screen and (min-width: 1024px) {
	.pg-hen-project--unconventional__right {
		width: calc( ( 520 / 1135 ) * 100%);
		padding-top: 16.6rem;
	}
}

/* ----- pg-hen-project--unconventional__video ----- */
@media screen and (max-width: 768px) {
	.pg-hen-project--unconventional__video {
		margin-top: 4rem;
		margin-right: calc( ( 27.5/var(--design-width-sp) ) * 100%);
		margin-left: calc( ( 27.5/var(--design-width-sp) ) * 100%);
	}
}

@media screen and (max-width: 1023px) and (min-width: 769px) {
	.pg-hen-project--unconventional__video {
		display: flex;
		justify-content: space-between;
	}
}

@media screen and (max-width: 768px) {
	.pg-hen-project--unconventional__video {
		margin-bottom: 6rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 769px) {
	.pg-hen-project--unconventional__video li {
		width: 48%;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--unconventional__video li:not(:last-of-type) {
		margin-bottom: 7rem;
	}
}

@media screen and (max-width: 768px) {
	.pg-hen-project--unconventional__video li:not(:last-of-type) {
		margin-bottom: 3.8rem;
	}
}

/* ----------------------------------------
 pg-hen-project--blog
---------------------------------------- */
.pg-hen-project--blog {
	--theme-color: var( --color-yellow8 );
	--accent-color: var( --color-orange );
	--text-color: var( --color-orange );
	--balloon1-color: var( --color-white );
	--balloon1-text-color: var( --color-navy2 );
	--balloon2-color: var( --color-yellow8 );
	--balloon2-text-color: var( --color-navy2 );
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--blog {
		padding: 0 calc( ( 142 / var( --design-width-pc ) ) * 100%) 19.6rem calc( ( 138 / var( --design-width-pc ) ) * 100%);
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-hen-project--blog {
		padding: 8rem 5% 14.9rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-hen-project--blog {
		padding: 12.1rem 0 14.9rem;
	}
}

.pg-hen-project--blog .pg-hen-project__edge {
	width: calc( ( 651 / var( --design-width-pc ) ) * 100%);
	left: 0;
	border-radius: 0 0.8rem 0 0;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--blog .pg-hen-project__edge {
		height: 20rem;
	}
}

.pg-hen-project--blog .pg-hen-project__edge div {
	left: 100%;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--blog .pg-hen-project__header {
		text-align: left;
		-webkit-transform: translateY(-12.5rem);
		transform: translateY(-12.5rem);
		margin-bottom: -12.5rem;
	}
}

.pg-hen-project--blog .pg-hen-project__header__illust {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--blog .pg-hen-project__header__illust {
		width: 14.1rem;
		margin-right: 0;
		margin-left: 0;
		padding-left: 5rem;
		margin-bottom: 2.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--blog .pg-hen-project__header__illust {
		width: 6.5rem;
		margin-bottom: 2.2rem;
		-webkit-transform: translateX(1.4rem);
		transform: translateX(1.4rem);
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--blog .pg-hen-project__header__illust p {
		top: -2rem;
		left: -1.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--blog .pg-hen-project__header__illust p {
		top: -1.4rem;
		left: -4.6rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--blog .pg-hen-project__person.-type1 {
		padding-left: 3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--blog .pg-hen-project__person.-type1 {
		padding-left: 2rem;
	}
}

/* ---------- pg-hen-project--blog__list ---------- */
@media screen and (min-width: 769px) {
	.pg-hen-project--blog__list {
		display: flex;
		justify-content: space-between;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--blog__list {
		margin-top: 5.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--blog__list {
		margin-top: 5.5rem;
		margin-right: calc( ( 27.5/var(--design-width-sp) ) * 100%);
		margin-left: calc( ( 27.5/var(--design-width-sp) ) * 100%);
	}
}

@media screen and (min-width: 769px) {
	.pg-hen-project--blog__list > li {
		width: calc( ( 520 / 1120 ) * 100%);
	}
}

@media screen and (max-width: 768px) {
	.pg-hen-project--blog__list > li:not(:last-of-type) {
		margin-bottom: 8rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-hen-project--blog__list .pg-hen-project__person {
		margin-top: 7.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-hen-project--blog__list .pg-hen-project__person {
		margin-top: 4.3rem;
	}
}



/*
 *
 * page-about.scss
 *
 */
/* ------------------------------------------------------------
 pg-about-visual
------------------------------------------------------------ */
.pg-about-visual {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-about-visual {
		margin-bottom: 13.2rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-about-visual {
		margin-bottom: 11rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-about-visual {
		margin-bottom: 8.2rem;
	}
}

.pg-about-visual figure {
	position: relative;
	min-height: 20rem;
	max-height: 100rem;
}

.pg-about-visual figure::after {
	content: '';
	display: block;
	pointer-events: none;
}

@media screen and (min-width: 561px) {
	.pg-about-visual figure::after {
		padding-top: calc( ( 652 / 1400 ) * 100%);
	}
}

@media screen and (max-width: 560px) {
	.pg-about-visual figure::after {
		padding-top: calc( ( 295 / 375 ) * 100%);
	}
}

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

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

.pg-about-intro__inner {
	position: relative;
}

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

/* ---------- pg-about-intro__txt ---------- */
.pg-about-intro__txt {
	font-weight: 700;
	line-height: calc( var(--line-height) * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-about-intro__txt {
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size: 1.8rem;
		font-size: max( 1.8rem , 14px );
		--line-height: calc( 52 / 18 );
		-webkit-font-feature-settings: 'vpal' 1;
		font-feature-settings: 'vpal' 1;
		letter-spacing: calc( 110 / 1000 * 1em);
		margin-left: calc( ( 115 / var( --design-width-pc ) ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-intro__txt {
		font-size: 1.6rem;
		font-size: max( 1.6rem , 14px );
		--line-height: calc( 37 / 16 );
		letter-spacing: calc( 50 / 1000 * 1em);
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-about-intro__txt {
		margin-bottom: 20rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-about-intro__txt {
		margin-bottom: 16.2rem;
	}
}

body.ua-ie .pg-about-intro__txt {
	display: inline-block;
}

/* ---------- pg-about-intro__illust ---------- */
.pg-about-intro__illust {
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.pg-about-intro__illust {
		position: absolute;
		max-width: 92.3rem;
		width: calc( ( (923 + 50) / var( --design-width-pc ) ) * 100%);
		right: calc( ( -58 / var( --design-width-pc ) ) * 100%);
		bottom: 0;
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-intro__illust {
		position: relative;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-about-intro__illust {
		max-width: 80rem;
		width: 100vw;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media screen and (max-width: 560px) {
	.pg-about-intro__illust {
		width: calc( 564 / var(--design-width-sp) * 100vw);
		margin-left: calc( -78 / var(--design-width-sp) * 100vw);
	}
}

/* ----- pg-about-intro__illust__parts-1 ----- */
.pg-about-intro__illust__parts-1 {
	width: calc( ( 190 / 923 ) * 100%);
	top: calc( ( -50 / 354 ) * 100%);
	left: calc( ( 189 / 923 ) * 100%);
}

@media screen and (min-width: 1024px) {
	.pg-about-intro__illust__parts-1 p {
		top: calc( ( -95 / 137 ) * 100%);
		left: calc( ( -43 / 190 ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-intro__illust__parts-1 p {
		top: calc( ( -61 / 84 ) * 100%);
		left: calc( ( -30 / 116 ) * 100%);
	}
}

/* ----- pg-about-intro__illust__parts-2 ----- */
.pg-about-intro__illust__parts-2 {
	width: calc( ( 147 / 923 ) * 100%);
	top: calc( ( -34 / 354 ) * 100%);
	right: calc( ( 329 / 923 ) * 100%);
	z-index: -1;
}

@media screen and (min-width: 1024px) {
	.pg-about-intro__illust__parts-2 p {
		top: calc( ( -67 / 108 ) * 100%);
		right: calc( ( -5 / 147 ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-intro__illust__parts-2 p {
		top: calc( ( -46 / 66 ) * 100%);
		right: calc( ( -9 / 90 ) * 100%);
	}
}

/* ----- pg-about-intro__illust__parts-3 ----- */
.pg-about-intro__illust__parts-3 {
	width: calc( ( 174 / 923 ) * 100%);
	bottom: calc( ( -33 / 354 ) * 100%);
	right: calc( ( 271 / 923 ) * 100%);
}

@media screen and (min-width: 1024px) {
	.pg-about-intro__illust__parts-3 p {
		top: calc( ( -85 / 147 ) * 100%);
		right: calc( ( -93 / 174 ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-intro__illust__parts-3 p {
		top: calc( ( -53 / 80 ) * 100%);
		left: calc( ( -10 / 106 ) * 100%);
		padding-left: 0.5rem;
		padding-bottom: 0.4rem;
	}
}

/* ------------------------------------------------------------
 pg-about-flex
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.pg-about-flex {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		padding-bottom: 7.5rem;
	}
}

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

@media screen and (min-width: 1024px) {
	.pg-about-flex__main {
		width: calc( ( 491 / 1180 ) * 100%);
		padding-top: 13.6rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-about-flex__figures {
		width: calc( ( 577 / 1180 ) * 100%);
	}
}

/* ------------------------------------------------------------
 pg-about-figures
------------------------------------------------------------ */
@media screen and (max-width: 1023px) {
	.pg-about-figures {
		max-width: 50rem;
		width: 100%;
		margin: 0 auto;
	}
}

/* ---------- pg-about-figures__1 ---------- */
@media screen and (min-width: 1024px) {
	.pg-about-figures__1 {
		width: calc( ( 555 / 577 ) * 100%);
		margin-left: calc( ( -30 / 577 ) * 100%);
		margin-bottom: 11.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-figures__1 {
		width: 100%;
		margin: 0 auto 7.4rem;
	}
}

/* ---------- pg-about-figures__2 ---------- */
.pg-about-figures__2 {
	position: relative;
	margin-left: auto;
}

@media screen and (min-width: 1024px) {
	.pg-about-figures__2 {
		width: calc( ( 392 / 577 ) * 100%);
		margin-right: 0;
		margin-bottom: -7.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-figures__2 {
		width: calc( ( 196 / 305 ) * 100%);
		margin-right: calc( ( -44 / 305 ) * 100%);
		margin-bottom: -2.5rem;
	}
}

body.use-blend .pg-about-figures__2 img {
	position: relative;
	z-index: 100;
	mix-blend-mode: multiply;
}

.pg-about-figures__logo {
	z-index: 10;
	fill: var(--color-green2);
}

@media screen and (min-width: 1024px) {
	.pg-about-figures__logo {
		top: -3.1rem;
		left: -12.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-figures__logo {
		top: -3.2rem;
		left: -6.9rem;
	}
}

.pg-about-figures__logo__symbol {
	margin: 0 auto;
}

@media screen and (min-width: 1024px) {
	.pg-about-figures__logo__symbol {
		width: 11rem;
		margin-bottom: 3.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-figures__logo__symbol {
		width: 6.8rem;
		margin-bottom: 2rem;
	}
}

@media screen and (min-width: 1024px) {
	.pg-about-figures__logo__en svg {
		width: 23.1rem;
		height: 2.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-figures__logo__en svg {
		width: 14.3rem;
		height: 1.4rem;
	}
}

/* ---------- pg-about-figures__3 ---------- */
@media screen and (min-width: 1024px) {
	.pg-about-figures__3 {
		width: calc( ( 449 / 577 ) * 100%);
		margin-left: calc( ( -58 / 577 ) * 100%);
		margin-bottom: 22rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-figures__3 {
		width: calc( ( 227 / 305 ) * 100%);
		margin-left: calc( ( -7 / 305 ) * 100%);
	}
}

/* ---------- pg-about-figures__4 ---------- */
.pg-about-figures__4 {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.pg-about-figures__4 {
		width: calc( ( 434 / 577 ) * 100%);
		margin-left: calc( ( -4 / 577 ) * 100%);
		margin-bottom: 8.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-figures__4 {
		width: calc( ( 288 / 305 ) * 100%);
		margin: 0 auto 4.1rem;
	}
}

.pg-about-figures__txt {
	color: var(--color-green2);
	font-family: var(--font-Cantarell);
	font-weight: 700;
	line-height: calc( var(--line-height) * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-about-figures__txt {
		font-size: 4.2rem;
		font-size: max( 4.2rem , 30px );
		--line-height: calc( 71 / 42 );
		top: -12.8rem;
		right: -3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-figures__txt {
		font-size: 2.7rem;
		font-size: max( 2.7rem , 20px );
		--line-height: calc( 45.7 / 27 );
		top: -8rem;
		right: 2.6rem;
	}
}

body.use-blend .pg-about-figures__txt {
	z-index: 100;
	mix-blend-mode: multiply;
}

/* ---------- pg-about-figures__5 ---------- */
.pg-about-figures__5 {
	margin-left: auto;
}

@media screen and (min-width: 1024px) {
	.pg-about-figures__5 {
		width: calc( ( 330 / 577 ) * 100%);
		margin-right: calc( ( 13 / 577 ) * 100%);
		margin-bottom: -6.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-figures__5 {
		width: calc( ( 214 / 305 ) * 100%);
		margin-right: calc( ( -58 / 305 ) * 100%);
		margin-bottom: -3rem;
	}
}

/* ---------- pg-about-figures__6 ---------- */
@media screen and (min-width: 1024px) {
	.pg-about-figures__6 {
		width: calc( ( 489 / 577 ) * 100%);
		margin-left: calc( ( -155 / 577 ) * 100%);
		margin-bottom: 10.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-figures__6 {
		width: calc( ( 318 / 305 ) * 100%);
		margin-left: calc( ( -74 / 305 ) * 100%);
		margin-bottom: 5.7rem;
	}
}

body.use-blend .pg-about-figures__6 img {
	position: relative;
	z-index: 100;
	mix-blend-mode: multiply;
}

/* ---------- pg-about-figures__7 ---------- */
@media screen and (min-width: 1024px) {
	.pg-about-figures__7 {
		width: calc( ( 419 / 577 ) * 100%);
		margin-left: calc( ( 50 / 577 ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-figures__7 {
		width: calc( ( 272 / 305 ) * 100%);
		margin: 0 auto;
	}
}

/* ------------------------------------------------------------
 pg-about-mission
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.pg-about-mission {
		margin-bottom: 20.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-mission {
		margin-bottom: 8.2rem;
	}
}

/* ---------- pg-about-mission__header ---------- */
@media screen and (min-width: 1024px) {
	.pg-about-mission__header {
		padding-bottom: 8.5rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-about-mission__header {
		padding-bottom: 7.5rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-about-mission__header {
		padding-bottom: 6.6rem;
	}
}

.pg-about-mission__catch {
	font-weight: 700;
	line-height: calc( var(--line-height) * 1em);
	letter-spacing: calc( 50 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.pg-about-mission__catch {
		font-size: 3.5rem;
		font-size: max( 3.5rem , 28px );
		--line-height: calc( 82.4 / 35 );
		padding-top: 9.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-mission__catch {
		--line-height: calc( 54.5 / 25 );
		padding-top: 6.6rem;
	}
}

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

@media screen and (max-width: 560px) {
	.pg-about-mission__catch {
		font-size: 2.5rem;
		font-size: max( 2.5rem , 20px );
	}
}

/* ------------------------------------------------------------
 pg-about-company
------------------------------------------------------------ */
@media screen and (max-width: 1023px) {
	.pg-about-company {
		margin-top: 12rem;
		margin-bottom: 12.6rem;
	}
}

/* ---------- pg-about-company__header ---------- */
@media screen and (min-width: 1024px) {
	.pg-about-company__header {
		margin-bottom: 6.2rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-about-company__header {
		margin-bottom: 4rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-about-company__header {
		margin-bottom: 2.5rem;
	}
}

/* ---------- pg-about-company__name ---------- */
.pg-about-company__name {
	padding-right: 12.0rem !important;
}

.pg-about-company__name__illust {
	bottom: 0;
	right: 2px;
}

@media screen and (min-width: 1024px) {
	.pg-about-company__name__illust {
		width: 10.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-company__name__illust {
		width: 7.8rem;
	}
}

.pg-about-company__name__illust div {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.pg-about-company__name__illust img {
	-webkit-transform: scale(103.77358%);
	transform: scale(103.77358%);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

@media screen and (min-width: 1024px) {
	.pg-about-company__name__illust p {
		top: -4.5rem;
		left: -4.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-company__name__illust p {
		top: -3.3rem;
		left: -3.6rem;
	}
}

/* ---------- pg-about-company__table ---------- */
.pg-about-company__table dl {
	position: relative;
	border-bottom: solid 1px var(--color-gray6);
}

@media screen and (min-width: 561px) {
	.pg-about-company__table dl {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
	}
}

@media screen and (min-width: 1024px) {
	.pg-about-company__table dl {
		padding: 3.6rem 1rem 2.5rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.pg-about-company__table dl {
		padding: 2.5rem 1rem 2.5rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-about-company__table dl {
		padding: 2rem 0;
	}
}

@media screen and (min-width: 561px) {
	.pg-about-company__table dt {
		width: 11.2rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-about-company__table dt {
		margin-bottom: 0.5rem;
	}
}

@media screen and (max-width: 560px) {
	.pg-about-company__table dd {
		flex: 1;
		font-weight: 100;
	}
}

@media screen and (min-width: 561px) {
	.pg-about-company__table dd {
		flex: 1;
		font-weight: 100;
	}
}

/* ------------------------------------------------------------
 pg-about-map
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.pg-about-map {
		margin-bottom: 17.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-map {
		margin-bottom: 12.6rem;
	}
}

/* ---------- pg-about-map__frame ---------- */
.pg-about-map__frame {
	position: relative;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	margin-bottom: 2.8rem;
}

@media screen and (min-width: 1024px) {
	.pg-about-map__frame {
		height: 67.1rem;
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-map__frame {
		height: 59.5rem;
	}
}

/* ---------- pg-about-map__address ---------- */
.pg-about-map__address {
	text-align: center;
	line-height: calc( var(--line-height) * 1em);
	--line-height: calc( 30 / 16 );
	padding: 0 3.3rem 0 2rem;
}

@media screen and (min-width: 1024px) {
	.pg-about-map__address {
		font-size: 1.8rem;
		font-size: max( 1.8rem , 14px );
	}
}

@media screen and (max-width: 1023px) {
	.pg-about-map__address {
		font-size: 1.6rem;
		font-size: max( 1.6rem , 14px );
	}
}

@media screen and (min-width: 1024px) {
	.pg-about-map__address__txt {
		margin-right: 2rem;
	}
}