@charset "UTF-8";
/*===================================
共通
===================================*/
.en_ft {
  font-family: 'Hind', sans-serif;
  width: 100%; }

.txt_trans {
  text-transform: uppercase; }

._tx1 {
  font-size: 120px; }
  @media (min-width: 768px) and (max-width: 1081px) {
    ._tx1 {
      font-size: 110px; } }
  @media (max-width: 767px) {
    ._tx1 {
      font-size: 65px; } }

._tx2 {
  font-size: calc(24px + (32 - 24)*(100vw - 1080px)/(1940 - 1080)); }
  @media (min-width: 768px) and (max-width: 1081px) {
    ._tx2 {
      font-size: 28px; } }
  @media (max-width: 767px) {
    ._tx2 {
      font-size: 22px; } }

._tx3 {
  font-size: 156px; }
  @media (min-width: 768px) and (max-width: 1081px) {
    ._tx3 {
      font-size: 136px; } }
  @media (max-width: 767px) {
    ._tx3 {
      font-size: 80px; } }

._tx4 {
  font-size: calc(70px + (128 - 70)*(100vw - 1080px)/(1940 - 1080)); }
  @media (min-width: 768px) and (max-width: 1081px) {
    ._tx4 {
      font-size: 90px; } }
  @media (max-width: 767px) {
    ._tx4 {
      font-size: 78px; } }

._tx5 {
  font-size: 13px; }

._tx6 {
  font-size: 18px; }
  @media (max-width: 767px) {
    ._tx6 {
      font-size: 16px; } }

._tx7 {
  font-size: 24px; }
  @media (max-width: 767px) {
    ._tx7 {
      font-size: 22px; } }

._tx8 {
  font-size: 72px; }
  @media (min-width: 768px) and (max-width: 1081px) {
    ._tx8 {
      font-size: 52px; } }
  @media (max-width: 767px) {
    ._tx8 {
      font-size: 35px; } }

._tx9 {
  font-size: 14px; }

._tx10 {
  font-size: 10px; }

._tx11 {
  font-size: 96px; }
  @media (max-width: 767px) {
    ._tx11 {
      font-size: 48px; } }

._tx12 {
  font-size: 80px; }
  @media (min-width: 768px) and (max-width: 1081px) {
    ._tx12 {
      font-size: 60px; } }
  @media (max-width: 767px) {
    ._tx12 {
      font-size: calc(28px + (40 - 28)*(100vw - 375px)/(768 - 375)); } }

._tx13 {
  font-size: 50px; }
  @media (max-width: 767px) {
    ._tx13 {
      font-size: 26px; } }

._tx14 {
  font-size: calc(55px + (60 - 55)*(100vw - 1080px)/(1940 - 1080)); }
  @media (min-width: 768px) and (max-width: 1081px) {
    ._tx14 {
      font-size: 38px; } }
  @media (max-width: 767px) {
    ._tx14 {
      font-size: 20px; } }

._tx15 {
  font-size: 18px; }
  @media (max-width: 767px) {
    ._tx15 {
      font-size: 14px; } }

._fw01 {
  font-weight: 700; }

._fw02 {
  font-weight: 600; }

._fw03 {
  font-weight: 500; }

._fw04 {
  font-weight: 300; }

._pd01 {
  padding: 30px 0; }
  @media (max-width: 767px) {
    ._pd01 {
      padding: 30px 0 10px; } }

._pd03 {
  padding: 20px 0; }

._pdt01 {
  padding-top: 265px; }
  @media (min-width: 768px) and (max-width: 1081px) {
    ._pdt01 {
      padding-top: 200px; } }
  @media (max-width: 767px) {
    ._pdt01 {
      padding-top: 115px; } }

._pdt02 {
  padding-top: 165px; }
  @media (max-width: 767px) {
    ._pdt02 {
      padding-top: 100px; } }

._pdt03 {
  padding-top: 200px; }
  @media (min-width: 768px) and (max-width: 1081px) {
    ._pdt03 {
      padding-top: 150px; } }
  @media (max-width: 767px) {
    ._pdt03 {
      padding-top: 60px; } }

