@charset "UTF-8";

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
||
||            CSS セット
||            2025_02/01 ver.
||
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*---------------------------------------
// Adobe font 表示CSS    ※ head内に<script>で表示しているタイプの呼び出しをしている時のみ
---------------------------------------*/
/*
html {
  visibility: hidden;
}
html.wf-active,
html.loading-delay {
  visibility: visible;
}
*/
/* 文字のベース */
p,
a,
span,
h1,
h2,
h3,
h4,
time,
div {
  color: #1D1D1D;
  overflow-wrap: break-word;
  font-family: shippori-mincho-b1, sans-serif;
  font-weight: 500;
  font-style: normal;
}

/*----------------------------------------
font-family
----------------------------------------*/
html .f1 {
  font-family: "source-han-sans-jp-variable", sans-serif;
  font-variation-settings: "wght" 500;
}

html .f2 {}

html .f3 {}

html .f4 {}

html .f5 {}

/*----------------------------------------
||
||  font-size
||
----------------------------------------*/
.f-10 {
  font-size: 10px;
}

.f-11 {
  font-size: 11px;
}

.f-12 {
  font-size: 12px;
}

.f-13 {
  font-size: 13px;
}

.f-14 {
  font-size: 14px;
}

.f-15 {
  font-size: 15px;
}

.f-16 {
  font-size: 16px;
}

.f-17 {
  font-size: 17px;
}

.f-18 {
  font-size: 18px;
}

.f-19 {
  font-size: 19px;
}

.f-20 {
  font-size: 20px;
}

.f-21 {
  font-size: 21px;
}

.f-22 {
  font-size: 22px;
}

.f-23 {
  font-size: 23px;
}

.f-24 {
  font-size: 24px;
}

.f-25 {
  font-size: 25px;
}

.f-26 {
  font-size: 26px;
}

.f-27 {
  font-size: 27px;
}

.f-28 {
  font-size: 28px;
}

.f-29 {
  font-size: 29px;
}

.f-30 {
  font-size: 30px;
}

.f-31 {
  font-size: 31px;
}

.f-32 {
  font-size: 32px;
}

.f-33 {
  font-size: 33px;
}

.f-34 {
  font-size: 34px;
}

.f-35 {
  font-size: 35px;
}

.f-36 {
  font-size: 36px;
}

.f-37 {
  font-size: 37px;
}

.f-38 {
  font-size: 38px;
}

.f-39 {
  font-size: 39px;
}

.f-40 {
  font-size: 40px;
}

.f-41 {
  font-size: 41px;
}

.f-42 {
  font-size: 42px;
}

.f-43 {
  font-size: 43px;
}

.f-44 {
  font-size: 44px;
}

.f-45 {
  font-size: 45px;
}

.f-46 {
  font-size: 46px;
}

.f-47 {
  font-size: 47px;
}

.f-48 {
  font-size: 48px;
}

.f-49 {
  font-size: 49px;
}

.f-50 {
  font-size: 50px;
}

.f-51 {
  font-size: 51px;
}

.f-52 {
  font-size: 52px;
}

.f-53 {
  font-size: 53px;
}

.f-54 {
  font-size: 54px;
}

.f-55 {
  font-size: 55px;
}

.f-56 {
  font-size: 56px;
}

.f-57 {
  font-size: 57px;
}

.f-58 {
  font-size: 58px;
}

.f-59 {
  font-size: 59px;
}

.f-60 {
  font-size: 60px;
}

.f-61 {
  font-size: 61px;
}

.f-62 {
  font-size: 62px;
}

.f-63 {
  font-size: 63px;
}

.f-64 {
  font-size: 64px;
}

.f-65 {
  font-size: 65px;
}

.f-66 {
  font-size: 66px;
}

.f-67 {
  font-size: 67px;
}

.f-68 {
  font-size: 68px;
}

.f-69 {
  font-size: 69px;
}

.f-70 {
  font-size: 70px;
}

.f-71 {
  font-size: 71px;
}

.f-72 {
  font-size: 72px;
}

.f-73 {
  font-size: 73px;
}

.f-74 {
  font-size: 74px;
}

.f-75 {
  font-size: 75px;
}

.f-76 {
  font-size: 76px;
}

.f-77 {
  font-size: 77px;
}

.f-78 {
  font-size: 78px;
}

.f-79 {
  font-size: 79px;
}

.f-80 {
  font-size: 80px;
}

/*--------------------------------------------------
    1561px - 1920px  (1920px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:1920px) {
  .f-10 {
    font-size: 0.52vw;
  }

  .f-11 {
    font-size: 0.57vw;
  }

  .f-12 {
    font-size: 0.63vw;
  }

  .f-13 {
    font-size: 0.68vw;
  }

  .f-14 {
    font-size: 0.73vw;
  }

  .f-15 {
    font-size: 0.78vw;
  }

  .f-16 {
    font-size: 0.83vw;
  }

  .f-17 {
    font-size: 0.89vw;
  }

  .f-18 {
    font-size: 0.94vw;
  }

  .f-19 {
    font-size: 0.99vw;
  }

  .f-20 {
    font-size: 1.04vw;
  }

  .f-21 {
    font-size: 1.09vw;
  }

  .f-22 {
    font-size: 1.15vw;
  }

  .f-23 {
    font-size: 1.20vw;
  }

  .f-24 {
    font-size: 1.25vw;
  }

  .f-25 {
    font-size: 1.30vw;
  }

  .f-26 {
    font-size: 1.35vw;
  }

  .f-27 {
    font-size: 1.41vw;
  }

  .f-28 {
    font-size: 1.46vw;
  }

  .f-29 {
    font-size: 1.51vw;
  }

  .f-30 {
    font-size: 1.56vw;
  }

  .f-31 {
    font-size: 1.61vw;
  }

  .f-32 {
    font-size: 1.67vw;
  }

  .f-33 {
    font-size: 1.72vw;
  }

  .f-34 {
    font-size: 1.77vw;
  }

  .f-35 {
    font-size: 1.82vw;
  }

  .f-36 {
    font-size: 1.88vw;
  }

  .f-37 {
    font-size: 1.93vw;
  }

  .f-38 {
    font-size: 1.98vw;
  }

  .f-39 {
    font-size: 2.03vw;
  }

  .f-40 {
    font-size: 2.08vw;
  }

  .f-41 {
    font-size: 2.14vw;
  }

  .f-42 {
    font-size: 2.19vw;
  }

  .f-43 {
    font-size: 2.24vw;
  }

  .f-44 {
    font-size: 2.29vw;
  }

  .f-45 {
    font-size: 2.34vw;
  }

  .f-46 {
    font-size: 2.40vw;
  }

  .f-47 {
    font-size: 2.45vw;
  }

  .f-48 {
    font-size: 2.50vw;
  }

  .f-49 {
    font-size: 2.55vw;
  }

  .f-50 {
    font-size: 2.60vw;
  }

  .f-51 {
    font-size: 2.66vw;
  }

  .f-52 {
    font-size: 2.71vw;
  }

  .f-53 {
    font-size: 2.76vw;
  }

  .f-54 {
    font-size: 2.81vw;
  }

  .f-55 {
    font-size: 2.86vw;
  }

  .f-56 {
    font-size: 2.92vw;
  }

  .f-57 {
    font-size: 2.97vw;
  }

  .f-58 {
    font-size: 3.02vw;
  }

  .f-59 {
    font-size: 3.07vw;
  }

  .f-60 {
    font-size: 3.13vw;
  }

  .f-61 {
    font-size: 3.18vw;
  }

  .f-62 {
    font-size: 3.23vw;
  }

  .f-63 {
    font-size: 3.28vw;
  }

  .f-64 {
    font-size: 3.33vw;
  }

  .f-65 {
    font-size: 3.39vw;
  }

  .f-66 {
    font-size: 3.44vw;
  }

  .f-67 {
    font-size: 3.49vw;
  }

  .f-68 {
    font-size: 3.54vw;
  }

  .f-69 {
    font-size: 3.59vw;
  }

  .f-70 {
    font-size: 3.65vw;
  }

  .f-71 {
    font-size: 3.70vw;
  }

  .f-72 {
    font-size: 3.75vw;
  }

  .f-73 {
    font-size: 3.80vw;
  }

  .f-74 {
    font-size: 3.85vw;
  }

  .f-75 {
    font-size: 3.91vw;
  }

  .f-76 {
    font-size: 3.96vw;
  }

  .f-77 {
    font-size: 4.01vw;
  }

  .f-78 {
    font-size: 4.06vw;
  }

  .f-79 {
    font-size: 4.11vw;
  }

  .f-80 {
    font-size: 4.17vw;
  }

  /*  1920 px end  */
}

/*--------------------------------------------------
    1536px  (1440px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:1536px) {
  .f-10 {
    font-size: 0.694vw;
  }

  /* 10px */
  .f-11 {
    font-size: 0.764vw;
  }

  /* 11px */
  .f-12 {
    font-size: 0.833vw;
  }

  /* 12px */
  .f-13 {
    font-size: 0.903vw;
  }

  /* 13px */
  .f-14 {
    font-size: 0.972vw;
  }

  /* 14px */
  .f-15 {
    font-size: 1.05vw;
  }

  /* 15px */
  .f-16 {
    font-size: 1.05vw;
  }

  /* 15px */
  .f-17 {
    font-size: 1.111vw;
  }

  /* 16px */
  .f-18 {
    font-size: 1.111vw;
  }

  /* 16px */
  .f-19 {
    font-size: 1.181vw;
  }

  /* 17px */
  .f-20 {
    font-size: 1.250vw;
  }

  /* 18px */
  .f-21 {
    font-size: 1.250vw;
  }

  /* 18px */
  .f-22 {
    font-size: 1.319vw;
  }

  /* 19px */
  .f-23 {
    font-size: 1.389vw;
  }

  /* 20px */
  .f-24 {
    font-size: 1.389vw;
  }

  /* 20px */
  .f-25 {
    font-size: 1.389vw;
  }

  /* 20px */
  .f-26 {
    font-size: 1.597vw;
  }

  /* 23px */
  .f-27 {
    font-size: 1.597vw;
  }

  /* 23px */
  .f-28 {
    font-size: 1.667vw;
  }

  /* 24px */
  .f-29 {
    font-size: 1.806vw;
  }

  /* 26px */
  .f-30 {
    font-size: 1.806vw;
  }

  /* 26px */
  .f-31 {
    font-size: 1.944vw;
  }

  /* 28px */
  .f-32 {
    font-size: 1.944vw;
  }

  /* 28px */
  .f-33 {
    font-size: 2.083vw;
  }

  /* 30px */
  .f-34 {
    font-size: 2.083vw;
  }

  /* 30px */
  .f-35 {
    font-size: 2.222vw;
  }

  /* 32px */
  .f-36 {
    font-size: 2.222vw;
  }

  /* 32px */
  .f-37 {
    font-size: 2.222vw;
  }

  /* 32px */
  .f-38 {
    font-size: 2.361vw;
  }

  /* 34px */
  .f-39 {
    font-size: 2.361vw;
  }

  /* 34px */
  .f-40 {
    font-size: 2.361vw;
  }

  /* 34px */
  .f-41 {
    font-size: 2.361vw;
  }

  /* 34px */
  .f-42 {
    font-size: 2.500vw;
  }

  /* 36px */
  .f-43 {
    font-size: 2.500vw;
  }

  /* 36px */
  .f-44 {
    font-size: 2.500vw;
  }

  /* 36px */
  .f-45 {
    font-size: 2.639vw;
  }

  /* 38px */
  .f-46 {
    font-size: 2.639vw;
  }

  /* 38px */
  .f-47 {
    font-size: 2.778vw;
  }

  /* 40px */
  .f-48 {
    font-size: 2.778vw;
  }

  /* 40px */
  .f-49 {
    font-size: 2.917vw;
  }

  /* 42px */
  .f-50 {
    font-size: 2.917vw;
  }

  /* 42px */
  .f-51 {
    font-size: 2.917vw;
  }

  /* 42px */
  .f-52 {
    font-size: 2.917vw;
  }

  /* 42px */
  .f-53 {
    font-size: 3.056vw;
  }

  /* 44px */
  .f-54 {
    font-size: 3.056vw;
  }

  /* 44px */
  .f-55 {
    font-size: 3.333vw;
  }

  /* 48px */
  .f-56 {
    font-size: 3.333vw;
  }

  /* 48px */
  .f-57 {
    font-size: 3.333vw;
  }

  /* 48px */
  .f-58 {
    font-size: 3.333vw;
  }

  /* 48px */
  .f-59 {
    font-size: 3.472vw;
  }

  /* 50px */
  .f-60 {
    font-size: 3.472vw;
  }

  /* 50px */
  .f-61 {
    font-size: 3.472vw;
  }

  /* 50px */
  .f-62 {
    font-size: 3.611vw;
  }

  /* 52px */
  .f-63 {
    font-size: 3.611vw;
  }

  /* 52px */
  .f-64 {
    font-size: 3.750vw;
  }

  /* 54px */
  .f-65 {
    font-size: 3.750vw;
  }

  /* 54px */
  .f-66 {
    font-size: 3.750vw;
  }

  /* 54px */
  .f-67 {
    font-size: 3.750vw;
  }

  /* 54px */
  .f-68 {
    font-size: 4.028vw;
  }

  /* 58px */
  .f-69 {
    font-size: 4.028vw;
  }

  /* 58px */
  .f-70 {
    font-size: 4.167vw;
  }

  /* 60px */
  .f-71 {
    font-size: 4.167vw;
  }

  /* 60px */
  .f-72 {
    font-size: 4.167vw;
  }

  /* 60px */
  .f-73 {
    font-size: 4.167vw;
  }

  /* 60px */
  .f-74 {
    font-size: 4.306vw;
  }

  /* 62px */
  .f-75 {
    font-size: 4.306vw;
  }

  /* 62px */
  .f-76 {
    font-size: 4.306vw;
  }

  /* 62px */
  .f-77 {
    font-size: 4.306vw;
  }

  /* 62px */
  .f-78 {
    font-size: 4.444vw;
  }

  /* 64px */
  .f-79 {
    font-size: 4.444vw;
  }

  /* 64px */
  .f-80 {
    font-size: 4.444vw;
  }

  /* 64px */
  /*  1536 px end  */
}

/*--------------------------------------------------
    1200px  (1200px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:1200px) {
  .f-10 {
    font-size: 0.833vw;
  }

  /* 10px */
  .f-11 {
    font-size: 0.917vw;
  }

  /* 11px */
  .f-12 {
    font-size: 1vw;
  }

  /* 12px */
  .f-13 {
    font-size: 1.083vw;
  }

  /* 13px */
  .f-14 {
    font-size: 1.167vw;
  }

  /* 14px */
  .f-15 {
    font-size: 1.167vw;
  }

  /* 14px */
  .f-16 {
    font-size: 1.167vw;
  }

  /* 14px */
  .f-17 {
    font-size: 1.333vw;
  }

  /* 16px */
  .f-18 {
    font-size: 1.333vw;
  }

  /* 16px */
  .f-19 {
    font-size: 1.417vw;
  }

  /* 17px */
  .f-20 {
    font-size: 1.5vw;
  }

  /* 18px */
  .f-21 {
    font-size: 1.5vw;
  }

  /* 18px */
  .f-22 {
    font-size: 1.583vw;
  }

  /* 19px */
  .f-23 {
    font-size: 1.667vw;
  }

  /* 20px */
  .f-24 {
    font-size: 1.667vw;
  }

  /* 20px */
  .f-25 {
    font-size: 1.667vw;
  }

  /* 20px */
  .f-26 {
    font-size: 1.917vw;
  }

  /* 23px */
  .f-27 {
    font-size: 1.917vw;
  }

  /* 23px */
  .f-28 {
    font-size: 2vw;
  }

  /* 24px */
  .f-29 {
    font-size: 2.167vw;
  }

  /* 26px */
  .f-30 {
    font-size: 2.167vw;
  }

  /* 26px */
  .f-31 {
    font-size: 2.333vw;
  }

  /* 28px */
  .f-32 {
    font-size: 2.333vw;
  }

  /* 28px */
  .f-33 {
    font-size: 2.5vw;
  }

  /* 30px */
  .f-34 {
    font-size: 2.5vw;
  }

  /* 30px */
  .f-35 {
    font-size: 2.667vw;
  }

  /* 32px */
  .f-36 {
    font-size: 2.667vw;
  }

  /* 32px */
  .f-37 {
    font-size: 2.667vw;
  }

  /* 32px */
  .f-38 {
    font-size: 2.833vw;
  }

  /* 34px */
  .f-39 {
    font-size: 2.833vw;
  }

  /* 34px */
  .f-40 {
    font-size: 2.833vw;
  }

  /* 34px */
  .f-41 {
    font-size: 2.833vw;
  }

  /* 34px */
  .f-42 {
    font-size: 3vw;
  }

  /* 36px */
  .f-43 {
    font-size: 3vw;
  }

  /* 36px */
  .f-44 {
    font-size: 3vw;
  }

  /* 36px */
  .f-45 {
    font-size: 3.167vw;
  }

  /* 38px */
  .f-46 {
    font-size: 3.167vw;
  }

  /* 38px */
  .f-47 {
    font-size: 3.333vw;
  }

  /* 40px */
  .f-48 {
    font-size: 3.333vw;
  }

  /* 40px */
  .f-49 {
    font-size: 3.5vw;
  }

  /* 42px */
  .f-50 {
    font-size: 3.5vw;
  }

  /* 42px */
  .f-51 {
    font-size: 3.5vw;
  }

  /* 42px */
  .f-52 {
    font-size: 3.5vw;
  }

  /* 42px */
  .f-53 {
    font-size: 3.667vw;
  }

  /* 44px */
  .f-54 {
    font-size: 3.667vw;
  }

  /* 44px */
  .f-55 {
    font-size: 4vw;
  }

  /* 48px */
  .f-56 {
    font-size: 4vw;
  }

  /* 48px */
  .f-57 {
    font-size: 4vw;
  }

  /* 48px */
  .f-58 {
    font-size: 4vw;
  }

  /* 48px */
  .f-59 {
    font-size: 4.167vw;
  }

  /* 50px */
  .f-60 {
    font-size: 4.167vw;
  }

  /* 50px */
  .f-61 {
    font-size: 4.167vw;
  }

  /* 50px */
  .f-62 {
    font-size: 4.333vw;
  }

  /* 52px */
  .f-63 {
    font-size: 4.333vw;
  }

  /* 52px */
  .f-64 {
    font-size: 4.5vw;
  }

  /* 54px */
  .f-65 {
    font-size: 4.5vw;
  }

  /* 54px */
  .f-66 {
    font-size: 4.5vw;
  }

  /* 54px */
  .f-67 {
    font-size: 4.5vw;
  }

  /* 54px */
  .f-68 {
    font-size: 4.833vw;
  }

  /* 58px */
  .f-69 {
    font-size: 4.833vw;
  }

  /* 58px */
  .f-70 {
    font-size: 5vw;
  }

  /* 60px */
  .f-71 {
    font-size: 5vw;
  }

  /* 60px */
  .f-72 {
    font-size: 5vw;
  }

  /* 60px */
  .f-73 {
    font-size: 5vw;
  }

  /* 60px */
  .f-74 {
    font-size: 5.167vw;
  }

  /* 62px */
  .f-75 {
    font-size: 5.167vw;
  }

  /* 62px */
  .f-76 {
    font-size: 5.167vw;
  }

  /* 62px */
  .f-77 {
    font-size: 5.167vw;
  }

  /* 62px */
  .f-78 {
    font-size: 5.333vw;
  }

  /* 64px */
  .f-79 {
    font-size: 5.333vw;
  }

  /* 64px */
  .f-80 {
    font-size: 5.333vw;
  }

  /* 64px */
  /*  1200 px end  */
}

