@charset "UTF-8";

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

	ページ専用設定

---------------------------------------- */
/*
	セクション
*/
#okawaraAction {
	.list {
		> * {
			margin-top: var(--pd-vItem);
		}

		.description {
			&::after {
				content: '';
				display: block;
				aspect-ratio: 372 / 250;
				margin: var(--pd-vItem) auto 0;
				background: no-repeat center / cover;
				border-radius: var(--br-basic);
				
				@media (width > 768px) {
					max-width: 560px;
					aspect-ratio: 560 / 270;
				}
			}

			&.develop::after {
				background-image: url(images/img_okawa_tk01_sp.webp);
				
				@media (width > 768px) {
					background-image: url(images/img_okawa_tk01_pc.webp);
				}
			}

			&.educate::after {
				background-image: url(images/img_okawa_tk02_sp.webp);
				
				@media (width > 768px) {
					background-image: url(images/img_okawa_tk02_pc.webp);
				}
			}

			&.treatment::after {
				background-image: url(images/img_okawa_tk03_sp.webp);
				
				@media (width > 768px) {
					background-image: url(images/img_okawa_tk03_pc.webp);
				}
			}
		}
	}
}


#okawaraOwPro {
	.summary {
		margin: var(--pd-vItem) auto 0;
		
		@media (width > 768px) {
			max-width: 640px;
		}
	}

	.subSec {
		margin-top: var(--pd-vItem);

		> :not(.title) + * {
			margin-top: var(--pd-vItem);
		}

		&.feature {
			> :nth-child(1 of .text) {
				&::after {
					content: '';
					display: block;
					aspect-ratio: 372 / 250;
					margin: var(--pd-vItem) auto 0;
					background: url(images/img_okawa_tk04_sp.webp) no-repeat center / cover;
					border-radius: var(--br-basic);
					
					@media (width > 768px) {
						max-width: 560px;
						aspect-ratio: 560 / 270;
						background-image: url(images/img_okawa_tk04_pc.webp);
					}
				}
			}
		}
	}
}


#okawaraBook {
	.book {
		max-width: 179px;
		aspect-ratio: 260 / 346;
		margin: 0 auto;
		border: 1px solid var(--cl-gry02);
		
		@media (width > 768px) {
			max-width: 260px;
		}
	}

	.secTitle {
		margin-top: var(--pd-vItem);
	}

	.subSec {
		margin-top: var(--pd-vItem);

		&.summary {
			.table {
				@media (width > 768px) {
					max-width: 640px;
					margin: 0 auto;
				}
			}
		}
	}
}