._pdt04 {
  padding-top: 50px; }
  @media (max-width: 767px) {
    ._pdt04 {
      padding-top: 20px; } }

._pdt05 {
  padding-top: 8px; }

._pdb01 {
  padding-bottom: 20px; }

._pdl01 {
  padding-left: 6%; }

._mga {
  margin: 0 auto; }

._mgt01 {
  margin-top: 30px; }

._mgt02 {
  margin-top: 20px; }

._mgt03 {
  margin-top: 10px; }

._mgt04 {
  margin-top: 55px; }
  @media (min-width: 768px) and (max-width: 1081px) {
    ._mgt04 {
      margin-top: 40px; } }
  @media (max-width: 767px) {
    ._mgt04 {
      margin-top: 25px; } }

._mgt05 {
  margin-top: 340px; }
  @media (min-width: 768px) and (max-width: 1081px) {
    ._mgt05 {
      margin-top: 300px; } }
  @media (max-width: 767px) {
    ._mgt05 {
      margin-top: 160px; } }

@media (min-width: 1081px) {
  ._mgt07 {
    margin-top: 100px; } }
@media (min-width: 768px) and (max-width: 1081px) {
  ._mgt07 {
    margin-top: 60px; } }
@media (max-width: 767px) {
  ._mgt07 {
    margin-top: 50px; } }

._mgb02 {
  margin-bottom: 15px; }
  @media (min-width: 1081px) {
    ._mgb02 {
      margin-bottom: 24px; } }

._mgb03 {
  margin-bottom: 52px; }

._mgb04 {
  margin-bottom: 260px; }
  @media (max-width: 767px) {
    ._mgb04 {
      margin-bottom: 100px; } }

._mgr01 {
  margin-right: 32px; }
  @media (max-width: 767px) {
    ._mgr01 {
      margin-right: 10px; } }

._mgr02 {
  margin-right: 20px; }
  @media (max-width: 767px) {
    ._mgr02 {
      margin-right: 0; } }

._mgl01 {
  margin-left: 6%; }

