@charset "UTF-8";
/*********************************************************************************************************
オリジナル関数定義
*********************************************************************************************************/
/* jsが動作しない場合用に念のため初期値を指定（js操作でスクロールバーの幅を引いた値のvw設定）*/
:root {
  --vw:1vw;
}

/*スケールの基準値（相対的に変化させる為の基準値の設定）*/
:root {
  --HomeNew_scale:13.6; /*1360pxでデザイン（1200pxを基準として、960pxまで相対的に縮小させる）*/
}

@media screen and (max-width: 959px) {
  :root {
    --HomeNew_scale:5.2; /*520pxでデザイン（520pxを基準としうて、959pxまで相対的に拡大させる） */
  }
}
@media screen and (max-width: 519px) {
  :root {
    --HomeNew_scale:3.2; /*320pxでデザイン（320pxを基準としうて、519pxまで相対的に拡大させる） */
  }
}
.BtnNew {
  width: min( calc(264* var(--vw) / var(--HomeNew_scale)),264px);
  height: min( calc(64* var(--vw) / var(--HomeNew_scale)),64px);
  color: #fff;
  margin: auto;
}

.BtnNew__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 min( calc(20* var(--vw) / var(--HomeNew_scale)),20px) 0 min( calc(32* var(--vw) / var(--HomeNew_scale)),32px);
  border-radius: min( calc(32* var(--vw) / var(--HomeNew_scale)),32px);
  font-size: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  line-height: 1.25;
  font-weight: bold;
  text-decoration: none;
  box-sizing: border-box;
  background: linear-gradient(90deg, rgb(0, 165, 85) 0%, rgb(0, 134, 114) 100%);
  color: #fff;
}

.BtnNew__txt {
  flex: 1;
  margin-right: min( calc(88* var(--vw) / var(--HomeNew_scale)),88px);
}

.BtnNew__arrow {
  font-size: 32px;
  color: #fff;
  line-height: 1;
}

.BtnNew__arrow svg {
  vertical-align: bottom;
}

@media screen and (max-width: 959px) {
  .BtnNew {
    width: calc(200 * var(--vw) / var(--HomeNew_scale));
    height: calc(48 * var(--vw) / var(--HomeNew_scale));
  }
  .BtnNew__link {
    padding: 0 calc(14 * var(--vw) / var(--HomeNew_scale)) 0 calc(24 * var(--vw) / var(--HomeNew_scale));
    border-radius: calc(24 * var(--vw) / var(--HomeNew_scale));
    font-size: calc(12 * var(--vw) / var(--HomeNew_scale));
  }
  .BtnNew__txt {
    margin-right: calc(8 * var(--vw) / var(--HomeNew_scale));
  }
  .BtnNew__arrow {
    font-size: calc(24 * var(--vw) / var(--HomeNew_scale));
  }
}
.MainBnrArea2 {
  padding: min( calc(8* var(--vw) / var(--HomeNew_scale)),8px) 0 0 0;
  background: #fff;
}

.MainBnrArea2 .swiper-slide {
  width: min( calc(960* var(--vw) / var(--HomeNew_scale)),960px) !important;
}

.MainBnrArea2 .swiper-slide img {
  width: 100%;
  box-sizing: border-box;
}

.MainBnrArea2 .swiper-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  height: min( calc(40* var(--vw) / var(--HomeNew_scale)),40px);
  gap: min( calc(8* var(--vw) / var(--HomeNew_scale)),8px);
}

.MainBnrArea2 .swiper-button-prev,
.MainBnrArea2 .swiper-button-next {
  position: static;
  left: 0;
  right: 0;
  width: min( calc(24* var(--vw) / var(--HomeNew_scale)),24px);
  height: auto;
  margin: 0;
}

.MainBnrArea2 .swiper-button-next:after,
.MainBnrArea2 .swiper-button-prev:after {
  font-size: min( calc(20* var(--vw) / var(--HomeNew_scale)),20px);
  color: var(--color_base);
}

.MainBnrArea2 .swiper-horizontal > .swiper-pagination-bullets,
.MainBnrArea2 .swiper-pagination-bullets.swiper-pagination-horizontal,
.MainBnrArea2 .swiper-pagination-custom,
.MainBnrArea2 .swiper-pagination-fraction {
  position: static;
  width: auto;
  font-size: 0;
}

.MainBnrArea2 .swiper-pagination-bullet-active {
  background: var(--color_base);
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: min( calc(4* var(--vw) / var(--HomeNew_scale)),4px);
}

.swiper-pagination-bullet {
  width: min( calc(8* var(--vw) / var(--HomeNew_scale)),8px);
  height: min( calc(8* var(--vw) / var(--HomeNew_scale)),8px);
}

