@charset "utf-8";
@import url(https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css);
/* --------------------------------------------------------------------------------
	oem-inner
-------------------------------------------------------------------------------- */
#oem .oem-inner {
	width: 1300px;
	margin: 0 auto;
}
@media only screen and (max-width: 768px) {
	#oem .oem-inner {
		width: 100%;
		padding: 0 3%;
	}
}
/* --------------------------------------------------------------------------------
	main
-------------------------------------------------------------------------------- */
#oem .main {
	width: 100%;
	height: 600px;
	margin: 0 auto 120px;
	position: relative;
}
@media only screen and (max-width: 768px) {
	#oem .main {
		height: unset;
		margin: 0 auto;
	}
}
#oem .main .img {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	margin-left: -50%;
}
@media only screen and (max-width: 768px) {
	#oem .main .img {
		position: relative;
	}
}
#oem .main img {
	width: 100%;
	height: 600px;
	object-fit: cover;
}
@media only screen and (max-width: 768px) {
	#oem .main img {
		height: unset;
		aspect-ratio: 4 / 3;
	}
}
@media only screen and (min-width: 1920px) {
	#oem .main .img {
		width: 100%;
		left: 0;
		margin-left: 0;
	}
}
#oem .main h1 {
	position: absolute;
	width: fit-content;
	height: fit-content;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	padding: 3em 10em;
	text-align: center;
	font-size: 1em;
	background: rgba(255, 255, 255, 0.9);
	line-height: 1;
}
@media only screen and (max-width: 768px) {
	#oem .main h1 {
		width: 100%;
		margin: auto;
		padding: 1em;
	}
}
#oem .main h1 .txt1 {
	display: block;
	margin: 0 0 1em;
	font-size: 1, 5em;
	line-height: 1.5;
}
#oem .main h1 .txt2 {
	display: block;
	font-size: 2.5em;
	color: #604c3f;
}
#oem .main h1 .txt2::after {
	display: block;
	content: "";
	width: 90%;
	aspect-ratio: 700 / 15;
	margin: 0.5em auto;
	background-image: url(https://pizzamicio.itembox.design/item/images/f/oem/main-line.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 768px) {
	#oem .main h1 .txt2 {
		font-size: 1.25em;
		font-weight: bold;
	}
}
/* --------------------------------------------------------------------------------
	oem
-------------------------------------------------------------------------------- */
#block01 h2 {
	position: relative;
	margin: 5em auto 1.5em;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	color: #EA5514;
}
@media only screen and (max-width: 768px) {
	#block01 h2 {
		margin: 4em auto 0;
		font-size: 1.25em;
	}
}
#block01 h2::before {
	position: absolute;
	display: block;
	content: "";
	width: 50%;
	aspect-ratio: 597 / 109;
	top: -4em;
	left: 5em;
	background-image: url(https://pizzamicio.itembox.design/item/images/f/oem/img-oem_text.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 768px) {
	#block01 h2::before {
		width: 100%;
		top: -3.5em;
		left: 0;
	}
}
#block01 .text-box {
	text-align: center;
	line-height: 2;
}
@media only screen and (max-width: 768px) {
	#block01 .text-box {
		margin: 1em auto 0;
	}
}
#block02 {
	margin: 5em auto;
	padding: 5em 0;
	background-color: #F8F3EC;
}
#block02 h3 {
	position: relative;
	font-size: 1.5em;
	font-weight: bold;
	color: #604C3F;
}
@media only screen and (max-width: 768px) {
	#block02 h3 {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
#block02 h3::before {
	position: relative;
	display: block;
	content: "";
	width: 60%;
	aspect-ratio: 293 / 88;
	top: 0;
	left: 0;
	margin-bottom: 1em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 768px) {
	#block02 h3::before {
		width: 50%;
		margin: 0 0.5em 0 0;
	}
}
#block02 h3.point1::before {
	background-image: url(https://pizzamicio.itembox.design/item/images/f/oem/img-point1_text.webp);
}
#block02 h3.point2::before {
	background-image: url(https://pizzamicio.itembox.design/item/images/f/oem/img-point2_text.webp);
}
#block02 h3.point3::before {
	background-image: url(https://pizzamicio.itembox.design/item/images/f/oem/img-point3_text.webp);
}
#block02 ul li {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 5em auto 0;
}
@media only screen and (max-width: 768px) {
	#block02 ul li {
		display: block;
	}
}
#block02 ul li:first-of-type {
	margin: 0 auto;
}
#block02 ul li .point_text, #block02 ul li .point_img {
	width: 45%;
}
@media only screen and (max-width: 768px) {
	#block02 ul li .point_text, #block02 ul li .point_img {
		width: 100%;
	}
	#block02 ul li .point_img {
		margin: 1em auto 0;
	}
}
#block02 .point_text p {
	margin: 1em auto 0;
	line-height: 1.5;
}
#block03 h2, #block05 h2 {
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	color: #604C3F;
}
@media only screen and (max-width: 768px) {
	#block03 h2, #block05 h2 {
		font-size: 1.25em;
	}
	#block03 .support h2 {
		font-size: 1.16em;
	}
}
#block03 h2::before, #block05 h2::before {
	display: inline-block;
	content: url(https://pizzamicio.itembox.design/item/images/f/oem/img-h2_logo.webp);
	width: 1.5em;
	aspect-ratio: 1 / 1;
	margin: 0 0.5em;
	vertical-align: middle;
}
@media only screen and (max-width: 768px) {
	#block03 h2::before, #block05 h2::before {
		content: "";
		width: 2em;
		margin: 0 0.25em 0 0;
		background-image: url(https://pizzamicio.itembox.design/item/images/f/oem/img-h2_logo.webp);
		background-size: contain;
		background-position: center;
	}
}
#block03 h2::after, #block05 h2::after {
	display: block;
	content: "";
	width: 25%;
	aspect-ratio: 321 / 15;
	margin: 0 auto;
	background-image: url(https://pizzamicio.itembox.design/item/images/f/oem/img-h2_line.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 768px) {
	#block03 h2::after, #block05 h2::after {
		width: 50%;
	}
}
#block03 .customize ul, #block03 .merit ul, #block05 ul, #block06 .case ol {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
@media only screen and (max-width: 768px) {
	#block03 .customize ul {
		display: block;
	}
	#block03 .merit ul, #block05 ul {
		justify-content: center;
		flex-wrap: wrap;
		margin: 1em auto 0;
	}
}
#block03 .customize ul li, #block03 .merit ul li, #block05 ul li {
	margin: 3em auto 0;
	width: 30%;
}
@media only screen and (max-width: 768px) {
	#block03 .customize ul li {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	#block03 .customize ul li div:first-of-type {
		width: 40%;
	}
	#block03 .customize ul li div:last-of-type {
		width: 60%;
		margin-left: 1em;
	}
}
#block03 .customize ul li strong, #block03 .merit ul li strong {
	display: block;
	margin: 1em auto 0.5em;
	font-size: 1.5em;
	font-weight: bold;
	color: #604C3F;
}
@media screen and (max-width: 768px) {
	#block03 .customize ul li strong {
		margin: 0 auto 0.5em;
		font-size: 1.25em;
	}
}
#block03 .customize ul li .marker, #block03 .txt-box .marker {
	font-weight: bold;
	background: linear-gradient(transparent 50%, #ff6 50%);
}
#block03 .lot, #block03 .merit, #block03 .support, #block04, #block05, #block06, #block07 {
	margin: 10em auto 0;
	text-align: center;
}
@media screen and (max-width: 768px) {
	#block03 .lot, #block03 .merit, #block03 .support, #block04, #block05, #block06, #block07 {
		margin: 5em auto 0;
	}
}
#block03 .lot .img-box, #block03 .merit .img-box, #block03 .support .img-box, #block04 img {
	margin: 3em auto;
}
@media screen and (max-width: 768px) {
	#block04 img {
		margin: 0 auto 1em;
	}
}
#block03 .merit ul li {
	width: 25%;
}
@media screen and (max-width: 768px) {
	#block03 .merit ul li, #block05 ul li {
		width: 45%;
		margin: 0 2.5%;
	}
}
#block03 .merit ul li strong {
	text-align: center;
}
@media screen and (max-width: 768px) {
	#block03 .merit ul li strong, #block05 ul li strong {
		font-size: 1.1em !important;
	}
}
#block03 .merit strong::before {
	display: block;
	content: "";
	width: 100%;
	aspect-ratio: 340 / 312;
	margin-bottom: 1em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
