@charset "utf-8";

/* --- 全体設定 --- */
html {
  font-size: 62.5%; /*16px ×62.5%=10px*/
  box-sizing: border-box;
}
/* --- 全体設定 --- */

body {
  font: normal 19px/1.7 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",
    "MS Pゴシック", "MS PGothic", "メイリオ", "Meiryo", "游ゴシック体",
    "Yu Gothec", "YuGothic", "Arial", "Verdana", sans-serif; /*優先度高い順*/
  text-align: left;
  text-align: justify;
  overflow-x: hidden;
  background-color: #fff;
  color: #4e4e4e;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antiliased;
  -moz-osx-font-smoothing: grayscale;

  font-size: 62.5%; /*16px ×62.5%=10px*/
  line-height: 1.7;
  box-sizing: border-box;
}

body .sp-item {
  display: none !important;
} /*非表示*/

body .pc-item {
  display: block !important;
  margin-top: 40px;
} /*表示*/

@media screen and (max-width: 640px) {
  body {
    min-width: inherit; /*親幅より小さく表示しない*/
    height: 100%;
  }
  body .sp-item {
    display: block !important;
    margin-top: 60px; /*640px幅以下は表示*/
  }
  body .pc-item {
    display: none !important; /*640px幅以下は非表示*/
  }
  .main-ph img {
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .sp img {
    max-width: 90%;
  }
  .sp02 img {
    max-width: 100%;
  }
  .sp03 img {
    max-width: 70%;
  }
  .btn img {
    max-width: 95%;
  }
}

.center {
  text-align: center;
  padding: 0 5%; /* 画像の左右に余白 */
}

img {
  line-height: 0;
  padding: 0;
  margin: 0;
  max-width: 100%; /* 親要素に合わせて幅を縮めて縦横比を維持 */
}

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

  text

---------------------------------------------------- */
em {
  text-decoration: underline;
  font-style: normal;
}
.bd_red {
  border-bottom: 1px solid #ff0004;
  padding-bottom: 2px;
}
.bd_red02 {
  border-bottom: 3px solid #ff0004;
  padding-bottom: 0px;
}
.red {
  color: #ff0000;
}
.yellow {
  background-color: #ffff00;
}
.gray {
  color: #666666;
}
.bold {
  font-weight: bold;
}
strong {
  font-weight: bold;
}
.strike {
  text-decoration: line-through;
}
.ac {
  text-align: center !important;
}
.ar {
  text-align: right !important;
}
.al {
  text-align: left !important;
}
.bold {
  font-weight: bold !important;
}

/* --- 全体設定 --- */
.font_en {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.05rem;
}
/* --- 全体設定 --- */

.font10 {
  font-size: 10px !important;
}
.font11 {
  font-size: 11px !important;
}
.font12 {
  font-size: 12px !important;
}
.font13 {
  font-size: 13px !important;
}
.font14 {
  font-size: 14px !important;
}
.font15 {
  font-size: 15px !important;
}
.font16 {
  font-size: 16px !important;
}
.font17 {
  font-size: 17px !important;
  line-height: 150%;
}
.font18 {
  font-size: 18px !important;
}
.font19 {
  font-size: 19px !important;
}
.font20 {
  font-size: 20px !important;
}
.font21 {
  font-size: 21px !important;
}
.font22 {
  font-size: 22px !important;
}
.font23 {
  font-size: 23px !important;
}
.font24 {
  font-size: 24px !important;
}
.font25 {
  font-size: 25px !important;
}
.font26 {
  font-size: 26px !important;
}
.font27 {
  font-size: 27px !important;
}
.font28 {
  font-size: 28px !important;
}
.font29 {
  font-size: 29px !important;
}
.font30 {
  font-size: 30px !important;
}
.font32 {
  font-size: 32px !important;
}

/*-------------------------------------------------------*/
/*  area01 ●●●●●●●●●●●●●●●●●
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/*  benefits 特典
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/*  area02 ●●●●●●●●●●●●●●●●●
/*-------------------------------------------------------*/