@charset "utf-8";

/* 基本ここから */


body {
}

a,
p,
h1,
h2,
h3,
h4,
h5,
li,
th,
td {
  /* color: #FFFFFF;
  text-decoration: none;
  list-style-type: none;
  font-family: "Noto Sans JP", sans-serif;
  margin: 0; */
}

.n-serif {
  font-family: "Noto Serif JP", serif;
}

.en {
  font-family: "Noto Serif JP", serif;
}

/* 下から上にフェードイン */
.fadeInUp.visible {
    animation: fadeInBottom 1s ease 0s 1 normal;
}

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
    }
}

.opa {
    transition: 0.3s;
}

.opa:hover {
    opacity: 0.7;
}

/* .tit {
    margin-bottom: 50px;
} */

/* .tit .en {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    font-family: "Noto Serif JP", serif;
    letter-spacing: 0.05em;
}

.tit .ja {
    font-size: 60px;
    text-align: center;
    font-weight: bold;
    font-family: "Noto Serif JP", serif;
    letter-spacing: 0.05em;
    line-height: 1.2;
} */

p {
    /* font-size: 18px; */
}

.sp {
    display: none !important;
}

/* section {
    max-width: 1200px;
    margin: auto;
    padding: 100px 0;
} */
 section.wrap {
  /* max-width: 1200px; */
  max-width: 1272px;
  margin: auto;
  padding: 100px 36px;
}

/* more-btn */
/* .more-btn {
    max-width: 159px;
    margin: 0 auto;
}

.more-btn p {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 !important;
    width: 100%;
    padding: 10px 0;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.05em;
    justify-content: space-between;
}

.more-btn p:before {
    position: absolute;
    bottom: 0px;
    left: 50%;
    content: '';
    width: 100%;
    height: 3px;
    background: #fff;
    transform: translateX(-50%);
}

.more-btn p:after {
    position: absolute;
    bottom: 0px;
    left: 0;
    content: '';
    width: 100%;
    height: 3px;
    background: #0059B2;
    transform: scaleX(0.3);
    transform-origin: left top;
    transition: transform .3s;
}

.more-btn p:hover {
    opacity: 0.7;
}

.more-btn p:hover:after {
    transform: scale(1, 1);
} */

/* 矢印 */
/* .dli-arrow-right {
    display: inline-block;
    vertical-align: middle;
    color: #0059B2;
    line-height: 1;
    position: relative;
    width: 15px;
    height: 2px;
    border-radius: 50px;
    background: currentColor;
}

.dli-arrow-right::before {
    content: '';
    width: 11px;
    height: 11px;
    border: 2px solid currentColor;
    border-radius: 1.5px;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    transform-origin: top right;
    position: absolute;
    top: 50%;
    right: -0.05em;
    box-sizing: border-box;
} */

/* more-btnここまで */

@media (max-width: 1079px) {
  .sp {
      display: block !important;
  }

  .pc {
      display: none !important;
  }

  /* section {
      width: 93.75%;
      max-width: 1200px;
      margin: auto;
      padding: 50px 0;
  } */
  section.wrap {
    /* width: 93.75%; */
    width: calc(670% / 7.50);
    max-width: 1422px;
    margin: auto;
    padding: 50px 0;
  }

  /* .tit {
    margin-bottom: 50px;
  }

  .tit .en {
    font-size: 10px;
    text-align: center;
    font-weight: 500;
  }

  .tit .ja {
    font-size: 30px;
    text-align: center;
    font-weight: normal;
  } */

  p {
    font-size: 15px;
  }
}

/* 基本ここまで*/


/* ヘッダーここから */

.header {
    display: flex;
    background-color: #000000;
    height: 100px;
    padding: 20px 10px;
    align-items: center;
    position: fixed;
    width: 100%;
    z-index: 11;
    top: 0;
}

.header .logo {
    width: 327px;
}

.header .logo img {
    width: 100%;
}

