@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 {
  color: #002855;
  overflow-wrap: break-word; /* 文字列が長すぎる場合に折り返し */
  font-family: "noto-sans-cjk-jp", sans-serif;
font-weight: 500;
font-style: normal;
}

/*----------------------------------------
font-family
----------------------------------------*/
html .f1 {
font-family: "futura-pt", sans-serif;
font-weight: 500;
font-style: normal;
}

html .f2 {
}

html .f3 {
  font-family: "josefin-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

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,.info-zone p:after { 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,.info-zone li:after { 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,.info-zone li:after { 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,.info-zone li:after { 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 { font-size: 1.458vw; }  /* 14px */
.f-15 { font-size: 1.562vw; }  /* 15px */
.f-16,.info-zone li:after { 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 { font-size: 1.823vw; }  /* 14px */
.f-15 { font-size: 1.953vw; }  /* 15px */
.f-16,.info-zone li:after { 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 { font-size: 2.500vw; }  /* 14px */
.f-15 { font-size: 2.679vw; }  /* 15px */
.f-16,.info-zone li:after { 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 { font-size: 3.0769vw !important; }
.sp-f-13 { font-size: 3.3333vw !important; }
.sp-f-14 { font-size: 3.5897vw !important; }
.sp-f-15,.info-zone li:after { font-size: 3.8462vw !important; }
.sp-f-16 { font-size: 4.1026vw !important; }
.sp-f-17 { font-size: 4.3590vw !important; }
.sp-f-18 { font-size: 4.6154vw !important; }
.sp-f-19 { font-size: 4.8718vw !important; }
.sp-f-20 { 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 { 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 { 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: 1366px;
  margin-right: auto;
  margin-left: auto;
}
html body .wrapper-2 {
  width: 88vw;
  max-width: 1086px;
  margin-right: auto;
  margin-left: auto;
}
html body .wrapper-3 {
  width: 88vw;
  max-width: 886px;
  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: 320px;
  width: 100%;
  height: 68px;
  position: relative;
  background-color: #FFF3C7;
  border-radius: 999px;
  border: 2px solid #FFF3C7;
  transition: all 0.4s;
}
.btn-type-1 p {
  width: fit-content;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 18px;
  color: #000;
  transition: all 0.4s;
}
.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;
}
.wp_no-img {
  background-color: #fff;
}

@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
---------------------------------------*/
header.pc-header {
  position: fixed;
  top: 6%;
  left: 4%;
  z-index: 999;
}
header.pc-header .header-nav-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
}
header.pc-header .header-nav-menu a.logo {
  width: 100vw;
  max-width: 198px;
}
header.pc-header .header-nav-menu a.logo img {
  width: 100%;
}
header.pc-header .header-nav-menu .menu-1 {
  margin: 28% 0 18% -9%;
  position: relative;
}
header.pc-header .header-nav-menu .menu-1 .bar {
  width: 100%;
  max-width: 20px;
  height: 102%;
  background-color: #fff;
  border-radius: 999px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: -1;
}
header.pc-header .header-nav-menu .menu-1 .bar:after {
  content: '';
  width: 1px;
  height: 89%;
  background-color: #888888;
  border-radius: 999px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
header.pc-header .header-nav-menu .menu-1 li {
  margin-bottom: 35%;
  padding-left: 40%;
  position: relative;
}
header.pc-header .header-nav-menu .menu-1 li:last-of-type {
  margin-bottom: 0;
}
header.pc-header .header-nav-menu .menu-1 li,
header.pc-header .header-nav-menu .menu-1 li a,
header.pc-header .header-nav-menu .menu-1 li a p {
  width: fit-content;
}
header.pc-header .header-nav-menu .menu-1 li a p,
header.sp-header .menu-1 li a p {
  text-shadow:
    -1px -1px 0 #707070,
     1px -1px 0 #707070,
    -1px  1px 0 #707070,
     1px  1px 0 #707070; /* 黒いふち */
}
header.pc-header .header-nav-menu .menu-1 li:nth-of-type(1) a p,
header.sp-header .menu-1 li:nth-of-type(1) a p {
  color: #E2AFFA;
}
header.pc-header .header-nav-menu .menu-1 li:nth-of-type(2) a p,
header.sp-header .menu-1 li:nth-of-type(2) a p {
  color: #FAE637;
}
header.pc-header .header-nav-menu .menu-1 li:nth-of-type(3) a p,
header.sp-header .menu-1 li:nth-of-type(3) a p {
  color: #CBEF86;
}
header.pc-header .header-nav-menu .menu-1 li:nth-of-type(4) a p,
header.sp-header .menu-1 li:nth-of-type(4) a p {
  color: #18FFF1;
}
header.pc-header .header-nav-menu .menu-1 li:nth-of-type(5) a p,
header.sp-header .menu-1 li:nth-of-type(5) a p {
  color: #F91A31;
}
header.pc-header .header-nav-menu .menu-1 li a .mark {
  width: 6px;
  height: 6px;
  border: 1px solid #707070;
  border-radius: 999px;
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
}
header.pc-header .header-nav-menu .menu-2,
header.sp-header .header-set .menu-2 {
  display: flex;
  justify-content: center;
}
header.pc-header .header-nav-menu .menu-2 li a,
header.sp-header .header-set .menu-2 li a {
  max-width: 57px;
  max-height: 32px;
  width: 100vw;
  height: 100vw;
  position: relative;
  border: 2px solid #888888;
  background-color: #fff;
}
header.pc-header .header-nav-menu .menu-2 li:nth-of-type(1) a,
header.sp-header .header-set .menu-2 li:nth-of-type(1) a {
  border-right: unset;
  border-radius: 999px 0 0 999px;
}
header.pc-header .header-nav-menu .menu-2 li:nth-of-type(2) a,
header.sp-header .header-set .menu-2 li:nth-of-type(2) a {
  border-radius: 0 999px 999px 0;
}
header.pc-header .header-nav-menu .menu-2 li a p,
header.sp-header .header-set .menu-2 li a p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #888888;
  white-space: nowrap;
}
header.pc-header .header-nav-menu .menu-2 li.active a,
header.sp-header .header-set .menu-2 li.active a {
  background-color: #CBEF86;
}
header.pc-header .header-nav-menu .menu-2 li.active a p,
header.sp-header .header-set .menu-2 li.active a p {
  color: #E2AFFA;
}

/*-----------------
ハンバーガーメニュー
-----------------*/
header.sp-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 999999;
}
.header-set.sp-header .logo {
  width: 28%;
  max-width: 240px;
}
.header-set.sp-header .wrapper.flex {
  align-items: center;
}
.header-set.sp-header {
  background-color: #000;
  width: 100%;
  padding: 1% 0;
}
.sp-header .header-set {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  padding: 3.5% 5% 3.5% 7%;
}
.sp-header .header-set .menu-2 {
  margin-left: auto;
  margin-top: -8%;
  margin-right: 6%;
}
.hamburger {
  margin-top: -8%;
  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;
  height: 2px;
  left: 20%;
  transition: 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 30%;
  width: 64%;
  background-color: #F91A31;
}
.hamburger span:nth-child(2) {
  top: 50%;
  width: 45%;
  background-color: #4239DF;
}
.hamburger span:nth-child(3) {
  top: 70%;
  width: 32%;
  background-color: #18FFF1;
}

/* ナビ開いてる時のボタン */
.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%;
  background-color: #4239DF;
  transform: translate(-50%, 50%) rotate(45deg);
  width: 64%;
}

nav.globalMenuSp {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  background: #ffffff92;
  text-align: center;
  width: 100%;
  max-width: 560px;
  height: 100vh;
  transform: translateX(100%);
  transition: all 0.4s;
  padding-top: 8rem;
}

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: translateX(0);
}

.globalMenuSp {
  pointer-events: none;
}

nav.globalMenuSp.active {
  pointer-events: auto;
}
.sp-header .header-set .logo {
  width: 28%;
  max-width: 106px;
}
.sp-header .header-set .logo img {
  width: 100%;
  height: auto;
}
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%;
}
header.sp-header .menu-1 li a,
header.sp-header .menu-1 li a p {
  width: fit-content;
}
header.sp-header .menu-1,
header.sp-header .menu-1 li {
  width: 100%;
  margin-bottom: 24%;
}
header.sp-header .menu-1 li:last-of-type {
  margin-bottom: 0;
}
header.sp-header .menu-1 li a {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/*---------------------------------------
footer.php
---------------------------------------*/
footer {
  margin-top: -23.5%;
}
footer .set.border-set {
  background-color: unset;
  overflow: hidden;
  padding: 3.3% 0;
  position: relative;
}
footer .set .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
footer .set .bg img {
  object-fit: cover;
  object-position: 50% 0;
  width: 100%;
  height: 100%;
}
footer .set .flex-box {
  padding-left: 4%;
}
footer .set.border-set:after {
  display: none;
}
footer .set .top-set {
  position: relative;
  margin-bottom: 2%;
}
footer .set .top-set .last-text {
  position: absolute;
  bottom: 6%;
  left: 50%;
  transform: translateX(-50%);
}
footer .set .top-set .block-left {
  width: 20%;
}
footer .set .top-set .block-left img {
  margin-top: -9%;
}
footer .set .top-set .block-right {
  width: 70%;
}
footer .set .top-set .block-right ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
}
footer .set .top-set .block-right ul li,
footer .set .top-set .block-right ul li a,
footer .set .top-set .block-right ul li a p {
  width: fit-content
}
footer .set .top-set .block-right ul li a p {
  color: #2B2B2B;
}
footer .set .top-set .block-right ul.menu-1 {
  max-width: 564px;
  width: 100%;
  margin-bottom: 4%;
}
footer .set .top-set .block-right ul.menu-2 {
  max-width: 194px;
  width: 100%;
}
footer .set .top-set .block-right ul.menu-1 li:last-of-type a {
  max-width: 46px;
  max-height: 26px;
  width: 100vw;
  height: 100vw;
  background-color: #fff;
  position: relative;
}
footer .set .top-set .block-right ul.menu-1 li:last-of-type a:nth-of-type(1) {
  border-radius: 999px 0 0 999px;
}
footer .set .top-set .block-right ul.menu-1 li:last-of-type a:nth-of-type(2) {
  border-radius: 0 999px 999px 0;
}
footer .set .top-set .block-right ul.menu-1 li:last-of-type a p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #555555;
}
footer .set .top-set .block-right ul.menu-1 li a.active {
  background-color: #555555;
}
footer .set .top-set .block-right ul.menu-1 li a.active p {
  color: #fff;
}
footer .set .bottom-set {
  border-radius: 999px;
  padding: 1.4% 5%;
  background-color: #2B2B2B;
  display: flex;
  align-items: center;
}
footer .set .bottom-set a {
  display: block;
  width: 25%;
  max-width: 272px;
  margin-right: auto;
}
footer .set .bottom-set .item {
  display: flex;
}
footer .set .bottom-set .item-1 {
  margin-left: auto;
}
footer .set .bottom-set .item-2 {
  margin-left: 2%;
}
footer .set .bottom-set .item p {
  color: #fff;
}
footer .set .bottom-set .item p.f-14 {
  padding: 2% 3%;
  border: 1px solid #fff;
  padding: 2px 5px 5px 4px;
  height: fit-content;
}
footer .set .bottom-set .item p.f-15 {
  margin-left: 12px;
}
footer.footer-en .set .bottom-set .item {
  flex-direction: column;
}
footer.footer-en .set .bottom-set .item p.f-14 {
  height: auto;
  width: fit-content;
  margin-bottom: 2%;
}
footer.footer-en .set .bottom-set .item p.f-15 {
  margin-left: 0;
}
footer.footer-en .set .bottom-set .item-2 {
  margin-left: 4%;
}

/*---------------------------------------
TOP
---------------------------------------*/
/*スライドプラグイン関連*/
.first-area {
  width: 100vw;
  height: 100vh;
  position: relative;
}
.first-area video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  object-position: 50% 50%;
  display: block;
  transform-origin: center bottom;
}
.first-area .scroll-icon {
  width: 10%;
  max-width: 96px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4%;
  z-index:1;
}
.first-area .scroll-icon .item-1 {
  width: 100%;
  animation: rotate-loop 8s linear infinite;
}
#first_access.active {
  transition-delay: 5.0s;
  transform: translateY(-300%);
  z-index: -99999999;
}
@keyframes rotate-loop {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.first-area .scroll-icon .item-2 {
  width: 77%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.first-area .scroll-icon .item-3 {
  width: 52%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.news-layout ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.news-layout ul li {
  margin-bottom: 8%;
  width: 29%;
}
.top-news-area .news-layout ul li {
  margin-bottom: 0;
}
.news-layout ul li:nth-of-type(2),
.news-layout ul li:nth-of-type(5),
.news-layout ul li:nth-of-type(8) {
  margin-right: 6.5%;
  margin-left: 6.5%;
}
.news-layout ul li .img-mask {
  border-radius: 38px;
}
.news-layout ul li .img-mask:after {
  padding-top: 65%;
}
.news-layout ul li time,
.news-layout ul li h3 {
  color:#002855 ;
}
.news-layout ul li time {
  margin-top: 5%;
  margin-bottom: 4%;
  display: block;
}
.top-news-area {
  padding-top: 4.4%;
  padding-bottom: 21%;
  position: relative;
}
.news-no-post {
  height: 20vw;
  max-height: 350px;
  position: relative;
}
.news-no-post p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  white-space: nowrap;
}
.contents-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -3;
}
.contents-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0%;
}
.h2-set {
  margin-bottom: 3.2%;
}
.h2-set h2:nth-of-type(1) {
  letter-spacing: 0.08em;
  margin-bottom: -0.5%;
  text-shadow:   -2px -2px 0 #707070,
   0   -2px 0 #707070,
   2px -2px 0 #707070,
  -2px  0   0 #707070,
   2px  0   0 #707070,
  -2px  2px 0 #707070,
   0    2px 0 #707070,
   2px  2px 0 #707070,
  -1px -1px 0 #707070,
   1px -1px 0 #707070,
  -1px  1px 0 #707070,
   1px  1px 0 #707070,
   0    0   0 #707070;;
}
.top-news-area .view-btn {
  display: flex;
  align-items: center;
  margin-top: 3.5%;
  margin-left: auto;
  margin-right: 3.5%;
  width: fit-content;
}
.top-news-area .view-btn .mark {
  width: 100vw;
  height: 100vw;
  max-width: 36px;
  max-height: 36px;
  background-color: #4239DF;
  border-radius: 50%;
  position: relative;
  margin-right: 12px;
}
.top-news-area .view-btn .mark:after {
  content: '';
  width: 100vw;
  height: 100vw;
  max-width: 6px;
  max-height: 6px;
  border-radius: 50%;
  background-color: #9CFC03;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
}
.top-news-area .view-btn p {
  color: #002855;
}
.top-news-area .h2-set h2:nth-of-type(1) {
  color: #8DFCF1;
}
.border-set {
  background-color: #FEFCD7;
  position: relative;
}
.border-set:after {
  content: '';
  background: linear-gradient(to right, #96F3F2 -20%, #DAB5F9);
  width: 100vw;
  height: 36vw;
  max-height: 550px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-8%);
  z-index: -1;
}
footer .set.border-set,
.border-set:after {
  box-shadow: 0 -8px 12px -2px rgba(0, 0, 0, 0.3);
}
.border-set:after,.border-set,
.parts-zone {
  border-radius: 300px 300px 0 0;
}
.top-about-area {
  padding-top: 6.0%;
  margin-top: -15%;
  padding-bottom: 5%;
}
.top-about-area .h2-set h2:nth-of-type(1) {
  color: #E2AFFA;
}
.top-about-area .flex-box .block-left {
  width: 46.5%;
}
.top-about-area .flex-box .block-right {
  width: 50%;
}
.top-about-area .flex-box ul {
  width: 100%;
}
.top-about-area .flex-box ul li {
  display: flex;
  align-items: center;
  padding: 2% 0;
  position: relative;
  min-height: 86px;
}
.top-about-area .flex-box ul li:after,
.top-about-area .flex-box ul li:before {
  content: '';
  height: 3px;
  position: absolute;
  bottom: 0;
}
.top-about-area .flex-box ul li:after {
  left: 0;
  background-color: #F91A31;
}
.top-about-area .flex-box ul li:before {
  right: 0;
  background-color: #4239DF;
}
.top-about-area .flex-box ul li:after,
.top-about-area .flex-box ul li .left-area {
  width: 21%;
}
.top-about-area .flex-box ul li:before,
.top-about-area .flex-box ul li .right-area {
  width: 79%;
}
.top-about-area .flex-box ul li:first-of-type {
  padding-top: 0;
}
.top-about-area .flex-box ul li .right-area  {
  padding-left: 7%;
}
.top-about-area .h2-set {
  margin-bottom: 4.2%;
}
.top-about-area iframe {
  filter: hue-rotate(100deg);
  -webkit-filter: hue-rotate(100deg);
  width: 100%;
  height: 100%;
}
.top-member-area {
  position: relative;
  padding: 6.5% 0;
}
.top-member-area .bg {
  background-image: url(../images/bg-Special.webp);
  background-repeat: repeat;
  background-size: 9%;
  padding: 8% 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.25;
}
.top-member-area a {
  display: block;
  position: relative;
  width: 100%;
}
.top-member-area a .item-1 {
  width: 100%;
  transition: transform 0.4s ease 0.1s;
}
.top-member-area a .item-2 {
  width: 58%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: all 0.4s;
}
.top-contact-area {
  position: relative;
  padding: 9.4% 0 30% 0;
}
.top-contact-area a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-contact-area a p {
  letter-spacing: 0.1em;
}
.top-contact-area a .item-1 {
  font-size: 102px;
  color: #E2AFFA;
  text-shadow: -2px -2px 0 #707070, 0 -2px 0 #707070, 2px -2px 0 #707070, -2px 0 0 #707070, 2px 0 0 #707070, -2px 2px 0 #707070, 0 2px 0 #707070, 2px 2px 0 #707070, -1px -1px 0 #707070, 1px -1px 0 #707070, -1px 1px 0 #707070, 1px 1px 0 #707070, 0 0 0 #707070;
}
.top-contact-area a .item-2 {
  width: 8%;
  max-width: 116px;
  display: block;
  margin-right: 5%;
}
.top-contact-area a .item-3 {
  margin-right: 2%;
  color: #FAE637;
  text-shadow: -2px -2px 0 #707070, 0 -2px 0 #707070, 2px -2px 0 #707070, -2px 0 0 #707070, 2px 0 0 #707070, -2px 2px 0 #707070, 0 2px 0 #707070, 2px 2px 0 #707070, -1px -1px 0 #707070, 1px -1px 0 #707070, -1px 1px 0 #707070, 1px 1px 0 #707070, 0 0 0 #707070;
  position: relative;
}
.top-contact-area a .item-3:after {
  content: '';
  width: 0%;
  height: 4px;
  background-color: #FAE637;
  border: 0px solid #707070;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  transform-origin: left;
  transition: all 0.2s;
}

/*---------------------------------------
私たちについて
---------------------------------------*/

/*---------------------------------------
会社概要
---------------------------------------*/

/*---------------------------------------
お知らせ
---------------------------------------*/
.page-main-news .flex-box .block-left {
  width: 70%;
}
.page-main-news .flex-box .block-right {
  width: 26%;
}
.wp_no-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48%;
  height: auto;
}

