@charset "utf-8";

.fadein {
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.show {
  opacity: 1!important;
}

.section-title__en {
    margin: 0 auto;
    display: block;
    height: 94px;
    margin-bottom: -20px;
}

.section-title__jp {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}

.section-title__jp img {
    display: block;
    height: 37px;
    margin: 0 auto;
}

@media screen and (max-width:768px){
    .section-title__jp img {
        height: 22px;
    }

    .section-title__en {
        height: 58px;
    }
}

/*--------------------------meinvisual----------------------------*/
.mainvisual {
    position: relative;
    margin-top: 20px;
}

.mainvisual-background {
    background-image: url("../images/mainvisual_background_pc.png");
    background-position: top center;
    background-size: cover;
    height: 70%;
    position: absolute;
    bottom: -34%;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
}

.mainvisual-decoration1 {
    display: block;
    width: 11%;
    left: 1.5%;
    bottom: 23%;
    position: absolute;
    z-index: 8;
}

.mainvisual-decoration2 {
    display: block;
    width: 13%;
    right: 1.5%;
    z-index: 7;
    top: 28%;
    position: absolute;
}

.mainvisual-background__waveform {
    position: relative;
    width: 100%;
    aspect-ratio: 345/58;
}

.mainvisual-background__waveform img {
    position: absolute;
    bottom: 0;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
    width: 100%;
    height: auto;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
}

.mainvisual .slick-slide > div {
  line-height: 0;
  font-size: 0;
}

.mainvisual-slick {
    width: 88%;
    margin: 0 auto;
    position: relative;
}

.mainvisual-slick::before {
    content: "";
    position: absolute;
    right: -20px;
    height: 50%;
    background-image: linear-gradient(136deg, #57bfca, #5bb6ee);
    display: block;
    width: 75%;
    top: -20px;
    opacity: 20%;
}

.mainvisual-slick::after {
    content: "";
    position: absolute;
    left: -20px;
    height: 50%;
    background-image: linear-gradient(136deg, #b2f0fa, #70f0f9);
    display: block;
    width: 75%;
    bottom: -20px;
}

.mainvisual-movie {
    position: relative;
    width: 90%;
    margin: 0 auto;
    z-index: 1;
}

.mainvisual-movie video {
    width: 100%;
}

.mainvisual-movie::before {
    content: "";
    position: absolute;
    right: -20px;
    height: 50%;
    background-image: linear-gradient(136deg, #57bfca, #5bb6ee);
    display: block;
    width: 75%;
    top: -20px;
    opacity: 20%;
    z-index: -1;
}

.mainvisual-movie::after {
    content: "";
    position: absolute;
    left: -20px;
    height: 50%;
    background-image: linear-gradient(136deg, #b2f0fa, #70f0f9);
    display: block;
    width: 75%;
    bottom: -20px;
    z-index: -1;
}

.mainvisual-slick__sp {
    display: none!important;
}

.mainvisual-movie__pc {
    display: block!important;
}

.mainvisual-movie__sp {
    display: none!important;
}

.mainvisual-slick .slick-list {
    z-index: 1;
}

.mainvisual-text {
    position: absolute;
    top: 8%;
    margin: auto;
    left: 3%;
    width: 50%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    z-index: 2;
}

.mainvisual-text img {
    display: block;
    width: 100%;
}

.mainvisual-price {
    width: 17%;
    right: 2%;
    bottom: 22%;
    position: absolute;
    z-index: 2;
}

.mainvisual-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-top: -40px;
  position: relative;
    z-index: 2;
}

.mainvisual-scroll__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  -webkit-animation: mainvisual-scroll 160s infinite linear 0.5s both;
          animation: mainvisual-scroll 160s infinite linear 0.5s both;
}

.mainvisual-scroll__contents {
  width: 120vw;
}
.mainvisual-scroll__contents > img {
  width: 100%;
}

.mainvisual-waveform {
    position: absolute;
    bottom: -5%;
    width: 85%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}
.base-line {
    fill: none;
    stroke: #3BE8FF;
    stroke-linecap: square;
    stroke-width: 2px;
}

/* 光る線（アニメーション用） */
.highlight-line {
    fill: none;
  stroke: #3BE8FF;
  stroke-width: 5px;
  stroke-linecap: round;
  opacity: 0;
}

@-webkit-keyframes dash-move {
    from {
        stroke-dashoffset: var(--path-length);
        opacity: 1;
    }
    to {
        stroke-dashoffset: 0;
        opacity: 0;
    }
}

@keyframes dash-move {
    from {
        stroke-dashoffset: var(--path-length);
        opacity: 1;
    }
    to {
        stroke-dashoffset: 0;
        opacity: 0;
    }
}

@-webkit-keyframes mainvisual-scroll {
    from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    }
    to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    }
}

@keyframes mainvisual-scroll {
    from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    }
    to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    }
}

@media screen and (max-width:768px){
    .mainvisual {
    margin-top: 10px;
}

    .mainvisual-decoration1 {
        width: 32%;
        left: -3%;
        bottom: 18%;
    }

    .mainvisual-decoration2 {
        width: 35%;
        right: -12%;
        z-index: 7;
        top: 6%;
    }

    .mainvisual-slick__pc {
        display: none!important;
    }

    .mainvisual-slick__sp {
        display: block!important;
    }

    .mainvisual-movie__pc {
        display: none!important;
    }

    .mainvisual-movie__sp {
        display: block!important;
    }

    .mainvisual-slick__sp img {
        display: block;
        width: 100%;
    }

    .mainvisual-text {
        width: 85%;
        top: 3%;
        bottom: auto;
    }

    .mainvisual-price {
        width: 38%;
        bottom: 17%;
    }

    .mainvisual-background {
        height: 50%;
        bottom: -24%;
        background-image: url("../images/mainvisual_background_sp.png");
    }

    .mainvisual-slick {
        width: 90%;
    }

    .mainvisual-slick::before {
        right: -10px;
        top: -10px;
        opacity: 20%;
    }

    .mainvisual-slick::after {
        left: -10px;
        bottom: -10px;
    }

    .mainvisual-movie::before {
        right: -10px;
        top: -10px;
        opacity: 20%;
    }

    .mainvisual-movie::after {
        left: -10px;
        bottom: -10px;
    }

    .mainvisual-scroll__contents {
        width: 240vw;
    }

    .mainvisual-waveform {
        bottom: 3%;
        width: 95%;
    }
}

@media screen and (max-width:500px){
    .mainvisual-scroll {
        margin-top: -30px;
    }
}

@media screen and (max-width:400px){
    .mainvisual-scroll {
        margin-top: -20px;
    }
}


/*--------------------------topics----------------------------*/
.topics {
    position: relative;
    z-index: 11;
}

