.brand_section {
  padding: 50px 0;
  z-index: 2; }
  @media only screen and (max-width: 1199px) {
    .brand_section {
      padding: 4.16vw 0; } }
  @media only screen and (max-width: 767px) {
    .brand_section {
      padding: 30px 0; } }
  .brand_section .section_head {
    position: relative;
    margin-bottom: 30px; }
    .brand_section .section_head h1 {
      color: #48433e;
      font-family: "Zen Old Mincho", serif;
      font-weight: 500;
      font-size: 250%;
      display: table;
      margin: auto;
      background: url(h1_bg.png) 50% 100%/contain no-repeat;
      padding: 0.8em 1em; }
      @media only screen and (max-width: 1199px) {
        .brand_section .section_head h1 {
          font-size: 220%; } }
      @media only screen and (max-width: 767px) {
        .brand_section .section_head h1 {
          font-size: 180%; } }
    .brand_section .section_head .link_more {
      position: absolute;
      right: 0;
      bottom: 0; }
      @media only screen and (max-width: 767px) {
        .brand_section .section_head .link_more {
          position: static;
          padding: 1ex 1em;
          text-align: right; } }
  .brand_section > div {
    max-width: 1200px;
    margin: auto; }

.brand_slide {
  padding: 60px;
  position: relative; }
  @media only screen and (max-width: 1199px) {
    .brand_slide {
      padding: 5vw; } }
  .brand_slide .swiper-slide {
    width: 240px;
    transition: 0.3s all;
    padding: 0 20px;
    position: relative; }
    @media only screen and (max-width: 1199px) {
      .brand_slide .swiper-slide {
        width: 20vw;
        padding: 0 1.66vw; } }
    @media only screen and (max-width: 767px) {
      .brand_slide .swiper-slide {
        width: 40vw;
        padding: 0 3.33vw; } }
    .brand_slide .swiper-slide a {
      display: block;
      transition: 0.3s all; }
      .brand_slide .swiper-slide a:hover, .brand_slide .swiper-slide a:active {
        opacity: 0.8; }
      .brand_slide .swiper-slide a.disable {
        pointer-events: none; }
        .brand_slide .swiper-slide a.disable .active_title .active_title_main {
          background: none !important; }
    .brand_slide .swiper-slide > div {
      aspect-ratio: 1 / 1;
      position: relative; }
      .brand_slide .swiper-slide > div img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50% 50%; }
      .brand_slide .swiper-slide > div .normal_title {
        writing-mode: vertical-rl;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        position: absolute;
        width: 100%;
        height: 100%;
        letter-spacing: 0.2ex;
        background: #00000066;
        border-radius: 50% 50%;
        color: #ffffff;
        font-family: "Zen Old Mincho", serif;
        font-weight: 900;
        font-size: 140%;
        opacity: 1;
        transition: 0.3s all; }
        @media only screen and (max-width: 1199px) {
          .brand_slide .swiper-slide > div .normal_title {
            font-size: 1.86vw; } }
        @media only screen and (max-width: 767px) {
          .brand_slide .swiper-slide > div .normal_title {
            font-size: 3.72vw; } }
      .brand_slide .swiper-slide > div .active_title {
        writing-mode: vertical-rl;
        opacity: 0;
        transition: 0.5s all;
        position: absolute;
        bottom: 0;
        right: 0;
        background: #ffffff;
        padding: 10px 10px;
        line-height: 1.5;
        height: 70%;
        transform: translateY(20px);
        transition-delay: 0.2s;
        box-sizing: border-box; }
        .brand_slide .swiper-slide > div .active_title .active_title_main {
          color: #333333;
          font-family: "Zen Old Mincho", serif;
          font-weight: 900;
          font-size: 100%;
          padding-top: 10px;
          background: url(brand_slide_arrow.png) 50% 0/5px 5px no-repeat; }
          @media only screen and (max-width: 1199px) {
            .brand_slide .swiper-slide > div .active_title .active_title_main {
              font-size: 1.33vw; } }
          @media only screen and (max-width: 767px) {
            .brand_slide .swiper-slide > div .active_title .active_title_main {
              font-size: 2.66vw; } }
        .brand_slide .swiper-slide > div .active_title .active_title_desc {
          padding-top: 10px;
          font-size: 75%;
          line-height: 1.4;
          color: #888888; }
          @media only screen and (max-width: 1199px) {
            .brand_slide .swiper-slide > div .active_title .active_title_desc {
              padding-top: 0.833vw;
              font-size: 1vw; } }
          @media only screen and (max-width: 767px) {
            .brand_slide .swiper-slide > div .active_title .active_title_desc {
              padding-top: 0.833vw;
              font-size: 2vw; } }
    .brand_slide .swiper-slide.swiper-slide-active {
      z-index: 1;
      transform: scale(1.5); }
      .brand_slide .swiper-slide.swiper-slide-active > div .normal_title {
        opacity: 0; }
      .brand_slide .swiper-slide.swiper-slide-active > div .active_title {
        opacity: 1;
        transform: translateY(0); }
    .brand_slide .swiper-slide.slide-before {
      transform: translateX(-100px); }
      @media only screen and (max-width: 1199px) {
        .brand_slide .swiper-slide.slide-before {
          transform: translateX(-8.33vw); } }
    .brand_slide .swiper-slide.slide-after {
      transform: translateX(100px); }
      @media only screen and (max-width: 1199px) {
        .brand_slide .swiper-slide.slide-after {
          transform: translateX(8.33vw); } }
  .brand_slide .swiper_arrows {
    width: 100%;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 0;
    pointer-events: none;
    z-index: 10; }
    .brand_slide .swiper_arrows > div {
      max-width: 560px;
      margin: auto;
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 1199px) {
        .brand_slide .swiper_arrows > div {
          max-width: 46.66vw; } }
      @media only screen and (max-width: 767px) {
        .brand_slide .swiper_arrows > div {
          max-width: 78vw; } }
  .brand_slide .swiper_prev,
  .brand_slide .swiper_next {
    pointer-events: auto;
    cursor: pointer;
    transition: 0.3s all; }
    .brand_slide .swiper_prev img,
    .brand_slide .swiper_next img {
      transform: translateY(-50%);
      width: 40px;
      display: block; }
    .brand_slide .swiper_prev:hover, .brand_slide .swiper_prev:active,
    .brand_slide .swiper_next:hover,
    .brand_slide .swiper_next:active {
      opacity: 0.8; }

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