@charset "UTF-8";
/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
@font-face {
  font-family: "NotoSansCJKjp-Regular";
  src: url("../fonts/NotoSansCJKjp-Regular.otf");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Medium";
  src: url("../fonts/NotoSansCJKjp-Medium.otf");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Bold";
  src: url("../fonts/NotoSansCJKjp-Bold.otf");
  font-display: swap;
}
/*	layout
------------------------------------ */
/*	font-size  cmn
------------------------------------ */
/*	com parts  PC
------------------------------------ */
.sns-none {
  display: none !important;
}

.over {
  overflow: hidden;
}

.com-ib {
  display: inline-block;
}

.spxs-only {
  display: none;
}
@media screen and (max-width: 390px) {
  .spxs-only {
    display: inherit;
  }
}

.f26 {
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .f26 {
    font-size: 1.5rem;
  }
}

.pre {
  white-space: pre-line;
}

.nowrap {
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .nowrap {
    white-space: nowrap;
  }
}
.no-sb {
  margin: 50px auto 0;
}

.anchor-mp {
  margin: -90px auto 0;
  padding-top: 90px;
}

.com-txt-box p:nth-of-type(n+2) {
  margin: 26px 0 0;
}

.clamp1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.clamp2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.clamp3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

@media screen and (min-width: 768px) {
  .com-pd {
    padding: 100px 0;
  }
}

/*  共通パーツ
------------------------------------ */
.com-wave {
  position: relative;
}
.com-wave::before {
  content: "";
  width: 100%;
  height: 20px;
  background: url(../img/com-wave.png) repeat-x;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.com-border {
  border-radius: 10px;
  border: 4px solid #fff;
}
.com-border02 {
  background-size: 12px 2px;
  background-image: linear-gradient(to right, #d6cec4, #d6cec4 8px, transparent 8px, transparent 12px);
  background-position: left bottom;
  background-repeat: repeat-x;
}

.com-star {
  background: url(../img/club_about/business-l.png) no-repeat calc(50% - 330px) 69px, url(../img/club_about/business-r.png) no-repeat calc(50% + 334px) 101px;
}

.com-check {
  width: 100%;
  max-width: 580px;
  margin: -40px auto 0;
  padding: 59px 0 40px 74px;
  background: #d7eaf3;
}
.com-check-item {
  padding-left: 40px;
  background: url(../img/club/solution-check.png) no-repeat left 2px;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.04em;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .com-check-item {
    font-size: 1.5rem;
  }
}
.com-check-item:nth-of-type(n+2) {
  margin-top: 17px;
}
.com-check-item .ac {
  color: #fd5951;
}

.com-tel {
  display: block;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  letter-spacing: 0.04em;
  color: #4385e5;
  line-height: 1;
}
.com-tel01 {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .com-tel01 {
    font-size: 1.5rem;
  }
}
.com-tel01-num {
  margin-left: 5px;
  color: #40240b;
  font-size: 2.8rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .com-tel01-num {
    font-size: 1.5rem;
  }
}
.com-tel02 {
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .com-tel02 {
    font-size: 1.5rem;
  }
}
.com-tel02-num {
  margin-left: 5px;
  color: #40240b;
  font-size: 2rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .com-tel02-num {
    font-size: 1.5rem;
  }
}

.com-bg01 {
  background: url(../img/bg_border02.png);
}
.com-bg02 {
  background: url(../img/bg_zarazara.png);
}

.com-bottom-kumo {
  position: relative;
}
.com-bottom-kumo::before {
  content: "";
  width: 100%;
  height: 197px;
  background: url(../img/ent/bg_kumo.png) no-repeat center bottom/cover;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.com-headline-mail {
  display: flex;
  width: 60px;
  height: 60px;
  margin-left: 30px;
  background: #fd5951;
  border-radius: 10px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.news-post {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.news-post-item {
  width: 100%;
  max-width: 340px;
}
@media screen and (min-width: 768px) {
  .news-post-item:not(:nth-of-type(3n-2)) {
    margin-left: 30px;
  }
  .news-post-item:nth-of-type(n+4) {
    margin-top: 30px;
  }
}
.news-post-link {
  display: block;
  padding: 20px;
  border-radius: 10px;
  background: url(../img/bg_zarazara.png);
}
@media screen and (min-width: 768px) {
  .news-post-link:hover img {
    width: 120%;
    height: 120%;
  }
}
.news-post-img {
  width: 100%;
  height: 0;
  padding-top: 70%;
  border-radius: 10px;
  outline: 4px solid #fff;
  overflow: hidden;
  position: relative;
}
.news-post-con {
  margin: 15px auto 0;
}
.news-post-time {
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.5rem;
  color: #4385e5;
  letter-spacing: 0.04em;
  line-height: 1.4;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .news-post-time {
    font-size: 1.5rem;
  }
}
.news-post-tag {
  display: flex;
  margin-left: 10px;
  flex-wrap: wrap;
}
.news-post-tag-txt {
  margin: 0 5px 5px 0;
  padding: 0 16px;
  background-color: #fff;
  border-radius: 15px;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.04em;
  color: #fd5951;
  line-height: 1.3;
}
.news-post-ttl {
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .news-post-ttl {
    font-size: 1.5rem;
  }
}

.com-tag {
  display: flex;
  flex-wrap: wrap;
}
.com-tag-item {
  width: 100%;
  max-width: 350px;
}
@media screen and (min-width: 768px) {
  .com-tag-item:not(:nth-of-type(3n-2)) {
    margin-left: 14px;
  }
  .com-tag-item:nth-of-type(n+4) {
    margin-top: 30px;
  }
}
.com-tag-link.current {
  background-color: #4385e5;
}

/* =========================================

  main layout  all

========================================= */
/* ent  PC
------------------------------------ */
.ent .greeting-bg {
  background: url(../img/ent/greeting-wavve.png) repeat-x center top, url(../img/bg_zarazara.png);
}
.ent .greeting-bg-deco {
  background: url(../img/ent/greeting-cloud-l.png) no-repeat calc(50% - 370px) 119px, url(../img/ent/greeting-cloud-r.png) no-repeat calc(50% + 430px) 119px;
}
.ent .greeting-inner {
  position: relative;
}
.ent .greeting-illu {
  position: absolute;
}
.ent .greeting-illu-l {
  left: 26px;
  bottom: 142px;
}
.ent .greeting-illu-r {
  right: -14px;
  bottom: 146px;
}
.ent .greeting-ttl {
  height: 125px;
  padding-top: 45px;
  background: url(../img/ent/greeting-ttl-deco.png) no-repeat center top, url(../img/ent/greeting-ttl-bg.png) no-repeat center bottom;
  text-align: center;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 3.6rem;
  letter-spacing: 0.08em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .ent .greeting-ttl {
    font-size: 1.8rem;
  }
}
.ent .greeting-txt-box {
  margin: 36px auto 0;
}
@media screen and (min-width: 768px) {
  .ent .greeting-txt-box {
    text-align: center;
  }
}
.ent .group {
  background: url(../img/ent/group-wave.png) repeat-x center bottom, url(../img/bg_border02.png);
}
.ent .group-table {
  margin: 60px auto 0;
}
.ent .group-map {
  margin: 60px auto 0;
}
.ent .partner-inner {
  background: url(../img/ent/partner-l.png) no-repeat 14px 120px, url(../img/ent/partner-r.png) no-repeat calc(100% - 40px) 128px;
}
.ent .partner-txt {
  margin: 40px auto 0;
  text-align: center;
}
.ent .partner-list {
  margin: 50px auto 0;
}
@media screen and (min-width: 768px) {
  .ent .partner-list li:not(:nth-of-type(3n-2)) {
    margin-left: 45px;
  }
  .ent .partner-list li:nth-of-type(n+4) {
    margin-top: 46px;
  }
}

/* com-news  PC
------------------------------------ */
.com-news {
  background: url(../img/ent/news-illu-r.png) no-repeat calc(50% + 394px) 72px, url(../img/club/news-illu.png) no-repeat calc(50% + 560px) bottom;
}
.com-news .news-illu01 {
  background: url(../img/ent/news-illu-r.png) no-repeat calc(50% + 394px) top, url(../img/ent/news-rb.png) no-repeat calc(50% + 360px) bottom;
}
.com-news .news-post {
  margin: 60px auto 0;
}
.com-news .news-btn {
  margin: 60px auto 0;
}

/* club  PC
------------------------------------ */
#club .about {
  background: url(../img/club/about-kumo-l.png) no-repeat calc(50% - 571px) 100px, url(../img/club/about-kumo-r.png) no-repeat calc(50% + 546px) 117px, url(../img/club/about-illu-l.png) no-repeat calc(50% - 380px) calc(100% - 139px), url(../img/bg_zarazara.png);
}
#club .about-ttl {
  padding-bottom: 30px;
  background: url(../img/club/naminami.png) no-repeat center bottom;
}
#club .about-ttl::before, #club .about-ttl::after {
  margin: 0;
}
#club .about-ttl .txt {
  background: url(../img/club/about-ttl-deco.png) no-repeat 55px top, url(../img/club/about-ttl-kira.png) no-repeat calc(100% - 24px) 21px;
}
#club .about-txt {
  margin: 40px auto 0;
}
@media screen and (min-width: 768px) {
  #club .about-txt {
    text-align: center;
  }
}
#club .about-btn {
  margin: 50px auto 0;
}
@media screen and (min-width: 768px) {
  #club .about-img img {
    position: absolute;
  }
  #club .about-img-l {
    left: -182px;
    top: 261px;
  }
  #club .about-img-r {
    top: 338px;
    right: -144px;
  }
}
#club .solution {
  background: url(../img/club/solution-illu.png) no-repeat calc(50% - 426px) calc(100% - 135px);
}
#club .solution-ttl {
  background: url(../img/club/solution-l.png) no-repeat calc(50% - 301px) 0, url(../img/club/solution-r.png) no-repeat calc(50% + 301px) 36px;
  align-items: flex-end;
}
#club .solution-ttl .txt {
  padding-left: 24px;
  padding-right: 24px;
  background-position: left top;
}
#club .solution-list {
  max-width: 700px;
  margin: 32px 0 0 auto;
}
#club .solution-list-item {
  padding: 16px 16px 16px 70px;
  background: url(../img/club/solution-check.png) no-repeat 29px 13px #d6e9f2;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.04em;
  border-radius: 10px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #club .solution-list-item {
    font-size: 1.5rem;
  }
}
#club .solution-list-item:nth-of-type(n+2) {
  margin-top: 10px;
}
#club .corporation {
  background: url(../img/club/corporation-r.png) no-repeat calc(50% + 530px) calc(100% - 82px), url(../img/bg_zarazara.png);
}
#club .corporation-contents {
  margin-left: 57px;
}
#club .corporation-txt {
  margin-top: 23px;
}
#club .corporation-btn {
  margin: 30px 0 0;
}
#club .workshop {
  background: url(../img/club/workshop-r.png) no-repeat calc(50% + 530px) calc(100% - 98px), url(../img/bg_zarazara.png);
}
#club .workshop-contents {
  margin-left: 60px;
}
#club .workshop-txt {
  margin-top: 28px;
}
#club .workshop-btn {
  margin-top: 60px;
}
#club .com-reserve {
  margin-top: 0;
  padding: 90px 0 35px;
  background: url(../img/club/reserve-l.png) no-repeat 10px 21px, url(../img/club/reserve-r.png) no-repeat 100% calc(100% - 23px), url(../img/club_corporation/bnr-l.png) no-repeat -70px -24px, url(../img/club_corporation/bnr-r.png) no-repeat calc(100% + 136px) -41px;
  position: relative;
}
#club .reserve-ttl {
  width: 365px;
  height: 92px;
  margin: auto;
  padding-top: 8px;
  background: url(../img/club/reserve-rbn.png) no-repeat center top/contain;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 3rem;
  letter-spacing: 0.06em;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: -19px;
}
@media screen and (max-width: 768px) {
  #club .reserve-ttl {
    font-size: 1.5rem;
  }
}
#club .reserve-txt {
  margin: auto;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 2.4rem;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  #club .reserve-txt {
    font-size: 1.5rem;
  }
}
#club .reserve-btn {
  height: auto;
  margin-top: 23px;
  padding: 12px 0 12px 72px;
  background: url(../img/club/reserve-yt.png) no-repeat 28px center, url(../img/club/reserve-arw.png) no-repeat calc(100% - 20px) center #fd5951;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  line-height: 1.5;
  justify-content: flex-start;
  text-align: left;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #club .reserve-btn {
    font-size: 1.5rem;
  }
}
#club .reserve-btn::before {
  content: none;
}

