/*スマホ、タブレットの場合*/
@media screen and (max-width: 1024px) {
  body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    font-weight: 300;
    font-style: normal;
    background-color: #faf3e1;
    overflow-x: clip;
    padding-bottom: 19vw;
  }
  p {
    white-space: pre-line;
    /* 改行文字を尊重し、必要に応じて折り返す */
  }
  a {
    color: #000000;
    text-align: left;
    text-decoration: none;
  }
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right {
    background-image: none;
  }
  .container {
    min-height: 100vh;
    width: 100%;
    box-sizing: border-box;
    /* padding-bottom: 19vw; */
  }

  .fv_area {
    position: relative;
    width: 100vw;
    height: calc(100vw * 964 / 750);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/top_img_sp.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .pos_btn {
    position: absolute;
    right: 1vw;
    bottom: 8vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 60vw;
    height: 60vw;
  }

  .btn_apng {
    width: 20vw;
    height: calc(20vw * 518 / 630);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://i-academy.site/wp-content/uploads/2024/04/btn_apng.png);
    margin-bottom: -3.5vw;
  }

  .btn_area {
    position: relative;
    width: 62vw;
    height: calc(62vw * 345 / 679);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/54be31c7c60722c502682f55de5bb55e-1.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .txt_appeal {
    text-align: center;
    padding-top: 4.5vw;
    font-size: 4.5vw;
    color: white;
    font-weight: bold;
  }

  .desc_area {
    display: flex;
    height: 5vw;
    align-items: center;
    justify-content: center;
    padding-top: 11vw;
    gap: 1vw;
  }

  .txt_desc {
    text-align: center;
    font-size: 3vw;
    color: #f67735;
  }

  .img_ipad {
    width: 6vw;
    height: calc(6vw * 354 / 340);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/ipad.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .pos_hukidasi {
    position: absolute;
    left: 2vw;
    top: 19vw;
  }

  .hukidasi {
    width: 50vw;
    height: calc(50vw * 269 / 636);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/hukidashi.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .pos_title {
    position: absolute;
    top: 42vw;
  }

  .title {
    width: 50vw;
    height: auto;
    font-size: 7vw;
    color: white;
    font-weight: bold;
    text-align: center;
    line-height: 8vw;
    text-shadow: #000000 1px 0 1px;
  }
  .head_area_sp {
    width: 100vw;
    height: 19vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5vw;
    padding-bottom: 8vw;
  }
  .head_area {
    width: 100vw;
    height: 19vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 15vw;
  }

  .head_txt {
    position: relative;
    font-size: 5vw;
    font-weight: bold;
    letter-spacing: -0.2vw;
  }

  .head_txt::after {
    content: "";
    position: absolute;
    width: 116%;
    height: 0.6vw;
    bottom: 0;
    left: -5px;
    margin: 0 auto;
    background-color: #ffacd5;
  }

  .head_img {
    width: 15vw;
    height: calc(15vw * 593 / 585);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/04/line_apng.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 8vw;
  }

  .intro_area {
    position: relative;
    display: flex;
    width: 100vw;
    align-items: center;
    flex-direction: column;
    overflow-x: clip;
  }

  .intro_girl {
    width: 75vw;
    padding-top: 5vw;
  }
  .intro_illust01 {
    position: absolute;
    transform: rotate(10deg);
    right: 0;
    top: 6vw;
    z-index: -1;
    width: 38vw;
    height: calc(38vw * 563 / 500);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/05/d43d5511fbc5479015c142ce4df535d0.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .intro_illust02 {
    position: absolute;
    transform: rotate(-10deg);
    left: 0;
    top: -5vw;
    width: 38vw;
    height: calc(38vw * 563 / 500);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/05/544a01bd0c6a9ea27425fbcb8eaf188b.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
  }
  .intro_txt {
    width: 90vw;
    font-size: 4.2vw;
    text-align: center;
  }

  .rec_area {
    position: relative;
    width: 100vw;
    height: calc(100vw * 2106 / 750);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/penki_sp.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -17vw;
  }

  .rayout_outer {
    display: flex;
    flex-direction: column;
    gap: 10vw;
  }

  .appeal_txt {
    font-size: 6vw;
    font-weight: bold;
    letter-spacing: -0.2vw;
    text-align: center;
    padding-top: 18vw;
  }

  .appeal_txt::before {
    content: "/";
    display: inline-block;
    transform: scaleY(-1);
  }

  .group_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5vw;
  }

  .group_area .txt_head_p,
  .group_area .txt_head_c {
    display: flex;
    width: 27vw;
    height: 8vw;
    font-size: 4vw;
    font-weight: bold;
    border-radius: 5vw;
    color: white;
    justify-content: center;
    align-items: center;
    margin-block-start: 0;
    margin-block-end: 0;
  }

  .group_area .txt_head_p {
    background-color: #b98744;
  }

  .group_area .txt_head_c {
    background-color: #66c7dd;
  }

  .rayout_inner {
    display: flex;
    gap: 10vw;
  }

  .img_area {
    padding: 4vw 0;
  }

  .img_parents01,
  .img_parents02,
  .img_child01,
  .img_child02 {
    width: 35vw;
    height: calc(35vw * 1 / 1);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .img_parents01 {
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/happy-1.webp);
  }

  .img_parents02 {
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/study-1.webp);
  }

  .img_child01 {
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/oekaki-1.webp);
  }

  .img_child02 {
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/victory-1.webp);
  }

  .rec_area .txt_desc {
    text-align: center;
    font-size: 3vw;
    font-weight: bold;
    color: #000000;
    padding: 4vw 0;
  }

  .rec_area .txt_red {
    color: #ca2f4c;
  }

  /* 5つのポイントのロゴとタイトル */
  .img_logo {
    height: 11vw;
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/dec4f1b709e05629676eca8731ee3dcb.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -28vw;
  }

  .txt_head_d {
    font-size: 12vw;
    text-align: center;
    font-weight: bold;
    background: -webkit-linear-gradient(0deg, #fd5392, #f86f64 30%, #fd5392);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .txt_big {
    font-size: 23vw;
  }

  .txt_point {
    margin-top: -12vw;
    width: 100vw;
  }

  /* ポイント1 */
  .img_camvas_1 {
    position: relative;
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/camvas.webp);
    height: 107vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 5vw;
  }

  .point_title_1 {
    display: flex;
    position: absolute;
    align-items: center;
    padding-top: 2vw;
  }

  .txt_h1 {
    font-size: 4.5vw;
    font-weight: bold;
    letter-spacing: -0.2vw;
    text-align: center;
    padding-left: 5vw;
  }

  .rouded_backgroud_1 {
    text-align: center;
    font-size: 7vw;
    width: 10vw;
    height: 10vw;
    color: white;
    background: linear-gradient(135deg, #fd5392, #f86f64, #fd5392);
    border-radius: 50%;
    margin-left: 16vw;
  }

  .img_point_1 {
    position: absolute;
    width: 81vw;
    height: calc(100vw * 924 / 871);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/img_point_1-1.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    top: 10vw;
    margin-left: 15vw;
  }

  .txt_point_1 {
    width: 80%;
    position: absolute;
    font-size: 3vw;
    bottom: 3.5vw;
    left: 10vw;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 5vw;
  }

  .txt_red {
    color: #ca2f4c;
    font-weight: bold;
    letter-spacing: 0.5vw;
  }

  /* ポイント2 */
  .img_camvas_2 {
    position: relative;
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/camvas.webp);
    height: 107vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 5vw;
    transform: scaleX(-1);
  }

  .point_title_2 {
    display: flex;
    position: absolute;
    align-items: center;
    right: -5vw;
    transform: scaleX(-1);
  }

  .txt_h2 {
    font-size: 5vw;
    font-weight: bold;
    letter-spacing: -0.2vw;
    text-align: center;
    padding-left: 2vw;
  }

  .rouded_backgroud_2 {
    text-align: center;
    font-size: 7vw;
    width: 10vw;
    height: 10vw;
    color: white;
    background: linear-gradient(135deg, #fd5392, #f86f64, #fd5392);
    border-radius: 50%;
    margin-left: 13vw;
  }

  .img_point_2 {
    position: absolute;
    width: 81vw;
    height: calc(100vw * 924 / 871);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/img_point_2.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    top: 10vw;
    margin-left: 15vw;
    transform: scaleX(-1);
  }

  .txt_point_2 {
    width: 80%;
    position: absolute;
    font-size: 3vw;
    bottom: 3.5vw;
    left: 10vw;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 5vw;
    transform: scaleX(-1);
  }

  /* ポイント3 */
  .img_point_3 {
    position: absolute;
    width: 81vw;
    height: calc(100vw * 924 / 871);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/img_point_3.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    top: 10vw;
    margin-left: 15vw;
  }

  /* ポイント4 */
  .img_point_4 {
    position: absolute;
    width: 81vw;
    height: calc(100vw * 924 / 871);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/img_point_4.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 8vw;
    right: 3vw;
    transform: scaleX(-1);
  }

  /* ポイント5 */
  .img_point_5 {
    position: absolute;
    width: 81vw;
    height: calc(100vw * 924 / 871);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/img_point_5.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    top: 10vw;
    margin-left: 15vw;
  }

  .txt_center_point_5 {
    display: flex;
    justify-content: center;
  }

  .txt_small {
    font-size: 3vw;
    font-weight: normal;
  }

  /* 無料体験レッスンボタン */
  .pos_btn_2 {
    display: flex;
    justify-content: center;
    margin-top: 2vw;
  }

  .btn_area_2 {
    position: relative;
    width: 90vw;
    height: calc(90vw * 239 / 750);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/lessonform_btn_sp1.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .txt_dousen {
    display: flex;
    position: absolute;
    align-items: center;
    text-align: center;
    top: 13.8vw;
  }

  .txt_appeal_2 {
    font-size: 4vw;
    color: white;
    font-weight: bold;
    width: 82vw;
    text-shadow: #000000 1px 0 1px;
  }

  .bg_white {
    position: absolute;
    display: flex;
    left: 0;
    right: 0;
    margin: auto;
    top: 5vw;
    justify-content: center;
    align-items: center;
  }

  .bg_white .img_ipad {
    width: 4vw;
    height: calc(4vw * 354 / 340);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/ipad.webp);
    background-size: contain;
    background-repeat: no-repeat;
    left: -2vw;
    bottom: 0vw;
  }

  .bg_white .txt_desc {
    padding-left: 2vw;
    font-size: 3vw;
  }

  /* こんなイベントやってます 画像1 */
  .img_event_area {
    position: relative;
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/img_event_1.webp);
    width: 100vw;
    height: calc(100vw * 705 / 750);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .event_area_2 .img_event_area {
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/img_event_2.webp);
  }

  .img_event_area .pos_title {
    position: absolute;
    left: 5vw;
    top: -2vw;
    width: 37vw;
    height: 9vw;
    text-align: center;
    display: flex;
    background: linear-gradient(135deg, #8dd356, #0fc898);
    justify-content: center;
    align-items: center;
    transform: skewX(-20deg);
  }

  .img_event_area .pos_desc {
    position: absolute;
    right: 0vw;
    bottom: 0vw;
    width: 44vw;
    height: 24vw;
    background: linear-gradient(135deg, #8dd356, #0fc898);
    opacity: 0.8;
    padding: 3vw;
    text-shadow: #000000 1px 0 1px;
    font-weight: bold;
  }

  .event_head {
    position: absolute;
    color: white;
    font-weight: bold;
    font-size: 4vw;
    left: 9vw;
    margin-block-start: 0;
    margin-block-end: 0;
  }

  .pos_desc .event_desc {
    color: white;
    font-size: 4vw;
  }

  .desc {
    font-size: 3.5vw;
    text-align: left;
    padding: 3vw;
    line-height: 6vw;
    letter-spacing: 0.2vw;
  }
  .img_event_area .pos_title_2 {
    position: absolute;
    left: 5vw;
    top: -2vw;
    width: 63vw;
    height: 9vw;
    text-align: center;
    display: flex;
    background: linear-gradient(135deg, #8dd356, #0fc898);
    justify-content: center;
    align-items: center;
    transform: skewX(-20deg);
  }

  .event_area_2 {
    margin-top: 7vw;
  }

  /* 料金 */
  .flex_box {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100vw;
    height: 118vw;
  }

  .fee_area {
    position: relative;
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/note.webp);
    width: 100vw;
    height: calc(100vw * 993 / 750);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 5vw;
  }

  .area_1 {
    width: 80vw;
    height: 42vw;
  }
  .fee_area .flex_box .area_1 .group_area .txt_head_p {
    position: absolute;
    top: 7vw;
  }

  .pos_fee {
    position: absolute;
    display: flex;
    top: 15vw;
    left: 16vw;
    align-items: center;
    justify-content: center;
  }

  .pos_fee .txt_fee {
    font-weight: bold;
    font-size: 4.5vw;
    text-align: center;
    padding: 6vw 6vw 2vw 6vw;
  }

  .txt_center {
    text-align: center;
  }

  .title_desc {
    width: 85vw;
    font-size: 4.2vw;
    text-align: left;
  }
  .title_desc_01 {
    width: 85vw;
    color: #494641;
    font-size: 3.2vw;
    text-align: center;
    background-color: white;
    padding: 3vw;
    border-radius: 3vw;
  }
  .title_desc_02 {
    width: 85vw;
    font-size: 3vw;
    text-align: center;
    padding: 3vw;
  }

  .dot_line {
    border-left: 0.5vw dotted black;
    height: 20vw;
    margin-top: 3vw;
  }

  .line {
    border-bottom: 0.5vw solid black;
    width: 71vw;
  }

  .rayout_container {
    display: flex;
    flex-direction: column;
    margin-top: 36vw;
  }

  .fee_area .flex_box .area_2 .group_area .pos_fee_2 {
    padding-top: 2vw;
  }

  .area_2 {
    top: 45vw;
    text-align: center;
    position: absolute;
    width: 100vw;
    height: 43vw;
  }

  .fee_area .flex_box .area_2 .group_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3vw;
  }

  .area_2 .txt_fee {
    font-weight: bold;
    font-size: 5vw;
    text-align: center;
  }

  .fee_area .area_3 .group_area .md_title {
    display: flex;
    justify-content: flex-start;
    font-size: 4vw;
    color: black;
    padding-left: 3vw;
  }

  .area_3 {
    width: 100vw;
    height: 39vw;
    padding-top: 49vw;
  }

  .area_3 .group_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0vw;
    margin-top: 3vw;
  }

  .credit_area {
    display: flex;
    background-color: #ede1c5;
    padding: 5vw 3vw;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    left: 8vw;
    position: absolute;
    top: 98vw;
    line-height: 6vw;
  }

  .credit_area .txt_desc {
    font-size: 3.5vw;
    text-align: center;
    color: #000000;
  }

  .img_credit {
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/crefitcard_icon.webp);
    width: 9vw;
    height: calc(8vw * 42 / 62);
    background-size: contain;
    background-repeat: no-repeat;
  }

  .group {
    display: flex;
  }

  /* 時間割 */
  .bg_img_black {
    position: relative;
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/timetabele.webp);
    width: 100vw;
    height: calc(100vw * 912 / 750);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 5vw;
  }

  .titme_table_head {
    font-size: 3vw;
    position: relative;
  }

  .timetable_list {
    list-style: none;
    font-size: 3.5vw;
    padding-top: 11vw;
    line-height: 9vw;
    padding-left: 9vw;
    align-items: center;
    margin-right: 8.9vw;
  }

  .list_container {
    display: flex;
    flex-direction: row;
  }

  .bg_img .md_title {
    display: flex;
    flex-direction: column;
    font-size: 4.5vw;
    color: white;
    left: 3vw;
    position: absolute;
    bottom: 44vw;
    text-align: left;
    top: -2vw;
  }

  .lesson_desc {
    display: flex;
    align-items: flex-start;
    position: absolute;
    top: 65vw;
    flex-direction: column;
  }

  .bg_img_black .lesson_desc .md_title {
    display: flex;
    justify-content: flex-start;
    font-size: 4vw;
    color: white;
    padding-left: 3vw;
  }
  .lesson_desc .desc {
    font-size: 3vw;
    color: white;
    padding: 3vw;
    letter-spacing: 0.5vw;
    width: 88vw;
    height: 38vw;
  }

  /* 無料体験レッスン */
  .lesson_area {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .lesson_area .bg_img {
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/bg_memo-1.webp);
    width: 90vw;
    margin-top: 0vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: calc(90vw * 2421 / 750);
    background-size: contain;
  }

  .lesson_area .txt_red {
    text-align: center;
    font-size: 4vw;
    padding: 4vw;
    padding-top: 16vw;
    width: 70vw;
  }

  .absolute {
    display: flex;
    top: 0vw;
    flex-direction: column;
    align-items: center;
  }

  .img_lesson {
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/img_lesson_sp.webp);
    width: 77vw;
    height: calc(77vw * 519 / 657);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .lesson_area .desc {
    padding: 4vw;
    width: 74vw;
  }

  .txt_red_a {
    color: #ca2f4c;
    font-weight: bold;
    letter-spacing: 0vw;
  }

  .flex {
    display: flex;
    flex-direction: row;
    gap: 3vw;
    width: 73vw;
  }

  .img_lesson_1 {
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/img_lesson_1.webp);
    width: 20vw;
    height: calc(20vw * 212 / 212);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .img_lesson_2 {
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/img_lesson_2.webp);
    width: 20vw;
    height: calc(20vw * 212 / 212);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .img_lesson_3 {
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/img_lesson_3.webp);
    width: 20vw;
    height: calc(20vw * 212 / 212);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .img_lesson_4 {
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/img_lesson_4.webp);
    width: 20vw;
    height: calc(20vw * 212 / 212);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .lesson_area .bg_img .absolute {
    width: 100vw;
    margin-top: 0vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .txt_title {
    font-size: 4vw;
    font-weight: bold;
    margin-top: 6vw;
    text-align: center;
  }

  .bg_img .absolute .group_area .txt_head_p {
    display: flex;
    width: 45vw;
    margin-top: 5vw;
  }

  .item_area .group_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .lesson_area .item_area .desc {
    padding: 2vw;
    margin-top: 1vw;
  }

  .img_item_1 {
    width: 72vw;
  }

  .img_item_2 {
    width: 65vw;
  }

  .group_2 {
    margin-top: 2vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .lesson_area .pos_btn_2 {
    margin-top: 10vw;
  }

  .lesson_area .bg_img .absolute .line {
    padding-top: 6vw;
  }

  /* フッター */
  .footer_area {
    background-color: #343434;
    color: white;
    padding: 5vw;
  }

  .footer_inner {
    background-repeat: no-repeat;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .footer_list {
    margin: 0vw;
    padding: 2vw;
    width: 75vw;
    height: 59vw;
  }

  .footer_list li {
    font-size: 5vw;
    list-style: none;
    box-sizing: border-box;
    border-bottom: 0.2vw solid #dfdfdf;
    text-align: center;
    padding: 3vw;
    color: #dedede;
    font-weight: bold;
  }

  .footer_logo {
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/0540977b4b7e7b0015ae94050b534a77.svg);
    height: calc(51vw * 234 / 548);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0vw;
    width: 68vw;
  }

  .footer_list2 {
    list-style: none;
    text-align: center;
    font-size: 2.5vw;
    padding: 2vw;
    line-height: 5vw;
  }

  .footer_list2 a {
    text-decoration-line: none;
    list-style-type: none;
    color: #908f8f;
  }

  .footer_inner .txt_small {
    color: #908f8f;
    text-align: center;
    font-size: 2vw;
  }

  .header_logo {
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/3d82f72ee4614b38e7b1812ed0e33e4a.svg);
    height: 10vw;
    width: 25vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-left: 2vw;
  }

  .header_inner {
    background-color: rgba(0, 0, 0, 0.5);
    border-bottom: 0.5vw solid #ccc;
    display: grid;
    grid-auto-flow: column;
    align-items: center;
  }

  .img_hamburger {
    display: block;
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/menu.webp);
    height: 4vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    margin-right: 3vw;
  }

  .header {
    position: fixed;
    top: 0vw;
    width: 100vw;
    height: 13vw;
    z-index: 99;
  }

  .header_inner .group_area {
    margin-left: 0vw;
    width: 22vw;
    padding: 2vw;
  }

  .header_inner .group_area .txt_head_c {
    background-color: #eb89b7;
    width: 20vw;
    height: 7vw;
    font-size: 3vw;
    font-weight: normal;
    border-radius: 5vw;
  }

  .txt_header {
    font-size: 3vw;
    color: white;
    text-align: right;
  }

  .menu {
    display: none;
  }

  .display {
    display: flex;
    align-items: center;
  }

  .header_btn {
    display: none;
  }

  .content_img01 {
    background-image: url(https://i-academy.site/wp-content/uploads/2024/04/voice_02_01.webp);
    height: calc(80vw * 3 / 4);
    background-size: contain;
    background-repeat: no-repeat;
  }

  .content_img02 {
    background-image: url(https://i-academy.site/wp-content/uploads/2024/04/voice_01_01.webp);
    height: calc(80vw * 3 / 4);
    background-size: contain;
    background-repeat: no-repeat;
  }

  .bg_box {
    background-color: white;
  }

  .content_area {
    position: relative;
    width: 100vw;
    height: 90vw;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin-top: 5vw;
    overflow-x: clip;
  }

  .box-shadow {
    box-shadow: 10px 5px 30px #4444;
    border: solid #b1b1b1;
  }

  .student_name {
    font-size: 4vw;
    font-weight: bold;
    padding: 2vw;
    text-align: left;
  }

  .student_desc {
    font-size: 3vw;
    padding: 1vw 2vw;
    text-align: left;
    line-height: 5vw;
  }

  .bg_btn_img {
    width: 80vw;
    height: calc(80vw * 183 / 641);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/all_btn.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .all_btn_area {
    display: flex;
    justify-content: center;
    margin-top: 3vw;
  }

  .btn_txt {
    font-size: 4vw;
    text-align: center;
    padding-bottom: 2vw;
    padding-right: 9vw;
  }

  .area_2 .dot_line {
    display: none;
  }
  .footer_list a {
    font-size: 3.5vw;
    list-style: none;
    box-sizing: border-box;
    /* border-bottom: 0.2vw solid #dfdfdf; */
    text-align: center;
    padding: 3vw;
    color: #dedede;
    font-weight: bold;
    text-decoration: none;
  }

  /* グループレッスン */
  #swiper_bg {
    position: relative;
    width: 100vw;
    height: calc(100vw * 938 / 764);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .swiper_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: opacity 0.5s ease-in-out; /* 透明度の変化に1秒かける */
    z-index: -1;
  }
  .pos_lesson {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 3vw;
    overflow-x: clip;
  }

  .bg_red {
    position: relative;
    background-color: #fae3ef;
    width: 80vw;
    height: 108vw;
    border-radius: 5vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 10px 5px 30px #4444;
  }

  .bg_blue {
    position: relative;
    background-color: #d9effa;
    width: 80vw;
    height: 108vw;
    border-radius: 5vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 10px 5px 30px #4444;
  }

  .bg_yellow {
    position: relative;
    background-color: #f6f9b2;
    width: 80vw;
    height: 108vw;
    border-radius: 5vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 10px 5px 30px #4444;
  }

  .lesson_title {
    font-size: 5vw;
    font-weight: bold;
    text-align: center;
    padding-top: 5vw;
    padding-bottom: 3vw;
    margin-block-start: 0;
    margin-block-end: 0;
  }

  .img_grouplesson {
    width: 50vw;
    height: calc(50vw * 199 / 512);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/img_grouplesson.webp);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 5vw;
    background-position: center;
  }

  .lesson_desc_1 {
    font-size: 3.5vw;
    font-weight: bold;
    text-align: center;
    padding-top: 3vw;
    line-height: 4vw;
  }

  .bg_yellow .lesson_point {
    height: 24vw;
  }

  .lesson_point {
    font-size: 3vw;
    list-style: none;
    text-align: left;
    line-height: 7vw;
    width: 57vw;
    height: 33vw;
    padding-top: 0vw;
  }

  .pos_lessonfee {
    display: flex;
    gap: 4vw;
    padding-right: 17vw;
  }

  .pos_lessonfee .group_area .txt_head_p {
    background-color: #6c454b;
    font-size: 3.2vw;
    width: 19vw;
    height: 6vw;
  }

  .txt_normal {
    font-size: 3vw;
    font-weight: normal;
    color: #000000;
  }

  .txt_pink {
    font-size: 6vw;
    color: #ed0d4c;
    font-weight: bold;
  }

  .lesson_list {
    border-collapse: collapse;
    width: 46vw;
  }
  /* .pos_table .lesson_list .bordered,
  .pos_table .lesson_list .bordered th,
  .pos_table .lesson_list .bordered td {
    border-bottom: 0.2vw solid #ed0d4c;
  } */

  .lesson_list td,
  .lesson_list th {
    padding-right: 0vw;
  }

  .note {
    font-size: 3vw;
    border-bottom: 0.2vw solid #ed0d4c;
    line-height: 3vw;
  }

  .note_02 {
    font-size: 3vw;
    line-height: 3vw;
  }

  tr.cus_table {
    width: 10vw;
    height: 10vw;
  }

  .pos_table {
    display: flex;
    align-items: flex-end;
    padding-top: 4vw;
    padding-right: 3vw;
  }
  .pos_table_a {
    display: flex;
    align-items: flex-end;
    padding-top: 4vw;
    padding-right: 10vw;
  }

  .bg_seal {
    display: inline-block;
    width: 12vw;
    height: 12vw;
    border-radius: 50%;
    background: #facc22;
    text-align: center;
    line-height: 2.5vw;
    border: solid 0.3vw white;
    margin-bottom: 3vw;
  }

  .txt_seal {
    padding-top: 4vw;
    font-size: 3vw;
  }

  .bg_seal .txt_seal .txt_pink {
    font-size: 3vw;
  }

  .bg_seal .txt_seal .txt_small {
    font-size: 2vw;
  }

  .img_iroenpitsu {
    width: 100vw;
    height: calc(100vw * 643 / 626);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/iroenpitu_red-1.webp);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    margin-left: 3vw;
    pointer-events: none;
  }

  /* カリキュラム */
  .pos_curriculum {
    display: flex;
    justify-content: center;
  }

  .pos_contents {
    padding-top: 3vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 74vw;
  }

  .bg_curriculum {
    background-color: white;
    width: 85vw;
    height: 95vw;
    border-radius: 3%;
    display: flex;
    justify-content: center;
    box-shadow: 10px 5px 30px #4444;
  }

  .curriculum_title {
    font-size: 4vw;
    font-weight: bold;
    background-color: #f2f85a;
    text-align: center;
    width: 78vw;
    height: 6vw;
  }

  .img_curriculum {
    width: 74vw;
    height: 42vw;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 4%;
    border: solid 0.3vw gray;
    background-color: white;
    margin-top: 3vw;
  }

  .contents_title {
    font-size: 3vw;
    font-weight: bold;
    width: 72vw;
    padding: 3vw;
  }

  .contents_disc {
    font-size: 2.5vw;
    width: 72vw;
  }

  .txt_day {
    font-size: 2.5vw;
    padding-left: 57vw;
    padding-top: 7vw;
  }

  /* よくある質問 */
  .pos_qa {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: 3vw;
  }

  .bg_qa {
    background-color: white;
    width: 90vw;
    height: 15vw;
    display: flex;
    align-items: center;
    border: solid 0.2vw #ed0d4c;
  }

  .txt_question {
    width: 64vw;
    font-size: 3vw;
    text-align: left;
    padding: 2vw;
  }
  .txt_answer {
    font-size: 3vw;
    background-color: #ffffff8c;
    width: 90vw;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.5s, max-height 0.5s ease-in-out;
  }
  .txt_adjust {
    display: inline-block;
    padding: 4vw;
  }

  .txt_blue {
    color: #50bcc9;
    font-size: 6vw;
    font-weight: bold;
    padding: 3vw;
  }

  .pos_qa .bg_qa .txt_pink {
    padding: 3vw;
  }

  .pos_lesson_btm {
    margin-top: 5vw;
  }

  .txt_orange {
    color: #e2af00;
    text-decoration: underline;
  }

  .txt_corp {
    display: none;
  }

  .footer_list_pc {
    display: none;
  }
  /* 常駐フッター */

  .fixed_footer {
    position: fixed;
    width: 100vw;
    height: 20vw;
    z-index: 99;
    bottom: 0vw;
  }

  .pos_footer_inner {
    position: relative;
  }

  .fixedfooter_btn {
    position: absolute;
    display: flex;
    align-items: center;
    background-color: #f6e886;
    flex-direction: row;
    width: 100vw;
    height: 20vw;
    justify-content: space-around;
  }

  .foot_lesson_btn {
    width: 62vw;
    height: calc(62vw * 94 / 304);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/footer_btn.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .foot_call_btn {
    width: 19vw;
    height: calc(19vw * 138 / 144);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/b129b371d8f609f7baf97022aff9588e.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .foot_line_btn {
    width: 19vw;
    height: calc(19vw * 138 / 139);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/03/2a75fff3fe563d841793ded304caa69b.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .txt_btn {
    display: block;
    text-align: center;
    color: white;
    font-size: 5vw;
    font-weight: bold;
    padding-left: 8vw;
  }

  /* 
hamburger(ハンバーガーアイコン)
=================================== */
  .hamburger {
    position: absolute;
    right: 3vw;
    top: 3vw;
    width: 6vw;
    height: 5vw;
    cursor: pointer;
    z-index: 300;
    background-color: #ffa6b3;
  }

  .hamburger__line {
    position: absolute;
    width: 6vw;
    height: 1vw;
    right: 0;
    background-color: #000;
    transition: all 0.5s;
  }

  .hamburger__line--1 {
    top: 1vw;
  }

  .hamburger__line--2 {
    top: 1vw;
  }

  .hamburger__line--3 {
    top: 3vw;
  }

  /*ハンバーガーがクリックされたら*/
  .open .hamburger__line--1 {
    transform: rotate(-45deg);
    top: 3vw;
  }

  .open .hamburger__line--2 {
    opacity: 0;
  }

  .open .hamburger__line--3 {
    transform: rotate(45deg);
    top: 3vw;
  }

  /* 
sp-nav(ナビ)
=================================== */
  .sp-nav {
    position: fixed;
    right: -100%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
    top: 0;
    width: 70%; /* 出てくるスライドメニューの幅 */
    height: 153vh;
    background-color: #fff;
    transition: all 0.5s;
    z-index: 200;
    overflow-y: auto; /* メニューが多くなったらスクロールできるように */
  }

  ul {
    width: 42vw;
    height: 54vw;
    padding-top: 6vw;
    padding-left: 5vw;
  }

  .sp-nav li {
    list-style-type: none;
    padding-top: 6vw;
    border-bottom: 0.7vw dotted white;
  }

  .sp-nav a {
    text-decoration: none;
    font-size: 4vw;
    color: white;
    font-weight: bold;
  }

  .sp-nav_sub {
    width: 43vw;
    height: 14vw;
    padding-top: 0vw;
  }

  .sp-nav_sub li {
    border-bottom: none;
    padding-top: 0vw;
    background-image: url(https://i-academy.site/wp-content/uploads/2024/04/dbfedbdaa2c686e0cf24147c4aaf70ff.webp);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 6vw;
    padding-left: 5vw;
  }
  .sp-nav_sub a {
    font-size: 3vw;
  }
  /*ハンバーガーがクリックされたら右からスライド*/
  .open .sp-nav {
    right: 0;
    background-color: #ffa6b3;
  }

  /* 
black-bg(ハンバーガーメニュー解除用bg)
=================================== */
  .black-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 152vh;
    z-index: 5;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    cursor: pointer;
    z-index: 100;
  }

  /*ハンバーガーメニューが開いたら表示*/
  .open .black-bg {
    opacity: 0.3;
    visibility: visible;
  }
  /* 体験レッスン申し込みフォーム*/
  input {
    border: none;
    width: 1.5vw;
    height: 1.5vw;
  }
  .form_container {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .form_section {
    width: 90vw;
    background-color: white;
    border-right: solid 0.1vw #ed0d4c;
    border-bottom: solid 0.1vw #ed0d4c;
    border-left: solid 0.1vw #ed0d4c;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    display: none;
    padding-bottom: 4vw;
  }
  .form_container #section1 {
    display: block;
    opacity: 1;
    border-top: solid 0.1vw #ed0d4c;
  }
  .form_section .f_title {
    width: auto;
    font-size: 4vw;
    font-weight: bold;
    text-shadow: none;
    color: #333;
    margin: 1vw 0;
    text-align: left;
    padding: 3vw;
    display: flex;
    align-items: center;
  }
  .form_section .f_agree {
    width: auto;
    font-size: 3vw;
    text-shadow: none;
    color: #333;
    margin: 1vw 0;
    text-align: center;
    padding: 2vw 2vw 0vw 2vw;
  }
  .note_area {
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: column;
  }
  .note_txt {
    width: 46vw;
    font-size: 2.6vw;
    text-align: left;
  }
  .form_section .f_subtitle {
    width: auto;
    font-size: 3.5vw;
    font-weight: bold;
    text-shadow: none;
    color: #333;
    margin: 1vw 0;
    text-align: left;
    padding: 0vw 0vw 1vw 7vw;
    display: flex;
    align-items: center;
  }
  .form_section .description {
    font-size: 3vw;
    color: #333;
    margin: 1vw 0;
    text-align: center;
    padding: 2vw;
  }
  .input_area {
    width: 100%;
    font-size: 2.5vw;
  }
  .input_area #calendarContainer,
  .input_area #calendarContainer02 {
    font-size: 3.5vw;
  }
  .input_center {
    text-align: center;
  }
  .form_section input[type="text"] {
    width: 80%;
    height: 4vw;
    border-radius: 4vw;
    background-color: #bdbdbd;
    padding: 1vw 3vw;
    border: #979797 solid 1px;
  }
  .form_section label a {
    color: #50bcc9;
    font-size: 3vw;
    padding: 1vw;
  }
  .input_area textarea {
    width: 80%;
    min-height: 30vw;
    background-color: #bdbdbd;
    border: #979797 solid 1px;
    border-radius: 2vw;
    padding: 2vw;
  }
  .form_disable {
    background-color: #a7a7a7;
    filter: grayscale(100%);
    pointer-events: none;
  }
  .icon_must {
    width: 15vw;
    background-color: #cb2e4b;
    border-radius: 4vw;
    text-align: center;
    color: white;
    margin-left: 3vw;
  }
  .icon_free {
    width: 15vw;
    border-radius: 4vw;
    border: #676767 solid 1px;
    text-align: center;
    color: #676767;
    margin-left: 3vw;
    font-weight: 100;
  }
  .select_area {
    text-align: left;
    font-size: 4vw;
    height: 8vw;
    margin-left: 6vw;
    border-radius: 2vw;
  }
  .select_hope_area {
    text-align: left;
    font-size: 4vw;
    height: 8vw;
    margin-left: 6vw;
    margin-top: 4vw;
    border-radius: 2vw;
  }
  .form_disable select {
    opacity: 0.3; /* 薄く表示するなどの効果 */
  }
  /* カレンダーコンテナのスタイル */
  #calendarContainer,
  #calendarContainer02 {
    background: #f0f0f0;
    padding: 3vw;
    border-radius: 5px;
    margin: 2vw 0 3vw 6vw;
  }

  /* 日付ボタンのスタイル */
  #calendarContainer button,
  #calendarContainer02 button {
    background: #ffffff; /* 背景色 */
    border: 1px solid #cccccc; /* 枠線 */
    padding: 5px 10px; /* パディング */
    border-radius: 3px; /* 角丸 */
    cursor: pointer; /* カーソルをポインターに */
  }

  /* 日付ボタン:hover時のスタイル */
  #calendarContainer button:hover,
  #calendarContainer02 button:hover {
    background-color: #dddddd; /* ホバー時の背景色 */
  }

  /* 非表示スタイル */
  .hidden {
    display: none; /* 要素を非表示に */
  }
  .calendar {
    width: 70vw;
    font-family: Arial, sans-serif;
    border: 1px solid #000;
    border-radius: 5px;
  }

  .calendar-header,
  .calendar-header02 {
    display: flex;
    justify-content: space-between;
    padding: 5px;
    background: #000;
    color: #fff;
  }

  .month-picker {
    cursor: pointer;
    padding: 0 3vw;
  }

  .year-picker {
    display: flex;
    width: 22vw;
    align-items: center;
  }

  .year-change {
    cursor: pointer;
  }

  .calendar-week-day {
    background: #eee;
    display: flex;
    padding: 5px 0;
  }

  .calendar-week-day div {
    text-align: center;
    width: calc(69vw / 7);
    padding: 5px 0;
  }

  .calendar-days,
  .calendar-days02 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 2px;
    padding: 5px;
  }

  .calendar-days div,
  .calendar-days02 div {
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    background-color: #fff;
  }

  .calendar-days div:hover,
  .calendar-days02 div:hover {
    background-color: #e9e9e9;
  }
  .btn_formSend {
    position: relative;
    width: 85vw;
    height: calc(85vw * 280 / 1368);
    background-image: url(https://i-academy.site/wp-content/uploads/2024/04/btn_formSend.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .btn_area_link {
    text-decoration: none;
  }
  /* スライダーのUI調整 */
  .swiper-container {
    width: 100%;
    height: auto;
  }
  .swiper--wrapper {
    /* wrapperのサイズを調整 */
    height: 300px;
  }

  .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    width: 80vw;
    height: 100%;
    text-align: center;
    line-height: 20px;
  }
  .swiper-button-prev,
  .swiper-button-prev02,
  .swiper-button-next,
  .swiper-button-next02 {
    width: 60px;
    height: 60px;
    background-color: transparent;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10; /* 必要に応じて調整してください */
  }
  .swiper-button-prev,
  .swiper-button-prev02 {
    left: 1vw;
  }
  .swiper-button-next,
  .swiper-button-next02 {
    right: 1vw;
  }
  .swiper-button-prev::after,
  .swiper-button-prev02::after,
  .swiper-button-next::after,
  .swiper-button-next02::after {
    bottom: 0;
    content: "";
    height: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 0;
  }
  /* 前への矢印カスタマイズ */
  .swiper-button-prev::after,
  .swiper-button-prev02::after {
    border-bottom: 25px solid transparent;
    border-right: 40px solid #ffffffb0;
    border-top: 25px solid transparent;
  }
  /* 次への矢印カスタマイズ */
  .swiper-button-next::after,
  .swiper-button-next02::after {
    border-bottom: 25px solid transparent;
    border-left: 40px solid #ffffffb0;
    border-top: 25px solid transparent;
  }
  .breadcrumb {
    font-size: 3vw;
    padding: 2vw;
  }
  /* コンテンツページタイトル */
  .page_title {
    display: flex;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 11vw;
  }
  .page_title h1 {
    font-weight: 700;
    font-size: 7vw;
  }
  .page_title h1:after {
    display: block;
    color: #fd5f4b;
    content: attr(data-name);
    font-weight: 500;
    font-style: italic;
    font-size: 3vw;
  }
  .txt_category {
    font-size: 5vw;
  }
  /* 利用規約etc */
  .terms_title {
    display: flex;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 11vw;
  }
  .terms_title h1 {
    font-weight: 700;
    font-size: 7vw;
  }
  .terms_title h1:after {
    display: block;
    color: #fd5f4b;
    content: attr(data-name);
    font-weight: 500;
    font-style: italic;
    font-size: 3vw;
  }
  .terms_contents {
    margin-bottom: 20vw;
  }
  .terms_contents .item {
    font-size: 3vw;
    padding: 0 10vw;
  }
  .terms_contents .company {
    text-align: right;
    line-height: 7vw;
    padding: 0 10vw;
  }
  .item > div {
    margin-bottom: 6vw;
  }
  .terms_contents .item dt {
    margin-bottom: 1vw;
    color: #fd5f4b;
    font-weight: 700;
    font-size: 4vw;
    line-height: 4vw;
  }
  .terms_contents .item dd {
    line-height: 6vw;
    letter-spacing: 1vw;
    margin-inline-start: 3vw;
  }
  .terms_contents .item a {
    letter-spacing: 0;
  }
  .terms_contents .item dd ul {
    width: auto;
    height: auto;
    padding-top: 0;
    padding-left: 3vw;
    list-style: none;
  }
  .terms_contents .item .desc {
    font-size: 3vw;
    line-height: 5vw;
    letter-spacing: 0.5vw;
  }
  .terms_contents .item .border_table {
    margin: 6vw 0;
    width: 100%;
  }
  .terms_contents .item .border_table tr {
    display: -ms-flexbox;
    display: flex;
  }
  .border_table th,
  .border_table td {
    display: block;
    padding-top: 3vw;
    padding-bottom: 5vw;
  }
  .border_table th {
    margin-right: 6vw;
    width: 20vw;
    border-bottom: 0.5vw solid #fd5f4b;
    color: #fd5f4b;
    font-weight: 600;
    font-size: 3vw;
  }
  .border_table td {
    border-bottom: 0.5vw solid #d5d5d5;
    font-size: 2.8vw;
    -ms-flex: 1;
    flex: 1;
  }
  /* .pop_area {
    display: flex;
    justify-content: flex-end;
    width: 96vw;
    height: 13vw;
    padding-top: 5vw;
  }
  .img_form01 {
    background-image: url(https://i-academy.site/wp-content/uploads/2024/05/img_form01.webp);
    height: calc(12vw * 2048 / 2048);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 12vw;
  }
  .speechbubble {
    position: relative;
    display: inline-block;
    margin: 1vw 0vw 1vw 0;
    padding: 3vw 0vw;
    width: 13vw;
    height: 8vw;
    line-height: 2vw;
    text-align: center;
    color: #fff;
    font-size: 2vw;
    font-weight: bold;
    background: pink;
    border-radius: 50%;
    box-sizing: border-box;
  }
  .speechbubble:before {
    content: "";
    position: absolute;
    bottom: -1vw;
    right: -1vw;
    margin-top: -1vw;
    border: 2vw solid transparent;
    border-left: 2vw solid pink;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  } */
}