/*--------------------------------------------------
    1024px  (960px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:1024px) {
  .f-10 {
    font-size: 1.042vw;
  }

  /* 10px */
  .f-11 {
    font-size: 1.146vw;
  }

  /* 11px */
  .f-12 {
    font-size: 1.25vw;
  }

  /* 12px */
  .f-13 {
    font-size: 1.354vw;
  }

  /* 13px */
  .f-14,.page-title ul li a p {
    font-size: 1.458vw;
  }

  /* 14px */
  .f-15 {
    font-size: 1.562vw;
  }

  /* 15px */
  .f-16 {
    font-size: 1.562vw;
  }

  /* 15px */
  .f-17 {
    font-size: 1.667vw;
  }

  /* 16px */
  .f-18 {
    font-size: 1.771vw;
  }

  /* 17px */
  .f-19 {
    font-size: 1.771vw;
  }

  /* 17px */
  .f-20 {
    font-size: 1.875vw;
  }

  /* 18px */
  .f-21 {
    font-size: 1.875vw;
  }

  /* 18px */
  .f-22 {
    font-size: 1.875vw;
  }

  /* 18px */
  .f-23 {
    font-size: 1.875vw;
  }

  /* 18px */
  .f-24 {
    font-size: 2.083vw;
  }

  /* 20px */
  .f-25 {
    font-size: 2.083vw;
  }

  /* 20px */
  .f-26 {
    font-size: 2.083vw;
  }

  /* 20px */
  .f-27 {
    font-size: 2.5vw;
  }

  /* 24px */
  .f-28 {
    font-size: 2.5vw;
  }

  /* 24px */
  .f-29 {
    font-size: 2.5vw;
  }

  /* 24px */
  .f-30 {
    font-size: 2.5vw;
  }

  /* 24px */
  .f-31 {
    font-size: 2.708vw;
  }

  /* 26px */
  .f-32 {
    font-size: 2.708vw;
  }

  /* 26px */
  .f-33 {
    font-size: 2.917vw;
  }

  /* 28px */
  .f-34 {
    font-size: 2.917vw;
  }

  /* 28px */
  .f-35 {
    font-size: 2.917vw;
  }

  /* 28px */
  .f-36 {
    font-size: 3.125vw;
  }

  /* 30px */
  .f-37 {
    font-size: 3.125vw;
  }

  /* 30px */
  .f-38 {
    font-size: 3.333vw;
  }

  /* 32px */
  .f-39 {
    font-size: 3.333vw;
  }

  /* 32px */
  .f-40 {
    font-size: 3.333vw;
  }

  /* 32px */
  .f-41 {
    font-size: 3.333vw;
  }

  /* 32px */
  .f-42 {
    font-size: 3.542vw;
  }

  /* 34px */
  .f-43 {
    font-size: 3.542vw;
  }

  /* 34px */
  .f-44 {
    font-size: 3.542vw;
  }

  /* 34px */
  .f-45 {
    font-size: 3.75vw;
  }

  /* 36px */
  .f-46 {
    font-size: 3.75vw;
  }

  /* 36px */
  .f-47 {
    font-size: 3.958vw;
  }

  /* 38px */
  .f-48 {
    font-size: 3.958vw;
  }

  /* 38px */
  .f-49 {
    font-size: 4.167vw;
  }

  /* 40px */
  .f-50 {
    font-size: 4.167vw;
  }

  /* 40px */
  .f-51 {
    font-size: 4.167vw;
  }

  /* 40px */
  .f-52 {
    font-size: 4.167vw;
  }

  /* 40px */
  .f-53 {
    font-size: 4.375vw;
  }

  /* 42px */
  .f-54 {
    font-size: 4.375vw;
  }

  /* 42px */
  .f-55 {
    font-size: 4.583vw;
  }

  /* 44px */
  .f-56 {
    font-size: 4.583vw;
  }

  /* 44px */
  .f-57 {
    font-size: 4.583vw;
  }

  /* 44px */
  .f-58 {
    font-size: 4.583vw;
  }

  /* 44px */
  .f-59 {
    font-size: 4.792vw;
  }

  /* 46px */
  .f-60 {
    font-size: 4.792vw;
  }

  /* 46px */
  .f-61 {
    font-size: 4.792vw;
  }

  /* 46px */
  .f-62 {
    font-size: 5vw;
  }

  /* 48px */
  .f-63 {
    font-size: 5vw;
  }

  /* 48px */
  .f-64 {
    font-size: 5.208vw;
  }

  /* 50px */
  .f-65 {
    font-size: 5.208vw;
  }

  /* 50px */
  .f-66 {
    font-size: 5.208vw;
  }

  /* 50px */
  .f-67 {
    font-size: 5.208vw;
  }

  /* 50px */
  .f-68 {
    font-size: 5.625vw;
  }

  /* 54px */
  .f-69 {
    font-size: 5.625vw;
  }

  /* 54px */
  .f-70 {
    font-size: 5.625vw;
  }

  /* 54px */
  .f-71 {
    font-size: 5.625vw;
  }

  /* 54px */
  .f-72 {
    font-size: 5.625vw;
  }

  /* 54px */
  .f-73 {
    font-size: 5.625vw;
  }

  /* 54px */
  .f-74 {
    font-size: 5.833vw;
  }

  /* 56px */
  .f-75 {
    font-size: 5.833vw;
  }

  /* 56px */
  .f-76 {
    font-size: 6.042vw;
  }

  /* 58px */
  .f-77 {
    font-size: 6.042vw;
  }

  /* 58px */
  .f-78 {
    font-size: 6.042vw;
  }

  /* 58px */
  .f-79 {
    font-size: 6.25vw;
  }

  /* 60px */
  .f-80 {
    font-size: 6.25vw;
  }

  /* 60px */
  /*  1024 px end  */
}

/*--------------------------------------------------
    768px  (768px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:768px) {
  .f-10 {
    font-size: 1.302vw;
  }

  /* 10px */
  .f-11 {
    font-size: 1.432vw;
  }

  /* 11px */
  .f-12 {
    font-size: 1.563vw;
  }

  /* 12px */
  .f-13 {
    font-size: 1.694vw;
  }

  /* 13px */
  .f-14,.page-title ul li a p {
    font-size: 1.823vw;
  }

  /* 14px */
  .f-15 {
    font-size: 1.953vw;
  }

  /* 15px */
  .f-16 {
    font-size: 1.953vw;
  }

  /* 15px */
  .f-17 {
    font-size: 2.083vw;
  }

  /* 16px */
  .f-18 {
    font-size: 2.213vw;
  }

  /* 17px */
  .f-19 {
    font-size: 2.213vw;
  }

  /* 17px */
  .f-20 {
    font-size: 2.344vw;
  }

  /* 18px */
  .f-21 {
    font-size: 2.344vw;
  }

  /* 18px */
  .f-22 {
    font-size: 2.344vw;
  }

  /* 18px */
  .f-23 {
    font-size: 2.344vw;
  }

  /* 18px */
  .f-24 {
    font-size: 2.604vw;
  }

  /* 20px */
  .f-25 {
    font-size: 2.604vw;
  }

  /* 20px */
  .f-26 {
    font-size: 2.604vw;
  }

  /* 20px */
  .f-27 {
    font-size: 3.125vw;
  }

  /* 24px */
  .f-28 {
    font-size: 3.125vw;
  }

  /* 24px */
  .f-29 {
    font-size: 3.125vw;
  }

  /* 24px */
  .f-30 {
    font-size: 3.125vw;
  }

  /* 24px */
  .f-31 {
    font-size: 3.396vw;
  }

  /* 26px */
  .f-32 {
    font-size: 3.396vw;
  }

  /* 26px */
  .f-33 {
    font-size: 3.646vw;
  }

  /* 28px */
  .f-34 {
    font-size: 3.646vw;
  }

  /* 28px */
  .f-35 {
    font-size: 3.646vw;
  }

  /* 28px */
  .f-36 {
    font-size: 3.906vw;
  }

  /* 30px */
  .f-37 {
    font-size: 3.906vw;
  }

  /* 30px */
  .f-38 {
    font-size: 4.167vw;
  }

  /* 32px */
  .f-39 {
    font-size: 4.167vw;
  }

  /* 32px */
  .f-40 {
    font-size: 4.167vw;
  }

  /* 32px */
  .f-41 {
    font-size: 4.167vw;
  }

  /* 32px */
  .f-42 {
    font-size: 4.427vw;
  }

  /* 34px */
  .f-43 {
    font-size: 4.427vw;
  }

  /* 34px */
  .f-44 {
    font-size: 4.427vw;
  }

  /* 34px */
  .f-45 {
    font-size: 4.883vw;
  }

  /* 35px */
  .f-46 {
    font-size: 4.883vw;
  }

  /* 35px */
  .f-47 {
    font-size: 4.883vw;
  }

  /* 35px */
  .f-48 {
    font-size: 4.883vw;
  }

  /* 35px */
  .f-49 {
    font-size: 4.883vw;
  }

  /* 35px */
  .f-50 {
    font-size: 4.883vw;
  }

  /* 35px */
  .f-51 {
    font-size: 4.883vw;
  }

  /* 35px */
  .f-52 {
    font-size: 4.883vw;
  }

  /* 35px */
  .f-53 {
    font-size: 4.427vw;
  }

  /* 35px */
  .f-54 {
    font-size: 4.427vw;
  }

  /* 35px */
  .f-55 {
    font-size: 4.583vw;
  }

  /* 35px */
  .f-56 {
    font-size: 4.583vw;
  }

  /* 35px */
  .f-57 {
    font-size: 4.688vw;
  }

  /* 36px */
  .f-58 {
    font-size: 4.688vw;
  }

  /* 36px */
  .f-59 {
    font-size: 4.687vw;
  }

  /* 36px */
  .f-60 {
    font-size: 4.687vw;
  }

  /* 36px */
  .f-61 {
    font-size: 4.687vw;
  }

  /* 36px */
  .f-62 {
    font-size: 4.687vw;
  }

  /* 36px */
  .f-63 {
    font-size: 4.687vw;
  }

  /* 36px */
  .f-64 {
    font-size: 5.208vw;
  }

  /* 40px */
  .f-65 {
    font-size: 5.208vw;
  }

  /* 40px */
  .f-66 {
    font-size: 5.208vw;
  }

  /* 40px */
  .f-67 {
    font-size: 5.208vw;
  }

  /* 40px */
  .f-68 {
    font-size: 5.208vw;
  }

  /* 40px */
  .f-69 {
    font-size: 5.208vw;
  }

  /* 40px */
  .f-70 {
    font-size: 5.469vw;
  }

  /* 42px */
  .f-71 {
    font-size: 5.469vw;
  }

  /* 42px */
  .f-72 {
    font-size: 5.469vw;
  }

  /* 42px */
  .f-73 {
    font-size: 5.469vw;
  }

  /* 42px */
  .f-74 {
    font-size: 5.729vw;
  }

  /* 44px */
  .f-75 {
    font-size: 5.729vw;
  }

  /* 44px */
  .f-76 {
    font-size: 6.25vw;
  }

  /* 48px */
  .f-77 {
    font-size: 6.25vw;
  }

  /* 48px */
  .f-78 {
    font-size: 6.25vw;
  }

  /* 48px */
  .f-79 {
    font-size: 6.771vw;
  }

  /* 52px */
  .f-80 {
    font-size: 6.771vw;
  }

  /* 52px */
  /*  768 px end  */
}

/*--------------------------------------------------
    560px  (560px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:560px) {
  .f-10 {
    font-size: 1.786vw;
  }

  /* 10px */
  .f-11 {
    font-size: 1.964vw;
  }

  /* 11px */
  .f-12 {
    font-size: 2.143vw;
  }

  /* 12px */
  .f-13 {
    font-size: 2.321vw;
  }

  /* 13px */
  .f-14,.page-title ul li a p {
    font-size: 2.500vw;
  }

  /* 14px */
  .f-15 {
    font-size: 2.679vw;
  }

  /* 15px */
  .f-16 {
    font-size: 2.679vw;
  }

  /* 15px */
  .f-17 {
    font-size: 2.857vw;
  }

  /* 16px */
  .f-18 {
    font-size: 3.036vw;
  }

  /* 17px */
  .f-19 {
    font-size: 3.036vw;
  }

  /* 17px */
  .f-20 {
    font-size: 3.214vw;
  }

  /* 18px */
  .f-21 {
    font-size: 3.214vw;
  }

  /* 18px */
  .f-22 {
    font-size: 3.214vw;
  }

  /* 18px */
  .f-23 {
    font-size: 3.214vw;
  }

  /* 18px */
  .f-24 {
    font-size: 3.571vw;
  }

  /* 20px */
  .f-25 {
    font-size: 3.571vw;
  }

  /* 20px */
  .f-26 {
    font-size: 3.571vw;
  }

  /* 20px */
  .f-27 {
    font-size: 4.286vw;
  }

  /* 24px */
  .f-28 {
    font-size: 4.286vw;
  }

  /* 24px */
  .f-29 {
    font-size: 4.286vw;
  }

  /* 24px */
  .f-30 {
    font-size: 4.286vw;
  }

  /* 24px */
  .f-31 {
    font-size: 4.643vw;
  }

  /* 26px */
  .f-32 {
    font-size: 4.643vw;
  }

  /* 26px */
  .f-33 {
    font-size: 5.000vw;
  }

  /* 28px */
  .f-34 {
    font-size: 5.000vw;
  }

  /* 28px */
  .f-35 {
    font-size: 5.000vw;
  }

  /* 28px */
  .f-36 {
    font-size: 5.357vw;
  }

  /* 30px */
  .f-37 {
    font-size: 5.357vw;
  }

  /* 30px */
  .f-38 {
    font-size: 5.714vw;
  }

  /* 32px */
  .f-39 {
    font-size: 5.714vw;
  }

  /* 32px */
  .f-40 {
    font-size: 5.714vw;
  }

  /* 32px */
  .f-41 {
    font-size: 5.714vw;
  }

  /* 32px */
  .f-42 {
    font-size: 6.071vw;
  }

  /* 34px */
  .f-43 {
    font-size: 6.071vw;
  }

  /* 34px */
  .f-44 {
    font-size: 6.071vw;
  }

  /* 34px */
  .f-45 {
    font-size: 6.250vw;
  }

  /* 35px */
  .f-46 {
    font-size: 6.250vw;
  }

  /* 35px */
  .f-47 {
    font-size: 6.250vw;
  }

  /* 35px */
  .f-48 {
    font-size: 6.250vw;
  }

  /* 35px */
  .f-49 {
    font-size: 6.250vw;
  }

  /* 35px */
  .f-50 {
    font-size: 6.250vw;
  }

  /* 35px */
  .f-51 {
    font-size: 6.250vw;
  }

  /* 35px */
  .f-52 {
    font-size: 6.250vw;
  }

  /* 35px */
  .f-53 {
    font-size: 6.250vw;
  }

  /* 35px */
  .f-54 {
    font-size: 6.250vw;
  }

  /* 35px */
  .f-55 {
    font-size: 6.250vw;
  }

  /* 35px */
  .f-56 {
    font-size: 6.250vw;
  }

  /* 35px */
  .f-57 {
    font-size: 6.429vw;
  }

  /* 36px */
  .f-58 {
    font-size: 6.429vw;
  }

  /* 36px */
  .f-59 {
    font-size: 6.429vw;
  }

  /* 36px */
  .f-60 {
    font-size: 6.429vw;
  }

  /* 36px */
  .f-61 {
    font-size: 6.429vw;
  }

  /* 36px */
  .f-62 {
    font-size: 6.429vw;
  }

  /* 36px */
  .f-63 {
    font-size: 6.429vw;
  }

  /* 36px */
  .f-64 {
    font-size: 7.143vw;
  }

  /* 40px */
  .f-65 {
    font-size: 7.143vw;
  }

  /* 40px */
  .f-66 {
    font-size: 7.143vw;
  }

  /* 40px */
  .f-67 {
    font-size: 7.143vw;
  }

  /* 40px */
  .f-68 {
    font-size: 7.143vw;
  }

  /* 40px */
  .f-69 {
    font-size: 7.143vw;
  }

  /* 40px */
  .f-70 {
    font-size: 7.500vw;
  }

  /* 42px */
  .f-71 {
    font-size: 7.500vw;
  }

  /* 42px */
  .f-72 {
    font-size: 7.500vw;
  }

  /* 42px */
  .f-73 {
    font-size: 7.500vw;
  }

  /* 42px */
  .f-74 {
    font-size: 7.857vw;
  }

  /* 44px */
  .f-75 {
    font-size: 7.857vw;
  }

  /* 44px */
  .f-76 {
    font-size: 7.500vw;
  }

  /* 42px */
  .f-77 {
    font-size: 7.500vw;
  }

  /* 42px */
  .f-78 {
    font-size: 7.500vw;
  }

  /* 42px */
  .f-79 {
    font-size: 7.857vw;
  }

  /* 44px */
  .f-80 {
    font-size: 7.857vw;
  }

  /* 44px */
  /*  560 px end  */
}

/*--------------------------------------------------
    390px  (414px時点を目安)   ※ クラス名 SP用
--------------------------------------------------*/
@media screen and (max-width: 414px) {
  .sp-f-10 {
    font-size: 2.5641vw !important;
  }

  /* 10 ÷ 3.9 */
  .sp-f-11 {
    font-size: 2.8205vw !important;
  }

  .sp-f-12,.page-title ul li a p,.white-zone .link-1 p {
    font-size: 3.0769vw !important;
  }

  .sp-f-13,.page-nation-set .number.trigger span {
    font-size: 3.3333vw !important;
  }

  .sp-f-14,.page-contents-2 .f-16 {
    font-size: 3.5897vw !important;
  }

  .sp-f-15,.btn-type-1 p {
    font-size: 3.8462vw !important;
  }

  .sp-f-16 {
    font-size: 4.1026vw !important;
  }

  .sp-f-17,.page-contents-2 .f-24 {
    font-size: 4.3590vw !important;
  }

  .sp-f-18 {
    font-size: 4.6154vw !important;
  }

  .sp-f-19 {
    font-size: 4.8718vw !important;
  }

  .sp-f-20,.btns-area ul li a p,.white-zone h3 {
    font-size: 5.1282vw !important;
  }

  .sp-f-21 {
    font-size: 5.3846vw !important;
  }

  .sp-f-22 {
    font-size: 5.6410vw !important;
  }

  .sp-f-23 {
    font-size: 5.8974vw !important;
  }

  .sp-f-24 {
    font-size: 6.1538vw !important;
  }

  .sp-f-25 {
    font-size: 6.4103vw !important;
  }

  .sp-f-26 {
    font-size: 6.6667vw !important;
  }

  .sp-f-27 {
    font-size: 6.9231vw !important;
  }

  .sp-f-28,h2.f-56,.page-contact .set-area h3 {
    font-size: 7.1795vw !important;
  }

  .sp-f-29 {
    font-size: 7.4359vw !important;
  }

  .sp-f-30 {
    font-size: 7.6923vw !important;
  }

  .sp-f-31 {
    font-size: 7.9487vw !important;
  }

  .sp-f-32 {
    font-size: 8.2051vw !important;
  }

  .sp-f-33 {
    font-size: 8.4615vw !important;
  }

  .sp-f-34 {
    font-size: 8.7179vw !important;
  }

  .sp-f-35 {
    font-size: 8.9744vw !important;
  }

  .sp-f-36 {
    font-size: 9.2308vw !important;
  }

  .sp-f-37 {
    font-size: 9.4872vw !important;
  }

  .sp-f-38 {
    font-size: 9.7436vw !important;
  }

  .sp-f-39 {
    font-size: 10.0000vw !important;
  }

  .sp-f-40 {
    font-size: 10.2564vw !important;
  }

  /*  414 px end  */
}

/*----------------------------------------
||
||  font-line
||
----------------------------------------*/
.f-line-20 {
  line-height: 20px;
}

.f-line-21 {
  line-height: 21px;
}

.f-line-22 {
  line-height: 22px;
}

.f-line-23 {
  line-height: 23px;
}

.f-line-24 {
  line-height: 24px;
}

.f-line-25 {
  line-height: 25px;
}

.f-line-26 {
  line-height: 26px;
}

.f-line-27 {
  line-height: 27px;
}

.f-line-28 {
  line-height: 28px;
}

.f-line-29 {
  line-height: 29px;
}

.f-line-30 {
  line-height: 30px;
}

.f-line-31 {
  line-height: 31px;
}

.f-line-32 {
  line-height: 32px;
}

.f-line-33 {
  line-height: 33px;
}

.f-line-34 {
  line-height: 34px;
}

