.elementor-42471 .elementor-element.elementor-element-6a52fd02 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:2px;}.elementor-42471 .elementor-element.elementor-element-124d62a3{width:var( --container-widget-width, 101.32% );max-width:101.32%;--container-widget-width:101.32%;--container-widget-flex-grow:0;}.elementor-42471 .elementor-element.elementor-element-5c77bb88{margin-top:0px;margin-bottom:160px;padding:080px 0px 0px 0px;}.elementor-42471 .elementor-element.elementor-element-63c63b0d > .elementor-widget-container{margin:20px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-42471 .elementor-element.elementor-element-63c63b0d{text-align:center;}.elementor-42471 .elementor-element.elementor-element-63c63b0d, .elementor-42471 .elementor-element.elementor-element-63c63b0d .elementor-text-editor *{font-size:25px;font-weight:bold;}.elementor-42471 .elementor-element.elementor-element-7516b580 > .elementor-widget-container{margin:0px 0px 40px 0px;padding:0px 0px 10px 0px;}.elementor-42471 .elementor-element.elementor-element-7516b580{text-align:center;}.elementor-42471 .elementor-element.elementor-element-7516b580 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:48.83px;line-height:1.3em;letter-spacing:1px;word-spacing:0.1em;}.elementor-42471 .elementor-element.elementor-element-43afd932 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-42471 .elementor-element.elementor-element-43afd932 .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 110% ) saturate( 110% ) blur( 0px ) hue-rotate( 0deg );}.elementor-42471 .elementor-element.elementor-element-2aca715a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-42471 .elementor-element.elementor-element-24219047 > .elementor-widget-container{margin:80px 0px 0px 0px;}.elementor-42471 .elementor-element.elementor-element-24219047{text-align:center;}.elementor-42471 .elementor-element.elementor-element-24219047 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;}.elementor-42471 .elementor-element.elementor-element-4949b433:not(.elementor-motion-effects-element-type-background), .elementor-42471 .elementor-element.elementor-element-4949b433 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-bbcc030 );}.elementor-42471 .elementor-element.elementor-element-4949b433 > .elementor-container{max-width:700px;}.elementor-42471 .elementor-element.elementor-element-4949b433{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 0px 150px 0px;}.elementor-42471 .elementor-element.elementor-element-4949b433 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-42471 .elementor-element.elementor-element-69aa5a4f > .elementor-element-populated{border-style:solid;border-width:2px 2px 2px 2px;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 50px 50px 50px;}.elementor-42471 .elementor-element.elementor-element-69aa5a4f > .elementor-element-populated, .elementor-42471 .elementor-element.elementor-element-69aa5a4f > .elementor-element-populated > .elementor-background-overlay, .elementor-42471 .elementor-element.elementor-element-69aa5a4f > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-42471 .elementor-element.elementor-element-69aa5a4f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-42471 .elementor-element.elementor-element-32ceb9c9 > .elementor-widget-container{padding:40px 0px 0px 0px;}.elementor-42471 .elementor-element.elementor-element-32ceb9c9{text-align:center;}.elementor-42471 .elementor-element.elementor-element-32ceb9c9 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:25px;line-height:1.5em;letter-spacing:1px;}.elementor-42471 .elementor-element.elementor-element-95dd5e8{--divider-border-style:solid;--divider-color:#FFB64E;--divider-border-width:4px;}.elementor-42471 .elementor-element.elementor-element-95dd5e8 .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-42471 .elementor-element.elementor-element-95dd5e8 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-42471 .elementor-element.elementor-element-25ba0114 > .elementor-widget-container{padding:20px 40px 40px 40px;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-button span{gap:12px;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-field-group{padding-right:calc( 5px/2 );padding-left:calc( 5px/2 );margin-bottom:24px;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-form-fields-wrapper{margin-left:calc( -5px/2 );margin-right:calc( -5px/2 );margin-bottom:-24px;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-labels-inline .elementor-field-group > label{padding-left:8px;}body:not(.rtl) .elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-labels-inline .elementor-field-group > label{padding-right:8px;}body .elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-labels-above .elementor-field-group > label{padding-bottom:8px;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-field-group > label{font-weight:300;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-field-type-html{padding-bottom:0px;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#F6F6F6;border-width:1px 1px 1px 1px;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-field-group .elementor-select-wrapper select{background-color:#F6F6F6;border-width:1px 1px 1px 1px;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .e-form__buttons__wrapper__button-next{background-color:#FFAA30;color:#ffffff;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-button[type="submit"]{background-color:#FFAA30;color:#ffffff;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-42471 .elementor-element.elementor-element-25ba0114 .elementor-button{padding:20px 35px 20px 40px;}.elementor-42471 .elementor-element.elementor-element-25ba0114{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-42471 .elementor-element.elementor-element-4f2c8965:not(.elementor-motion-effects-element-type-background), .elementor-42471 .elementor-element.elementor-element-4f2c8965 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#19375B;}.elementor-42471 .elementor-element.elementor-element-4f2c8965{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 30px 0px;}.elementor-42471 .elementor-element.elementor-element-4f2c8965 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-42471 .elementor-element.elementor-element-422ef608{--spacer-size:40px;}.elementor-42471 .elementor-element.elementor-element-a7d5ba6{text-align:center;}.elementor-42471 .elementor-element.elementor-element-a7d5ba6, .elementor-42471 .elementor-element.elementor-element-a7d5ba6 .elementor-text-editor *{font-family:"Roboto Slab", Sans-serif;font-weight:400;}@media(max-width:767px){.elementor-42471 .elementor-element.elementor-element-5c77bb88{margin-top:0px;margin-bottom:0px;padding:80px 0px 80px 0px;}.elementor-42471 .elementor-element.elementor-element-63c63b0d > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-42471 .elementor-element.elementor-element-63c63b0d{text-align:center;}.elementor-42471 .elementor-element.elementor-element-63c63b0d, .elementor-42471 .elementor-element.elementor-element-63c63b0d .elementor-text-editor *{font-size:20px;}.elementor-42471 .elementor-element.elementor-element-7516b580 .elementor-heading-title{font-size:31.25px;line-height:1.1em;}.elementor-42471 .elementor-element.elementor-element-43afd932 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-42471 .elementor-element.elementor-element-24219047 .elementor-heading-title{font-size:20px;}.elementor-42471 .elementor-element.elementor-element-4949b433{padding:10px 25px 100px 25px;}.elementor-42471 .elementor-element.elementor-element-69aa5a4f > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:25px 25px 25px 25px;}.elementor-42471 .elementor-element.elementor-element-32ceb9c9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:30px 15px 0px 15px;}.elementor-42471 .elementor-element.elementor-element-32ceb9c9 .elementor-heading-title{font-size:20px;}.elementor-42471 .elementor-element.elementor-element-25ba0114 > .elementor-widget-container{padding:0px 0px 50px 0px;}.elementor-42471 .elementor-element.elementor-element-a7d5ba6, .elementor-42471 .elementor-element.elementor-element-a7d5ba6 .elementor-text-editor *{font-size:11px;}}@media(min-width:768px){.elementor-42471 .elementor-element.elementor-element-6a52fd02{width:100%;}}/* Start custom CSS for html, class: .elementor-element-68be5c7d */@charset "utf-8";
html {
  scroll-behavior: smooth;
}

body {
  /*background: #f0f3f2;*/
  background: #fff !important;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  color: #333;
  line-height: 1.75;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box !important;
  letter-spacing: 0.06em;
}
.elementor-column-gap-thegem > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap{
    padding: 0 21px 10px !important;
}

img {
  width: 100%;
  vertical-align: bottom;
}
.bright-orange {
  color: #ffa144;
}
.manable-lp__section-title {
  color: #333;
  font-size: 31.25px;
  text-align: center;
  margin-bottom: 80px;
  line-height: 1.5 !important;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}
@media (width>767px) {
  .manable-lp__section-title {
    font-size: 48.83px;
  }
}

/******* toトップボタン ********/
.to-top-btn {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 2vh;
  right: 3vw;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.to-top-btn.fade-active {
  opacity: 1;
  visibility: visible;
}
.to-top-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: 0.5s;
  background: #000;
  opacity: 0.4;
}
.to-top-btn a > .to-top-img {
  width: 16px;
  line-height: 0;
}
@media (width>767px) {
  .to-top-btn {
    width: 60px;
    height: 60px;
  }
}

/***************** fadein ******************/
/* ファーストビューフェードイン */

.manable-lp__title.fv-fade {
  transition: 1s linear;
  width: 0;
  overflow: hidden;
}
.manable-lp__title.fv-fade.fade-active {
  opacity: 1;
  width: 7.4em;
}

.manable-lp__text.fv-fade,
.manable-lp__btn.fv-fade {
  opacity: 0;
  transition: 1.5s 1s;
}
.manable-lp__text.fv-fade.fade-active,
.manable-lp__btn.fv-fade.fade-active {
  opacity: 1;
}
.manable-lp__img.fv-fade {
  transition: 1s 0.5s;
  opacity: 0;
  transform: translateX(100px);
}
.manable-lp__img.fv-fade.fade-active {
  opacity: 1;
  transform: translateX(0);
}

/* 本編フェードイン */

.manable-fadein {
  opacity: 0;
  transform: translateY(100px);
  transition: 0.5s;
}
.manable-fadein.fade-active {
  opacity: 1;
  transform: translateY(0);
}

/* 値段箇所 */

.section__3-price .fade-each {
  opacity: 0;
  transform: translateY(200px);
}
.section__3-price .fade-each.fade-active {
  opacity: 1;
  transform: translateY(0);
}
.section__3-price .fade-each:first-child {
  transition: 0.2s 0.5s;
}
.section__3-price .fade-each:nth-child(2) {
  transition: 0.2s 0s;
}
.section__3-price .fade-each:last-child {
  transition: 0.2s 0.1s;
}

.section3__table.manable-fadein {
  opacity: 0;
  transform: translateX(0);
  transition: 1.5s 0.5s;
}
.section3__table.manable-fadein.fade-active {
  opacity: 1;
}
@media (width>600px) {
  .section3__table.manable-fadein {
    opacity: 0;
    transform: translateX(-200px);
    transition: 0.5s 0.5s;
  }
  .section3__table.manable-fadein.fade-active {
    opacity: 1;
    transform: translateX(0);
  }
}

/* STEP */

.step-list .fade-each {
  opacity: 0;
  transform: translateY(100px);
  transition: 1s;
}
.step-list .fade-each.fade-active {
  opacity: 1;
  transform: translateY(0);
}

/* メッセージ */

.lecturer-messeage.manable-fadein {
  opacity: 0;
  transition: 1.5s linear;
  transform: translateY(0);
}
.lecturer-messeage.manable-fadein.fade-active {
  opacity: 1;
}

/* 修了生の声 */

.comment-box .fade-each {
  transform: scale(0);
}
.comment-box .fade-each.fade-active {
  transform: scale(1);
}
.comment-box .fade-each:first-child {
  transition: 0.5s 0.2s;
}
.comment-box .fade-each:nth-child(2) {
  transition: 0.5s 0.5s;
}
.comment-box .fade-each:nth-child(3) {
  transition: 0.5s 0.2s;
}
.comment-box .fade-each:nth-child(4) {
  transition: 0.5s 0.5s;
}
.comment-box .fade-each:last-child {
  transition: 0.5s 0.8s;
}

/*********** header *************/
header {
  padding: 20px 30px 0;
}
.top-logo {
  max-width: 180px;
}
@media (width>1200px) {
  header {
    padding: 30px 40px 0;
  }
  .top-logo {
    max-width: 200px;
  }
}
@media (width>1500px) {
  header {
    padding: 30px 40px 0;
  }
}

@media (width>1800px) {
  header {
    padding: 40px 60px 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-124d62a3 *//******** hero *********/
h1:not(.thegem-heading):first-child {
  margin-top: 0 !important;
}

.movie-btn {
  width: 20%;
  max-width: 60px !important;
}

.manable-lp__hero {
  padding: 60px 20px 0 30px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  position: relative;
  margin-bottom: 80px;
  background: #fff;
  box-sizing: border-box;
}

.manable-lp__title {
  font-size: 44px;
  line-height: 1.1;
  color: #333;
  font-weight: 900;
  margin-bottom: 20px !important;
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  z-index: 2;
  white-space: nowrap;
}
.manable-lp__title > span {
  letter-spacing: normal;
  display: flex;
}
.manable-lp__title > span > span {
  letter-spacing: normal;
}
.thumb-name {
  font-size: 0.7em;
  vertical-align: middle;
}

.manable-lp__text {
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: bold;
  color: #777;
  line-height: 1.4;
}
@media (width>499px) {
  .manable-lp__title {
    width: fit-content;
    font-size: 80px;
    margin-bottom: 40px !important;
  }
  .manable-lp__text {
    font-size: 32px;
    margin-bottom: 60px;
    background: #ffffffd7;
    width: fit-content;
    position: relative;
    z-index: 2;
  }
}
@media (width>767px) {
  .manable-lp__hero {
    padding: 76px 60px 0;
  }

  .manable-lp__title {
    font-size: 96px;
    line-height: 1.05;
  }
  .manable-lp__text {
    font-size: 31.96px;
    margin-bottom: 48px;
  }
}

.manable-lp__img {
  max-width: 400px;
  margin: 0 auto 48px;
}

@media (width>1200px) {
  .manable-lp__hero {
    padding: 80px 120px 0;
  }
  .manable-lp__title {
    font-size: 112px;
    line-height: 1.05;
  }

  .manable-lp__img {
    width: 400px;
    max-width: none;
    position: absolute;
    right: 4.5vw;
    bottom: 0;
    margin-bottom: 0;
    z-index: 1;
  }
  .thumb-name {
    font-size: 0.5em;
  }
}
@media (width>1500px) {
  .manable-lp__hero {
    padding: 60px 120px 0;
  }
  .manable-lp__img {
    width: 460px;
    right: 12.5vw;
  }

  .manable-lp__title {
    font-size: 120px;
    line-height: 1.05;
  }
  .manable-lp__text {
    font-size: 39.06px;
    line-height: 1.3;
    margin-bottom: 40px;
  }
}

@media (width>1800px) {
  .manable-lp__hero {
    padding: 100px 150px 0;
  }
  .manable-lp__img {
    width: 580px;
    right: 6.5vw;
  }
  .manable-lp__title {
    margin-bottom: 48px !important;
    line-height: 1.05;
    font-size: 160px;
  }
  .manable-lp__text {
    margin-bottom: 52px;
    line-height: 1.4;
    font-size: 48px;
  }
}

/* 動画導線ボタン関連 */
.manable-lp__hero > .manable-lp__btn {
  width: fit-content;
  margin: 0 auto;
}
@media (width>1200px) {
  .manable-lp__hero > .manable-lp__btn {
    margin: 0;
  }
}
.manable-lp__hero > .manable-lp__btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px 0;
  text-decoration: none;
  text-align: center;
  flex-direction: column-reverse;
  color: #2c4066;
  font-size: 20px;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 1.5em;
  border-radius: 5px;
  transition: 0.2s;
  outline: #2c4066 3px solid;
  outline-offset: -3px;
  animation: btn-anime 0.8s 3s forwards linear;
  position: relative;
  z-index: 1;
}

@keyframes btn-anime {
  0% {
    color: #2c4066;
  }
  100% {
    color: #fff;
  }
}
.manable-lp__hero > .manable-lp__btn a::before {
  content: "";
  display: block;
  background: #fff;
  width: 20px;
  height: 12px;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  animation: arrow-anime 0.5s linear infinite alternate;
}
@keyframes arrow-anime {
  100% {
    transform: translate(0, 8px);
  }
}

.manable-lp__hero > .manable-lp__btn a::after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background: #2c4066;
  position: absolute;
  inset: 50% auto auto 0;
  transform: translateY(-50%);
  z-index: -2;
  border-radius: 5px;
  transition: 2s linear;
}
.manable-lp__hero > .manable-lp__btn a.fade-active::after {
  animation: btn-bg-anime forwards 0.5s 0.1s linear;
  transition: 0.2s;
}
@keyframes btn-bg-anime {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@media (width>1200px) {
  .manable-lp__hero > .manable-lp__btn a {
    font-size: 25px;
    flex-direction: row-reverse;
    gap: 0 25px;
  }
  .manable-lp__hero > .manable-lp__btn a:hover {
    background: #ffa144;
    color: #fff;
    outline-color: #ffa144;
  }
  .manable-lp__hero > .manable-lp__btn a:hover::after {
    background: #ffa144;
    outline-color: #ffa144;
  }
  .manable-lp__hero > .manable-lp__btn a::before {
    width: 15px;
    height: 25px;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
  }
  @keyframes arrow-anime {
    100% {
      transform: translate(8px, 0);
    }
  }
}

/* 動画導線ボタン関連 */
.manable-lp__hero > .manable-lp__btn {
  width: fit-content;
  margin: 0 auto;
}
@media (width>1200px) {
  .manable-lp__hero > .manable-lp__btn {
    margin: 0;
  }
}
.manable-lp__hero > .manable-lp__btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px 0;
  text-decoration: none;
  text-align: center;
  flex-direction: column-reverse;
  color: #2c4066;
  font-size: 20px;
  font-size: 16px;
  font-weight: bold;
  padding: 15px;
  border-radius: 5px;
  transition: 0.2s;
  outline: #2c4066 3px solid;
  outline-offset: -3px;
  animation: btn-anime 0.8s 3s forwards linear;
  position: relative;
  z-index: 1;
  line-height: 1;
}

@keyframes btn-anime {
  0% {
    color: #2c4066;
  }
  100% {
    color: #fff;
  }
}
.manable-lp__hero > .manable-lp__btn a::before {
  content: "";
  display: block;
  background: #fff;
  width: 20px;
  height: 12px;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  animation: arrow-anime 0.5s linear infinite alternate;
}
@keyframes arrow-anime {
  100% {
    transform: translate(0, 8px);
  }
}

.manable-lp__hero > .manable-lp__btn a::after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background: #2c4066;
  position: absolute;
  inset: 50% auto auto 0;
  transform: translateY(-50%);
  z-index: -2;
  border-radius: 5px;
  transition: 2s linear;
}
.manable-lp__hero > .manable-lp__btn a.fade-active::after {
  animation: btn-bg-anime forwards 0.5s 0.1s linear;
  transition: 0.2s;
}
@keyframes btn-bg-anime {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@media (width>1200px) {
  .manable-lp__hero > .manable-lp__btn a {
    font-size: 25px;
    flex-direction: row-reverse;
    gap: 0 25px;
    padding: 15px 1em;
  }
  .manable-lp__hero > .manable-lp__btn a:hover {
    background: #ffa144;
    color: #fff;
    outline-color: #ffa144;
  }
  .manable-lp__hero > .manable-lp__btn a:hover::after {
    background: #ffa144;
    outline-color: #ffa144;
  }
  .manable-lp__hero > .manable-lp__btn a::before {
    width: 20px;
    height: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-13c42d20 *//********* section1 ***************/
.elementor-42340 .elementor-element.elementor-element-9d61215 > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){
    margin-bottom: 0 !important;
}
.sp-br {
  display: inline;
}
.manable-lp__section1-list-container {
  border: 5px dashed #2c4066;
  background: #fff;
}
.manable-lp__section1 {
  padding-top: 80px !important;
}
@media (width>767px) {
  .manable-lp__section1 {
    padding-top: 160px !important;
  }
}
.manable-lp__section1 .manable-lp__section-title {
  margin-top: 0 !important;
}
.manable-lp__section1 {
  margin: 0;
  padding: 0 20px 80px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, #f0f3f2 85%);
}
@media (width>767px) {
  .manable-lp__section1 {
    padding: 0px 20px 80px;
  }
}

@media (width>1800px) {
  .manable-lp__section1 {
    padding: 160px 20px;
  }
}
@media (width>767px) {
  .sp-br {
    display: none;
  }
}
.manable-lp__section1-list-container {
  max-width: 960px;
  margin: 0 auto;
  background: #fff;
  padding: 40px 20px;
  border-radius: 5px;
}
@media (width>767px) {
  .manable-lp__section1-list-container {
    padding: 80px 20px;
  }
}
.manable-lp__section1-list {
  width: fit-content;
  margin: 0 auto;
}

.manable-lp__section1-list li {
  list-style: none;
  margin-bottom: 20px;
  font-size: 17px;
  font-weight: bold;
  color: #333;
  display: flex;
  align-items: center;
  gap: 0 15px;
}
.manable-lp__section1-list li span {
  letter-spacing: normal;
  line-height: 1.5;
}

@media (width>767px) {
  .manable-lp__section1-list li {
    font-size: 32px;
    gap: 0 30px;
    margin-bottom: 40px;
  }
}
.manable-lp__section1-list li .check-icon {
  width: 30px;
  height: 30px;
  position: relative;
}
@media (width>767px) {
  .manable-lp__section1-list li .check-icon {
    width: 40px;
    height: 40px;
  }
}
.manable-lp__section1-list li .orange-word {
  color: #ffa144;
}
.manable-lp__section1-list li:last-child {
  margin-bottom: 0;
}
.check-icon img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 auto auto 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4b2c43db *//********** section2 **********/
.manable-lp__section2 {
  width: 100%;
  padding: 80px 20px;
   background: #fcf9f1;
}
@media (width>1800px) {
  .manable-lp__section2 {
    padding: 160px 20px 160px;
  }
}

.manable-lp__section2-list-container {
  max-width: 1000px;
  margin: 0 auto;
  background: #fff;
  padding: 60px 20px;
  border-radius: 50px;
  border: 5px solid #2C4066;
  gap: 20px 0;
}
.section2__img.sp-img {
  display: block;
  width: 60%;
  height: 250px;
  margin: 0 auto 40px;
}
.section2__img.sp-img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.section2__img.pc-img {
  display: none;
}
@media (width>899px) {
  .manable-lp__section2-list-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 64px 48px;
    gap: 0 40px;
  }
  .section2__img.pc-img {
    display: block;
  }
  .section2__img.sp-img {
    display: none;
  }
}
.manable-lp__section2-list {
  list-style: none;
  max-width: 960px;
  margin: 0 auto;
}
.section2-list__item {
  font-weight: bold;
  margin-bottom: 40px;
}
.section2-list__item:last-child {
  margin-bottom: 0;
}
@media (width>899px) {
  .section2__img {
    width: 40%;
  }
  .section2-list-box {
    width: 50%;
  }

  .manable-lp__section2-list > li {
    margin-bottom: 40px;
  }
}
.section2-list__title {
  color: #333;
  font-weight: bold;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}
.section2-list__title > span:first-child {
  font-size: 0.7em;
  background: #2C4066;
  color: #fff;
  padding: 20px 0;
  border-radius: 50px;
  position: relative;
  width: 80%;
  max-width: 290px;
  margin: 0 auto 20px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section2-list__title > span:first-child::after {
  content: "";
  display: block;
  width: 12%;
  height: 30px;
  position: absolute;
  inset: auto 50% -25px 50%;
  transform: translatex(-50%);
  background: #2C4066;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
@media (width>899px) {
  .section2-list__title > span:first-child {
    margin: 0 0 30px !important;
    width: 65%;
  }
}
.section2-list__title > span:last-child {
  width: fit-content;
  font-size: 1.5em;
  color: #ffa144;
  transform: rotate(20deg);
  margin: 0 0.1em;
}
.section2-list__item > p {
  text-align: center;
  font-size: 16px;
  margin-bottom: 0;
}
.section2-list__item > p:last-child {
  line-height: 1.5;
}

@media (width>899px) {
  .section2-list__title {
    text-align: left;
    font-size: 31.25px;
  }
  .section2-list__item {
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 0 20px;
  }
  .section2-list__item p {
    text-align: left;
    font-size: 20px;
  }
}
.section2-list__item > p.num {
  font-size: 20px;
  font-weight: bold;
  width: 40px;
  height: 40px;
  color: #fff;
  background: #2C4066;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 auto 10px;
  letter-spacing: normal;
}
@media (width>899px) {
  .section2-list__item > p.num {
    margin: 0;
    width: 50px;
    height: 50px;
    font-size: 24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-21ba40d0 *//*********** section3 *************/
.manable-lp__section3 {
  width: 100%;
  background: #fff;
  padding: 80px 0;
}
table {
  border-collapse: separate !important;
}
table,
th,
td {
  border: none !important;
}

.section__3-price {
  width: 100%;
  max-width: 960px;
  margin: 0 auto 80px;
}
.section__3-price ul {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px 10px;
  width: 90%;
  margin: 0 auto;
}
.section__3-price li {
  max-width: 335px;
}

@media (width>600px) {
  .manable-lp__section3 {
    padding: 160px 0;
  }

  .section__3-price ul {
    width: 100%;
  }
}
@media (width>600px) {
  .section__3-price ul {
    flex-direction: row;
  }
  .section__3-price li:first-child {
    order: 1;
  }
}
.section__3-price li {
  list-style: none;
  background: #f0f3f2;
  padding: 1em;
  font-weight: bold;
  width: 100%;
  height: 224px;
  margin: 0 auto;
  letter-spacing: normal;
  border-radius: 20px;
  flex: 1;
}
.section__3-price li:nth-child(2) > p:last-child,
.section__3-price li:last-child > p:last-child {
  font-size: 25px;
}
.section__3-price li:nth-child(2) > p:last-child > span,
.section__3-price li:last-child > p:last-child > span {
  font-size: 16px;
}
.section__3-price li p:last-child {
  background: #fff;
  padding: 1em;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 140px;
}
.manable-logo {
  width: 180px;
  margin: 0 auto 20px;
}
.section__3-price .bright-orange {
  font-size: 16px;
  gap: 10px;
}
.section__3-price .bright-orange > span:first-child {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2c4066;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0;
  border-radius: 50%;
}
.section__3-price .bright-orange span:last-child span {
  font-size: 31.25px;
  line-height: 1;
}
.section__3-price .bright-orange span:last-child span:first-child {
  font-size: 16px;
  display: block;
  padding-left: 0.4em;
}
.section__3-price li:nth-child(2) > p:first-child,
.section__3-price li:last-child > p:first-child {
  text-align: center;
  margin-bottom: 17px;
  color: #707070;
  font-size: 20px;
  padding-top: 3px;
}
@media (width>600px) {
  .section__3-price .bright-orange span:last-child span {
    font-size: 32px;
  }
  .section__3-price li:first-child p:last-child {
    min-height: 140px;
  }
}

/* table関連 */

.section3-table__title {
  text-align: center;
  font-size: 20px;
  margin-bottom: 40px;
}

.section3__table {
  background: #fff;
  overflow: auto;
  width: 90%;
  max-width: 960px;
  margin: 0 auto;
  border-radius: 20px;
  position: relative;
}
.scroll-label {
  width: 120px;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s;
}
@media (width>600px) {
  .scroll-label {
    display: none;
  }
}
.table-inner-wrap {
  width: 720px;
  margin: 0 auto;
}

.section3__table table {
  width: 100%;
  background: #f0f3f2;
  padding: 15px 20px 20px;
  border-spacing: 10px;
  border-spacing: 12px;
}
th {
  border-radius: 10px;
  /* background: #2c4066; */
  /* background: #666; */
  background: #fff;
  color: #333;
  height: 91px;
  color: #ffa144;
}
tr:first-child th {
  background: none;
  color: #707070;
  height: auto;
  font-size: 20px;
  line-height: 1;
  vertical-align: bottom;
  padding-bottom: 10px;
}
tr:first-child th:last-child img {
  width: 180px;
}
td {
  border-radius: 10px;
  background: #fff;
  text-align: center;
  padding: 12px 0;
  font-weight: bold;
  height: 91px;
  color: #999;
}
td:last-child {
  color: #fff;
  font-weight: bold;
  font-size: 25px;
  width: 240px;
  background: #ffc600;
}
tr:nth-child(2) td:last-child,
tr:nth-child(3) td:last-child {
  display: flex;
  flex-direction: column;
  line-height: 1;
  justify-content: center;
  gap: 3px 0;
}
tr:nth-child(2) td:last-child span,
tr:nth-child(3) td:last-child span {
  font-size: 16px;
}
@media (width>600px) {
  .section3-table__title {
    font-size: 39.06px;
    margin-bottom: 80px;
  }
  .table-inner-wrap {
    width: 100%;
    margin: 0 auto;
  }
  td {
    width: 156px;
  }
  td:last-child {
    width: auto;
    font-size: 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ab54c50 *//*********************** section4 *****************************/
.step-title-items>h3,.step-title-items>p{
    margin-bottom: 0 !important;
}
.manable-lp__section4 {
  padding: 80px 0;
  background: #fff;
  width: 100%;
}
.step-list {
  width: 320px;
  margin: 0 auto 80px;
  list-style: none;
}

.step-list li::after {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background: #2c4066;
  margin: 80px auto;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.step-list li:last-child:after {
  display: none;
}

.step-list-title {
  width: fit-content;
  font-weight: bold;
  font-size: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
  text-align: center;
  /* margin-bottom: 60px; */
}
.step-list-title span {
  font-weight: normal;
  font-size: 18px;
}
.step-img {
  width: 110px;
  margin: 0 auto 60px;
}
.step-text {
  font-weight: bold;
  width: 90%;
  margin: 0 auto;
}

.section4__arrow {
  width: 40px;
  margin: 0 auto 40px;
}
.section4__arrow + .section4__arrow {
  margin: 0 auto 80px;
}
.section4-list__title {
  font-size: 20px;
  text-align: center;
  margin-bottom: 40px;
}
.step-pc {
  display: none;
}
.step-sp {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0 10px;
  margin: 0 0 60px;
}
.step-sp > .step-list-title {
  color: #ffa144;
}
.step-text-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: bold;
  /* margin-bottom: 10px; */
}
@media (width>600px) {
  .step-list {
    width: 350px;
  }
}

@media (width>1000px) {
  .manable-lp__section4 {
    padding: 80px 0 240px;
  }

  .manable-lp__section4 > .manable-lp__section-title {
    margin-bottom: 160px;
  }
  .step-list {
    width: 100%;
    max-width: 960px;
    margin: 0 auto 160px;
    grid-template: repeat(2, 1fr) / repeat(3, 1fr);
    gap: 80px 160px;
  }
  .step-text-box {
    flex: 1;
  }
  .step-img {
    margin: 0;
    width: 180px;
  }
  .step-list > li {
    width: 90%;
    margin: 0 auto 160px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0 80px;
  }
  .step-list > li:last-child {
    margin: 0 auto;
  }

  .step-list li::after {
    margin: 0;
    position: absolute;
    inset: auto auto -80px 50%;
    transform: translateX(-50%);
  }

  .step-sp {
    display: none;
  }
  .step-pc {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    margin: 0 0 10px;
  }
  .step-pc > .step-list-title {
    color: #ffa144;
    text-align: left;
    font-size: 40px;
  }
  .step-text-title {
    font-size: 25px;
    margin: 0;
    line-height: 1.5;
  }
  .step-text {
    font-size: 20px;
    width: 100%;
  }
}

/* アフターサポート関連 */

.after-suport-list {
  width: 225px;
  margin: 0 auto;
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 80px 0;
}
.after-suport-title {
  font-weight: bold;
  font-size: 25px;
  text-align: center;
  width: fit-content;
  padding: 0 1em 10px;
  border-bottom: 1px solid #2c4066;
  line-height: 1.1;
  margin: 0 auto 40px;
}
.after-suport-title > span {
  display: block;
  font-size: 12px;
}
.after-suport-img {
  width: 105px;
}
.after-suport-text {
  font-weight: bold;
}
.after-suport-items {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px 0;
}
@media (width>1000px) {
  .section4-list__title {
    font-size: 39.06px;
    margin-bottom: 72px;
  }
  .after-suport-list {
    width: 100%;
    max-width: 400px;
  }
  .after-suport-title {
    font-size: 39.06px;
    margin: 0 auto 48px;
  }
  .after-suport-items {
    justify-content: flex-start;
    gap: 48px 20px;
  }
  .after-suport-img {
    flex: 1;
    width: 200px;
  }
  .after-suport-title > span {
    font-size: 16px;
  }

  .after-suport-text {
    flex: 1;
    font-size: 20px;
  }
  .after-suport-list li:last-child > p {
    padding: 0 1em 22px;
  }
}

h3,.privilege-title{
font-family: 'Noto Sans JP', sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64adc5 *//********* banner **********/
.banner-img-pc {
  display: none;
}
.banner {
  background: #2c4066;
  width: 100%;
  padding: 40px 30px;
}
.banner-title {
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 0 10px 20px;
  width: fit-content;
  border-bottom: 2px solid #fff;
  margin: 0 auto 40px;
}
.banner-img-sp {
  max-width: 315px;
  margin: 0 auto 40px;
}
.banner-btn {
  width: fit-content;
  margin: 0 auto;
}

.banner-btn a {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #2c4066;
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 15px 20px;
  border-radius: 5px;
}
.banner-btn a::after {
  content: "";
  display: block;
  width: 20px;
  height: 10px;
  background: #2c4066;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  margin: 5px auto 0;
  transition: 0.2s;
  line-height: 1;
}
.banner-m-btn {
  width: 30%;
  max-width: 40px !important;
  line-height: 1;
}
@media (width>800px) {
  .banner-img-sp {
    display: none;
  }
  .banner {
    height: 303px;
    position: relative;
  }
  .banner-inner {
    position: absolute;
    inset: auto auto 0 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 960px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .banner-title {
    text-align: left;
    padding: 0 10px 20px 0;
    margin: 0 0 20px;
    font-size: 31.25px;
  }
  .banner-item {
    width: 50%;
    padding-top: 104px;
  }
  .banner-img-pc {
    display: block;
    height: 390px;
    width: 50%;
  }

  .banner-img-pc img {
    height: 100%;
    object-fit: contain;
  }

  .banner-btn {
    margin: 0;
  }
  .banner-btn a {
    font-size: 18px;
    flex-direction: row;
    gap: 0 10px;
    margin-left: 0;
    transition: 0.2s;
  }
  .banner-btn a:hover {
    background: #ffa144;
    color: #fff;
  }

  .banner-btn a::after {
    /* clip-path: polygon(0 0, 0 100%, 100% 48%); */
    width: 15px;
    height: 10px;
    margin: 0;
  }
  .banner-btn a:hover::after {
    background: #fff;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-efa4c4c *//*********** section5 ***************/

.manable-lp__section5 {
  padding: 80px 0;
  background: #fff;
  position: relative;
  z-index: -2;
}
.manable-lp__section5::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #fcf9f1;
  position: absolute;
  inset: 0 0 auto auto;
  z-index: -1;
}
@media (width>600px) {
  .manable-lp__section5 {
    padding: 240px 0;
  }
  .manable-lp__section5::before {
    width: 80%;
    height: 75%;
    inset: 50% 0 auto auto;
    transform: translateY(-50%);
  }
}

.manable-lp__section5 .manable-lp__section-title span {
  font-size: 1.5em;
}
.privilege-list {
  width: 80%;
  margin: 0 auto 80px;
  list-style: none;
}
.privilege-list li {
  margin-bottom: 40px;
}
.privilege-list li:last-child {
  margin-bottom: 0;
}
.privilege-icon {
  width: 60px;
  margin: 0 auto 10px;
}
.privilege-title {
  color: #ffa144;
  font-size: 20px;
  width: fit-content;
  margin: 0 auto 10px;
  text-align: center;
}
.privilege-text {
  font-weight: bold;
}
.privilege-img {
  width: 80%;
  max-width: 423px;
  margin: 0 auto;
}
@media (width>600px) {
  .manable-lp__section5::before {
    padding: 80px 0;
  }

  .privilege-list {
    width: 61%;
  }
  .manable-lp__section5 .manable-lp__section-title {
    text-align: left;
    width: 80%;
    margin: 0 auto 80px;
    padding-left: 2em;
  }

  .manable-lp__section5 .manable-lp__section-title span {
    font-size: 76.29px;
  }
  .privilege-list li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0 20px;
    margin-bottom: 56px;
    padding-left: 40px;
  }
  .privilege-title {
    margin: 0 0 16px 0;
    font-size: 25px;
    line-height: 1.5;
    text-align: left;
  }
  .privilege-icon {
    width: 48px;
  }
  .privilege-list li:first-child > .privilege-icon {
    margin: -8px 0 0;
  }
  /*.privilege-list li:nth-child(2) > .privilege-icon {*/
  /*  margin: -6px 0 0;*/
  /*}*/
  /*.privilege-list li:last-child > .privilege-icon {*/
  /*  margin: -9px 0 0;*/
  /*}*/

  .privilege-img {
    /* margin: 0 0 0 13%; */
    margin: 0 auto;
  }
  .privilege-text {
    font-size: 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d9d8f38 *//****************** section6 **************************/
.manable-lp__section6 {
  padding: 80px 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, #f0f3f2 85%);

}
.manable-lp__section6 .manable-lp__section-title {
  width: 80%;
  max-width: 960px;
  text-align: left;
  margin: 0 auto 20px;
}

.lecturer-name {
  font-weight: bold;
  font-size: 20px;
  width: 80%;
  max-width: 960px;
  margin: 0 auto 20px;
}
.lecturer-name span {
  display: block;
  font-size: 14px;
}
.lecturer-img-sp {
  width: 80%;
  max-width: 335px;
  margin: 0 auto 80px;
}
.lecturer-img-pc {
  display: none;
}
.lecturer-messeage {
  background: #fff;
  width: 80%;
  margin: 0 auto;
  font-weight: bold;
  line-height: 2;
  padding: 32px;
  border-radius: 20px;
  border: #5c7864 3px solid;
  position: relative;
}
.lecturer-messeage > p {
  /*text-indent: 1em;*/
  margin-bottom: 1.2em;
}
.lecturer-messeage::before {
  content: "";
  display: block;
  background: #5c7864;
  width: 50px;
  height: 50px;
  position: absolute;
  inset: -50px auto auto 50%;
  transform: translateX(-50%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  z-index: 1;
}
.lecturer-messeage::after {
  content: "";
  display: block;
  background: #fff;
  width: 50px;
  height: 50px;
  position: absolute;
  inset: -44px auto auto 50%;
  transform: translateX(-50%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  z-index: 2;
}
.lecturer-messeage P:nth-of-type(2) {
  margin-bottom: 40px;
}
.message-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  margin: 0 auto 10px;
  border-bottom: 2px solid #5c7864;
  line-height: 1.5;
}
@media (width>1000px) {
  .manable-lp__section6 {
    padding: 80px 0 160px;
  }
  .lecturer-name {
    margin-bottom: 40px;
    font-size: 25px;
  }
  .lecturer-name span {
    font-size: 16px;
  }
  .lecturer-messeage {
    font-size: 20px;
    min-width: 460px;
    margin-left: 0;
    padding: 40px 60px;
  }
  .lecturer-messeage::before {
    inset: 50% -50px auto auto;
    transform: translateY(-50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
  }
  .lecturer-messeage::after {
    inset: 50% -43.8px auto auto;
    transform: translateY(-50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
  }

  .messeage-container {
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
  }
  .lecturer-img-sp {
    margin: 0;
    width: 70%;
  }
  .message-title {
    width: fit-content;
    margin-left: 0;
    margin-bottom: 20px;
    font-size: 25px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-76d3d3eb *//******************* section7 **************************/
.comment-text,
.comment-awaiting-moderation {
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.manable-lp__section7 {
  padding: 80px 0;
  background: #fff;
}
.woman-pc1,
.woman-pc2,
.logo-pc {
  display: none;
}
.section7__top-contents .manable-lp__section-title span {
  font-size: 1.5em;
}
.comment-container {
  width: 80%;
  margin: 0 auto 80px;
}
.comment-box li {
  width: 80%;
  border: #ffa144 3px solid;
  border-radius: 20px;
  background: #fff;
  padding: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  font-weight: bold;
  gap: 10px;
  margin-bottom: 40px;
  position: relative;
}
.comment-box li:last-child {
  margin-bottom: 0;
}

.comment-box li::before {
  content: "";
  display: block;
  width: 30px;
  height: 40px;
  background: #ffa144;
  position: absolute;
  inset: auto auto -40px 15px;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  z-index: 1;
}
.comment-box li::after {
  content: "";
  display: block;
  width: 30px;
  height: 40px;
  background: #fff;
  position: absolute;
  inset: auto auto -32.5px 15px;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  z-index: 12;
}
.comment-box li:nth-child(even)::before {
  inset: auto 15px -40px auto;
}
.comment-box li:nth-child(even)::after {
  inset: auto 15px -32.5px auto;
}

.comment-box li:nth-child(even) {
  margin: 0 0 40px auto;
}
.voice-icon {
  width: 60px;
}
.voice-box {
  flex: 1;
}
.voice-desc {
  font-size: 12px;
  color: #707070;
  margin-bottom: 5px;
}
.woman-sp {
  width: 80%;
  max-width: 350px;
  margin: 0 auto 80px;
}

.sectio7__btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  /* flex-direction: column; */
  width: fit-content;
  /* max-width: 410px; */
  margin: 0 auto;
  font-weight: bold;
  line-height: 1;
  /* color: #fff;
  background: #ffc600; */
  /* color: #2c4066; */
  color: #fff;
  background: #fff;
  /* outline: 3px solid #2c4066;
  outline-offset: -3px; */
  text-align: center;
  padding: 20px 1.2em;
  text-decoration: none;
  border-radius: 10px;
  transition: 0.2s;
  background: #ffa144;
}
.sectio7__btn a::after {
  content: "";
  display: block;
  /* background: #2c4066; */
  background: #fff;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 0 100%, 100% 50%);

  width: 10px;
  height: 15px;
}

@media (width>767px) {
  .manable-lp__section7 {
    padding: 160px 0 80px;
  }

  .woman-pc2 {
    display: block;
  }

  .woman-sp {
    display: none;
  }
  .woman-pc1,
  .woman-pc2 {
    max-width: 480px;
  }
  .woman-pc2 {
    /* margin-bottom: 80px; */
    margin: 0 auto 80px;
  }

  .section7__top-contents .manable-lp__section-title {
    line-height: 1 !important;
  }
  .sectio7__btn a:hover {
    background: #ffa144;
    color: #fff;
    outline-color: #ffa144;
  }

  /* ↓まだ消さない！！ */
  /* .section7__top-contents {
    margin: 0 0 0 18vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  } */

  /* 試しに変更 */
  .section7__top-contents {
    max-width: 960px;
    margin: 0 auto 160px;
  }
  .section7__top-contents > .manable-lp__section-title {
    text-align: left;
  }
  /* 試しにここまで */

  .comment-container {
    max-width: 960px;
    margin-bottom: 180px;
  }
  .comment-box li {
    width: 60%;
    font-size: 20px;
  }
  .voice-desc {
    font-size: 16px;
  }
  .sectio7__btn a {
    flex-direction: row;
    gap: 0 10px;
    padding: 20px 1.5em;
    font-size: 25px;
  }
  .sectio7__btn a:hover {
    opacity: 0.5;
  }
  .sectio7__btn a::after {
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    width: 10px;
    height: 15px;
    transition: 0.2s;
    margin: 0;
  }
  /* .sectio7__btn a:hover::after {
    background: #fff;
  } */
}
@media (width>1200px) {
  .woman-pc1 {
    display: block;
  }
  .logo-pc {
    display: block;
    width: 60%;
    max-width: 520px;
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
  }
  .comment-container {
    position: relative;
    min-height: 480px;
  }

  /** 吹き出しの配置 **/
  .manable-lp__section7 .comment-container .comment-box li:first-child {
    z-index: 3;
    max-width: 524px;
    position: absolute;
    inset: -40px auto auto -4em;
  }
  .manable-lp__section7 .comment-container .comment-box li:nth-child(2) {
    z-index: 2;
    max-width: 400px;
    position: absolute;
    inset: -5px -114px auto auto;
  }
  .manable-lp__section7 .comment-container .comment-box li:nth-child(3) {
    z-index: 2;
    max-width: 314px;
    position: absolute;
    inset: auto auto -60px -90px;
  }
  .manable-lp__section7 .comment-container .comment-box li:nth-child(4) {
    z-index: 2;
    max-width: 392px;
    position: absolute;
    inset: auto -120px -80px auto;
  }
  .manable-lp__section7 .comment-container .comment-box li:last-child {
    z-index: 2;
    max-width: 314px;
    position: absolute;
    inset: auto auto -100px 300px;
  }

  /** 吹き出しの三角形の位置 **/

  .manable-lp__section7 .comment-container .comment-box li:first-child::before {
    inset: auto 160px -40px auto;
  }
  .manable-lp__section7 .comment-container .comment-box li:first-child::after {
    inset: auto 160px -34.5px auto;
  }
  .manable-lp__section7 .comment-container .comment-box li:nth-child(2)::before {
    inset: auto auto -40px 40px;
  }
  .manable-lp__section7 .comment-container .comment-box li:nth-child(2)::after {
    inset: auto auto -34.5px 40px;
  }
  .manable-lp__section7 .comment-container .comment-box li:nth-child(3)::before {
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    inset: -40px 40px auto auto;
  }
  .manable-lp__section7 .comment-container .comment-box li:nth-child(3)::after {
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    inset: -34.5px 40px auto auto;
  }
  .manable-lp__section7 .comment-container .comment-box li:nth-child(4)::before {
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    inset: -40px auto auto 40px;
  }
  .manable-lp__section7 .comment-container .comment-box li:nth-child(4)::after {
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    inset: -34.5px auto auto 40px;
  }
  .manable-lp__section7 .comment-container .comment-box li:last-child::before {
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    inset: -40px 40px auto auto;
  }
  .manable-lp__section7 .comment-container .comment-box li:last-child::after {
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    inset: -34.5px 40px auto auto;
  }
}
@media (width>1800px) {
  /* .section7__top-contents {
    margin: 0 0 0 24vw;
  }
  .woman-pc1, */
  .woman-pc2 {
    max-width: 680px;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7516b580 */.ten-min{
    color: #FFA144;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2aca715a *//******************* section8 **************************/
.manable-lp__section8 {
  background: #fcf9f1;
  padding: 80px 0;
}
.manable-lp__section8 .manable-lp__section-title {
  font-size: 25px;
  margin-bottom: 40px;
}
.manable-lp__section8 .manable-lp__section-title span:first-child {
  font-size: 48.83px;
  color: #2c4066;
  margin-right: 6px;
}
.manable-lp__section8 .manable-lp__section-title span:nth-child(2) {
  font-size: 48px;
  color: #FFA144;
  margin-left: 10px;
}
.thumb-title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 20px;
  display: block;
}
.faq-list {
  font-weight: bold;
  font-size: 16px;
  width: 80%;
  max-width: 960px;
  margin: 0 auto;
}
.faq-list dt,
.faq-list dd {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}
.faq-list dt {
  font-size: 14px;
  color: #707070;
  margin-bottom: 20px;
  padding: 0 5px;
}
.faq-list dd {
  padding: 0 5px 40px;
  border-bottom: 1px solid #707070;
  margin-bottom: 40px;
}
.faq-list dd:last-child {
  border: none;
  margin-bottom: 0;
}
@media (width>767px){
    .faq-list dd:last-child {
  margin-bottom: 80px;
}

}

.faq-list dt span:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  letter-spacing: normal;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  color: #2c4066;
  font-size: 16px;
  font-weight: bold;
}
.faq-list dd span:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  letter-spacing: normal;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  color: #ffc600;
  font-size: 16px;
  font-weight: bold;
}
.faq-list dt span:last-child {
  flex: 1;
  padding: 3.5px 0 0;
}
.faq-list dd span:last-child {
  flex: 1;
  padding: 3px 0 0;
}

@media (width>767px) {
  .manable-lp__section8 .manable-lp__section-title {
    font-size: 48.83px;
    margin-bottom: 80px;
    line-height: 1;
  }
  .manable-lp__section8 .manable-lp__section-title span:first-child {
    font-size: 76.29px;
    margin-right: 12px;
  }
  .manable-lp__section8 .manable-lp__section-title span:nth-child(2) {
    font-size: 76.29px;
    margin-left: 20px;
  }
  .thumb-title {
    font-size: 25px;
  }

  .faq-list {
    font-size: 20px;
  }
  .faq-list dt,
  .faq-list dd {
    gap: 20px;
  }

  .faq-list dt {
    font-size: 16px;
  }
  .faq-list dt span:last-child {
    padding: 7px 0 0;
  }
  .faq-list dd span:last-child {
    padding: 5px 0 0;
  }
  .faq-list dt span:first-child {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
  .faq-list dd span:first-child {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4949b433 *//*section#form {*/
/*    background: #f0f3f2;*/
/*}*//* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-28d2fba0 */.js-box{
    display: none;
}/* End custom CSS */