:root {
  --fs-sectionTtl2: 3.75rem;
}

@media screen and (min-width: 769px) {
  :root {
    --fs-sectionTtl2: 7.5rem;
  }
}
/*========= Container =========

.Container.-small {
  max-width: 1000px;
}
*/
/*========= tool =========*/
@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
}
.marker-yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #ffec56));
  background: linear-gradient(transparent 70%, #ffec56 70%);
}

.-serif {
  font-family: "Noto Serif JP", serif;
  line-height: 1.5;
  font-weight: 500;
}

.-cormorant {
  font-family: "Cormorant Infant", serif;
}

.-bold {
  font-weight: 700;
}

.-notice {
  font-size: 12px !important;
  color: #8CA0A5;
}
.-notice li {
  margin-bottom: 1.5em;
  text-indent: -1em;
  padding-left: 1em;
}

.-blue {
  color: #0287D2;
}

.-pink {
  color: #D03086;
}

.-fw6 {
  font-weight: 600;
}

.PageSection__title {
  font-size: var(--fs-sectionTtl2);
}

.headBox {
  text-align: center;
}

.mb20 {
  margin-bottom: 20px;
}

/*.right {
  text-align: right;
}

.mt0 {
  margin-top: 0;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 5px;
}*/
/*p.HeroArea__logo {
  letter-spacing: 0.96px;
  @media screen and (min-width: 769px) {
      margin-bottom: 24px;
      letter-spacing: 1.6px;
  }
}*/
.cv-btn {
  width: 403px;
  height: 90px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #225481;
  color: white;
  border-radius: 90px;
  transition: background-color 0.3s;
}
@media screen and (max-width: 768px) {
  .cv-btn {
    width: 84vw;
    height: 18.4vw;
    font-size: 4vw;
    border-radius: 18.4vw;
  }
}
.cv-btn span:first-child {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .cv-btn span:first-child {
    font-size: 4.5333333333vw;
  }
}
.cv-btn:hover {
  background-color: #0087D2;
}
.cv-btn.btn-bbp {
  background-color: #0287D2;
}
.cv-btn.btn-bbp:hover {
  background-color: #4cace0;
}
.cv-btn.-fixed {
  width: 45.3333333333vw;
  height: 14.6666666667vw;
  font-size: 4vw;
  border-radius: 14.6666666667vw;
  line-height: 1.2;
}

.btnWrapper {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .btnWrapper {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
}
.btnWrapper > * {
  margin: 0 18px;
}

p.HeroArea__logo {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  /*@media (min-width: 769px) and (max-width: 1024px) {
      justify-content: center;
  }*/
}
p.HeroArea__logo *:first-child {
  margin-right: 5px;
  width: 82px;
}
@media screen and (min-width: 769px) {
  p.HeroArea__logo *:first-child {
    width: 135px;
  }
}
p.HeroArea__logo span.Text.-small.-bold {
  font-size: 2.6666666667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.56px;
}
@media screen and (min-width: 769px) {
  p.HeroArea__logo span.Text.-small.-bold {
    font-size: 22px;
    letter-spacing: 0.8px;
  }
}
p.HeroArea__logo svg {
  width: 2.5333333333vw;
  height: -moz-fit-content;
  height: auto;
}
@media screen and (min-width: 769px) {
  p.HeroArea__logo svg {
    width: 19px;
  }
}

/*p.HeroArea__logo {

  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  @media screen and (min-width: 769px){
      font-size: 14px;
  }
  svg {
      width: 16px;
      @media screen and (min-width: 769px){
          font-size: 20px;
      }
  }
}*/
/*========= HeroArea =========*/
.HeroArea.-lp {
  min-height: auto;
  height: auto;
}
@media screen and (min-width: 769px) {
  .HeroArea.-lp {
    min-height: auto;
  }
}
.HeroArea.-lp .HeroArea__main {
  padding-top: 0;
}
.HeroArea.-lp .HeroArea__main::before, .HeroArea.-lp .HeroArea__main::after {
  display: none;
}
.HeroArea.-lp .HeroArea__bgImage {
  height: auto;
  position: inherit;
  top: inherit;
  left: inherit;
}
.HeroArea.-lp .HeroArea__bgImage img {
  height: auto;
}
.HeroArea.-lp .HeroArea__info {
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  max-width: 1144px;
  margin: 0px auto auto;
  padding-top: 8vw;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .HeroArea.-lp .HeroArea__info {
    left: 5.7692307692vw;
    transform: translate(0, 0);
    justify-content: center;
    padding-top: 0;
  }
  .HeroArea.-lp .HeroArea__info > * {
    width: 50vw;
  }
}
.HeroArea.-lp .HeroArea__catch {
  font-size: 4.2666666667vw;
  color: #0287D2;
  background-color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 0.45em 0.8em;
  letter-spacing: 2px;
  margin: 0 0 2.6666666667vw;
}
@media screen and (min-width: 769px) {
  .HeroArea.-lp .HeroArea__catch {
    margin: 0 0 30px;
    font-size: 2.1538461538vw;
  }
}
.HeroArea.-lp .HeroArea_tit {
  line-height: calc(1.5em + 6px);
  font-size: 5.3333333333vw;
  letter-spacing: 1.6px;
  font-weight: 600;
  font-family: "Noto Serif JP", serif;
}
.HeroArea.-lp .HeroArea_tit strong {
  font-size: 6.9333333333vw;
  color: white;
}
.HeroArea.-lp .HeroArea_tit strong span {
  font-size: 8.2666666667vw;
}
@media screen and (min-width: 769px) {
  .HeroArea.-lp .HeroArea_tit {
    font-size: 2.9230769231vw;
  }
  .HeroArea.-lp .HeroArea_tit strong {
    font-size: 3.0769230769vw;
  }
  .HeroArea.-lp .HeroArea_tit strong span {
    font-size: 3.8461538462vw;
  }
}

/*========= aboutSection =========*/
.aboutSection {
  padding: 10.6666666667vw 4vw 0;
  /*background-image: url("https://www.bizmates.jp/coaching/all/img/about_bg.png");
  background-size: calc(100vw *(118 / 750)) auto;*/
}
@media screen and (min-width: 769px) {
  .aboutSection {
    background-size: 118px auto;
    padding: 60px 0 0 5.384vw;
  }
}
.aboutSection .aboutSection__box {
  display: flex;
  width: 100%;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .aboutSection .aboutSection__box {
    flex-direction: column-reverse;
  }
}
.aboutSection .aboutSection__avatar {
  width: 72.6666666667vw;
}
@media screen and (min-width: 769px) {
  .aboutSection .aboutSection__avatar {
    width: 41.923vw;
    margin-right: 5.384vw;
  }
}
@media screen and (max-width: 768px) {
  .aboutSection .aboutSection__contentc {
    margin-bottom: 8vw;
  }
}
.aboutSection .aboutSection__contentc p {
  font-size: 26px;
  font-weight: 600;
  line-height: 2;
}
.aboutSection .aboutSection__contentc p strong {
  font-weight: 700;
  color: #141821;
}
.aboutSection .aboutSection__contentc p .openingSentence {
  font-size: 34px;
}
@media screen and (max-width: 768px) {
  .aboutSection .aboutSection__contentc p {
    text-align: center;
    font-size: 4.2666666667vw;
  }
  .aboutSection .aboutSection__contentc p .openingSentence {
    font-size: 5.6vw;
  }
}

/*========= plan =========*/
.planSection {
  /*.-bc {
    .planSection__lead {

    }
  }*/
}
.planSection .PageSection__title {
  text-align: center;
}
.planSection .PageSection__lead {
  text-align: center;
  font-size: 4.2666666667vw;
  font-weight: 600;
  margin-top: 3.7333333333vw;
}
@media screen and (min-width: 769px) {
  .planSection .PageSection__lead {
    font-size: 32px;
    margin-top: 32px;
  }
}
.planSection .PageSection__lead strong {
  font-size: 4.8vw;
  border: solid 1px #0287D2;
  margin: 0 0.2em;
}
@media screen and (min-width: 769px) {
  .planSection .PageSection__lead strong {
    font-size: 36px;
  }
}
.planSection .SwitchArea__buttons {
  gap: 2.3%;
}
@media screen and (max-width: 768px) {
  .planSection .SwitchArea__buttons {
    width: calc(100% - 1.33vw);
    gap: 0.6666666667vw;
  }
}
.planSection .SwitchArea__button {
  background-color: #F4F4F4;
  border-bottom-width: 2px;
  border-bottom-color: #0087D2;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #141821;
}
.planSection .SwitchArea__button.-active {
  background-color: #F2F8FC;
  border-width: 2px;
}
.planSection .SwitchArea__button span:first-child {
  display: inline-block;
  position: relative;
  font-size: 2.9333333333vw;
  margin-bottom: 10px;
}
@media screen and (min-width: 769px) {
  .planSection .SwitchArea__button span:first-child {
    font-size: 22px;
  }
  .planSection .SwitchArea__button span:first-child:before, .planSection .SwitchArea__button span:first-child:after {
    width: 30px;
    height: 2px;
    display: inline-block;
    content: "";
    background-color: #141821;
    vertical-align: middle;
  }
  .planSection .SwitchArea__button span:first-child:before {
    transform: translate(-10%, -80%) rotate(65deg);
  }
  .planSection .SwitchArea__button span:first-child:after {
    transform: translate(10%, -80%) rotate(-65deg);
  }
}
@media screen and (min-width: 769px) {
  .planSection .SwitchArea__button {
    padding: 20px 16px;
  }
}
@media screen and (max-width: 768px) {
  .planSection .SwitchArea__button1 img {
    width: 33.4666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .planSection .SwitchArea__button2 img {
    width: 16vw;
  }
}
.planSection .SwitchArea.-full .SwitchArea__panels {
  background-color: #F2F8FC;
  border-top-width: 2px;
  margin-top: -2px;
  padding-bottom: 100px;
}
.planSection .SwitchArea__panelBody {
  margin-top: 8.6666666667vw;
}
@media screen and (min-width: 769px) {
  .planSection .SwitchArea__panelBody {
    margin-top: 80px;
  }
}
.planSection .planSection__lead {
  text-align: center;
  font-size: 4.8vw;
  line-height: 2.2;
  margin-bottom: 6.1333333333vw;
  color: #225481;
}
@media screen and (min-width: 769px) {
  .planSection .planSection__lead {
    font-size: 32px;
    margin-bottom: 35px;
  }
}
.planSection .planSection__lead span {
  background-color: white;
  padding: 0.1em 0.2em 0.2em;
}
.planSection .planSection__ttl {
  font-size: 5.6vw;
  font-weight: 600;
  text-align: center;
  color: #141821;
}
.planSection .planSection__ttl strong {
  font-size: 7.2vw;
  color: #141821;
}
@media screen and (min-width: 769px) {
  .planSection .planSection__ttl {
    font-size: 32px;
  }
  .planSection .planSection__ttl strong {
    font-size: 40px;
  }
}
.planSection .planSection__heading {
  font-size: 4.8vw;
  font-weight: 600;
  text-align: center;
  margin-bottom: 8vw;
}
.planSection .planSection__heading span {
  background-color: #FFEB56;
  padding: 0 0.2em;
}
@media screen and (max-width: 768px) {
  .planSection .planSection__heading span {
    line-height: 1.8em;
  }
}
@media screen and (min-width: 769px) {
  .planSection .planSection__heading {
    font-size: 32px;
    margin-bottom: 50px;
  }
}
.planSection .contBox {
  background-color: white;
  padding: 6.6666666667vw 5.3333333333vw;
}
@media screen and (min-width: 769px) {
  .planSection .contBox {
    padding: 50px 42px;
  }
}
.planSection .targetUser {
  background-color: #225481;
  border-radius: 10px;
  color: #fff;
  display: flex;
  margin-bottom: 6.6666666667vw;
}
@media screen and (max-width: 768px) {
  .planSection .targetUser {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 769px) {
  .planSection .targetUser {
    margin-bottom: 50px;
  }
}
.planSection .targetUser > * {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .planSection .targetUser > * {
    min-height: 207px;
  }
}
.planSection .targetUser .targetUser__head {
  padding: 3.3333333333vw 1.3333333333vw;
}
.planSection .targetUser .targetUser__head span {
  border-bottom: solid 3px white;
  padding: 0 0 0.2em;
  font-size: 4.8vw;
}
@media screen and (min-width: 769px) {
  .planSection .targetUser .targetUser__head {
    width: 26.9%;
    justify-content: center;
    align-items: flex-end;
    padding: 12px;
  }
  .planSection .targetUser .targetUser__head span {
    font-size: 32px;
  }
}
.planSection .targetUser .targetUser__icon {
  width: 17.6%;
  justify-content: flex-end;
}
.planSection .targetUser .targetUser__list {
  padding: 0 5.3333333333vw 5.3333333333vw;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .planSection .targetUser .targetUser__list {
    width: 55.5%;
    padding: 10px 40px;
  }
}
.planSection .targetUser .targetUser__list svg {
  margin-right: 15px;
  vertical-align: middle;
}
.planSection .targetUser .targetUser__list ul li {
  font-size: 4vw;
  font-weight: 500;
  margin: 1.0666666667vw 0;
  position: relative;
  padding-left: 8.6666666667vw;
}
.planSection .targetUser .targetUser__list ul li svg {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 20%);
}
@media screen and (max-width: 768px) {
  .planSection .targetUser .targetUser__list ul li svg {
    width: 4.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .planSection .targetUser .targetUser__list ul li {
    font-size: 20px;
    margin: 15px 0;
    padding-left: 45px;
  }
}
.planSection .planFeatures {
  display: flex;
  justify-content: space-between;
  margin-top: 2vw;
  margin-bottom: 8.6666666667vw;
}
@media screen and (max-width: 768px) {
  .planSection .planFeatures {
    flex-direction: column;
    gap: 3.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .planSection .planFeatures {
    margin-top: 32px;
    margin-bottom: 65px;
  }
}
.planSection .planFeatures > * {
  width: 100%;
  border: solid 1px #225481;
  background-color: white;
  padding: 15px 20px 25px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .planSection .planFeatures > * {
    width: 32.258%;
    padding: 15px 20px 25px;
  }
}
.planSection .planFeatures .planFeatures_label {
  line-height: 1.45;
  font-size: 20px;
  font-weight: 500;
  color: #141821;
  margin-bottom: 0.8em;
}
@media screen and (max-width: 768px) {
  .planSection .planFeatures .planFeatures_label {
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 4.2666666667vw;
    color: #0287D2;
    margin-bottom: 0.5em;
  }
}
@media screen and (max-width: 768px) {
  .planSection .planFeatures .planFeatures_label span {
    display: block;
  }
}
.planSection .planFeatures .planFeatures_label span:first-child {
  font-size: 10.6666666667vw;
  font-weight: 600;
  color: #225481;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .planSection .planFeatures .planFeatures_label span:first-child {
    margin-right: 2.9333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .planSection .planFeatures .planFeatures_label span:first-child {
    display: block;
    font-size: 60px;
  }
}
.planSection .planFeatures .planFeatures_text {
  text-align: left;
  line-height: 1.75;
  font-size: 16px;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .planSection .planFeatures .planFeatures_text {
    flex: 1;
    margin-bottom: 0;
    font-size: 3.2vw;
  }
}
.planSection .planFeatures .planFeatures_icon {
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .planSection .planFeatures .planFeatures_icon {
    margin-left: 5.3333333333vw;
    margin-top: 0;
  }
  .planSection .planFeatures .planFeatures_icon.planFeatures_icon1-1 {
    width: 22.5333333333vw;
  }
  .planSection .planFeatures .planFeatures_icon.planFeatures_icon2-1 {
    width: 31.2vw;
  }
  .planSection .planFeatures .planFeatures_icon.planFeatures_icon2 {
    width: 20.6666666667vw;
  }
  .planSection .planFeatures .planFeatures_icon.planFeatures_icon3 {
    width: 21.6vw;
  }
  .planSection .planFeatures .planFeatures_icon img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .planSection .planFeatures .inBox {
    display: flex;
    align-items: center;
  }
}
.planSection .planCase h3 {
  font-size: 7.2vw;
  font-weight: 600;
  text-align: center;
  margin-bottom: 4.2666666667vw;
}
@media screen and (min-width: 769px) {
  .planSection .planCase h3 {
    font-size: 40px;
    margin-bottom: 35px;
  }
}
.planSection .planCase .planCase_userCase {
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .planSection .planCase .planCase_userCase {
    flex-direction: column;
  }
}
.planSection .planCase .planCase_userCase .planCase_userCase_user {
  position: relative;
  width: 28.9%;
  background-color: #F2F8FC;
  border-radius: 14px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 10px;
}
@media screen and (max-width: 768px) {
  .planSection .planCase .planCase_userCase .planCase_userCase_user {
    width: 100%;
    flex-direction: row;
    align-items: center;
    margin-bottom: 50px;
    text-align: left;
  }
  .planSection .planCase .planCase_userCase .planCase_userCase_user > *:nth-child(1) {
    width: 40%;
  }
  .planSection .planCase .planCase_userCase .planCase_userCase_user > *:nth-child(1) img {
    width: 20.6666666667vw;
  }
  .planSection .planCase .planCase_userCase .planCase_userCase_user > *:nth-child(2) {
    width: 60%;
  }
}
.planSection .planCase .planCase_userCase .planCase_userCase_user:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 20px solid #141821;
  border-right: 0;
  position: absolute;
  top: 50%;
  right: -8.65%;
  transform: translate(100%, -50%);
  margin-left: 8.65%;
}
@media screen and (max-width: 768px) {
  .planSection .planCase .planCase_userCase .planCase_userCase_user:after {
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-top: 18px solid #141821;
    border-bottom: 0;
    top: 100%;
    right: 50%;
    transform: translate(50%, 14px);
    margin-left: 0;
  }
}
.planSection .planCase .planCase_userCase .planCase_userCase_user .planCase_userCase__label {
  font-size: 24px;
  line-height: 1.458;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .planSection .planCase .planCase_userCase .planCase_userCase_user .planCase_userCase__label {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .planSection .planCase .planCase_userCase .planCase_userCase_user .userplofile {
    display: flex;
    align-items: center;
    gap: 5px;
  }
}
.planSection .planCase .planCase_userCase .planCase_userCase_consultant {
  width: 63.8%;
  border: solid 1px #0287D2;
  border-radius: 14px;
  padding: 35px 25px 45px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .planSection .planCase .planCase_userCase .planCase_userCase_consultant {
    width: 100%;
    flex-direction: column;
  }
}
.planSection .planCase .planCase_userCase .planCase_userCase_consultant .avatarBox {
  width: 127px;
  margin-right: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .planSection .planCase .planCase_userCase .planCase_userCase_consultant .avatarBox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 5.3333333333vw;
  }
  .planSection .planCase .planCase_userCase .planCase_userCase_consultant .avatarBox > *:nth-child(1) {
    margin-right: 3.3333333333vw;
    width: 17.0666666667vw;
  }
  .planSection .planCase .planCase_userCase .planCase_userCase_consultant .avatarBox > *:nth-child(1) img {
    width: 100%;
  }
  .planSection .planCase .planCase_userCase .planCase_userCase_consultant .avatarBox > *:nth-child(2) {
    flex: 1;
    text-align: left;
  }
  .planSection .planCase .planCase_userCase .planCase_userCase_consultant .avatarBox > *:nth-child(2) .textBox__label {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .planSection .planCase .planCase_userCase .planCase_userCase_consultant .avatarBox .userplofile {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 0.6666666667vw;
  }
}
.planSection .planCase .planCase_userCase .planCase_userCase_consultant .textBox {
  flex: 1;
  font-size: 16px;
}
.planSection .planCase .planCase_userCase .planCase_userCase_consultant .textBox .textBox__label {
  font-size: 24px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .planSection .planCase .planCase_userCase .planCase_userCase_consultant .textBox {
    font-size: 3.2vw;
  }
  .planSection .planCase .planCase_userCase .planCase_userCase_consultant .textBox .textBox__label {
    font-size: 3.7333333333vw;
    margin-bottom: 10px;
  }
}
.planSection .planCase .caseDetails {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  /*.NormalTable {
    width: 100%;
    table-layout: fixed;
  }
  .NormalTable th, .NormalTable td {
    border: #D9DCDE solid 1px;
    vertical-align: middle;
  }
  .NormalTable th > *, .NormalTable td > * {
    padding: 6px 16px;
    display: flex;
    align-items: center;
  }
  @media screen and (min-width: 769px) {
    .NormalTable th > *, .NormalTable td > * {
      min-height: 110px;
      padding: 6px 10%;
    }
  }
  .NormalTable th > figure, .NormalTable td > figure {
    display: block;
    padding: 0px;
  }
  .NormalTable th > figure img, .NormalTable td > figure img {
    width: 100%;
    max-width: none;
  }
  .NormalTable th {
    font-weight: 400;
    text-align: center;
    background-color: #EBEEF1;
  }
  .NormalTable th > * {
    justify-content: center;
  }
  .NormalTable th > .NormalTable__item {
    font-weight: 400;
  }

  .NormalTable__item {
    font-size: var(--fs-body);
    font-weight: 700;
  }
  .NormalTable__item.-primary {
    color: #0087D2;
  }

  .NormalTable.-resp.-typeA th > *, .NormalTable.-resp.-typeA td > * {
    padding: 6px 16px;
  }
  @media screen and (min-width: 769px) {
    .NormalTable.-resp.-typeA th > *, .NormalTable.-resp.-typeA td > * {
      padding: 6px 10%;
    }
  }
  .NormalTable.-resp.-typeA th {
    width: 100px;
  }
  @media screen and (min-width: 769px) {
    .NormalTable.-resp.-typeA th {
      width: 90px;
    }
  }
  @media screen and (min-width: 1025px) {
    .NormalTable.-resp.-typeA th {
      width: 120px;
    }
  }
  .NormalTable.-resp.-typeA th > * {
    min-height: 64px;
    padding: 6px 8px;
  }
  @media screen and (min-width: 769px) {
    .NormalTable.-resp.-typeA th > * {
      min-height: 110px;
      padding: 6px 10%;
    }
  }*/
}
@media screen and (max-width: 768px) {
  .planSection .planCase .caseDetails {
    flex-direction: column;
  }
}
.planSection .planCase .caseDetails .caseDetails_first {
  width: 33.4%;
}
@media screen and (max-width: 768px) {
  .planSection .planCase .caseDetails .caseDetails_first {
    width: 100%;
  }
}
.planSection .planCase .caseDetails .caseDetails_second {
  width: 61.1%;
}
@media screen and (max-width: 768px) {
  .planSection .planCase .caseDetails .caseDetails_second {
    width: 100%;
    margin-top: 6.6666666667vw;
  }
  .planSection .planCase .caseDetails .caseDetails_second img {
    width: 100%;
  }
}
.planSection .planCase .caseDetails .caseDetails_caption {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .planSection .planCase .caseDetails .caseDetails_caption {
    font-size: 3.4666666667vw;
    margin-bottom: 10px;
  }
}
.planSection .planCase .caseDetails .hearingTable {
  width: 100%;
  border-collapse: collapse;
}
.planSection .planCase .caseDetails .hearingTable th, .planSection .planCase .caseDetails .hearingTable td {
  border: #D9DCDE solid 1px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  padding: 25px 20px;
}
@media screen and (max-width: 768px) {
  .planSection .planCase .caseDetails .hearingTable th, .planSection .planCase .caseDetails .hearingTable td {
    font-size: 3.2vw;
    padding: 2vw 2.6666666667vw;
  }
}
.planSection .planCase .caseDetails .hearingTable th {
  background-color: #ECEEF1;
  text-align: center;
  vertical-align: middle;
  padding: 20px 5px;
}
@media screen and (max-width: 768px) {
  .planSection .planCase .caseDetails .hearingTable th {
    padding: 2vw 1.3333333333vw;
  }
}
.planSection .planCase .userplofile {
  margin-top: 15px;
  font-weight: 500;
}
.planSection .planCase .userplofile .userplofile__name {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .planSection .planCase .userplofile .userplofile__name {
    font-size: 3.7333333333vw;
  }
}
.planSection .planSchedule {
  text-align: center;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .planSection .planSchedule {
    padding-bottom: 13.3333333333vw;
  }
}
.planSection .planSchedule .planSchedule_label {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .planSection .planSchedule .planSchedule_label {
    font-size: 4.5333333333vw;
  }
}
.planSection .planSchedule .planSchedule_lead {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .planSection .planSchedule .planSchedule_lead {
    font-size: 3.7333333333vw;
    margin-bottom: 6.6666666667vw;
  }
}
.planSection .-bbp .planSection__lead {
  color: #0087D2;
}
.planSection .-bbp .targetUser {
  background-color: #0087D2;
}
.planSection .-bbp .planFeatures > * {
  border: solid 1px #0087D2;
}
.planSection .-bbp .planFeatures .planFeatures_label {
  color: #141821;
}
.planSection .-bbp .planFeatures .planFeatures_label span {
  color: #0087D2;
}
.planSection .-bbp .PageSection__figure img {
  width: 100%;
}

/*========= serviceCompare =========*/
.serviceCompare {
  margin: 80px 0;
}
@media screen and (max-width: 768px) {
  .serviceCompare {
    margin: 10.6666666667vw 0;
  }
}
.serviceCompare .serviceCompare__lead {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .serviceCompare .serviceCompare__lead {
    font-size: 3.7333333333vw;
    margin-bottom: 10.6666666667vw;
  }
}
.serviceCompare .serviceCompare_table {
  width: 990px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .serviceCompare .serviceCompare_table {
    width: 650px;
  }
  .serviceCompare .serviceCompare_table th.-bc img {
    width: 181px;
  }
  .serviceCompare .serviceCompare_table th.-bbp p.HeroArea__logo span.Text.-small.-bold {
    font-size: 13px;
  }
  .serviceCompare .serviceCompare_table th.-bbp p.HeroArea__logo img {
    width: 85px;
  }
  .serviceCompare .serviceCompare_table th.-bbp p.HeroArea__logo svg {
    width: 12px;
  }
}
.serviceCompare .CompareTableV2 {
  width: 100%;
}
.serviceCompare .CompareTableV2 tbody {
  width: 100%;
  -webkit-text-size-adjust: 100%;
}
.serviceCompare .CompareTableV2 tr {
  border-bottom: solid 1px #D9DCDE;
}
.serviceCompare .CompareTableV2 tr th, .serviceCompare .CompareTableV2 tr td {
  vertical-align: middle;
  text-align: center;
  padding: 20px 10px;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .serviceCompare .CompareTableV2 tr th, .serviceCompare .CompareTableV2 tr td {
    font-size: 12px;
    padding: 10px 15px;
  }
}
.serviceCompare .CompareTableV2 tr th.-primary {
  font-size: 16px;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .serviceCompare .CompareTableV2 tr th.-primary {
    font-size: 11px;
    padding: 10px 10px;
  }
}
.serviceCompare .CompareTableV2 tr th.-primary.-bc img {
  margin-bottom: 10px;
}
.serviceCompare .CompareTableV2 tr th.-primary.-bbp .HeroArea__logo {
  margin-bottom: 12px;
  font-size: 19px;
}
@media screen and (max-width: 768px) {
  .serviceCompare .CompareTableV2 tr th.-primary.-bbp .HeroArea__logo {
    font-size: 13px;
  }
}
.serviceCompare .CompareTableV2 tr th:not(.-primary) {
  border-right: solid 1px #D9DCDE;
  width: 25.4%;
}
.serviceCompare .CompareTableV2 tr td {
  width: 37.3%;
}
.serviceCompare .CompareTableV2 tr td span {
  display: block;
  font-weight: 400;
}
.serviceCompare .CompareTableV2 tr td .-S {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .serviceCompare .CompareTableV2 tr td .-S {
    font-size: 10px;
  }
}
.serviceCompare .CompareTableV2 tr td .-SS {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .serviceCompare .CompareTableV2 tr td .-SS {
    font-size: 8px;
  }
}
.serviceCompare .CompareTableV2 tr:nth-child(2n) th, .serviceCompare .CompareTableV2 tr:nth-child(2n) td {
  background-color: #F2F8FC;
}
.serviceCompare + .btnWrapper {
  margin-top: 0;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .serviceCompare + .btnWrapper {
    margin-bottom: 21.3333333333vw;
  }
}

/*========= coachingUsers =========*/
.coachingUsers {
  display: flex;
  flex-wrap: wrap;
  gap: 3.31%;
  margin-top: 10.6666666667vw;
}
@media screen and (min-width: 769px) {
  .coachingUsers {
    margin-top: 35px;
  }
}
.coachingUsers .coachingUsers_item {
  width: 48.29%;
  margin-top: 50px;
  display: flex;
  flex-direction: column;
}
.coachingUsers .coachingUsers_info {
  display: flex;
  margin-bottom: 25px;
}
.coachingUsers .coachingUsers_info > * {
  width: 50%;
}
.coachingUsers .coachingUsers_info .avatarBox {
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
}
.coachingUsers .coachingUsers_info .avatarBox img {
  border-radius: 50%;
}
.coachingUsers .coachingUsers_info .userplofile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
}
.coachingUsers .coachingUsers_info .userplofile li:not(:last-child) {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .coachingUsers .coachingUsers_info .userplofile li:not(:last-child) {
    font-size: 2.6666666667vw;
  }
}
.coachingUsers .coachingUsers_text {
  background-color: #ECEEF1;
  position: relative;
  padding: 30px 25px;
  border-radius: 10px;
  flex-grow: 1;
  font-size: 16px;
}
.coachingUsers .coachingUsers_text:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  border-bottom: 22px solid #eceef1;
  border-top: 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
}
.coachingUsers .coachingUsers_text p {
  line-height: 1.75;
}
.coachingUsers .coachingUsers_text p:first-child {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 1em;
  line-height: 1.55;
}

#user-slider {
  margin-top: 10.6666666667vw;
}

.coachingUsersSP .coachingUsers_item {
  width: 100%;
  margin-top: 0;
  display: flex;
  flex-direction: column;
}
.coachingUsersSP .coachingUsers_info {
  display: flex;
  margin-bottom: 4vw;
}
.coachingUsersSP .coachingUsers_info > * {
  width: 50%;
}
.coachingUsersSP .coachingUsers_info .avatarBox {
  display: flex;
  justify-content: flex-end;
  padding-right: 5.3333333333vw;
}
.coachingUsersSP .coachingUsers_info .avatarBox img {
  border-radius: 50%;
}
.coachingUsersSP .coachingUsers_info .userplofile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
}
.coachingUsersSP .coachingUsers_info .userplofile li:not(:last-child) {
  font-size: 4vw;
}
.coachingUsersSP .coachingUsers_text {
  background-color: #ECEEF1;
  position: relative;
  padding: 30px 25px;
  border-radius: 10px;
  flex-grow: 1;
  font-size: 3.2vw;
}
.coachingUsersSP .coachingUsers_text:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  border-bottom: 22px solid #eceef1;
  border-top: 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
}
.coachingUsersSP .coachingUsers_text p {
  line-height: 1.75;
}
.coachingUsersSP .coachingUsers_text p:first-child {
  font-size: 3.7333333333vw;
  font-weight: 600;
  margin-bottom: 1em;
  line-height: 1.55;
}

