@charset 'UTF-8';

html {
  font-size: 62.5%;
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 400;
  color: var(--color01);
  scroll-behavior: smooth;
}

body {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: scroll;
  font-size: 10px;
}

body.is-active {
  overflow-y: hidden;
}

h1 {
  font-size: 4rem;
}

h2 {
  font-size: 3rem;
}

h3 {
}

p {
}

.u-border-bottom-none{
  border-bottom: none!important;
}

@media screen and (max-width: 414px) {
  /* 414pxで1remが10pxになる。それ以降は大きくならない。
  414px以下で自動でサイズが小さくなる。計算式＝10px / 414px x 100 */
  html {
    font-size: 2.415vw;
  }
}

@media screen and (min-width: 415px) and (max-width: 768px) {
  /* 768pxで1remが10pxになる。それ以降は大きくならない。
  768px以下で自動でサイズが小さくなる。計算式＝10px / 768px x 100 */
  html {
    font-size: 1.302vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
  /* 1280pxで1remが10pxになる。それ以降は大きくならない。
  1280px以下で自動でサイズが小さくなる。計算式＝10px / 1280px x 100 */
  html {
    font-size: 0.78125vw;
  }
}

/* ======================================
共通設定
====================================== */
/* PCでTELクリック無効 */
a[href^="tel:"] {
  pointer-events: none;
}

.inner {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
}

.inner-cont {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding: 0 22px;
}

@media screen and (min-width: 577px) {
  .inner-cont {
    padding: 0 44px;
  }
}

@media (min-width: 1025px) {
  .inner-cont {
    max-width: none;
    padding: 0 150px;
  }
}

/* ======================================
色の共通設定
====================================== */
:root {
  --color01: #000000;
  --color02: #ee7300;
  --color03: #2a2a2a;
  --color04: #ffffff;
  --color05: #fff9e9;
  --color06: #dfdfdf;
  --color07: #7c7c7c;
  --color08: #f7d382;
  --color09: #fffaf0;
  --color10: #a5a5a5;
  --color11: #fffcf7;
  --color12: #cecdcc;
  --color13: #b7b7b7;
  --color14: #eeeeee;
  --color15: #ee8f32;
  --color16: #478dc5;
  --color17: #fffaf0;
  --color18: #e56b74;
  --color19: #4e91c6;
  --color20: #f7b623;
  --color21: #e60012;
  --color22: #ee7400;
  --hbg-btn-color01: #f7ab00;
  --hbg-btn-color02: #ee7300;
  --hbg-btn-color03: #e60012;
}

/* ======================================
共通設定ヘルパークラス
====================================== */

@media screen and (min-width: 768px) {
  /* 769px以降は.hp_pcでパソコン表示、.hp_spでスマホ非表示 */
  .pc-only {
    display: block;
  }

  .sp-only {
    display: none !important;
  }
  .u-mt0 {
    margin-top: 0 !important;
  }
  .u-mt5 {
    margin-top: 5px !important;
  }
  .u-mt10 {
    margin-top: 10px !important;
  }
  .u-mt15 {
    margin-top: 15px !important;
  }
  .u-mt20 {
    margin-top: 20px !important;
  }
  .u-mt25 {
    margin-top: 25px !important;
  }
  .u-mt30 {
    margin-top: 30px !important;
  }
  .u-mt35 {
    margin-top: 35px !important;
  }
  .u-mt40 {
    margin-top: 40px !important;
  }
  .u-mt45 {
    margin-top: 45px !important;
  }
  .u-mt50 {
    margin-top: 50px !important;
  }
  .u-mt55 {
    margin-top: 55px !important;
  }
  .u-mt60 {
    margin-top: 60px !important;
  }
  .u-mt65 {
    margin-top: 65px !important;
  }
  .u-mt70 {
    margin-top: 70px !important;
  }
  .u-mt75 {
    margin-top: 75px !important;
  }
  .u-mt80 {
    margin-top: 80px !important;
  }
  .u-mt85 {
    margin-top: 85px !important;
  }
  .u-mt90 {
    margin-top: 90px !important;
  }
  .u-mt95 {
    margin-top: 95px !important;
  }
  .u-mt100 {
    margin-top: 100px !important;
  }
  .u-mt105 {
    margin-top: 105px !important;
  }
  .u-mt110 {
    margin-top: 110px !important;
  }
  .u-mt115 {
    margin-top: 115px !important;
  }
  .u-mt120 {
    margin-top: 120px !important;
  }
  .u-mt125 {
    margin-top: 125px !important;
  }
  .u-mt130 {
    margin-top: 130px !important;
  }
  .u-mt135 {
    margin-top: 135px !important;
  }
  .u-mt140 {
    margin-top: 140px !important;
  }
  .u-mt145 {
    margin-top: 145px !important;
  }
  .u-mt150 {
    margin-top: 150px !important;
  }
  .u-mb0 {
    margin-bottom: 0 !important;
  }
  .u-mb5 {
    margin-bottom: 5px !important;
  }
  .u-mb10 {
    margin-bottom: 10px !important;
  }
  .u-mb15 {
    margin-bottom: 15px !important;
  }
  .u-mb20 {
    margin-bottom: 20px !important;
  }
  .u-mb25 {
    margin-bottom: 25px !important;
  }
  .u-mb30 {
    margin-bottom: 30px !important;
  }
  .u-mb35 {
    margin-bottom: 35px !important;
  }
  .u-mb40 {
    margin-bottom: 40px !important;
  }
  .u-mb45 {
    margin-bottom: 45px !important;
  }
  .u-mb50 {
    margin-bottom: 50px !important;
  }
  .u-mb55 {
    margin-bottom: 55px !important;
  }
  .u-mb60 {
    margin-bottom: 60px !important;
  }
  .u-mb65 {
    margin-bottom: 65px !important;
  }
  .u-mb70 {
    margin-bottom: 70px !important;
  }
  .u-mb75 {
    margin-bottom: 75px !important;
  }
  .u-mb80 {
    margin-bottom: 80px !important;
  }
  .u-mb85 {
    margin-bottom: 85px !important;
  }
  .u-mb90 {
    margin-bottom: 90px !important;
  }
  .u-mb95 {
    margin-bottom: 95px !important;
  }
  .u-mb100 {
    margin-bottom: 100px !important;
  }
  .u-mb105 {
    margin-bottom: 105px !important;
  }
  .u-mb110 {
    margin-bottom: 110px !important;
  }
  .u-mb115 {
    margin-bottom: 115px !important;
  }
  .u-mb120 {
    margin-bottom: 120px !important;
  }
  .u-mb125 {
    margin-bottom: 125px !important;
  }
  .u-mb130 {
    margin-bottom: 130px !important;
  }
  .u-mb135 {
    margin-bottom: 135px !important;
  }
  .u-mb140 {
    margin-bottom: 140px !important;
  }
  .u-mb145 {
    margin-bottom: 145px !important;
  }
  .u-mb150 {
    margin-bottom: 150px !important;
  }

  .u-pt0 {
    padding-top: 0 !important;
  }
  .u-pt5 {
    padding-top: 5px !important;
  }
  .u-pt10 {
    padding-top: 10px !important;
  }
  .u-pt15 {
    padding-top: 15px !important;
  }
  .u-pt20 {
    padding-top: 20px !important;
  }
  .u-pt25 {
    padding-top: 25px !important;
  }
  .u-pt30 {
    padding-top: 30px !important;
  }
  .u-pt35 {
    padding-top: 35px !important;
  }
  .u-pt40 {
    padding-top: 40px !important;
  }
  .u-pt45 {
    padding-top: 45px !important;
  }
  .u-pt50 {
    padding-top: 50px !important;
  }
  .u-pt55 {
    padding-top: 55px !important;
  }
  .u-pt60 {
    padding-top: 60px !important;
  }
  .u-pt65 {
    padding-top: 65px !important;
  }
  .u-pt70 {
    padding-top: 70px !important;
  }
  .u-pt75 {
    padding-top: 75px !important;
  }
  .u-pt80 {
    padding-top: 80px !important;
  }
  .u-pt85 {
    padding-top: 85px !important;
  }
  .u-pt90 {
    padding-top: 90px !important;
  }
  .u-pt95 {
    padding-top: 95px !important;
  }
  .u-pt100 {
    padding-top: 100px !important;
  }
  .u-pt105 {
    padding-top: 105px !important;
  }
  .u-pt110 {
    padding-top: 110px !important;
  }
  .u-pt115 {
    padding-top: 115px !important;
  }
  .u-pt120 {
    padding-top: 120px !important;
  }
  .u-pt125 {
    padding-top: 125px !important;
  }
  .u-pt190 {
    padding-top: 190px !important;
  }
  .u-pt225 {
    padding-top: 225px !important;
  }
  .u-pt250 {
    padding-top: 250px !important;
  }

  .u-pb0 {
    padding-bottom: 0 !important;
  }
  .u-pb5 {
    padding-bottom: 5px !important;
  }
  .u-pb10 {
    padding-bottom: 10px !important;
  }
  .u-pb15 {
    padding-bottom: 15px !important;
  }
  .u-pb20 {
    padding-bottom: 20px !important;
  }
  .u-pb25 {
    padding-bottom: 25px !important;
  }
  .u-pb30 {
    padding-bottom: 30px !important;
  }
  .u-pb35 {
    padding-bottom: 35px !important;
  }
  .u-pb40 {
    padding-bottom: 40px !important;
  }
  .u-pb45 {
    padding-bottom: 45px !important;
  }
  .u-pb50 {
    padding-bottom: 50px !important;
  }
  .u-pb55 {
    padding-bottom: 55px !important;
  }
  .u-pb60 {
    padding-bottom: 60px !important;
  }
  .u-pb65 {
    padding-bottom: 65px !important;
  }
  .u-pb70 {
    padding-bottom: 70px !important;
  }
  .u-pb75 {
    padding-bottom: 75px !important;
  }
  .u-pb80 {
    padding-bottom: 80px !important;
  }
  .u-pb85 {
    padding-bottom: 85px !important;
  }
  .u-pb90 {
    padding-bottom: 90px !important;
  }
  .u-pb95 {
    padding-bottom: 95px !important;
  }
  .u-pb100 {
    padding-bottom: 100px !important;
  }

  .u-w50 {
    width: 50% !important;
  }
  .u-w60 {
    width: 60% !important;
  }
  .u-w70 {
    width: 70% !important;
  }
  .u-w80 {
    width: 80% !important;
  }
  .u-w90 {
    width: 90% !important;
  }
  .u-w100 {
    width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  /* 768pxまでは.hp_pcでパソコン非表示、.hp_spでスマホ表示 */
  .pc-only {
    display: none !important;
  }

  .sp-only {
    display: block;
  }

  .u-spmt0 {
    margin-top: 0 !important;
  }
  .u-spmt5 {
    margin-top: 5px !important;
  }
  .u-spmt10 {
    margin-top: 10px !important;
  }
  .u-spmt15 {
    margin-top: 15px !important;
  }
  .u-spmt20 {
    margin-top: 20px !important;
  }
  .u-spmt25 {
    margin-top: 25px !important;
  }
  .u-spmt30 {
    margin-top: 30px !important;
  }
  .u-spmt35 {
    margin-top: 35px !important;
  }
  .u-spmt40 {
    margin-top: 40px !important;
  }
  .u-spmt45 {
    margin-top: 45px !important;
  }
  .u-spmt50 {
    margin-top: 50px !important;
  }
  .u-spmt55 {
    margin-top: 55px !important;
  }
  .u-spmt60 {
    margin-top: 60px !important;
  }
  .u-spmt65 {
    margin-top: 65px !important;
  }
  .u-spmt70 {
    margin-top: 70px !important;
  }
  .u-spmt75 {
    margin-top: 75px !important;
  }
  .u-spmt80 {
    margin-top: 80px !important;
  }
  .u-spmt85 {
    margin-top: 85px !important;
  }
  .u-spmt90 {
    margin-top: 90px !important;
  }
  .u-spmt95 {
    margin-top: 95px !important;
  }
  .u-spmt100 {
    margin-top: 100px !important;
  }

  .u-spmb0 {
    margin-bottom: 0 !important;
  }
  .u-spmb5 {
    margin-bottom: 5px !important;
  }
  .u-spmb10 {
    margin-bottom: 10px !important;
  }
  .u-spmb15 {
    margin-bottom: 15px !important;
  }
  .u-spmb20 {
    margin-bottom: 20px !important;
  }
  .u-spmb25 {
    margin-bottom: 25px !important;
  }
  .u-spmb30 {
    margin-bottom: 30px !important;
  }
  .u-spmb35 {
    margin-bottom: 35px !important;
  }
  .u-spmb40 {
    margin-bottom: 40px !important;
  }
  .u-spmb45 {
    margin-bottom: 45px !important;
  }
  .u-spmb50 {
    margin-bottom: 50px !important;
  }
  .u-spmb55 {
    margin-bottom: 55px !important;
  }
  .u-spmb60 {
    margin-bottom: 60px !important;
  }
  .u-spmb65 {
    margin-bottom: 65px !important;
  }
  .u-spmb70 {
    margin-bottom: 70px !important;
  }
  .u-spmb75 {
    margin-bottom: 75px !important;
  }
  .u-spmb80 {
    margin-bottom: 80px !important;
  }
  .u-spmb85 {
    margin-bottom: 85px !important;
  }
  .u-spmb90 {
    margin-bottom: 90px !important;
  }
  .u-spmb95 {
    margin-bottom: 95px !important;
  }
  .u-spmb100 {
    margin-bottom: 100px !important;
  }

  .u-sppt0 {
    padding-top: 0 !important;
  }
  .u-sppt5 {
    padding-top: 5px !important;
  }
  .u-sppt10 {
    padding-top: 10px !important;
  }
  .u-sppt15 {
    padding-top: 15px !important;
  }
  .u-sppt20 {
    padding-top: 20px !important;
  }
  .u-sppt25 {
    padding-top: 25px !important;
  }
  .u-sppt30 {
    padding-top: 30px !important;
  }
  .u-sppt35 {
    padding-top: 35px !important;
  }
  .u-sppt40 {
    padding-top: 40px !important;
  }
  .u-sppt45 {
    padding-top: 45px !important;
  }
  .u-sppt50 {
    padding-top: 50px !important;
  }
  .u-sppt55 {
    padding-top: 55px !important;
  }
  .u-sppt60 {
    padding-top: 60px !important;
  }
  .u-sppt65 {
    padding-top: 65px !important;
  }
  .u-sppt70 {
    padding-top: 70px !important;
  }
  .u-sppt75 {
    padding-top: 75px !important;
  }
  .u-sppt80 {
    padding-top: 80px !important;
  }
  .u-sppt85 {
    padding-top: 85px !important;
  }
  .u-sppt90 {
    padding-top: 90px !important;
  }
  .u-sppt95 {
    padding-top: 95px !important;
  }
  .u-sppt100 {
    padding-top: 100px !important;
  }

  .u-sppb0 {
    padding-bottom: 0 !important;
  }
  .u-sppb5 {
    padding-bottom: 5px !important;
  }
  .u-sppb10 {
    padding-bottom: 10px !important;
  }
  .u-sppb15 {
    padding-bottom: 15px !important;
  }
  .u-sppb20 {
    padding-bottom: 20px !important;
  }
  .u-sppb25 {
    padding-bottom: 25px !important;
  }
  .u-sppb30 {
    padding-bottom: 30px !important;
  }
  .u-sppb35 {
    padding-bottom: 35px !important;
  }
  .u-sppb40 {
    padding-bottom: 40px !important;
  }
  .u-sppb45 {
    padding-bottom: 45px !important;
  }
  .u-sppb50 {
    padding-bottom: 50px !important;
  }
  .u-sppb55 {
    padding-bottom: 55px !important;
  }
  .u-sppb60 {
    padding-bottom: 60px !important;
  }
  .u-sppb65 {
    padding-bottom: 65px !important;
  }
  .u-sppb70 {
    padding-bottom: 70px !important;
  }
  .u-sppb75 {
    padding-bottom: 75px !important;
  }
  .u-sppb80 {
    padding-bottom: 80px !important;
  }
  .u-sppb85 {
    padding-bottom: 85px !important;
  }
  .u-sppb90 {
    padding-bottom: 90px !important;
  }
  .u-sppb95 {
    padding-bottom: 95px !important;
  }
  .u-sppb100 {
    padding-bottom: 100px !important;
  }

  .u-spw50 {
    width: 50% !important;
  }
  .u-spw60 {
    width: 60% !important;
  }
  .u-spw70 {
    width: 70% !important;
  }
  .u-spw80 {
    width: 80% !important;
  }
  .u-spw90 {
    width: 90% !important;
  }
  .u-spw100 {
    width: 100% !important;
  }
}

.flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.font-zenkaku {
  font-family: "Zen Kaku Gothic New", serif;
  font-style: normal;
}

.font-montserrat {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}

.font-arial {
  font-family: "Arial", "メイリオ";
  font-style: normal;
}

.fw-bold {
  font-weight: bold;
}
.fw-500 {
  font-weight: 500;
}