/**** mainv ****/
.l_mainv {
 background-image: url(/assets_u/about/img/mv_1.jpg);
}
.l_mainv.page_raw-materials {
 background-image: url(/assets_u/about/img/raw-materials/mv.jpg);
}
.l_mainv.page_recipe {
 background-image: url(/assets_u/about/img/recipe/mv.jpg);
}

/**** c_point_wrap ****/
.c_point_wrap {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 20px;
 text-align: center;
}
.c_point_wrap .c_point {
 border-bottom: 1px solid #8f9fa2;
 padding-bottom: 20px;
}

@media only screen and (max-width: 768px) {
 .c_point_wrap {
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
 }
 .c_point_wrap .c_point {
  padding-bottom: 15px;
 }
 .c_point_wrap .c_point img {
  width: 35px;
 }
}
/**** product_set_block ****/
.product_set_block {
 background-image: url(/assets_u/about/img/product_set_bg.jpg);
 background-size: cover;
 background-position: center;
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 grid-template-rows: 1fr;
 grid-template-areas: ". fav_dog fav_cat";
 gap: 40px;
 padding: 40px 15px 30px;
 border-radius: 10px;
 overflow: hidden;
}
.fav_dog {
 grid-area: fav_dog;
}
.fav_cat {
 grid-area: fav_cat;
}
@media only screen and (max-width: 768px) {
 .product_set_block {
  background-image: url(/assets_u/about/img/product_set_bg_sp.jpg);
  background-position: center bottom;
  display: block;
  padding: 25px 15px 150px;
 }
}
/**** iframe_block ****/
.iframe_block {
 width: 100%;
 aspect-ratio: 222 / 85;
}
.iframe_block2 {
 width: 100%;
 aspect-ratio: 16 / 9;
}
.iframe_block iframe,
.iframe_block2 iframe {
 width: 100%;
 height: 100%;
}
@media only screen and (max-width: 768px) {
 .iframe_block {
  aspect-ratio: 16 / 9;
 }
}
/**** about_contents_wrap ****/
.about_contents_wrap {
 max-width: 1360px;
 margin-inline: auto;
}
.about_contents_wrap .num_txt {
 position: relative;
}
.about_contents_wrap .num_txt span {
 display: inline-block;
 padding-right: 15px;
 background-color: #fff;
 position: relative;
 z-index: 99;
}
.about_contents_wrap .num_txt::after {
 content: "";
 background-color: #8f9fa2;
 width: 150px;
 height: 1px;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 z-index: 1;
}

/**** materials_con ****/
.materials_con .ttl_txt {
 position: relative;
 padding-top: 30px;
 margin-bottom: 70px;
}
.materials_con .ttl_txt::after {
 content: "";
 position: absolute;
 background-color: #8f9fa2;
 width: 100px;
 height: 1px;
 top: 0;
 left: 0;
}
.materials_grid {
 display: grid;
 grid-template-columns: 200px 1fr;
 gap: 0;
}
.materials_grid > * {
 padding-bottom: 20px;
 padding-top: 20px;
 border-bottom: 1px solid #cdcdcd;
}
.materials_grid > *:last-child,
.materials_grid > *:nth-last-child(2) {
 border: none;
}
.materials_grid .m_txt {
 padding-right: 30px;
 font-weight: bold;
}
.materials_grid.con01 .m_txt {
 color: #c93030;
}
.materials_grid.con02 .m_txt {
 color: #75825a;
}
.materials_grid.con03 .m_txt {
 color: #e7b872;
}
.materials_grid.con04 .m_txt {
 color: #667683;
}
.materials_grid.con05 .m_txt {
 color: #80739f;
}
@media only screen and (max-width: 768px) {
 .materials_grid {
  display: block;
 }
 .materials_grid > *:nth-child(odd) {
  padding-bottom: 0;
  border-bottom: none;
 }
}