._clblue {
  color: #0448AE; }

._clwhite {
  color: #fff; }

._clgray {
  color: #666; }

._clred {
  color: #cb0808; }

._touka {
  opacity: 0.1; }

._bkgwhite {
  background-color: #fff; }

._bkgblue {
  background-color: #002B6D; }

._txtc {
  text-align: center; }

._lh01 {
  line-height: 2; }

._dblock {
  display: block; }

._brpc {
  display: block; }
  @media (max-width: 767px) {
    ._brpc {
      display: none; } }

._brmd {
  display: none; }
  @media (min-width: 1081px) {
    ._brmd {
      display: block; } }

._brsp {
  display: block; }
  @media (max-width: 767px) {
    ._brsp {
      display: none; } }

.head {
  display: none; }

h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-align: center; }
  h2 ._hdspan {
    display: inline-block; }
    h2 ._hdspan::before, h2 ._hdspan::after {
      content: "";
      display: block;
      width: 0;
      height: 0; }
    h2 ._hdspan::before {
      margin-top: calc((1 - 2) * 0.5em); }
    h2 ._hdspan::after {
      margin-bottom: calc((1 - 2) * 0.5em); }
    @media (min-width: 1081px) {
      h2 ._hdspan {
        border-bottom: solid 1px #fff; } }

/*===================================
ヘッダー
===================================*/
#block_navi {
  position: fixed;
  top: 0;
  padding: 30px 65px;
  width: 100%;
  z-index: 999;
  transition: 0.4s ease-out; }
  @media (min-width: 768px) and (max-width: 1081px) {
    #block_navi {
      padding: 30px 40px; } }
  @media (max-width: 767px) {
    #block_navi {
      padding: 20px 10px; } }

.haeder {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .haeder .menu {
    display: flex;
    align-items: center; }
    .haeder .menu li {
      display: none;
      font-size: 14px;
      font-weight: 700;
      color: #fff;
      margin-right: 48px; }
      @media (min-width: 1081px) {
        .haeder .menu li {
          display: block; } }
      @media (max-width: 767px) {
        .haeder .menu li {
          font-size: 12px; } }
    .haeder .menu li:last-child {
      width: 135px;
      background-color: #0448AE;
      border-radius: 24px;
      padding: 8px 0;
      text-align: center;
      display: block; }
      @media (max-width: 767px) {
        .haeder .menu li:last-child {
          width: 120px; } }
      .haeder .menu li:last-child a {
        margin-left: -10%; }
      .haeder .menu li:last-child::after {
        content: '';
        /*何も入れない*/
        display: inline-block;
        width: 18px;
        /*画像の幅*/
        height: 18px;
        /*画像の高さ*/
        background-image: url("../img/material-symbols_lock.svg");
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        margin-left: 4px;
        top: 50%;
        transform: translateY(-50%); }

.change-color {
  background-color: rgba(34, 34, 34, 0.3);
  transition: 0.4s ease-out; }

@media (max-width: 767px) {
  #logo {
    width: 80%; } }

.contact, .single header, .contact-confirm, .contact-thanks, .privacy {
  background-color: rgba(34, 34, 34, 0.3); }

/*===================================
サイトを開いた時にロゴがふわっとフェードイン
===================================*/
.logo_fadein {
  background: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 999; }

.logo_fadein p {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 9999;
  width: 300px; }

/*===================================
トップビュー
===================================*/
/*スクロールダウン全体の場所*/
.scrolldown1 {
  position: absolute;
  left: 50%;
  bottom: 10px;
  /*全体の高さ*/
  height: 50px; }

/*Scrollテキストの描写*/
.scrolldown1 span {
  /*描画位置*/
  position: absolute;
  left: -22px;
  top: -20px;
  /*テキストの形状*/
  font-size: 16px;
  letter-spacing: 0.05em; }

/* 線の描写 */
.scrolldown1::after {
  content: "";
  /*描画位置*/
  position: absolute;
  top: 0;
  /*線の形状*/
  width: 1px;
  height: 30px;
  background: #eee;
  /*線の動き1.4秒かけて動く。永遠にループ*/
  animation: pathmove 1.4s ease-in-out infinite;
  opacity: 0; }

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0; }
  30% {
    height: 30px;
    opacity: 1; }
  100% {
    height: 0;
    top: 50px;
    opacity: 0; } }
/*========= レイアウトのためのCSS ===============*/
#header, #page_header {
  width: 100%;
  height: 100vh;
  position: relative; }

.top_view, .page_view {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh; }

._top {
  background: rgba(34, 34, 34, 0.24) !important; }

#container {
  position: relative;
  z-index: 1;
  background: #fff;
  height: 100%;
  overflow: hidden; }

/*===================================
ハンバーガーメニュー
===================================*/
#g-nav {
  /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
  position: fixed;
  z-index: 999;
  /*ナビのスタート位置と形状*/
  top: 0;
  right: -120%;
  width: 50%;
  height: 100vh;
  /*ナビの高さ*/
  background: #666;
  opacity: 0.97;
  /*動き*/
  transition: all 0.6s; }
  @media (min-width: 768px) and (max-width: 1081px) {
    #g-nav {
      width: 65%; } }
  @media (max-width: 767px) {
    #g-nav {
      width: 100%; } }

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive {
  right: 0; }

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list {
  /*ナビの数が増えた場合縦スクロール*/
  position: fixed;
  z-index: 999;
  width: 50%;
  height: 100vh;
  /*表示する高さ*/
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 768px) and (max-width: 1081px) {
    #g-nav.panelactive #g-nav-list {
      width: 65%; } }
  @media (max-width: 767px) {
    #g-nav.panelactive #g-nav-list {
      width: 100%; } }

/*ナビゲーション*/
#g-nav .g-nav {
  position: absolute;
  z-index: 999;
  padding: 138px 120px;
  width: 100%; }
  @media (min-width: 768px) and (max-width: 1081px) {
    #g-nav .g-nav {
      padding: 120px 70px; } }
  @media (max-width: 767px) {
    #g-nav .g-nav {
      padding: 120px 35px; } }

/*リストのレイアウト設定*/
#g-nav li {
  list-style: none; }