/* ページネーションCSS */
.pagination {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  width: fit-content;
  margin-top: 6%;
}
.pagination .page-numbers {
  display: block;
  margin-right: 3rem;
  transition: all 0.4s;
  color: #002855;
}
.pagination .page-numbers.current {
  color: #fff;
  position: relative;
  pointer-events: none;
}
.pagination .page-numbers.current:after {
  content: '';
  width: 100vw;
  height: 100vw;
  max-width: 40px;
  max-height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%,-50%);
  background-color: #01D9D6;
}
.pagination .page-numbers:last-child {
  margin-right: 0;
}
@media screen and (min-width: 1025px) {
  .pagination .page-numbers:hover {
    opacity: 0.7;
  }
  .wp_no-img:hover img {
    transform: translate(-50%,-50%) scale(1.04);
  }
}

/* パターン１ */
ul.news-list-template-1 {
  width: 100%;
}
ul.news-list-template-1 li a {
  padding: 4% 12% 4% 2%;
  border-top: 1px solid #3d3d3d3a;
  position: relative;
}
ul.news-list-template-1 li:last-of-type a {
  border-bottom: 1px solid #3d3d3d3a;
}
ul.news-list-template-1 li a .flex {
  align-items: center;
  margin-bottom: 2%;
  justify-content: space-between;
}
ul.news-list-template-1 li a .btn-mark {
  width: 100vw;
  height: 100vw;
  max-width: 42px;
  max-height: 42px;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
}
ul.news-list-template-1 li a .btn-mark img {
  width: 32%;
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
}
ul.news-list-template-1 li a time {
  display: block;
}
ul.news-list-template-1 li a .post-category-list {
  display: flex;
  flex-wrap: wrap;
  width: 85%;
}
ul.news-list-template-1 li a .category-text {
  color: #fff;
  background-color: #000;
  padding: 0.4% 3%;
  margin-right: 2%;
}

