/*! Writen  by SCSS */
div.wrap {
  padding-top: 0 !important; }

.inner_ent {
  display: none; }

.breadlist {
  display: none; }

.contents_wrap {
  background: url("../images/top/bg.jpg") top center/100% auto; }

.contents_wrap img {
  width: 100%; }

.main_wrap {
  position: relative; }
  .main_wrap .merit {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: calc(40% / 16); }
    @media screen and (max-width: 480px) {
      .main_wrap .merit {
        position: static;
        background: #363333;
        padding: 20px 0;
        margin-bottom: 0; } }
    .main_wrap .merit ul {
      display: flex;
      justify-content: space-between;
      max-width: 1520px;
      width: calc(100% - 40px);
      margin-inline: auto; }
      @media screen and (max-width: 768px) {
        .main_wrap .merit ul {
          flex-wrap: wrap;
          row-gap: 10px;
          width: calc(100% - 70px); } }
      .main_wrap .merit ul li {
        width: calc(370% / 15.2);
        background: rgba(255, 255, 255, 0.8);
        border-radius: 4px;
        font-size: clamp(12px, calc(20vw / 15.2), 20px);
        line-height: 1.6;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.5em 0;
        font-weight: 700; }
        @media screen and (max-width: 768px) {
          .main_wrap .merit ul li {
            width: 48%; } }
        @media screen and (max-width: 480px) {
          .main_wrap .merit ul li {
            width: 100%; } }
        .main_wrap .merit ul li .l {
          font-size: 135%;
          line-height: 0.5; }
        @media screen and (max-width: 480px) {
          .main_wrap .merit ul li {
            font-size: calc(14.5vw / 3.9); } }

.main {
  position: relative;
  overflow: hidden; }
  .main #video {
    transition: opacity 1.2s ease-in-out;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #333;
    display: block;
    line-height: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom; }
  .main.end2 #video {
    opacity: 0;
    pointer-events: none; }
  .main.end2 .bg .copy {
    opacity: 1; }
  .main .mv_skip,
  .main .mv_replay {
    text-align: center;
    position: absolute;
    z-index: 998;
    top: 80px;
    right: 20px;
    cursor: pointer;
    color: white;
    font-size: 14px;
    line-height: 1;
    background: rgba(0, 0, 0, 0.7);
    padding: 0.3em 0.7em;
    min-width: 5em;
    transition: opacity 0.4s ease-in-out 0s; }
    @media screen and (max-width: 768px) {
      .main .mv_skip,
      .main .mv_replay {
        top: 60px;
        right: 10px;
        font-size: 11px; } }
  .main .mv_skip {
    opacity: 1;
    pointer-events: all; }
  .main .mv_replay {
    opacity: 0;
    pointer-events: none; }
  .main.end2 .mv_skip {
    opacity: 0;
    pointer-events: none; }
  .main.end2 .mv_replay {
    opacity: 1;
    pointer-events: all; }
  .main .slide_main {
    position: relative; }
    .main .slide_main li {
      position: absolute;
      inset: 0;
      opacity: 0;
      transition: opacity 1s ease-in-out 0s; }
      .main .slide_main li:first-child {
        position: relative; }
      .main .slide_main li.active {
        opacity: 1; }
      .main .slide_main li .cap41 {
        bottom: auto;
        top: 80px; }
        @media screen and (max-width: 480px) {
          .main .slide_main li .cap41 {
            bottom: 0;
            top: auto; } }
  .main .slide_thum {
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 0.8em;
    font-size: clamp(8px, calc(12vw / 16), 12px);
    line-height: 1;
    text-align: center; }
    @media screen and (max-width: 480px) {
      .main .slide_thum {
        bottom: 18px;
        font-size: calc(10vw / 3.9); } }
    .main .slide_thum li {
      cursor: pointer;
      color: #fff;
      opacity: 0.7;
      transition: opacity 0.3s ease-in-out 0s; }
      .main .slide_thum li.active {
        opacity: 1; }