#g-nav li a {
  position: relative;
  color: #fff;
  text-decoration: none;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-bottom: 65px;
  font-size: 20px; }
  @media (max-width: 767px) {
    #g-nav li a {
      margin-bottom: 35px; } }
  #g-nav li a::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    opacity: 0.2; }
  #g-nav li a::after {
    content: '';
    /*何も入れない*/
    display: inline-block;
    width: 24px;
    /*画像の幅*/
    height: 24px;
    /*画像の高さ*/
    background-image: url("../img/material-symbols_arrow-white.svg");
    background-size: contain;
    background-repeat: no-repeat; }

#g-nav dl {
  letter-spacing: 1px;
  line-height: 160%; }

._policy {
  display: flex;
  align-items: center;
  position: relative;
  width: fit-content; }
  ._policy::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: -3px;
    opacity: 0.3; }
  ._policy::after {
    content: '';
    /*何も入れない*/
    display: inline-block;
    width: 16px;
    /*画像の幅*/
    height: 16px;
    /*画像の高さ*/
    background-image: url("../img/material-symbols_arrow-white.svg");
    background-size: contain;
    background-repeat: no-repeat; }

/*========= ボタンのためのCSS ===============*/
.openbtn1 {
  position: fixed;
  z-index: 9999;
  /*ボタンを最前面に*/
  top: 30px;
  right: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px; }
  @media (max-width: 767px) {
    .openbtn1 {
      top: 17px;
      right: -10px; } }