/* パターン２ */
ul.news-list-template-2 {
  width: 100%;
}
ul.news-list-template-2 li a {
  padding: 4% 12% 4% 2%;
  border-top: 1px solid #3d3d3d3a;
  position: relative;
}
ul.news-list-template-2 li:first-of-type a {
  border-top: unset;
}
ul.news-list-template-2 li a .flex {
  align-items: center;
  margin-bottom: 2%;
  justify-content: space-between;
}
ul.news-list-template-2 li a .btn-mark {
  width: 100vw;
  height: 100vw;
  max-width: 42px;
  max-height: 42px;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
}
ul.news-list-template-2 li a .btn-mark img {
  width: 32%;
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
}
ul.news-list-template-2 li a time {
  display: block;
}
ul.news-list-template-2 li a .post-category-list {
  display: flex;
  flex-wrap: wrap;
  width: 78%;
}
ul.news-list-template-2 li a .category-text {
  color: #fff;
  background-color: #000;
  padding: 0.4% 3%;
  margin: 1% 3% 1% 0%;
}
ul.news-list-template-2 li a .flex-box .block-left {
  width: 30%;
}
ul.news-list-template-2 li a .flex-box .block-right {
  width: 66%;
}

/* パターン3 */
ul.news-list-template-3 li a .post-category-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
ul.news-list-template-3 li a .post-category-list p {
  padding: 0.8% 3.2%;
  margin-right: 4%;
  margin-bottom: 2%;
  background-color: #000000;
  color: #fff;
}
ul.news-list-template-3 li a time {
  display: block;
  margin-bottom: 2%;
}
ul.news-list-template-3 li a .img-mask {
  margin-bottom: 4%;
}
.company-template-1 {
  width: 100%;
}
.company-template-1 ul li {
  padding: 2% 0;
  border-bottom: 1px solid #000;
}
.company-template-1 ul li:last-of-type {
  border-bottom: unset;
}
.company-template-1 ul li .block-left {
  width: 30%;
}
.company-template-1 ul li .block-right {
  width: 70%;
}
.other-main {
  position: relative;
  padding-top: 11.5%;
  padding-bottom: 30%;
}
.other-main:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -4;
  background-image: url(../images/bg-Special.webp);
  background-repeat: repeat;
  background-size: 8%;
  opacity: 0.3;
}
.other-main .page-title {
  padding-top: 4.2%;
  margin-bottom: 2.5%;
}
.other-main .page-title .main-h2 {
  color: #8DFCF1;
}
.page-template-page-news-php header.pc-header .header-nav-menu .menu-1 li:nth-of-type(2) a .mark,
.single-news-post header.pc-header .header-nav-menu .menu-1 li:nth-of-type(2) a .mark {
  background-color: #E2AFFA;
}
.news-main {
  margin-bottom: 3%;
}
.news-main .border-set {
  padding-bottom: 4%;
}
.news-single-main .news-layout {
  padding-top: 1%;
}
.news-single-main .news-layout h3 {
  margin: 1.4% 0 3.0% 0;
}
.news-single-main .news-layout .img-mask {
  margin-bottom: 4%;
}
.news-single-main .news-layout .list-btn {
  width: 10.45vw;
  height: 2.61vw;
  max-width:220px;
  max-height: 56px;
  border-radius: 999px;
  background-color: #E2AFFA;
  border: 2px solid #555555;
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-top: 7.5%;
  margin-bottom: 5%;
}
.news-single-main .news-layout .list-btn p {
  color: #555555;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  white-space: nowrap;
  text-align: center;
}

