@charset "UTF-8";

/* ==========================================================

  BLD Group Food Business SP Styles

========================================================== */

/* Page Header
---------------------------------------------------------- */
.page-header { margin: 0; }
.page-header .heading {
  z-index: 2;
  bottom: 0;
  height: auto;
  display: block;
  padding: 4% 0 0 4.666666%;
  background-color: #f5f7f9;
}
.page-header .heading h2 {
  font-size: 6.1333333vw; /* 46/750 */
  white-space: nowrap;
}
.page-header .heading h2 small { letter-spacing: 0.125em; }
.page-header > div:last-of-type { padding: 0 0 0 20%; }
.page-header > div:last-of-type figure { height: auto; }
.page-header > div:last-of-type figure img { height: auto; }
.page-header > div:last-of-type dl { display: none; }
.page-header > span { display: none; }

/* Header Intro
---------------------------------------------------------- */
.header-intro {
  display: block;
  padding: 10.6666666% 10%; /* 80px 0 */
  margin: 0 0 16%; /* 0 0 120px */
}
.header-intro dl dt {
  font-size: 4.8vw; /* 36/750 */
  margin: 0 0 4%; /* 30/750 */
}
.header-intro dl dd { font-size: 3.2vw; /* 24/750 */ }

/* History
---------------------------------------------------------- */
.history-unit { padding: 0 0 18.666666%; }
.history {
  padding: 0 0 0 4.666666%;
  margin: 0 0 13.333333%; /* 100/750 */
}
.history h3 span { font-size: 6.4vw; /* 48/750 */ }
.history h3 small { font-size: 2.666666vw; /* 20/750 */ }
.history ul {
  padding: 0;
  justify-content: center;
}
.history ul li {
  width: 30%;
  margin: 0 0 5%;
}
.history ul li img { width: initial; }
.y_2020 ul li, .y_2024 ul li  { margin: 0 2.5%; }
.y_2020 ul li img, .y_2024 ul li img { margin: 0;}
.history figure {
 position: static;
 top: initial;
 right: initial;
 text-align: center;
 margin: 4% auto;
}
.y_2016 figure, .y_2018 figure { width: 40vw; }
.y_2017 figure, .y_2023 figure, .y_2024 figure, .y_2025 figure { width: 53.333333vw; }
.y_2020 figure { width: 69vw; }
.history figure img {
  transform: scale(1.0);
}
 .y_2020 {
  padding-bottom: 0 !important;
}
.history-summary {
  font-size: 3.2vw; /* 24/750 */
  line-height: 1.6666666;
  margin: 26.666666% auto 0; /* 200/750 */
}
.history-summary::before {
  width: 10.666666vw;
  top: -8vw; /* 60/750 */
}
.history.y_2016 ul, .history.y_2017 ul, .history.y_2018 ul, .history.y_2023 ul, .history.y_2024 ul, .history.y_2025 ul { width: 100%; }

/* BLD Bland
---------------------------------------------------------- */
.bland-unit {
  padding: 16% 10%; /* 120/750 */
  margin: 0 0 10.666666%; /* 80/750 */
}
.bland-unit h2 {
  font-size: 5.333333vw; /* 40/750 */
  margin: 0 0 8%; /* 60/750 */
}
.bland-unit > div { display: block; }
.bland {
  width: 100%;
  margin: 0 0 12%; /* 90/750 */
}
.bland:last-of-type { margin: 0; }
.bland h3 { margin: 4% 0; /* 30/750 */ }
.bland h3 img { height: 13.333333vw; /* 100/750 */ }
.bland:nth-of-type(4) h3 img, .bland:nth-of-type(5) h3 img, .bland:nth-of-type(6) h3 img { height: 10.666666vw; /* 80/750 */ }
.bland p { font-size: 3.2vw; /* 24/750 */ }

/* Banner
---------------------------------------------------------- */
.bnr {
  padding: 0 4.666666%;
  margin: 0 0 16%; /* 120/750 */
}