.header .right-header {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.header .right-header .nav-links {
    display: flex;
    padding: 0;
    margin: 0;
}

.header .right-header .nav-links li {
  /* font-size: 20px; */
  letter-spacing: 0.05em;
  text-align: center;
  margin-right: 10px;

  & .ls_4chr {
    width: 3.5em;
    display: inline-block;
    text-align-last: justify;
  }
}

.header .right-header .nav-links li .en {
    font-size: 12px;
    font-family: "Noto Serif JP", serif;
    color: #008cff;
    letter-spacing: 0.1em;
    padding-bottom: 10px;
}

@media (width > 1080px){

  .header .right-header .nav-links li en {
    font-size: clamp(10px, 0.67vw, 12px);
  }
  .header .right-header .nav-links li {
    font-size: clamp(12px, 1.2vw, 16px);
  }
}

@media (width > 1380px){
  .header {padding: 20px 40px;}
  .header .right-header .nav-links li {margin-right: 30px;}
}

.header .drawer_wrapper {display: none;}


@media (width < 1080px){
  .header {
    padding: 0;
    height: 50px;
    display: flex;
    align-items: center;

    position: fixed;
  }

  .header .logo {
    max-width: calc(163px + 15px);
    padding-left: 15px;
  }

  .header .right-header .nav-links,
  .header .right-header .izumi-official {
    display: none;
  }

  .header .drawer_wrapper {
    display: block;

    width: 50px;
    height: 50px;

    position: absolute;
    top: 0;
    right: 0;
    background-color: #0059B2;

    & .drawer_btn {
      width: 15px;
      height: 12px;

      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;


      & span {
        display: block;
        width: 100%;
        height: 2px;
        background-color: #fff;

        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;

        &:before,
        &:after {
          content: "";
          width: 100%;
          height: 2px;
          background-color: #fff;

          position: absolute;
          left: 0;
          margin: auto;
          bottom: 0;

          transform: rotate(0deg);

          transition: all .8s cubic-bezier(0.16, 1, 0.3, 1);
        }
        &:before {top: -9px;}
        &:after {bottom: -5px;}
      }
    }

    &.active .drawer_btn span {
      background-color: transparent;
      &:before,
      &:after {
        top: 0;
        bottom: 0;
        transform: rotate(45deg);
      }
      &:after {transform: rotate(135deg);}
    }
  }
}

@media (width > 1080px){
  .header .logo {
    min-width: 148px;
    max-width: calc(163px + 15px);
    padding-left: 15px;
  }
}

.header .izumi-official-wrap {
  border: 1px solid #fff;
  width: 108px;
  height: 60.5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .izumi-official p {
  text-align: center;
  line-height: 1.25;
  letter-spacing: 0.05em;
  color: #fff;
}
@media (width > 1380px){
  .izumi-official .izumi-official-wrap {width: 200px;}
}

/* ヘッダーここまで */



/* フッターここから */

footer {
  background-color: #000000;
}

footer section {
  padding: 50px 36px 20px;
  max-width: 972px;
  /* max-width: 1272px; */
  margin-left: auto;
  margin-right: auto;
}

footer .aniver40-bnr {
  width: 100%;
}

@media (min-width: 1080px) {
  footer .aniver40-bnr {
    /* max-width: 972px;
    padding: 0 36px; */
    margin-left: auto;
    margin-right: auto;
  }
}

footer .f-logo-line {
  display: flex;
  justify-content: space-between;
  padding: 50px 0;
  border-bottom: 3px solid #fff;
}
@media (min-width: 768px) {
  footer .f-logo-line {grid-column-gap: 3em;}
  footer .content-wrap .aniver40-bnr {
    &.hide-sp {display: block;}
    &.hide-pc {display: none;}
  }
}

footer .f-logo-line .logo {
  width: 292px;
}

footer .f-logo-line .f-logo-line-txt {
  width: 421px;
}

footer .f-logo-line .f-logo-line-txt p {
  font-size: 16px;
  letter-spacing: 0.05em;
  padding: 0;
}

footer .f-logo-line .f-logo-line-txt .insta-txt {
  margin-top: 10px;
}

footer .f-logo-line .f-logo-line-txt .insta-txt a {
  display: flex;
  align-items: center;
}

footer .f-logo-line .f-logo-line-txt .insta-txt a img {
  width: 30px;
  margin-right: 20px;
}

footer .f-logo-line .f-logo-line-txt .insta-txt a p {
  font-size: 14px;
  letter-spacing: 0.05em;
  color: #fff;
}

footer .bnr-wrap {
  display: flex;
  margin: 20px auto;
  justify-content: center;
}

footer .bnr-wrap a {
  width: 216px;
}

footer .bnr-wrap a:nth-child(2) {
  margin: 0 20px;
}

footer .bnr-wrap a img {
  width: 100%;
}

footer .copy {
  font-size: 14px;
  letter-spacing: 0.05em;
  text-align: center;
}

@media (width < 768px){
  footer section {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 70px;
    width: calc(670% / 7.50);
  }

  footer .f-logo-line {
    flex-direction: column;
    align-items: center;
    gap: 2em;

    padding-top: 50px;
    padding-bottom: 50px;

    & a {
      aspect-ratio: 423 / 139;
      max-width: 423px;
      width: calc(423% / 7.50);
    }

    & .f-logo-line-txt {
      width: 100%;
      margin-left: auto;
      margin-inline-end: auto;

      font-size: 15px;
      line-height: 1.5;

      margin-top: 20px;
    }

    & .insta-txt a {
      justify-content: center;
      margin-left: auto;
      margin-right: auto;
      height: 30px;
    }
  }
}

@media (width < 1080px){
  .smart_navigation {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 100vw;
    padding: 50px 0;

    background-color: #000;
    z-index: 10;
    transition: left .6s;
    &.active {left: 0;}

    & ul {
      width: calc(670% / 7.50);
      margin-top: 30px;
      margin-left: auto;
      margin-right: auto;

      & li {
        border-bottom: 1px solid #fff;

        & a {
          color: #fff;
          display: flex;
          align-items: center;
          grid-column-gap: 1em;
          height: 60px;

          & .link_jp {
            font-size: 20px;
            font-weight: bold;
          }

          & .link_en {
            font-size: 10px;
            font-weight: 100;
            color: #008cff;
            font-family: "Noto Serif JP", serif;
          }
        }
      }
    }

    & .goto_official  {
      margin-top: 45px;
      height: 50px;
      width: calc(670% / 7.50);
      margin-left: auto;
      margin-right: auto;
      text-align: center;

      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 20px;
      font-weight: bold;

      color: #fff;
      border: 1px solid #fff;

      &:after {
        content: "";
        display: block;
        width: 50px;
        min-width: 50px;
        height: 50px;

        aspect-ratio: 1 /1;
        width: 15px;
        height: 50px;
        background-image: url("../images/common/arrow_upper.svg");
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: center;
        transform: rotate(90deg);
      }

      & span {
        display: block;
        line-height: 50px;
        width: 100%;
        height: 100%;
      }
    }

    & .copy_right {
      margin-top: 45px;
      width: calc(670% / 7.50);
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      font-size: 10px;
      line-height: 1.75;
    }
  }
}
@media (width > 1080px){
  .smart_navigation {display: none;}
}
/* フッターここまで */

/* mvここから */

/* #mv_wrap {
    padding-top: 100px;
}

#mv_wrap {
    width: 100%;
    height: 100vh;
    overflow: hidden;
} */

/* #mv .swiper-container,
#mv .swiper-wrapper,
#mv .swiper-slide {
    height: 100%;
} */


/* #mv .main_visual {
    height: 100%;
} */

/* #mv {
    height: 100%;
    position: relative;
    padding: 0;
} */

/* #mv .mv_txt {
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

#mv .mv_txt h2 {
    font-size: 90.49px;
    font-family: "Noto Serif JP", serif;
} */

/* #mv .mv_txt h2 span {
    font-size: 72.39px;
} */

/* #mv .swiper01 {
    height: 100%;
}

#mv .swiper-slide .swiper-img {
    height: 100%;
    position: relative;
}

#mv .swiper-slide .swiper-img img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    object-fit: cover;
} */

/* @keyframes zoomUp {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.15);
  }
} */
/*
.swiper-slide-active .swiper-img img,
.swiper-slide-duplicate-active .swiper-img img,
.swiper-slide-prev .swiper-img img {
    animation: zoomUp 7s linear 0s normal both;
} */
/*
#mv .swiper-img .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/mv-filter.png");
    /* ← フィルター画像を指定 *//*
    background-size: cover;
    background-position: center;
    pointer-events: none;
    /* クリックやホバーを透過させる *//*
    z-index: 1;
}


#mv .swiper-pagination-bullet {
    width: 20px !important;
    height: 3px !important;
    background: #fff !important;
    opacity: 1;
    border-radius: 0;
}

#mv .swiper-pagination-bullet-active {
    width: 20px !important;
    height: 3px !important;
    background: #0059B2 !important;
    /* opacity: 1 !important; */ /*
    border-radius: 0;
}
*/

/*
#mv .swiper-horizontal>.swiper-pagination-bullets,
#mv .swiper-pagination-bullets.swiper-pagination-horizontal,
#mv .swiper-pagination-custom,
#mv .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 50px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

#mv .swiper_txt {
    position: absolute;
    bottom: 50px;
    left: 200px;
    z-index: 2;
}

#mv .swiper_txt h2 {
    font-size: 93px;
    font-family: "Noto Serif JP", serif;
    line-height: 1.2;
}

#mv .swiper_txt p {
    font-size: 30px;
    letter-spacing: 0.05em;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
} */

/* mvここまで */

/* side-btn */

#mv .side-btn {
    position: fixed;
    z-index: 999;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(0);
}

#mv .side-btn .ayumi-btn {
    background-color: #0059B2;
    border: 0.5px solid #fff;
    width: 54px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    border-right: none;
}