/*---------------------------------------
メンバーズ
---------------------------------------*/
.members-title {
  width: 60%;
  max-width: 987px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  transform: translateY(-50%);
  margin-bottom: -7.5%;
  position: relative;
  z-index: 2;
}
.members-area {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 8%;
}
.members-area.wrapper {
  max-width: 1600px;
}
.members-area .set {
  width: 40%;
  padding-top: 43%;
  position: relative;
}
.members-area .set .status-area {
  border-radius: 30px;
  border: 3px solid #707070;
  overflow: hidden;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 1;
}
.members-area .set .character-img {
  display: block;
  width: 204%;
  max-width: 1300px;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-top: -33%;
}
.members-area .set h3 {
  display: block;
  width: 100%;
  height: 9vw;
  max-height: 152px;
  margin-top: -19%;
  margin-bottom: -2.8%;
  position: relative;
  z-index: 2;
}
.members-area .set h3 img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.members-area .members-list ul li.active-1 .block {
  background-color: #F91A31 !important;
}
.members-area .members-list ul li.active-2 .block {
  background-color: #01D9D6 !important;
}
.members-area .set .status-area .top-area {
  background-color: #888888b9;
  padding: 2% 3% 2% 3%;
  border-bottom: 3px solid #9A9A96;
}
.members-area .set .status-area .bottom-area {
  background-color: #ffffffb4;
  padding: 4% 3% 4% 3%;
}
.members-area .set .status-area .top-area ul li {
  padding: 1.4% 0;
}
.members-area .set .status-area .top-area ul li:first-of-type {
  padding-top: 0;
  border-bottom: 1px solid #707070;
}
.members-area .set .status-area .top-area ul li:last-of-type {
  padding-bottom: 0;
}
.members-area .set .status-area .top-area ul li,
.members-area .set .status-area .bottom-area ul li {
  display: flex;
}
.members-area .set .status-area .top-area ul li .left-area,
.members-area .set .status-area .bottom-area ul li .left-area {
  width: 20%;
}
.members-area .set .status-area .top-area ul li .right-area,
.members-area .set .status-area .bottom-area ul li .right-area {
  width: 80%;
}
.members-area .set .status-area .top-area ul li .left-area {
  padding-left: 3%;
}
.members-area .set .status-area .top-area ul li p {
  color: #DFFC03;
  text-shadow: -1px -1px 0 #707070, 1px -1px 0 #707070, -1px 1px 0 #707070, 1px 1px 0 #707070, 0 0 0 #707070;
}
.members-area .set .status-area .bottom-area ul li {
  margin-bottom: 3.6%;
}
.members-area .set .status-area .bottom-area ul li p {
  color: #01D9D6;
  text-shadow: -1px -1px 0 #707070, 1px -1px 0 #707070, -1px 1px 0 #707070, 1px 1px 0 #707070, 0 0 0 #707070;
}
.members-area .set .status-area .bottom-area ul li:last-of-type {
  margin-bottom: 0;
}
.page-template-page-members header.pc-header .header-nav-menu a.logo {
  display: none;
}
.page-template-page-members header.pc-header {
  top: 10.7%;
  left: 6.2%;
}
.page-template-page-members header.pc-header .header-nav-menu .menu-1 li:nth-of-type(4) a .mark {
  background-color: #E2AFFA;
}
.members-area .set .status-area .bottom-area ul li .bar-1 {
  background-color: #555555;
  border-radius: 4px;
  position: relative;
  z-index: 0;
  padding-top: 4.4%;
}
.members-area .set .status-area .bottom-area ul li .bar-2 {
  width: 98%;
  height: 70%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-51%);
  z-index: 1;
}
.members-area .set .status-area .bottom-area ul li .bar-3 {
  border-radius: 4px;
  background: linear-gradient(
    to right,
    #E2AFFA , /* 左色が20%まで伸びる */
    #8DFCF1   /* 右色が20%からスタート */
  );
  height: 100%;
  transition: all 0.2s;
}
.members-area .set .channel-btn {
  display: block;
  width: fit-content;
  position: relative;
  padding: 0 15% 0.3% 2%;
  background-color: #888888;
  border: 2px solid #707070;
  border-radius: 999px;
  margin-left: auto;
  margin-top: 1%;
}
.members-area .set .channel-btn .link-mark {
  width: 100vw;
  height: 100vw;
  max-width: 58px;
  max-height: 58px;
  border-radius: 50%;
  background-color: #E2AFFA;
  border: 2px solid #707070;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(8%,-50%);
  z-index: 1;
}
.members-area .set .channel-btn .link-mark:after {
  content: '';
  width: 86%;
  height: 86%;
  border-radius: 50%;
  background-color: #CBEF86;
  border: 2px solid #707070;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}
.members-area .set .channel-btn .link-mark img {
  content: '';
  width: 34%;
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translate(-50%,-50%);
  z-index: 3;
}
.members-area .set .channel-btn p {
  color: #E2AFFA;
  text-shadow: -1px -1px 0 #707070, 1px -1px 0 #707070, -1px 1px 0 #707070, 1px 1px 0 #707070, 0 0 0 #707070;
}
.members-area .set .character-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: auto;
  filter: brightness(0) invert(1);
  width: 155%;
  transform: translate(-26%, -8%);
}
.members-area .set.set-2 .character-bg-img {
  transform: translate(-8%, -8%) scaleX(-1.0);
}
.members-area .members-list {
  position: absolute;
  top: 4%;
  left: 50%;
  transform: translateX(-50%);
  width: 21vw;
  max-width: 360px;
  padding: 1% 1% 0.4% 1%;
  border: 3px solid #707070;
  border-radius: 20px;
  overflow: hidden;
  z-index: 4;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.6);
}
.members-area .members-list .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0.5;
}
.members-area .members-list ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.members-area .members-list ul li {
  width: 23%;
  margin-right: 2.66%;
  margin-bottom: 2%;
}
.members-area .members-list ul li:nth-of-type(4),
.members-area .members-list ul li:nth-of-type(8),
.members-area .members-list ul li:nth-of-type(12),
.members-area .members-list ul li:nth-of-type(16),
.members-area .members-list ul li:nth-of-type(20),
.members-area .members-list ul li:nth-of-type(24) {
  margin-right: 0;
}
.members-area .members-list ul li .block {
  width: 100%;
  padding: 3.2% 3% 3% 3%;
  background-color: #8888889e;
  border: 1px solid #707070;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.members-area .members-list ul li .block .img-mask {
  /* background-color: #FFF500; */
  background-color: #fff;
  border: 1px solid #707070;
  border-radius: 12px;
}
.members-area .members-list ul li .block .img-mask:after {
  padding-top: 128%;
  position: relative;
  z-index: -1;
}
.members-area .members-list ul li .block .img-mask img {
  z-index: 1;
}
.members-main img,
.members-main div {
  pointer-events: unset !important;
}
.members-area .set .character-img {
  transition: all 0.2s;
  transform-origin: 0%;
}
/* .members-area .set.anime-A-1 .character-img {
  animation-name: myAnimation-1;
}
@keyframes myAnimation-1 {
  0% {
    transform: scale(1.4) translateX(-50%);
    filter: brightness(1) invert(1);
   }
  8% {
    filter: brightness(1) invert(1);
  }
  50% {
    filter: brightness(1) invert(0.3);
  }
  100% {
    transform: scale(1.0) translateX(-50%);
    filter: brightness(1) invert(0);
  }
}
.members-area .set.anime-A-2 .character-img {
  animation-name: myAnimation-2;
}
@keyframes myAnimation-2 {
  0% {
    transform: scale(1.4) translateX(-50%);
    filter: brightness(1) invert(1);
   }
  8% {
    filter: brightness(1) invert(1);
  }
  50% {
    filter: brightness(1) invert(0.3);
  }
  100% {
    transform: scale(1.0) translateX(-50%);
    filter: brightness(1) invert(0);
  }
}
.members-area .set.anime-B-1 .character-img {
  animation-name: myAnimation-3;
}
@keyframes myAnimation-3 {
  0% {
    transform: scale(1.4) translateX(-50%);
    filter: brightness(1) invert(1);
   }
  8% {
    filter: brightness(1) invert(1);
  }
  50% {
    filter: brightness(1) invert(0.3);
  }
  100% {
    transform: scale(1.0) translateX(-50%);
    filter: brightness(1) invert(0);
  }
}
.members-area .set.anime-B-2 .character-img {
  animation-name: myAnimation-4;
}
@keyframes myAnimation-4 {
  0% {
    transform: scale(1.4) translateX(-50%);
    filter: brightness(1) invert(1);
   }
  8% {
    filter: brightness(1) invert(1);
  }
  50% {
    filter: brightness(1) invert(0.3);
  }
  100% {
    transform: scale(1.0) translateX(-50%);
    filter: brightness(1) invert(0);
  }
} */
.other-main.members-main {
  overflow: hidden;
}
.members-area .set.select-set .character-img {
  transform: translate(-50%,0) !important;
  animation-duration: 0.08s;
  animation-name: myAnimation-5;
}
@keyframes myAnimation-5 {
  0% {
    transform: translate(-50%,0) scale(1.4) !important;
    filter: brightness(1) invert(1);
   }
  8% {
    filter: brightness(1) invert(1);
  }
  50% {
    filter: brightness(1) invert(0.3);
  }
  100% {
    transform: scale(1.0) translate(-50%,0) !important;
    filter: brightness(1) invert(0);
  }
}