.f-line-35 {
  line-height: 35px;
}

.f-line-36 {
  line-height: 36px;
}

.f-line-37 {
  line-height: 37px;
}

.f-line-38 {
  line-height: 38px;
}

.f-line-39 {
  line-height: 39px;
}

.f-line-40 {
  line-height: 40px;
}

.f-line-41 {
  line-height: 41px;
}

.f-line-42 {
  line-height: 42px;
}

.f-line-43 {
  line-height: 43px;
}

.f-line-44 {
  line-height: 44px;
}

.f-line-45 {
  line-height: 45px;
}

.f-line-46 {
  line-height: 46px;
}

.f-line-47 {
  line-height: 47px;
}

.f-line-48 {
  line-height: 48px;
}

.f-line-49 {
  line-height: 49px;
}

.f-line-50 {
  line-height: 50px;
}

.f-line-51 {
  line-height: 51px;
}

.f-line-52 {
  line-height: 52px;
}

.f-line-53 {
  line-height: 53px;
}

.f-line-54 {
  line-height: 54px;
}

.f-line-55 {
  line-height: 55px;
}

.f-line-56 {
  line-height: 56px;
}

.f-line-57 {
  line-height: 57px;
}

.f-line-58 {
  line-height: 58px;
}

.f-line-59 {
  line-height: 59px;
}

.f-line-60 {
  line-height: 60px;
}

.f-line-61 {
  line-height: 61px;
}

.f-line-62 {
  line-height: 62px;
}

.f-line-63 {
  line-height: 63px;
}

.f-line-64 {
  line-height: 64px;
}

.f-line-65 {
  line-height: 65px;
}

.f-line-66 {
  line-height: 66px;
}

.f-line-67 {
  line-height: 67px;
}

.f-line-68 {
  line-height: 68px;
}

.f-line-69 {
  line-height: 69px;
}

.f-line-70 {
  line-height: 70px;
}

.f-line-71 {
  line-height: 71px;
}

.f-line-72 {
  line-height: 72px;
}

.f-line-73 {
  line-height: 73px;
}

.f-line-74 {
  line-height: 74px;
}

.f-line-75 {
  line-height: 75px;
}

.f-line-76 {
  line-height: 76px;
}

.f-line-77 {
  line-height: 77px;
}

.f-line-78 {
  line-height: 78px;
}

.f-line-79 {
  line-height: 79px;
}

.f-line-80 {
  line-height: 80px;
}

.f-line-81 {
  line-height: 81px;
}

.f-line-82 {
  line-height: 82px;
}

.f-line-83 {
  line-height: 83px;
}

.f-line-84 {
  line-height: 84px;
}

.f-line-85 {
  line-height: 85px;
}

.f-line-86 {
  line-height: 86px;
}

.f-line-87 {
  line-height: 87px;
}

.f-line-88 {
  line-height: 88px;
}

.f-line-89 {
  line-height: 89px;
}

.f-line-90 {
  line-height: 90px;
}

.f-line-91 {
  line-height: 91px;
}

.f-line-92 {
  line-height: 92px;
}

.f-line-93 {
  line-height: 93px;
}

.f-line-94 {
  line-height: 94px;
}

.f-line-95 {
  line-height: 95px;
}

.f-line-96 {
  line-height: 96px;
}

.f-line-97 {
  line-height: 97px;
}

.f-line-98 {
  line-height: 98px;
}

.f-line-99 {
  line-height: 99px;
}

.f-line-100 {
  line-height: 100px;
}

/*--------------------------------------------------
    1561px - 1920px  (1920px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:1920px) {
  .f-line-20 {
    line-height: 1.04vw;
  }

  .f-line-21 {
    line-height: 1.09vw;
  }

  .f-line-22 {
    line-height: 1.15vw;
  }

  .f-line-23 {
    line-height: 1.20vw;
  }

  .f-line-24 {
    line-height: 1.25vw;
  }

  .f-line-25 {
    line-height: 1.30vw;
  }

  .f-line-26 {
    line-height: 1.35vw;
  }

  .f-line-27 {
    line-height: 1.41vw;
  }

  .f-line-28 {
    line-height: 1.46vw;
  }

  .f-line-29 {
    line-height: 1.51vw;
  }

  .f-line-30 {
    line-height: 1.56vw;
  }

  .f-line-31 {
    line-height: 1.61vw;
  }

  .f-line-32 {
    line-height: 1.67vw;
  }

  .f-line-33 {
    line-height: 1.72vw;
  }

  .f-line-34 {
    line-height: 1.77vw;
  }

  .f-line-35 {
    line-height: 1.82vw;
  }

  .f-line-36 {
    line-height: 1.88vw;
  }

  .f-line-37 {
    line-height: 1.93vw;
  }

  .f-line-38 {
    line-height: 1.98vw;
  }

  .f-line-39 {
    line-height: 2.03vw;
  }

  .f-line-40 {
    line-height: 2.08vw;
  }

  .f-line-41 {
    line-height: 2.14vw;
  }

  .f-line-42 {
    line-height: 2.19vw;
  }

  .f-line-43 {
    line-height: 2.24vw;
  }

  .f-line-44 {
    line-height: 2.29vw;
  }

  .f-line-45 {
    line-height: 2.34vw;
  }

  .f-line-46 {
    line-height: 2.40vw;
  }

  .f-line-47 {
    line-height: 2.45vw;
  }

  .f-line-48 {
    line-height: 2.50vw;
  }

  .f-line-49 {
    line-height: 2.55vw;
  }

  .f-line-50 {
    line-height: 2.60vw;
  }

  .f-line-51 {
    line-height: 2.66vw;
  }

  .f-line-52 {
    line-height: 2.71vw;
  }

  .f-line-53 {
    line-height: 2.76vw;
  }

  .f-line-54 {
    line-height: 2.81vw;
  }

  .f-line-55 {
    line-height: 2.86vw;
  }

  .f-line-56 {
    line-height: 2.92vw;
  }

  .f-line-57 {
    line-height: 2.97vw;
  }

  .f-line-58 {
    line-height: 3.02vw;
  }

  .f-line-59 {
    line-height: 3.07vw;
  }

  .f-line-60 {
    line-height: 3.13vw;
  }

  .f-line-61 {
    line-height: 3.18vw;
  }

  .f-line-62 {
    line-height: 3.23vw;
  }

  .f-line-63 {
    line-height: 3.28vw;
  }

  .f-line-64 {
    line-height: 3.33vw;
  }

  .f-line-65 {
    line-height: 3.39vw;
  }

  .f-line-66 {
    line-height: 3.44vw;
  }

  .f-line-67 {
    line-height: 3.49vw;
  }

  .f-line-68 {
    line-height: 3.54vw;
  }

  .f-line-69 {
    line-height: 3.59vw;
  }

  .f-line-70 {
    line-height: 3.65vw;
  }

  .f-line-71 {
    line-height: 3.70vw;
  }

  .f-line-72 {
    line-height: 3.75vw;
  }

  .f-line-73 {
    line-height: 3.80vw;
  }

  .f-line-74 {
    line-height: 3.85vw;
  }

  .f-line-75 {
    line-height: 3.91vw;
  }

  .f-line-76 {
    line-height: 3.96vw;
  }

  .f-line-77 {
    line-height: 4.01vw;
  }

  .f-line-78 {
    line-height: 4.06vw;
  }

  .f-line-79 {
    line-height: 4.11vw;
  }

  .f-line-80 {
    line-height: 4.17vw;
  }

  .f-line-81 {
    line-height: 4.22vw;
  }

  .f-line-82 {
    line-height: 4.27vw;
  }

  .f-line-83 {
    line-height: 4.32vw;
  }

  .f-line-84 {
    line-height: 4.38vw;
  }

  .f-line-85 {
    line-height: 4.43vw;
  }

  .f-line-86 {
    line-height: 4.48vw;
  }

  .f-line-87 {
    line-height: 4.53vw;
  }

  .f-line-88 {
    line-height: 4.58vw;
  }

  .f-line-89 {
    line-height: 4.64vw;
  }

  .f-line-90 {
    line-height: 4.69vw;
  }

  .f-line-91 {
    line-height: 4.74vw;
  }

  .f-line-92 {
    line-height: 4.79vw;
  }

  .f-line-93 {
    line-height: 4.84vw;
  }

  .f-line-94 {
    line-height: 4.90vw;
  }

  .f-line-95 {
    line-height: 4.95vw;
  }

  .f-line-96 {
    line-height: 5.00vw;
  }

  .f-line-97 {
    line-height: 5.05vw;
  }

  .f-line-98 {
    line-height: 5.10vw;
  }

  .f-line-99 {
    line-height: 5.16vw;
  }

  .f-line-100 {
    line-height: 5.21vw;
  }

}

/*--------------------------------------------------
    1536px  (1440px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:1536px) {
  .f-line-20 {
    line-height: 1.458vw;
  }

  /* 21px */
  .f-line-21 {
    line-height: 1.528vw;
  }

  /* 22px */
  .f-line-22 {
    line-height: 1.597vw;
  }

  /* 23px */
  .f-line-23 {
    line-height: 1.667vw;
  }

  /* 24px */
  .f-line-24 {
    line-height: 1.736vw;
  }

  /* 25px */
  .f-line-25 {
    line-height: 1.806vw;
  }

  /* 26px */
  .f-line-26 {
    line-height: 1.806vw;
  }

  /* 26px */
  .f-line-27 {
    line-height: 1.875vw;
  }

  /* 27px */
  .f-line-28 {
    line-height: 1.944vw;
  }

  /* 28px */
  .f-line-29 {
    line-height: 2.014vw;
  }

  /* 29px */
  .f-line-30 {
    line-height: 2.083vw;
  }

  /* 30px */
  .f-line-31 {
    line-height: 2.153vw;
  }

  /* 31px */
  .f-line-32 {
    line-height: 2.222vw;
  }

  /* 32px */
  .f-line-33 {
    line-height: 2.292vw;
  }

  /* 33px */
  .f-line-34 {
    line-height: 2.361vw;
  }

  /* 34px */
  .f-line-35 {
    line-height: 2.431vw;
  }

  /* 35px */
  .f-line-36 {
    line-height: 2.431vw;
  }

  /* 35px */
  .f-line-37 {
    line-height: 2.500vw;
  }

  /* 36px */
  .f-line-38 {
    line-height: 2.569vw;
  }

  /* 37px */
  .f-line-39 {
    line-height: 2.639vw;
  }

  /* 38px */
  .f-line-40 {
    line-height: 2.708vw;
  }

  /* 39px */
  .f-line-41 {
    line-height: 2.778vw;
  }

  /* 40px */
  .f-line-42 {
    line-height: 2.847vw;
  }

  /* 41px */
  .f-line-43 {
    line-height: 2.917vw;
  }

  /* 42px */
  .f-line-44 {
    line-height: 2.986vw;
  }

  /* 43px */
  .f-line-45 {
    line-height: 3.056vw;
  }

  /* 44px */
  .f-line-46 {
    line-height: 3.056vw;
  }

  /* 44px */
  .f-line-47 {
    line-height: 3.125vw;
  }

  /* 45px */
  .f-line-48 {
    line-height: 3.194vw;
  }

  /* 46px */
  .f-line-49 {
    line-height: 3.264vw;
  }

  /* 47px */
  .f-line-50 {
    line-height: 3.333vw;
  }

  /* 48px */
  .f-line-51 {
    line-height: 3.403vw;
  }

  /* 49px */
  .f-line-52 {
    line-height: 3.472vw;
  }

  /* 50px */
  .f-line-53 {
    line-height: 3.542vw;
  }

  /* 51px */
  .f-line-54 {
    line-height: 3.611vw;
  }

  /* 52px */
  .f-line-55 {
    line-height: 3.681vw;
  }

  /* 53px */
  .f-line-56 {
    line-height: 3.681vw;
  }

  /* 53px */
  .f-line-57 {
    line-height: 3.750vw;
  }

  /* 54px */
  .f-line-58 {
    line-height: 3.819vw;
  }

  /* 55px */
  .f-line-59 {
    line-height: 3.889vw;
  }

  /* 56px */
  .f-line-60 {
    line-height: 3.958vw;
  }

  /* 57px */
  .f-line-61 {
    line-height: 4.028vw;
  }

  /* 58px */
  .f-line-62 {
    line-height: 4.097vw;
  }

  /* 59px */
  .f-line-63 {
    line-height: 4.167vw;
  }

  /* 60px */
  .f-line-64 {
    line-height: 4.236vw;
  }

  /* 61px */
  .f-line-65 {
    line-height: 4.306vw;
  }

  /* 62px */
  .f-line-66 {
    line-height: 4.306vw;
  }

  /* 62px */
  .f-line-67 {
    line-height: 4.375vw;
  }

  /* 63px */
  .f-line-68 {
    line-height: 4.444vw;
  }

  /* 64px */
  .f-line-69 {
    line-height: 4.514vw;
  }

  /* 65px */
  .f-line-70 {
    line-height: 4.583vw;
  }

  /* 66px */
  .f-line-71 {
    line-height: 4.653vw;
  }

  /* 67px */
  .f-line-72 {
    line-height: 4.722vw;
  }

  /* 68px */
  .f-line-73 {
    line-height: 4.792vw;
  }

  /* 69px */
  .f-line-74 {
    line-height: 4.861vw;
  }

  /* 70px */
  .f-line-75 {
    line-height: 4.931vw;
  }

  /* 71px */
  .f-line-76 {
    line-height: 4.931vw;
  }

  /* 71px */
  .f-line-77 {
    line-height: 5.000vw;
  }

  /* 72px */
  .f-line-78 {
    line-height: 5.069vw;
  }

  /* 73px */
  .f-line-79 {
    line-height: 5.139vw;
  }

  /* 74px */
  .f-line-80 {
    line-height: 5.208vw;
  }

  /* 75px */
  .f-line-81 {
    line-height: 5.278vw;
  }

  /* 76px */
  .f-line-82 {
    line-height: 5.347vw;
  }

  /* 77px */
  .f-line-83 {
    line-height: 5.417vw;
  }

  /* 78px */
  .f-line-84 {
    line-height: 5.486vw;
  }

  /* 79px */
  .f-line-85 {
    line-height: 5.556vw;
  }

  /* 80px */
  .f-line-86 {
    line-height: 5.556vw;
  }

  /* 80px */
  .f-line-87 {
    line-height: 5.625vw;
  }

  /* 81px */
  .f-line-88 {
    line-height: 5.694vw;
  }

  /* 82px */
  .f-line-89 {
    line-height: 5.764vw;
  }

  /* 83px */
  .f-line-90 {
    line-height: 5.833vw;
  }

  /* 84px */
  .f-line-91 {
    line-height: 5.903vw;
  }

  /* 85px */
  .f-line-92 {
    line-height: 5.972vw;
  }

  /* 86px */
  .f-line-93 {
    line-height: 6.042vw;
  }

  /* 87px */
  .f-line-94 {
    line-height: 6.111vw;
  }

  /* 88px */
  .f-line-95 {
    line-height: 6.181vw;
  }

  /* 89px */
  .f-line-96 {
    line-height: 6.181vw;
  }

  /* 89px */
  .f-line-97 {
    line-height: 6.250vw;
  }

  /* 90px */
  .f-line-98 {
    line-height: 6.319vw;
  }

  /* 91px */
  .f-line-99 {
    line-height: 6.389vw;
  }

  /* 92px */
  .f-line-100 {
    line-height: 6.458vw;
  }

  /* 93px */
}

/*--------------------------------------------------
    1200px  (1200px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:1200px) {
  .f-line-20 {
    line-height: 1.667vw;
  }

  /* 20px */
  .f-line-21 {
    line-height: 1.750vw;
  }

  /* 21px */
  .f-line-22 {
    line-height: 1.833vw;
  }

  /* 22px */
  .f-line-23 {
    line-height: 1.917vw;
  }

  /* 23px */
  .f-line-24 {
    line-height: 2.000vw;
  }

  /* 24px */
  .f-line-25 {
    line-height: 2.000vw;
  }

  /* 24px */
  .f-line-26 {
    line-height: 2.000vw;
  }

  /* 24px */
  .f-line-27 {
    line-height: 2.167vw;
  }

  /* 26px */
  .f-line-28 {
    line-height: 2.167vw;
  }

  /* 26px */
  .f-line-29 {
    line-height: 2.167vw;
  }

  /* 26px */
  .f-line-30 {
    line-height: 2.167vw;
  }

  /* 26px */
  .f-line-31 {
    line-height: 2.333vw;
  }

  /* 28px */
  .f-line-32 {
    line-height: 2.500vw;
  }

  /* 30px */
  .f-line-33 {
    line-height: 2.500vw;
  }

  /* 30px */
  .f-line-34 {
    line-height: 2.667vw;
  }

  /* 32px */
  .f-line-35 {
    line-height: 2.667vw;
  }

  /* 32px */
  .f-line-36 {
    line-height: 2.667vw;
  }

  /* 32px */
  .f-line-37 {
    line-height: 2.750vw;
  }

  /* 33px */
  .f-line-38 {
    line-height: 2.833vw;
  }

  /* 34px */
  .f-line-39 {
    line-height: 2.917vw;
  }

  /* 35px */
  .f-line-40 {
    line-height: 3.000vw;
  }

  /* 36px */
  .f-line-41 {
    line-height: 3.083vw;
  }

  /* 37px */
  .f-line-42 {
    line-height: 3.167vw;
  }

  /* 38px */
  .f-line-43 {
    line-height: 3.250vw;
  }

  /* 39px */
  .f-line-44 {
    line-height: 3.333vw;
  }

  /* 40px */
  .f-line-45 {
    line-height: 3.583vw;
  }

  /* 43px */
  .f-line-46 {
    line-height: 3.583vw;
  }

  /* 43px */
  .f-line-47 {
    line-height: 3.667vw;
  }

  /* 44px */
  .f-line-48 {
    line-height: 3.667vw;
  }

  /* 44px */
  .f-line-49 {
    line-height: 3.667vw;
  }

  /* 44px */
  .f-line-50 {
    line-height: 3.833vw;
  }

  /* 46px */
  .f-line-51 {
    line-height: 3.833vw;
  }

  /* 46px */
  .f-line-52 {
    line-height: 3.833vw;
  }

  /* 46px */
  .f-line-53 {
    line-height: 4.000vw;
  }

  /* 48px */
  .f-line-54 {
    line-height: 4.000vw;
  }

  /* 48px */
  .f-line-55 {
    line-height: 4.167vw;
  }

  /* 50px */
  .f-line-56 {
    line-height: 4.167vw;
  }

  /* 50px */
  .f-line-57 {
    line-height: 4.333vw;
  }

  /* 52px */
  .f-line-58 {
    line-height: 4.333vw;
  }

  /* 52px */
  .f-line-59 {
    line-height: 4.333vw;
  }

  /* 52px */
  .f-line-60 {
    line-height: 4.333vw;
  }

  /* 52px */
  .f-line-61 {
    line-height: 4.333vw;
  }

  /* 52px */
  .f-line-62 {
    line-height: 4.333vw;
  }

  /* 52px */
  .f-line-63 {
    line-height: 4.583vw;
  }

  /* 55px */
  .f-line-64 {
    line-height: 4.583vw;
  }

  /* 55px */
  .f-line-65 {
    line-height: 4.583vw;
  }

  /* 55px */
  .f-line-66 {
    line-height: 4.583vw;
  }

  /* 55px */
  .f-line-67 {
    line-height: 4.583vw;
  }

  /* 55px */
  .f-line-68 {
    line-height: 4.583vw;
  }

  /* 55px */
  .f-line-69 {
    line-height: 4.833vw;
  }

  /* 58px */
  .f-line-70 {
    line-height: 4.833vw;
  }

  /* 58px */
  .f-line-71 {
    line-height: 4.833vw;
  }

  /* 58px */
  .f-line-72 {
    line-height: 4.833vw;
  }

  /* 58px */
  .f-line-73 {
    line-height: 4.833vw;
  }

  /* 58px */
  .f-line-74 {
    line-height: 4.833vw;
  }

  /* 58px */
  .f-line-75 {
    line-height: 5.167vw;
  }

  /* 62px */
  .f-line-76 {
    line-height: 5.500vw;
  }

  /* 66px */
  .f-line-77 {
    line-height: 5.500vw;
  }

  /* 66px */
  .f-line-78 {
    line-height: 5.500vw;
  }

  /* 66px */
  .f-line-79 {
    line-height: 5.500vw;
  }

  /* 66px */
  .f-line-80 {
    line-height: 5.500vw;
  }

  /* 66px */
  .f-line-81 {
    line-height: 5.833vw;
  }

  /* 70px */
  .f-line-82 {
    line-height: 5.833vw;
  }

  /* 70px */
  .f-line-83 {
    line-height: 5.833vw;
  }

  /* 70px */
  .f-line-84 {
    line-height: 5.833vw;
  }

  /* 70px */
  .f-line-85 {
    line-height: 5.833vw;
  }

  /* 70px */
  .f-line-86 {
    line-height: 5.833vw;
  }

  /* 70px */
  .f-line-87 {
    line-height: 6.333vw;
  }

  /* 76px */
  .f-line-88 {
    line-height: 6.333vw;
  }

  /* 76px */
  .f-line-89 {
    line-height: 6.333vw;
  }

  /* 76px */
  .f-line-90 {
    line-height: 6.333vw;
  }

  /* 76px */
  .f-line-91 {
    line-height: 6.333vw;
  }

  /* 76px */
  .f-line-92 {
    line-height: 6.333vw;
  }

  /* 76px */
  .f-line-93 {
    line-height: 6.667vw;
  }

  /* 80px */
  .f-line-94 {
    line-height: 6.667vw;
  }

  /* 80px */
  .f-line-95 {
    line-height: 7.083vw;
  }

  /* 85px */
  .f-line-96 {
    line-height: 7.083vw;
  }

  /* 85px */
  .f-line-97 {
    line-height: 7.083vw;
  }

  /* 85px */
  .f-line-98 {
    line-height: 7.083vw;
  }

  /* 85px */
  .f-line-99 {
    line-height: 7.083vw;
  }

  /* 85px */
  .f-line-100 {
    line-height: 7.083vw;
  }

  /* 85px */
}