/*========= section_price =========*/
.section_price {
  background-color: #F2F8FC;
}
.section_price .headBox {
  text-align: center;
  margin-bottom: 35px;
}
.section_price .priceMenu {
  margin: 0 auto 25px;
  background-color: white;
  border-radius: 10px;
  padding: 20px 65px 5px 65px;
}
@media screen and (max-width: 768px) {
  .section_price .priceMenu {
    width: 100%;
    margin: 0 auto 6.6666666667vw;
    padding: 4vw;
  }
}
.section_price .priceMenu .priceMenu_top {
  text-align: center;
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .section_price .priceMenu .priceMenu_top {
    padding-bottom: 20px;
  }
}
.section_price .priceMenu .priceMenu_top p {
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .section_price .priceMenu .priceMenu_top p {
    font-size: 3.4666666667vw;
  }
}
.section_price .priceMenu .priceMenu_top p strong {
  display: inline-block;
  font-size: 36px;
  font-weight: 700;
  background-color: #0287D2;
  color: white;
  line-height: 1;
  padding: 0.1em 0.3em 0.2em;
  margin: 10px 0;
}
@media screen and (max-width: 768px) {
  .section_price .priceMenu .priceMenu_top p strong {
    font-size: 6.1333333333vw;
  }
}
.section_price .priceMenu .priceMenu_top .-notice {
  text-align: center;
  margin-top: 1.5em;
}
.section_price .priceMenu .priceMenu_bottom {
  border-top: solid 1px #D9DCDE;
  padding-top: 40px;
}
.section_price .priceMenu .priceMenu_bottom .priceMenu_logos {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .section_price .priceMenu .priceMenu_bottom .priceMenu_logos {
    flex-direction: column;
    margin-bottom: 3.3333333333vw;
  }
  .section_price .priceMenu .priceMenu_bottom .priceMenu_logos > *:nth-child(1) img {
    width: 45.8666666667vw;
  }
  .section_price .priceMenu .priceMenu_bottom .priceMenu_logos > *:nth-child(3) {
    margin-top: 3.3333333333vw;
  }
  .section_price .priceMenu .priceMenu_bottom .priceMenu_logos > *:nth-child(3) img {
    width: 21.7333333333vw;
  }
  .section_price .priceMenu .priceMenu_bottom .priceMenu_logos > *:nth-child(3) svg {
    width: 3.0666666667vw;
  }
}
.section_price .priceMenu .priceMenu_bottom .priceMenu_logos .HeroArea__logo {
  font-size: 19px;
}
@media screen and (max-width: 768px) {
  .section_price .priceMenu .priceMenu_bottom .priceMenu_logos .HeroArea__logo {
    margin-bottom: 5.6vw;
    font-size: 3.3333333333vw;
  }
}
.section_price .priceMenu .priceMenu_bottom .priceMenu_logos .between {
  width: 50px;
  margin: 0 10px;
  position: relative;
}
.section_price .priceMenu .priceMenu_bottom .priceMenu_logos .between:after {
  display: block;
  content: "";
  width: 50px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #D9DCDE;
  transform: rotate(-45deg);
}
.section_price .priceMenu .priceMenu_pack {
  background-color: #FFFBDB;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5%;
  padding: 0 25px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .section_price .priceMenu .priceMenu_pack {
    flex-direction: column;
    align-items: center;
  }
}
.section_price .priceMenu .priceMenu_pack p:nth-child(1) {
  font-size: 24px;
  font-weight: 700;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .section_price .priceMenu .priceMenu_pack p:nth-child(1) {
    font-size: 4vw;
  }
}
.section_price .priceMenu .priceMenu_pack p:nth-child(2) {
  font-size: 26px;
  font-weight: 500;
}
.section_price .priceMenu .priceMenu_pack p:nth-child(2) span:nth-child(1) {
  font-size: 70px;
}
.section_price .priceMenu .priceMenu_pack p:nth-child(2) span:nth-child(2) {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .section_price .priceMenu .priceMenu_pack p:nth-child(2) {
    font-size: 4.5333333333vw;
  }
  .section_price .priceMenu .priceMenu_pack p:nth-child(2) span:nth-child(1) {
    font-size: 12.5333333333vw;
  }
  .section_price .priceMenu .priceMenu_pack p:nth-child(2) span:nth-child(2) {
    font-size: 3.4666666667vw;
  }
}
.section_price .priceMenu .priceMenu_item {
  font-weight: 500;
  padding: 20px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section_price .priceMenu .priceMenu_item + .priceMenu_item {
  border-top: solid 1px #D9DCDE;
}
.section_price .priceMenu .priceMenu_item p:nth-child(1) {
  font-size: 18px;
}
.section_price .priceMenu .priceMenu_item p:nth-child(1) span {
  font-size: 16px;
  color: #A2A2A2;
  margin-left: 0.5em;
}
.section_price .priceMenu .priceMenu_item p:nth-child(2) {
  font-size: 20px;
}
.section_price .priceMenu .priceMenu_item p:nth-child(2) span:nth-child(1) {
  font-size: 24px;
}
.section_price .priceMenu .priceMenu_item p:nth-child(2) span:nth-child(2) {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .section_price .priceMenu .priceMenu_item p:nth-child(1) {
    font-size: 3.2vw;
  }
  .section_price .priceMenu .priceMenu_item p:nth-child(1) span {
    font-size: 2.6666666667vw;
    display: block;
  }
  .section_price .priceMenu .priceMenu_item p:nth-child(2) {
    font-size: 20px;
  }
  .section_price .priceMenu .priceMenu_item p:nth-child(2) span:nth-child(1) {
    font-size: 4vw;
  }
  .section_price .priceMenu .priceMenu_item p:nth-child(2) span:nth-child(2) {
    font-size: 2.4vw;
  }
}
.section_price .coachingService {
  border: solid 1px #0287D2;
  padding: 35px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section_price .coachingService {
    padding: 7.3333333333vw;
  }
}
.section_price .coachingService .coachingService_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.section_price .coachingService .coachingService_list .IconInfo {
  width: 18%;
  margin: 16px 52px;
  background-color: transparent;
  border: none;
  font-weight: 500;
  line-height: 1.44;
  font-size: 18px;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .section_price .coachingService .coachingService_list .IconInfo {
    font-size: 3.2vw;
    width: 32vw;
    margin: 2vw 2.6666666667vw;
  }
  .section_price .coachingService .coachingService_list .IconInfo img {
    width: 17.8666666667vw;
  }
}
.section_price .coachingService_more {
  padding-top: 80px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section_price .coachingService_more {
    padding-top: 10.6666666667vw;
  }
}
.section_price .coachingService_more .coachingService_list {
  display: flex;
  justify-content: center;
  padding: 0;
  margin-bottom: 20px;
}
.section_price .coachingService_more .coachingService_list .IconInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 27.465vw;
  height: 27.465vw;
  max-width: 298px;
  max-height: 298px;
  border-radius: 50%;
  background-color: white;
  margin: 0 2.2%;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.44;
}
@media screen and (max-width: 768px) {
  .section_price .coachingService_more .coachingService_list .IconInfo {
    width: 29.3333333333vw;
    height: 29.3333333333vw;
    font-size: 2.9333333333vw;
    margin: 0 1.6vw;
  }
  .section_price .coachingService_more .coachingService_list .IconInfo img {
    width: 12vw;
  }
}
.section_price .coachingService_more .coachingService_list .IconInfo p:first-child {
  margin-bottom: 10px;
  position: relative;
}
.section_price .coachingService_more .coachingService_list .IconInfo p.-maru:after {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  border-radius: 50%;
  border: solid 8px #99cfed;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
.section_price .coachingService_more .coachingService_list .IconInfo p.-batsu:before, .section_price .coachingService_more .coachingService_list .IconInfo p.-batsu:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 8px;
  background-color: #99cfed;
  z-index: 1;
}
.section_price .coachingService_more .coachingService_list .IconInfo p.-batsu:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.section_price .coachingService_more .coachingService_list .IconInfo p.-batsu:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.section_price .coachingService_more .iconPlus {
  display: block;
  margin-bottom: 55px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .section_price .coachingService_more .iconPlus {
    margin-bottom: 8.6666666667vw;
  }
}
.section_price .coachingService_more .iconPlus:before {
  display: block;
  content: "";
  width: 70px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #0287D2;
}
@media screen and (max-width: 768px) {
  .section_price .coachingService_more .iconPlus:before {
    width: 9.3333333333vw;
  }
}
.section_price .coachingService_more .iconPlus:after {
  display: block;
  content: "";
  width: 70px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  background-color: #0287D2;
}
@media screen and (max-width: 768px) {
  .section_price .coachingService_more .iconPlus:after {
    width: 9.3333333333vw;
  }
}
.section_price .coachingService_more .textMore {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .section_price .coachingService_more .textMore {
    font-size: 5.6vw;
  }
}
.section_price .coachingService_more .textMore span {
  background-color: #FFEB56;
  padding: 0 0.5em;
}
.section_price .coachingService_more .-notice {
  text-align: left;
}