#mv .side-btn .ayumi-btn p {
    font-size: 18px;
    font-weight: bold;
    writing-mode: vertical-rl;
    letter-spacing: 0.1em;
}

#mv .side-btn .ayumi-btn p span {
    writing-mode: initial;
    /* text-combine-upright: all; */
    text-align: center;
}


#mv .side-btn .contact-btn {
    background-color: #000;
    border: 0.5px solid #fff;
    width: 54px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: none;
}

#mv .side-btn .contact-btn p {
    font-size: 18px;
    font-weight: bold;
    writing-mode: vertical-rl;
    letter-spacing: 0.1em;
}

/* side-btnここまで */


/* top-greeting */

/* .top-greeting-bg {
    background-color: #000;
}

#top-greeting .top-greeting-tit {
    text-align: center;
}

#top-greeting h2 {
    font-size: 40px;
    color: #fff;
    letter-spacing: 0.1em;
    line-height: 1.62;
}

#top-greeting h2 span {
    display: inline;
    background-color: #0059B2;
    padding: 0 20px;
}

#top-greeting .top-greeting-txt {
    margin: 50px 0;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 2.11;
} */

/* top-greetingここまで */

/* top-trajectory */

/* .top-trajectory-bg {
    background-image: linear-gradient(rgba(0, 70, 149, 0.85), rgba(0, 51, 102, 0.85)), url(../images/trajectory-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#top-trajectory .top-trajectory-txt {
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 1.55;
    text-align: center;
    margin-bottom: 50px;
}

#top-trajectory .dli-arrow-right {
    color: #fff;
} */

