/*
# Google Fonts: Noto Sans Japanese

<weight>: Use a value from 100 to 900
<uniquifier>: Use a unique and descriptive class name

.noto-sans-jp-<uniquifier> {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}
*/

/*
#Adobe Fonts: Lato
weight: 300, 400

font-family: "lato", sans-serif;
font-weight: 400;
font-style: normal;
 */


:root {
	--color-light-green: #EBF0E7;
	--color-green: #7B8659;
}


.page-roitoka .main-visual__image {
	height: auto;
}


@container (max-width: 495px) {
	.page-roitoka .lead-text__inner {
		padding-bottom: 35px;
	}
}


.page-roitoka .lead-text__body::before {
	top: -34px;
	left: -12px;
	width: 34px;
	height: 34px;
	background-image: url("../img/roitoka/img_about-bg01.png");
}

.page-roitoka .lead-text__body::after {
	bottom: -51px;
	right: 0;
	width: 42px;
	height: 43px;
	background-image: url("../img/roitoka/img_about-bg02.png");
}

@container (max-width: 495px) {
	.page-roitoka .lead-text__body::before {
		top: -34px;
		left: 0;
	}

	.page-roitoka .lead-text__body::after {
		bottom: -47px;
	}
}


.page-roitoka .products-section {
	background-color: var(--color-light-green);
}


.page-roitoka .series__title {
	color: var(--color-green);
}


.page-roitoka .pattern__name {
	font-size: 14px;
}


.page-roitoka .brand-story__text::before {
	top: -74px;
	left: 0;
	aspect-ratio: 64 / 74;
	width: 64px;
	background-image: url("../img/roitoka/img_brand-bg01.png");
}

.page-roitoka .brand-story__text::after {
	bottom: -80px;
	right: 0;
	aspect-ratio: 60 / 80;
	width: 60px;
	background-image: url("../img/roitoka/img_brand-bg02.png");
}