/* ---------------Edit section price--------------- */
.new_price .supple_w.Grid {
  gap: 8px;
}
.new_price .supple_w.Grid > * {
  flex-basis: auto;
}
.new_price .supple_w.Grid p {
  color: #7f8288;
  font-size: 12px;
  font-weight: 700;
}
.new_price .material-symbols-outlined {
  font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}
.new_price .SwitchArea.sp {
  display: block;
}
@media screen and (min-width: 820px) {
  .new_price .SwitchArea.sp {
    display: none !important;
 }
}
.new_price .SwitchArea__buttons {
  gap: 4px;
}
.new_price .SwitchArea__button {
  border: none;
  color: #fff;
  background: #d1d4d7;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (min-width: 820px) {
  .new_price .SwitchArea__button.-active {
    height: 56px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
 }
}
.new_price .SwitchArea__button.-active.-red {
  background: #d03086;
}
.new_price .SwitchArea__button.-active.-blue {
  background: #0087d2;
}
.new_price .SwitchArea__button {
  padding: 7px 0;
}
.new_price .SwitchArea__panel > .ColumnArea {
  text-align: center;
}
.new_price .SwitchArea__panel > .ColumnArea.-y_pink {
  background: var(--grd-price, linear-gradient(270deg, #ffedf6 12.83%, #fffbde 85.92%));
}
.new_price .SwitchArea__panel > .ColumnArea.-y_pink .Grid.-wAuto {
  flex-direction: column;
}
@media screen and (min-width: 820px) {
  .new_price .SwitchArea__panel > .ColumnArea.-y_pink .Grid.-wAuto {
    flex-direction: row;
    gap: 16px;
    padding-bottom: 24px;
    white-space: nowrap;
    height: 72px;
 }
}
.new_price .SwitchArea__panel > .ColumnArea.-y_blue {
  background: var(--grad02, linear-gradient(90deg, #fffbde 1.75%, #e7f3fa 100%));
}
@media screen and (min-width: 1080px) {
  .new_price .SwitchArea__panel > .ColumnArea .Grid.-wAuto p {
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
 }
}
.new_price .SwitchArea__panels {
  padding-top: 0;
}
.new_price .SwitchArea__panels h4 {
  padding: 8px 0 24px;
  color: #d03086;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 1.8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 820px) {
  .new_price .SwitchArea__panels h4 {
    padding: 0;
 }
}
.new_price .SwitchArea__panels h4 span {
  letter-spacing: 0;
  font-family: "Cormorant Infant";
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: 70%;
}
.new_price .SwitchArea__panels h4 span.symbol {
  font-size: 44px;
}
.new_price .SwitchArea__panels h4 span.off {
  font-size: 52px;
}
.new_price .SwitchArea__panels .PriceCard {
  border-radius: 8px;
  background: #fff;
  padding: 24px 16px;
}
@media screen and (min-width: 1080px) {
  .new_price .SwitchArea__panels .PriceCard {
    padding: 24px;
 }
}
.new_price .SwitchArea__panels .PriceCard__priceBox.head_price {
  padding: 0 0 28px;
  flex-direction: column;
  justify-content: center;
  height: 117px;
  gap: 4px;
}
.new_price .SwitchArea__panels .PriceCard__priceBox.head_price .PriceCard__price.-before {
  height: 17px;
}
.new_price .SwitchArea__panels .PriceCard__priceBox.head_price .PriceCard__price.-before > *:first-child {
  padding: 0 4px;
  letter-spacing: 1px;
  font-size: 14px;
}
@media screen and (min-width: 769px) {
  .new_price .SwitchArea__panels .PriceCard__priceBox.head_price .PriceCard__price.-before > *:last-child {
    font-size: 14px;
 }
}
.new_price .SwitchArea__panels .PriceCard__priceBox.head_price .PriceCard__price.-before del {
  font-size: 24px;
}
.new_price .SwitchArea__panels .PriceCard__price.-before {
  color: #7f8288;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  font-family: "Noto Sans JP";
  gap: 4px;
}
.new_price .SwitchArea__panels .PriceCard__price.-before > span {
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
}
.new_price .SwitchArea__panels .PriceCard__price.-before del {
  font-size: 20px;
  line-height: 1;
  font-family: "Noto Serif JP";
}
.new_price .SwitchArea__panels .PriceCard__price.-before::after {
  display: none;
}
.new_price .SwitchArea__panels .PriceCard__price.-after {
  margin: 0;
  color: #d03086;
}
.new_price .SwitchArea__panels .PriceCard__price.-after .terms {
  margin-right: 8px;
  height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-family: "Noto Sans JP";
}
.new_price .SwitchArea__panels .PriceCard__price.-after .terms p.red {
  padding: 4px 8px;
  border-radius: 40px;
  background: #d03086;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 120%;
}
.new_price .SwitchArea__panels .PriceCard__price.-after .terms p.red + p {
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 1.8px;
}
.new_price .SwitchArea__panels .PriceCard__price.-after .terms + mark {
  color: #d03086;
  display: flex;
  flex-direction: row;
  background: none;
  max-width: max-content;
  background: linear-gradient(transparent 70%, #fff288 70%);
  padding-bottom: 4px;
}
.new_price .SwitchArea__panels .PriceCard__price.-after .terms + mark .PriceCard__item.-main {
  font-size: 48px;
}
.new_price .SwitchArea__panels .price_w {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-height: 176px;
}
@media screen and (min-width: 1080px) {
  .new_price .SwitchArea__panels .price_w {
    gap: 1px;
 }
}
.new_price .SwitchArea__panels .price_w .PriceCard__body {
  padding: 0;
  width: calc((100% - 20px) / 2);
}
@media screen and (min-width: 1080px) {
  .new_price .SwitchArea__panels .price_w .PriceCard__body {
    width: calc((100% - 24px) / 2);
 }
}
.new_price .SwitchArea__panels .price_w .Icon.-plus {
  width: 20px;
}
@media screen and (min-width: 1080px) {
  .new_price .SwitchArea__panels .price_w .Icon.-plus {
    width: 24px;
 }
}
.new_price .SwitchArea__panels .price_w .ColumnArea {
  height: 64px;
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: none;
  border-bottom: 2px solid #4cabdf;
}
.new_price .SwitchArea__panels .price_w .ColumnArea h6 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
.new_price .SwitchArea__panels .price_w .ColumnArea p {
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  padding: 4px;
  border-radius: 4px;
  width: max-content;
  background: #4cabdf;
}
.new_price .SwitchArea__panels .price_w .PriceCard__priceBox {
  gap: 4px;
  flex-direction: column;
  padding: 12px 0;
  height: 112px;
}
.new_price .SwitchArea__panels .price_w .PriceCard__priceBox .PriceCard__price.-before > span {
  writing-mode: vertical-rl;
}
.new_price .SwitchArea__panels .price_w .PriceCard__priceBox .PriceCard__price.-before > span.-bold {
  font-size: 12px;
  font-weight: 700;
}
.new_price .SwitchArea__panels .CTASection__ButtonBox {
  margin-top: 16px;
}
.new_price .SwitchArea__panels.pc {
  display: none;
}
@media screen and (min-width: 820px) {
  .new_price .SwitchArea__panels.pc {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin: 24px 0 0;
 }
}
@media screen and (min-width: 1080px) {
  .new_price .SwitchArea__panels.pc {
    gap: 32px;
 }
}
.new_price .SwitchArea__panels.pc > * {
  flex-basis: calc((100% - 16px) / 2);
}
@media screen and (min-width: 1080px) {
  .new_price .SwitchArea__panels.pc > * {
    flex-basis: calc((100% - 32px) / 2);
 }
}
.new_price .SwitchArea__panel.-blue_w .PriceCard__price.-after {
  color: #141821;
}
.new_price .SwitchArea__panel.-blue_w .PriceCard__price.-after .terms {
  height: auto;
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}
.new_price .SwitchArea__panel.-blue_w .PriceCard__price.-after .terms mark {
  color: #141821;
  background: none !important;
}
.new_price .conditions {
  padding: 16px 0 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.new_price .conditions .material-symbols-outlined {
  color: #0087d2;
  font-size: 20px;
}
.new_price .conditions .Grid.-Column {
  gap: 8px;
}
.new_price .conditions .supple_w {
  display: flex;
  flex-direction: row;
  gap: 6px;
}
.new_price .conditions .supple_w p {
  font-size: 12px;
}
.new_price .conditions .supple_w mark {
  background: none;
  max-width: max-content;
  background: linear-gradient(transparent 60%, #fff8bb 60%);
}
.new_price .icon_point p.ColumnArea__heading.-normal {
  background-color: #e7f3fa;
}
.new_price.price_s3_w .IconInfo {
  min-height: 142px;
  height: auto;
}
@media screen and (min-width: 769px) {
  .new_price.price_s3_w .IconInfo {
    min-height: 171px;
 }
}
.new_price.price_s4_w .IconInfo {
  min-height: 163px;
  height: auto;
}

.new_price .SwitchArea:not(.sp) > .SwitchArea__panels > .SwitchArea__panel {
  display: block;
}
.new_price .SwitchArea.sp .SwitchArea__panel {
  display: none;
}
.new_price .SwitchArea.sp .SwitchArea__panel.-active {
  display: block;
}
@media (min-width: 820px) {
  .new_price .SwitchArea .SwitchArea__panels > .SwitchArea__panel {
    display: block;
 }
}
@media (min-width: 820px) {
  .new_price .SwitchArea .SwitchArea__button.-red, .new_price .SwitchArea .SwitchArea__button.-blue {
    width: 100%;
    height: 56px;
    padding: 16px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d03086;
 }
}
@media (min-width: 820px) {
  .new_price .SwitchArea .SwitchArea__button.-blue {
    background: #0087d2;
 }
}
.new_price .CP-off .ColumnArea.-hasBg.-typeB, .new_price .CP-off .ColumnArea.-hasBg.off_w {
  padding: 0;
}
.new_price .CP-off .ColumnArea.-hasBg.-typeB .Stack.-spc3 > .ColumnArea.-hasBg,.new_price .CP-off .ColumnArea.-hasBg.off_w .Stack.-spc3 > .ColumnArea.-hasBg {
  padding: 0;
}
.new_price .CP-off .ColumnArea.-hasBg.-typeB .Stack.-spc3 > .ColumnArea.-hasBg .ColumnArea.-y_pink .Grid.-wAuto p, 
.new_price .CP-off .ColumnArea.-hasBg.off_w .Stack.-spc3 > .ColumnArea.-hasBg .ColumnArea.-y_pink .Grid.-wAuto p {
  font-weight: 500;
}
.new_price .CP-off .ColumnArea.-hasBg.-typeB .Stack.-spc3 > .ColumnArea.-hasBg .ColumnArea.-y_blue .Grid div, 
.new_price .CP-off .ColumnArea.-hasBg.off_w .Stack.-spc3 > .ColumnArea.-hasBg .ColumnArea.-y_blue .Grid div {
  font-weight: 500;
}
@media screen and (min-width: 600px) {
  .new_price .CP-off .ColumnArea.-hasBg.off_w {
    padding: 24px 0 !important;
 }
}

@media screen and (min-width: 600px) {
  .new_price .PriceCard {
    max-width: 100%;
 }
}
.new_price .PriceCard__title {
  font-size: 16px;
}
.new_price .head_price .PriceCard__item.-unit {
  font-size: 18px;
  font-weight: 700;
  line-height: 110%;
}
.new_price .head_price .PriceCard__item.-tax {
  font-size: 12px !important;
  order: -1;
}
.new_price .PriceCard__sell {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.new_price .PriceCard__sell:last-child {
  padding: 12px 16px;
}
.new_price .PriceCard__body {
  border-width: 1px;
}
.new_price .PriceCard__body.-typeA[data-head] {
  border-radius: 8px;
}
@media screen and (min-width: 600px) {
  .new_price .PriceCard__priceBox {
    display: flex;
 }
}
.new_price .PriceCard__item.-main {
  font-size: 30px;
}
@media screen and (min-width: 600px) {
  .new_price .PriceCard__item.-main {
    font-size: 34px;
 }
}
.new_price .PriceCard__item.-unit {
  font-size: 13px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .new_price .PriceCard__item.-unit {
    font-size: 15px;
 }
}
.new_price .PriceCard__item.-tax {
  font-size: 10px;
  order: -1;
}
@media screen and (min-width: 900px) {
  .new_price .PriceCard__item.-tax {
    font-size: 12px;
 }
}
.new_price .PriceCard__price.-point span {
  font-size: 16px;
  line-height: 14px;
}
.new_price .PriceCard__item.-terms {
  font-size: 10px;
  font-family: "Noto Sans JP";
  line-height: 1.2;
  margin-right: 4px;
  writing-mode: lr;
}
@media screen and (min-width: 900px) {
  .new_price .PriceCard__item.-terms {
    font-size: 14px;
 }
}
.new_price .PriceCard__itemBox {
  font-family: "Noto Sans JP";
  align-items: flex-start;
  justify-content: center;
  line-height: 110%;
  padding-left: 2px;
}

.section9_w {
  padding: 72px 0 24px;
}
@media screen and (min-width: 600px) {
  .section9_w {
    padding-bottom: 88px;
 }
}
.section9_w > *:nth-child(2) {
  padding-top: 72px !important;
}
.section9_w .PlanCard__head {
  padding: 8px 24px 16px;
}
.section9_w .PlanCard__head.-primary {
  border-bottom: 1px solid #d03086 !important;
}
.section9_w .PlanCard__label__wrapper {
  width: 100%;
  text-align: center;
}
.section9_w .PlanCard__label__wrapper .PlanCard__label {
  line-height: 2;
  color: #141821;
  background-color: white;
  display: inline-block;
}
.section9_w .PlanCard__label__wrapper .PlanCard__label span {
  display: block;
}
.section9_w .PlanCard__label__wrapper .PlanCard__label span img {
  width: 40px;
  height: 40px;
}
.section9_w .PlanCard__body {
  background-color: #ebeef1;
}
@media screen and (max-width: 768px) {
  .section9_w .PlanCard__body {
    padding: 16px;
 }
}
.section9_w .PlanCard__body .PlanCard__body__wrapper {
  background-color: #fff;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .section9_w .CP-off .PlanCard__footer__text {
    margin-bottom: 25px;
 }
}
.section9_w .CP-off .PlanCard__footer__text p span.u_line {
  border-bottom: 4px solid #fff288 !important;
  line-height: 0.3 !important;
  display: inline-block !important;
}
.section9_w .PlanCard__footer {
  display: flex;
  padding: 12px 24px 12px 24px;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .section9_w .PlanCard__footer {
    flex-direction: column;
 }
}
.section9_w .PlanCard__footer.-promo {
  height: 120px;
  background: linear-gradient(270deg, #ffedf6 12.83%, #fffbde 85.92%);
  justify-content: space-evenly;
}
@media screen and (max-width: 768px) {
  .section9_w .PlanCard__footer.-promo {
    height: 179px;
 }
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__text {
  display: flex;
  flex-grow: 1;
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__text .half {
  width: 96px;
  height: 96px;
  border-radius: 100px;
  background-color: #fff288;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__text .half span {
  color: #141821;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .section9_w .PlanCard__footer.-promo .PlanCard__footer__text .half {
    width: 240px;
    height: 43px;
 }
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__price {
  display: flex;
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .section9_w .PlanCard__footer.-promo .PlanCard__footer__price {
    padding-bottom: 0;
 }
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__price tbody tr {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .section9_w .PlanCard__footer.-promo .PlanCard__footer__price tbody tr {
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    align-content: space-between;
    height: 90px;
 }
  .section9_w .PlanCard__footer.-promo .PlanCard__footer__price tbody tr td {
    padding: 0;
 }
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__price tbody tr > td:nth-child(1) {
  align-items: center;
  display: flex;
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__price tbody tr > td:nth-child(1) p span {
  line-height: 0;
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__price tbody tr > td:nth-child(1) p > span:nth-child(1) {
  line-height: 12px;
  font-size: 10px;
  color: #7f8288;
  margin-right: 5px;
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__price tbody tr > td:nth-child(1) p > span:nth-child(2) {
  font-size: 14px;
  color: #7f8288;
  text-decoration: line-through;
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__price tbody tr > td:nth-child(1) p > span:nth-child(3) {
  font-size: 10px;
  color: #7f8288;
}
@media screen and (max-width: 768px) {
  .section9_w .PlanCard__footer.-promo .PlanCard__footer__price tbody tr > td:nth-child(2) {
    display: flex;
    rotate: 90deg;
 }
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__price tbody tr > td:nth-child(2) div {
  width: 64px;
  height: 36px;
  background: linear-gradient(270deg, #ffedf6 12.83%, #fffbde 85.92%);
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__price tbody tr > td:nth-child(2) div span {
  font-size: 10px;
  color: #d03086;
  line-height: 12px;
  font-weight: 500;
  text-align: center;
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__price tbody tr > td:nth-child(3) {
  align-items: center;
  display: flex;
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__price tbody tr > td:nth-child(3) p span {
  line-height: 0;
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__price tbody tr > td:nth-child(3) p > span:nth-child(1) {
  line-height: 16.8px;
  font-size: 14px;
  color: #7f8288;
  margin-right: 10px;
  color: #d03086;
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__price tbody tr > td:nth-child(3) p > span:nth-child(2) {
  color: #141821;
  font-size: 36px;
  color: #d03086;
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__price tbody tr > td:nth-child(3) p > span:nth-child(3) {
  color: #141821;
  font-weight: 700;
  margin-left: 2px;
  font-size: 20px;
  color: #d03086;
}
.section9_w .PlanCard__footer.-promo .PlanCard__footer__price tbody tr > td:nth-child(3) p > span:nth-child(4) {
  color: #141821;
  font-weight: 700;
  font-size: 14px;
  color: #d03086;
  font-weight: 500;
}
.section9_w .PlanCard__footer .PlanCard__footer__text img {
  width: 63.15px;
  height: 56px;
  display: inline-block;
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  .section9_w .PlanCard__footer .PlanCard__footer__text img {
    width: 49.62px;
    height: 44px;
 }
}
.section9_w .PlanCard__footer .PlanCard__footer__text p {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}
.section9_w .PlanCard__footer .PlanCard__footer__text p span.u_line {
  border-bottom: 4px solid #fff288;
  line-height: 0.3;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .section9_w .PlanCard__footer .PlanCard__footer__text p span.u_line {
    border-bottom: none;
    line-height: 1;
 }
}
@media screen and (max-width: 768px) {
  .section9_w .PlanCard__footer .PlanCard__footer__text br:last-child {
    display: none;
    visibility: hidden;
 }
}
@media screen and (max-width: 768px) {
  .section9_w .PlanCard__footer .PlanCard__footer__price {
    padding-bottom: 10px;
 }
}
.section9_w .PlanCard__footer .PlanCard__footer__price p span {
  line-height: 0;
}
.section9_w .PlanCard__footer .PlanCard__footer__price p > span:nth-child(1) {
  line-height: 12px;
  font-size: 10px;
  color: #7f8288;
  margin-right: 10px;
}
.section9_w .PlanCard__footer .PlanCard__footer__price p > span:nth-child(2) {
  color: #141821;
  font-size: 36px;
}
.section9_w .PlanCard__footer .PlanCard__footer__price p > span:nth-child(3) {
  color: #141821;
  font-weight: 700;
  font-size: 20px;
  margin-left: 2px;
}
.section9_w .PlanCard__footer .PlanCard__footer__price p > span:nth-child(4) {
  color: #141821;
  font-weight: 700;
  font-size: 14px;
}
.section9_w .PlanCard__infoText {
  color: #0087d2;
}
.section9_w .PageSection__item {
  padding: 48px 0 0;
}
@media screen and (min-width: 600px) {
  .section9_w .PageSection__item {
    padding: 64px 0 0;
 }
}
.section9_w .PageSection__item .Container.-medium.sec9_top {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
@media screen and (min-width: 600px) {
  .section9_w .PageSection__item .Container.-medium.sec9_top {
    flex-direction: row;
    justify-content: space-between;
 }
}
.section9_w .PageSection__item .Container.-medium.sec9_top p.Text.-blue.-bold {
  margin-bottom: 20px;
}
@media screen and (min-width: 600px) {
  .section9_w .PageSection__item .Container.-medium.sec9_top p.Text.-blue.-bold {
    font-size: 20px;
    margin-bottom: 40px;
 }
}
.section9_w .PageSection__item .Container.-medium.sec9_top span.Heading.-small {
  font-size: 14px;
}
.section9_w .PageSection__item .PageSection__tableOuter .CompareTable .CompareTable__item.-centered {
  display: flex;
  align-items: center;
  justify-content: center;
}
.section9_w .PageSection__item .PageSection__tableOuter .CompareTable .CompareTable__item.-centered .cell-text {
  padding-left: 8px;
}
.section9_w > *:last-child {
  padding: 24px 0 0;
}
.section9_w .Stack.-spc2 p.Heading.-h4 {
  margin: 24px 0 0;
}
@media screen and (min-width: 600px) {
  .section9_w .Stack.-spc2 p.Heading.-h4 {
    margin: 24px 0;
 }
}
.section9_w .CircleCard {
  max-width: 240px;
  height: 240px;
}
.section9_w .CircleCard .CircleCard__circleBox {
  background-color: #ebeef1;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.section9_w .CircleCard .CircleCard__circleBox .CircleCard__body {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.section9_w .CircleCard .CircleCard__circleBox .CircleCard__body p.CircleCard__text {
  color: #0087d2;
  text-align: center;
  font-size: 20px;
  margin: 0;
  white-space: nowrap;
}
.section9_w .CircleCard .CircleCard__circleBox .CircleCard__body p.CircleCard__text span {
  font-size: 12px;
  vertical-align: text-top;
  line-height: 2;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.section9_w .CircleCard .CircleCard__circleBox .CircleCard__body .CircleCard__icon {
  background: none;
  width: auto;
  height: auto;
  border-radius: 0;
}
@media screen and (min-width: 600px) {
  .section9_w .CircleCard .CircleCard__circleBox .CircleCard__body .CircleCard__icon {
    width: 100px;
 }
}
.section9_w .CircleCard .CircleCard__circleBox .CircleCard__body .CircleCard__icon img {
  max-width: 100%;
}
.section9_w .CPArea__head {
  padding: 32px 24px;
}
.section9_w .CPArea__head::before {
  background-image: url("https://www.bizmates.jp/ss_beginner_package/images/BBP_CP_ribbon_top.svg");
}
.section9_w .CPArea__head::after {
  background-image: url("https://www.bizmates.jp/ss_beginner_package/images/BBP_CP_ribbon_under.svg");
}
.section9_w .CPArea__head .Grid.-spc5 {
  gap: 0;
}
@media screen and (min-width: 600px) {
  .section9_w .CPArea__head .Grid.-spc5 {
    gap: 40px;
 }
}
.section9_w .CPArea__head .Grid__item .Stack.-spc1 p span {
  font-weight: 500;
}
.section9_w .CPArea__head .Grid__item .Stack.-spc1 .CPArea__title {
  margin-top: 8px;
  margin: 24px 0;
}
@media screen and (min-width: 600px) {
  .section9_w .CPArea__head .Grid__item .Stack.-spc1 .CPArea__title {
    margin: 16px 0 0;
 }
}
.section9_w .CPArea__head .Grid__item.-wAuto {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .section9_w .CPArea__head .Grid__item.-wAuto {
    width: auto;
 }
}
.section9_w .CPArea__head .Grid__item.-wAuto .CPArea__column {
  border-radius: 8px;
  padding: 12px 8px;
}
@media screen and (min-width: 600px) {
  .section9_w .CPArea__head .Grid__item.-wAuto .CPArea__column {
    border-radius: 16px;
    padding: 0 24px;
    height: 149px;
    display: flex;
    align-items: center;
    justify-content: center;
 }
}
.section9_w .CPArea__head .Grid__item.-wAuto .CPArea__column p.CPArea__icon img {
  width: 40px;
}
@media screen and (min-width: 600px) {
  .section9_w .CPArea__head .Grid__item.-wAuto .CPArea__column p.CPArea__icon img {
    width: 64px;
 }
}
.section9_w .CPArea__head .Grid__item.-wAuto .CPArea__column .Text.-large {
  font-size: 12px;
  margin-left: 8px;
}
@media screen and (min-width: 600px) {
  .section9_w .CPArea__head .Grid__item.-wAuto .CPArea__column .Text.-large {
    font-size: 18px;
 }
}
.section9_w .CPArea__body {
  padding: 16px;
}
.section9_w .CPArea__body .Stack.-spc3 > * + * {
  margin: 24px 0;
}
@media screen and (min-width: 600px) {
  .section9_w .CPArea__body .Stack.-spc3 > * + * {
    margin-bottom: 8px;
 }
}
.section9_w .CPArea__body .ColumnInfo__title, .section9_w .ColumnInfo__body .ColumnInfo__cell {
  color: #141821;
}
.section9_w .CP-off .PlanCard__head {
  position: relative;
}
@media screen and (max-width: 768px) {
  .section9_w .CP-off .PlanCard__head .PlanCard__title {
    font-size: 14px !important;
 }
  .section9_w .CP-off .PlanCard__head .PlanCard__title span {
    font-size: 18px;
 }
}
.section9_w .CP-off .PlanCard__head .Recommendation {
  width: 72px;
  height: 72px;
  color: #141821;
  font-weight: 500;
  font-size: 12px;
  border-radius: 100px;
  background-color: #fff288;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -45px;
  left: 16px;
}
@media screen and (max-width: 768px) {
  .section9_w .CP-off .PlanCard__head .Recommendation {
    top: -33px;
    left: 15px;
 }
}
@media screen and (max-width: 425px) {
  .section9_w .CP-off .PlanCard__head .Recommendation {
    top: -37px;
    left: 0px;
 }
}
@media screen and (max-width: 768px) {
  .section9_w .CP-off .PlanCard__table__wrapper {
    height: 76px !important;
 }
}
.section9_w .CP-on .SwitchArea__panels, .section9_w .CP-off .SwitchArea__panels {
  padding-top: 0;
}
.section9_w .CP-on .PlanCard__title, .section9_w .CP-off .PlanCard__title {
  background-color: #4cabdf;
  font-size: 24px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section9_w .CP-on .PlanCard__title.-bg_black, .section9_w .CP-off .PlanCard__title.-bg_black {
  background-color: #141821;
}
.section9_w .CP-on .PlanCard__title.-medium, .section9_w .CP-off .PlanCard__title.-medium {
  font-size: 18px;
}
.section9_w .CP-on .PlanCard__title span, .section9_w .CP-off .PlanCard__title span {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
}
.section9_w .CP-on .PlanCard__title span.first-month, .section9_w .CP-off .PlanCard__title span.first-month {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
}
.section9_w .CP-on .PlanCard__head, .section9_w .CP-off .PlanCard__head {
  border-color: #d1d4d7;
  color: #fff;
  padding: 0;
}
.section9_w .CP-on .ColumnArea.-subInfo, .section9_w .CP-off .ColumnArea.-subInfo {
  margin: 24px 0;
  background-color: #F2F8FC;
}
.section9_w .CP-on .ColumnArea.-subInfo small, .section9_w .CP-off .ColumnArea.-subInfo small {
  font-size: 16px;
  color: #0087d2;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .section9_w .CP-on .ColumnArea.-subInfo small, .section9_w .CP-off .ColumnArea.-subInfo small {
    font-size: 14px;
 }
}
.section9_w .CP-on .ColumnArea.-subInfo ul, .section9_w .CP-off .ColumnArea.-subInfo ul {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (min-width: 600px) {
  .section9_w .CP-on .ColumnArea.-subInfo ul, .section9_w .CP-off .ColumnArea.-subInfo ul {
    margin-top: 10px;
    gap: 4px;
 }
}
.section9_w .CP-on .ColumnArea.-subInfo ul li, .section9_w .CP-off .ColumnArea.-subInfo ul li {
  display: flex;
  align-items: start;
  font-weight: 500;
}
.section9_w .CP-on .ColumnArea.-subInfo ul li p, .section9_w .CP-off .ColumnArea.-subInfo ul li p {
  display: inline-block;
  font-size: 14px;
}
@media screen and (min-width: 600px) {
  .section9_w .CP-on .ColumnArea.-subInfo ul li p, .section9_w .CP-off .ColumnArea.-subInfo ul li p {
    font-size: 12px;
    font-weight: 400;
 }
}
.section9_w .CP-on .ColumnArea.-subInfo ul li p span.u_line, .section9_w .CP-off .ColumnArea.-subInfo ul li p span.u_line {
  border-bottom: 9px solid #fff8bb;
  line-height: 0.3;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .section9_w .CP-on .ColumnArea.-subInfo ul li p, .section9_w .CP-off .ColumnArea.-subInfo ul li p {
    font-size: 12px;
    font-weight: 400;
 }
}
@media screen and (max-width: 375px) {
  .section9_w .CP-on .ColumnArea.-subInfo ul li p span, .section9_w .CP-off .ColumnArea.-subInfo ul li p span {
    border-bottom: none;
    position: relative;
    z-index: 2;
 }
  .section9_w .CP-on .ColumnArea.-subInfo ul li p span:nth-child(1)::before, .section9_w .CP-off .ColumnArea.-subInfo ul li p span:nth-child(1)::before {
   /* Highlight color */
    background-color: #fff288;
    content: "";
    position: absolute;
    width: calc(100% + 4px);
    height: 50%;
    left: -2px;
    bottom: 0;
    z-index: -1;
 }
  .section9_w .CP-on .ColumnArea.-subInfo ul li p span:nth-child(2)::before, .section9_w .CP-off .ColumnArea.-subInfo ul li p span:nth-child(2)::before {
   /* Highlight color */
    background-color: #fff288;
    content: "";
    position: absolute;
    width: calc(100% + 37px);
    height: 22%;
    left: -249px;
    bottom: 0px;
    z-index: -1;
 }
}
.section9_w .CP-on .ColumnArea.-subInfo ul li img, .section9_w .CP-off .ColumnArea.-subInfo ul li img {
  padding: 2px 5px;
  display: inline-block;
}
.section9_w .CP-on .PlanCard__price.-common, .section9_w .CP-off .PlanCard__price.-common {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0;
  border-bottom: 2px solid #4cabdf;
}
.section9_w .CP-on .PlanCard__price > p, .section9_w .CP-off .PlanCard__price > p {
  align-items: center;
  width: 80%;
  position: relative;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 46px;
}
@media screen and (max-width: 768px) {
  .section9_w .CP-on .PlanCard__price > p, .section9_w .CP-off .PlanCard__price > p {
    width: 90%;
 }
}
.section9_w .CP-on .PlanCard__price > p span.Text.-large, .section9_w .CP-off .PlanCard__price > p span.Text.-large {
  font-size: 18px;
}
.section9_w .CP-on .PlanCard__price > p span.Text.-medium, .section9_w .CP-off .PlanCard__price > p span.Text.-medium {
  font-size: 14px;
}
.section9_w .CP-on .PlanCard__price > p span.Text.-price.-serif, .section9_w .CP-off .PlanCard__price > p span.Text.-price.-serif {
  line-height: 36px;
  margin: 0 2px 0 8px;
}
.section9_w .CP-on .PlanCard__price > p > img, .section9_w .CP-off .PlanCard__price > p > img {
  position: absolute;
  bottom: 0;
}
.section9_w .CP-on .PlanCard__price > p .Icon-right, .section9_w .CP-off .PlanCard__price > p .Icon-right {
  right: 0;
}
.section9_w .CP-on .PlanCard__price > p .Icon-left, .section9_w .CP-off .PlanCard__price > p .Icon-left {
  left: 0;
}
.section9_w .CP-on .PlanCard__plus__divider, .section9_w .CP-off .PlanCard__plus__divider {
  padding: 10px;
  text-align: center;
}
.section9_w .CP-on .PlanCard__table__wrapper, .section9_w .CP-off .PlanCard__table__wrapper {
  height: 76px;
  padding: 0 24px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .section9_w .CP-on .PlanCard__table__wrapper, .section9_w .CP-off .PlanCard__table__wrapper {
    height: 112px;
 }
}
@media screen and (max-width: 425px) {
  .section9_w .CP-on .PlanCard__table__wrapper, .section9_w .CP-off .PlanCard__table__wrapper {
    padding: 0 10px;
 }
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) {
  display: flex;
  justify-content: space-between;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) th, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) th {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) th, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) th {
    padding: 0;
    margin-left: 15px;
    margin-bottom: 2px;
 }
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) th p:nth-child(1), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) th p:nth-child(1) {
  margin-bottom: 2px;
  background-color: #0087d2;
  border-radius: 4px;
  width: 120px;
}
@media screen and (max-width: 768px) {
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) th p:nth-child(1), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) th p:nth-child(1) {
    width: 64px;
 }
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) th p:nth-child(1).-short_pill, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) th p:nth-child(1).-short_pill {
  width: 64px;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) th p:nth-child(1) span, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) th p:nth-child(1) span {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) th p:nth-child(1) > span:nth-child(2), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) th p:nth-child(1) > span:nth-child(2) {
    display: none;
 }
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(2), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(2) {
  align-items: center;
  display: flex;
  color: #7f8288;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(2) img, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(2) img {
  display: none;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(2) p span, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(2) p span {
  line-height: 0;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(2) p > span:nth-child(1), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(2) p > span:nth-child(1) {
  line-height: 12px;
  font-size: 10px;
  color: #7f8288;
  margin-right: 5px;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(2) p > span:nth-child(2), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(2) p > span:nth-child(2) {
  font-size: 14px;
  text-decoration: line-through;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(2) p > span:nth-child(3), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(2) p > span:nth-child(3) {
  font-size: 10px;
}
@media screen and (max-width: 768px) {
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(2), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(2) {
    margin-right: 34px;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(2) img, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(2) img {
    margin-top: 5px;
    display: block;
    rotate: 90deg;
 }
}
@media screen and (max-width: 768px) {
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(3), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(3) {
    display: none;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(3) .ShowSP, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(3) .ShowSP {
    display: block;
 }
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(3) img, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(3) img {
  margin-top: 17px;
}
@media screen and (max-width: 768px) {
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(4), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(4) {
    display: none;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(4) .ShowSP, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(4) .ShowSP {
    display: block;
 }
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(4) div, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(4) div {
  width: 64px;
  height: 36px;
  background: linear-gradient(270deg, #ffedf6 12.83%, #fffbde 85.92%);
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(4) div, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(4) div {
    width: 80px;
 }
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(4) div span, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(4) div span {
  font-size: 10px;
  color: #d03086;
  line-height: 12px;
  font-weight: 500;
  text-align: center;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) {
  align-items: center;
  display: flex;
}
@media screen and (max-width: 768px) {
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) {
    display: none;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5).-keep_show, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5).-keep_show {
    display: block !important;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5).-keep_show p span:nth-child(1), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5).-keep_show p span:nth-child(1) {
    margin-right: 0;
 }
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p span, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p span {
  line-height: 0;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(1), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(1) {
  line-height: 12px;
  font-size: 10px;
  color: #7f8288;
  margin-right: 10px;
}
@media screen and (max-width: 425px) {
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(1), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(1) {
    margin-right: 0;
 }
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(1).-promo, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(1).-promo {
  color: #d03086;
  font-weight: 500;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(2), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(2) {
  color: #141821;
  font-size: 24px;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(2).-promo, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(2).-promo {
  color: #d03086;
  font-weight: 500;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(3), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(3) {
  color: #141821;
  font-weight: 700;
  margin-left: 2px;
  font-size: 16px;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(3).-promo, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(3).-promo {
  color: #d03086;
  font-weight: 500;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(4), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(4) {
  color: #141821;
  font-weight: 700;
  font-size: 10px;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(4).-promo, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(4).-promo {
  color: #d03086;
  font-weight: 500;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(4).-promo span, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(1) > td:nth-child(5) p > span:nth-child(4).-promo span {
  color: #0087d2;
  font-size: 12px;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) {
  display: none;
}
@media screen and (max-width: 768px) {
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) {
    display: flex;
    justify-content: space-between;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2).-keep_hide, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2).-keep_hide {
    display: none !important;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(1), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(1) {
    border-top: none;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(1) div, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(1) div {
    width: 64px;
    height: 36px;
    background: linear-gradient(270deg, #ffedf6 12.83%, #fffbde 85.92%);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(1) div span, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(1) div span {
    font-size: 10px;
    color: #d03086;
    line-height: 12px;
    font-weight: 500;
    text-align: center;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) {
    align-items: center;
    display: flex;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p span, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p span {
    line-height: 0;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(1), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(1) {
    line-height: 12px;
    font-size: 10px;
    color: #7f8288;
    margin-right: 10px;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(1).-promo, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(1).-promo {
    color: #d03086;
    font-weight: 500;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(2), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(2) {
    color: #141821;
    font-size: 24px;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(2).-promo, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(2).-promo {
    color: #d03086;
    font-weight: 500;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(3), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(3) {
    color: #141821;
    font-weight: 700;
    margin-left: 2px;
    font-size: 16px;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(3).-promo, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(3).-promo {
    color: #d03086;
    font-weight: 500;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(4), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(4) {
    color: #141821;
    font-weight: 700;
    font-size: 10px;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(4).-promo, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(4).-promo {
    color: #d03086;
    font-weight: 500;
 }
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(4).-promo span, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) p > span:nth-child(4).-promo span {
    color: #0087d2;
    font-size: 12px;
 }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(1), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(1) {
    padding: 0;
    margin-left: 9px;
    border-top: none;
 }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(1) div, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(1) div {
    width: 80px;
 }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2), .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table tbody tr:nth-child(2) > td:nth-child(2) {
    padding: 0;
    border-top: none;
 }
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table p.Text.-secondary.-XS, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table p.Text.-secondary.-XS {
  font-size: 12px;
}
.section9_w .CP-on .PlanCard__table__wrapper table.PlanCard__table p.Text.-SS.-secondary, .section9_w .CP-off .PlanCard__table__wrapper table.PlanCard__table p.Text.-SS.-secondary {
  margin-top: 4px;
}
@media screen and (min-width: 600px) {
  .section9_w .CP-on .PlanCard__table__wrapper .PlanCard__infoText span, .section9_w .CP-off .PlanCard__table__wrapper .PlanCard__infoText span {
    font-size: 14px;
 }
}
@media screen and (min-width: 600px) {
  .section9_w .CP-off #campaign .CPArea__period {
    flex-direction: column;
 }
}
.section9_w .CP-off #campaign .CPArea__date img {
  max-width: 215px;
}
.section9_w .CP-off .PlanCard__infoText span {
  font-size: 14px;
}
.section9_w .CP-off .PlanCard__title span {
  font-size: 14px;
  font-weight: 500;
}
.section9_w .CP-off .PlanCard__title span.first-month {
  font-size: 18px;
}
.section9_w .CP-off table th p.Text.-secondary.-XS {
  font-size: 12px;
}
.section9_w .CP-off .ColumnArea.-subInfo {
  margin: 0;
  padding: 16px 0 24px;
  text-align: left;
}
@media screen and (min-width: 600px) {
  .section9_w .CP-off .ColumnArea.-subInfo {
    padding: 24px 0 40px;
 }
}
.section9_w .CP-off .ColumnArea.-subInfo + .Stack.-spc2 {
  margin-top: 0;
}
@media screen and (min-width: 600px) {
  .section9_w .CP-off .ColumnArea.-subInfo + .Stack.-spc2 > .ColumnArea {
    padding: 0;
 }
}
.section9_w .CP-off .ColumnArea.-subInfo small {
  font-size: 14px;
  font-weight: 700;
}
@media screen and (min-width: 600px) {
  .section9_w .CP-off .ColumnArea {
    padding: 24px;
 }
}
.section9_w .Stack.-spc2 .Grid {
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 600px) {
  .section9_w .Stack.-spc2 .Grid {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
 }
}
.section9_w .Stack.-spc2 .Grid .IconInfo {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .section9_w .Stack.-spc2 .Grid .IconInfo {
    padding: 16px;
    flex-basis: 33.3%;
    display: grid;
    grid-template-rows: 60px 42px 1fr;
    row-gap: 8px;
 }
}
.section9_w .Stack.-spc2 .Grid .IconInfo > * + div {
  height: 42px;
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 600px) {
  .section9_w .Stack.-spc2 .Grid .IconInfo > * + div {
    margin-top: 0;
 }
}
.section9_w .Stack.-spc2 .Grid .IconInfo > * + div span {
  font-size: 10px;
  vertical-align: text-top;
}
.section9_w .Stack.-spc2 .Grid .IconInfo .CommonList__item {
  padding-bottom: 6px;
}
.section9_w .ColumnArea.-hasBg.-typeB .ColumnArea__head {
  margin-left: -16px;
}
.section9_w .ColumnArea.-hasBg.-typeB .PlanCard__priceBox span.Text.-price.-serif {
  line-height: 1;
}
.section9_w .ColumnArea.-hasBg.-typeB .CompareTable.sp .CompareTable__item > div.me {
  flex-direction: column;
}
.section9_w .ColumnArea.-hasBg.-typeB .CompareTable.sp .CompareTable__item.-primary.-company div {
  line-height: 1.5;
  font-size: 12px;
}
.section9_w .ColumnArea.-hasBg.-typeB .CompareTable.sp .CompareTable__item.-primary.-company div img {
  margin-bottom: 4px;
}
.section9_w .ColumnArea.-hasBg.-typeB ul.CommonList.-spc2 {
  display: flex;
  padding: 8px 16px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  font-size: 12px;
  font-weight: 400;
  background: var(--ffffff, #fff);
  width: 100%;
  margin: 0;
}
.section9_w .ColumnArea.-hasBg.-typeB .CommonList.-spc2 > * + * {
  margin-top: 0;
}
.section9_w .ColumnArea.-hasBg.-typeB .more_area {
  padding: 24px 0;
  border-top: 1px solid #fff;
}
.section9_w .ColumnArea.-hasBg.-typeB .more_area .-h4 {
  background: #0087d2;
  padding: 12px 20px;
  margin-bottom: 24px;
  text-align: center;
  color: #fff;
  font-family: Noto Sans JP;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (min-width: 600px) {
  .section9_w .ColumnArea.-hasBg.-typeB .more_area .-h4 {
    max-width: 360px;
    margin: 0 auto 24px;
 }
}
.section9_w .ColumnArea.-hasBg.-typeB .more_area .Grid {
  gap: 40px;
}
.section9_w .ColumnArea.-hasBg.-typeB .more_area .Grid .CircleCard {
  max-width: 220px;
  height: 220px;
}
.section9_w .ColumnArea.-hasBg.-typeB .more_area .CircleCard .CircleCard__circleBox {
  background-color: #fff;
}
.section9_w .ColumnArea.-hasBg.-typeB .more_area .CircleCard .CircleCard__circleBox p.CircleCard__text {
  font-size: 14px;
  margin: 16px 0 0;
  color: #141821;
}
.section9_w .ColumnArea.-hasBg.-typeB .more_area .CircleCard .CircleCard__circleBox p.CircleCard__text.-red {
  color: #d03086;
}
.section9_w .member .PlanCard__head p.PlanCard__title {
  line-height: 2;
}
.section9_w .member .PlanCard__body {
  padding: 16px 24px 32px;
}

.section9_w .SwitchArea__panel.-blue_w .-y_blue > .Grid {
  gap: 8px;
  height: 95px;
  align-items: center;
  padding-bottom: 24px;
}
@media screen and (min-width: 820px) {
  .section9_w .SwitchArea__panel.-blue_w .-y_blue > .Grid {
    height: max-content;
 }
}
.section9_w .SwitchArea__panel.-blue_w .-y_blue > .Grid img {
  max-width: 56px;
  height: max-content;
}
.section9_w .SwitchArea__panel.-blue_w .-y_blue > .Grid div {
  text-align: left;
}
.section9_w .SwitchArea__panel.-blue_w .-y_blue > .Grid mark {
  background: none;
  max-width: max-content;
  background: linear-gradient(transparent 70%, #fff288 70%);
}
.section9_w .SwitchArea__panel.-blue_w .PriceCard__price.-after .terms + mark {
  background: none !important;
}
.section9_w .SwitchArea__panel.-blue_w .PriceCard__item.-main {
  font-size: 26px;
  color: #141821;
}
@media screen and (min-width: 900px) {
  .section9_w .SwitchArea__panel.-blue_w .PriceCard__item.-main {
    font-size: 34px;
 }
}
.section9_w .SwitchArea__panel.-blue_w .PriceCard__itemBox {
  color: #141821;
}
.section9_w .SwitchArea__panel.-blue_w .PriceCard__item.-terms {
  margin-right: 0;
}
.new_price .ColumnArea.-hasBg {
  background-color: #F2F8FC;
}

/* ---------------End section price--------------- */

#faq .ToggleList__button {
  padding-left: 70px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #faq .ToggleList__button {
    padding-left: 9.6vw;
  }
}
#faq .ToggleList__button:before {
  content: "Q";
  font-family: "Cormorant Infant", serif;
  font-weight: 400;
  color: #0087D2;
  line-height: 1;
  font-size: 60px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
@media screen and (max-width: 768px) {
  #faq .ToggleList__button:before {
    font-size: 8vw;
  }
}
#faq .ToggleList__main {
  padding-left: 70px;
}
@media screen and (max-width: 768px) {
  #faq .ToggleList__main {
    padding-left: 0;
  }
}

.swiper-pagination-bullet {
  border: none;
  width: 11px;
  height: 11px;
  border-radius: 6px;
  background-color: #D9DCDE;
}

.swiper-pagination-bullet-active {
  background-color: #0287D2;
}

.FixedArea.-single {
  background-color: #ECEEF1;
  padding: 2.6666666667vw 1.3333333333vw;
}
.FixedArea.-single .btnBox {
  display: flex;
  justify-content: center;
  gap: 1.3333333333vw;
}

/* Start css VPP-851 */
.note_monthly_fee {
  text-align: right;
  font-size: 12px;
  margin-top: 10px;
  color: #7F8288;
  font-weight: 500;
}

@media screen and (min-width: 769px) {
  #price-sale-banner-for-sp {
    display: none;
  }
  #price-sale-banner-for-pc .Button.-cp,
  #price-sale-banner-for-pc .Button.-cp .Button__bg {
    width: 200px;
  }
  #price-sale-banner-for-pc .Button.-cp:hover .Button__bg {
    width: 220px;
  }
}

.bizmates-apply-first-time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #141821;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
}

@media screen and (max-width: 768px) {
  #price-sale-banner-for-pc {
    display: none;
  }

  #block-price-sale-banner-for-sp {
    background-color: #FFF;
    padding: 12px 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  #price-sale-banner-for-sp {
    position: relative;
    width: calc(100% - 32px);
    height: auto;
    background: var(--grd-price, linear-gradient(270deg, #FFEDF6 12.83%, #FFFBDE 85.92%));
    overflow: hidden;
    transition: all 0.3s;
    border-radius: 8px;
    padding: 12px 0;
  }

  #price-sale-banner-for-sp .ButtonSP__text.-typeA {
    line-height: 150%;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    margin-top: 6px;
    color: #7F8288;
  }

  .bizmates-apply-first-time {
    gap: 10px;
  }
}

#price-sale-banner-for-pc .sale-conditions .Button__text.-typeA {
  margin-top: 5px;
}

#price-sale-banner-for-sp::before,
#price-sale-banner-for-sp::after {
  position: absolute;
  content: "";
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
}

#price-sale-banner-for-sp::before {
  top: 0px;
  left: 0px;
  background-image: url("../../../ss_coaching/images/BC_CP_ribbon_top.svg");
}

#price-sale-banner-for-sp::after {
  bottom: 0px;
  right: 0px;
  background-image: url("../../../ss_coaching/images/BC_CP_ribbon_under.svg");
}

.Button.-spCp {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  flex-direction: column;
}

#price-sale-banner-for-pc .sale-conditions {
  padding: 5px 0 15px 0;
  display: block;
}

#price-sale-banner-for-pc .Button__text.-typeA {
  color: #7F8288;
}
/* End css VPP-851 */

/*
.Grid.-pcColumn {
  @include pc-only {
    flex-direction: column;
  }
}

small {
  font-size: 0.75rem;
  @include sp-only {
    font-size: calc(100vw *(18 / 750));
  }
  &.-black {
    color: #141821;
  }
}
*/
/*
.PageSection {
  &.-ptNone {
    padding-top: 0;
  }
  &.-pbNone {
    padding-bottom: 0;
  }

  .PageSection__table {
    & + p {
      margin-top: 15px;
    }
  }
  .PageSection__tableTitle {
    font-size: 1.875rem;
    font-weight: 600;
    @include sp-only {
      font-size: calc(100vw *(34 / 750));
    }
  }
  .PageSection__tableOuter {
    margin-top: 35px;
    @include sp-only {
      margin-top: calc(100vw *(60 / 750));
    }
  }


  .CommonTable__item {    
    @include pc-only {
      font-size: 0.875rem;
    }
  }

  .SwitchArea__panels {
    @include pc-only {
      font-size: 1.125rem;
    }
    .PriceCard__body {
      .ColumnArea {
        padding: .5em;
      }
    }
  }
}
*/
/*========= CTASection =========

.CTASection {
  overflow: hidden;
  position: relative;

  @include sp-only {
    padding-top: calc(100vw *(55 / 750));
    padding-bottom: calc(100vw *(45 / 750));
    &.-hasBg {
      background-image: none;
    }
    &:not(#lesson-flow){
      &:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-image: url("https://www.bizmates.jp/coaching/all/ss_common/cta/CTA_trainer_sp.webp");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        position: absolute;
        top: 8.5vw;
        left: 5vw;
        z-index: 1;
      }
    }
  }
  .CTASection__subTitle {
    font-size: 1.375rem;
    @media screen and (max-width: 1024px) {
      font-size: calc(100vw *(22 / 750));
    }
  }
  .CTASection__title {
    font-size: 2.125rem;
    font-weight: 600;
    position: relative;
    z-index: 3;
    @media screen and (max-width: 1024px) {
      font-size: calc(100vw *(34/ 750));
      br {
        display: block;
      }
    }
  }

  .CTASection__ButtonBox {
    margin-top: 20px;
    max-width: 580px;
    @media screen and (min-width: 769px) {
      width: calc(100% - 220px);
    }
    @include sp-only {
      margin-top: calc(100vw *(150 / 750));
      .Button {
        position: relative;
        z-index: 2;
      }
    }
  }

  @media screen and (min-width: 769px) {
    .CTASection__Badge {
      top: 65%;
      right: -140px;
    }
  }
  @include sp-only {
    .CTASection__Badge {
      position: absolute;
      z-index: 1;
      top: calc(100vw *(-227 / 750));
      right: calc(100vw *(138 / 750));
      img {
        width: calc(100vw *(132 / 750));
      }
    }
  }
  .CTASection__link {
    font-size: 1.125rem;
    @include sp-only {
      font-size: calc(100vw *(22 / 750));
    }
  }
}
*/
/*========= Button =========

.Button.-large {
  max-width: 580px;
  font-size: 1.125rem;
  height: 79px;
}
@media screen and (min-width: 769px) {
  .Button.-large {
    font-size: 1.75rem;
    height: 110px;
  }
}

*/
/*
.LpSection {
  .LpSection__heading {
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-size: 2.5rem;
    text-align: center;
    color: #141821;
    padding: 0 0 .5em;
    margin: 0 0 1em;
    position: relative;
    &:after {
      content: "";
      display: block;
      width: 35px;
      height: 3px;
      background-color: #0087D2;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 0);
    }
    @include sp-only {
      font-size: calc(100vw *(46 / 750));
    }
  }
  .LpSection__subheading {
    font-family: "Noto Serif JP", serif;
    font-weight: 600;
    font-size: 1.875rem;
    color: #0087D2;
    text-align: center;
    margin: 0 0 1em;
    @include sp-only {
      font-size: calc(100vw *(34 / 750));
    }
  }
  &.-hasBg,.-hasBg {
    background-color: #fff;
  }

  .beginner {
    padding: 0 0 40px;
    display: flex;
    align-items: center;
    @include sp-only {
      flex-direction: column;
      padding: 0 0 calc(100vw *(40 / 750));
    }
    .beginner__icon {
      width: 180px;
      margin-right: 30px;
      @include sp-only {
        margin-right: 0px;
        margin-bottom: calc(100vw *(25 / 750));
        width: calc(100vw *(252 / 750));
        img {
          width: 100%;
        }
      }
    }
    .beginner__text {
      flex: 1;
      h3 {
        font-family: "Noto Serif JP", serif;
        font-weight: 600;
        font-size: 2.25rem;
        line-height: 1.666;
        color: #0087D2;
        margin: 0 0 .3em;
        @include sp-only {
          font-size: calc(100vw *(38 / 750));
          text-align: center;
        }

      }
      p {
        font-weight: 500;
        color: #141821;
        line-height: 1.636;
        &:not(.notice){
          font-size: 1.375rem;
          @include sp-only {
            font-size: calc(100vw *(26 / 750));
          }
        }
        &.notice {
          margin-top: .5em;
          small {
            color: #141821;
          }
        }
      }
    }
  }
}
*/
/*
.HeroArea__main {
  height: 501px;
  @include sp-only {
    height: auto;
    padding-top: calc(100vw *(245 / 750));
  }
  &::before,&::after {
    display: none;
  }
  .HeroArea__info {
    width: 100%;
    height: 100%;
    .Container {
      height: 100%;
    }
  }
  .HeroArea__wrapper {
    position: relative;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0;
  }
  .HeroArea__bgBox {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 501px;
    overflow: hidden;
    transform: translate(-50%, -50%);
    @include sp-only {
      height: auto;
      top: 0;
      left: 0;
      transform: translate(0, 0);
    }
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
  .HeroArea__box {
    &.-titleBox {
      position: relative;
      background-color: rgba(255,255,255,.8);
      width: 726px;
      text-align: center;
      color: #0F0A14;
      padding: 50px 20px 30px;
      margin-bottom: 72px;
      @include sp-only {
        width: 100%;
        padding: calc(100vw *(50 / 750)) calc(100vw *(20 / 750)) calc(100vw *(30 / 750));
        margin-bottom: 0;
      }
      .HeroArea__lead {
        font-size: 1.375rem;
        font-weight: 700;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #141821;
        color: #fff;
        white-space: nowrap;
        margin-top: 0;
        line-height: 1;
        padding: .6em .69em .8em;
        @include sp-only {
          font-size: calc(100vw *(24 / 750));
        }
      }
      .HeroArea__copy {
        font-size: 0.9625em;
        font-weight: 600;
        text-shadow: none;
        letter-spacing: 2px;
        @include pc-only {
          font-size: 1.5rem;
        }
        @include sp-only {
          font-size: calc(100vw *(28 / 750));
        }
        &.-copy3 {
          font-size: 1.625rem;
          line-height: 1.642;
          color: #0087D2;
          font-weight: bold;
          @include sp-only {
            font-size: calc(100vw *(34 / 750));
          }
          .-logo {
            display: block;
          }
        }
      }
    }
    &.-badge {
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 0 0 .8em;
      @include sp-only {
        position: relative;
      }
      .Grid {
        justify-content: flex-end;
        @include sp-only {
          justify-content: center;
        }
      }
      p {
        white-space: nowrap;
      }
      small {
        color: #fff;
        font-size: var(--fs-body-s);
        text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
        @include sp-only {
          color: #0F0A14;
          font-size: calc(100vw *(18 / 750))!important;
        }

      }
      img {
        width: 131px;
        @include sp-only {
          width: calc(100vw *(162 / 750));
        }
      }
    }

  }
}
*/
/*
.UserArea {
  position: relative;
  &.-typeA {
    padding: 20px 30px 0 155px;
    @include sp-only {
      padding: 0 0 0 calc(100vw *(106 / 750));
    }
    .UserArea__image {
      position: absolute;
      top: 0;
      left: 0;
      @include sp-only {
        top: 50%;
        width: calc(100vw *(200 / 750));
        transform: translate(0, -50%);
        img {
          width: 100%;
        }
      }
    }
    .UserArea__textbox {
      background-color: #F2F8FC;
      border-radius: 10px;
      padding: 40px 50px 40px 130px;
      @include sp-only {
        padding: calc(100vw *(30 / 750)) calc(100vw *(35 / 750)) calc(100vw *(50 / 750)) calc(100vw *(110 / 750));
      }
      p {
        font-size: 1.125rem;
        line-height: 1.75;
        font-weight: 500;
        &:first-child {
          font-size: 1.625rem;
          line-height: 1.538;
          margin-bottom: .2em;
        }
        @include sp-only {
          font-size:calc(100vw *(24 / 750));
          &:first-child {
            font-size: calc(100vw *(30 / 750));
          }
        }
      }
    }
  }
}
*/
/*
.featuresArea {
  position: relative;
  width: 100%;
  height: 176px;
  @include sp-only {
    height: calc(100vw *(416 / 750));
  }
  &::before,&::after {
    display: block;
    content: "";
    width: 56.166%;
    height: 100%;
    position: absolute;
    top: 0;
    @include sp-only {
      top: inherit;
      left: 0;
      width: 100%;
    }
  }
  &::before {
    right: 0;
    background-image: url("https://www.bizmates.jp/coaching/all/images/features_bg-right.svg");
    background-size: cover;
    background-position: 100% 50%;
    //background: transparent linear-gradient(132deg, #1C567B 0%, #0E2B3E 100%) 0% 0% no-repeat padding-box;
    @include sp-only {
      right: inherit;
      height: calc(100vw *(276 / 750));
      bottom: 0;
      background-image: url("https://www.bizmates.jp/coaching/all/images/features_bg-right_sp.svg");
      background-position: 0 0;
    }
  }
  &::after {
    left: 0;
    background-image: url("https://www.bizmates.jp/coaching/all/images/features_bg-left.svg");
    background-size: cover;
    background-position: 100% 50%;
    //background: transparent linear-gradient(132deg, #26455C 0%, #080E12 100%) 0% 0% no-repeat padding-box;
    @include sp-only {
      top: 0;
      height: calc(100vw *(226 / 750));
      background-image: url("https://www.bizmates.jp/coaching/all/images/features_bg-left_sp.svg");
      background-position: 0 100%;
    }
  }
  .Grid {
    height: 100%;
    @include sp-only {
      width: 100%;
      height: auto;
    }
  }
  .Grid__item {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
    color: #fff;
    @include sp-only {
      width: 100%;
      height: calc(100vw *(208 / 750));
      .Grid__body {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: calc(100vw *(5 / 750)) calc(100vw *(30 / 750)) calc(100vw *(25 / 750));
      }
    }
  }

  .featuresArea__copy {
    position: relative;
    font-size: 1.625rem;
    margin-bottom: .5em;
    padding-left: 46px;
    @include sp-only {
      font-size: calc(100vw *(34 / 750));
      padding-left: calc(100vw *(55 / 750));
      margin-left: calc(100vw *(25 / 750));;
    }
    &::before {
      content: "";
      display: block;
      width: 33px;
      height: 33px;
      background-image: url("https://www.bizmates.jp/coaching/all/images/icon_check.svg");
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
      position: absolute;
      top: 22px;
      left: 0;
      @include sp-only {
        top:calc(100vw *(28 / 750));
        width: calc(100vw *(44 / 750));
        height: calc(100vw *(44 / 750));
      }
    }
    strong {
      color: #fff;
      display: inline-block;
      position: relative;
      padding: 0 0 .1em;
      &::after {
        display: block;
        content: "";
        width: 100%;
        height: 3px;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #fff;
      }
    }
    b {
      font-size: 2.625rem;
      font-family: "Noto Serif JP", serif;
      font-weight: 500;
      @include sp-only {
        font-size: calc(100vw *(56 / 750));
      }
    }
  }
  .featuresArea__notice {
    font-size: 0.75rem;
    line-height: 1.4166;
    padding-left: 55px;
    @include sp-only {
      font-size: calc(100vw *(18 / 750));
      padding-left: 0;
    }
  }


  @media screen and (min-width: 769px) and (max-width:1200px) {
    .-firstMonth {
      padding-right: calc(100vw *(45 / 1200));
    }
    .-everyDay {
      padding-left: calc(100vw *(110 / 1200));
    }

    .featuresArea__copy {
      font-size: calc(100vw *(26 / 1200));
      padding-left: calc(100vw *(47 / 1200));
      &::before {
        top:calc(100vw *(21 / 1200));
        width: calc(100vw *(33 / 1200));
        height: calc(100vw *(33 / 1200));
      }
      b {
        font-size: calc(100vw *(42 / 1200));
      }
    }
    .featuresArea__notice {
      font-size: calc(100vw *(12 / 1200));
    }
  }

  @include pc-only {
    .Grid__item {
      flex-basis: 50%;
    }
    .-firstMonth {
      align-items: flex-end;
      padding-right: 45px;
    }
    .-everyDay {
      align-items: flex-start;
      padding-left: 110px
    }
  }


}
*/
/*
.section-01 {
  .-point {
    gap: 35px;
    margin: 0 0 5px;
    @include sp-only {
      gap:calc(100vw *(20 / 750));
      margin: 0 0 calc(100vw *(15 / 750));
    }
    & + p {
      margin-bottom: 35px;
      @include sp-only {
        gap:calc(100vw *(20 / 750));
        margin: 0 0 calc(100vw *(75 / 750));
      }
    }
    .Grid__item {
      position: relative;
      width: 31%;
      padding: 30px 20px 35px;
      border: solid 10px #ECEEF2;
      text-align: center;
      &::after {
        content: "";
        display: block;
        width: 54px;
        height: 93px;
        background-image: url("https://www.bizmates.jp/coaching/all/images/symbol_single.svg");
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
      }
      @include sp-only {
        display: flex;
        align-items: center;
        width: 100%;
        padding: calc(100vw *(20 / 750)) calc(100vw *(30 / 750)) calc(100vw *(25 / 750)) calc(100vw *(65 / 750));
        &::after {
          width: calc(100vw *(54 / 750));
          height: calc(100vw *(93 / 750));
        }
      }
    }
    .-number {
      font-family: "Cormorant Infant", serif;
      font-size: 3.75rem;
      color: #0087D2;
      margin-bottom: .2em;
      @include sp-only {
        font-size: calc(100vw *(80 / 750));
        margin-bottom: 0;
        margin-right: .5em;
      }
    }
    .-text {
      font-size: 1.375rem;
      line-height: 1.45;
      font-weight: 500;
      @include sp-only {
        font-size: calc(100vw *(30 / 750));
        flex: 1;
        text-align: left;
      }
    }
  }
}
*/
/*
.section-02 {
  h2 {
    background-color: #26455C;
    color: #fff;
    text-align: center;
    line-height: 1.642;
    font-size: 1.75rem;
    font-weight: 500;
    padding: 30px 20px 45px;
    @include sp-only {
      font-size: calc(100vw *(28 / 750));
      padding: calc(100vw *(35 / 750)) 0 calc(100vw *(58 / 750));
    }
  }
  .block-01 {
    .block-01__body {
      position: relative;
      padding: 55px 0 150px;
      text-align: center;
      @include sp-only {
        padding: calc(100vw *(75 / 750)) 0 calc(100vw *(200 / 750));
      }
    }
    .-text01 {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%);
      display: inline-block;
      font-family: "Noto Serif JP", serif;
      font-size: 2.625rem;
      font-weight: 700;
      line-height: 1.142;
      color: #26455C;
      background-color: #FFEC56;
      padding: .2em .3em .3em .7em;
      @include sp-only {
        font-size: calc(100vw *(42 / 750));
      }
    }
    .-text02 {
      font-size: 1.875rem;
      font-weight: 500;
      color: #0087D2;
      @include sp-only {
        font-size: calc(100vw *(28 / 750));
      }
    }
  }
  .block-02 {
    height: 423px;
    background-image: url("https://www.bizmates.jp/coaching/all/images/secton02_bg01.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    @include sp-only {
      height: calc(100vw *(526 / 750));
      background-image: url("https://www.bizmates.jp/coaching/all/images/secton02_bg01_sp.webp");
    }
    .speechBubble {
      width: 748px;
      height: 147px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -60%);
      padding: 1.5em .5em 1em;
      text-align: center;
      font-size: 1.75rem;
      line-height: 1.628;
      font-weight: 500;
      color: #26455C;
      background-color: #fff;
      text-align: center;
      @include sp-only {
        width: calc(100vw *(690 / 750));
        height: calc(100vw *(147 / 750));
        font-size: calc(100vw *(28 / 750));
        padding: .5em .5em .5em;
        transform: translate(-50%, -89.8%);
      }
      &:after {
        display: block;
        content: "";
        width: 100px;
        height: 109px;
        background-image: url("https://www.bizmates.jp/coaching/all/images/speechBubble.svg");
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 0;
        left: 35%;
        transform: translate(0, 68%);
        @include sp-only {
          width: calc(100vw *(100 / 750));
          height: calc(100vw *(109 / 750));
          left: 40%
        }
      }
    }
    .-text01 {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%);
      display: inline-block;
      font-family: "Noto Serif JP", serif;
      font-size: 2rem;
      font-weight: 600;
      line-height: 1.142;
      color: #26455C;
      background-color: #FFEC56;
      padding: .2em .3em .3em .7em;
      @include sp-only {
        font-size: calc(100vw *(32 / 750));
      }
    }
    .figure-01 {
      position: relative;
      z-index: 1;
      transform: translate(-52%, 0);
      @include sp-only {
        transform: translate(-20%, 0);
        width: calc(100vw *(479 / 750));
        img {
          width: 100%;
        }
      }
    }
  }
  .block-03 {
    padding: 50px 0 80px;
    @include sp-only {
      padding: calc(100vw *(65 / 750)) 0 calc(100vw *(110 / 750));
      img {
        width: 100%;
      }
    }
    .headWrap {
      display: flex;
      justify-content: center;
      margin: 0 0 10px;
    }
    .-text01 {
      display: inline-block;
      font-family: "Noto Serif JP", serif;
      font-size: 2.875rem;
      font-weight: 600;
      line-height: 1.142;
      color: #26455C;
      background-color: #FFEC56;
      padding: .2em .3em .3em .7em;
      @include sp-only {
        font-size: calc(100vw *(46 / 750));
      }
    }
    .-text02 {
      font-size: 1.375rem;
      font-weight: 500;
      color: #141821;
      line-height: 2.272;
      @include sp-only {
        font-size: calc(100vw *(28 / 750));
        text-align: center;
        margin-bottom: .5em;
      }
    }
    .box {
      align-items: flex-end;
    }
  }
}

*/
/*
.section-03 {
  padding: 60px 0;
  background-color: #F2F8FC;
  @include sp-only {
    padding: calc(100vw *(60 / 750)) 0;
  }
  .LpSection__block {
    background-color: #FFFFFF;
    padding: 50px 20px 65px;
    @include sp-only {
      padding: calc(100vw *(50 / 750)) calc(100vw *(25 / 750)) calc(100vw *(60 / 750));
    }
    .box {
      margin-top: 30px;
      padding: 0 25px;
      display: flex;
      @include sp-only {
        flex-direction: column;
        align-items: center;
        padding: 0;
      }
      .-profile {
        width: 150px;
        text-align: center;
        margin-right: 40px;
        @include sp-only {
          width: calc(100vw *(252 / 750));
          margin-right: 0;
          text-align: center;
        }
        p {
          font-family: "Noto Serif JP", serif;
          font-size: 1.25rem;
          font-weight: 600;
          margin-top: 1em;
          @include sp-only {
            width: calc(100vw *(252 / 750));
            margin-right: 0;
            font-size: calc(100vw *(30 / 750));
          }
        }
      }
      .-comment {
        line-height: 1.875;
        font-size: 1rem;
        flex: 1;
        padding: .5em 0 0;
        strong {
          font-weight: bold;
          background-color: #ffec56;
          color: #141821;
        }

      }
    }
  }
}
*/
/*
.section-04 {
  background-image: url("https://www.bizmates.jp/coaching/all/images/section04_bg.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  padding: 65px 0;
  @include sp-only {
    padding:calc(100vw *(60 / 750)) 0 calc(100vw *(45 / 750));
    background-image: url("https://www.bizmates.jp/coaching/all/images/section04_bg_sp.webp");
  }
  h2 {
    font-size: 2.25rem;
    font-family: "Noto Serif JP", serif;
    font-weight: 600;
    line-height: 1.555;
    margin: 0 0 1.2em;
    @include sp-only {
      font-size: calc(100vw *(38 / 750));
    }
  }
  .checkList {
    li {
      font-size: 1.375rem;
      font-weight: 500;
      line-height: 2.727;
      padding-left: 45px;
      position: relative;
      @include sp-only {
        font-size: calc(100vw *(24 / 750));
        line-height: 1.25;
        padding-left: calc(100vw *(45 / 750));
      }
      & + li {
        margin-top: .6em;
        @include sp-only {
          margin-top: .8em;
        }
      }
      &:after {
        display: block;
        content: "";
        width: 25px;
        height: 19px;
        background-image: url("https://www.bizmates.jp/coaching/all/images/check.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 1.0em;
        left: 0;
        @include sp-only {
          top: .3em;
          width: calc(100vw *(25 / 750));
          height: calc(100vw *(19 / 750));
        }
      }
    }
  }
}
*/
/*
.section-05 {
  padding: 45px 0 165px;
  @include sp-only {
    padding:calc(100vw *(60 / 750)) 0;
  }
  .next {
    text-align: center;
    margin: 0 0 25px;
    @include sp-only {
      margin: 0 0 calc(100vw *(25 / 750)) 0;
      img {
        width: calc(100vw *(168 / 750));
      }
    }
  }
  .checkList__wrapper {
    background-color: #ECEEF2;
    padding: 30px 50px;
    @include sp-only {
      padding: calc(100vw *(45 / 750)) calc(100vw *(25 / 750));
    }
    .checkList {
      li {
        font-size: 1.375rem;
        font-weight: 500;
        line-height: 2.727;
        padding-left: 45px;
        position: relative;
        @include sp-only {
          font-size: calc(100vw *(24 / 750));
          padding-left: calc(100vw *(45 / 750));
          line-height: 1.25;
        }
        & + li {
          margin-top: .4em;
        }
        &:after {
          display: block;
          content: "";
          width: 25px;
          height: 19px;
          background-image: url("https://www.bizmates.jp/coaching/all/images/check-blue.svg");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          position: absolute;
          top: 1.0em;
          left: 0;
          @include sp-only {
            width: calc(100vw *(25 / 750));
            height: calc(100vw *(19 / 750));
            top: .3em;
          }
        }
      }
    }
  }
}
*/
/*
.section-06 {
  padding: 0 0 75px;
  @include sp-only {
    padding: 0 0 calc(100vw *(75 / 750));
    .image {
      width: 100%;
      img {
        width: 100%;
      }
    }
  }
  .section-06__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    .textbox {
      position: absolute;
      top: 0;
      left: 0;
      background-color: #F2F8FC;
      width: 53.333vw;
      display: flex;
      justify-content: flex-end;
      padding: 75px 20px 75px 20px;
      transform: translate(0, -65px);
      @include sp-only {
        position: relative;
        width: calc(100vw *(690 / 750));
        margin: 0 auto;
        padding: calc(100vw *(40 / 750)) calc(100vw *(40 / 750)) calc(100vw *(50 / 750)) calc(100vw *(40 / 750));
        transform: translate(0, 0);
        margin-top: calc(100vw *(-245 / 750));
      }
      p {
        font-size: 1.5rem;
        font-weight: 500;
        width: 540px;
        max-width: 100%;
        line-height: 1.857;
        span {
          font-size: 1.75rem;
        }
        @include sp-only {
          font-size: calc(100vw *(29 / 750));
          width: auto;
          span {
            font-size: calc(100vw *(34 / 750));
          }
        }
      }
    }
  }
}
*/
/*
.section-07 {
  .section-07__interview {

    position: relative;
    width: 100%;
    @include sp-only {
      background: none;
      height: auto;
      .image {
        width: 100%;
        img {
          width: 100%;
        }
      }
    }
    .image {
      position: absolute;
      top: 0;
      left: 0;
      width: 43.833vw;
      height: 100%;
      img {
        object-fit: cover;
      }
      @media screen and (min-width: 1440px) {
        width: 526px;
        left: 40%;
        transform: translate(-100%, 0);
      }
    }

    .section-07__box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 80px 0 80px 45.5%;
      @include sp-only {
        padding: calc(100vw *(90 / 750)) 0 calc(100vw *(20 / 750));
      }
      h2 {
        font-size: 2rem;
        line-height: 1.875;
        margin: 0 0 1em;
        font-family: "Noto Serif JP", serif;
        font-weight: 600;
        @include sp-only {
          font-size: calc(100vw *(40 / 750));
        }
      }
      p {
        font-size: 1.125rem;
        line-height: 1.888;
        @include sp-only {
          font-size: calc(100vw *(24 / 750));
        }
      }
      strong {
        font-weight: bold;
        background-color: #ffec56;
        color: #141821;
      }
    }
  }
  .section-07__profile {
    background-color: #ECEEF2;
    padding: 35px 0;
    position: relative;
    z-index: 1;
    dt {
      font-family: "Noto Serif JP", serif;
      font-weight: 700;
      font-size: 1.125rem;
      margin: 0 0 .3em;
      @include sp-only {
        font-size: calc(100vw *(26 / 750));
      }
    }
    dd {
      font-size: 1rem;
      line-height: 1.6;
      @include sp-only {
        font-size: calc(100vw *(20/ 750));
      }
    }
  }
}
*/
/*
.section-08 {
  padding-top: 100px;
  @include sp-only {
    padding-top: calc(100vw *(90/ 750));
  }
  h2:first-child {
    margin-bottom: 1.2em;
  }
  .subTitle__wrap {
    background-color: #0087D2;
    color: #fff;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    @include sp-only {
      padding: calc(100vw *(30 / 750)) calc(100vw *(20 / 750)) calc(100vw *(25 / 750));
      height: auto;
    }
    h3 {
      display: flex;
      align-items: center;
      font-family: "Noto Serif JP", serif;
      font-size: 2rem;
      @include sp-only {
        font-size: calc(100vw *(36/ 750));
      }
      .-number {
        font-size: 4.375rem;
        font-family: "Cormorant Infant", serif;
        font-weight: 400;
        @include sp-only {
          font-size: calc(100vw *(80 / 750));
        }
      }
      .line {
        margin: 0 10px;
      }
    }
  }

  .features {
    margin: 0 0 60px;
    @include sp-only {
      margin: 0;
    }
    .Grid__item {
      text-align: center;
      font-size: 1.25rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 10px;
      @include sp-only {
        font-size: calc(100vw *(24/ 750));
        padding: calc(100vw *(60/ 750)) calc(100vw *(10/ 750));
        .title-wrap {
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
      .number {
        font-size: 3.75rem;
        font-family: "Cormorant Infant", serif;
        font-weight: 400;
        color: #0087D2;
        @include sp-only {
          font-size: calc(100vw *(70/ 750));
          margin-right: .2em;
          margin-bottom: .2em;
          line-height: 1;
        }
      }
      & + .Grid__item {
        border-left: solid 1px #CECECE;

        @include sp-only {
          border-left: 0;
          border-top: solid 1px #CECECE;
        }
      }
      h3 {
        font-family: "Noto Serif JP", serif;
        font-weight: 600;
        font-size: 1.875rem;
        margin-bottom: .5em;
        @include sp-only {
          font-size: calc(100vw *(36/ 750));
        }
        & + p {
          margin-bottom: 1.5em;
        }
      }
      .image {
        margin-top: 30px;
        @include sp-only {
          margin-top: calc(100vw *(45/ 750));
        }
      }
    }
  }

  .case {
    gap: 40px;
    margin: 0 0 60px;
    @include sp-only {
      gap: calc(100vw *(60/ 750))0;
      font-size: calc(100vw *(30/ 750));
      margin: 0 0 calc(100vw *(75/ 750));
    }
    .Grid__item {
      & > p {
        &:first-child {
          font-family: "Noto Serif JP", serif;
          font-weight: 600;
          font-size: 1.375rem;
          height: 78px;
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: #ECEEF2;
          @include sp-only {
            height: calc(100vw *(112/ 750));
            font-size: calc(100vw *(30/ 750));
          }
        }
        &.note {
          font-family: "Noto Serif JP", serif;
          font-weight: 600;
          font-size: 1.25rem;
          height: 100px;
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: #26455C;
          color: #fff;
          text-align: center;
          @include sp-only {
            height: calc(100vw *(143/ 750));
            font-size: calc(100vw *(28/ 750));
          }
        }
      }
      &.case02 {
        & > p {
          &:first-child {
            background-color: #D7ECF8;
          }
          &.note {
            background-color: #0087D2;
          }
        }
      }
      .example {
        position: relative;
        p {
          position: absolute;
          top: 0;
          right: 0;
          background-color: #fff;
          font-size: 1.125rem;
          font-weight: bold;
          line-height: 1.333;
          padding: .8em 1em;
          span {
            font-size: 0.875rem;
          }
          @include sp-only {
            font-size: calc(100vw *(25 / 750));
            span {
              font-size: calc(100vw *(19/ 750));
            }
          }
        }
      }
    }
  }

  .section-08__note {
    background-color: #F2F8FC;
    margin-bottom: 100px;
    padding: 35px 60px;
    position: relative;
    @include sp-only {
      padding: calc(100vw *(75 / 750)) calc(100vw *(20 / 750));
      font-size: calc(100vw *(24/ 750));
      margin-bottom: calc(100vw *(70/ 750));
    }
    &::before {
      content: "";
      display: block;
      width: 81px;
      height: 139px;
      background-image: url("https://www.bizmates.jp/coaching/all/images/symbol_single-blue.svg");
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      top: 0;
      left: 0;
      @include sp-only {
        width: calc(100vw *(81 / 750));
        height: calc(100vw *(139 / 750));
      }
    }
    &.-center {
      text-align: center;
    }
    p {
      &.-middle {
        font-family: "Noto Serif JP", serif;
        font-weight: 600;
        font-size: 1.375rem;
        @include sp-only {
          font-size: calc(100vw *(24/ 750));
        }
      }
      &.-large {
        font-family: "Noto Serif JP", serif;
        font-weight: 700;
        font-size: 1.5rem;
        @include sp-only {
          font-size: calc(100vw *(26/ 750));
        }
      }
      & + p {
        margin-top: 1.5em;
      }
    }


    .-userBlock {
      .box {
        display: flex;
        @include sp-only {
          flex-direction: column;
          align-items: center;
        }
      }
      .-profile {
        width: 148px;
        text-align: center;
        margin-right: 35px;

        @include sp-only {
          width: calc(100vw *(248/ 750));
          margin-right: 0;
          img {
            width: 100%;
          }
        }

        p {
          font-family: "Noto Serif JP", serif;
          font-size: 1.25rem;
          font-weight: 600;
          margin-top: 1em;

          @include sp-only {
            font-size: calc(100vw *(24/ 750));
            margin-right: 0;
            line-height: 1.75;
          }
        }
      }

      .-comment {
        flex: 1;
        line-height: 2.25;
        font-size: 1rem;
        @include sp-only {
          line-height: 1.75;
          font-size: calc(100vw *(24/ 750));
        }
      }
      .-title {
        font-family: "Noto Serif JP", serif;
        font-weight: 600;
        font-size: 1.375rem;
        line-height: 1.636;
        color: #0087D2;
        margin: 0 0 .8em;
        @include sp-only {
          text-align: center;
          font-size: calc(100vw *(30/ 750));
        }
      }
    }


  }


  .PageSection__item02 {
    @include pc-only {
      .ColumnArea.-pbL {
        padding-top: 15x;
      }
    }
    h3 {
      &.PageSection__heading {
        font-size: 2.125rem;
        font-weight: 600;
        .PageSection__subheading {
          font-size: 1.625rem;
        }
      }
    }

    .ColumnArea {
      .AccordionArea__button {
        .Button {
          font-size: 1.125rem;
          @include sp-only {
            font-size: calc(100vw *(22/ 750));
          }
        }
        .Button.-text .Icon, .Button.-xs .Icon {
          vertical-align: -0.05em;
        }
      }
      .Logo + .PageSection__customLead { 
        @include pc-only {
          font-size: 1.375rem;
        }
      }

      .ProgramFigure.-typeB .ProgramFigure__item {
        @include pc-only {
          font-size: 1.125rem;
        }
      }

      .ProgramFigure.-typeC .ProgramFigure__item {
        @include pc-only {
          font-size: 1.125rem;
        }
      }

      .ProgramFigure.-typeD .ProgramFigure__item {
        @include pc-only {
          font-size: 1.125rem;
        }
      }



      .ColumnArea_01 {
        @include pc-only {
          padding-top: 40px;
        }
      }

      &.-hasLine.-typeA {

        .AccordionArea__main {
          @include pc-only {
            margin-top: 55px;
          }
          & > .Grid {
            border-top: #ECEEF2 solid 2px;
          }
          .Card__lebel {
            font-family: "Cormorant Infant", serif;
            font-weight: 600;
            @include pc-only {
              font-size: 2rem;
              line-height: 42px;;
              span {
                font-size: 2.625rem;
              }
            }
            &.-lv0::after {
              width: 82px;
              height: 41px;
              background-size: auto 100%;
              margin-left: 36px;
            }
            &.-lv1::after {
              width: 41px;
              height: 41px;
              background-size: auto 100%;
              margin-left: 54px;
            }

          }
          .LankLabel {
            max-width: 157px;
            @include pc-only {
              height: 46px;
              border-radius: 5px;
              font-size: 1.125rem;
            }
          }
          .Button {
            font-size: 1.125rem;
            font-weight: 700;
          }
          .Icon {
            font-size: 2.0em;
          }
          .Card__desc {
            font-size: 1rem;
            line-height: 1.8;
          }
        }
        .Card.-typeC {
          border-bottom: #ECEEF2 solid 2px;
        }
      }
    } 
  }

  .PageSection__item03 {
    .Slider {
      margin-top: 60px;
      margin-bottom: 20px;;
    }
    .PageSection__lead {
      font-size: 1.375rem;
      line-height: 1.636;
      font-weight: 500;
      margin-top: 30px;
      text-align: center;
      strong {
        font-weight: bold;
      }
      @include sp-only {
        text-align: center;
        font-size: calc(100vw *(30/ 750));
      }
    }
    .section-08__note {
      margin-top: 35px;
      margin-bottom: 0;
    }
  }



  .AccordionArea .Grid__item {
    text-align: center;
  }
  .PageSection__customLead strong {
    color: inherit;
    font-weight: bold;
  }
  .ProgramFigure {
    justify-content: center;
  }


  .Grid.-col2.-spc2 > * {
    flex-basis: calc(50% - 8px);
  }

  .Grid.-contentCenter.-spColumn {
    align-items: center;
  }


  .ColumnArea.-hasLine.-typeA {
    border: #F2F8FC solid 10px;
  }

  @media screen and (min-width: 769px) {
    .ColumnArea.-hasLine.-typeA {
      padding: 60px 24px;
    }
  }

  .ColumnArea.-hasLine.-typeB {
    border: #FBECF1 solid 10px;
  }

  @media screen and (min-width: 769px) {
    .ColumnArea.-hasLine.-typeB {
      padding: 60px 24px;
    }
  }

  .ColumnArea.-hasLine.-typeC {
    border: #EEF7EC solid 10px;
    .ProgramFigure {
      .Grid {
        &.-iconTextCluster {
          width: 100%;
        }
        .Grid__item {
          &:nth-child(2) {
            flex: 1;
            text-align: left;
          }
        }   
      }
    }
  }

  @media screen and (min-width: 769px) {
    .ColumnArea.-hasLine.-typeC {
      padding: 60px 24px;
    }
  }

  .ColumnArea.-hasLine.-typeD {
    border: #FFF3E9 solid 10px;
  }

  @media screen and (min-width: 769px) {
    .ColumnArea.-hasLine.-typeD {
      padding: 60px 24px;
    }
  }

  .level0 {
    padding: 6% 0 3%;
    & > p {
      text-align: center;
      margin-bottom: 3em;
      font-size: 1.75rem;
      font-weight: 600;
      color: #26455C;
      font-family: "Noto Serif JP", serif;
      @include sp-only {
        font-size: 1.5rem;
      }
    }
  }

  .PageSection__item03 {
    .PageSection__heading {
      @include sp-only {
        font-size: calc(100vw *(42/ 750));
      }
      span {
        @include sp-only {
          font-size: calc(100vw *(60/ 750));
        }
      }
    }
    .PageSection__lead {
      @include sp-only {
        font-size: calc(100vw *(24/ 750));
      }
    }
  }

}

*/
/*
.section-09 {
  .ColumnArea__wrap {
    @include sp-only {
      display: block;

      .ColumnArea {
        & + * {
          margin-top: 30px;
        }
      }
    }

  }
  .PageSection__heading {
    strong {
      display: inline-block;
      font-size: 2.625rem;
      color: #141821;
      background-color: #FFEC56;
      margin: 0 0 .5em;
      @include sp-only {
        font-size: calc(100vw *(42/ 750));
      }
    }
  }
  .ColumnArea__lead {
    line-height: 1.636;
    font-weight: bold;
    font-size: 1.375rem;
    color: #0087D2;
    margin: 0 0 .6em;
    @include sp-only {
      font-size: calc(100vw *(28 / 750));
    }
  }
  .CommonList__item {
    font-size: 1.125rem;
    font-weight: 500;
    padding-left: 32px;
    @include sp-only {
      font-size: calc(100vw *(22/ 750));
      padding-left: calc(100vw *(32/ 750));
    }
  }
  .CommonList__item::before {
    width: 16px;
    @include sp-only {
      width: calc(100vw *(16/ 750));
      left: calc(100vw *(8/ 750));
    }
  }
  .Icon {
    text-align: center;
  }
  @media screen and (min-width: 769px) {
    .ColumnArea {
      padding: 20px;
    }
  }
  @media screen and (min-width: 769px) {
    .Grid.-iconTextCluster {
      gap: 3%;
    }
  }
  .Grid.-col2.-spc3 > * {
    flex-basis: calc(50% - 20px);
  }

  @media screen and (min-width: 769px) {
    .Grid.-spc3 {
      gap: 40px;
    }
  }
  .Grid.-iconTextCluster .Grid__item.Icon {
    flex-basis: 46%;
    max-width: 167px;
  }

}
*/
/*
.section-10 {
  .userComment {
    .userComment__item {
      border-bottom: solid 2px #ECEEF2;
      padding: 55px 40px 55px 30px;
      display: flex;
      align-items: center;
      @include sp-only {
        padding:calc(100vw *(50/ 750)) 0;
        flex-direction: column;
      }
      .userComment__tn {
        width: 200px;
        margin-right: 40px;
      }
      .userComment__text {
        flex: 1;
      }
      .userComment__id {
        display: flex;
        align-items: flex-end;
        margin: 0 0 20px;
        .title {
          font-size: 1rem;
          font-weight: 500;
          color: #0087D2;
          line-height: 1.2;
          .en {
            font-family: "Cormorant Infant", serif;
            font-weight: 400;
            font-size: 2.125rem;
          }
          @include sp-only {
            font-size: calc(100vw *(22/ 750));
            .en {
              font-size: calc(100vw *(48/ 750));
            }
          }
        }
        .number {
          font-family: "Cormorant Infant", serif;
          font-weight: 400;
          font-size: 3.75rem;
          color: #0087D2;
          line-height: 1;
          margin-left: .15em;
          @include sp-only {
            font-size: calc(100vw *(80/ 750));
          }
        }
        .line {
          padding-bottom: .4em;
          margin: 0 .15em;
        }
        .name {
          font-family: "Noto Serif JP", serif;
            font-weight: 600;
            font-size: 1.25rem;
            line-height: 1.45;
            @include sp-only {
              font-size: calc(100vw *(28/ 750));
            }
        }
      }
      .comment {
        font-size: 1rem;
        line-height: 1.875;
        @include sp-only {
          font-size: calc(100vw *(24/ 750));
        }
      }
    }
  }
}
*/
/*
#lesson-flow {
  background-color: #ECEEF2;
  h3.PageSection__heading {
    @include pc-only {
      font-size: 2.125rem;
    }
    .PageSection__subheading {
      @include pc-only {
        font-size: 1.875rem;
      }
    }
  }
  & > .PageSection {
    padding-top: 20px;
    .PageSection__heading {
      @include pc-only {
        font-size: 1.375rem;
      }
    }
  }

  .ColumnArea {
    &.-flow {
      @include pc-only {
        font-size: 1.125rem;
      }
      .ColumnArea__subtitle {
        @include pc-only {
          font-size: 1rem;
        }
      }
      .ColumnArea__title {
        @include pc-only {
          font-size: 1.875rem;
        }
      }
      .CommonList__item {
        @include pc-only {
          font-size: 1.125rem;
        }
      }
      .ColumnArea {
        @include pc-only {
          padding: 20px 15px;
        }
      }

    }
  }

  .ColumnArea__lead {
    line-height: 1.5;
    @include pc-only {
      text-align: center;
      font-size: 1.25rem;
    }
  }
}

*/
/*
.section-11 {
  text-align: center;
  background-color: #0087D2;
  color: #fff;
  padding-top: 90px;
  padding-bottom: 90px;
  background-image: url("https://www.bizmates.jp/coaching/all/ss_images/reasons_headBg.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  @include sp-only {
    background-image: url("https://www.bizmates.jp/coaching/all/images/reasons_headBg_sp.webp");
  }
  & + .LpSection {
    padding-top: 60px;

  }
  h2 {
    font-family: "Noto Serif JP", serif;
    font-size: 1.875rem;
    font-weight: 600;
    margin-bottom: 2em;
    @include sp-only {
      font-size: calc(100vw *(36/ 750));
    }
  }
  p {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2;
    @include sp-only {
      font-size: calc(100vw *(24/ 750));
    }
  }
}
*/
/*
.reasonableArea {
  h3.PageSection__heading {
    @include sp-only {
      font-size: calc(100vw *(20/ 750));
    }
  }
}
*/
/*
.faq {
  .PageSection__item {
    padding-top: 0;
  }
  .ToggleList__item {
    position: relative;
    padding-left: 70px;
    @include sp-only {
      padding-left: calc(100vw *(70/ 750));
    }
    &:after  {
      content: "";
      display: block;
      width: 46px;
      height: 60px;
      background-image: url("https://www.bizmates.jp/coaching/all/images/Q.svg");
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      top:2.5em;
      left: 0;
      margin-right: 15px;
      @include sp-only {
        width: calc(100vw *(46/ 750));
        height: calc(100vw *(60/ 750));
        top: calc(100vw *(38/ 750));
      }
    }

  }
  .ToggleList__button {
    font-size: 1.375rem;
    font-family: "Noto Sans JP";
    @include sp-only {
      font-size: calc(100vw *(28/ 750));
      padding: calc(100vw *(35/ 750)) calc(100vw *(80/ 750)) calc(100vw *(40/ 750)) 0px;
    }
  }
  .ToggleList__main {
    @include sp-only {
      padding-bottom: calc(100vw *(35/ 750));
    }
    p {
      font-size: 1.125rem;
      @include sp-only {
        font-size: calc(100vw *(24/ 750));
      }
    }
  }
}
*/
/*
#sample-slider .Slider__dots {
  display: flex;
}

#sample-slider .swiper-slide {
  text-align: center;
}
@media screen and (min-width: 769px) {
  #sample-slider .Slider__dots {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  #sample-slider .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 24px;
  }
}
@media screen and (min-width: 769px) {
  #sample-slider .swiper-slide {
    width: calc(33.33% - 16px);
  }
}
*/

/*========= Svg =========*/
p.svg_mask {
  width: 24px;
  height: 24px;
}
p.svg_mask.-siz48 {
  width: 48px;
  height: 48px;
}
p.svg_mask.-siz32 {
  width: 32px;
  height: 32px;
}
p.svg_mask.-siz24 {
  width: 24px;
  height: 24px;
}
p.svg_mask.-siz20 {
  width: 20px;
  height: 20px;
}
p.svg_mask.-siz16 {
  width: 16px;
  height: 16px;
}
p.svg_mask.-siz12 {
  width: 12px;
  height: 12px;
}
p.svg_mask span {
  display: block;
  width: 100%;
  height: 100%;
}
p.svg_mask span.icon_beginner {
  mask: url("../../../assets/common/icon/icon_beginner.svg") no-repeat center center / contain;
}
p.svg_mask span.icon_beginner.-white {
  background: #fff;
}
p.svg_mask span.icon_beginner.-black {
  background: #141821;
}
p.svg_mask span.icon_doubleCircle {
  mask: url("../../../assets/common/icon/icon_doubleCircle.svg") no-repeat center center / contain;
}
p.svg_mask span.icon_doubleCircle.-white {
  background: #fff;
}
p.svg_mask span.icon_doubleCircle.-black {
  background: #141821;
}
p.svg_mask span.icon_circle {
  mask: url("../../../assets/common/icon/icon_circle.svg") no-repeat center center / contain;
}
p.svg_mask span.icon_circle.-white {
  background: #fff;
}
p.svg_mask span.icon_circle.-black {
  background: #141821;
}
p.svg_mask span.icon_triangle {
  mask: url("../../../assets/common/icon/icon_triangle.svg") no-repeat center center / contain;
}
p.svg_mask span.icon_triangle.-white {
  background: #fff;
}
p.svg_mask span.icon_triangle.-black {
  background: #141821;
}
p.svg_mask span.icon_triangle.-red {
  background: #d03086;
}
p.svg_mask span.icon_cross {
  mask: url("../../../assets/common/icon/icon_cross.svg") no-repeat center center / contain;
}
p.svg_mask span.icon_cross.-white {
  background: #fff;
}
p.svg_mask span.icon_cross.-black {
  background: #141821;
}
p.svg_mask span.icon_arrwD {
  mask: url("../../../assets/common/icon/icon_arrowDown.svg") no-repeat center center / contain;
}
p.svg_mask span.icon_arrwD.-white {
  background: #fff;
}
p.svg_mask span.icon_arrwD.-black {
  background: #141821;
}
p.svg_mask span.icon_arrwD.-red {
  background: #d03086;
}
p.svg_mask span.icon_arrwR {
  mask: url("../../../assets/common/icon/icon_arrowRight.svg") no-repeat center center / contain;
}
p.svg_mask span.icon_arrwR.-white {
  background: #fff;
}
p.svg_mask span.icon_arrwR.-black {
  background: #141821;
}
p.svg_mask span.icon_arrwR.-red {
  background: #d03086;
}
p.svg_mask span.icon_quotation1 {
  mask: url("../../../assets/common/icon/icon_quotation-1.svg") no-repeat center center / contain;
}
p.svg_mask span.icon_quotation1.-white {
  background: #fff;
}
p.svg_mask span.icon_quotation1.-black {
  background: #141821;
}
p.svg_mask span.icon_quotation1.-red {
  background: #d03086;
}