@charset "UTF-8";
/* Scss Document */
@import url("https://fonts.googleapis.com/css?family=M+PLUS+1p:100,300,400,500,700,800,900|M+PLUS+Rounded+1c:100,300,400,500,700,800,900|Noto+Sans+JP:100,300,400,500,700,900|Noto+Serif+JP:200,300,400,500,600,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Comfortaa:300,400,500,600,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&family=BIZ+UDPGothic:wght@400;700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanmp.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanrp.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp_s.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanmp_s.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanrp_s.css");
.area01 {
  width: 100%;
}
.area01__inner {
  width: 93.75%;
  max-width: 960px;
  margin: auto;
  padding-bottom: 70px;
}
.area01__inner .h2 {
  width: 100%;
  max-width: 600px;
  margin: auto;
}
.area01__inner hr {
  padding: 0;
  border: none;
  margin: 1.25em 0;
  width: 100%;
  height: 4px;
  background: #71c7d1;
}
.area01__inner .h3 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #e4007f;
  text-align: center;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  line-height: 1.35;
}
@media screen and (max-width: 480px) {
  .area01__inner .h3 {
    font-size: 27px;
  }
}
.area01__inner .intro01 {
  width: 100%;
  margin: 30px auto 0;
}
.area01__inner .intro01 > ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 480px) {
  .area01__inner .intro01 > ul {
    display: block;
    width: 93.75%;
    margin: auto;
  }
}
.area01__inner .intro01 > ul li {
  width: 465px;
}
@media screen and (max-width: 480px) {
  .area01__inner .intro01 > ul li {
    width: 100%;
  }
}
.area01__inner .intro01 > ul li:first-child > p {
  color: #333;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
}
.area01__inner .intro01 > ul li:first-child > p.cap {
  font-size: 16px;
  position: relative;
  padding-left: 1em;
  font-weight: 400;
  margin-top: 0.25em;
}
.area01__inner .intro01 > ul li:first-child > p.cap::before {
  content: "※";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.area01__inner .intro01 > ul li:first-child h4 {
  font-size: 24px;
  font-weight: 700;
  color: #e83828;
  margin-top: 0.75em;
  line-height: 1.4;
}
@media screen and (max-width: 480px) {
  .area01__inner .intro01 > ul li:first-child h4 {
    font-size: 20px;
  }
}
.area01__inner .intro01 > ul li:first-child h5 {
  font-size: 20px;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  color: #e83828;
  margin-top: 1em;
}
.area01__inner .intro01 > ul li:first-child .telephone_number > ul > li {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 900;
  font-size: 48px;
  line-height: 1.2;
  text-shadow: 3px 3px 1px #ccc;
  white-space: nowrap;
}
@media screen and (max-width: 480px) {
  .area01__inner .intro01 > ul li:first-child .telephone_number > ul > li {
    font-size: 44px;
  }
}
.area01__inner .intro01 > ul li:first-child .telephone_number > ul > li a {
  color: #005fa3;
}
.area01__inner .intro01 > ul li:first-child .telephone_number > ul > li .fc {
  position: relative;
}
.area01__inner .intro01 > ul li:first-child .telephone_number > ul > li .fc::before {
  position: absolute;
  left: 0;
  top: -0.5em;
  content: "フィットネスクラブ";
  display: block;
  font-size: 0.338em;
  font-family: "M PLUS 1p", sans-serif;
  color: #ed6d34;
  text-shadow: none;
}
.area01__inner .intro01 > ul li:first-child .telephone_number > ul > li .small {
  font-size: 0.75em;
}
.area01__inner .intro01 > ul li:last-child .photos {
  position: relative;
  height: 340px;
}
@media screen and (max-width: 480px) {
  .area01__inner .intro01 > ul li:last-child .photos {
    margin-top: 2em;
    height: 320px;
  }
}
.area01__inner .intro01 > ul li:last-child .photos .photo01 {
  position: absolute;
  width: 60%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  border: 6px solid #fff;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
  transform: rotate(-3deg);
}
.area01__inner .intro01 > ul li:last-child .photos .photo02 {
  position: absolute;
  width: 60%;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  border: 6px solid #fff;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
  transform: rotate(3deg);
}
.area01__inner .area01_caption {
  margin-top: 30px;
  text-align: center;
}
.area01__inner .area01_caption__inner {
  display: inline-block;
  text-align: left;
}
.area01__inner .area01_caption__inner p {
  line-height: 1.6;
  color: #e4007f;
  position: relative;
  padding-left: 1em;
}
@media screen and (max-width: 480px) {
  .area01__inner .area01_caption__inner p {
    font-size: 18px;
  }
}
.area01__inner .area01_caption__inner p::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "※";
  display: block;
}

