@charset "UTF-8";
@import url('？？？'); /* Googleフォント */

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
||
||            CSS セット
||            2025_02/01 ver.
||
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*---------------------------------------
// Adobe font 表示CSS    ※ head内に<script>で表示しているタイプの呼び出しをしている時のみ
---------------------------------------*/
/*
html {
  visibility: hidden;
}
html.wf-active,
html.loading-delay {
  visibility: visible;
}
*/
/* 文字のベース */
p,a,span,h1,h2,h3,h4,time,div,input,textarea,select,button {
  color: #303135;
  overflow-wrap: break-word; /* 文字列が長すぎる場合に折り返し */
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
}

/*----------------------------------------
font-family
----------------------------------------*/
html .f1 {
  font-family: "Zen Maru Gothic", sans-serif;
}

html .f2 {
}

html .f3 {
}

html .f4 {
}

html .f5 {
}

/*----------------------------------------
||
||  font-size
||
----------------------------------------*/
.f-10 { font-size: 10px; }
.f-11 { font-size: 11px; }
.f-12 { font-size: 12px; }
.f-13 { font-size: 13px; }
.f-14 { font-size: 14px; }
.f-15 { font-size: 15px; }
.f-16 { font-size: 16px; }
.f-17 { font-size: 17px; }
.f-18 { font-size: 18px; }
.f-19 { font-size: 19px; }
.f-20 { font-size: 20px; }
.f-21 { font-size: 21px; }
.f-22 { font-size: 22px; }
.f-23 { font-size: 23px; }
.f-24 { font-size: 24px; }
.f-25 { font-size: 25px; }
.f-26 { font-size: 26px; }
.f-27 { font-size: 27px; }
.f-28 { font-size: 28px; }
.f-29 { font-size: 29px; }
.f-30 { font-size: 30px; }
.f-31 { font-size: 31px; }
.f-32 { font-size: 32px; }
.f-33 { font-size: 33px; }
.f-34 { font-size: 34px; }
.f-35 { font-size: 35px; }
.f-36 { font-size: 36px; }
.f-37 { font-size: 37px; }
.f-38 { font-size: 38px; }
.f-39 { font-size: 39px; }
.f-40 { font-size: 40px; }
.f-41 { font-size: 41px; }
.f-42 { font-size: 42px; }
.f-43 { font-size: 43px; }
.f-44 { font-size: 44px; }
.f-45 { font-size: 45px; }
.f-46 { font-size: 46px; }
.f-47 { font-size: 47px; }
.f-48 { font-size: 48px; }
.f-49 { font-size: 49px; }
.f-50 { font-size: 50px; }
.f-51 { font-size: 51px; }
.f-52 { font-size: 52px; }
.f-53 { font-size: 53px; }
.f-54 { font-size: 54px; }
.f-55 { font-size: 55px; }
.f-56 { font-size: 56px; }
.f-57 { font-size: 57px; }
.f-58 { font-size: 58px; }
.f-59 { font-size: 59px; }
.f-60 { font-size: 60px; }
.f-61 { font-size: 61px; }
.f-62 { font-size: 62px; }
.f-63 { font-size: 63px; }
.f-64 { font-size: 64px; }
.f-65 { font-size: 65px; }
.f-66 { font-size: 66px; }
.f-67 { font-size: 67px; }
.f-68 { font-size: 68px; }
.f-69 { font-size: 69px; }
.f-70 { font-size: 70px; }
.f-71 { font-size: 71px; }
.f-72 { font-size: 72px; }
.f-73 { font-size: 73px; }
.f-74 { font-size: 74px; }
.f-75 { font-size: 75px; }
.f-76 { font-size: 76px; }
.f-77 { font-size: 77px; }
.f-78 { font-size: 78px; }
.f-79 { font-size: 79px; }
.f-80 { font-size: 80px; }

/*--------------------------------------------------
    1561px - 1920px  (1920px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:1920px) {
.f-10 { font-size: 0.52vw; }
.f-11 { font-size: 0.57vw; }
.f-12 { font-size: 0.63vw; }
.f-13 { font-size: 0.68vw; }
.f-14 { font-size: 0.73vw; }
.f-15 { font-size: 0.78vw; }
.f-16 { font-size: 0.83vw; }
.f-17 { font-size: 0.89vw; }
.f-18 { font-size: 0.94vw; }
.f-19 { font-size: 0.99vw; }
.f-20 { font-size: 1.04vw; }
.f-21 { font-size: 1.09vw; }
.f-22 { font-size: 1.15vw; }
.f-23 { font-size: 1.20vw; }
.f-24 { font-size: 1.25vw; }
.f-25 { font-size: 1.30vw; }
.f-26 { font-size: 1.35vw; }
.f-27 { font-size: 1.41vw; }
.f-28 { font-size: 1.46vw; }
.f-29 { font-size: 1.51vw; }
.f-30 { font-size: 1.56vw; }
.f-31 { font-size: 1.61vw; }
.f-32 { font-size: 1.67vw; }
.f-33 { font-size: 1.72vw; }
.f-34 { font-size: 1.77vw; }
.f-35 { font-size: 1.82vw; }
.f-36 { font-size: 1.88vw; }
.f-37 { font-size: 1.93vw; }
.f-38 { font-size: 1.98vw; }
.f-39 { font-size: 2.03vw; }
.f-40 { font-size: 2.08vw; }
.f-41 { font-size: 2.14vw; }
.f-42 { font-size: 2.19vw; }
.f-43 { font-size: 2.24vw; }
.f-44 { font-size: 2.29vw; }
.f-45 { font-size: 2.34vw; }
.f-46 { font-size: 2.40vw; }
.f-47 { font-size: 2.45vw; }
.f-48 { font-size: 2.50vw; }
.f-49 { font-size: 2.55vw; }
.f-50 { font-size: 2.60vw; }
.f-51 { font-size: 2.66vw; }
.f-52 { font-size: 2.71vw; }
.f-53 { font-size: 2.76vw; }
.f-54 { font-size: 2.81vw; }
.f-55 { font-size: 2.86vw; }
.f-56 { font-size: 2.92vw; }
.f-57 { font-size: 2.97vw; }
.f-58 { font-size: 3.02vw; }
.f-59 { font-size: 3.07vw; }
.f-60 { font-size: 3.13vw; }
.f-61 { font-size: 3.18vw; }
.f-62 { font-size: 3.23vw; }
.f-63 { font-size: 3.28vw; }
.f-64 { font-size: 3.33vw; }
.f-65 { font-size: 3.39vw; }
.f-66 { font-size: 3.44vw; }
.f-67 { font-size: 3.49vw; }
.f-68 { font-size: 3.54vw; }
.f-69 { font-size: 3.59vw; }
.f-70 { font-size: 3.65vw; }
.f-71 { font-size: 3.70vw; }
.f-72 { font-size: 3.75vw; }
.f-73 { font-size: 3.80vw; }
.f-74 { font-size: 3.85vw; }
.f-75 { font-size: 3.91vw; }
.f-76 { font-size: 3.96vw; }
.f-77 { font-size: 4.01vw; }
.f-78 { font-size: 4.06vw; }
.f-79 { font-size: 4.11vw; }
.f-80 { font-size: 4.17vw; }
 /*  1920 px end  */
}