/* com-bnr  PC
------------------------------------ */
.com-bnr .bnr-list-item {
  width: 100%;
  max-width: 413px;
}
.com-bnr .bnr-list-item:nth-of-type(n+2) {
  margin-left: 70px;
}
.com-bnr .bnr-list-link {
  display: block;
  text-align: center;
  position: relative;
  z-index: 1;
}
.com-bnr .bnr-list-link::before {
  content: "";
  width: 150px;
  height: 150px;
  background: url(../img/club/bnr-img-deco.png) no-repeat left top/contain;
  position: absolute;
  left: -32px;
  bottom: 16px;
  z-index: -1;
}
.com-bnr .bnr-list-ttl {
  height: 103px;
  padding-top: 3px;
  background: url(../img/club/bnr-rbn.png) no-repeat center top/contain;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 3rem;
  letter-spacing: 0.04em;
  color: #3c170d;
  text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .com-bnr .bnr-list-ttl {
    font-size: 1.5rem;
  }
}
.com-bnr .bnr-list-ttl02 {
  text-shadow: none;
}
.com-bnr .bnr-list-ttl02 img {
  display: block;
  margin: -24px auto 0;
}
.com-bnr .bnr-list-img {
  margin: -123px auto 0;
}
.com-bnr .bnr-list-illu01 {
  position: absolute;
  bottom: 6px;
  right: 16px;
}
.com-bnr .bnr-list-illu02 {
  position: absolute;
  bottom: 6px;
  right: 10px;
}