.area02 {
  width: 100%;
  padding-bottom: 70px;
}
.area02__inner {
  width: 93.75%;
  max-width: 700px;
  margin: auto;
}
.area02__inner .contents_area {
  margin-top: 36px;
  font-family: YakuHanJPs, "BIZ UDGothic", sans-serif;
}
.area02__inner .contents_area hr {
  padding: 0;
  margin: 1em 0;
  border: none;
  width: 100%;
  height: 1px;
  background: #ccc;
}
.area02__inner .contents_area__inner + .contents_area__inner {
  margin-top: 70px;
}
.area02__inner .contents_area__inner h2 {
  font-family: YakuHanRPs, "M PLUS Rounded 1c", sans-serif;
  font-weight: 900;
  font-size: 24px;
  box-sizing: border-box;
  height: 1.75em;
  border-left: 7px solid #e82e72;
  background: rgba(232, 46, 117, 0.2);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  color: #e82e72;
  position: relative;
}
@media screen and (max-width: 480px) {
  .area02__inner .contents_area__inner h2.wide_row {
    height: 3em;
  }
}
.area02__inner .contents_area__inner h2 p {
  position: absolute;
  left: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1.2;
}
.area02__inner .contents_area__inner h3 {
  font-family: YakuHanRPs, "M PLUS Rounded 1c", sans-serif;
  font-weight: 900;
  font-size: 24px;
  box-sizing: border-box;
  height: 1.75em;
  border-left: 7px solid #52a000;
  background: rgba(82, 160, 0, 0.2);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  color: #52a000;
  position: relative;
}
@media screen and (max-width: 480px) {
  .area02__inner .contents_area__inner h3.wide_row {
    height: 3em;
  }
}
.area02__inner .contents_area__inner h3 p {
  position: absolute;
  left: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1.2;
}
.area02__inner .contents_area__inner__inner {
  box-sizing: border-box;
  padding: 0 12px 0 19px;
  margin-top: 1em;
}
.area02__inner .contents_area__inner__inner .repletion {
  line-height: 1.6;
}
.area02__inner .contents_area__inner__inner .repletion dl {
  display: flex;
}
.area02__inner .contents_area__inner__inner .repletion dl dt {
  width: 5.25em;
}
.area02__inner .contents_area__inner__inner .repletion dl dd {
  flex: 1;
}
.area02__inner .contents_area__inner__inner .repletion dl dd span {
  color: #e83828;
}
.area02__inner .contents_area .table_area {
  margin-top: 1em;
  width: 100%;
}

span.zero::before {
  display: inline-block;
  content: "0";
  color: rgba(0, 0, 0, 0);
}

.yoyaku_serect {
  display: inline-block;
  padding: 0.125em 1em;
  background-color: darkorange;
  margin-bottom: 0.5em;
  border-radius: 15px;
  color: #fff;
  font-weight: 700;
}

.yoyaku_serect2 {
  display: inline-block;
  padding: 0.125em 1em;
  background-color: darkgray;
  margin-bottom: 0.5em;
  border-radius: 15px;
  color: #fff;
  font-weight: 700;
}

.days_j {
  color: #e82e72;
}