/* top-trajectoryここまで */

/* top-movie*/

/* .top-movie-bg {
    background-color: #000;
}

#top-movie .link-btn-wrap {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}

#top-movie .link-btn-wrap .link-btn {
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    position: relative;
}

#top-movie .link-btn-wrap .link-btn:last-child {
    margin-left: 0;
}

#top-movie .link-btn-wrap .link-btn img {
    width: 100%;
    height: 257px;
    object-fit: cover;
    object-position: center;
    display: block;
}

#top-movie .link-btn-wrap .link-btn .filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    z-index: 1;
    pointer-events: none;
}

#top-movie .link-btn-wrap .link-btn .tit-box {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    background-color: #0059B2;
    padding: 10px 20px;
}

#top-movie .link-btn-wrap .link-btn .tit-box .en {
    font-size: 16px;
    letter-spacing: 0.1em;
    margin-bottom: 0;
    font-family: "Noto Serif JP", serif;
}

#top-movie .link-btn-wrap .link-btn .tit-box .ja {
    font-size: 40px;
    letter-spacing: 0.05em;
    font-family: "Noto Serif JP", serif;
}


#top-movie .movie-wrap {
    background-color: #191919;
    padding: 50px;
}

#top-movie .movie-wrap .tit {
    margin-bottom: 50px;
}

#top-movie .movie-wrap .tit .en {
    color: #0059B2;
    margin-bottom: 10px;
}

#top-movie .movie-wrap .tit .ja {
    font-size: 50px;
}

#top-movie .movie-wrap iframe {
    width: 100%;
    height: 618px;
} */

/* top-movie */


/* top-article */