/*--------------------------------------------------
    1536px  (1440px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:1536px) {
.f-10 { font-size: 0.694vw; }  /* 10px */
.f-11 { font-size: 0.764vw; }  /* 11px */
.f-12 { font-size: 0.833vw; }  /* 12px */
.f-13 { font-size: 0.903vw; }  /* 13px */
.f-14 { font-size: 0.972vw; }  /* 14px */
.f-15 { font-size: 1.05vw; }  /* 15px */
.f-16 { font-size: 1.05vw; }  /* 15px */
.f-17 { font-size: 1.111vw; }  /* 16px */
.f-18 { font-size: 1.111vw; }  /* 16px */
.f-19 { font-size: 1.181vw; }  /* 17px */
.f-20 { font-size: 1.250vw; }  /* 18px */
.f-21 { font-size: 1.250vw; }  /* 18px */
.f-22 { font-size: 1.319vw; }  /* 19px */
.f-23 { font-size: 1.389vw; }  /* 20px */
.f-24 { font-size: 1.389vw; }  /* 20px */
.f-25 { font-size: 1.389vw; }  /* 20px */
.f-26 { font-size: 1.597vw; }  /* 23px */
.f-27 { font-size: 1.597vw; }  /* 23px */
.f-28 { font-size: 1.667vw; }  /* 24px */
.f-29 { font-size: 1.806vw; }  /* 26px */
.f-30 { font-size: 1.806vw; }  /* 26px */
.f-31 { font-size: 1.944vw; }  /* 28px */
.f-32 { font-size: 1.944vw; }  /* 28px */
.f-33 { font-size: 2.083vw; }  /* 30px */
.f-34 { font-size: 2.083vw; }  /* 30px */
.f-35 { font-size: 2.222vw; }  /* 32px */
.f-36 { font-size: 2.222vw; }  /* 32px */
.f-37 { font-size: 2.222vw; }  /* 32px */
.f-38 { font-size: 2.361vw; }  /* 34px */
.f-39 { font-size: 2.361vw; }  /* 34px */
.f-40 { font-size: 2.361vw; }  /* 34px */
.f-41 { font-size: 2.361vw; }  /* 34px */
.f-42 { font-size: 2.500vw; }  /* 36px */
.f-43 { font-size: 2.500vw; }  /* 36px */
.f-44 { font-size: 2.500vw; }  /* 36px */
.f-45 { font-size: 2.639vw; }  /* 38px */
.f-46 { font-size: 2.639vw; }  /* 38px */
.f-47 { font-size: 2.778vw; }  /* 40px */
.f-48 { font-size: 2.778vw; }  /* 40px */
.f-49 { font-size: 2.917vw; }  /* 42px */
.f-50 { font-size: 2.917vw; }  /* 42px */
.f-51 { font-size: 2.917vw; }  /* 42px */
.f-52 { font-size: 2.917vw; }  /* 42px */
.f-53 { font-size: 3.056vw; }  /* 44px */
.f-54 { font-size: 3.056vw; }  /* 44px */
.f-55 { font-size: 3.333vw; }  /* 48px */
.f-56 { font-size: 3.333vw; }  /* 48px */
.f-57 { font-size: 3.333vw; }  /* 48px */
.f-58 { font-size: 3.333vw; }  /* 48px */
.f-59 { font-size: 3.472vw; }  /* 50px */
.f-60 { font-size: 3.472vw; }  /* 50px */
.f-61 { font-size: 3.472vw; }  /* 50px */
.f-62 { font-size: 3.611vw; }  /* 52px */
.f-63 { font-size: 3.611vw; }  /* 52px */
.f-64 { font-size: 3.750vw; }  /* 54px */
.f-65 { font-size: 3.750vw; }  /* 54px */
.f-66 { font-size: 3.750vw; }  /* 54px */
.f-67 { font-size: 3.750vw; }  /* 54px */
.f-68 { font-size: 4.028vw; }  /* 58px */
.f-69 { font-size: 4.028vw; }  /* 58px */
.f-70 { font-size: 4.167vw; }  /* 60px */
.f-71 { font-size: 4.167vw; }  /* 60px */
.f-72 { font-size: 4.167vw; }  /* 60px */
.f-73 { font-size: 4.167vw; }  /* 60px */
.f-74 { font-size: 4.306vw; }  /* 62px */
.f-75 { font-size: 4.306vw; }  /* 62px */
.f-76 { font-size: 4.306vw; }  /* 62px */
.f-77 { font-size: 4.306vw; }  /* 62px */
.f-78 { font-size: 4.444vw; }  /* 64px */
.f-79 { font-size: 4.444vw; }  /* 64px */
.f-80 { font-size: 4.444vw; }  /* 64px */
  /*  1536 px end  */
}

/*--------------------------------------------------
    1200px  (1200px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:1200px) {
.f-10 { font-size: 0.833vw; }  /* 10px */
.f-11 { font-size: 0.917vw; }  /* 11px */
.f-12 { font-size: 1vw; }  /* 12px */
.f-13 { font-size: 1.083vw; }  /* 13px */
.f-14 { font-size: 1.167vw; }  /* 14px */
.f-15 { font-size: 1.167vw; }  /* 14px */
.f-16 { font-size: 1.167vw; }  /* 14px */
.f-17 { font-size: 1.333vw; }  /* 16px */
.f-18 { font-size: 1.333vw; }  /* 16px */
.f-19 { font-size: 1.417vw; }  /* 17px */
.f-20 { font-size: 1.5vw; }  /* 18px */
.f-21 { font-size: 1.5vw; }  /* 18px */
.f-22 { font-size: 1.583vw; }  /* 19px */
.f-23 { font-size: 1.667vw; }  /* 20px */
.f-24 { font-size: 1.667vw; }  /* 20px */
.f-25 { font-size: 1.667vw; }  /* 20px */
.f-26 { font-size: 1.917vw; }  /* 23px */
.f-27 { font-size: 1.917vw; }  /* 23px */
.f-28 { font-size: 2vw; }  /* 24px */
.f-29 { font-size: 2.167vw; }  /* 26px */
.f-30 { font-size: 2.167vw; }  /* 26px */
.f-31 { font-size: 2.333vw; }  /* 28px */
.f-32 { font-size: 2.333vw; }  /* 28px */
.f-33 { font-size: 2.5vw; }  /* 30px */
.f-34 { font-size: 2.5vw; }  /* 30px */
.f-35 { font-size: 2.667vw; }  /* 32px */
.f-36 { font-size: 2.667vw; }  /* 32px */
.f-37 { font-size: 2.667vw; }  /* 32px */
.f-38 { font-size: 2.833vw; }  /* 34px */
.f-39 { font-size: 2.833vw; }  /* 34px */
.f-40 { font-size: 2.833vw; }  /* 34px */
.f-41 { font-size: 2.833vw; }  /* 34px */
.f-42 { font-size: 3vw; }  /* 36px */
.f-43 { font-size: 3vw; }  /* 36px */
.f-44 { font-size: 3vw; }  /* 36px */
.f-45 { font-size: 3.167vw; }  /* 38px */
.f-46 { font-size: 3.167vw; }  /* 38px */
.f-47 { font-size: 3.333vw; }  /* 40px */
.f-48 { font-size: 3.333vw; }  /* 40px */
.f-49 { font-size: 3.5vw; }  /* 42px */
.f-50 { font-size: 3.5vw; }  /* 42px */
.f-51 { font-size: 3.5vw; }  /* 42px */
.f-52 { font-size: 3.5vw; }  /* 42px */
.f-53 { font-size: 3.667vw; }  /* 44px */
.f-54 { font-size: 3.667vw; }  /* 44px */
.f-55 { font-size: 4vw; }  /* 48px */
.f-56 { font-size: 4vw; }  /* 48px */
.f-57 { font-size: 4vw; }  /* 48px */
.f-58 { font-size: 4vw; }  /* 48px */
.f-59 { font-size: 4.167vw; }  /* 50px */
.f-60 { font-size: 4.167vw; }  /* 50px */
.f-61 { font-size: 4.167vw; }  /* 50px */
.f-62 { font-size: 4.333vw; }  /* 52px */
.f-63 { font-size: 4.333vw; }  /* 52px */
.f-64 { font-size: 4.5vw; }  /* 54px */
.f-65 { font-size: 4.5vw; }  /* 54px */
.f-66 { font-size: 4.5vw; }  /* 54px */
.f-67 { font-size: 4.5vw; }  /* 54px */
.f-68 { font-size: 4.833vw; }  /* 58px */
.f-69 { font-size: 4.833vw; }  /* 58px */
.f-70 { font-size: 5vw; }  /* 60px */
.f-71 { font-size: 5vw; }  /* 60px */
.f-72 { font-size: 5vw; }  /* 60px */
.f-73 { font-size: 5vw; }  /* 60px */
.f-74 { font-size: 5.167vw; }  /* 62px */
.f-75 { font-size: 5.167vw; }  /* 62px */
.f-76 { font-size: 5.167vw; }  /* 62px */
.f-77 { font-size: 5.167vw; }  /* 62px */
.f-78 { font-size: 5.333vw; }  /* 64px */
.f-79 { font-size: 5.333vw; }  /* 64px */
.f-80 { font-size: 5.333vw; }  /* 64px */
  /*  1200 px end  */
}

/*--------------------------------------------------
    1024px  (960px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:1024px) {
.f-10 { font-size: 1.042vw; }  /* 10px */
.f-11 { font-size: 1.146vw; }  /* 11px */
.f-12 { font-size: 1.25vw; }  /* 12px */
.f-13 { font-size: 1.354vw; }  /* 13px */
.f-14 { font-size: 1.458vw; }  /* 14px */
.f-15 { font-size: 1.562vw; }  /* 15px */
.f-16 { font-size: 1.562vw; }  /* 15px */
.f-17 { font-size: 1.667vw; }  /* 16px */
.f-18 { font-size: 1.771vw; }  /* 17px */
.f-19 { font-size: 1.771vw; }  /* 17px */
.f-20 { font-size: 1.875vw; }  /* 18px */
.f-21 { font-size: 1.875vw; }  /* 18px */
.f-22 { font-size: 1.875vw; }  /* 18px */
.f-23 { font-size: 1.875vw; }  /* 18px */
.f-24 { font-size: 2.083vw; }  /* 20px */
.f-25 { font-size: 2.083vw; }  /* 20px */
.f-26 { font-size: 2.083vw; }  /* 20px */
.f-27 { font-size: 2.5vw; }  /* 24px */
.f-28 { font-size: 2.5vw; }  /* 24px */
.f-29 { font-size: 2.5vw; }  /* 24px */
.f-30 { font-size: 2.5vw; }  /* 24px */
.f-31 { font-size: 2.708vw; }  /* 26px */
.f-32 { font-size: 2.708vw; }  /* 26px */
.f-33 { font-size: 2.917vw; }  /* 28px */
.f-34 { font-size: 2.917vw; }  /* 28px */
.f-35 { font-size: 2.917vw; }  /* 28px */
.f-36 { font-size: 3.125vw; }  /* 30px */
.f-37 { font-size: 3.125vw; }  /* 30px */
.f-38 { font-size: 3.333vw; }  /* 32px */
.f-39 { font-size: 3.333vw; }  /* 32px */
.f-40 { font-size: 3.333vw; }  /* 32px */
.f-41 { font-size: 3.333vw; }  /* 32px */
.f-42 { font-size: 3.542vw; }  /* 34px */
.f-43 { font-size: 3.542vw; }  /* 34px */
.f-44 { font-size: 3.542vw; }  /* 34px */
.f-45 { font-size: 3.75vw; }  /* 36px */
.f-46 { font-size: 3.75vw; }  /* 36px */
.f-47 { font-size: 3.958vw; }  /* 38px */
.f-48 { font-size: 3.958vw; }  /* 38px */
.f-49 { font-size: 4.167vw; }  /* 40px */
.f-50 { font-size: 4.167vw; }  /* 40px */
.f-51 { font-size: 4.167vw; }  /* 40px */
.f-52 { font-size: 4.167vw; }  /* 40px */
.f-53 { font-size: 4.375vw; }  /* 42px */
.f-54 { font-size: 4.375vw; }  /* 42px */
.f-55 { font-size: 4.583vw; }  /* 44px */
.f-56 { font-size: 4.583vw; }  /* 44px */
.f-57 { font-size: 4.583vw; }  /* 44px */
.f-58 { font-size: 4.583vw; }  /* 44px */
.f-59 { font-size: 4.792vw; }  /* 46px */
.f-60 { font-size: 4.792vw; }  /* 46px */
.f-61 { font-size: 4.792vw; }  /* 46px */
.f-62 { font-size: 5vw; }  /* 48px */
.f-63 { font-size: 5vw; }  /* 48px */
.f-64 { font-size: 5.208vw; }  /* 50px */
.f-65 { font-size: 5.208vw; }  /* 50px */
.f-66 { font-size: 5.208vw; }  /* 50px */
.f-67 { font-size: 5.208vw; }  /* 50px */
.f-68 { font-size: 5.625vw; }  /* 54px */
.f-69 { font-size: 5.625vw; }  /* 54px */
.f-70 { font-size: 5.625vw; }  /* 54px */
.f-71 { font-size: 5.625vw; }  /* 54px */
.f-72 { font-size: 5.625vw; }  /* 54px */
.f-73 { font-size: 5.625vw; }  /* 54px */
.f-74 { font-size: 5.833vw; }  /* 56px */
.f-75 { font-size: 5.833vw; }  /* 56px */
.f-76 { font-size: 6.042vw; }  /* 58px */
.f-77 { font-size: 6.042vw; }  /* 58px */
.f-78 { font-size: 6.042vw; }  /* 58px */
.f-79 { font-size: 6.25vw; }  /* 60px */
.f-80 { font-size: 6.25vw; }  /* 60px */
  /*  1024 px end  */
}