/*---------------------------------------

メンバーズ

---------------------------------------*/
.members-main img {
  pointer-events: unset !important;
}
.members-main img.selected-1,
.members-main img.selected-2 {
  pointer-events: none !important;
}
.members-main .border-set {
  background: linear-gradient(to right, #E0F3F7 0%, #F1E5F9);
  background-color: unset;
}
.members-sns-link-btns {
  width: 88%;
  display: flex;
  margin-left: auto;
  margin-top: 2%;
  justify-content: space-between;
}
.members-sns-link-btns li {
  width: 32%;
  transition: all 0.2s;
}
.members-sns-link-btns li a,
.members-sns-link-btns li a img {
  width: 100%;
}

.parts-zone {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  overflow: hidden;
}
.decoration-item-1,
.decoration-item-2 {
  z-index: 0;
}
.decoration-item-1 {
  width: 27vw;
  max-width: 400px;
  height: 0.9vw;
  max-height: 14px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.decoration-item-1 .item-1 {
  width: 100px;
  max-width: 14px;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
}
.decoration-item-1 .item-2 {
  width: 90%;
  height: 100%;
  border-radius: 999px;
  overflow: hidden;
  position: relative;
}
.decoration-item-1 .item-2:after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 999px;
  animation: slideX 12s linear infinite; /* 4秒で横にループ */
  position: absolute;
  top: 0;
  left: 0;
}
.decoration-item-1.position-1 {
  position: absolute;
  left: 22%;
  top: 7%;
  transform: rotate(135deg);
}
.decoration-item-1.position-2 {
position: absolute;
    right: 16%;
    top: -2%;
    transform: rotate(135deg);
}
.decoration-item-1.position-3 {
position: absolute;
    right: -6%;
    top: 16%;
    transform: rotate(-45deg);
}
.decoration-item-1.position-4 {
    position: absolute;
    right: 43.5%;
    bottom: 30%;
    transform: rotate(135deg);
}
.decoration-item-1.position-5 {
    position: absolute;
    right: 48%;
    bottom: 17%;
    transform: rotate(135deg);
}
.decoration-item-1.position-5 .item-2:after {
  animation-delay: 5s;
  animation-fill-mode: both;
}
.decoration-item-1.position-6 {
position: absolute;
    left: -6%;
    top: 40%;
    transform: rotate(-45deg);
}
.decoration-item-1.position-7 {
  position: absolute;
  left: 1%;
  bottom: 28.5%;
  transform: rotate(135deg);
}
.decoration-item-1.position-8 {
  position: absolute;
  right: 0%;
  bottom: 8.5%;
  transform: rotate(135deg);
}
.decoration-item-2 {
  width: 13vw;
  height: 13vw;
  max-width: 200px;
  max-height: 200px;
  border-radius: 50%;
  overflow: hidden;
}
.decoration-item-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  transform: scale(1.9);
}
.decoration-item-2.position-1 {
  position: absolute;
  top: 8%;
  left: 9%;
  transform: rotate(-45deg);
}
.decoration-item-2.position-2 {
  position: absolute;
  bottom: 4%;
  left: 48%;
  transform: rotate(-45deg) scale(0.8);
}
.decoration-item-2.position-3 {
  position: absolute;
  top: 46%;
  left: 2%;
}
.decoration-item-2.position-3 img {
  transform: scale(1.8);
}
.decoration-item-2.position-4 {
  position: absolute;
  top: 33%;
  right: 2%;
  transform: scale(0.8);
}
.decoration-item-2.position-4 img {
  transform: scale(1.75);
}
.decoration-item-3 {
  width: 53vw;
  max-width: 772px;
  opacity: 0.3;
}
.decoration-item-3.position-1 {
  position: absolute;
  top: -10%;
  left: -7%;
}
.decoration-item-3.position-2 {
  position: absolute;
  top: -7%;
  right: -2%;
  transform: rotate(110deg);
  max-width: 564px;
  width: 40vw;
}
.decoration-item-3.position-3 {
  position: absolute;
  bottom: -31%;
  left: 26%;
  transform: rotate(-155deg);
}

