@charset "UTF-8";

img {
  height: auto;
}
.bold {
  font-weight: bold;
}
.left {
  text-align: left;
}
.btn {
  width: calc(216px + (520 - 216) * ((100vw - 320px) / (767 - 320)));
}
@media screen and (min-width:768px) {
  .btn {
    width: 300px !important;
    margin: 30px auto 0 !important;
  }
  .know-un-block p {
    max-width: initial;
  }
}

.container {
  max-width: 980px;
}

.update.inner {
  margin: 0 5.3333%;
}
.update.inner .date-update {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  font-size: 14px;
}
.update.inner .date-update .date-update__icon {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width:768px) {
  .update.inner {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
  }
}

@media screen and (min-width:768px) {
  .kv img {
    width: 660px;
    display: block;
    margin: 0 auto;
  }
}

.toc {
  line-height: 2;
  background-color: #f5f5f5;
  padding: 24px;
  max-width: 480px;
  margin: 40px auto 0;
}
.toc .toc__title {
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.toc .toc__icon {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toc .toc__icon img {
  width: 100%;
}
.toc .toc__body {
  margin: 16px 0;
}
.toc .toc__list {
  font-size: 14px;
}
.toc .toc__list ul {
  margin-left: 16px;
}
.toc .toc__list a {
  color: #222;
  transition: .3s;
}
.toc .toc__list a:hover {
  color: #00aafa;
}
.toc .toc__list ul ul {
  font-size: 12px;
}
.toc .toc__wrap-btn {
  display: flex;
  justify-content: center;
}
.toc .toc__btn {
  appearance: none;
  display: block;
  font-size: 12px;
  padding: 8px 24px;
  bottom: solid 1px currentColor;
  background-color: #fff;
  min-width: 120px;
  text-align: center;
  font-weight: 500;
}

h2 {
  color: var(--lightBlue);
  font-size: 6.4vw;
  line-height: 1.5;
  border-bottom: 2px solid #000;
  padding-bottom: 0.5em;
  margin: calc(100vw / var(--viewport) * 100) auto calc(100vw / var(--viewport) * 100);
}
h3 {
  line-height: 1.5;
  margin-top: calc(100vw / var(--viewport) * 100);
}
h3 .mark_yellow {
  /*background: linear-gradient(transparent 64%, #fffe00 0%);*/
}
@media screen and (min-width:768px) {
  h2 {
    font-size: 22px;
    margin: 76px auto 30px;
  }
  h3 {
    width: 980px;
    margin: 30px auto 0;
  }
}

@media screen and (min-width:768px) {
  .risktxt img {
    display: block;
    margin: 0 auto;
  }
}

@media screen and (min-width:768px) {
  .photoBox {
    display: flex;
    flex-direction: row-reverse;
  }
  .photoBox img {
    width: 462px;
    margin-right: 23px;
  }
}

.scroll table {
  width: 100%;
  border: 3px solid #000;
}
.scroll table + .caption {
  font-size: 90%;
  margin: 1em 0 0;
}
@media screen and (max-width:767px) {
  .scroll {
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .scroll table {
    width: 200vw;
    margin: 0 7.5vw;
  }
  .scroll table + .caption {
    font-size: 80%;
    width: 200vw;
    margin: 1em 7.5vw 0;
  }
}
@media screen and (min-width:768px) {
  .scroll {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
  }
}
table {
  margin-top: 1.8em !important;
}
table.mt0 {
  margin-top: 0 !important;
}
table th,
table td {
  font-size: calc(11px + (25 - 11) * ((100vw - 320px) / (767 - 320)));
  text-align: center;
  line-height: 1.5;
  vertical-align: middle;
  border: 1px solid #000;
  padding: 0.5em 1em;
}
table th {
  white-space: nowrap;
}
table.th140 tbody th {
  width: calc(100vw / var(--viewport) * 140);
}
table .bg_yellow {
  font-weight: bold;
  background: #fffe00;
}
table thead td {
  font-weight: bold;
  background: #D9D9D9;
}
table thead .bg_yellow {
  color: var(--lightBlue);
  font-weight: bold;
  border: 3px solid var(--lightBlue);
  border-bottom: none;
}
table tbody .bg_yellow {
  border-left: 3px solid var(--lightBlue);
  border-right: 3px solid var(--lightBlue);
}
table tbody tr:last-child .bg_yellow {
  border-bottom: 3px solid var(--lightBlue);
}
@media screen and (min-width:768px) {
  table th,
  table td {
    font-size: 16px;
  }
  table.th140 tbody th {
    width: auto;
  }
}

.baBox .title {
  line-height: 1;
  border-bottom: 1px solid #000;
  margin-top: 1.8em;
  padding: calc(100vw / var(--viewport) * 34) 0;
  margin-bottom: 0.8em;
}
.baBox .beforeafter.flex div {
  width: 48%;
}
.baBox .beforeafter.flex div figure {
  position: relative;
  margin-bottom: 10px;
}
.baBox .beforeafter.flex div figure figcaption {
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  padding: 0.2em 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
.baBox .ttl_aco {
  position: relative;
  cursor: pointer;
}
.baBox .ttl_aco i {
  position: absolute;
  background: url(/img/common/plus_icon.png) #00aafa no-repeat;
  background-size: contain;
  width: calc(20px + (45 - 20) * ((100vw - 320px) / (767 - 320)));
  height: calc(20px + (45 - 20) * ((100vw - 320px) / (767 - 320)));
  border-radius: 50%;
  transition: .3s;
  -webkit-transition: .3s;
  top: 22%;
  right: 5px;
}
.baBox .ttl_aco.active i {
  background: url(/img/common/minus_icon.png) #00aafa no-repeat;
  background-size: contain;
}
.baBox .body_aco {
  display: none;
}
@media screen and (min-width:768px) {
  .baBox .title {
    padding: 21px 0;
  }
  .baBox .beforeafter.flex {
    width: 930px;
    margin: 0 auto;
  }
  .baBox .ttl_aco {
    width: 930px;
    margin: 0 auto;
  }
  .baBox .ttl_aco i {
    width: 30px;
    height: 30px;
    top: 14px;
    right: 20px;
  }
}

.newPlanBox {
  border-radius: calc(100vw / var(--viewport) * 10);
  background: #fff;
  margin-bottom: calc(100vw / var(--viewport) * 50);
}
.newPlanBox .pc_flex .box:nth-child(n+2) {
  margin-top: calc(100vw / var(--viewport) * 100);
}
.newPlanBox h3 {
  margin-top: 0;
}
.newPlanBox .box .innerBox .midashi {
  color: #fff;
  font-size: calc(100vw / var(--viewport) * 30);
  font-weight: bold;
  text-align: center;
  background: #00aaf8;
  height: calc(100vw / var(--viewport) * 70);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: calc(100vw / var(--viewport) * 5);
  margin-bottom: calc(100vw / var(--viewport) * 45);
}
.newPlanBox .box .innerBox .partsImage {
  margin-bottom: calc(100vw / var(--viewport) * 20);
  border-radius: 0 0 calc(100vw / var(--viewport) * 10) calc(100vw / var(--viewport) * 10);
}
.newPlanBox .box .innerBox .flex .left,
.newPlanBox .box .innerBox .flex .right {
  width: calc(100vw / var(--viewport) * 270);
}
.newPlanBox .box .innerBox .flex .left .flex,
.newPlanBox .box .innerBox .flex .right .flex {
  align-items: center;
}
.newPlanBox .box .innerBox .text {
  font-size: calc(100vw / var(--viewport) * 18);
  font-weight: bold;
  text-align: center;
  margin-top: calc(100vw / var(--viewport) * 55);
  margin-bottom: calc(100vw / var(--viewport) * 20);
}
.newPlanBox .box .innerBox .month {
  font-size: calc(100vw / var(--viewport) * 18);
  font-weight: bold;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.newPlanBox .box .innerBox .priceBox2 .price {
  font-size: calc(100vw / var(--viewport) * 46);
  vertical-align: baseline;
}
.newPlanBox .box .innerBox .priceBox2 .yen {
  font-size: calc(100vw / var(--viewport) * 18);
  font-weight: bold;
  width: auto;
  margin: 0;
}
.newPlanBox .box .innerBox .bunkatsu {
  font-size: calc(100vw / var(--viewport) * 18);
  font-weight: bold;
  text-align: center;
  width: calc(100vw / var(--viewport) * 94);
  height: calc(100vw / var(--viewport) * 34);
  padding-top: calc(100vw / var(--viewport) * 2);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  border-radius: 3px;
}
.newPlanBox .box .innerBox .flex .left > .flex,
.newPlanBox .box .innerBox .flex .right > .flex {
  padding-bottom: calc(100vw / var(--viewport) * 13);
  border-bottom: 1px solid #000;
}
.newPlanBox .box .innerBox .afterText {
  font-size: calc(100vw / var(--viewport) * 20);
  font-weight: bold;
  text-align: center;
  margin: calc(100vw / var(--viewport) * 22) 0;
}
.newPlanBox .bottom {
  margin-top: calc(100vw / var(--viewport) * 60);
}
.newPlanBox .bottom .obi {
  color: #ff0;
  font-size: calc(100vw / var(--viewport) * 20);
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  background: #00AAFA;
  padding: calc(100vw / var(--viewport) * 15) 0;
}
.newPlanBox .bottom .caption {
  font-size: calc(100vw / var(--viewport) * 15);
  font-weight: bold;
  margin-top: 0.8em;
}

.newPlanBox .box02 {
  margin-top: calc(100vw / var(--viewport) * 70);
}
.newPlanBox .box02 .innerBox .midashi {
  background: #000;
  border-radius: calc(100vw / var(--viewport) * 5) calc(100vw / var(--viewport) * 5) 0 0;
  margin-bottom: 0;
}
.newPlanBox .box02 .innerBox .midashi {
  font-size: calc(100vw / var(--viewport) * 40);
  height: calc(100vw / var(--viewport) * 100);
}
.newPlanBox .box02 .innerBox .midashi span {
  color: #00ABF8;
}
.newPlanBox .box02 .innerBox .con {
  background: #eef0f4;
  padding: calc(100vw / var(--viewport) * 33) calc(100vw / var(--viewport) * 32) calc(100vw / var(--viewport) * 36);
}
.newPlanBox .box02 .pc_flex:nth-child(2) .innerBox:nth-child(1) {
  margin-top: calc(100vw / var(--viewport) * 60);
}
.newPlanBox .box02 .pc_flex:nth-child(1) .innerBox:nth-child(1) .con img {
  width: calc(100vw / var(--viewport) * 140);
  display: block;
  margin: 0 auto calc(100vw / var(--viewport) * 38);
}
.newPlanBox .box02 .pc_flex:nth-child(1) .innerBox:nth-child(2) .con img {
  width: calc(100vw / var(--viewport) * 314);
  display: block;
  margin: 0 auto calc(100vw / var(--viewport) * 38);
}
.newPlanBox .box02 .pc_flex:nth-child(2) .innerBox:nth-child(1) .con img {
  width: calc(100vw / var(--viewport) * 254);
  display: block;
  margin: 0 auto calc(100vw / var(--viewport) * 38);
}
.newPlanBox .box02 .pc_flex:nth-child(2) .innerBox:nth-child(2) .con img {
  width: calc(100vw / var(--viewport) * 254);
  display: block;
  margin: 0 auto calc(100vw / var(--viewport) * 38);
}
.newPlanBox .box02 .pc_flex .innerBox .flex {
  align-items: center;
  padding-bottom: calc(100vw / var(--viewport) * 20);
}
.newPlanBox .box02 .pc_flex .innerBox .flex .course {
  font-size: calc(100vw / var(--viewport) * 24);
  font-weight: bold;
  text-align: center;
  width: calc(100vw / var(--viewport) * 130);
  height: calc(100vw / var(--viewport) * 41);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  border-radius: 3px;
}
.newPlanBox .box02 .pc_flex .innerBox .flex .priceBox {
  position: relative;
}
.newPlanBox .box02 .pc_flex .innerBox .flex .priceBox .price {
  color: #f41419;
  font-size: calc(100vw / var(--viewport) * 88);
}
.newPlanBox .box02 .pc_flex .innerBox .flex .priceBox .yen {
  font-size: calc(100vw / var(--viewport) * 39);
  font-weight: bold;
  width: auto;
  margin: 0;
}
.newPlanBox .box02 .pc_flex .innerBox .flex .priceBox .zei {
  font-size: calc(100vw / var(--viewport) * 21);
  font-weight: bold;
  position: absolute;
  top: calc(100vw / var(--viewport) * 18);
  right: 0;
}
.newPlanBox .box02 .pc_flex .innerBox .change {
  font-size: calc(100vw / var(--viewport) * 20);
  font-weight: bold;
  text-align: center;
  margin-bottom: calc(100vw / var(--viewport) * 13);
}
.newPlanBox .box02 .pc_flex .innerBox .change span {
  color: #00aaf9;
}
.newPlanBox .box02 .pc_flex .innerBox .monthBox {
  text-align: center;
  padding-top: calc(100vw / var(--viewport) * 13);
  border-top: 1px solid #000;
}
.newPlanBox .box02 .pc_flex .innerBox .monthBox .month {
  font-size: calc(100vw / var(--viewport) * 24);
  writing-mode: initial;
}
.newPlanBox .box02 .pc_flex .innerBox .monthBox .price {
  font-size: calc(100vw / var(--viewport) * 60);
}
.newPlanBox .box02 .pc_flex .innerBox .monthBox .yen {
  font-size: calc(100vw / var(--viewport) * 32);
  font-weight: bold;
  width: auto;
  margin: 0;
}
.newPlanBox .box02 .pc_flex .innerBox .monthBox .bunkatsu {
  font-size: calc(100vw / var(--viewport) * 23);
  font-weight: bold;
  width: auto;
  height: auto;
  border: none;
  display: inline-block;
}
.newPlanBox .box02 .innerBox .bottom {
  color: #fff;
  font-size: calc(100vw / var(--viewport) * 50);
  text-align: center;
  background: #00aaf9;
  border-radius: 0 0 calc(100vw / var(--viewport) * 5) calc(100vw / var(--viewport) * 5);
  padding: calc(100vw / var(--viewport) * 14) 0;
  margin-top: 0;
}
.newPlanBox .box02 .innerBox .bottom .yen {
  font-size: calc(100vw / var(--viewport) * 34);
  font-weight: bold;
  width: auto;
  margin: 0;
  vertical-align: baseline;
}
.newPlanBox .box02 .caption {
  font-size: calc(100vw / var(--viewport) * 15);
  font-weight: bold;
  margin-top: 0.8em;
}

.newPlanBox .tab_area{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.newPlanBox .tab{
  display: block;
  width: calc(100vw / var(--viewport) * 212);
  font-size: calc(100vw / var(--viewport) * 28);
  font-weight: bold;
  padding: calc(100vw / var(--viewport) * 20) calc(100vw / var(--viewport) * 10) calc(100vw / var(--viewport) * 14);
  box-sizing: border-box;
  border-radius: calc(100vw / var(--viewport) * 10) calc(100vw / var(--viewport) * 10) 0 0;
  color: #fff;
  background: #777777;
  text-align: center;
}
.newPlanBox .tab_area_1clm .tab{
  width: 100%;
}
.newPlanBox .tab_area_2clm .tab{
  width: 49%;
}
.newPlanBox .tab.active{
  color: #000;
  background: #EFF0F2;
  position: relative;
}
.newPlanBox .tab.active:after{
  content: "";
  width: 70%;
  height: 2px;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.newPlanBox .tab_area_1clm .tab.active:after{
  width: 30%;
}
.newPlanBox .tab span{
  font-size: calc(100vw / var(--viewport) * 40);
}
.newPlanBox .tab_section_switch .tab_bodyBox{
  display: none;
}
.newPlanBox .tab_section_switch .tab_bodyBox.active{
  display: block;
}
.newPlanBox .tab_body{
  padding: calc(100vw / var(--viewport) * 40) calc(100vw / var(--viewport) * 24) calc(100vw / var(--viewport) * 40);
  background: #EFF0F2;
  border-radius: 0 0 calc(100vw / var(--viewport) * 10) calc(100vw / var(--viewport) * 10);
}
.newPlanBox .tab_body .priceArea{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.newPlanBox .tab_body .priceBox{
  display: flex;
  align-items: end;
  padding: calc(100vw / var(--viewport) * 10) 0 calc(100vw / var(--viewport) * 10);
  background: #EFF0F2;
}
.newPlanBox .tab_body .priceBox .plus{
  font-weight: bold;
  font-size: 30px;
  margin-right: 5px;
}
.newPlanBox .tab_body .priceBox .rl{
  font-size: calc(100vw / var(--viewport) * 24);
  font-weight: bold;
  writing-mode: vertical-rl;
  letter-spacing: .2em;
  margin-right: calc(100vw / var(--viewport) * 10);
}
.newPlanBox .tab_body .priceBox .price{
  font-size: calc(100vw / var(--viewport) * 70);
  color: #f00;
}
.newPlanBox .tab_body .priceBox .yen{
  width: auto;
  font-size: calc(100vw / var(--viewport) * 44);
  font-weight: bold;
  margin-left: calc(100vw / var(--viewport) * 4);
  margin-right: 0;
}
.newPlanBox .tab_body .priceBox_split{
  width: 40%;
  padding-left: calc(100vw / var(--viewport) * 30);
  border-left: calc(100vw / var(--viewport) * 1) solid #707070;
}
.newPlanBox .tab_body .priceBox_split_number{
  width: 70%;
  font-size: calc(100vw / var(--viewport) * 24);
  font-weight: bold;
  padding: calc(100vw / var(--viewport) * 8) calc(100vw / var(--viewport) * 10);
  text-align: center;
  border: calc(100vw / var(--viewport) * 1) solid #707070;
  border-radius: calc(100vw / var(--viewport) * 5);
}
.newPlanBox .tab_body .priceBox_split .priceBox{
  padding: calc(100vw / var(--viewport) * 10) 0 calc(100vw / var(--viewport) * 10);
  border-right: none;
}
.newPlanBox .tab_body .priceBox_split .priceBox .rl{
  transform: translateY(4px);
}
.newPlanBox .tab_body .priceBox_split .priceBox .price{
  font-size: calc(100vw / var(--viewport) * 54);
  color: #000;
}
.newPlanBox .tab_body .priceBox_split .priceBox .yen{
  font-size: calc(100vw / var(--viewport) * 33);
}
@media screen and (min-width:768px) {
  .newPlanBox {
    margin-bottom: 78px;
  }
  .newPlanBox > .pc_flex {
    display: flex;
    justify-content: space-between;
  }
  .newPlanBox .box{
    width: 491px;
  }
  .newPlanBox .pc_flex .box:nth-child(n+2) {
    margin-top: 0;
  }
  .newPlanBox .box .pc_flex {
    display: flex;
    justify-content: space-between;
  }
  .newPlanBox .box .innerBox .midashi{
    width: auto;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0;
  }
  .newPlanBox .box .innerBox .partsImage{
      margin-bottom: 36px;
  }
  .newPlanBox .box .innerBox {
    width: 451px;
  }
  .newPlanBox .box .innerBox:nth-child(2) {
    margin-top: 0;
  }
  .newPlanBox .box .innerBox .midashi {
    font-size: 24px;
    height: 48px;
    border-radius: 6px;
    margin-bottom: 33px;
  }
  .newPlanBox .box .innerBox .partsImage {
    margin-bottom: 15px;
    border-radius: 0 0 10px 10px;
  }
  .newPlanBox .box .innerBox .flex .left,
  .newPlanBox .box .innerBox .flex .right {
    width: 210px;
  }
  .newPlanBox .box .innerBox .text {
    font-size: 15px;
    margin-top: 43px;
    margin-bottom: 13px;
  }
  .newPlanBox .box .innerBox .month {
    font-size: 15px;
  }
  .newPlanBox .box .innerBox .priceBox2 .price {
    font-size: 34px;
  }
  .newPlanBox .box .innerBox .priceBox2 .yen {
    font-size: 14px;
  }
  .newPlanBox .box .innerBox .bunkatsu {
    font-size: 14px;
    width: 80px;
    height: 24px;
    padding-top: 2px;
  }
  .newPlanBox .box .innerBox .flex .left > .flex,
  .newPlanBox .box .innerBox .flex .right > .flex {
    padding-bottom: 10px;
  }
  .newPlanBox .box .innerBox .flex .left > .flex.flex_end,
  .newPlanBox .box .innerBox .flex .right > .flex.flex_end {
    align-items: flex-end;
  }
  .newPlanBox .box .innerBox .afterText {
    font-size: 16px;
    margin: 16px 0;
  }
  .newPlanBox .bottom {
    margin-top: 55px;
  }
  .newPlanBox .bottom .obi {
    font-size: 20px;
    padding: 14px 0;
  }
  .newPlanBox .bottom .caption {
    font-size: 16px;
  }
  .newPlanBox .btn {
    margin-top: 20px;
  }

  .newPlanBox .box02 {
    padding: 47px 22px 52px;
    margin-top: 83px;
  }
  .newPlanBox .box02 .innerBox {
    width: 510px;
  }
  .newPlanBox .box02 .innerBox .midashi {
    border-radius: 10px 10px 0 0;
  }
  .newPlanBox .box02 .innerBox .midashi {
    font-size: 36px;
    height: 75px;
    margin-bottom: 0;
  }
  .newPlanBox .box02 .innerBox .con {
    padding: 25px 26px 36px;
  }
  .newPlanBox .box02 .pc_flex {
    align-items: center;
  }
  .newPlanBox .box02 .pc_flex:nth-child(2) .innerBox {
    margin-top: 32px !important;
  }
  .newPlanBox .box02 .pc_flex:nth-child(1) .innerBox:nth-child(1) .con img {
    width: 99px;
    margin: 0 0 0 20px;
  }
  .newPlanBox .box02 .pc_flex:nth-child(1) .innerBox:nth-child(2) .con img {
    width: 156px;
    margin: 0;
  }
  .newPlanBox .box02 .pc_flex:nth-child(2) .innerBox:nth-child(1) .con img {
    width: 156px;
    margin: 0;
  }
  .newPlanBox .box02 .pc_flex:nth-child(2) .innerBox:nth-child(2) .con img {
    width: 156px;
    margin: 0;
  }
  .newPlanBox .box02 .pc_flex .innerBox .flex {
    padding-bottom: 13px;
  }
  .newPlanBox .box02 .pc_flex:nth-child(1) .innerBox:nth-child(1) .con .flex,
  .newPlanBox .box02 .pc_flex:nth-child(2) .innerBox:nth-child(1) .con .flex {
    padding-bottom: 37px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .con .pc_flex > div {
    width: 290px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .flex .course {
    font-size: 14px;
    width: 76px;
    height: 31px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .flex .priceBox {
    white-space: nowrap;
  }
  .newPlanBox .box02 .pc_flex .innerBox .flex .priceBox .price {
    font-size: 54px;
    letter-spacing: -0.02em;
  }
  .newPlanBox .box02 .pc_flex .innerBox .flex .priceBox .yen {
    font-size: 24px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .flex .priceBox .zei {
    font-size: 14px;
    top: 8px;
    right: -2px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .change {
    font-size: 12px;
    margin-bottom: 13px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .monthBox {
    padding-top: 13px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .monthBox .month {
    font-size: 16px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .monthBox .price {
    font-size: 36px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .monthBox .yen {
    font-size: 20px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .monthBox .bunkatsu {
    font-size: 14px;
  }
  .newPlanBox .box02 .innerBox .bottom {
    font-size: 30px;
    border-radius: 0 0 10px 10px;
    padding: 10px 0;
  }
  .newPlanBox .box02 .innerBox .bottom .yen {
    font-size: 20px;
  }
  .newPlanBox .box02 .caption {
    font-size: 16px;
    text-align: right;
  }
  .newPlanBox .tab{
    width: 160px;
    font-size: 17px;
    padding: 14px 10px 10px;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
  }
  .newPlanBox_switch .tab:hover{
    opacity: .8;
  }
  .newPlanBox .tab.active:after{
    content: "";
    width: 70%;
    height: 2px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .newPlanBox .tab span{
    font-size: 24px;
  }
  .newPlanBox{
    padding: 24px 0 52px;
    border-radius: 10px 10px 0 0;
  }
  .newPlanBox .tab_bodyBox{
    display: none;
  }
  .newPlanBox .tab_bodyBox.active{
    display: block;
  }
  .newPlanBox .tab_body{
    padding: 30px 14px 20px;
    border-radius: 0 0 10px 10px;
  }
  .newPlanBox .tab_body .priceArea{
  }
  .newPlanBox .tab_body .priceBox{
    padding:10px 0;
  }
  .newPlanBox .tab_body .priceBox .rl{
    font-size: 22px;
    transform: translateY(4px);
    margin-right: 10px;
  }
  .newPlanBox .tab_body .priceBox .price{
    font-size: 60px;
    letter-spacing: -.02em;
  }
  .newPlanBox .tab_body .priceBox .yen{
    width: auto;
    font-size: 37px;
    margin-left:4px;
    margin-right: 0;
  }
  .newPlanBox .tab_body .priceBox_split{
    width: 32%;
    padding-left: 30px;
    border-left: 1px solid #707070;
  }
  .newPlanBox .tab_body .priceBox_split_number{
    width: 70%;
    font-size: 14px;
    padding: 4px 10px;
    border: 1px solid #707070;
    border-radius: 4px;
  }
  .newPlanBox .tab_body .priceBox_split .priceBox{
    padding: 10px 0;
  }
  .newPlanBox .tab_body .priceBox_split .priceBox .rl{
    font-size: 15px;
    transform: translateY(6px);
  }
  .newPlanBox .tab_body .priceBox_split .priceBox .price{
    font-size: 36px;
  }
  .newPlanBox .tab_body .priceBox_split .priceBox .yen{
    font-size: 22px;
  }
}

.modSection__inner {
  font-weight: 400;
  text-align: center;
  margin-top: 80px;
}
.modSection__inner .pc_flex img {
  width: 31.25vw;
}
.modSection__inner .pc_flex .detailDoctor {
  line-height: 2;
}
.modSection__inner .pc_flex .detailDoctor .name {
  font-size: 3.4375vw;
  font-weight: 700;
}
.modSection__inner .pc_flex .detailDoctor .position {
  font-size: 3.4375vw;
  font-weight: 700;
}
.modSection__inner .pc_flex .detailDoctor .text {
  text-align: left;
  padding: 0;
  margin-top: 3.4375vw;
}
@media screen and (max-width:767px) {
  .modSection__inner .pc_flex img {
    margin-bottom: 4.6875vw;
  }
}

@media screen and (min-width:768px) {
  .modSection__inner .pc_flex {
    align-items: center;
  }
  .modSection__inner .pc_flex img {
    width: 200px;
    margin-right: 40px;
  }
  .modSection__inner .pc_flex .detailDoctor {
    text-align: left;
  }
  .modSection__inner .pc_flex .detailDoctor .name {
    font-size: 22px;
  }
  .modSection__inner .pc_flex .detailDoctor .name .big {
    font-size: 28px;
  }
  .modSection__inner .pc_flex .detailDoctor .position {
    font-size: 22px;
  }
  .modSection__inner .pc_flex .detailDoctor .text {
    margin-top: 22px;
  }
}