@charset "UTF-8";
@font-face {
  font-family: gothicFontR;
  src: url(../assets/fonts/a-otf-gothic-mb101-pr5-regular.otf); }

@font-face {
  font-family: gothicFontB;
  src: url(../assets/fonts/a-otf-gothic-mb101-pr5-double-bold.otf); }

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: gothicFontR; }

@font-face {
  src: url(../../fonts/LibreBodoni-VariableFont_wght.ttf);
  font-family: bodoni; }

.header {
  margin-bottom: 115px;
  padding-top: 48px;
  padding-left: 30px;
  overflow: hidden;
  height: 916px;
  background-color: #562577; }
  .header .header__content {
    display: flex;
    position: relative;
    justify-content: space-between; }
    .header .header__content .text__container .text {
      margin-bottom: 24px; }
      .header .header__content .text__container .text .little-tree {
        display: flex;
        align-items: center;
        margin-bottom: 43px; }
        .header .header__content .text__container .text .little-tree .image {
          width: 230px;
          height: 55px;
          margin-right: 34px; }
          .header .header__content .text__container .text .little-tree .image img {
            width: 100%;
            height: 100%; }
        .header .header__content .text__container .text .little-tree p {
          color: white;
          font-size: 22px;
          font-weight: 500;
          margin: 0;
          letter-spacing: -0.4px; }
      .header .header__content .text__container .text h1 {
        font-size: 46px;
        color: white;
        margin-bottom: 27px;
        margin-left: 0;
        letter-spacing: 4px;
        margin-left: 2px; }
      .header .header__content .text__container .text h2 {
        font-size: 82px;
        font-weight: 600;
        font-family: gothicFontB;
        color: white;
        margin-bottom: 37px;
        letter-spacing: 7px; }
        .header .header__content .text__container .text h2 span {
          display: block;
          margin-top: 16px;
          margin-left: -1px;
          letter-spacing: 6px; }
      .header .header__content .text__container .text .for-students {
        margin-left: 3px;
        margin-bottom: 42px; }
        .header .header__content .text__container .text .for-students .for {
          margin-right: 8px;
          width: 162px;
          height: 86px; }
        .header .header__content .text__container .text .for-students .students {
          width: 316px;
          height: 70px; }
    .header .header__content .text__container .award__container {
      display: flex;
      justify-content: space-between;
      width: 518px;
      margin-top: -4px;
      margin-left: -2px; }
      .header .header__content .text__container .award__container .image {
        width: 100%;
        height: 100%; }
        .header .header__content .text__container .award__container .image img {
          width: 226px;
          height: 282px; }
    .header .header__content .banner__image {
      position: relative;
      width: 50%; }
      .header .header__content .banner__image img {
        position: absolute;
        left: -425px;
        top: 35px;
        width: 1519px;
        height: 719px; }
      .header .header__content .banner__image .button {
        text-decoration: none;
        background: rgba(255, 255, 255, 0.3) url(../assets/png/yellow-btn.png) no-repeat;
        background-size: cover;
        position: absolute;
        width: 83.75%;
        right: 25px;
        bottom: 14px;
        padding: 24px 0;
        padding-left: 38px;
        padding-right: 36px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .header .header__content .banner__image .button div p {
          color: #562577;
          margin: 0; }
        .header .header__content .banner__image .button div p:nth-of-type(1) {
          font-size: 24px;
          font-weight: 600;
          letter-spacing: 2.6px; }
        .header .header__content .banner__image .button div p:nth-of-type(2) {
          font-size: 34px;
          font-weight: 600;
          letter-spacing: 3.25px; }
      .header .header__content .banner__image .button::after {
        content: "";
        background: url(../assets/png/arrow-right-purple.png) no-repeat;
        background-size: cover;
        width: 20px;
        height: 26px;
        display: inline-block; }
      .header .header__content .banner__image .button:hover {
        background-blend-mode: soft-light; }

.skill {
  margin-bottom: 84px; }
  .skill .skill__title {
    max-width: 1330px;
    margin: 0 auto;
    width: 100%;
    color: #562577;
    text-align: center;
    margin-bottom: 148px; }
    .skill .skill__title h2 {
      font-size: 41px;
      font-weight: 600;
      font-family: gothicFontB;
      letter-spacing: 4px; }
    .skill .skill__title h2::after {
      content: "";
      background: url(../assets/png/circle.png) no-repeat;
      background-size: cover;
      width: 12px;
      height: 12px;
      display: block;
      margin: 0 auto;
      margin-top: 20px; }
  .skill .independent {
    max-width: 1330px;
    margin: 0 auto;
    margin-right: 160px;
    margin-bottom: 226px;
    position: relative; }
    .skill .independent .title {
      background: #562577;
      color: white;
      width: 640px;
      height: 162px;
      position: absolute;
      top: -81px;
      left: 0;
      padding: 40px 0;
      padding-left: 59px;
      padding-bottom: 32px; }
      .skill .independent .title h3 {
        font-size: 24px;
        letter-spacing: 2px;
        margin-bottom: 10px; }
      .skill .independent .title h4 {
        font-size: 36px;
        letter-spacing: 1px; }
    .skill .independent .content__container {
      display: flex;
      justify-content: space-between; }
      .skill .independent .content__container .text {
        width: 476px;
        padding: 117px 57px;
        padding-right: 51px;
        padding-bottom: 10px; }
        .skill .independent .content__container .text p {
          font-size: 16px;
          font-weight: 600;
          line-height: 1.7; }
        .skill .independent .content__container .text p:nth-of-type(1) {
          margin-bottom: 28px; }
        .skill .independent .content__container .text p:nth-of-type(2) {
          margin-bottom: 29px;
          line-height: 1.75; }
      .skill .independent .content__container .image {
        width: 850px;
        height: 540px; }
        .skill .independent .content__container .image img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
  .skill .instructor {
    max-width: 1330px;
    margin: 0 auto;
    margin-right: 160px;
    margin-bottom: 0px;
    position: relative; }
    .skill .instructor .title {
      background: #562577;
      color: white;
      width: 640px;
      height: 162px;
      position: absolute;
      top: -81px;
      left: 0;
      padding: 36px 0;
      padding-left: 59px;
      padding-top: 39px; }
      .skill .instructor .title h3 {
        font-size: 24px;
        letter-spacing: 2px;
        margin-bottom: 12px; }
      .skill .instructor .title h4 {
        font-size: 36px;
        letter-spacing: 1px;
        margin-bottom: 0; }
    .skill .instructor .content__container {
      display: flex;
      justify-content: space-between; }
      .skill .instructor .content__container .text {
        width: 476px;
        padding: 117px 57px;
        padding-right: 51px;
        padding-bottom: 10px; }
        .skill .instructor .content__container .text p {
          font-size: 16px;
          font-weight: 600;
          line-height: 1.7; }
        .skill .instructor .content__container .text p:nth-of-type(1) {
          margin-bottom: 0px; }
        .skill .instructor .content__container .text p:nth-of-type(2) {
          margin-bottom: 30px;
          line-height: 1.75; }
        .skill .instructor .content__container .text p:nth-of-type(3) {
          margin-bottom: 28px;
          line-height: 1.75; }
      .skill .instructor .content__container .image {
        width: 850px;
        height: 540px; }
        .skill .instructor .content__container .image img {
          width: 100%;
          height: 100%;
          object-fit: cover; }

.active {
  background: #FAFAFA;
  padding-top: 71px;
  padding-bottom: 168px; }
  .active .active__content {
    max-width: 1000px;
    margin: 0 auto; }
    .active .active__content h2 {
      color: #562577;
      font-size: 42px;
      font-weight: 600;
      font-family: gothicFontB;
      text-align: center;
      line-height: 1.75;
      margin-bottom: 64px;
      letter-spacing: 4px; }
      .active .active__content h2 span {
        font-family: gothicFontB;
        font-weight: 600;
        display: block; }
    .active .active__content h2::after {
      content: "";
      background: url(../assets/png/circle.png) no-repeat;
      background-size: cover;
      width: 12px;
      height: 12px;
      display: block;
      margin: 0 auto;
      margin-top: 18px; }
    .active .active__content .scenes {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .active .active__content .scenes a {
        text-decoration: none;
        margin-bottom: 89px;
        transition: 0.2s; }
        .active .active__content .scenes a div {
          margin-bottom: 21px;
          overflow: hidden; }
          .active .active__content .scenes a div img {
            width: 317px;
            height: 208px;
            transition: transform .5s ease; }
        .active .active__content .scenes a h3 {
          text-align: center;
          font-size: 22px;
          font-weight: 600;
          color: #000000; }
      .active .active__content .scenes a:hover div img {
        transform: scale(1.2); }
      .active .active__content .scenes a:hover h3 {
        color: rgba(0, 0, 0, 0.8); }

.japan-life {
  background: #562577;
  height: 447px;
  margin-bottom: 289px; }
  .japan-life .japan-life__content {
    max-width: 1200px;
    margin: 0 auto;
    margin-right: 286px; }
    .japan-life .japan-life__content .content {
      padding-top: 67px;
      display: flex;
      justify-content: space-between;
      position: relative; }
      .japan-life .japan-life__content .content .text {
        width: 45%;
        margin-right: 20px; }
        .japan-life .japan-life__content .content .text h2 {
          color: #F2F309;
          font-size: 40px;
          font-weight: 600;
          margin-bottom: 31px;
          letter-spacing: 4px; }
          .japan-life .japan-life__content .content .text h2 span {
            display: block;
            letter-spacing: 6px;
            margin-top: 25px; }
        .japan-life .japan-life__content .content .text p {
          color: white;
          font-size: 24px;
          font-weight: 600;
          line-height: 1.7;
          letter-spacing: 2.5px; }
          .japan-life .japan-life__content .content .text p span {
            display: block; }
      .japan-life .japan-life__content .content .image {
        width: 654px;
        height: 437px;
        position: relative; }
        .japan-life .japan-life__content .content .image img {
          width: 654px;
          height: 437px;
          position: absolute;
          top: -132px; }
      .japan-life .japan-life__content .content .button {
        text-decoration: none;
        background: rgba(255, 255, 255, 0.3) url(../assets/png/yellow-btn.png) no-repeat;
        background-size: cover;
        position: absolute;
        bottom: 16px;
        left: 0;
        width: 774px;
        height: 136px;
        padding: 24px 0;
        padding-left: 38px;
        padding-right: 36px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .japan-life .japan-life__content .content .button div p {
          color: #562577;
          margin: 0; }
        .japan-life .japan-life__content .content .button div p:nth-of-type(1) {
          font-size: 24px;
          font-weight: 600;
          letter-spacing: 2.6px; }
        .japan-life .japan-life__content .content .button div p:nth-of-type(2) {
          font-size: 34px;
          font-weight: 600;
          letter-spacing: 3.25px; }
      .japan-life .japan-life__content .content .button::after {
        content: "";
        background: url(../assets/png/arrow-right-purple.png) no-repeat;
        background-size: cover;
        width: 20px;
        height: 26px;
        display: inline-block; }
      .japan-life .japan-life__content .content .button:hover {
        background-blend-mode: soft-light; }

.reason {
  margin-bottom: 101px; }
  .reason .reason__title {
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 66px; }
    .reason .reason__title h2 {
      font-size: 39px;
      font-weight: 600;
      font-family: gothicFontB;
      color: #562577;
      text-align: center;
      letter-spacing: 4px; }
    .reason .reason__title h2::after {
      content: "";
      background: url(../assets/png/circle.png) no-repeat;
      background-size: cover;
      width: 12px;
      height: 12px;
      display: block;
      margin: 0 auto;
      margin-top: 25px; }
  .reason .reason__item-b {
    background: #8498B3;
    color: #ffffff;
    height: 692px;
    position: relative; }
  .reason .reason__item-w {
    background: #ffffff;
    color: #393939;
    height: 692px;
    position: relative; }
  .reason .learn .number {
    position: absolute;
    top: 41px;
    left: 92px; }
    .reason .learn .number p {
      font-size: 28px;
      font-weight: 600;
      color: #ffff;
      margin: 0;
      display: inline;
      letter-spacing: 6px; }
    .reason .learn .number .line {
      transform: rotate(315deg);
      width: 108px;
      border: 1px solid #ffffff;
      position: absolute;
      right: -68px;
      bottom: -10px; }
    .reason .learn .number img {
      position: absolute;
      right: -120px;
      bottom: -138px;
      width: 78px;
      height: 96px; }
  .reason .learn .text__container {
    padding-left: 308px;
    padding-top: 123px;
    width: 83%; }
    .reason .learn .text__container h3 {
      font-size: 34px;
      font-weight: 600;
      letter-spacing: 3.25px;
      margin-bottom: 40px; }
      .reason .learn .text__container h3 span {
        display: block;
        margin-top: 18px; }
    .reason .learn .text__container p {
      font-size: 16px;
      font-weight: 600; }
    .reason .learn .text__container p:nth-of-type(1) {
      margin-bottom: 2px;
      line-height: 1.8; }
    .reason .learn .text__container p:nth-of-type(2) {
      margin-bottom: 6px;
      line-height: 1.6; }
    .reason .learn .text__container p:nth-of-type(3) {
      margin-bottom: 32px;
      line-height: 1.6; }
    .reason .learn .text__container div h4 {
      font-size: 24px;
      font-weight: 600;
      letter-spacing: 2.5px;
      margin-bottom: 16px; }
    .reason .learn .text__container div ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .reason .learn .text__container div ul li {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 4px;
        letter-spacing: 2px; }
      .reason .learn .text__container div ul li::before {
        content: "・"; }
  .reason .beginner .number {
    position: absolute;
    top: 41px;
    left: 101px; }
    .reason .beginner .number p {
      font-size: 28px;
      font-weight: 600;
      color: #393939;
      margin: 0;
      display: inline;
      letter-spacing: 6px; }
    .reason .beginner .number .line {
      transform: rotate(315deg);
      width: 108px;
      border: 1px solid #393939;
      position: absolute;
      right: -66px;
      bottom: -10px; }
    .reason .beginner .number img {
      position: absolute;
      right: -115px;
      bottom: -138px;
      width: 69px;
      height: 95px; }
  .reason .beginner .text__container {
    padding-left: 318px;
    padding-top: 114px; }
    .reason .beginner .text__container h3 {
      font-size: 34px;
      font-weight: 600;
      line-height: 1.75;
      margin-bottom: 30px;
      position: relative;
      letter-spacing: 3.5px; }
    .reason .beginner .text__container p {
      font-size: 16px;
      font-weight: 600;
      margin: 3px; }
    .reason .beginner .text__container p:nth-of-type(2) {
      line-height: 1.7;
      margin-bottom: 30px;
      width: 65%; }
    .reason .beginner .text__container p:nth-of-type(3) {
      line-height: 1.7;
      margin-bottom: 30px;
      width: 68%; }
  .reason .online .number {
    position: absolute;
    top: 40px;
    left: 91px; }
    .reason .online .number p {
      font-size: 28px;
      font-weight: 600;
      color: #393939;
      margin: 0;
      display: inline;
      letter-spacing: 6px; }
    .reason .online .number .line {
      transform: rotate(315deg);
      width: 108px;
      border: 1px solid #393939;
      position: absolute;
      right: -68px;
      bottom: -12px; }
    .reason .online .number img {
      position: absolute;
      right: -128px;
      bottom: -138px;
      width: 93px;
      height: 93px; }
  .reason .online .text__container {
    padding-left: 308px;
    padding-top: 113px; }
    .reason .online .text__container h3 {
      font-size: 34px;
      font-weight: 600;
      line-height: 1.78;
      margin-bottom: 30px;
      letter-spacing: 3.5px; }
    .reason .online .text__container p {
      font-size: 16px;
      font-weight: 600; }
    .reason .online .text__container p:nth-of-type(1) {
      width: 74%;
      line-height: 1.6;
      margin-bottom: 6px; }
    .reason .online .text__container p:nth-of-type(2) {
      margin-bottom: 30px; }
    .reason .online .text__container p:nth-of-type(3) {
      margin-bottom: 60px; }
    .reason .online .text__container div h4 {
      font-size: 24px;
      font-weight: 600;
      letter-spacing: 1px;
      margin-bottom: 14px; }
    .reason .online .text__container div p {
      font-size: 20px;
      font-weight: 600;
      letter-spacing: 2px; }
  .reason .advice .number {
    position: absolute;
    top: 48px;
    left: 100px; }
    .reason .advice .number p {
      font-size: 28px;
      font-weight: 600;
      color: #ffff;
      margin: 0;
      display: inline;
      letter-spacing: 6px; }
    .reason .advice .number .line {
      transform: rotate(315deg);
      width: 108px;
      border: 1px solid #ffffff;
      position: absolute;
      right: -68px;
      bottom: -10px; }
    .reason .advice .number img {
      position: absolute;
      right: -131px;
      bottom: -113px;
      width: 113px;
      height: 79px; }
  .reason .advice .text__container {
    padding-left: 318px;
    padding-top: 114px; }
    .reason .advice .text__container h3 {
      font-size: 34px;
      font-weight: 600;
      position: relative;
      line-height: 1.7;
      letter-spacing: 2.8px;
      margin-bottom: 32px; }
    .reason .advice .text__container p {
      font-size: 16px;
      font-weight: 600; }
    .reason .advice .text__container p:nth-of-type(1) {
      width: 68%;
      line-height: 1.7;
      margin-bottom: 3px; }
    .reason .advice .text__container p:nth-of-type(2) {
      width: 65%;
      line-height: 1.7;
      margin-bottom: 48px; }
    .reason .advice .text__container ul {
      list-style: none;
      padding-left: 22px; }
      .reason .advice .text__container ul li {
        display: flex;
        position: relative; }
        .reason .advice .text__container ul li p {
          font-size: 20px;
          font-weight: 600; }
          .reason .advice .text__container ul li p span {
            display: block; }
        .reason .advice .text__container ul li p:nth-of-type(1) {
          line-height: 1.55;
          letter-spacing: 1.5px;
          margin-bottom: 16px; }
      .reason .advice .text__container ul li:nth-of-type(1)::before {
        content: "・";
        position: absolute;
        top: 6px;
        left: -20px; }
      .reason .advice .text__container ul li:nth-of-type(2)::before {
        content: "・";
        position: absolute;
        top: 5px;
        left: -20px; }

.student-evaluation {
  padding-top: 52px;
  padding-bottom: 68px;
  background: #FAFAFA; }
  .student-evaluation .student-evaluation__content {
    max-width: 1200px;
    margin: 0 auto; }
    .student-evaluation .student-evaluation__content h2 {
      font-size: 42px;
      font-family: gothicFontB;
      font-weight: 600;
      text-align: center;
      color: #562577;
      line-height: 1.75;
      margin-bottom: 58px;
      letter-spacing: 4px; }
    .student-evaluation .student-evaluation__content h2::after {
      content: "";
      background: url(../assets/png/circle.png) no-repeat;
      background-size: cover;
      width: 12px;
      height: 12px;
      display: block;
      margin: 0 auto;
      margin-top: 21px; }
    .student-evaluation .student-evaluation__content .awards {
      max-width: 680px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .student-evaluation .student-evaluation__content .awards .image {
        width: 318px;
        height: 395px; }
        .student-evaluation .student-evaluation__content .awards .image img {
          width: 100%;
          height: 100%; }

.student-voice {
  padding-top: 142px;
  padding-bottom: 74px; }
  .student-voice .student-voice__title {
    margin-bottom: 62px; }
    .student-voice .student-voice__title h2 {
      text-align: center;
      font-size: 43px;
      font-family: gothicFontB;
      font-weight: 600;
      letter-spacing: 4px;
      color: #562577; }
    .student-voice .student-voice__title h2::after {
      content: "";
      background: url(../assets/png/circle.png) no-repeat;
      background-size: cover;
      width: 12px;
      height: 12px;
      display: block;
      margin: 0 auto;
      margin-top: 19px; }
  .student-voice .complete-beginner {
    max-width: 1330px;
    margin: 0 auto;
    margin-bottom: 132px;
    position: relative; }
    .student-voice .complete-beginner .image {
      position: relative;
      width: 850px;
      height: 540px;
      margin-bottom: 50px; }
      .student-voice .complete-beginner .image img {
        position: absolute;
        left: 10px;
        top: 0;
        width: 100%;
        height: 100%; }
    .student-voice .complete-beginner .title {
      position: absolute;
      right: -6px;
      top: 313px; }
      .student-voice .complete-beginner .title p {
        font-size: 34px;
        font-weight: 600;
        color: #ffffff;
        background: #562577;
        width: 734px;
        height: 90px;
        margin-bottom: 20px;
        padding: 18px 16px 16px 68px;
        letter-spacing: 3.5px; }
    .student-voice .complete-beginner .text__container {
      max-width: 760px;
      margin: 0 auto;
      margin-right: 400px; }
      .student-voice .complete-beginner .text__container p {
        font-size: 15px;
        font-weight: 600;
        color: #393939;
        letter-spacing: 1.2px; }
      .student-voice .complete-beginner .text__container p:nth-of-type(1) {
        line-height: 1.7;
        margin-bottom: 5px; }
      .student-voice .complete-beginner .text__container p:nth-of-type(2) {
        line-height: 1.75;
        margin-bottom: 3px; }
      .student-voice .complete-beginner .text__container p:nth-of-type(3) {
        line-height: 1.85;
        margin-bottom: 1px; }
      .student-voice .complete-beginner .text__container p:nth-of-type(4) {
        line-height: 1.85;
        margin-bottom: 2px; }
      .student-voice .complete-beginner .text__container p:nth-of-type(5) {
        line-height: 1.7;
        margin-bottom: 4px; }
      .student-voice .complete-beginner .text__container p:nth-of-type(6) {
        line-height: 1.8;
        margin-bottom: 2px; }
      .student-voice .complete-beginner .text__container p:nth-of-type(7) {
        line-height: 1.85;
        margin-bottom: 2px; }
      .student-voice .complete-beginner .text__container p:nth-of-type(8) {
        line-height: 1.8;
        margin-bottom: 2px; }
      .student-voice .complete-beginner .text__container p:nth-of-type(9) {
        line-height: 1.8;
        margin-bottom: 0px; }
  .student-voice .leverage {
    max-width: 1330px;
    margin: 0 auto;
    margin-bottom: 133px;
    position: relative; }
    .student-voice .leverage .image {
      position: relative;
      width: 850px;
      height: 540px;
      margin-bottom: 50px; }
      .student-voice .leverage .image img {
        position: absolute;
        left: 10px;
        top: 0;
        width: 100%;
        height: 100%; }
    .student-voice .leverage .title {
      position: absolute;
      right: -6px;
      top: 313px; }
      .student-voice .leverage .title p {
        font-size: 34px;
        font-weight: 600;
        color: #ffffff;
        background: #562577;
        width: 734px;
        height: 90px;
        margin-bottom: 20px;
        padding: 18px 16px 16px 68px;
        letter-spacing: 3.5px; }
    .student-voice .leverage .text__container {
      max-width: 760px;
      margin: 0 auto;
      margin-right: 400px; }
      .student-voice .leverage .text__container p {
        font-size: 15px;
        font-weight: 600;
        color: #393939;
        letter-spacing: 1.2px; }
      .student-voice .leverage .text__container p:nth-of-type(1) {
        line-height: 1.85;
        margin-bottom: 2px; }
      .student-voice .leverage .text__container p:nth-of-type(2) {
        line-height: 1.85;
        margin-bottom: 0; }
      .student-voice .leverage .text__container p:nth-of-type(3) {
        line-height: 1.85;
        margin-bottom: 2px; }
      .student-voice .leverage .text__container p:nth-of-type(4) {
        line-height: 1.85;
        margin-bottom: 2px; }
      .student-voice .leverage .text__container p:nth-of-type(5) {
        line-height: 1.85;
        margin-bottom: 4px; }

.start-trial {
  background: #FAFAFA;
  padding-top: 112px;
  padding-bottom: 203px; }
  .start-trial .start-trial__content {
    max-width: 1000px;
    margin: 0 auto; }
    .start-trial .start-trial__content h2 {
      font-size: 42px;
      font-weight: 600;
      font-family: gothicFontB;
      color: #562577;
      text-align: center;
      margin-bottom: 40px;
      letter-spacing: 4px; }
    .start-trial .start-trial__content h2::after {
      content: "";
      background: url(../assets/png/circle.png) no-repeat;
      background-size: cover;
      width: 12px;
      height: 12px;
      display: block;
      margin: 0 auto;
      margin-top: 22px; }
    .start-trial .start-trial__content p {
      font-size: 24px;
      font-weight: 600;
      color: #393939;
      text-align: center;
      letter-spacing: 1.5px; }
    .start-trial .start-trial__content p:nth-of-type(1) {
      margin-bottom: 48px; }
    .start-trial .start-trial__content p:nth-of-type(2) {
      margin-bottom: 6px; }
    .start-trial .start-trial__content p:nth-of-type(3) {
      margin-bottom: 134px;
      line-height: 1.7; }
    .start-trial .start-trial__content .flow h3 {
      font-size: 34px;
      font-family: gothicFontB;
      font-weight: 600;
      color: #562577;
      text-align: center;
      margin-bottom: 39px;
      letter-spacing: 3px; }
    .start-trial .start-trial__content .flow .flow__list {
      display: flex;
      align-items: center;
      justify-content: center; }
      .start-trial .start-trial__content .flow .flow__list .flow__item {
        height: 527px;
        width: 326px;
        padding-top: 58px; }
      .start-trial .start-trial__content .flow .flow__list .easy-reservation {
        background: #562577;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .start-trial .start-trial__content .flow .flow__list .easy-reservation p {
          color: #ffffff; }
        .start-trial .start-trial__content .flow .flow__list .easy-reservation p:nth-of-type(1) {
          font-size: 22px;
          margin-bottom: 23px;
          letter-spacing: 4px; }
        .start-trial .start-trial__content .flow .flow__list .easy-reservation p:nth-of-type(2) {
          line-height: 1.7;
          margin-bottom: 24px; }
        .start-trial .start-trial__content .flow .flow__list .easy-reservation .image {
          width: 87px;
          height: 88px;
          margin-bottom: 43px; }
          .start-trial .start-trial__content .flow .flow__list .easy-reservation .image img {
            width: 100%;
            height: 100%; }
        .start-trial .start-trial__content .flow .flow__list .easy-reservation p:nth-of-type(3) {
          font-size: 16px; }
      .start-trial .start-trial__content .flow .flow__list .contact-details {
        background: #ffffff;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 353px; }
        .start-trial .start-trial__content .flow .flow__list .contact-details p {
          color: #562577; }
        .start-trial .start-trial__content .flow .flow__list .contact-details p:nth-of-type(1) {
          font-size: 22px;
          margin-bottom: 24px;
          letter-spacing: 4px; }
        .start-trial .start-trial__content .flow .flow__list .contact-details p:nth-of-type(2) {
          margin-bottom: 74px; }
        .start-trial .start-trial__content .flow .flow__list .contact-details .image {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 180px;
          margin-bottom: 40px; }
          .start-trial .start-trial__content .flow .flow__list .contact-details .image img:nth-of-type(1) {
            width: 102px;
            height: 84px;
            margin-right: 3px; }
          .start-trial .start-trial__content .flow .flow__list .contact-details .image img:nth-of-type(2) {
            width: 69px;
            height: 56px; }
        .start-trial .start-trial__content .flow .flow__list .contact-details p:nth-of-type(3) {
          font-size: 14px;
          margin-bottom: 4px;
          line-height: 1.9; }
        .start-trial .start-trial__content .flow .flow__list .contact-details p:nth-of-type(4) {
          font-size: 14px;
          line-height: 1.9; }
      .start-trial .start-trial__content .flow .flow__list .trial-lesson {
        background: #562577;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .start-trial .start-trial__content .flow .flow__list .trial-lesson p {
          line-height: 1.6;
          color: #ffffff; }
        .start-trial .start-trial__content .flow .flow__list .trial-lesson p:nth-of-type(1) {
          font-size: 22px;
          margin-bottom: 20px;
          letter-spacing: 4px; }
        .start-trial .start-trial__content .flow .flow__list .trial-lesson p:nth-of-type(2) {
          line-height: 1.8;
          margin-bottom: 18px; }
        .start-trial .start-trial__content .flow .flow__list .trial-lesson .image {
          width: 87px;
          height: 100px;
          padding-left: 9px;
          margin-bottom: 34px; }
          .start-trial .start-trial__content .flow .flow__list .trial-lesson .image img {
            width: 100%;
            height: 100%; }
        .start-trial .start-trial__content .flow .flow__list .trial-lesson p:nth-of-type(3) {
          font-size: 14px;
          margin-bottom: 4px;
          line-height: 1.7;
          margin-bottom: 4px; }
        .start-trial .start-trial__content .flow .flow__list .trial-lesson p:nth-of-type(4) {
          font-size: 14px;
          line-height: 1.9; }

.native-teacher {
  background: #562577;
  height: 447px;
  margin-bottom: 246px; }
  .native-teacher .native-teacher__content {
    max-width: 1200px;
    margin: 0 auto;
    margin-right: 286px; }
    .native-teacher .native-teacher__content .content {
      padding-top: 57px;
      display: flex;
      justify-content: space-between;
      position: relative; }
      .native-teacher .native-teacher__content .content .text {
        width: 45%;
        margin-right: 20px; }
        .native-teacher .native-teacher__content .content .text h2 {
          color: #F2F309;
          font-size: 40px;
          font-weight: 600;
          line-height: 1.75;
          margin-bottom: 22px;
          letter-spacing: 4px; }
          .native-teacher .native-teacher__content .content .text h2 span {
            display: block;
            letter-spacing: 4px; }
        .native-teacher .native-teacher__content .content .text p {
          color: white;
          font-size: 24px;
          font-weight: 600;
          line-height: 1.7;
          letter-spacing: 2.8px; }
          .native-teacher .native-teacher__content .content .text p span {
            display: block; }
      .native-teacher .native-teacher__content .content .image {
        width: 654px;
        height: 437px;
        position: relative; }
        .native-teacher .native-teacher__content .content .image img {
          width: 654px;
          height: 437px;
          position: absolute;
          top: -123px; }
      .native-teacher .native-teacher__content .content .button {
        text-decoration: none;
        background: rgba(255, 255, 255, 0.3) url(../assets/png/yellow-btn.png) no-repeat;
        background-size: cover;
        position: absolute;
        bottom: 6px;
        left: 0;
        width: 774px;
        height: 136px;
        padding: 24px 0;
        padding-left: 38px;
        padding-right: 36px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .native-teacher .native-teacher__content .content .button div p {
          color: #562577;
          margin: 0; }
        .native-teacher .native-teacher__content .content .button div p:nth-of-type(1) {
          font-size: 24px;
          font-weight: 600;
          letter-spacing: 2.6px; }
        .native-teacher .native-teacher__content .content .button div p:nth-of-type(2) {
          font-size: 34px;
          font-weight: 600;
          letter-spacing: 3.25px; }
      .native-teacher .native-teacher__content .content .button::after {
        content: "";
        background: url(../assets/png/arrow-right-purple.png) no-repeat;
        background-size: cover;
        width: 20px;
        height: 26px;
        display: inline-block; }
      .native-teacher .native-teacher__content .content .button:hover {
        background-blend-mode: soft-light; }

.asked-question {
  margin-bottom: 235px; }
  .asked-question .asked-question__content {
    max-width: 1000px;
    margin: 0 auto; }
    .asked-question .asked-question__content h2 {
      font-size: 42px;
      font-family: gothicFontB;
      letter-spacing: 4px;
      font-weight: 600;
      color: #562577;
      text-align: center;
      margin-bottom: 11px; }
    .asked-question .asked-question__content h2::after {
      content: "";
      background: url(../assets/png/circle.png) no-repeat;
      background-size: cover;
      width: 12px;
      height: 12px;
      display: block;
      margin: 0 auto;
      margin-top: 22px; }
    .asked-question .asked-question__content .qa__container {
      border-bottom: 2px solid #8498B3;
      list-style: none;
      padding: 0;
      margin-bottom: 0; }
      .asked-question .asked-question__content .qa__container .question {
        display: inline-flex;
        align-items: center; }
        .asked-question .asked-question__content .qa__container .question p {
          color: #562577;
          font-size: 24px;
          font-weight: 600;
          margin: 0;
          letter-spacing: 2.5px; }
      .asked-question .asked-question__content .qa__container .question::before {
        content: "Q.";
        display: inline;
        color: #562577;
        font-size: 24px;
        font-weight: 600;
        display: inline;
        align-self: flex-start;
        margin-right: 32px; }
      .asked-question .asked-question__content .qa__container .answer {
        display: inline-flex;
        align-items: center; }
        .asked-question .asked-question__content .qa__container .answer p {
          color: #393939;
          font-size: 24px;
          font-weight: 600;
          margin: 0;
          letter-spacing: 2.25px; }
        .asked-question .asked-question__content .qa__container .answer .desc__container .desc {
          font-size: 16px;
          font-weight: 600;
          margin: 0;
          letter-spacing: 1px; }
      .asked-question .asked-question__content .qa__container .answer::before {
        content: "A.";
        color: #393939;
        font-size: 24px;
        font-weight: 600;
        display: inline;
        align-self: flex-start;
        margin-right: 36px;
        margin-top: -4px; }
    .asked-question .asked-question__content .qa__container:nth-of-type(1) {
      height: 321px;
      padding-top: 72px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(1) .question {
        margin-bottom: 33px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(1) .answer div p {
        margin-bottom: 16px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(1) .answer div .desc__container .desc {
        line-height: 1.7; }
    .asked-question .asked-question__content .qa__container:nth-of-type(2) {
      height: 320px;
      padding-top: 72px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(2) .question {
        margin-bottom: 34px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(2) .answer p {
        margin-bottom: 17px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(2) .answer .desc__container .desc {
        line-height: 1.7; }
    .asked-question .asked-question__content .qa__container:nth-of-type(3) {
      height: 325px;
      padding-top: 76px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(3) .question {
        margin-bottom: 35px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(3) .answer p {
        margin-bottom: 16px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(3) .answer .desc__container .desc {
        margin-bottom: 4px; }
    .asked-question .asked-question__content .qa__container:nth-of-type(4) {
      height: 328px;
      padding-top: 80px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(4) .question {
        margin-bottom: 34px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(4) .answer p {
        margin-bottom: 17px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(4) .answer .desc__container .desc {
        margin-bottom: 3px; }

.learning-advice {
  background: #562577;
  height: 447px; }
  .learning-advice .learning-advice__content {
    max-width: 1200px;
    margin: 0 auto;
    margin-right: 286px; }
    .learning-advice .learning-advice__content .content {
      padding-top: 58px;
      display: flex;
      justify-content: space-between;
      position: relative; }
      .learning-advice .learning-advice__content .content .text {
        width: 45%;
        margin-right: 20px; }
        .learning-advice .learning-advice__content .content .text h2 {
          color: #F2F309;
          font-size: 40px;
          font-weight: 600;
          line-height: 1.75;
          margin-bottom: 22px;
          letter-spacing: 6px; }
          .learning-advice .learning-advice__content .content .text h2 span {
            display: block;
            letter-spacing: 6px; }
        .learning-advice .learning-advice__content .content .text p {
          color: white;
          font-size: 24px;
          font-weight: 600;
          line-height: 1.7;
          letter-spacing: 2.8px; }
          .learning-advice .learning-advice__content .content .text p span {
            display: block; }
      .learning-advice .learning-advice__content .content .image {
        width: 654px;
        height: 437px;
        position: relative; }
        .learning-advice .learning-advice__content .content .image img {
          width: 654px;
          height: 437px;
          position: absolute;
          top: -123px; }
      .learning-advice .learning-advice__content .content .button {
        text-decoration: none;
        background: rgba(255, 255, 255, 0.3) url(../assets/png/yellow-btn.png) no-repeat;
        background-size: cover;
        position: absolute;
        bottom: 7px;
        left: 0;
        width: 774px;
        height: 136px;
        padding: 24px 0;
        padding-left: 38px;
        padding-right: 36px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .learning-advice .learning-advice__content .content .button div p {
          color: #562577;
          margin: 0; }
        .learning-advice .learning-advice__content .content .button div p:nth-of-type(1) {
          font-size: 24px;
          font-weight: 600;
          letter-spacing: 2.6px; }
        .learning-advice .learning-advice__content .content .button div p:nth-of-type(2) {
          font-size: 34px;
          font-weight: 600;
          letter-spacing: 3.25px; }
      .learning-advice .learning-advice__content .content .button::after {
        content: "";
        background: url(../assets/png/arrow-right-purple.png) no-repeat;
        background-size: cover;
        width: 20px;
        height: 26px;
        display: inline-block; }
      .learning-advice .learning-advice__content .content .button:hover {
        background-blend-mode: soft-light; }

.trial-application {
  background: #FAFAFA;
  padding-top: 220px;
  padding-bottom: 96px; }
  .trial-application .trial-application__title {
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 118px; }
    .trial-application .trial-application__title h2 {
      font-size: 42px;
      font-family: gothicFontB;
      font-weight: 600;
      color: #562577;
      text-align: center;
      margin-bottom: 52px;
      letter-spacing: 4px; }
    .trial-application .trial-application__title h2::after {
      content: "";
      background: url(../assets/png/circle-o.png) no-repeat;
      background-size: cover;
      width: 12px;
      height: 12px;
      display: block;
      margin: 0 auto;
      margin-top: 23px; }
    .trial-application .trial-application__title .desc {
      text-align: center; }
      .trial-application .trial-application__title .desc p:not(.direct-call) {
        font-size: 16px;
        font-weight: 600;
        color: #562577;
        margin-bottom: 12px; }
      .trial-application .trial-application__title .desc p:nth-of-type(3) {
        margin-bottom: 48px; }
      .trial-application .trial-application__title .desc .direct-call {
        font-size: 16px;
        font-weight: 600;
        color: #393939; }
  .trial-application .form__container {
    max-width: 1000px;
    margin: 0 auto;
    /* Track */
    /* Handle */
    /* Handle on hover */
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .trial-application .form__container form {
      max-width: 985px;
      margin: 0 auto;
      margin-bottom: 50px; }
      .trial-application .form__container form .form__item input[type=text],
      .trial-application .form__container form .form__item input[type=email] {
        border: none;
        border-radius: 0;
        width: 52.5%;
        font-size: 16px;
        letter-spacing: 1px; }
      .trial-application .form__container form .form__item input[type=text],
      .trial-application .form__container form .form__item input[type=email]:focus {
        outline: none; }
      .trial-application .form__container form .form__item #name,
      .trial-application .form__container form .form__item #number,
      .trial-application .form__container form .form__item #mail,
      .trial-application .form__container form .form__item #inquiry {
        padding: 12px 21px;
        padding-top: 8px; }
      .trial-application .form__container form .form__item > label {
        font-size: 18px;
        font-weight: 600;
        width: 24%; }
      .trial-application .form__container form .form__item:not(.inquiry__container) input[type=text],
      .trial-application .form__container form .form__item:not(.inquiry__container) input[type=email] {
        height: 77px; }
      .trial-application .form__container form .form__item:not(.number__container) label::before {
        content: "※";
        color: #562577;
        margin-right: 8px; }
      .trial-application .form__container form .kinds__container {
        margin-bottom: 56px; }
        .trial-application .form__container form .kinds__container .kinds {
          display: inline-flex;
          justify-content: space-between;
          width: 350px; }
          .trial-application .form__container form .kinds__container .kinds input[type=radio] ~ label {
            padding-left: 16px; }
          .trial-application .form__container form .kinds__container .kinds .kinds__item {
            display: inline; }
            .trial-application .form__container form .kinds__container .kinds .kinds__item label {
              font-size: 16px;
              font-weight: 600; }
            .trial-application .form__container form .kinds__container .kinds .kinds__item label::before {
              content: none; }
      .trial-application .form__container form .inquiry__container label {
        vertical-align: top;
        padding-top: 24px; }
      .trial-application .form__container form .inquiry__container textarea {
        height: 316px;
        width: 52%;
        border: none; }
      .trial-application .form__container form .inquiry__container textarea:focus {
        outline: none; }
      .trial-application .form__container form .name__container,
      .trial-application .form__container form .number__container,
      .trial-application .form__container form .mail__container {
        margin-bottom: 48px; }
    .trial-application .form__container .privacy-policy {
      background: #ffffff;
      height: 174px;
      margin-bottom: 30px;
      position: relative;
      padding-top: 34px;
      padding-left: 58px;
      overflow: scroll;
      overflow-x: hidden; }
      .trial-application .form__container .privacy-policy div {
        max-width: 870px; }
        .trial-application .form__container .privacy-policy div h3,
        .trial-application .form__container .privacy-policy div p {
          font-size: 16px;
          font-weight: 600; }
        .trial-application .form__container .privacy-policy div h3 {
          margin-bottom: 32px; }
        .trial-application .form__container .privacy-policy div p {
          margin-bottom: 0;
          line-height: 1.75; }
    .trial-application .form__container .privacy-policy::-webkit-scrollbar {
      width: 4px; }
    .trial-application .form__container .privacy-policy::-webkit-scrollbar-track {
      background: #C3CCDB; }
    .trial-application .form__container .privacy-policy::-webkit-scrollbar-thumb {
      background: #532476; }
    .trial-application .form__container .privacy-policy::-webkit-scrollbar-thumb:hover {
      background: rgba(83, 36, 118, 0.6); }
    .trial-application .form__container .terms {
      background: #ffffff;
      height: 174px;
      position: relative;
      padding-top: 34px;
      padding-left: 58px;
      margin-bottom: 48px;
      overflow: scroll;
      overflow-x: hidden; }
      .trial-application .form__container .terms div {
        max-width: 870px; }
        .trial-application .form__container .terms div h3,
        .trial-application .form__container .terms div p {
          font-size: 16px;
          font-weight: 600; }
        .trial-application .form__container .terms div h3 {
          margin-bottom: 34px; }
        .trial-application .form__container .terms div p {
          margin-bottom: 0;
          line-height: 1.75; }
    .trial-application .form__container .terms::-webkit-scrollbar {
      width: 4px; }
    .trial-application .form__container .terms::-webkit-scrollbar-track {
      background: #C3CCDB; }
    .trial-application .form__container .terms::-webkit-scrollbar-thumb {
      background: #532476; }
    .trial-application .form__container .terms::-webkit-scrollbar-thumb:hover {
      background: rgba(83, 36, 118, 0.6); }
    .trial-application .form__container .agree {
      margin: 0 auto;
      width: 337px; }
      .trial-application .form__container .agree .form-check {
        background: #532476;
        height: 67px;
        padding: 22px;
        padding-top: 21px;
        padding-left: 34px;
        display: flex;
        justify-content: center;
        margin-bottom: 78px; }
        .trial-application .form__container .agree .form-check .form-check-input {
          margin-right: 10px;
          background-color: transparent;
          border: 2px solid #ffffff; }
        .trial-application .form__container .agree .form-check .form-check-label {
          color: white;
          font-weight: 600; }
    .trial-application .form__container .form__button {
      margin: 0 auto;
      width: 337px;
      transition: 0.6s; }
      .trial-application .form__container .form__button a {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 2px;
        display: inline-block;
        width: 337px;
        height: 95px;
        border: 2px solid black;
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center;
        color: black;
        font-weight: 600; }
    .trial-application .form__container .form__button:hover {
      background: rgba(0, 0, 0, 0.6); }
      .trial-application .form__container .form__button:hover a {
        border: 2px solid rgba(0, 0, 0, 0.6);
        color: #ffffff; }

.footer .footer__content {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 114px;
  margin-bottom: 43px; }
  .footer .footer__content .footer__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 38px; }
    .footer .footer__content .footer__header img {
      margin-bottom: 30px;
      width: 231px;
      height: 55px; }
    .footer .footer__content .footer__header p {
      color: #393939;
      font-size: 22px;
      font-weight: 600; }
  .footer .footer__content .footer__icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 345px;
    margin-bottom: 66px; }
    .footer .footer__content .footer__icon a {
      width: 77px;
      height: 77px; }
      .footer .footer__content .footer__icon a img {
        width: 100%;
        height: 100%; }
    .footer .footer__content .footer__icon a:hover img {
      opacity: 0.6; }
  .footer .footer__content .footer__contact {
    text-align: center; }
    .footer .footer__content .footer__contact .address {
      margin-bottom: 2px; }
      .footer .footer__content .footer__contact .address p {
        font-size: 16px;
        font-weight: 600;
        color: #393939;
        letter-spacing: 0.2px;
        margin-bottom: 0px;
        line-height: 1.8; }
    .footer .footer__content .footer__contact .telephone p {
      font-size: 18px;
      font-weight: 600;
      color: #393939;
      margin-bottom: 0; }

.footer .copyright {
  background: #8498B3;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px;
  padding-top: 24px;
  height: 80px; }
  .footer .copyright p {
    font-size: 14px;
    letter-spacing: 1.5px;
    font-weight: 600;
    color: #ffffff;
    margin: 0; }

@media (max-width: 399px) {
  .header {
    margin-bottom: 48px;
    padding-top: 32px;
    padding-left: 0;
    padding-bottom: 32px;
    height: 100%;
    overflow: hidden; }
    .header .header__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative; }
      .header .header__content .text__container {
        position: relative;
        z-index: 1; }
        .header .header__content .text__container .text {
          margin-bottom: 10px; }
          .header .header__content .text__container .text .little-tree {
            display: flex;
            flex-direction: column;
            margin-bottom: 18px; }
            .header .header__content .text__container .text .little-tree .image {
              width: 167px;
              height: 46px;
              object-fit: contain;
              margin-bottom: 18px; }
              .header .header__content .text__container .text .little-tree .image img {
                width: 100%;
                height: 100%; }
            .header .header__content .text__container .text .little-tree p {
              text-align: center;
              font-size: 16px;
              margin: 0; }
          .header .header__content .text__container .text h1 {
            font-size: 30px;
            text-align: center;
            margin-bottom: 28px; }
          .header .header__content .text__container .text h2 {
            font-size: 40px;
            text-align: center;
            margin-bottom: 24px; }
            .header .header__content .text__container .text h2 span {
              display: block;
              margin-top: 10px; }
          .header .header__content .text__container .text .for-students {
            display: flex;
            flex-direction: column;
            align-items: center; }
            .header .header__content .text__container .text .for-students .for {
              width: 87px;
              height: auto;
              margin-bottom: 16px;
              margin-right: 0; }
            .header .header__content .text__container .text .for-students .students {
              width: 238px;
              height: auto; }
        .header .header__content .text__container .award__container {
          width: 260px;
          margin: 0 auto; }
          .header .header__content .text__container .award__container .image {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%; }
            .header .header__content .text__container .award__container .image img {
              width: 119px;
              height: 142px; }
      .header .header__content .banner__image {
        position: relative;
        width: 100%; }
        .header .header__content .banner__image img {
          filter: brightness(0.6);
          position: absolute;
          left: -90%;
          top: -764px;
          width: 1559px;
          height: 902px;
          object-fit: cover; }
        .header .header__content .banner__image .button {
          position: relative;
          width: 100%;
          right: 0;
          bottom: -20px;
          padding: 12px; }
          .header .header__content .banner__image .button div p:nth-of-type(1) {
            font-size: 14px;
            letter-spacing: unset; }
          .header .header__content .banner__image .button div p:nth-of-type(2) {
            font-size: 14px;
            letter-spacing: unset; }
        .header .header__content .banner__image .button::after {
          width: 14px;
          height: 19px; }
  .skill {
    margin-bottom: 48px; }
    .skill .skill__title {
      width: 100%;
      margin-bottom: 48px; }
      .skill .skill__title h2 {
        font-size: 28px;
        letter-spacing: unset; }
      .skill .skill__title h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 21px; }
    .skill .independent {
      width: 100%;
      display: flex;
      flex-direction: column;
      margin-bottom: 48px; }
      .skill .independent .title {
        width: 100%;
        height: 100%;
        position: static;
        padding: 12px;
        text-align: center; }
        .skill .independent .title h3 {
          font-size: 14px;
          letter-spacing: unset;
          margin-bottom: 6px; }
        .skill .independent .title h4 {
          font-size: 18px;
          margin: 0; }
      .skill .independent .content__container {
        flex-direction: column-reverse; }
        .skill .independent .content__container .text {
          width: 100%;
          padding: 12px; }
          .skill .independent .content__container .text p {
            font-size: 14px;
            line-height: unset; }
        .skill .independent .content__container .image {
          width: 100%;
          height: auto; }
          .skill .independent .content__container .image img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
    .skill .instructor {
      width: 100%;
      display: flex;
      flex-direction: column; }
      .skill .instructor .title {
        width: 100%;
        height: 100%;
        position: static;
        padding: 12px;
        text-align: center; }
        .skill .instructor .title h3 {
          font-size: 14px;
          letter-spacing: unset;
          margin-bottom: 6px; }
        .skill .instructor .title h4 {
          font-size: 18px;
          margin: 0; }
      .skill .instructor .content__container {
        flex-direction: column-reverse; }
        .skill .instructor .content__container .text {
          width: 100%;
          padding: 12px; }
          .skill .instructor .content__container .text p {
            font-size: 14px;
            line-height: unset; }
        .skill .instructor .content__container .image {
          width: 100%;
          height: auto; }
          .skill .instructor .content__container .image img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
  .active {
    padding-top: 48px;
    padding-bottom: 0; }
    .active .active__content h2 {
      font-size: 28px;
      line-height: unset;
      margin-bottom: 62px; }
      .active .active__content h2 span {
        display: block; }
    .active .active__content h2::after {
      content: "";
      background: url(../assets/png/circle.png) no-repeat;
      background-size: cover;
      width: 12px;
      height: 12px;
      display: block;
      margin: 0 auto;
      margin-top: 19px; }
    .active .active__content .scenes a {
      width: 100%;
      margin-bottom: 48px; }
      .active .active__content .scenes a div {
        margin-bottom: 16px; }
        .active .active__content .scenes a div img {
          width: 100%;
          height: 260px;
          object-fit: cover; }
      .active .active__content .scenes a h3 {
        font-size: 18px; }
  .japan-life {
    height: 100%;
    width: 100%;
    margin-bottom: 72px;
    padding: 12px 0; }
    .japan-life .japan-life__content {
      margin: 0 auto; }
      .japan-life .japan-life__content .content {
        display: flex;
        flex-direction: column;
        padding: 0;
        padding-bottom: 36px; }
        .japan-life .japan-life__content .content .text {
          width: 100%;
          margin-right: 0;
          text-align: center; }
          .japan-life .japan-life__content .content .text h2 {
            font-size: 28px;
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px; }
            .japan-life .japan-life__content .content .text h2 span {
              display: block;
              letter-spacing: unset;
              margin-top: 0; }
          .japan-life .japan-life__content .content .text p {
            font-size: 18px;
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px; }
            .japan-life .japan-life__content .content .text p span {
              display: block; }
        .japan-life .japan-life__content .content .image {
          width: 100%;
          height: auto; }
          .japan-life .japan-life__content .content .image img {
            width: 100%;
            height: 100%;
            position: static; }
        .japan-life .japan-life__content .content .button {
          text-decoration: none;
          background: url(../assets/png/yellow-btn.png) no-repeat;
          background-size: cover;
          position: absolute;
          bottom: -38px;
          left: 0;
          width: 100%;
          height: auto;
          padding: 8px; }
          .japan-life .japan-life__content .content .button div {
            margin-right: 16px; }
            .japan-life .japan-life__content .content .button div p:nth-of-type(1) {
              font-size: 14px;
              letter-spacing: unset; }
            .japan-life .japan-life__content .content .button div p:nth-of-type(2) {
              font-size: 14px;
              letter-spacing: unset; }
        .japan-life .japan-life__content .content .button::after {
          width: 15px;
          height: 19px; }
  .reason {
    margin-bottom: 0; }
    .reason .reason__title {
      max-width: 1200px;
      margin: 0 auto;
      margin-bottom: 42px; }
      .reason .reason__title h2 {
        font-size: 28px; }
      .reason .reason__title h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 22px; }
    .reason .reason__item-b {
      height: 100%;
      width: 100%; }
    .reason .reason__item-w {
      height: 100%;
      width: 100%; }
    .reason .learn {
      display: flex;
      justify-content: flex-end;
      padding: 48px 12px; }
      .reason .learn .number {
        top: 18px;
        left: 12px; }
        .reason .learn .number p {
          font-size: 22px;
          letter-spacing: unset; }
        .reason .learn .number .line {
          width: 55px;
          right: -26px;
          bottom: 4px; }
        .reason .learn .number img {
          right: -31px;
          bottom: -33px;
          width: 28px;
          height: 34px; }
      .reason .learn .text__container {
        padding: 0;
        width: 70%; }
        .reason .learn .text__container h3 {
          font-size: 18px;
          letter-spacing: unset;
          margin-bottom: 40px; }
          .reason .learn .text__container h3 span {
            display: block;
            margin-top: 8px; }
        .reason .learn .text__container p {
          font-size: 14px; }
        .reason .learn .text__container div h4 {
          font-size: 16px;
          letter-spacing: unset; }
        .reason .learn .text__container div ul li {
          font-size: 14px; }
        .reason .learn .text__container div ul li::before {
          content: "・"; }
    .reason .beginner {
      display: flex;
      justify-content: flex-end;
      padding: 48px 12px; }
      .reason .beginner .number {
        top: 18px;
        left: 12px; }
        .reason .beginner .number p {
          font-size: 22px;
          letter-spacing: unset; }
        .reason .beginner .number .line {
          width: 55px;
          right: -26px;
          bottom: 4px; }
        .reason .beginner .number img {
          right: -31px;
          bottom: -33px;
          width: 28px;
          height: 34px; }
      .reason .beginner .text__container {
        padding: 0;
        width: 70%; }
        .reason .beginner .text__container h3 {
          font-size: 18px;
          letter-spacing: unset;
          margin-bottom: 40px; }
          .reason .beginner .text__container h3 span {
            display: block;
            margin-top: 8px; }
        .reason .beginner .text__container p {
          font-size: 14px; }
        .reason .beginner .text__container p:nth-of-type(2) {
          width: 100%; }
        .reason .beginner .text__container p:nth-of-type(3) {
          width: 100%; }
        .reason .beginner .text__container div h4 {
          font-size: 16px;
          letter-spacing: unset; }
        .reason .beginner .text__container div ul li {
          font-size: 14px; }
        .reason .beginner .text__container div ul li::before {
          content: "・"; }
    .reason .online {
      background: #8498B3;
      display: flex;
      justify-content: flex-end;
      padding: 48px 12px;
      color: #ffffff; }
      .reason .online .number {
        top: 18px;
        left: 12px; }
        .reason .online .number p {
          font-size: 22px;
          letter-spacing: unset;
          color: #ffffff; }
        .reason .online .number .line {
          width: 55px;
          right: -26px;
          bottom: 4px;
          border-color: #ffffff; }
        .reason .online .number img {
          filter: brightness(5);
          right: -31px;
          bottom: -33px;
          width: 28px;
          height: 34px; }
      .reason .online .text__container {
        padding: 0;
        width: 70%; }
        .reason .online .text__container h3 {
          font-size: 18px;
          letter-spacing: unset;
          margin-bottom: 40px; }
          .reason .online .text__container h3 span {
            display: block;
            margin-top: 8px; }
        .reason .online .text__container p {
          font-size: 14px; }
        .reason .online .text__container p:nth-of-type(1) {
          width: 100%; }
        .reason .online .text__container div h4 {
          font-size: 16px;
          letter-spacing: unset; }
        .reason .online .text__container div p {
          font-size: 14px; }
    .reason .advice {
      display: flex;
      justify-content: flex-end;
      padding: 48px 12px;
      background: #ffffff;
      color: #393939; }
      .reason .advice .number {
        top: 25px;
        left: 14px; }
        .reason .advice .number p {
          font-size: 22px;
          letter-spacing: unset;
          color: #393939; }
        .reason .advice .number .line {
          width: 55px;
          right: -26px;
          bottom: 4px;
          border-color: #393939; }
        .reason .advice .number img {
          filter: brightness(0.2);
          right: -37px;
          bottom: -24px;
          width: 37px;
          height: 30px; }
      .reason .advice .text__container {
        padding: 0;
        width: 70%; }
        .reason .advice .text__container h3 {
          font-size: 18px;
          letter-spacing: unset;
          margin-bottom: 40px; }
          .reason .advice .text__container h3 span {
            display: block;
            margin-top: 8px; }
        .reason .advice .text__container p {
          font-size: 14px; }
        .reason .advice .text__container p:nth-of-type(1) {
          width: 100%; }
        .reason .advice .text__container p:nth-of-type(2) {
          width: 100%; }
        .reason .advice .text__container ul li p {
          font-size: 14px; }
        .reason .advice .text__container ul li span {
          display: inline !important; }
  .student-evaluation {
    background: #FAFAFA;
    padding-bottom: 48px; }
    .student-evaluation .student-evaluation__content {
      max-width: 1200px;
      margin: 0 auto; }
      .student-evaluation .student-evaluation__content h2 {
        font-size: 28px;
        line-height: unset;
        margin-bottom: 28px; }
      .student-evaluation .student-evaluation__content h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 25px; }
      .student-evaluation .student-evaluation__content .awards {
        max-width: 250px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between; }
        .student-evaluation .student-evaluation__content .awards .image {
          width: 120px;
          height: 152px;
          margin-bottom: 32px; }
          .student-evaluation .student-evaluation__content .awards .image img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
  .student-voice {
    padding-top: 48px;
    padding-bottom: 0;
    margin-bottom: 48px; }
    .student-voice .student-voice__title {
      margin-bottom: 36px; }
      .student-voice .student-voice__title h2 {
        font-size: 28px; }
      .student-voice .student-voice__title h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 22px; }
    .student-voice .complete-beginner {
      max-width: 1330px;
      margin: 0 auto;
      margin-bottom: 48px;
      position: relative; }
      .student-voice .complete-beginner .image {
        width: 100%;
        height: auto;
        margin-bottom: 0; }
        .student-voice .complete-beginner .image img {
          position: static;
          width: 100%;
          height: 100%; }
      .student-voice .complete-beginner .title {
        position: static; }
        .student-voice .complete-beginner .title p {
          font-size: 16px;
          width: 100%;
          height: 100%;
          padding: 8px;
          letter-spacing: unset;
          margin-bottom: 4px;
          text-align: center; }
      .student-voice .complete-beginner .text__container {
        width: 100%;
        margin-right: 0;
        padding: 8px; }
        .student-voice .complete-beginner .text__container p {
          font-size: 14px;
          letter-spacing: unset; }
    .student-voice .leverage {
      max-width: 1330px;
      margin: 0 auto;
      margin-bottom: 0;
      position: relative; }
      .student-voice .leverage .image {
        width: 100%;
        height: auto;
        margin-bottom: 0; }
        .student-voice .leverage .image img {
          position: static;
          width: 100%;
          height: 100%; }
      .student-voice .leverage .title {
        position: static; }
        .student-voice .leverage .title p {
          font-size: 16px;
          width: 100%;
          height: 100%;
          padding: 8px;
          letter-spacing: unset;
          margin-bottom: 4px;
          text-align: center; }
      .student-voice .leverage .text__container {
        width: 100%;
        margin-right: 0;
        padding: 8px; }
        .student-voice .leverage .text__container p {
          font-size: 14px;
          letter-spacing: unset; }
  .start-trial {
    padding-top: 48px; }
    .start-trial .start-trial__content {
      max-width: 1000px;
      margin: 0 auto; }
      .start-trial .start-trial__content h2 {
        font-size: 28px; }
      .start-trial .start-trial__content h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 24px; }
      .start-trial .start-trial__content p {
        font-size: 16px; }
      .start-trial .start-trial__content p:nth-of-type(1) {
        margin-bottom: 24px; }
      .start-trial .start-trial__content p:nth-of-type(3) {
        margin-bottom: 80px; }
      .start-trial .start-trial__content .flow h3 {
        font-size: 24px;
        font-weight: 600;
        color: #562577;
        text-align: center;
        margin-bottom: 22px; }
      .start-trial .start-trial__content .flow .flow__list {
        display: flex;
        flex-direction: column;
        align-items: unset;
        justify-content: center; }
        .start-trial .start-trial__content .flow .flow__list .flow__item {
          height: 100%;
          width: 100%;
          padding-top: 36px;
          padding-bottom: 36px; }
          .start-trial .start-trial__content .flow .flow__list .flow__item p:nth-of-type(1) {
            font-size: 22px; }
        .start-trial .start-trial__content .flow .flow__list .easy-reservation p:nth-of-type(3) {
          margin-bottom: 0; }
        .start-trial .start-trial__content .flow .flow__list .contact-details p:nth-of-type(2) {
          margin-bottom: 36px; }
        .start-trial .start-trial__content .flow .flow__list .contact-details p:nth-of-type(3) {
          margin-bottom: 16px; }
        .start-trial .start-trial__content .flow .flow__list .contact-details p:nth-of-type(4) {
          margin-bottom: 0; }
        .start-trial .start-trial__content .flow .flow__list .trial-lesson p:nth-of-type(4) {
          margin-bottom: 0; }
  .native-teacher {
    height: 100%;
    width: 100%;
    margin-bottom: 72px;
    padding: 12px 0; }
    .native-teacher .native-teacher__content {
      margin: 0 auto; }
      .native-teacher .native-teacher__content .content {
        display: flex;
        flex-direction: column;
        padding: 0;
        padding-bottom: 36px; }
        .native-teacher .native-teacher__content .content .text {
          width: 100%;
          margin-right: 0;
          text-align: center; }
          .native-teacher .native-teacher__content .content .text h2 {
            font-size: 28px;
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px; }
            .native-teacher .native-teacher__content .content .text h2 span {
              display: block;
              letter-spacing: unset;
              margin-top: 0; }
          .native-teacher .native-teacher__content .content .text p {
            font-size: 18px;
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px; }
            .native-teacher .native-teacher__content .content .text p span {
              display: block; }
        .native-teacher .native-teacher__content .content .image {
          width: 100%;
          height: auto; }
          .native-teacher .native-teacher__content .content .image img {
            width: 100%;
            height: 100%;
            position: static; }
        .native-teacher .native-teacher__content .content .button {
          text-decoration: none;
          background: url(../assets/png/yellow-btn.png) no-repeat;
          background-size: cover;
          position: absolute;
          bottom: -38px;
          left: 0;
          width: 100%;
          height: auto;
          padding: 8px; }
          .native-teacher .native-teacher__content .content .button div {
            margin-right: 16px; }
            .native-teacher .native-teacher__content .content .button div p:nth-of-type(1) {
              font-size: 14px;
              letter-spacing: unset; }
            .native-teacher .native-teacher__content .content .button div p:nth-of-type(2) {
              font-size: 14px;
              letter-spacing: unset; }
        .native-teacher .native-teacher__content .content .button::after {
          width: 15px;
          height: 19px; }
  .asked-question {
    margin-bottom: 48px; }
    .asked-question .asked-question__content {
      max-width: 980px;
      margin: 0 auto; }
      .asked-question .asked-question__content h2 {
        font-size: 30px; }
      .asked-question .asked-question__content h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 22px; }
      .asked-question .asked-question__content .qa__container .question p {
        font-size: 16px; }
      .asked-question .asked-question__content .qa__container .question::before {
        content: "Q.";
        margin-right: 18px;
        font-size: 20px; }
      .asked-question .asked-question__content .qa__container .answer p {
        font-size: 16px; }
      .asked-question .asked-question__content .qa__container .answer .desc {
        font-size: 14px !important;
        line-height: unset; }
      .asked-question .asked-question__content .qa__container .answer::before {
        content: "A.";
        margin-right: 18px;
        font-size: 20px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(1) {
        height: 100%;
        padding: 32px 12px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(2) {
        height: 100%;
        padding: 32px 12px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(3) {
        height: 100%;
        padding: 32px 12px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(4) {
        height: 100%;
        padding: 32px 12px; }
  .learning-advice {
    height: 100%;
    width: 100%;
    padding: 12px 0; }
    .learning-advice .learning-advice__content {
      margin: 0 auto; }
      .learning-advice .learning-advice__content .content {
        display: flex;
        flex-direction: column;
        padding: 0;
        padding-bottom: 36px; }
        .learning-advice .learning-advice__content .content .text {
          width: 100%;
          margin-right: 0;
          text-align: center; }
          .learning-advice .learning-advice__content .content .text h2 {
            font-size: 28px;
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px; }
            .learning-advice .learning-advice__content .content .text h2 span {
              display: block;
              letter-spacing: unset;
              margin-top: 0; }
          .learning-advice .learning-advice__content .content .text p {
            font-size: 18px;
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px; }
            .learning-advice .learning-advice__content .content .text p span {
              display: block; }
        .learning-advice .learning-advice__content .content .image {
          width: 100%;
          height: auto; }
          .learning-advice .learning-advice__content .content .image img {
            width: 100%;
            height: 100%;
            position: static; }
        .learning-advice .learning-advice__content .content .button {
          text-decoration: none;
          background: url(../assets/png/yellow-btn.png) no-repeat;
          background-size: cover;
          position: absolute;
          bottom: -38px;
          left: 0;
          width: 100%;
          height: auto;
          padding: 8px; }
          .learning-advice .learning-advice__content .content .button div {
            margin-right: 16px; }
            .learning-advice .learning-advice__content .content .button div p:nth-of-type(1) {
              font-size: 14px;
              letter-spacing: unset; }
            .learning-advice .learning-advice__content .content .button div p:nth-of-type(2) {
              font-size: 14px;
              letter-spacing: unset; }
        .learning-advice .learning-advice__content .content .button::after {
          width: 15px;
          height: 19px; }
  .trial-application {
    padding: 38px 0;
    padding-top: 72px; }
    .trial-application .trial-application__title {
      margin-bottom: 80px; }
      .trial-application .trial-application__title h2 {
        font-size: 28px; }
      .trial-application .trial-application__title h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 23px; }
      .trial-application .trial-application__title .desc {
        text-align: center; }
        .trial-application .trial-application__title .desc p:not(.direct-call) {
          font-size: 14px; }
        .trial-application .trial-application__title .desc .direct-call {
          font-size: 14px; }
    .trial-application .form__container form .form__item input[type=text],
    .trial-application .form__container form .form__item input[type=email] {
      width: 100%; }
    .trial-application .form__container form .form__item:not(.inquiry__container) input[type=text],
    .trial-application .form__container form .form__item:not(.inquiry__container) input[type=email] {
      height: 60px; }
    .trial-application .form__container form .inquiry__container label {
      vertical-align: top;
      padding-top: 24px; }
    .trial-application .form__container form .inquiry__container textarea {
      height: 317px;
      width: 100%; }
    .trial-application .form__container form .form__item > label {
      width: 100%;
      margin-bottom: 16px;
      font-size: 16px; }
    .trial-application .form__container form .form__item:not(.number__container) label::before {
      content: "※";
      color: #562577;
      margin-right: 16px; }
    .trial-application .form__container form .kinds__container {
      margin-bottom: 36px; }
      .trial-application .form__container form .kinds__container label {
        margin-bottom: 16px; }
      .trial-application .form__container form .kinds__container .kinds {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        width: 100%;
        margin-left: 32px;
        width: 60%; }
        .trial-application .form__container form .kinds__container .kinds .kinds__item {
          display: inline;
          margin-bottom: 0; }
          .trial-application .form__container form .kinds__container .kinds .kinds__item label {
            font-size: 14px;
            font-weight: 600; }
          .trial-application .form__container form .kinds__container .kinds .kinds__item label::before {
            content: none; }
    .trial-application .form__container form .name__container,
    .trial-application .form__container form .number__container,
    .trial-application .form__container form .mail__container {
      margin-bottom: 48px; }
    .trial-application .form__container .privacy-policy {
      height: 100%;
      padding: 16px; }
      .trial-application .form__container .privacy-policy div {
        width: 100%; }
        .trial-application .form__container .privacy-policy div p {
          font-size: 14px; }
    .trial-application .form__container .terms {
      height: 100%;
      padding: 16px; }
      .trial-application .form__container .terms div {
        width: 100%; }
        .trial-application .form__container .terms div p {
          font-size: 14px; }
    .trial-application .form__container .agree {
      width: 90%;
      height: 60px;
      margin-bottom: 32px; }
      .trial-application .form__container .agree .checkmark {
        left: -66px;
        right: 0;
        margin: 0 auto; }
    .trial-application .form__container .form__button {
      width: 90%;
      height: 80px; }
      .trial-application .form__container .form__button a {
        width: 100%;
        height: 80px; }
  .footer .footer__content {
    margin-top: 62px; }
    .footer .footer__content .footer__header img {
      width: 167px;
      height: 46px; }
    .footer .footer__content .footer__header p {
      font-size: 16px;
      text-align: center; }
    .footer .footer__content .footer__icon {
      width: 220px; }
      .footer .footer__content .footer__icon a {
        width: 60px;
        height: 60px; }
    .footer .footer__content .footer__contact .address p {
      font-size: 14px; }
    .footer .footer__content .footer__contact .telephone p {
      font-size: 14px; }
  .footer .copyright p {
    text-align: center;
    font-size: 12px; } }

@media (min-width: 400px) and (max-width: 576px) {
  .header {
    margin-bottom: 48px;
    padding-top: 32px;
    padding-left: 0;
    padding-bottom: 32px;
    height: 100%;
    overflow: hidden; }
    .header .header__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative; }
      .header .header__content .text__container {
        position: relative;
        z-index: 1; }
        .header .header__content .text__container .text {
          margin-bottom: 10px; }
          .header .header__content .text__container .text .little-tree {
            display: flex;
            flex-direction: column;
            margin-bottom: 18px; }
            .header .header__content .text__container .text .little-tree .image {
              width: 167px;
              height: 46px;
              object-fit: contain;
              margin-bottom: 18px; }
              .header .header__content .text__container .text .little-tree .image img {
                width: 100%;
                height: 100%; }
            .header .header__content .text__container .text .little-tree p {
              font-size: 16px;
              margin: 0; }
          .header .header__content .text__container .text h1 {
            font-size: 30px;
            text-align: center;
            margin-bottom: 28px; }
          .header .header__content .text__container .text h2 {
            font-size: 40px;
            text-align: center;
            margin-bottom: 16px; }
            .header .header__content .text__container .text h2 span {
              display: block;
              margin-top: 10px; }
          .header .header__content .text__container .text .for-students {
            display: flex;
            flex-direction: column;
            align-items: center; }
            .header .header__content .text__container .text .for-students .for {
              width: 87px;
              height: auto;
              margin-bottom: 16px;
              margin-right: 0; }
            .header .header__content .text__container .text .for-students .students {
              width: 238px;
              height: auto; }
        .header .header__content .text__container .award__container {
          width: 340px;
          margin: 0 auto; }
          .header .header__content .text__container .award__container .image {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%; }
            .header .header__content .text__container .award__container .image img {
              width: 142px;
              height: 172px; }
      .header .header__content .banner__image {
        position: relative;
        width: 100%; }
        .header .header__content .banner__image img {
          filter: brightness(0.6);
          position: absolute;
          left: -55%;
          top: -712px;
          width: 1559px;
          height: 835px;
          object-fit: cover; }
        .header .header__content .banner__image .button {
          position: relative;
          width: 100%;
          right: 0;
          bottom: -20px;
          padding: 12px; }
          .header .header__content .banner__image .button div p:nth-of-type(1) {
            font-size: 14px;
            letter-spacing: unset; }
          .header .header__content .banner__image .button div p:nth-of-type(2) {
            font-size: 14px;
            letter-spacing: unset; }
        .header .header__content .banner__image .button::after {
          width: 14px;
          height: 19px; }
  .skill {
    margin-bottom: 48px; }
    .skill .skill__title {
      width: 100%;
      margin-bottom: 48px; }
      .skill .skill__title h2 {
        font-size: 30px;
        letter-spacing: unset; }
      .skill .skill__title h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 21px; }
    .skill .independent {
      width: 100%;
      display: flex;
      flex-direction: column;
      margin-bottom: 48px; }
      .skill .independent .title {
        width: 100%;
        height: 84px;
        position: static;
        padding: 12px;
        text-align: center; }
        .skill .independent .title h3 {
          font-size: 16px;
          letter-spacing: unset;
          margin-bottom: 6px; }
        .skill .independent .title h4 {
          font-size: 28px; }
      .skill .independent .content__container {
        flex-direction: column-reverse; }
        .skill .independent .content__container .text {
          width: 100%;
          padding: 12px; }
          .skill .independent .content__container .text p {
            font-size: 14px;
            line-height: unset; }
        .skill .independent .content__container .image {
          width: 100%;
          height: auto; }
          .skill .independent .content__container .image img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
    .skill .instructor {
      width: 100%;
      display: flex;
      flex-direction: column; }
      .skill .instructor .title {
        width: 100%;
        height: 84px;
        position: static;
        padding: 12px;
        text-align: center; }
        .skill .instructor .title h3 {
          font-size: 16px;
          letter-spacing: unset;
          margin-bottom: 6px; }
        .skill .instructor .title h4 {
          font-size: 28px; }
      .skill .instructor .content__container {
        flex-direction: column-reverse; }
        .skill .instructor .content__container .text {
          width: 100%;
          padding: 12px; }
          .skill .instructor .content__container .text p {
            font-size: 14px;
            line-height: unset; }
        .skill .instructor .content__container .image {
          width: 100%;
          height: auto; }
          .skill .instructor .content__container .image img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
  .active {
    padding-top: 48px;
    padding-bottom: 0; }
    .active .active__content h2 {
      font-size: 30px;
      line-height: unset;
      margin-bottom: 62px; }
      .active .active__content h2 span {
        display: block; }
    .active .active__content h2::after {
      content: "";
      background: url(../assets/png/circle.png) no-repeat;
      background-size: cover;
      width: 12px;
      height: 12px;
      display: block;
      margin: 0 auto;
      margin-top: 19px; }
    .active .active__content .scenes a {
      width: 100%;
      margin-bottom: 48px; }
      .active .active__content .scenes a div {
        margin-bottom: 16px; }
        .active .active__content .scenes a div img {
          width: 100%;
          height: 260px;
          object-fit: cover; }
      .active .active__content .scenes a h3 {
        font-size: 18px; }
  .japan-life {
    height: 100%;
    width: 100%;
    margin-bottom: 72px;
    padding: 12px 0; }
    .japan-life .japan-life__content {
      margin: 0 auto; }
      .japan-life .japan-life__content .content {
        display: flex;
        flex-direction: column;
        padding: 0;
        padding-bottom: 36px; }
        .japan-life .japan-life__content .content .text {
          width: 100%;
          margin-right: 0;
          text-align: center; }
          .japan-life .japan-life__content .content .text h2 {
            font-size: 30px;
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px; }
            .japan-life .japan-life__content .content .text h2 span {
              display: block;
              letter-spacing: unset;
              margin-top: 0; }
          .japan-life .japan-life__content .content .text p {
            font-size: 18px;
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px; }
            .japan-life .japan-life__content .content .text p span {
              display: block; }
        .japan-life .japan-life__content .content .image {
          width: 100%;
          height: auto; }
          .japan-life .japan-life__content .content .image img {
            width: 100%;
            height: 100%;
            position: static; }
        .japan-life .japan-life__content .content .button {
          text-decoration: none;
          background: url(../assets/png/yellow-btn.png) no-repeat;
          background-size: cover;
          position: absolute;
          bottom: -38px;
          left: 0;
          width: 100%;
          height: auto;
          padding: 12px; }
          .japan-life .japan-life__content .content .button div p:nth-of-type(1) {
            font-size: 14px;
            letter-spacing: unset; }
          .japan-life .japan-life__content .content .button div p:nth-of-type(2) {
            font-size: 14px;
            letter-spacing: unset; }
        .japan-life .japan-life__content .content .button::after {
          width: 15px;
          height: 19px; }
  .reason {
    margin-bottom: 0; }
    .reason .reason__title {
      max-width: 1200px;
      margin: 0 auto;
      margin-bottom: 42px; }
      .reason .reason__title h2 {
        font-size: 30px; }
      .reason .reason__title h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 22px; }
    .reason .reason__item-b {
      height: 100%;
      width: 100%; }
    .reason .reason__item-w {
      height: 100%;
      width: 100%; }
    .reason .learn {
      display: flex;
      justify-content: flex-end;
      padding: 48px 12px; }
      .reason .learn .number {
        top: 18px;
        left: 18px; }
        .reason .learn .number p {
          font-size: 26px; }
        .reason .learn .number .line {
          width: 55px;
          right: -26px;
          bottom: 4px; }
        .reason .learn .number img {
          right: -42px;
          bottom: -38px;
          width: 34px;
          height: 42px; }
      .reason .learn .text__container {
        padding: 0;
        width: 70%; }
        .reason .learn .text__container h3 {
          font-size: 18px;
          letter-spacing: unset;
          margin-bottom: 40px; }
          .reason .learn .text__container h3 span {
            display: block;
            margin-top: 8px; }
        .reason .learn .text__container p {
          font-size: 14px; }
        .reason .learn .text__container div h4 {
          font-size: 16px;
          letter-spacing: unset; }
        .reason .learn .text__container div ul li {
          font-size: 14px; }
        .reason .learn .text__container div ul li::before {
          content: "・"; }
    .reason .beginner {
      display: flex;
      justify-content: flex-end;
      padding: 48px 12px; }
      .reason .beginner .number {
        top: 28px;
        left: 18px; }
        .reason .beginner .number p {
          font-size: 26px;
          letter-spacing: unset; }
        .reason .beginner .number .line {
          width: 55px;
          right: -26px;
          bottom: 4px; }
        .reason .beginner .number img {
          right: -46px;
          bottom: -39px;
          width: 34px;
          height: 46px; }
      .reason .beginner .text__container {
        padding: 0;
        width: 70%; }
        .reason .beginner .text__container h3 {
          font-size: 18px;
          letter-spacing: unset;
          margin-bottom: 40px; }
          .reason .beginner .text__container h3 span {
            display: block;
            margin-top: 8px; }
        .reason .beginner .text__container p {
          font-size: 14px; }
        .reason .beginner .text__container p:nth-of-type(2) {
          width: 100%; }
        .reason .beginner .text__container p:nth-of-type(3) {
          width: 100%; }
        .reason .beginner .text__container div h4 {
          font-size: 16px;
          letter-spacing: unset; }
        .reason .beginner .text__container div ul li {
          font-size: 14px; }
        .reason .beginner .text__container div ul li::before {
          content: "・"; }
    .reason .online {
      display: flex;
      justify-content: flex-end;
      padding: 48px 12px;
      background: #8498B3;
      color: #ffffff; }
      .reason .online .number {
        top: 24px;
        left: -3px; }
        .reason .online .number p {
          font-size: 26px;
          letter-spacing: unset;
          color: #ffffff; }
        .reason .online .number .line {
          width: 55px;
          right: -26px;
          bottom: 4px;
          border-color: #ffffff; }
        .reason .online .number img {
          filter: brightness(5);
          color: #ffffff;
          right: -46px;
          bottom: -39px;
          width: 43px;
          height: 43px; }
      .reason .online .text__container {
        padding: 0;
        width: 70%; }
        .reason .online .text__container h3 {
          font-size: 18px;
          letter-spacing: unset;
          margin-bottom: 40px; }
          .reason .online .text__container h3 span {
            display: block;
            margin-top: 8px; }
        .reason .online .text__container p {
          font-size: 14px; }
        .reason .online .text__container p:nth-of-type(1) {
          width: 100%; }
        .reason .online .text__container div h4 {
          font-size: 16px;
          letter-spacing: unset; }
        .reason .online .text__container div p {
          font-size: 14px; }
    .reason .advice {
      display: flex;
      justify-content: flex-end;
      padding: 48px 12px;
      background: #ffffff;
      color: #393939; }
      .reason .advice .number {
        top: 22px;
        left: 18px; }
        .reason .advice .number p {
          font-size: 26px;
          letter-spacing: unset;
          color: #393939; }
        .reason .advice .number .line {
          width: 55px;
          right: -26px;
          bottom: 4px;
          border-color: #393939; }
        .reason .advice .number img {
          filter: brightness(0.2);
          right: -53px;
          bottom: -39px;
          width: 52px;
          height: 43px; }
      .reason .advice .text__container {
        padding: 0;
        width: 70%; }
        .reason .advice .text__container h3 {
          font-size: 18px;
          letter-spacing: unset;
          margin-bottom: 40px; }
          .reason .advice .text__container h3 span {
            display: block;
            margin-top: 8px; }
        .reason .advice .text__container p {
          font-size: 14px; }
        .reason .advice .text__container p:nth-of-type(1) {
          width: 100%; }
        .reason .advice .text__container p:nth-of-type(2) {
          width: 100%; }
        .reason .advice .text__container ul li p {
          font-size: 14px; }
        .reason .advice .text__container ul li span {
          display: inline !important; }
  .student-evaluation {
    background: #FAFAFA;
    padding-bottom: 48px; }
    .student-evaluation .student-evaluation__content {
      max-width: 1200px;
      margin: 0 auto; }
      .student-evaluation .student-evaluation__content h2 {
        font-size: 30px;
        line-height: unset;
        margin-bottom: 28px; }
      .student-evaluation .student-evaluation__content h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 25px; }
      .student-evaluation .student-evaluation__content .awards {
        max-width: 282px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between; }
        .student-evaluation .student-evaluation__content .awards .image {
          width: 128px;
          height: 160px;
          margin-bottom: 32px; }
          .student-evaluation .student-evaluation__content .awards .image img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
  .student-voice {
    padding-top: 48px;
    padding-bottom: 0;
    margin-bottom: 48px; }
    .student-voice .student-voice__title {
      margin-bottom: 36px; }
      .student-voice .student-voice__title h2 {
        font-size: 30px; }
      .student-voice .student-voice__title h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 22px; }
    .student-voice .complete-beginner {
      max-width: 1330px;
      margin: 0 auto;
      margin-bottom: 48px;
      position: relative; }
      .student-voice .complete-beginner .image {
        width: 100%;
        height: auto;
        margin-bottom: 0; }
        .student-voice .complete-beginner .image img {
          position: static;
          width: 100%;
          height: 100%; }
      .student-voice .complete-beginner .title {
        position: static; }
        .student-voice .complete-beginner .title p {
          font-size: 18px;
          width: 100%;
          height: 100%;
          padding: 12px;
          letter-spacing: unset;
          margin-bottom: 4px;
          text-align: center; }
      .student-voice .complete-beginner .text__container {
        width: 100%;
        margin-right: 0;
        padding: 8px; }
        .student-voice .complete-beginner .text__container p {
          font-size: 14px;
          letter-spacing: unset; }
    .student-voice .leverage {
      max-width: 1330px;
      margin: 0 auto;
      margin-bottom: 0;
      position: relative; }
      .student-voice .leverage .image {
        width: 100%;
        height: auto;
        margin-bottom: 0; }
        .student-voice .leverage .image img {
          position: static;
          width: 100%;
          height: 100%; }
      .student-voice .leverage .title {
        position: static; }
        .student-voice .leverage .title p {
          font-size: 18px;
          width: 100%;
          height: 100%;
          padding: 12px;
          letter-spacing: unset;
          margin-bottom: 4px;
          text-align: center; }
      .student-voice .leverage .text__container {
        width: 100%;
        margin-right: 0;
        padding: 8px; }
        .student-voice .leverage .text__container p {
          font-size: 14px;
          letter-spacing: unset; }
  .start-trial {
    padding-top: 48px; }
    .start-trial .start-trial__content {
      max-width: 1000px;
      margin: 0 auto; }
      .start-trial .start-trial__content h2 {
        font-size: 30px; }
      .start-trial .start-trial__content h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 24px; }
      .start-trial .start-trial__content p {
        font-size: 18px; }
      .start-trial .start-trial__content p:nth-of-type(1) {
        margin-bottom: 24px; }
      .start-trial .start-trial__content p:nth-of-type(3) {
        margin-bottom: 100px; }
      .start-trial .start-trial__content .flow h3 {
        font-size: 28px;
        font-weight: 600;
        color: #562577;
        text-align: center;
        margin-bottom: 22px; }
      .start-trial .start-trial__content .flow .flow__list {
        display: flex;
        flex-direction: column;
        align-items: unset;
        justify-content: center; }
        .start-trial .start-trial__content .flow .flow__list .flow__item {
          height: 100%;
          width: 100%;
          padding-top: 36px;
          padding-bottom: 36px; }
          .start-trial .start-trial__content .flow .flow__list .flow__item p:nth-of-type(1) {
            font-size: 24px; }
        .start-trial .start-trial__content .flow .flow__list .easy-reservation p:nth-of-type(3) {
          margin-bottom: 0; }
        .start-trial .start-trial__content .flow .flow__list .contact-details p:nth-of-type(2) {
          margin-bottom: 36px; }
        .start-trial .start-trial__content .flow .flow__list .contact-details p:nth-of-type(3) {
          margin-bottom: 16px; }
        .start-trial .start-trial__content .flow .flow__list .contact-details p:nth-of-type(4) {
          margin-bottom: 0; }
        .start-trial .start-trial__content .flow .flow__list .trial-lesson p:nth-of-type(4) {
          margin-bottom: 0; }
  .native-teacher {
    height: 100%;
    width: 100%;
    margin-bottom: 72px;
    padding: 12px 0; }
    .native-teacher .native-teacher__content {
      margin: 0 auto; }
      .native-teacher .native-teacher__content .content {
        display: flex;
        flex-direction: column;
        padding: 0;
        padding-bottom: 36px; }
        .native-teacher .native-teacher__content .content .text {
          width: 100%;
          margin-right: 0;
          text-align: center; }
          .native-teacher .native-teacher__content .content .text h2 {
            font-size: 30px;
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px; }
            .native-teacher .native-teacher__content .content .text h2 span {
              display: block;
              letter-spacing: unset;
              margin-top: 0; }
          .native-teacher .native-teacher__content .content .text p {
            font-size: 18px;
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px; }
            .native-teacher .native-teacher__content .content .text p span {
              display: block; }
        .native-teacher .native-teacher__content .content .image {
          width: 100%;
          height: auto; }
          .native-teacher .native-teacher__content .content .image img {
            width: 100%;
            height: 100%;
            position: static; }
        .native-teacher .native-teacher__content .content .button {
          text-decoration: none;
          background: url(../assets/png/yellow-btn.png) no-repeat;
          background-size: cover;
          position: absolute;
          bottom: -38px;
          left: 0;
          width: 100%;
          height: auto;
          padding: 12px; }
          .native-teacher .native-teacher__content .content .button div p:nth-of-type(1) {
            font-size: 14px;
            letter-spacing: unset; }
          .native-teacher .native-teacher__content .content .button div p:nth-of-type(2) {
            font-size: 14px;
            letter-spacing: unset; }
        .native-teacher .native-teacher__content .content .button::after {
          width: 15px;
          height: 19px; }
  .asked-question {
    margin-bottom: 48px; }
    .asked-question .asked-question__content {
      max-width: 980px;
      margin: 0 auto; }
      .asked-question .asked-question__content h2 {
        font-size: 30px; }
      .asked-question .asked-question__content h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 22px; }
      .asked-question .asked-question__content .qa__container .question p {
        font-size: 18px; }
      .asked-question .asked-question__content .qa__container .question::before {
        content: "Q.";
        margin-right: 18px;
        font-size: 22px; }
      .asked-question .asked-question__content .qa__container .answer p {
        font-size: 18px; }
      .asked-question .asked-question__content .qa__container .answer .desc {
        font-size: 14px;
        line-height: unset; }
      .asked-question .asked-question__content .qa__container .answer::before {
        content: "A.";
        margin-right: 18px;
        font-size: 22px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(1) {
        height: 100%;
        padding: 32px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(2) {
        height: 100%;
        padding: 32px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(3) {
        height: 100%;
        padding: 32px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(4) {
        height: 100%;
        padding: 32px; }
  .learning-advice {
    height: 100%;
    width: 100%;
    padding: 12px 0; }
    .learning-advice .learning-advice__content {
      margin: 0 auto; }
      .learning-advice .learning-advice__content .content {
        display: flex;
        flex-direction: column;
        padding: 0;
        padding-bottom: 36px; }
        .learning-advice .learning-advice__content .content .text {
          width: 100%;
          margin-right: 0;
          text-align: center; }
          .learning-advice .learning-advice__content .content .text h2 {
            font-size: 30px;
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px; }
            .learning-advice .learning-advice__content .content .text h2 span {
              display: block;
              letter-spacing: unset;
              margin-top: 0; }
          .learning-advice .learning-advice__content .content .text p {
            font-size: 18px;
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px; }
            .learning-advice .learning-advice__content .content .text p span {
              display: block; }
        .learning-advice .learning-advice__content .content .image {
          width: 100%;
          height: auto; }
          .learning-advice .learning-advice__content .content .image img {
            width: 100%;
            height: 100%;
            position: static; }
        .learning-advice .learning-advice__content .content .button {
          text-decoration: none;
          background: url(../assets/png/yellow-btn.png) no-repeat;
          background-size: cover;
          position: absolute;
          bottom: -38px;
          left: 0;
          width: 100%;
          height: auto;
          padding: 12px; }
          .learning-advice .learning-advice__content .content .button div p:nth-of-type(1) {
            font-size: 14px;
            letter-spacing: unset; }
          .learning-advice .learning-advice__content .content .button div p:nth-of-type(2) {
            font-size: 14px;
            letter-spacing: unset; }
        .learning-advice .learning-advice__content .content .button::after {
          width: 15px;
          height: 19px; }
  .trial-application {
    padding: 38px 0;
    padding-top: 72px; }
    .trial-application .trial-application__title {
      margin-bottom: 80px; }
      .trial-application .trial-application__title h2 {
        font-size: 30px; }
      .trial-application .trial-application__title h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 23px; }
      .trial-application .trial-application__title .desc {
        text-align: center; }
        .trial-application .trial-application__title .desc p:not(.direct-call) {
          font-size: 14px; }
        .trial-application .trial-application__title .desc .direct-call {
          font-size: 14px; }
    .trial-application .form__container form .form__item input[type=text],
    .trial-application .form__container form .form__item input[type=email] {
      width: 100%; }
    .trial-application .form__container form .form__item:not(.inquiry__container) input[type=text],
    .trial-application .form__container form .form__item:not(.inquiry__container) input[type=email] {
      height: 60px; }
    .trial-application .form__container form .inquiry__container label {
      vertical-align: top;
      padding-top: 24px; }
    .trial-application .form__container form .inquiry__container textarea {
      height: 317px;
      width: 100%; }
    .trial-application .form__container form .form__item > label {
      width: 100%;
      margin-bottom: 16px; }
    .trial-application .form__container form .form__item:not(.number__container) label::before {
      content: "※";
      color: #562577;
      margin-right: 16px; }
    .trial-application .form__container form .kinds__container {
      margin-bottom: 36px; }
      .trial-application .form__container form .kinds__container label {
        margin-bottom: 16px; }
      .trial-application .form__container form .kinds__container .kinds {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        width: 100%;
        margin-left: 32px;
        width: 60%; }
        .trial-application .form__container form .kinds__container .kinds .kinds__item {
          display: inline;
          margin-bottom: 0; }
          .trial-application .form__container form .kinds__container .kinds .kinds__item label {
            font-size: 16px;
            font-weight: 600; }
          .trial-application .form__container form .kinds__container .kinds .kinds__item label::before {
            content: none; }
    .trial-application .form__container form .name__container,
    .trial-application .form__container form .number__container,
    .trial-application .form__container form .mail__container {
      margin-bottom: 48px; }
    .trial-application .form__container .privacy-policy {
      height: 100%;
      padding: 16px; }
      .trial-application .form__container .privacy-policy div {
        width: 100%; }
        .trial-application .form__container .privacy-policy div p {
          font-size: 14px; }
    .trial-application .form__container .terms {
      height: 100%;
      padding: 16px; }
      .trial-application .form__container .terms div {
        width: 100%; }
        .trial-application .form__container .terms div p {
          font-size: 14px; }
    .trial-application .form__container .agree {
      width: 337px;
      height: 60px;
      margin-bottom: 32px; }
    .trial-application .form__container .form__button {
      width: 337px;
      height: 80px; }
      .trial-application .form__container .form__button a {
        width: 100%;
        height: 80px; }
  .footer .footer__content {
    margin-top: 62px; }
    .footer .footer__content .footer__header img {
      width: 167px;
      height: 46px; }
    .footer .footer__content .footer__header p {
      font-size: 16px;
      text-align: center; }
    .footer .footer__content .footer__icon {
      width: 260px; }
      .footer .footer__content .footer__icon img {
        width: 60px;
        height: 60px; }
    .footer .footer__content .footer__contact .address p {
      font-size: 14px; }
    .footer .footer__content .footer__contact .telephone p {
      font-size: 14px; }
  .footer .copyright p {
    font-size: 12px; } }

@media (min-width: 577px) and (max-width: 767px) {
  .header {
    margin-bottom: 48px;
    padding-top: 32px;
    padding-left: 0;
    padding-bottom: 32px;
    height: 100%;
    overflow: hidden; }
    .header .header__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative; }
      .header .header__content .text__container {
        position: relative;
        z-index: 1; }
        .header .header__content .text__container .text {
          margin-bottom: 10px; }
          .header .header__content .text__container .text .little-tree {
            display: flex;
            flex-direction: column;
            margin-bottom: 18px; }
            .header .header__content .text__container .text .little-tree .image {
              width: 167px;
              height: 46px;
              object-fit: contain;
              margin-bottom: 18px; }
              .header .header__content .text__container .text .little-tree .image img {
                width: 100%;
                height: 100%; }
            .header .header__content .text__container .text .little-tree p {
              font-size: 16px;
              margin: 0; }
          .header .header__content .text__container .text h1 {
            font-size: 30px;
            text-align: center;
            margin-bottom: 28px; }
          .header .header__content .text__container .text h2 {
            font-size: 40px;
            text-align: center;
            margin-bottom: 16px; }
            .header .header__content .text__container .text h2 span {
              display: block;
              margin-top: 10px; }
          .header .header__content .text__container .text .for-students {
            display: flex;
            flex-direction: column;
            align-items: center; }
            .header .header__content .text__container .text .for-students .for {
              width: 87px;
              height: auto;
              margin-bottom: 16px;
              margin-right: 0; }
            .header .header__content .text__container .text .for-students .students {
              width: 238px;
              height: auto; }
        .header .header__content .text__container .award__container {
          width: 340px;
          margin: 0 auto; }
          .header .header__content .text__container .award__container .image {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%; }
            .header .header__content .text__container .award__container .image img {
              width: 142px;
              height: 172px; }
      .header .header__content .banner__image {
        position: relative;
        width: 100%; }
        .header .header__content .banner__image img {
          filter: brightness(0.6);
          position: absolute;
          left: -507px;
          top: -662px;
          height: 885px;
          object-fit: cover; }
        .header .header__content .banner__image .button {
          position: relative;
          width: 70%;
          right: 0;
          bottom: -20px;
          padding: 12px;
          margin: 0 auto; }
          .header .header__content .banner__image .button div p:nth-of-type(1) {
            font-size: 16px;
            letter-spacing: unset; }
          .header .header__content .banner__image .button div p:nth-of-type(2) {
            font-size: 20px;
            letter-spacing: unset; }
        .header .header__content .banner__image .button::after {
          width: 14px;
          height: 19px; }
  .skill {
    margin-bottom: 48px; }
    .skill .skill__title {
      width: 100%;
      margin-bottom: 48px; }
      .skill .skill__title h2 {
        font-size: 30px;
        letter-spacing: unset; }
      .skill .skill__title h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 21px; }
    .skill .independent {
      width: 100%;
      display: flex;
      flex-direction: column;
      margin-bottom: 48px; }
      .skill .independent .title {
        width: 100%;
        height: 84px;
        position: static;
        padding: 12px;
        text-align: center; }
        .skill .independent .title h3 {
          font-size: 16px;
          letter-spacing: unset;
          margin-bottom: 6px; }
        .skill .independent .title h4 {
          font-size: 28px; }
      .skill .independent .content__container {
        flex-direction: column-reverse; }
        .skill .independent .content__container .text {
          width: 100%;
          padding: 12px; }
          .skill .independent .content__container .text p {
            font-size: 14px;
            line-height: unset; }
        .skill .independent .content__container .image {
          width: 100%;
          height: auto; }
          .skill .independent .content__container .image img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
    .skill .instructor {
      width: 100%;
      display: flex;
      flex-direction: column; }
      .skill .instructor .title {
        width: 100%;
        height: 84px;
        position: static;
        padding: 12px;
        text-align: center; }
        .skill .instructor .title h3 {
          font-size: 16px;
          letter-spacing: unset;
          margin-bottom: 6px; }
        .skill .instructor .title h4 {
          font-size: 28px; }
      .skill .instructor .content__container {
        flex-direction: column-reverse; }
        .skill .instructor .content__container .text {
          width: 100%;
          padding: 12px; }
          .skill .instructor .content__container .text p {
            font-size: 14px;
            line-height: unset; }
        .skill .instructor .content__container .image {
          width: 100%;
          height: auto; }
          .skill .instructor .content__container .image img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
  .active {
    padding: 74px 0;
    padding-bottom: 68px; }
    .active .active__content h2 {
      font-size: 30px;
      line-height: unset;
      margin-bottom: 62px; }
      .active .active__content h2 span {
        display: block; }
    .active .active__content h2::after {
      content: "";
      background: url(../assets/png/circle.png) no-repeat;
      background-size: cover;
      width: 12px;
      height: 12px;
      display: block;
      margin: 0 auto;
      margin-top: 19px; }
    .active .active__content .scenes a {
      margin-bottom: 52px;
      width: 48%;
      height: 230px; }
      .active .active__content .scenes a div {
        width: 100%;
        margin-bottom: 4px; }
        .active .active__content .scenes a div img {
          width: 100%;
          object-fit: cover; }
      .active .active__content .scenes a h3 {
        font-size: 16px; }
  .japan-life {
    height: 100%;
    width: 100%;
    margin-bottom: 96px;
    padding: 12px 0; }
    .japan-life .japan-life__content {
      margin: 0 auto; }
      .japan-life .japan-life__content .content {
        display: flex;
        padding: 0;
        padding-bottom: 36px; }
        .japan-life .japan-life__content .content .text {
          width: 100%;
          margin-right: 16px;
          text-align: center;
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .japan-life .japan-life__content .content .text h2 {
            font-size: 30px;
            line-height: unset;
            letter-spacing: unset;
            text-align: left; }
            .japan-life .japan-life__content .content .text h2 span {
              display: inline;
              letter-spacing: unset; }
          .japan-life .japan-life__content .content .text p {
            font-size: 18px;
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px;
            text-align: left; }
            .japan-life .japan-life__content .content .text p span {
              display: inline; }
        .japan-life .japan-life__content .content .image {
          width: 100%;
          height: 250px; }
          .japan-life .japan-life__content .content .image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: static; }
        .japan-life .japan-life__content .content .button {
          text-decoration: none;
          background: url(../assets/png/yellow-btn.png) no-repeat;
          background-size: cover;
          position: absolute;
          bottom: -38px;
          left: 0;
          width: 70%;
          height: 80px;
          padding: 12px; }
          .japan-life .japan-life__content .content .button div p:nth-of-type(1) {
            font-size: 16px;
            letter-spacing: unset; }
          .japan-life .japan-life__content .content .button div p:nth-of-type(2) {
            font-size: 16px;
            letter-spacing: unset; }
        .japan-life .japan-life__content .content .button::after {
          width: 15px;
          height: 19px; }
  .reason {
    margin-bottom: 0; }
    .reason .reason__title {
      max-width: 1200px;
      margin: 0 auto;
      margin-bottom: 42px; }
      .reason .reason__title h2 {
        font-size: 30px; }
      .reason .reason__title h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 22px; }
    .reason .reason__item-b {
      height: 100%;
      width: 100%; }
    .reason .reason__item-w {
      height: 100%;
      width: 100%; }
    .reason .learn {
      display: flex;
      justify-content: flex-end;
      padding: 60px 40px; }
      .reason .learn .number {
        top: 22px;
        left: 47px; }
        .reason .learn .number p {
          font-size: 26px; }
        .reason .learn .number .line {
          width: 64px;
          right: -34px;
          bottom: 3px; }
        .reason .learn .number img {
          right: -45px;
          bottom: -50px;
          width: 40px;
          height: 49px; }
      .reason .learn .text__container {
        padding: 0;
        width: 80%; }
        .reason .learn .text__container h3 {
          font-size: 18px;
          letter-spacing: unset;
          margin-bottom: 40px; }
          .reason .learn .text__container h3 span {
            display: block;
            margin-top: 8px; }
        .reason .learn .text__container p {
          font-size: 14px; }
        .reason .learn .text__container div h4 {
          font-size: 16px;
          letter-spacing: unset; }
        .reason .learn .text__container div ul li {
          font-size: 14px; }
        .reason .learn .text__container div ul li::before {
          content: "・"; }
    .reason .beginner {
      display: flex;
      justify-content: flex-end;
      padding: 60px 40px; }
      .reason .beginner .number {
        top: 26px;
        left: 47px; }
        .reason .beginner .number p {
          font-size: 26px;
          letter-spacing: unset; }
        .reason .beginner .number .line {
          width: 64px;
          right: -34px;
          bottom: 3px; }
        .reason .beginner .number img {
          right: -45px;
          bottom: -50px;
          width: 40px;
          height: 49px; }
      .reason .beginner .text__container {
        padding: 0;
        width: 80%; }
        .reason .beginner .text__container h3 {
          font-size: 18px;
          letter-spacing: unset;
          margin-bottom: 40px; }
          .reason .beginner .text__container h3 span {
            display: block;
            margin-top: 8px; }
        .reason .beginner .text__container p {
          font-size: 14px; }
        .reason .beginner .text__container p:nth-of-type(2) {
          width: 100%; }
        .reason .beginner .text__container p:nth-of-type(3) {
          width: 100%; }
        .reason .beginner .text__container div h4 {
          font-size: 16px;
          letter-spacing: unset; }
        .reason .beginner .text__container div ul li {
          font-size: 14px; }
        .reason .beginner .text__container div ul li::before {
          content: "・"; }
    .reason .online {
      display: flex;
      justify-content: flex-end;
      padding: 60px 40px;
      background-color: #8498B3;
      color: #ffffff; }
      .reason .online .number {
        top: 24px;
        left: 47px; }
        .reason .online .number p {
          font-size: 26px;
          letter-spacing: unset;
          color: #ffffff; }
        .reason .online .number .line {
          width: 64px;
          right: -34px;
          bottom: 3px;
          border-color: #ffffff; }
        .reason .online .number img {
          filter: brightness(5);
          right: -45px;
          bottom: -50px;
          width: 40px;
          height: 49px; }
      .reason .online .text__container {
        padding: 0;
        width: 80%; }
        .reason .online .text__container h3 {
          font-size: 18px;
          letter-spacing: unset;
          margin-bottom: 40px; }
          .reason .online .text__container h3 span {
            display: block;
            margin-top: 8px; }
        .reason .online .text__container p {
          font-size: 14px; }
        .reason .online .text__container p:nth-of-type(1) {
          width: 100%; }
        .reason .online .text__container div h4 {
          font-size: 16px;
          letter-spacing: unset; }
        .reason .online .text__container div p {
          font-size: 14px; }
    .reason .advice {
      display: flex;
      justify-content: flex-end;
      padding: 60px 40px;
      background: #ffffff;
      color: #393939; }
      .reason .advice .number {
        top: 30px;
        left: 47px; }
        .reason .advice .number p {
          font-size: 26px;
          letter-spacing: unset;
          color: #393939; }
        .reason .advice .number .line {
          width: 64px;
          right: -34px;
          bottom: 3px;
          border-color: #393939; }
        .reason .advice .number img {
          filter: brightness(0.2);
          right: -52px;
          bottom: -42px;
          width: 52px;
          height: 44px; }
      .reason .advice .text__container {
        padding: 0;
        width: 80%; }
        .reason .advice .text__container h3 {
          font-size: 18px;
          letter-spacing: unset;
          margin-bottom: 40px; }
          .reason .advice .text__container h3 span {
            display: block;
            margin-top: 8px; }
        .reason .advice .text__container p {
          font-size: 14px; }
        .reason .advice .text__container p:nth-of-type(1) {
          width: 100%; }
        .reason .advice .text__container p:nth-of-type(2) {
          width: 100%; }
        .reason .advice .text__container ul li p {
          font-size: 14px; }
        .reason .advice .text__container ul li span {
          display: inline !important; }
  .student-evaluation {
    background: #FAFAFA;
    padding-bottom: 48px; }
    .student-evaluation .student-evaluation__content {
      max-width: 1200px;
      margin: 0 auto; }
      .student-evaluation .student-evaluation__content h2 {
        font-size: 30px;
        line-height: unset;
        margin-bottom: 28px; }
      .student-evaluation .student-evaluation__content h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 25px; }
      .student-evaluation .student-evaluation__content .awards {
        max-width: 334px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between; }
        .student-evaluation .student-evaluation__content .awards .image {
          width: 153px;
          height: 192px;
          margin-bottom: 32px; }
          .student-evaluation .student-evaluation__content .awards .image img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
  .student-voice {
    padding-top: 48px;
    padding-bottom: 0;
    margin-bottom: 48px; }
    .student-voice .student-voice__title {
      margin-bottom: 36px; }
      .student-voice .student-voice__title h2 {
        font-size: 30px; }
      .student-voice .student-voice__title h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 22px; }
    .student-voice .complete-beginner {
      max-width: 1330px;
      margin: 0 auto;
      margin-bottom: 48px;
      position: relative; }
      .student-voice .complete-beginner .image {
        width: 100%;
        height: auto;
        margin-bottom: 0; }
        .student-voice .complete-beginner .image img {
          position: static;
          width: 100%;
          height: 100%; }
      .student-voice .complete-beginner .title {
        position: static; }
        .student-voice .complete-beginner .title p {
          font-size: 18px;
          width: 100%;
          height: 100%;
          padding: 12px;
          letter-spacing: unset;
          margin-bottom: 4px;
          text-align: center; }
      .student-voice .complete-beginner .text__container {
        width: 100%;
        margin-right: 0;
        padding: 8px; }
        .student-voice .complete-beginner .text__container p {
          font-size: 14px;
          letter-spacing: unset; }
    .student-voice .leverage {
      max-width: 1330px;
      margin: 0 auto;
      margin-bottom: 0;
      position: relative; }
      .student-voice .leverage .image {
        width: 100%;
        height: auto;
        margin-bottom: 0; }
        .student-voice .leverage .image img {
          position: static;
          width: 100%;
          height: 100%; }
      .student-voice .leverage .title {
        position: static; }
        .student-voice .leverage .title p {
          font-size: 18px;
          width: 100%;
          height: 100%;
          padding: 12px;
          letter-spacing: unset;
          margin-bottom: 4px;
          text-align: center; }
      .student-voice .leverage .text__container {
        width: 100%;
        margin-right: 0;
        padding: 8px; }
        .student-voice .leverage .text__container p {
          font-size: 14px;
          letter-spacing: unset; }
  .start-trial {
    padding-top: 48px; }
    .start-trial .start-trial__content {
      max-width: 1000px;
      margin: 0 auto; }
      .start-trial .start-trial__content h2 {
        font-size: 30px; }
      .start-trial .start-trial__content h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 24px; }
      .start-trial .start-trial__content p {
        font-size: 18px; }
      .start-trial .start-trial__content p:nth-of-type(1) {
        margin-bottom: 24px; }
      .start-trial .start-trial__content p:nth-of-type(3) {
        margin-bottom: 100px; }
      .start-trial .start-trial__content .flow h3 {
        font-size: 28px;
        font-weight: 600;
        color: #562577;
        text-align: center;
        margin-bottom: 22px; }
      .start-trial .start-trial__content .flow .flow__list {
        display: flex;
        flex-direction: column;
        align-items: unset;
        justify-content: center; }
        .start-trial .start-trial__content .flow .flow__list .flow__item {
          height: 100%;
          width: 100%;
          padding-top: 36px;
          padding-bottom: 36px; }
          .start-trial .start-trial__content .flow .flow__list .flow__item p:nth-of-type(1) {
            font-size: 24px; }
        .start-trial .start-trial__content .flow .flow__list .easy-reservation p:nth-of-type(3) {
          margin-bottom: 0; }
        .start-trial .start-trial__content .flow .flow__list .contact-details .image {
          width: 180px; }
        .start-trial .start-trial__content .flow .flow__list .contact-details p:nth-of-type(2) {
          margin-bottom: 36px; }
        .start-trial .start-trial__content .flow .flow__list .contact-details p:nth-of-type(3) {
          margin-bottom: 16px; }
        .start-trial .start-trial__content .flow .flow__list .contact-details p:nth-of-type(4) {
          margin-bottom: 0; }
        .start-trial .start-trial__content .flow .flow__list .trial-lesson p:nth-of-type(4) {
          margin-bottom: 0; }
  .native-teacher {
    height: 100%;
    width: 100%;
    margin-bottom: 96px;
    padding: 12px 0; }
    .native-teacher .native-teacher__content {
      margin: 0 auto; }
      .native-teacher .native-teacher__content .content {
        display: flex;
        padding: 0;
        padding-bottom: 36px; }
        .native-teacher .native-teacher__content .content .text {
          width: 100%;
          margin-right: 16px;
          text-align: center;
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .native-teacher .native-teacher__content .content .text h2 {
            font-size: 30px;
            line-height: unset;
            letter-spacing: unset;
            text-align: left; }
            .native-teacher .native-teacher__content .content .text h2 span {
              display: inline;
              letter-spacing: unset; }
          .native-teacher .native-teacher__content .content .text p {
            font-size: 18px;
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px;
            text-align: left; }
            .native-teacher .native-teacher__content .content .text p span {
              display: inline; }
        .native-teacher .native-teacher__content .content .image {
          width: 100%;
          height: 250px; }
          .native-teacher .native-teacher__content .content .image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: static; }
        .native-teacher .native-teacher__content .content .button {
          text-decoration: none;
          background: url(../assets/png/yellow-btn.png) no-repeat;
          background-size: cover;
          position: absolute;
          bottom: -38px;
          left: 0;
          width: 70%;
          height: 80px;
          padding: 12px; }
          .native-teacher .native-teacher__content .content .button div p:nth-of-type(1) {
            font-size: 16px;
            letter-spacing: unset; }
          .native-teacher .native-teacher__content .content .button div p:nth-of-type(2) {
            font-size: 16px;
            letter-spacing: unset; }
        .native-teacher .native-teacher__content .content .button::after {
          width: 15px;
          height: 19px; }
  .asked-question {
    margin-bottom: 48px; }
    .asked-question .asked-question__content {
      max-width: 980px;
      margin: 0 auto; }
      .asked-question .asked-question__content h2 {
        font-size: 30px; }
      .asked-question .asked-question__content h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 22px; }
      .asked-question .asked-question__content .qa__container .question p {
        font-size: 18px; }
      .asked-question .asked-question__content .qa__container .question::before {
        content: "Q.";
        margin-right: 18px;
        font-size: 22px; }
      .asked-question .asked-question__content .qa__container .answer p {
        font-size: 18px; }
      .asked-question .asked-question__content .qa__container .answer .desc {
        font-size: 14px;
        line-height: unset; }
      .asked-question .asked-question__content .qa__container .answer::before {
        content: "A.";
        margin-right: 18px;
        font-size: 22px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(1) {
        height: 100%;
        padding: 32px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(2) {
        height: 100%;
        padding: 32px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(3) {
        height: 100%;
        padding: 32px; }
      .asked-question .asked-question__content .qa__container:nth-of-type(4) {
        height: 100%;
        padding: 32px; }
  .learning-advice {
    height: 100%;
    width: 100%;
    padding: 12px 0; }
    .learning-advice .learning-advice__content {
      margin: 0 auto; }
      .learning-advice .learning-advice__content .content {
        display: flex;
        padding: 0;
        padding-bottom: 36px; }
        .learning-advice .learning-advice__content .content .text {
          width: 100%;
          margin-right: 16px;
          text-align: center;
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .learning-advice .learning-advice__content .content .text h2 {
            font-size: 30px;
            line-height: unset;
            letter-spacing: unset;
            text-align: left; }
            .learning-advice .learning-advice__content .content .text h2 span {
              display: inline;
              letter-spacing: unset; }
          .learning-advice .learning-advice__content .content .text p {
            font-size: 18px;
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px;
            text-align: left; }
            .learning-advice .learning-advice__content .content .text p span {
              display: inline; }
        .learning-advice .learning-advice__content .content .image {
          width: 100%;
          height: 250px; }
          .learning-advice .learning-advice__content .content .image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: static; }
        .learning-advice .learning-advice__content .content .button {
          text-decoration: none;
          background: url(../assets/png/yellow-btn.png) no-repeat;
          background-size: cover;
          position: absolute;
          bottom: -38px;
          left: 0;
          width: 70%;
          height: 80px;
          padding: 12px; }
          .learning-advice .learning-advice__content .content .button div p:nth-of-type(1) {
            font-size: 16px;
            letter-spacing: unset; }
          .learning-advice .learning-advice__content .content .button div p:nth-of-type(2) {
            font-size: 16px;
            letter-spacing: unset; }
        .learning-advice .learning-advice__content .content .button::after {
          width: 15px;
          height: 19px; }
  .trial-application {
    padding: 38px 0;
    padding-top: 82px; }
    .trial-application .trial-application__title {
      margin-bottom: 80px; }
      .trial-application .trial-application__title h2 {
        font-size: 30px; }
      .trial-application .trial-application__title h2::after {
        content: "";
        background: url(../assets/png/circle.png) no-repeat;
        background-size: cover;
        width: 12px;
        height: 12px;
        display: block;
        margin: 0 auto;
        margin-top: 23px; }
      .trial-application .trial-application__title .desc {
        text-align: center; }
        .trial-application .trial-application__title .desc p:not(.direct-call) {
          font-size: 14px; }
        .trial-application .trial-application__title .desc .direct-call {
          font-size: 14px; }
    .trial-application .form__container form .form__item input[type=text],
    .trial-application .form__container form .form__item input[type=email] {
      width: 100%; }
    .trial-application .form__container form .form__item:not(.inquiry__container) input[type=text],
    .trial-application .form__container form .form__item:not(.inquiry__container) input[type=email] {
      height: 60px; }
    .trial-application .form__container form .inquiry__container label {
      vertical-align: top;
      padding-top: 24px; }
    .trial-application .form__container form .inquiry__container textarea {
      height: 317px;
      width: 100%; }
    .trial-application .form__container form .form__item > label {
      width: 100%;
      margin-bottom: 16px; }
    .trial-application .form__container form .form__item:not(.number__container) label::before {
      content: "※";
      color: #562577;
      margin-right: 16px; }
    .trial-application .form__container form .kinds__container {
      width: 100%;
      margin-bottom: 36px; }
      .trial-application .form__container form .kinds__container label {
        width: 100%;
        display: unset;
        margin-bottom: 16px; }
      .trial-application .form__container form .kinds__container .kinds {
        display: inline-flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        margin-left: 77px;
        width: 60%; }
        .trial-application .form__container form .kinds__container .kinds .kinds__item {
          display: inline;
          margin-bottom: 0; }
          .trial-application .form__container form .kinds__container .kinds .kinds__item label {
            font-size: 16px;
            font-weight: 600; }
          .trial-application .form__container form .kinds__container .kinds .kinds__item label::before {
            content: none; }
    .trial-application .form__container form .name__container,
    .trial-application .form__container form .number__container,
    .trial-application .form__container form .mail__container {
      margin-bottom: 48px; }
    .trial-application .form__container .privacy-policy {
      height: 100%;
      padding: 16px; }
      .trial-application .form__container .privacy-policy div {
        width: 100%; }
        .trial-application .form__container .privacy-policy div p {
          font-size: 14px; }
    .trial-application .form__container .terms {
      height: 100%;
      padding: 16px; }
      .trial-application .form__container .terms div {
        width: 100%; }
        .trial-application .form__container .terms div p {
          font-size: 14px; }
    .trial-application .form__container .agree {
      width: 360px;
      height: 60px;
      margin-bottom: 32px; }
    .trial-application .form__container .form__button {
      width: 360px;
      height: 80px; }
      .trial-application .form__container .form__button a {
        width: 360px;
        height: 80px; }
  .footer .footer__content {
    margin-top: 62px; }
    .footer .footer__content .footer__header {
      margin-bottom: 16px; }
      .footer .footer__content .footer__header img {
        width: 167px;
        height: 46px;
        margin-bottom: 16px; }
      .footer .footer__content .footer__header p {
        font-size: 18px;
        text-align: center; }
    .footer .footer__content .footer__icon {
      width: 260px;
      margin-bottom: 32px; }
      .footer .footer__content .footer__icon img {
        width: 60px;
        height: 60px; }
    .footer .footer__content .footer__contact .address p {
      font-size: 16px; }
    .footer .footer__content .footer__contact .telephone p {
      font-size: 16px; }
  .footer .copyright p {
    font-size: 14px; } }

@media (min-width: 768px) and (max-width: 872px) {
  .student-voice .complete-beginner .image,
  .student-voice .leverage .image {
    width: 100%; }
    .student-voice .complete-beginner .image img,
    .student-voice .leverage .image img {
      left: 0;
      object-fit: cover; } }

@media (min-width: 768px) and (max-width: 991px) {
  .header {
    margin-bottom: 80px;
    padding-top: 32px;
    padding-left: 0;
    padding-bottom: 32px;
    height: 100%;
    overflow: hidden; }
    .header .header__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative; }
      .header .header__content .text__container {
        position: relative;
        z-index: 1; }
        .header .header__content .text__container .text {
          margin-bottom: 10px; }
          .header .header__content .text__container .text .little-tree {
            display: flex;
            flex-direction: column;
            margin-bottom: 18px; }
            .header .header__content .text__container .text .little-tree .image {
              width: 167px;
              height: 46px;
              object-fit: contain;
              margin-bottom: 18px; }
              .header .header__content .text__container .text .little-tree .image img {
                width: 100%;
                height: 100%; }
            .header .header__content .text__container .text .little-tree p {
              font-size: 16px;
              margin: 0; }
          .header .header__content .text__container .text h1 {
            font-size: 30px;
            text-align: center;
            margin-bottom: 28px; }
          .header .header__content .text__container .text h2 {
            font-size: 40px;
            text-align: center;
            margin-bottom: 16px; }
            .header .header__content .text__container .text h2 span {
              display: block;
              margin-top: 10px; }
          .header .header__content .text__container .text .for-students {
            display: flex;
            flex-direction: column;
            align-items: center; }
            .header .header__content .text__container .text .for-students .for {
              width: 87px;
              height: auto;
              margin-bottom: 16px;
              margin-right: 0; }
            .header .header__content .text__container .text .for-students .students {
              width: 238px;
              height: auto; }
        .header .header__content .text__container .award__container {
          width: 340px;
          margin: 0 auto; }
          .header .header__content .text__container .award__container .image {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%; }
            .header .header__content .text__container .award__container .image img {
              width: 142px;
              height: 172px; }
      .header .header__content .banner__image {
        position: relative;
        width: 100%; }
        .header .header__content .banner__image img {
          filter: brightness(0.6);
          position: absolute;
          left: -42%;
          top: -664px;
          height: 900px;
          object-fit: cover; }
        .header .header__content .banner__image .button {
          position: relative;
          width: 70%;
          right: 0;
          bottom: -20px;
          padding: 28px;
          margin: 0 auto; }
          .header .header__content .banner__image .button div p:nth-of-type(1) {
            font-size: 20px;
            letter-spacing: unset; }
          .header .header__content .banner__image .button div p:nth-of-type(2) {
            font-size: 24px;
            letter-spacing: unset; }
        .header .header__content .banner__image .button::after {
          width: 14px;
          height: 19px; }
  .skill {
    margin-bottom: 52px; }
    .skill .independent {
      width: 100%; }
      .skill .independent .content__container .text {
        padding: 12px;
        padding-top: 100px; }
    .skill .instructor {
      width: 100%; }
      .skill .instructor .content__container .text {
        padding: 12px;
        padding-top: 100px; }
  .active {
    margin-bottom: 152px;
    padding-bottom: 0; }
    .active .active__content .scenes a {
      width: 32%; }
      .active .active__content .scenes a div {
        width: 100%; }
        .active .active__content .scenes a div img {
          width: 100%;
          object-fit: cover; }
  .japan-life {
    margin-bottom: 152px;
    height: 412px; }
    .japan-life .japan-life__content {
      margin: 0 auto; }
      .japan-life .japan-life__content .content {
        padding-top: 16px; }
        .japan-life .japan-life__content .content .text {
          width: 65%; }
          .japan-life .japan-life__content .content .text h2 {
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px; }
            .japan-life .japan-life__content .content .text h2 span {
              display: inline; }
          .japan-life .japan-life__content .content .text p span {
            display: inline; }
        .japan-life .japan-life__content .content .image img {
          width: 100%;
          object-fit: cover;
          top: -86px; }
        .japan-life .japan-life__content .content .button {
          padding: 24px;
          width: 732px;
          bottom: -26px; }
  .reason {
    margin-bottom: 52px; }
    .reason .learn,
    .reason .beginner,
    .reason .online,
    .reason .advice {
      height: 790px; }
      .reason .learn .text__container,
      .reason .beginner .text__container,
      .reason .online .text__container,
      .reason .advice .text__container {
        padding: 32px;
        padding-top: 150px;
        width: 100%; }
        .reason .learn .text__container h3,
        .reason .beginner .text__container h3,
        .reason .online .text__container h3,
        .reason .advice .text__container h3 {
          font-size: 28px; }
        .reason .learn .text__container p,
        .reason .beginner .text__container p,
        .reason .online .text__container p,
        .reason .advice .text__container p {
          font-size: 16px;
          width: 100% !important; }
        .reason .learn .text__container div h4,
        .reason .beginner .text__container div h4,
        .reason .online .text__container div h4,
        .reason .advice .text__container div h4 {
          font-size: 18px; }
        .reason .learn .text__container div ul li,
        .reason .beginner .text__container div ul li,
        .reason .online .text__container div ul li,
        .reason .advice .text__container div ul li {
          font-size: 14px; }
    .reason .learn .number {
      width: 86px;
      top: 24px;
      left: 0;
      right: 0;
      margin: 0 auto; }
      .reason .learn .number p {
        font-size: 28px;
        letter-spacing: 1px; }
      .reason .learn .number .line {
        width: 80px;
        right: 7px;
        bottom: 3px;
        position: relative; }
      .reason .learn .number img {
        position: relative;
        right: -39px;
        bottom: 3px;
        width: 43px;
        height: 53px; }
    .reason .learn .text__container h3 {
      height: 128px;
      margin-bottom: 16px; }
      .reason .learn .text__container h3 span {
        display: inline; }
    .reason .beginner .number {
      width: 86px;
      top: 24px;
      left: 0;
      right: 0;
      margin: 0 auto; }
      .reason .beginner .number p {
        font-size: 28px;
        letter-spacing: 1px; }
      .reason .beginner .number .line {
        position: relative;
        width: 80px;
        right: 7px;
        bottom: 3px; }
      .reason .beginner .number img {
        position: relative;
        right: -39px;
        bottom: 3px;
        width: 37px;
        height: 53px; }
    .reason .beginner .text__container h3 {
      margin-bottom: 16px;
      height: 128px;
      line-height: unset; }
      .reason .beginner .text__container h3 br {
        display: none; }
    .reason .online .number {
      width: 86px;
      top: 24px;
      left: 0;
      right: 0;
      margin: 0 auto; }
      .reason .online .number p {
        font-size: 28px;
        letter-spacing: 1px; }
      .reason .online .number .line {
        position: relative;
        width: 80px;
        right: 7px;
        bottom: 3px; }
      .reason .online .number img {
        position: relative;
        width: 86px;
        right: -39px;
        bottom: 3px;
        width: 43px;
        height: 46px; }
    .reason .online .text__container h3 {
      height: 128px;
      line-height: unset;
      margin-bottom: 16px; }
      .reason .online .text__container h3 br {
        display: none; }
    .reason .advice .number {
      width: 86px;
      top: 24px;
      left: 0;
      right: 0;
      margin: 0 auto; }
      .reason .advice .number p {
        font-size: 28px;
        letter-spacing: 1px; }
      .reason .advice .number .line {
        position: relative;
        width: 80px;
        right: 7px;
        bottom: 3px; }
      .reason .advice .number img {
        position: relative;
        right: -29px;
        bottom: 6px;
        width: 56px;
        height: 42px; }
    .reason .advice .text__container h3 {
      height: 128px;
      line-height: unset;
      margin-bottom: 16px; }
      .reason .advice .text__container h3 br {
        display: none; }
  .student-evaluation {
    margin-bottom: 52px; }
    .student-evaluation .student-evaluation__content .awards {
      max-width: 526px; }
      .student-evaluation .student-evaluation__content .awards .image {
        width: 247px;
        height: 293px; }
  .student-voice {
    margin-bottom: 52px;
    padding: 0; }
    .student-voice .complete-beginner .title,
    .student-voice .leverage .title {
      right: 0; }
    .student-voice .complete-beginner .text__container,
    .student-voice .leverage .text__container {
      margin: 0 auto; }
    .student-voice .complete-beginner {
      margin-bottom: 70px; }
    .student-voice .leverage {
      margin-bottom: 32px; }
  .start-trial .start-trial__content .last {
    margin-bottom: 70px !important; }
  .start-trial .start-trial__content .flow .flow__list .flow__item {
    padding-left: 8px;
    padding-right: 8px; }
  .native-teacher {
    margin-bottom: 152px;
    height: 458px; }
    .native-teacher .native-teacher__content {
      margin: 0 auto; }
      .native-teacher .native-teacher__content .content {
        padding-top: 16px; }
        .native-teacher .native-teacher__content .content .text {
          width: 65%; }
          .native-teacher .native-teacher__content .content .text h2 {
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 0; }
            .native-teacher .native-teacher__content .content .text h2 span {
              display: inline; }
          .native-teacher .native-teacher__content .content .text p span {
            display: inline; }
        .native-teacher .native-teacher__content .content .image img {
          height: 480px;
          width: 100%;
          object-fit: cover;
          top: -86px; }
        .native-teacher .native-teacher__content .content .button {
          padding: 24px;
          width: 732px;
          bottom: -75px; }
  .asked-question {
    margin-bottom: 152px; }
    .asked-question .asked-question__content {
      max-width: 800px;
      margin: 0 auto; }
      .asked-question .asked-question__content .qa__container {
        padding: 32px !important; }
  .learning-advice {
    height: 412px; }
    .learning-advice .learning-advice__content {
      margin: 0 auto; }
      .learning-advice .learning-advice__content .content {
        padding-top: 16px; }
        .learning-advice .learning-advice__content .content .text {
          width: 65%; }
          .learning-advice .learning-advice__content .content .text h2 {
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px; }
            .learning-advice .learning-advice__content .content .text h2 span {
              display: inline; }
          .learning-advice .learning-advice__content .content .text p span {
            display: inline; }
        .learning-advice .learning-advice__content .content .image img {
          width: 100%;
          object-fit: cover;
          top: -86px; }
        .learning-advice .learning-advice__content .content .button {
          padding: 24px;
          width: 732px;
          bottom: -26px; }
  .trial-application {
    padding: 52px 0;
    padding-top: 140px; }
    .trial-application .trial-application__title {
      max-width: 800px; }
    .trial-application .form__container {
      max-width: 800px; }
      .trial-application .form__container .privacy-policy,
      .trial-application .form__container .terms {
        padding: 16px; }
      .trial-application .form__container .agree {
        margin-bottom: 48px; }
  .footer .footer__content {
    margin-top: 86px; } }

@media (min-width: 992px) and (max-width: 1650px) {
  .header .header__content .text__container .text .for-students span {
    height: 100%; }
  .skill {
    margin-bottom: 52px; }
    .skill .independent {
      width: 100%;
      margin: 0 auto;
      margin-bottom: 148px; }
      .skill .independent .content__container .text {
        padding: 12px;
        padding-top: 100px; }
    .skill .instructor {
      width: 100%;
      margin: 0 auto; }
      .skill .instructor .content__container .text {
        padding: 12px;
        padding-top: 100px; }
  .japan-life {
    margin-bottom: 152px; }
    .japan-life .japan-life__content {
      margin: 0 auto; }
      .japan-life .japan-life__content .content {
        padding-top: 16px; }
        .japan-life .japan-life__content .content .text h2 {
          line-height: unset;
          letter-spacing: unset; }
          .japan-life .japan-life__content .content .text h2 span {
            display: inline; }
        .japan-life .japan-life__content .content .text p span {
          display: inline; }
        .japan-life .japan-life__content .content .image img {
          width: 100%;
          object-fit: cover;
          top: -86px; }
        .japan-life .japan-life__content .content .button {
          bottom: -18px; }
  .reason {
    margin-bottom: 52px; }
    .reason .learn .text__container,
    .reason .beginner .text__container,
    .reason .online .text__container,
    .reason .advice .text__container {
      padding: 32px;
      padding-top: 48px;
      padding-left: 114px;
      width: 100%; }
      .reason .learn .text__container h3,
      .reason .beginner .text__container h3,
      .reason .online .text__container h3,
      .reason .advice .text__container h3 {
        font-size: 28px; }
      .reason .learn .text__container p,
      .reason .beginner .text__container p,
      .reason .online .text__container p,
      .reason .advice .text__container p {
        font-size: 16px;
        width: 100% !important; }
      .reason .learn .text__container div h4,
      .reason .beginner .text__container div h4,
      .reason .online .text__container div h4,
      .reason .advice .text__container div h4 {
        font-size: 18px; }
      .reason .learn .text__container div ul li,
      .reason .beginner .text__container div ul li,
      .reason .online .text__container div ul li,
      .reason .advice .text__container div ul li {
        font-size: 14px; }
    .reason .learn .number {
      top: 19px;
      left: 12px; }
      .reason .learn .number p {
        font-size: 28px;
        letter-spacing: 1px; }
      .reason .learn .number .line {
        width: 80px;
        right: -41px;
        bottom: 3px; }
      .reason .learn .number img {
        right: -50px;
        bottom: -50px;
        width: 43px;
        height: 53px; }
    .reason .beginner .number {
      top: 19px;
      left: 12px; }
      .reason .beginner .number p {
        font-size: 28px;
        letter-spacing: 1px; }
      .reason .beginner .number .line {
        width: 80px;
        right: -41px;
        bottom: 3px; }
      .reason .beginner .number img {
        right: -45px;
        bottom: -50px;
        width: 37px;
        height: 53px; }
    .reason .online .number {
      top: 24px;
      left: 12px; }
      .reason .online .number p {
        font-size: 28px;
        letter-spacing: 1px; }
      .reason .online .number .line {
        width: 80px;
        right: -41px;
        bottom: 3px; }
      .reason .online .number img {
        right: -50px;
        bottom: -45px;
        width: 43px;
        height: 46px; }
    .reason .advice .number {
      top: 24px;
      left: 12px; }
      .reason .advice .number p {
        font-size: 28px;
        letter-spacing: 1px; }
      .reason .advice .number .line {
        width: 80px;
        right: -41px;
        bottom: 3px; }
      .reason .advice .number img {
        right: -55px;
        bottom: -45px;
        width: 56px;
        height: 50px; }
  .student-evaluation {
    margin-bottom: 52px; }
    .student-evaluation .student-evaluation__content .awards {
      max-width: 526px; }
      .student-evaluation .student-evaluation__content .awards .image {
        width: 247px;
        height: 293px; }
  .student-voice .complete-beginner .text__container,
  .student-voice .leverage .text__container {
    margin-right: 340px;
    margin-left: 30px; }
  .student-voice .leverage {
    margin-bottom: 0; }
  .start-trial .start-trial__content .last {
    margin-bottom: 70px !important; }
  .native-teacher {
    margin-bottom: 152px; }
    .native-teacher .native-teacher__content {
      margin: 0 auto; }
      .native-teacher .native-teacher__content .content {
        padding-top: 16px; }
        .native-teacher .native-teacher__content .content .text h2 {
          line-height: unset;
          letter-spacing: unset; }
          .native-teacher .native-teacher__content .content .text h2 span {
            display: inline; }
        .native-teacher .native-teacher__content .content .text p span {
          display: inline; }
        .native-teacher .native-teacher__content .content .image img {
          width: 100%;
          object-fit: cover;
          top: -86px; }
        .native-teacher .native-teacher__content .content .button {
          bottom: -18px; }
  .asked-question {
    margin-bottom: 152px; }
    .asked-question .asked-question__content {
      max-width: 800px;
      margin: 0 auto; }
      .asked-question .asked-question__content .qa__container {
        padding: 32px !important; }
  .learning-advice .learning-advice__content {
    margin: 0 auto; }
    .learning-advice .learning-advice__content .content {
      padding-top: 16px; }
      .learning-advice .learning-advice__content .content .text h2 {
        line-height: unset;
        letter-spacing: unset; }
        .learning-advice .learning-advice__content .content .text h2 span {
          display: inline; }
      .learning-advice .learning-advice__content .content .text p span {
        display: inline; }
      .learning-advice .learning-advice__content .content .image img {
        width: 100%;
        object-fit: cover;
        top: -86px; }
      .learning-advice .learning-advice__content .content .button {
        bottom: -18px; }
  .trial-application {
    padding: 52px 0;
    padding-top: 140px; }
    .trial-application .trial-application__title {
      max-width: 800px; }
    .trial-application .form__container {
      max-width: 800px; }
      .trial-application .form__container .privacy-policy,
      .trial-application .form__container .terms {
        padding: 16px; }
      .trial-application .form__container .agree {
        margin-bottom: 48px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .header {
    margin-bottom: 80px;
    padding-top: 32px;
    padding-left: 0;
    padding-bottom: 32px;
    height: 100%;
    overflow: hidden; }
    .header .header__col {
      padding: 0; }
    .header .header__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative; }
      .header .header__content .text__container {
        position: relative;
        z-index: 1; }
        .header .header__content .text__container .text {
          margin-bottom: 10px; }
          .header .header__content .text__container .text .little-tree {
            display: flex;
            flex-direction: column;
            margin-bottom: 18px; }
            .header .header__content .text__container .text .little-tree .image {
              width: 167px;
              height: 46px;
              object-fit: contain;
              margin-bottom: 18px; }
              .header .header__content .text__container .text .little-tree .image img {
                width: 100%;
                height: 100%; }
            .header .header__content .text__container .text .little-tree p {
              font-size: 16px;
              margin: 0; }
          .header .header__content .text__container .text h1 {
            font-size: 30px;
            text-align: center;
            margin-bottom: 28px; }
          .header .header__content .text__container .text h2 {
            font-size: 40px;
            text-align: center;
            margin-bottom: 16px; }
            .header .header__content .text__container .text h2 span {
              display: block;
              margin-top: 10px; }
          .header .header__content .text__container .text .for-students {
            display: flex;
            flex-direction: column;
            align-items: center; }
            .header .header__content .text__container .text .for-students .for {
              width: 87px;
              height: auto;
              margin-bottom: 16px;
              margin-right: 0; }
            .header .header__content .text__container .text .for-students .students {
              width: 238px;
              height: auto; }
        .header .header__content .text__container .award__container {
          width: 340px;
          margin: 0 auto; }
          .header .header__content .text__container .award__container .image {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%; }
            .header .header__content .text__container .award__container .image img {
              width: 142px;
              height: 172px; }
      .header .header__content .banner__image {
        position: relative;
        width: 100%; }
        .header .header__content .banner__image img {
          filter: brightness(0.6);
          position: absolute;
          left: -26%;
          top: -664px;
          width: 1687px;
          height: 926px;
          object-fit: cover; }
        .header .header__content .banner__image .button {
          position: relative;
          width: 70%;
          right: 0;
          bottom: -20px;
          padding: 28px;
          margin: 0 auto; }
          .header .header__content .banner__image .button div p:nth-of-type(1) {
            font-size: 20px;
            letter-spacing: unset; }
          .header .header__content .banner__image .button div p:nth-of-type(2) {
            font-size: 24px;
            letter-spacing: unset; }
        .header .header__content .banner__image .button::after {
          width: 14px;
          height: 19px; } }

@media (min-width: 1200px) and (max-width: 1399px) {
  .header {
    margin-bottom: 80px;
    padding-top: 32px;
    padding-left: 0;
    padding-bottom: 0;
    height: 100%;
    overflow: hidden; }
    .header .header__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative; }
      .header .header__content .text__container {
        position: relative;
        z-index: 1; }
        .header .header__content .text__container .text {
          margin-bottom: 10px; }
          .header .header__content .text__container .text .little-tree {
            display: flex;
            flex-direction: row;
            margin-bottom: 18px; }
            .header .header__content .text__container .text .little-tree .image {
              width: 175px;
              height: 39px;
              margin-bottom: 18px; }
              .header .header__content .text__container .text .little-tree .image img {
                width: 100%;
                height: 100%; }
            .header .header__content .text__container .text .little-tree p {
              font-size: 18px;
              margin: 0; }
          .header .header__content .text__container .text h1 {
            font-size: 32px;
            margin-bottom: 28px; }
          .header .header__content .text__container .text h2 {
            font-size: 64px;
            margin-bottom: 16px; }
            .header .header__content .text__container .text h2 span {
              display: block;
              margin-top: 10px; }
          .header .header__content .text__container .text .for-students {
            margin-bottom: 24px; }
            .header .header__content .text__container .text .for-students .for {
              margin-right: 0;
              width: 114px;
              height: auto; }
        .header .header__content .text__container .award__container {
          width: 384px; }
          .header .header__content .text__container .award__container .image {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            height: 100%; }
            .header .header__content .text__container .award__container .image img {
              width: 180px;
              height: 227px; }
      .header .header__content .banner__image {
        position: relative;
        width: 100%;
        height: 54px; }
        .header .header__content .banner__image img {
          position: absolute;
          left: 380px;
          top: -607px;
          height: auto;
          width: 1200px;
          object-fit: cover; }
        .header .header__content .banner__image .button {
          position: relative;
          width: 600px;
          right: 0;
          bottom: 100px;
          padding: 28px;
          margin: 0 auto;
          margin-right: 32px; }
          .header .header__content .banner__image .button div p:nth-of-type(1) {
            font-size: 20px;
            letter-spacing: unset; }
          .header .header__content .banner__image .button div p:nth-of-type(2) {
            font-size: 24px;
            letter-spacing: unset; }
        .header .header__content .banner__image .button::after {
          width: 14px;
          height: 19px; } }

@media (min-width: 1400px) and (max-width: 1650px) {
  .header {
    margin-bottom: 80px;
    padding-top: 32px;
    padding-left: 0;
    padding-bottom: 0;
    height: 100%;
    overflow: hidden; }
    .header .header__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative; }
      .header .header__content .text__container {
        position: relative;
        z-index: 1; }
        .header .header__content .text__container .text {
          margin-bottom: 10px; }
          .header .header__content .text__container .text .little-tree {
            display: flex;
            flex-direction: row;
            margin-bottom: 18px; }
            .header .header__content .text__container .text .little-tree .image {
              width: 175px;
              height: 39px;
              margin-bottom: 18px; }
              .header .header__content .text__container .text .little-tree .image img {
                width: 100%;
                height: 100%; }
            .header .header__content .text__container .text .little-tree p {
              font-size: 18px;
              margin: 0; }
          .header .header__content .text__container .text h1 {
            font-size: 32px;
            margin-bottom: 28px; }
          .header .header__content .text__container .text h2 {
            font-size: 64px;
            margin-bottom: 16px; }
            .header .header__content .text__container .text h2 span {
              display: block;
              margin-top: 10px; }
          .header .header__content .text__container .text .for-students {
            margin-bottom: 24px; }
            .header .header__content .text__container .text .for-students .for {
              margin-right: 0;
              width: 114px;
              height: auto; }
        .header .header__content .text__container .award__container {
          width: 384px; }
          .header .header__content .text__container .award__container .image {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            height: 100%; }
            .header .header__content .text__container .award__container .image img {
              width: 180px;
              height: 227px; }
      .header .header__content .banner__image {
        position: relative;
        width: 100%;
        height: 54px; }
        .header .header__content .banner__image img {
          position: absolute;
          left: 380px;
          top: -622px;
          height: auto;
          width: 1300px;
          object-fit: cover; }
        .header .header__content .banner__image .button {
          position: relative;
          width: 700px;
          right: 0;
          bottom: 100px;
          padding: 28px;
          margin: 0 auto;
          margin-right: 32px; }
          .header .header__content .banner__image .button div p:nth-of-type(1) {
            font-size: 20px;
            letter-spacing: unset; }
          .header .header__content .banner__image .button div p:nth-of-type(2) {
            font-size: 24px;
            letter-spacing: unset; }
        .header .header__content .banner__image .button::after {
          width: 24px;
          height: 32px; }
  .reason .learn .text__container,
  .reason .beginner .text__container,
  .reason .online .text__container,
  .reason .advice .text__container {
    width: 100%; } }

@media (min-width: 1651px) and (max-width: 1899px) {
  .header {
    margin-bottom: 80px;
    padding-top: 32px;
    padding-left: 0;
    padding-bottom: 0;
    height: 100%;
    overflow: hidden; }
    .header .header__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative; }
      .header .header__content .text__container {
        position: relative;
        z-index: 1; }
        .header .header__content .text__container .text {
          margin-bottom: 10px; }
          .header .header__content .text__container .text .little-tree {
            display: flex;
            flex-direction: row;
            margin-bottom: 18px; }
            .header .header__content .text__container .text .little-tree .image {
              width: 230px;
              height: 55px;
              margin-bottom: 18px; }
              .header .header__content .text__container .text .little-tree .image img {
                width: 100%;
                height: 100%; }
            .header .header__content .text__container .text .little-tree p {
              font-size: 22px;
              margin: 0; }
          .header .header__content .text__container .text h1 {
            font-size: 44px;
            margin-bottom: 28px; }
          .header .header__content .text__container .text h2 {
            font-size: 84px;
            margin-bottom: 16px; }
            .header .header__content .text__container .text h2 span {
              display: block;
              margin-top: 10px; }
          .header .header__content .text__container .text .for-students {
            font-size: 84px;
            margin: 0; }
            .header .header__content .text__container .text .for-students span {
              height: 100%;
              font-size: 52px;
              display: inline-block;
              width: 130px;
              margin-right: 16px; }
        .header .header__content .text__container .award__container {
          width: 480px; }
          .header .header__content .text__container .award__container .image {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            height: 100%; }
            .header .header__content .text__container .award__container .image img {
              width: 226px;
              height: 282px; }
      .header .header__content .banner__image {
        position: relative;
        width: 100%;
        height: 54px; }
        .header .header__content .banner__image img {
          position: absolute;
          left: 480px;
          top: -753px;
          height: auto;
          width: 1480px;
          object-fit: cover; }
        .header .header__content .banner__image .button {
          position: relative;
          width: 800px;
          right: 0;
          bottom: 100px;
          padding: 28px;
          margin: 0 auto;
          margin-right: 32px; }
          .header .header__content .banner__image .button div p:nth-of-type(1) {
            font-size: 22px;
            letter-spacing: unset; }
          .header .header__content .banner__image .button div p:nth-of-type(2) {
            font-size: 26px;
            letter-spacing: unset; }
        .header .header__content .banner__image .button::after {
          width: 24px;
          height: 32px; }
  .student-evaluation .student-evaluation__content .awards {
    max-width: 678px; }
  .reason .learn .text__container,
  .reason .beginner .text__container,
  .reason .online .text__container,
  .reason .advice .text__container {
    width: 100%; } }

body {
  overflow-x: hidden; }
  body .dot {
    background-color: orangered;
    height: 13px;
    width: 13px;
    border-radius: 10px; }

.lt_header {
  background-color: #2f5597;
  margin-bottom: 112px;
  padding-top: 48px;
  padding-left: 30px;
  padding-bottom: 40px; }
  .lt_header .header_wrapper .banner-area {
    display: flex;
    flex-wrap: wrap; }
    .lt_header .header_wrapper .banner-area .text-area {
      z-index: 2; }
      .lt_header .header_wrapper .banner-area .text-area .title_logo {
        display: flex;
        align-items: center;
        margin-bottom: 55px; }
        .lt_header .header_wrapper .banner-area .text-area .title_logo img {
          width: 230px;
          height: 55px;
          margin-right: 28px; }
        .lt_header .header_wrapper .banner-area .text-area .title_logo p {
          color: white;
          font-size: 22px;
          font-weight: bold;
          margin: 0; }
      .lt_header .header_wrapper .banner-area .text-area h1 {
        font-size: 70px;
        font-weight: 600;
        color: white;
        margin-bottom: 17px;
        letter-spacing: -1.7px; }
      .lt_header .header_wrapper .banner-area .text-area h2 {
        font-size: 70px;
        font-weight: 600;
        color: white;
        margin-bottom: 38px;
        letter-spacing: 5px;
        line-height: 1.57;
        display: inline-flex;
        flex-direction: column; }
        .lt_header .header_wrapper .banner-area .text-area h2 span {
          letter-spacing: 2.5px;
          display: block; }
      .lt_header .header_wrapper .banner-area .text-area h3 {
        color: #F2F309;
        font-size: 78px;
        font-weight: 300;
        display: flex;
        align-items: center;
        font-style: italic;
        letter-spacing: 2.7px;
        font-family: bodoni; }
        .lt_header .header_wrapper .banner-area .text-area h3 span {
          font-size: 47px;
          font-weight: 600;
          background: #F2F309;
          color: #2f5597;
          text-align: center;
          margin-right: 20px;
          margin-top: -10px;
          padding: 5px 25px; }
  .lt_header .header_wrapper .image-area {
    position: absolute;
    right: -158px;
    top: 82px;
    z-index: 1; }
    .lt_header .header_wrapper .image-area .image-banner img {
      width: 100%;
      height: 720px;
      position: relative; }
  .lt_header .bottom-content {
    flex-wrap: wrap;
    justify-content: space-between; }
    .lt_header .bottom-content .career-button {
      text-decoration: none;
      background: #e5894a url(../assets/png/button-background.png) no-repeat;
      bottom: 16px;
      left: 0;
      width: 774px;
      height: 136px;
      padding: 24px 0;
      padding-left: 38px;
      padding-right: 43px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      z-index: 2;
      margin-top: 97px; }
      .lt_header .bottom-content .career-button a {
        text-decoration: none; }
      .lt_header .bottom-content .career-button div p {
        color: white;
        margin: 0; }
      .lt_header .bottom-content .career-button div p:nth-of-type(1) {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 2.6px; }
      .lt_header .bottom-content .career-button div p:nth-of-type(2) {
        font-size: 34px;
        font-weight: 600;
        letter-spacing: 3.25px; }
    .lt_header .bottom-content .career-button::after {
      content: "";
      background: url(../assets/png/arrow-right-white.png) no-repeat;
      background-size: cover;
      width: 20px;
      height: 26px;
      display: inline-block; }
    .lt_header .bottom-content .career-button:hover {
      opacity: 0.8;
      transition: 0.7s; }
    .lt_header .bottom-content .award-area {
      z-index: 3;
      padding-right: 20px;
      margin-top: -25px; }
      .lt_header .bottom-content .award-area .ribbon:nth-of-type(1) {
        margin-right: 30px; }

.acquire_english .acquire_wrapper .acquire_title {
  max-width: 1330px;
  margin: 0 auto;
  margin-bottom: 140px;
  width: 100%;
  text-align: center;
  padding-left: 18px; }
  .acquire_english .acquire_wrapper .acquire_title h2 {
    font-size: 45px;
    font-weight: 600;
    letter-spacing: 1.2px;
    line-height: 1;
    color: #2f5597;
    display: inline-flex;
    flex-direction: column;
    align-items: center; }
    .acquire_english .acquire_wrapper .acquire_title h2 span {
      display: block;
      margin-top: 22px; }

.acquire_english .acquire_wrapper .content-start {
  max-width: 1330px;
  margin: 0 auto;
  margin-right: 125px;
  margin-bottom: 167px;
  position: relative; }
  .acquire_english .acquire_wrapper .content-start .independent-title {
    background: #2f5597;
    color: white;
    width: 640px;
    height: 162px;
    position: absolute;
    top: -81px;
    left: -35px;
    padding: 40px 0;
    padding-left: 59px;
    padding-bottom: 32px; }
    .acquire_english .acquire_wrapper .content-start .independent-title h3 {
      font-size: 24px;
      font-weight: 600;
      letter-spacing: 2px;
      margin-bottom: 10px; }
    .acquire_english .acquire_wrapper .content-start .independent-title h4 {
      font-size: 35px;
      font-weight: 600;
      letter-spacing: 4px; }
  .acquire_english .acquire_wrapper .content-start .text-image .text-area {
    width: 445px;
    padding: 117px 0;
    padding-left: 25px;
    padding-right: 70px;
    padding-bottom: 10px; }
    .acquire_english .acquire_wrapper .content-start .text-image .text-area p {
      margin-bottom: 5px;
      margin-top: 2px;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.7; }

.acquire_english .acquire_wrapper .content-start.instructor-area {
  margin-bottom: 160px; }
  .acquire_english .acquire_wrapper .content-start.instructor-area .independent-title h3 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 10px; }
  .acquire_english .acquire_wrapper .content-start.instructor-area .independent-title h4 {
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 1.6px; }
  .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .text-area {
    width: 470px;
    padding: 112px 25px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-right: 70px; }
    .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .text-area p {
      margin-bottom: 3px;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.7; }
  .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .image-area {
    width: 100%;
    margin-right: -380px; }

.en_conv {
  padding-bottom: 153px;
  padding-top: 100px;
  background-color: #f4f6fa; }
  .en_conv .encov_wrapper {
    max-width: 1000px;
    margin: auto; }
    .en_conv .encov_wrapper h2 {
      color: #2f5597;
      font-size: 42px;
      position: relative;
      font-weight: bold;
      text-align: center;
      line-height: 1.75;
      margin-left: 20px;
      letter-spacing: 4px; }
    .en_conv .encov_wrapper h2::before {
      content: "25";
      font-size: 45px;
      font-weight: bold;
      display: inline-flex;
      margin-right: 5px; }
    .en_conv .encov_wrapper h3 {
      font-size: 42px;
      font-weight: bold;
      text-align: center;
      color: #2f5597;
      letter-spacing: 4px;
      margin-left: 20px;
      margin-bottom: 55px; }
      .en_conv .encov_wrapper h3 span {
        display: inline-flex; }
    .en_conv .encov_wrapper .image-area {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
      .en_conv .encov_wrapper .image-area a {
        transition: 0.2s;
        text-decoration: none;
        margin-bottom: 75px; }
        .en_conv .encov_wrapper .image-area a .wrap-image {
          overflow: hidden; }
          .en_conv .encov_wrapper .image-area a .wrap-image img {
            width: 318px;
            height: 210px;
            margin-bottom: 20px;
            transition: transform .5s ease; }
          .en_conv .encov_wrapper .image-area a .wrap-image p {
            font-size: 23px;
            font-weight: bold;
            color: #2f5597;
            text-align: center; }
      .en_conv .encov_wrapper .image-area a:hover .wrap-image img {
        transform: scale(1.2); }

.career-up {
  background: #2f5597;
  height: 447px; }
  .career-up .career-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    margin-right: 286px; }
    .career-up .career-wrapper .content-start {
      padding-top: 67px;
      display: flex;
      justify-content: space-between;
      position: relative; }
      .career-up .career-wrapper .content-start .text-area {
        width: 45%;
        margin-right: 20px; }
        .career-up .career-wrapper .content-start .text-area h2 {
          color: #F2F309;
          font-size: 40px;
          font-weight: 600;
          margin-bottom: 31px;
          letter-spacing: 6px; }
          .career-up .career-wrapper .content-start .text-area h2 span {
            display: block;
            margin-top: 25px; }
        .career-up .career-wrapper .content-start .text-area p {
          color: white;
          font-size: 24px;
          font-weight: 600;
          line-height: 1.7;
          letter-spacing: 2.5px; }
          .career-up .career-wrapper .content-start .text-area p span {
            display: block; }
      .career-up .career-wrapper .content-start .image-area {
        width: 654px;
        height: 437px;
        position: relative; }
        .career-up .career-wrapper .content-start .image-area img {
          width: 654px;
          height: 437px;
          position: absolute;
          top: -132px; }
      .career-up .career-wrapper .content-start .career-button {
        text-decoration: none;
        background: #e5894a url(../assets/png/button-background.png) no-repeat;
        position: absolute;
        bottom: 16px;
        left: 0;
        width: 774px;
        height: 136px;
        padding: 24px 0;
        padding-left: 38px;
        padding-right: 36px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .career-up .career-wrapper .content-start .career-button a {
          text-decoration: none; }
        .career-up .career-wrapper .content-start .career-button div p {
          color: white;
          margin: 0; }
        .career-up .career-wrapper .content-start .career-button div p:nth-of-type(1) {
          font-size: 24px;
          font-weight: 600;
          letter-spacing: 2.6px; }
        .career-up .career-wrapper .content-start .career-button div p:nth-of-type(2) {
          font-size: 34px;
          font-weight: 600;
          letter-spacing: 3.25px; }
      .career-up .career-wrapper .content-start .career-button::after {
        content: "";
        background: url(../assets/png/arrow-right-white.png) no-repeat;
        background-size: cover;
        width: 20px;
        height: 26px;
        display: inline-block; }
      .career-up .career-wrapper .content-start .career-button:hover {
        opacity: 0.8;
        transition: 0.7s; }

.reason.lt-reasons {
  padding-top: 215px;
  margin-bottom: 75px; }
  .reason.lt-reasons .reason__title h2 {
    font-size: 43px;
    color: #2f5597;
    text-align: center;
    margin-left: 15px;
    letter-spacing: 3.5px;
    line-height: 1;
    margin-bottom: -4px; }
    .reason.lt-reasons .reason__title h2 span {
      display: inline-flex; }
  .reason.lt-reasons .reason__title h2::after {
    display: none; }
  .reason.lt-reasons .reason__item-b {
    background-color: #2f5597;
    height: 555px; }
  .reason.lt-reasons .reason__item-w {
    background-color: white;
    height: 555px; }
  .reason.lt-reasons .learn .text__container h3 {
    letter-spacing: 3.5px; }
    .reason.lt-reasons .learn .text__container h3 span {
      letter-spacing: 2px; }
  .reason.lt-reasons .learn .text__container h4 {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2.5px;
    line-height: 1.5; }
  .reason.lt-reasons .learn .text__container p:nth-of-type(3) {
    margin-bottom: 45px;
    line-height: 1; }
  .reason.lt-reasons .beginner .number p {
    color: #2f5597; }
  .reason.lt-reasons .beginner .number .line {
    border-color: #2f5597; }
  .reason.lt-reasons .beginner .text__container {
    padding-top: 110px; }
    .reason.lt-reasons .beginner .text__container h3 {
      color: #2f5597;
      letter-spacing: 3.5px; }
    .reason.lt-reasons .beginner .text__container p:nth-of-type(2) {
      line-height: 1.7;
      margin-bottom: 5px;
      width: 100%; }
    .reason.lt-reasons .beginner .text__container p:nth-of-type(3) {
      line-height: 1.7;
      margin-bottom: 0;
      width: 100%; }
  .reason.lt-reasons .online .number p {
    color: #2f5597; }
  .reason.lt-reasons .online .number .line {
    border-color: #2f5597; }
  .reason.lt-reasons .online .text__container h3 {
    color: #2f5597;
    letter-spacing: 3.5px; }
  .reason.lt-reasons .online .text__container p {
    letter-spacing: -1.7px; }
  .reason.lt-reasons .online .text__container p:nth-of-type(2) {
    margin-bottom: 5px; }
  .reason.lt-reasons .online .text__container p:nth-of-type(3) {
    margin-bottom: 33px;
    letter-spacing: -1px; }
  .reason.lt-reasons .online .text__container h4 {
    color: #2f5597;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2.5px;
    line-height: 1.7; }
  .reason.lt-reasons .advice .text__container p:nth-of-type(2) {
    width: 100%;
    line-height: 1.7;
    margin-bottom: 5px; }
  .reason.lt-reasons .advice .text__container p:nth-of-type(3) {
    width: 100%;
    line-height: 1;
    margin-bottom: 10px; }

.students_evaluation {
  padding-top: 102px;
  padding-bottom: 50px;
  margin-bottom: 40px; }
  .students_evaluation .evaluation-wrapper {
    max-width: 1000px;
    margin: auto; }
    .students_evaluation .evaluation-wrapper h2 {
      font-size: 43px;
      font-weight: bold;
      color: #2f5597;
      text-align: center;
      letter-spacing: 2.5px;
      margin-bottom: 23px;
      margin-left: 20px; }
    .students_evaluation .evaluation-wrapper h3 {
      font-size: 43px;
      font-weight: bold;
      color: #2f5597;
      text-align: center;
      letter-spacing: 3px;
      margin-bottom: 40px;
      margin-left: 20px; }
      .students_evaluation .evaluation-wrapper h3 span {
        display: inline-flex; }
    .students_evaluation .evaluation-wrapper .award-area :nth-child(1) {
      margin-right: 15px; }

.voice_of_students {
  padding: 95px 0;
  padding-bottom: 75px;
  max-width: 1315px;
  margin: auto; }
  .voice_of_students .top-title {
    text-align: center;
    margin-bottom: 60px; }
    .voice_of_students .top-title h2 {
      font-size: 43px;
      font-weight: bold;
      color: #2f5597;
      text-align: center;
      line-height: 40px;
      letter-spacing: 3px;
      margin-left: 20px; }
      .voice_of_students .top-title h2 span {
        display: inline-flex; }
    .voice_of_students .top-title p {
      font-size: 60px;
      font-weight: bold;
      color: orangered; }
  .voice_of_students .voice-image {
    position: relative;
    margin-left: -10px; }
    .voice_of_students .voice-image .text-box {
      position: absolute;
      right: -27px;
      bottom: 6px;
      text-align: left; }
      .voice_of_students .voice-image .text-box h3 {
        background-color: #2f5597;
        font-size: 32px;
        letter-spacing: 5.4px;
        font-weight: bold;
        color: white;
        padding: 26px 0;
        padding-left: 70px;
        padding-right: 29px;
        margin-bottom: 20px; }
  .voice_of_students .text-area {
    padding-top: 50px;
    padding-left: 155px;
    margin-bottom: 63px; }
    .voice_of_students .text-area p {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 0;
      margin-bottom: 0;
      max-width: 750px;
      letter-spacing: 0.5px;
      line-height: 28px; }
  .voice_of_students .voice-image.bottom-voice {
    padding-top: 55px; }
    .voice_of_students .voice-image.bottom-voice .text-box {
      right: -25px;
      bottom: 7px; }
      .voice_of_students .voice-image.bottom-voice .text-box h3 {
        padding: 26px 0px;
        padding-left: 70px;
        padding-right: 65px; }
  .voice_of_students .text-area.bottom-text p {
    margin-bottom: 3px;
    letter-spacing: 0.5px; }

.trial_lesson {
  background-color: #f4f6fa;
  padding-top: 115px;
  padding-bottom: 200px; }
  .trial_lesson .trial-wrapper {
    max-width: 1000px;
    margin: auto; }
    .trial_lesson .trial-wrapper .top-title {
      text-align: center; }
      .trial_lesson .trial-wrapper .top-title h2 {
        font-size: 43px;
        font-weight: bold;
        color: #2f5597;
        text-align: center;
        line-height: 40px;
        letter-spacing: 3px;
        margin-bottom: 40px;
        margin-left: 20px; }
        .trial_lesson .trial-wrapper .top-title h2 span {
          display: inline-flex; }
    .trial_lesson .trial-wrapper .text-area {
      text-align: center;
      margin-bottom: 135px; }
      .trial_lesson .trial-wrapper .text-area :nth-child(1) {
        margin-bottom: 45px; }
      .trial_lesson .trial-wrapper .text-area :nth-child(3) {
        margin-bottom: 8px; }
      .trial_lesson .trial-wrapper .text-area :nth-child(4) {
        margin-bottom: 5px; }
      .trial_lesson .trial-wrapper .text-area p {
        font-size: 24px;
        font-weight: bold;
        color: #2f5597;
        margin-bottom: 5px;
        letter-spacing: 2.5px;
        margin-left: 30px; }
    .trial_lesson .trial-wrapper .content-area {
      text-align: center; }
      .trial_lesson .trial-wrapper .content-area h3 {
        font-size: 35px;
        font-weight: bold;
        color: #2f5597;
        margin-bottom: 40px;
        letter-spacing: 2.5px;
        margin-left: 20px; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes {
        justify-content: space-between;
        flex-wrap: wrap; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box {
          background-color: #2f5597;
          width: 326px;
          height: 527px;
          padding-top: 60px; }
          .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box h3 {
            font-size: 25px;
            font-weight: bold;
            color: white;
            margin-bottom: 26px; }
          .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box h4 {
            font-size: 24px;
            font-weight: bold;
            color: white;
            line-height: 1.5; }
          .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box P {
            font-size: 16px;
            color: white;
            font-weight: bold;
            margin-bottom: 7px; }
          .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box .icon-div {
            background: url(../assets/png/calendar-icon.png) no-repeat;
            width: 100%;
            height: 25%;
            background-position: center;
            margin-top: 55px;
            margin-bottom: 30px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box.right-box h4 {
          line-height: 1.7; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box.right-box p {
          line-height: 1.3; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box.right-box .icon-div {
          background: url(../assets/png/2persons-icon.png) no-repeat;
          width: 100%;
          height: 30%;
          background-position: 47% top;
          margin-bottom: -7px;
          margin-top: 27px;
          margin-left: 20px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white {
          background-color: white;
          width: 345px;
          height: 527px;
          padding-top: 60px; }
          .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white :nth-child(1) {
            margin-bottom: 30px; }
          .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white h3 {
            font-size: 25px;
            font-weight: bold;
            margin-bottom: 0;
            color: #2f5597; }
          .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white h4 {
            font-size: 24px;
            font-weight: bold;
            color: #2f5597; }
          .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white P {
            font-size: 16px;
            color: black;
            font-weight: bold;
            margin-bottom: 4px; }
          .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white .icon-div {
            background: url(../assets/png/telephone-icon.png) no-repeat;
            width: 100%;
            height: 32%;
            background-position: 35% 100%;
            position: relative;
            margin-top: 13px;
            margin-bottom: 45px; }
          .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white .icon-div::after {
            content: "";
            background: url(../assets/png/mail-icon.png) no-repeat;
            background-position: 72% 88%;
            width: 100%;
            height: 100%;
            display: block; }

.career-up.teaching-experience .career-wrapper .text-area h2 span {
  letter-spacing: 4px; }

.faqs-section {
  padding-top: 265px;
  padding-bottom: 167px; }
  .faqs-section .faqs-content {
    max-width: 1000px;
    margin: auto; }
    .faqs-section .faqs-content .faqs-title {
      margin-bottom: 75px; }
      .faqs-section .faqs-content .faqs-title h2 {
        font-size: 43px;
        text-align: center;
        font-weight: bold;
        color: #2f5597;
        line-height: 40px;
        letter-spacing: 3px;
        margin-left: 20px; }
        .faqs-section .faqs-content .faqs-title h2 span {
          display: inline-flex; }
    .faqs-section .faqs-content .qa-wrap {
      border-bottom: 1px solid #2f5597;
      list-style: none;
      padding: 7px;
      margin-bottom: 62px; }
      .faqs-section .faqs-content .qa-wrap .question {
        display: inline-flex;
        align-items: center;
        margin-bottom: 28px; }
        .faqs-section .faqs-content .qa-wrap .question h3 {
          color: #2f5597;
          font-size: 25px;
          font-weight: 600;
          margin: 0;
          letter-spacing: 1.4px; }
      .faqs-section .faqs-content .qa-wrap .question::before {
        content: "Q.";
        display: inline;
        color: #2f5597;
        font-size: 27px;
        font-weight: bold;
        display: inline;
        align-self: flex-start;
        margin-right: 30px; }
      .faqs-section .faqs-content .qa-wrap .answer {
        display: inline-flex;
        align-items: center; }
        .faqs-section .faqs-content .qa-wrap .answer h3 {
          color: #393939;
          font-size: 24px;
          font-weight: bold;
          margin: 0;
          letter-spacing: 2px;
          margin-bottom: 23px; }
        .faqs-section .faqs-content .qa-wrap .answer .qa-text {
          padding-bottom: 35px; }
          .faqs-section .faqs-content .qa-wrap .answer .qa-text p {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 6px;
            max-width: 880px;
            letter-spacing: 0.2px; }
      .faqs-section .faqs-content .qa-wrap .answer::before {
        content: "A.";
        color: #393939;
        font-size: 27px;
        font-weight: 600;
        display: inline;
        align-self: flex-start;
        margin-right: 36px;
        margin-top: -4px; }
    .faqs-section .faqs-content .qa-wrap:nth-of-type(2) {
      margin-bottom: 70px; }
      .faqs-section .faqs-content .qa-wrap:nth-of-type(2) .question {
        margin-bottom: 35px; }
      .faqs-section .faqs-content .qa-wrap:nth-of-type(2) .answer .qa-text {
        padding-bottom: 58px; }
    .faqs-section .faqs-content .qa-wrap:nth-of-type(3) {
      margin-bottom: 70px; }
      .faqs-section .faqs-content .qa-wrap:nth-of-type(3) .question {
        margin-bottom: 32px; }
      .faqs-section .faqs-content .qa-wrap:nth-of-type(3) .answer .qa-text {
        padding-bottom: 60px; }
    .faqs-section .faqs-content .qa-wrap:nth-of-type(4) {
      margin-bottom: 73px; }
      .faqs-section .faqs-content .qa-wrap:nth-of-type(4) .question {
        margin-bottom: 35px; }
      .faqs-section .faqs-content .qa-wrap:nth-of-type(4) .answer .qa-text {
        padding-bottom: 27px; }
    .faqs-section .faqs-content .qa-wrap:nth-of-type(5) .question {
      margin-bottom: 32px; }
      .faqs-section .faqs-content .qa-wrap:nth-of-type(5) .question h3 {
        width: 1100px; }
    .faqs-section .faqs-content .qa-wrap:nth-of-type(5) .answer .qa-text {
      padding-bottom: 60px; }
      .faqs-section .faqs-content .qa-wrap:nth-of-type(5) .answer .qa-text p {
        max-width: 760px; }

.career-up.practical-business {
  margin-bottom: 0; }

.application-inquiry {
  background-color: #f4f6fa;
  padding-top: 225px;
  padding-bottom: 130px; }
  .application-inquiry .form-wrapper {
    max-width: 1000px;
    margin: auto; }
    .application-inquiry .form-wrapper .form-title {
      text-align: center;
      margin-bottom: 120px; }
      .application-inquiry .form-wrapper .form-title h2 {
        font-size: 45px;
        font-weight: bold;
        color: #2f5597;
        line-height: 30px;
        margin-bottom: 60px; }
        .application-inquiry .form-wrapper .form-title h2 span {
          font-size: 70px;
          font-weight: bold;
          color: orangered; }
      .application-inquiry .form-wrapper .form-title :nth-child(4) {
        margin-bottom: 40px; }
      .application-inquiry .form-wrapper .form-title p {
        font-size: 17px;
        font-weight: bold;
        color: #2f5597;
        margin-bottom: 12px; }
    .application-inquiry .form-wrapper .inquiry-form {
      max-width: 990px;
      margin: auto; }
      .application-inquiry .form-wrapper .inquiry-form .row {
        margin-bottom: 40px; }
      .application-inquiry .form-wrapper .inquiry-form .text-area {
        align-items: center; }
      .application-inquiry .form-wrapper .inquiry-form .button-check {
        width: 22%; }
      .application-inquiry .form-wrapper .inquiry-form .button-label {
        font-weight: bold; }
      .application-inquiry .form-wrapper .inquiry-form .check-label {
        font-weight: bold;
        padding-left: 15px; }
      .application-inquiry .form-wrapper .inquiry-form .required {
        color: #2f5597;
        margin-right: 15px; }
      .application-inquiry .form-wrapper .inquiry-form .text-area label {
        font-weight: bold; }
      .application-inquiry .form-wrapper .inquiry-form .text-area .form-text .input-width {
        height: 80px;
        width: 90%;
        border-radius: 0; }
      .application-inquiry .form-wrapper .inquiry-form .comment-area {
        margin-bottom: 17px; }
        .application-inquiry .form-wrapper .inquiry-form .comment-area .comment-form label {
          font-weight: bold; }
        .application-inquiry .form-wrapper .inquiry-form .comment-area .comment-input .input-width {
          height: 325px; }
      .application-inquiry .form-wrapper .inquiry-form .form-footer .condition-box {
        background-color: white;
        border: 2px solid black;
        padding: 30px 50px;
        overflow-y: scroll;
        margin-bottom: 10px; }
        .application-inquiry .form-wrapper .inquiry-form .form-footer .condition-box p {
          font-size: 16px;
          font-weight: bold; }
      .application-inquiry .form-wrapper .inquiry-form .form-footer .privacy-box {
        background-color: white;
        border: 2px solid black;
        padding: 30px 50px;
        overflow-y: scroll;
        margin-bottom: 40px; }
        .application-inquiry .form-wrapper .inquiry-form .form-footer .privacy-box p {
          font-size: 16px;
          font-weight: bold; }
      .application-inquiry .form-wrapper .inquiry-form .form-footer .robot-wrap {
        display: flex;
        justify-content: center;
        margin-bottom: 110px; }
        .application-inquiry .form-wrapper .inquiry-form .form-footer .robot-wrap .btn-robot {
          background-color: #2f5597;
          padding: 25px 120px;
          cursor: pointer; }
          .application-inquiry .form-wrapper .inquiry-form .form-footer .robot-wrap .btn-robot .form-check-label {
            font-weight: bold;
            color: white; }
          .application-inquiry .form-wrapper .inquiry-form .form-footer .robot-wrap .btn-robot .form-check-input {
            margin-right: 15px; }
        .application-inquiry .form-wrapper .inquiry-form .form-footer .robot-wrap .btn-robot:hover {
          opacity: 0.8;
          transition: 0.7s; }
      .application-inquiry .form-wrapper .inquiry-form .form-footer .footer-btn-wrap .footer-btn {
        text-align: center; }
        .application-inquiry .form-wrapper .inquiry-form .form-footer .footer-btn-wrap .footer-btn a {
          background-color: white;
          border: 2px solid black;
          text-decoration: none;
          font-size: 16px;
          font-weight: bold;
          color: black;
          padding: 35px 120px; }
      .application-inquiry .form-wrapper .inquiry-form .form-footer .footer-btn-wrap .footer-btn:hover {
        opacity: 0.8;
        transition: 0.7s; }
        .application-inquiry .form-wrapper .inquiry-form .form-footer .footer-btn-wrap .footer-btn:hover a {
          background-color: #f1f1f1;
          opacity: 0.8;
          transition: 0.7s; }

.trial-application {
  background-color: #f4f6fa; }
  .trial-application.lt_forms .trial-application__title {
    padding-top: 5px; }
    .trial-application.lt_forms .trial-application__title h2 {
      color: #2f5597;
      line-height: 1.1;
      margin-left: 20px; }
    .trial-application.lt_forms .trial-application__title .desc :last-child {
      color: black; }
    .trial-application.lt_forms .trial-application__title .desc p {
      color: #2f5597;
      letter-spacing: 1.5px;
      margin-left: 30px; }
  .trial-application.lt_forms .form__container form .form__item:not(.number__container) label::before {
    color: #2f5597; }
  .trial-application.lt_forms .agree.lt_agree {
    background-color: #2f5597; }
    .trial-application.lt_forms .agree.lt_agree .form-check {
      background-color: #2f5597; }

.footer.lt_footer {
  padding-top: 15px; }

@media (min-width: 280px) and (max-width: 374px) {
  .lt_header {
    padding-top: 30px;
    padding-left: 0;
    height: 720px;
    margin-bottom: 50px; }
    .lt_header .header_wrapper .banner-area {
      flex-direction: column; }
      .lt_header .header_wrapper .banner-area .text-area .title_logo {
        flex-direction: column;
        width: 100%;
        margin-bottom: 20px; }
        .lt_header .header_wrapper .banner-area .text-area .title_logo img {
          width: 180px;
          height: auto;
          margin-right: 0;
          margin-bottom: 20px; }
        .lt_header .header_wrapper .banner-area .text-area .title_logo p {
          text-align: center;
          width: 100%;
          font-size: 16px;
          font-weight: unset; }
      .lt_header .header_wrapper .banner-area .text-area h1 {
        font-size: 25px;
        font-weight: unset;
        margin-bottom: 0;
        letter-spacing: unset;
        line-height: unset;
        text-align: center;
        width: 100%; }
      .lt_header .header_wrapper .banner-area .text-area h2 {
        font-size: 25px;
        font-weight: unset;
        text-align: center;
        margin-bottom: 30px;
        letter-spacing: unset;
        line-height: unset;
        width: 100%; }
        .lt_header .header_wrapper .banner-area .text-area h2 span {
          font-size: 40px;
          font-weight: bold;
          margin-top: 20px; }
      .lt_header .header_wrapper .banner-area .text-area h3 {
        flex-direction: column;
        font-size: 50px;
        margin-bottom: 40px; }
        .lt_header .header_wrapper .banner-area .text-area h3 span {
          font-size: 33px;
          margin-right: 0; }
    .lt_header .header_wrapper .image-area {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      display: block; }
      .lt_header .header_wrapper .image-area .temp-background {
        background-color: black;
        width: 100%;
        height: 720px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        opacity: 0.5; }
      .lt_header .header_wrapper .image-area .image-banner img {
        width: 100%;
        object-fit: cover;
        background-position: left; }
    .lt_header .bottom-content {
      flex-direction: column-reverse; }
      .lt_header .bottom-content .career-button {
        position: relative;
        width: 100%;
        height: auto;
        right: 0;
        bottom: 60px;
        padding: 12px; }
        .lt_header .bottom-content .career-button div p:nth-of-type(1) {
          font-size: 12px;
          letter-spacing: unset; }
        .lt_header .bottom-content .career-button div p:nth-of-type(2) {
          font-size: 12px;
          letter-spacing: unset; }
      .lt_header .bottom-content .career-button::after {
        width: 14px;
        height: 18px; }
      .lt_header .bottom-content .award-area {
        padding-right: 0;
        justify-content: center;
        width: 100%; }
        .lt_header .bottom-content .award-area .ribbon:nth-of-type(1) {
          margin-right: 10px; }
        .lt_header .bottom-content .award-area .ribbon img {
          width: 100%; }
  .acquire_english .acquire_wrapper .acquire_title {
    padding-left: 0;
    margin-bottom: 30px; }
    .acquire_english .acquire_wrapper .acquire_title h2 {
      font-size: 27px;
      line-height: 1.5;
      letter-spacing: 0; }
  .acquire_english .acquire_wrapper .content-start {
    margin-right: unset;
    margin: 0 auto; }
    .acquire_english .acquire_wrapper .content-start .independent-title {
      position: relative;
      width: 100%;
      height: auto;
      text-align: center;
      left: unset;
      top: unset;
      padding: unset;
      padding-left: unset;
      padding-right: unset;
      padding-top: 10px;
      padding-bottom: 5px; }
      .acquire_english .acquire_wrapper .content-start .independent-title h3 {
        font-size: 14px;
        margin-bottom: 5px; }
      .acquire_english .acquire_wrapper .content-start .independent-title h4 {
        font-size: 18px; }
    .acquire_english .acquire_wrapper .content-start .text-image {
      flex-direction: column-reverse;
      margin-bottom: 40px; }
      .acquire_english .acquire_wrapper .content-start .text-image .image-area {
        width: 100%;
        margin-bottom: 20px; }
        .acquire_english .acquire_wrapper .content-start .text-image .image-area img {
          width: 100%; }
      .acquire_english .acquire_wrapper .content-start .text-image .text-area {
        width: 100%;
        padding: unset; }
        .acquire_english .acquire_wrapper .content-start .text-image .text-area p {
          width: 100%;
          letter-spacing: unset;
          font-size: 14px;
          margin-bottom: 20px; }
  .acquire_english .acquire_wrapper .content-start.instructor-area {
    margin-bottom: 60px; }
    .acquire_english .acquire_wrapper .content-start.instructor-area .independent-title h3 {
      font-size: 12px;
      margin-bottom: 5px; }
    .acquire_english .acquire_wrapper .content-start.instructor-area .independent-title h4 {
      font-size: 18px; }
    .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .text-area {
      width: 100%;
      padding: unset;
      padding-right: 0; }
      .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .text-area p {
        letter-spacing: unset;
        line-height: 1.7;
        font-size: 14px;
        margin-bottom: 17px; }
    .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .image-area {
      width: 100%;
      margin-right: unset; }
  .en_conv {
    padding-top: 30px;
    padding: 0 15px; }
    .en_conv .encov_wrapper {
      max-width: 980px;
      margin: auto; }
      .en_conv .encov_wrapper h2 {
        font-size: 20px;
        letter-spacing: 1px;
        margin-left: 0;
        text-align: center;
        margin-bottom: 0; }
      .en_conv .encov_wrapper h3 {
        font-size: 25px;
        margin-left: 0;
        margin-bottom: 20px;
        letter-spacing: 1px; }
      .en_conv .encov_wrapper h2::before {
        font-size: 20px; }
      .en_conv .encov_wrapper .image-area {
        justify-content: center; }
        .en_conv .encov_wrapper .image-area a {
          margin-bottom: 20px; }
          .en_conv .encov_wrapper .image-area a .wrap-image {
            width: 100%; }
            .en_conv .encov_wrapper .image-area a .wrap-image img {
              width: 100%;
              height: 210px;
              object-fit: cover; }
            .en_conv .encov_wrapper .image-area a .wrap-image p {
              font-size: 16px; }
        .en_conv .encov_wrapper .image-area a:nth-of-type(5) .wrap-image {
          width: 100%; }
  .career-up {
    height: 100%;
    width: 100%;
    margin-bottom: 72px;
    padding: 12px 0;
    padding-bottom: 50px; }
    .career-up .career-wrapper {
      margin-right: 0; }
      .career-up .career-wrapper .content-start {
        flex-direction: column;
        padding: unset; }
        .career-up .career-wrapper .content-start .text-area {
          width: 100%;
          text-align: center; }
          .career-up .career-wrapper .content-start .text-area h2 {
            font-size: 25px;
            letter-spacing: 0;
            line-height: unset;
            margin-bottom: 10px; }
            .career-up .career-wrapper .content-start .text-area h2 span {
              margin-top: 0; }
          .career-up .career-wrapper .content-start .text-area p {
            font-size: 18px;
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px; }
        .career-up .career-wrapper .content-start .image-area {
          width: 100%;
          height: auto;
          position: relative; }
          .career-up .career-wrapper .content-start .image-area img {
            width: 100%;
            height: auto;
            position: static; }
        .career-up .career-wrapper .content-start .career-button {
          bottom: -80px;
          height: unset;
          position: absolute;
          width: 100%;
          padding: 14px;
          padding-right: 10px; }
          .career-up .career-wrapper .content-start .career-button div p:nth-of-type(1) {
            font-size: 14px;
            letter-spacing: unset; }
          .career-up .career-wrapper .content-start .career-button div p:nth-of-type(2) {
            font-size: 14px;
            letter-spacing: unset; }
        .career-up .career-wrapper .content-start .career-button::after {
          width: 13px;
          height: 18px;
          background-position: right; }
  .reason.lt-reasons {
    padding-top: 40px; }
    .reason.lt-reasons .reason__title h2 {
      font-size: 27px;
      margin-left: 0; }
    .reason.lt-reasons .reason__item-w.online {
      background-color: #2f5597; }
    .reason.lt-reasons .reason__item-b {
      padding-left: 0; }
      .reason.lt-reasons .reason__item-b.advice {
        background-color: white;
        border-bottom: 1px solid #2f5597; }
    .reason.lt-reasons .learn .text__container {
      width: 75%;
      padding-top: 40px; }
      .reason.lt-reasons .learn .text__container h3 {
        font-size: 20px; }
      .reason.lt-reasons .learn .text__container p {
        font-size: 12px; }
      .reason.lt-reasons .learn .text__container h4 {
        font-size: 16px;
        letter-spacing: unset; }
    .reason.lt-reasons .beginner {
      width: 80%;
      padding-top: 0;
      padding: unset; }
      .reason.lt-reasons .beginner .number p {
        color: black; }
      .reason.lt-reasons .beginner .number .line {
        border-color: black; }
      .reason.lt-reasons .beginner .number img {
        filter: brightness(0); }
      .reason.lt-reasons .beginner .text__container h3 {
        font-size: 20px; }
      .reason.lt-reasons .beginner .text__container p {
        font-size: 12px; }
    .reason.lt-reasons .online .number p {
      color: white; }
    .reason.lt-reasons .online .number .line {
      width: 55px;
      right: -26px;
      bottom: 4px;
      border-color: white; }
    .reason.lt-reasons .online .number img {
      filter: 0;
      right: -46px;
      bottom: -39px;
      width: 43px;
      height: 43px; }
    .reason.lt-reasons .online .text__container {
      width: 80%;
      padding-top: 70px; }
      .reason.lt-reasons .online .text__container h3 {
        font-size: 20px;
        line-height: unset;
        margin-bottom: 15px;
        color: white; }
      .reason.lt-reasons .online .text__container p {
        color: white;
        font-size: 12px; }
      .reason.lt-reasons .online .text__container h4 {
        font-size: 16px;
        letter-spacing: unset;
        color: white; }
    .reason.lt-reasons .advice .number p {
      color: black; }
    .reason.lt-reasons .advice .number .line {
      border-color: black; }
    .reason.lt-reasons .advice .number img {
      filter: brightness(0);
      color: #2f5597; }
    .reason.lt-reasons .advice .text__container {
      width: 80%;
      padding-top: 70px; }
      .reason.lt-reasons .advice .text__container h3 {
        color: #2f5597;
        font-size: 20px; }
      .reason.lt-reasons .advice .text__container p {
        color: black;
        font-size: 12px; }
  .students_evaluation {
    padding: unset;
    margin-bottom: 60px; }
    .students_evaluation .evaluation-wrapper h2 {
      font-size: 27px;
      line-height: unset;
      text-align: center;
      letter-spacing: unset;
      margin-bottom: 5px;
      margin-left: 0; }
    .students_evaluation .evaluation-wrapper h3 {
      font-size: 30px;
      line-height: unset;
      text-align: center;
      letter-spacing: unset;
      margin-bottom: 5px;
      margin-left: 0;
      padding-left: 0;
      padding-right: 0; }
    .students_evaluation .evaluation-wrapper :nth-child(1) {
      margin-bottom: 0; }
    .students_evaluation .evaluation-wrapper .award-area {
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      .students_evaluation .evaluation-wrapper .award-area .ribbon {
        width: 100%;
        height: auto; }
        .students_evaluation .evaluation-wrapper .award-area .ribbon img {
          width: 100%;
          height: auto; }
      .students_evaluation .evaluation-wrapper .award-area .ribbon:nth-of-type(1) {
        margin-right: 0; }
        .students_evaluation .evaluation-wrapper .award-area .ribbon:nth-of-type(1) .ribbon {
          margin-right: 0; }
      .students_evaluation .evaluation-wrapper .award-area :nth-child(1) {
        margin-right: 0; }
  .voice_of_students {
    padding: 60px 0; }
    .voice_of_students .top-title {
      margin-bottom: 20px; }
      .voice_of_students .top-title h2 {
        font-size: 27px;
        margin-left: 0; }
        .voice_of_students .top-title h2 span {
          line-height: 0; }
    .voice_of_students .voice-image {
      flex-direction: column;
      margin-left: 0; }
      .voice_of_students .voice-image .text-box {
        position: relative;
        right: auto;
        bottom: 0;
        width: 100%; }
        .voice_of_students .voice-image .text-box h3 {
          font-size: 14px;
          padding: 15px;
          letter-spacing: unset;
          line-height: 30px;
          text-align: center;
          width: 100%;
          padding: 10px 5px;
          margin-bottom: 10px; }
    .voice_of_students .text-area {
      padding-left: 0;
      padding-top: 20px;
      margin-bottom: 0;
      height: auto;
      text-align: left;
      line-height: unset; }
      .voice_of_students .text-area p {
        letter-spacing: unset;
        font-size: 13px; }
    .voice_of_students .voice-image.bottom-voice .text-box {
      right: auto;
      bottom: 0; }
      .voice_of_students .voice-image.bottom-voice .text-box h3 {
        font-size: 14px;
        width: 100%;
        padding: 10px 5px;
        margin-bottom: 10px; }
  .trial_lesson {
    padding: unset;
    padding-left: 0;
    padding-right: 0;
    padding-top: 60px;
    padding-bottom: 50px; }
    .trial_lesson .trial-wrapper .top-title h2 {
      font-size: 27px;
      letter-spacing: unset;
      margin-bottom: 15px;
      margin-left: 0; }
      .trial_lesson .trial-wrapper .top-title h2 span {
        line-height: 0; }
    .trial_lesson .trial-wrapper .text-area {
      margin-bottom: 60px; }
      .trial_lesson .trial-wrapper .text-area p {
        font-size: 16px;
        margin-left: 0; }
    .trial_lesson .trial-wrapper .content-area h3 {
      font-size: 25px;
      margin-left: 0; }
    .trial_lesson .trial-wrapper .content-area .box-stlyes {
      flex-direction: column; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box {
        width: 100%;
        height: 350px;
        padding: 20px 0; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box h3 {
          font-size: 18px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box h4 {
          font-size: 18px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box p {
          font-size: 14px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box .icon-div {
          height: 120px;
          margin-top: 20px;
          margin-bottom: 20px; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box.right-box {
        width: 100%;
        padding: 20px 0; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box.right-box .icon-div {
          margin-left: 0;
          background-position: 110px 0;
          background-size: contain;
          width: 100%;
          margin-top: 0;
          margin-bottom: 20px; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white {
        width: 100%;
        height: 350px;
        padding: 20px 0; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white h3 {
          font-size: 18px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white h4 {
          font-size: 18px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white p {
          font-size: 14px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white .icon-div {
          background-position: 25% 0%;
          margin-bottom: 0; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white .icon-div::after {
          background-position: 78% 40%; }
  .career-up.teaching-experience .career-wrapper .text-wrapper :nth-child(2) {
    font-size: 20px; }
  .career-up.teaching-experience .career-wrapper .text-wrapper h2 {
    font-size: 20px; }
  .faqs-section {
    padding-top: 60px;
    padding-bottom: 40px; }
    .faqs-section .faqs-content {
      max-width: 980px; }
      .faqs-section .faqs-content .faqs-title {
        margin-bottom: 30px; }
        .faqs-section .faqs-content .faqs-title h2 {
          font-size: 30px;
          margin-left: 0; }
      .faqs-section .faqs-content .qa-wrap .question h3 {
        font-size: 18px; }
      .faqs-section .faqs-content .qa-wrap .question::before {
        margin-right: 18px;
        font-size: 22px; }
      .faqs-section .faqs-content .qa-wrap .answer h3 {
        font-size: 18px; }
      .faqs-section .faqs-content .qa-wrap .answer .qa-text p {
        font-size: 14px; }
      .faqs-section .faqs-content .qa-wrap .answer::before {
        margin-right: 18px;
        font-size: 22px; }
      .faqs-section .faqs-content .qa-wrap:nth-of-type(5) .question h3 {
        width: auto; }
  .application-inquiry {
    padding-top: 60px; }
    .application-inquiry .form-wrapper {
      max-width: 980px;
      margin: auto; }
      .application-inquiry .form-wrapper .form-title {
        margin-bottom: 80px; }
        .application-inquiry .form-wrapper .form-title h2 {
          font-size: 30px;
          line-height: unset;
          margin-bottom: 40px; }
          .application-inquiry .form-wrapper .form-title h2 span {
            line-height: 0; }
        .application-inquiry .form-wrapper .form-title p {
          font-size: 14px;
          max-width: 300px;
          margin: auto; }
      .application-inquiry .form-wrapper .inquiry-form {
        max-width: 1000px;
        margin: auto; }
        .application-inquiry .form-wrapper .inquiry-form .radio-buttons {
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          .application-inquiry .form-wrapper .inquiry-form .radio-buttons .button-check {
            width: auto; }
        .application-inquiry .form-wrapper .inquiry-form .text-area {
          flex-direction: column;
          align-items: center; }
          .application-inquiry .form-wrapper .inquiry-form .text-area .form-text {
            width: 100%; }
            .application-inquiry .form-wrapper .inquiry-form .text-area .form-text .input-width {
              width: 100%; }
        .application-inquiry .form-wrapper .inquiry-form .comment-area {
          flex-direction: column;
          align-items: center;
          width: 100%; }
          .application-inquiry .form-wrapper .inquiry-form .comment-area .comment-input {
            width: 100%; } }

@media (min-width: 375px) and (max-width: 576px) {
  main {
    overflow-x: hidden; }
  .lt_header {
    padding-top: 30px;
    padding-left: 0;
    height: 720px;
    margin-bottom: 50px; }
    .lt_header .header_wrapper .banner-area {
      flex-direction: column; }
      .lt_header .header_wrapper .banner-area .text-area .title_logo {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-bottom: 20px; }
        .lt_header .header_wrapper .banner-area .text-area .title_logo img {
          width: 180px;
          height: auto;
          margin-right: 0;
          margin-bottom: 15px; }
        .lt_header .header_wrapper .banner-area .text-area .title_logo p {
          text-align: center;
          font-size: 16px;
          font-weight: unset; }
      .lt_header .header_wrapper .banner-area .text-area h1 {
        font-size: 30px;
        font-weight: unset;
        margin-bottom: 0;
        letter-spacing: unset;
        line-height: unset;
        text-align: center;
        width: 100%; }
      .lt_header .header_wrapper .banner-area .text-area h2 {
        font-size: 30px;
        font-weight: unset;
        text-align: center;
        margin-bottom: 20px;
        letter-spacing: unset;
        line-height: unset;
        width: 100%;
        align-items: center; }
        .lt_header .header_wrapper .banner-area .text-area h2 span {
          font-size: 45px;
          font-weight: bold;
          max-width: 280px;
          letter-spacing: 7px;
          margin-top: 20px;
          margin-bottom: 20px; }
      .lt_header .header_wrapper .banner-area .text-area h3 {
        flex-direction: column;
        font-size: 50px;
        margin-bottom: 35px; }
        .lt_header .header_wrapper .banner-area .text-area h3 span {
          font-size: 35px;
          margin-right: 0; }
    .lt_header .header_wrapper .image-area {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      display: block; }
      .lt_header .header_wrapper .image-area .temp-background {
        background-color: black;
        width: 100%;
        height: 720px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        opacity: 0.5; }
      .lt_header .header_wrapper .image-area .image-banner img {
        width: 100%;
        object-fit: cover;
        background-position: left; }
    .lt_header .bottom-content {
      flex-direction: column-reverse; }
      .lt_header .bottom-content .career-button {
        position: relative;
        width: 100%;
        height: auto;
        right: 0;
        bottom: 80px;
        padding: 12px; }
        .lt_header .bottom-content .career-button div p:nth-of-type(1) {
          font-size: 14px;
          letter-spacing: unset; }
        .lt_header .bottom-content .career-button div p:nth-of-type(2) {
          font-size: 14px;
          letter-spacing: unset; }
      .lt_header .bottom-content .career-button::after {
        width: 18px;
        height: 21px; }
      .lt_header .bottom-content .award-area {
        padding-right: 0;
        justify-content: center; }
        .lt_header .bottom-content .award-area .ribbon:nth-of-type(1) {
          margin-right: 30px; }
        .lt_header .bottom-content .award-area .ribbon img {
          width: 100%; }
  .acquire_english .acquire_wrapper .acquire_title {
    padding-left: 0;
    margin-bottom: 30px; }
    .acquire_english .acquire_wrapper .acquire_title h2 {
      font-size: 30px;
      line-height: 1.5;
      letter-spacing: 0; }
  .acquire_english .acquire_wrapper .content-start {
    margin-right: unset;
    margin: 0 auto; }
    .acquire_english .acquire_wrapper .content-start .independent-title {
      position: relative;
      width: 100%;
      height: auto;
      text-align: center;
      left: unset;
      top: unset;
      padding: unset;
      padding-left: unset;
      padding-right: unset;
      padding-top: 10px;
      padding-bottom: 5px; }
      .acquire_english .acquire_wrapper .content-start .independent-title h3 {
        font-size: 16px;
        margin-bottom: 5px; }
      .acquire_english .acquire_wrapper .content-start .independent-title h4 {
        font-size: 20px; }
    .acquire_english .acquire_wrapper .content-start .text-image {
      flex-direction: column-reverse;
      margin-bottom: 40px; }
      .acquire_english .acquire_wrapper .content-start .text-image .image-area {
        width: 100%;
        margin-bottom: 20px; }
        .acquire_english .acquire_wrapper .content-start .text-image .image-area img {
          width: 100%; }
      .acquire_english .acquire_wrapper .content-start .text-image .text-area {
        width: 100%;
        padding: unset; }
        .acquire_english .acquire_wrapper .content-start .text-image .text-area p {
          width: 100%;
          letter-spacing: unset;
          font-size: 13px;
          margin-bottom: 20px; }
  .acquire_english .acquire_wrapper .content-start.instructor-area {
    margin-bottom: 60px; }
    .acquire_english .acquire_wrapper .content-start.instructor-area .independent-title h3 {
      font-size: 16px;
      margin-bottom: 5px; }
    .acquire_english .acquire_wrapper .content-start.instructor-area .independent-title h4 {
      font-size: 20px; }
    .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .text-area {
      width: 100%;
      padding: unset;
      padding-right: 0; }
      .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .text-area p {
        letter-spacing: unset;
        line-height: 1.7;
        font-size: 14px;
        margin-bottom: 17px; }
    .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .image-area {
      width: 100%;
      margin-right: 0; }
  .en_conv {
    padding-top: 30px;
    padding: 0 15px; }
    .en_conv .encov_wrapper {
      max-width: 980px;
      margin: auto; }
      .en_conv .encov_wrapper h2 {
        font-size: 23px;
        letter-spacing: 1px;
        margin-left: 0;
        text-align: center;
        margin-bottom: 0; }
      .en_conv .encov_wrapper h3 {
        font-size: 30px;
        margin-left: 0;
        margin-bottom: 20px;
        letter-spacing: 1px; }
      .en_conv .encov_wrapper h2::before {
        font-size: 30px; }
      .en_conv .encov_wrapper .image-area {
        justify-content: center; }
        .en_conv .encov_wrapper .image-area a {
          margin-bottom: 20px; }
          .en_conv .encov_wrapper .image-area a .wrap-image {
            width: 100%; }
            .en_conv .encov_wrapper .image-area a .wrap-image img {
              width: 100%;
              height: 210px;
              object-fit: cover; }
            .en_conv .encov_wrapper .image-area a .wrap-image p {
              font-size: 16px; }
        .en_conv .encov_wrapper .image-area a:nth-of-type(5) .wrap-image {
          width: 318px; }
  .career-up {
    height: 100%;
    width: 100%;
    margin-bottom: 72px;
    padding: 12px 0;
    padding-bottom: 50px; }
    .career-up .career-wrapper {
      margin-right: 0; }
      .career-up .career-wrapper .content-start {
        flex-direction: column;
        padding: unset; }
        .career-up .career-wrapper .content-start .text-area {
          width: 100%;
          text-align: center; }
          .career-up .career-wrapper .content-start .text-area h2 {
            font-size: 30px;
            letter-spacing: 0;
            line-height: unset;
            margin-bottom: 10px; }
            .career-up .career-wrapper .content-start .text-area h2 span {
              margin-top: 0; }
          .career-up .career-wrapper .content-start .text-area p {
            font-size: 18px;
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px; }
        .career-up .career-wrapper .content-start .image-area {
          width: 100%;
          height: auto;
          position: relative; }
          .career-up .career-wrapper .content-start .image-area img {
            width: 100%;
            height: auto;
            position: static; }
        .career-up .career-wrapper .content-start .career-button {
          bottom: -80px;
          height: unset;
          position: absolute;
          width: 100%;
          padding: 14px; }
          .career-up .career-wrapper .content-start .career-button div p:nth-of-type(1) {
            font-size: 14px;
            letter-spacing: unset; }
          .career-up .career-wrapper .content-start .career-button div p:nth-of-type(2) {
            font-size: 14px;
            letter-spacing: unset; }
        .career-up .career-wrapper .content-start .career-button::after {
          width: 12px;
          height: 18px; }
  .reason.lt-reasons {
    padding-top: 40px; }
    .reason.lt-reasons .reason__title h2 {
      font-size: 30px;
      margin-left: 0; }
    .reason.lt-reasons .reason__item-b {
      padding-left: 0; }
      .reason.lt-reasons .reason__item-b.advice {
        background-color: white;
        border-bottom: 1px solid #2f5597; }
    .reason.lt-reasons .reason__item-w.online {
      background-color: #2f5597; }
    .reason.lt-reasons .learn .text__container {
      width: 75%;
      padding-top: 40px; }
      .reason.lt-reasons .learn .text__container h4 {
        font-size: 18px;
        letter-spacing: unset; }
    .reason.lt-reasons .beginner {
      width: 80%;
      padding-top: 0;
      padding: unset; }
      .reason.lt-reasons .beginner .number p {
        color: black; }
      .reason.lt-reasons .beginner .number .line {
        border-color: black; }
      .reason.lt-reasons .beginner .number img {
        filter: brightness(0); }
    .reason.lt-reasons .online .number {
      top: 22px;
      left: 18px; }
      .reason.lt-reasons .online .number p {
        color: white; }
      .reason.lt-reasons .online .number .line {
        width: 55px;
        right: -26px;
        bottom: 4px;
        border-color: white; }
      .reason.lt-reasons .online .number img {
        filter: 0;
        right: -53px;
        bottom: -39px;
        width: 43px;
        height: 43px; }
    .reason.lt-reasons .online .text__container {
      width: 80%;
      padding-top: 70px; }
      .reason.lt-reasons .online .text__container h3 {
        color: white; }
      .reason.lt-reasons .online .text__container p {
        color: white; }
      .reason.lt-reasons .online .text__container h4 {
        font-size: 18px;
        letter-spacing: unset;
        color: white; }
    .reason.lt-reasons .advice .number p {
      color: black; }
    .reason.lt-reasons .advice .number .line {
      border-color: black; }
    .reason.lt-reasons .advice .number img {
      filter: brightness(0); }
    .reason.lt-reasons .advice .text__container {
      width: 80%;
      padding-top: 70px; }
      .reason.lt-reasons .advice .text__container h3 {
        color: #2f5597; }
      .reason.lt-reasons .advice .text__container p {
        color: black; }
  .students_evaluation {
    padding: 0 0;
    margin-bottom: 60px; }
    .students_evaluation .evaluation-wrapper h2 {
      font-size: 30px;
      line-height: unset;
      text-align: center;
      letter-spacing: unset;
      margin-bottom: 5px;
      margin-left: 0; }
    .students_evaluation .evaluation-wrapper h3 {
      font-size: 30px;
      line-height: unset;
      text-align: center;
      letter-spacing: unset;
      margin-bottom: 5px;
      margin-left: 0;
      padding-left: 12px;
      padding-right: 12px; }
    .students_evaluation .evaluation-wrapper :nth-child(1) {
      margin-bottom: 0; }
    .students_evaluation .evaluation-wrapper .award-area {
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      .students_evaluation .evaluation-wrapper .award-area .ribbon {
        width: 100%;
        height: auto; }
        .students_evaluation .evaluation-wrapper .award-area .ribbon img {
          width: 100%;
          height: auto; }
      .students_evaluation .evaluation-wrapper .award-area .ribbon:nth-of-type(1) {
        margin-right: 0; }
        .students_evaluation .evaluation-wrapper .award-area .ribbon:nth-of-type(1) .ribbon {
          margin-right: 0; }
  .voice_of_students {
    padding: 60px 0; }
    .voice_of_students .top-title {
      margin-bottom: 20px; }
      .voice_of_students .top-title h2 {
        font-size: 30px;
        margin-left: 0; }
        .voice_of_students .top-title h2 span {
          line-height: 0; }
    .voice_of_students .voice-image {
      flex-direction: column;
      margin-left: 0; }
      .voice_of_students .voice-image .text-box {
        position: relative;
        right: auto;
        bottom: 0;
        text-align: center; }
        .voice_of_students .voice-image .text-box h3 {
          font-size: 18px;
          padding: 15px;
          letter-spacing: unset;
          line-height: 30px;
          margin-bottom: 10px; }
    .voice_of_students .text-area {
      padding-left: 0;
      padding-top: 20px;
      margin-bottom: 0;
      height: auto;
      text-align: left; }
      .voice_of_students .text-area p {
        letter-spacing: unset;
        font-size: 14px; }
    .voice_of_students .voice-image.bottom-voice .text-box {
      right: auto;
      bottom: 0; }
      .voice_of_students .voice-image.bottom-voice .text-box h3 {
        padding: 15px;
        font-size: 18px; }
  .trial_lesson {
    padding-top: 60px;
    padding-bottom: 50px; }
    .trial_lesson .trial-wrapper .top-title h2 {
      font-size: 30px;
      letter-spacing: unset;
      margin-bottom: 15px;
      margin-left: 0; }
      .trial_lesson .trial-wrapper .top-title h2 span {
        line-height: 0; }
    .trial_lesson .trial-wrapper .text-area {
      margin-bottom: 60px; }
      .trial_lesson .trial-wrapper .text-area p {
        font-size: 16px;
        margin-left: 0; }
    .trial_lesson .trial-wrapper .content-area h3 {
      font-size: 25px;
      margin-left: 0; }
    .trial_lesson .trial-wrapper .content-area .box-stlyes {
      flex-direction: column; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box {
        width: 100%;
        height: 350px;
        padding: 20px 0; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box h3 {
          font-size: 18px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box h4 {
          font-size: 18px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box p {
          font-size: 14px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box .icon-div {
          height: 120px;
          margin-top: 20px;
          margin-bottom: 20px; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box.right-box {
        padding: 20px 0; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box.right-box .icon-div {
          background-position: 47% top;
          background-size: contain;
          margin-top: 0;
          margin-bottom: 20px; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white {
        width: 100%;
        height: 350px;
        padding: 20px 0; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white h3 {
          font-size: 18px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white h4 {
          font-size: 18px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white p {
          font-size: 14px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white .icon-div {
          background-position: 30% 0%;
          margin-bottom: 0; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white .icon-div::after {
          background-position: 70% 50%; }
  .career-up.teaching-experience .career-wrapper .text-wrapper :nth-child(2) {
    font-size: 28px; }
  .career-up.teaching-experience .career-wrapper .text-wrapper h2 {
    font-size: 25px; }
  .faqs-section {
    padding-top: 60px;
    padding-bottom: 40px; }
    .faqs-section .faqs-content {
      max-width: 980px; }
      .faqs-section .faqs-content .faqs-title {
        margin-bottom: 30px; }
        .faqs-section .faqs-content .faqs-title h2 {
          font-size: 30px;
          margin-left: 0; }
      .faqs-section .faqs-content .qa-wrap .question h3 {
        font-size: 18px; }
      .faqs-section .faqs-content .qa-wrap .question::before {
        margin-right: 18px;
        font-size: 22px; }
      .faqs-section .faqs-content .qa-wrap .answer h3 {
        font-size: 18px; }
      .faqs-section .faqs-content .qa-wrap .answer .qa-text p {
        font-size: 14px; }
      .faqs-section .faqs-content .qa-wrap .answer::before {
        margin-right: 18px;
        font-size: 22px; }
      .faqs-section .faqs-content .qa-wrap:nth-of-type(5) .question h3 {
        width: auto; }
  .application-inquiry {
    padding-top: 60px; }
    .application-inquiry .form-wrapper {
      max-width: 980px;
      margin: auto; }
      .application-inquiry .form-wrapper .form-title {
        margin-bottom: 80px; }
        .application-inquiry .form-wrapper .form-title h2 {
          font-size: 30px;
          line-height: unset;
          margin-bottom: 40px; }
          .application-inquiry .form-wrapper .form-title h2 span {
            line-height: 0; }
        .application-inquiry .form-wrapper .form-title p {
          font-size: 14px;
          max-width: 300px;
          margin: auto; }
      .application-inquiry .form-wrapper .inquiry-form {
        max-width: 1000px;
        margin: auto; }
        .application-inquiry .form-wrapper .inquiry-form .radio-buttons {
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          .application-inquiry .form-wrapper .inquiry-form .radio-buttons .button-check {
            width: auto; }
        .application-inquiry .form-wrapper .inquiry-form .text-area {
          flex-direction: column;
          align-items: center; }
          .application-inquiry .form-wrapper .inquiry-form .text-area .form-text {
            width: 100%; }
            .application-inquiry .form-wrapper .inquiry-form .text-area .form-text .input-width {
              width: 100%; }
        .application-inquiry .form-wrapper .inquiry-form .comment-area {
          flex-direction: column;
          align-items: center;
          width: 100%; }
          .application-inquiry .form-wrapper .inquiry-form .comment-area .comment-input {
            width: 100%; } }

@media (min-width: 577px) and (max-width: 767px) {
  .lt_header {
    padding-left: 0;
    padding-top: 30px;
    height: 720px;
    margin-bottom: 50px;
    width: 100%; }
    .lt_header .header_wrapper {
      width: 100%; }
      .lt_header .header_wrapper .banner-area {
        flex-direction: column; }
        .lt_header .header_wrapper .banner-area .text-area .title_logo {
          flex-direction: column;
          justify-content: center;
          align-items: center;
          margin-bottom: 20px; }
          .lt_header .header_wrapper .banner-area .text-area .title_logo img {
            margin-right: 0;
            margin-bottom: 15px;
            width: 180px;
            height: auto; }
          .lt_header .header_wrapper .banner-area .text-area .title_logo p {
            text-align: center;
            font-size: 16px; }
        .lt_header .header_wrapper .banner-area .text-area h1 {
          font-size: 35px;
          font-weight: unset;
          text-align: center;
          margin-bottom: 0;
          letter-spacing: unset;
          line-height: unset; }
        .lt_header .header_wrapper .banner-area .text-area h2 {
          font-size: 35px;
          font-weight: unset;
          text-align: center;
          margin-bottom: 30px;
          letter-spacing: unset;
          line-height: unset;
          width: 100%; }
          .lt_header .header_wrapper .banner-area .text-area h2 span {
            font-size: 42px;
            letter-spacing: 7px;
            font-weight: bold; }
        .lt_header .header_wrapper .banner-area .text-area h3 {
          flex-direction: column;
          font-size: 60px;
          margin-bottom: 50px; }
          .lt_header .header_wrapper .banner-area .text-area h3 span {
            font-size: 35px;
            margin-right: 0;
            padding: 5px 15px;
            margin-bottom: 20px; }
      .lt_header .header_wrapper .image-area {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        display: block; }
        .lt_header .header_wrapper .image-area .temp-background {
          background-color: black;
          width: 100%;
          height: 720px;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 1;
          opacity: 0.5; }
        .lt_header .header_wrapper .image-area .image-banner img {
          width: 100%;
          height: 720px;
          object-fit: cover;
          background-position: left; }
    .lt_header .bottom-content {
      flex-direction: column-reverse;
      justify-content: center;
      align-items: center;
      width: 100%; }
      .lt_header .bottom-content .career-button {
        position: relative;
        width: 75%;
        height: 70px;
        right: 0;
        padding: 12px;
        bottom: 80px; }
        .lt_header .bottom-content .career-button div p:nth-of-type(1) {
          font-size: 16px;
          letter-spacing: unset; }
        .lt_header .bottom-content .career-button div p:nth-of-type(2) {
          font-size: 20px;
          letter-spacing: unset; }
      .lt_header .bottom-content .career-button::after {
        width: 14px;
        height: 19px; }
      .lt_header .bottom-content .award-area {
        padding-right: 0;
        flex-wrap: nowrap;
        justify-content: center;
        width: 100%;
        padding-left: 50px; }
        .lt_header .bottom-content .award-area .ribbon:nth-of-type(1) {
          margin-right: -40px;
          width: 300px;
          height: auto; }
        .lt_header .bottom-content .award-area .ribbon:nth-of-type(2) {
          width: 300px;
          height: auto; }
        .lt_header .bottom-content .award-area .ribbon {
          width: 100%;
          height: auto;
          padding-left: 0; }
          .lt_header .bottom-content .award-area .ribbon img {
            width: 80%; }
  .acquire_english .acquire_wrapper .acquire_title {
    padding-left: 0;
    margin-bottom: 30px; }
    .acquire_english .acquire_wrapper .acquire_title h2 {
      font-size: 30px;
      line-height: 1.5;
      letter-spacing: unset; }
  .acquire_english .acquire_wrapper .content-start {
    margin-right: unset;
    margin: 0 auto; }
    .acquire_english .acquire_wrapper .content-start .independent-title {
      position: relative;
      width: 100%;
      height: auto;
      text-align: center;
      left: unset;
      top: unset;
      padding: unset;
      padding-left: unset;
      padding-right: unset;
      padding-top: 15px;
      padding-bottom: 5px; }
      .acquire_english .acquire_wrapper .content-start .independent-title h3 {
        font-size: 18px;
        margin-bottom: 5px; }
      .acquire_english .acquire_wrapper .content-start .independent-title h4 {
        font-size: 30px; }
    .acquire_english .acquire_wrapper .content-start .text-image {
      flex-direction: column-reverse;
      margin-bottom: 40px; }
      .acquire_english .acquire_wrapper .content-start .text-image .image-area {
        width: 100%;
        margin-bottom: 20px; }
        .acquire_english .acquire_wrapper .content-start .text-image .image-area img {
          width: 100%; }
      .acquire_english .acquire_wrapper .content-start .text-image .text-area {
        width: 100%;
        padding: unset; }
        .acquire_english .acquire_wrapper .content-start .text-image .text-area p {
          width: 100%;
          letter-spacing: unset;
          font-size: 13px;
          margin-bottom: 20px; }
  .acquire_english .acquire_wrapper .content-start.instructor-area {
    margin-bottom: 60px; }
    .acquire_english .acquire_wrapper .content-start.instructor-area .independent-title h3 {
      font-size: 18px;
      margin-bottom: 5px; }
    .acquire_english .acquire_wrapper .content-start.instructor-area .independent-title h4 {
      font-size: 30px; }
    .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .text-area {
      width: 100%;
      padding: unset;
      padding-right: 0; }
      .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .text-area p {
        letter-spacing: unset;
        line-height: 1.7;
        font-size: 14px;
        margin-bottom: 17px; }
    .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .image-area {
      width: 100%;
      margin-right: 0; }
  .en_conv {
    padding: 50px 15px; }
    .en_conv .encov_wrapper {
      max-width: 980px;
      margin: auto; }
      .en_conv .encov_wrapper h2 {
        font-size: 25px;
        letter-spacing: unset;
        margin-left: 0;
        text-align: center; }
      .en_conv .encov_wrapper h3 {
        font-size: 30px; }
      .en_conv .encov_wrapper h2::before {
        font-size: 30px; }
      .en_conv .encov_wrapper .image-area a {
        width: 48%;
        margin-bottom: 20px; }
        .en_conv .encov_wrapper .image-area a .wrap-image img {
          width: 100%;
          height: 200px; }
        .en_conv .encov_wrapper .image-area a .wrap-image p {
          font-size: 16px; }
  .career-up {
    height: 100%;
    width: 100%;
    margin-bottom: 72px;
    padding: 12px 0; }
    .career-up .career-wrapper {
      margin-right: 0; }
      .career-up .career-wrapper .content-start {
        padding: unset;
        justify-content: space-around;
        padding-bottom: 36px; }
        .career-up .career-wrapper .content-start .text-area {
          width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .career-up .career-wrapper .content-start .text-area h2 {
            font-size: 30px;
            letter-spacing: 2px;
            line-height: unset;
            margin-bottom: 15px; }
            .career-up .career-wrapper .content-start .text-area h2 span {
              margin-top: 0; }
          .career-up .career-wrapper .content-start .text-area p {
            font-size: 18px;
            line-height: unset;
            letter-spacing: 0;
            margin-bottom: 16px; }
        .career-up .career-wrapper .content-start .image-area {
          width: 100%;
          height: auto;
          position: relative; }
          .career-up .career-wrapper .content-start .image-area img {
            width: 100%;
            height: 100%;
            position: static;
            object-fit: cover; }
        .career-up .career-wrapper .content-start .career-button {
          bottom: -40px;
          height: unset;
          position: absolute;
          width: 75%;
          padding: 18px; }
          .career-up .career-wrapper .content-start .career-button div p:nth-of-type(1) {
            font-size: 16px;
            letter-spacing: 2px; }
          .career-up .career-wrapper .content-start .career-button div p:nth-of-type(2) {
            font-size: 16px;
            letter-spacing: 4px; }
            .career-up .career-wrapper .content-start .career-button div p:nth-of-type(2) span {
              font-size: 20px;
              bottom: 20px; }
        .career-up .career-wrapper .content-start .career-button::after {
          width: 12px;
          height: 18px; }
  .reason.lt-reasons {
    padding-top: 40px; }
    .reason.lt-reasons .reason__title h2 {
      font-size: 30px;
      margin-left: 0;
      letter-spacing: 0; }
    .reason.lt-reasons .reason__item-b {
      padding-left: 30px;
      padding-top: 100px; }
      .reason.lt-reasons .reason__item-b.advice {
        background-color: white; }
    .reason.lt-reasons .reason__item-w.online {
      background-color: #2f5597; }
    .reason.lt-reasons .reason__item-w {
      padding-left: 50px !important;
      padding-top: 70px !important; }
    .reason.lt-reasons .learn .text__container {
      width: 75%;
      padding-top: 40px; }
      .reason.lt-reasons .learn .text__container h4 {
        font-size: 18px;
        letter-spacing: unset; }
    .reason.lt-reasons .beginner {
      width: 80%;
      padding-top: 0;
      padding: unset; }
      .reason.lt-reasons .beginner .number p {
        color: black; }
      .reason.lt-reasons .beginner .number .line {
        border-color: black; }
      .reason.lt-reasons .beginner .number img {
        filter: brightness(0); }
    .reason.lt-reasons .online .number p {
      color: white; }
    .reason.lt-reasons .online .number .line {
      width: 55px;
      right: -26px;
      bottom: 4px;
      border-color: white; }
    .reason.lt-reasons .online .number img {
      filter: 0;
      right: -46px;
      bottom: -39px;
      width: 43px;
      height: 43px; }
    .reason.lt-reasons .online .text__container {
      width: 80%;
      padding-top: 70px; }
      .reason.lt-reasons .online .text__container h3 {
        color: white; }
      .reason.lt-reasons .online .text__container p {
        color: white; }
      .reason.lt-reasons .online .text__container h4 {
        font-size: 18px;
        letter-spacing: unset;
        color: white; }
    .reason.lt-reasons .advice {
      border-bottom: 1px solid #2f5597; }
      .reason.lt-reasons .advice .number p {
        color: black; }
      .reason.lt-reasons .advice .number .line {
        border-color: black; }
      .reason.lt-reasons .advice .number img {
        filter: brightness(0); }
      .reason.lt-reasons .advice .text__container {
        width: 80%;
        padding-top: 70px; }
        .reason.lt-reasons .advice .text__container h3 {
          color: #2f5597; }
        .reason.lt-reasons .advice .text__container p {
          color: black; }
  .students_evaluation {
    padding: 40px 0; }
    .students_evaluation .evaluation-wrapper h2 {
      font-size: 30px;
      line-height: unset;
      text-align: center;
      letter-spacing: unset;
      margin-bottom: 5px; }
    .students_evaluation .evaluation-wrapper h3 {
      font-size: 30px;
      line-height: unset;
      text-align: center;
      letter-spacing: unset;
      max-width: 330px;
      margin: auto;
      margin-bottom: 5px; }
    .students_evaluation .evaluation-wrapper :nth-child(1) {
      margin-bottom: 0; }
    .students_evaluation .evaluation-wrapper .award-area {
      flex-direction: column;
      justify-content: space-between; }
      .students_evaluation .evaluation-wrapper .award-area .ribbon {
        width: 100%;
        margin: auto; }
        .students_evaluation .evaluation-wrapper .award-area .ribbon img {
          width: 95%;
          height: auto; }
      .students_evaluation .evaluation-wrapper .award-area :nth-child(1) {
        margin-right: 0; }
  .voice_of_students {
    padding: 30px 0;
    width: 100%; }
    .voice_of_students .top-title h2 {
      font-size: 35px;
      margin-left: 0; }
      .voice_of_students .top-title h2 span {
        line-height: 0; }
    .voice_of_students .voice-image {
      flex-direction: column;
      margin-left: 0;
      width: 100%; }
      .voice_of_students .voice-image img {
        width: 100%; }
      .voice_of_students .voice-image .text-box {
        position: relative;
        right: auto;
        bottom: 0;
        text-align: center; }
        .voice_of_students .voice-image .text-box h3 {
          font-size: 18px;
          padding: 15px;
          letter-spacing: unset;
          line-height: 30px;
          margin-bottom: 10px; }
    .voice_of_students .text-area {
      padding-left: 0;
      padding-top: 20px;
      margin-bottom: 0;
      height: auto;
      text-align: left; }
      .voice_of_students .text-area p {
        letter-spacing: unset;
        font-size: 14px; }
    .voice_of_students .voice-image.bottom-voice .text-box {
      right: auto;
      bottom: 0; }
      .voice_of_students .voice-image.bottom-voice .text-box h3 {
        padding: 15px;
        font-size: 18px; }
  .trial_lesson {
    padding-top: 60px;
    padding-bottom: 50px; }
    .trial_lesson .trial-wrapper .top-title h2 {
      font-size: 29px;
      letter-spacing: unset;
      margin-bottom: 15px; }
      .trial_lesson .trial-wrapper .top-title h2 span {
        line-height: 0; }
    .trial_lesson .trial-wrapper .text-area {
      margin-bottom: 60px; }
      .trial_lesson .trial-wrapper .text-area p {
        font-size: 16px; }
    .trial_lesson .trial-wrapper .content-area h3 {
      font-size: 25px; }
    .trial_lesson .trial-wrapper .content-area .box-stlyes {
      flex-direction: column; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box {
        width: 100%;
        height: 350px;
        padding: 20px 0; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box h3 {
          font-size: 18px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box h4 {
          font-size: 18px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box p {
          font-size: 14px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box .icon-div {
          height: 85px; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box.right-box {
        padding: 20px 0; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box.right-box .icon-div {
          margin-top: 0;
          margin-bottom: 20px;
          background-position: 54% top;
          margin-left: 0; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white {
        width: 100%;
        height: 350px;
        padding: 20px 0; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white h3 {
          font-size: 18px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white h4 {
          font-size: 18px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white p {
          font-size: 14px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white .icon-div {
          background-position: 40% 0%;
          position: relative;
          margin-top: 20px;
          margin-bottom: 10px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white .icon-div::after {
          background-position: 60% 40%;
          position: absolute; }
  .career-up.teaching-experience .career-wrapper .content-start .text-area h2 {
    font-size: 32px;
    letter-spacing: 2px; }
    .career-up.teaching-experience .career-wrapper .content-start .text-area h2 span {
      letter-spacing: 0; }
  .faqs-section {
    padding-top: 60px;
    padding-bottom: 40px; }
    .faqs-section .faqs-content {
      max-width: 980px; }
      .faqs-section .faqs-content .faqs-title {
        margin-bottom: 30px; }
        .faqs-section .faqs-content .faqs-title h2 {
          font-size: 30px; }
      .faqs-section .faqs-content .qa-wrap .question h3 {
        font-size: 18px; }
      .faqs-section .faqs-content .qa-wrap .question::before {
        margin-right: 18px;
        font-size: 22px; }
      .faqs-section .faqs-content .qa-wrap .answer h3 {
        font-size: 18px; }
      .faqs-section .faqs-content .qa-wrap .answer .qa-text p {
        font-size: 14px; }
      .faqs-section .faqs-content .qa-wrap .answer::before {
        margin-right: 18px;
        font-size: 22px; }
      .faqs-section .faqs-content .qa-wrap:nth-of-type(5) .question h3 {
        width: auto; }
  .career-up.business .career-wrapper .content-start .text-area h2 {
    letter-spacing: 5px; }
  .application-inquiry {
    padding-top: 60px; }
    .application-inquiry .form-wrapper {
      max-width: 980px;
      margin: auto; }
      .application-inquiry .form-wrapper .form-title {
        margin-bottom: 80px; }
        .application-inquiry .form-wrapper .form-title h2 {
          font-size: 30px;
          line-height: unset;
          margin-bottom: 40px; }
          .application-inquiry .form-wrapper .form-title h2 span {
            line-height: 0; }
        .application-inquiry .form-wrapper .form-title p {
          font-size: 14px;
          max-width: 300px;
          margin: auto; }
      .application-inquiry .form-wrapper .inquiry-form {
        max-width: 1000px;
        margin: auto; }
        .application-inquiry .form-wrapper .inquiry-form .radio-buttons {
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          .application-inquiry .form-wrapper .inquiry-form .radio-buttons .button-check {
            width: auto; }
        .application-inquiry .form-wrapper .inquiry-form .text-area {
          flex-direction: column;
          align-items: center; }
          .application-inquiry .form-wrapper .inquiry-form .text-area .form-text {
            width: 100%; }
            .application-inquiry .form-wrapper .inquiry-form .text-area .form-text .input-width {
              width: 100%; }
        .application-inquiry .form-wrapper .inquiry-form .comment-area {
          flex-direction: column;
          align-items: center;
          width: 100%; }
          .application-inquiry .form-wrapper .inquiry-form .comment-area .comment-input {
            width: 100%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .lt_header {
    padding-left: 0;
    padding-top: 30px;
    height: 750px;
    margin-bottom: 50px;
    width: 100%; }
    .lt_header .header_wrapper {
      width: 100%; }
      .lt_header .header_wrapper .banner-area {
        flex-direction: column; }
        .lt_header .header_wrapper .banner-area .text-area .title_logo {
          flex-direction: column;
          justify-content: center;
          align-items: center;
          margin-bottom: 20px; }
          .lt_header .header_wrapper .banner-area .text-area .title_logo img {
            margin-right: 0;
            margin-bottom: 15px;
            width: 200px;
            height: auto; }
          .lt_header .header_wrapper .banner-area .text-area .title_logo p {
            text-align: center;
            font-size: 16px; }
        .lt_header .header_wrapper .banner-area .text-area h1 {
          font-size: 35px;
          text-align: center;
          margin-bottom: 0;
          letter-spacing: unset;
          line-height: unset; }
        .lt_header .header_wrapper .banner-area .text-area h2 {
          font-size: 35px;
          text-align: center;
          margin-bottom: 30px;
          letter-spacing: unset;
          line-height: unset;
          width: 100%; }
        .lt_header .header_wrapper .banner-area .text-area h3 {
          flex-direction: column;
          font-size: 50px;
          margin-bottom: 50px; }
          .lt_header .header_wrapper .banner-area .text-area h3 span {
            font-size: 40px;
            margin-right: 0; }
      .lt_header .header_wrapper .image-area {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        display: block; }
        .lt_header .header_wrapper .image-area .temp-background {
          background-color: black;
          width: 100%;
          height: 750px;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 1;
          opacity: 0.5; }
        .lt_header .header_wrapper .image-area .image-banner img {
          width: 100%;
          height: 750px;
          object-fit: cover;
          background-position: left; }
    .lt_header .bottom-content {
      flex-direction: column-reverse;
      justify-content: center;
      align-items: center;
      width: 100%; }
      .lt_header .bottom-content .career-button {
        position: relative;
        width: 65%;
        height: 85%;
        right: 0;
        bottom: -15px;
        padding: 12px;
        margin: 0 auto; }
        .lt_header .bottom-content .career-button div p:nth-of-type(1) {
          font-size: 16px;
          letter-spacing: unset; }
        .lt_header .bottom-content .career-button div p:nth-of-type(2) {
          font-size: 20px;
          letter-spacing: unset; }
      .lt_header .bottom-content .button::after {
        width: 14px;
        height: 19px; }
      .lt_header .bottom-content .award-area {
        padding-right: 0;
        justify-content: space-between;
        align-items: center;
        width: unset;
        height: unset; }
        .lt_header .bottom-content .award-area .ribbon:nth-of-type(1) {
          margin-right: -120px;
          width: 450px;
          height: auto; }
        .lt_header .bottom-content .award-area .ribbon:nth-of-type(2) {
          width: 450px;
          height: auto;
          margin-right: 0; }
        .lt_header .bottom-content .award-area .ribbon {
          width: 100%;
          height: 200px;
          padding-left: 60px; }
          .lt_header .bottom-content .award-area .ribbon img {
            width: 80%; }
  .acquire_english {
    padding-top: 50px; }
    .acquire_english .acquire_wrapper .acquire_title h2 {
      font-size: 30px;
      margin-bottom: 0;
      margin-left: 0; }
    .acquire_english .acquire_wrapper .content-start {
      margin-right: 0; }
      .acquire_english .acquire_wrapper .content-start .independent-title {
        width: 80%; }
        .acquire_english .acquire_wrapper .content-start .independent-title h3 {
          font-size: 24px; }
        .acquire_english .acquire_wrapper .content-start .independent-title h4 {
          font-size: 40px; }
      .acquire_english .acquire_wrapper .content-start .text-image {
        width: 100%; }
        .acquire_english .acquire_wrapper .content-start .text-image .text-area {
          padding: 12px;
          padding-top: 100px; }
        .acquire_english .acquire_wrapper .content-start .text-image .image-area {
          width: 100%;
          height: auto; }
          .acquire_english .acquire_wrapper .content-start .text-image .image-area img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
    .acquire_english .acquire_wrapper .content-start.instructor-area {
      margin-bottom: 80px; }
      .acquire_english .acquire_wrapper .content-start.instructor-area .independent-title {
        width: 80%; }
        .acquire_english .acquire_wrapper .content-start.instructor-area .independent-title h3 {
          font-size: 24px; }
        .acquire_english .acquire_wrapper .content-start.instructor-area .independent-title h4 {
          font-size: 40px; }
      .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .text-area {
        padding: 12px;
        padding-top: 100px; }
      .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .image-area {
        margin-right: 0; }
  .en_conv .encov_wrapper h2 {
    font-size: 30px; }
  .en_conv .encov_wrapper h2::before {
    font-size: 30px; }
  .en_conv .encov_wrapper h3 {
    font-size: 30px; }
  .en_conv .encov_wrapper .image-area a {
    margin-bottom: 20px;
    width: 32%; }
    .en_conv .encov_wrapper .image-area a .wrap-image {
      width: 100%; }
      .en_conv .encov_wrapper .image-area a .wrap-image p {
        font-size: 14px; }
      .en_conv .encov_wrapper .image-area a .wrap-image img {
        width: 100%; }
  .career-up {
    margin-bottom: 152px;
    height: 412px; }
    .career-up .career-wrapper {
      margin-right: 0; }
      .career-up .career-wrapper .content-start {
        padding-top: 16px; }
        .career-up .career-wrapper .content-start .text-area {
          width: 65%; }
          .career-up .career-wrapper .content-start .text-area h2 {
            line-height: unset;
            letter-spacing: unset;
            margin-bottom: 16px; }
            .career-up .career-wrapper .content-start .text-area h2 span {
              display: inline; }
          .career-up .career-wrapper .content-start .text-area p span {
            display: inline; }
        .career-up .career-wrapper .content-start .image-area img {
          width: 100%;
          object-fit: cover;
          top: -80px; }
        .career-up .career-wrapper .content-start .career-button {
          width: 732px;
          bottom: -26px; }
          .career-up .career-wrapper .content-start .career-button div p {
            color: white;
            margin: 0; }
          .career-up .career-wrapper .content-start .career-button div p:nth-of-type(1) {
            font-size: 24px;
            font-weight: 600;
            letter-spacing: 2.6px; }
          .career-up .career-wrapper .content-start .career-button div p:nth-of-type(2) {
            font-size: 32px;
            font-weight: 600;
            letter-spacing: 3.25px; }
  .reason.lt-reasons {
    padding-top: 50px; }
    .reason.lt-reasons .reason__title h2 {
      font-size: 35px; }
    .reason.lt-reasons .learn .number {
      margin-bottom: 0; }
    .reason.lt-reasons .learn .text__container h4 {
      font-size: 18px; }
    .reason.lt-reasons .beginner .text__container h3 {
      margin-top: 35px; }
    .reason.lt-reasons .online .text__container h3 {
      margin-bottom: 0;
      padding-bottom: 0;
      height: 100px; }
      .reason.lt-reasons .online .text__container h3 span {
        margin-bottom: 0; }
    .reason.lt-reasons .online .text__container h4 {
      font-size: 18px; }
    .reason.lt-reasons .online .text__container p:nth-of-type(3) {
      margin-bottom: 15px; }
  .students_evaluation .evaluation-wrapper h2 {
    font-size: 30px; }
  .students_evaluation .evaluation-wrapper h3 {
    font-size: 33px; }
  .students_evaluation .evaluation-wrapper .award-area .ribbon {
    width: 100%; }
    .students_evaluation .evaluation-wrapper .award-area .ribbon img {
      width: 100%; }
  .voice_of_students {
    margin-bottom: 52px;
    padding-bottom: 0; }
    .voice_of_students .top-title h2 {
      font-size: 40px; }
    .voice_of_students .voice-image {
      width: 100%;
      margin-left: 0; }
      .voice_of_students .voice-image img {
        width: 100%; }
      .voice_of_students .voice-image .text-box {
        right: 0; }
    .voice_of_students .text-area {
      padding: unset;
      padding-top: 20px;
      width: 100%; }
      .voice_of_students .text-area p {
        max-width: unset; }
    .voice_of_students .voice-image.bottom-voice .text-box {
      right: 0; }
  .trial_lesson .trial-wrapper .top-title h2 {
    font-size: 30px; }
  .trial_lesson .trial-wrapper .text-area p {
    font-size: 20px; }
  .trial_lesson .trial-wrapper .content-area h3 {
    font-size: 30px; }
  .trial_lesson .trial-wrapper .content-area .box-stlyes {
    justify-content: space-between;
    width: 100%; }
    .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box {
      width: 32%;
      padding: 60px 12px;
      margin-right: 0; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box h3 {
        font-size: 18px; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box h4 {
        font-size: 20px; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box p {
        font-size: 14px; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box.right-box {
        padding: 60px 12px;
        width: 32%; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box.right-box h3 {
          font-size: 18px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box.right-box h4 {
          font-size: 20px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box.right-box p {
          font-size: 14px; }
    .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white {
      padding: 60px 12px;
      width: 32%;
      margin-right: 0; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white h3 {
        font-size: 18px; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white h4 {
        font-size: 20px; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white p {
        font-size: 14px; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white .icon-div {
        background-position: 10% 0%;
        height: 100px;
        position: relative;
        margin-top: 50px;
        margin-bottom: 10px; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white .icon-div::after {
        background-position: 85% 40%;
        position: absolute; }
  .career-up.teaching-experience {
    margin-bottom: 0; }
    .career-up.teaching-experience .career-wrapper .content-start .text-area h2 {
      font-size: 37px; }
  .faqs-section .faqs-content .qa-wrap:nth-of-type(5) .question h3 {
    width: auto; } }

@media (min-width: 992px) and (max-width: 1650px) {
  .acquire_english {
    padding-top: 40px; }
    .acquire_english .acquire_wrapper {
      width: 100%; }
      .acquire_english .acquire_wrapper .content-start {
        width: 100%; }
        .acquire_english .acquire_wrapper .content-start .independent-title {
          width: 80%; }
        .acquire_english .acquire_wrapper .content-start .text-image .text-area {
          padding: 12px;
          padding-top: 100px; }
        .acquire_english .acquire_wrapper .content-start .text-image .image-area {
          width: 100%; }
          .acquire_english .acquire_wrapper .content-start .text-image .image-area img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .text-area {
          padding: 18px;
          padding-top: 100px; }
        .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .image-area {
          margin-right: 0; }
  .reason.lt-reasons .reason__item-w {
    padding-top: 0; }
  .reason.lt-reasons .beginner .text__container {
    padding-top: 40px; }
    .reason.lt-reasons .beginner .text__container h3 {
      letter-spacing: 2px; }
  .reason.lt-reasons .learn .text__container h4 {
    font-size: 20px; }
  .reason.lt-reasons .online .text__container h4 {
    font-size: 20px; }
  .students_evaluation .evaluation-wrapper .award-area .ribbon {
    width: 100%; }
    .students_evaluation .evaluation-wrapper .award-area .ribbon img {
      width: 100%; }
  .voice_of_students .text-area {
    padding-left: 30px;
    padding-right: 70px;
    width: 720px;
    margin-bottom: 0; }
  .voice_of_students .voice-image .text-box {
    right: 0px; }
  .voice_of_students .voice-image.bottom-voice .text-box {
    right: 0; }
  .trial_lesson .trial-wrapper .content-area {
    text-align: center; }
    .trial_lesson .trial-wrapper .content-area .box-stlyes {
      justify-content: space-between;
      flex-wrap: wrap; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box {
        padding: 60px 0px;
        width: 320px; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box.right-box {
        padding: 60px 0px; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white {
        padding: 60px 0px;
        width: 320px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white .icon-div {
          background-position: 30% 100%; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white .icon-div::after {
          background-position: 72% 88%; }
  .faqs-section {
    padding-top: 150px;
    padding-bottom: 50px; }
    .faqs-section .faqs-content .qa-wrap:nth-of-type(5) .question h3 {
      width: auto; }
  .trial-application.lt_forms {
    padding-top: 100px; }
    .trial-application.lt_forms .trial-application__title h2 {
      font-size: 35px; } }

@media (min-width: 992px) and (max-width: 1399px) {
  .career-up .career-wrapper {
    margin-right: 0; }
    .career-up .career-wrapper .content-start {
      padding-left: 12px;
      padding-top: 20px; }
      .career-up .career-wrapper .content-start .text-area h2 {
        letter-spacing: 2px;
        line-height: 1.5;
        font-size: 35px;
        margin-bottom: 15px; }
        .career-up .career-wrapper .content-start .text-area h2 span {
          font-size: 40px;
          margin-top: 10px; }
      .career-up .career-wrapper .content-start .text-area p {
        letter-spacing: 3px;
        font-size: 24px; }
        .career-up .career-wrapper .content-start .text-area p span {
          letter-spacing: 6px; }
      .career-up .career-wrapper .content-start .image-area img {
        width: 100%;
        object-fit: cover;
        top: -100px; }
      .career-up .career-wrapper .content-start .career-button {
        bottom: -30px;
        left: 15px;
        width: 80%; }
  .career-up.teaching-experience .career-wrapper .content-start .text-area h2 {
    margin-bottom: 10px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .lt_header {
    padding-left: 0;
    padding-top: 30px;
    height: 780px;
    margin-bottom: 50px;
    width: 100%; }
    .lt_header .header_wrapper {
      width: 100%; }
      .lt_header .header_wrapper .banner-area {
        flex-direction: column; }
        .lt_header .header_wrapper .banner-area .text-area .title_logo {
          flex-direction: column;
          justify-content: center;
          align-items: center;
          margin-bottom: 20px; }
          .lt_header .header_wrapper .banner-area .text-area .title_logo img {
            margin-right: 0;
            margin-bottom: 15px;
            width: 250px;
            height: auto; }
          .lt_header .header_wrapper .banner-area .text-area .title_logo p {
            text-align: center;
            font-size: 16px; }
        .lt_header .header_wrapper .banner-area .text-area h1 {
          font-size: 35px;
          text-align: center;
          margin-bottom: 0;
          letter-spacing: unset;
          line-height: unset; }
        .lt_header .header_wrapper .banner-area .text-area h2 {
          font-size: 35px;
          text-align: center;
          margin-bottom: 30px;
          letter-spacing: unset;
          line-height: unset;
          width: 100%; }
        .lt_header .header_wrapper .banner-area .text-area h3 {
          flex-direction: column;
          font-size: 50px;
          margin-bottom: 40px; }
          .lt_header .header_wrapper .banner-area .text-area h3 span {
            font-size: 40px;
            margin-right: 0; }
      .lt_header .header_wrapper .image-area {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        display: block; }
        .lt_header .header_wrapper .image-area .temp-background {
          background-color: black;
          width: 100%;
          height: 780px;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 1;
          opacity: 0.5; }
        .lt_header .header_wrapper .image-area .image-banner img {
          width: 100%;
          object-fit: cover;
          background-position: left;
          height: 780px; }
    .lt_header .bottom-content {
      flex-direction: column-reverse;
      justify-content: center;
      align-items: center;
      width: 100%; }
      .lt_header .bottom-content .career-button {
        position: relative;
        width: 70%;
        height: 90px;
        right: 0;
        bottom: -15px;
        padding: 20px;
        margin: 0 auto; }
        .lt_header .bottom-content .career-button div p:nth-of-type(1) {
          font-size: 20px;
          letter-spacing: unset; }
        .lt_header .bottom-content .career-button div p:nth-of-type(2) {
          font-size: 24px;
          letter-spacing: unset; }
      .lt_header .bottom-content .career-button::after {
        width: 16px;
        height: 21px; }
      .lt_header .bottom-content .award-area {
        padding-right: 0;
        justify-content: space-between;
        align-items: center;
        width: 940px;
        padding-left: 100px; }
        .lt_header .bottom-content .award-area .ribbon:nth-of-type(1) {
          width: 470px;
          height: auto;
          margin-right: -20px; }
        .lt_header .bottom-content .award-area .ribbon:nth-of-type(2) {
          width: 470px;
          height: auto;
          margin-left: -20px; }
        .lt_header .bottom-content .award-area .ribbon {
          width: 60%; }
          .lt_header .bottom-content .award-area .ribbon img {
            width: 80%; } }

@media (min-width: 1200px) and (max-width: 1399px) {
  .lt_header {
    padding-left: 10px;
    padding-top: 50px;
    overflow: hidden;
    width: 100%;
    height: 700px; }
    .lt_header .header_wrapper {
      flex-wrap: wrap;
      width: 100%; }
      .lt_header .header_wrapper .banner-area {
        width: 100%; }
        .lt_header .header_wrapper .banner-area .text-area .title_logo img {
          width: 180px;
          height: auto; }
        .lt_header .header_wrapper .banner-area .text-area .title_logo p {
          font-size: 16px;
          letter-spacing: unset; }
        .lt_header .header_wrapper .banner-area .text-area h1 {
          font-size: 40px;
          letter-spacing: unset; }
        .lt_header .header_wrapper .banner-area .text-area h2 {
          font-size: 55px; }
        .lt_header .header_wrapper .banner-area .text-area h3 {
          font-size: 60px; }
          .lt_header .header_wrapper .banner-area .text-area h3 span {
            font-size: 40px; }
      .lt_header .header_wrapper .image-area {
        position: relative;
        width: 100%;
        height: 54px; }
        .lt_header .header_wrapper .image-area img {
          position: absolute;
          left: 200px;
          top: -550px;
          height: 630px !important;
          width: 100% !important;
          object-fit: cover;
          object-position: left; }
    .lt_header .bottom-content .career-button {
      bottom: 120px;
      position: relative;
      width: 40%;
      height: 110px;
      left: 0px; }
      .lt_header .bottom-content .career-button div p:nth-of-type(1) {
        font-size: 18px; }
      .lt_header .bottom-content .career-button div p:nth-of-type(2) {
        font-size: 18px; }
    .lt_header .bottom-content .career-button::after {
      width: 15px;
      height: 21px; }
    .lt_header .bottom-content .award-area {
      position: relative;
      bottom: 30px;
      right: 15px;
      padding-right: 0; }
      .lt_header .bottom-content .award-area .ribbon {
        width: 320px; }
        .lt_header .bottom-content .award-area .ribbon img {
          width: 100%; } }

@media (min-width: 1400px) and (max-width: 1650px) {
  .career-up .career-wrapper {
    margin-right: 110px; }
    .career-up .career-wrapper .content-start {
      padding-top: 60px; }
      .career-up .career-wrapper .content-start .text-area h2 {
        letter-spacing: 3px;
        line-height: unset;
        font-size: 45px; }
      .career-up .career-wrapper .content-start .text-area p {
        letter-spacing: unset;
        font-size: 26px; }
      .career-up .career-wrapper .content-start .image-area img {
        width: 100%;
        object-fit: cover;
        top: -100px; }
      .career-up .career-wrapper .content-start .career-button {
        bottom: 5px; }
  .career-up.teaching-experience .career-wrapper .content-start .text-area h2 {
    margin-bottom: 10px;
    font-size: 45px; }
    .career-up.teaching-experience .career-wrapper .content-start .text-area h2 span {
      font-size: 40px; } }

@media (min-width: 1400px) and (max-width: 1650px) {
  .lt_header {
    padding-left: 10px;
    padding-top: 50px;
    overflow: hidden;
    width: 100%;
    height: 700px; }
    .lt_header .header_wrapper {
      flex-wrap: wrap;
      width: 100%; }
      .lt_header .header_wrapper .banner-area {
        width: 100%; }
        .lt_header .header_wrapper .banner-area .text-area .title_logo img {
          width: 180px;
          height: auto; }
        .lt_header .header_wrapper .banner-area .text-area .title_logo p {
          font-size: 16px;
          letter-spacing: unset; }
        .lt_header .header_wrapper .banner-area .text-area h1 {
          font-size: 40px;
          letter-spacing: unset; }
        .lt_header .header_wrapper .banner-area .text-area h2 {
          font-size: 55px; }
        .lt_header .header_wrapper .banner-area .text-area h3 {
          font-size: 60px; }
          .lt_header .header_wrapper .banner-area .text-area h3 span {
            font-size: 40px; }
      .lt_header .header_wrapper .image-area {
        position: relative;
        width: 100%;
        height: 54px; }
        .lt_header .header_wrapper .image-area img {
          position: absolute;
          left: 200px;
          top: -550px;
          height: 630px !important;
          width: 100% !important;
          object-fit: cover;
          object-position: left; }
    .lt_header .bottom-content .career-button {
      bottom: 230px;
      position: absolute;
      width: 41%;
      height: 110px;
      left: 20px; }
      .lt_header .bottom-content .career-button div p:nth-of-type(1) {
        font-size: 20px; }
      .lt_header .bottom-content .career-button div p:nth-of-type(2) {
        font-size: 22px; }
    .lt_header .bottom-content .career-button::after {
      width: 15px;
      height: 21px; }
    .lt_header .bottom-content .award-area {
      position: absolute;
      bottom: 180px;
      right: 30px;
      padding-right: 0; }
      .lt_header .bottom-content .award-area img {
        width: 100%; }
      .lt_header .bottom-content .award-area .ribbon:nth-of-type(1) {
        width: 370px;
        object-fit: cover; }
      .lt_header .bottom-content .award-area .ribbon:nth-of-type(2) {
        width: 370px; } }

@media (min-width: 1651px) and (max-width: 1899px) {
  .lt_header {
    padding-left: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
    width: 100%;
    height: 800px; }
    .lt_header .header_wrapper {
      flex-wrap: wrap;
      width: 100%; }
      .lt_header .header_wrapper .banner-area {
        width: 100%; }
        .lt_header .header_wrapper .banner-area .text-area .title_logo img {
          width: 220px;
          height: auto;
          margin-right: 20px; }
        .lt_header .header_wrapper .banner-area .text-area .title_logo p {
          font-size: 20px;
          letter-spacing: 2px; }
        .lt_header .header_wrapper .banner-area .text-area h1 {
          font-size: 45px;
          letter-spacing: unset; }
        .lt_header .header_wrapper .banner-area .text-area h2 {
          font-size: 65px; }
        .lt_header .header_wrapper .banner-area .text-area h3 {
          font-size: 80px; }
          .lt_header .header_wrapper .banner-area .text-area h3 span {
            font-size: 50px; }
      .lt_header .header_wrapper .image-area {
        position: relative;
        width: 100%;
        height: 54px; }
        .lt_header .header_wrapper .image-area img {
          position: absolute;
          left: 280px;
          top: -570px;
          height: 700px !important;
          width: 90% !important;
          object-fit: cover;
          object-position: top left; }
    .lt_header .bottom-content .career-button {
      bottom: 100px;
      position: relative;
      width: 44%;
      height: 130px;
      left: unset; }
      .lt_header .bottom-content .career-button div p:nth-of-type(1) {
        font-size: 20px; }
      .lt_header .bottom-content .career-button div p:nth-of-type(2) {
        font-size: 26px; }
    .lt_header .bottom-content .career-button::after {
      width: 20px;
      height: 26px; }
    .lt_header .bottom-content .award-area {
      position: relative;
      bottom: 50px;
      right: 40px;
      padding-right: 0; }
      .lt_header .bottom-content .award-area img {
        width: 100%; }
      .lt_header .bottom-content .award-area .ribbon:nth-of-type(1) {
        width: 400px;
        margin-right: 20px; }
      .lt_header .bottom-content .award-area .ribbon:nth-of-type(2) {
        width: 400px; } }

@media (min-width: 1651px) and (max-width: 1899px) {
  .acquire_english {
    padding-top: 40px; }
    .acquire_english .acquire_wrapper {
      width: 100%; }
      .acquire_english .acquire_wrapper .content-start {
        width: 100%; }
        .acquire_english .acquire_wrapper .content-start .independent-title {
          width: 80%; }
        .acquire_english .acquire_wrapper .content-start .text-image .text-area {
          padding: 12px;
          padding-top: 100px; }
        .acquire_english .acquire_wrapper .content-start .text-image .image-area {
          width: 100%; }
          .acquire_english .acquire_wrapper .content-start .text-image .image-area img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .text-area {
          padding: 18px;
          padding-top: 100px; }
        .acquire_english .acquire_wrapper .content-start.instructor-area .text-image .image-area {
          margin-right: 0; }
  .career-up .career-wrapper {
    margin-right: 200px; }
    .career-up .career-wrapper .content-start {
      padding-top: 70px; }
      .career-up .career-wrapper .content-start .text-area h2 {
        letter-spacing: 3px;
        line-height: unset;
        font-size: 45px; }
      .career-up .career-wrapper .content-start .text-area p {
        letter-spacing: unset;
        font-size: 26px; }
      .career-up .career-wrapper .content-start .image-area img {
        width: 100%;
        object-fit: cover;
        top: -100px; }
      .career-up .career-wrapper .content-start .career-button {
        bottom: 5px; }
  .career-up.teaching-experience .career-wrapper .content-start .text-area h2 {
    margin-bottom: 10px;
    font-size: 45px; }
    .career-up.teaching-experience .career-wrapper .content-start .text-area h2 span {
      font-size: 40px; }
  .reason.lt-reasons .reason__item-w {
    padding-top: 0; }
  .reason.lt-reasons .beginner .text__container {
    padding-top: 40px; }
    .reason.lt-reasons .beginner .text__container h3 {
      letter-spacing: 2px; }
  .reason.lt-reasons .learn .text__container h4 {
    font-size: 20px; }
  .reason.lt-reasons .online .text__container h4 {
    font-size: 20px; }
  .students_evaluation .evaluation-wrapper .award-area .ribbon {
    width: 100%; }
    .students_evaluation .evaluation-wrapper .award-area .ribbon img {
      width: 100%; }
  .voice_of_students .text-area {
    padding-left: 30px;
    padding-right: 70px;
    width: 720px;
    margin-bottom: 0; }
  .voice_of_students .voice-image .text-box {
    right: 0px; }
  .voice_of_students .voice-image.bottom-voice .text-box {
    right: 0; }
  .trial_lesson .trial-wrapper .content-area {
    text-align: center; }
    .trial_lesson .trial-wrapper .content-area .box-stlyes {
      justify-content: space-between;
      flex-wrap: wrap; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box {
        padding: 60px 40px; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .blue-box.right-box {
        padding: 60px 32px; }
      .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white {
        padding: 60px 30px; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white .icon-div {
          background-position: 25% 100%; }
        .trial_lesson .trial-wrapper .content-area .box-stlyes .middle-white .icon-div::after {
          background-position: 76% 88%; }
  .faqs-section {
    padding-top: 150px;
    padding-bottom: 50px; }
    .faqs-section .faqs-content .qa-wrap:nth-of-type(5) .question h3 {
      width: auto; }
  .trial-application.lt_forms {
    padding-top: 100px; }
    .trial-application.lt_forms .trial-application__title h2 {
      font-size: 35px; } }

@media (min-width: 1899px) and (max-width: 1920px) {
  .reason.lt-reasons .advice.reason__item-b {
    background-color: #2f5597;
    height: 555px; }
    .reason.lt-reasons .advice.reason__item-b .number {
      top: 44px;
      left: 98px; }
      .reason.lt-reasons .advice.reason__item-b .number img {
        right: -140px;
        bottom: -118px; } }