@charset 'UTF-8';

/*----------------------------------------

	- fukuri, circle 共通CSS

-----------------------------------------*/

/*----------------------------------------
	common
-----------------------------------------*/

@media screen and (max-width: 768px) {
	.heading_02 {
		margin-bottom: 9.73vw;
	}
}

/*----------------------------------------
	共通
-----------------------------------------*/
section.inner_box {
	margin-top: 100px;
}

.section_body {
	margin-top: 50px;
}

.section_body p {
	letter-spacing: 0.03em;
}

.section_body>div {
	display: grid;
	gap: min(42px, 3.28vw);
	grid-template-columns: repeat(2, 1fr);
	margin-top: 50px;
}

.section_body>div figure:has(img:nth-child(2)) {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: min(42px, 3.28vw);
}

@media screen and (max-width: 768px) {
	section.inner_box {
		margin-top: 15.38vw;
	}

	.section_body {
		margin-top: 7.69vw;
	}

	.section_body>div {
		gap: 6.15vw;
		grid-template-columns: 1fr;
		margin-top: 9.23vw;
	}

	.section_body>div figure:has(img:nth-child(2)) {
		grid-template-columns: repeat(2, 1fr);
		gap: 6.15vw;
	}
}

/*----------------------------------------
	レイアウトバターン B
-----------------------------------------*/
.section_body.pattern-b>div {
    display: grid;
    grid-template-columns: repeat(2, auto);
}

/* 特殊 */
.section_body.pattern-b>div.unique01 {
    grid-template-columns: 48% 1fr;
}

.section_body.pattern-b>div figure:nth-of-type(1) {
    grid-column: span 2 / span 2;
}

.section_body.pattern-b>div figure:nth-of-type(2) {
    grid-row-start: 2;
}

.section_body.pattern-b>div figure:nth-of-type(3) {
    grid-row-start: 2;
}

.section_body.pattern-b>div figure:nth-of-type(4) {
    grid-row-start: 3;
}

.section_body.pattern-b>div figure:nth-of-type(5) {
    grid-row-start: 3;
}

.section_body.pattern-b>div figure:nth-of-type(6) {
    grid-row-start: 4;
}

.section_body.pattern-b>div figure:nth-of-type(7) {
    grid-row-start: 4;
}

@media screen and (min-width: 769px) {
	#va_ve {
		margin-top: 71px;
	}
}

@media screen and (max-width: 768px) {
	.section_body.pattern-b>div {
			gap: 6.15vw 0;
			grid-template-columns: 1fr;
			margin-top: 9.23vw;
	}

	/* 特殊 */
	.section_body.pattern-b>div.unique01 {
		grid-template-columns: 1fr;
	}

	.section_body.pattern-b>div figure:nth-of-type(1) {
		grid-column: 1 / 2;
	}

	.section_body.pattern-b>div figure:nth-of-type(2) {
		grid-row-start: 2;
	}

	.section_body.pattern-b>div figure:nth-of-type(3) {
		grid-row-start: 3;
	}

	.section_body.pattern-b>div figure:nth-of-type(4) {
		grid-row-start: 4;
	}

	.section_body.pattern-b>div figure:nth-of-type(5) {
		grid-row-start: 5;
	}

	.section_body.pattern-b>div figure:nth-of-type(6) {
		grid-row-start: 6;
	}

	.section_body.pattern-b>div figure:nth-of-type(7) {
		grid-row-start: 7;
	}
}

/*----------------------------------------
	レイアウトバターン C
-----------------------------------------*/
.section_body.pattern-c>div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: min(42px, 3.28vw);
}

@media screen and (max-width: 768px) {
    .section_body.pattern-c>div {
        gap: 6.15vw;
        grid-template-columns: 1fr;
    }
}

/*----------------------------------------
	戻るボタン
-----------------------------------------*/

.inner_box+div {
	display: flex;
	gap: 5.303%;
	justify-content: center;
	align-items: center;
	margin-top: 120px;
}

.inner_box+div {
	color: var(--color_white);
}

@media screen and (max-width: 768px) {
	.inner_box+div {
		flex-direction: column;
		gap: 5.16vw;
		margin-top: 18.66vw;
	}

	.btn-ic-arw::after {
		width: 6.15vw;
		height: 4.35vw;
		margin-left: 2vw;
	}
}