.topics-inner {
    margin: 0 auto;
    width: 90%;
    max-width: 980px;
    background-image: -o-radial-gradient(#ffffffd4, #ffffff);
    background-image: radial-gradient(#ffffffd4, #ffffff);
    padding: 18px 80px 60px;
    margin-top: 30px;
}

.topics-title {
    margin-bottom: 48px;
}

.topics .section-title__en {
    margin-bottom: -50px;
}

.topics-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px solid #7B9093;
    border-bottom: 1px solid #7B9093;
    padding: 20px;
    padding-right: 90px;
    position: relative;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.topics-contents:hover {
    opacity: 0.6;
}

.topics-contents:not(:first-of-type) {
    margin-top: -1px;
}

.topics-contents__date {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    white-space: nowrap
}

.topics-contents__category {
    background-color: #DEF3FF;
    color: #2999DD;
    font-size: 14px;
    padding: 2px 16px;
    font-weight: bold;
    margin: 0 18px 0 12px;
    white-space: nowrap
}

.topics-contents__title {
    font-size: 17px;
    font-weight: bold;
}

.topics-contents__arrow {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 56px;
}

.topics-btn {
    padding: 16px;
    display: block;
    margin: 0 auto;
    margin-top: 36px;
    max-width: 210px;
    color: #fff;
    text-align: center;
    position: relative;
    background-image: -o-linear-gradient(300deg, #5bb6ee, #57bfca);
    background-image: linear-gradient(150deg, #5bb6ee, #57bfca);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.topics-btn:hover {
    opacity: 0.8;
}

.topics-btn img {
    width: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    margin: auto;
}

@media screen and (max-width:980px){
    .topics-inner {
        padding: 18px 40px 60px;
    }
}

@media screen and (max-width:768px){
    .topics-title {
        margin-bottom: 35px;
    }

    .topics-title .section-title__en {
        height: 73px;
        margin-bottom: -37px;
    }

    .topics-inner {
        padding: 4px 15px 40px;
    }

    .topics-contents {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 16px 5px;
        padding-right: 70px;
    }

    .topics-contents__title {
        width: 100%;
    }

    .topics-contents__date {
        font-size: 14px;
    }

    .topics-contents__category {
        font-size: 12px;
        padding: 0 8px;
    }

    .topics-contents__arrow {
        right: 5px;
    }

    .topics-contents__title {
        font-size: 14px;
    }

    .topics-btn {
        margin-top: 30px;
    }
}

/*--------------------------point----------------------------*/
.point {
    padding: 28px 0 44px;
    position: relative;
    overflow: hidden;
}

.point-decoration1 {
    position: absolute;
    left: -1%;
    top: -12%;
    width: 47%;
}

.point-decoration2 {
    position: absolute;
    right: -10%;
    top: 30%;
    width: 40%;
}

.point-decoration3 {
    position: absolute;
    width: 99%;
    top: 25%;
    left: 0.5%;
}

.point-inner {
    position: relative;
    z-index: 7;
}

.point-decoration4 {
    display: none;
    position: absolute;
}

.point-pc {
    position: relative;
    width: 63%;
    max-width: 670px;
    margin: 0 auto;
}

.point-pc__circle {
    display: block;
    width: 100%;
}

.point-pc__item {
    position: absolute;
    display: none;
}

.point-pc__item1 {
    background-image: url("../images/point_pc1_text.png");
    top: -20%;
    left: 0;
    background-size: 100%;
    right: 0;
    margin: auto;
    width: 60%;
    height: 60%;
}

.point-pc__item1 .point-sp__img img {
    width: 53%;
    right: -24%;
    top: 19%;
}

.point-pc__item2 {
    background-image: url("../images/point_pc2_text.png");
    top: 10%;
    right: -10%;
    background-size: 100%;
    width: 60%;
    height: 60%;
}

.point-pc__item2 .point-sp__img img {
    width: 60%;
    right: -30%;
    bottom: 25%;
}

.point-pc__item3 {
    background-image: url("../images/point_pc3_text.png");
    bottom: -10%;
    right: 0;
    width: 60%;
    background-size: 100%;
    height: 60%;
}

.point-pc__item3 .point-sp__img img {
    width: 63%;
    bottom: 20%;
    right: -31%;
}

.point-pc__item4 {
    background-image: url("../images/point_pc4_text.png");
    bottom: -10%;
    left: 0;
    background-size: 100%;
    height: 60%;
    width: 60%;
}

.point-pc__item4 .point-sp__img img {
    width: 38%;
    bottom: 18%;
    left: -10%;
}

.point-pc__item5 {
    background-image: url("../images/point_pc5_text.png");
    background-size: 100%;
    top: 10%;
    left: -10%;
    width: 60%;
    height: 60%;
}

.point-pc__item5 .point-sp__img img {
    width: 110%;
    left: -56%;
    bottom: 0%;
}

.point-sp__img {
    position: relative;
    width: 100%;
    height: 100%;
}

.point-sp__img img {
    position: absolute;
    max-inline-size: none;
    max-block-size: none;
}

.point-sp__item {
    width: 100%;
    display: block;
}

.point-sp {
    display: none;
}

.point-title {
    width: 90%;
    margin: 0 auto;
}

.point-title .section-title__en {
    margin-bottom: -40px;
}

.point-title__jp img {
    height: 94px;
}

.point-title__jp .point-title__jp_pc {
    display: block;
}

.point-title__jp .point-title__jp_sp {
    display: none;
}

.point-content {
    max-width: 1080px;
    margin: 0 auto;
    width: 90%;
    margin-top: 100px;
}

@media screen and (max-width:768px){
    .point {
        padding: 8px 0 0;
    }

    .point-title__jp img {
        height: auto;
        max-width: 368px;
        width: 100%;
    }

    .point-title .section-title__en {
        margin-bottom: -30px;
    }

    .point-title__jp .point-title__jp_pc {
        display: none;
    }

    .point-title__jp .point-title__jp_sp {
        display: block;
    }

    .point-content {
        max-width: 590px;
        margin-top: 0;
    }

    .point-pc {
        display: none;
    }

    .point-sp {
        display: block;
    }

    .point-sp__item {
        width: 80%;
    }

    .point-decoration1 {
        left: -45%;
        top: -17%;
        width: 95%;
    }

    .point-decoration2 {
        display: none;
    }

    .point-decoration3 {
        top: 20%;
    }

    .point-decoration4 {
        bottom: 23%;
        left: 0.5%;
        width: 99%;
        display: block;
    }

    .point-sp__item1 {
        margin-top: -15%;
        margin-left: 0%;
    }

    .point-sp__item2 {
        margin-top: -40%;
        margin-left: 19%;
    }

    .point-sp__item3 {
        margin-top: -40%;
        margin-left: 0%;
    }

    .point-sp__item4 {
        width: 73%;
        margin-top: -40%;
        margin-left: 28%;
    }

    .point-sp__item5 {
        width: 100%;
        margin-top: -39%;
        margin-left: 0%;
    }
}

@media screen and (max-width:453px){
    .point-content {
        width: 130%;
        margin-left: -15%;
    }
}

/*--------------------------teacher----------------------------*/
.teacher {
    background-image: url("../images/teacher_background_pc.png");
    background-size: cover;
    background-position: top center;
    position: relative;
    padding: 127px 0 85px;
    margin-bottom: 60px;
}

.teacher-background__top {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    display: block;
}

.teacher-background__center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 28%;
    width: 100%;
    margin: auto;
    background-image: url("../images/teacher_center_background.png");
}

.teacher-background__center_inner {
    position: relative;
    height: 100%;
}

.teacher-background__center1 {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: auto;
    display: block;
    left: 0;
}

.teacher-background__center2 {
    position: absolute;
    bottom: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    width: 100%;
    height: auto;
    display: block;
    left: 0;
}

.teacher-background__bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    display: block;
}

.teacher-content {
    max-width: 980px;
    margin: 0 auto;
    width: 90%;
}

.teacher-title {
    margin-bottom: 55px;
}

.teacher-slide__img {
    position: relative;
    aspect-ratio: 16 / 13;
    width: 100%;
}

.teacher-slide__img img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: auto!important;
}

.teacher-slide__text {
    color: #fff;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: hidden;
    height: 275px;
    position: relative;
    padding: 0 25px;
}

.teacher-slide__btn_wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 95px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.teacher-slick__slide.even .teacher-slide__btn_wrapper {
    background-image: -o-linear-gradient(bottom, #193350 70%, transparent);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(70%, #193350), to(transparent));
    background-image: linear-gradient(0deg, #193350 70%, transparent);
}

.teacher-slick__slide.odd .teacher-slide__btn_wrapper {
    background-image: -o-linear-gradient(bottom, #003C4E 70%, transparent);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(70%, #003C4E), to(transparent));
    background-image: linear-gradient(0deg, #003C4E 70%, transparent);
}

.teacher-slide__btn {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 100px;
    display: block;
    margin-bottom: 25px;
    text-align: center;
    padding: 6px 20px;
    position: relative;
    width: 70%;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.teacher-slide__btn:hover {
    opacity: 0.6;
}

.teacher-slick__slide.even .teacher-slide__btn {
    background-image: -o-linear-gradient(330deg, #125e8d, #193350);
    background-image: linear-gradient(120deg, #125e8d, #193350);
}

.teacher-slick__slide.odd .teacher-slide__btn {
    background-image: -o-linear-gradient(330deg, #1F6B7B, #003C4E);
    background-image: linear-gradient(120deg, #1F6B7B, #003C4E);
}

.teacher-slide__btn img {
    display: block;
    position: absolute;
    right: 18px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.teacher-slide__title {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

.teacher-slide__job {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.teacher-slick__slide.even .teacher-slide__text {
    background-image: -o-linear-gradient(bottom, #193350, #2999dd);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#193350), to(#2999dd));
    background-image: linear-gradient(0deg, #193350, #2999dd);
}

.teacher-slick__slide.even .teacher-slide__img::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background-image: -o-linear-gradient(bottom, #2999dd 12%, transparent);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(12%, #2999dd), to(transparent));
    background-image: linear-gradient(0deg, #2999dd 12%, transparent);
}

.teacher-slick__slide.odd .teacher-slide__text {
    background-image: -o-linear-gradient(bottom, #003C4E, #57BFCA);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#003C4E), to(#57BFCA));
    background-image: linear-gradient(0deg, #003C4E, #57BFCA);
}

.teacher-slick__slide.odd .teacher-slide__img::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background-image: -o-linear-gradient(bottom, #57BFCA 12%, transparent);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(12%, #57BFCA), to(transparent));
    background-image: linear-gradient(0deg, #57BFCA 12%, transparent);
}


.slick-nav {
  position: relative;
  margin: 0 auto;
  margin-top: 20px;
  width: 90%;
}
.slick-num {
  display: none;
}
.arrow_box {
  width: 100%;
  position: relative;
  top: 0;
}
.teacher .slick-slider {
  padding: 0 0 2em;
  margin: 0;
}
.slick-arrow {
  width: 82px;
  height: 46px;
  background: url("../images/teacher_slide_arrow.svg") no-repeat 0 0 / 100% auto;
  cursor: pointer;
  font-size: 2px;
  color: transparent;
  overflow: hidden;
  text-indent: 40px;
  border: none;
  position: absolute;
  z-index: 10;
  top: unset;
  bottom: unset;
}
.slick-arrow.slick-prev {
  left: 0;
  top: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 1.0;
  -webkit-transition: opacity .4s ease-out;
  -o-transition: opacity .4s ease-out;
  transition: opacity .4s ease-out;
}
.slick-arrow.slick-next {
  right: 0;
  top: 0;
  -webkit-transform: rotateY(180deg) translateY(-50%);
          transform: rotateY(180deg) translateY(-50%);
  opacity: 1.0;
  -webkit-transition: opacity .4s ease-out;
  -o-transition: opacity .4s ease-out;
  transition: opacity .4s ease-out;
}
.slick-arrow.slick-prev:hover,
.slick-arrow.slick-next:hover {
  opacity: 0.8;
}

.progress-container {
  width: calc(100% - 100px);
  height: 1px;
  background-color: #fff;
  position: relative;
    margin: 0 auto;
    width: calc(100% - 240px);
}
.progress-bar {
  width: 0;
  height: 5px;
  background-color: #fff;
  position: absolute;
  top: -2.5px;
  left: 0;
  -webkit-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  transition: width 0.5s ease;
}

.teacher .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.teacher .slick-slide {
  height: auto !important;
}

.teacher .slick-initialized .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 5px;
}

.teacher-btn {
    display: block;
    width: 210px;
    border: 1px solid #fff;
    margin: 0 auto;
    margin-top: 40px;
    text-align: center;
    position: relative;
    padding: 16px 20px 16px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.teacher-btn:hover {
    background-color: #fff;
}

.teacher-btn:hover .teacher-btn__text {
    color: #2999DD;
}

.teacher-btn:hover .teacher-btn__arrow_white {
    opacity: 0;
}

.teacher-btn__arrow_blue {
    opacity: 0;
}

.teacher-btn:hover .teacher-btn__arrow_blue {
    opacity: 1;
}


.teacher-btn__text {
    text-align: center;
    font-weight: 500;
    color: #fff;
    font-size: 15px;
}

.teacher-btn__arrow {
    position: absolute;
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 15px;
}

.teacher-btn__text_blue {
    color: #3BE8FF;
    opacity: 0.7;
    font-size: 12px;
}

.teacher-btn:hover .teacher-btn__text_blue {
    color: #2999DD;
}

@media screen and (max-width:768px){
    .teacher {
        padding: 50px 0 56px;
        margin-bottom: 30px;
        background-image: url("../images/teacher_background_sp.png");
        margin-top: -60px;
    }

    .teacher-background__center {
        display: none;
    }

    .teacher-content {
        margin: 0 0 0 auto;
        width: 95%;
    }

    .teacher-title {
        margin-bottom: 28px;
    }

    .teacher-slick .slick-list {
        padding-right: 12% !important;
    }

    .teacher .slick-slide {
        margin-right: 15px;
    }

    .slick-list {
        margin-bottom: 0!important;
    }

    .teacher-slide__about {
        font-size: 14px;
    }

    .slick-nav {
        margin: 0 auto 0 0;
        width: 95%;
    }

    .slick-arrow.slick-prev {
        top: 40px;
    }

    .slick-arrow.slick-next {
        top: 40px;
    }

    .progress-container {
        width: 100%;
    }

    .teacher-btn__wrapper {
        margin-right: 5%;
    }

    .teacher-btn {
        margin-top: 90px;
    }
}

/*--------------------------cta----------------------------*/
.cta-wrapper1 {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.cta-wrapper1::after {
    right: 0;
    left: auto;
}

.cta-wrapper2::after {
    right: 0;
    left: auto;
}

@media screen and (max-width:1200px){
    .cta-wrapper1 .cta {
        padding-right: 0;
        padding-left: 4%;
    }

    .cta-wrapper2 .cta {
        padding-right: 0;
        padding-left: 4%;
    }
}


@media screen and (max-width:768px){
    .cta-wrapper1 .cta {
        padding-right: 0;
        padding-left: 4%;
    }

    .cta-wrapper2 .cta {
        padding-right: 0;
        padding-left: 4%;
    }
}
/*--------------------------curriculum1----------------------------*/
.curriculum1 {
    position: relative;
    padding: 220px 0 350px;
    margin-top: -165px;
}

.curriculum1-background {
    background-image: -o-linear-gradient(301deg, #98f3ff40 9%, #3be8ff40 29%, #74caff40 52%, #54e4f440 79%, #f3ffd940);
    background-image: linear-gradient(149deg, #98f3ff40 9%, #3be8ff40 29%, #74caff40 52%, #54e4f440 79%, #f3ffd940);
    position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: 100%;
}

.curriculum1-background__waveform {
    position: relative;
    width: 100%;
    aspect-ratio: 345/58;
}

.curriculum1-background__waveform img {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    height: auto;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
}

.curriculum1-title__jp {
    position: relative;
}

.curriculum1-inner {
    position: relative;
    z-index: 9;
}

.curriculum1-description {
    font-weight: bold;
    text-align: center;
    margin: 20px 0 70px;
}

.curriculum1 .curriculum1-title__balloon {
    position: absolute;
    right: -120%;
    width: 248px;
    display: block;
    max-inline-size: none;
    max-block-size: none;
    height: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-top: -10px;
}

.curriculum1-title__balloon_sp {
    display: none!important;
}

.curriculum1-content {
    max-width: 980px;
    width: 90%;
    margin: 0 auto;
}

.curriculum1-contents {
    background-color: #fff;
    padding: 46px 70px 50px;
    position: relative;
}

.curriculum1-course {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}

.curriculum1-course__year {
    background-image: -o-linear-gradient(300deg, #5bb6ee, #57bfca);
    background-image: linear-gradient(150deg, #5bb6ee, #57bfca);
    color: #fff;
    font-weight: bold;
    padding: 4px 24px;
    border-radius: 50px;
    margin-right: 15px;
}

.curriculum1-course__title {
    font-weight: bold;
    font-size: 30px;
    color: #2999DD;
}

.curriculum1-br {
    display: none;
}

.curriculum1-contents__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 22px 20px;
    background-color: #DDEFF8;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 32px;
}

.curriculum1-contents__top_black {
    color: #fff;
    background-color: #193350;
    border-radius: 50px;
    padding: 4px 16px;
    font-weight: bold;
    margin-right: 15px;
}

.curriculum1-contents__title h5 {
    font-size: 25px;
    font-weight: bold;
}

.curriculum1-title__img {
    max-width: 160px;
    width: 100%;
    margin: 0 auto;
    margin-top: 14px;
    display: block;
}

.curriculum1-contents__top_balloon {
    width: 24%;
    display: block;
    position: absolute;
    top: -1%;
    right: 4%;
}

.curriculum1-item__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 26px;
}

.curriculum1-item__circle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 178px;
}

.curriculum1-item {
    width: calc(50% - 33.5px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.curriculum1-item__text {
    background-color: #DDEFF8;
    padding: 20px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.curriculum1-item__img img {
    display: block;
    width: 100%;
}

.curriculum1-item__tag_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.curriculum1-item__tag {
    font-size: 13px;
    font-weight: 500;
}

.curriculum1-item__tag_blue {
    color: #2999DD;
}

.curriculum1-item__tag_small {
    font-size: 10px;
}

.curriculum1-item__tag:not(:first-of-type) {
    margin-left: 10px;
}

.curriculum1-item__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 12px;
}

.curriculum1-item__blue {
    background-color: #2999DD;
    color: #fff;
    font-weight: bold;
    font-size: 19px;
    padding: 0 24px;
    border-radius: 50px;
    margin-right: 10px;
}

.curriculum1-item__title h6 {
    font-size: 20px;
    font-weight: bold;
}

.curriculum1-item__arrow1 {
    width: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.curriculum1-item__arrow1 img {
    display: block;
    width: 100%;
}

.curriculum1-item__arrow2 {
    width: calc(50% - 33.5px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 24px 0;
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
}

.curriculum1-item__arrow2 img {
    width: 27px;
    display: block;
}

.curriculum1-item__arrow3 {
    width: calc(50% - 33.5px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 24px 0;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

.curriculum1-item__arrow3 img {
    width: 27px;
    display: block;
}

.curriculum1-item__arrow4 {
    width: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.curriculum1-item__arrow4 img {
    display: block;
    width: 100%;
}

.curriculum1-attention {
    margin-top: 25px;
    font-size: 12px;
    font-weight: 500;
    text-indent: -1em;
    padding-left: 1em;
}

.curriculum1-attention2 {
    margin-top: 0!important;
}

.curriculum1-arrow {
    width: 80px;
    display: block;
    margin: 28px auto;
}

.curriculum1-contents__text {
    text-align: center;
    font-weight: bold;
}

.curriculum1-contents__balloon {
    position: absolute;
    display: block;
    width: 35%;
    right: -12%;
    margin-top: -60px;
    max-inline-size: none;
    max-block-size: none;
    height: auto;
}

.curriculum1-achievement {
    width: 100%;
    margin: 0 auto;
    max-width: 706px;
}

.curriculum1-achievement__pc {
    display: block;
}

.curriculum1-achievement__sp {
    display: none;
}

.curriculum1-contents__top_balloon_sp {
    display: none;
}

.curriculum1-contents__balloon_sp {
    display: none;
}

@media screen and (max-width:1200px){
    .curriculum1-content {
        padding-right: 4%;
    }

    .curriculum1 .curriculum1-title__balloon {
        right: -100%;
    }
}

@media screen and (max-width:1140px){
    .curriculum1 .curriculum1-title__balloon {
        right: -60%;
        width: 180px;
    }

    .curriculum1-contents {
        padding: 46px 40px 50px;
    }
}

@media screen and (max-width:1060px){
    .curriculum1-item__title h6 {
        font-size: 18px;
    }
}

@media screen and (max-width:980px){
    .curriculum1-item__title {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .curriculum1-item__title h6 {
        width: 100%;
        text-align: center;
    }

    .curriculum1-item__blue {
        margin: 0 0 4px 0;
    }
}

@media screen and (max-width:920px){
    .curriculum1-br {
        display: block;
    }

    .curriculum1-contents__balloon {
        width: 32%;
        right: -10%;
        margin-top: -88px;
    }
}

@media screen and (max-width:820px){
    .curriculum1-item__title h6 {
        font-size: 16px;
    }

    .curriculum1-contents__balloon {
        width: 30%;
    }
}

@media screen and (max-width:768px){
    .curriculum1 {
        margin-top: -299px;
        padding: 320px 0 140px;
    }

    .curriculum1-content {
        padding: 0;
    }

    .curriculum1-background {
        width: 100%;
    }

    .curriculum1-title__balloon_pc {
        display: none!important;
    }

    .curriculum1-title__balloon_sp {
        display: block!important;
    }

    .curriculum1 .curriculum1-title__balloon {
        position: relative;
        right: auto;
        margin-top: 0;
        width: 248px;
        margin-bottom: 30px;
    }

    .curriculum1-description {
        margin: 17px 0 20px;
        font-size: 12px;
    }

    .curriculum1-contents {
        padding: 28px 10px 20px;
    }

    .curriculum1-contents__title {
        margin-top: 16px;
    }

    .curriculum1-course__year {
        font-size: 14px;
        margin-right: 10px;
    }

    .curriculum1-contents__title {
        padding: 16px 16px 11px;
    }

    .curriculum1-contents__top_balloon_pc {
        display: none;
    }

    .curriculum1-contents__top_balloon_sp {
        display: block;
        position: absolute;
        top: -16px;
        left: 0;
        right: 0;
        width: 220px;
        margin: auto;
    }

    .curriculum1-contents__top_black {
        font-size: 12px;
        margin-right: 10px;
    }

    .curriculum1-contents__title h5 {
        font-size: 20px;
    }

    .curriculum1-course__title {
        font-size: 18px;
    }

    .curriculum1-item__circle {
        width: 93px;
    }

    .curriculum1-item {
        width: calc(50% - 7px);
    }

    .curriculum1-item__text {
        padding: 10px 5px;
    }

    .curriculum1-item__blue {
        font-size: 15px;
    }

    .curriculum1-item__title h6 {
        font-size: 14px;
    }

    .curriculum1-item__title {
        margin-bottom: 6px;
    }

    .curriculum1-item__tag {
        font-size: 12px;
    }

    .curriculum1-item__arrow1 {
        width: 9px;
    }

    .curriculum1-item__arrow1 img {
        height: 33px;
    }

    .curriculum1-item__arrow2 {
        width: calc(50% - 7px);
        margin: -8px 0;
    }

    .curriculum1-item__arrow2 img {
        height: 33px;
        width: 9px;
        
    }

    .curriculum1-item__arrow3 {
        width: calc(50% - 7px);
        margin: -8px 0;
    }

    .curriculum1-item__arrow3 img {
        height: 33px;
        width: 9px;
    }

    .curriculum1-item__arrow4 {
        width: 9px;
    }

    .curriculum1-item__arrow4 img {
        height: 33px;
    }

    .curriculum1-item4 .curriculum1-item__tag_wrapper .curriculum1-item__tag:nth-of-type(3) {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }

    .curriculum1-item4 .curriculum1-item__tag_wrapper .curriculum1-item__tag:nth-of-type(4) {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .curriculum1-attention {
        margin-top: 12px;
        font-size: 10px;
    }

    .curriculum1-arrow {
        width: 44px;
        margin: 15px auto;
    }

    .curriculum1-arrow1 {
        margin: 15px auto 76px;
    }

    .curriculum1-contents__balloon_pc {
        display: none;
    }

    .curriculum1-contents__balloon_sp {
        display: block;
    }

    .curriculum1-contents__balloon {
        width: 220px;
        top: -60px;
        left: 0;
        right: 0;
        bottom: auto;
        margin: auto;
    }

    .curriculum1-contents__text {
        font-size: 12px;
    }

    .curriculum1-contents__text1 {
        margin-bottom: 6px;
    }

    .curriculum1-contents__text2 {
        margin-top: 6px;
    }

    .curriculum1-achievement__pc {
        display: none;
    }

    .curriculum1-achievement__sp {
        display: block;
    }

    .curriculum1-achievement {
        max-width: 400px;
    }
}

@media screen and (max-width:450px){
    .curriculum1 {
        padding: 320px 0 65px;
    }
}

@media screen and (max-width:420px){
    .curriculum1-contents__top_black {
        font-size: 11px;
    }

    .curriculum1-contents__title h5 {
        font-size: 17px;
    }
}

@media screen and (max-width:400px){
    .curriculum1-item__title h6 {
        font-size: 13px;
    }
}

@media screen and (max-width:370px){
    .curriculum1-contents__top_black {
        font-size: 10px;
    }

    .curriculum1-contents__title h5 {
        font-size: 15px;
    }
}

@media screen and (max-width:360px){
    .curriculum1-item__tag {
        font-size: 10px;
    }
}

@media screen and (max-width:345px){
    .curriculum1-contents__top_black {
        font-size: 10px;
        padding: 4px 8px;
    }

    .curriculum1-contents__title h5 {
        font-size: 14px;
    }

    .curriculum1-course__year {
        padding: 4px 12px;
        margin-right: 6px;
    }
}

/*--------------------------curriculum2----------------------------*/
.curriculum2 {
    position: relative;
    margin-top: -200px;
    padding: 170px 0 250px;
}

.curriculum2-background {
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    width: 95%;
    height: 100%;
}

.curriculum2-background__waveform {
    position: relative;
    width: 100%;
    aspect-ratio: 345/58;
}

.curriculum2-background__waveform img {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    height: auto;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
}

.curriculum2-inner {
    position: relative;
    z-index: 8;
    max-width: 980px;
    width: 90%;
    margin: 0 auto;
}

.curriculum2-title {
    max-width: 516px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
}

.curriculum2-title_sp {
    display: none!important;
}

.curriculum2-title img {
    display: block;
    width: 100%;
}

.curriculum2-point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.curriculum2-point__contents {
    background-image: -o-radial-gradient(#1fa9e5, #5cc1f7 49%, #aaecef);
    background-image: radial-gradient(#1fa9e5, #5cc1f7 49%, #aaecef);
    width: 32.5%;
    padding: 24px 20px 30px;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.curriculum2-point__contents.show {
  opacity: 1;
}

.curriculum2-point__number {
    font-weight: bold;
    text-align: center;
}

.curriculum2-point__title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.curriculum2-point__icon {
    height: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 40px 0;
}

.curriculum2-point__contents img {
    display: block;
}

.curriculum2-point__icon1 {
    width: 83px;
}

.curriculum2-point__icon2 {
    width: 105px;
}

.curriculum2-point__icon3 {
    width: 91px;
}

.curriculum2-point__text {
    font-size: 15px;
    font-weight: 500;
}

.curriculum2-point__text_small {
    font-size: 12px;
}

.curriculum2-point__br_sp {
    display: none;
}

.curriculum2-business {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 80px 0;
}

.curriculum2-business__img_sp {
    display: none;
}

.curriculum2-business__text {
    width: 54%;
}

.curriculum2-business__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.curriculum2-business__title h4 {
    font-weight: bold;
    color: #2999DD;
    font-size: 23px;
    margin-right: 20px;
}

.curriculum2-business__icon {
    width: 90px;
    display: block;
    margin-bottom: 10px;
}

.curriculum2-business__text h5 {
    font-weight: bold;
    font-size: 18px;
    margin: 20px 0;
}

.curriculum2-business__br {
    display: none;
}

.curriculum2-business__text p {
    font-weight: 500;
}

.curriculum2-business__img {
    width: 43%;
}

.curriculum2-occupation {
    background-image: -o-linear-gradient(301deg, #98f3ff40 9%, #3be8ff40 29%, #74caff40 52%, #54e4f440 79%, #f3ffd940);
    background-image: linear-gradient(149deg, #98f3ff40 9%, #3be8ff40 29%, #74caff40 52%, #54e4f440 79%, #f3ffd940);
    position: relative;
    padding: 80px 45px 50px;
}

.curriculum2-occupation__balloon {
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
    max-width: 390px;
}

.curriculum2-occupation__balloon_pc {
    display: block;
}

.curriculum2-occupation__balloon_sp {
    display: none;
}

.curriculum2-occupation h6 {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}

.curriculum2-occupation h6::before {
    content: "";
    position: absolute;
    left: -13px;
    width: 8px;
    height: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #5BB6EE;
}

.curriculum2-occupation h6::after {
    content: "";
    position: absolute;
    right: -13px;
    width: 8px;
    height: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #5BB6EE;
}

.curriculum2-occupation__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.curriculum2-occupation_item {
    margin: 0 1.5%;
}

.curriculum2-occupation_item_pc {
    display: block;
}

.curriculum2-occupation_item_sp {
    display: none;
}

.curriculum2-occupation_item1 {
    width: 47%;
}

.curriculum2-occupation_item2 {
    width: 47%;
}

.curriculum2-occupation_item3 {
    width: 26%;
    margin: 0 1.5% 0 10%;
}

.curriculum2-occupation_item4 {
    width: 26%;
    margin: 0 10% 0 1.5%;
}

.curriculum2-occupation_item5 {
    width: 30%;
}

.curriculum2-occupation_item6 {
    width: 24%;
}

.curriculum2-occupation_item7 {
    width: 30%;
}

.curriculum2-occupation__text {
    text-align: center;
    font-weight: 500;
    margin-top: 30px;
}

@media screen and (max-width:1200px){
    .curriculum2-inner {
        padding-left: 4%;
    }
}

@media screen and (max-width:1010px){
    .curriculum2-point__title {
        font-size: 18px;
    }
}

@media screen and (max-width:768px){
    .curriculum2 {
        margin-top: -70px;
        padding: 78px 0 320px;
    }

    .curriculum2-background {
        height: 91%;
    }

    .curriculum2-title {
        max-width: 198px;
    }

    .curriculum2-title_pc {
        display: none!important;
    }

    .curriculum2-title_sp {
        display: block!important;
    }

    .curriculum2-point {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .curriculum2-point__contents {
        width: 100%;
    }

    .curriculum2-point__contents:not(:first-of-type) {
        margin-top: 10px;
    }

    .curriculum2-point__text {
        text-align: center;
        font-size: 14px;
    }

    .curriculum2-point__br_pc {
        display: none;
    }

    .curriculum2-point__br_sp {
        display: block;
    }

    .curriculum2-point__icon {
        margin: 20px 0 24px;
    }

    .curriculum2-business {
        margin: 40px 0 54px;
    }

    .curriculum2-business__text {
        width: 100%;
    }

    .curriculum2-business__br {
        display: block;
    }

    .curriculum2-business__title {
        margin-bottom: 20px;
    }

    .curriculum2-business__title h4 {
        font-size: 20px;
        margin-right: 6px;
    }

    .curriculum2-business__img_sp {
        display: block;
    }

    .curriculum2-business__img_sp img {
        display: block;
    }

    .curriculum2-business__img {
        display: none;
    }

    .curriculum2-occupation {
        padding: 50px 0 40px;
    }

    .curriculum2-occupation__balloon {
        max-width: 246px;
    }

    .curriculum2-occupation__balloon_pc {
        display: none;
    }

    .curriculum2-occupation__balloon_sp {
        display: block;
    }

    .curriculum2-occupation h6 {
        font-size: 16px;
    }

    .curriculum2-occupation__content {
        max-width: 342px;
        margin: 0 auto;
    }

    .curriculum2-occupation_item_pc {
        display: none;
    }

    .curriculum2-occupation_item_sp {
        display: block;
    }

    .curriculum2-occupation_item1 {
        width: 80%;
    }

    .curriculum2-occupation_item2 {
        width: 80%;
    }

    .curriculum2-occupation_item3 {
        width: 60%;
        margin: 0 1.5%;
    }

    .curriculum2-occupation_item4 {
        margin: 0 1.5%;
        width: 47%;
    }

    .curriculum2-occupation_item5 {
        width: 47%;
    }

    .curriculum2-occupation_item6 {
        width: 47%;
    }

    .curriculum2-occupation_item7 {
        width: 47%;
    }

    .curriculum2-occupation__text {
        margin: 20px 14px 0;
    }

    .curriculum2-occupation__text br {
        display: none;
    }
}

@media screen and (max-width:375px){
    .curriculum2-business__title h4 {
        font-size: 18px;
    }

    .curriculum2-business__icon {
        width: 78px;
    }
}

@media screen and (max-width:450px){
    .curriculum2 {
        margin-top: -20px;
        padding: 46px 0 320px;
    }
}

@media screen and (max-width:375px){
    .curriculum2-business__title h4 {
        font-size: 18px;
    }

    .curriculum2-business__icon {
        width: 60px;
    }
}

@media screen and (max-width:340px){
    .curriculum2-point__text {
        font-size: 13px;
    }
}

/*--------------------------support----------------------------*/
.support {
    background-image: url("../images/support_background_pc.png");
    background-position: top center;
    background-size: cover;
    padding: 220px 0 168px;
    margin-top: -325px;
    position: relative;
}

.support-background {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}

.support-background__waveform {
    position: relative;
    width: 100%;
    aspect-ratio: 345/58;
}

.support-background__waveform img {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 33.33%;
    height: auto;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    right: 0;
}

.support-inner {
    max-width: 980px;
    margin: 0 auto;
    width: 90%;
}

.support-title .section-title__en {
    height: 110px;
    margin-bottom: -35px;
}

.support-title {
    margin-bottom: 60px;
}

.support-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
}

.support-decoration1 {
    position: absolute;
    left: -142px;
    top: 12px;
    width: 239px;
    z-index: 10;
}

.support-decoration2 {
    position: absolute;
    right: -144px;
    bottom: 318px;
    width: 239px;
    z-index: 10;
}

.support-item {
    width: 48.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
     opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.support-item.show {
  opacity: 1;
}

.support-item:first-of-type, .support-item:nth-of-type(2) {
    margin-bottom: 40px;
}

.support-img img {
    display: block;
    width: 100%;
}

.support-img {
    position: relative;
}

.support-img::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: -o-linear-gradient(bottom, #ffffff 12%, transparent);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(12%, #ffffff), to(transparent));
    background-image: linear-gradient(0deg, #ffffff 12%, transparent);
    height: 40%;
}

.support-text {
    background-color: #fff;
    position: relative;
    padding: 40px 24px 32px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.support-text h4 {
    font-size: 25px;
    color: #2999DD;
    margin-bottom: 15px;
    font-weight: bold;
}

.support-text__bold {
    font-weight: bold;
    font-size: 18px;
    display: block;
    margin-bottom: -18px;
}

.support-text h4 br {
    display: none;
}

.support-number {
    position: absolute;
    top: -50px;
    left: 24px;
    display: block;
}

.support-number1 {
    width: 88px;
}

.support-number2 {
    width: 98px;
}

.support-number3 {
    width: 96px;
}

.support-number4 {
    width: 93px;
}

@media screen and (max-width:1320px){
    .support-decoration1 {
        left: -100px;
        top: 12px;
        width: 200px;
    }

    .support-decoration2 {
        right: -100px;
        bottom: 318px;
        width: 200px;
    }
}

@media screen and (max-width:1250px){
    .support-decoration1 {
        left: -50px;
        top: 12px;
        width: 170px;
    }

    .support-decoration2 {
        right: -50px;
        bottom: 318px;
        width: 170px;
    }
}

@media screen and (max-width:1110px){
    .support-decoration1 {
        left: -30px;
        top: 12px;
        width: 120px;
    }

    .support-decoration2 {
        right: -30px;
        bottom: 318px;
        width: 120px;
    }
}

@media screen and (max-width:768px){
    .support {
        margin-top: -350px;
        padding: 90px 0 80px;
    }

    .support-decoration1 {
        display: none;
    }

    .support-decoration2 {
        display: none;
    }

    .support-title .section-title__en {
        height: 75px;
    }

    .support-title {
        margin-bottom: 45px;
    }

    .support-item {
        width: 100%;
    }

    .support-text h4 {
        font-size: 20px;
    }

    .support-item:first-of-type {
        margin: 0 auto;
    }

    .support-item:not(:first-of-type) {
        margin: 15px 0 0;
    }

    .support-text {
        padding: 40px 20px 28px;
    }

    .support-text h4 br {
        display: block;
    }
}

@media screen and (max-width:450px){
    .support {
        padding: 90px 0 60px;
    }
}

/*--------------------------course----------------------------*/
.course {
    padding: 130px 0 140px;
    position: relative;
}

.course-background {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}

.course-background__waveform {
    position: relative;
    width: 100%;
    aspect-ratio: 345/58;
}

.course-background__waveform img {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    height: auto;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
}

.course-inner {
    max-width: 980px;
    width: 90%;
    margin: 0 auto;
    z-index: 6;
    position: relative;
}

.course-title {
    margin-bottom: 50px;
}

.course-item:not(:first-of-type) {
    margin-top: 80px;
}

.course-item__title {
    font-weight: bold;
    font-size: 30px;
    padding-left: 26px;
    position: relative;
    margin-bottom: 18px;
}

.course-item__title::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    background-color: #5BB6EE;
    margin: auto;
}

.scrollhint {
    overflow-y: hidden!important;
    overflow-x: scroll;
}

.course-item__table img {
    width: auto;
	min-width: 665px;
}

.course-item__table_pc {
    display: block;
}

.course-item__table_sp {
    display: none;
}

/* Chrome / Edge / Safari / Opera */
.scrollhint::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.scrollhint::-webkit-scrollbar-thumb {
  background-color: #2999DD;
  border-radius: 10px;
}
.scrollhint::-webkit-scrollbar-track {
  background: #fff;
}

/* Firefox */
.scrollhint {
  scrollbar-width: thin;
  scrollbar-color: #2999DD #fff;
}


.corse-item__text {
    margin-bottom: 50px;
    font-weight: 500;
}

.course-tuition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 25px;
}

.course-tuition__item {
    width: 32.5%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(5, 51, 78, 0.12);
            box-shadow: 0 0 10px rgba(5, 51, 78, 0.12);
    padding: 40px;
    position: relative;
}

.course-tuition__item::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 85%;
    background-image: -o-linear-gradient(300deg, #5bb6ee, #57bfca);
    background-image: linear-gradient(150deg, #5bb6ee, #57bfca);
    height: 11px;
}

.course-tuition__item h5 {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 14px;
}

.course-tuition__amount {
    text-align: center;
    color: #2999DD;
    font-size: 50px;
    font-weight: bold;
}

.course-tuition__amount span {
    color: #193350;
    font-size: 17px;
}

.course-tuition__amount small {
    font-size: 12px;
}

.course-tuition__point_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 20px;
    margin-top: 35px;
    font-weight: bold;
}

.course-tuition_br_sp {
    display: none;
}

.course-tuition__item .course-tuition__point_title {
    margin-top: 15px;
    margin-bottom: 10px;
}

.course-point__title_icon {
    width: 26px;
    margin-right: 6px;
}

.course-point__title_icon img {
    display: block;
    width: 100%;
}

.course-tuition__attention {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    margin-top: -8px;
}

.course-tuition__text {
    font-size: 17.5px;
}

.course-attention {
    font-size: 12px;
    font-weight: 500;
}

.course-benefits {
    margin-bottom: 25px;
}

.course-benefits__item {
    position: relative;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 16px 24px;
}

.course-benefits__item:first-of-type {
    margin-bottom: 4px;
}

.course-benefits__gradation {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    display: block;
}

.course-benefits__icon {
    display: block;
}

.course-benefits__icon1 {
    width: 31px;
    margin-right: 23px;
    margin-left: 3px;
}

.course-benefits__icon2 {
    width: 38px;
    margin-right: 20px;
}

.course-benefits__item h5 {
    font-size: 20px;
    font-weight: bold;
}

.course-benefits__item h5 br {
    display: none;
}

.course-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 346px;
    width: 100%;
    margin: 0 auto;
    background-image: -o-linear-gradient(300deg, #5bb6ee, #57bfca);
    background-image: linear-gradient(150deg, #5bb6ee, #57bfca);
    color: #fff;
    font-weight: bold;
    position: relative;
    padding: 22px;
    margin-top: 80px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.course-btn:hover {
    opacity: 0.8;
}

.course-btn__balloon {
    position: absolute;
    top: -53px;
    left: 0;
    right: 0;
    margin: auto;
    max-inline-size: none;
    max-block-size: none;
    width: 90%;
    max-width: 188px;
}

.course-btn__arrow {
    position: absolute;
    right: 22px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 18px;
}

.course-btn__icon {
    display: block;
    width: 20px;
}

.course-btn__text {
    font-size: 18px;
    margin-left: 12px;
}

@media screen and (max-width:1200px){
    .course-tuition__item {
        padding: 40px 20px;
    }
}

@media screen and (max-width:890px){
    .course-tuition__amount {
        font-size: 40px;
    }

    .course-tuition__attention {
        font-size: 11px;
    }
}

@media screen and (max-width:768px){
    .course {
        padding: 70px 0 100px;
    }

    .course-title {
        margin-bottom: 40px;
    }

    .course-item__title {
        font-size: 20px;
        padding-left: 16px;
        margin-bottom: 12px;
    }

    .course-item__title::before {
        width: 10px;
        height: 10px;
    }

    .corse-item__text {
        margin-bottom: 20px;
    }

    .course-item:not(:first-of-type) {
        margin-top: 50px;
    }

    .course-tuition__item:not(:first-of-type) {
        margin-top: 15px;
    }

    .course-item__table img {
        margin-bottom: 20px;
    }

    .course-item__table_pc {
        display: none;
    }

    .course-item__table_sp {
        display: block;
    }

    .course-tuition {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .course-tuition__item {
        width: 100%;
        padding: 30px 20px 25px;
    }

    .course-tuition__text {
        text-align: center;
        font-size: 14px;
    }

    .course-tuition_br_sp {
        display:block;
    }

    .course-tuition__item h5 {
        margin-bottom: 8px;
    }

    .course-tuition__amount span {
        font-size: 14px;
    }

    .course-tuition__amount small {
        font-size: 10px;
    }

    .course-tuition__point_title {
        font-size: 18px;
    }

    .course-benefits__item h5 {
        font-size: 15px;
    }

    .course-benefits__item {
        padding: 15px 16px;
    }

    .course-benefits__icon1 {
        width: 23px;
        margin: 0 11px 0 1px;
    }

    .course-benefits__icon2 {
        width: 26px;
        margin-right: 10px;
    }

    .course-benefits {
        margin-bottom: 10px;
    }
}

@media screen and (max-width:450px){
    .course {
        padding: 50px 0 52px;
    }
}

@media screen and (max-width:390px){
    .course-benefits__item h5 {
        font-size: 14px;
    }
}

@media screen and (max-width:370px){
    .course-benefits__item h5 br {
        display: block;
    }
}

/*--------------------------event----------------------------*/
.event {
    position: relative;
    padding: 65px 0 232px;
}

.event-background {
    background-image: url("../images/event_background2.png");
    background-position: top center;
    background-size: cover;
    width: 95%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
}

.event-background__img {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.event-background__img img {
    display: block;
    width: 30%;
    height: auto;
    top: 0;
    right: 0;
    max-inline-size: none;
    max-block-size: none;
}

.event-background__waveform_bottom {
    position: absolute;
    width: 30%;
    bottom: 0;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
}

.event-background__waveform_bottom img {
    width: 100%;
}

.event-background__waveform {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.event-background__waveform img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}


.event-inner {
    z-index: 7;
    position: relative;
    max-width: 980px;
    margin: 0 auto;
    width: 90%;
}

.event-description {
    text-align: center;
    font-weight: 500;
    margin: 25px 0 40px;
}

.event-content {
    background-color: #ADEEF9;
    padding: 46px 40px 50px;
    position: relative;
}

.event-item__title {
    font-weight: bold;
    font-size: 25px;
    color: #2999DD;
    text-align: center;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}

.event-item__title1 {
    margin-bottom: 30px;
}

.event-item__title2 {
    margin-bottom: 14px;
    margin-top: 55px;
}

.event-balloon_pc {
    display: block;
}

.event-balloon_sp {
    display: none;
}

.event-item__description {
    text-align: center;
    font-weight: 500;
    margin-bottom: 22px;
}

.event-item__title img {
    position: absolute;
    max-inline-size: none;
    max-block-size: none;
    right: -68%;
    top: 0;
    bottom: 0;
    width: 197px;
    margin: auto;
    margin-top: -20px;
}

.event-item__date_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.event-item__date {
    background-color: #fff;
    margin: 1%;
    padding: 20px;
    width: 31%;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
}

.event-item__week {
    font-size: 16px;
}

.event-none {
    background-color: rgba(255, 255, 255, 0.4);
    text-align: center;
    padding: 28px;
}

.event-btn {
    display: block;
    background-image: -o-linear-gradient(300deg, #5bb6ee, #57bfca);
    background-image: linear-gradient(150deg, #5bb6ee, #57bfca);
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    max-width: 346px;
    width: 100%;
    position: relative;
    padding: 22px;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.event-btn:hover {
    opacity: 0.8;
}

.event-btn__arrow {
    position: absolute;
    right: 22px;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media screen and (max-width:1200px){
    .event-inner {
        padding-right: 4%;
    }
}

@media screen and (max-width:768px){
    .event {
        padding: 65px 0 322px;
    }

    .event-description {
        font-size: 14px;
        margin: 25px 0 55px;
    }

    .event-balloon_pc {
        display: none;
    }

    .event-content {
        padding: 34px 10px 40px;
    }

    .event-balloon_sp {
        display: block;
        position: absolute;
        top: -35px;
        left: 0;
        right: 0;
        margin: auto;
        width: 188px;
    }

    .event-item__title1 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .event-item__title2 {
        font-size: 20px;
        margin: 30px auto 10px;
    }

    .event-item__description {
        text-align: left;
        font-size: 14px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .event-item__date {
        font-size: 20px;
        padding: 8px 5px;
    }

    .event-item__week {
        font-size: 12px;
    }

    .event-none {
        font-size: 12px;
        padding: 12px;
    }

    .event-btn {
        margin-top: 40px;
    }

    .event-btn__arrow {
        right: 16px;
    }
}

@media screen and (max-width:500px){
    .event-background__img img {
        width: 40%;
    }

    .event-background__waveform_bottom {
        width: 40%;
    }
}

@media screen and (max-width:450px){
    .event {
        padding: 43px 0 322px;
    }
}

@media screen and (max-width:380px){
    .event-item__date {
        font-size: 18px;
    }

    .event-item__week {
        font-size: 11px;
    }

    .event-btn {
        font-size: 16px;
    }
}

@media screen and (max-width:350px){
    .event-item__date {
        font-size: 17px;
    }

    .event-item__week {
        font-size: 10px;
    }
}

/*--------------------------facility----------------------------*/
.facility {
    padding: 204px 0 170px;
    margin-top: -325px;
    background-image: -o-linear-gradient(300deg, #5bb6eee6, #57bfcae6);
    background-image: linear-gradient(150deg, #5bb6eee6, #57bfcae6);
    position: relative;
}

.facility-background {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}

.facility-background__waveform {
    position: relative;
    width: 100%;
    aspect-ratio: 345/58;
}

.facility-background__waveform img {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 33.33%;
    height: auto;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
}

.facility-inner {
    max-width: 980px;
    margin: 0 auto;
    width: 90%;
}

.facility-title .section-title__en {
    height: 110px;
    margin-bottom: -40px;
}

.facility-description {
    font-size: 20px;
    margin: 24px 0 50px;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.facility-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.facility-item {
    width: 32.7%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.facility-item.show {
  opacity: 1;
}

.facility-img {
    position: relative;
}

.facility-img::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: -o-linear-gradient(bottom, #ffffff 12%, transparent);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(12%, #ffffff), to(transparent));
    background-image: linear-gradient(0deg, #ffffff 12%, transparent);
    height: 40%;
}

.facility-img img {
    width: 100%;
}

.facility-img__pc {
    display: block;
}

.facility-img__sp {
    display: none;
}

.facility-text {
    background-color: #fff;
    color: #2999DD;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 14px 14px;
}

.facility-text p {
    font-size: 14px;
    margin-top: -6px;
}

@media screen and (max-width:768px){
    .facility {
        margin-top: -340px;
        padding: 80px 0 90px;
    }

    .facility-title .section-title__en {
        height: 73px;
    }

    .facility-description {
        font-size: 14px;
        margin: 15px 0 30px;
    }

    .facility-item {
        width: 100%;
    }

    .facility-item:not(:first-of-type) {
        margin-top: 15px;
    }

    .facility-img__pc {
        display: none;
    }

    .facility-img__sp {
        display: block;
    }
}

@media screen and (max-width:450px){
    .facility {
        padding: 80px 0 70px;
    }
}

/*--------------------------access----------------------------*/
.access {
    padding: 100px 0 140px;
    position: relative;
}

.access-decoration1 {
    position: absolute;
    left: -1%;
    top: 5%;
    width: 40%;
}

.access-decoration2 {
    position: absolute;
    top: 27%;
    right: -5%;
    width: 50%;
}

.access-background {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}

.access-background__waveform {
    position: relative;
    width: 100%;
    aspect-ratio: 345/58;
}

.access-background__waveform img {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    height: auto;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
}

.access-inner {
    margin: 0 auto;
    width: 90%;
    max-width: 980px;
    position: relative;
    z-index: 20;
}

.access-description {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin: 18px 0 40px;
}

.access-description span {
    font-size: 28px;
}

.access-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.access-slick__wrapper {
    display: none;
    margin: 0 0 0 auto;
    width: 95%;
}

.access .slick-list {
    padding-right: 12%!important;
}

.access-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: calc(33% - 35.333px);
    opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.access-item.show {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

@media screen and (max-width: 768px) {
  .access-item {
    opacity: 1 !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
}

.access-item1, .access-item2, .access-item3 {
    margin-bottom: 40px;
}

.access-item__img img {
    display: block;
    width: 100%;
}

.access-item__img {
    position: relative;
}

.access-item__blue .access-item__img::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: -o-linear-gradient(bottom, #5BB6EE 12%, transparent);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(12%, #5BB6EE), to(transparent));
    background-image: linear-gradient(0deg, #5BB6EE 12%, transparent);
    height: 20%;
}

.access-item__green .access-item__img::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: -o-linear-gradient(bottom, #57BFCA 12%, transparent);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(12%, #57BFCA), to(transparent));
    background-image: linear-gradient(0deg, #57BFCA 12%, transparent);
    height: 20%;
}

.access-text {
    padding: 0 12px 8px;
    color: #fff;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-weight: bold;
    font-size: 13.5px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1.3;
}

.access .slick-initialized .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.access-number {
    position: absolute;
    left: 12px;
    top: -50px;
    display: block;
    max-inline-size: none;
    max-block-size: none;
}

.access-number1 {
    width: 49px;
}

.access-number2 {
    width: 54px;
}

.access-number3 {
    width: 53px;
}

.access-number4 {
    width: 52px;
}

.access-number5 {
    width: 54px;
}

.access-number6 {
    width: 54px;
}

.access-item__blue {
    background-color: #5BB6EE;
}

.access-item__green {
    background-color: #57BFCA;
}

.access-arrow {
    width: 13px;
    margin: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.access .slick-arrow {
    background: url("../images/access_slide_arrow.svg") no-repeat 0 0 / 100% auto;
}

.access .slick-slider {
    padding: 0 0 1.5em;
}

.access .progress-container {
  background-color: #3BE8FF;
}

.access .progress-bar {
  background-color: #3BE8FF;
}

.access-map {
    margin: 80px 0 40px;
}

.access-map iframe {
    width: 100%;
    height: 500px;
}

.access-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.access-check {
    width: 63%;
}

.access-check__item {
    background-color: #fff;
    position: relative;
    padding: 16px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
    font-size: 20px;
    height: 63px;
}

.access-check__item:first-of-type {
    margin-bottom: 4px;
}

.access-check__icon {
    display: block;
    width: 24px;
    margin-right: 20px;
}

.access-check__text span {
    color: #2999DD;
}

.access-check__text strong {
    font-size: 30px;
}

.access-check__gradation {
    position: absolute;
    top: 0;
    right: 0;
    width: 23px;
    display: block;
}

.access-balloon__wrapper {
    width: 34%;
}

.access-balloon {
    display: block;
    width: 60%;
    margin-bottom: 16px;
}

.access-balloon__pc {
    display: block;
}

.access-balloon__sp {
    display: none;
}

.access-attention {
    font-size: 12px;
}

.access .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.access .slick-slide {
  height: auto !important;
  margin-right: 15px;
}

@media screen and (max-width:768px){
    .access {
        padding: 60px 0 90px;
    }

    .access-decoration1 {
        left: -51%;
        top: 9%;
        width: 120%;
    }

    .access-decoration2 {
        display: none;
    }

    .access-inner {
        width: 100%;
    }

    .access-top {
        display: none;
    }

    .access-slick__wrapper {
        display: block;
    }

    .access-map {
        margin: 120px auto 20px;
        width: 90%;
    }

    .access-map iframe {
        height: 180px;
    }

    .access-bottom {
        margin: 0 auto;
        width: 90%;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .access-check {
        width: 100%;
    }

    .access-balloon__wrapper {
        width: 100%;
        margin-top: 13px;
    }

    .access-check__icon {
        width: 20px;
        margin-right: 12px;
    }

    .access-check__item {
        font-size: 14px;
        padding: 8px 12px;
    }

    .access-check__text strong {
        font-size: 22px;
    }

    .access-balloon__pc {
        display: none;
    }

    .access-balloon__sp {
        display: block;
        width: 146px;
        margin: 0 auto 10px;
    }

    .access-item {
        height: 100%;
    }
}

@media screen and (max-width:450px){
    .access {
        padding: 46px 0 90px;
    }
}

/*--------------------------qa----------------------------*/
.qa {
    position: relative;
    padding-bottom: 232px;
}

.qa-background {
    background-image: -o-linear-gradient(301deg, #98f3ff40 9%, #3be8ff40 29%, #74caff40 52%, #54e4f440 79%, #f3ffd940);
    background-image: linear-gradient(149deg, #98f3ff40 9%, #3be8ff40 29%, #74caff40 52%, #54e4f440 79%, #f3ffd940);
    position: absolute;
    top: 0;
    right: 0;
    width: 95%;
    height: 100%;
}

.qa-background__waveform {
    position: relative;
    width: 100%;
    aspect-ratio: 345/58;
}

.qa-background__waveform img {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    height: auto;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
}

.qa-inner {
    position: relative;
    z-index: 10;
    max-width: 980px;
    margin: 0 auto;
    width: 90%;
    padding-top: 148px;
}

.qa-contents__title {
    margin-bottom: 8px;
}

.qa-contents__title1 {
    width: 425px;
}

.qa-contents__title2 {
    width: 400px;
    margin-top: 48px;
}

.qa-contents__title img {
    display: block;
    width: 100%;
}

.qa-content {
    margin-top: 55px;
}

.qa-question {
    background-image: url("../images/qa_plus.svg");
	background-repeat: no-repeat;
	background-position: center right 24px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 30px;
    border-top: 1px solid #193350;
    border-bottom: 1px solid #193350;
    font-size: 18px;
    font-weight: bold;
}

.qa-contents:not(:first-of-type) {
    margin-top: -1px;
}

.qa-question__q {
    display: block;
    width: 30px;
    margin-right: 28px;
}

.qa-question.active {
	background-image: url("../images/qa_minus.svg");
}

.qa-answer {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
    background-image: -o-linear-gradient(356deg, #b6f1fa, #b2edf9);
    background-image: linear-gradient(94deg, #b6f1fa, #b2edf9);
}

.qa-answer.active {
	opacity: 1;
}

.qa-answer__inner {
    padding: 36px 90px 48px 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}

.qa-answer__inner img {
    display: block;
    width: 19px;
    margin: 5px 18px 0 0;
}

@media screen and (max-width:1200px){
    .qa-inner {
        padding-left: 4%;
    }
}

@media screen and (max-width:768px){
    .qa {
        padding-bottom: 322px;
    }

    .qa-background {
        height: 80%;
    }

    .qa-inner {
        padding-top: 78px;
    }

    .qa-content {
        margin-top: 50px;
    }

    .qa-contents__title1 {
        width: 250px;
    }

    .qa-contents__title2 {
        width: 237px;
    }

    .qa-question {
        padding: 16px 50px 16px 8px;
        background-size: 20px;
        font-size: 14px;
    }

    .qa-question__q {
        margin-right: 10px;
        width: 20px;
    }

    .qa-answer__inner {
        padding: 20px 20px 30px;
    }

    .qa-answer__inner img {
        margin-right: 10px;
        width: 16px;
    }

    .qa-contents__title2 {
        margin-top: 40px;
    }
}