/* 横に移動するキーフレーム */
@keyframes slideX {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

/*---------------------------------------
ローディング画面
---------------------------------------*/
#first_access {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 9999999999999;
transition: all 0.4s;
}
#first_access .bg-left,
#first_access .bg-right {
  width: 50vw;
  height: 100vh;
  background-color: #000;
  position: absolute;
  top: 0;
  z-index: 0;
  transition: all 1.2s ease-in-out;
  transform: translateX(0%);
  transition-delay: 1.2s;
}
#first_access .bg-left {
  left: 0;
}
#first_access .bg-right {
  right: 0;
}
#first_access.active .loader-card {
  opacity: 0;
}
#first_access.active .bg-left {
  transform: translateX(-100%);
}
#first_access.active .bg-right {
  transform: translateX(100%);
}

/* 中身 */
.loader-card {
  width: 21.5%;
  max-width: 460px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: all 0.4s;
}
.loader-card .flex {
  justify-content: space-between;
  align-items: end;
}
.progress-wrap {
  width: 100%;
  height: 100vw;
  max-height: 19px;
  background: #fff;
  overflow: hidden;
  padding: 0.5% 1%;
}
.progress-bar {
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, #9CFC03, #E2AFFA);
  transition: width 0.2s;
}
.progress-wrap,.progress-bar {
  border-radius: 4px;
}

.percent-row {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: 8px;
}

.finish-message,
.loader-title,
.count,
.percent {
  color: #fff;
  font-family: "lores-21-serif", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.finish-message {
  opacity: 0;
  transition: opacity 0.12s;
  margin-bottom: 4%;
}
.show-finish .finish-message {
  opacity: 1;
}
.loader-title {
  letter-spacing: 0.12em;
}
.count {
  transform: translateY(13%);
}

/* --------------------------------
  マウスストーカー
-------------------------------- */
#stkr {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 22px;
  height: 22px;
  background: #ff000040;
  border-radius: 50%;
  transition: 0.2s; /* マウスストーカー追跡速度 */
  transition-timing-function: ease-out;
  pointer-events: none;
  z-index: 9999999999999;
}

/* マウスストーカーに影響のない装飾CSS */
*{ margin: 0;  padding: 0; }
html, body{ width: 100%; height: 100%; }
.links div{ margin: 20px 10px; }

/*---------------------------------------
利用規約 / プライバシーポリシー
---------------------------------------*/
.info-zone {
  width: 88vw;
  max-width: 936px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 2%;
  padding-bottom: 6%;
}
.info-zone .first-text {
  margin-bottom: 12%;
}
.info-zone .info-block {
  margin-bottom: 8%;
}
.info-zone .info-block:last-of-type {
  margin-bottom: 0;
}
.info-zone p,
.info-zone h3 {
  font-weight: 400;
}
.info-zone h3 {
  margin-bottom: 4%;
}
.info-zone p {
  margin-bottom: 1.6%;
}
.info-zone ul {
  width: 100%;
}
.info-zone li {
  width: 100%;
  padding-left: 1.6rem;
  position: relative;
}
.info-zone li:after {
  width: fit-content;
  height: auto;
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: #002855;
}
.info-zone li:nth-of-type(1):after {
  content: '1.';
}
.info-zone li:nth-of-type(2):after {
  content: '2.';
}
.info-zone li:nth-of-type(3):after {
  content: '3.';
}
.info-zone li:nth-of-type(4):after {
  content: '4.';
}
.info-zone li:nth-of-type(5):after {
  content: '5.';
}
.info-zone li:nth-of-type(6):after {
  content: '6.';
}
.info-zone li:nth-of-type(7):after {
  content: '7.';
}
.info-zone li:nth-of-type(8):after {
  content: '8.';
}
.info-zone li:nth-of-type(9):after {
  content: '9.';
}
.info-zone li:nth-of-type(10):after {
  content: '10.';
}
.info-zone a {
  position: relative;
  display: inline-block;
}
.info-zone a:after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #111111;
  position: absolute;
  bottom: 5px;
  left: 0;
}
.info-zone a:before {
  content: '';
  background-color: #FEFCD7;
  width: 12%;
  height: 3px;
  position: absolute;
  bottom: 4px;
  left: 0;
  z-index: 1;
  transform: translateX(-100%);
  transition: all 0.6s;
}

/*---------------------------------------
404.php
---------------------------------------*/
.error-area {
  height: 96vh;
  position: relative;
}
.error-area-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.nowrap {
  white-space: nowrap;
}
.error-area-2 h2 {
  margin-bottom: 40px;
  font-size: 32px !important;
}
.error-area-2 p {
  margin: 12px 0;
  font-size: 12px;
  letter-spacing: .05rem;
  line-height: 20px;
}
.error-area-2 a {
  display: block;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
  margin-top: 8%;
}
.error-area-2 a p {
  background-color: #000;
  color: #fff;
  padding: 8px 24px;
  width: fit-content;
}
.error-area-2 a:hover {
  background-color: #ffffff;
  color:#9BB790;
  transition: all 0.4s;
}
.error-btn {
  margin-top:16% !important;
}

@media (min-width: 992px) {
  .sp-ver-1 {
    display:none;
  }
}
@media (max-width: 991px) {
  .sp-ver-1 {
    display:contents;
  }
  .pc-ver-1 {
    display:none;
  }
  .error-area-2 h2 {
    line-height:56px;
  }
}
@media (max-width: 768px) {
  .error-area-2 h2 {
    line-height: 40px;
    font-size: 24px !important;
  }
}
@media (max-width: 560px) {
  .error-area-2 h2 {
    line-height: 32px;
    font-size: 18px !important;
  }
  .error-area {
    height: 72vh;
  }
}
@media (max-width: 375px) {
  .error-area-2 h2 {
  line-height: 28px;
  font-size: 16px !important;
  letter-spacing: 0.05rem;
  }
  .error-area-2 h2 {
  font-size: 14px !important;
  }
}

