@charset "UTF-8";

/* 変数 */
:root {
  --mainColor: white;
  --subColor: #FFDC00;
  --pickupColor: #FF5E00;
  --linkColor: #0044ff;
  --darkColor: #EE2921;
  --bgColorlight: white;
  --bgColordark: black;
  --lightColor: black;
  --navColor: black;
  --txtColor: black;
  --borderColor: black;
  --gap: 5rem;
  --gaps: 3rem;
  --gap_sp: 1rem;
  --sectionPadding: 10rem;
  --sectionPadding_sp: 5rem;
  --maxWidth: 151.2rem;
  --contentWidth: 120rem;
  --innerWidth: 80rem;
  --tabletWidth: 76.8rem;
  --spWidth: 48rem;
  --spWrapMargin: 2rem;
}
/* ベース */
html {
  font-size: 10px;
  background-color: #f5f5f5;
}
body {
  margin: 0 auto;
  padding: 0;
  color: var(--txtColor);
  font-family: "Noto Sans JP", "Roboto", sans-serif;
  background-color: var(--bgColorlight);
  text-align: justify;
  font-weight: 400;
  overflow-x: hidden;
  max-width: var(--maxWidth);
}
img {
  max-width: 100%;
  height: auto;
}
h1, h2, h3, h4, h5, h6, p {
  line-height: 1.5;
  font-size: 1rem;
  margin: 0;
  font-weight: inherit;
}
a {
  color: var(--txtColor);
  text-decoration: none;
}
/* フォント */
.font_gothic {
  font-family: "Zen Maru Gothic", sans-serif;
}
.font_eng {
  font-family: "Roboto", sans-serif;
}
.text_title_l {
  font-size: clamp(2.2rem, 4.6vw, 3.6rem);
  font-weight: 700;
}
.text_title_m {
  font-size: clamp(2rem, 3.6vw, 2.8rem);
  font-weight: 700;
}
.text_title_s {
  font-size: clamp(1.6rem, 3.6vw, 2.2rem);
  font-weight: 700;
}
.text_body_l {
  font-size: clamp(1.8rem, 2.6vw, 2.4rem);
  font-weight: 700;
}
.text_body_m {
  font-size: clamp(1.5rem, 2.3vw, 1.8rem);
  font-weight: 500;
}
.text_body_s {
  font-size: clamp(1.4rem, 2vw, 1.6rem);
  font-weight: 400;
}
/* マージン */
.wrap {
  width: 100%;
  width: min(calc(100% - var(--spWrapMargin) * 2), var(--contentWidth));
  margin-left: auto;
  margin-right: auto;
}
/* パディング */
.sec_padding {
  padding-top: var(--sectionPadding);
  padding-bottom: var(--sectionPadding);
}
.sec_padding_s {
  padding-top: calc(var(--sectionPadding) / 2);
  padding-bottom: calc(var(--sectionPadding) / 2);
}
@media screen and (width <= 768px) {
  .sec_padding {
    padding-top: var(--sectionPadding_sp);
    padding-bottom: calc(var(--sectionPadding_sp) * 2);
  }
  .sec_padding_s {
    padding-top: calc(var(--sectionPadding_sp) / 2);
    padding-bottom: calc(var(--sectionPadding_sp) / 2);
  }
}
/* メディアクエリ 表示非表示系 */
@media screen and (width <= 480px) {
  .sp_none {
    display: none;
  }
}
@media screen and (width <= 768px) {
  .tablet_none {
    display: none;
  }
}
@media screen and (769px <= width) {
  .pc_none {
    display: none;
  }
}
@media screen and (481px <= width) {
  .only_sp {
    display: none;
  }
}
@media screen and (641px <= width) {
  .only_under_640 {
    display: none;
  }
}
@media screen and (466px <= width) {
  .only_under_465 {
    display: none;
  }
}