/*--------------------------------------------------
    768px  (768px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:768px) {
.f-10 { font-size: 1.302vw; }  /* 10px */
.f-11 { font-size: 1.432vw; }  /* 11px */
.f-12 { font-size: 1.563vw; }  /* 12px */
.f-13 { font-size: 1.694vw; }  /* 13px */
.f-14 { font-size: 1.823vw; }  /* 14px */
.f-15 { font-size: 1.953vw; }  /* 15px */
.f-16 { font-size: 1.953vw; }  /* 15px */
.f-17 { font-size: 2.083vw; }  /* 16px */
.f-18 { font-size: 2.213vw; }  /* 17px */
.f-19 { font-size: 2.213vw; }  /* 17px */
.f-20 { font-size: 2.344vw; }  /* 18px */
.f-21 { font-size: 2.344vw; }  /* 18px */
.f-22 { font-size: 2.344vw; }  /* 18px */
.f-23 { font-size: 2.344vw; }  /* 18px */
.f-24 { font-size: 2.604vw; }  /* 20px */
.f-25 { font-size: 2.604vw; }  /* 20px */
.f-26 { font-size: 2.604vw; }  /* 20px */
.f-27 { font-size: 3.125vw; }  /* 24px */
.f-28 { font-size: 3.125vw; }  /* 24px */
.f-29 { font-size: 3.125vw; }  /* 24px */
.f-30 { font-size: 3.125vw; }  /* 24px */
.f-31 { font-size: 3.396vw; }  /* 26px */
.f-32 { font-size: 3.396vw; }  /* 26px */
.f-33 { font-size: 3.646vw; }  /* 28px */
.f-34 { font-size: 3.646vw; }  /* 28px */
.f-35 { font-size: 3.646vw; }  /* 28px */
.f-36 { font-size: 3.906vw; }  /* 30px */
.f-37 { font-size: 3.906vw; }  /* 30px */
.f-38 { font-size: 4.167vw; }  /* 32px */
.f-39 { font-size: 4.167vw; }  /* 32px */
.f-40 { font-size: 4.167vw; }  /* 32px */
.f-41 { font-size: 4.167vw; }  /* 32px */
.f-42 { font-size: 4.427vw; }  /* 34px */
.f-43 { font-size: 4.427vw; }  /* 34px */
.f-44 { font-size: 4.427vw; }  /* 34px */
.f-45 { font-size: 4.883vw; }  /* 35px */
.f-46 { font-size: 4.883vw; }  /* 35px */
.f-47 { font-size: 4.883vw; }  /* 35px */
.f-48 { font-size: 4.883vw; }  /* 35px */
.f-49 { font-size: 4.883vw; }  /* 35px */
.f-50 { font-size: 4.883vw; }  /* 35px */
.f-51 { font-size: 4.883vw; }  /* 35px */
.f-52 { font-size: 4.883vw; }  /* 35px */
.f-53 { font-size: 4.427vw; }  /* 35px */
.f-54 { font-size: 4.427vw; }  /* 35px */
.f-55 { font-size: 4.583vw; }  /* 35px */
.f-56 { font-size: 4.583vw; }  /* 35px */
.f-57 { font-size: 4.688vw; }  /* 36px */
.f-58 { font-size: 4.688vw; }  /* 36px */
.f-59 { font-size: 4.687vw; }  /* 36px */
.f-60 { font-size: 4.687vw; }  /* 36px */
.f-61 { font-size: 4.687vw; }  /* 36px */
.f-62 { font-size: 4.687vw; }  /* 36px */
.f-63 { font-size: 4.687vw; }  /* 36px */
.f-64 { font-size: 5.208vw; }  /* 40px */
.f-65 { font-size: 5.208vw; }  /* 40px */
.f-66 { font-size: 5.208vw; }  /* 40px */
.f-67 { font-size: 5.208vw; }  /* 40px */
.f-68 { font-size: 5.208vw; }  /* 40px */
.f-69 { font-size: 5.208vw; }  /* 40px */
.f-70 { font-size: 5.469vw; }  /* 42px */
.f-71 { font-size: 5.469vw; }  /* 42px */
.f-72 { font-size: 5.469vw; }  /* 42px */
.f-73 { font-size: 5.469vw; }  /* 42px */
.f-74 { font-size: 5.729vw; }  /* 44px */
.f-75 { font-size: 5.729vw; }  /* 44px */
.f-76 { font-size: 6.25vw; }  /* 48px */
.f-77 { font-size: 6.25vw; }  /* 48px */
.f-78 { font-size: 6.25vw; }  /* 48px */
.f-79 { font-size: 6.771vw; }  /* 52px */
.f-80 { font-size: 6.771vw; }  /* 52px */
  /*  768 px end  */
}

/*--------------------------------------------------
    560px  (560px時点を目安)
--------------------------------------------------*/
@media screen and (max-width:560px) {
.f-10 { font-size: 1.786vw; }  /* 10px */
.f-11 { font-size: 1.964vw; }  /* 11px */
.f-12 { font-size: 2.143vw; }  /* 12px */
.f-13 { font-size: 2.321vw; }  /* 13px */
.f-14 { font-size: 2.500vw; }  /* 14px */
.f-15 { font-size: 2.679vw; }  /* 15px */
.f-16 { font-size: 2.679vw; }  /* 15px */
.f-17 { font-size: 2.857vw; }  /* 16px */
.f-18 { font-size: 3.036vw; }  /* 17px */
.f-19 { font-size: 3.036vw; }  /* 17px */
.f-20 { font-size: 3.214vw; }  /* 18px */
.f-21 { font-size: 3.214vw; }  /* 18px */
.f-22 { font-size: 3.214vw; }  /* 18px */
.f-23 { font-size: 3.214vw; }  /* 18px */
.f-24 { font-size: 3.571vw; }  /* 20px */
.f-25 { font-size: 3.571vw; }  /* 20px */
.f-26 { font-size: 3.571vw; }  /* 20px */
.f-27 { font-size: 4.286vw; }  /* 24px */
.f-28 { font-size: 4.286vw; }  /* 24px */
.f-29 { font-size: 4.286vw; }  /* 24px */
.f-30 { font-size: 4.286vw; }  /* 24px */
.f-31 { font-size: 4.643vw; }  /* 26px */
.f-32 { font-size: 4.643vw; }  /* 26px */
.f-33 { font-size: 5.000vw; }  /* 28px */
.f-34 { font-size: 5.000vw; }  /* 28px */
.f-35 { font-size: 5.000vw; }  /* 28px */
.f-36 { font-size: 5.357vw; }  /* 30px */
.f-37 { font-size: 5.357vw; }  /* 30px */
.f-38 { font-size: 5.714vw; }  /* 32px */
.f-39 { font-size: 5.714vw; }  /* 32px */
.f-40 { font-size: 5.714vw; }  /* 32px */
.f-41 { font-size: 5.714vw; }  /* 32px */
.f-42 { font-size: 6.071vw; }  /* 34px */
.f-43 { font-size: 6.071vw; }  /* 34px */
.f-44 { font-size: 6.071vw; }  /* 34px */
.f-45 { font-size: 6.250vw; }  /* 35px */
.f-46 { font-size: 6.250vw; }  /* 35px */
.f-47 { font-size: 6.250vw; }  /* 35px */
.f-48 { font-size: 6.250vw; }  /* 35px */
.f-49 { font-size: 6.250vw; }  /* 35px */
.f-50 { font-size: 6.250vw; }  /* 35px */
.f-51 { font-size: 6.250vw; }  /* 35px */
.f-52 { font-size: 6.250vw; }  /* 35px */
.f-53 { font-size: 6.250vw; }  /* 35px */
.f-54 { font-size: 6.250vw; }  /* 35px */
.f-55 { font-size: 6.250vw; }  /* 35px */
.f-56 { font-size: 6.250vw; }  /* 35px */
.f-57 { font-size: 6.429vw; }  /* 36px */
.f-58 { font-size: 6.429vw; }  /* 36px */
.f-59 { font-size: 6.429vw; }  /* 36px */
.f-60 { font-size: 6.429vw; }  /* 36px */
.f-61 { font-size: 6.429vw; }  /* 36px */
.f-62 { font-size: 6.429vw; }  /* 36px */
.f-63 { font-size: 6.429vw; }  /* 36px */
.f-64 { font-size: 7.143vw; }  /* 40px */
.f-65 { font-size: 7.143vw; }  /* 40px */
.f-66 { font-size: 7.143vw; }  /* 40px */
.f-67 { font-size: 7.143vw; }  /* 40px */
.f-68 { font-size: 7.143vw; }  /* 40px */
.f-69 { font-size: 7.143vw; }  /* 40px */
.f-70 { font-size:7.500vw; }  /* 42px */
.f-71 { font-size:7.500vw; }  /* 42px */
.f-72 { font-size:7.500vw; }  /* 42px */
.f-73 { font-size:7.500vw; }  /* 42px */
.f-74 { font-size:7.857vw; }  /* 44px */
.f-75 { font-size:7.857vw; }  /* 44px */
.f-76 { font-size:7.500vw; }  /* 42px */
.f-77 { font-size:7.500vw; }  /* 42px */
.f-78 { font-size:7.500vw; }  /* 42px */
.f-79 { font-size:7.857vw; }  /* 44px */
.f-80 { font-size:7.857vw; }  /* 44px */
  /*  560 px end  */
}