#block03 .merit ul li:first-of-type strong::before {
	background-image: url(https://pizzamicio.itembox.design/item/images/f/oem/img-merit1.webp);
}
#block03 .merit ul li:nth-of-type(2) strong::before {
	background-image: url(https://pizzamicio.itembox.design/item/images/f/oem/img-merit2.webp);
}
#block03 .merit ul li:last-of-type strong::before {
	background-image: url(https://pizzamicio.itembox.design/item/images/f/oem/img-merit3.webp);
}
#block04 h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	aspect-ratio: 438 / 138;
	margin: 0 auto;
	padding: 2.5em;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	color: #604C3F;
	background-image: url(https://pizzamicio.itembox.design/item/images/f/oem/bg-omi_back.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 768px) {
	#block04 h2 {
		width: 75%;
		padding: 2.5em 0;
		font-size: 1.25em;
	}
}
#block04 p {
	margin: 1.5em auto 0;
	line-height: 2;
}
@media only screen and (max-width: 768px) {
	#block04 p {
		padding: 0 3%;
	}
}
#block05 h2 {
	margin: 0 auto 1em;
}
#block05 ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30%;
	aspect-ratio: 340 / 345;
	background-image: url(https://pizzamicio.itembox.design/item/images/f/oem/bg-hygiene_back.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
@media screen and (max-width: 768px) {
	#block05 ul li {
		width: 45%;
	}
}
#block05 ul li strong {
	font-size: 2em;
	font-weight: bold;
	color: #fff;
}
#block06 {
	background-color: #F8F3EC;
}
#block06 h2 {
	width: 100%;
	aspect-ratio: 1920 / 148;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	color: #604C3F;
	background-image: url(https://pizzamicio.itembox.design/item/images/f/oem/bg-case_back.png);
	background-position: center top;
	background-repeat: repeat-x;
	background-size: contain;
}
@media screen and (max-width: 768px) {
	#block06 h2 {
		padding: 1.5em 0;
		aspect-ratio: 1000 / 341;
		font-size: 1.25em;
		background-image: url(https://pizzamicio.itembox.design/item/images/f/oem/bg-case_back-sp.webp);
		background-position: center top;
		background-size: cover;
	}
}
#block06 .case ol {
	position: relative;
	flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
	#block06 .case ol {
		flex-wrap: nowrap;
	}
}
#block06 .case ol li {
	margin: 3em auto;
	width: 22%;
	text-align: left;
}
@media screen and (max-width: 768px) {
	#block06 .case ol li {
		margin: 0 auto;
	}
}
#block06 .case ol li img:nth-last-child(2) {
	display: block;
	width: 90%;
	margin: 0 auto;
	border-radius: 100%;
}
#block06 .case ol li .product_name {
	display: inline-block;
	margin: 1em auto 0;
}
#block06 .case .slick-prev.slick-arrow, #block06 .case .slick-next.slick-arrow {
	position: absolute;
	top: 0.7em;
	font-size: 5em;
	background-color: transparent;
	border: none;
	z-index: 9;
}
#block06 .case .slick-prev.slick-arrow {
	left: 0;
}
#block06 .case .slick-next.slick-arrow {
	right: 0;
}
#block07 h2, #block08 h2, #block09 h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40%;
	aspect-ratio: 600 / 155;
	margin: 0 auto;
	padding: 0.25em 0.25em 0 0;
	font-size: 2.5em;
	font-weight: bold;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
