@import"//fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
@import"//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";
.breadcrumb {
	display: none !important
}
.pc {
	display: block!important
}
.sp {
	display: none!important
}
@media only screen and (max-width: 767px) {
	.box-post {
		padding-top: 0
	}
	.pc {
		display: none!important
	}
	.sp {
		display: block!important
	}
}
.main .container-fluid {
	padding: 0;
	font-family: "Noto Sans JP", sans-serif
}
.main .container-inner {
	width: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #116ec7
}
.main .pocop-fluid {
	position: relative;
	max-width: 100%;
	padding: 8rem 0;
	overflow: hidden
}
@media only screen and (max-width: 767px) {
	.main .container-fluid.pt0 {
		padding: 0;
		margin-top: -3rem
	}
	.main .pocop-fluid {
		padding: 4.5rem 1.5rem
	}
}
.pocop-inner {
	max-width: 118rem;
	margin: auto;
	position: relative
}
@media only screen and (max-width: 767px) {
	.pocop-inner {
		padding-right: 2rem;
		padding-left: 2rem
	}
}
.c-flex {
	display: flex
}
hr {
	background: url(/wp/wp-content/themes/aigan/assets/images/pocop/line_dot.webp) repeat-x
}
.sub-title {
	font-family: "Poppins", sans-serif;
	font-size: 1.6rem;
	font-weight: 600
}
.sub-title em {
	font-family: "Poppins", sans-serif;
	font-size: 6.2rem;
	font-weight: 700;
	font-style: normal
}
.white {
	color: #fff
}
.center {
	text-align: center
}
.bg-white {
	background-color: #fff
}
@media only screen and (max-width: 767px) {
	.sub-title {
		font-size: 1rem
	}
	.sub-title em {
		font-size: 3.1rem
	}
}
.clr:after {
	content: "";
	clear: both;
	display: block
}
.clr {
	min-height: 1px
}
.fade-in {
	opacity: 0;
	transform: translateY(2rem);
	transition: opacity .5s, transform .5s
}
.fade-in-show {
	opacity: 1;
	transform: translateY(0)
}
.pocop-fluid.mv {
	padding: 8rem 0 8rem;
	background-color: #116ec7;
	/* background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/mv_bg2025_pc.webp); */
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/mv_bg2025_pc_2.webp);
	aspect-ratio: 2560/1544;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-bottom-right-radius: 5rem;
	border-bottom-left-radius: 5rem;
	box-shadow: 0 2rem 0 0 rgba(0, 0, 0, .4);
	position: relative
}
.mv .pocop-inner {
	height: 100%
}
.mv .mv-cloud {
	position: absolute;
	top: 0;
	right: 0
}
.mv .mv-cloud img {
	display: block
}
.mv .logo {
	position: absolute;
	bottom: 0;
	max-width: 22%
}
.mv .c-flex {
	justify-content: space-between;
	align-items: flex-end;
	position: relative
}
.mv .circle {
	position: relative;
	top: 22rem
}
.mv .circle::after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 11.4rem;
	background-image: url(https://www.aigan.co.jp/wp/wp-content/themes/aigan/assets/images/pocop/img_cloud_single.webp);
	background-size: contain;
	aspect-ratio: 184/149;
	background-position: center;
	background-repeat: no-repeat;
	animation: tate 1.8s ease-in-out infinite alternate-reverse;
	left: 20rem;
	top: 6rem
}
.mv .title {
	position: absolute;
	top: 10%;
	left: 17%;
	animation: fade 1s ease-in forwards
}
.mv .grasses {
	position: relative;
	left: 2rem;
	bottom: 6rem
}
.mv .pop {
	position: relative;
	top: 0;
	max-width: 22%;
	animation: fuwa 1.3s ease-in forwards
}
.mv .mv-cloud-left {
	position: absolute;
	left: -10%;
	bottom: 6rem
}
@media only screen and (min-width: 1536px) {
	.pocop-fluid.mv {
		padding: 20rem 0 8rem
	}
}
@media(min-width: 768px)and (max-width: 1024px) {
	.mv .mv-cloud {
		right: -5rem
	}
	.mv .title {
		top: 3%;
		max-width: 50%
	}
	.mv .mv-cloud-left {
		left: -12%;
		bottom: 0
	}
	.mv .logo {
		left: 5%;
		bottom: -18%;
		max-width: 22%
	}
	.mv .pop {
		left: 2%
	}
}
@media only screen and (max-width: 767px) {
	.pocop-fluid.mv {
		margin-top: 3rem;
		padding: 0;
		/* background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/mv_bg2025_sp.webp); */
		background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/mv_bg2025_sp_2.webp);
		aspect-ratio: 140/214;
		background-position: top center;
		box-shadow: 0 1rem 0 0 rgba(0, 0, 0, .4)
	}
	.mv .mv-cloud {
		top: 2rem;
		left: 0;
		max-width: 22.8%
	}
	.mv .mv-cloud img {
		display: block
	}
	.mv .logo {
		bottom: 10%;
		left: 50%;
		max-width: 55%;
		transform: translateX(-50%)
	}
	.mv .c-flex {
		margin-top: 5rem;
		flex-direction: column-reverse
	}
	.mv .circle {
		top: 12rem;
		max-width: 26%
	}
	.mv .circle::before {
		content: "";
		position: absolute;
		display: inline-block;
		width: 6rem;
		background-image: url(https://www.aigan.co.jp/wp/wp-content/themes/aigan/assets/images/pocop/img_cloud_single.webp);
		background-size: contain;
		aspect-ratio: 184/149;
		background-position: center;
		background-repeat: no-repeat;
		animation: tate 1.8s ease-in-out infinite alternate-reverse;
		left: 10rem;
		top: 2rem
	}
	.mv .circle::after {
		width: 5.7rem;
		left: 21rem;
		top: 8.5rem
	}
	.mv .title {
		top: 15%;
		left: -1%;
		max-width: 65%
	}
	.mv .grasses {
		left: 0;
		bottom: 2rem;
		max-width: 26.28%
	}
	.mv .pop {
		position: absolute;
		max-width: 40%;
		top: 5%;
		right: 2%
	}
	.mv .pop::before {
		content: "";
		position: absolute;
		display: inline-block;
		width: 50%;
		background-image: url(https://www.aigan.co.jp/wp/wp-content/themes/aigan/assets/images/pocop/img_cloud_single.webp);
		background-size: contain;
		aspect-ratio: 184/149;
		background-position: center;
		background-repeat: no-repeat;
		animation: tate 1.8s ease-in-out infinite alternate-reverse;
		right: -15%;
		bottom: -55%;
		z-index: -1
	}
	.mv .mv-cloud-left {
		left: -5%;
		max-width: 20%;
		bottom: 10%
	}
}
.pocop-fluid.concept {
	margin-top: 2rem;
	background-color: #116ec7;
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/concept_bg_pc.webp);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat
}
.concept-cloud01 {
	position: absolute;
	max-width: 6.586rem;
	left: 30%
}
.concept-cloud02 {
	position: absolute;
	left: 10%;
	top: 13%
}
.concept-title {
	text-align: center;
	position: relative
}
.concept-grasses {
	position: absolute;
	right: 10%;
	top: 22rem
}
.concept .clr {
	position: relative;
	max-width: 100rem;
	margin: auto
}
.concept h3 {
	margin-bottom: 4rem;
	padding-bottom: 4rem;
	position: relative;
	background: url(/wp/wp-content/themes/aigan/assets/images/pocop/line_dot.webp) no-repeat left bottom
}
.concept picture {
	float: right;
	position: absolute;
	right: -9rem;
	top: -30%
}
.concept p {
	font-size: 1.8rem
}
@media(min-width: 768px)and (max-width: 1024px) {
	.concept .clr {
		padding: 0 2rem
	}
	.concept picture {
		right: -5rem;
		top: -20%
	}
}
@media only screen and (max-width: 767px) {
	.pocop-fluid.concept {
		background-position: 15% 15%
	}
	.concept h3 {
		margin-bottom: 2rem;
		padding-bottom: 3rem
	}
	.concept-cloud01 {
		max-width: 10%;
		top: -1rem;
		left: 20%
	}
	.concept-cloud02 {
		max-width: 21.88%;
		left: -8%;
		top: 6%
	}
	.concept-grasses {
		max-width: 17.3%;
		right: 0;
		top: 7rem
	}
	.concept .clr {
		margin-top: 3rem
	}
	.concept picture {
		right: -25%;
		top: -15%;
		max-width: 90%
	}
	.concept h3 {
		max-width: 50%
	}
	.concept p {
		font-size: 1.4rem
	}
}
.pocop-fluid.point {
	padding: 0
}
.point .point-wrap {
	position: relative;
	margin-top: -1px;
	padding: 0;
	display: flex;
	flex-direction: column
}
.point .point-wrap:nth-of-type(1)::before {
	display: inline-block;
	position: absolute;
	content: "";
	width: 15.4rem;
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/img_cloud_twin_point.webp);
	background-size: contain;
	aspect-ratio: 154/85;
	background-position: center;
	background-repeat: no-repeat;
	top: 50%;
	left: -4rem;
	animation: yoko 1.8s ease-in-out infinite alternate-reverse
}
.point .point-wrap:nth-of-type(3)::before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 10.981rem;
	background-image: url(https://www.aigan.co.jp/wp/wp-content/themes/aigan/assets/images/pocop/img_cloud_single.webp);
	background-size: contain;
	aspect-ratio: 184/149;
	background-position: center;
	background-repeat: no-repeat;
	animation: tate 1.8s ease-in-out infinite alternate-reverse;
	/* left: 8rem;
	top: 60% */
    left: 24rem;
    top: 57%;
}
.point .point-wrap:nth-of-type(3)::after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 28.6rem;
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/img_cloud_point03.webp);
	background-size: contain;
	aspect-ratio: 286/277;
	background-position: center;
	background-repeat: no-repeat;
	animation: tate 1.8s ease-in-out infinite alternate-reverse;
	right: 0;
	top: 0
}
.point .point-wrap:nth-of-type(4) .cloud-top {
	position: absolute;
	top: -8rem;
	left: 0
}
.point .point-inner {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 100%
}
.point .point-inner.point01 {
	right: 0;
	transform: translate(45%, -50%)
}
.point .point-inner.point02 {
	left: 0;
	transform: translate(0, -50%)
}
.point .point-inner.point03 {
	right: 0;
	transform: translate(45%, -40%)
}
.point .point-inner.point01 .cloud-top {
	position: absolute;
	top: -18rem;
	left: 45%
}
.point .point-inner.point02 .point-detail {
	width: 50%
}
.point .point01 .point-detail h2, .point .point02 .point-detail h2 {
	margin-top: -6rem
}
.point .point-detail h3 {
	margin: 3rem 0;
	max-width: 44.9rem;
	background-color: #fff;
	border-radius: 2.7rem;
	padding: .5rem 1.5rem .5rem 0;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 600
}
.point .point-detail h3 em {
	position: relative
}
.point .point-detail h3 em::after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1.5rem;
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/point_icon_exclamation_mark.svg);
	background-size: contain;
	aspect-ratio: 15/51;
	background-position: center;
	background-repeat: no-repeat;
	top: -1.7rem;
	margin-left: 1rem
}
.point .point-detail h3 span {
	position: relative
}
.point .point-detail h3 span::before {
	display: inline-block;
	position: relative;
	content: url(/wp/wp-content/themes/aigan/assets/images/pocop/point_icon_grasses_blue.svg);
	top: .3rem;
	margin-right: 1rem
}
.point .point-detail p {
	max-width: 44.9rem;
	letter-spacing: .15em
}
.point .point02 .point-detail h3, .point .point02 .point-detail p {
	max-width: 47.3rem
}
.point .point03 .point-detail h3, .point .point03 .point-detail p {
	max-width: 47.1rem
}
@media only screen and (min-width: 1536px) {
	.point .point-inner.point01, .point .point-inner.point03 {
		transform: translate(35%, -40%)
	}
	.point .point-wrap:nth-of-type(4) {
		margin-top: -2px
	}
}
@media(min-width: 768px)and (max-width: 1024px) {
	.point .point-inner.point01, .point .point-inner.point03 {
		transform: translate(50%, -50%)
	}
	.point .point-inner.point01 h2 img {
		max-width: 40%
	}
	.point .point-inner.point03 h2 img {
		max-width: 30%
	}
	.point .point-detail h3 {
		margin: 1rem 0;
		max-width: 45%;
		font-size: 2rem
	}
	.point .point-detail p {
		max-width: 44.9%
	}
	.point .point03 .point-detail h3, .point .point03 .point-detail p {
		max-width: 47.1%
	}
	.point .point-inner.point01 .cloud-top {
		top: -2rem;
		left: 40%
	}
	.point .point-inner.point01 .cloud-top img {
		max-width: 10rem
	}
	.point .point-inner.point02 {
		transform: translate(2%, -50%)
	}
	.point .point-inner.point03 {
		transform: translate(52%, -45%)
	}
	.point .point-inner.point03 .sub-title {
		margin: -2% 0
	}
	.point .point-wrap:nth-of-type(3), .point .point-wrap:nth-of-type(4) {
		margin-top: -2px
	}
	.point .point-wrap:nth-of-type(3)::before {
		width: 5.5rem;
		left: 5%;
		top: 60%
	}
	.point .point-wrap:nth-of-type(3)::after {
		width: 14.3rem;
		right: 0;
		top: 0
	}
	.point .point-wrap:nth-of-type(4) .cloud-top img {
		max-width: 60%
	}
}
@media only screen and (max-width: 767px) {
	.point .point-inner.point01 .cloud-top {
		left: inherit;
		right: -25%;
		top: -6rem
	}
	.point .point-inner.point01 .cloud-top img {
		max-width: 50%
	}
	.point .point-inner.point01, .point .point-inner.point02, .point .point-inner.point03 {
		transform: translate(0, -50%)
	}
	.point .point01 .point-detail h2 {
		margin-top: -3rem
	}
	.point .point01 .point-detail h2 img {
		max-width: 67.22%
	}
	.point .point03 .point-detail h2 img {
		/* max-width: 55.6857143% */
        max-width: 63%;
	}
	.point .point-detail h3 {
		max-width: 100%;
		font-size: 1.6rem
	}
	.point .point01 .point-detail h3 {
		margin: 22rem 0 1rem
	}
	.point .point-detail p {
		font-size: 1.2rem
	}
	.point .point-inner.point01 p:not([class]) {
		position: relative
	}
	.point .point-inner.point01 p:not([class])::after {
		content: "";
		position: absolute;
		display: inline-block;
		width: 21.2rem;
		background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/point01_bg_lead.webp);
		background-size: contain;
		aspect-ratio: 438/438;
		background-position: center;
		background-repeat: no-repeat;
		left: 0;
		top: 0;
		transform: translateY(-40%);
		z-index: -1
	}
	.point01::before {
		border-width: 2.65rem 2.65rem 0 2.65rem;
		border-color: #1976d2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
		left: 50%;
		top: 0;
		transform: translateX(-50%)
	}
	.point01::after {
		border-width: 1.25rem 1.25rem 0 1.25rem;
		border-color: #11acc4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
		left: 50%;
		top: .3rem;
		transform: translateX(-50%);
		z-index: 1
	}
	.point .point-wrap:nth-of-type(1)::before {
		width: 8.4rem;
		top: 62%;
		left: -2rem;
        z-index: 1;
	}
	.point .point-detail h3 em::after {
		width: 1.2rem;
		top: -1.5rem
	}
	.point .point-inner.point02 .point-detail {
		width: 100%
	}
	.point .point02 .point-detail h3 {
		text-align: left;
		max-width: 17rem;
		padding: .75rem 2rem;
		border-radius: 3rem
	}
	.point .point02 .point-detail h3 span::before {
		content: "";
		position: absolute;
		display: inline-block;
		width: 4rem;
		background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/point_icon_grasses_point02.webp);
		background-size: contain;
		aspect-ratio: 78/35;
		background-position: center;
		background-repeat: no-repeat;
		left: 0;
		top: 0;
		transform: translateY(-88%)
	}
	.point .point02 .point-detail p {
		max-width: 15.3rem
	}
	.point .point-wrap:nth-of-type(3)::before, .point .point-wrap:nth-of-type(3)::after {
		content: none
	}
	.point .point-wrap:nth-of-type(4) .cloud-top {
		top: -4rem;
		left: 2rem
	}
	.point .point-wrap:nth-of-type(4) .cloud-top img {
		max-width: 6.645rem
	}
}
.pocop-fluid.moreover {
	padding: 0;
	margin-top: -1px;
	background: linear-gradient(90deg, rgb(19, 172, 196) 0%, rgb(19, 172, 196) 50%, rgb(230, 43, 132) 50%)
}
.pocop-fluid.moreover::before, .pocop-fluid.reason::before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 18.7rem;
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/img_cloud_lineup_left.webp);
	background-size: contain;
	aspect-ratio: 187/86;
	background-position: center;
	background-repeat: no-repeat;
	animation: tate 1.8s ease-in-out infinite alternate-reverse;
	left: 0;
	bottom: -1rem;
	z-index: 2
}
.pocop-fluid.moreover::after, .pocop-fluid.reason::after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 21.4rem;
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/img_cloud_lineup_right.webp);
	background-size: contain;
	aspect-ratio: 214/114;
	background-position: center;
	background-repeat: no-repeat;
	animation: yoko 3.6s ease-in-out infinite alternate-reverse;
	right: -4rem;
	bottom: -2rem;
	z-index: 2
}
.moreover h2 {
	position: relative;
	margin-bottom: 0
}
.moreover h2 span {
	display: block;
	margin-top: 2rem;
	font-size: 2.8rem;
	font-weight: 600
}
.moreover h2 span ruby rt {
	font-size: 3.3rem;
	color: #ffc400
}
.moreover h2::after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 10.126rem;
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/img_cloud_twin.webp);
	background-size: contain;
	aspect-ratio: 186/243;
	background-position: center;
	background-repeat: no-repeat;
	animation: yoko 3.6s ease-in-out infinite alternate-reverse;
	right: 10%;
	top: 0
}
.moreover .c-flex {
	justify-content: center;
	align-items: stretch
}
.moreover .c-flex>* {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0;
	width: 50%;
	aspect-ratio: 1280/1944;
	position: relative
}
.moreover .c-flex dl {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 67.1875%;
	margin: 6rem auto 0
}
.moreover .c-flex .moreover-part1 {
	background: url(/wp/wp-content/themes/aigan/assets/images/pocop/moreover_bg_left.webp) no-repeat left bottom/100%
}
.moreover .c-flex dt {
	margin: 0 auto
}
.moreover .c-flex dd span {
	font-size: 2rem
}
.moreover .c-flex .moreover-part1 dt {
	margin: 0 auto
}
.moreover .c-flex .moreover-part1 dd {
	position: relative;
	/* background: url(/wp/wp-content/themes/aigan/assets/images/pocop/moreover_part1_fukidashi.webp) no-repeat 0 0/cover; */
	background: url(/wp/wp-content/themes/aigan/assets/images/pocop/moreover_part1_fukidashi_2.webp) no-repeat 0 0/cover;
	/* aspect-ratio: 856/792; */
	aspect-ratio: 856/800;
	top: -6rem
}
.moreover .c-flex dd span {
	position: absolute;
	display: block;
	width: 100%;
	/* bottom: 4.8rem; */
	bottom: 3.8rem;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	font-weight: 600;
	line-height: 1.6
}
.moreover .c-flex .moreover-part2 {
	background: url(/wp/wp-content/themes/aigan/assets/images/pocop/moreover_bg_right.webp) no-repeat left bottom/cover
}
.moreover .c-flex .moreover-part2 dl {
	width: 69.2234375%;
	margin: 7.8rem auto 0
}
.moreover .c-flex .moreover-part2 dt {
	margin-right: 0;
	margin-left: -4rem
}
.moreover .c-flex .moreover-part2 dd {
	position: relative;
	/* background: url(/wp/wp-content/themes/aigan/assets/images/pocop/moreover_part2_fukidashi.webp) no-repeat 0 0/cover; */
	background: url(/wp/wp-content/themes/aigan/assets/images/pocop/moreover_part2_fukidashi_2.webp) no-repeat 0 0/cover;
	/* aspect-ratio: 856/792; */
	aspect-ratio: 856/800;
	top: -5rem;
	font-size: 2rem
}
.moreover .realization {
	position: relative;
	display: flex;
	align-items: center;
	width: 43rem;
	margin: auto
}
.moreover .realization>figure {
	width: 20rem
}
.moreover .realization h3 {
	display: inline-block;
	margin: 2rem 0 1rem;
	background-color: #fff;
	border-radius: 2.7rem;
	padding: .5rem 4rem .5rem 3rem;
	text-align: center;
	font-size: 2rem;
	font-weight: 600
}
.moreover .realization h3 em {
	position: relative
}
.moreover .realization h3 em::after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1.5rem;
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/point_icon_exclamation_mark.svg);
	background-size: contain;
	aspect-ratio: 15/51;
	background-position: center;
	background-repeat: no-repeat;
	animation: yoko 3.6s ease-in-out infinite alternate-reverse;
	top: -1.7rem;
	margin-left: 1rem
}
.moreover .realizatio-detail {
	position: relative;
	text-align: center;
	margin-left: 1.3rem;
	padding: 0
}
.moreover .realizatio-detail p {
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.5;
	color: #fff
}
.moreover .realizatio-detail p b {
	color: #ffc400
}
.moreover .realizatio-detail::before, .moreover .realizatio-detail::after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 100%;
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/line_dot.webp);
	background-size: contain;
	aspect-ratio: 252/4;
	background-position: center;
	background-repeat: no-repeat;
	left: 0
}
.moreover .realizatio-detail::before {
	top: 0
}
.moreover .realizatio-detail::after {
	bottom: -2rem
}
.moreover .realization h3 span {
	position: relative
}
.moreover .c-flex .moreover-part2 .realization h3 em::after {
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/point_icon_exclamation_mark_red.svg)
}
@media only screen and (min-width: 1536px) {
	.pocop-fluid.moreover {
		margin-top: -2px
	}
	.moreover .c-flex dd span {
		bottom: 7rem
	}
}
@media(min-width: 768px)and (max-width: 1024px) {
	.moreover .c-flex dd span {
		font-size: 1.6rem;
		/* bottom: 1.8rem */
		bottom: 2.8rem
	}
	.moreover h2::after {
		width: 7rem;
		right: 5%;
		top: 0
	}
	.moreover .c-flex dl {
		margin: 2rem auto 0
	}
	.moreover .c-flex .moreover-part1 dd {
		top: 0
	}
	.moreover .c-flex .moreover-part2 dl {
		margin: 2.1rem auto .8rem
	}
	.moreover .c-flex .moreover-part2 dd {
		top: 1rem
	}
	.moreover .realization {
		width: 90%
	}
	.moreover .realization h3 {
		margin: 1rem 0;
		font-size: 1.8rem
	}
	.moreover .realizatio-detail p {
		font-size: 2rem;
		line-height: 1.5
	}
	.pocop-fluid.moreover::before, .pocop-fluid.reason::before {
		width: 10rem
	}
	.pocop-fluid.moreover::after, .pocop-fluid.reason::after {
		width: 15rem
	}
}
@media only screen and (max-width: 767px) {
	.pocop-fluid.moreover {
		padding: 0;
		margin-top: -1px;
		background: unset;
		background-color: #13acc4
	}
	.moreover .c-flex {
		flex-direction: column
	}
	.moreover .c-flex>* {
		width: 100%
	}
	.moreover h2 img {
		max-width: 52.4285714%
	}
	.moreover h2 span {
		font-size: 1.6rem
	}
	.moreover h2 span ruby rt {
		font-size: 1.6rem
	}
	.moreover .c-flex dl {
		width: 100%;
		margin: 0;
		padding: 2rem 2rem 0
	}
	.moreover .c-flex dl dt {
		text-align: center
	}
	.moreover .c-flex dl dt img {
		max-width: 80%
	}
	.moreover .c-flex .moreover-part1 dd {
		width: 100%;
		margin: auto;
		top: -3rem
	}
	.moreover .c-flex .moreover-part1 {
		position: relative
	}
	.moreover .c-flex .moreover-part1::before, .moreover .c-flex .moreover-part2::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background-size: 100%;
		background-position: left bottom;
		background-repeat: no-repeat;
		top: 0;
		left: 0;
		z-index: -1
	}
	.moreover .c-flex .moreover-part1::before {
		background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/moreover_bg_left.webp)
	}
	.moreover .c-flex .moreover-part2::before {
		background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/moreover_bg_right.webp)
	}
	.moreover .c-flex .moreover-part2::after {
		content: "";
		position: absolute;
		width: 8rem;
		aspect-ratio: 269/152;
		background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/img_cloud_twin_moreover.webp);
		background-size: contain;
		background-position: left bottom;
		background-repeat: no-repeat;
		animation: yoko 2.4s ease-in-out infinite alternate-reverse;
		top: -2rem;
		right: 3rem
	}
	.moreover .c-flex dd span {
		font-size: 1.6rem;
		/* bottom: 3rem */
		bottom: 2.6rem;
	}
	.moreover .realization {
		width: 100%;
		padding: 0 2rem 4rem
	}
	.moreover .realization h3 {
		font-size: 1.6rem
	}
	.moreover .realizatio-detail {
		max-width: 50%;
		margin-top: -2rem
	}
	.moreover .realizatio-detail p {
		font-size: 1.8rem;
		line-height: 1.5
	}
	.moreover .realization>figure {
		width: 45%
	}
	.moreover .realization h3 em::after {
		width: 1rem;
		top: -1rem
	}
	.moreover .c-flex .moreover-part2 dl {
		width: 100%;
		margin: 0;
		padding: 4rem 2rem 0
	}
	.moreover .c-flex .moreover-part2 dt {
		margin-right: 0;
		margin-left: 0
	}
	.moreover .c-flex .moreover-part2 dd {
		top: -2.5rem
	}
}
.pocop-fluid.lineup {
	padding: 0;
	overflow: hidden;
	background-color: #fff
}
.pocop-fluid.lineup .lineup-wrap {
	position: relative;
	display: flex;
	width: 100%;
	height: 2.4rem;
	overflow: hidden;
	top: 2rem
}
.pocop-fluid.lineup .lineup-wrap.reverse {
	top: auto;
	bottom: 2rem
}
.pocop-fluid.lineup .lineup-wrap img {
	width: auto;
	height: 2.4rem;
	object-fit: cover
}
.pocop-fluid.lineup .lineup-wrap img {
	animation: left 120s infinite linear
}
.pocop-fluid.lineup .lineup-wrap.reverse img {
	animation: right 120s infinite linear
}
.pocop-fluid.lineup a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12rem 0
}
.pocop-fluid.lineup a img {
	width: 28.2rem;
	height: 7.2rem;
	object-fit: cover
}
.pocop-fluid.lineup a span {
	position: relative;
	margin-left: 4rem;
	font-size: 2.8rem;
	font-weight: 600;
	top: -0.5rem
}
.pocop-fluid.lineup a span::after {
	position: absolute;
	content: "";
	display: inline-block;
	width: 1.644rem;
	height: 1.644rem;
	border-top: 3px solid #dc0025;
	border-right: 3px solid #dc0025;
	top: calc(50% + .5rem);
	right: -8rem;
	transform: rotate(45deg) translate(-50%, -50%);
	transform-origin: 50% 50%;
	transition: all .3s
}
@media only screen and (max-width: 767px) {
	.pocop-fluid.moreover::before, .pocop-fluid.reason::before {
		width: 8.7845rem;
		left: 0;
		bottom: -1rem;
		z-index: 2
	}
	.pocop-fluid.moreover::after, .pocop-fluid.reason::after {
		width: 7.589rem;
		right: -1rem;
		bottom: -1rem;
		z-index: 2
	}
	.pocop-fluid.lineup a {
		flex-direction: column;
		padding: 5rem 0
	}
	.pocop-fluid.lineup a img {
		width: 14.1rem;
		height: 3.6rem
	}
	.pocop-fluid.lineup a span {
		position: relative;
		margin-left: 0;
		font-size: 1.8rem;
		font-weight: 600;
		top: 1rem
	}
	.pocop-fluid.lineup a span::after {
		top: -1rem;
		right: -5rem
	}
	.pocop-fluid.lineup .lineup-wrap img {
		height: 1.2rem
	}
	.pocop-fluid.lineup .lineup-wrap.reverse {
		bottom: 0
	}
	.moreover h2::after {
		content: none
	}
}
.pocop-fluid.secret {
	padding: 10rem 0 0
}
.secret .cloud-wrap {
	position: absolute;
	z-index: 2
}
.secret .cloud-wrap:first-of-type {
	top: 5%;
	left: 5%
}
.secret .cloud-wrap:last-of-type {
	top: 1%;
	right: 2%
}
.secret .secret-box {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	position: relative;
	padding: 3% 2rem 15%;
	text-align: center;
	z-index: 1
}
.secret .secret-box::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	aspect-ratio: 2220/2082;
	left: 0;
	bottom: 0;
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/secret_box.webp);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top center;
	z-index: -1
}
.secret .secret-box::after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 10.981rem;
	background-image: url(https://www.aigan.co.jp/wp/wp-content/themes/aigan/assets/images/pocop/img_cloud_single.webp);
	background-size: contain;
	aspect-ratio: 184/149;
	background-position: center;
	background-repeat: no-repeat;
	animation: tate 1.8s ease-in-out infinite alternate-reverse;
	left: -9rem;
	top: 80%;
	z-index: -2
}
.secret .secret-box figure {
	position: relative
}
.secret .secret-box figure.sub-title {
	top: 2rem;
	left: -15rem
}
.secret .secret-box h2 img {
	display: inline-block!important
}
.secret .secret-box h2 img:first-of-type {
	max-width: 30.2rem
}
.secret .secret-box h2 img:last-of-type {
	max-width: auto
}
.secret .secret-box h2 span {
	position: relative;
	font-size: 3.3rem;
	font-weight: 600;
	top: -1.7rem;
	left: 2rem
}
.secret .secret-box .c-flex.secret-mv {
	justify-content: flex-end;
	align-items: center;
	margin: -8rem auto -12rem
}
.secret .secret-box .secret-people {
	max-width: 21.3rem;
	margin-left: 10rem
}
.secret .secret-box .c-flex.secret-material {
	max-width: 90%;
	margin: -6rem auto;
	justify-content: center;
	align-items: center
}
.secret .secret-box .c-flex.secret-material>* {
	width: 50%;
	position: relative
}
.secret .secret-box .c-flex.secret-material .material-detail {
	padding: 3rem
}
.secret .secret-box .c-flex.secret-material .material-detail .material-detail-title {
	padding: 3rem 0;
	position: relative
}
.secret .secret-box .c-flex.secret-material .material-detail h3 {
	font-size: 3.3rem;
	font-weight: 600;
	text-align: left;
	line-height: 1.6;
	color: #0057aa
}
.secret .secret-box .c-flex.secret-material .material-detail h3 span {
	position: relative;
	z-index: 2
}
.secret .secret-box .c-flex.secret-material .material-detail h3 span::after {
	content: "";
	position: absolute;
	display: inline-block;
	background: linear-gradient(180deg, rgb(255, 196, 0) 0%, rgb(255, 147, 0) 100%);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 1.3rem;
	width: 100%;
	border-radius: .7rem;
	bottom: 0;
	left: 0;
	z-index: -1
}
.secret .secret-box .c-flex.secret-material .material-detail p {
	max-width: 88%;
	text-align: left;
	line-height: 2
}
.secret .secret-box .c-flex.secret-material .material-img {
	max-height: 24.661rem
}
@media(min-width: 768px)and (max-width: 1024px) {
	.secret .secret-box {
		padding: 0% 2rem 18%
	}
	.secret .cloud-wrap:first-of-type {
		top: 2%;
		left: -8%
	}
	.secret .cloud-wrap:last-of-type {
		top: 1%;
		right: -5%
	}
	.secret .secret-box h2 img {
		max-width: 80%
	}
	.secret .secret-box .c-flex.secret-material {
		margin: -13rem auto
	}
	.secret .secret-box .c-flex.secret-material .material-detail {
		padding: 3rem 0
	}
	.secret .secret-box .c-flex.secret-material .material-detail h3 {
		font-size: 2.8rem
	}
}
@media only screen and (max-width: 767px) {
	.pocop-fluid.secret {
		padding: 4rem 0 0
	}
	.secret .cloud-wrap:first-of-type {
		max-width: 7.077rem;
		top: 2rem;
		left: 1rem
	}
	.secret .cloud-wrap:last-of-type {
		max-width: 9.5225rem;
		top: 1rem;
		right: 1rem
	}
	.secret .secret-box {
		padding: 0;
		z-index: 1
	}
	.secret .secret-box-inner {
		padding: 2rem 2rem 45%;
		z-index: 1
	}
	.secret .secret-box::before {
		aspect-ratio: 1260/2852;
		background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/secret_box_sp.webp)
	}
	.secret .secret-box figure.sub-title {
		max-width: 8.0495rem;
		left: 0
	}
	.secret .secret-box h2 img {
		max-width: 15.1rem!important
	}
	.secret .secret-box h2 span {
		font-size: 1.65rem;
		top: -0.7rem
	}
	.secret .secret-box .c-flex.secret-mv {
		flex-direction: column-reverse;
		margin: -2rem auto
	}
	.secret .secret-box .c-flex.secret-material {
		flex-direction: column;
		max-width: 100%;
		margin: -8rem auto
	}
	.secret .secret-box .c-flex.secret-material>* {
		width: 100%
	}
	.secret .secret-box .secret-people {
		display: none
	}
	.secret .secret-box .c-flex.secret-material .material-detail {
		padding: 3rem 0 0
	}
	.secret .secret-box .c-flex.secret-material .material-detail h3 {
		font-size: 1.6rem
	}
	.secret .secret-box .c-flex.secret-material .material-detail .material-detail-title {
		padding-left: 9rem
	}
	.secret .secret-box .c-flex.secret-material .material-detail .material-detail-title::after {
		content: "";
		position: absolute;
		display: inline-block;
		/* background: url(/wp/wp-content/themes/aigan/assets/images/pocop/secret_box_people.webp); */
		background: url(/wp/wp-content/themes/aigan/assets/images/pocop/secret_box_people_2.webp);
		background-size: contain;
		aspect-ratio: 426/548;
		background-position: center;
		background-repeat: no-repeat;
		left: 0;
		top: 50%;
		width: 7.3125rem;
		transform: translateY(-50%)
	}
	.secret .secret-box .c-flex.secret-material .material-detail h3 span::after {
		height: .65rem
	}
	.secret .secret-box .c-flex.secret-material .material-detail p {
		font-size: 1.2rem;
		max-width: 100%
	}
	.secret .secret-box .c-flex.secret-material .material-img {
		margin-top: 2rem;
		max-height: 14.042rem
	}
}
.pocop-fluid.reason {
	padding: 0 0 8.2rem;
	color: #fff
}
.reason-for-popularity {
	width: 102%;
	transform: translate(-1%, -10%);
	margin-bottom: -8rem
}
.reason-block {
	position: relative;
	max-width: 100rem;
	margin: 5rem auto;
	justify-content: space-between
}
.reason-block .photo {
	width: 50%;
	padding-right: 7rem
}
.reason-block .reason-detail {
	display: flex;
	flex-direction: column;
	width: 50%
}
.reason-block .reason-block-head {
	align-items: flex-start
}
.reason-block .reason-block-head figure {
	max-width: 6.8rem
}
.reason-block .reason-block-head h3 {
	font-size: 3.1rem;
	font-weight: 600;
	flex-grow: 1;
	margin-left: 2.5rem
}
.reason-block .reason-block-head h3 em {
	color: #ffc400
}
.reason-block .reason-lead {
	max-width: 50rem;
	margin-top: 2rem;
	font-weight: 500;
	line-height: 2
}
.reason-block .reason-grasses {
	position: absolute;
	max-width: 37.2rem;
	left: 0;
	bottom: 0
}
.reason-block .left {
	padding-right: 7rem
}
.reason-block .right {
	flex-grow: 1
}
.reason-block.reason02 {
	padding-top: 5rem
}
.reason-block.reason02 .reason-lead {
	position: relative;
	margin: 0
}
.reason-block.reason02::before {
	position: absolute;
	content: "";
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/line_dot.webp);
	background-repeat: repeat-x;
	background-size: contain;
	background-position: 0 0;
	width: 100%;
	height: .4rem;
	top: 0;
	left: 0
}
.reason-block::after {
	position: absolute;
	top: 0;
	right: -5rem;
	transform: rotate(90deg);
	transform-origin: 0% 50%
}
.reason-block.reason01::after {
	content: "COLOR"
}
.reason-block.reason02::after {
	top: 5rem;
	content: "SIZING"
}
@media(min-width: 768px)and (max-width: 1024px) {
	.pocop-fluid.reason {
		padding: 0 0 3rem
	}
	.reason-block {
		padding: 0 2rem
	}
	.reason-block .photo {
		padding-right: 2rem
	}
	.reason-block::after {
		right: -4rem
	}
	.reason-block .left {
		padding-right: 2rem
	}
	.reason-block .reason-grasses {
		max-width: 38%;
		left: 2%
	}
	.reason-block.reason02 {
		padding: 5rem 3rem 0 0
	}
	.reason-for-popularity {
		margin-bottom: -4rem
	}
}
@media only screen and (max-width: 767px) {
	.reason-block {
		flex-direction: column
	}
	.reason-block .photo {
		width: 100%;
		padding-right: 0
	}
	.reason-block .reason-detail {
		width: 100%
	}
	.reason-block .reason-block-head figure {
		max-width: 4.4rem
	}
	.reason-block .reason-block-head h3 {
		font-size: 1.8rem;
		margin-left: 1.5rem
	}
	.reason-block.reason02 .reason-lead {
		margin: 1rem 0
	}
	.reason-block .reason-grasses {
		position: relative;
		width: 100%;
		left: 0;
		bottom: 0;
		margin: 3rem auto 2rem
	}
	.reason-block .reason-grasses img {
		min-width: 86vw
	}
	.reason-block::after {
		right: -1.5rem;
		font-size: .8rem
	}
	.reason-block {
		margin: 3em auto
	}
	.reason-block.reason01::after {
		content: none
	}
	.reason-block.reason01 .reason-detail {
		position: relative;
		margin-top: 2.5rem
	}
	.reason-block.reason01 .reason-detail::after {
		position: absolute;
		top: 0;
		right: -1.5rem;
		content: "COLOR";
		transform: rotate(90deg);
		transform-origin: 0% 50%;
		font-size: .8rem
	}
	.reason-block.reason01 {
		margin-top: 2rem
	}
	.reason-block.reason02 {
		margin-bottom: 0
	}
	.reason-for-popularity {
		margin-bottom: -1rem
	}
}
.pocop-fluid.woman {
	padding: 0;
	background: #fff
}
.woman-wrap {
	position: relative;
	padding: 8rem 0;
	background: linear-gradient(180deg, rgba(245, 194, 186, 0.35) 0%, rgba(255, 149, 132, 0.35) 100%);
	border-bottom: 5px solid #eb6f89
}
.woman-wrap::before, .woman-wrap::after {
	content: "";
	position: absolute;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat
}
.woman-wrap::before {
	width: 12.9rem;
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/woman_bg_mirror.webp);
	background-size: contain;
	aspect-ratio: 129/132;
	background-position: center;
	background-repeat: no-repeat;
	left: -6.5rem;
	top: 60%;
	transform: translateY(-60%)
}
.woman-wrap::after {
	width: 13.6rem;
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/woman_bg_palette.webp);
	background-size: contain;
	aspect-ratio: 136/142;
	background-position: center;
	background-repeat: no-repeat;
	right: -4rem;
	top: 65%;
	transform: translateY(-65%)
}
.woman-wrap h2 {
	text-align: center
}
.woman-wrap h2 span {
	position: relative;
	font-family: "Poppins", sans-serif;
	font-size: 3.2rem;
	font-weight: 300;
	font-style: normal;
	letter-spacing: .25em;
	color: #eb6f89
}
.woman-wrap h2 span::after {
	content: "";
	position: absolute;
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/woman_title_decoration.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0;
	width: 4.2681rem;
	height: 4.2682rem;
	top: -2rem;
	right: -3rem
}
.woman-wrap a {
	position: relative;
	display: block;
	max-width: 100rem;
	margin: 3.5rem auto
}
.woman-wrap a::before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 12.6rem;
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/woman_bg_bottle.webp);
	background-size: contain;
	aspect-ratio: 126/144;
	background-position: center;
	background-repeat: no-repeat;
	left: 0;
	bottom: 0;
	transform: translate(-7rem, 6rem)
}
.woman-wrap .pocop-inner::before, .woman-wrap .pocop-inner::after {
	content: "";
	position: absolute;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat
}
.woman-wrap .pocop-inner::before {
	width: 12.391rem;
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/woman_bg_brush.webp);
	background-size: contain;
	aspect-ratio: 164/192;
	background-position: center;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	transform: translateY(-10%)
}
.woman-wrap .pocop-inner::after {
	width: 14.1rem;
	background-image: url(/wp/wp-content/themes/aigan/assets/images/pocop/woman_bg_rouge.webp);
	background-size: contain;
	aspect-ratio: 141/168;
	background-position: center;
	background-repeat: no-repeat;
	right: 2rem;
	top: 0;
	transform: translateY(-5%)
}
@media only screen and (max-width: 767px) {
	.woman-wrap {
		padding: 5rem 0 3rem
	}
	.woman-wrap .c-flex {
		flex-direction: column
	}
	.woman-wrap::before, .woman-wrap::after {
		content: none
	}
	.woman-wrap .pocop-inner::before {
		width: 8.6235rem;
		left: 0;
		top: 0;
		transform: translate(-20%, -20%)
	}
	.woman-wrap .pocop-inner::after {
		width: 9rem;
		right: -3rem;
		top: 5rem
	}
	.woman-wrap h2 span {
		font-size: 2.1rem
	}
	.woman-wrap h2 span::after {
		top: -3rem;
		right: -5rem
	}
	.woman-wrap a::before {
		width: 7.871rem;
		transform: translate(-2rem, 4rem)
	}
}
.cloud-wrap {
	animation: yoko 7.2s ease-in-out infinite alternate-reverse
}
.cloud {
	animation: tate 1.8s ease-in-out infinite alternate-reverse
}
@keyframes yoko {
	0% {
		transform: translateX(-5%)
	}
	100% {
		transform: translateX(5%)
	}
}
@keyframes tate {
	0% {
		transform: translateY(-5%)
	}
	100% {
		transform: translateY(5%)
	}
}
@keyframes fuwa {
	0% {
		transform: translateY(-8%);
		opacity: 0
	}
	100% {
		transform: translateY(0);
		opacity: 1
	}
}
@keyframes fade {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@keyframes left {
	from {
		transform: translateX(-100%)
	}
	to {
		transform: translateX(0)
	}
}
@keyframes right {
	from {
		transform: translateX(0)
	}
	to {
		transform: translateX(-100%)
	}
}

/* 250424add */
.mv .title02 {
	position: absolute;
    top: 0;
    left: calc(50% - 19vw);
    width: 34.7vw;
    animation: fade 1s ease-in forwards;
}

.mv .logo02 {
	position: absolute;
	top: 0;
	max-width: 22%;
    width: 100%;
}

.mv .pop02 {
    position: absolute;
    left: calc(50% - 15vw);
    bottom: -6%;
    max-width: 65.5%;
    width: 57vw;
    animation: fuwa 1.3s ease-in forwards;
}

.mv .mv-cloud-add_cloud {
    position: absolute;
    top: 25%;
    left: -5%;
}

.mv .character{
    position: absolute;
    bottom: -38vw;
    left: calc(50% - 50vw);
    max-width: 42vw;
}
.mv .character img{
    width: 100%;
}

@media only screen and (min-width: 1536px) {
    .mv .character{
        bottom: -35vw;
        max-width: 40vw;
    }
    .mv .title02 {
        top: -6vw;
    }
    .mv .logo02{
        top: -5vw;
    }
}

@media(min-width: 768px)and (max-width: 1024px) {
	.mv .title02 {        
        top: -4%;
        left: 30%;
        max-width: 38%;
	}
    .mv .pop02 {
		right: 7%;
        bottom: -18%;
        max-width: 45.5%;
	}
}
@media only screen and (max-width: 767px) {
    .mv .title02 {
        top: 15%;
        left: 2%;
        max-width: 52%;
        width: 100%;
    }

    .mv .pop02 {
		position: absolute;
        max-width: 50%;
        bottom: 6%;
        left: calc(50% + -3vw);
	}

    .mv .logo02 {
        position: absolute;
        top: 7%;
        max-width: 45%;
        right: 20px;
        z-index: 0;
	}
    .mv .logo02::before {
		content: "";
		position: absolute;
		display: inline-block;
		width: 50%;
		background-image: url(https://www.aigan.co.jp/wp/wp-content/themes/aigan/assets/images/pocop/img_cloud_single.webp);
		background-size: contain;
		aspect-ratio: 184/149;
		background-position: center;
		background-repeat: no-repeat;
		animation: tate 1.8s ease-in-out infinite alternate-reverse;
        right: -35%;
        bottom: -280%;
		z-index: -1
	}
    .mv .character{
        position: absolute;
        bottom: 10vw;
        left: calc(50% - 50vw);
        max-width: 43vw;
    }
}

.point02_add {
	position: relative;
	z-index: 0;
}
.point02_add .point02_add_cloud {
	position: absolute;
	top: 6%;
	transform: unset;
	left: -6%;
}
.point02_add .point02_add_cloud figure {
	max-width: 120px;
}
.point02_add_img {
	display: none;
	position: absolute;
	width: 90%;
	bottom: -24%;
	right: -10%;
	z-index: 1;
}
@media only screen and (max-width: 767px) {
	.point02_add .point02_add_cloud {
		top: 58%;
		transform: unset;
		left: calc(50% + -3rem);
	}
	.point02_add .point02_add_cloud figure {
		max-width: 60px;
	}
	.point02_add_img {
		display: block;
	}
}
.point03_add_img {
	position: absolute;
	width: 56%;
	bottom: 0px;
	right: calc(176rem - 118rem);
}
@media (min-width: 768px) and (max-width: 1024px) {
	.point03_add_img {
		right: 43%;
	}
}
@media only screen and (max-width: 767px) {
	.point03_add_img {
		width: 78%;
		bottom: unset;
		right: -6%;
		top: 2%;
	}
    .point03_add_ttl{
        margin-bottom: 0!important;
        line-height: 1;
        margin-top: 3rem;
    }
}

/* ec用 */
/* 
#sysItemCategory #sysMain .sysItemCategoryInfo{
    margin: 0;
} */
#sysItemCategory #sysMain .sysItemCategoryInfo{
    max-width: unset;
}
#sysItemCategory #sysMain .sysItemCategoryInfo .sysCategoryDescription img{
    width: unset;
}
 .main{
    margin-left: -40px;
    width: calc(100% + 80px);
 }
.secret .secret-box h2 picture img {
    max-width: unset !important;
}
@media only screen and (max-width: 750px) {
    /* #sysItemCategory #sysMain {
      width: 100% !important;
      margin: 0 auto;
      padding: 0;
      padding-bottom: 50px;
    }
    #sysItemCategory #sysMain .sysItemCategoryInfo {
      margin: 0;
    } */
    .main{
        margin-left: -20px;
        width: calc(100% + 40px);
    }
    .secret .secret-box h2 picture img {
		max-width: 24.5rem!important;
		margin: auto;
	}
}

em{
    font-style: normal;
    font-weight: 600;
}
.reason-block .reason-lead {
    font-weight: 600;
}