/*---------------------------------------
//
//           レスポンシブ
//
---------------------------------------*/
@media screen and (min-width: 2560px) {
  /*  2560 px end  */
}
@media screen and (min-width: 1921px) {
  .other-main.members-main {
    padding-top: 240px;
  }
  .members-title {
    margin-bottom: -128px;
  }
  /*  1920 px end  */
}
@media screen and (max-width: 1920px) {
  .top-about-area .flex-box ul li {
    min-height: 3.8vw;
  }
  .members-area .set {
    padding-top: 37.5%;
  }
  .members-area .set h3 {
    margin-top: -17%;
    margin-bottom: -0.9vw;
    height: 7.8vw;
  }
  .members-area .set .character-img {
    width: 165%;
    margin-top: -18%;
  }
  footer .set.border-set .wrapper {
    width: 75%;
  }

  /*  1920 px end  */
}
@media screen and (max-width: 1536px) {
  .members-area .set .status-area .top-area {
    background-color: #a4a1a1;
  }
  /*
  .members-area .set {
    padding-top: 45%;
  }
  .members-area .set h3 {
    height: 7vw;
    margin-top: -7vw;
    margin-bottom: -0.6vw;
  }
  .members-title {
    margin-bottom: -11.5%;
  }
  .members-area .members-list {
    top: 10%;
  }
    */
  .border-set:after, .border-set,
  .parts-zone {
    border-radius: 16vw 16vw 0 0;
  }
  .top-member-area a {
    width: 76%;
    margin-right: auto;
    margin-left: auto;
  }
  .top-contact-area a .item-1 {
    font-size: 6vw;
  }

  /*  1536 px end  */
}
@media screen and (max-width: 1440px) {
  /*  1440 px end  */
}
@media screen and (max-width: 1366px) {
  .members-area .set .status-area .top-area ul li .left-area, .members-area .set .status-area .bottom-area ul li .left-area {
    width: 28%;
  }
  .members-area .set .status-area .top-area ul li .right-area, .members-area .set .status-area .bottom-area ul li .right-area {
    width: 72%;
  }

  /*  1366 px end  */
}
@media screen and (max-width: 1200px) {
  /*  1200 px end  */
}
@media screen and (max-width: 1024px) {
  header.sp-header .header-set .menu-2 li a {
    max-width: 48px;
    max-height: 27px;
  }
  .first-area .scroll-icon {
    width: 18.5%;
    max-width: 102px;
    bottom: 3%;
  }
  .first-area {
    height: calc(var(--vh, 1vh) * 100);
  }
  .top-news-area {
    padding-top: 15.4%;
    padding-bottom: 50%;
  }
  .h2-set h2:nth-of-type(1) {
    letter-spacing: 0.10em;
    text-shadow:
  -1.0px -1.0px 0 #707070,
  0 -1.0px 0 #707070,
  1.0px -1.0px 0 #707070,
  -1.0px 0 0 #707070,
  1.0px 0 0 #707070,
  -1.0px 1.0px 0 #707070,
  0 1.0px 0 #707070,
  1.0px 1.0px 0 #707070,
  -0.75px -0.75px 0 #707070,
  0.75px -0.75px 0 #707070,
  -0.75px 0.75px 0 #707070,
  0.75px 0.75px 0 #707070,
  0 0 0 #707070;
  }
  .h2-set h2:nth-of-type(2) {
    font-weight: 400;
    margin-top: 8px;
  }
  .news-layout ul {
    display: flex;
    flex-direction: column;
  }
  .news-layout ul li {
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 7% !important;
    width: 100%;
  }
  .news-layout ul li:last-of-type {
    margin-bottom: 0;
  }
  .news-layout ul li a {
    display: flex;
    justify-content: space-between;
  }
  .news-layout ul li a .img-mask,
  .news-layout ul li a .group {
    width: 48%;
  }
  .news-layout ul li .img-mask {
    border-radius: 16px;
  }
  .h2-set {
    margin-bottom: 9.6% !important;
  }
  .news-layout ul li time {
    margin-top: 0;
    margin-bottom: 10%;
  }
  .top-news-area .view-btn {
    margin-right: auto;
    margin-left: auto;
  }
  .top-news-area .view-btn .mark {
    width: 7vw;
    height: 7vw;
    max-width: 28px;
    max-height: 28px;
  }
  .top-about-area {
    padding-top: 20%;
    margin-top: -33%;
    padding-bottom: 19%;
  }
  .border-set:after, .border-set {
    border-radius: 0 106px 0 0;
  }
  .border-set:after {
    transform: translateY(-16%);
    background: linear-gradient(to left, #96F3F2 -20%, #DAB5F9);
  }
  .top-about-area .flex-box ul li {
    flex-direction: column;
    padding: 5% 0;
    margin-bottom: 1.5%;
  }
  .top-about-area .flex-box ul li:last-of-type {
    margin-bottom: 0;
  }
  .top-about-area .flex-box ul li p {
    text-align: left;
  }
  .top-about-area .flex-box ul li .left-area {
    margin-bottom: 1.5%;
  }
  .top-about-area .flex-box ul li .left-area,
  .top-about-area .flex-box ul li .right-area {
    width: 100%;
    padding-left: 0;
  }
  .top-about-area .flex-box ul li .left-area p {
    opacity: 0.6;
  }
  .top-about-area .flex-box ul li:after, .top-about-area .flex-box ul li:before {
    height: 2px;
    width: 50%;
  }
  .top-about-area .flex-box .block-left {
    margin-bottom: 12%;
  }
  .top-about-area iframe {
    width: 100%;
    height: 48vw;
    max-height: 340px;
  }
  .top-member-area {
    padding: 15.5% 0;
  }
  .top-member-area a {
    width: 100%;
    transform: scale(0.00);
  }
  .top-contact-area a {
    flex-direction: column;
  }
  .top-contact-area a .item-2 {
    display: none;
  }
  .top-contact-area a .item-1 {
    font-size: 42px;
    letter-spacing: 0.08em;
  }
  .top-contact-area a .item-3 {
    font-size: 32px;
  }
  .top-contact-area a .item-3:after {
    background-color: #888888;
    height: 4px;
    width: 100%;
    bottom: 3%;
  }
  .top-contact-area {
    padding: 17.4% 0 50% 0;
  }
  footer {
    margin-top: -32.5%;
  }
  footer .set .flex-box {
    padding-left: 0;
  }
  footer .set .top-set {
    margin-bottom: 19%;
  }
  footer .set .top-set .block-left {
    margin-bottom: 15%;
  }
  footer .set .top-set .block-left img {
    margin-top: 0;
    width: 51%;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  footer .set.border-set {
    padding: 9.2% 0 15.2% 0;
  }
  footer .set.border-set .wrapper {
    width: 83%;
  }
  footer .set .top-set .block-right {
    width: 65% !important;
    margin-right: auto;
    margin-left: auto;
  }
  footer .set .top-set .block-right ul.menu-1 {
    flex-wrap: wrap;
  }
  footer .set .top-set .block-right ul.menu-1 li:nth-of-type(1),
  footer .set .top-set .block-right ul.menu-1 li:nth-of-type(2),
  footer .set .top-set .block-right ul.menu-1 li:nth-of-type(3) {
    width: 33.3%;
    margin-bottom: 12%;
  }
  footer .set .top-set .block-right ul.menu-1 li:nth-of-type(4),
  footer .set .top-set .block-right ul.menu-1 li:nth-of-type(5) {
    width: 50%;
  }
  footer .set .top-set .block-right ul.menu-1 li:nth-of-type(1) a {
    display: block;
    margin-right: auto;
  }
  footer .set .top-set .block-right ul.menu-1 li:nth-of-type(2) a {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  footer .set .top-set .block-right ul.menu-1 li:nth-of-type(3) a {
    display: block;
    margin-left: auto;
  }
  footer .set .top-set .block-right ul.menu-1 li:nth-of-type(4) a {
    display: block;
    margin-right: auto;
  }
  footer .set .top-set .block-right ul.menu-1 li:nth-of-type(5) a {
    display: block;
    margin-left: auto;
  }
  footer .set .top-set .block-right ul.menu-1 li:nth-of-type(6) {
    margin-right: auto;
    margin-left: auto;
    margin-top: 20%;
    margin-bottom: 12%;
  }
  footer .set .top-set .block-right ul.menu-2 {
    width: 100%;
    max-width: unset;
  }
  footer .set .bottom-set {
    border-radius: 48px;
    padding: 7.4% 7% 13.4% 7%;
  }
  footer .set .bottom-set,footer .set .bottom-set .item {
    flex-direction: column;
  }
  footer .set .bottom-set a {
    width: 95%;
    max-width: 400px;
    max-width: unset;
    margin-right: auto;
    margin-left: auto;
    transform: translateX(3%);
  }
  footer .set .bottom-set .item p.f-15 {
    margin-left: 0;
    white-space: nowrap;
  }
  footer .set .bottom-set .item-1 {
    margin-bottom: 12%;
  }
  footer .set .bottom-set .item-1,
  footer .set .bottom-set .item-2 {
    margin-left: 0;
    width: 100%;
  }
  footer .set .bottom-set .item p {
    font-weight: 300;
  }
  footer .set .bottom-set .item p.f-14 {
    width: fit-content;
  }
  footer .last-text {
    text-align: center;
    margin-top: 6%;
  }
  .contents-bg img {
    object-position: 100% 0%;
    transform: scaleX(-1.0) translateY(0%);
  }
  .top-member-area .bg,
  .other-main:after {
    background-size: 20%;
    background-position: 11% 0%;
  }
  .other-main {
    padding-top: 37.5%;
    padding-bottom: 40%;
  }
  .other-main .page-title {
    padding-top: 14.2%;
    margin-bottom: 13.5%;
  }
  .news-main .border-set {
    padding-bottom: 15%;
  }
  .pagination {
    margin-top: 9%;
  }
  .pagination .page-numbers {
    margin-right: 2.4rem;
  }
  .pagination .page-numbers.current:after {
    width: 9vw;
    height: 9vw;
    max-width: 40px;
    max-height: 40px;
  }
  .news-single-main .news-layout .list-btn {
    width: 51.45vw;
    height: 12.9vw;
    max-width: 220px;
    max-height: 58px;
    margin-top: 10%;
  }
  .other-main.news-single-main {
    margin-bottom: 10%;
  }
  .news-single-main .news-layout h3 {
    margin: 2.4% 0 6% 0;
  }
  .members-area {
    flex-direction: column;
  }
  .members-area .set {
    width: 100%;
  }
  .members-area .members-list {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    width: 87.5%;
    max-width: 420px;
    margin: 11% auto 6% auto;
    order: 2;
    padding: 2.4% 2% 2% 2%;
  }
  .members-area .set.set-1 {
    order: 1;
  }
  .members-area .set.set-2 {
    order: 3;
  }
  .other-main.members-main {
    padding-top: 18rem;
    padding-bottom: 48%;
  }
  .members-title {
    width: 91%;
    max-width: 640px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    transform: translateY(-74%);
    margin-bottom: -10.5%;
  }
  .members-area .set .character-img {
    width: 180%;
    max-width: 912px;
  }
  .members-area .set {
    padding-top: 83%;
  }
  .members-area .set h3 {
    height: 18vw;
    max-height: 146px;
    margin-top: -22%;
    margin-bottom: -2.5%;
  }
  .members-area .set .status-area .top-area ul li .left-area {
    padding-left: 2%;
  }
  .members-area .set .status-area .top-area ul li .left-area, .members-area .set .status-area .bottom-area ul li .left-area {
    width: 26%;
  }
  .members-area .set .status-area .top-area ul li .right-area, .members-area .set .status-area .bottom-area ul li .right-area {
    width: 74%;
  }
  .members-area .set .status-area {
    border-radius: 26px;
  }
  .members-area .set .channel-btn .link-mark {
    width: 13.6vw;
    height: 13.6vw;
  }
  .members-area .set .channel-btn {
    padding: 0 17% 0.3% 2%;
    margin-right: 3%;
  }
  .members-area .set .channel-btn p {
    letter-spacing: 0.1em;
  }
  .members-area.wrapper {
    max-width: 640px;
  }
  .members-area {
    padding-bottom: 18%;
  }
  .loader-card {
    width: 72%;
    max-width: 360px;
  }
  .decoration-item-1 {
    width: 63vw;
    max-width: 400px;
    height: 3.6vw;
  }
  .decoration-item-2 {
    width: 24vw;
    height: 24vw;
  }
  .decoration-item-2.position-1 {
    top: -29%;
    left: 18%;
  }
  .decoration-item-1.position-1 {
    top: 20%;
    left: -28%;
  }
  .decoration-item-1.position-2 {
    top: -2.5%;
    right: 8%;
  }
  .decoration-item-1.position-3 {
    top: 17%;
    right: -38%;
  }
  .decoration-item-1.position-4 {
    right: 48.5%;
    bottom: 31%;
  }
  .decoration-item-1.position-5 {
    right: 64%;
    bottom: 24.5%;
  }
  .decoration-item-1.position-6 {
    left: unset;
    top: unset;
    right: -35%;
    bottom: 34%;
  }
  .decoration-item-1.position-7 {
    left: 68%;
    bottom: 22%;
  }
  .decoration-item-1.position-8 {
    right: 57%;
    bottom: -2%;
  }
  .decoration-item-2.position-1 {
    top: 4%;
    left: -5%;
  }
  .decoration-item-2.position-2 {
    bottom: 0;
    left: unset;
    right: 12%;
  }
  .decoration-item-2.position-3 {
    top: 60%;
    left: -5%;
  }
  .decoration-item-2.position-4 {
    top: 36.5%;
    right: -1%;
  }
  .decoration-item-3 {
    width: 96vw;
  }
  .decoration-item-3.position-1 {
    top: -3%;
    left: -23%;
  }
  .decoration-item-3.position-2 {
    top: unset;
    right: -41%;
    bottom: -16%;
    width: 140vw;
    transform: rotate(170deg);
  }
  .decoration-item-3.position-3 {
    display: none;
  }
    .no-post-text {
    margin-bottom: 6%;
  }

  /*  1024 px end  */
}
@media screen and (max-width: 991px) {
  /*  991 px end  */
}
@media screen and (max-width: 768px) {
  .other-main.members-main {
    padding-top: 48%;
    padding-bottom: 55%;
  }
  /* .members-area .set h3 {
    margin-top: 1vw;
    margin-bottom: -2.0vw;
  } */
  .info-zone li:after {
    top: 5px;
  }
  .info-zone h3 {
    margin-bottom: 5%;
  }
  .info-zone p {
    margin-bottom: 3.2%;
  }
  .info-zone .info-block {
    margin-bottom: 12%;
  }
  .info-zone {
    padding-top: 0;
    padding-bottom: 12%;
    margin-bottom: 9%;
  }
  .members-area .set h3 {
    margin-top: -16%;
  }
  .members-area .set .character-img {
    width: 144%;
  }

  /*  768 px end  */
}
@media screen and (max-width: 560px) {
  .border-set:after, .border-set {
    border-radius: 0 27vw 0 0;
  }
  .top-member-area .bg,
  .other-main:after {
    background-size: 40%;
    background-position: 11% 0%;
  }

  /*  560 px end  */
}
@media screen and (max-width: 460px) {
  /*  460 px end  */
}
@media screen and (max-width: 414px) {
  /*  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) {
  .top-news-area .view-btn .mark,
  header.pc-header .header-nav-menu .menu-1 li a p {
    transition: all 0.2s;
  }
  .top-member-area a:hover .item-1 {
    transform: scale(1.03);
  }
  .members-area .members-list ul li,
  .members-area .members-list ul li .block {
    transition: all 0.1s;
  }
  .members-area .set .channel-btn .link-mark,
  .top-news-area .news-layout ul li img {
    transition: all 0.2s;
  }
  .top-member-area a:hover .item-2 {
    transform: translate(-50%,-50%) scale(1.2) rotate(3deg);
  }
  .top-contact-area a:hover .item-3:after {
    width: 100%;
    border: 1px solid #707070;
  }
  .members-area .members-list ul li:hover .block {
    background-color: #cececec8;
  }
  .members-area .set .channel-btn:hover .link-mark {
    transform: translate(8%,-50%) scale(1.1);
  }
  .info-zone a:hover:before {
    transform: translateX(0);
    left: 100%;
  }
  .news-layout ul li:hover img {
    transform: scale(1.08);
  }
  .news-layout ul li:hover .wp_no-img.img-mask img {
    transform: translate(-50%,-50%) scale(1.08) ;
  }
  .view-btn:hover .mark {
    transform: scale(1.2);
  }
  footer .set .top-set .block-right a:hover {
    opacity: 0.8;
  }
  header.pc-header .header-nav-menu .menu-1 li a p:hover {
    transform: scale(1.1);
  }
  .members-sns-link-btns li:hover {
    transform: scale(1.06);
  }

  /*  1025 px end  */
}
#About {
  transform: translateY(-16vw);
}
@media screen and (max-width: 1024px) {
  #About {
  transform: translateY(-24vw);
  }
}
@media screen and (max-width: 560px) {
  #About {
  transform: translateY(-50vw);
  }
  #Contact {
  transform: translateY(-30vw);
  }
}