.ROW .image {
	position: relative;
}

.ROW .image .b-img {
	position: relative;
	z-index: 1;
}

.ROW .icon {
	width: 80rem;
	margin-bottom: 25rem;
}

.ROW .content li {
	margin: 15rem 0;
}

.ROW .circle {
	position: absolute;
	z-index: -999;
	width: 120rem;
	height: 120rem;
	border: 9px solid var(--blue);
	border-radius: 100%;
}

.ROW .circle.circle1, .ROW .circle.circle4, .ROW .circle.circle7, .ROW .circle.circle9 {bottom: -5rem; left: 0;}
.ROW .circle.circle2 {top: 35rem; right: 0;}
.ROW .circle.circle3 {top: 10rem; right: 60rem;}
.ROW .circle.circle6 , .ROW .circle.circle8, .ROW .circle.circle12  {bottom: -5rem; left: 0;}
.ROW .circle.circle5 {bottom: -5rem; right: 0;}
.ROW .circle.circle10 {top: 5rem; right: -5rem;}
.ROW .circle.circle11, .ROW .circle.circle12 {display: none;}

.ROW .deco::before,
.ROW .deco::after {
	content: '';
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index: -1;
}

.ROW .deco.deco1::before {background-image: url(/wp-content/themes/wp-parchment/blocks/row/images/row-deco1-1.svg); width: 1280rem; height: 211rem; top: -100rem; right: -1190rem;}
.ROW .deco.deco1::after {background-image: url(/wp-content/themes/wp-parchment/blocks/row/images/row-deco1-2.svg); width: 720rem; height: 420rem; bottom: -415rem; left: 110rem;}
.ROW .deco.deco2::before {background-image: url(/wp-content/themes/wp-parchment/blocks/row/images/row-deco2.svg); width: 444rem; height: 382rem; top: -220rem; right: -430rem;}
.ROW .deco.deco3::before {background-image: url(/wp-content/themes/wp-parchment/blocks/row/images/row-deco3-1.svg); width: 626rem; height: 114rem; top: -90rem; left: -435rem;}
.ROW .deco.deco3::after {background-image: url(/wp-content/themes/wp-parchment/blocks/row/images/row-deco3-2.svg); width: 1168rem; height: 370rem; top: -120rem; right: -1110rem;}
.ROW .deco.deco4::before {background-image: url(/wp-content/themes/wp-parchment/blocks/row/images/row-deco4.svg); width: 633rem; height: 211rem; bottom: -200rem; left: -615rem;}
.ROW .deco.deco5::before {background-image: url(/wp-content/themes/wp-parchment/blocks/row/images/row-deco5.svg); width: 395rem; height: 228rem; bottom: -70rem; right: -370rem;}
.ROW .deco.deco6::before {background-image: url(/wp-content/themes/wp-parchment/blocks/row/images/row-deco6.svg); width: 366rem; height: 92rem; bottom: 100rem; left: -360rem;}
.ROW .deco.deco7::before {background-image: url(/wp-content/themes/wp-parchment/blocks/row/images/row-deco7-1.svg); width: 687rem; height: 156rem; top: -100rem; left: -500rem;}
.ROW .deco.deco7::after {background-image: url(/wp-content/themes/wp-parchment/blocks/row/images/row-deco7-2.svg); width: 1282rem; height: 522rem; bottom: -410rem; right: -670rem;}
.ROW .deco.deco8::before {background-image: url(/wp-content/themes/wp-parchment/blocks/row/images/row-deco9.svg); width: 721rem; height: 245rem; top: -100rem; left: -525rem;}
.ROW .deco.deco9::before {background-image: url(/wp-content/themes/wp-parchment/blocks/row/images/row-deco10.svg); width: 391rem; height: 343rem; bottom: -175rem; left: -395rem;}
.ROW .deco.deco11::before {background-image: url(/wp-content/themes/wp-parchment/blocks/row/images/row-deco11.svg); width: 1200rem; height: 266rem; bottom: -135rem; right: -1140rem;}
.ROW .deco.deco12::before {background-image: url(/wp-content/themes/wp-parchment/blocks/row/images/row-deco12.svg); width: 1168rem; height: 226rem; bottom: -75rem; left: -1150rem;}

.ROW.alt-about-row .deco.deco1::after {display: none;}

@media screen and (min-width: 961px) {
	.ROW[data-reverse] .b-columns {flex-direction: row-reverse;}
	.ROW .image[data-visible] {z-index: 2;}
}

@media screen and (max-width: 960px) {
	.ROW .deco {display: none;}
	.ROW .b-column:first-child .image {margin-bottom: 10rem;}
}

@media screen and (max-width: 475px) {
	.ROW .circle {width: 70rem; height: 70rem;}
	.ROW .circle.circle1 {bottom: 0; left: 0;}
	.ROW .circle.circle2 {top: 20rem; right: 5rem;}
	.ROW .circle.circle3 {top: 20rem; right: 20rem;}
	.ROW .circle.circle8 {top: 0; right: 0;}
}



/* alt-pon */

.ROW.alt-pon {
	position: relative;
	z-index: -1;
}

@media screen and (min-width: 961px) {
	.ROW.alt-pon {
		margin-bottom: 250rem;
	}

	.ROW.alt-pon .image {
		width: 970rem;
		height: 1070rem;
		position: absolute;
		top: -150rem;
		right: -130rem;
	}
}

@media screen and (max-width: 960px) {
	.ROW.alt-pon {margin: -150rem 0 -80rem 0;}
}



/* animation */

@media screen and (min-width: 961px) {
	.ROW .b-column:nth-child(2) {transition-delay: 0.4s;}
}