/*--------------------------------------------------
    1024px  (960px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:1024px) {
  .f-line-20 {
    line-height: 2.083vw;
  }

  /* 20px */
  .f-line-21 {
    line-height: 2.188vw;
  }

  /* 21px */
  .f-line-22 {
    line-height: 2.292vw;
  }

  /* 22px */
  .f-line-23 {
    line-height: 2.396vw;
  }

  /* 23px */
  .f-line-24 {
    line-height: 2.500vw;
  }

  /* 24px */
  .f-line-25 {
    line-height: 2.500vw;
  }

  /* 24px */
  .f-line-26 {
    line-height: 2.500vw;
  }

  /* 24px */
  .f-line-27 {
    line-height: 2.708vw;
  }

  /* 26px */
  .f-line-28 {
    line-height: 2.708vw;
  }

  /* 26px */
  .f-line-29 {
    line-height: 2.708vw;
  }

  /* 26px */
  .f-line-30 {
    line-height: 2.708vw;
  }

  /* 26px */
  .f-line-31 {
    line-height: 2.917vw;
  }

  /* 28px */
  .f-line-32 {
    line-height: 3.125vw;
  }

  /* 30px */
  .f-line-33 {
    line-height: 3.125vw;
  }

  /* 30px */
  .f-line-34 {
    line-height: 3.333vw;
  }

  /* 32px */
  .f-line-35 {
    line-height: 3.333vw;
  }

  /* 32px */
  .f-line-36 {
    line-height: 3.333vw;
  }

  /* 32px */
  .f-line-37 {
    line-height: 3.438vw;
  }

  /* 33px */
  .f-line-38 {
    line-height: 3.542vw;
  }

  /* 34px */
  .f-line-39 {
    line-height: 3.646vw;
  }

  /* 35px */
  .f-line-40 {
    line-height: 3.750vw;
  }

  /* 36px */
  .f-line-41 {
    line-height: 3.854vw;
  }

  /* 37px */
  .f-line-42 {
    line-height: 3.958vw;
  }

  /* 38px */
  .f-line-43 {
    line-height: 4.062vw;
  }

  /* 39px */
  .f-line-44 {
    line-height: 4.167vw;
  }

  /* 40px */
  .f-line-45 {
    line-height: 4.479vw;
  }

  /* 43px */
  .f-line-46 {
    line-height: 4.479vw;
  }

  /* 43px */
  .f-line-47 {
    line-height: 4.583vw;
  }

  /* 44px */
  .f-line-48 {
    line-height: 4.583vw;
  }

  /* 44px */
  .f-line-49 {
    line-height: 4.583vw;
  }

  /* 44px */
  .f-line-50 {
    line-height: 4.792vw;
  }

  /* 46px */
  .f-line-51 {
    line-height: 4.792vw;
  }

  /* 46px */
  .f-line-52 {
    line-height: 4.792vw;
  }

  /* 46px */
  .f-line-53 {
    line-height: 5.000vw;
  }

  /* 48px */
  .f-line-54 {
    line-height: 5.000vw;
  }

  /* 48px */
  .f-line-55 {
    line-height: 5.208vw;
  }

  /* 50px */
  .f-line-56 {
    line-height: 5.208vw;
  }

  /* 50px */
  .f-line-57 {
    line-height: 5.417vw;
  }

  /* 52px */
  .f-line-58 {
    line-height: 5.417vw;
  }

  /* 52px */
  .f-line-59 {
    line-height: 5.417vw;
  }

  /* 52px */
  .f-line-60 {
    line-height: 5.417vw;
  }

  /* 52px */
  .f-line-61 {
    line-height: 5.417vw;
  }

  /* 52px */
  .f-line-62 {
    line-height: 5.417vw;
  }

  /* 52px */
  .f-line-63 {
    line-height: 5.729vw;
  }

  /* 55px */
  .f-line-64 {
    line-height: 5.729vw;
  }

  /* 55px */
  .f-line-65 {
    line-height: 5.729vw;
  }

  /* 55px */
  .f-line-66 {
    line-height: 5.729vw;
  }

  /* 55px */
  .f-line-67 {
    line-height: 5.729vw;
  }

  /* 55px */
  .f-line-68 {
    line-height: 5.729vw;
  }

  /* 55px */
  .f-line-69 {
    line-height: 6.042vw;
  }

  /* 58px */
  .f-line-70 {
    line-height: 6.042vw;
  }

  /* 58px */
  .f-line-71 {
    line-height: 6.042vw;
  }

  /* 58px */
  .f-line-72 {
    line-height: 6.042vw;
  }

  /* 58px */
  .f-line-73 {
    line-height: 6.042vw;
  }

  /* 58px */
  .f-line-74 {
    line-height: 6.042vw;
  }

  /* 58px */
  .f-line-75 {
    line-height: 6.458vw;
  }

  /* 62px */
  .f-line-76 {
    line-height: 6.875vw;
  }

  /* 66px */
  .f-line-77 {
    line-height: 6.875vw;
  }

  /* 66px */
  .f-line-78 {
    line-height: 6.875vw;
  }

  /* 66px */
  .f-line-79 {
    line-height: 6.875vw;
  }

  /* 66px */
  .f-line-80 {
    line-height: 6.875vw;
  }

  /* 66px */
  .f-line-81 {
    line-height: 7.292vw;
  }

  /* 70px */
  .f-line-82 {
    line-height: 7.292vw;
  }

  /* 70px */
  .f-line-83 {
    line-height: 7.292vw;
  }

  /* 70px */
  .f-line-84 {
    line-height: 7.292vw;
  }

  /* 70px */
  .f-line-85 {
    line-height: 7.292vw;
  }

  /* 70px */
  .f-line-86 {
    line-height: 7.292vw;
  }

  /* 70px */
  .f-line-87 {
    line-height: 7.917vw;
  }

  /* 76px */
  .f-line-88 {
    line-height: 7.917vw;
  }

  /* 76px */
  .f-line-89 {
    line-height: 7.917vw;
  }

  /* 76px */
  .f-line-90 {
    line-height: 8.125vw;
  }

  /* 78px */
  .f-line-91 {
    line-height: 8.125vw;
  }

  /* 78px */
  .f-line-92 {
    line-height: 8.125vw;
  }

  /* 78px */
  .f-line-93 {
    line-height: 8.333vw;
  }

  /* 78px */
  .f-line-94 {
    line-height: 8.333vw;
  }

  /* 78px */
  .f-line-95 {
    line-height: 8.646vw;
  }

  /* 80px */
  .f-line-96 {
    line-height: 8.646vw;
  }

  /* 80px */
  .f-line-97 {
    line-height: 8.646vw;
  }

  /* 80px */
  .f-line-98 {
    line-height: 8.542vw;
  }

  /* 82px */
  .f-line-99 {
    line-height: 8.542vw;
  }

  /* 82px */
  .f-line-100 {
    line-height: 8.542vw;
  }

  /* 82px */
}

/*--------------------------------------------------
    768px  (768px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:768px) {
  .f-line-20 {
    line-height: 2.344vw;
  }

  /* 18px */
  .f-line-21 {
    line-height: 2.473vw;
  }

  /* 19px */
  .f-line-22 {
    line-height: 2.604vw;
  }

  /* 20px */
  .f-line-23 {
    line-height: 2.865vw;
  }

  /* 22px */
  .f-line-24 {
    line-height: 2.865vw;
  }

  /* 22px */
  .f-line-25 {
    line-height: 2.990vw;
  }

  /* 23px */
  .f-line-26 {
    line-height: 3.125vw;
  }

  /* 24px */
  .f-line-27 {
    line-height: 3.255vw;
  }

  /* 25px */
  .f-line-28 {
    line-height: 3.255vw;
  }

  /* 25px */
  .f-line-29 {
    line-height: 3.385vw;
  }

  /* 26px */
  .f-line-30 {
    line-height: 3.385vw;
  }

  /* 26px */
  .f-line-31 {
    line-height: 3.385vw;
  }

  /* 26px */
  .f-line-32 {
    line-height: 3.906vw;
  }

  /* 30px */
  .f-line-33 {
    line-height: 3.906vw;
  }

  /* 30px */
  .f-line-34 {
    line-height: 3.906vw;
  }

  /* 30px */
  .f-line-35 {
    line-height: 3.906vw;
  }

  /* 30px */
  .f-line-36 {
    line-height: 3.906vw;
  }

  /* 30px */
  .f-line-37 {
    line-height: 4.167vw;
  }

  /* 32px */
  .f-line-38 {
    line-height: 4.167vw;
  }

  /* 32px */
  .f-line-39 {
    line-height: 4.167vw;
  }

  /* 32px */
  .f-line-40 {
    line-height: 4.427vw;
  }

  /* 34px */
  .f-line-41 {
    line-height: 4.427vw;
  }

  /* 34px */
  .f-line-42 {
    line-height: 4.427vw;
  }

  /* 34px */
  .f-line-43 {
    line-height: 4.687vw;
  }

  /* 36px */
  .f-line-44 {
    line-height: 4.687vw;
  }

  /* 36px */
  .f-line-45 {
    line-height: 4.636vw;
  }

  /* 36px */
  .f-line-46 {
    line-height: 5.208vw;
  }

  /* 40px */
  .f-line-47 {
    line-height: 5.208vw;
  }

  /* 40px */
  .f-line-48 {
    line-height: 5.208vw;
  }

  /* 40px */
  .f-line-49 {
    line-height: 5.208vw;
  }

  /* 40px */
  .f-line-50 {
    line-height: 5.208vw;
  }

  /* 40px */
  .f-line-51 {
    line-height: 5.469vw;
  }

  /* 42px */
  .f-line-52 {
    line-height: 5.469vw;
  }

  /* 42px */
  .f-line-53 {
    line-height: 5.469vw;
  }

  /* 42px */
  .f-line-54 {
    line-height: 5.469vw;
  }

  /* 42px */
  .f-line-55 {
    line-height: 5.469vw;
  }

  /* 42px */
  .f-line-56 {
    line-height: 5.469vw;
  }

  /* 42px */
  .f-line-57 {
    line-height: 5.990vw;
  }

  /* 46px */
  .f-line-58 {
    line-height: 5.990vw;
  }

  /* 46px */
  .f-line-59 {
    line-height: 5.990vw;
  }

  /* 46px */
  .f-line-60 {
    line-height: 6.250vw;
  }

  /* 48px */
  .f-line-61 {
    line-height: 6.250vw;
  }

  /* 48px */
  .f-line-62 {
    line-height: 6.250vw;
  }

  /* 48px */
  .f-line-63 {
    line-height: 6.250vw;
  }

  /* 48px */
  .f-line-64 {
    line-height: 6.250vw;
  }

  /* 48px */
  .f-line-65 {
    line-height: 6.510vw;
  }

  /* 50px */
  .f-line-66 {
    line-height: 6.510vw;
  }

  /* 50px */
  .f-line-67 {
    line-height: 6.510vw;
  }

  /* 50px */
  .f-line-68 {
    line-height: 6.510vw;
  }

  /* 50px */
  .f-line-69 {
    line-height: 6.510vw;
  }

  /* 50px */
  .f-line-70 {
    line-height: 7.031vw;
  }

  /* 54px */
  .f-line-71 {
    line-height: 7.031vw;
  }

  /* 54px */
  .f-line-72 {
    line-height: 7.031vw;
  }

  /* 54px */
  .f-line-73 {
    line-height: 7.031vw;
  }

  /* 54px */
  .f-line-74 {
    line-height: 7.031vw;
  }

  /* 54px */
  .f-line-75 {
    line-height: 7.552vw;
  }

  /* 58px */
  .f-line-76 {
    line-height: 7.552vw;
  }

  /* 58px */
  .f-line-77 {
    line-height: 7.552vw;
  }

  /* 58px */
  .f-line-78 {
    line-height: 7.552vw;
  }

  /* 58px */
  .f-line-79 {
    line-height: 7.552vw;
  }

  /* 58px */
  .f-line-80 {
    line-height: 7.552vw;
  }

  /* 58px */
  .f-line-81 {
    line-height: 7.813vw;
  }

  /* 60px */
  .f-line-82 {
    line-height: 7.813vw;
  }

  /* 60px */
  .f-line-83 {
    line-height: 7.813vw;
  }

  /* 60px */
  .f-line-84 {
    line-height: 7.813vw;
  }

  /* 60px */
  .f-line-85 {
    line-height: 8.052vw;
  }

  /* 62px */
  .f-line-86 {
    line-height: 8.052vw;
  }

  /* 62px */
  .f-line-87 {
    line-height: 8.177vw;
  }

  /* 62px */
  .f-line-88 {
    line-height: 8.333vw;
  }

  /* 64px */
  .f-line-89 {
    line-height: 8.333vw;
  }

  /* 64px */
  .f-line-90 {
    line-height: 8.473vw;
  }

  /* 64px */
  .f-line-91 {
    line-height: 8.854vw;
  }

  /* 68px */
  .f-line-92 {
    line-height: 8.854vw;
  }

  /* 68px */
  .f-line-93 {
    line-height: 8.993vw;
  }

  /* 68px */
  .f-line-94 {
    line-height: 9.114vw;
  }

  /* 70px */
  .f-line-95 {
    line-height: 9.114vw;
  }

  /* 70px */
  .f-line-96 {
    line-height: 9.114vw;
  }

  /* 70px */
  .f-line-97 {
    line-height: 9.114vw;
  }

  /* 70px */
  .f-line-98 {
    line-height: 9.635vw;
  }

  /* 74px */
  .f-line-99 {
    line-height: 9.635vw;
  }

  /* 74px */
  .f-line-100 {
    line-height: 9.635vw;
  }

  /* 74px */
}

/*--------------------------------------------------
    560px  (560px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:560px) {
  .f-line-20 {
    line-height: 3.214vw;
  }

  /* 18px */
  .f-line-21 {
    line-height: 3.393vw;
  }

  /* 19px */
  .f-line-22 {
    line-height: 3.571vw;
  }

  /* 20px */
  .f-line-23 {
    line-height: 3.929vw;
  }

  /* 22px */
  .f-line-24 {
    line-height: 3.929vw;
  }

  /* 22px */
  .f-line-25 {
    line-height: 4.107vw;
  }

  /* 23px */
  .f-line-26 {
    line-height: 4.286vw;
  }

  /* 24px */
  .f-line-27 {
    line-height: 4.464vw;
  }

  /* 25px */
  .f-line-28 {
    line-height: 4.464vw;
  }

  /* 25px */
  .f-line-29 {
    line-height: 4.643vw;
  }

  /* 26px */
  .f-line-30 {
    line-height: 4.643vw;
  }

  /* 26px */
  .f-line-31 {
    line-height: 4.643vw;
  }

  /* 26px */
  .f-line-32 {
    line-height: 5.357vw;
  }

  /* 30px */
  .f-line-33 {
    line-height: 5.357vw;
  }

  /* 30px */
  .f-line-34 {
    line-height: 5.357vw;
  }

  /* 30px */
  .f-line-35 {
    line-height: 5.357vw;
  }

  /* 30px */
  .f-line-36 {
    line-height: 5.357vw;
  }

  /* 30px */
  .f-line-37 {
    line-height: 5.714vw;
  }

  /* 32px */
  .f-line-38 {
    line-height: 5.714vw;
  }

  /* 32px */
  .f-line-39 {
    line-height: 5.714vw;
  }

  /* 32px */
  .f-line-40 {
    line-height: 6.071vw;
  }

  /* 34px */
  .f-line-41 {
    line-height: 6.071vw;
  }

  /* 34px */
  .f-line-42 {
    line-height: 6.071vw;
  }

  /* 34px */
  .f-line-43 {
    line-height: 6.429vw;
  }

  /* 36px */
  .f-line-44 {
    line-height: 6.429vw;
  }

  /* 36px */
  .f-line-45 {
    line-height: 6.429vw;
  }

  /* 36px */
  .f-line-46 {
    line-height: 7.143vw;
  }

  /* 40px */
  .f-line-47 {
    line-height: 7.143vw;
  }

  /* 40px */
  .f-line-48 {
    line-height: 7.143vw;
  }

  /* 40px */
  .f-line-49 {
    line-height: 7.143vw;
  }

  /* 40px */
  .f-line-50 {
    line-height: 7.143vw;
  }

  /* 40px */
  .f-line-51 {
    line-height: 7.500vw;
  }

  /* 42px */
  .f-line-52 {
    line-height: 7.500vw;
  }

  /* 42px */
  .f-line-53 {
    line-height: 7.500vw;
  }

  /* 42px */
  .f-line-54 {
    line-height: 7.500vw;
  }

  /* 42px */
  .f-line-55 {
    line-height: 7.500vw;
  }

  /* 42px */
  .f-line-56 {
    line-height: 7.500vw;
  }

  /* 42px */
  .f-line-57 {
    line-height: 8.214vw;
  }

  /* 46px */
  .f-line-58 {
    line-height: 8.214vw;
  }

  /* 46px */
  .f-line-59 {
    line-height: 8.214vw;
  }

  /* 46px */
  .f-line-60 {
    line-height: 8.571vw;
  }

  /* 48px */
  .f-line-61 {
    line-height: 8.571vw;
  }

  /* 48px */
  .f-line-62 {
    line-height: 8.571vw;
  }

  /* 48px */
  .f-line-63 {
    line-height: 8.571vw;
  }

  /* 48px */
  .f-line-64 {
    line-height: 8.571vw;
  }

  /* 48px */
  .f-line-65 {
    line-height: 8.929vw;
  }

  /* 50px */
  .f-line-66 {
    line-height: 8.929vw;
  }

  /* 50px */
  .f-line-67 {
    line-height: 8.929vw;
  }

  /* 50px */
  .f-line-68 {
    line-height: 8.929vw;
  }

  /* 50px */
  .f-line-69 {
    line-height: 8.929vw;
  }

  /* 50px */
  .f-line-70 {
    line-height: 9.643vw;
  }

  /* 54px */
  .f-line-71 {
    line-height: 9.643vw;
  }

  /* 54px */
  .f-line-72 {
    line-height: 9.643vw;
  }

  /* 54px */
  .f-line-73 {
    line-height: 9.643vw;
  }

  /* 54px */
  .f-line-74 {
    line-height: 9.643vw;
  }

  /* 54px */
  .f-line-75 {
    line-height: 10.357vw;
  }

  /* 58px */
  .f-line-76 {
    line-height: 10.357vw;
  }

  /* 58px */
  .f-line-77 {
    line-height: 10.357vw;
  }

  /* 58px */
  .f-line-78 {
    line-height: 10.357vw;
  }

  /* 58px */
  .f-line-79 {
    line-height: 10.357vw;
  }

  /* 58px */
  .f-line-80 {
    line-height: 10.357vw;
  }

  /* 58px */
  .f-line-81 {
    line-height: 10.714vw;
  }

  /* 60px */
  .f-line-82 {
    line-height: 10.714vw;
  }

  /* 60px */
  .f-line-83 {
    line-height: 10.714vw;
  }

  /* 60px */
  .f-line-84 {
    line-height: 10.714vw;
  }

  /* 60px */
  .f-line-85 {
    line-height: 11.071vw;
  }

  /* 62px */
  .f-line-86 {
    line-height: 11.071vw;
  }

  /* 62px */
  .f-line-87 {
    line-height: 11.250vw;
  }

  /* 62px */
  .f-line-88 {
    line-height: 11.429vw;
  }

  /* 64px */
  .f-line-89 {
    line-height: 11.429vw;
  }

  /* 64px */
  .f-line-90 {
    line-height: 11.607vw;
  }

  /* 64px */
  .f-line-91 {
    line-height: 12.143vw;
  }

  /* 68px */
  .f-line-92 {
    line-height: 12.143vw;
  }

  /* 68px */
  .f-line-93 {
    line-height: 12.321vw;
  }

  /* 68px */
  .f-line-94 {
    line-height: 12.500vw;
  }

  /* 70px */
  .f-line-95 {
    line-height: 12.500vw;
  }

  /* 70px */
  .f-line-96 {
    line-height: 12.500vw;
  }

  /* 70px */
  .f-line-97 {
    line-height: 12.500vw;
  }

  /* 70px */
  .f-line-98 {
    line-height: 13.214vw;
  }

  /* 74px */
  .f-line-99 {
    line-height: 13.214vw;
  }

  /* 74px */
  .f-line-100 {
    line-height: 13.214vw;
  }

  /* 74px */
}