.HomeNew > .mainvisual {
  position: relative;
  background: url(/static/img/home_new/mainvisual_ph.jpg) 0 0 no-repeat;
  background-size: cover;
  height: calc(464 * var(--vw) / var(--HomeNew_scale));
}

.HomeNew > .mainvisual > h2 {
  --spacing:0;
  position: absolute;
  top: calc(56 * var(--vw) / var(--HomeNew_scale));
  left: calc(80 * var(--vw) / var(--HomeNew_scale));
}

.HomeNew > .mainvisual > h2 > .txt1 {
  font-size: calc(40 * var(--vw) / var(--HomeNew_scale));
  line-height: 1;
  font-weight: 800;
  font-family: "Hiragino Sans", "Noto Sans JP", sans-serif;
}

.HomeNew > .mainvisual > h2 > .txt1 > strong {
  color: #FF0000;
  font-weight: 800;
}

.HomeNew > .mainvisual > h2 > .txt2 {
  font-size: calc(56 * var(--vw) / var(--HomeNew_scale));
  line-height: 1.5;
  font-weight: 800;
  color: #008772;
  position: relative;
  left: calc(-3 * var(--vw) / var(--HomeNew_scale));
  font-family: "Hiragino Sans", "Noto Sans JP", sans-serif;
}

.HomeNew > .mainvisual > .lead {
  font-size: calc(20 * var(--vw) / var(--HomeNew_scale));
  line-height: 1.5;
  font-weight: bold;
  position: absolute;
  top: calc(184 * var(--vw) / var(--HomeNew_scale));
  left: calc(80 * var(--vw) / var(--HomeNew_scale));
  --spacing:.2em;
}

.HomeNew > .mainvisual > .label {
  position: absolute;
  top: calc(264 * var(--vw) / var(--HomeNew_scale));
  left: calc(76 * var(--vw) / var(--HomeNew_scale));
  display: flex;
  gap: calc(12 * var(--vw) / var(--HomeNew_scale));
}

.HomeNew > .mainvisual > .label > .item {
  width: calc(136 * var(--vw) / var(--HomeNew_scale));
  height: calc(160 * var(--vw) / var(--HomeNew_scale));
  background: url(/static/img/home_new/mainvisual_label.png) 0 0 no-repeat;
  background-size: cover;
}

.HomeNew > .mainvisual > .label > .item > .txt1 {
  display: block;
  font-size: calc(16 * var(--vw) / var(--HomeNew_scale));
  font-weight: bold;
  text-align: center;
  color: #563A02;
}

.HomeNew > .mainvisual > .label > .item.-itme1 > .txt1 {
  padding-top: calc(20 * var(--vw) / var(--HomeNew_scale));
  line-height: 1.25;
}

.HomeNew > .mainvisual > .label > .item.-itme2 > .txt1 {
  padding-top: calc(35 * var(--vw) / var(--HomeNew_scale));
  margin-bottom: calc(5 * var(--vw) / var(--HomeNew_scale));
  line-height: 1;
}

.HomeNew > .mainvisual > .label > .item.-itme2 > .txt1 > .sub {
  font-size: calc(13 * var(--vw) / var(--HomeNew_scale));
}

.HomeNew > .mainvisual > .label > .item.-itme3 > .txt1 {
  padding-top: calc(20 * var(--vw) / var(--HomeNew_scale));
  line-height: 1.25;
}

.HomeNew > .mainvisual > .label > .item.-itme3 > .txt1 > .note {
  font-size: calc(12 * var(--vw) / var(--HomeNew_scale));
  font-weight: normal;
  display: inline-block;
  margin-left: calc(2 * var(--vw) / var(--HomeNew_scale));
  position: relative;
  top: calc(-6 * var(--vw) / var(--HomeNew_scale));
}

.HomeNew > .mainvisual > .label > .item > .txt2 {
  display: block;
  text-align: center;
}

.HomeNew > .mainvisual > .label > .item > .txt2 > .txt2_1 {
  line-height: 1;
  font-weight: bold;
  font-style: italic;
  color: #FF0000;
}

.HomeNew > .mainvisual > .label > .item > .txt2 > .txt2_2 {
  line-height: 1;
  font-weight: bold;
  color: #563A02;
}

.HomeNew > .mainvisual > .label > .item.-itme1 > .txt2 > .txt2_1 {
  font-size: calc(54 * var(--vw) / var(--HomeNew_scale));
}

.HomeNew > .mainvisual > .label > .item.-itme1 > .txt2 > .txt2_2 {
  font-size: calc(27 * var(--vw) / var(--HomeNew_scale));
}

.HomeNew > .mainvisual > .label > .item.-itme2 > .txt2 > .txt2_1 {
  font-size: calc(32 * var(--vw) / var(--HomeNew_scale));
}