.sec .sec_ttl {
  font-size: clamp(12px, calc(18vw / 10), 18px);
  line-height: 1;
  text-align: center;
  margin-bottom: 2.4em;
  padding-top: 3em;
  position: relative; }
  @media screen and (max-width: 480px) {
    .sec .sec_ttl {
      font-size: calc(15vw / 3.9); } }
  .sec .sec_ttl::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 2.4em;
    background: #000; }
.sec .s_main {
  font-size: clamp(18px, calc(32vw / 10), 32px);
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-bottom: 2em;
  text-align: center;
  padding-left: 0.8em; }
  @media screen and (max-width: 480px) {
    .sec .s_main {
      font-size: calc(19vw / 3.9);
      padding-left: 0.4em; } }
  .sec .s_main .c {
    color: #c1272d; }
.sec .s_read {
  font-size: clamp(12px, calc(18vw / 10), 18px);
  line-height: 2.4;
  letter-spacing: 0.1em;
  margin-bottom: 3em;
  text-align: center; }
  @media screen and (max-width: 480px) {
    .sec .s_read {
      font-size: calc(12vw / 3.9); } }
.sec .s_btn {
  text-align: center; }
  .sec .s_btn a {
    width: 80%;
    display: inline-block;
    background: #c3b397;
    max-width: 16em;
    padding: 1em 10px;
    color: #fff;
    font-size: clamp(12px, calc(18vw / 10), 18px);
    letter-spacing: 0.1em;
    line-height: 1;
    text-align: center;
    transition: all 0.3s ease-in-out 0s; }
    @media screen and (max-width: 480px) {
      .sec .s_btn a {
        font-size: calc(15vw / 3.9); } }
    .sec .s_btn a:hover {
      opacity: 0.6; }

.info_wrap {
  padding: 60px 0; }
  @media screen and (max-width: 480px) {
    .info_wrap {
      padding: 40px 0; } }
  .info_wrap .info_ttl {
    font-size: clamp(13px, calc(45vw / 10.8), 24px);
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 1em; }
    @media screen and (max-width: 480px) {
      .info_wrap .info_ttl {
        font-size: calc(16vw / 3.9); } }
  .info_wrap .info01 {
    font-size: clamp(15px, calc(37vw / 10.8), 37px);
    line-height: 1.4;
    letter-spacing: 0.15em;
    text-align: center;
    margin-bottom: 0.7em; }
    @media screen and (max-width: 480px) {
      .info_wrap .info01 {
        font-size: calc(20vw / 3.9);
        margin-bottom: 1.2em; } }

.concept_wrap .inner {
  background: linear-gradient(0deg, rgba(63, 61, 61, 0), #3f3d3d);
  padding: 60px 0;
  color: #d4c234; }
  @media screen and (max-width: 480px) {
    .concept_wrap .inner {
      background: linear-gradient(0deg, rgba(63, 61, 61, 0), rgba(63, 61, 61, 0.8), #3f3d3d);
      padding: 35px 0;
      margin-bottom: 30px; } }
  .concept_wrap .inner .con00 {
    width: calc(484% / 10.8);
    max-width: 484px;
    margin-inline: auto; }
    @media screen and (max-width: 480px) {
      .concept_wrap .inner .con00 {
        width: 70%; } }
  .concept_wrap .inner .t1 {
    font-size: clamp(12px, calc(27vw / 10.8), 27px);
    line-height: 1.6;
    letter-spacing: 0.08em;
    margin-bottom: 1.2em;
    font-weight: 500; }
    @media screen and (max-width: 480px) {
      .concept_wrap .inner .t1 {
        font-size: calc(14vw / 3.9);
        width: 100%; } }
  .concept_wrap .inner .t2 {
    font-size: clamp(12px, calc(17vw / 10.8), 17px);
    line-height: 2.1;
    letter-spacing: 0.1em;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    margin-bottom: -2em; }
    @media screen and (max-width: 1400px) {
      .concept_wrap .inner .t2 {
        margin-bottom: -1em; } }
    @media screen and (max-width: 480px) {
      .concept_wrap .inner .t2 {
        margin-bottom: 0;
        font-size: calc(12vw / 3.9); } }
  .concept_wrap .inner .img {
    margin-inline: auto;
    max-width: 957px;
    max-width: 95%;
    aspect-ratio: 957 / 380;
    mask-image: url("../images/top/con01_m.svg");
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: 100% auto;
    background: url("../images/top/con01.png") top center/100% auto; }
    @media screen and (max-width: 480px) {
      .concept_wrap .inner .img {
        aspect-ratio: 957 / 500;
        background-size: auto 100%;
        mask-size: auto 100%; } }
    .concept_wrap .inner .img .cap {
      bottom: 5%;
      display: flex;
      justify-content: center;
      gap: 2em; }

.content_wrap .item {
  margin-bottom: 90px; }
  @media screen and (max-width: 480px) {
    .content_wrap .item {
      margin-bottom: 70px; } }
  .content_wrap .item .copy {
    position: absolute;
    inset: 0;
    padding: 40px; }
    @media screen and (max-width: 480px) {
      .content_wrap .item .copy {
        padding: 15px; } }
    .content_wrap .item .copy .t01 {
      color: #fff;
      font-size: clamp(18px, calc(44vw / 10.8), 44px);
      line-height: 1;
      letter-spacing: 0.04em;
      font-weight: 400;
      text-shadow: 0 0 8px rgba(0, 0, 0, 0.8); }
      @media screen and (max-width: 480px) {
        .content_wrap .item .copy .t01 {
          font-size: calc(23vw / 3.9); } }
    .content_wrap .item .copy .t02 {
      color: #fff;
      font-size: clamp(18px, calc(36vw / 10.8), 36px);
      line-height: 1;
      letter-spacing: 0.04em;
      font-weight: 400;
      text-shadow: 0 0 8px rgba(0, 0, 0, 0.8); }
      @media screen and (max-width: 480px) {
        .content_wrap .item .copy .t02 {
          font-size: calc(19vw / 3.9);
          text-shadow: 0px 0px 0px black, 0px 0px 1px black, 0px 0px 2px black, 0px 0px 3px black, 0px 0px 4px black, 0px 0px 5px black;
          line-height: 0.9; } }
      .content_wrap .item .copy .t02 .s {
        font-size: 90%; }
      .content_wrap .item .copy .t02 .l {
        font-size: 140%; }
  .content_wrap .item .item_head {
    background: linear-gradient(0deg, rgba(63, 61, 61, 0), #3f3d3d);
    padding: 60px 0;
    color: #d4c234;
    text-align: center; }
    @media screen and (max-width: 480px) {
      .content_wrap .item .item_head {
        padding: 20px 0; } }
    .content_wrap .item .item_head .inn {
      margin-inline: auto;
      width: calc(100% - 20vw); }
      @media screen and (max-width: 1500px) {
        .content_wrap .item .item_head .inn {
          width: calc(100% - 16vw); } }
      @media screen and (max-width: 480px) {
        .content_wrap .item .item_head .inn {
          width: calc(100% - 40px); } }
    .content_wrap .item .item_head .en {
      font-size: clamp(18px, calc(51vw / 10.8), 51px);
      line-height: 1;
      letter-spacing: 0.04em;
      margin-bottom: 0.3em;
      font-weight: 400;
      text-shadow: 0 0 8px rgba(0, 0, 0, 0.8); }
      @media screen and (max-width: 480px) {
        .content_wrap .item .item_head .en {
          font-size: calc(29vw / 3.9);
          margin-bottom: 0.5em; } }
    .content_wrap .item .item_head .ja {
      font-size: clamp(14px, calc(26vw / 10.8), 26px);
      line-height: 1.6;
      letter-spacing: 0.1em;
      margin-bottom: 1.2em;
      text-shadow: 0 0 8px rgba(0, 0, 0, 0.8); }
      @media screen and (max-width: 480px) {
        .content_wrap .item .item_head .ja {
          font-size: calc(16vw / 3.9); } }
  .content_wrap .item .img {
    position: relative;
    margin-bottom: 40px; }
    @media screen and (max-width: 480px) {
      .content_wrap .item .img {
        margin-bottom: 20px; } }
  .content_wrap .item .vm {
    text-align: center; }
    .content_wrap .item .vm a {
      display: inline-block;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      background: #3da395;
      font-size: clamp(15px, calc(28vw / 10.8), 28px);
      line-height: 1;
      letter-spacing: 0.05em;
      font-weight: 400;
      padding: 0.2em 0.8em;
      color: #fff;
      transition: 0.3s all ease-in-out 0s; }
      @media screen and (max-width: 480px) {
        .content_wrap .item .vm a {
          font-size: calc(19vw / 3.9);
          letter-spacing: 0.02em;
          padding: 0.3em 0.4em; } }
      body:not(.mobile) .content_wrap .item .vm a:hover {
        opacity: 0.6; }
  .content_wrap .item.loc .cap1 {
    bottom: 51.5%; }
  .content_wrap .item.acc .cap2 {
    bottom: 51.5%; }
  .content_wrap .item .des00 {
    aspect-ratio: 890 / 600;
    background: url("../images/top/con_des00.jpg") top center/100% auto; }
    @media screen and (max-width: 480px) {
      .content_wrap .item .des00 {
        aspect-ratio: 890 / 700;
        background-size: 115% auto;
        background: url("../images/top/con_des00_sp.jpg") top center/100% auto; } }
  .content_wrap .item .des01 {
    aspect-ratio: 1080 / 620;
    background: url("../images/top/con_des01.jpg") top center/100% auto; }
    @media screen and (max-width: 480px) {
      .content_wrap .item .des01 {
        aspect-ratio: 1080 / 780;
        background-size: 115% auto; } }
  .content_wrap .item .loc00 {
    aspect-ratio: 890 / 600;
    background: url("../images/top/con_loc00.jpg") top center/100% auto; }
    @media screen and (max-width: 480px) {
      .content_wrap .item .loc00 {
        aspect-ratio: 890 / 700;
        background-size: 115% auto; } }
  .content_wrap .item .loc01 {
    aspect-ratio: 1080 / 620;
    position: relative; }
    @media screen and (max-width: 480px) {
      .content_wrap .item .loc01 {
        aspect-ratio: 1080 / 780; } }
    .content_wrap .item .loc01 > div {
      position: absolute;
      inset: 0; }
    .content_wrap .item .loc01 .loc01_1 {
      position: absolute;
      inset: 0;
      background: url("../images/top/con_loc01_1.jpg") top left/100% auto;
      mask-image: url("../images/top/con_loc01_1.svg");
      mask-repeat: no-repeat;
      mask-position: center center;
      mask-size: auto 100%; }
      @media screen and (max-width: 480px) {
        .content_wrap .item .loc01 .loc01_1 {
          background-size: 115% auto; } }
    .content_wrap .item .loc01 .loc01_2 {
      position: absolute;
      inset: 0;
      background: url("../images/top/con_loc01_2.jpg") top right/100% auto;
      mask-image: url("../images/top/con_loc01_2.svg");
      mask-repeat: no-repeat;
      mask-position: center center;
      mask-size: auto 100%; }
      @media screen and (max-width: 480px) {
        .content_wrap .item .loc01 .loc01_2 {
          background-size: 115% auto; } }
    .content_wrap .item .loc01 .loc01_3 {
      position: absolute;
      inset: 0;
      background: url("../images/top/con_loc01_3.jpg") bottom left/100% auto;
      mask-image: url("../images/top/con_loc01_3.svg");
      mask-repeat: no-repeat;
      mask-position: center center;
      mask-size: auto 100%; }
      @media screen and (max-width: 480px) {
        .content_wrap .item .loc01 .loc01_3 {
          background-size: 115% auto; } }
  .content_wrap .item .acc00 {
    aspect-ratio: 890 / 600;
    background: url("../images/top/con_acc00.jpg") bottom right/100% auto; }
    @media screen and (max-width: 480px) {
      .content_wrap .item .acc00 {
        aspect-ratio: 890 / 700;
        background-size: 115% auto; } }
  .content_wrap .item .acc01 {
    aspect-ratio: 1080 / 620;
    position: relative; }
    @media screen and (max-width: 480px) {
      .content_wrap .item .acc01 {
        aspect-ratio: 1080 / 780; } }
    .content_wrap .item .acc01 .copy {
      padding: 20px; }
      @media screen and (max-width: 480px) {
        .content_wrap .item .acc01 .copy {
          padding: 10px; } }
    .content_wrap .item .acc01 > div {
      position: absolute;
      inset: 0; }
    .content_wrap .item .acc01 .acc01_1 {
      position: absolute;
      inset: 0;
      background: url("../images/top/con_acc01_1.jpg") top left/100% auto;
      mask-image: url("../images/top/con_acc01_1.svg");
      mask-repeat: no-repeat;
      mask-position: center center;
      mask-size: auto 100%; }
      @media screen and (max-width: 480px) {
        .content_wrap .item .acc01 .acc01_1 {
          background-size: 115% auto; } }
    .content_wrap .item .acc01 .acc01_2 {
      position: absolute;
      inset: 0;
      background: url("../images/top/con_acc01_2.jpg") top right/100% auto;
      mask-image: url("../images/top/con_acc01_2.svg");
      mask-repeat: no-repeat;
      mask-position: center center;
      mask-size: auto 100%; }
      @media screen and (max-width: 480px) {
        .content_wrap .item .acc01 .acc01_2 {
          background-size: 115% auto; } }
      .content_wrap .item .acc01 .acc01_2 .copy {
        text-align: right; }
    .content_wrap .item .acc01 .acc01_3 {
      position: absolute;
      inset: 0;
      background: url("../images/top/con_acc01_3.jpg") bottom left/100% auto;
      mask-image: url("../images/top/con_acc01_3.svg");
      mask-repeat: no-repeat;
      mask-position: center center;
      mask-size: auto 100%; }
      @media screen and (max-width: 480px) {
        .content_wrap .item .acc01 .acc01_3 {
          background-size: 115% auto; } }
      .content_wrap .item .acc01 .acc01_3 .copy {
        top: 52%; }
    .content_wrap .item .acc01 .acc01_4 {
      position: absolute;
      inset: 0;
      background: url("../images/top/con_acc01_4.jpg") bottom right/100% auto;
      mask-image: url("../images/top/con_acc01_4.svg");
      mask-repeat: no-repeat;
      mask-position: center center;
      mask-size: auto 100%; }
      @media screen and (max-width: 480px) {
        .content_wrap .item .acc01 .acc01_4 {
          background-size: 115% auto; } }
      .content_wrap .item .acc01 .acc01_4 .copy {
        text-align: right;
        top: 52%; }
  .content_wrap .item .pla00 {
    aspect-ratio: 890 / 600;
    background: url("../images/top/con_pla00.jpg") top center/100% auto; }
    @media screen and (max-width: 480px) {
      .content_wrap .item .pla00 {
        aspect-ratio: 890 / 700;
        background-size: 110% auto; } }
  .content_wrap .item .pla01 {
    aspect-ratio: 1080 / 620;
    background: url("../images/top/con_pla01.jpg") top center/100% auto; }
    @media screen and (max-width: 480px) {
      .content_wrap .item .pla01 {
        aspect-ratio: 1080 / 780;
        background-size: 110% auto; } }

.brand_wrap {
  margin-bottom: 80px; }
  @media screen and (max-width: 480px) {
    .brand_wrap {
      margin-bottom: 50px; } }
  .brand_wrap .brand_head {
    position: relative;
    aspect-ratio: 1600 / 365; }
    @media screen and (max-width: 480px) {
      .brand_wrap .brand_head {
        aspect-ratio: 754 / 258;
        aspect-ratio: 757 / 333; } }
    .brand_wrap .brand_head .img {
      position: absolute;
      inset: 0;
      background: url("../images/top/bra00.jpg") top center/100% auto;
      mask-image: url("../images/top/bra00.svg");
      mask-repeat: no-repeat;
      mask-position: center center;
      mask-size: 100% auto; }
      @media screen and (max-width: 480px) {
        .brand_wrap .brand_head .img {
          mask-image: url("../images/top/bra00_sp.svg");
          background-size: 120% auto; } }
    .brand_wrap .brand_head .txt {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: calc(100% - 40px);
      max-width: 1080px;
      margin-inline: auto;
      height: 85%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: #fff; }
      .brand_wrap .brand_head .txt .en {
        font-size: clamp(18px, calc(51vw / 10.8), 51px);
        line-height: 1;
        letter-spacing: 0.04em;
        margin-bottom: 0.3em;
        font-weight: 400;
        text-shadow: 0 0 8px rgba(0, 0, 0, 0.8); }
        @media screen and (max-width: 480px) {
          .brand_wrap .brand_head .txt .en {
            font-size: calc(29vw / 3.9); } }
      .brand_wrap .brand_head .txt .ja {
        font-size: clamp(14px, calc(26vw / 10.8), 26px);
        line-height: 1.6;
        letter-spacing: 0.1em;
        margin-bottom: 1.2em;
        text-shadow: 0 0 8px rgba(0, 0, 0, 0.8); }
        @media screen and (max-width: 480px) {
          .brand_wrap .brand_head .txt .ja {
            font-size: calc(14vw / 3.9); } }
  .brand_wrap .t1 {
    font-size: clamp(14px, calc(26vw / 10.8), 26px);
    line-height: 1.6;
    letter-spacing: 0.1em;
    margin-bottom: 1.2em; }
    @media screen and (max-width: 480px) {
      .brand_wrap .t1 {
        font-size: calc(16vw / 3.9); } }
  .brand_wrap .t2 {
    font-size: clamp(12px, calc(16vw / 10.8), 16px);
    line-height: 1.8;
    letter-spacing: 0.1em;
    margin-bottom: 1.8em; }
    @media screen and (max-width: 480px) {
      .brand_wrap .t2 {
        font-size: calc(10vw / 3.9); } }
  .brand_wrap .bra01 {
    margin-bottom: calc(-120% / 10.8); }
    @media screen and (max-width: 480px) {
      .brand_wrap .bra01 {
        width: calc(100% + 40px);
        margin-inline: -20px;
        margin-bottom: calc(-300% / 7.5); } }
    .brand_wrap .bra01 .cap {
      bottom: calc(160% / 7);
      left: calc(80% / 10.8); }
      @media screen and (max-width: 480px) {
        .brand_wrap .bra01 .cap {
          bottom: calc(328% / 5.88);
          left: calc(110% / 7.5); } }
  .brand_wrap .img3 {
    display: flex;
    gap: calc(30% / 10.8); }
    @media screen and (max-width: 480px) {
      .brand_wrap .img3 {
        width: 70%;
        margin-inline: auto;
        flex-direction: column;
        gap: 30px; } }
    .brand_wrap .img3 li {
      width: calc(340% / 10.8); }
      @media screen and (max-width: 480px) {
        .brand_wrap .img3 li {
          width: 100%; } }
      .brand_wrap .img3 li p {
        font-size: clamp(10px, calc(12vw / 10.8), 12px);
        line-height: 1.5;
        margin-top: 0.8em;
        display: flex;
        align-items: baseline; }
        .brand_wrap .img3 li p .no {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 90%;
          width: 1.2em;
          height: 1.2em;
          border-radius: 50%;
          background: #e6b111;
          color: #fff;
          margin-right: 0.3em; }
        @media screen and (max-width: 480px) {
          .brand_wrap .img3 li p {
            font-size: calc(10vw / 3.9); } }
  .brand_wrap .list {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 0;
    border-bottom: solid 1px #333;
    border-top: solid 1px #333;
    display: flex;
    gap: 30px; }
    @media screen and (max-width: 480px) {
      .brand_wrap .list {
        display: block;
        width: fit-content;
        margin-inline: auto;
        padding: 0;
        border-bottom: none;
        border-top: none; } }
    @media screen and (max-width: 480px) {
      .brand_wrap .list ul {
        width: fit-content; } }
    @media screen and (max-width: 480px) {
      .brand_wrap .list ul li {
        width: fit-content; } }
    .brand_wrap .list ul li p {
      font-size: clamp(10px, calc(17vw / 10.8), 17px);
      line-height: 1.8;
      display: flex;
      align-items: baseline; }
      .brand_wrap .list ul li p .no {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 75%;
        width: 1.5em;
        height: 1.5em;
        border-radius: 50%;
        background: #e6b111;
        color: #fff;
        margin-right: 0.3em; }
      @media screen and (max-width: 480px) {
        .brand_wrap .list ul li p {
          font-size: calc(9vw / 3.9); } }

/* .f_share */
.f_share {
  margin: 80px 0 40px; }

@media screen and (max-width: 750px) {
  .f_share {
    margin: 60px 0 20px; } }
.f_share .com-content {
  border-top: 1px solid #9B9B9B;
  border-bottom: 1px solid #9B9B9B;
  padding-block: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 75px; }

@media screen and (max-width: 750px) {
  .f_share .com-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px; } }
.f_share .com-content .p1 {
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0;
  color: #000;
  margin-bottom: 0; }

.f_share .com-content .f_share-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px; }

.f_share .com-content .f-share-item {
  width: 40px;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s; }

@media (hover: hover) and (pointer: fine) {
  .f_share .com-content .f-share-item:hover {
    opacity: 0.7; } }
.mov_bnr_wrap {
  padding-top: 40px; }
  @media screen and (max-width: 480px) {
    .mov_bnr_wrap {
      padding-top: 20px;
      width: calc(100% - 80px); } }
  @media screen and (max-width: 480px) {
    .mov_bnr_wrap .mov_req {
      width: 80%;
      margin-inline: auto; } }
  .mov_bnr_wrap .bnrs {
    max-width: 913px;
    margin: 0 auto;
    background: #673142;
    display: flex;
    justify-content: space-between;
    padding: calc(13%/9.13);
    align-items: stretch; }
    @media screen and (max-width: 480px) {
      .mov_bnr_wrap .bnrs {
        flex-direction: column;
        gap: 10px 0;
        padding: 7px;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px; } }
    .mov_bnr_wrap .bnrs .bnr_line {
      display: block;
      width: calc(4%/8.84);
      background-image: url("../images/top/bnr_line.png");
      background-repeat: repeat-y;
      background-size: 100% auto; }
      @media screen and (max-width: 480px) {
        .mov_bnr_wrap .bnrs .bnr_line {
          width: 100%;
          height: 2px;
          background-image: url("../images/top/bnr_line_sp.png");
          background-repeat: repeat-x;
          background-size: auto 100%; } }
    .mov_bnr_wrap .bnrs .bnr_mov {
      width: calc(425%/8.84);
      transition: all 0.2s ease-in-out 0s;
      will-change: opacity; }
      @media screen and (max-width: 480px) {
        .mov_bnr_wrap .bnrs .bnr_mov {
          width: 100%; } }
      .mov_bnr_wrap .bnrs .bnr_mov:hover {
        opacity: 0.7; }
    .mov_bnr_wrap .bnrs .bnr_limited {
      width: calc(425%/8.84);
      transition: all 0.2s ease-in-out 0s;
      will-change: opacity; }
      @media screen and (max-width: 480px) {
        .mov_bnr_wrap .bnrs .bnr_limited {
          width: 100%; } }
      .mov_bnr_wrap .bnrs .bnr_limited:hover {
        opacity: 0.7; }
    .mov_bnr_wrap .bnrs img {
      width: 100%; }

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