@charset "UTF-8";
@font-face {
  font-family: "FriendlyExpart";
  src: url(/assets/font/FriendlyExpart.woff) format("woff");
}
:root {
  --primary: #FADBAA;
  --white: #fff;
  --lightGoldGray: #FDFAF2;
  --midGoldGray: #FBF8F0;
  --goldGray: #F8F3E7;
  --lightRizeGold: #C6B183;
  --rizeGold: #B59751;
  --green: #65D171;
  --orange: #F7B837;
  --lightGray: #B2ADA9;
  --gray: #88837F;
  --pink: #E8857D;
  --darkGray: #6D6764;
  --subGray01: #A7A7A7;
  --subGray02: #BFBFBF;
  --grad-start-color01: #F7B837;
  --grad-end-color01: #B59751;
  --bg-gradient01: linear-gradient(var(--grad-start-color01), var(--grad-end-color01));
  --grad-start-color02: #BAA063;
  --grad-end-color02: #A88534;
  --bg-gradient02: linear-gradient(var(--grad-start-color02), var(--grad-end-color02));
}

.otona .topKv__skin {
  background: #B5DFE2;
}
.otona .topKv__skin__area {
  background: url(/assets/img/otona/kv_sp.jpg) top center no-repeat;
  background-size: 100% auto;
  height: 130.9375vw;
}
@media screen and (min-width: 768px) {
  .otona .topKv__skin__area {
    background: url(/assets/img/otona/kv_pc.jpg) top center no-repeat;
    background-size: 100% auto;
    min-height: 611px;
    height: 47.43vw;
  }
}
.otona .topKv__skin__area h1 {
  width: 74.6875vw;
  position: absolute;
  top: 12.03125vw;
  left: 12.65625vw;
}
@media screen and (min-width: 768px) {
  .otona .topKv__skin__area h1 {
    width: 480px;
    top: 175px;
    left: 215px;
  }
}
.otona .topKv__skin .lead {
  padding: 12.34375vw 5.46875vw 12.65625vw;
}
@media screen and (min-width: 768px) {
  .otona .topKv__skin .lead {
    padding: 90px 0 120px;
  }
}
@media screen and (min-width: 768px) {
  .otona .topKv__skin .lead .lead_h2 {
    width: 704px;
    display: block;
    margin: 0 auto;
  }
}
.otona .topKv__skin .lead .lead_text {
  width: 82.1875vw;
  display: block;
  margin: 21.25vw auto 0;
}
@media screen and (min-width: 768px) {
  .otona .topKv__skin .lead .lead_text {
    width: 404px;
    margin: 136px auto 0;
  }
}
.otona #osusume {
  background: #E8FEFF;
  padding: 14.53125vw 5.15625vw 0;
}
@media screen and (min-width: 768px) {
  .otona #osusume {
    padding: 124px 0 0;
  }
}
.otona #osusume h2 img {
  width: 45vw;
  display: block;
  margin: 0 auto 9.375vw;
}
@media screen and (min-width: 768px) {
  .otona #osusume h2 img {
    width: 440px;
    margin: 0 auto 85px;
  }
}
.otona #osusume .osusume__box {
  font-weight: bold;
  line-height: 2;
  background: #fff;
  padding: 6.25vw 3.125vw 4.6875vw;
  margin-top: 12.5vw;
  border-radius: 1.5625vw;
  box-shadow: 0 0 1.5625vw rgba(110, 159, 195, 0.13);
}
@media screen and (min-width: 768px) {
  .otona #osusume .osusume__box {
    width: 650px;
    padding: 35px 20px 20px;
    margin: 40px auto 0;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(110, 159, 195, 0.13);
  }
  .otona #osusume .osusume__box .pc_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .otona #osusume .osusume__box:nth-child(1) {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .otona #osusume .osusume__box .pc_left {
    width: 150px;
  }
}
.otona #osusume .osusume__box .pc_left img {
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .otona #osusume .osusume__box .pc_right {
    width: calc(100% - 150px);
  }
}
.otona #osusume .osusume__box .pc_right img {
  display: block;
  margin: 3.4375vw auto 0;
}
@media screen and (min-width: 768px) {
  .otona #osusume .osusume__box .pc_right img {
    margin: 0;
  }
}
.otona #osusume .osusume__box .text {
  font-size: 18px;
  margin-top: 3.75vw;
}
@media screen and (max-width: 767px) {
  .otona #osusume .osusume__box .text {
    font-size: 3.4375vw;
  }
}
@media screen and (min-width: 768px) {
  .otona #osusume .osusume__box .text {
    margin-top: 20px;
  }
}
.otona #osusume .osusume__box.osusume__box01 .pc_left img {
  width: 31.09375vw;
}
@media screen and (min-width: 768px) {
  .otona #osusume .osusume__box.osusume__box01 .pc_left img {
    width: 129px;
  }
}
.otona #osusume .osusume__box.osusume__box01 .pc_right img {
  width: 60.9375vw;
}
@media screen and (min-width: 768px) {
  .otona #osusume .osusume__box.osusume__box01 .pc_right img {
    width: 306px;
  }
}
.otona #osusume .osusume__box.osusume__box01 .osusume__underBox {
  font-size: 18px;
  text-align: center;
  background: #FFFDD1;
  border-radius: 1.5625vw;
  padding: 3.90625vw 0;
  margin-top: 3.90625vw;
}
@media screen and (max-width: 767px) {
  .otona #osusume .osusume__box.osusume__box01 .osusume__underBox {
    font-size: 3.4375vw;
  }
}
@media screen and (min-width: 768px) {
  .otona #osusume .osusume__box.osusume__box01 .osusume__underBox {
    border-radius: 10px;
    padding: 19px 0 21px;
    margin-top: 28px;
  }
}
.otona #osusume .osusume__box.osusume__box01 .osusume__underBox ul li:before {
  content: "";
  background: url(/assets/img/otona/osusume/icon.svg) center center no-repeat;
  background-size: 100% auto;
  display: inline-block;
  width: 2.03125vw;
  height: 2.65625vw;
  margin-right: 2.03125vw;
}
@media screen and (min-width: 768px) {
  .otona #osusume .osusume__box.osusume__box01 .osusume__underBox ul li:before {
    width: 13px;
    height: 17px;
    margin-right: 6px;
  }
}
.otona #osusume .osusume__box.osusume__box01 .osusume__underBox__text span {
  color: #7EADB1;
  font-size: 28px;
  margin-top: 3.125vw;
  background: linear-gradient(transparent 60%, rgba(255, 205, 39, 0.3) 60%);
}
@media screen and (max-width: 767px) {
  .otona #osusume .osusume__box.osusume__box01 .osusume__underBox__text span {
    font-size: 4.0625vw;
  }
}
@media screen and (min-width: 768px) {
  .otona #osusume .osusume__box.osusume__box01 .osusume__underBox__text span {
    margin-top: 9px;
  }
}
.otona #osusume .osusume__box.osusume__box02 .pc_left img {
  width: 11.875vw;
}
@media screen and (min-width: 768px) {
  .otona #osusume .osusume__box.osusume__box02 .pc_left img {
    width: 68px;
  }
}
.otona #osusume .osusume__box.osusume__box02 .pc_right img {
  width: 72.1875vw;
}
@media screen and (min-width: 768px) {
  .otona #osusume .osusume__box.osusume__box02 .pc_right img {
    width: 366px;
  }
}
.otona #osusume .osusume__box.osusume__box03 .pc_left img {
  width: 8.59375vw;
}
@media screen and (min-width: 768px) {
  .otona #osusume .osusume__box.osusume__box03 .pc_left img {
    width: 55px;
  }
}
.otona #osusume .osusume__box.osusume__box03 .pc_right img {
  width: 61.71875vw;
}
@media screen and (min-width: 768px) {
  .otona #osusume .osusume__box.osusume__box03 .pc_right img {
    width: 322px;
  }
}
.otona #waribiki {
  padding: 14.53125vw 0 0;
  background: linear-gradient(to bottom, #E8FEFF 50%, #E1EBEB 75%);
}
@media screen and (min-width: 768px) {
  .otona #waribiki {
    padding: 201px 0 0;
  }
}
.otona #waribiki h2 img {
  width: 73.75vw;
  display: block;
  margin: 0 auto 9.375vw;
}
@media screen and (min-width: 768px) {
  .otona #waribiki h2 img {
    width: 393px;
    margin: 0 auto 66px;
  }
}
@media screen and (min-width: 768px) {
  .otona #waribiki .pc_flex {
    width: 960px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .otona #waribiki .pc_flex li {
    width: 466px;
    width: 480px;
  }
}
.otona #reason {
  padding: 14.53125vw 5.3125vw 0;
  background: linear-gradient(to bottom, #E1EBEB 485.15625vw, #e9eedb 100%);
}
@media screen and (min-width: 768px) {
  .otona #reason {
    padding: 205px 0 0;
    background: #E1EBEB;
  }
}
.otona #reason h2 img {
  width: 55.78125vw;
  display: block;
  margin: 0 auto 9.375vw;
}
@media screen and (min-width: 768px) {
  .otona #reason h2 img {
    width: 310px;
    margin: 0 auto 80px;
  }
}
.otona #reason .reason__box {
  background: #fff;
  border-radius: 3.75vw;
  box-shadow: 0 0 3.125vw rgba(203, 203, 203, 0.6);
  padding: 4.6875vw 0 6.25vw;
  margin-top: 9.375vw;
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box {
    width: 964px;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(203, 203, 203, 0.6);
    padding: 40px 40px 46px;
    margin: 60px auto 0;
  }
}
.otona #reason .reason__box h3 {
  text-align: center;
  width: 83.28125vw;
  padding-bottom: 2.8125vw;
  border-bottom: 1px solid #3192BE;
  margin: 0 auto 6.25vw;
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box h3 {
    width: 100%;
    padding-bottom: 18px;
    margin: 0 auto 42px;
  }
}
.otona #reason .reason__box h3 img {
  display: inline-block;
}
.otona #reason .reason__box ul {
  line-height: 2;
  margin: 6.25vw 3.125vw 0;
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box ul {
    text-align: center;
    margin: 38px auto 0;
  }
}
.otona #reason .reason__box ul li:before {
  content: "";
  background: url(/assets/img/otona/reason/icon.svg) center center no-repeat;
  background-size: 100% auto;
  display: inline-block;
  width: 3.125vw;
  height: 3.125vw;
  margin-right: 0.9375vw;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box ul li:before {
    width: 20px;
    height: 20px;
    margin-right: 6px;
    vertical-align: middle;
  }
}
@media screen and (max-width: 767px) {
  .otona #reason .reason__box ul li.indent_1em {
    text-indent: -4.84375vw;
    padding-left: 4.84375vw;
  }
}
.otona #reason .reason__box ul li .bold {
  font-weight: bold;
}
.otona #reason .reason__box .matome {
  color: var(--lightRizeGold);
  font-size: 20px;
  font-weight: bold;
  display: table;
  padding-bottom: 0.78125vw;
  border-bottom: 1px solid var(--lightRizeGold);
  margin: 3.125vw auto 0;
}
@media screen and (max-width: 767px) {
  .otona #reason .reason__box .matome {
    font-size: 4.0625vw;
  }
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box .matome {
    padding-bottom: 3px;
    margin-top: 20px;
  }
}
.otona #reason .reason__box.reason__box01 h3 img {
  width: 75vw;
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box.reason__box01 h3 img {
    width: 448px;
  }
}
.otona #reason .reason__box.reason__box02 {
  font-weight: bold;
  padding: 4.6875vw 3.125vw 6.25vw;
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box.reason__box02 {
    padding: 40px 40px 46px;
  }
}
.otona #reason .reason__box.reason__box02 h3 img {
  width: 46.875vw;
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box.reason__box02 h3 img {
    width: 300px;
  }
}
.otona #reason .reason__box.reason__box02 .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box.reason__box02 .flex {
    width: 835px;
    margin: 0 auto;
  }
}
.otona #reason .reason__box.reason__box02 .flex .left,
.otona #reason .reason__box.reason__box02 .flex .right {
  background: rgba(229, 209, 176, 0.22);
  width: 39.21875vw;
  border-radius: 0.78125vw;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box.reason__box02 .flex .left,
  .otona #reason .reason__box.reason__box02 .flex .right {
    width: 267px;
    border-radius: 5px;
  }
}
.otona #reason .reason__box.reason__box02 .flex .left .midashi,
.otona #reason .reason__box.reason__box02 .flex .right .midashi {
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 6.09375vw;
  background: #9FC6C9;
}
@media screen and (max-width: 767px) {
  .otona #reason .reason__box.reason__box02 .flex .left .midashi,
  .otona #reason .reason__box.reason__box02 .flex .right .midashi {
    font-size: 3.4375vw;
  }
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box.reason__box02 .flex .left .midashi,
  .otona #reason .reason__box.reason__box02 .flex .right .midashi {
    line-height: 39px;
  }
}
.otona #reason .reason__box.reason__box02 .flex .left .content,
.otona #reason .reason__box.reason__box02 .flex .right .content {
  font-size: 15px;
  padding: 3.125vw;
}
@media screen and (max-width: 767px) {
  .otona #reason .reason__box.reason__box02 .flex .left .content,
  .otona #reason .reason__box.reason__box02 .flex .right .content {
    font-size: 3.4375vw;
  }
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box.reason__box02 .flex .left .content,
  .otona #reason .reason__box.reason__box02 .flex .right .content {
    padding: 14px 21px 21px;
  }
}
.otona #reason .reason__box.reason__box02 .flex img {
  width: 100%;
  height: auto;
  margin-top: 6.25vw;
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box.reason__box02 .flex img {
    width: 246px;
    margin-top: 0;
  }
}
.otona #reason .reason__box.reason__box02 .lead {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 10.46875vw auto 0;
}
@media screen and (max-width: 767px) {
  .otona #reason .reason__box.reason__box02 .lead {
    font-size: 3.4375vw;
  }
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box.reason__box02 .lead {
    margin: 40px auto 0;
  }
}
.otona #reason .reason__box.reason__box03 {
  font-size: 18px;
  font-weight: bold;
  padding: 4.6875vw 3.125vw 6.25vw;
}
@media screen and (max-width: 767px) {
  .otona #reason .reason__box.reason__box03 {
    font-size: 3.4375vw;
  }
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box.reason__box03 {
    padding: 40px 40px 46px;
  }
}
.otona #reason .reason__box.reason__box03 h3 img {
  width: 25.46875vw;
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box.reason__box03 h3 img {
    width: 163px;
  }
}
.otona #reason .reason__box.reason__box03 .lead {
  text-align: center;
  margin-bottom: 6.25vw;
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box.reason__box03 .lead {
    margin-bottom: 35px;
  }
}
.otona #reason .reason__box.reason__box03 .lead .font_blue {
  color: #3192BE;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .otona #reason .reason__box.reason__box03 .lead .font_blue {
    font-size: 3.75vw;
  }
}
.otona #reason .reason__box.reason__box03 .pc_flex {
  display: table;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box.reason__box03 .pc_flex {
    width: 604px;
    display: flex;
    justify-content: space-between;
  }
}
.otona #reason .reason__box.reason__box03 .pc_flex div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4.6875vw;
  margin-top: 4.6875vw;
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box.reason__box03 .pc_flex div {
    flex-direction: column;
    gap: 20px;
    margin-top: 0;
  }
}
.otona #reason .reason__box.reason__box03 .pc_flex div img {
  width: 28.4375vw;
  height: auto;
}
@media screen and (min-width: 768px) {
  .otona #reason .reason__box.reason__box03 .pc_flex div img {
    width: 168px;
  }
}
.otona #merit {
  padding: 30.15625vw 5.3125vw 0;
  background: linear-gradient(to bottom, #e9eedb 0, #FCFAC5 39.0625vw);
}
@media screen and (min-width: 768px) {
  .otona #merit {
    padding: 203px 0 0;
    background: linear-gradient(to bottom, #E1EBEB 0, #FCFAC5 233px);
  }
}
.otona #merit h2 img {
  width: 76.25vw;
  display: block;
  margin: 0 auto 12.8125vw;
}
@media screen and (min-width: 768px) {
  .otona #merit h2 img {
    width: 590px;
    margin: 0 auto 74px;
  }
}
@media screen and (min-width: 768px) {
  .otona #merit .pc_flex {
    width: 865px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }
}
.otona #merit .merit__box {
  height: 37.5vw;
  background: #FBFFF4;
  background: linear-gradient(to bottom, #FBFFF4, #F4FFFF);
  border-radius: 3.125vw;
  box-shadow: 0 0 3.125vw rgba(235, 151, 154, 0.13);
  padding: 5.78125vw 3.125vw 4.6875vw 5vw;
  margin-top: 6.25vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .otona #merit .merit__box {
    width: 265px;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(235, 151, 154, 0.13);
    padding: 26px 35px;
    margin-top: 0;
  }
}
.otona #merit .merit__box h3 img {
  display: block;
}
@media screen and (min-width: 768px) {
  .otona #merit .merit__box h3 img {
    margin: 0 auto;
  }
}
.otona #merit .merit__box .image {
  width: 26.875vw;
  height: auto;
  position: absolute;
  top: 5.78125vw;
  right: 3.125vw;
}
@media screen and (min-width: 768px) {
  .otona #merit .merit__box .image {
    width: 118px;
    position: initial;
    margin: 23px auto 0;
  }
}
.otona #merit .merit__box .text {
  margin-top: 4.6875vw;
}
@media screen and (min-width: 768px) {
  .otona #merit .merit__box .text {
    margin-top: 20px;
  }
}
.otona #merit .merit__box.merit__box01 h3 img {
  width: 47.03125vw;
}
@media screen and (min-width: 768px) {
  .otona #merit .merit__box.merit__box01 h3 img {
    width: 174px;
  }
}
.otona #merit .merit__box.merit__box02 h3 img {
  width: 46.875vw;
}
@media screen and (min-width: 768px) {
  .otona #merit .merit__box.merit__box02 h3 img {
    width: 127px;
  }
}
.otona #merit .merit__box.merit__box03 h3 img {
  width: 37.96875vw;
}
@media screen and (min-width: 768px) {
  .otona #merit .merit__box.merit__box03 h3 img {
    width: 190px;
  }
}
.otona #moreover {
  background: #FCFAC5;
  padding: 17.03125vw 5.46875vw 0;
}
@media screen and (min-width: 768px) {
  .otona #moreover {
    padding: 174px 0 0;
  }
}
.otona #moreover h2 img {
  width: 63.28125vw;
  display: block;
  margin: 0 auto 9.0625vw;
}
@media screen and (min-width: 768px) {
  .otona #moreover h2 img {
    width: 616px;
    margin: 0 auto 58px;
  }
}
.otona #moreover .flex {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .otona #moreover .flex {
    width: 713px;
    margin: 0 auto;
  }
}
.otona #moreover .flex li {
  width: 42.34375vw;
  background: #fff;
  border-radius: 3.125vw;
  padding: 2.8125vw 1.71875vw 2.96875vw;
}
@media screen and (min-width: 768px) {
  .otona #moreover .flex li {
    width: 336px;
    border-radius: 20px;
    padding: 19px 11px 22px;
  }
}
.otona #moreover .flex li .midashi {
  padding-bottom: 2.1875vw;
  border-bottom: 1px solid #3192BE;
  margin-bottom: 3.28125vw;
}
@media screen and (min-width: 768px) {
  .otona #moreover .flex li .midashi {
    padding-bottom: 15px;
    margin-bottom: 23px;
  }
}
.otona #moreover .flex li .midashi img {
  display: block;
  margin: 0 auto;
}
.otona #moreover .flex li .name img {
  display: block;
  margin: 0 auto 0.9375vw;
}
@media screen and (min-width: 768px) {
  .otona #moreover .flex li .name img {
    margin: 0 auto 14px;
  }
}
.otona #moreover .flex li .priceBox {
  font-weight: bold;
  text-align: center;
  margin: 4.0625vw auto 0;
}
@media screen and (min-width: 768px) {
  .otona #moreover .flex li .priceBox {
    margin: 20px auto 0;
  }
}
.otona #moreover .flex li .priceBox .count {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .otona #moreover .flex li .priceBox .count {
    font-size: 3.125vw;
  }
}
.otona #moreover .flex li .priceBox .price {
  color: var(--orange);
  font-family: "FriendlyExpart", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-size: 41px;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .otona #moreover .flex li .priceBox .price {
    font-size: 4.375vw;
  }
}
.otona #moreover .flex li .priceBox .yen {
  color: var(--orange);
  font-size: 31px;
}
@media screen and (max-width: 767px) {
  .otona #moreover .flex li .priceBox .yen {
    font-size: 3.75vw;
  }
}
.otona #moreover .flex li .priceBox .zei {
  color: var(--orange);
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .otona #moreover .flex li .priceBox .zei {
    font-size: 1.875vw;
  }
}
.otona #moreover .flex li.oligio .midashi img {
  width: 26.25vw;
}
@media screen and (min-width: 768px) {
  .otona #moreover .flex li.oligio .midashi img {
    width: 191px;
  }
}
.otona #moreover .flex li.oligio .name img {
  width: 16.09375vw;
}
@media screen and (min-width: 768px) {
  .otona #moreover .flex li.oligio .name img {
    width: 128px;
  }
}
.otona #moreover .flex li.cellec .midashi img {
  width: 29.84375vw;
}
@media screen and (min-width: 768px) {
  .otona #moreover .flex li.cellec .midashi img {
    width: 217px;
  }
}
.otona #moreover .flex li.cellec .name img {
  width: 16.25vw;
}
@media screen and (min-width: 768px) {
  .otona #moreover .flex li.cellec .name img {
    width: 129px;
  }
}
.otona .plans {
  padding: 23.28125vw 0 0;
  background: linear-gradient(to bottom, #FCFAC5 15.625vw, #F8F3E7 46.875vw);
}
@media screen and (min-width: 768px) {
  .otona .plans {
    padding: 209px 0 0;
  }
}
.otona .plans .partsBox {
  padding: 0 5.3125vw;
}
@media screen and (min-width: 768px) {
  .otona .plans .partsBox {
    padding: 0;
  }
}
.otona .plans .partsBox .modBox--white {
  padding: 0;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .otona .plans .partsBox .modBox--white {
    width: 964px;
  }
}
.otona .plans .partsBox .modBox--white .midashi {
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  line-height: 10vw;
  background: var(--lightRizeGold);
}
@media screen and (max-width: 767px) {
  .otona .plans .partsBox .modBox--white .midashi {
    font-size: 5vw;
  }
}
@media screen and (min-width: 768px) {
  .otona .plans .partsBox .modBox--white .midashi {
    line-height: 64px;
  }
}
.otona .thumbsSwiper {
  padding: 3.125vw;
}
@media screen and (min-width: 768px) {
  .otona .thumbsSwiper {
    padding: 25px 40px 20px;
  }
}
.otona .thumbsSwiper .swiper-wrapper {
  border-bottom: 0.9375vw solid var(--lightGoldGray);
}
@media screen and (min-width: 768px) {
  .otona .thumbsSwiper .swiper-wrapper {
    border-bottom-width: 6px;
  }
}
.otona .thumbsSwiper .swiper-slide {
  color: var(--lightGray);
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  width: 33.3333%;
  padding: 2.1875vw 0;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .otona .thumbsSwiper .swiper-slide {
    font-size: 4.375vw;
  }
}
@media screen and (min-width: 768px) {
  .otona .thumbsSwiper .swiper-slide {
    padding: 0 0 25px;
  }
}
.otona .thumbsSwiper .swiper-slide:after {
  content: "";
  position: absolute;
  bottom: -0.9375vw;
  left: 0;
  width: 100%;
  height: 0.9375vw;
  background-color: var(--orange);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s;
}
@media screen and (min-width: 768px) {
  .otona .thumbsSwiper .swiper-slide:after {
    bottom: -6px;
    height: 6px;
  }
}
.otona .thumbsSwiper .swiper-slide-thumb-active {
  color: var(--lightRizeGold);
}
.otona .thumbsSwiper .swiper-slide-thumb-active:after {
  transform: scaleX(1);
}
.otona .partsSwiper {
  padding: 3.125vw 3.125vw 6.25vw;
  transition: height 0.3s ease;
}
@media screen and (min-width: 768px) {
  .otona .partsSwiper {
    padding: 0 40px 60px;
  }
}
.otona .partsSwiper .swiper-wrapper .swiper-slide {
  height: auto;
}
@media screen and (min-width: 768px) {
  .otona .plans__parts {
    padding: 0;
  }
  .otona .body__item--vio {
    width: 500px;
  }
  .otona .body__item--face {
    width: 500px;
  }
}
.otona .other_newplan {
  background: none;
}
.otona .other_newplan .ptn {
  color: var(--lightRizeGold);
}