@charset "UTF-8";

/* ////////////////////////////////////////////////////////////////////
///// 全ページ共通CSS ///////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////// */
/* ==================================================
FONT SETTING
================================================== */
html {
  font-size: 2.97vw;
}
@media screen and (min-width: 768px) {
  html {
    font-size: 2.47vw;
  }
}
@media screen and (min-width: 961px) {
  html {
    font-size: 1.35vw;
  }
}
@media screen and (min-width: 1281px) {
  html {
    font-size: 17px;
  }
}

html body {
  /*ゴシック系*/
  font-family: "m-plus-1p", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
  /* background: #f5eee4; */
  line-height: 1.7;
  -ms-font-feature-settings: "normal";
  font-feature-settings: "palt";
  overflow-x: hidden;
}
.fwMid {
  font-family: "m-plus-1p", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.fwBold {
  font-family: "m-plus-1p", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.fwBk {
  font-family: "m-plus-1p", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.enGothic {
  font-family: "congenial", sans-serif;
  font-weight: 700;
  font-style: normal;
}

:root {
  --fs64: 5.4vw;
  --fs48: 4.2vw;
  --fs36: 3.6vw;
  --fs32: 3.4vw;
  --fs26: 3vw;
  --fs24: 2.8vw;
  --fs18: 1.8vw;
  --fs16: 1.5vw;
  --fs15: 1.3vw;
}
@media screen and (min-width: 768px) {
  :root {
  }
}
@media screen and (min-width: 961px) {
  :root {
  }
}
.fs64 {
  font-size: clamp(32px, var(--fs64), 64px);
  letter-spacing: 0.04em;
}
.fs48 {
  font-size: clamp(30px, var(--fs48), 48px);
  letter-spacing: 0.06em;
}
.fs36 {
  font-size: clamp(28px, var(--fs36), 36px);
  letter-spacing: 0.06em;
}
.fs32 {
  font-size: clamp(20px, var(--fs32), 32px);
}
.fs26 {
  font-size: clamp(20px, var(--fs26), 26px);
}
.fs24 {
  font-size: clamp(18px, var(--fs24), 24px);
}
.fs18 {
  font-size: clamp(16px, var(--fs18), 18px);
  letter-spacing: 0.05em;
}
.fs16 {
  font-size: clamp(13px, var(--fs16), 16px);
}
.fs15 {
  font-size: clamp(14px, var(--fs16), 15px);
}

@media screen and (min-width: 961px) {
  .pcFBig {
    font-size: 120%;
  }
}

/* ==================================================
font line height
================================================== */
.js-setLoad .spinner {
  width: 84vw;
  height: 10vw;
  max-width: 420px;
  max-height: 50px;
}
/* ==================================================
color
================================================== */
:root {
  --clrWh: #fff;
  --clrWh40: rgba(255, 255, 255, 0.4);
  --clrBl: #0eafcc;
  --clrGr: #309336;
  --baseClr: #0d381e;
}
body {
  color: #0d381e;
}
.clrWh {
  color: var(--clrWh);
}
.clrBl {
  color: var(--clrBl);
}
.clrGr {
  color: var(--clrGr);
}

.bgWh {
  background: var(--clrWh40);
}
/* ==================================================
kadoR
 ================================================== */
:root {
  --kadoR80: 80px;
  --kadoR16: 16px;
  --kadoR8: 8px;
  --kadoR36: 36px;
}
@media (width <= 900px) {
  :root {
    --kadoR80: 40px;
    --kadoR16: 16px;
    --kadoR8: 6px;
    --kadoR36: 22px;
  }
}

#gigyaShare {
  margin: 0 auto;
  background: rgba(123, 213, 130, 0.2);
  padding: 0 0 80px;
}
@media screen and (max-width: 759px) {
  #gigyaShare {
    padding: 0 0 70px;
  }
}