.HomeNew > .mainvisual > .label > .item.-itme2 > .txt2 > .txt2_2 {
  font-size: calc(16 * var(--vw) / var(--HomeNew_scale));
}

.HomeNew > .mainvisual > .label > .item.-itme3 > .txt2 > .txt2_1 {
  font-size: calc(54 * var(--vw) / var(--HomeNew_scale));
}

.HomeNew > .mainvisual > .label > .item.-itme3 > .txt2 > .txt2_2 {
  font-size: calc(27 * var(--vw) / var(--HomeNew_scale));
  margin-left: calc(-4 * var(--vw) / var(--HomeNew_scale));
}

.HomeNew > .mainvisual > .label_note {
  font-size: calc(12 * var(--vw) / var(--HomeNew_scale));
  line-height: 1.25;
  position: absolute;
  top: calc(436 * var(--vw) / var(--HomeNew_scale));
  left: calc(80 * var(--vw) / var(--HomeNew_scale));
}

.HomeNew > .mainvisual > .btn {
  position: absolute;
  right: calc(80 * var(--vw) / var(--HomeNew_scale));
  bottom: calc(40 * var(--vw) / var(--HomeNew_scale));
  width: fit-content;
}

.HomeNew > .mainvisual > .btn > a {
  display: block;
  width: calc(360 * var(--vw) / var(--HomeNew_scale));
  height: calc(80 * var(--vw) / var(--HomeNew_scale));
  padding: calc(10 * var(--vw) / var(--HomeNew_scale)) 0 0 calc(40 * var(--vw) / var(--HomeNew_scale));
  box-sizing: border-box;
  background: linear-gradient(to right, #fc8f30 0%, #ff0303 100%);
  border-radius: calc(9999 * var(--vw) / var(--HomeNew_scale));
  text-decoration: none;
  color: #fff;
  box-shadow: 0px calc(-4 * var(--vw) / var(--HomeNew_scale)) 0px 0px rgba(0, 0, 0, 0.3) inset;
}

.HomeNew > .mainvisual > .btn > a > .txt1 {
  font-size: calc(16 * var(--vw) / var(--HomeNew_scale));
  line-height: 1.25;
  display: inline-block;
  text-indent: calc(2 * var(--vw) / var(--HomeNew_scale));
}

.HomeNew > .mainvisual > .btn > a > .txt2 {
  font-size: calc(32 * var(--vw) / var(--HomeNew_scale));
  line-height: 1.25;
  font-weight: bold;
  display: inline-block;
  --spacing:.02em;
}

.HomeNew > .mainvisual > .btn > a > .txt2 > strong {
  color: #ffff00;
}

.HomeNew > .mainvisual > .btn > a > .arrow {
  display: block;
  width: calc(40 * var(--vw) / var(--HomeNew_scale));
  height: calc(40 * var(--vw) / var(--HomeNew_scale));
  background: #fff;
  border-radius: calc(40 * var(--vw) / var(--HomeNew_scale));
  position: absolute;
  top: calc(50% + -2 * var(--vw) / var(--HomeNew_scale));
  right: calc(24 * var(--vw) / var(--HomeNew_scale));
  transform: translateY(-50%);
}

.HomeNew > .mainvisual > .btn > a > .arrow::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: calc(50% - 6 * var(--vw) / var(--HomeNew_scale));
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-top: calc(8 * var(--vw) / var(--HomeNew_scale)) solid transparent;
  border-bottom: calc(8 * var(--vw) / var(--HomeNew_scale)) solid transparent;
  border-left: calc(14 * var(--vw) / var(--HomeNew_scale)) solid #ff0000;
  border-right: 0;
}

.win .HomeNew > .mainvisual > .label > .item.-itme1 > .txt1 {
  padding-top: calc(22 * var(--vw) / var(--HomeNew_scale));
}

.win .HomeNew > .mainvisual > .label > .item.-itme2 > .txt1 {
  padding-top: calc(37 * var(--vw) / var(--HomeNew_scale));
}

.win .HomeNew > .mainvisual > .label > .item.-itme3 > .txt1 {
  padding-top: calc(22 * var(--vw) / var(--HomeNew_scale));
}

.win .HomeNew > .mainvisual > .label > .item.-itme3 > .txt1 > .note {
  top: calc(-4 * var(--vw) / var(--HomeNew_scale));
}

.win .HomeNew > .mainvisual > .label > .item > .txt2 > .txt2_1 {
  --spacing:0;
  padding-right: calc(4 * var(--vw) / var(--HomeNew_scale));
}

html.Desktop .HomeNew > .mainvisual > .btn > a:hover {
  opacity: 1;
  filter: brightness(1.2);
}