@media screen and (max-width: 414px) {
  .sp-f-line-12 {
    line-height: 3.08vw !important;
  }

  .sp-f-line-13 {
    line-height: 3.33vw !important;
  }

  .sp-f-line-14 {
    line-height: 3.59vw !important;
  }

  .sp-f-line-15 {
    line-height: 3.85vw !important;
  }

  .sp-f-line-16 {
    line-height: 4.10vw !important;
  }

  .sp-f-line-17 {
    line-height: 4.36vw !important;
  }

  .sp-f-line-18 {
    line-height: 4.62vw !important;
  }

  .sp-f-line-19 {
    line-height: 4.87vw !important;
  }

  .sp-f-line-20 {
    line-height: 5.13vw !important;
  }

  .sp-f-line-21 {
    line-height: 5.38vw !important;
  }

  .sp-f-line-22 {
    line-height: 5.64vw !important;
  }

  .sp-f-line-23 {
    line-height: 5.90vw !important;
  }

  .sp-f-line-24,.page-contents-2 .f-line-28, .page-contents-2 .f-line-32 {
    line-height: 6.15vw !important;
  }

  .sp-f-line-25 {
    line-height: 6.41vw !important;
  }

  .sp-f-line-26 {
    line-height: 6.67vw !important;
  }

  .sp-f-line-27 {
    line-height: 6.92vw !important;
  }

  .sp-f-line-28 {
    line-height: 7.18vw !important;
  }

  .sp-f-line-29 {
    line-height: 7.44vw !important;
  }

  .sp-f-line-30 {
    line-height: 7.69vw !important;
  }

  .sp-f-line-31 {
    line-height: 7.95vw !important;
  }

  .sp-f-line-32 {
    line-height: 8.21vw !important;
  }

  .sp-f-line-33 {
    line-height: 8.46vw !important;
  }

  .sp-f-line-34 {
    line-height: 8.72vw !important;
  }

  .sp-f-line-35 {
    line-height: 8.97vw !important;
  }

  .sp-f-line-36 {
    line-height: 9.23vw !important;
  }

  .sp-f-line-37 {
    line-height: 9.49vw !important;
  }

  .sp-f-line-38 {
    line-height: 9.74vw !important;
  }

  .sp-f-line-39 {
    line-height: 10.00vw !important;
  }

  .sp-f-line-40 {
    line-height: 10.26vw !important;
  }

  .sp-f-line-41 {
    line-height: 10.51vw !important;
  }

  .sp-f-line-42 {
    line-height: 10.77vw !important;
  }

  .sp-f-line-43 {
    line-height: 11.03vw !important;
  }

  .sp-f-line-44 {
    line-height: 11.28vw !important;
  }

  .sp-f-line-45 {
    line-height: 11.54vw !important;
  }

  .sp-f-line-46 {
    line-height: 11.79vw !important;
  }

  .sp-f-line-47 {
    line-height: 12.05vw !important;
  }

  .sp-f-line-48 {
    line-height: 12.31vw !important;
  }

  .sp-f-line-49 {
    line-height: 12.56vw !important;
  }

  .sp-f-line-50 {
    line-height: 12.82vw !important;
  }

  .sp-f-line-51 {
    line-height: 13.08vw !important;
  }

  .sp-f-line-52 {
    line-height: 13.33vw !important;
  }

  .sp-f-line-53 {
    line-height: 13.59vw !important;
  }

  .sp-f-line-54 {
    line-height: 13.85vw !important;
  }

  .sp-f-line-55 {
    line-height: 14.10vw !important;
  }

  .sp-f-line-56 {
    line-height: 14.36vw !important;
  }

  .sp-f-line-57 {
    line-height: 14.62vw !important;
  }

  .sp-f-line-58 {
    line-height: 14.87vw !important;
  }

  .sp-f-line-59 {
    line-height: 15.13vw !important;
  }

  .sp-f-line-60 {
    line-height: 15.38vw !important;
  }

  .sp-f-line-61 {
    line-height: 15.64vw !important;
  }

  .sp-f-line-62 {
    line-height: 15.90vw !important;
  }

  .sp-f-line-63 {
    line-height: 16.15vw !important;
  }

  .sp-f-line-64 {
    line-height: 16.41vw !important;
  }

  .sp-f-line-65 {
    line-height: 16.67vw !important;
  }

  .sp-f-line-66 {
    line-height: 16.92vw !important;
  }

  .sp-f-line-67 {
    line-height: 17.18vw !important;
  }

  .sp-f-line-68 {
    line-height: 17.44vw !important;
  }

  .sp-f-line-69 {
    line-height: 17.69vw !important;
  }

  .sp-f-line-70 {
    line-height: 17.95vw !important;
  }

  .sp-f-line-71 {
    line-height: 18.21vw !important;
  }

  .sp-f-line-72 {
    line-height: 18.46vw !important;
  }

  .sp-f-line-73 {
    line-height: 18.72vw !important;
  }

  .sp-f-line-74 {
    line-height: 18.97vw !important;
  }

  .sp-f-line-75 {
    line-height: 19.23vw !important;
  }

  .sp-f-line-76 {
    line-height: 19.49vw !important;
  }

  .sp-f-line-77 {
    line-height: 19.74vw !important;
  }

  .sp-f-line-78 {
    line-height: 20.00vw !important;
  }

  .sp-f-line-79 {
    line-height: 20.26vw !important;
  }

  .sp-f-line-80 {
    line-height: 20.51vw !important;
  }

  .sp-f-line-81 {
    line-height: 20.77vw !important;
  }

  .sp-f-line-82 {
    line-height: 21.03vw !important;
  }

  .sp-f-line-83 {
    line-height: 21.28vw !important;
  }

  .sp-f-line-84 {
    line-height: 21.54vw !important;
  }

  .sp-f-line-85 {
    line-height: 21.79vw !important;
  }

  .sp-f-line-86 {
    line-height: 22.05vw !important;
  }

  .sp-f-line-87 {
    line-height: 22.31vw !important;
  }

  .sp-f-line-88 {
    line-height: 22.56vw !important;
  }

  .sp-f-line-89 {
    line-height: 22.82vw !important;
  }

  .sp-f-line-90 {
    line-height: 23.08vw !important;
  }

  .sp-f-line-91 {
    line-height: 23.33vw !important;
  }

  .sp-f-line-92 {
    line-height: 23.59vw !important;
  }

  .sp-f-line-93 {
    line-height: 23.85vw !important;
  }

  .sp-f-line-94 {
    line-height: 24.10vw !important;
  }

  .sp-f-line-95 {
    line-height: 24.36vw !important;
  }

  .sp-f-line-96 {
    line-height: 24.62vw !important;
  }

  .sp-f-line-97 {
    line-height: 24.87vw !important;
  }

  .sp-f-line-98 {
    line-height: 25.13vw !important;
  }

  .sp-f-line-99 {
    line-height: 25.38vw !important;
  }

  .sp-f-line-100 {
    line-height: 25.64vw !important;
  }
}

/*----------------------------------------
font-letter
----------------------------------------*/
.f-letter--50 {
  letter-spacing: -0.05em;
}

.f-letter--40 {
  letter-spacing: -0.04em;
}

.f-letter--30 {
  letter-spacing: -0.03em;
}

.f-letter--20 {
  letter-spacing: -0.02em;
}

.f-letter--10 {
  letter-spacing: -0.01em;
}

.f-letter-10 {
  letter-spacing: 0.01em;
}

.f-letter-20 {
  letter-spacing: 0.02em;
}

.f-letter-30 {
  letter-spacing: 0.03em;
}

.f-letter-40 {
  letter-spacing: 0.04em;
}

.f-letter-50 {
  letter-spacing: 0.05em;
}

.f-letter-60 {
  letter-spacing: 0.06em;
}

.f-letter-70 {
  letter-spacing: 0.07em;
}

.f-letter-80 {
  letter-spacing: 0.08em;
}

.f-letter-90 {
  letter-spacing: 0.09em;
}

.f-letter-100 {
  letter-spacing: 0.1em;
}

.f-letter-110 {
  letter-spacing: 0.11em;
}

.f-letter-120 {
  letter-spacing: 0.12em;
}

.f-letter-130 {
  letter-spacing: 0.13em;
}

.f-letter-140 {
  letter-spacing: 0.14em;
}

.f-letter-150 {
  letter-spacing: 0.15em;
}

.f-letter-160 {
  letter-spacing: 0.16em;
}

.f-letter-170 {
  letter-spacing: 0.17em;
}

.f-letter-180 {
  letter-spacing: 0.18em;
}

.f-letter-190 {
  letter-spacing: 0.19em;
}

.f-letter-200 {
  letter-spacing: 0.2em;
}


@media screen and (max-width: 414px) {
  .sp-f-letter--50 {
    letter-spacing: -0.1282vw;
  }

  /* XD -50 = -0.5px */
  .sp-f-letter--40 {
    letter-spacing: -0.1026vw;
  }

  /* XD -40 = -0.4px */
  .sp-f-letter--30 {
    letter-spacing: -0.0769vw;
  }

  /* XD -30 = -0.3px */
  .sp-f-letter--20 {
    letter-spacing: -0.0513vw;
  }

  /* XD -20 = -0.2px */
  .sp-f-letter--10 {
    letter-spacing: -0.0256vw;
  }

  /* XD -10 = -0.1px */
  .sp-f-letter-10 {
    letter-spacing: 0.0256vw;
  }

  /* XD +10 = 0.1px */
  .sp-f-letter-20 {
    letter-spacing: 0.0513vw;
  }

  /* XD +20 = 0.2px */
  .sp-f-letter-30 {
    letter-spacing: 0.0769vw;
  }

  /* XD +30 = 0.3px */
  .sp-f-letter-40 {
    letter-spacing: 0.1026vw;
  }

  /* XD +40 = 0.4px */
  .sp-f-letter-50 {
    letter-spacing: 0.1282vw;
  }

  /* XD +50 = 0.5px */
  .sp-f-letter-60 {
    letter-spacing: 0.1538vw;
  }

  /* XD +60 = 0.6px */
  .sp-f-letter-70 {
    letter-spacing: 0.1795vw;
  }

  /* XD +70 = 0.7px */
  .sp-f-letter-80 {
    letter-spacing: 0.2051vw;
  }

  /* XD +80 = 0.8px */
  .sp-f-letter-90 {
    letter-spacing: 0.2308vw;
  }

  /* XD +90 = 0.9px */
  .sp-f-letter-100 {
    letter-spacing: 0.2564vw;
  }

  /* XD +100 = 1.0px */
  .sp-f-letter-110 {
    letter-spacing: 0.2821vw;
  }

  /* XD +110 = 1.1px */
  .sp-f-letter-120 {
    letter-spacing: 0.3077vw;
  }

  /* XD +120 = 1.2px */
  .sp-f-letter-130 {
    letter-spacing: 0.3333vw;
  }

  /* XD +130 = 1.3px */
  .sp-f-letter-140 {
    letter-spacing: 0.3590vw;
  }

  /* XD +140 = 1.4px */
  .sp-f-letter-150 {
    letter-spacing: 0.3846vw;
  }

  /* XD +150 = 1.5px */
  .sp-f-letter-160 {
    letter-spacing: 0.4103vw;
  }

  /* XD +160 = 1.6px */
  .sp-f-letter-170 {
    letter-spacing: 0.4359vw;
  }

  /* XD +170 = 1.7px */
  .sp-f-letter-180 {
    letter-spacing: 0.4615vw;
  }

  /* XD +180 = 1.8px */
  .sp-f-letter-190 {
    letter-spacing: 0.4872vw;
  }

  /* XD +190 = 1.9px */
  .sp-f-letter-200 {
    letter-spacing: 0.5128vw;
  }

  /* XD +200 = 2.0px */
}

/*----------------------------------------
font-weight
----------------------------------------*/
.f-w-light {
  font-weight: 100;
}

.f-w-400 {
  font-weight: 400;
}

.f-w-500 {
  font-weight: 500;
}

.f-w-600 {
  font-weight: 600;
}

.f-w-bold {
  font-weight: bold;
}

/*-------------------------------------------------------------
レイアウト
-------------------------------------------------------------*/
a {
  text-decoration: none;
  display: block;
}

img {
  width: 100%;
}

html p {
  margin-bottom: 0;
}

html ul {
  padding-left: 0;
}

html body .wrapper {
  width: 88vw;
  max-width: 1560px;
  margin-right: auto;
  margin-left: auto;
}

html body .wrapper-2 {
  width: 88vw;
  max-width: 1360px;
  margin-right: auto;
  margin-left: auto;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.center {
  margin-right: auto;
  margin-left: auto;
  display: block;
}

.right {
  margin-left: auto;
  display: block;
}

.left {
  margin-right: auto;
  display: block;
}

.flex {
  display: flex;
  align-items: center;
}

/* 2グリット */
.flex-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.flex-box .block-left {
  width: 48%;
}

.flex-box .block-right {
  width: 48%;
}


/* 3グリット   ( ２種類あり ) */
ul.flex-box-2,
/*sp 1列*/
ul.flex-box-2-type2

/*sp ２列*/
  {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

ul.flex-box-2 li,
ul.flex-box-2-type2 li {
  width: 31%;
  margin-bottom: 6%;
}

ul.flex-box-2 li:nth-of-type(2),
ul.flex-box-2 li:nth-of-type(5),
ul.flex-box-2 li:nth-of-type(8),
ul.flex-box-2 li:nth-of-type(11),
ul.flex-box-2-type2 li:nth-of-type(2),
ul.flex-box-2-type2 li:nth-of-type(5),
ul.flex-box-2-type2 li:nth-of-type(8),
ul.flex-box-2-type2 li:nth-of-type(11) {
  margin-right: 3.5%;
  margin-left: 3.5%;
}

.btn-type-1 {
  display: block;
  max-width: 190px;
  width: 100%;
  position: relative;
  padding: 0.8% 0;
  transition: all 0.2s;
}
.btn-type-1 p:after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #1D1D1D;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: all 0.2s;
  transform: scaleX(1);
  transform-origin: right;
}
.btn-type-1 p:before {
  content: '';
  width: 8px;
  height: 8px;
  border-right: 1px solid #1D1D1D;
  border-bottom: 1px solid #1D1D1D;
  position: absolute;
  right: 1.5%;
  top: 50%;
  transform: translateY(-50%) rotate(315deg);
  transition: all 0.2s;
}
.btn-type-1.btn-type-2 p {
  text-align: right;
}
.btn-type-1.btn-type-2 p:before {
  right: unset;
  left: 1.5%;
  transform: translateY(-50%) rotate(135deg);
}

.img-mask {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.img-mask::after {
  content: "";
  width: 100%;
  display: block;
  padding-top: 66.8%;
  /*  3:2の比率  */
}

.img-mask img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  object-position: center;
  transition: all 0.4s;
}

@media screen and (max-width: 1024px) {

  html body .wrapper,
  html body .wrapper-2,
  html body .wrapper-3 {
    max-width: 560px;
  }

  /* 2グリット */
  .flex-box {
    flex-direction: column;
    width: 100%;
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
  }

  .flex-box .block-left {
    width: 100% !important;
    margin-bottom: 6%;
  }

  .flex-box .block-right {
    width: 100% !important;
  }

  /* 3グリット */
  /* １列 */
  ul.flex-box-2 li {
    width: 100%;
    margin-bottom: 6%;
  }

  ul.flex-box-2 li:nth-of-type(2),
  ul.flex-box-2 li:nth-of-type(5),
  ul.flex-box-2 li:nth-of-type(8),
  ul.flex-box-2 li:nth-of-type(11),
  ul.flex-box-2-type2 li:nth-of-type(2),
  ul.flex-box-2-type2 li:nth-of-type(5),
  ul.flex-box-2-type2 li:nth-of-type(8),
  ul.flex-box-2-type2 li:nth-of-type(11) {
    margin-right: 0% !important;
    margin-left: 0% !important;
  }

  /* ２列 */
  ul.flex-box-2-type2 {
    justify-content: space-between;
  }

  ul.flex-box-2-type2 li {
    width: 48% !important;
  }
}

/*------------------
 スペース表
------------------*/
/* padding/margin  -  type-1 */
.pt-type-1 {
  padding-top: 8vw;
}

.pb-type-1 {
  padding-bottom: 8vw;
}

.mt-type-1 {
  margin-top: 8vw;
}

.mb-type-1 {
  margin-bottom: 8vw;
}

/* padding/margin  -  type-2 */
.pt-type-2 {
  padding-top: 6.4vw;
}

.pb-type-2 {
  padding-bottom: 6.4vw;
}

.mt-type-2 {
  margin-top: 6.4vw;
}

.mb-type-2 {
  margin-bottom: 6.4vw;
}

/* padding/margin  -  type-3 */
.pt-type-3 {
  padding-top: 5.8vw;
}

.pb-type-3 {
  padding-bottom: 5.8vw;
}

.mt-type-3 {
  margin-top: 5.8vw;
}

.mb-type-3 {
  margin-bottom: 5.8vw;
}

/* padding/margin  -  type-4 */
.pt-type-4 {
  padding-top: 4.2vw;
}

.pb-type-4 {
  padding-bottom: 4.2vw;
}

.mt-type-4 {
  margin-top: 4.2vw;
}

.mb-type-4 {
  margin-bottom: 4.2vw;
}

/* padding/margin  -  type-5 */
.pt-type-5 {
  padding-top: 1.7vw;
}

.pb-type-5 {
  padding-bottom: 1.7vw;
}

.mt-type-5 {
  margin-top: 1.7vw;
}

.mb-type-5 {
  margin-bottom: 1.7vw;
}

@media screen and (max-width: 1024px) {

  /* padding/margin  -  type-1 */
  .pt-type-1 {
    padding-top: 9.6vw;
  }

  .pb-type-1 {
    padding-bottom: 9.6vw;
  }

  .mt-type-1 {
    margin-top: 9.6vw;
  }

  .mb-type-1 {
    margin-bottom: 9.6vw;
  }

  /* padding/margin  -  type-2 */
  .pt-type-2 {
    padding-top: 8vw;
  }

  .pb-type-2 {
    padding-bottom: 8vw;
  }

  .mt-type-2 {
    margin-top: 8vw;
  }

  .mb-type-2 {
    margin-bottom: 8vw;
  }

  /* padding/margin  -  type-3 */
  .pt-type-3 {
    padding-top: 5.6vw;
  }

  .pb-type-3 {
    padding-bottom: 5.6vw;
  }

  .mt-type-3 {
    margin-top: 5.6vw;
  }

  .mb-type-3 {
    margin-bottom: 5.6vw;
  }

  /* padding/margin  -  type-4 */
  .pt-type-4 {
    padding-top: 3.6vw;
  }

  .pb-type-4 {
    padding-bottom: 3.6vw;
  }

  .mt-type-4 {
    margin-top: 3.6vw;
  }

  .mb-type-4 {
    margin-bottom: 3.6vw;
  }

  /* padding/margin  -  type-5 */
  .pt-type-5 {
    padding-top: 2.2vw;
  }

  .pb-type-5 {
    padding-bottom: 2.2vw;
  }

  .mt-type-5 {
    margin-top: 2.2vw;
  }

  .mb-type-5 {
    margin-bottom: 2.2vw;
  }
}

@media screen and (max-width: 560px) {

  /* padding/margin  -  type-1 */
  .pt-type-1 {
    padding-top: 20.6vw;
  }

  .pb-type-1 {
    padding-bottom: 20.6vw;
  }

  .mt-type-1 {
    margin-top: 20.6vw;
  }

  .mb-type-1 {
    margin-bottom: 20.6vw;
  }

  /* padding/margin  -  type-2 */
  .pt-type-2 {
    padding-top: 16vw;
  }

  .pb-type-2 {
    padding-bottom: 16vw;
  }

  .mt-type-2 {
    margin-top: 16vw;
  }

  .mb-type-2 {
    margin-bottom: 16vw;
  }

  /* padding/margin  -  type-3 */
  .pt-type-3 {
    padding-top: 12vw;
  }

  .pb-type-3 {
    padding-bottom: 12vw;
  }

  .mt-type-3 {
    margin-top: 12vw;
  }

  .mb-type-3 {
    margin-bottom: 12vw;
  }

  /* padding/margin  -  type-4 */
  .pt-type-4 {
    padding-top: 9.6vw;
  }

  .pb-type-4 {
    padding-bottom: 9.6vw;
  }

  .mt-type-4 {
    margin-top: 9.6vw;
  }

  .mb-type-4 {
    margin-bottom: 9.6vw;
  }

  /* padding/margin  -  type-5 */
  .pt-type-5 {
    padding-top: 6.4vw;
  }

  .pb-type-5 {
    padding-bottom: 6.4vw;
  }

  .mt-type-5 {
    margin-top: 6.4vw;
  }

  .mb-type-5 {
    margin-bottom: 6.4vw;
  }
}

/*------------------------------------------------------------
お問い合わせ
------------------------------------------------------------*/
/* 入力 */
.page-main-contact .text-1 {
  margin: 6% 0;
}

.wp_contact-area {
  margin-right: auto;
  margin-left: auto;
  max-width: 800px;
  width: 88vw;
}

.wp_contact-area li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 4%;
}