/*×に変化*/
.openbtn1 span {
  display: inline-block;
  transition: all .4s;
  position: absolute;
  left: 0;
  height: 2px;
  width: 60%;
  background-color: #fff; }

.openbtn1 span:nth-of-type(1) {
  top: 10px; }

.openbtn1 span:nth-of-type(2) {
  top: 20px; }

.openbtn1 span:nth-of-type(3) {
  top: 30px; }

.openbtn1.active span:nth-of-type(1) {
  top: 18px;
  left: 0;
  transform: translateY(6px) rotate(-45deg);
  width: 60%; }

.openbtn1.active span:nth-of-type(2) {
  opacity: 0; }

.openbtn1.active span:nth-of-type(3) {
  top: 30px;
  left: 0;
  transform: translateY(-6px) rotate(45deg);
  width: 60%; }

/*===================================
フロントページ
===================================*/
.cb01 {
  background-image: url("../img/TOTAL PROMOTION.png");
  background-repeat: no-repeat;
  background-position: center 265px;
  width: 100%;
  height: 750px; }
  @media (min-width: 768px) and (max-width: 1081px) {
    .cb01 {
      background-position: center 200px;
      height: 675px; } }
  @media (max-width: 767px) {
    .cb01 {
      height: auto;
      background-size: contain;
      background-position: center 165px;
      background-color: rgba(255, 255, 255, 0.8);
      background-blend-mode: lighten; } }

.cb02 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .cb02 ._svlink {
    cursor: pointer;
    width: 100%;
    max-width: 32.666%;
    overflow: hidden;
    position: relative;
    display: block;
    margin-bottom: 1%; }
    @media (min-width: 768px) and (max-width: 1081px) {
      .cb02 ._svlink {
        max-width: 49.666%; } }
    @media (max-width: 767px) {
      .cb02 ._svlink {
        max-width: 100%; } }
    .cb02 ._svlink ._svimg {
      height: auto;
      transition: transform .6s ease;
      /* ゆっくり変化させる */
      width: 100%; }
    .cb02 ._svlink:hover ._svimg {
      transform: scale(1.1);
      /* 拡大 */ }
    .cb02 ._svlink::before {
      background: rgba(0, 0, 0, 0.5);
      /* マスクの色(黒の50%) */
      bottom: 0;
      content: '';
      height: auto;
      left: 0;
      opacity: 1;
      position: absolute;
      right: 0;
      top: 0;
      transition: opacity .6s ease;
      /* ゆっくりopacityのみへ変化させる */
      width: 100%;
      z-index: 1; }
    .cb02 ._svlink:hover::before {
      opacity: 0; }

.cb03 {
  background-image: url("../img/top/news.jpg");
  background-repeat: no-repeat;
  background-position: left;
  width: 87.5%;
  height: 620px;
  margin-left: auto; }
  @media (max-width: 767px) {
    .cb03 {
      width: 100%; } }

.cb04 {
  background-color: #F2F2F2;
  width: 87.5%;
  margin-right: auto;
  padding: 108px 0; }
  @media (max-width: 767px) {
    .cb04 {
      width: 100%;
      padding: 65px 6%; } }

.cb05 {
  width: 100%; }
  @media (min-width: 1081px) {
    .cb05 {
      width: 28%; } }

.cb06 {
  width: 100%;
  padding-right: 4%;
  position: relative;
  margin-top: 50px; }
  @media (min-width: 1081px) {
    .cb06 {
      width: 45%;
      margin-top: 0; } }
  @media (min-width: 768px) and (max-width: 1081px) {
    .cb06 {
      padding-right: 0; } }
  @media (min-width: 1081px) {
    .cb06::before {
      content: "";
      display: block;
      width: 1px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      opacity: 0.3;
      background-color: #fff; } }

._bl01 {
  width: 45%;
  margin-left: auto; }
  @media (max-width: 767px) {
    ._bl01 {
      width: 100%;
      padding: 0 6%; } }
  ._bl01 h3 {
    margin-bottom: 40px; }
    @media (min-width: 768px) and (max-width: 1081px) {
      ._bl01 h3 {
        margin-bottom: 18px; } }
  ._bl01 p {
    line-height: calc(28px + (38 - 28) * (100vw - 780px) / (1940 - 780)); }

._bl02 {
  position: absolute;
  left: -10px;
  bottom: 20%;
  line-height: 0; }
  @media (max-width: 767px) {
    ._bl02 {
      left: 0; } }

._bl03 {
  position: relative;
  left: 15.333%;
  width: 75%; }
  @media (max-width: 767px) {
    ._bl03 {
      left: 0;
      width: 100%; } }
  ._bl03 ._ctfinner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
    @media (min-width: 1081px) {
      ._bl03 ._ctfinner {
        flex-wrap: nowrap; } }
    @media (max-width: 767px) {
      ._bl03 ._ctfinner {
        padding-left: 0; } }
  ._bl03 ._ctftxt {
    width: 100%; }
    @media (min-width: 1081px) {
      ._bl03 ._ctftxt {
        width: 60%; } }
  ._bl03 small {
    display: block; }

.hd03 {
  width: 87.5%;
  margin-left: auto;
  position: relative; }
  @media (max-width: 767px) {
    .hd03 {
      width: 100%; } }

._svbox span {
  height: 100%;
  opacity: 0.5;
  line-height: 1;
  letter-spacing: -5.12px;
  position: absolute;
  top: 0;
  left: -15px;
  z-index: 2;
  padding: 32px 25px; }
  @media (min-width: 1081px) {
    ._svbox span {
      top: -15px;
      left: 0; } }
  @media (min-width: 768px) and (max-width: 1081px) {
    ._svbox span {
      padding: 20px 25px; } }
  @media (max-width: 767px) {
    ._svbox span {
      padding: 20px; } }
._svbox ._num:hover {
  color: #0448AE; }
._svbox ._svinner {
  position: absolute;
  bottom: 10%;
  left: 50%;
  translate: -50%;
  z-index: 1;
  width: 90%;
  border-bottom: solid 1px #fff;
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }
  @media (max-width: 767px) {
    ._svbox ._svinner {
      width: 95%; } }

._arrow01 {
  width: 48px;
  height: 48px; }
  @media (max-width: 767px) {
    ._arrow01 {
      width: 33px;
      height: 33px; } }

._arrow02 {
  border: solid 1px #fff; }
  ._arrow02::after {
    background-image: url("../img/top/material-symbols_arrow-insert.svg"); }

._arrow03 {
  border: solid 1px #666; }
  ._arrow03::after {
    background-image: url("../img/top/material-symbols_arrow-glay.svg"); }
  ._arrow03:hover::after {
    background-image: url("../img/top/material-symbols_arrow-insert.svg"); }

._link {
  display: block;
  width: 320px;
  padding: 20px 0;
  position: relative;
  transition: 0.8s; }
  ._link::after {
    content: '';
    /*何も入れない*/
    display: inline-block;
    width: 32px;
    /*画像の幅*/
    height: 32px;
    /*画像の高さ*/
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%); }
  ._link:hover {
    background-color: #0448AE;
    border: solid 1px #0448AE;
    color: #fff; }

.infoList {
  padding: 130px 0 60px 6%; }
  @media (max-width: 767px) {
    .infoList {
      padding: 65px 0 60px 6%; } }
  .infoList .infoList__link {
    display: block;
    max-width: 85%; }
    @media (max-width: 767px) {
      .infoList .infoList__link {
        max-width: 90%; } }
  .infoList .border {
    display: block;
    border-bottom: solid 1px #fff;
    opacity: 0.3; }

.news_flex_wrap {
  display: flex;
  align-items: center; }
  @media (max-width: 767px) {
    .news_flex_wrap {
      flex-wrap: wrap; } }
  .news_flex_wrap .time_wrap {
    padding: 0 12px; }
    .news_flex_wrap .time_wrap time {
      display: block;
      height: 28px;
      line-height: 28px;
      letter-spacing: 1.04px; }
  .news_flex_wrap .title_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .news_flex_wrap .title_wrap {
        margin-top: 10px; } }
  .news_flex_wrap ._ttl {
    width: 85%; }
    @media (max-width: 767px) {
      .news_flex_wrap ._ttl {
        width: 100%; } }
    .news_flex_wrap ._ttl::after {
      content: "";
      background-repeat: no-repeat;
      background-size: contain;
      width: 32px;
      height: 32px;
      display: inline-block;
      background-image: url("../img/top/material-symbols_arrow-insert.svg"); }

._telinner {
  background-color: #666;
  padding: 45px 0; }
  @media (max-width: 767px) {
    ._telinner {
      margin-left: 0; } }
  ._telinner a {
    display: flex;
    justify-content: center;
    align-items: center; }
    ._telinner a::before {
      content: '';
      /*何も入れない*/
      display: inline-block;
      width: 80px;
      /*画像の幅*/
      height: 80px;
      /*画像の高さ*/
      background-image: url("../img/mdi_telephone-in-talk.svg");
      background-size: contain;
      background-repeat: no-repeat; }
      @media (max-width: 767px) {
        ._telinner a::before {
          width: 50px;
          height: 50px; } }

/*===================================
フッター
===================================*/
#footer {
  position: relative;
  padding: 110px 0 80px;
  margin-top: 100px;
  background-color: #002B6D; }
  @media (min-width: 1081px) {
    #footer {
      padding: 110px 0 130px; } }
  @media (min-width: 1081px) {
    #footer {
      margin-top: 260px; } }

.footer_wrap {
  position: relative;
  width: 84.333%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  @media (min-width: 1081px) {
    .footer_wrap {
      flex-wrap: nowrap; } }
  @media (max-width: 767px) {
    .footer_wrap {
      width: 90.333%; } }
  .footer_wrap small {
    text-transform: capitalize; }
  .footer_wrap dl {
    letter-spacing: 1px;
    line-height: 160%; }

.menu-footer-menu-container {
  width: 27%;
  margin-top: 50px; }
  @media (min-width: 1081px) {
    .menu-footer-menu-container {
      margin-top: 0;
      margin-left: 4%; } }

.footer_nav {
  font-size: 14px;
  font-weight: 700;
  color: #fff; }
  .footer_nav li {
    margin-bottom: 40px; }
  .footer_nav li:last-child {
    margin-bottom: 0; }

._prvimg {
  position: absolute;
  right: 0;
  bottom: 0; }

#page-top a {
  display: block;
  width: 66px;
  letter-spacing: 1.04px;
  position: absolute;
  top: -6%;
  right: -24px;
  transform: rotate(90deg);
  transition: all 0.3s; }
  @media (min-width: 1081px) {
    #page-top a {
      top: -11%; } }
  #page-top a::before {
    content: '';
    /*何も入れない*/
    display: inline-block;
    width: 15px;
    /*画像の幅*/
    height: 15px;
    /*画像の高さ*/
    background-image: url("../img/arrow-up-outline.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 75px;
    top: 5px;
    transform: rotate(-90deg); }

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