@charset "utf-8";

@media (min-width: 769px) {
  .sp {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block;
  }
}
html {
  font-size: 62.5%;
}
body {
  font-family: var(--basic-gothic);
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  color: #fff;
  font-size: 1.5rem;
  overflow-x: hidden;
}
/* WebFontが読み込まれたら文字色を通常に */
:is(html.wf-active, html.wfno-load, html.loading-delay) body {
  color: var(--black);
}
section {
  padding: 0.0001px;
}

:root {
  --basic-gothic:
    "游ゴシック体", YuGothic, "Helvetica Neue", Arial,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --black: #000;
  --gray: #868686;
  --light-gray: #ececec;
  --red: #be1f1f;
  --blue: #1f4fbe;
  --yellow: #fff200;
  --hel: "helvetica-lt-pro";
  --robo: "Roboto";
  --zenkaku: "zen-kaku-gothic-new";
  --line-color: #06c755;
  --opencampus-color: #3cb8ca;
  --calendar-today-color: #d4e9ed;
  --department-creator-color: #66cdaa;
  --department-business-color: #00a5e1;
  --department-master-color: #e86d8e;
  --ft-btn-height: 64px;
  --faq-a-color: #f683a4;
}

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

コンテナ

-------------------------------*/
.container {
  width: 1000px;
  max-width: calc(100vw - 200px);
  margin: 0 auto;
  padding: 0.0001px;
}
.container--1480 {
  width: 1480px;
}
.container--1400 {
  width: 1400px;
}
.container--1300 {
  width: 1300px;
}
.container--1200 {
  width: 1200px;
}
.container--880 {
  width: 880px;
}
.container--800 {
  width: 800px;
}
.container--unset {
  width: unset;
}
@media (max-width: 768px) {
  .container {
    max-width: 90vw;
  }
}