.days_a {
  color: #52a000;
}

.schedule00 {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0;
}
.schedule00.nomal {
  grid-template-columns: auto;
}
.schedule00.line2 {
  grid-template-columns: repeat(2, auto);
  justify-content: start;
  gap: 0 1em;
}
.schedule00.line2_1 {
  grid-template-columns: repeat(2, auto);
  justify-content: start;
  gap: 0 1em;
}
@media screen and (max-width: 480px) {
  .schedule00.line2_1 {
    grid-template-columns: 1fr;
  }
}
.schedule00.line3_1 {
  grid-template-columns: repeat(3, auto);
  justify-content: start;
  gap: 0 1em;
}
@media screen and (max-width: 480px) {
  .schedule00.line3_1 {
    grid-template-columns: 1fr;
  }
}
.schedule00.line3_2 {
  grid-template-columns: repeat(3, auto);
  justify-content: start;
  gap: 0 1em;
}
@media screen and (max-width: 480px) {
  .schedule00.line3_2 {
    grid-template-columns: repeat(2, auto);
  }
}
.schedule00.line4 {
  grid-template-columns: repeat(4, auto);
  justify-content: start;
  gap: 0 1em;
}
.schedule00.line4_2 {
  grid-template-columns: repeat(4, auto);
  justify-content: start;
  gap: 0 1em;
}
@media screen and (max-width: 480px) {
  .schedule00.line4_2 {
    grid-template-columns: repeat(2, auto);
  }
}
.schedule00.line4_3 {
  grid-template-columns: repeat(4, auto);
  justify-content: start;
  gap: 0 1em;
}
@media screen and (max-width: 480px) {
  .schedule00.line4_3 {
    grid-template-columns: repeat(3, auto);
  }
}

.table_kome {
  margin-top: 0.25em;
  line-height: 1.5;
  position: relative;
  padding-left: 1.5em;
}
.table_kome::before {
  position: absolute;
  left: 0.5em;
  top: 0;
  display: inline-block;
  content: "※";
}

.kome {
  position: relative;
  padding-left: 1em;
}
.kome::before {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  content: "※";
}

.graph {
  border: solid #999;
  border-width: 2px 1px 1px 2px;
  display: grid;
  font: 400 16px/1.6 YakuHanJPs, "BIZ UDGothic", sans-serif;
}
.graph .item1 {
  min-width: 7em;
}
@media (width: 480px) {
  .graph .item1 {
    min-width: auto;
  }
}
.graph1 {
  grid-template-columns: auto 1fr 1fr;
}
@media (width: 480px) {
  .graph1 {
    grid-template-columns: auto auto 1fr;
  }
}
.graph2 {
  grid-template-columns: auto 1fr 1fr;
}
.graph2 li.item5 {
  grid-area: 3/1/4/2;
}
.graph2 li.item6 {
  grid-area: 2/2/4/3;
}
.graph2 li.item7 {
  grid-area: 2/3/4/4;
}
.graph li {
  padding: 4px 1em;
  text-align: center;
  border: solid #999;
  border-width: 0 1px 1px 0;
  align-content: center;
}
.graph li.bg1 {
  background: #eaf6fd;
}
.graph li.bg2 {
  background: #fffde5;
  min-width: 4em;
}
@media (width: 480px) {
  .graph li.bg2 {
    min-width: auto;
  }
}
.graph li.bg3 {
  background: #fff;
}
.graph li.bg4 {
  background: #eff6ee;
  min-width: 4em;
}
@media (width: 480px) {
  .graph li.bg4 {
    min-width: auto;
  }
}
.graph .end {
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(2, auto);
  text-align: left;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  margin: auto;
}
@media (width: 480px) {
  .graph .end {
    width: 100%;
    grid-template-columns: auto;
  }
  .graph .end span {
    text-align: right;
  }
}
.graph .end2 {
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(2, auto);
  text-align: left;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  margin: auto;
}/*# sourceMappingURL=short_classroom.css.map */