/* kickers  PC
------------------------------------ */
.com-about {
  background: url(../img/kickers/about-l.png) no-repeat calc(50% - 620px) 40px, url(../img/kickers/about-r.png) no-repeat calc(50% + 552px) 55px, url(../img/bg_zarazara.png);
}
.com-about02 {
  background: url(../img/brite/about-l-pc.png) no-repeat calc(50% - 526px) 65px, url(../img/brite/about-r-pc.png) no-repeat calc(50% + 409px) 94px, url(../img/bg_zarazara.png);
}
.com-about .about-inner {
  position: relative;
}
.com-about .about-img-lg {
  display: inline-block;
  outline: 5px solid #fff;
  border-radius: 10px;
}
.com-about .about-img-wrap {
  display: flex;
  padding: 0 16px 0 37px;
  justify-content: space-between;
  align-items: flex-start;
}
.com-about .about-img-r {
  margin-top: 117px;
}
.com-about .about-cloud {
  width: 581px;
  height: 336px;
  padding-top: 56px;
  background: url(../img/kickers/about-kumo-lg.png) no-repeat center/cover;
  text-align: center;
  position: absolute;
  right: 0;
  top: 100px;
}
.com-about .about-cloud::before {
  content: "";
  width: 245px;
  height: 198px;
  background: url(../img/kickers/about-illu.png) no-repeat center/contain;
  position: absolute;
  bottom: 0;
  right: -120px;
}
.com-about .about-cloud-ttl {
  padding-top: 35px;
  background: url(../img/kickers/about-ttl-deco.png) no-repeat center top;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 3.4rem;
  letter-spacing: 0.08em;
  line-height: 1.53;
}
@media screen and (max-width: 768px) {
  .com-about .about-cloud-ttl {
    font-size: 1.7rem;
  }
}
.com-about .about-cloud-ttl .ac {
  color: #fd5951;
}
.com-about .about-cloud-btn {
  max-width: 300px;
  margin: 25px auto 0;
}
@media screen and (min-width: 768px) {
  .com-about .about-cloud-sm {
    margin: auto;
    top: 121px;
    left: 0;
  }
  .com-about .about-cloud-sm::before {
    width: 172px;
    height: 144px;
    background: url(../img/brite/about-illu.png) no-repeat center/contain;
    right: auto;
    left: -90px;
  }
}

#kickers .kickers {
  background: url(../img/kickers/kickers-illu.png) no-repeat calc(50% - 450px) calc(100% - 102px);
}
#kickers .kickers-inner {
  position: relative;
}
#kickers .kickers-txt {
  margin: 35px auto 0;
}
@media screen and (min-width: 768px) {
  #kickers .kickers-txt {
    text-align: center;
  }
}
#kickers .kickers-rbn {
  width: 100%;
  max-width: 413px;
  height: 103px;
  margin: 40px auto 0;
  padding: 22px 0 0;
  background: url(../img/kickers/kickers-rbn.png) no-repeat center top/contain;
  text-align: center;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 2.8rem;
  letter-spacing: 0.04em;
  line-height: 1;
  position: relative;
}
@media screen and (max-width: 768px) {
  #kickers .kickers-rbn {
    font-size: 1.5rem;
  }
}
#kickers .kickers-btn {
  margin: 60px auto 0;
}
@media screen and (min-width: 768px) {
  #kickers .kickers-img img {
    position: absolute;
  }
  #kickers .kickers-img01 {
    top: 255px;
    left: -190px;
  }
  #kickers .kickers-img02 {
    top: 448px;
    right: -143px;
  }
}

/* brite  PC
------------------------------------ */
#brite .brite {
  background: url(../img/brite/grow-illu.png) no-repeat calc(50% + 480px) calc(100% - 141px);
}
#brite .brite-inner {
  position: relative;
}
#brite .brite-ttl::before {
  margin-right: 35px;
}
#brite .brite-ttl::after {
  margin-left: 35px;
}
#brite .brite .txt {
  background: none;
}
@media screen and (min-width: 768px) {
  #brite .brite-img img {
    position: absolute;
  }
  #brite .brite-img01 {
    left: -163px;
    top: 264px;
  }
  #brite .brite-img02 {
    top: 208px;
    right: -130px;
  }
}
#brite .brite-txt {
  margin: 46px auto 0;
}
@media screen and (min-width: 768px) {
  #brite .brite-txt {
    text-align: center;
  }
}
#brite .brite-rbn {
  margin: 55px auto 0;
  text-align: center;
}
#brite .brite-check {
  margin: 28px auto 0;
}
@media screen and (min-width: 768px) {
  #brite .brite-check {
    padding-top: 29px;
    padding-left: 64px;
  }
}
#brite .brite-btn {
  margin: 60px auto 0;
}

/* com-time  PC
------------------------------------ */
.com-time .time-inner {
  background: url(../img/brite/time-lb.png) no-repeat 71px calc(100% - 64px), url(../img/brite/time-rt.png) no-repeat calc(100% - 71px) 80px;
}
.com-time .time-box {
  width: 100%;
  max-width: 815px;
  margin: auto;
  padding: 44px 60px;
  background: #fff;
  text-align: right;
  position: relative;
}
.com-time .time-box::before, .com-time .time-box::after {
  content: "";
  position: absolute;
}
.com-time .time-box::before {
  width: 124px;
  height: 84px;
  background: url(../img/brite/time-flag.png) no-repeat center/contain;
  right: -16px;
  top: -12px;
}
.com-time .time-box::after {
  width: 103px;
  height: 130px;
  background: url(../img/brite/time-illu.png) no-repeat center/contain;
  right: -31px;
  bottom: -23px;
}
.com-time .time-box-img {
  position: absolute;
  top: -20px;
  left: 49px;
}
.com-time .time-con {
  display: inline-block;
  text-align: center;
}
.com-time .time-con-btn {
  margin: 38px auto 0;
}

/* com-class  PC
------------------------------------ */
.com-class {
  background: url(../img/bg_zarazara.png);
}
.com-class .class-ttl {
  font-size: 3.4rem;
}
@media screen and (max-width: 768px) {
  .com-class .class-ttl {
    font-size: 1.7rem;
  }
}
.com-class .class-flx {
  margin: 27px auto 0;
}
.com-class .class-flx-left {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .com-class .class-flx-left {
    max-width: 600px;
  }
}
@media screen and (min-width: 1100px) {
  .com-class .class-flx-right {
    position: relative;
    right: -10px;
  }
}
.com-class .class-flx-name {
  display: flex;
  margin-top: -38px;
  align-items: center;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 2.6rem;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .com-class .class-flx-name {
    font-size: 1.5rem;
  }
}
.com-class .class-flx-name span {
  margin-right: 15px;
  padding: 3px 14px;
  background: #fd5951;
  border-radius: 999px;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 2.2rem;
  letter-spacing: 0.04em;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .com-class .class-flx-name span {
    font-size: 1.5rem;
  }
}
.com-class .class-box {
  width: 100%;
  padding: 25px 50px 43px;
  background: #fff;
  border-radius: 10px;
  position: relative;
}
.com-class .class-box::before {
  content: "";
  width: 121px;
  height: 254px;
  background: url(../img/brite/classroom-illu.png) no-repeat center/contain;
  position: absolute;
  left: -77px;
  bottom: -113px;
}
.com-class .class-btn {
  margin: 55px auto 0;
}