.wp_contact-area li:last-of-type {
  margin-bottom: 0;
}

.wp_contact-area li article {
  width: 30%;
}

.wp_contact-area li aside {
  width: 65%;
}

.wp_contact-area li .button,
.wp_contact-area li input,
.wp_contact-area li optgroup,
.wp_contact-area li select,
.wp_contact-area li textarea {
  width: 100%;
  padding: 15px 16px;
  background-color: #F4F4F4;
}

.wp-con-btn-area {
  margin-top: 12%;
  margin-bottom: 8%;
}

.wp-con-btn-area input {
  margin-right: auto;
  margin-left: auto;
  display: block;
  background-color: #fff;
  padding: 4px 24px;
  transition: all 0.4s;
}

.wp_contact-area .radio-mode input {
  width: fit-content;
}

.wp_contact-area .radio-mode aside span {
  margin-right: 12px;
  margin-left: 0 !important;
}

.wp_contact-area .red {
  font-size: 12px;
  color: #e20e0e;
  padding-left: 12px;
}

.wp_contact-area li.name-mode input {
  max-width: 358px;
}

.wp_contact-area li.tell-mode input {
  max-width: 262px;
}

.wp_contact-area li.address-mode input {
  max-width: 500px;
}

.wp_contact-area li.img-mode aside {
  position: relative;
}

.wp_contact-area li.img-mode aside span {
  position: absolute;
  bottom: -4px;
  left: 0;
  transform: translateY(-100%);
}

.contact-group-1 {
  margin-top: 8%;
  width: 100%;
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
}

.contact-group-1 img {
  display: block;
  width: 100%;
}

/* 確認 */
.wp_contact-area-confirmation .wp-con-btn-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mw_wp_form.mw_wp_form_confirm span.red {
  display: none;
}

@media screen and (max-width: 768px) {
  .wp_contact-area li {
    flex-direction: column;
  }

  .wp_contact-area li article,
  .wp_contact-area li aside {
    width: 100%;
  }

  .wp_contact-area li article {
    margin-bottom: 1.2%;
  }
}

@media screen and (max-width: 414px) {
  .wp_contact-area li article {
    font-size: 3.847vw;
    line-height: 7.2vw;
  }

  .wp_contact-area li aside {
    font-size: 3.847vw;
    line-height: 7.2vw;
  }

  .wp_contact-area li .button,
  .wp_contact-area li input,
  .wp_contact-area li optgroup,
  .wp_contact-area li select,
  .wp_contact-area li textarea {
    padding: 13.5px 16px;
  }

  .wp_contact-area li.name-item input {
    max-width: 270px;
  }

  .wp_contact-area li.tell-item input {
    max-width: 220px;
  }
}

.contact-send {
  width: 100vw;
  height: 100vw;
  max-width: 320px;
  max-height: 64px;
  border-radius: 999px;
  background-color: #004A86;
  position: relative;
  margin-top: 6%;
}

.contact-send input {
  width: 100%;
  height: 100%;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}

/*---------------------------------------
header.php
---------------------------------------*/
div,nav,a,header,footer,h1,h2,h3,h4,p,section {
  box-sizing: border-box;
}
header {
  z-index: 999;
}

.site-bg {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.site-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

header.pc-2 {
  position: fixed;
  width: 100%;
  padding: 1.2% 0;
  background-color: #fff;
}

header.pc-2 nav {
  width: 100%;
  padding: 0 4%;
}
header.pc-2 nav .flex-box  {
  align-items: center;
}
header.pc-2 nav .flex-box .block-left {
  width: 14%;
  max-width: 212px;
}

header.pc-2 nav .flex-box .block-left a,
header.pc-2 nav .flex-box .block-left a img {
  width: 100%;
}

header.pc-2 nav .flex-box .block-right {
  width: 60%;
  max-width: 932px;
}

header.pc-2 nav .flex-box .block-right .top-area {
  width: auto;
  margin-bottom: 1.2%;
}

header.pc-2 nav .flex-box .block-right .top-area ul {
  display: none;
  justify-content: end;
  margin-right: -1%;
}
header.pc-2 nav .flex-box .block-right .top-area ul.menu-on {
  display: flex !important;
}

header.pc-2 nav .flex-box .block-right .top-area ul li {
  width: 5.5%;
  max-width: 58px;
  margin-left: 2%;
}
header.pc-2 nav .flex-box .block-right .top-area ul li:first-of-type {
  margin-left: 0;
}
header.pc-2 nav .flex-box .block-right .top-area ul li.cart-mark a {
  display: block;
  position: relative;
}
header.pc-2 nav .flex-box .block-right .top-area ul li.cart-mark a .count {
  position: absolute;
  top: 15%;
  right: 15%;
  z-index: 1;
}
header.pc-2 nav .flex-box .block-right .top-area ul li.cart-mark a .count:after {
  content: '';
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: 2px solid #1D1D1D;
  border-radius: 50%;
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
}
header.pc-2 nav .flex-box .block-right .bottom-area {
  width: 100%;
}
header.pc-2 nav .flex-box .block-right .bottom-area ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
header.pc-2 nav .flex-box .block-right .bottom-area ul li a p {
  position: relative;
}
header.pc-2 nav .flex-box .block-right .bottom-area ul li a p:after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #1d1d1d;
  position: absolute;
  bottom: -32%;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  opacity: 0.5;
  transform-origin: center;
  transition: all 0.2s;
}
header.pc-2 nav .flex-box .block-right .top-area ul li a {
  transition: all 0.2s;
}

/*-----------------
ハンバーガーメニュー
-----------------*/
.hamburger {
  display: block;
  width: 12.4vw;
  height: 12.4vw;
  max-width: 52px;
  max-height: 52px;
  cursor: pointer;
  text-align: center;
  position: relative;
}

.hamburger span {
  display: block;
  position: absolute;
  width: 64%;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  background: #1D1D1D;
  transition: 0.3s ease-in-out;
}

.hamburger span:nth-child(1) {
  top: 30%;
}

.hamburger span:nth-child(2) {
  top: 50%;
}

.hamburger span:nth-child(3) {
  top: 70%;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%) rotate(45deg);
}

nav.globalMenuSp {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  background: #fff;
  text-align: center;
  width: 100%;
  /* max-width: 560px; */
  height: calc(var(--vh, 1vh) * 100);
  transform: translateY(-100%);
  transition: all 0.4s;
  padding-top: 6rem;
}

nav.globalMenuSp .menu-scroll-area {
  height: 100vh;
  padding-bottom: 12rem;
  overflow-y: scroll;
}

nav.globalMenuSp ul.navmenu-list {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul.navmenu-list li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: 0.4s all;
  margin-bottom: 4%;
}

nav.globalMenuSp ul.navmenu-list li:last-child {
  padding-bottom: 0;
}

nav.globalMenuSp ul.navmenu-list li a {
  display: block;
  text-decoration: none;
}

nav.globalMenuSp ul.navmenu-list li a p {
  color: #fff;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateY(0);
}

.globalMenuSp {
  pointer-events: none;
}

nav.globalMenuSp.active {
  pointer-events: auto;
}

.sp-header .header-set .logo {
  width: 50%;
  max-width: 196px;
}

.sp-header .header-set .logo img {
  width: 100%;
}

nav.globalMenuSp .sp-menu-sns-list {
  margin-top: 8%;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 176px;
  margin-right: auto;
  margin-left: auto;
}

nav.globalMenuSp .sp-menu-sns-list li {
  width: 32px;
}

nav.globalMenuSp .sp-menu-sns-list li a,
nav.globalMenuSp .sp-menu-sns-list li a img {
  width: 100%;
}

/*---------------------------------------
footer.php
---------------------------------------*/
footer {
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
  padding: 7.5% 0;
  position: relative;
}
footer .set {
  width: 100%;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}
footer .set .logo {
  width: 32%;
  max-width: 320px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5%;
}
footer .set ul {
  display: flex;
  justify-content: center;
  width: auto;
}
footer .set ul li {
  margin-right: 4%;
}
footer .set ul li:last-of-type {
  margin-right: 0;
}
footer .set ul.nav-menu-2 {
  margin-top: 3.5%;
  margin-bottom: 6%;
}
footer .set .logo.logo-2 {
  width: 26%;
  max-width: 280px;
  margin-bottom: 0%;
}
footer .last-text {
  position: absolute;
  left: 50%;
  bottom: 3%;
  transform: translateX(-50%);
}

/*---------------------------------------
||
||  ページコンテンツ
||
---------------------------------------*/
html {
  opacity: 0;
}

html.wf-active,
html.wf-inactive {
  opacity: 1;
  transition:
    opacity 0.6s ease,
    transform 0.6s ease;
}
.top-business-area .splide__slide {
  /* margin-right: 2%;
  margin-left: 2%; */
  box-sizing: border-box;
  padding: 0 1.5%;
}