/* .top-article-bg {
    background-color: #fff;
    position: relative;
}

#top-article {
    padding-bottom: 140px;
}

#top-article .tit .en {
    color: #0059B2;
    text-align: left;
}

#top-article .tit .ja {
    color: #000;
    text-align: left;
}

#top-article .top-article-wrap {
    width: 100%;
    display: flex;
}

#top-article .top-article-txt {
    max-width: 595px;
}

#top-article .top-article-txt p {
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 1.55;
    color: #000;
    margin-bottom: 50px;
}

#top-article .more-btn p {
    color: #000;
}

#top-article .more-btn p:before {
    background-color: #999;
}

#top-article .more-btn {
    margin-right: auto;
    margin-left: 0;
}

#top-article .top-article-slide {
    width: 864px;
    position: absolute;
    right: 0;
    top: 150px;
}

#top-article .top-article-slide .splide__list .splide__slide {
    width: 400px !important;
    margin-right: 20px !important;
}

#top-article .top-article-slide .splide__list .splide__slide img {
    width: 100%;
    height: 266px !important;
}

#top-article .top-article-slide .splide__list .splide__slide .slide-text-box {
    background-color: #000;
    width: 100%;
    padding: 20px;
}

#top-article .top-article-slide .splide__list .splide__slide .slide-text-box .slide-dete {
    font-size: 14px;
    color: #999;
    letter-spacing: 0.05em;
}

#top-article .top-article-slide .splide__list .splide__slide .slide-text-box .slide-tit {
    font-size: 19.64px;
    color: #fff;
    letter-spacing: 0.1em;
    margin: 5px 0;
}

#top-article .top-article-slide .splide__list .splide__slide .slide-text-box .slide-txt {
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.05em;
}

#top-article .splide__arrows {
    display: flex !important;
}

#top-article .splide__arrow {
    position: static !important;
    background-color: transparent;
    width: 30px;
    height: 30px;
    transform: none;
    margin-bottom: 50px;
    opacity: 1 !important;
}

#top-article .splide__arrow--prev {
    background-image: url(../images/article-slide-left.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 40px;
    transition: 0.3s;
}

#top-article .splide__arrow--next {
    background-image: url(../images/article-slide-right.png);
    background-size: 100%;
    background-repeat: no-repeat;
    transition: 0.3s;
}

#top-article .splide__arrow--prev:hover,
#top-article .splide__arrow--next:hover {
    opacity: 0.7 !important;
}

#top-article .splide__arrow svg {
    display: none;
}

#top-article .splide__pagination {
    display: none !important;
} */

/* top-articleここまで */

/* ローディング画面 */

/* ローディング画面ここまで */

/* mv2 */

#mv2 {
    padding-top: 100px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

#mv2 #mv2_tit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    min-width: 280px;
    z-index: 10;
}

#mv2 #mv2_tit strong {
    width: 100%;
    font-size: 18px;
    margin-bottom: 5px;
    font-family: "Noto Serif JP", serif;
    letter-spacing: 0.1em;
    color: #0059B2;
}

#mv2 #mv2_tit span {
    width: 100%;
    font-size: 60px;
    font-family: "Noto Serif JP", serif;
    letter-spacing: 0.05em;
    line-height: 1;
    font-weight: bold;
}


/* side-btn */

.side-btn {
    position: fixed;
    z-index: 999;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(0);
}

.side-btn .ayumi-btn {
    background-color: #0059B2;
    border: 0.5px solid #fff;
    width: 54px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    border-right: none;
}

.side-btn .ayumi-btn p {
    font-size: 18px;
    font-weight: bold;
    writing-mode: vertical-rl;
    letter-spacing: 0.1em;
}

.side-btn .ayumi-btn p span {
    writing-mode: initial;
    /* text-combine-upright: all; */
    text-align: center;
}


.side-btn .contact-btn {
    background-color: #000;
    border: 0.5px solid #fff;
    width: 54px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: none;
}

.side-btn .contact-btn p {
    font-size: 18px;
    font-weight: bold;
    writing-mode: vertical-rl;
    letter-spacing: 0.1em;
}

/* side-btnここまで */

@media screen and (max-width:767px) {
    #mv2 {
        padding-top: 50px;
        height: 150px;
    }

    #mv2 #mv2_tit {
        min-width: 66.66%;
    }

    #mv2 #mv2_tit strong {
        font-size: 10px;
        border-width: 2px;
    }

    #mv2 #mv2_tit span {
        font-size: 30px;
    }
}


/* mv２ここまで */

/* パンくず */