/* gymnastics  PC
------------------------------------ */
@media screen and (min-width: 768px) {
  #gymnastics .about-cloud::before {
    width: 274px;
    height: 167px;
    background: url(../img/gymnastics/about-illu.png);
    left: -143px;
  }
  #gymnastics .about-cloud-ttl {
    font-size: 3.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #gymnastics .about-cloud-ttl {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px) {
  #gymnastics .about-cloud-ttl .ac {
    font-size: 4.2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #gymnastics .about-cloud-ttl .ac {
    font-size: 2.1rem;
  }
}
#gymnastics .gymnastics {
  background: url(../img/gymnastics/club-illu.png) no-repeat calc(50% + 480px) calc(100% - 77px);
}
#gymnastics .gymnastics-inner {
  position: relative;
}
@media screen and (min-width: 768px) {
  #gymnastics .gymnastics-ttl::before {
    margin-right: 20px;
  }
  #gymnastics .gymnastics-ttl::after {
    margin-left: 20px;
  }
}
#gymnastics .gymnastics-txt {
  margin: 50px auto 0;
}
@media screen and (min-width: 768px) {
  #gymnastics .gymnastics-txt {
    text-align: center;
  }
}
#gymnastics .gymnastics-txt:nth-of-type(n+2) {
  margin-top: 25px;
}
#gymnastics .gymnastics-btn {
  margin: 50px auto 0;
}
#gymnastics .gymnastics .txt {
  background: none;
}
@media screen and (min-width: 768px) {
  #gymnastics .gymnastics-img img {
    position: absolute;
  }
  #gymnastics .gymnastics-img01 {
    top: 103px;
    left: -184px;
  }
  #gymnastics .gymnastics-img02 {
    top: 29px;
    right: -136px;
  }
}
#gymnastics .class-flx {
  margin: 50px auto 0;
}
#gymnastics .class-box {
  padding-top: 38px;
}
#gymnastics .class-box-list li:nth-of-type(n+2) {
  margin-top: 50px;
}
#gymnastics .class-box-list-ttl {
  margin-bottom: 25px;
  padding-left: 56px;
  background: url(../img/gymnastics/classroom-ttl-ico.png) no-repeat left 3px;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 2.5rem;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  #gymnastics .class-box-list-ttl {
    font-size: 1.5rem;
  }
}
#gymnastics .class-flx-name {
  margin: 20px auto 0;
  justify-content: center;
}

/* =========================================

  sub layout  all

========================================= */
/* club_about  PC
------------------------------------ */
#club_about .about {
  background: url(../img/club_about/about-l.png) no-repeat calc(50% - 566px) 102px, url(../img/club_about/about-r.png) no-repeat calc(50% + 500px) 82px, url(../img/club_about/about-lb.png) no-repeat calc(50% - 507px) calc(100% - 106px), url(../img/club_about/bg_nami.png) no-repeat center bottom/100%, url(../img/club_about/about-img.png) no-repeat right bottom/42.5%, url(../img/bg_zarazara.png);
}
#club_about .about .txt {
  padding-left: 28px;
  padding-right: 28px;
  background: url(../img/club_about/about-ttl.png) no-repeat left top;
}
#club_about .about-con {
  margin: 38px auto 0;
  text-align: center;
}
#club_about .about-ttl {
  align-items: flex-end;
}
#club_about .about-ttl-sub {
  display: inline-block;
  padding: 10px 25px;
  border-radius: 10px;
  background: #fff;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 2.4rem;
  letter-spacing: 0.08em;
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  #club_about .about-ttl-sub {
    font-size: 1.5rem;
  }
}
#club_about .about-ttl-sub .ac {
  color: #fd5951;
}
#club_about .about-txt-box {
  margin: 30px auto 0;
}
#club_about .business {
  background: url(../img/club_about/business-l.png) no-repeat calc(50% - 330px) 89px, url(../img/club_about/business-r.png) no-repeat calc(50% + 334px) 121px, url(../img/club_about/business-illu.png) no-repeat calc(50% - 620px) calc(100% - 44px);
}
#club_about .business-list {
  display: flex;
  margin: 60px auto 0;
  justify-content: space-between;
  flex-wrap: wrap;
}
#club_about .business-list-item {
  width: 100%;
  max-width: 520px;
}
#club_about .business-list-item:nth-of-type(n+3) {
  margin-top: 44px;
}
#club_about .business-list-img {
  border-radius: 10px;
}
#club_about .business-list-ttl {
  margin: 20px auto 0;
  padding: 2.5px;
  border-radius: 10px;
  background: #4385e5;
  text-align: center;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 2.5rem;
  letter-spacing: 0.06em;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #club_about .business-list-ttl {
    font-size: 1.5rem;
  }
}
#club_about .business-list-ttl .sm {
  font-size: 2rem;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  #club_about .business-list-ttl .sm {
    font-size: 1.5rem;
  }
}
#club_about .business-list-txt {
  margin: 13px auto 0;
  line-height: 1.88;
  font-size: 1.7rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  #club_about .business-list-txt {
    font-size: 1.5rem;
  }
}
#club_about .features {
  background: url(../img/bg_zarazara.png);
}
#club_about .features-ttl::before {
  margin-right: 32px;
}
#club_about .features-ttl::after {
  margin-left: 35px;
}
#club_about .features-ttl .txt {
  background: none;
  font-size: 3.6rem;
}
@media screen and (max-width: 768px) {
  #club_about .features-ttl .txt {
    font-size: 1.8rem;
  }
}
#club_about .features-video {
  width: 100%;
  max-width: 880px;
  height: 0;
  margin: 45px auto 0;
  padding-top: 520px;
  position: relative;
}
#club_about .features-list {
  margin: 85px auto 0;
}
#club_about .features-list-item {
  display: flex;
  justify-content: space-between;
}
#club_about .features-list-item:nth-of-type(n+2) {
  margin-top: 62px;
}
#club_about .features-list-item:nth-of-type(2n) {
  flex-direction: row-reverse;
}
#club_about .features-list-img {
  border: 5px solid #fff;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}
#club_about .features-list-img::before {
  content: "";
  position: absolute;
  z-index: -1;
}
#club_about .features-list-img-l::before {
  width: 226px;
  height: 316px;
  background: url(../img/club_about/features-deco-l.png) no-repeat left top/contain;
  left: -176px;
  top: -90px;
}
#club_about .features-list-img-r::before {
  width: 178px;
  height: 269px;
  background: url(../img/club_about/features-deco-r.png) no-repeat left top/contain;
  right: -157px;
  bottom: 20px;
}
#club_about .features-list-contents {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #club_about .features-list-contents {
    max-width: 520px;
  }
}
#club_about .features-list-ttl {
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 3rem;
  letter-spacing: 0.08em;
  color: #4385e5;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #club_about .features-list-ttl {
    font-size: 1.5rem;
  }
}
#club_about .features-list-txt {
  margin-top: 33px;
}
#club_about .group-table {
  margin: 60px auto 0;
}
#club_about .group-map {
  margin: 50px auto 0;
}