/*--------------------------------------------------
    390px  (414px時点を目安)   ※ クラス名 SP用
--------------------------------------------------*/
@media screen and (max-width: 414px) {
.sp-f-10 { font-size: 2.5641vw !important; } /* 10 ÷ 3.9 */
.sp-f-11 { font-size: 2.8205vw !important; }
.sp-f-12,.parts-contact-area .h2-set-2 h2.f-18 { font-size: 3.0769vw !important; }
.sp-f-13,.h2-set-2 h2.f-18 { font-size: 3.3333vw !important; }
.sp-f-14,.pagination .page-numbers { font-size: 3.5897vw !important; }
.sp-f-15,.btn-type-1 p { font-size: 3.8462vw !important; }
.sp-f-16 { font-size: 4.1026vw !important; }
.sp-f-17 { 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,.parts-contact-area .h2-set-2 h2.f-48 { 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,.h2-set-2 h2.f-48 { 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: 1560px;
  margin-right: auto;
  margin-left: auto;
}
html body .wrapper-2 {
  width: 88vw;
  max-width: 1360px;
  margin-right: auto;
  margin-left: auto;
}
html body .wrapper-3 {
  width: 92%;
  max-width: 960px;
  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;
  max-height: 96px;
width: 18vw;
    height: 5.5vw;
  position: relative;
  background-color: #2D5684;
  border-radius: 999px;
  transition: all 0.4s;
}
.btn-type-1 p {
  width: fit-content;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  transition: all 0.4s;
}
.btn-type-1 img {
  width: 8%;
  max-width: 32px;
  position: absolute;
  right: 8%;
  top: 50%;
  transform: translateY(-50%);
}
.img-mask {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.img-mask::after {
  content: "";
  width: 100%;
  display: block;
  padding-top: 66.8%; /*  3:2の比率  */
}
.img-mask img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top:0;
  left: 0;
  object-position: center;
  transition: all 0.4s;
}

@media screen and (max-width: 1024px) {
  html body .wrapper,
  html body .wrapper-2,
  html body .wrapper-3 {
    max-width: 560px;
  }

  /* 2グリット */
  .flex-box {
    flex-direction: column;
    width: 100%;
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
  }
  .flex-box .block-left {
    width: 100% !important;
    margin-bottom: 6%;
  }
  .flex-box .block-right {
    width: 100% !important;
  }
  /* 3グリット */
  /* １列 */
  ul.flex-box-2 li {
    width: 100%;
    margin-bottom: 6%;
  }
  ul.flex-box-2 li:nth-of-type(2),
  ul.flex-box-2 li:nth-of-type(5),
  ul.flex-box-2 li:nth-of-type(8),
  ul.flex-box-2 li:nth-of-type(11),
  ul.flex-box-2-type2 li:nth-of-type(2),
  ul.flex-box-2-type2 li:nth-of-type(5),
  ul.flex-box-2-type2 li:nth-of-type(8),
  ul.flex-box-2-type2 li:nth-of-type(11) {
    margin-right: 0% !important;
    margin-left: 0% !important;
  }
  /* ２列 */
  ul.flex-box-2-type2 {
    justify-content: space-between;
  }
  ul.flex-box-2-type2 li {
    width: 48% !important;
  }
}

/*------------------
 スペース表
------------------*/
/* padding/margin  -  type-1 */
.pt-type-1 {
  padding-top: 8vw;
}
.pb-type-1 {
  padding-bottom: 8vw;
}
.mt-type-1 {
  margin-top: 8vw;
}
.mb-type-1 {
  margin-bottom: 8vw;
}

/* padding/margin  -  type-2 */
.pt-type-2 {
  padding-top: 6.4vw;
}
.pb-type-2 {
  padding-bottom: 6.4vw;
}
.mt-type-2 {
  margin-top: 6.4vw;
}
.mb-type-2 {
  margin-bottom: 6.4vw;
}

/* padding/margin  -  type-3 */
.pt-type-3 {
  padding-top: 5.8vw;
}
.pb-type-3 {
  padding-bottom: 5.8vw;
}
.mt-type-3 {
  margin-top: 5.8vw;
}
.mb-type-3 {
  margin-bottom: 5.8vw;
}

/* padding/margin  -  type-4 */
.pt-type-4 {
  padding-top: 4.2vw;
}
.pb-type-4 {
  padding-bottom: 4.2vw;
}
.mt-type-4 {
  margin-top: 4.2vw;
}
.mb-type-4 {
  margin-bottom: 4.2vw;
}

/* padding/margin  -  type-5 */
.pt-type-5 {
  padding-top: 1.7vw;
}
.pb-type-5 {
  padding-bottom: 1.7vw;
}
.mt-type-5 {
  margin-top: 1.7vw;
}
.mb-type-5 {
  margin-bottom: 1.7vw;
}

@media screen and (max-width: 1024px) {
  /* padding/margin  -  type-1 */
.pt-type-1 {
  padding-top: 9.6vw;
}
.pb-type-1 {
  padding-bottom: 9.6vw;
}
.mt-type-1 {
  margin-top: 9.6vw;
}
.mb-type-1 {
  margin-bottom: 9.6vw;
}

/* padding/margin  -  type-2 */
.pt-type-2 {
  padding-top: 8vw;
}
.pb-type-2 {
  padding-bottom: 8vw;
}
.mt-type-2 {
  margin-top: 8vw;
}
.mb-type-2 {
  margin-bottom:8vw;
}

/* padding/margin  -  type-3 */
.pt-type-3 {
  padding-top: 5.6vw;
}

.pb-type-3 {
  padding-bottom: 5.6vw;
}

.mt-type-3 {
  margin-top: 5.6vw;
}

.mb-type-3 {
  margin-bottom: 5.6vw;
}

/* padding/margin  -  type-4 */
.pt-type-4 {
  padding-top: 3.6vw;
}

.pb-type-4 {
  padding-bottom: 3.6vw;
}

.mt-type-4 {
  margin-top: 3.6vw;
}

.mb-type-4 {
  margin-bottom: 3.6vw;
}

/* padding/margin  -  type-5 */
.pt-type-5 {
  padding-top: 2.2vw;
}

.pb-type-5 {
  padding-bottom: 2.2vw;
}

.mt-type-5 {
  margin-top: 2.2vw;
}

.mb-type-5 {
  margin-bottom: 2.2vw;
}
}

@media screen and (max-width: 560px) {
  /* padding/margin  -  type-1 */
.pt-type-1 {
  padding-top: 20.6vw;
}
.pb-type-1 {
  padding-bottom: 20.6vw;
}
.mt-type-1 {
  margin-top: 20.6vw;
}
.mb-type-1 {
  margin-bottom: 20.6vw;
}

/* padding/margin  -  type-2 */
.pt-type-2 {
  padding-top: 16vw;
}
.pb-type-2 {
  padding-bottom: 16vw;
}
.mt-type-2 {
  margin-top: 16vw;
}
.mb-type-2 {
  margin-bottom:16vw;
}

/* padding/margin  -  type-3 */
.pt-type-3 {
  padding-top: 12vw;
}

.pb-type-3 {
  padding-bottom: 12vw;
}

.mt-type-3 {
  margin-top: 12vw;
}

.mb-type-3 {
  margin-bottom: 12vw;
}

/* padding/margin  -  type-4 */
.pt-type-4 {
  padding-top: 9.6vw;
}

.pb-type-4 {
  padding-bottom: 9.6vw;
}

.mt-type-4 {
  margin-top: 9.6vw;
}

.mb-type-4 {
  margin-bottom: 9.6vw;
}

/* padding/margin  -  type-5 */
.pt-type-5 {
  padding-top: 6.4vw;
}

.pb-type-5 {
  padding-bottom: 6.4vw;
}

.mt-type-5 {
  margin-top: 6.4vw;
}

.mb-type-5 {
  margin-bottom: 6.4vw;
}
}

/*------------------------------------------------------------
お問い合わせ
------------------------------------------------------------*/
/* 入力 */
.page-main-contact .text-1 {
  margin: 6% 0;
}
.wp_contact-area {
  margin-right: auto;
  margin-left: auto;
  max-width: 800px;
  width: 88vw;
}
.wp_contact-area li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 4%;
}
.wp_contact-area li:last-of-type {
  margin-bottom: 0;
}
.wp_contact-area li article {
  width: 30%;
}
.wp_contact-area li aside {
  width: 65%;
}
.wp_contact-area li .button,
.wp_contact-area li input,
.wp_contact-area li optgroup,
.wp_contact-area li select,
.wp_contact-area li textarea {
  width: 100%;
  padding: 15px 16px;
  background-color: #fff;
  border: 1px solid #BEBEBE;
}
.wp-con-btn-area,
.page-contact-thanks .btn-type-2 {
  width: 100vw;
  height: 100vw;
  max-width: 245px;
  max-height: 57px;
  border-radius: 999px;
  background-color: #2C5684;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.wp-con-btn-area input {
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
}
.page-contact-thanks .btn-type-2 p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff !important;
}
.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: 3%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  width: 96vw;
  height: 100vw;
  max-height: 92px;
  background-color: #fff;
  border: #13A1D0 4px solid;
  border-radius: 999px;
}
header.pc-header nav {
  width: 94%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header.pc-header nav .logo {
  width: 15%;
  max-width: 172px
}
header.pc-header nav .logo img {
  width: 100%;
}
header.pc-header nav ul {
  width: 53%;
  max-width: 724px;
  display: flex;
  justify-content: space-between;
}
/*========= ナビゲーションドロップダウンのためのCSS ===============*/
.header-nav-menu ul ul.dropdown-menu{
	display: block;
}
.header-nav-menu ul li.has-child{
	position: relative;
  padding-right: 3%;
}
.header-nav-menu ul li.has-child:after {
  content: '';
  width: 8px;
  height: 8px;
  border-bottom:1px solid #303135;
  border-left: 1px solid #303135;
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-85%) rotate(315deg);
}
.header-nav-menu ul li a{
	display: block;
	text-decoration: none;
}
.header-nav-menu li.has-child ul.dropdown-menu{
  position: absolute;
  left: 50%;
  bottom: -200%;
  transform: translate(-50%, 100%);
  z-index: 4;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
  width: 81vw;
  max-width: 1228px;
  display: flex;
  justify-content: space-between;
  border: 4px solid #2D5684;
  background-color: #fff;
  padding: 28% 28% 12% 28%;
}
.header-nav-menu li.has-child:hover > ul,
.header-nav-menu li.has-child ul li:hover > ul,
.header-nav-menu li.has-child:active > ul,
.header-nav-menu li.has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}
.header-nav-menu li.has-child ul.dropdown-menu li {
  width: 13%;
}
.header-nav-menu li.has-child ul.dropdown-menu li p {
  text-align: center;
}
.header-nav-menu li.has-child ul.dropdown-menu li .img-mask {
  margin-bottom: 4%;
}
.border-16 {
  border-radius: 16px;
}
.border-40 {
  border-radius: 40px;
}