.first-view-area {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
  padding-top: 6%;
}
.first-view-area video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.first-view-area .white-bg {
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 0;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    #ffffff 85%
  );
}
.first-view-area .catchcopy {
  position: absolute;
  left: 5%;
  bottom: 6%;
  width: 46%;
  max-width: 860px;
  z-index: 1;
}
.first-view-area .logo-mark {
  position: absolute;
  left: 50%;
  top: 48%;
  transform: translate(-50%,-50%);
  width: 22%;
  max-width: 464px;
  z-index: 1;
}
.first-view-area .catchcopy img,
.first-view-area .logo-mark img {
  width: 100%;
}
.top-about-area {
  padding: 7% 0;
  background-color: #fff;
}
.top-about-area .btn-type-1 {
  margin-top: 5%;
}
.white-block-1 {
  width: 100%;
  height: 24vw;
  max-height: 200px;
  background: linear-gradient(
    to top,
    rgba(255, 255, 255, 0) 5%,
    #ffffff 95%
  );
}
.top-business-area {
  padding: 5% 0;
}
.top-business-area li.splide__slide a {
  background-color: #fff;
  padding: 10% 0;
  border-radius: 40px;
  display: block;
}
.top-business-area li.splide__slide .text-box {
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 80%;
}
.top-business-area h2 {
  margin-bottom: 6%;
}
.top-business-area .text-box h3.main-h3 {
  margin-bottom: 4%;
  white-space: nowrap;
}
.top-business-area .text-box img {
  display: block;
  width: 72%;
  margin: 6% auto 2% auto;
}
.top-business-area .splide__pagination.splide__pagination--ltr {
  display: none;
}
.splide__arrow {
  background: none;
  opacity: 1;
  border-radius: unset;
  display: block;
  width: 22px;
  height: 22px;
  border-right: 2px solid #1D1D1D;
  border-bottom: 2px solid #1D1D1D;
  top: 50%;
  transition: all 0.2s;
}
.splide__arrow svg {
  display: none;
}
.splide__arrow.splide__arrow--prev {
  transform: rotate(135deg) translate(-50%,-50%);
  left: -8%;
}
.splide__arrow.splide__arrow--next {
  transform: rotate(315deg) translate(-50%,-50%);
  right: -8%;
}
.top-list-set {
  padding: 6% 0;
}
.top-list-set h2 {
  margin-bottom: 4%;
}
.top-list-set .sab-text {
  margin-bottom: 2%;
}
.top-list-set ul {
  width: 100%;
  margin-bottom: 5%;
}
.top-list-set ul li {
  width: 31%;
  margin-right: 3.5%;
  background-color: #fff;
}
.top-list-set ul li:last-of-type {
  margin-right: 0;
}
.top-list-set ul li a {
  width: 100%;
}
.top-list-set ul li .text-box {
  width: 84%;
  margin-right: auto;
  margin-left: auto;
  padding: 8% 0;
}
.top-list-set ul li .text-box time {
  opacity: 0.5;
}
.top-list-set ul li .text-box .img-mask {
  margin-bottom: 7%;
}
.top-list-set .btn-type-1 {
  margin-right: auto;
  margin-left: auto;
}
.top-products-area {
  padding-top: 3%;
}
.top-products-area ul li .img-mask:after {
  padding-top: 100%;
}
/* アコーディオン用CSS start */
.s_01 .accordion_one {
  width: 100%;
}
.s_01 .accordion_one .accordion_header {
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
  padding: 3.6% 0;
}
.s_01 .accordion_one .accordion_header .item {
  width: 100%;
  max-width: 24px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s;
}
.s_01 .accordion_one .accordion_header.open .item {
  transform: translateY(-50%) rotate(180deg);
}
.s_01 .accordion_one .accordion_inner {
  padding-bottom: 3.6%;
}
.accordion_inner {
  display: none;
}
.s_01 .accordion_one {
  border-bottom: 1px solid #fff;
  transition: all 0.2s;
}
.s_01 .accordion_one p,
.top-question-area h2 {
  color: #fff;
}
/* アコーディオン用CSS end */
.top-question-area {
  background-color: #00000041;
  padding: 6% 0;
}
.top-question-area h2 {
  margin-bottom: 4.5%;
}
.top-question-area .btn-type-1 {
  margin-top: 7%;
}
.top-question-area .btn-type-1 p {
  color: #fff;
}
.top-question-area .btn-type-1 p:after {
  background-color: #fff;
}
.top-question-area .btn-type-1 p:before {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.contact-btn-area {
  width: 100vw;
  height: 21.5vw;
  overflow: hidden;
}
.contact-btn-area a {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.contact-btn-area a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.2s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.contact-btn-area a .black-bg {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s;
  z-index: 0;
}
.contact-btn-area a h2 {
  color: #fff;
}
.contact-btn-area a .wrapper {
  position: relative;
  z-index: 1;
}
.page-title {
  position: fixed;
  left: 9.4%;
  top: 17%;
  z-index: 10;
}
.page-title .line {
  width: 1px;
  height: 9vh;
  max-height: 92px;
  background-color: #1D1D1D;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 80%;
}
.page-title h2 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.45em;
}
.page-title h2.f-36 {
  font-size: 3.35vh;
}
.page-title .title-box {
  width: fit-content;
}
.page-white-space {
  width: 100%;
  height: 50vh;
}
.wrapper-3 {
  width: 88vw;
  max-width: 1536px;
  margin-left: auto;
}
.wrapper-4 {
  width: 85%;
  margin-right: auto;
  margin-left: auto;
}
.page-about .fisr-img-block.img-mask:after {
  padding-top: 56.2%;
}
.page-about .fisr-img-block.img-mask img {
  transform-origin: center;
  transform: scale(1.35) translate(-9.7%,-10%);
}
.page-title ul {
  margin-top: 80%;
}
.page-title ul li {
  margin-bottom: 20%;
}
.page-title ul li:last-of-type {
  margin-bottom: 0;
}
.page-title ul li,
.page-title ul li a,
.page-title ul li a p {
  width: fit-content;
}
.page-about .group-1 {
  margin: 14.5% 0 16% 0;
}
.page-about .group-1 h3 {
  margin-bottom: 5.5%;
}
.page-about .group-2 {
  margin-bottom: 14.5%;
}
.page-about .group-2 h3 {
  margin-bottom: 5%;
}
.page-about .group-2 h3 span {
  margin-left: 1.2%;
}
.page-about .group-2 .block-left {
  width: 50%;
}
.page-about .group-2 .block-right {
  width: 43.5%;
}
.page-about .group-3 .block-left {
  width: 35.5%;
}
.page-about .group-3 .block-right {
  width: 59%;
  margin-bottom: 11%;
}
.page-about .group-3 .block-left .img-mask:after {
  padding-top: 152%;
}
.page-about .group-3 h3 {
  margin-bottom: 7%;
}
.page-about .group-3 .flex-box {
  align-items: center;
}
.page-about .group-3 {
  margin-bottom: 17%;
}
.page-about .group-4 a.btn-type-1 {
  margin-top: 9%;
}
.page-about .group-4 {
  margin-bottom: 17.5%;
}
.page-about .group-5 h3 {
  margin-bottom: 6%;
}
.page-about .group-5 ul {
  width: 100%;
}
.page-about .group-5 ul li .left-area {
  width: 22%;
}
.page-about .group-5 ul li .right-area {
  width: 78%;
}
.page-about .group-5 ul li {
  padding: 2.4% 0;
  border-bottom: 1px solid #1d1d1d3d;
}
.page-about .group-5 ul li:first-of-type {
  padding-top: 0;
}
.btns-area {
  width: 100%;
  margin-top: 9.5%;
}
.btns-area ul {
  width: 70vw;
  max-width: 1236px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8%;
}
.btns-area ul li {
  width: 31%;
}
.btns-area ul li a {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.btns-area ul li a img {
  display: block;
  position: relative;
  z-index: 0;
  transition: all 0.2s;
}
.btns-area ul li a .black-bg {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.2s;
}
.btns-area ul li a p {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}
.btns-area .contact-btn-area {
  display: block;
  width: 100%;
  height: 54vw;
  max-height: 408px;
  position: relative;
}
.btns-area .contact-btn-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-business .flex-box .block-left {
  width: 47%;
}
.page-business .flex-box .block-right {
  width: 50%;
}
.page-business .h2-set {
  margin-bottom: 11%;
}
.page-business .h2-set .main-h2 {
  margin-bottom: 2%;
  transform: translateX(-12px);
}
.page-business .text-group {
  margin-bottom: 10%;
}
.page-business .text-group:last-of-type {
  margin-bottom: 0;
}
.page-business .text-group h3 {
  margin-bottom: 3.5%;
}
.page-business .flex-box .block-right img {
  width: 100%;
}
.page-select .search-area {
  width: 100%;
  background-color: #fff;
  padding: 5% 0;
  margin-bottom: 4%;
}
.page-select .search-area .set {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}
.page-select .search-area .set .flex-box {
  align-items: center;
}
.page-select .search-area .set .flex-box .block-left {
  width: 21%;
}
.page-select .search-area .set .flex-box .block-right {
  width: 79%;
}
.page-select .search-area .set .textbox {
  width: 100%;
  border-radius: 4px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  padding: 2.2% 0;
  border: 1px solid #1D1D1D;
}
.page-select .search-area .set .search-keyword {
  margin-bottom: 4%;
}
.page-select .search-area .set .search-category ul {
  display: flex;
  flex-wrap: wrap;
}
.page-select .search-area .set .search-category ul li {
  margin: 1.6% 4% 1.6% 0;
  align-items: center;
}
.page-select .search-area .set .checkbox {
  width: 100vw;
  height: 100vw;
  max-width: 32px;
  max-height: 32px;
  border-radius: 4px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  padding: 2.2% 0;
  border: 1px solid #1D1D1D;
  margin-right: 16px;
}
.page-select .search-area .set .search-button {
  width: 100vw;
  height: 100vw;
  max-width: 506px;
  max-height: 76px;
  position: relative;
  background-color: #EFEFEF;
  margin: 4% auto 0 auto;
}
.page-select .search-area .set .search-button img {
  width: 100vw;
  max-width: 32px;
  position: absolute;
  right: 83%;
  top: 50%;
  transform: translateY(-50%);
}
.page-select .search-area .set .search-button p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.products-list {
  width: 100%;
}
.products-list ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2%;
}
.products-list ul li {
  width: 30%;
  margin-right: 5%;
  background-color: #fff;
  padding: 2.5%;
  box-sizing: border-box;
  margin-bottom: 4%;
}
.products-list ul li:nth-of-type(3),
.products-list ul li:nth-of-type(6),
.products-list ul li:nth-of-type(9) {
  margin-right: 0;
}
.products-list ul li .img-mask:after {
  padding-top: 100%;
}
.products-list ul li h3 {
  margin-top: 2%;
  margin-bottom: 4%;
}
.page-nation-set {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  width: fit-content;
}
.page-nation-set .number {
  max-width: 54px;
  max-height: 54px;
  width: 100vw;
  height: 100vw;
  background-color: #00000000;
  position: relative;
  margin-right: 40px;
}
.page-nation-set .number span {
  color: #1D1D1D;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.page-nation-set .number.trigger {
  background-color: #1D1D1D;
}
.page-nation-set .number.trigger span {
  color: #fff;
}
.page-select .pro-text-box {
  background-color: #fff;
  padding: 8% 6%;
}
.page-select .pro-text-box .block-left {
  width: 50%;
}
.page-select .pro-text-box .block-right {
  width: 45.5%;
}
.page-select .pro-text-box .block-right h3 {
  margin-bottom: 4%;
}
.page-select .pro-text-box .block-right .text-1 {
  margin-bottom: 4%;
}
.page-select .pro-text-box .block-right .cart-btn {
  width: 100%;
  padding-top: 13%;
  position: relative;
  border: 2px solid #1D1D1D;
  margin-top: 12%;
}
.page-select .pro-text-box .block-right .cart-btn p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.page-select .pro-text-box .img-mask:after {
  padding-top: 100%;
}
.page-select .btn-type-1 {
  margin-top: 5%;
}
.page-select.page-cart .pro-text-box .block-left {
  width: 26%;
}
.page-select.page-cart .pro-text-box .block-right {
  width: 68.5%;
}
.page-select.page-cart .pro-text-box .block-right .set-2 {
  margin-left: 4%;
  opacity: 0.6;
}
.page-select.page-cart .pro-text-box .block-right h3 {
  margin-bottom: 3%;
}
.page-select.page-cart .pro-text-box .block-right .set-3 {
  margin-left: auto;
}
.page-select.page-cart .pro-text-box .block-right .set-3 .icon-0 {
  width: 100vw;
  height: 100vw;
  max-width: 20px;
  max-height: 22px;
  background-image: url(../images/cart-item-1.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 12px;
}
.page-select.page-cart .pro-text-box .block-right .set-3 .icon-0.icon-2 {
  background-image: url(../images/cart-item-2.png);
}
.page-select.page-cart .pro-text-box .block-right .set-3 .icon-0.icon-3 {
  background-image: url(../images/cart-item-3.png);
  margin-right: 0;
}
.page-select.page-cart .pro-text-box .block-right .set-0 {
  align-items: end;
}
.page-select.page-cart .pro-text-box .line {
  background-color: #1D1D1D;
  opacity: 0.3;
  width: 100%;
  height: 1px;
  margin: 4% 0;
}
.page-select.page-cart .pro-text-box .price-btn-area .block-left {
  width: 48%;
}
.page-select.page-cart .pro-text-box .price-btn-area .block-right {
  width: 48%;
}
.page-cart .price-btn-area .price-date {
  width: 100%;
  max-width: 400px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #1d1d1d44;
  padding-bottom: 2.5%;
}
.page-cart .price-btn-area .price-date p {
  width: fit-content;
}
.page-select .pro-text-box .price-btn-area .block-right .cart-btn {
  max-width: 496px;
  margin-left: auto;
  margin-top: 0;
}
.page-select .pro-text-box .price-btn-area {
  align-items: end;
}
.page-topics .topics-category-area {
  margin-bottom: 8%;
}
.page-topics .topics-category-area ul {
  margin-top: 2.5%;
  flex-wrap: wrap;
}
.page-topics .topics-category-area ul li {
  margin-right: 32px;
  margin-bottom: 1.5%;
}
html body .page-topics .post-list li {
  margin-bottom: 4%;
  background-color: #fff;
  padding: 0% 4%;
}
html body .page-topics .post-list li:last-of-type {
  margin-bottom: 0;
}
.page-topics .post-list .mark {
  width: 12px;
  height: 12px;
  border-right: 1px solid #1d1d1d;
  border-bottom: 1px solid #1d1d1d;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 3%;
  transition: all 0.2s;
}
.page-topics .post-list .accordion_header.open .mark {
  transform: rotate(225deg) translateY(-50%);
  right: 2.2%;
}
.page-topics .post-list time {
  opacity: 0.6;
  margin-bottom: 1.8%;
  display: block;
}
/* .page-topics .post-list .s_01 .accordion_one {
  border-bottom: 1px solid #1d1d1d5d;
} */
.page-topics .post-list h3,
.page-topics .post-list p {
  color: #1d1d1d;
}
.page-topics .post-list p {
  margin-top: 2%;
}
.page-topics .post-list .s_01 .accordion_one .accordion_header,
.top-question-area .s_01 .accordion_one .accordion_header,
.page-contact .s_01 .accordion_one .accordion_header {
  padding-right: 8%;
}
.page-contact .question-area ul li:last-of-type .s_01 .accordion_one {
  border-bottom: unset;
}
.page-topics .page-nation-set {
  margin-top: 8%;
}
.white-zone {
  width: 100%;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding: 8% 6%;
  background-color: #fff;
}
.white-zone .link-1 {
  width: fit-content;
  display: block;
  margin-top: 8%;
}
.white-zone .link-1 p {
  color: #743E17;
  width: fit-content;
}
.white-zone h3 {
  margin-bottom: 6%;
}
.white-zone .group-1 ul li {
  margin-bottom: 7%;
}
.white-zone .group-1 ul li:last-of-type {
  margin-bottom: 0;
}
.white-zone .group-1 ul li p.f-18 {
  margin-bottom: 2%;
}
.white-zone .group {
  padding-bottom: 8%;
  margin-bottom: 8%;
  border-bottom: 1px solid #1d1d1d4b;
}
.white-zone .group:last-of-type {
  margin-bottom: 0;
  border-bottom: unset;
}
.white-zone .group-2 {
  width: 100%;
}
.white-zone .group-2 ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.white-zone .group-2 ul li {
  width: 50%;
  padding: 2%;
  box-sizing: border-box;
}
.white-zone .group-2 ul li p {
  width: fit-content;
  display: block;
  margin-right: auto;
  margin-left: auto;
  color: #743E17;
  position: relative;
}
.white-zone .group-2 ul li p:after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #743E17;
  position: absolute;
  bottom: -32%;
  left: 50%;
  transform: translateX(-50%);
}
.white-zone .group-3 ul {
  width: 100%;
}
.white-zone .group-3 ul li {
  width: 100%;
  padding: 4% 6%;
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  margin-bottom: 5%;
}
.white-zone .group-3 ul li:last-of-type {
  margin-bottom: 0;
}
li {
  box-sizing: border-box;
}
.white-zone .group-3 ul li .set {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.white-zone .group-3 ul li .set .text-set-1 .f-12 {
  margin-bottom: 12px;
}
.white-zone .group-3 ul li .set .text-set-2 {
  background-color: #919191;
  color: #fff;
  padding: 6px 24px 7px 24px;
  margin-left: 72px;
}
html .page-kozin .white-zone .group-3 .text-set-2 {
  background-color: unset !important;
  color: unset !important;
  padding: 0 !important;
}
.page-kozin .white-zone .group-3 .text-set-2 .box {
  background-color: #919191;
  color: #fff;
  padding: 6px 24px 7px 24px;
}
.white-zone .group-3 ul li .set .text-set-1 .box {
  margin-bottom: 0;
}
.page-kozin .white-zone .group-3 .text-set-2 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.page-kozin .white-zone .group-3 .text-set-3 {
  margin-left: 4% !important;
  transform: translateX(75%);
}
.page-contact .set-area {
  padding: 8% 0 0 0;
}
.page-contact .question-area {
  padding: 8% 0;
}
.page-contact .set-area h3 {
  margin-bottom: 4%;
}
.page-contact .question-area {
  background-color: #00000060;
}
.page-contact .question-area h3 {
  color: #fff;
}
.page-contact .question-area .category-area {
  width: 100%;
  margin-bottom: 3%;
}
.page-contact .question-area .category-area ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.page-contact .question-area .category-area ul li {
  width: fit-content;
  margin-right: 32px;
  margin-bottom: 1.5%;
}
.page-contact .question-area .category-area ul li a {
  padding: 10px 24px 11px 24px;
  background-color: #fff;
}
.page-contact .contact-from {
  width: 100%;
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 6%;
}
.page-contact .contact-from .flex-box {
  align-items: center;
}
.page-contact .contact-from .box {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}
.page-contact .contact-from .box.box-2 {
  height: 200px;
}
.page-contact .contact-from .block-left {
  width: 30%;
}
.page-contact .contact-from .block-right {
  width: 70%;
}
.page-contact .contact-from ul li {
  margin-bottom: 7%;
}
.page-contact .contact-from ul li:last-of-type {
  margin-bottom: 0;
}
.page-contact .contact-from p{
  width: fit-content;
}
.page-contact .contact-from .hissu {
  position: relative;
}
.page-contact .contact-from .hissu:after {
  content: '*';
  font-size: 14px;
  color: #C60000;
  position: absolute;
  right: -16px;
  top: 0;
}
.page-contact .contact-from .send {
  width: 100%;
  max-width: 220px;
  text-align: center;
  padding: 2% 0;
  background-color: #606060;
  color: #fff;
  margin-top: 7%;
  margin-right: auto;
  margin-left: auto;
}
.page-privacy .text-0 {
  margin-bottom: 6%;
}
.page-privacy .set {
  margin-bottom: 3.5%;
}
.page-privacy .set:last-of-type {
  margin-bottom: 0%;
}
.page-privacy .set .text-1 {
  margin-bottom: 1.3%;
}
.page-privacy .set .text-2 {
  margin-bottom: 0.8%;
}
.page-privacy .set .text-2:last-of-type {
  margin-bottom: 0%;
}
#Contact {
  transform: translateY(-10rem);
}
#Vision,
#About,
#Future,
#Company {
  transform: translateY(-16rem);
}


/*---------------------------------------
//
//           レスポンシブ
//
---------------------------------------*/
@media screen and (min-width: 2560px) {
  /*  2560 px end  */
}

@media screen and (min-width: 2000px) {
  /*  2000 px end  */
}

@media screen and (max-width: 1536px) {
  .splide__arrow.splide__arrow--next {
    right: -5vw;
  }
  .splide__arrow.splide__arrow--prev {
    left: -5vw;
  }
  footer .set .logo {
    width: 24%;
  }
  footer .set .logo.logo-2 {
    width: 20%;
  }
  .page-title {
    left: 6%;
  }

  /*  1536 px end  */
}

@media screen and (max-width: 1440px) {
  /*  1440 px end  */
}

@media screen and (max-width: 1366px) {
  .page-title h2.f-36 {
    font-size: 3.0vh;
  }
  /*  1366 px end  */
}

@media screen and (max-width: 1200px) {
  /*  1200 px end  */
}