/* club_corporation  PC
------------------------------------ */
#club_corporation .about {
  background: url(../img/club_corporation/about-bg-kumo.png) no-repeat calc(50% - 740px) calc(100% - 235px), url(../img/club_corporation/about-rt.png) no-repeat calc(50% + 427px) 70px, url(../img/club_corporation/about-illu.png) no-repeat calc(50% - 450px) calc(100% - 178px), url(../img/bg_zarazara.png);
}
#club_corporation .about-inner {
  position: relative;
}
#club_corporation .about-txt-box {
  margin: 47px auto 0;
}
@media screen and (min-width: 768px) {
  #club_corporation .about-txt-box {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  #club_corporation .about-img li {
    position: absolute;
  }
  #club_corporation .about-img01 {
    top: 94px;
    left: -164px;
  }
  #club_corporation .about-img02 {
    top: 283px;
    right: -110px;
  }
}
#club_corporation .business-list {
  display: flex;
  margin: 50px auto 0;
  flex-wrap: wrap;
  justify-content: space-between;
}
#club_corporation .business-list-item {
  width: 100%;
  padding: 20px 20px 25px;
  background: #d7eaf3;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  #club_corporation .business-list-item {
    max-width: 520px;
  }
  #club_corporation .business-list-item:nth-of-type(n+3) {
    margin-top: 40px;
  }
}
#club_corporation .business-list-img {
  width: 100%;
  height: 0;
  padding-top: 66.6%;
  position: relative;
}
#club_corporation .business-list-ttl {
  margin: 16px auto 0;
  text-align: center;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.04em;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #club_corporation .business-list-ttl {
    font-size: 1.5rem;
  }
}

/* com-reserve  PC
------------------------------------ */
.com-reserve {
  width: 100%;
  max-width: 840px;
  margin: 100px auto 0;
  padding: 45px 0 40px;
  border: 2px solid #4385e5;
  border-radius: 10px;
  background: url(../img/club_corporation/bnr-illu-l.png) no-repeat 22px 31px, url(../img/club_corporation/bnr-illu-r.png) no-repeat calc(100% - 14px) calc(100% - 20px), url(../img/club_corporation/bnr-l.png) no-repeat -70px -24px, url(../img/club_corporation/bnr-r.png) no-repeat calc(100% + 136px) -41px;
  text-align: center;
}
.com-reserve02 {
  background: url(../img/kickers_contact/bnr-illu.png) no-repeat 24px 21px, url(../img/club_corporation/bnr-l.png) no-repeat -70px -24px, url(../img/club_corporation/bnr-r.png) no-repeat calc(100% + 136px) -41px #fff;
}
.com-reserve03 {
  background: url(../img/gymnastics_contact/bnr-illu.png) no-repeat 20px 17px, url(../img/club_corporation/bnr-l.png) no-repeat -70px -24px, url(../img/club_corporation/bnr-r.png) no-repeat calc(100% + 136px) -41px #fff;
}
.com-reserve .reserve-ttl {
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 4rem;
  letter-spacing: 0.06em;
  color: #4385e5;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .com-reserve .reserve-ttl {
    font-size: 2rem;
  }
}
.com-reserve .reserve-txt {
  margin: 14px auto 0;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 2.4rem;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  .com-reserve .reserve-txt {
    font-size: 1.5rem;
  }
}
.com-reserve .reserve-btn {
  display: flex;
  width: 100%;
  max-width: 320px;
  height: 50px;
  margin: 56px auto 0;
  border-radius: 999px;
  background: #fd5951;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  color: #fff;
  line-height: 1;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .com-reserve .reserve-btn {
    font-size: 1.5rem;
  }
}
.com-reserve .reserve-btn::before {
  content: "";
  width: 20px;
  height: 16px;
  margin-right: 11px;
  background: url(../img/club_corporation/bnr-mail.png) no-repeat center/contain;
}

/* club_coach  PC
------------------------------------ */
.com-coach .coach-box {
  margin: 50px auto 0;
  padding: 54px 0 58px;
  background: #fff;
}
.com-coach .coach-box-ttl {
  display: flex;
  padding-bottom: 14px;
  justify-content: center;
  align-items: center;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 3rem;
  letter-spacing: 0.08em;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .com-coach .coach-box-ttl {
    font-size: 1.5rem;
  }
}
.com-coach .coach-box-ttl .job {
  width: 90px;
  height: 40px;
  margin-right: 18px;
  background: #4385e5;
  border-radius: 999px;
  text-align: center;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 2.2rem;
  letter-spacing: 0.08em;
  color: #fff;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  .com-coach .coach-box-ttl .job {
    font-size: 1.5rem;
  }
}
.com-coach .coach-box-flx {
  margin: 30px auto 0;
}
.com-coach .coach-box-img {
  width: 460px;
  height: 320px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .com-coach .coach-box-con {
    max-width: 460px;
  }
}
.com-coach .coach-box-txt {
  line-height: 2;
  white-space: pre-line;
}
@media screen and (min-width: 768px) {
  .com-coach .coach-box-txt {
    max-width: 460px;
    margin-left: 40px;
  }
}
.com-coach .coach-box-list {
  max-width: 960px;
  margin: 30px auto 0;
  padding: 35px 48px 44px;
  border: 1px solid #d6cec4;
  border-radius: 10px;
}
.com-coach .coach-box-list-item {
  width: 100%;
  max-width: 416px;
}
.com-coach .coach-box-list-item table {
  margin-top: 15px;
}
.com-coach .coach-box-add-wrap {
  padding: 25px 28px 0;
}
.com-coach .coach-list {
  margin: 93px auto 0;
}
.com-coach .coach-list-item {
  width: 100%;
  max-width: 520px;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .com-coach .coach-list-item:nth-of-type(2n) {
    margin-left: 37px;
  }
  .com-coach .coach-list-item:nth-of-type(n+3) {
    margin: 40px auto 0;
  }
}
.com-coach .coach-list-img {
  width: 100%;
  height: 0;
  padding-top: 61.5%;
  position: relative;
}
.com-coach .coach-list-con {
  background: #fff;
  padding-bottom: 35px;
}
.com-coach .coach-list-ttl {
  padding: 20px 28px 15px;
  text-align: center;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 2.4rem;
  letter-spacing: 0.08em;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .com-coach .coach-list-ttl {
    font-size: 1.5rem;
  }
}
.com-coach .coach-list-txt {
  padding: 17px 28px 0;
  line-height: 1.6;
  white-space: pre-line;
}
.com-coach .coach-list-tag {
  margin-top: 12px;
  margin-right: 30px;
  justify-content: flex-end;
}
.com-coach .coach-list-tag li:last-of-type {
  margin-right: 0;
}
.com-coach .coach-tag {
  display: flex;
  margin-left: 40px;
  margin-bottom: 15px;
  align-items: center;
  flex-wrap: wrap;
}
.com-coach .coach-tag li {
  margin: 0 10px 0 0;
  padding: 5px 15px;
  color: #fff;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.6rem;
  background: #fd5951;
  border-radius: 999px;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .com-coach .coach-tag li {
    font-size: 1.5rem;
  }
}

/* club_event  PC
------------------------------------ */
#club_event .com-ttl01 {
  text-align: center;
  line-height: 1.4;
}
#club_event .event {
  background: url(../img/bg_border02.png);
}
#club_event .event-list {
  margin: 35px auto 0;
}
#club_event .event-list .event-list-item:nth-of-type(n+2) {
  margin: 40px auto 0;
}
#club_event .event-list-item {
  padding: 54px 0 40px;
  background: #fff;
}
#club_event .event-list-ttl {
  display: flex;
  padding: 0 13px 13px;
  justify-content: center;
  align-items: center;
}
#club_event .event-list-ttl-m {
  margin-right: 22px;
  padding: 10px 25px;
  background: #4385e5;
  border-radius: 999px;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 2.2rem;
  letter-spacing: 0.08em;
  line-height: 1;
  color: #fff;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  #club_event .event-list-ttl-m {
    font-size: 1.5rem;
  }
}
#club_event .event-list-ttl-ja {
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 3rem;
  letter-spacing: 0.08em;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #club_event .event-list-ttl-ja {
    font-size: 1.5rem;
  }
}
#club_event .event-list-flx {
  margin: 30px auto 0;
}
#club_event .event-list-img {
  width: 460px;
  height: 0;
  padding-top: 320px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
