@charset "UTF-8";
/* ===========================================
 * 業務用製品
 * ======================================== */
.product__wrap {
	margin: 90px auto;
}
.product__section {
	padding: 30px 0;
	color: #333333;
	background-color: #FFFFFF;
}
/* .product__inner {} */
/* .product__inner > p {
	text-align: center;
} */
.product__inner b {
	text-align: center;
	font: 21px / 1.5 "A1ゴシック R", sans-serif, serif;
	display: block;
}
.product__box--page {
	width: 100%;
	max-width: 720px;
	padding: 60px;
	margin: 30px auto 0 auto;
	border-radius: 10px;
	background-color: #FFFFFF;
}
.product__category__title {
	margin-bottom: 20px;
	text-align: center;
	font: 18px / 1.0 "A1ゴシック M", sans-serif, serif;
}
.product__category__list__container {
	max-width: 510px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.product__category__list {
	width: 240px;
	margin-bottom: 20px;
	display: block;
}
.product__category__list:last-of-type:nth-of-type(odd) {
	margin: 0 auto;
}
.product__category__link {
	
	padding: 0;
  text-align: center;
	font: 14px / 1.0 "A1ゴシック M", sans-serif, serif;
	color: #FFFFFF;
	border: 2px solid #AD948D;
	border-radius: 10px;
	background-color: #AD948D;
	display: flex!important;
	align-items: center;
  position: relative;
	z-index: auto;
}
.product__category__link::after {
	position: absolute;
	z-index: auto;
	right: 6px;
	top: 0;
	bottom: 0;
	content: "";
	margin: auto;
	width: 22px;
	height: 22px;
	background: center center / 22px 22px no-repeat url(/brand/gyoumuyou/assets/img/svg/ic_chevron_right_white.svg);
}
.product__category__link > figure {
	width: 60px;
	margin-right: 0.5em;
	border-radius: 8px 0 0 8px;
	overflow: hidden;
}
@media screen and (max-width: 720px) {
	/* .product__section {
		padding: 0 4vw;
	} */
	.product__box--page {
		padding: 30px;
	}
	.product__box--page ul {
		justify-content: space-between;
	}
	.product__box--page ul > li {
		width: 100%;
		max-width: 240px;
		margin: 0 auto 1em auto;
	}
	.product__box--page ul > li > a {
		width: 100%;
		text-align: center;
		display: block;
	}
}

.product__box {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.product__catalog {
	width: 100%;
	max-width: 200px;
	margin-right: 30px;
	margin-left: 30px;
}
.product__catalog:first-child {
	margin-left: 0;
}
.product__catalog:last-child {
	margin-right: 0;
}
.catalog__img {
	box-shadow: 3px 3px 6px rgba(112, 112, 112, 0.5);
}
.catalog__text {
	margin-top: 10px;
	text-align: center;
	font: 14px / 1.5 "A1ゴシック M", sans-serif, serif;
	letter-spacing: 0.05em;
}
.catalog__btn {
	height: 40px;
	margin-top: 10px;
	text-align: center;
	font: 14px / 1.5 "A1ゴシック M", sans-serif, serif;
	letter-spacing: 0.05em;
	color: #C8161D;
	border: 2px solid #C8161D;
	border-radius: 12px;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
.catalog__btn::after {
	content: "";
	width: 21px;
	height: 21px;
	margin-left: 0.5em;
	background: center / 21px 21px no-repeat url(/brand/gyoumuyou/assets/img/asset_btn-icon_catalog.svg);
}
.catalog {
	background-color: #FDF9EA;
}
@media screen and (max-width: 720px) {
	.product__box {
		width: 100%;
		max-width: 415px;
		margin: 0 auto;
		padding: 0;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.product__catalog {
		width: calc((100% - 15px) / 2);
		margin-right: 0;
		margin-left: 0;
	}
	.product__catalog:last-child {
		margin-top: 30px;
		margin-right: 0;
	}
	.catalog__btn {
		font: 12px / 1.5 "A1ゴシック M", sans-serif, serif;
	}
}
/* asset */
/* ======================================== */
.cat01 {/*大麦*/
	position: relative;
	z-index: auto;
	border-color: #AD948D;
	background-color: #AD948D;
}
.cat02 {/*雑穀*/
	position: relative;
	z-index: auto;
	border-color: #A4C068;
	background-color: #A4C068;
}
.cat03 {/*調理済み*/
	position: relative;
	z-index: auto;
	border-color: #EAAD78;
	background-color: #EAAD78;
}
.cat04 {/*雑穀粉*/
	position: relative;
	z-index: auto;
	border-color: #BD9E65;
	background-color: #BD9E65;
}
.cat05 {/*乾麺*/
	position: relative;
	z-index: auto;
	border-color: #3DB1B5;
	background-color: #3DB1B5;
}


/* リンクボタン */
/* ======================================== */
/* .pdf__link {} */
.pdf__link::after {
	position: absolute;
	z-index: auto;
	right: 6px;
	top: 0;
	bottom: 0;
	content: "";
	margin: auto;
	width: 22px;
	height: 22px;
	background: center center / 22px 22px no-repeat url(/brand/gyoumuyou/assets/img/svg/ic_chevron_right_white.svg);
}
.pdf__link figure {
	width: 60px;
	margin-right: 0.5em;
	border-radius: 8px 0 0 8px;
	overflow: hidden;
}
@media screen and (max-width: 720px) {
	.pdf__link {
		font: 12px / 1.0 "A1ゴシック M", sans-serif, serif;
	}
	.pdf__link::after {
		right: 6px;
	}
}