/* #pankuzu {
    width: 93.75%;
    max-width: 1200px;
    margin: auto;
    padding: 0.25em 0;
    font-size: 14px;
}

#pankuzu ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

#pankuzu ul li:not(:last-child):after {
    content: ">";
    margin: 0.5em;
}

#pankuzu ul li {
    font-size: 14px;
}

#pankuzu ul li a {
    font-size: 14px;
}

#pankuzu ul li a:hover {
    text-decoration: underline;
}

@media screen and (max-width:768px) {
    #pankuzu {
        width: 90%;
        font-size: 10px;
    }

    #pankuzu ul {
        margin: 10px 0 0;
    }

    #pankuzu ul li {
        font-size: 10px;
    }

    #pankuzu ul li a {
        font-size: 10px;
    }
} */

/* パンくずここまで */

/* greeting */

/* .greeting .pankuzu-bg {
    background-color: #000;
} */

/* .greeting #mv2 {
    background: url(../images/greeting/mv.webp) center center no-repeat;
    background-size: cover;
    background-position: center;
    object-fit: cover;
    position: relative;
} */

/* .greeting #mv2::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.greeting .greeting-bg {
    background-color: #000;
} */

/* タブ */
/* .tab-wrap {
    display: flex;
}

.tab-list {
    width: 230px;
    margin-right: 50px;
}

.tab-item {
    width: 100%;
    height: 40px;
    color: #000;
    padding: 20px 0;
    cursor: pointer;
    transition: .4s ease-in-out;
    font-size: 18px;
    letter-spacing: 0.05em;
}

.tab-item:first-child {
    background-color: #fff;
}

.tab-item:nth-child(2) {
    background-color: #fff;
} */

/* タブをクリックした時 ホバーした時 */
/* .tab-item:hover,
.tab-item.is-active {
    color: #fff;
}

.tab-item:first-child:hover,
.tab-item:first-child.is-active {
    background-color: #0059B2;
}

.tab-item:nth-child(2):hover,
.tab-item:nth-child(2).is-active {
    background-color: #0059B2;
} */

/* パネル */
/* .panel-list {}

.panel-item {
    display: none;
    width: 920px;
}

.panel-item.is-active {
    display: block;
    animation: panel-show .9s ease-in-out forwards;
}

/* パネル切り替えのアニメーション
@keyframes panel-show {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
*/

/* greetingここまで */



/* neiver footer AMART ONLY */
@media (width > 1080px){
  .fixed_lowerMenu {
    position: fixed;
    width: 54px;
    height: 310px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 10;

    & .rtb_arrow {display: none;}

    & .href_blue,
    & .href_black {
      background-color: #0059B2;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      font-weight: bold;
      text-align: center;

      border: 1px solid #fff;

      width: 100%;
      height: 150px;

      -webkit-writing-mode: vertical-rl;
      -moz-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      -ms-writing-mode: vertical-rl;
      writing-mode: vertical-rl;
      column-count: 1;

      & span {
        -webkit-writing-mode: initial;
        -moz-writing-mode: initial;
        -ms-writing-mode: initial;
        -ms-writing-mode: initial;
        writing-mode: initial;
      }

    }
    & .href_black {background-color: #000;margin-top: 10px;}
  }

}
@media (width < 1079px){
  .fixed_lowerMenu {
    position: fixed;
    width: 100%;
    bottom: 0;
    color: #fff;
    background-color: #0059B2;
    z-index: 10;

    height: 50px;

    display: flex;
    align-items: stretch;
    justify-content: space-between;


    & .href_blue,
    & .href_black {
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      font-weight: bold;
      text-align: center;

      /* max-width: 325px; */
      max-width: 50%;
      width: 50%;
      /* width: calc(325% / 7.50); */
    }
    & .href_black {background-color: #000;}
    & .rtb_arrow {
      width: 50px;
      min-width: 50px;
      height: 50px;

      aspect-ratio: 1 /1;
      width: 15px;
      height: 50px;
      background-image: url("../images/common/arrow_upper.svg");
      background-repeat: no-repeat;
      background-size: 15px;
      background-position: center;
    }
  }
}



/* LOADING LOGO */
#loading {
  display: block;
  position: fixed;
  left: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #000;
  z-index: 100;
}

#loading_logo_image {
  aspect-ratio: 300 / 272;
  max-width: 150px;

  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;

  & img {width: 100%;}
}
@media (min-width: 768px) {
  #loading {
  }
  #loading_logo_image {
    max-width: 284px;
  }
}