#club_event .event-list-con {
  width: 100%;
  max-width: 460px;
  margin-left: 40px;
}
#club_event .event-list-txt {
  line-height: 1.88;
  white-space: pre-line;
}
#club_event .event-list-link {
  padding-right: 26px;
  background: url(../img/club_event/arw.png) no-repeat right center;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.7rem;
  letter-spacing: 0.1em;
  color: #4385e5;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #club_event .event-list-link {
    font-size: 1.5rem;
  }
}
#club_event .event-list-link-wrap {
  margin-right: 60px;
  text-align: right;
}
#club_event .workshop .event-list-item {
  background-color: #d6e8f1;
}
#club_event .workshop .event-list-ttl {
  flex-direction: column;
}
#club_event .workshop .event-list-ttl-m {
  margin: 0 auto 10px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  #club_event .workshop .event-list-ttl-m {
    font-size: 1.5rem;
  }
}
#club_event .detail {
  width: 100%;
  max-width: 960px;
  margin: 33px auto 0;
}
#club_event .detail-list {
  display: flex;
  margin: 12px auto 0;
  flex-wrap: wrap;
  justify-content: center;
}
#club_event .detail-list li {
  width: 100%;
  max-width: 470px;
  height: 0;
  padding-top: 320px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  #club_event .detail-list li:nth-of-type(2n) {
    margin-left: 20px;
  }
  #club_event .detail-list li:nth-of-type(n+3) {
    margin-top: 20px;
  }
}

/* kickers_contact  PC
------------------------------------ */
.com-about-sub {
  background: url(../img/kickers_contact/about-l.png) no-repeat calc(50% - 554px) 102px, url(../img/kickers_contact/about-r.png) no-repeat calc(50% + 522px) 82px, url(../img/kickers_contact/about-illu-l.png) no-repeat calc(50% - 385px) calc(100% - 100px), url(../img/kickers_contact/about-illu-r.png) no-repeat calc(50% + 373px) calc(100% - 112px), url(../img/bg_zarazara.png);
  position: relative;
}
.com-about-sub.about-bg {
  background: url(../img/kickers_contact/about-l.png) no-repeat calc(50% - 554px) 102px, url(../img/kickers_about/about-r.png) no-repeat calc(50% + 522px) 82px, url(../img/bg_zarazara.png);
}
.com-about-sub .about-ttl::before {
  margin-right: 10px;
}
.com-about-sub .about-ttl::after {
  margin-left: 10px;
}
.com-about-sub .about-ttl .txt {
  padding: 25px 25px 0;
  background: url(../img/club_about/about-ttl.png) no-repeat left top;
}
.com-about-sub .about-txt {
  margin: 45px auto 0;
  text-align: center;
}
.com-about-sub .about-list {
  margin: 40px auto 0;
}
.com-about-sub .about-list-item {
  padding: 35px 68px;
  border-radius: 10px;
  background: #fff;
}
.com-about-sub .about-list-item:nth-of-type(n+2) {
  margin: 20px auto 0;
}
.com-about-sub .about-list-ttl {
  background-image: url(../img/kickers_about/ball.png);
  color: #4385e5;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .com-about-sub .about-list-ttl {
    font-size: 1.5rem;
  }
}
.com-about-sub .about-list-vision {
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 1.7rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .com-about-sub .about-list-vision {
    font-size: 1.5rem;
  }
}
.com-about-sub .about-list-vision .ac {
  color: #fd5951;
  font-size: 2.2rem;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .com-about-sub .about-list-vision .ac {
    font-size: 1.5rem;
  }
}
.com-about-sub .about-list-vision-wrap {
  margin-top: 18px;
}
.com-about-sub .about-list-txt {
  margin-top: 20px;
}
.com-about-sub .about-list-dl {
  margin: 20px auto 0;
  background-position: left top;
}
.com-about-sub .about-list-dl div {
  display: flex;
  padding: 20px 0;
  align-items: center;
}
.com-about-sub .about-list-dl dt {
  width: 80px;
  height: 80px;
  margin-right: 50px;
  border-radius: 50%;
  line-height: 76px;
  border: 2px solid;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 3.6rem;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .com-about-sub .about-list-dl dt {
    font-size: 1.8rem;
  }
}
.com-about-sub .about-list-dt01 {
  color: #fd5951;
}
.com-about-sub .about-list-dt02 {
  color: #4385e5;
}
.com-about-sub .about-list-dt03 {
  color: #ffc933;
}
.com-about-sub .about-list dd {
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 1.7rem;
  letter-spacing: 0.04em;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .com-about-sub .about-list dd {
    font-size: 1.5rem;
  }
}
.com-about-sub .illu01 {
  position: relative;
}
.com-about-sub .illu01::before {
  content: "";
  width: 245px;
  height: 137px;
  background: url(../img/kickers_about/about-illu01.png) no-repeat center/contain;
  position: absolute;
  right: -50px;
  bottom: -6px;
}
.com-about-sub .illu02 {
  position: relative;
}
.com-about-sub .illu02::before {
  content: "";
  width: 181px;
  height: 247px;
  background: url(../img/kickers_about/about-illu02.png) no-repeat center/contain;
  position: absolute;
  right: -95px;
  bottom: -9px;
}

.com-ex {
  background: url(../img/kickers_contact/belongings-l.png) no-repeat calc(50% - 469px) calc(100% - 94px), url(../img/kickers_contact/belongings-r.png) no-repeat calc(50% + 452px) calc(100% - 87px);
}
.com-ex .txt {
  padding: 0 20px;
  background: none;
}
.com-ex .ex-list {
  width: 100%;
  max-width: 660px;
  margin: 53px auto 0;
}
.com-ex .ex-list-item {
  display: flex;
  padding: 14px 24px;
  background-color: #d8eaf4;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.04em;
  border-radius: 10px;
  color: #40240b;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .com-ex .ex-list-item {
    font-size: 1.5rem;
  }
}
.com-ex .ex-list-item::before {
  content: "";
  width: 23px;
  height: 24px;
  margin-right: 10px;
  background: url(../img/club_coach/star.png) no-repeat left top/contain;
}
.com-ex .ex-list-item:nth-of-type(n+2) {
  margin: 10px auto 0;
}