@media screen and (max-width: 1024px) {
  .wrapper-4 {
    width: 100%;
  }
  header.sp-2 {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 72px;
  }
  header.sp-2 .header-set {
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4% 0 6%;
  }
  header.sp-2 .header-set a.logo {
    width: 35%;
    max-width: 140px;
  }
  .sp-nav-menu-1 {
    width: 100%;
    margin-bottom: 18%;
  }
  .sp-nav-menu-1 li,
  .sp-nav-menu-1 li a,
  .sp-nav-menu-1 li a p {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
  }
  .sp-nav-menu-1 li {
    margin-bottom: 11%;
  }
  .sp-nav-menu-1 li:last-of-type {
    margin-bottom: 0;
  }
  .sp-nav-menu-2 {
    display: none;
    justify-content: space-between;
    width: 78%;
    max-width: 290px;
    margin-right: auto;
    margin-left: auto;
  }
  .sp-nav-menu-2 li {
    width: 22%;
  }
  .sp-nav-menu-2.menu-on {
    display: flex !important;
  }
  header.sp-2 .menu-scroll-area ul li.cart-mark a {
    display: block;
    position: relative;
  }
    header.sp-2 .menu-scroll-area ul li.cart-mark a .count {
    position: absolute;
    top: 15%;
    right: 15%;
    z-index: 1;
  }
    header.sp-2 .menu-scroll-area ul li.cart-mark a .count:after {
    content: '';
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 2px solid #1D1D1D;
    border-radius: 50%;
    position: absolute;
    top: 54%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
  }
  .first-view-area .logo-mark {
    width: 59.5%;
    max-width: 320px;
    top: 43%;
  }
  .first-view-area .white-bg {
    height: 40%;
  }
  .first-view-area video {
    object-position: 35% 50%;
  }
  .first-view-area .catchcopy {
    left: 6%;
    bottom: 3%;
    width: 75%;
    max-width: 360px;
  }
  .top-about-area .text-1 {
    text-align: center;
  }
  .top-about-area,
  .top-business-area,.top-list-set {
    padding: 6% 0;
  }
  .btn-type-1 {
    padding: 2.8% 0;
  }
  .top-about-area .btn-type-1 {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 14%;
  }
  .white-block-1 {
    height: 26vw;
    max-height: 120px;
  }
  .top-business-area li.splide__slide a {
    pointer-events: none;
  }
  .splide {
    width: 84%;
    margin-right: auto;
    margin-left: auto;
  }
  .top-business-area .splide {
    margin-bottom: 8%;
  }
  .top-business-area h2 {
    margin-bottom: 8%;
  }
  .splide__arrow.splide__arrow--prev {
    left: -16%;
  }
  .splide__arrow.splide__arrow--next {
    right: -16%;
  }
  .top-business-area li.splide__slide a {
    padding: 14% 0;
  }
  .top-business-area .text-box img {
    width: 88%;
    margin: 8% auto 4% auto;
  }
  .top-list-set h2 {
    margin-bottom: 9%;
  }
  .top-list-set .splide {
    margin-bottom: 10%;
  }
  .top-list-set .splide__pagination--ltr {
    display: none;
  }
  .top-list-set ul li .text-box time {
    margin-bottom: 1%;
    display: block;
  }
  .top-list-set .sab-text {
    margin-bottom: 6%;
  }
  .top-products-area.top-list-set {
    padding-top: 8%;
  }
  .top-question-area {
    padding: 14% 0;
    margin-top: 15%;
  }
  .top-question-area h2 {
    margin-bottom: 6.5%;
  }
  .page-topics .post-list .s_01 .accordion_one .accordion_header, .top-question-area .s_01 .accordion_one .accordion_header,.page-contact .s_01 .accordion_one .accordion_header {
    padding-right: 14%;
  }
  .s_01 .accordion_one .accordion_header .item {
    width: 5.5%;
  }
  .s_01 .accordion_one .accordion_header {
    padding: 4.8% 0;
  }
  .s_01 .accordion_one .accordion_inner {
    padding-bottom: 4.8%;
  }
  .top-question-area .btn-type-1 {
    margin-top: 17%;
  }
.contact-btn-area {
    height: 51.5vw;
    max-height: 240px;
  }
  .contact-btn-area a img {
    object-position: 60% 50%;
  }
  footer .set {
    width: 88%;
    max-width: 380px;
  }
  footer .set .logo {
    width: 56%;
    margin-bottom: 11%;
  }
  footer .set .logo.logo-2 {
    width: 44%;
  }
  footer .set ul {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  footer .set ul.nav-menu-1 li {
    margin-right: 0;
    width: 33.33%;
  }
  footer .set ul li a,
  footer .set ul li a p  {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
  }
  footer .set ul li a p  {
    width: fit-content;
  }
  footer .set ul.nav-menu-1 li:nth-of-type(1) a,
  footer .set ul.nav-menu-1 li:nth-of-type(4) a {
    margin-left: 0;
  }
  footer .set ul.nav-menu-1 li:nth-of-type(3) a,
  footer .set ul.nav-menu-1 li:nth-of-type(6) a {
    margin-right: 0;
  }
  footer .set ul.nav-menu-2 li:nth-of-type(1) {
    order: 2;
  }
  footer .set ul.nav-menu-2 li:nth-of-type(2) {
    order: 3;
  }
  footer .set ul.nav-menu-2 li:nth-of-type(3) {
    order: 1;
  }
  footer .set ul.nav-menu-2 li:nth-of-type(4) {
    order: 4;
  }
  footer .set ul.nav-menu-1 li:nth-of-type(1),
  footer .set ul.nav-menu-1 li:nth-of-type(2),
  footer .set ul.nav-menu-1 li:nth-of-type(3) {
    margin-bottom: 6%;
  }
  footer .set ul.nav-menu-2 li:nth-of-type(1),
  footer .set ul.nav-menu-2 li:nth-of-type(2) {
    margin-bottom: 6%;
  }
  footer {
    padding: 12% 0;
  }
  footer .set ul.nav-menu-2 {
    margin-top: 14%;
    margin-bottom: 7.5%;
    width: 75%;
  }
  footer .last-text {
    bottom: 2%;
  }
  .contact-btn-area a .wrapper {
    max-width: 760px;
  }
  .page-title {
    position: unset;
  }
  .page-title .line,.page-white-space {
    display: none;
  }
  .page-about .page-title ul {
    display: none;
  }
  .page-title .title-box {
    height: 53vw;
    max-height: 240px;
    width: 100vw;
    position: relative;
    margin-top: 72px;
  }
  .page-title .title-box h2 {
    -ms-writing-mode: unset;
    writing-mode: unset;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    text-align: center;
  }
  .page-title .title-box h2 {
    letter-spacing: 0.12em;
  }
  .wrapper-3 {
    margin-right: auto;
    margin-left: auto;
  }
  .page-about .wrapper-3 {
    width: 100vw;
  }
  .page-about .fisr-img-block.img-mask img {
      transform-origin: center;
      transform: scale(1.0) translate(0.0%, 0%);
  }
  .page-about .group-1 {
    margin: 8% 0 20% 0;
  }
  .page-about .group-2,
  .page-about .group-5 {
    width: 88vw;
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
  }
  .page-about .group-3 .flex-box {
    position: relative;
    padding: 12% 0;
  }
  .page-about .group-3 .flex-box .block-left {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
  }
  .page-about .group-3 .flex-box .block-left:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.75;
    position: absolute;
    top: 0;
    left: 0;
  }
  .page-about .group-3 .flex-box .block-left .img-mask::after {
    display: none;
  }
  .page-about .group-3 .flex-box .block-left .img-mask img {
    position: unset;
    display: block;
  }
  .page-about .group-3 .flex-box .block-left .img-mask img,
  .page-about .group-3 .flex-box .block-left .img-mask {
    height: 100%;
  }
  .page-about .group-3 .flex-box .block-right {
    width: 88%  !important;
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
  }
  .page-about .group-3 .flex-box .block-left .img-mask img {
    object-position: 50% 100%;
  }
  .page-about .group-5 h3 {
    text-align: center;
    margin-bottom: 9%;
  }
  .page-about .group-5 ul li.flex {
    flex-direction: column;
  }
  .page-about .group-5 ul li .left-area,
  .page-about .group-5 ul li .right-area {
    width: 100%;
  }
  .page-about .group-5 ul li .left-area {
    margin-bottom: 1.2%;
  }
  .page-about .group-5 ul li .left-area p {
    opacity: 0.6;
  }
  .page-about .group-5 ul li {
    padding: 6% 0;
  }
  .page-about .group-2 h3 {
    margin-bottom: 7%;
  }
  .page-about .group-2 {
    margin-bottom: 16%;
  }
  .page-about .group-3 {
    margin-bottom: 16%;
  }
  .page-about .group-4 {
    margin-bottom: 16%;
  }
  .btns-area {
    margin-top: 9%;
  }
  .btns-area ul {
    flex-direction: column;
    width: 88vw;
    max-width: 360px;
    margin-bottom: 9%;
  }
  .btns-area ul li {
    width: 100%;
    margin-bottom: 5%;
  }
  .btns-area ul li:last-of-type {
    margin-bottom: 0;
  }
  .page-about .group-4 a.btn-type-1 {
    margin-top: 4.5%;
  }
  .page-title ul {
    margin: 0;
    position: fixed;
    right: 0;
    top: calc(var(--vh, 1vh) * 50);
    transform: translateY(-50%);
    z-index: 11;
  }
  .page-title ul li {
    margin-bottom: 0;
    max-width: 56px;
    max-height: 188px;
    width: 7.7vw;
    height: 36vw;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
  }
  .page-title ul li:last-of-type {
    border-bottom: 1px solid #dfdfdf;
  }
  .page-title ul li a {
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 100%;
  }
  .page-title ul li a p {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    letter-spacing: 0.2em;
  }
  .page-business .flex-box .block-left {
    margin-bottom: 10%;
  }
  .page-business .h2-set {
    padding-bottom: 9%;
    margin-bottom: 10%;
    position: relative;
  }
  .page-business .h2-set:after {
    content: '';
    background-color: #b3b3b3;
    width: 54vw;
    max-width: 320px;
    height: 1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }
  .page-business .h2-set h2 {
    transform: unset !important;
    text-align: center;
  }
  .page-business {
    overflow: hidden;
  }
  .page-business .h2-set .main-h2 {
    margin-bottom: 4%;
  }
  .page-select .search-area .set {
    width: 82%;
  }
  .page-select .search-area .set .textbox {
    padding: 8.2% 0;
  }
  .page-select .search-area .set .search-button {
    width: 72vw;
    height: 13.53vw;
    max-width: 300px;
    max-height: 60px;
  }
  .page-select .search-area {
    padding: 8% 0;
    margin-bottom: 8%;
  }
  .page-select .search-area .set .search-keyword {
    margin-bottom: 12%;
  }
  .page-select .search-area .set .checkbox {
    width: 6.5vw;
    height: 6.5vw;
    max-width: 30px;
    max-height: 30px;
  }
  .page-select .search-area .set .search-category ul {
    flex-direction: column;
  }
  .page-select .search-area .set .search-category ul li {
    margin: 0 0 6% 0;
  }
  .page-select .search-area .set .flex-box .block-left {
    margin-bottom: 8%;
  }
  .page-select .search-area .set .search-button img {
    width: 7%;
    max-width: 24px;
  }
  .page-select .search-area .set .search-button {
    margin-top: 8%;
  }
  .products-list ul li {
    width: 100%;
    margin-right: 0;
    padding: 8% 9%;
  }
  .page-nation-set .number {
    width: 9.5vw;
    height: 9.5vw;
    max-width: 40px;
    max-height: 40px;
    margin-right: 32px;
  }
  .products-list ul {
    margin-bottom: 7%;
  }
  .sp-wrapper {
    width: 100% !important;
    max-width: unset !important;
  }
  .sp-wrapper .pro-text-box {
    padding: 6% 0 9% 0;
  }
  .sp-wrapper .pro-text-box .flex-box {
    width: 88%;
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
  }
  .page-select .btn-type-1 {
    margin-top: 6%;
  }
  .page-select.page-cart .pro-text-box .block-right h3 {
    margin-bottom: 18%;
  }
  .page-select.page-cart .pro-text-box .block-right .set-3 .icon-0 {
    margin-right: 18px;
  }
  .page-select.page-cart .pro-text-box .line {
    display: none;
  }
  .page-select .pro-text-box .price-btn-area {
    margin-top: 6%;
  }
  .page-cart .price-btn-area .price-date {
    padding-bottom: 3%;
    max-width: unset;
  }
  .page-select.page-cart .pro-text-box .price-btn-area .block-left {
    margin-bottom: 8%;
  }
  .page-select .pro-text-box .price-btn-area .block-right .cart-btn {
    margin-left: auto;
    margin-right: auto;
  }
  .page-topics .topics-category-area ul {
    margin-top: 6%;
  }
  .page-topics .topics-category-area {
    margin-bottom: 12%;
  }
  html body .page-topics .post-list li {
    padding: 2% 7%;
    margin-bottom: 6%;
  }
  .page-topics .post-list time {
    margin-bottom: 4%;
  }
  html body .page-topics .post-list li .img-mask {
    margin-bottom: 5%;
  }
  .page-topics .post-list .mark {
    width: 2vw;
    height: 2vw;
    max-width: 10px;
    max-height: 10px;
  }
  .page-mypage .wrapper-3 {
    width: 100%;
    background-color: #fff;
  }
  .page-mypage .wrapper-3 .white-zone {
    padding: 8% 0;
    background-color: unset;
    width: 88%;
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
  }
  .white-zone .group-1 ul li p.f-18 {
    margin-bottom: 3%;
  }
  .white-zone .link-1 {
    margin-top: 8%;
  }
  .white-zone .group {
    padding-bottom: 10%;
    margin-bottom: 10%;
  }
  .white-zone h3 {
    margin-bottom: 8%;
  }
  .white-zone .group-1 ul li {
    margin-bottom: 7%;
  }
  .white-zone .group-2 ul li {
    margin-bottom: 4%;
  }
  .white-zone .group-3 ul li .set {
    flex-wrap: wrap;
  }
  .white-zone .group-3 ul li .set .text-set-1,
  .white-zone .group-3 ul li .set .text-set-2 {
    width: 50%;
    margin-left: 0;
  }
  .white-zone .group-3 ul li .set div:nth-of-type(1),
  .white-zone .group-3 ul li .set div:nth-of-type(2) {
    margin-bottom: 12%;
  }
  .white-zone .group-3 ul li {
    padding: 7% 8%;
  }
  .white-zone .group-3 ul li .set .text-set-2 {
    width: fit-content;
  }
  .white-zone .group-3 ul li .set .text-set-1 .box {
    margin-left: auto;
    width: fit-content;
  }
  .white-zone .group-3 ul li .set .text-set-1 .box p{
    width: fit-content;
  }
  html .page-kozin .white-zone .group-3 .text-set-2 {
    width: 100% !important;
    margin-bottom: 2.5% !important;
  }
  html .page-kozin .white-zone .group-3 .text-set-2 .box {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
  }
  html .page-kozin .white-zone .group-3 .text-set-3,
  html .page-kozin .white-zone .group-3 .text-set-4 {
    margin-left: 0% !important;
    transform:unset !important;
    margin-bottom: 0 !important;
  }
  .page-contact .wrapper-3 {
    width: 100vw !important;
    max-width: unset !important;
  }
  .page-contact .question-area {
    width: 88vw;
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background-color: unset;
  }
  .page-contact .question-area:after {
    content: '';
    z-index: -1;
    width: 100vw;
    height: 100%;
    background-color: #00000060;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .page-contact .question-area .category-area ul li a {
    padding: 9px 16px;
  }
  .page-contact .question-area {
    padding: 8% 0;
  }
  .page-contact .contact-area {
    padding-top: 8%;
    width: 88%;
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
  }
  .page-contact .set-area h3 {
    margin-bottom: 6%;
  }
  .page-contact .contact-area p.f-letter-200.text-center {
    text-align: left;
    letter-spacing: unset !important;
  }
  .page-contact .contact-area p.f-letter-200.text-center br {
    display: none;
  }
  html .page-contact .contact-from {
    width: 100%;
    max-width: unset;
    margin-right: auto;
    margin-left: auto;
    margin-top: 12%;
  }
  .page-contact .contact-from ul li {
    margin-bottom: 8%;
  }
  .page-contact .contact-from .send {
    padding: 4%;
    margin-top: 8%;
    width: 63%;
  }
  .page-privacy .set {
    margin-bottom: 12%;
  }
  .page-privacy .text-0 {
    margin-bottom: 14%;
  }
  .page-privacy .set .text-1 {
    margin-bottom: 5%;
  }
  .top-business-area .splide__slide {
    padding-right: 0;
    padding-left: 0;
  }

  /*  1024 px end  */
}

@media screen and (max-width: 991px) {
  /*  991 px end  */
}

@media screen and (max-width: 768px) {
  .top-about-area,
  .top-business-area {
    padding: 20% 0;
  }
  .top-business-area h2 {
    margin-bottom: 14%;
  }
  .top-business-area .splide {
    margin-bottom: 14%;
  }
  footer {
    padding: 23% 0;
  }
  .top-about-area,
  .top-business-area,.top-list-set {
    padding: 12% 0;
  }
  .top-products-area.top-list-set {
    padding-top: 18%;
  }
  .top-question-area {
    padding: 26% 0;
    margin-top: 28%;
  }
  .page-about .group-1 {
    margin: 16% 0 21% 0;
  }
  .page-about .group-3 .flex-box {
    position: relative;
    padding: 23% 0;
  }
  .page-about .group-2 {
    margin-bottom: 21.5%;
  }
  .page-about .group-3 {
    margin-bottom: 24%;
  }
  .page-about .group-4 {
    margin-bottom: 25%;
  }
  .page-about .group-5 ul li {
    padding: 8% 0;
  }
  .btns-area {
    margin-top: 18%;
  }
  .btns-area ul {
    margin-bottom: 14%;
  }
  .page-about .group-4 a.btn-type-1 {
    margin-top: 9%;
  }
  .page-business .flex-box .block-left {
    margin-bottom: 18%;
  }
  .page-select .search-area {
    padding: 11% 0;
    margin-bottom: 12%;
  }
  .page-select .search-area .set .search-keyword {
    margin-bottom: 20%;
  }
  .page-select .search-area .set .search-button {
    margin-top: 12%;
  }
  .products-list ul {
    margin-bottom: 12%;
  }
  .page-select .btn-type-1 {
    margin-top: 10%;
  }
  .page-select.page-cart .pro-text-box .block-right h3 {
    margin-bottom: 14%;
  }
  .page-select .pro-text-box .price-btn-area {
    margin-top: 10%;
  }
  .page-cart .price-btn-area .price-date {
    padding-bottom: 4%;
  }
  .page-select.page-cart .pro-text-box .price-btn-area .block-left {
    margin-bottom: 12%;
  }
  .sp-wrapper .pro-text-box {
    padding: 8% 0 16% 0;
  }
  .page-topics .page-nation-set {
    margin-top: 12%;
  }
  .page-mypage .wrapper-3 .white-zone {
    padding: 12% 0;
  }
  .white-zone .link-1 {
    margin-top: 12%;
  }
  .white-zone .group {
    padding-bottom: 16%;
    margin-bottom: 16%;
  }
  .white-zone h3 {
    margin-bottom: 12%;
  }
  .white-zone .group-1 ul li {
    margin-bottom: 10%;
  }
  .page-contact .question-area {
    padding: 13% 0;
  }
  .page-contact .contact-area {
    padding-top: 13%;
  }
  .page-contact .set-area h3 {
    margin-bottom: 11%;
  }
  .page-contact .contact-from ul li {
    margin-bottom: 12%;
  }
  .page-contact .contact-from .send {
    padding: 6%;
    margin-top: 16%;
  }

  /*  768 px end  */
}

@media screen and (max-width: 560px) {
  .page-business .wrapper-3 {
    width: 81.5vw;
    margin-left: 6vw;
    margin-right: 12.5vw;
  }
  .page-business .h2-set {
    transform: translateX(3.5vw);
  }
  .page-nation-set .number {
    margin-right: 4.8vw;
  }
  .page-select.page-cart .pro-text-box .block-right .set-3 .icon-0 {
    margin-right: 5vw;
  }
    .page-contact .question-area .category-area ul li {
    margin-right: 5vw;
    margin-bottom: 4%;
  }

  /*  560 px end  */
}

@media screen and (max-width: 460px) {
  /*  460 px end  */
}

@media screen and (max-width: 414px) {
  .page-title .title-box h2 {
    letter-spacing: 0.3077vw;
  }
  /*  414 px end  */
}

@media screen and (max-width: 390px) {
  /*  390 px end  */
}

@media screen and (max-width: 375px) {
  /*  375 px end  */
}

@media screen and (max-width: 320px) {
  /*  320 px end  */
}

/*---------------------------------------
//
//           画像保存禁止
//
---------------------------------------*/
img {
  pointer-events: none;
  /* SPの長押し禁止 */
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/*---------------------------------------
//
//           アニメーション
//
---------------------------------------*/
.globalMenuSp .open-anime {
  opacity: 0 !important;
  transform: translateX(18px) !important;
  transition: all 0.3s;
}

.globalMenuSp.active .open-anime {
  opacity: 1 !important;
  transform: translateX(0px) !important;
}

.open-anime-1 {
  transition-delay: 0.2s !important;
}

.open-anime-2 {
  transition-delay: 0.3s !important;
}

.open-anime-3 {
  transition-delay: 0.4s !important;
}

.open-anime-4 {
  transition-delay: 0.5s !important;
}

.open-anime-5 {
  transition-delay: 0.6s !important;
}

.open-anime-6 {
  transition-delay: 0.7s !important;
}

.open-anime-7 {
  transition-delay: 0.8s !important;
}

.open-anime-8 {
  transition-delay: 0.9s !important;
}

/*--- ふわっと ---*/
body {
  animation-name: fadeInAnime;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/*----------------------------------------
レスポンシブ　pc / sp
----------------------------------------*/
/*----------- 560 ------------*/
@media screen and (min-width: 561px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 560px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block;
  }
}

/*----------- 1024 ------------*/
@media screen and (min-width: 1025px) {
  .sp-2 {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .pc-2 {
    display: none !important;
  }

  .sp-2 {
    display: block;
  }
}

/*---------------------------------------
//
//           ホバー集
//
---------------------------------------*/
@media screen and (min-width: 1025px) {
.page-title ul li a,
.page-topics .topics-category-area ul li a,
.products-list ul li a .img-mask img,
.page-contact .question-area .category-area ul li a {
  transition: all 0.2s;
}
.products-list ul li a .img-mask img,
.top-topics-area ul li .img-mask img,
.top-business-area li.splide__slide {
  transition: all 0.4s;
}
.btn-type-1:hover p:after {
  transform: scaleX(0);
}
.btn-type-1:hover p:before {
  right: 0;
}
.btn-type-1.btn-type-2:hover p:before {
  left: 0;
}
.splide__arrow:hover {
  opacity: 0.4 !important;
}
.s_01 .accordion_one:hover {
  opacity: 0.85;
}
.contact-btn-area a:hover img {
  transform: scale(1.04);
}
.contact-btn-area a:hover .black-bg {
  opacity: 0.4;
}
.btns-area ul li a:hover .black-bg {
  opacity: 0.3;
}
.btns-area ul li a:hover img,
.products-list ul li:hover a .img-mask img,
.top-topics-area ul li:hover .img-mask img {
  transform: scale(1.04);
}
header.pc-2 nav .flex-box .block-right .bottom-area ul li a:hover p:after {
  transform: translateX(-50%) scaleX(1);
}
header.pc-2 nav .flex-box .block-right .top-area ul li a:hover {
  opacity: 0.6;
}
.page-title ul li a:hover,
.page-topics .topics-category-area ul li a:hover,
.page-contact .question-area .category-area ul li a:hover {
  opacity: 0.6;
}
.top-business-area li.splide__slide:hover {
  opacity: 0.7;
}

  /*  1025 px end  */
}


/*---------------------------------------
//
//           追加 : 2026/02/02
//
---------------------------------------*/
input,
select,
button,
textarea {
  border: unset;
  border-radius: 4px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  cursor: pointer;
  padding: 12px;
}
input,
select,
button,
textarea,
label {
  box-sizing: border-box;
}

input[type="text"] {
  width: 100%;
}
.contact-from input[type="text"] {
  max-width: 320px;
}
textarea {
  width: 100%;
}
button {
  padding-right: 8%;
  padding-left: 8%;
  transition: all 0.2s;
}
label.checkbox-set {
  position: relative;
  cursor: pointer;
  width: fit-content;
}
label.checkbox-set p {
  margin-left: 32px;
}
label.checkbox-set input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
label.checkbox-set::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
/* チェックされたらチェックマークを表示 */
label.checkbox-set:has(input:checked)::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 2px;
  width: 4px;
  height: 8px;
  border-right: 1.5px solid #1D1D1D;
  border-bottom: 1.5px solid #1D1D1D;
  transform: rotate(45deg);
}
label.checkbox-set.checkbox-set-2 {
  display: block;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
.contact-from ul {
  margin-bottom: 8%;
}

.radio-set label {
  position: relative;
  cursor: pointer;
  display: block;
  width: fit-content;
  margin-bottom: 4%;
}
.radio-set label:last-of-type {
  margin-bottom: 0;
}

.radio-set label p {
  margin-left: 32px;
}

.radio-set label input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
.radio-set label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.radio-set label:has(input:checked)::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #1D1D1D;
  opacity: 0.5;
}
input[type="submit"] {
  width: 80%;
  max-width: 260px;
  padding: 3% 0;
  background-color: #949494;
  text-align: center;
  color: #fff;
  border: unset;
  margin-right: auto;
  margin-left: auto;
  display: block;
  cursor: pointer;
  border-radius: 0px !important;
  box-shadow: unset !important;
}
.btns-area ul li a p {
  white-space: nowrap;
}
.page-about .page-title,
.page-business .page-title {
  left: 5%;
}
.page-select .search-area .set .search-category ul {
  width: 100%;
}
.page-select .search-area .set .search-button button {
  padding: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: unset;
  background: unset;
  box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 1025px) {
label.radio-set::before,
label.checkbox-set::before {
  transition: all 0.2s;
}
label.radio-set:hover::before,
label.checkbox-set:hover::before{
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
}
button:hover  {
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}
.page-select .search-area .set .search-button button:hover {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}
}
@media screen and (max-width: 1800px) {
.page-title {
  left: 4%;
}
.wrapper-3 {
  width: 80vw;
}
.btns-area ul {
  width: 64vw;
}
}
@media screen and (max-width: 1024px) {
  .contact-from ul li.text-set input {
    max-width: unset;
  }
  option,select {
    font-size: 16px;
  }
  .contact-from ul {
    margin-bottom: 12%;
  }
  .contact-from input[type="submit"] {
    padding: 4% 0;
  }
  .page-select .search-area .set .search-button {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .contact-from ul {
    margin-bottom: 20%;
  }
  .contact-from input[type="submit"] {
    padding: 6% 0;
  }
}