@charset "UTF-8";
/*! Writen  by SCSS */
body .wrap {
  padding-top: 0 !important;
  overflow: visible; }

.mainvisual {
  position: relative; }
  .mainvisual .main_image {
    position: relative; }
    .mainvisual .main_image:before {
      content: "";
      display: block;
      background: #600;
      padding-bottom: 40%;
      pointer-events: none; }

.text_group {
  flex-direction: column;
  color: #8e7146;
  row-gap: clamp(25px, 3.077vw, 40px); }
  .text_group .sec_ttl {
    font-size: clamp(30px, 3.077vw, 40px);
    line-height: 1.5; }
    @media screen and (max-width: 480px) {
      .text_group .sec_ttl {
        font-size: 7vw; } }
    .text_group .sec_ttl .sub {
      font-size: 50%; }
    .text_group .sec_ttl .block {
      display: block; }
  .text_group .sec_read_group {
    flex-direction: column;
    row-gap: 20px; }
  .text_group .sec_read {
    font-size: clamp(13px, 1.231vw, 16px);
    line-height: 2.5; }
    @media screen and (max-width: 480px) {
      .text_group .sec_read {
        font-size: 14px;
        line-height: 2; } }

.infor_area {
  position: relative;
  z-index: 2;
  padding: 30px 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/top/bg_merit.jpg"); }
  @media screen and (max-width: 480px) {
    .infor_area {
      padding: 20px 0 30px; } }
  .infor_area .infor_area_in {
    color: #FFF; }
    @media screen and (max-width: 480px) {
      .infor_area .infor_area_in {
        flex-direction: column; } }
    .infor_area .infor_area_in .merit_group {
      width: 47.5%;
      flex-wrap: wrap;
      gap: 40px 0;
      position: relative; }
      @media screen and (max-width: 820px) {
        .infor_area .infor_area_in .merit_group {
          gap: 30px 0; } }
      @media screen and (max-width: 480px) {
        .infor_area .infor_area_in .merit_group {
          width: 100%; } }
      .infor_area .infor_area_in .merit_group:after {
        content: "";
        position: absolute;
        inset: 0;
        bottom: auto;
        top: 50%;
        background: #FFF;
        height: 1px; }
      .infor_area .infor_area_in .merit_group .merit_txt {
        width: 46%;
        position: relative;
        text-align: center;
        line-height: 1.3;
        font-size: clamp(20px, 2.308vw, 30px); }
        @media screen and (max-width: 480px) {
          .infor_area .infor_area_in .merit_group .merit_txt {
            width: 48%;
            font-size: 4.6vw; } }
        .infor_area .infor_area_in .merit_group .merit_txt:nth-of-type(2n+1) {
          padding-right: 4%;
          margin-right: 4%; }
          @media screen and (max-width: 480px) {
            .infor_area .infor_area_in .merit_group .merit_txt:nth-of-type(2n+1) {
              padding-right: 2%;
              margin-right: 2%; } }
          .infor_area .infor_area_in .merit_group .merit_txt:nth-of-type(2n+1):after {
            content: "";
            position: absolute;
            inset: 0;
            left: auto;
            background: #FFF;
            width: 1px; }
        .infor_area .infor_area_in .merit_group .merit_txt:nth-of-type(2n) {
          width: 50%; }
        .infor_area .infor_area_in .merit_group .merit_txt .sub {
          font-size: 60%; }
    .infor_area .infor_area_in .infor_group {
      width: 50%;
      padding-left: 20px;
      flex-direction: column;
      row-gap: clamp(20px, 2.308vw, 30px);
      position: relative; }
      @media screen and (max-width: 480px) {
        .infor_area .infor_area_in .infor_group {
          width: 100%;
          padding-left: 0;
          padding-top: 25px;
          margin-top: 25px; } }
      .infor_area .infor_area_in .infor_group:before {
        content: "";
        position: absolute;
        inset: 0;
        right: auto;
        background: #FFF;
        width: 1px; }
        @media screen and (max-width: 480px) {
          .infor_area .infor_area_in .infor_group:before {
            right: auto;
            bottom: auto;
            width: 100%;
            height: 1px; } }
      .infor_area .infor_area_in .infor_group .raise_txt {
        font-size: clamp(36px, 3.847vw, 50px);
        text-align: center;
        line-height: 1.4;
        letter-spacing: 0.15em; }
        @media screen and (max-width: 480px) {
          .infor_area .infor_area_in .infor_group .raise_txt {
            font-size: 9vw; } }
        .infor_area .infor_area_in .infor_group .raise_txt .sub {
          display: block;
          font-size: 60%;
          letter-spacing: normal; }
      .infor_area .infor_area_in .infor_group .site_btn {
        max-width: 260px;
        margin: 0 auto;
        width: 100%;
        border-radius: 5px;
        padding: 10px 5px; }
        .infor_area .infor_area_in .infor_group .site_btn .link_txt {
          font-size: 18px; }
          @media screen and (max-width: 480px) {
            .infor_area .infor_area_in .infor_group .site_btn .link_txt {
              font-size: 15px; } }

.concept_area {
  padding: clamp(50px, 6.154vw, 80px) 0;
  position: relative;
  z-index: 2;
  overflow: hidden; }
  .concept_area .concept_deco {
    position: absolute;
    inset: 0;
    top: -20px;
    bottom: -20px;
    left: auto;
    width: 60%;
    transform: translateX(35%);
    max-width: 637px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 480px) {
      .concept_area .concept_deco {
        bottom: auto;
        width: 70%;
        top: -10%; } }
    .concept_area .concept_deco img {
      animation: 30s rotate infinite linear; }
@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.simple_rich_area .simple_rich_in {
  position: relative;
  z-index: 2;
  padding-bottom: clamp(40px, 5.385vw, 70px); }
  .simple_rich_area .simple_rich_in .view_img {
    margin-bottom: clamp(40px, 5.385vw, 70px);
    clip-path: inset(0 100% 0 0);
    transition: 1s clip-path cubic-bezier(0.75, 0, 0.25, 1) 0s; }
    .simple_rich_area .simple_rich_in .view_img.p-view {
      clip-path: inset(0 0 0 0); }
    .simple_rich_area .simple_rich_in .view_img img {
      width: 100%; }
  .simple_rich_area .simple_rich_in .text_group {
    margin-bottom: clamp(40px, 4.616vw, 60px);
    text-align: center; }
    .simple_rich_area .simple_rich_in .text_group .sec_ttl_group {
      justify-content: center;
      align-items: center;
      column-gap: clamp(10px, 1.667vw, 20px); }
      @media screen and (max-width: 480px) {
        .simple_rich_area .simple_rich_in .text_group .sec_ttl_group .cross {
          width: 20px; } }
    @media screen and (max-width: 480px) {
      .simple_rich_area .simple_rich_in .text_group .simple_rich {
        width: 65%;
        margin: 0 auto; } }
  .simple_rich_area .simple_rich_in .petal_group {
    justify-content: center;
    column-gap: 3.33%; }
    .simple_rich_area .simple_rich_in .petal_group.p-view .petal {
      opacity: 1;
      transform: translateY(0); }
    .simple_rich_area .simple_rich_in .petal_group .petal {
      position: relative;
      opacity: 0;
      transition: 0.6s opacity ease-in-out 0s,0.6s transform ease-in-out 0s;
      transform: translateY(10px); }
      .simple_rich_area .simple_rich_in .petal_group .petal:nth-of-type(2) {
        transition-delay: 0.1s; }
      .simple_rich_area .simple_rich_in .petal_group .petal:nth-of-type(3) {
        transition-delay: 0.2s; }
      .simple_rich_area .simple_rich_in .petal_group .petal:nth-of-type(4) {
        transition-delay: 0.3s; }
      .simple_rich_area .simple_rich_in .petal_group .petal:nth-of-type(5) {
        transition-delay: 0.4s; }
.simple_rich_area .concept5_group {
  position: relative;
  background: #000; }
  .simple_rich_area .concept5_group.item_in .concept_img_group {
    transform: translateX(-50%); }
    @media screen and (max-width: 820px) {
      .simple_rich_area .concept5_group.item_in .concept_img_group {
        transform: translateX(-65%); } }
    @media screen and (max-width: 480px) {
      .simple_rich_area .concept5_group.item_in .concept_img_group {
        transform: translateX(-75%); } }
  .simple_rich_area .concept5_group .concept_bg_group {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100dvh;
    clip-path: inset(0 0 0 0); }
    .simple_rich_area .concept5_group .concept_bg_group .bg {
      position: absolute;
      inset: 0;
      opacity: 0;
      transition: 1s opacity ease-in-out 0s; }
      .simple_rich_area .concept5_group .concept_bg_group .bg:before {
        content: "";
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100dvh;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover; }
        @media screen and (max-width: 820px) {
          .simple_rich_area .concept5_group .concept_bg_group .bg:before {
            background-position: bottom center; } }
      .simple_rich_area .concept5_group .concept_bg_group .bg.active {
        opacity: 1; }
      .simple_rich_area .concept5_group .concept_bg_group .bg.bg01 {
        opacity: 1; }
        .simple_rich_area .concept5_group .concept_bg_group .bg.bg01:before {
          background-image: url("../images/top/bg_fix01.jpg"); }
          @media screen and (max-width: 820px) {
            .simple_rich_area .concept5_group .concept_bg_group .bg.bg01:before {
              background-image: url("../images/top/bg_fix01_sp.jpg"); } }
      .simple_rich_area .concept5_group .concept_bg_group .bg.bg02:before {
        background-image: url("../images/top/bg_fix02.jpg"); }
        @media screen and (max-width: 820px) {
          .simple_rich_area .concept5_group .concept_bg_group .bg.bg02:before {
            background-image: url("../images/top/bg_fix02_sp.jpg"); } }
      .simple_rich_area .concept5_group .concept_bg_group .bg.bg03:before {
        background-image: url("../images/top/bg_fix03.jpg"); }
        @media screen and (max-width: 820px) {
          .simple_rich_area .concept5_group .concept_bg_group .bg.bg03:before {
            background-image: url("../images/top/bg_fix03_sp.jpg"); } }
      .simple_rich_area .concept5_group .concept_bg_group .bg.bg04:before {
        background-image: url("../images/top/bg_fix04.jpg"); }
        @media screen and (max-width: 820px) {
          .simple_rich_area .concept5_group .concept_bg_group .bg.bg04:before {
            background-image: url("../images/top/bg_fix04_sp.jpg"); } }
      .simple_rich_area .concept5_group .concept_bg_group .bg.bg05:before {
        background-image: url("../images/top/bg_fix05.jpg"); }
        @media screen and (max-width: 820px) {
          .simple_rich_area .concept5_group .concept_bg_group .bg.bg05:before {
            background-image: url("../images/top/bg_fix05_sp.jpg"); } }
  .simple_rich_area .concept5_group .concept_img_group {
    position: fixed;
    left: 0;
    top: 90px;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(-100%);
    transition: 1s transform ease-in-out 0s; }
    @media screen and (max-width: 820px) {
      .simple_rich_area .concept5_group .concept_img_group {
        top: 70px; } }
    .simple_rich_area .concept5_group .concept_img_group .concept_img_in {
      position: relative;
      transition: 1s transform cubic-bezier(0.75, 0, 0.25, 1) 0s;
      transform-origin: center; }
      @media screen and (max-width: 480px) {
        .simple_rich_area .concept5_group .concept_img_group .concept_img_in {
          max-width: 300px;
          max-width: 340px; } }
      .simple_rich_area .concept5_group .concept_img_group .concept_img_in.one {
        transform: rotate(0deg); }
      .simple_rich_area .concept5_group .concept_img_group .concept_img_in.second {
        transform: rotate(70deg); }
      .simple_rich_area .concept5_group .concept_img_group .concept_img_in.third {
        transform: rotate(140deg); }
      .simple_rich_area .concept5_group .concept_img_group .concept_img_in.fourth {
        transform: rotate(210deg); }
      .simple_rich_area .concept5_group .concept_img_group .concept_img_in.fifth {
        transform: rotate(290deg); }
      .simple_rich_area .concept5_group .concept_img_group .concept_img_in .concept_img {
        opacity: 0;
        position: absolute;
        inset: 0;
        transition: 1s opacity ease-in-out 0s; }
        .simple_rich_area .concept5_group .concept_img_group .concept_img_in .concept_img.img01 {
          position: relative;
          opacity: 1; }
        .simple_rich_area .concept5_group .concept_img_group .concept_img_in .concept_img.active {
          opacity: 1; }
  .simple_rich_area .concept5_group .concept_txt_group {
    position: relative;
    flex-direction: column; }
    .simple_rich_area .concept5_group .concept_txt_group .item {
      max-width: 100%;
      width: calc(100% - 300px);
      padding: 40vh 0;
      margin: 0;
      margin-left: auto;
      margin-right: 20px; }
      @media screen and (max-width: 820px) {
        .simple_rich_area .concept5_group .concept_txt_group .item {
          padding: 20vh 0;
          width: calc(100% - 290px); } }
      @media screen and (max-width: 480px) {
        .simple_rich_area .concept5_group .concept_txt_group .item {
          padding: 25vh 0 15vh;
          width: calc(100% - 140px); } }
      .simple_rich_area .concept5_group .concept_txt_group .item:nth-of-type(1) {
        padding-top: 80vh; }
        @media screen and (max-width: 480px) {
          .simple_rich_area .concept5_group .concept_txt_group .item:nth-of-type(1) {
            padding-top: 40vh; } }
      .simple_rich_area .concept5_group .concept_txt_group .item:last-of-type {
        padding-bottom: 60vh; }
        @media screen and (max-width: 480px) {
          .simple_rich_area .concept5_group .concept_txt_group .item:last-of-type {
            padding-bottom: 40vh; } }
      .simple_rich_area .concept5_group .concept_txt_group .item .concept_read {
        width: fit-content;
        margin: 0 auto;
        font-size: 21px;
        color: #FFF;
        line-height: 2.77; }
        @media screen and (max-width: 1200px) {
          .simple_rich_area .concept5_group .concept_txt_group .item .concept_read {
            font-size: 19px; } }
        @media screen and (max-width: 820px) {
          .simple_rich_area .concept5_group .concept_txt_group .item .concept_read {
            line-height: 3;
            font-size: 2.4vw; } }
        @media screen and (max-width: 480px) {
          .simple_rich_area .concept5_group .concept_txt_group .item .concept_read {
            font-size: 16px;
            line-height: 2.5; } }
      .simple_rich_area .concept5_group .concept_txt_group .item .concept_read2 {
        width: fit-content;
        padding-bottom: 40px;
        padding-right: 8%;
        border-bottom: 1px solid #cbab7b;
        margin: 0 auto 40px;
        font-size: 20px;
        color: #FFF;
        line-height: 2; }
        @media screen and (max-width: 1200px) {
          .simple_rich_area .concept5_group .concept_txt_group .item .concept_read2 {
            font-size: 16px; } }
        @media screen and (max-width: 820px) {
          .simple_rich_area .concept5_group .concept_txt_group .item .concept_read2 {
            line-height: 3;
            font-size: 2.4vw; } }
        @media screen and (max-width: 480px) {
          .simple_rich_area .concept5_group .concept_txt_group .item .concept_read2 {
            font-size: 15px;
            line-height: 2;
            padding-bottom: 20px;
            padding-right: 0;
            letter-spacing: -0.05em;
            margin: 0 auto 20px; } }
        .simple_rich_area .concept5_group .concept_txt_group .item .concept_read2 span {
          font-size: 140%;
          color: #cbab7b;
          display: block;
          font-weight: 500;
          margin-bottom: 10px;
          line-height: 1.6; }
          @media screen and (max-width: 480px) {
            .simple_rich_area .concept5_group .concept_txt_group .item .concept_read2 span {
              font-size: 142%; } }

.underlayer_area {
  position: relative;
  z-index: 2;
  padding: clamp(50px, 5.385vw, 70px) 0 clamp(60px, 8.462vw, 110px); }
  .underlayer_area .underlayer_in .contents_ttl {
    font-size: clamp(26px, 2.5vw, 30px);
    color: #8e7146;
    justify-content: center;
    text-align: center;
    line-height: 1.6;
    margin-bottom: clamp(30px, 4.616vw, 60px); }
  .underlayer_area .underlayer_in .underlayer {
    flex-wrap: wrap;
    gap: 30px 2.495%; }
    @media screen and (max-width: 480px) {
      .underlayer_area .underlayer_in .underlayer {
        gap: 12px 4%; } }
    .underlayer_area .underlayer_in .underlayer .under_in {
      aspect-ratio: 38/30;
      width: 31.67%;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
      @media screen and (max-width: 480px) {
        .underlayer_area .underlayer_in .underlayer .under_in {
          width: 48%;
          aspect-ratio: 1; } }
      .underlayer_area .underlayer_in .underlayer .under_in.no_link a {
        pointer-events: none; }
        .underlayer_area .underlayer_in .underlayer .under_in.no_link a:before {
          background-image: url("../images/top/under_none.png"); }
        .underlayer_area .underlayer_in .underlayer .under_in.no_link a:after {
          content: none; }
        .underlayer_area .underlayer_in .underlayer .under_in.no_link a .page_name_group .page_name {
          opacity: 0.3; }
        .underlayer_area .underlayer_in .underlayer .under_in.no_link a .page_name_group .under_deco {
          display: none; }
      .underlayer_area .underlayer_in .underlayer .under_in.deco_img {
        box-shadow: none; }
        @media screen and (max-width: 480px) {
          .underlayer_area .underlayer_in .underlayer .under_in.deco_img {
            display: none;
            position: absolute;
            inset: 0;
            width: 100%;
            z-index: -1;
            display: flex;
            justify-content: center;
            align-items: center; } }
        .underlayer_area .underlayer_in .underlayer .under_in.deco_img a:before {
          background-image: none; }
      .underlayer_area .underlayer_in .underlayer .under_in a {
        display: block;
        height: 100%;
        overflow: hidden;
        position: relative; }
        .underlayer_area .underlayer_in .underlayer .under_in a .page_name_group {
          padding-top: clamp(40px, 6.154vw, 80px);
          position: relative;
          z-index: 1;
          flex-direction: column;
          align-items: center;
          row-gap: clamp(15px, 2.5vw, 30px); }
          @media screen and (max-width: 820px) {
            .underlayer_area .underlayer_in .underlayer .under_in a .page_name_group {
              padding-top: 30px;
              row-gap: 20px; } }
          @media screen and (max-width: 480px) {
            .underlayer_area .underlayer_in .underlayer .under_in a .page_name_group {
              padding-top: 25px;
              row-gap: 15px; } }
          .underlayer_area .underlayer_in .underlayer .under_in a .page_name_group .page_name {
            font-size: clamp(21px, 2.308vw, 30px);
            color: #FFF;
            letter-spacing: 0.1em;
            line-height: 1; }
            @media screen and (max-width: 480px) {
              .underlayer_area .underlayer_in .underlayer .under_in a .page_name_group .page_name {
                letter-spacing: normal;
                font-size: 6vw; } }
          @media screen and (max-width: 480px) {
            .underlayer_area .underlayer_in .underlayer .under_in a .page_name_group .under_deco {
              width: 25px; } }
        .underlayer_area .underlayer_in .underlayer .under_in a .under_txt {
          position: absolute;
          inset: 0;
          z-index: 1;
          top: auto;
          bottom: 0;
          padding-bottom: clamp(20px, 3.077vw, 40px);
          text-align: center;
          font-size: clamp(11px, 1.231vw, 16px);
          color: #FFF;
          letter-spacing: 0.1em; }
          @media screen and (max-width: 820px) {
            .underlayer_area .underlayer_in .underlayer .under_in a .under_txt {
              padding-bottom: 15px; } }
          @media screen and (max-width: 480px) {
            .underlayer_area .underlayer_in .underlayer .under_in a .under_txt {
              font-size: 12px;
              padding-bottom: 10px; } }
        body:not(.mobile) .underlayer_area .underlayer_in .underlayer .under_in a:hover:before {
          transform: scale(1.1); }
        body:not(.mobile) .underlayer_area .underlayer_in .underlayer .under_in a:hover:after {
          opacity: 0; }
        .underlayer_area .underlayer_in .underlayer .under_in a:before, .underlayer_area .underlayer_in .underlayer .under_in a:after {
          content: "";
          position: absolute;
          inset: 0; }
        .underlayer_area .underlayer_in .underlayer .under_in a:before {
          background-position: top center;
          background-repeat: no-repeat;
          background-size: cover;
          transition: 0.5s transform ease-in-out 0s;
          z-index: -1; }
        .underlayer_area .underlayer_in .underlayer .under_in a:after {
          background: rgba(0, 0, 0, 0.5);
          transition: 0.5s opacity ease-in-out 0s; }
        .underlayer_area .underlayer_in .underlayer .under_in a.under_petal {
          overflow: visible;
          pointer-events: none;
          position: relative; }
          .underlayer_area .underlayer_in .underlayer .under_in a.under_petal img {
            position: absolute;
            inset: -10%;
            width: 108%;
            margin: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: -1; }
          .underlayer_area .underlayer_in .underlayer .under_in a.under_petal:before, .underlayer_area .underlayer_in .underlayer .under_in a.under_petal:after {
            content: none; }
        .underlayer_area .underlayer_in .underlayer .under_in a.design:before {
          background-image: url("../images/top/under_design.png"); }
        .underlayer_area .underlayer_in .underlayer .under_in a.plan:before {
          background-image: url("../images/top/under_plan.png"); }
        .underlayer_area .underlayer_in .underlayer .under_in a.brand:before {
          background-image: url("../images/top/under_brand.png"); }

/*ブランド*/
.flex_rr {
  flex-direction: row-reverse; }

.brand_wrap {
  align-items: center; }
  @media screen and (max-width: 1200px) {
    .brand_wrap {
      align-items: flex-start; } }
  @media screen and (max-width: 960px) {
    .brand_wrap {
      display: block; } }
  .brand_wrap .text_box,
  .brand_wrap .image_list {
    width: 50%; }
    @media screen and (max-width: 960px) {
      .brand_wrap .text_box,
      .brand_wrap .image_list {
        width: 100%; } }
  .brand_wrap .text_box {
    padding: 0 20px;
    text-align: center; }
    @media screen and (max-width: 960px) {
      .brand_wrap .text_box {
        margin-bottom: 50px; } }
    @media screen and (max-width: 480px) {
      .brand_wrap .text_box {
        margin-bottom: 30px; } }
    .brand_wrap .text_box .lead {
      font-weight: 500;
      letter-spacing: 0.05em;
      color: #555958;
      line-height: 1.6666666667;
      font-weight: 700;
      font-size: 24px; }
      @media screen and (max-width: 960px) {
        .brand_wrap .text_box .lead {
          font-size: 20px; } }
      @media screen and (max-width: 480px) {
        .brand_wrap .text_box .lead {
          font-size: 16px; } }
    .brand_wrap .text_box .read {
      line-height: 2.5714285714;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 1400px) {
        .brand_wrap .text_box .read {
          line-height: 2;
          letter-spacing: 0; } }
      @media screen and (max-width: 768px) {
        .brand_wrap .text_box .read {
          line-height: 1.8; } }
      @media screen and (max-width: 375px) {
        .brand_wrap .text_box .read {
          font-size: 14px; } }
  .brand_wrap .image_list {
    display: grid;
    align-items: start;
    align-content: start;
    justify-content: space-between;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.35% 1.87%; }
    @media screen and (max-width: 960px) {
      .brand_wrap .image_list {
        gap: 10px; } }
    @media screen and (max-width: 480px) {
      .brand_wrap .image_list {
        grid-template-columns: repeat(2, 1fr);
        gap: 5px; } }
    .brand_wrap .image_list .item img {
      width: 100%; }
    @media screen and (max-width: 480px) {
      .brand_wrap .image_list .item .cap {
        position: static;
        color: #333;
        text-shadow: none; } }
    .brand_wrap .image_list .item_row {
      grid-row: span 2; }
      @media screen and (max-width: 480px) {
        .brand_wrap .image_list .item_row {
          grid-row: auto; } }
    .brand_wrap .image_list .item_col {
      grid-column: span 2; }
    @media screen and (max-width: 480px) {
      .brand_wrap .image_list .item_01 {
        grid-column: 1 / 2;
        grid-row: 3 / 5; } }
    .brand_wrap .image_list .item_08 {
      grid-column: 3 / 4;
      grid-row: 3 / 5; }
      @media screen and (max-width: 480px) {
        .brand_wrap .image_list .item_08 {
          grid-column: 2 / 3;
          grid-row: 3 / 5; } }

.brand_wrap_main {
  position: relative; }
  @media screen and (max-width: 480px) {
    .brand_wrap_main .image_list .item .cap {
      color: #000; } }
  .brand_wrap_main .text_box {
    row-gap: 20px;
    display: flex;
    flex-direction: column; }
    .brand_wrap_main .text_box .brand_wrap_main_logo {
      max-width: 150px;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 480px) {
        .brand_wrap_main .text_box .brand_wrap_main_logo {
          width: 34.1%; } }
    .brand_wrap_main .text_box .lead {
      color: #8e7146; }
    .brand_wrap_main .text_box .link_btn {
      max-width: 300px;
      margin: 0 auto; }
      .brand_wrap_main .text_box .link_btn a {
        display: block;
        width: 100%;
        font-size: 18px;
        background: #667792;
        color: #FFF;
        text-align: center;
        padding: 10px 20px; }
        @media screen and (max-width: 480px) {
          .brand_wrap_main .text_box .link_btn a {
            font-size: 12px; } }

/*# sourceMappingURL=top.css.map */