.com-areatime.areatime-sub {
  background: url(../img/bg_zarazara.png);
}
.com-areatime .areatime-list {
  margin: 52px auto 0;
  padding: 35px 70px;
  background: #fff;
  border-radius: 10px;
}
.com-areatime .areatime-list-item {
  padding-bottom: 15px;
}
.com-areatime .areatime-list-item:nth-of-type(n+2) {
  margin-top: 20px;
}
.com-areatime .areatime-list-item ul:nth-of-type(n+2) {
  margin-top: 0;
}
.com-areatime .areatime-list-ttl {
  color: #4385e5;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .com-areatime .areatime-list-ttl {
    font-size: 1.5rem;
  }
}
.com-areatime .areatime-detail {
  display: flex;
  margin-top: 10px;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .com-areatime .areatime-detail li:nth-of-type(1) {
    min-width: 243px;
  }
}
.com-areatime .areatime-detail-item {
  display: flex;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 1.7rem;
  letter-spacing: 0.04em;
  line-height: 1.76;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .com-areatime .areatime-detail-item {
    font-size: 1.5rem;
  }
}
.com-areatime .areatime-detail-item::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-top: 3px;
  margin-right: 14px;
}
.com-areatime .areatime-detail-item.time::before {
  background: url(../img/kickers_contact/time-ico.png) no-repeat center/contain;
}
.com-areatime .areatime-detail-item.area::before {
  background: url(../img/kickers_contact/area-ico.png) no-repeat center/contain;
}
.com-areatime .areatime-img {
  width: 100%;
  max-width: 620px;
  margin: 50px auto 0;
  position: relative;
}
.com-areatime .areatime-img::before {
  content: "";
  width: 337px;
  height: 250px;
  background: url(../img/kickers_contact/time-illu.png) no-repeat left top/contain;
  position: absolute;
  left: -392px;
  bottom: 33px;
}

/* kickers_about  PC
------------------------------------ */
#kickers_about .please-ttl {
  text-align: center;
  line-height: 1.44;
}
#kickers_about .please-list {
  display: flex;
  margin: 70px auto 0;
  flex-wrap: wrap;
  justify-content: center;
}
#kickers_about .please-list-item {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #kickers_about .please-list-item {
    width: 395px;
  }
  #kickers_about .please-list-item:nth-of-type(2n) {
    margin-left: 60px;
  }
  #kickers_about .please-list-item:nth-of-type(n+3) {
    margin-top: 45px;
  }
}
#kickers_about .please-list-ttl {
  margin: 20px auto 0;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.04em;
  line-height: 2.1;
}
@media screen and (max-width: 768px) {
  #kickers_about .please-list-ttl {
    font-size: 1.5rem;
  }
}
#kickers_about .please-list-ttl .ac {
  color: #fd5951;
}
#kickers_about .please-list-txt {
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  #kickers_about .please-list-txt {
    font-size: 1.5rem;
  }
}
#kickers_about .please-box {
  width: 100%;
  max-width: 980px;
  margin: 48px auto 0;
  padding: 40px 62px 46px;
  background: #fff;
  text-align: center;
  position: relative;
}
#kickers_about .please-box::before {
  content: "";
  width: 102px;
  height: 258px;
  background: url(../img/kickers_about/note-illu.png) no-repeat center/contain;
  position: absolute;
  right: -60px;
  bottom: 0;
}

.com-features .features-list {
  margin: 62px auto 0;
}
.com-features .features-list-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.com-features .features-list-item:nth-of-type(n+2) {
  margin: 34px auto 0;
}
.com-features .features-list-con {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .com-features .features-list-con {
    max-width: 620px;
  }
}
.com-features .features-list-ttl .num {
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 4rem;
  letter-spacing: 0.02em;
  line-height: 1;
  color: #fd5951;
}
@media screen and (max-width: 768px) {
  .com-features .features-list-ttl .num {
    font-size: 2rem;
  }
}
.com-features .features-list-ttl .txt {
  margin-top: 5px;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 2.8rem;
  letter-spacing: 0.08em;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .com-features .features-list-ttl .txt {
    font-size: 1.5rem;
  }
}
.com-features .features-list-txt {
  margin: 10px auto 0;
  font-size: 1.7rem;
  letter-spacing: 0.04em;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .com-features .features-list-txt {
    font-size: 1.5rem;
  }
}

/* kickers_coach  PC
------------------------------------ */
#kickers_coach .com-coach {
  background: url(../img/bg_zarazara.png);
}
#kickers_coach .recruit-txt {
  margin: 45px auto 0;
  text-align: center;
}
#kickers_coach .recruit-ttl-sub {
  max-width: 442px;
  height: 75px;
  margin: 30px auto 0;
  padding-top: 2px;
  background: url(../img/kickers_coach/coach-rbn.png) no-repeat center top/contain;
  text-align: center;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 2.4rem;
  letter-spacing: 0.04em;
  color: #fff;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #kickers_coach .recruit-ttl-sub {
    font-size: 1.5rem;
  }
}
#kickers_coach .recruit-list {
  display: flex;
  width: 100%;
  max-width: 920px;
  margin: -37px auto 0;
  padding: 64px 0 42px;
  border: 1px solid #d6cec4;
  border-radius: 10px;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}
#kickers_coach .recruit-list::before {
  content: "";
  width: 85px;
  height: 215px;
  background: url(../img/kickers_coach/coach-illu.png) no-repeat center/contain;
  position: absolute;
  right: -55px;
  bottom: 0;
}
#kickers_coach .recruit-list-item {
  width: 100%;
  max-width: 390px;
}
@media screen and (min-width: 768px) {
  #kickers_coach .recruit-list-item:nth-of-type(2n) {
    margin-left: 40px;
  }
  #kickers_coach .recruit-list-item:nth-of-type(n+3) {
    margin-top: 25px;
  }
}
#kickers_coach .recruit-list-ttl {
  display: flex;
  padding-bottom: 10px;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.04em;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #kickers_coach .recruit-list-ttl {
    font-size: 1.5rem;
  }
}
#kickers_coach .recruit-list-ttl::before {
  content: "";
  width: 23px;
  height: 24px;
  margin-right: 11px;
  background: url(../img/club_coach/star.png) no-repeat center/contain;
}
#kickers_coach .guide-table {
  margin: 50px auto 0;
}
@media screen and (min-width: 768px) {
  #kickers_coach .guide-table th {
    width: 285px;
  }
}

/* com-price  PC
------------------------------------ */
.com-price .price-list {
  margin: 50px auto 0;
}
.com-price .price-list-item:nth-of-type(n+2) {
  margin: 40px auto 0;
}
.com-price .price-list-table {
  width: 100%;
  background: #fff;
}
.com-price .price-list-table-wrap {
  border-radius: 10px;
  overflow: hidden;
}
.com-price .price-list-table tr:nth-of-type(n+2) th, .com-price .price-list-table tr:nth-of-type(n+2) td {
  border-top: 1px dashed #d6cec4;
}
.com-price .price-list-table tr:nth-of-type(n+2) th {
  background-color: #4385e5;
}
.com-price .price-list-table th, .com-price .price-list-table td {
  padding: 13px 30px;
  vertical-align: middle;
}
.com-price .price-list-table th {
  width: 460px;
  background: #4385e5;
  color: #fff;
  text-align: center;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.7rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .com-price .price-list-table th {
    font-size: 1.5rem;
  }
}
.com-price .price-list-table td {
  text-align: right;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.7rem;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .com-price .price-list-table td {
    font-size: 1.5rem;
  }
}
.com-price .price-list-table-lg tr:nth-of-type(2) th, .com-price .price-list-table-lg tr:nth-of-type(2) td {
  background-image: none;
  border-top: none;
}
.com-price .price-list-table-lg tr th:nth-of-type(n+2), .com-price .price-list-table-lg tr td:nth-of-type(n+2) {
  border-left: 1px solid #d6cec4;
}
.com-price .price-list-table-lg th, .com-price .price-list-table-lg td {
  width: 33%;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .com-price .price-list-table-lg th, .com-price .price-list-table-lg td {
    padding: 12px 30px;
  }
}
.com-price .price-list-ttl {
  font-size: 2.4rem;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  .com-price .price-list-ttl {
    font-size: 1.5rem;
  }
}
.com-price .price-list-ttl {
  margin-bottom: 15px;
}
.com-price .price-list-note {
  margin: 13px auto 0;
}