@media screen and (max-width: 768px) {
	#block07 h2, #block08 h2, #block09 h2 {
		width: 75%;
		font-size: 1.5em;
	}
}
#block07 h2 {
	background-image: url(https://pizzamicio.itembox.design/item/images/f/oem/bg-trade_faq.webp);
}
#block08 h2 {
	background-image: url(https://pizzamicio.itembox.design/item/images/f/oem/bg-faq.webp?1);
}
#block09 h2 {
	background-image: url(https://pizzamicio.itembox.design/item/images/f/oem/bg-inquiry.webp?1);
}
#block07 dl {
	margin: 3em auto 0;
}
#block07 dl dt {
	font-family: 'Noto Serif JP', serif;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.2em 0;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	color: #fff;
	background-color: #807065;
}
@media screen and (max-width: 768px) {
	#block07 dl dt {
		font-size: 1.25em;
	}
}
#block07 dl dt img {
	display: inline-block;
	margin: 0.2em 0.5em 0 0;
}
@media screen and (max-width: 768px) {
	#block07 dl dt img {
		width: 10%;
	}
}
#block07 dl dd {
	position: relative;
	padding: 2em 0;
	text-align: center;
	background-color: #F8F3EC;
}
#block07 dl dd::after {
	position: relative;
	display: block;
	content: url(https://pizzamicio.itembox.design/item/images/f/oem/arw-trade_above.webp);
	width: 100%;
	/*aspect-ratio: 60 / 26;*/
	top: 2em;
	margin: 0 auto;
	padding: 3em 0;
	text-align: center;
	background-color: #fff;
	vertical-align: middle;
}
@media screen and (max-width: 768px) {
	#block07 dl dd::after {
		padding: 1.5em 0 1em;
	}
}
#block07 dl dd:last-of-type::after {
	display: none;
}
#block08, #block09 {
	margin: 5em auto 0;
}
@media screen and (max-width: 768px) {
	#block08, #block09 {
		margin: 3em auto 0;
	}
}
#block08 h2 + p {
	margin: 3em auto;
	text-align: center;
}
/* アコーディオン */
.accordion-003 {
	width: 100%;
	margin-bottom: 1em;
	border-bottom: 1px solid #f0f0f0;
}
.accordion-003 summary {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2em 0;
	color: #333;
	font-weight: 600;
	cursor: pointer;
}
@media screen and (max-width: 768px) {
	.accordion-003 summary {
		padding: 0.25em 0;
	}
}
.accordion-003 summary::-webkit-details-marker {
	display: none;
}
.accordion-003 summary::after {
	content: '';
	width: 7px;
	height: 7px;
	border-bottom: 3px solid #ccc;
	border-right: 3px solid #ccc;
	transition: transform .3s;
	transform: translateY(-25%) rotate(45deg);
}
.accordion-003[open] summary::after {
	transform: rotate(225deg);
}
.accordion-003 p {
	margin: 0;
	padding: 0.5em 0 1.5em;
	color: #666;
	transform: translateY(-10px);
	transition: transform .5s, opacity .5s;
	opacity: 0;
}
.accordion-003[open] p {
	transform: none;
	opacity: 1;
}
#block09 table {
	width: 75%;
	margin: 3em auto 0;
	border-collapse: collapse;
}
@media screen and (max-width: 768px) {
	#block09 table {
		margin: 1em auto 0;
	}
	#block09 table, #block09 table tr, #block09 table td {
		display: block;
		width: 100%;
	}
}
#block09 table tr {
	border-bottom: 1px solid #999;
}
@media screen and (max-width: 768px) {
	#block09 table tr {
		border-bottom: none;
	}
}
#block09 table td {
	padding: 1em 0;
}
@media screen and (max-width: 768px) {
	#block09 table td {
		padding: 0.5em 0 0.25em !important;
	}
}
#block09 table td.required {
	width: 7em;
}
@media screen and (max-width: 768px) {
	#block09 table td.required {
		width: 100%;
	}
}
#block09 table td.required::after {
	display: inline-block;
	content: "必須";
	width: 3em;
	margin: 0 0 0 1em;
	padding: 0 0.25em;
	text-align: center;
	font-size: 0.9em;
	color: #fff;
	background-color: #933;
}
#block09 table td input, #block09 table td select, #block09 table td textarea {
	padding: 0.5em;
}
#block09 table .name td {
	width: 7em;
}
#block09 table .name td.required {
	padding: 0;
}
#block09 table .name td span {
	display: inline-block;
	width: 2em;
	margin: 0 1em 0 0;
}
@media screen and (max-width: 768px) {
	#block09 table tr.name {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	#block09 table tr.name td:nth-of-type(2), #block09 table tr.name td:last-of-type, #block09 table tr.name td:not(required):first-of-type {
		width: 50%;
	}
	#block09 table tr.name td.required {
		width: 100% !important;
	}
}
#block09 table .name td input {
	width: 80%;
}
@media screen and (max-width: 768px) {
	#block09 table .name td input {
		width: 95%;
	}
}
#block09 table .tel td input {
	width: 13em;
}
@media screen and (max-width: 768px) {
	#block09 table .tel td input {
		width: 31%;
	}
}
#block09 table .zip span, #block09 table .pref span {
	margin: 0 1em 0 0;
}
#block09 table .zip input {
	width: 5em;
}
#block09 table .pref select {
	width: 10.5em;
}
#block09 table td textarea {
	height: 10em;
}
@media screen and (max-width: 768px) {
	#block09 table .name td.required {
		padding: 1em 0;
	}
}
/* 送信ボタン */
.button {
	display: block;
	margin: 1.5em auto 3em;
	padding: 0.5em 10em;
	text-align: center;
	font-size: 2em;
	color: #fff;
	background: #807065;
	border: none;
	border-radius: 0.7em;
	opacity: 0.9;
	box-shadow: 0.1em 0.1em 0.3em #999 !important;
	transition: 0.3s;
	cursor: pointer;
}
.button:hover {
	box-shadow: none;
	opacity: 1;
}
@media only screen and (max-width: 768px) {
	.button {
		width: 90%;
		padding: 0.5em 0;
		font-size: 1.5em;
	}
}