@charset "UTF-8";
/********************************************************

setting

********************************************************/
:root {
  --margin-block: 200px; }

@media (min-width: 1101px) and (max-width: 1280px) {
  :root {
    --margin-block: 120px; } }
@media (min-width: 641px) and (max-width: 1100px) {
  :root {
    --margin-block: 90px; } }
@media (max-width: 640px) {
  :root {
    --margin-block: 70px; } }
.page-container {
  width: min(90%, 1200px);
  margin: 0 auto; }

/* -------------------------------------------------------

新デザイン

------------------------------------------------------- */
.h3_wrap__head {
  margin: 0 auto clamp(75px, 9.375vw, 150px) auto; }

.block_supply {
  overflow: hidden;
  width: 100%; }
  .block_supply .background-txt {
    width: 150%;
    height: 80px;
    position: relative;
    margin-bottom: 30px; }
    .block_supply .background-txt::before {
      font-family: "Montserrat", serif;
      font-weight: 400;
      font-size: 10rem;
      color: #e7e7e7;
      content: "SUPPLY RECORD SUPPLY RECORD SUPPLY RECORD SUPPLY RECORD";
      background-repeat: repeat-x;
      position: absolute;
      top: 0;
      left: -1%;
      word-break: break-all;
      overflow: hidden; }
    @media screen and (max-width: 1200px) {
      .block_supply .background-txt {
        height: 80px; }
        .block_supply .background-txt::before {
          font-size: 8rem; } }
    @media screen and (max-width: 970px) {
      .block_supply .background-txt {
        height: 70px; }
        .block_supply .background-txt::before {
          font-size: 7rem; } }
    @media screen and (max-width: 600px) {
      .block_supply .background-txt {
        height: 40px; }
        .block_supply .background-txt::before {
          font-size: 6rem; } }
  .block_supply .list_supply .list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    flex-wrap: -webkit-wrap; }
    .block_supply .list_supply .list .img_supply {
      width: 50%; }
      @media screen and (max-width: 970px) {
        .block_supply .list_supply .list .img_supply {
          width: 100%; } }
      .block_supply .list_supply .list .img_supply.half {
        width: 25%; }
        @media screen and (max-width: 970px) {
          .block_supply .list_supply .list .img_supply.half {
            width: 50%; } }
      .block_supply .list_supply .list .img_supply figure {
        width: 100%;
        position: relative; }
        .block_supply .list_supply .list .img_supply figure img {
          width: 100%; }
        .block_supply .list_supply .list .img_supply figure figcaption {
          position: absolute;
          bottom: 0;
          right: 0;
          font-size: 1.2rem;
          line-height: 1.3;
          color: #fff;
          background: #000000;
          padding: 5px 8px; }
          @media screen and (max-width: 750px) {
            .block_supply .list_supply .list .img_supply figure figcaption {
              font-size: 9px; } }

.block_japan-map {
  width: 100%;
  background: url("../brand/images/bg_bunjyo.png") no-repeat;
  background-position: top left;
  background-size: cover;
  padding: 15rem 0; }
  @media screen and (max-width: 1200px) {
    .block_japan-map {
      padding: 10rem 0; } }
  @media screen and (max-width: 970px) {
    .block_japan-map {
      padding: 8rem 0; } }
  @media screen and (max-width: 600px) {
    .block_japan-map {
      padding: 6rem 0; } }
  .block_japan-map .txt-brand {
    font-size: 14px;
    line-height: 2.3;
    text-align: center;
    margin: 0 auto 8.5rem; }
    @media screen and (min-width: 1100px) {
      .block_japan-map .txt-brand {
        font-size: calc(14px + 0.012195122 * (100vw - 1100px)); } }
    @media screen and (min-width: 1920px) {
      .block_japan-map .txt-brand {
        font-size: 24px; } }
    @media screen and (max-width: 970px) {
      .block_japan-map .txt-brand {
        margin-bottom: 5rem;
        line-height: 2.0; } }
    @media screen and (max-width: 600px) {
      .block_japan-map .txt-brand {
        margin-bottom: 3rem; } }
  .block_japan-map .jisseki {
    max-width: 654px;
    margin: 0 auto 8.5rem; }
    @media screen and (max-width: 970px) {
      .block_japan-map .jisseki {
        margin-bottom: 5rem; } }
    @media screen and (max-width: 600px) {
      .block_japan-map .jisseki {
        margin-bottom: 3rem; } }
  .block_japan-map .map_bunjyo {
    max-width: 859px;
    margin: 0 auto 8.5rem; }
    @media screen and (max-width: 970px) {
      .block_japan-map .map_bunjyo {
        margin-bottom: 5rem; } }
    @media screen and (max-width: 600px) {
      .block_japan-map .map_bunjyo {
        margin-bottom: 3rem; } }
  .block_japan-map .ex_bunjyo .list_bunjyo {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    flex-wrap: -webkit-wrap; }
    .block_japan-map .ex_bunjyo .list_bunjyo .img_ex_bunjyo {
      width: 31%;
      max-width: 370px; }
      @media screen and (max-width: 600px) {
        .block_japan-map .ex_bunjyo .list_bunjyo .img_ex_bunjyo {
          width: 100%;
          max-width: 100%;
          margin-bottom: 3rem; } }
      .block_japan-map .ex_bunjyo .list_bunjyo .img_ex_bunjyo figcaption {
        font-size: 10px;
        margin-top: 1.5rem;
        line-height: 1.4; }
        @media screen and (min-width: 1100px) {
          .block_japan-map .ex_bunjyo .list_bunjyo .img_ex_bunjyo figcaption {
            font-size: calc(10px + 0.006097561 * (100vw - 1100px)); } }
        @media screen and (min-width: 1920px) {
          .block_japan-map .ex_bunjyo .list_bunjyo .img_ex_bunjyo figcaption {
            font-size: 15px; } }