/* brite_contact  PC
------------------------------------ */
#brite_contact .about {
  background: url(../img/brite_contact/about-l.png) no-repeat calc(50% - 458px) 102px, url(../img/brite_contact/about-rt.png) no-repeat calc(50% + 522px) 82px, url(../img/brite_contact/about-r.png) no-repeat calc(50% + 411px) calc(100% - 95px), url(../img/bg_zarazara.png);
}
#brite_contact .about-ttl .txt {
  background-image: url(../img/about-ttl.png);
  background-repeat: no-repeat;
}
#brite_contact .about-txt {
  margin: 35px auto 0;
  text-align: center;
}
#brite_contact .about-txt .ac {
  color: #fd5951;
}
#brite_contact .areatime-list-item {
  background: none;
}

/* brite_about  PC
------------------------------------ */
#brite_about .com-ex {
  background: url(../img/brite_about/grow.png) no-repeat calc(50% - 50px) calc(100% - 98px);
}
#brite_about .com-ex .ac {
  font-size: 3.8rem;
}
@media screen and (max-width: 768px) {
  #brite_about .com-ex .ac {
    font-size: 1.9rem;
  }
}
#brite_about .com-ex .sm {
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  #brite_about .com-ex .sm {
    font-size: 1.6rem;
  }
}

.com-voice .voice-list {
  margin: 60px auto 0;
}
.com-voice .voice-list-item:nth-of-type(n+2) {
  margin-top: 75px;
}
.com-voice .voice-list-img {
  width: 100%;
  max-width: 510px;
  height: 0;
  border-radius: 10px;
  overflow: hidden;
  padding-top: 320px;
  position: relative;
}
.com-voice .voice-list-flx02 {
  margin: 28px auto 0;
}
.com-voice .voice-list-con {
  width: 100%;
  padding: 30px 26px;
  background: #fff;
  border-radius: 10px;
  position: relative;
}
.com-voice .voice-list-con::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  border-width: 16px 20px 16px 0px;
  position: absolute;
  left: -20px;
  top: 52px;
}
@media screen and (min-width: 768px) {
  .com-voice .voice-list-con {
    max-width: 510px;
  }
}
.com-voice .voice-list-con02 {
  max-width: 815px;
}
.com-voice .voice-list-con02::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 16px 0px 16px 20px;
  left: auto;
  right: -20px;
}
.com-voice .voice-list-con02 .voice-list-ttl {
  font-size: 2.6rem;
}
@media screen and (max-width: 768px) {
  .com-voice .voice-list-con02 .voice-list-ttl {
    font-size: 1.5rem;
  }
}
.com-voice .voice-list-ttl {
  background-position: 10px center;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 3rem;
  letter-spacing: 0.04em;
  color: #4385e5;
}
@media screen and (max-width: 768px) {
  .com-voice .voice-list-ttl {
    font-size: 1.5rem;
  }
}
.com-voice .voice-list-ttl .num {
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 2.4rem;
  letter-spacing: 0.04em;
  color: #40240b;
}
@media screen and (max-width: 768px) {
  .com-voice .voice-list-ttl .num {
    font-size: 1.5rem;
  }
}
.com-voice .voice-list-txt {
  margin: 18px 0 0 10px;
  line-height: 1.88;
  white-space: pre-line;
}

/* brite_class  PC
------------------------------------ */
#brite_time .areatime-list-item {
  background: none;
}

@media screen and (min-width: 768px) {
  .com-classroom .class-ttl::before {
    margin-right: 30px;
  }
  .com-classroom .class-ttl::after {
    margin-left: 30px;
  }
}
.com-classroom .class-table {
  margin: 30px auto 0;
}
@media screen and (min-width: 768px) {
  .com-classroom .class-table th {
    width: 280px;
  }
}
.com-classroom .txt {
  background: none;
}

/* gymnastics_contact  PC
------------------------------------ */
#gymnastics_contact .about {
  background: url(../img/gymnastics_contact/about-l.png) no-repeat calc(50% - 450px) 93px, url(../img/gymnastics_contact/about-r.png) no-repeat calc(50% + 450px) 82px, url(../img/gymnastics_contact/about-illu-l.png) no-repeat calc(50% - 450px) calc(100% - 110px), url(../img/gymnastics_contact/about-illu-r.png) no-repeat calc(50% + 450px) calc(100% - 125px), url(../img/bg_zarazara.png);
}
#gymnastics_contact .about-ttl .txt {
  padding-left: 23px;
  padding-right: 23px;
  background: url(../img/about-ttl.png) no-repeat calc(50% - 90px) top, url(../img/gymnastics_contact/grow.png) no-repeat calc(100% - 15px) 76px;
}
#gymnastics_contact .about-star {
  margin: 35px auto 0;
  width: 100%;
  max-width: 660px;
  margin: 53px auto 0;
}
#gymnastics_contact .about-star li {
  display: flex;
  padding: 14px 0 14px 24px;
  background-color: #fff;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.04em;
  border-radius: 10px;
  color: #40240b;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #gymnastics_contact .about-star li {
    font-size: 1.5rem;
  }
}
#gymnastics_contact .about-star li::before {
  content: "";
  width: 23px;
  height: 24px;
  margin-right: 10px;
  background: url(../img/club_coach/star.png) no-repeat left top/contain;
}
#gymnastics_contact .about-star li:nth-of-type(n+2) {
  margin: 10px auto 0;
}
#gymnastics_contact .about-txt {
  margin: 45px auto 0;
  text-align: center;
}

/* gymnastics_about  PC
------------------------------------ */
#gymnastics_about .about-list-ttl {
  background-image: url(../img/gymnastics_about/hosi.png);
}
@media screen and (min-width: 768px) {
  #gymnastics_about .about-list-ttl {
    padding-left: 50px;
  }
}
#gymnastics_about .illu01::before {
  background: url(../img/gymnastics_about/illu.png) no-repeat center/contain;
}
@media screen and (min-width: 768px) {
  #gymnastics_about .illu01::before {
    width: 231px;
    height: 211px;
    right: -100px;
    bottom: -15px;
  }
}
#gymnastics_about .features-ttl .txt {
  padding: 0 30px;
  background: none;
  font-size: 3.8rem;
}
@media screen and (max-width: 768px) {
  #gymnastics_about .features-ttl .txt {
    font-size: 1.9rem;
  }
}
#gymnastics_about .features-list-item:nth-of-type(2n) {
  flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  #gymnastics_about .features-list-con {
    max-width: 590px;
  }
}

/* gymnastics_class  PC
------------------------------------ */
#gymnastics_class .classroom02 th, #gymnastics_class .classroom02 td {
  background-color: #d8eaf3;
}

/* news  PC
------------------------------------ */
#news .news-post {
  margin: 30px auto 0;
}
#news .detail .news-box {
  border-radius: 10px;
  background: url(../img/bg_zarazara.png);
}
#news .detail .news-post-flx {
  justify-content: flex-end;
}/*# sourceMappingURL=all.css.map */