/* 各セクションの基本設定 */
.HomeNew > .section > .sectionHead {
  height: min( calc(240* var(--vw) / var(--HomeNew_scale)),240px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.HomeNew > .section > .sectionHead > p {
  margin-bottom: 1em;
  font-size: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  color: #33A569;
}

.HomeNew > .section > .sectionHead > h3 {
  font-size: min( calc(32* var(--vw) / var(--HomeNew_scale)),32px);
  font-weight: bold;
}

.HomeNew > .section > .sectionHead > h3::after {
  content: "";
  display: block;
  width: min( calc(40* var(--vw) / var(--HomeNew_scale)),40px);
  height: min( calc(2* var(--vw) / var(--HomeNew_scale)),2px);
  margin: 0.75em auto 0;
  background: #33A569;
}

.HomeNew > .section > .sectionBody {
  max-width: min( calc(1360* var(--vw) / var(--HomeNew_scale)),1360px);
  margin: auto;
}

.HomeNew > .section > .sectionBody > .lead {
  margin-bottom: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
  font-size: min( calc(18* var(--vw) / var(--HomeNew_scale)),18px);
  text-align: center;
  line-height: 2;
  font-weight: bold;
}

/* Kimini英会話で、ここまで変わる英語力 */
.HomeNew > .section.-results {
  padding-bottom: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
}

.HomeNew > .section.-results > .sectionBody > .YoutubeWrap {
  max-width: min( calc(640* var(--vw) / var(--HomeNew_scale)),640px);
  margin: auto;
}

/* 「できるかな」が「できた！」に変わる */
.HomeNew > .section.-confidence {
  padding-bottom: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
  background: #fff;
}

.HomeNew > .section.-confidence > .sectionBody {
  max-width: min( calc(1360* var(--vw) / var(--HomeNew_scale)),1360px);
  margin: auto;
}

.HomeNew > .section.-confidence > .sectionBody > dl {
  display: flex;
  max-width: min( calc(1200* var(--vw) / var(--HomeNew_scale)),1200px);
  gap: min( calc(40* var(--vw) / var(--HomeNew_scale)),40px);
  margin: 0 auto min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
}

.HomeNew > .section.-confidence > .sectionBody > dl > div {
  width: 100%;
}

.HomeNew > .section.-confidence > .sectionBody > dl > div > dt.ttl {
  margin-bottom: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  font-size: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  color: #33A569;
}

.HomeNew > .section.-confidence > .sectionBody > dl > div > dd.thumb {
  margin-bottom: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
}

.HomeNew > .section.-confidence > .sectionBody > dl > div > dd.txt {
  font-size: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  line-height: 2;
}

.HomeNew > .section.-confidence > .sectionBody > .txt {
  margin-bottom: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
  font-size: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  text-align: center;
  line-height: 2;
}

.HomeNew > .section.-confidence > .sectionBody > .btn > a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-decoration: none;
  width: min( calc(400* var(--vw) / var(--HomeNew_scale)),400px);
  height: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
  margin: auto;
  border-radius: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
  background-image: linear-gradient(90deg, #fc8f30, #ff0303);
  color: #fff;
  box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.3);
}

.HomeNew > .section.-confidence > .sectionBody > .btn > a > .txt1 {
  margin-bottom: 0.25em;
  font-size: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
}

.HomeNew > .section.-confidence > .sectionBody > .btn > a > .txt2 {
  font-size: min( calc(32* var(--vw) / var(--HomeNew_scale)),32px);
  font-weight: bold;
}

/* 「できるかな」が「できた！」に変わる */
.HomeNew > .section.-voices {
  padding-bottom: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
}

.HomeNew > .section.-voices > .sectionBody {
  max-width: min( calc(1360* var(--vw) / var(--HomeNew_scale)),1360px);
  margin: auto;
}

.HomeNew > .section.-voices > .sectionBody > dl {
  display: flex;
  max-width: min( calc(1200* var(--vw) / var(--HomeNew_scale)),1200px);
  gap: min( calc(40* var(--vw) / var(--HomeNew_scale)),40px);
  margin: 0 auto;
}

.HomeNew > .section.-voices > .sectionBody > dl > div {
  width: 100%;
  padding: min( calc(40* var(--vw) / var(--HomeNew_scale)),40px);
  box-sizing: border-box;
  background: #fff;
  border-radius: min( calc(8* var(--vw) / var(--HomeNew_scale)),8px);
}

.HomeNew > .section.-voices > .sectionBody > dl > div > dt.ttl {
  display: flex;
  align-items: center;
  gap: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  margin-bottom: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
}

.HomeNew > .section.-voices > .sectionBody > dl > div > dt.ttl > .thumb {
  width: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
  border-radius: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
  overflow: hidden;
}

.HomeNew > .section.-voices > .sectionBody > dl > div > dt.ttl > .txt {
  font-size: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  line-height: 1.5;
}

.HomeNew > .section.-voices > .sectionBody > dl > div > dd.txt_1 {
  margin-bottom: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  font-size: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  line-height: 1.75;
}

.HomeNew > .section.-voices > .sectionBody > dl > div > dd.thumb {
  margin-bottom: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
}

.HomeNew > .section.-voices > .sectionBody > dl > div > dd.txt_2 > .inner {
  display: inline;
  font-size: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  font-weight: bold;
  line-height: 1.75;
  padding: 0.1em 0.5em;
  background: #FFFF80;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* 成果の秘密は学習の仕組み */
.HomeNew > .section.-system {
  padding-bottom: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
  background: #fff;
}

.HomeNew > .section.-system > .sectionBody {
  max-width: min( calc(1360* var(--vw) / var(--HomeNew_scale)),1360px);
  margin: auto;
}

.HomeNew > .section.-system > .sectionBody > .wrap {
  display: flex;
  gap: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
  justify-content: center;
  width: min( calc(1200* var(--vw) / var(--HomeNew_scale)),1200px);
  margin: auto;
  background: #fff;
  border-radius: min( calc(8* var(--vw) / var(--HomeNew_scale)),8px);
}

.HomeNew > .section.-system > .sectionBody > .wrap > .thumb {
  width: min( calc(680* var(--vw) / var(--HomeNew_scale)),680px);
}

.HomeNew > .section.-system > .sectionBody > .wrap > .thumb img {
  width: 100%;
}

.HomeNew > .section.-system > .sectionBody > .wrap > dl > div {
  margin-bottom: min( calc(40* var(--vw) / var(--HomeNew_scale)),40px);
}

.HomeNew > .section.-system > .sectionBody > .wrap > dl > div:last-child {
  margin-bottom: 0;
}

.HomeNew > .section.-system > .sectionBody > .wrap > dl > div > dt {
  margin-bottom: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
}

.HomeNew > .section.-system > .sectionBody > .wrap > dl > div.lsit1 > dt {
  padding-left: min( calc(8* var(--vw) / var(--HomeNew_scale)),8px);
  border-left: min( calc(4* var(--vw) / var(--HomeNew_scale)),4px) solid #61C3E7;
  color: #61C3E7;
}

.HomeNew > .section.-system > .sectionBody > .wrap > dl > div.lsit2 > dt {
  padding-left: min( calc(8* var(--vw) / var(--HomeNew_scale)),8px);
  border-left: min( calc(4* var(--vw) / var(--HomeNew_scale)),4px) solid #8789BA;
  color: #8789BA;
}

.HomeNew > .section.-system > .sectionBody > .wrap > dl > div.lsit3 > dt {
  padding-left: min( calc(8* var(--vw) / var(--HomeNew_scale)),8px);
  border-left: min( calc(4* var(--vw) / var(--HomeNew_scale)),4px) solid #37D4C3;
  color: #37D4C3;
}

.HomeNew > .section.-system > .sectionBody > .wrap > dl > div > dt > .txt1 {
  display: inline-block;
  margin-bottom: 0.25em;
  font-size: min( calc(28* var(--vw) / var(--HomeNew_scale)),28px);
  font-weight: bold;
}

.HomeNew > .section.-system > .sectionBody > .wrap > dl > div > dt > .txt2 {
  display: inline-block;
  font-size: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  line-height: 1.25;
  font-weight: bold;
}

.HomeNew > .section.-system > .sectionBody > .wrap > dl > div > dd {
  margin-bottom: 0.75em;
  font-size: min( calc(14* var(--vw) / var(--HomeNew_scale)),14px);
  line-height: 1.125;
}

.HomeNew > .section.-system > .sectionBody > .wrap > dl > div.lsit1 > dd > .Mark > .icon {
  color: #61C3E7;
}

.HomeNew > .section.-system > .sectionBody > .wrap > dl > div.lsit2 > dd > .Mark > .icon {
  color: #8789BA;
}

.HomeNew > .section.-system > .sectionBody > .wrap > dl > div.lsit3 > dd > .Mark > .icon {
  color: #37D4C3;
}

/* 受講生による講師評価 */
.HomeNew > .section.-teachers {
  padding-bottom: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
}

.HomeNew > .section.-teachers > .sectionBody {
  max-width: min( calc(1360* var(--vw) / var(--HomeNew_scale)),1360px);
  margin: auto;
}

.HomeNew > .section.-teachers > .sectionBody > .LoaderOuter {
  max-width: min( calc(960* var(--vw) / var(--HomeNew_scale)),960px);
  margin: auto;
}

.HomeNew > .section.-teachers > .sectionBody > .reviewsWrap {
  max-width: min( calc(960* var(--vw) / var(--HomeNew_scale)),960px);
  margin: 0 auto min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
  overflow: hidden;
}

.HomeNew > .section.-teachers > .sectionBody > .reviewsWrap > dl {
  display: flex;
  gap: min( calc(8* var(--vw) / var(--HomeNew_scale)),8px);
  flex-wrap: wrap;
  margin-right: max( calc(-8* var(--vw) / var(--HomeNew_scale)),-8px);
}

.HomeNew > .section.-teachers > .sectionBody > .reviewsWrap > dl > div {
  display: flex;
  width: calc(100% - min( calc(8* var(--vw) / var(--HomeNew_scale)),8px));
  padding: min( calc(40* var(--vw) / var(--HomeNew_scale)),40px);
  box-sizing: border-box;
  background: #fff;
  border-radius: min( calc(4* var(--vw) / var(--HomeNew_scale)),4px);
}

.HomeNew > .section.-teachers > .sectionBody > .reviewsWrap > dl > div:nth-child(n+6) {
  display: none;
}

.HomeNew > .section.-teachers > .sectionBody > .reviewsWrap > dl > div > dt {
  display: flex;
  align-items: center;
  gap: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  width: min( calc(240* var(--vw) / var(--HomeNew_scale)),240px);
  padding-right: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  box-sizing: border-box;
}

.HomeNew > .section.-teachers > .sectionBody > .reviewsWrap > dl > div > dt > .t_picture_file {
  flex-shrink: 0;
  width: min( calc(104* var(--vw) / var(--HomeNew_scale)),104px);
  border-radius: min( calc(104* var(--vw) / var(--HomeNew_scale)),104px);
  overflow: hidden;
}

.HomeNew > .section.-teachers > .sectionBody > .reviewsWrap > dl > div > dd {
  flex: 1;
  border-left: min( calc(1* var(--vw) / var(--HomeNew_scale)),1px) solid #ccc;
  padding-left: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
}

.HomeNew > .section.-teachers > .sectionBody > .reviewsWrap > dl > div > dt > .t_nickname {
  overflow-wrap: break-word;
  min-width: 0;
  font-size: min( calc(14* var(--vw) / var(--HomeNew_scale)),14px);
  line-height: 1.125;
  font-weight: bold;
}

.HomeNew > .section.-teachers > .sectionBody > .reviewsWrap > dl > div > dt > .t_nickname [class^=country-flag-] {
  margin-top: min( calc(4* var(--vw) / var(--HomeNew_scale)),4px);
  position: relative;
  top: max( calc(-1* var(--vw) / var(--HomeNew_scale)),-1px);
}

.HomeNew > .section.-teachers > .sectionBody > .reviewsWrap > dl > div > dd > .posted_by {
  width: fit-content;
  margin-bottom: min( calc(12* var(--vw) / var(--HomeNew_scale)),12px);
  font-size: min( calc(14* var(--vw) / var(--HomeNew_scale)),14px);
  line-height: 1;
  color: #666;
  display: inline-block;
  margin-right: 1em;
}

.HomeNew > .section.-teachers > .sectionBody > .reviewsWrap > dl > div > dd > .posted_by > .SvgIcon {
  margin-right: 0.3em;
}

.HomeNew > .section.-teachers > .sectionBody > .reviewsWrap > dl > div > dd > .posted_at {
  width: fit-content;
  margin-bottom: min( calc(12* var(--vw) / var(--HomeNew_scale)),12px);
  font-size: min( calc(14* var(--vw) / var(--HomeNew_scale)),14px);
  line-height: 1;
  color: #666;
  display: inline-block;
}

.HomeNew > .section.-teachers > .sectionBody > .reviewsWrap > dl > div > dd > .rate {
  margin-bottom: min( calc(8* var(--vw) / var(--HomeNew_scale)),8px);
  font-size: min( calc(14* var(--vw) / var(--HomeNew_scale)),14px);
  color: #d94d38;
}

.HomeNew > .section.-teachers > .sectionBody > .reviewsWrap > dl > div > dd > .comment {
  font-size: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  line-height: 1.75;
}

/* Kimini英会話が選ばれる理由 */
.HomeNew > .section.-reasons {
  padding-bottom: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
}

.HomeNew > .section.-reasons > .sectionBody {
  max-width: min( calc(1360* var(--vw) / var(--HomeNew_scale)),1360px);
  margin: auto;
}

.HomeNew > .section.-reasons > .sectionBody > .dlOuter {
  max-width: min( calc(1200* var(--vw) / var(--HomeNew_scale)),1200px);
  margin: 0 auto;
  overflow: hidden;
}

.HomeNew > .section.-reasons > .sectionBody > .dlOuter > dl {
  display: flex;
  gap: min( calc(40* var(--vw) / var(--HomeNew_scale)),40px);
  flex-wrap: wrap;
  margin-right: max( calc(-40* var(--vw) / var(--HomeNew_scale)),-40px);
}

.HomeNew > .section.-reasons > .sectionBody > .dlOuter > dl > div {
  width: calc(33.333% - min( calc(40* var(--vw) / var(--HomeNew_scale)),40px));
  padding: min( calc(24* var(--vw) / var(--HomeNew_scale)),24px);
  box-sizing: border-box;
  background: #fff;
  border-radius: min( calc(4* var(--vw) / var(--HomeNew_scale)),4px);
}

.HomeNew > .section.-reasons > .sectionBody > .dlOuter > dl > div > dt {
  display: flex;
  align-items: center;
  gap: min( calc(24* var(--vw) / var(--HomeNew_scale)),24px);
  border-bottom: min( calc(1* var(--vw) / var(--HomeNew_scale)),1px) solid #ddd;
  margin-bottom: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  padding-bottom: min( calc(8* var(--vw) / var(--HomeNew_scale)),8px);
}

.HomeNew > .section.-reasons > .sectionBody > .dlOuter > dl > div > dt > p {
  flex: 1;
  font-size: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  line-height: 1.5;
  font-weight: bold;
}

.HomeNew > .section.-reasons > .sectionBody > .dlOuter > dl > div > dd > .txt {
  margin-bottom: 1em;
  font-size: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  line-height: 1.5;
  text-align: center;
}

.HomeNew > .section.-reasons > .sectionBody > .dlOuter > dl > div > dd > .more {
  font-size: min( calc(14* var(--vw) / var(--HomeNew_scale)),14px);
  line-height: 1.5;
  text-align: center;
}

/* 料金プラン */
.HomeNew > .section.-plan {
  padding-bottom: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
  background: #fff;
}

.HomeNew > .section.-plan > .sectionBody {
  max-width: min( calc(1360* var(--vw) / var(--HomeNew_scale)),1360px);
  margin: auto;
}

.HomeNew > .section.-plan > .sectionBody > .plan {
  max-width: min( calc(1200* var(--vw) / var(--HomeNew_scale)),1200px);
  margin: 0 auto min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
}

/* 無料体験の流れ */
.HomeNew > .section.-flow {
  padding-bottom: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
}

.HomeNew > .section.-flow > .sectionBody {
  max-width: min( calc(1360* var(--vw) / var(--HomeNew_scale)),1360px);
  margin: auto;
}

/* よくある質問 */
.HomeNew > .section.-faq {
  padding-bottom: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
  background: #fff;
}

.HomeNew > .section.-faq > .sectionBody {
  max-width: min( calc(1360* var(--vw) / var(--HomeNew_scale)),1360px);
  margin: auto;
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea {
  width: min( calc(960* var(--vw) / var(--HomeNew_scale)),960px);
  margin: auto;
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea:has(+ .Btn) {
  margin-bottom: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea:has(+ .BtnArea) {
  margin-bottom: min( calc(80* var(--vw) / var(--HomeNew_scale)),80px);
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea:last-child {
  margin-bottom: 0;
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea > div {
  margin-bottom: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  border-radius: min( calc(4* var(--vw) / var(--HomeNew_scale)),4px);
  overflow: hidden;
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea > div:last-child {
  margin-bottom: 0;
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dt {
  padding: min( calc(24* var(--vw) / var(--HomeNew_scale)),24px) min( calc(96* var(--vw) / var(--HomeNew_scale)),96px) min( calc(24* var(--vw) / var(--HomeNew_scale)),24px) min( calc(24* var(--vw) / var(--HomeNew_scale)),24px);
  box-sizing: border-box;
  background: #EFF9F3;
  display: flex;
  gap: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  font-size: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  line-height: 2;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dt::after {
  content: "";
  display: block;
  width: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  height: min( calc(2* var(--vw) / var(--HomeNew_scale)),2px);
  background: #33A569;
  position: absolute;
  top: 50%;
  right: min( calc(40* var(--vw) / var(--HomeNew_scale)),40px);
  transform: translateY(-50%);
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dt::before {
  content: "";
  display: block;
  width: min( calc(2* var(--vw) / var(--HomeNew_scale)),2px);
  height: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  background: #33A569;
  position: absolute;
  top: 50%;
  right: min( calc(47* var(--vw) / var(--HomeNew_scale)),47px);
  transform: translateY(-50%);
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dt > .label {
  display: inline-block;
  background: #33A569;
  width: min( calc(40* var(--vw) / var(--HomeNew_scale)),40px);
  height: min( calc(40* var(--vw) / var(--HomeNew_scale)),40px);
  border-radius: min( calc(9999* var(--vw) / var(--HomeNew_scale)),9999px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dt > .text {
  flex: 1;
  display: flex;
  align-items: center;
  color: #33A569;
  line-height: 1.75;
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dd {
  padding: min( calc(24* var(--vw) / var(--HomeNew_scale)),24px);
  background: #EFF9F3;
  display: none;
  position: relative;
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dd::after {
  content: "";
  width: calc(100% - min( calc(48* var(--vw) / var(--HomeNew_scale)),48px));
  height: auto;
  border-bottom: 1px dashed rgba(95, 191, 137, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dd > .inner {
  display: flex;
  gap: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  line-height: 2;
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dd > .inner > .label {
  font-size: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  display: inline-block;
  background: #fff;
  width: min( calc(40* var(--vw) / var(--HomeNew_scale)),40px);
  height: min( calc(40* var(--vw) / var(--HomeNew_scale)),40px);
  border-radius: min( calc(9999* var(--vw) / var(--HomeNew_scale)),9999px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #33A569;
  font-weight: bold;
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dd > .inner > .text {
  flex: 1;
  font-size: min( calc(16* var(--vw) / var(--HomeNew_scale)),16px);
  padding-top: min( calc(4* var(--vw) / var(--HomeNew_scale)),4px);
  line-height: 1.75;
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dd > .inner > .text > .note {
  color: #666;
  font-size: min( calc(12* var(--vw) / var(--HomeNew_scale)),12px);
}

.HomeNew > .section.-faq > .sectionBody > .PulldownArea > div.-active dt::before {
  display: none;
}

html.Desktop .HomeNew > .section.-faq > .sectionBody > .PulldownArea > div dt:hover {
  opacity: 0.7;
}

@media screen and (max-width: 959px) {
  .HomeNew > .section.-faq > .sectionBody > .PulldownArea:has(+ .Btn) {
    margin-bottom: calc(40 * var(--vw) / var(--HomeNew_scale));
  }
  .HomeNew > .section.-faq > .sectionBody > .PulldownArea:has(+ .BtnArea) {
    margin-bottom: calc(40 * var(--vw) / var(--HomeNew_scale));
  }
  .HomeNew > .section.-faq > .sectionBody > .PulldownArea > div {
    margin-bottom: calc(8 * var(--vw) / var(--HomeNew_scale));
  }
  .HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dt {
    padding: calc(8 * var(--vw) / var(--HomeNew_scale)) calc(40 * var(--vw) / var(--HomeNew_scale)) calc(8 * var(--vw) / var(--HomeNew_scale)) calc(8 * var(--vw) / var(--HomeNew_scale));
    gap: calc(8 * var(--vw) / var(--HomeNew_scale));
    font-size: calc(10 * var(--vw) / var(--HomeNew_scale));
  }
  .HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dt::after {
    width: calc(8 * var(--vw) / var(--HomeNew_scale));
    height: calc(2 * var(--vw) / var(--HomeNew_scale));
    right: calc(16 * var(--vw) / var(--HomeNew_scale));
  }
  .HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dt::before {
    width: calc(2 * var(--vw) / var(--HomeNew_scale));
    height: calc(8 * var(--vw) / var(--HomeNew_scale));
    right: calc(19 * var(--vw) / var(--HomeNew_scale));
  }
  .HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dt > .label {
    width: calc(28 * var(--vw) / var(--HomeNew_scale));
    height: calc(28 * var(--vw) / var(--HomeNew_scale));
  }
  .HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dd {
    padding: calc(8 * var(--vw) / var(--HomeNew_scale));
  }
  .HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dd::after {
    width: calc(100% - 16 * var(--vw) / var(--HomeNew_scale));
  }
  .HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dd > .inner {
    gap: calc(8 * var(--vw) / var(--HomeNew_scale));
  }
  .HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dd > .inner > .label {
    font-size: calc(10 * var(--vw) / var(--HomeNew_scale));
    width: calc(28 * var(--vw) / var(--HomeNew_scale));
    height: calc(28 * var(--vw) / var(--HomeNew_scale));
  }
  .HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dd > .inner > .text {
    font-size: calc(10 * var(--vw) / var(--HomeNew_scale));
    padding-top: calc(4 * var(--vw) / var(--HomeNew_scale));
  }
  .HomeNew > .section.-faq > .sectionBody > .PulldownArea > div > dd > .inner > .text > .note {
    font-size: calc(9 * var(--vw) / var(--HomeNew_scale));
  }
}/*# sourceMappingURL=home_new.css.map */