/*-----------------
ハンバーガーメニュー
-----------------*/
header.sp-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 72px;
  z-index: 99999999999999999999999999;
}
.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: #fff;
  width: 100%;
  padding: 1% 0;
}
.sp-header .header-set {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: #fff;
  padding: 0% 4%;
}
.hamburger {
  display: block;
  width: 12.4vw;
  height: 12.4vw;
  max-width: 52px;
  max-height: 52px;
  cursor: pointer;
  text-align: center;
  position: relative;
}
.hamburger span {
  display: block;
  position: absolute;
  width: 64%;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  background: #2D5684;
  transition: 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 30%;
}
.hamburger span:nth-child(2) {
  top: 50%;
}
.hamburger span:nth-child(3) {
  top: 70%;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
}
.hamburger.active span:nth-child(2), .hamburger.active span:nth-child(3) {
  top: 50%;
  left: 50%;
  background: #2D5684;
  transform: translate(-50%, 50%) rotate(45deg);
}

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

nav.globalMenuSp .menu-scroll-area {
  height: 100vh;
  padding-bottom: 12rem;
  overflow-y: scroll;
}
nav.globalMenuSp ul.navmenu-list {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul.navmenu-list li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: 0.4s all;
  margin-bottom: 4%;
}

nav.globalMenuSp ul.navmenu-list li:last-child {
  padding-bottom: 0;
}

nav.globalMenuSp ul.navmenu-list li a {
  display: block;
  text-decoration: none;
}
nav.globalMenuSp ul.navmenu-list li a p {
  color: #fff;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateX(0);
}

.globalMenuSp {
  pointer-events: none;
}

nav.globalMenuSp.active {
  pointer-events: auto;
}
.sp-header .header-set .logo {
  width: 38%;
  max-width: 140px;
}
.sp-header .header-set .logo img {
  width: 100%;
}
nav.globalMenuSp .sp-menu-sns-list {
  margin-top: 8%;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 176px;
  margin-right: auto;
  margin-left: auto;
}
nav.globalMenuSp .sp-menu-sns-list li {
  width: 32px;
}
nav.globalMenuSp .sp-menu-sns-list li a,
nav.globalMenuSp .sp-menu-sns-list li a img {
  width: 100%;
}
nav.globalMenuSp img {
  display: block;
  margin: 6% auto 0 auto;
}
nav.globalMenuSp .menu-scroll-area ul li {
  margin-bottom: 10%;
}
nav.globalMenuSp .menu-scroll-area ul li:last-of-type {
  margin-bottom: 0;
}
nav.globalMenuSp .menu-scroll-area ul li a,
nav.globalMenuSp .menu-scroll-area ul li a p {
  width: fit-content;
}
nav.globalMenuSp .menu-scroll-area ul li a {
  display: block;
  margin: 0 auto;
}
nav.globalMenuSp .menu-scroll-area ul li a p {
  position: relative;
}
nav.globalMenuSp .menu-scroll-area ul li a p:after {
  content: '';
  width: 120%;
  height: 10vw;
  max-height: 12px;
  background-color: #2D5684;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,50%);
  z-index: -1;
  opacity: 0.3;
}
nav.globalMenuSp .menu-scroll-area ul li:nth-of-type(even) a p:after {
  background-color: #FED829;
}

/*---------------------------------------
footer.php
---------------------------------------*/
footer .set {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #fff;
  padding: 4% 0 4% 0;
  position: relative;
}
footer .set .set-2 {
  width: 87%;
  margin-right: auto;
  margin-left: auto;
}
footer .set .set-2 .logo {
  max-width: 296px;
  width: 100%;
  margin-bottom: 2.7%;
}
footer .set .set-2 p,footer .set .last-text {
  color: #303135 !important;
}
footer .set .set-2 .text-set {
  justify-content: space-between;
  align-items: start;
}
footer .set .set-2 .text-set ul {
  width: 36.5%;
  display: flex;
  justify-content: space-between;
}
footer .set .last-text {
  position: absolute;
  bottom: 6%;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
}

/*---------------------------------------
TOP
---------------------------------------*/
/*スライドプラグイン関連*/
.first-area {
  width: 100vw;
  height: 100vh;
  background-color: #FEF2DB;
  padding: 1.6% 2%;
}
.first-area .slide-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.first-area .slide-box .logo-mark {
  width: 21%;
  max-width: 324px;
  position: absolute;
  top: 5%;
  left: 3%;
  z-index: 2;
}
.border-88 {
  border-radius: 88px;
}
#xo-slider-6, /*  ⇦ ４３７を変更する必要あり  */
#xo-slider-6 .swiper,
#xo-slider-6 .swiper-wrapper,
#xo-slider-6 .swiper-wrapper .swiper-slide,
#xo-slider-6 .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
}
#xo-slider-6 .swiper-slide img {
  object-fit: cover;
}
.xo-slider-template-default:hover .swiper-button-prev, .xo-slider-template-default:hover .swiper-button-next {
  display: none;
}
.first-area .slide-box .catchcopy-area {
  width: 82%;
  max-width: 1328px;
  position: absolute;
  left: 3%;
  bottom: 12.5%;
  z-index: 2;
}
.first-area .slide-box .catchcopy-area img {
  width: 100%;
  height: auto;
}
body {
  background-color: #FEF2DB;
}
.top-about-area {
  padding: 5% 0;
}
.top-about-area .white-box {
  background-color: #fff;
    margin-right: auto;
    margin-left: auto;
    width: 92vw;
    max-width: 1780px;
  padding: 6.4% 0;
  position: relative;
}
.top-about-area .white-box .flex-box {
  align-items: center;
}
.border-80 {
  border-radius: 80px;
}
.top-about-area .white-box .block-left {
  width: 41.8%;
}
.top-about-area .white-box .block-right {
  width: 46%;
}
.top-about-area .white-box .block-left h2 {
  margin-bottom: 16%;
}
.top-about-area .white-box h2 span {
  display: inline-block;
}
.top-about-area .white-box h2 .blue {
  color: #2D5684;
}
.top-about-area .white-box h2 .yellow {
  color: #FED829;
}
.top-about-area .white-box ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.top-about-area .white-box ul li {
  width: 20%;
}
.top-about-area .white-box .ilast {
  position: absolute;
  top: 0;
  right: 2%;
  transform: translate(0%,-50%);
  width: 13.2%;
}
.top-business-area .set {
  background-color: #DBEFFE;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 12%;
  padding: 1% 0 8% 0;
  position: relative;
}
.border-200 {
  border-radius: 200px;
}
.top-business-area .set .nami {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  transform: translateY(-99%);
}
.top-business-area .set .bubble-1 {
  max-width: 98px;
  width: 5%;
  position: absolute;
  top: 4%;
  left: 2%;
  z-index: 2;
}
.top-business-area .set .bubble-2 {
  max-width: 52px;
  width: 3%;
  position: absolute;
  top: -11%;
  right: 17%;
  z-index: 2;
}
.top-business-area .set .bubble-3 {
  max-width: 46px;
  width: 3.5%;
  position: absolute;
  bottom: 6%;
  left: 32%;
  z-index: 2;
}
.top-business-area ul.splide__list li a {
  width: 100%;
  height: 100%;
}
.top-business-area ul.splide__list li a .set-2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 14px solid #2D5684;
  background-color: #2D5684;
  position: relative;
  padding-bottom: 14%;
}
.border-65 {
  border-radius: 65px;
}
.top-business-area ul.splide__list li a .set-2 h2,
.top-business-area ul.splide__list li a .set-2 p {
  color: #fff;
}
.top-business-area ul.splide__list li a .set-2 .h2-set {
  margin-bottom: 6%;
}
.top-business-area ul.splide__list li a .set-2 .h2-set h2.f-32 {
  margin-bottom: 1.6%;
}
.top-business-area ul.splide__list li a .set-2 .text-set {
  padding: 4% 4% 0% 4%;
}
.top-business-area ul.splide__list li a .set-2 .link-mark {
  width: 20%;
  position: absolute;
  bottom: 4%;
  right: 8%;
}
.splide__arrow--prev {
  left: -5%;
}
.splide__arrow--next {
  right: -5%;
}
.splide__arrow {
  background: unset !important;
  width: 3.5vw;
  height:3.5vw;
  max-width: 60px;
  max-height: 60px;
}
.splide__arrow svg {
  width: 100%;
  height: 100%;
}
.splide__pagination.splide__pagination--ltr {
  display: none;
}
.top-business-area ul.splide__list li a .set-2 h2.f-14,
.top-business-area ul.splide__list li a .set-2 p {
  font-weight: 400;
}
.top-business-area .btn-type-1 {
  margin-top: 7%;
  margin-right: auto;
  margin-left: auto;
}
.top-topix-area {
  background-color: #FED829;
  margin-top: -14%;
  padding: 20.5% 0 6.2% 0;
}
.h2-set-2 h2.f-48 {
  font-weight: 900;
}
.top-topix-area .btn-type-1 {
  background-color: #303135;
  margin-right: auto;
  margin-left: auto;
}
.topix-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.topix-list li {
  width: 31%;
  margin-right: 3.5%;
}
.topix-list li:nth-of-type(3),
.topix-list li:nth-of-type(6),
.topix-list li:nth-of-type(9) {
  margin-right: 0;
}
.top-topix-area .topix-list {
  margin: 4% 0 6% 0;
}
.topix-list li .img-mask {
  margin-bottom: 4%;
}
.topix-list li .category-text {
  padding: 5px 24px;
  background-color: #fff;
  border-radius: 8px;
  width: fit-content;
  margin-bottom: 3%;
}
.topix-list li time {
  margin-bottom: 1%;
  display: block;
  opacity: 0.4;
}
.swiper.original-swiper-area .text-0 {
  font-size: 22px;
  margin-bottom: 3.2%;
}
.swiper.original-swiper-area {
  width: 100vw;
  margin-right: auto;
  margin-left: auto;
}
.swiper.original-swiper-area .swiper-wrapper {
  transition-timing-function: linear;
}
.swiper.original-swiper-area .swiper-slide {
  margin-right: 4%;
}
.swiper.original-swiper-area .img-mask {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.swiper.original-swiper-area .img-mask::after {
  content: "";
  width: 100%;
  display: block;
  padding-top: 66.8%; /*  3:2の比率  */
}
.swiper.original-swiper-area .img-mask img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top:0;
  left: 0;
  object-position: center;
  transition: all 0.4s;
}
.top-slide-area {
  padding: 5.5% 0;
}
.top-access-area .h2-set-2 {
  margin-bottom: 4%;
}
.top-access-area .set {
  position: relative;
  padding: 5.5% 0 7.2% 0;
}
.top-access-area .set .bg {
  content: '';
  width: 98%;
  height: 100%;
  background-color: #FED829;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.top-access-area .flex-box .block-left {
  width: 31.5%;
}
.top-access-area .flex-box .block-right {
  width: 61.5%;
}
.top-access-area .set-2 {
  background-color: #fff;
  padding: 11.5% 6% 11.5% 10.5%;
}
.top-access-area .set-2 .logo {
  width: 53%;
  display: block;
  margin-bottom: 9%;
}
.top-access-area .set-2 .group {
	  margin-bottom: 11%;
}
.top-access-area .set-2 .group:last-of-type {
  margin-bottom: 0%;
}
.top-access-area .set-2 .group p.f-22 {
  margin-bottom: 4%;
}
.top-access-area .set-3 {
  background-color: #EAFFFF;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.top-access-area .set-3 img {
  width: 96%;
  display: block;
  margin: 0 auto;
}
.parts-contact-area {
  width: 100vw;
  height: 20.8vw;
  overflow: hidden;
  margin-top: 6%;
}
.parts-contact-area .set {
  width: 100%;
  height: 100%;
  position: relative;
}
.parts-contact-area .set img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.parts-contact-area .set .black-bg {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.contact-wrapper {
  width: 72%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}
.contact-wrapper .h2-set-2 h2 {
  color: #fff;
  text-align: left;
}
.contact-wrapper .h2-set-2 h2.f-48 {
  margin-bottom: 0.5%;
}
.parts-contact-area {
  margin-bottom: 5.6%;
}
.top-business-area .wrapper,
.top-topix-area .wrapper,
.top-access-area .wrapper {
  position: relative;
}
.top-business-area .wrapper .design-item {
  width: 13%;
  position: absolute;
  bottom: -8%;
  left: 74%;
}
.top-topix-area .wrapper .design-item {
  width: 13.0%;
  position: absolute;
  top: -11%;
  left: 6%;
}
.top-access-area .wrapper .design-item-1 {
  width: 13.0%;
  position: absolute;
  top: -9%;
  left: 4%;
}
.top-access-area .wrapper .design-item-2 {
  width: 13.0%;
  position: absolute;
  top: -9%;
  right: 4%;
}
.tell-btn {
max-width: 56px;
    width: 4vw;
    position: fixed;
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
    z-index: 10;
}
.about-btns-area {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.about-btns-area li {
  width: 13.2%;
}
.about-btns-area li .img-mask {
  margin-bottom: 4%;
}

/* モーダルの初期状態（閉じている時） */
dialog {
  opacity: 0;
  transform: translateY(20px); /* 少し下に配置 */
  transition: 
    opacity 0.2s ease-out, 
    transform 0.2s ease-out, 
    display 0.2s ease-out allow-discrete; /* displayの切り替えを遅延させる */
  
  border: none;
  border-radius: 12px;
  padding: 24px;
  width: 90%;
  max-width: 450px;
}

/* モーダルが開いた時 */
dialog[open] {
  opacity: 1;
  transform: translateY(0); /* 定位置に戻る */
}

/* 開く直前の状態を定義（これがないとアニメーションしません） */
@starting-style {
  dialog[open] {
    opacity: 0;
    transform: translateY(20px);
  }
}

/* 背景（オーバーレイ）のアニメーション */
dialog::backdrop {
  background-color: rgba(0, 0, 0, 0);
  transition: 
    background-color 0.2s ease-out, 
    display 0.2s ease-out allow-discrete;
}

dialog[open]::backdrop {
  background-color: rgba(0, 0, 0, 0.7);
}


.about-company-list ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.about-company-list ul li {
  width: 45%;
  background-color: #2D5684;
  margin-bottom: 4%;
  padding: 3.8%;
}
.about-company-list .h3-set {
  margin-bottom: 4%;
}
.about-company-list ul li .h3-set h3,
.about-company-list ul li p {
  color: #fff;
}
.about-company-list ul li p.text {
  font-weight: 400;
  margin-bottom: 4%;
}
.about-company-list ul li .img-mask {
  margin-bottom: 4%;
}
.about-company-list ul li a {
  width: fit-content;
}
.about-company-list ul li button,
.about-company-list ul li a {
  position: relative;
  padding-right: 8%;
}
.about-company-list ul li button p,
.about-company-list ul li a p {
  width: fit-content;
}
.about-company-list ul li button img,
.about-company-list ul li a img {
  position: absolute;
  right: 0%;
  top: 50%;
  transform: translateY(-50%);
  width: 100vw;
  max-width: 14px;
}
.about-company-list ul li dialog {
  width: 88vw;
  max-width: 1024px;
  border: none;
  border-radius: unset;
  padding: 0;
  width: 90%;
  background-color: unset;
  position: relative;
}
.about-company-list ul li dialog h3,
.about-company-list ul li dialog p {
  color: #fff;
}
.about-company-list ul li dialog ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.about-company-list ul li dialog ul li {
  width: 50%;
  margin-bottom: 1.6%;
  padding: 0;
  padding-left: 3% !important;
  position: relative;
  background-color: unset;
}
.about-company-list ul li dialog ul li:after {
  content: '';
  width: 100vw;
  height: 100vw;
  max-width: 18px;
  max-height: 18px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.about-company-list ul li button.js-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;
  max-width: 27px;
  padding-right: 0;
}
.about-company-list ul li button.js-modal-close img {
    position: unset;
    transform: unset;
    width: 100%;
    max-width: unset;
}
.about-company-list ul li dialog h3 {
  margin-bottom: 1.6%;
}
.about-company-list ul li dialog img {
  display: block;
  margin-bottom: 2%;
}
.about-company-list ul li dialog ul li p {
  font-weight: 400;
}
.about-company-list ul li:nth-of-type(3) {
  background: unset;
  padding-right: 0;
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.about-company-list ul li a p {
  color: #2D5684;
}

/*---------------------------------------
私たちについて
---------------------------------------*/
.page-title {
  padding: 14.5% 0 9% 0;
  background-color: #FED829;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.page-title h2.f-56 {
  margin-bottom: 1.1%;
}

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

/*---------------------------------------
お知らせ
---------------------------------------*/
.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: 2%;
}
.pagination .page-numbers {
  display: block;
  margin-right: 5rem;
  transition: all 0.4s;
}
.pagination .page-numbers:last-child {
  margin-right: 0;
}
.pagination .page-numbers.current {
  color: #fff;
  position: relative;
  pointer-events: none;
}
.pagination .page-numbers.current:after {
  content: '';
  width: 3.2vw;
  height: 3.2vw;
  max-width: 54px;
  max-height: 54px;
  border-radius: 50%;
  background-color: #2C5684;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
}
@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%;
}
.page-title {
  margin-bottom: 7%;
}
.about-category {
  padding-bottom: 6%;
}
img {
  opacity: 0;
  transition: all 0.2s;
}
.page-OK img {
  opacity: 1;
}
.page-news .topix-list li {
  overflow: hidden;
  margin-bottom: 4%;
}
.page-news .topix-list li a {
  background-color: #FED829;
  padding: 10% 8%;
}
.wp_no-img {
  border: 1px solid #00000017;
}
.post-floor {
  width: 100%;
  max-width: 1360px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  border: #FED829 16px solid;
  padding: 6% 0;
}
.post-floor .text-set {
  width: 92%;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}
.border-120 {
  border-radius: 120px;
}
.post-floor .text-set time {
  opacity: 0.6;
  display: block;
  margin-bottom: 2%;
}
.post-floor .text-set h3 {
  color: #2C5684;
  margin-bottom: 2%;
}
.post-floor .text-set .img-mask {
  margin-bottom: 3%;
  pointer-events: none;
}
.btn-type-1.btn-type-1-2 img {
  right: unset;
  left: 8%;
  transform: translateY(-50%) rotate(180deg);
}
.post-floor .text-set .btn-type-1 {
  margin-top: 8%;
}
.page-points .post-floor .text-set p,
.page-points .post-floor .text-set h3 {
  color: #2C5684;
}
.page-points .post-floor .text-set .flex-box {
  align-items: center;
}
.page-points .post-floor .text-set .block-left {
  width: 37%;
}
.page-points .post-floor .text-set .block-right {
  width: 63%;
  padding-left: 7%;
  position: relative;
}
.page-points .post-floor .text-set .block-right:after {
  content: '';
  width: 1px;
  height: 100vw;
  max-height: 72px;
  background-color: #2C5684;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.page-points .post-floor .text-set ul li {
  padding: 6% 0;
  border-bottom: 1px solid #2C5684;
}
.page-points .post-floor .text-set ul li:first-of-type {
  padding-top: 0;
}
.page-points .post-floor .text-set ul li:last-of-type {
  border-bottom: unset;
}
.page-contact .text-1 a,
.page-contact .text-1 {
  color: #303135 !important;
}
.page-contact .text-1 a {
  text-decoration: underline;
  display: inline;
  width: fit-content;
  color: #2C5684 !important;
}
.page-contact .text-1  {
  margin-bottom: 10%;
}
.page-contact.page-points .post-floor .text-set ul li {
  border-bottom: unset;
  padding: 0;
  margin-bottom: 6%;
}
.page-contact-thanks .page-main-contact .contact-group-1 p:not(.page-contact-thanks .btn-type-2 p) {
  color: #303135 !important;
}
.page-contact-thanks .page-main-contact .contact-group-1 p.text-2 {
  margin-bottom: 4%;
}
.contact-group-1,.page-contact .wrapper {
  margin-bottom: 8%;
}
.topix-list li .img-mask.wp_no-img {
  background-color: #fff;
}
.no-post-text {
  margin: 6% 0;
}

/*---------------------------------------
そのた
---------------------------------------*/

/*---------------------------------------
そのた
---------------------------------------*/

/*---------------------------------------
そのた
---------------------------------------*/

/*---------------------------------------
// 記事用 - CSS
---------------------------------------*/
html .wp-block-columns-is-layout-flex {
  justify-content: space-between;
}
html .wp-block-column-is-layout-flow {
  flex-basis: 28% !important;
}
html .gallery {
  width: 100%;
  justify-content: space-between;
  display: flex;
}
html .gallery img {
  width: 100% !important;
  object-fit: cover;
  height: 20vw;
  max-height: 360px;
  border: 0 !important;
}
html .gallery .gallery-item {
  margin-top: 0 !important;
}
html .gallery-columns-3 .gallery-item {
  width: 30% !important;
}
html .gallery-columns-2 .gallery-item {
  width: 42% !important;
}
html .gallery br {
  display: none;
}
.wp_zoon {
  width: 100%;
}
.wp_zoon p {
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 3%;
}
.wp_zoon h2 {
  font-size: 28px;
  margin-bottom: 6%;
}
.wp_zoon h3 {
  font-size: 24px;
  margin-bottom: 0.8vw;
}
.wp_zoon h4 {
  font-size: 22px;
  margin-bottom: 1.6%;
}
.wp_zoon img {
  display: block;
  width: 100%;
  max-width: unset;
  margin-right: auto;
  margin-left: auto;
  height: auto;
}
.wp_zoon iframe {
  width:100%;
  max-width: unset;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
html .wp_zoon .gallery {
  width: 100%;
  flex-wrap: wrap;
}
html .wp_zoon .gallery.gallery-item {
  width: 48%;
}

@media screen and (max-width: 414px) {
  .wp_zoon p {
    font-size: 3.8462vw !important;
    line-height: 7.2vw;
  }
  .wp_zoon h2 {
    font-size: 6vw;
  }
  .wp_zoon h3 {
    font-size: 5vw;
  }
  .wp_zoon h4 {
    font-size: 4.8vw;
    border-bottom: 1px solid #004A86;
    padding-bottom: 2%;
    margin-bottom: 2%;
  }

  /*  414 px end  */
}

/*---------------------------------------
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;
  }
}

.top-business-area .splide__arrow--prev {
  left: -3%;
}
.top-business-area .splide__arrow--next {
  right: -3%;
}
.top-business-area .splide__arrow {
  transform: translateY(-50%) scale(2.0);
}

/*---------------------------------------
//
//           レスポンシブ
//
---------------------------------------*/
@media screen and (min-width: 2560px) {
  /*  2560 px end  */
}
@media screen and (min-width: 2000px) {
  /*  2000 px end  */
}
@media screen and (max-width: 1536px) {
  .border-40 {
    border-radius: 2.6vw;
  }
  .border-65 {
    border-radius: 3.2vw;
  }
  .border-80 {
    border-radius: 3.8vw;
  }
  .border-88 {
    border-radius: 4vw;
  }
  .border-120 {
    border-radius: 8vw;
  }
  .border-200 {
    border-radius: 10vw;
  }
  .top-about-area .white-box .wrapper {
    width: 92%;
  }
  .top-about-area .white-box .block-left {
    width: 47.5%;
  }
  .top-access-area .flex-box .block-left {
    width: 40%;
  }
  .top-access-area .flex-box .block-right {
    width: 56%;
  }

  /*  1536 px end  */
}
@media screen and (max-width: 1440px) {
  /*  1440 px end  */
}
@media screen and (max-width: 1366px) {
  /*  1366 px end  */
}
@media screen and (max-width: 1200px) {
  /*  1200 px end  */
}
@media screen and (max-width: 1024px) {
  .first-area {
    padding: 3.6% 3% 3.6% 3%;
  }
  .first-area .slide-box .catchcopy-area {
    width: 65%;
    max-width: 264px;
    bottom: 3.5%;
    left: 4.5%;
  }
  .first-area .slide-box .logo-mark {
    left: 4.5%;
    top: 3.5%;
    width: 35%;
    max-width: 140px;
  }
  .first-area .swiper-pagination {
    display: none !important;
  }
  .top-about-area .white-box .ilast {
    width: 30%;
    max-width: 220px;
  }
  .top-about-area {
    padding: 12% 0;
  }
  .top-about-area .white-box .block-left h2 {
    margin-bottom: 8%;
  }
  .top-about-area .white-box {
    padding: 8% 0;
  }
  .top-about-area .white-box .wrapper {
    width: 88%;
  }
  .top-about-area .white-box .block-right p br {
    display: none;
  }
  .globalMenuSp .tel-btn {
    width: 50vw;
    height: 12vw;
    max-width: 280px;
    max-height: 64px;
    background-color: #FED829;
    border: 3px solid #2D5684;
    border-radius: 999px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top: 12%;
  }
  .globalMenuSp .tel-btn p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #2D5684;
    white-space: nowrap;
  }
  .top-business-area .wrapper {
    width: 78vw;
  }
  .top-business-area .splide__arrow {
      transform: translateY(-50%) scale(2.0);
      width: 5%;
  }
  .top-business-area .splide__arrow--prev {
    left: -10%;
  }
  .top-business-area .splide__arrow--next {
    right: -10%;
  }
  .tell-btn {
    display: none;
  }
  .btn-type-1 {
max-width: 320px;
        max-height: 96px;
    width: 57vw;
    height: 14.5vw;
  }
  .top-business-area .wrapper .design-item {
    width: 25%;
    bottom: -5%;
    left: 90%;
  }
  .top-business-area .set .bubble-2 {
      width: 5%;
      top: -4%;
      right: 2%;
  }
  .top-business-area .set .bubble-3 {
      max-width: 46px;
      width: 6.5%;
      bottom: 9%;
      left: 4%;
  }
  .top-business-area .btn-type-1 {
    margin-top: 12%;
  }
  .top-business-area .set {
    padding: 6% 0 13% 0;
  }
  .top-topix-area {
    padding: 25.5% 0 15.2% 0;
  }
  .top-topix-area .wrapper .design-item {
    width: 26%;
    position: absolute;
    top: -3%;
    left: -3%;
  }
  .top-topix-area .topix-list {
    margin: 8% 0 10% 0;
  }
  .topix-list {
    flex-direction: column;
  }
  .topix-list li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8%;
  }
  .topix-list li:last-of-type {
    margin-bottom: 0;
  }
  .top-access-area .set {
    padding: 10% 0;
  }
  .top-access-area .h2-set-2 {
    margin-bottom: 8%;
  }
  .top-access-area .set-2 {
    padding: 8%;
  }
  .top-access-area .wrapper .design-item-1 {
      width: 20%;
      position: absolute;
      top: -1%;
      left: -2%;
  }
  .top-access-area .wrapper .design-item-2 {
      width: 20%;
      position: absolute;
      top: -1%;
      right: -2%;
  }
  .top-slide-area {
    padding: 10% 0;
  }
  .contact-wrapper .h2-set-2 h2.f-48 {
    margin-bottom: 2%;
  }
  .contact-wrapper {
    width: 88%;
  }
  .parts-contact-area {
    height: 40vw;
    max-height: 280px;
    margin: 10% 0;
  }
  .parts-contact-area a {
    height: 100%;
  }
  .top-access-area .set .bg {
    width: 100vw;
    border-radius: 0 !important;
  }
  footer .set .set-2 .logo {
    max-width: 320px;
    width: 72%;
    margin-bottom: 5%;
    margin-right: auto;
    margin-left: auto;
    display: block;
  }
  footer .set {
    padding: 6% 0 8% 0;
  }
  footer .set .set-2 .text-set {
    flex-direction: column;
  }
  footer .set .set-2 .text-set ul {
    width: 100%;
  }
  footer .set .set-2 p.f-15 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  footer .set .set-2 .text-set ul {
    margin-top: 10%;
    flex-wrap: wrap;
  }
  footer .set .set-2 .text-set ul li {
    width: 50%;
    margin-bottom: 6%;
  }
  footer .set .set-2 .text-set ul li a,
  footer .set .set-2 .text-set ul li a p {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
  }
  .page-points .post-floor .text-set .block-right {
    padding-left: 0;
  }
  .page-points .post-floor .text-set .block-right:after {
    display: none;
  }
  .page-title {
    padding: calc(72px + 12%) 0% 12% 0%;
    border-radius: 0 !important;
  }
  .wp_contact-area {
    width: 100%;
  }
  .about-btns-area li .img-mask {
    display: none;
  }
  .about-btns-area {
    flex-wrap: wrap;
    align-items: center;
  }
  .about-btns-area li {
    width: 50%;
    margin-bottom: 6%;
  }
  .about-company-list ul li {
    width: 100%;
    padding: 6%;
    margin-bottom: 8%;
  }
  .about-company-list ul li p.text {
    margin-bottom:8%;
  }
  .about-company-list ul li dialog h3 {
    margin-bottom: 6%;
  }
  .about-company-list ul li dialog ul li {
    width: 100%;
    padding-left: 5% !important;
    margin-bottom: 3%;
  }
  .about-company-list ul li dialog ul li:after {
    width: 3vw;
    height: 3vw;
    max-width: 15px;
    max-height: 15px;
  }
  .about-company-list ul li dialog img {
    margin-bottom: 6%;
  }
  .about-company-list ul li .h3-set h3 {
    margin-bottom: 1%;
  }
  .page-news .topix-list li a {
    padding: 6%;
  }
  .page-news .topix-list li {
    margin-bottom: 8%;
  }
  .pagination .page-numbers.current:after {
    width: 8vw;
    height: 8vw;
    max-width: 44px;
    max-height: 44px;
  }
  .post-floor {
    border: #FED829 6px solid;
    padding: 6% 0;
  }
  .post-floor .text-set {
    width: 88%;
  }
  .post-floor .text-set h3,.post-floor .text-set .img-mask {
    margin-bottom: 4%;
  }
  .about-btns-area li a p {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    text-decoration: underline;
  }
  .page-points .post-floor .text-set h3 {
    margin-bottom: 0;
  }
  .page-points .post-floor .text-set ul li {
    padding: 10% 0;
  }
  .page-contact.page-points .post-floor .text-set ul li {
    margin-bottom: 10%;
  }
  .page-contact-thanks .page-main-contact .contact-group-1 p.text-2 {
    margin-bottom: 12%;
  }
  .contact-group-1, .page-contact .wrapper {
    margin-bottom: 12%;
  }
	.first-area {
		height: calc(var(--vh, 1vh) * 100);
	}
	.top-business-area {
		overflow: hidden;
	}
		#first-time-banner {
		height: calc(var(--vh, 1vh) * 100) !important;
	}
	.first-set .text-box {
		width: 88% !important;
	}
	footer p {
		text-decoration: unset !important;
	}

  /*  1024 px end  */
}
@media screen and (max-width: 991px) {
  /*  991 px end  */
}
@media screen and (max-width: 768px) {
  .border-88,.border-80 {
    border-radius: 8vw;
  }
  .border-65 {
    border-radius: 5.6vw;
  }
  .border-40 {
    border-radius: 4.8vw;
  }
  .border-120 {
    border-radius: 10vw;
  }
    footer .set {
    padding: 8% 0 22% 0;
  }

  /*  768 px end  */
}
@media screen and (max-width: 560px) {
  /*  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;
  }
}

.id-date {
  transform: translateY(-8vw);
}
.id-date-2 {
  transform: translateY(-4vw);
}
@media screen and (max-width: 1024px) {
  .id-date,.id-date-2 {
  transform: translateY(-120px);
  }
}

/*---------------------------------------
//
//           ホバー集
//
---------------------------------------*/
@media screen and (min-width: 1025px) {
  .header-nav-menu ul li.has-child:after,
  .top-business-area ul.splide__list li a .link-mark,
  .parts-contact-area a img,
  .parts-contact-area a .black-bg,
  .btn-type-1 img,.btn-type-1 p,
  .header-nav-menu ul li a img,
  .about-company-list ul li button img,
  .about-company-list ul li button.js-modal-close,
  .about-btns-area li a .img-mask img,
  .about-company-list ul li a img,
    .wp-con-btn-area,
  .page-contact-thanks .btn-type-2 {
    transition: all 0.2s;
  }
  .top-business-area ul.splide__list li a .img-mask img,
  .topix-list li a .img-mask img {
    transition: all 0.4s;
  }
  .header-nav-menu ul li.has-child:hover:after {
    transform: translateY(-15%) rotate(495deg);
  }
  .top-business-area ul.splide__list li a:hover .link-mark {
    right: 7%;
  }
  .top-business-area ul.splide__list li a:hover .img-mask img,
  .topix-list li a:hover .img-mask img {
    transform: scale(1.04);
  }
  .parts-contact-area a:hover img {
    transform: scale(1.02);
  }
  .parts-contact-area a:hover .black-bg {
    opacity: 0.1;
  }
  .btn-type-1:hover img {
    right: 7%;
  }
  .btn-type-1:hover p {
    opacity: 0.8;
  }
  .header-nav-menu ul li a:hover img {
    transform: scale(1.04);
  }
  .about-company-list ul li button:hover img,
  .about-company-list ul li a:hover img {
    right: -2%;
  }
  .about-company-list ul li button.js-modal-close:hover {
    opacity: 0.6;
  }
  .about-btns-area li a:hover .img-mask img {
    transform: scale(1.06);
  }
  a:hover .wp_no-img img {
    transform: translate(-50%, -50%) scale(1.04) !important;
  }
  .btn-type-1.btn-type-1-2:hover img {
    left: 7%;
  }
  .wp-con-btn-area:hover,
  .page-contact-thanks .btn-type-2:hover {
    opacity: 0.5;
  }

  /*  1025 px end  */
}