@charset "UTF-8";
/*レスポンシブ*/
/*レイアウト*/
/*限定br指定*/
/*スマホだけbr*/
/*タブレットだけbr*/
/*パソコンだけbr*/
/*背景画像*/
/*文字サイズ*/
/*三角作る*/
/*マージン下レスポンシブ一括*/
/*アニメーション*/
/*カラーセット*/
/*グラデーション*/
/*書体*/
/*エフェクト・ぼかし*/
/*エフェクト・スクリーン*/
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url(https://use.fontawesome.com/releases/v5.6.1/css/all.css);
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:300,400&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Lato:300,900&display=swap");
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
          font-feature-settings: 'liga'; }

/****************************************************************************************************/
/*
/*　ブラウザスタイルをリセットする（※基本的に編集しない）
/*
/****************************************************************************************************/
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,tdタグのマージン、パディングを0pxにする*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, figure, button {
  margin: 0px;
  padding: 0px;
  background: none;
  border: 0; }

/*tableタグのcellspacingとcellpaddingを0pxにする*/
table {
  border-collapse: collapse;
  border-spacing: 0px; }

/*javascriptのfieldsetタグとimg(aタグ内のimg)、abbr,acronymタグに表示されるボーダーを0pxにする*/
fieldset, img, abbr, acronym {
  border: 0px; }

/*address,caption,cite,code,dfn,em,strong,th,varタグのfontスタイルを通常にする*/
address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal; }

/*ol,ulタグのリストスタイル（アローやマージンなど）を無くす*/
ol, ul, li {
  list-style: none;
  padding: 0px;
  margin: 0px; }

/*caption,thタグを左に寄せる*/
caption, th {
  text-align: left; }

/*hタグの表示を通常のテキストと同じにする*/
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

img {
  display: inline-block;
  vertical-align: middle; }

/*qタグの前後にキーワードを配置しない*/
q:before, q:after {
  content: ''; }

main {
  display: block; }

.index {
  /*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
     ⬇TOPスライダー⬇
     ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
  /*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
     ⬇スライダー下バナー⬇
     ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
  /*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
     ⬇インフォメーション⬇
     ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
  /*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
     ⬇ABOUT⬇
     ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
  /*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
     ⬇コース⬇
     ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
  /*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
     ⬇講師スライダー⬇
     ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
  /*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
     ⬇スペシャル⬇
     ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
  /*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
     ⬇お知らせ⬇
     ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/ }
  @media screen and (max-width:896px) {
    .index {
      width: 100%; } }
  .index h1 {
    width: 100%; }
    .index h1.pc {
      display: block; }
    .index h1.sp {
      display: none; }
    @media screen and (max-width:480px) {
      .index h1.pc {
        display: none; }
      .index h1.sp {
        display: block; } }
  .index .slider {
    margin: 0 auto 150px;
    width: 100%; }
    @media screen and (max-width:480px) {
      .index .slider {
        margin-bottom: 66px; } }
    .index .slider img {
      height: auto;
      width: 100%; }
  .index .slick-prev {
    left: 15px;
    z-index: 10;
    width: 35px !important;
    height: 35px !important; }
    @media screen and (max-width:896px) {
      .index .slick-prev {
        left: 15px; } }
    @media screen and (max-width:480px) {
      .index .slick-prev {
        left: 5px; } }
    .index .slick-prev:before {
      content: "";
      background-image: url("/images/common/prev.png");
      background-size: contain;
      background-repeat: no-repeat;
      width: 35px !important;
      height: 35px !important;
      display: block;
      z-index: 10; }
      @media screen and (max-width:480px) {
        .index .slick-prev:before {
          width: 25px;
          height: 25px; } }
  .index .slick-next {
    right: 30px;
    z-index: 10;
    width: 35px !important;
    height: 35px !important; }
    @media screen and (max-width:480px) {
      .index .slick-next {
        right: 10px; } }
    .index .slick-next:before {
      content: "";
      background-image: url("/images/common/next.png");
      background-size: contain;
      background-repeat: no-repeat;
      width: 35px !important;
      height: 35px !important;
      display: block;
      z-index: 10; }
      @media screen and (max-width:480px) {
        .index .slick-next:before {
          width: 25px;
          height: 25px; } }
  .index .slick-dots {
    position: absolute;
    bottom: inherit;
    padding: 45px 0; }
    @media screen and (max-width:480px) {
      .index .slick-dots {
        padding: 21px 0; } }
    @media screen and (min-width:897px) {
      .index .slick-dots li {
        width: 150px;
        height: 55px; }
        .index .slick-dots li:first-of-type {
          background-image: url("/images/index/slider03.jpg");
          background-size: contain;
          background-repeat: no-repeat; }
        .index .slick-dots li:nth-of-type(2) {
          background-image: url("/images/index/slider01.jpg");
          background-size: contain;
          background-repeat: no-repeat; }
        .index .slick-dots li:nth-of-type(3) {
          background-image: url("/images/index/slide01.jpg");
          background-size: contain;
          background-repeat: no-repeat; }
        .index .slick-dots li:nth-of-type(4) {
          background-image: url("/images/index/slide02.jpg");
          background-size: contain;
          background-repeat: no-repeat; }
        .index .slick-dots li:nth-of-type(5) {
          background-image: url("/images/index/bnr_index__20220131.jpg");
          background-size: contain;
          background-repeat: no-repeat; }
        .index .slick-dots li button {
          display: none; } }
    @media screen and (min-width:896px) and (max-width:481px) {
      .index .slick-dots li {
        width: 150px;
        height: 55px; }
        .index .slick-dots li:first-of-type {
          background-image: url("/images/index/bnr_index_sp__20220131.jpg");
          background-size: contain;
          background-repeat: no-repeat; }
        .index .slick-dots li:nth-of-type(2) {
          background-image: url("/images/index/slider01.jpg");
          background-size: contain;
          background-repeat: no-repeat; }
        .index .slick-dots li:nth-of-type(3) {
          background-image: url("/images/index/slide01.jpg");
          background-size: contain;
          background-repeat: no-repeat; }
        .index .slick-dots li:nth-of-type(4) {
          background-image: url("/images/index/slide02.jpg");
          background-size: contain;
          background-repeat: no-repeat; }
        .index .slick-dots li button {
          display: none; } }
  .index .top_bnr {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto; }
    @media screen and (max-width:480px) {
      .index .top_bnr {
        padding: 30px 0; } }
    .index .top_bnr img {
      width: 100%; }
  .index .index_info {
    max-width: 960px;
    width: 90%;
    margin: 0 auto 120px;
    padding: 0;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 18px rgba(0, 0, 0, 0.2); }
    @media screen and (max-width:480px) {
      .index .index_info {
        margin-bottom: 60px; } }
    .index .index_info h2 {
      background: #ff6535;
      padding: 45px 0;
      text-align: center;
      font-weight: 100;
      color: #fff;
      margin-bottom: 60px; }
      @media screen and (max-width:480px) {
        .index .index_info h2 {
          padding: 18px 0;
          font-size: 1.1rem;
          margin-bottom: 30px; } }
      .index .index_info h2 span {
        display: block;
        font-size: .9rem; }
        @media screen and (max-width:480px) {
          .index .index_info h2 span {
            font-size: .8rem;
            margin-bottom: 6px; } }
    .index .index_info > div {
      max-width: 800px;
      width: 90%;
      margin: 0 auto 90px; }
      @media screen and (max-width:480px) {
        .index .index_info > div {
          margin-bottom: 0; } }
      .index .index_info > div > p {
        font-size: 1.1rem;
        line-height: 1.8em;
        margin-bottom: 60px; }
        @media screen and (max-width:480px) {
          .index .index_info > div > p {
            font-size: .9rem; } }
    .index .index_info .flex {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      flex-wrap: wrap; }
      .index .index_info .flex h3 {
        width: 100%;
        margin-bottom: 45px;
        text-align: center;
        font-size: 1.3rem; }
        @media screen and (max-width:480px) {
          .index .index_info .flex h3 {
            font-size: 1rem;
            margin-bottom: 30px; } }
      .index .index_info .flex .item {
        width: 32%;
        text-align: center; }
        @media screen and (max-width:480px) {
          .index .index_info .flex .item {
            width: 48%; } }
        .index .index_info .flex .item img {
          width: 100%;
          margin-bottom: 15px; }
        .index .index_info .flex .item p {
          font-weight: 700;
          font-size: 1rem; }
          @media screen and (max-width:896px) {
            .index .index_info .flex .item p {
              font-size: .8rem; } }
      .index .index_info .flex > p {
        width: 100%;
        margin-bottom: 75px; }
        @media screen and (max-width:480px) {
          .index .index_info .flex > p {
            margin-bottom: 30px; } }
  .index .about {
    text-align: center;
    margin-bottom: 60px; }
    @media screen and (max-width:896px) {
      .index .about {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .index .about {
        margin-bottom: 30px; } }
    .index .about h2 {
      margin-bottom: 30px; }
    .index .about div {
      max-width: 900px;
      width: 90%;
      margin: 0 auto; }
    @media screen and (max-width:480px) {
      .index .about p:nth-of-type(2) {
        padding: 0 12px;
        margin-bottom: 30px; } }
    .index .about img {
      width: 100%;
      margin-bottom: 45px; }
      @media screen and (max-width:896px) {
        .index .about img {
          margin-bottom: 30px; } }
      @media screen and (max-width:480px) {
        .index .about img {
          margin-bottom: 15px; } }
      @media screen and (max-width:896px) {
        .index .about img {
          width: 80%; } }
      @media screen and (max-width:480px) {
        .index .about img {
          width: 90%;
          margin-bottom: 30px; } }
    .index .about .button_blk {
      margin: 0 auto; }
  .index .course {
    padding: 0;
    background: #f2f5f7; }
    .index .course .col2 a {
      position: relative;
      width: 50%; }
      @media screen and (max-width:896px) {
        .index .course .col2 a {
          width: 100%; } }
      .index .course .col2 a:before {
        z-index: 10;
        filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.7));
        -moz-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.7));
        -ms-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.7));
        -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.7)); }
      .index .course .col2 a:first-of-type:before {
        position: absolute;
        content: "";
        background-image: url("/images/index/course_regular_title.svg");
        background-size: contain;
        background-repeat: no-repeat;
        left: 15px;
        bottom: 0;
        width: 67%;
        height: 33%; }
        @media screen and (max-width:480px) {
          .index .course .col2 a:first-of-type:before {
            left: 10px;
            width: 77%;
            height: 38%; } }
      .index .course .col2 a:nth-of-type(2):before {
        position: absolute;
        content: "";
        background-image: url("/images/index/course_premium_title.svg");
        background-size: contain;
        background-repeat: no-repeat;
        left: -10px;
        bottom: 0;
        width: 85%;
        height: 35%;
        width: 105%; }
        @media screen and (max-width:896px) {
          .index .course .col2 a:nth-of-type(2):before {
            left: -20px; } }
        @media screen and (max-width:480px) {
          .index .course .col2 a:nth-of-type(2):before {
            left: -10px;
            width: 120%;
            height: 42%; } }
      .index .course .col2 a:nth-of-type(3):before {
        position: absolute;
        content: "";
        background-image: url("/images/index/course_two_title.svg");
        background-size: contain;
        background-repeat: no-repeat;
        left: 15px;
        bottom: 15px;
        width: 93%;
        height: 28%; }
        @media screen and (max-width:896px) {
          .index .course .col2 a:nth-of-type(3):before {
            width: 95%;
            height: 30%; } }
        @media screen and (max-width:480px) {
          .index .course .col2 a:nth-of-type(3):before {
            width: 93%;
            height: 27%; } }
      .index .course .col2 a:nth-of-type(4):before {
        position: absolute;
        content: "";
        background-image: url("/images/index/course_lisence_title.svg");
        background-size: contain;
        background-repeat: no-repeat;
        left: 15px;
        bottom: 0;
        width: 48%;
        height: 36%; }
        @media screen and (max-width:896px) {
          .index .course .col2 a:nth-of-type(4):before {
            width: 51%;
            height: 31%; } }
        @media screen and (max-width:480px) {
          .index .course .col2 a:nth-of-type(4):before {
            width: 55%;
            height: 40%; } }
      .index .course .col2 a:nth-of-type(5):before {
        position: absolute;
        content: "";
        background-image: url("/images/index/course_business_title.svg");
        background-size: contain;
        background-repeat: no-repeat;
        left: 15px;
        bottom: 0;
        width: 95%;
        height: 37%; }
        @media screen and (max-width:896px) {
          .index .course .col2 a:nth-of-type(5):before {
            width: 83%;
            height: 35%; } }
        @media screen and (max-width:480px) {
          .index .course .col2 a:nth-of-type(5):before {
            width: 90%;
            height: 38%; } }
      .index .course .col2 a:nth-of-type(6):before {
        position: absolute;
        content: "";
        background-image: url("/images/index/course_study_title.svg");
        background-size: contain;
        background-repeat: no-repeat;
        left: 15px;
        bottom: 0;
        width: 95%;
        height: 34%; }
        @media screen and (max-width:896px) {
          .index .course .col2 a:nth-of-type(6):before {
            width: 95%;
            height: 34%; } }
        @media screen and (max-width:480px) {
          .index .course .col2 a:nth-of-type(6):before {
            width: 75%;
            height: 40%; } }
      .index .course .col2 a .img_zoom {
        overflow: hidden;
        /*拡大時にはみ出た部分を隠す*/
        width: 100%;
        /*画像の幅*/
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        /*画像の高さ*/ }
      .index .course .col2 a img {
        width: 100%; }
  .index .teacher .slider {
    margin: 0 auto;
    width: 100%; }
    .index .teacher .slider img {
      height: auto;
      width: 100%; }
  .index .teacher .slick-slider {
    width: 95%;
    margin: 0 auto; }
  .index .teacher .slick-list {
    margin-bottom: 18px; }
  .index .teacher .slick-prev {
    left: -15px;
    z-index: 10; }
    @media screen and (max-width:480px) {
      .index .teacher .slick-prev {
        left: -7px;
        top: 40%; } }
    .index .teacher .slick-prev:before {
      content: "";
      background-image: url("/images/common/prev.png");
      background-size: contain;
      background-repeat: no-repeat;
      width: 35px;
      height: 35px;
      display: block;
      z-index: 10; }
      @media screen and (max-width:480px) {
        .index .teacher .slick-prev:before {
          width: 25px;
          height: 25px; } }
  .index .teacher .slick-next {
    right: 0;
    z-index: 10; }
    @media screen and (max-width:480px) {
      .index .teacher .slick-next {
        top: 40%; } }
    .index .teacher .slick-next:before {
      content: "";
      background-image: url("/images/common/next.png");
      background-size: contain;
      background-repeat: no-repeat;
      width: 35px;
      height: 35px;
      display: block;
      z-index: 10; }
      @media screen and (max-width:480px) {
        .index .teacher .slick-next:before {
          width: 25px;
          height: 25px; } }
  .index .teacher .item {
    position: relative;
    width: 300px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px #dddddd;
            box-shadow: 0 0 10px #dddddd;
    margin: 0 9px 15px; }
    @media screen and (max-width:896px) {
      .index .teacher .item {
        margin-right: 15px; } }
    .index .teacher .item .img {
      display: block;
      position: relative;
      padding: 75% 0 0 0;
      overflow: hidden; }
      .index .teacher .item .img img {
        position: absolute;
        width: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%) translateX(0);
        transform: translateY(-50%) translateX(0); }
    .index .teacher .item .full_link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 10; }
    .index .teacher .item .all {
      padding: 15px;
      width: 100%;
      margin: 0; }
      .index .teacher .item .all .name {
        margin-bottom: 30px; }
        .index .teacher .item .all .name p {
          margin-bottom: 6px; }
          .index .teacher .item .all .name p:first-of-type {
            font-size: 1.2rem;
            font-weight: 600; }
            @media screen and (max-width:896px) {
              .index .teacher .item .all .name p:first-of-type {
                font-size: 2.264208vw; } }
            @media screen and (max-width:480px) {
              .index .teacher .item .all .name p:first-of-type {
                font-size: 4.92678vw; } }
    .index .teacher .item img {
      width: 100%; }
    .index .teacher .item .flex {
      padding: 0 30px;
      flex-wrap: wrap; }
      .index .teacher .item .flex .canada {
        position: relative;
        padding-left: 15px;
        margin-bottom: 5px; }
        @media screen and (max-width:896px) {
          .index .teacher .item .flex .canada {
            width: 100%;
            padding-left: 35px;
            margin-bottom: 12px; } }
        .index .teacher .item .flex .canada:before {
          position: absolute;
          content: "";
          -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
          background-image: url("/images/index/canada_icon.png");
          background-size: contain;
          background-repeat: no-repeat;
          width: 30px;
          height: 30px;
          top: 50%;
          left: -15px; }
          @media screen and (max-width:896px) {
            .index .teacher .item .flex .canada:before {
              width: 20px;
              height: 20px;
              left: 15px; } }
      .index .teacher .item .flex p[class^="country"] {
        position: relative;
        margin-bottom: 0; }
        .index .teacher .item .flex p[class^="country"]:before {
          position: absolute;
          content: "";
          -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
          top: 50%;
          left: -15px;
          width: 30px;
          height: 30px; }
      .index .teacher .item .flex .country01:before {
        background-image: url("/images/teachers/icon_america.jpg");
        background-size: contain;
        background-repeat: no-repeat; }
      .index .teacher .item .flex .country02:before {
        background-image: url("/images/teachers/icon_uk.jpg");
        background-size: contain;
        background-repeat: no-repeat; }
      .index .teacher .item .flex .country03:before {
        background-image: url("/images/teachers/icon_france.jpg");
        background-size: contain;
        background-repeat: no-repeat; }
      .index .teacher .item .flex .country04:before {
        background-image: url("/images/teachers/icon_canada.jpg");
        background-size: contain;
        background-repeat: no-repeat; }
      .index .teacher .item .flex .country05:before {
        background-image: url("/images/teachers/icon_australia.jpg");
        background-size: contain;
        background-repeat: no-repeat; }
      .index .teacher .item .flex .country06:before {
        background-image: url("/images/teachers/icon_newzealand.jpg");
        background-size: contain;
        background-repeat: no-repeat; }
      .index .teacher .item .flex .country07:before {
        background-image: url("/images/teachers/icon_philippines.jpg");
        background-size: contain;
        background-repeat: no-repeat; }
      .index .teacher .item .flex .country08:before {
        background-image: url("/images/teachers/icon_japan.jpg");
        background-size: contain;
        background-repeat: no-repeat; }
      .index .teacher .item .flex .country09:before {
        background-image: url("/images/teachers/icon_korea.jpg");
        background-size: contain;
        background-repeat: no-repeat; }
      .index .teacher .item .flex .right {
        position: relative;
        text-align: right;
        font-style: italic;
        margin-bottom: 0;
        font-size: 0.8rem; }
        @media screen and (max-width:896px) {
          .index .teacher .item .flex .right {
            font-size: 1.509472vw; } }
        @media screen and (max-width:480px) {
          .index .teacher .item .flex .right {
            font-size: 3.28452vw; } }
        @media screen and (max-width:896px) {
          .index .teacher .item .flex .right {
            text-align: center;
            width: 100%; } }
        @media screen and (max-width:480px) {
          .index .teacher .item .flex .right {
            text-align: left; } }
        .index .teacher .item .flex .right:before {
          position: absolute;
          content: "";
          -webkit-transform: translateY(0) translateX(-50%);
          transform: translateY(0) translateX(-50%);
          background-image: url("/images/common/after_arrow02.png");
          background-size: contain;
          background-repeat: no-repeat;
          width: 15px;
          height: 15px;
          bottom: 0;
          right: -30px; }
          @media screen and (max-width:896px) {
            .index .teacher .item .flex .right:before {
              right: 30px;
              bottom: -5px; } }
          @media screen and (max-width:480px) {
            .index .teacher .item .flex .right:before {
              right: 0; } }
  .index .special {
    background: #ff870f; }
    .index .special .flex {
      max-width: 900px;
      width: 90%;
      margin: 0 auto; }
      .index .special .flex .item {
        width: 45%; }
        @media screen and (max-width:480px) {
          .index .special .flex .item {
            width: 100%;
            margin-bottom: 60px; } }
        .index .special .flex .item img {
          width: 100%;
          margin-bottom: 30px; }
          @media screen and (max-width:480px) {
            .index .special .flex .item img {
              margin-bottom: 30px; } }
        .index .special .flex .item p {
          margin-bottom: 15px; }
          .index .special .flex .item p:first-of-type {
            position: relative; }
            .index .special .flex .item p:first-of-type:before {
              position: absolute;
              content: "";
              width: 80px;
              height: 1px;
              background: #000;
              bottom: 15px;
              left: 0; }
        .index .special .flex .item div img {
          width: 80px; }
          @media screen and (max-width:480px) {
            .index .special .flex .item div img {
              margin-bottom: 21px; } }
        .index .special .flex .item div p:first-of-type {
          margin-bottom: 0; }
        .index .special .flex .item .button_blk {
          margin: 0; }
          @media screen and (max-width:480px) {
            .index .special .flex .item .button_blk {
              margin: 0 auto; } }
  .index .news {
    max-width: 900px;
    width: 90%;
    margin: 0 auto; }
    .index .news .item1 {
      width: 58%; }
      @media screen and (max-width:896px) {
        .index .news .item1 {
          width: 100%;
          margin: 0 auto 60px; } }
      @media screen and (min-width:897px) {
        .index .news .item1 .right a {
          margin-left: auto; } }
      @media screen and (max-width:896px) {
        .index .news .item1 .button_blk {
          width: 60%;
          display: block;
          margin: 0 auto; } }
      .index .news .item1 .button_blk:hover {
        border: solid 1px #000; }
    .index .news ul {
      border-bottom: solid 1px #d4d7d9;
      margin-bottom: 30px; }
      .index .news ul li {
        padding: 21px 15px; }
        .index .news ul li:nth-child(odd) {
          background: #f2f5f7; }
        .index .news ul li .flex {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: wrap;
          margin-bottom: 9px; }
        .index .news ul li span {
          color: #fff;
          text-align: center;
          padding: 3px 5px;
          font-size: 0.6rem;
          margin-left: 15px;
          display: block;
          width: 120px; }
          @media screen and (max-width:896px) {
            .index .news ul li span {
              font-size: 1.132104vw; } }
          @media screen and (max-width:480px) {
            .index .news ul li span {
              font-size: 2.46339vw; } }
        .index .news ul li p {
          margin: 0; }
          .index .news ul li p:first-of-type {
            font-size: 0.6rem; }
            @media screen and (max-width:896px) {
              .index .news ul li p:first-of-type {
                font-size: 1.132104vw; } }
            @media screen and (max-width:480px) {
              .index .news ul li p:first-of-type {
                font-size: 2.46339vw; } }
    .index .news .item2 {
      width: 40%; }
      @media screen and (max-width:896px) {
        .index .news .item2 {
          width: 50%;
          margin: 0 auto; } }
      @media screen and (max-width:480px) {
        .index .news .item2 {
          width: 100%; }
          .index .news .item2 .fb-container {
            width: 100%;
            max-width: 320px; } }
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

html {
  overflow-y: scroll; }

.all {
  width: calc(100% - 270px);
  margin-left: auto;
  position: relative;
  font-family: 'Noto Sans JP', sans-serif; }
  @media screen and (max-width:896px) {
    .all {
      width: 100%;
      margin: 0 auto;
      overflow: hidden; } }
body {
  padding-top: 0;
  overflow: hidden;
  font-family: 'Lato', sans-serif;
  /*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
     ⬇ヘッダー⬇
     ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
  /*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
     ⬇無料体験ボタン⬇
     ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
  /*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
     ⬇共通仕様⬇
     ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
  /*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
     ⬇お問い合わせ⬇
     ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
  /*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
     ⬇フッター⬇
     ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/ }
  body:before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 10;
    background: #000;
    -webkit-transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); }
  body:before {
    height: 0;
    z-index: 1000;
    background: rgba(242, 245, 247, 0.8); }
  body.active:before {
    height: 100vh; }
  body p {
    font-weight: 100;
    letter-spacing: .05em; }
  body header {
    background: #ff870f;
    max-width: 270px;
    width: 100%;
    height: 100%;
    position: fixed;
    overflow-y: scroll;
    overflow-x: auto;
    z-index: 100;
    left: 0;
    top: 0; }
    @media screen and (max-width:896px) {
      body header {
        max-width: inherit;
        height: inherit; } }
    body header .logo {
      position: relative;
      width: 100%;
      height: 240px;
      background: #fff;
      padding: 30px; }
      @media screen and (max-width:896px) {
        body header .logo {
          height: inherit;
          padding: 5px 0;
          width: 100%; } }
      body header .logo div {
        width: 80%;
        position: absolute;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        top: 50%;
        left: 50%; }
      body header .logo a:before {
        position: absolute;
        content: "";
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        top: 77px;
        left: 96px;
        width: 240px;
        height: 240px; }
        @media screen and (max-width:480px) {
          body header .logo a:before {
            width: 100%;
            height: 100%;
            top: 37px;
            left: 93px; } }
      body header .logo img {
        width: 70%;
        display: block;
        margin: 0 auto 15px; }
        @media screen and (max-width:896px) {
          body header .logo img {
            width: 10%;
            margin: 0 auto; } }
        @media screen and (max-width:480px) {
          body header .logo img {
            width: 15%; } }
      body header .logo p {
        font-size: 0.8rem;
        color: #000;
        text-align: center; }
        @media screen and (max-width:896px) {
          body header .logo p {
            font-size: 0.5rem; } }
    @media screen and (max-width:896px) {
      body header .flex {
        align-items: stretch; } }
    body header .inquiry {
      position: relative;
      background: #36393c;
      display: block;
      padding: 15px;
      margin-bottom: 20px;
      width: 100%;
      color: #fff; }
      body header .inquiry:hover {
        background: #aaaaaa; }
      body header .inquiry .send {
        position: absolute;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        top: 50%;
        right: 5px;
        font-size: 1.5rem; }
        body header .inquiry .send:after {
          font-family: "Font Awesome 5 Free";
          content: '\f1d8';
          font-weight: 900; }
    body header nav ul {
      padding: 0 15px;
      margin-bottom: 15px; }
      body header nav ul:first-of-type li {
        position: relative;
        border-bottom: solid 1px #db6e00; }
        body header nav ul:first-of-type li a, body header nav ul:first-of-type li span {
          display: block;
          padding: 12px 0;
          font-size: 0.9rem;
          cursor: pointer;
          position: relative;
          z-index: 10; }
          @media screen and (max-width:896px) {
            body header nav ul:first-of-type li a, body header nav ul:first-of-type li span {
              font-size: 1.698156vw; } }
          @media screen and (max-width:480px) {
            body header nav ul:first-of-type li a, body header nav ul:first-of-type li span {
              font-size: 3.695085vw; } }
        body header nav ul:first-of-type li:last-of-type {
          border: 0; }
        body header nav ul:first-of-type li:before {
          content: "";
          position: absolute;
          -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
          background-image: url("/images/common/after_arrow01.png");
          background-size: contain;
          background-repeat: no-repeat;
          width: 15px;
          height: 15px;
          top: 50%;
          right: 0;
          display: block;
          z-index: 10; }
        body header nav ul:first-of-type li:after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          z-index: 0;
          width: 0;
          height: 1px;
          -webkit-transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
          background: #fff; }
        body header nav ul:first-of-type li:hover > a, body header nav ul:first-of-type li:hover span {
          color: #fff; }
        body header nav ul:first-of-type li:hover:after {
          width: 100%; }
        body header nav ul:first-of-type li ul {
          position: absolute;
          top: 0;
          left: 160px;
          opacity: 0;
          visibility: hidden;
          padding: 0;
          z-index: 100;
          -webkit-transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
          body header nav ul:first-of-type li ul li {
            margin: 0;
            border-bottom: solid 1px #db6e00;
            background: #ff870f;
            -webkit-transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
            transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
            body header nav ul:first-of-type li ul li:before, body header nav ul:first-of-type li ul li:after {
              display: none; }
            body header nav ul:first-of-type li ul li a {
              position: relative;
              display: block;
              white-space: nowrap;
              padding: 15px 45px 15px 15px;
              letter-spacing: .1em;
              line-height: 1em;
              -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
                      box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
              color: #000;
              font-size: 0.9rem;
              -webkit-transition: all 0.1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
              transition: all 0.1s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
              @media screen and (max-width:896px) {
                body header nav ul:first-of-type li ul li a {
                  font-size: 1.698156vw; } }
              @media screen and (max-width:480px) {
                body header nav ul:first-of-type li ul li a {
                  font-size: 3.695085vw; } }
            body header nav ul:first-of-type li ul li:hover {
              background: #ffab0f; }
        body header nav ul:first-of-type li:hover ul {
          opacity: 1;
          left: 180px;
          visibility: visible; }
      body header nav ul:last-of-type {
        font-size: 0.7rem; }
        @media screen and (max-width:896px) {
          body header nav ul:last-of-type {
            font-size: 1.320788vw; } }
        @media screen and (max-width:480px) {
          body header nav ul:last-of-type {
            font-size: 2.873955vw; } }
        body header nav ul:last-of-type li {
          position: relative;
          border: 0;
          line-height: 2;
          margin: 0 0 10px; }
          body header nav ul:last-of-type li:before {
            position: absolute;
            content: "";
            -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
            background-image: url("/images/common/after_arrow02.png");
            background-size: contain;
            background-repeat: no-repeat;
            width: 12px;
            height: 12px;
            top: 50%;
            right: 0;
            display: block;
            z-index: 10; }
          body header nav ul:last-of-type li a {
            position: relative;
            z-index: 10;
            color: #000;
            display: block; }
          body header nav ul:last-of-type li:hover a {
            color: #fff; }
          body header nav ul:last-of-type li:hover:before {
            background-image: url("/images/common/after_arrow02_hover.png"); }
    body header nav .sns {
      display: flex;
      justify-content: flex-start;
      align-items: stretch;
      flex-wrap: nowrap;
      padding: 0 15px;
      margin-bottom: 20px;
      font-size: 0.9rem;
      letter-spacing: .1em; }
      @media screen and (max-width:896px) {
        body header nav .sns {
          font-size: 1.698156vw; } }
      @media screen and (max-width:480px) {
        body header nav .sns {
          font-size: 3.695085vw; } }
      body header nav .sns i {
        font-size: 0.8rem; }
      body header nav .sns a {
        color: #fff;
        border-radius: 5px;
        letter-spacing: 0;
        width: 25px;
        height: 25px;
        display: -ms-grid;
        display: grid;
        place-items: center; }
        body header nav .sns a:hover {
          -webkit-filter: brightness(120%);
                  filter: brightness(120%); }
      body header nav .sns .insta {
        margin-right: 9px;
        background: #F6009F; }
        body header nav .sns .insta i {
          font-size: 1.1rem; }
      body header nav .sns .facebook {
        margin-right: 9px;
        background: #3b5999; }
      body header nav .sns .twitter {
        background: #000; }
  body .relation {
    padding: 0 15px;
    margin-bottom: 15px; }
    @media screen and (max-width:896px) {
      body .relation {
        padding: 0; } }
    body .relation a {
      -webkit-transition: all 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
      transition: all 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
      position: relative;
      display: block;
      max-width: 350px;
      width: 100%;
      padding: 9px 15px;
      text-align: center;
      background: #fff;
      font-size: .6rem; }
      body .relation a:before {
        position: absolute;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        content: "";
        width: 5px;
        height: 5px;
        top: calc(50% - 5px);
        right: 15px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        border-top: solid 2px #656b70;
        border-right: solid 2px #656b70; }
      body .relation a img {
        width: 60%;
        display: block;
        margin: 0 auto 3px; }
  @media screen and (max-width:896px) {
    body .pc {
      display: none; } }
  body .sp {
    width: 100%; }
    @media screen and (min-width:897px) {
      body .sp {
        display: none; } }
    @media screen and (max-width:896px) {
      body .sp {
        position: relative;
        text-align: center; } }
    body .sp .hmbg {
      position: absolute;
      background: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      top: 50%;
      right: 10px; }
      body .sp .hmbg a {
        position: absolute;
        display: block;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        top: 50%;
        left: 50%; }
      body .sp .hmbg i {
        font-size: 2.5rem;
        color: #ff870f; }
        @media screen and (max-width:480px) {
          body .sp .hmbg i {
            font-size: 2.2rem; } }
  body .free {
    position: fixed;
    width: 60px;
    height: 180px;
    padding: 20px;
    background: #ff870f;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    right: 0;
    bottom: 15%;
    z-index: 100; }
    @media screen and (max-width:896px) {
      body .free {
        bottom: 65%;
        width: 50px;
        height: 165px;
        padding: 15px; } }
    @media screen and (max-width:480px) {
      body .free {
        width: 100%;
        height: inherit;
        bottom: 0;
        border-radius: inherit; } }
    body .free:hover p {
      color: #fff; }
    body .free p {
      position: relative;
      text-align: center;
      z-index: 1;
      font-size: 1.2rem;
      line-height: 1.2; }
      @media screen and (max-width:896px) {
        body .free p {
          font-size: 2.264208vw; } }
      @media screen and (max-width:480px) {
        body .free p {
          font-size: 4.92678vw; } }
      @media screen and (max-width:480px) {
        body .free p {
          letter-spacing: 0.2em; } }
      body .free p:after {
        position: absolute;
        content: "";
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        background-image: url("/images/common/after_arrow02.png");
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        width: 20px;
        height: 15px;
        left: 60%;
        bottom: -60px; }
        @media screen and (max-width:480px) {
          body .free p:after {
            bottom: -50%;
            width: 25px;
            height: 20px;
            left: inherit;
            right: 0; } }
    body .free a {
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  body a {
    color: #000; }
  body .flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
  body .back_blue {
    background: #f2f5f7; }
  @media screen and (min-width:897px) {
    body .pcbr {
      display: block; } }
  @media screen and (max-width:896px) {
    body .pcbr {
      display: none; } }
  @media screen and (max-width:480px) {
    body .pcbr {
      display: none; } }
  @media screen and (min-width:897px) {
    body .tbbr {
      display: none; } }
  @media screen and (max-width:896px) {
    body .tbbr {
      display: block; } }
  @media screen and (max-width:480px) {
    body .tbbr {
      display: none; } }
  @media screen and (min-width:897px) {
    body .spbr {
      display: none; } }
  @media screen and (max-width:896px) {
    body .spbr {
      display: none; } }
  @media screen and (max-width:480px) {
    body .spbr {
      display: block; } }
  body .heroheader {
    padding: 0; }
    body .heroheader h1 img {
      width: 100%; }
  body .breadcrumb {
    width: 100%;
    padding: 15px 0;
    margin-bottom: 0; }
    body .breadcrumb .flex {
      justify-content: flex-end; }
    body .breadcrumb li {
      position: relative;
      font-size: 0.7rem;
      padding-right: 30px;
      font-style: italic; }
      @media screen and (max-width:896px) {
        body .breadcrumb li {
          font-size: 1.320788vw; } }
      @media screen and (max-width:480px) {
        body .breadcrumb li {
          font-size: 2.873955vw; } }
      body .breadcrumb li:hover {
        opacity: .5; }
      body .breadcrumb li:after {
        position: absolute;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        content: '';
        background-image: url("/images/common/after_arrow04.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 8px;
        height: 7px;
        display: block;
        top: 50%;
        right: 5px; }
      body .breadcrumb li:last-of-type:after {
        display: none; }
  body section {
    padding: 60px 0; }
    @media screen and (max-width:896px) {
      body section {
        padding: 75px 0; } }
    @media screen and (max-width:480px) {
      body section {
        padding: 30px 0; } }
    body section h2 {
      position: relative;
      font-size: 1.5rem;
      font-family: 'Lato', sans-serif;
      font-weight: bold;
      text-align: center;
      margin-bottom: 60px; }
      @media screen and (max-width:896px) {
        body section h2 {
          font-size: 2.83026vw; } }
      @media screen and (max-width:480px) {
        body section h2 {
          font-size: 6.158475vw; } }
      body section h2:after {
        position: absolute;
        content: attr(data-text);
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        font-size: 0.8rem;
        font-family: 'Lato', sans-serif;
        font-weight: 100;
        letter-spacing: 0.2em;
        bottom: -35px;
        left: 50%;
        font-weight: 100; }
        @media screen and (max-width:896px) {
          body section h2:after {
            font-size: 1.509472vw; } }
        @media screen and (max-width:480px) {
          body section h2:after {
            font-size: 3.28452vw; } }
        @media screen and (max-width:480px) {
          body section h2:after {
            bottom: -30px; } }
    body section .explanation {
      font-size: 1rem;
      line-height: 2;
      letter-spacing: 0.2em;
      margin-bottom: 30px;
      font-weight: 100; }
      @media screen and (max-width:896px) {
        body section .explanation {
          font-size: 1.88684vw; } }
      @media screen and (max-width:480px) {
        body section .explanation {
          font-size: 4.10565vw; } }
      @media screen and (max-width:480px) {
        body section .explanation {
          line-height: inherit;
          letter-spacing: 0.1em; } }
    body section p {
      font-size: 0.9rem;
      margin-bottom: 45px; }
      @media screen and (max-width:896px) {
        body section p {
          font-size: 1.698156vw; } }
      @media screen and (max-width:480px) {
        body section p {
          font-size: 3.695085vw; } }
      @media screen and (max-width:896px) {
        body section p {
          margin-bottom: 30px; } }
      @media screen and (max-width:480px) {
        body section p {
          margin-bottom: 15px; } }
  body .button_blk {
    position: relative;
    background: #000;
    text-align: left;
    color: #fff;
    border: solid 1px #000;
    display: block;
    max-width: 200px;
    width: 90%;
    padding: 9px 15px;
    font-size: 0.8rem;
    border-radius: 3px; }
    @media screen and (max-width:896px) {
      body .button_blk {
        font-size: 1.509472vw; } }
    @media screen and (max-width:480px) {
      body .button_blk {
        font-size: 3.28452vw; } }
    body .button_blk:before {
      position: absolute;
      content: "";
      background-image: url("/images/common/after_arrow03.png");
      background-size: content;
      background-repeat: no-repeat;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 15px;
      height: 15px;
      display: block;
      top: 50%;
      right: 0; }
    body .button_blk:hover {
      background: #fff;
      border: solid 1px #fff;
      color: #000; }
  body .button_or {
    position: relative;
    background: #ff870f;
    text-align: center;
    color: #fff;
    display: block;
    max-width: 350px;
    width: 90%;
    padding: 12px 15px;
    margin: 0 auto;
    font-size: 0.9rem;
    border-radius: 5px; }
    @media screen and (max-width:896px) {
      body .button_or {
        font-size: 1.698156vw; } }
    @media screen and (max-width:480px) {
      body .button_or {
        font-size: 3.695085vw; } }
    body .button_or:before {
      position: absolute;
      font-family: "Font Awesome 5 Free";
      content: '\f1d8';
      font-weight: 900;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      font-size: 1.5rem;
      display: block;
      top: 50%;
      right: 0; }
      @media screen and (max-width:896px) {
        body .button_or:before {
          font-size: 2.83026vw; } }
      @media screen and (max-width:480px) {
        body .button_or:before {
          font-size: 6.158475vw; } }
    body .button_or:hover {
      background: #fff;
      color: #ff870f; }
  body .img_zoom img {
    display: block;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    /*変化に掛かる時間*/ }
    body .img_zoom img:hover {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
      /*画像の拡大率*/
      -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s;
      /*変化に掛かる時間*/ }
  body .contact-link {
    background-image: url("/images/index/contact_img.jpg");
    background-size: cover;
    background-repeat: no-repeat; }
    body .contact-link h2 {
      color: #fff;
      font-size: 1.5rem;
      font-weight: 100; }
      @media screen and (max-width:896px) {
        body .contact-link h2 {
          font-size: 2.83026vw; } }
      @media screen and (max-width:480px) {
        body .contact-link h2 {
          font-size: 6.158475vw; } }
      body .contact-link h2:after {
        color: #656b70;
        bottom: -80%; }
    body .contact-link .col2 {
      max-width: 1000px;
      width: 90%;
      margin: 0 auto; }
      body .contact-link .col2 .item {
        width: 48%;
        text-align: center; }
        @media screen and (max-width:480px) {
          body .contact-link .col2 .item {
            width: 90%;
            margin: 0 auto 45px; } }
        body .contact-link .col2 .item p {
          color: #fff;
          font-size: 0.9rem; }
          @media screen and (max-width:896px) {
            body .contact-link .col2 .item p {
              font-size: 1.698156vw; } }
          @media screen and (max-width:480px) {
            body .contact-link .col2 .item p {
              font-size: 3.695085vw; } }
        body .contact-link .col2 .item h3 {
          color: #ff870f;
          font-size: 0.9rem;
          margin-bottom: 12px; }
          @media screen and (max-width:896px) {
            body .contact-link .col2 .item h3 {
              font-size: 1.698156vw; } }
          @media screen and (max-width:480px) {
            body .contact-link .col2 .item h3 {
              font-size: 3.695085vw; } }
      @media screen and (max-width:480px) {
        body .contact-link .col2 .item2 {
          margin-bottom: 0; } }
  body footer {
    background: #000;
    width: calc(100% - 240px);
    margin-left: auto; }
    @media screen and (max-width:896px) {
      body footer {
        width: inherit; } }
    body footer .flex {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap;
      padding: 60px 0;
      max-width: 1200px;
      width: 90%;
      margin: 0 auto; }
      @media screen and (max-width:480px) {
        body footer .flex {
          width: 80%; } }
    @media screen and (max-width:480px) {
      body footer .item {
        width: 45%;
        margin-bottom: 15px; } }
    body footer a {
      color: #fff;
      display: block;
      line-height: 2.8;
      font-size: 0.7rem; }
      @media screen and (max-width:896px) {
        body footer a {
          font-size: 1.320788vw; } }
      @media screen and (max-width:480px) {
        body footer a {
          font-size: 2.873955vw; } }
    body footer .gray {
      padding: 0;
      line-height: 1.8;
      color: #aaaaaa; }
    body footer .copyright {
      background: #fff;
      color: #000;
      text-align: center;
      padding: 45px 0;
      font-size: 0.7rem; }
      @media screen and (max-width:896px) {
        body footer .copyright {
          font-size: 1.320788vw; } }
      @media screen and (max-width:480px) {
        body footer .copyright {
          font-size: 2.873955vw; } }
      @media screen and (max-width:480px) {
        body footer .copyright {
          margin-bottom: 60px;
          padding: 30px 0; } }
.about .orange {
  color: #ff870f; }

.about h3 {
  font-size: 1.2rem;
  margin-bottom: 15px; }
  @media screen and (max-width:896px) {
    .about h3 {
      font-size: 2.264208vw; } }
  @media screen and (max-width:480px) {
    .about h3 {
      font-size: 4.92678vw; } }
@media screen and (max-width:480px) {
  .about .button_blk {
    width: 80%;
    margin: 0 auto; } }

.about .heroheader {
  padding: 0; }
  .about .heroheader h1 {
    position: relative;
    margin-bottom: 60px; }
    @media screen and (max-width:896px) {
      .about .heroheader h1 {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .about .heroheader h1 {
        margin-bottom: 30px; } }
    .about .heroheader h1:before {
      position: absolute;
      white-space: pre;
      content: "ABOUT ENGLISH\a CONVERSATION";
      font-size: 3rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 5%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center;
      line-height: 1.1em;
      font-family: 'Lato', sans-serif; }
      @media screen and (max-width:896px) {
        .about .heroheader h1:before {
          font-size: 5.66052vw; } }
      @media screen and (max-width:480px) {
        .about .heroheader h1:before {
          font-size: 12.31695vw; } }
      @media screen and (max-width:480px) {
        .about .heroheader h1:before {
          bottom: 0;
          font-size: 1.5rem; } }
    .about .heroheader h1:after {
      position: absolute;
      content: "I-MAKEの英会話について";
      font-size: 1.1rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 5%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center; }
      @media screen and (max-width:896px) {
        .about .heroheader h1:after {
          font-size: 2.075524vw; } }
      @media screen and (max-width:480px) {
        .about .heroheader h1:after {
          font-size: 4.516215vw; } }
      @media screen and (max-width:480px) {
        .about .heroheader h1:after {
          bottom: 0;
          font-size: 0.7rem; } }
  .about .heroheader nav {
    padding: 75px 0; }
    @media screen and (max-width:896px) {
      .about .heroheader nav {
        padding: 45px 0; } }
  .about .heroheader ul {
    max-width: 900px;
    width: 90%;
    margin: 0 auto;
    border: solid 1px #d2d4d6;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.06); }
  .about .heroheader li {
    position: relative;
    font-size: 0.8rem;
    width: 33.333%;
    text-align: center;
    border-right: solid 1px #d2d4d6;
    -webkit-transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
    @media screen and (max-width:896px) {
      .about .heroheader li {
        font-size: 1.509472vw; } }
    @media screen and (max-width:480px) {
      .about .heroheader li {
        font-size: 3.28452vw; } }
    @media screen and (max-width:480px) {
      .about .heroheader li {
        width: 100%;
        border-right: 0;
        border-bottom: solid 1px #d2d4d6; } }
    .about .heroheader li:hover {
      background: #f2f5f7; }
    .about .heroheader li:last-of-type {
      border: 0; }
    .about .heroheader li a {
      display: block;
      width: 100%;
      padding: 12px 0; }

.about .course_introduction .flex {
  max-width: 950px;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 45px; }
  @media screen and (max-width:896px) {
    .about .course_introduction .flex {
      margin-bottom: 30px; } }
  @media screen and (max-width:480px) {
    .about .course_introduction .flex {
      margin-bottom: 15px; } }
  .about .course_introduction .flex:nth-of-type(even) {
    flex-direction: row-reverse; }

.about .course_introduction img {
  width: 48%; }
  @media screen and (max-width:480px) {
    .about .course_introduction img {
      width: 90%;
      display: block;
      margin: 0 auto; } }
.about .course_introduction .item {
  width: 48%;
  padding: 18px; }
  @media screen and (max-width:480px) {
    .about .course_introduction .item {
      width: 100%;
      margin-bottom: 45px; } }
  .about .course_introduction .item .small {
    font-size: 0.9rem; }
    @media screen and (max-width:896px) {
      .about .course_introduction .item .small {
        font-size: 1.698156vw; } }
    @media screen and (max-width:480px) {
      .about .course_introduction .item .small {
        font-size: 3.695085vw; } }
  @media screen and (max-width:480px) {
    .about .course_introduction .item p:last-of-type {
      margin-bottom: 30px; } }
  .about .course_introduction .item .orange {
    color: #ff870f;
    display: block;
    margin-bottom: 9px; }

@media screen and (max-width:480px) {
  .about .course_introduction .item2 {
    margin-bottom: 0; } }

.about .feature {
  max-width: 960px;
  width: 90%;
  margin: 0 auto; }
  .about .feature img {
    width: 100%; }
    .about .feature img:first-of-type {
      margin-bottom: 60px; }
      @media screen and (max-width:896px) {
        .about .feature img:first-of-type {
          margin-bottom: 45px; } }
      @media screen and (max-width:480px) {
        .about .feature img:first-of-type {
          margin-bottom: 30px; } }
  .about .feature h3 {
    color: #ff870f; }
  .about .feature p {
    text-align: center;
    font-size: 0.9rem;
    line-height: 2em;
    margin-bottom: 120px; }
    @media screen and (max-width:896px) {
      .about .feature p {
        font-size: 1.698156vw; } }
    @media screen and (max-width:480px) {
      .about .feature p {
        font-size: 3.695085vw; } }
    @media screen and (max-width:896px) {
      .about .feature p {
        margin-bottom: 90px; } }
    @media screen and (max-width:480px) {
      .about .feature p {
        margin-bottom: 60px; } }
    @media screen and (max-width:480px) {
      .about .feature p {
        text-align: left; }
        .about .feature p br {
          display: none; } }
    .about .feature p .copy {
      display: block;
      text-align: center;
      font-size: 1.4rem;
      letter-spacing: 0.3em;
      line-height: 1.6;
      margin-bottom: 30px; }
      @media screen and (max-width:896px) {
        .about .feature p .copy {
          font-size: 2.641576vw; } }
      @media screen and (max-width:480px) {
        .about .feature p .copy {
          font-size: 5.74791vw; } }
      @media screen and (max-width:896px) {
        .about .feature p .copy {
          margin-bottom: 15px; } }
      @media screen and (max-width:480px) {
        .about .feature p .copy {
          margin-bottom: 12px; } }
      @media screen and (max-width:480px) {
        .about .feature p .copy {
          letter-spacing: 0.15em; } }
  .about .feature .flex {
    align-items: stretch; }
    @media screen and (max-width:480px) {
      .about .feature .flex .item:last-of-type {
        margin-bottom: 0; } }
  .about .feature .item {
    position: relative;
    width: 30%;
    text-align: center; }
    @media screen and (max-width:480px) {
      .about .feature .item {
        width: 100%;
        margin-bottom: 30px; }
        .about .feature .item:last-of-type p {
          margin-bottom: 0; } }
    .about .feature .item p {
      text-align: left;
      font-size: 0.9rem; }
      @media screen and (max-width:896px) {
        .about .feature .item p {
          font-size: 1.698156vw; } }
      @media screen and (max-width:480px) {
        .about .feature .item p {
          font-size: 3.695085vw; } }
    .about .feature .item img {
      width: 90%;
      margin-bottom: 30px; }
      @media screen and (max-width:896px) {
        .about .feature .item img {
          margin-bottom: 15px; } }
      @media screen and (max-width:480px) {
        .about .feature .item img {
          margin-bottom: 12px; } }
      @media screen and (max-width:480px) {
        .about .feature .item img {
          width: 50%;
          display: block;
          margin: 0 auto 15px; } }
    .about .feature .item .orange {
      text-decoration: underline;
      color: #ff870f; }
      .about .feature .item .orange:hover {
        opacity: .5; }
    .about .feature .item .button_blk {
      position: absolute;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      bottom: 0;
      left: 50%; }

.about .other .flex {
  max-width: 960px;
  width: 90%;
  margin: 0 auto;
  align-items: stretch; }
  @media screen and (max-width:480px) {
    .about .other .flex .item:last-of-type {
      margin-bottom: 0; } }
.about .other .item {
  width: 47%;
  position: relative; }
  @media screen and (max-width:896px) {
    .about .other .item {
      padding-bottom: 30px; } }
  @media screen and (max-width:480px) {
    .about .other .item {
      width: 100%;
      padding-bottom: 45px;
      margin-bottom: 60px; } }
  .about .other .item img {
    width: 100%;
    margin-bottom: 30px; }
    @media screen and (max-width:896px) {
      .about .other .item img {
        margin-bottom: 15px; } }
    @media screen and (max-width:480px) {
      .about .other .item img {
        margin-bottom: 12px; } }
  .about .other .item h3 {
    text-align: center; }
  .about .other .item p {
    margin-bottom: 60px; }
    @media screen and (max-width:896px) {
      .about .other .item p {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .about .other .item p {
        margin-bottom: 30px; } }
  .about .other .item .button_blk {
    position: absolute;
    -webkit-transform: translateY(0) translateX(-50%);
    transform: translateY(0) translateX(-50%);
    bottom: 0;
    left: 50%; }

.qa .all .heroheader h1 {
  position: relative; }
  .qa .all .heroheader h1:before {
    position: absolute;
    white-space: pre;
    content: "Q&A";
    font-size: 3rem;
    color: #fff;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    bottom: 10%;
    left: 50%;
    letter-spacing: 0.1em;
    text-align: center;
    font-family: 'Lato', sans-serif; }
    @media screen and (max-width:896px) {
      .qa .all .heroheader h1:before {
        font-size: 5.66052vw; } }
    @media screen and (max-width:480px) {
      .qa .all .heroheader h1:before {
        font-size: 12.31695vw; } }
    @media screen and (max-width:480px) {
      .qa .all .heroheader h1:before {
        font-size: 1.5rem; } }
  .qa .all .heroheader h1:after {
    position: absolute;
    content: "よくある質問";
    font-size: 1.1rem;
    color: #fff;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    bottom: 5%;
    left: 50%;
    letter-spacing: 0.1em;
    text-align: center; }
    @media screen and (max-width:896px) {
      .qa .all .heroheader h1:after {
        font-size: 2.075524vw; } }
    @media screen and (max-width:480px) {
      .qa .all .heroheader h1:after {
        font-size: 4.516215vw; } }
    @media screen and (max-width:480px) {
      .qa .all .heroheader h1:after {
        bottom: 0;
        font-size: 0.7rem; } }
.qa .all .anser,
.qa .all .go_top {
  max-width: 900px;
  width: 90%;
  margin: 0 auto; }

@media screen and (min-width:897px) {
  .qa .all .spbr {
    display: none; } }

@media screen and (max-width:896px) {
  .qa .all .spbr {
    display: none; } }

@media screen and (max-width:480px) {
  .qa .all .spbr {
    display: block; } }

.qa .all .anser {
  position: relative; }
  .qa .all .anser:before {
    position: absolute;
    content: "";
    background: #f2f5f7;
    width: 300%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: -10; }
  .qa .all .anser .item {
    padding: 30px;
    -webkit-transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
    @media screen and (max-width:480px) {
      .qa .all .anser .item {
        padding: 15px 5px 0;
        margin-bottom: 15px; } }
    .qa .all .anser .item.open {
      background: #fff;
      margin-bottom: 60px;
      border-radius: 15px;
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
  .qa .all .anser h3 {
    position: relative;
    font-size: 1rem;
    padding: 12px 12px 12px 80px;
    background: #fff;
    border: solid 1px #ff870f;
    border-radius: 50px;
    color: #ff870f;
    letter-spacing: .02em;
    cursor: pointer;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
    @media screen and (max-width:896px) {
      .qa .all .anser h3 {
        font-size: 1.88684vw; } }
    @media screen and (max-width:480px) {
      .qa .all .anser h3 {
        font-size: 4.10565vw; } }
    @media screen and (max-width:480px) {
      .qa .all .anser h3 {
        text-align: center;
        font-size: 1rem;
        padding: 15px 0;
        border-radius: 15px; } }
    .qa .all .anser h3:before {
      position: absolute;
      content: "Q";
      font-family: 'Lato', sans-serif;
      text-align: center;
      line-height: 60px;
      font-weight: bold;
      color: #fff;
      background: #ff870f;
      width: 60px;
      height: 60px;
      border-radius: 100%;
      font-size: 1.4rem;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      top: 50%;
      left: 30px; }
      @media screen and (max-width:896px) {
        .qa .all .anser h3:before {
          font-size: 2.641576vw; } }
      @media screen and (max-width:480px) {
        .qa .all .anser h3:before {
          font-size: 5.74791vw; } }
      @media screen and (max-width:896px) {
        .qa .all .anser h3:before {
          left: 45px; } }
      @media screen and (max-width:480px) {
        .qa .all .anser h3:before {
          display: none; } }
  .qa .all .anser p {
    display: none;
    width: 90%;
    line-height: 1.9em;
    padding: 15px 40px 30px;
    letter-spacing: .05em;
    margin: 0 auto;
    font-size: 0.8rem;
    font-weight: 100; }
    @media screen and (max-width:896px) {
      .qa .all .anser p {
        font-size: 1.509472vw; } }
    @media screen and (max-width:480px) {
      .qa .all .anser p {
        font-size: 3.28452vw; } }
    @media screen and (max-width:896px) {
      .qa .all .anser p {
        padding: 15px 50px 30px; } }
    @media screen and (max-width:480px) {
      .qa .all .anser p {
        width: 100%;
        padding: 15px 15px 30px; } }
    .qa .all .anser p.open {
      display: block; }

.qa .all .go_top {
  text-align: right;
  font-style: italic; }
  .qa .all .go_top a {
    position: relative; }
    .qa .all .go_top a:after {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border-width: 0 7.5px 12px 7.5px;
      border-color: transparent transparent #000 transparent;
      border-style: solid;
      bottom: 3px;
      right: -20px; }

.business h3 {
  font-size: 1.4rem;
  text-align: center;
  letter-spacing: 0.2em; }
  @media screen and (max-width:896px) {
    .business h3 {
      font-size: 2.641576vw; } }
  @media screen and (max-width:480px) {
    .business h3 {
      font-size: 5.74791vw; } }
.business .heroheader {
  padding: 0; }
  .business .heroheader h1 {
    position: relative;
    margin-bottom: 60px; }
    @media screen and (max-width:896px) {
      .business .heroheader h1 {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .business .heroheader h1 {
        margin-bottom: 30px; } }
    .business .heroheader h1:before {
      position: absolute;
      content: "FOR BUSINESS";
      font-size: 3rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 10%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center;
      font-family: 'Lato', sans-serif; }
      @media screen and (max-width:896px) {
        .business .heroheader h1:before {
          font-size: 5.66052vw; } }
      @media screen and (max-width:480px) {
        .business .heroheader h1:before {
          font-size: 12.31695vw; } }
      @media screen and (max-width:480px) {
        .business .heroheader h1:before {
          bottom: 10%;
          font-size: 1.7rem; } }
    .business .heroheader h1:after {
      position: absolute;
      content: "企業・法人向け英会話";
      font-size: 1.1rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 5%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center; }
      @media screen and (max-width:896px) {
        .business .heroheader h1:after {
          font-size: 2.075524vw; } }
      @media screen and (max-width:480px) {
        .business .heroheader h1:after {
          font-size: 4.516215vw; } }
      @media screen and (max-width:480px) {
        .business .heroheader h1:after {
          bottom: 0;
          font-size: 0.7rem; } }
  .business .heroheader p {
    max-width: 960px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 60px; }
    @media screen and (max-width:896px) {
      .business .heroheader p {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .business .heroheader p {
        margin-bottom: 30px; } }
.business .goal {
  background: #f2f5f7;
  padding-bottom: 0; }
  .business .goal .flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
    .business .goal .flex img {
      width: 50%; }
      @media screen and (max-width:480px) {
        .business .goal .flex img {
          width: 100%; } }
  @media screen and (max-width:480px) {
    .business .goal h2:after {
      width: 100%; } }
.business .feature {
  max-width: 960px;
  width: 90%;
  margin: 0 auto; }
  .business .feature h2 {
    margin-bottom: 150px; }
    @media screen and (max-width:896px) {
      .business .feature h2 {
        margin-bottom: 100px; } }
    @media screen and (max-width:480px) {
      .business .feature h2 {
        margin-bottom: 75px; } }
    @media screen and (max-width:480px) {
      .business .feature h2 {
        margin-bottom: 120px; } }
    @media screen and (max-width:480px) {
      .business .feature h2:after {
        width: 100%; } }
  .business .feature h3 {
    margin-bottom: 45px; }
    @media screen and (max-width:896px) {
      .business .feature h3 {
        margin-bottom: 30px; } }
    @media screen and (max-width:480px) {
      .business .feature h3 {
        margin-bottom: 15px; } }
  .business .feature .point {
    margin-bottom: 150px; }
    @media screen and (max-width:896px) {
      .business .feature .point {
        margin-bottom: 100px; } }
    @media screen and (max-width:480px) {
      .business .feature .point {
        margin-bottom: 75px; } }
    @media screen and (max-width:480px) {
      .business .feature .point {
        margin-bottom: 150px; } }
    .business .feature .point .flex {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap;
      margin-bottom: 30px; }
      @media screen and (max-width:896px) {
        .business .feature .point .flex {
          margin-bottom: 15px; } }
      @media screen and (max-width:480px) {
        .business .feature .point .flex {
          margin-bottom: 12px; } }
      .business .feature .point .flex .item {
        width: 48%; }
        @media screen and (max-width:480px) {
          .business .feature .point .flex .item {
            width: 100%; } }
        .business .feature .point .flex .item .button_blk {
          max-width: 250px;
          width: 90%;
          padding: 9px;
          margin: 0 auto;
          border: solid 1px #000; }
        @media screen and (max-width:480px) {
          .business .feature .point .flex .item:first-of-type {
            margin-bottom: 90px; } }
        .business .feature .point .flex .item:first-of-type h3 {
          position: relative; }
          .business .feature .point .flex .item:first-of-type h3:before {
            position: absolute;
            content: "";
            background-image: url("/images/business/feature_before01.svg");
            background-size: contain;
            background-repeat: no-repeat;
            -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
            top: -35px;
            left: 50%;
            width: 185px;
            height: 45px;
            z-index: -10; }
            @media screen and (max-width:480px) {
              .business .feature .point .flex .item:first-of-type h3:before {
                width: 150px;
                height: 36px; } }
        .business .feature .point .flex .item:nth-of-type(2) h3 {
          position: relative; }
          .business .feature .point .flex .item:nth-of-type(2) h3:before {
            position: absolute;
            content: "";
            background-image: url("/images/business/feature_before02.svg");
            background-size: contain;
            background-repeat: no-repeat;
            -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
            top: -35px;
            left: 50%;
            width: 185px;
            height: 45px;
            z-index: -10; }
            @media screen and (max-width:480px) {
              .business .feature .point .flex .item:nth-of-type(2) h3:before {
                width: 150px;
                height: 36px; } }
    .business .feature .point p.price {
      width: 100%;
      text-align: right !important;
      font-size: 0.8rem; }
      @media screen and (max-width:896px) {
        .business .feature .point p.price {
          font-size: 1.509472vw; } }
      @media screen and (max-width:480px) {
        .business .feature .point p.price {
          font-size: 3.28452vw; } }
    .business .feature .point dl.flex {
      margin-bottom: 30px; }
      @media screen and (max-width:896px) {
        .business .feature .point dl.flex {
          margin-bottom: 15px; } }
      @media screen and (max-width:480px) {
        .business .feature .point dl.flex {
          margin-bottom: 12px; } }
      .business .feature .point dl.flex dt {
        width: 30%;
        text-align: center;
        padding: 24px 0; }
        @media screen and (max-width:480px) {
          .business .feature .point dl.flex dt {
            text-align: left;
            width: 100%;
            margin-bottom: 6px;
            padding: 3px 0 3px 5px;
            border-left: solid 5px #000; } }
        .business .feature .point dl.flex dt:first-of-type {
          border-bottom: solid 1px #d2d4d6; }
          @media screen and (max-width:480px) {
            .business .feature .point dl.flex dt:first-of-type {
              border-bottom: 0; } }
      .business .feature .point dl.flex dd {
        width: 68%;
        padding: 24px 30px; }
        @media screen and (max-width:480px) {
          .business .feature .point dl.flex dd {
            width: 100%;
            padding: 0;
            font-size: 1.1rem; } }
        .business .feature .point dl.flex dd:first-of-type {
          border-bottom: solid 1px #d2d4d6; }
          @media screen and (max-width:480px) {
            .business .feature .point dl.flex dd:first-of-type {
              margin-bottom: 15px;
              padding-bottom: 15px; } }
  .business .feature .title {
    display: block;
    text-align: center;
    margin: 0 auto; }
  .business .feature .example {
    position: relative;
    background: #f2f5f7;
    padding: 60px 30px 30px;
    text-align: center;
    margin-bottom: 30px; }
    @media screen and (max-width:896px) {
      .business .feature .example {
        margin-bottom: 15px; } }
    @media screen and (max-width:480px) {
      .business .feature .example {
        margin-bottom: 12px; } }
    @media screen and (max-width:480px) {
      .business .feature .example {
        margin-bottom: 30px; } }
    .business .feature .example:before {
      position: absolute;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      content: "";
      background-image: url("/images/business/example_before.svg");
      background-size: contain;
      background-repeat: no-repeat;
      width: 190px;
      height: 26px;
      top: 0;
      left: 50%; }
    .business .feature .example .flex {
      margin-bottom: 30px;
      align-items: stretch; }
      @media screen and (max-width:896px) {
        .business .feature .example .flex {
          margin-bottom: 15px; } }
      @media screen and (max-width:480px) {
        .business .feature .example .flex {
          margin-bottom: 12px; } }
    .business .feature .example .green {
      font-size: 0.9rem;
      display: block;
      background: #89efb4;
      border-radius: 5px;
      padding: 15px;
      width: 23%; }
      @media screen and (max-width:896px) {
        .business .feature .example .green {
          font-size: 1.698156vw; } }
      @media screen and (max-width:480px) {
        .business .feature .example .green {
          font-size: 3.695085vw; } }
      @media screen and (max-width:896px) {
        .business .feature .example .green {
          width: 49%;
          margin-bottom: 15px; } }
      @media screen and (max-width:480px) {
        .business .feature .example .green {
          width: 100%; } }
    .business .feature .example p {
      font-size: 1.3rem;
      line-height: 1.6;
      margin-bottom: 0; }
      @media screen and (max-width:896px) {
        .business .feature .example p {
          font-size: 2.452892vw; } }
      @media screen and (max-width:480px) {
        .business .feature .example p {
          font-size: 5.337345vw; } }
  .business .feature .border {
    border: solid 1px #000;
    text-align: center;
    padding: 30px 0; }
    @media screen and (max-width:480px) {
      .business .feature .border {
        padding: 15px 0; } }
  .business .feature .point03 h3 {
    position: relative; }
    .business .feature .point03 h3:before {
      position: absolute;
      content: "";
      background-image: url("/images/business/feature_before03.svg");
      background-size: contain;
      background-repeat: no-repeat;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      top: -35px;
      left: 50%;
      width: 185px;
      height: 45px;
      z-index: -10; }
      @media screen and (max-width:480px) {
        .business .feature .point03 h3:before {
          width: 150px;
          height: 36px; } }
  .business .feature .point03 .flex {
    align-items: stretch; }
    .business .feature .point03 .flex dl {
      position: relative;
      width: 33.333%;
      border: solid 1px #d2d4d6; }
      @media screen and (max-width:480px) {
        .business .feature .point03 .flex dl {
          width: 100%; } }
      .business .feature .point03 .flex dl:before {
        display: none !important; }
      .business .feature .point03 .flex dl:nth-of-type(2) {
        border: solid 1px #ff870f;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
        z-index: 10; }
        .business .feature .point03 .flex dl:nth-of-type(2) dt {
          background: #ff870f;
          color: #fff; }
        .business .feature .point03 .flex dl:nth-of-type(2) .price {
          color: #ff870f;
          font-weight: 700; }
    .business .feature .point03 .flex dt {
      background: #d2d4d6;
      text-align: center;
      padding: 10px 0;
      font-size: 1rem; }
      @media screen and (max-width:896px) {
        .business .feature .point03 .flex dt {
          font-size: 1.88684vw; } }
      @media screen and (max-width:480px) {
        .business .feature .point03 .flex dt {
          font-size: 4.10565vw; } }
    .business .feature .point03 .flex dd {
      padding: 15px; }
      .business .feature .point03 .flex dd span {
        display: block; }
        .business .feature .point03 .flex dd span.price {
          font-size: 1.5rem; }
          @media screen and (max-width:896px) {
            .business .feature .point03 .flex dd span.price {
              font-size: 2.83026vw; } }
          @media screen and (max-width:480px) {
            .business .feature .point03 .flex dd span.price {
              font-size: 6.158475vw; } }
          .business .feature .point03 .flex dd span.price span {
            display: inline;
            font-size: 1rem; }
            @media screen and (max-width:896px) {
              .business .feature .point03 .flex dd span.price span {
                font-size: 1.88684vw; } }
            @media screen and (max-width:480px) {
              .business .feature .point03 .flex dd span.price span {
                font-size: 4.10565vw; } }
      .business .feature .point03 .flex dd img {
        width: 90%;
        margin: 0 auto;
        display: block; }
  .business .feature .point04 {
    margin-bottom: 45px; }
    @media screen and (max-width:896px) {
      .business .feature .point04 {
        margin-bottom: 30px; } }
    @media screen and (max-width:480px) {
      .business .feature .point04 {
        margin-bottom: 15px; } }
    .business .feature .point04 h3 {
      position: relative; }
      .business .feature .point04 h3:before {
        position: absolute;
        content: "";
        background-image: url("/images/business/feature_before04.svg");
        background-size: contain;
        background-repeat: no-repeat;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        top: -35px;
        left: 50%;
        width: 185px;
        height: 45px;
        z-index: -10; }
        @media screen and (max-width:480px) {
          .business .feature .point04 h3:before {
            width: 150px;
            height: 36px; } }
    .business .feature .point04 h4 {
      position: relative;
      text-align: center;
      font-size: 1.2rem;
      margin-bottom: 60px; }
      @media screen and (max-width:896px) {
        .business .feature .point04 h4 {
          font-size: 2.264208vw; } }
      @media screen and (max-width:480px) {
        .business .feature .point04 h4 {
          font-size: 4.92678vw; } }
      @media screen and (max-width:896px) {
        .business .feature .point04 h4 {
          margin-bottom: 45px; } }
      @media screen and (max-width:480px) {
        .business .feature .point04 h4 {
          margin-bottom: 30px; } }
      .business .feature .point04 h4:before {
        position: absolute;
        content: "";
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        bottom: -100%;
        left: 50%;
        width: 45px;
        height: 1px;
        background: #000; }
        @media screen and (max-width:480px) {
          .business .feature .point04 h4:before {
            bottom: -50%; } }
    .business .feature .point04 .flex div {
      width: 32%; }
      @media screen and (max-width:480px) {
        .business .feature .point04 .flex div {
          width: 100%; } }
    .business .feature .point04 .flex p {
      font-size: 0.9rem;
      padding: 10px;
      background: #f2f2f3;
      margin-bottom: 6px; }
      @media screen and (max-width:896px) {
        .business .feature .point04 .flex p {
          font-size: 1.698156vw; } }
      @media screen and (max-width:480px) {
        .business .feature .point04 .flex p {
          font-size: 3.695085vw; } }
.price {
  /************************
     共通
     ************************/
  /*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
     ⬇スライダー下バナー⬇
     ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/ }
  .price h3 {
    position: relative;
    text-align: center;
    font-size: 2.2rem;
    margin-bottom: 90px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    letter-spacing: .05em; }
    @media screen and (max-width:896px) {
      .price h3 {
        font-size: 4.151048vw; } }
    @media screen and (max-width:480px) {
      .price h3 {
        font-size: 9.03243vw; } }
    @media screen and (max-width:896px) {
      .price h3 {
        margin-bottom: 60px; } }
    @media screen and (max-width:480px) {
      .price h3 {
        margin-bottom: 45px; } }
    .price h3:before {
      position: absolute;
      content: attr(data-text);
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      font-size: 1rem;
      bottom: -45px;
      left: 50%;
      width: 100%;
      text-align: center;
      font-weight: 100;
      letter-spacing: .05em; }
      @media screen and (max-width:896px) {
        .price h3:before {
          font-size: 1.88684vw; } }
      @media screen and (max-width:480px) {
        .price h3:before {
          font-size: 4.10565vw; } }
  .price h4 {
    text-align: center;
    color: #ff870f;
    font-size: 1.1rem;
    padding-bottom: 30px;
    margin-bottom: 45px;
    border-bottom: solid 1px #ff870f; }
    @media screen and (max-width:896px) {
      .price h4 {
        font-size: 2.075524vw; } }
    @media screen and (max-width:480px) {
      .price h4 {
        font-size: 4.516215vw; } }
    @media screen and (max-width:896px) {
      .price h4 {
        margin-bottom: 30px; } }
    @media screen and (max-width:480px) {
      .price h4 {
        margin-bottom: 15px; } }
  .price img {
    width: 100%; }
  .price p {
    line-height: 2; }
  .price .orange {
    color: #ff870f; }
  .price .red {
    color: #ff2525; }
  .price .right {
    text-align: right; }
    @media screen and (max-width:480px) {
      .price .right span {
        font-size: 1.7rem; } }
    .price .right span:after {
      content: attr(data-text);
      font-size: 1.1rem;
      letter-spacing: 0.08em;
      width: 100%; }
      @media screen and (max-width:896px) {
        .price .right span:after {
          font-size: 2.075524vw; } }
      @media screen and (max-width:480px) {
        .price .right span:after {
          font-size: 4.516215vw; } }
      @media screen and (max-width:480px) {
        .price .right span:after {
          font-size: 0.8rem; } }
  .price .small {
    font-size: 0.9rem; }
    @media screen and (max-width:896px) {
      .price .small {
        font-size: 1.698156vw; } }
    @media screen and (max-width:480px) {
      .price .small {
        font-size: 3.695085vw; } }
  .price .border {
    border: solid 1px #000;
    padding: 45px;
    width: 100%;
    font-size: 0.8rem; }
    @media screen and (max-width:896px) {
      .price .border {
        font-size: 1.509472vw; } }
    @media screen and (max-width:480px) {
      .price .border {
        font-size: 3.28452vw; } }
    @media screen and (max-width:480px) {
      .price .border {
        padding: 30px; } }
  .price .heroheader {
    padding: 0; }
    .price .heroheader h1 {
      position: relative;
      margin-bottom: 90px; }
      @media screen and (max-width:896px) {
        .price .heroheader h1 {
          margin-bottom: 60px; } }
      @media screen and (max-width:480px) {
        .price .heroheader h1 {
          margin-bottom: 45px; } }
      .price .heroheader h1:before {
        position: absolute;
        content: "REGULAR COURSE";
        font-size: 3rem;
        color: #fff;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        width: 100%;
        bottom: 10%;
        left: 50%;
        letter-spacing: 0.15em;
        text-align: center;
        font-family: 'Lato', sans-serif; }
        @media screen and (max-width:896px) {
          .price .heroheader h1:before {
            font-size: 5.66052vw; } }
        @media screen and (max-width:480px) {
          .price .heroheader h1:before {
            font-size: 12.31695vw; } }
        @media screen and (max-width:480px) {
          .price .heroheader h1:before {
            bottom: 10%;
            font-size: 1.7rem; } }
      .price .heroheader h1:after {
        position: absolute;
        content: "I-MAKEのレギュラーコース";
        font-size: 1.1rem;
        color: #fff;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        width: 100%;
        bottom: 5%;
        left: 50%;
        letter-spacing: 0.1em;
        text-align: center; }
        @media screen and (max-width:896px) {
          .price .heroheader h1:after {
            font-size: 2.075524vw; } }
        @media screen and (max-width:480px) {
          .price .heroheader h1:after {
            font-size: 4.516215vw; } }
        @media screen and (max-width:480px) {
          .price .heroheader h1:after {
            bottom: 0;
            font-size: 0.7rem; } }
    .price .heroheader p {
      max-width: 960px;
      width: 90%;
      margin: 0 auto; }
      .price .heroheader p:first-of-type {
        margin-bottom: 30px; }
      .price .heroheader p:last-of-type {
        margin-bottom: 120px; }
        @media screen and (max-width:896px) {
          .price .heroheader p:last-of-type {
            margin-bottom: 90px; } }
        @media screen and (max-width:480px) {
          .price .heroheader p:last-of-type {
            margin-bottom: 60px; } }
  .price .top_bnr {
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
    padding-top: 0; }
    @media screen and (max-width:480px) {
      .price .top_bnr {
        padding: 0; } }
    .price .top_bnr img {
      width: 100%; }
  .price .lesson {
    position: relative;
    max-width: 960px;
    width: 90%;
    margin: 0 auto; }
    .price .lesson:before {
      position: absolute;
      content: "";
      background: #f2f5f7;
      width: 300%;
      height: 100%;
      left: -50%;
      z-index: -10; }
    .price .lesson:after {
      position: absolute;
      content: "Regular Courses";
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      top: 55px;
      left: 50%;
      width: 100%;
      text-align: center;
      color: #ff870f;
      font-family: 'Lato', sans-serif;
      font-size: 2.2rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      font-style: italic; }
      @media screen and (max-width:896px) {
        .price .lesson:after {
          font-size: 4.151048vw; } }
      @media screen and (max-width:480px) {
        .price .lesson:after {
          font-size: 9.03243vw; } }
      @media screen and (max-width:896px) {
        .price .lesson:after {
          top: 70px; } }
      @media screen and (max-width:480px) {
        .price .lesson:after {
          font-size: 2rem;
          width: 100%;
          top: 28px; } }
    .price .lesson h3 {
      padding-top: 120px;
      font-size: 1.5rem; }
      @media screen and (max-width:896px) {
        .price .lesson h3 {
          font-size: 2.83026vw; } }
      @media screen and (max-width:480px) {
        .price .lesson h3 {
          font-size: 6.158475vw; } }
      @media screen and (max-width:480px) {
        .price .lesson h3 {
          padding-top: 45px; } }
    .price .lesson img {
      margin-bottom: 60px; }
      @media screen and (max-width:896px) {
        .price .lesson img {
          margin-bottom: 45px; } }
      @media screen and (max-width:480px) {
        .price .lesson img {
          margin-bottom: 30px; } }
    .price .lesson .basic dl,
    .price .lesson .online dl {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      flex-wrap: wrap;
      margin-bottom: 30px; }
      @media screen and (max-width:896px) {
        .price .lesson .basic dl,
        .price .lesson .online dl {
          margin-bottom: 15px; } }
      @media screen and (max-width:480px) {
        .price .lesson .basic dl,
        .price .lesson .online dl {
          margin-bottom: 12px; } }
      .price .lesson .basic dl dt,
      .price .lesson .online dl dt {
        width: 24%;
        line-height: 30px;
        text-align: center;
        background: #ff870f;
        padding: 10px 0;
        margin-bottom: 5px;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
        @media screen and (max-width:480px) {
          .price .lesson .basic dl dt,
          .price .lesson .online dl dt {
            width: 100%;
            margin-bottom: 0;
            text-align: left;
            padding-left: 20px; } }
      .price .lesson .basic dl dd,
      .price .lesson .online dl dd {
        width: 75.5%;
        color: #808589;
        font-size: 1.5rem;
        background: #fff;
        padding: 10px 21px;
        margin-bottom: 5px;
        letter-spacing: 0.05em;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
        @media screen and (max-width:896px) {
          .price .lesson .basic dl dd,
          .price .lesson .online dl dd {
            font-size: 2.83026vw; } }
        @media screen and (max-width:480px) {
          .price .lesson .basic dl dd,
          .price .lesson .online dl dd {
            font-size: 6.158475vw; } }
        @media screen and (max-width:480px) {
          .price .lesson .basic dl dd,
          .price .lesson .online dl dd {
            width: 100%;
            margin-bottom: 15px; } }
        .price .lesson .basic dl dd img,
        .price .lesson .online dl dd img {
          width: auto;
          height: 25px;
          margin-bottom: 0; }
    .price .lesson .basic p.price,
    .price .lesson .online p.price {
      width: 100%;
      text-align: right !important;
      font-size: 0.8rem;
      margin-bottom: 90px; }
      @media screen and (max-width:896px) {
        .price .lesson .basic p.price,
        .price .lesson .online p.price {
          font-size: 1.509472vw; } }
      @media screen and (max-width:480px) {
        .price .lesson .basic p.price,
        .price .lesson .online p.price {
          font-size: 3.28452vw; } }
      @media screen and (max-width:896px) {
        .price .lesson .basic p.price,
        .price .lesson .online p.price {
          margin-bottom: 60px; } }
      @media screen and (max-width:480px) {
        .price .lesson .basic p.price,
        .price .lesson .online p.price {
          margin-bottom: 45px; } }
    .price .lesson .example .item {
      width: 48%;
      background: #fff;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      padding: 30px 60px;
      text-align: center;
      margin-bottom: 30px; }
      @media screen and (max-width:896px) {
        .price .lesson .example .item {
          margin-bottom: 15px; } }
      @media screen and (max-width:480px) {
        .price .lesson .example .item {
          margin-bottom: 12px; } }
      @media screen and (max-width:896px) {
        .price .lesson .example .item {
          padding: 30px; } }
      @media screen and (max-width:480px) {
        .price .lesson .example .item {
          width: 100%; } }
      .price .lesson .example .item .orange {
        font-size: 1.2rem; }
        @media screen and (max-width:896px) {
          .price .lesson .example .item .orange {
            font-size: 2.264208vw; } }
        @media screen and (max-width:480px) {
          .price .lesson .example .item .orange {
            font-size: 4.92678vw; } }
    .price .lesson .example p {
      font-size: 2.5rem;
      line-height: inherit; }
      @media screen and (max-width:896px) {
        .price .lesson .example p {
          font-size: 4.7171vw; } }
      @media screen and (max-width:480px) {
        .price .lesson .example p {
          font-size: 10.264125vw; } }
    .price .lesson .example img {
      margin-bottom: 0; }
    .price .lesson .example .right {
      position: relative;
      color: #808589; }
      .price .lesson .example .right:before {
        position: absolute;
        content: "+";
        bottom: 0;
        left: 0; }
      .price .lesson .example .right:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background: #808589;
        bottom: -25px;
        left: 0; }
        @media screen and (max-width:480px) {
          .price .lesson .example .right:after {
            bottom: -10px; } }
    .price .lesson .example .border {
      font-size: 0.8rem;
      line-height: 1.5; }
      @media screen and (max-width:896px) {
        .price .lesson .example .border {
          font-size: 1.509472vw; } }
      @media screen and (max-width:480px) {
        .price .lesson .example .border {
          font-size: 3.28452vw; } }
    .price .lesson .online {
      margin-bottom: 120px; }
      @media screen and (max-width:896px) {
        .price .lesson .online {
          margin-bottom: 90px; } }
      @media screen and (max-width:480px) {
        .price .lesson .online {
          margin-bottom: 60px; } }
      .price .lesson .online .flex {
        align-items: stretch; }
        .price .lesson .online .flex:last-of-type .item {
          width: 47%;
          background: #fff;
          margin-bottom: 60px;
          -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
          @media screen and (max-width:896px) {
            .price .lesson .online .flex:last-of-type .item {
              margin-bottom: 45px; } }
          @media screen and (max-width:480px) {
            .price .lesson .online .flex:last-of-type .item {
              margin-bottom: 30px; } }
          @media screen and (max-width:480px) {
            .price .lesson .online .flex:last-of-type .item {
              width: 100%; } }
          .price .lesson .online .flex:last-of-type .item img {
            margin-bottom: 0; }
          .price .lesson .online .flex:last-of-type .item p {
            padding: 40px;
            margin-bottom: 0; }
    .price .lesson .precautions .bg_or {
      display: block;
      padding: 15px;
      text-align: center;
      background: #ff870f;
      color: #fff;
      margin-bottom: 15px;
      font-size: 1rem; }
      @media screen and (max-width:896px) {
        .price .lesson .precautions .bg_or {
          font-size: 1.88684vw; } }
      @media screen and (max-width:480px) {
        .price .lesson .precautions .bg_or {
          font-size: 4.10565vw; } }
    .price .lesson .precautions dl {
      margin-bottom: 30px; }
      .price .lesson .precautions dl:last-of-type {
        margin-bottom: 0; }
      .price .lesson .precautions dl dt {
        font-size: 0.9rem;
        margin-bottom: 9px; }
        @media screen and (max-width:896px) {
          .price .lesson .precautions dl dt {
            font-size: 1.698156vw; } }
        @media screen and (max-width:480px) {
          .price .lesson .precautions dl dt {
            font-size: 3.695085vw; } }
      .price .lesson .precautions dl dd {
        position: relative;
        padding-left: 30px;
        margin-bottom: 6px;
        font-size: 0.8rem;
        line-height: 1.5em; }
        @media screen and (max-width:896px) {
          .price .lesson .precautions dl dd {
            font-size: 1.509472vw; } }
        @media screen and (max-width:480px) {
          .price .lesson .precautions dl dd {
            font-size: 3.28452vw; } }
        .price .lesson .precautions dl dd:before {
          position: absolute;
          content: "";
          width: 0;
          height: 0;
          border-width: 3px 0 3px 3px;
          border-color: transparent transparent transparent #000;
          border-style: solid;
          top: 7px;
          left: 15px; }
        .price .lesson .precautions dl dd.red:before {
          width: 0;
          height: 0;
          border-width: 3px 0 3px 3px;
          border-color: transparent transparent transparent #f00;
          border-style: solid; }
  .price .process {
    max-width: 960px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 60px; }
    @media screen and (max-width:896px) {
      .price .process {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .price .process {
        margin-bottom: 30px; } }
    .price .process h2 {
      position: relative;
      padding-top: 45px;
      color: #89c5ef;
      font-weight: 100; }
      .price .process h2:after {
        position: absolute;
        content: attr(data-text);
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        font-family: 'Lato', sans-serif;
        font-size: 2.2rem;
        font-weight: 700;
        font-style: italic;
        bottom: 20px;
        left: 50%; }
        @media screen and (max-width:896px) {
          .price .process h2:after {
            font-size: 4.151048vw; } }
        @media screen and (max-width:480px) {
          .price .process h2:after {
            font-size: 9.03243vw; } }
    .price .process dt {
      font-size: 1.25rem;
      margin-bottom: 30px; }
      @media screen and (max-width:896px) {
        .price .process dt {
          font-size: 2.35855vw; } }
      @media screen and (max-width:480px) {
        .price .process dt {
          font-size: 5.1320625vw; } }
      @media screen and (max-width:896px) {
        .price .process dt {
          margin-bottom: 15px; } }
      @media screen and (max-width:480px) {
        .price .process dt {
          margin-bottom: 12px; } }
    .price .process dd {
      padding-left: 82px;
      margin-bottom: 60px; }
      @media screen and (max-width:896px) {
        .price .process dd {
          margin-bottom: 45px; } }
      @media screen and (max-width:480px) {
        .price .process dd {
          margin-bottom: 30px; } }
      @media screen and (max-width:480px) {
        .price .process dd {
          padding: 0; } }
      .price .process dd p {
        margin-bottom: 0; }
    .price .process .flex p {
      width: 65%; }
      @media screen and (max-width:480px) {
        .price .process .flex p {
          margin-bottom: 15px;
          width: 100%; } }
    .price .process .flex .button_blue {
      position: relative;
      display: block;
      width: 25%;
      background: #89c5ef;
      color: #fff;
      padding: 15px;
      border-radius: 5px;
      border: solid 1px #89c5ef; }
      @media screen and (max-width:480px) {
        .price .process .flex .button_blue {
          width: 80%;
          margin: 0 auto; } }
      .price .process .flex .button_blue:before {
        position: absolute;
        font-family: "Font Awesome 5 Free";
        content: '\f1d8';
        font-size: 1.5rem;
        font-weight: 900;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        top: 50%;
        right: 0; }
        @media screen and (max-width:896px) {
          .price .process .flex .button_blue:before {
            font-size: 2.83026vw; } }
        @media screen and (max-width:480px) {
          .price .process .flex .button_blue:before {
            font-size: 6.158475vw; } }
      .price .process .flex .button_blue:hover {
        background: #fff;
        color: #89c5ef; }
    .price .process .flex img {
      width: 30%; }
      @media screen and (max-width:480px) {
        .price .process .flex img {
          width: 80%;
          margin: 0 auto; } }
    .price .process .border {
      position: relative;
      border: solid 2px #89c5ef;
      color: #89c5ef;
      padding: 15px 80px; }
      @media screen and (max-width:480px) {
        .price .process .border {
          padding: 15px 0 15px 48px; } }
      .price .process .border:before {
        position: absolute;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        content: attr(data-text);
        top: 50%;
        left: 30px;
        font-size: 1.5rem;
        font-weight: 700;
        font-style: italic;
        letter-spacing: 0.2em; }
        @media screen and (max-width:896px) {
          .price .process .border:before {
            font-size: 2.83026vw; } }
        @media screen and (max-width:480px) {
          .price .process .border:before {
            font-size: 6.158475vw; } }
      .price .process .border:last-of-type {
        background: #89c5ef;
        color: #fff;
        margin-bottom: 0; }

.try .heroheader {
  padding: 0; }
  .try .heroheader h1 {
    position: relative;
    margin-bottom: 90px; }
    @media screen and (max-width:896px) {
      .try .heroheader h1 {
        margin-bottom: 60px; } }
    @media screen and (max-width:480px) {
      .try .heroheader h1 {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .try .heroheader h1 {
        margin-bottom: 30px; } }
    .try .heroheader h1:before {
      position: absolute;
      content: "TRIAL LESSON";
      font-size: 3rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 10%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center;
      font-family: 'Lato', sans-serif; }
      @media screen and (max-width:896px) {
        .try .heroheader h1:before {
          font-size: 5.66052vw; } }
      @media screen and (max-width:480px) {
        .try .heroheader h1:before {
          font-size: 12.31695vw; } }
      @media screen and (max-width:480px) {
        .try .heroheader h1:before {
          bottom: 10%;
          font-size: 1.7rem; } }
    .try .heroheader h1:after {
      position: absolute;
      content: "無料体験レッスン";
      font-size: 1.1rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 5%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center; }
      @media screen and (max-width:896px) {
        .try .heroheader h1:after {
          font-size: 2.075524vw; } }
      @media screen and (max-width:480px) {
        .try .heroheader h1:after {
          font-size: 4.516215vw; } }
      @media screen and (max-width:480px) {
        .try .heroheader h1:after {
          bottom: 0;
          font-size: 0.7rem; } }
  .try .heroheader h2 {
    font-size: 1.5rem;
    margin-bottom: 60px;
    line-height: 1.5;
    font-weight: 100; }
    @media screen and (max-width:896px) {
      .try .heroheader h2 {
        font-size: 2.83026vw; } }
    @media screen and (max-width:480px) {
      .try .heroheader h2 {
        font-size: 6.158475vw; } }
    @media screen and (max-width:896px) {
      .try .heroheader h2 {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .try .heroheader h2 {
        margin-bottom: 30px; } }
  .try .heroheader p {
    max-width: 960px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 150px; }
    @media screen and (max-width:896px) {
      .try .heroheader p {
        margin-bottom: 100px; } }
    @media screen and (max-width:480px) {
      .try .heroheader p {
        margin-bottom: 75px; } }
.try .qaulity,
.try .process {
  max-width: 960px;
  width: 90%;
  margin: 0 auto; }
  .try .qaulity img,
  .try .process img {
    width: 100%;
    margin-bottom: 60px; }
    @media screen and (max-width:896px) {
      .try .qaulity img,
      .try .process img {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .try .qaulity img,
      .try .process img {
        margin-bottom: 30px; } }
.try .qaulity {
  position: relative;
  padding: 90px 0 160px; }
  .try .qaulity h2 {
    font-size: 1.2rem;
    margin-bottom: 60px;
    line-height: 1.5;
    font-weight: 100; }
    @media screen and (max-width:896px) {
      .try .qaulity h2 {
        font-size: 2.264208vw; } }
    @media screen and (max-width:480px) {
      .try .qaulity h2 {
        font-size: 4.92678vw; } }
    @media screen and (max-width:896px) {
      .try .qaulity h2 {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .try .qaulity h2 {
        margin-bottom: 30px; } }
  @media screen and (max-width:480px) {
    .try .qaulity {
      padding: 45px 0 90px; } }
  .try .qaulity:before {
    position: absolute;
    content: "";
    width: 300%;
    height: 100%;
    background: #f2f5f7;
    top: 0;
    left: -50%;
    z-index: -10; }
  .try .qaulity:after {
    position: absolute;
    content: "I-MAKE Qaulity";
    width: 100%;
    text-align: center;
    color: #ff870f;
    font-style: italic;
    font-size: 3rem;
    letter-spacing: 0.1em;
    top: -30px;
    font-weight: 700; }
    @media screen and (max-width:896px) {
      .try .qaulity:after {
        font-size: 5.66052vw; } }
    @media screen and (max-width:480px) {
      .try .qaulity:after {
        font-size: 12.31695vw; } }
    @media screen and (max-width:480px) {
      .try .qaulity:after {
        font-size: 1.75rem;
        width: 100%;
        top: -20px; } }
  .try .qaulity .button_orange {
    -webkit-appearance: none;
    position: relative;
    display: block;
    max-width: 620px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 30px;
    background: #ff870f;
    color: #fff;
    border: solid 1px #ff870f;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    font-size: 1.4rem; }
    @media screen and (max-width:896px) {
      .try .qaulity .button_orange {
        font-size: 2.641576vw; } }
    @media screen and (max-width:480px) {
      .try .qaulity .button_orange {
        font-size: 5.74791vw; } }
    @media screen and (max-width:480px) {
      .try .qaulity .button_orange {
        padding: 9px;
        text-align: center; } }
    .try .qaulity .button_orange .small {
      font-size: 0.9rem; }
      @media screen and (max-width:896px) {
        .try .qaulity .button_orange .small {
          font-size: 1.698156vw; } }
      @media screen and (max-width:480px) {
        .try .qaulity .button_orange .small {
          font-size: 3.695085vw; } }
    .try .qaulity .button_orange:before {
      position: absolute;
      font-family: "Font Awesome 5 Free";
      content: '\f105';
      font-size: 3rem;
      font-weight: 900;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      top: 50%;
      right: 10px; }
      @media screen and (max-width:896px) {
        .try .qaulity .button_orange:before {
          font-size: 5.66052vw; } }
      @media screen and (max-width:480px) {
        .try .qaulity .button_orange:before {
          font-size: 12.31695vw; } }
      @media screen and (max-width:480px) {
        .try .qaulity .button_orange:before {
          display: none; } }
    .try .qaulity .button_orange:hover {
      background: #fff;
      color: #ff870f; }
  .try .qaulity picture {
    display: block;
    padding-top: 45px;
    max-width: 1300px;
    width: 100%;
    margin: 0 auto; }
    .try .qaulity picture img {
      display: block;
      width: 100%;
      margin: 0; }

.try .process {
  padding-top: 45px; }
  @media screen and (max-width:480px) {
    .try .process {
      padding-top: 30px; } }
  .try .process h2 {
    position: relative;
    padding: 0;
    color: #89c5ef;
    font-size: 1rem; }
    @media screen and (max-width:896px) {
      .try .process h2 {
        font-size: 1.88684vw; } }
    @media screen and (max-width:480px) {
      .try .process h2 {
        font-size: 4.10565vw; } }
    @media screen and (max-width:480px) {
      .try .process h2 {
        margin-bottom: 45px;
        font-weight: 100; } }
    .try .process h2:after {
      position: absolute;
      content: attr(data-text);
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      text-align: center;
      color: #89c5ef;
      font-style: italic;
      font-size: 2.5rem;
      letter-spacing: 0.1em;
      top: -30px;
      left: 50%;
      font-weight: 700; }
      @media screen and (max-width:896px) {
        .try .process h2:after {
          font-size: 4.7171vw; } }
      @media screen and (max-width:480px) {
        .try .process h2:after {
          font-size: 10.264125vw; } }
      @media screen and (max-width:480px) {
        .try .process h2:after {
          top: -20px; } }
  .try .process dt {
    margin-bottom: 45px; }
    @media screen and (max-width:896px) {
      .try .process dt {
        margin-bottom: 30px; } }
    @media screen and (max-width:480px) {
      .try .process dt {
        margin-bottom: 15px; } }
  .try .process dd {
    padding-left: 90px;
    margin-bottom: 60px; }
    @media screen and (max-width:896px) {
      .try .process dd {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .try .process dd {
        margin-bottom: 30px; } }
    @media screen and (max-width:480px) {
      .try .process dd {
        padding: 0; } }
    .try .process dd p {
      margin-bottom: 0; }
  .try .process .flex p {
    width: 65%; }
    @media screen and (max-width:480px) {
      .try .process .flex p {
        margin-bottom: 15px;
        width: 100%; } }
  .try .process .flex .button_blue {
    position: relative;
    display: block;
    width: 25%;
    background: #89c5ef;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    border: solid 1px #89c5ef; }
    @media screen and (max-width:480px) {
      .try .process .flex .button_blue {
        width: 80%;
        margin: 0 auto; } }
    .try .process .flex .button_blue:before {
      position: absolute;
      font-family: "Font Awesome 5 Free";
      content: '\f1d8';
      font-size: 1.5rem;
      font-weight: 900;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      top: 50%;
      right: 0; }
      @media screen and (max-width:896px) {
        .try .process .flex .button_blue:before {
          font-size: 2.83026vw; } }
      @media screen and (max-width:480px) {
        .try .process .flex .button_blue:before {
          font-size: 6.158475vw; } }
    .try .process .flex .button_blue:hover {
      background: #fff;
      color: #89c5ef; }
  .try .process .flex img {
    width: 30%; }
    @media screen and (max-width:480px) {
      .try .process .flex img {
        width: 80%;
        margin: 0 auto; } }
  .try .process .border {
    position: relative;
    border: solid 2px #89c5ef;
    color: #89c5ef;
    padding: 15px 80px; }
    @media screen and (max-width:480px) {
      .try .process .border {
        padding: 15px 0 15px 48px; } }
    .try .process .border:before {
      position: absolute;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      content: attr(data-text);
      top: 50%;
      left: 30px;
      font-size: 1.5rem;
      font-weight: 700;
      font-style: italic;
      letter-spacing: 0.2em; }
      @media screen and (max-width:896px) {
        .try .process .border:before {
          font-size: 2.83026vw; } }
      @media screen and (max-width:480px) {
        .try .process .border:before {
          font-size: 6.158475vw; } }
    .try .process .border:last-of-type {
      background: #89c5ef;
      color: #fff; }

.try .mail {
  position: relative;
  max-width: 960px;
  width: 90%;
  margin: 0 auto; }
  .try .mail a {
    color: #ff870f; }
  .try .mail:before {
    position: absolute;
    content: "";
    background: #f2f5f7;
    width: 300%;
    height: 100%;
    top: 0;
    left: -50%;
    z-index: -10; }
  .try .mail h2 {
    font-weight: 100;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    margin-bottom: 45px; }
    @media screen and (max-width:896px) {
      .try .mail h2 {
        font-size: 2.641576vw; } }
    @media screen and (max-width:480px) {
      .try .mail h2 {
        font-size: 5.74791vw; } }
    @media screen and (max-width:896px) {
      .try .mail h2 {
        margin-bottom: 30px; } }
    @media screen and (max-width:480px) {
      .try .mail h2 {
        margin-bottom: 15px; } }
    @media screen and (max-width:480px) {
      .try .mail h2 {
        font-size: 1.2rem;
        letter-spacing: 0.08em; } }
  .try .mail p {
    text-align: center;
    line-height: 2; }
  .try .mail .orange {
    text-decoration: underline; }
  .try .mail dl {
    /*&.target_lesson{
                    display: block !important;
               }*/
    background: #fff;
    padding: 30px;
    margin-bottom: 9px; }
    @media screen and (max-width:480px) {
      .try .mail dl {
        padding: 15px; } }
    .try .mail dl:last-of-type {
      margin-bottom: 90px; }
      @media screen and (max-width:896px) {
        .try .mail dl:last-of-type {
          margin-bottom: 60px; } }
      @media screen and (max-width:480px) {
        .try .mail dl:last-of-type {
          margin-bottom: 45px; } }
    .try .mail dl.require dt:after {
      content: "※入力必須";
      color: #ff870f; }
  .try .mail dt {
    line-height: 1.5em;
    padding-bottom: 21px;
    margin-bottom: 21px;
    border-bottom: 1px solid #cccccc;
    letter-spacing: .1em; }
    .try .mail dt p {
      font-size: 0.85rem;
      line-height: 1.5em;
      text-align: left;
      margin: 0 0 15px;
      letter-spacing: .05em; }
      @media screen and (max-width:896px) {
        .try .mail dt p {
          font-size: 1.603814vw; } }
      @media screen and (max-width:480px) {
        .try .mail dt p {
          font-size: 3.4898025vw; } }
      .try .mail dt p:last-of-type {
        margin: 0; }
  .try .mail label {
    font-size: 0.9rem; }
    @media screen and (max-width:896px) {
      .try .mail label {
        font-size: 1.698156vw; } }
    @media screen and (max-width:480px) {
      .try .mail label {
        font-size: 3.695085vw; } }
  .try .mail dd h6 {
    font-size: 1.1rem;
    margin: 0 0 5px;
    letter-spacing: .1em; }
    @media screen and (max-width:896px) {
      .try .mail dd h6 {
        font-size: 2.075524vw; } }
    @media screen and (max-width:480px) {
      .try .mail dd h6 {
        font-size: 4.516215vw; } }
  .try .mail dd a {
    font-size: .9rem;
    color: #ff870f;
    text-decoration: underline; }
    .try .mail dd a:hover {
      opacity: .5; }
  .try .mail dd ul {
    margin: 0 0 2em; }
    .try .mail dd ul:last-child {
      margin: 0; }
    .try .mail dd ul li.schedule {
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
      flex-wrap: wrap;
      margin: 0 0 15px;
      font-size: 1rem;
      font-weight: 100; }
      @media screen and (max-width:896px) {
        .try .mail dd ul li.schedule {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: wrap; } }
      @media screen and (max-width:896px) {
        .try .mail dd ul li.schedule {
          font-size: 1.88684vw; } }
      @media screen and (max-width:480px) {
        .try .mail dd ul li.schedule {
          font-size: 4.10565vw; } }
      .try .mail dd ul li.schedule:last-of-type {
        margin: 0; }
      .try .mail dd ul li.schedule h6 {
        width: 100%;
        margin: 0 0 9px; }
      .try .mail dd ul li.schedule input {
        width: 25%; }
        @media screen and (max-width:896px) {
          .try .mail dd ul li.schedule input {
            width: 90%;
            margin: 0 0 10px !important; } }
      .try .mail dd ul li.schedule select {
        width: 25%;
        margin: 0 12px 0 !important;
        padding: 15px;
        border: solid 1px #a7a9ab;
        border-radius: 5px;
        height: 48px;
        font-size: 0.9rem; }
        @media screen and (max-width:896px) {
          .try .mail dd ul li.schedule select {
            width: 80%;
            margin: 0 5px 10px 0 !important; } }
  .try .mail dd p {
    font-size: 0.85rem;
    line-height: 1.5em;
    text-align: left;
    margin: 0 0 15px;
    letter-spacing: .05em; }
    @media screen and (max-width:896px) {
      .try .mail dd p {
        font-size: 1.603814vw; } }
    @media screen and (max-width:480px) {
      .try .mail dd p {
        font-size: 3.4898025vw; } }
    .try .mail dd p:last-of-type {
      margin: 0; }
  .try .mail dd.radio li {
    margin-bottom: 9px;
    font-weight: 100;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap; }
    .try .mail dd.radio li.input {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: nowrap; }
      .try .mail dd.radio li.input label {
        width: 100px;
        margin: 0 10px 0 0; }
    .try .mail dd.radio li span {
      margin: 0 0 0 10px; }
    .try .mail dd.radio li input[type="text"] {
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 0.9rem;
      padding: 10px;
      border: solid 1px #a7a9ab;
      border-radius: 5px;
      display: block;
      line-height: 1em;
      margin: 0 5px 0; }
      @media screen and (max-width:896px) {
        .try .mail dd.radio li input[type="text"] {
          font-size: 1.698156vw; } }
      @media screen and (max-width:480px) {
        .try .mail dd.radio li input[type="text"] {
          font-size: 3.695085vw; } }
  .try .mail dd.radio label input {
    display: none; }
    .try .mail dd.radio label input + span {
      position: relative;
      padding-left: 30px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: nowrap; }
      .try .mail dd.radio label input + span:before {
        position: absolute;
        content: "";
        left: 0;
        border: 5px solid #ccc;
        border-radius: 100%;
        padding: 5px;
        display: block; }
    .try .mail dd.radio label input:checked + span:before {
      border: 5px solid #ff870f;
      background: #ff870f; }
  .try .mail dd.checkbox li {
    margin-bottom: 9px;
    font-weight: 100;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap; }
    .try .mail dd.checkbox li span {
      margin: 0 0 0 10px; }
  .try .mail dd.checkbox label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap; }
    .try .mail dd.checkbox label input {
      display: none; }
      .try .mail dd.checkbox label input + span {
        position: relative;
        padding-left: 30px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap; }
        .try .mail dd.checkbox label input + span:before {
          position: absolute;
          content: "";
          top: 5px;
          left: 0;
          border: 3px solid #ccc;
          border-radius: 3px;
          padding: 5px;
          display: block; }
      .try .mail dd.checkbox label input:checked + span:before {
        border: 3px solid #ff870f;
        background: #ff870f; }
    .try .mail dd.checkbox label a {
      padding-left: 10px; }
  .try .mail dd.text input {
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.9rem;
    padding: 15px;
    border: solid 1px #a7a9ab;
    border-radius: 5px;
    width: 100%;
    line-height: 1em;
    display: block;
    margin: 0 0 15px; }
    @media screen and (max-width:896px) {
      .try .mail dd.text input {
        font-size: 1.698156vw; } }
    @media screen and (max-width:480px) {
      .try .mail dd.text input {
        font-size: 3.695085vw; } }
    .try .mail dd.text input:last-of-type {
      margin: 0; }
  .try .mail dd.text input::-webkit-input-placeholder {
    color: #a7a9ab; }
  .try .mail dd.text input::-moz-placeholder {
    color: #a7a9ab; }
  .try .mail dd.text input:-ms-input-placeholder {
    color: #a7a9ab; }
  .try .mail dd.text input::-ms-input-placeholder {
    color: #a7a9ab; }
  .try .mail dd.text input::placeholder {
    color: #a7a9ab; }
  .try .mail dd.text p {
    margin-bottom: -5px; }
    .try .mail dd.text p.postal_attention {
      margin-bottom: 25px;
      font-size: 0.8rem; }
      @media screen and (max-width:896px) {
        .try .mail dd.text p.postal_attention {
          font-size: 1.509472vw; } }
      @media screen and (max-width:480px) {
        .try .mail dd.text p.postal_attention {
          font-size: 3.28452vw; } }
    .try .mail dd.text p input {
      width: 20%;
      display: inline-block;
      margin-left: 15px; }
      @media screen and (max-width:480px) {
        .try .mail dd.text p input {
          width: 30%;
          margin-left: 5px; } }
  .try .mail dd.text .mail_add li:first-of-type {
    margin-bottom: 6px; }
  .try .mail dd.text .mail_add li:last-of-type {
    margin-bottom: 15px; }
  .try .mail dd.text span {
    font-size: 0.8rem; }
    @media screen and (max-width:896px) {
      .try .mail dd.text span {
        font-size: 1.509472vw; } }
    @media screen and (max-width:480px) {
      .try .mail dd.text span {
        font-size: 3.28452vw; } }
  .try .mail dd.text-box textarea {
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.9rem;
    padding: 10px;
    border: solid 1px #a7a9ab;
    border-radius: 5px;
    width: 100%;
    height: 250px; }
    @media screen and (max-width:896px) {
      .try .mail dd.text-box textarea {
        font-size: 1.698156vw; } }
    @media screen and (max-width:480px) {
      .try .mail dd.text-box textarea {
        font-size: 3.695085vw; } }
    @media screen and (max-width:896px) {
      .try .mail dd.text-box textarea {
        height: 180px; } }
    @media screen and (max-width:480px) {
      .try .mail dd.text-box textarea {
        height: 150px; } }
  .try .mail dd.text-box textarea::-webkit-input-placeholder {
    color: #a7a9ab; }
  .try .mail dd.text-box textarea::-moz-placeholder {
    color: #a7a9ab; }
  .try .mail dd.text-box textarea:-ms-input-placeholder {
    color: #a7a9ab; }
  .try .mail dd.text-box textarea::-ms-input-placeholder {
    color: #a7a9ab; }
  .try .mail dd.text-box textarea::placeholder {
    color: #a7a9ab; }
  .try .mail .button_orange {
    -webkit-appearance: none;
    max-width: 340px;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    width: 100%;
    display: block;
    font-size: 0.9rem;
    background: #ff870f;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    border-radius: 50px;
    letter-spacing: .1em;
    margin-bottom: 30px; }
    @media screen and (max-width:896px) {
      .try .mail .button_orange {
        font-size: 1.698156vw; } }
    @media screen and (max-width:480px) {
      .try .mail .button_orange {
        font-size: 3.695085vw; } }
    .try .mail .button_orange:hover {
      background: #ffb76f; }

.try .check form dl dd p {
  font-size: 1.1rem; }
  @media screen and (max-width:896px) {
    .try .check form dl dd p {
      font-size: 2.075524vw; } }
  @media screen and (max-width:480px) {
    .try .check form dl dd p {
      font-size: 4.516215vw; } }
.school,
.company {
  /***********************
     　共通一括
     ***********************/
  /***********************
     　ナビゲーション共通スタイル
     ***********************/
  /***********************
     　セクション共通
     ***********************/
  /***********************
     　飛び出すマップ
     ***********************/ }
  .school .nav01, .school .nav02,
  .school .hokkaido, .school .tokyo, .school .kanagawa, .school .shizuoka, .school .aichi, .school .fukuoka, .school .kumamoto, .school .osaka, .school .kyoto, .school .okinawa, .school .overseas,
  .school .usa, .school .canada, .school .australia, .school .newzealand, .school .europe, .school .asia,
  .company .nav01,
  .company .nav02,
  .company .hokkaido,
  .company .tokyo,
  .company .kanagawa,
  .company .shizuoka,
  .company .aichi,
  .company .fukuoka,
  .company .kumamoto,
  .company .osaka,
  .company .kyoto,
  .company .okinawa,
  .company .overseas,
  .company .usa,
  .company .canada,
  .company .australia,
  .company .newzealand,
  .company .europe,
  .company .asia {
    max-width: 960px;
    width: 90%;
    margin: 0 auto; }
  .school .nav01,
  .school .nav02,
  .company .nav01,
  .company .nav02 {
    padding: 90px 0; }
    @media screen and (max-width:896px) {
      .school .nav01,
      .school .nav02,
      .company .nav01,
      .company .nav02 {
        padding: 60px 0; } }
    .school .nav01 h2,
    .school .nav02 h2,
    .company .nav01 h2,
    .company .nav02 h2 {
      font-weight: 100;
      text-align: center;
      font-size: 1.4rem;
      letter-spacing: 0.3em;
      line-height: 1.6;
      margin-bottom: 30px; }
      @media screen and (max-width:896px) {
        .school .nav01 h2,
        .school .nav02 h2,
        .company .nav01 h2,
        .company .nav02 h2 {
          font-size: 2.641576vw; } }
      @media screen and (max-width:480px) {
        .school .nav01 h2,
        .school .nav02 h2,
        .company .nav01 h2,
        .company .nav02 h2 {
          font-size: 5.74791vw; } }
      @media screen and (max-width:896px) {
        .school .nav01 h2,
        .school .nav02 h2,
        .company .nav01 h2,
        .company .nav02 h2 {
          margin-bottom: 15px; } }
      @media screen and (max-width:480px) {
        .school .nav01 h2,
        .school .nav02 h2,
        .company .nav01 h2,
        .company .nav02 h2 {
          margin-bottom: 12px; } }
      @media screen and (max-width:480px) {
        .school .nav01 h2,
        .school .nav02 h2,
        .company .nav01 h2,
        .company .nav02 h2 {
          letter-spacing: 0.15em; } }
    .school .nav01 ul,
    .school .nav02 ul,
    .company .nav01 ul,
    .company .nav02 ul {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr);
      margin: 0 auto;
      border: solid 1px #d2d4d6;
      border-radius: 4px;
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
              box-shadow: 0 0 15px rgba(0, 0, 0, 0.06); }
      @media screen and (max-width:480px) {
        .school .nav01 ul,
        .school .nav02 ul,
        .company .nav01 ul,
        .company .nav02 ul {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr; } }
    .school .nav01 li,
    .school .nav02 li,
    .company .nav01 li,
    .company .nav02 li {
      font-size: 0.8rem;
      text-align: center;
      -webkit-transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
      transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
      @media screen and (max-width:896px) {
        .school .nav01 li,
        .school .nav02 li,
        .company .nav01 li,
        .company .nav02 li {
          font-size: 1.509472vw; } }
      @media screen and (max-width:480px) {
        .school .nav01 li,
        .school .nav02 li,
        .company .nav01 li,
        .company .nav02 li {
          font-size: 3.28452vw; } }
      @media screen and (max-width:480px) {
        .school .nav01 li,
        .school .nav02 li,
        .company .nav01 li,
        .company .nav02 li {
          width: 100%;
          border-right: 0; } }
      .school .nav01 li:not(:nth-of-type(6n)),
      .school .nav02 li:not(:nth-of-type(6n)),
      .company .nav01 li:not(:nth-of-type(6n)),
      .company .nav02 li:not(:nth-of-type(6n)) {
        border-right: solid 1px #d2d4d6; }
        @media screen and (max-width:480px) {
          .school .nav01 li:not(:nth-of-type(6n)),
          .school .nav02 li:not(:nth-of-type(6n)),
          .company .nav01 li:not(:nth-of-type(6n)),
          .company .nav02 li:not(:nth-of-type(6n)) {
            border-right: none; } }
      .school .nav01 li:hover,
      .school .nav02 li:hover,
      .company .nav01 li:hover,
      .company .nav02 li:hover {
        background: #f2f5f7; }
      .school .nav01 li a,
      .school .nav02 li a,
      .company .nav01 li a,
      .company .nav02 li a {
        display: block;
        width: 100%;
        padding: 12px 0; }
    @media screen and (max-width:480px) {
      .school .nav01 .pc_li,
      .school .nav02 .pc_li,
      .company .nav01 .pc_li,
      .company .nav02 .pc_li {
        display: none; } }
    .school .nav01 .child,
    .school .nav02 .child,
    .company .nav01 .child,
    .company .nav02 .child {
      display: none; }
    @media screen and (min-width:897px) {
      .school .nav01 .sp_li,
      .school .nav02 .sp_li,
      .company .nav01 .sp_li,
      .company .nav02 .sp_li {
        display: none; } }
    @media screen and (max-width:896px) {
      .school .nav01 .sp_li,
      .school .nav02 .sp_li,
      .company .nav01 .sp_li,
      .company .nav02 .sp_li {
        display: none; } }
    @media screen and (max-width:480px) {
      .school .nav01 .sp_li,
      .school .nav02 .sp_li,
      .company .nav01 .sp_li,
      .company .nav02 .sp_li {
        display: block;
        position: relative;
        padding: 12px 0; }
        .school .nav01 .sp_li:before,
        .school .nav02 .sp_li:before,
        .company .nav01 .sp_li:before,
        .company .nav02 .sp_li:before {
          position: absolute;
          content: "";
          width: 0;
          height: 0;
          border-width: 6px 4px 0 4px;
          border-color: #000 transparent transparent transparent;
          border-style: solid;
          -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
          top: 50%;
          right: 10px; } }
    .school .nav01 .active .child,
    .school .nav02 .active .child,
    .company .nav01 .active .child,
    .company .nav02 .active .child {
      display: block;
      position: absolute;
      top: 42px;
      left: 0;
      width: 100%;
      background: #fff;
      z-index: 10; }
    .school .nav01 .active li,
    .school .nav02 .active li,
    .company .nav01 .active li,
    .company .nav02 .active li {
      border-bottom: solid 1px #d2d4d6; }
      .school .nav01 .active li:last-of-type,
      .school .nav02 .active li:last-of-type,
      .company .nav01 .active li:last-of-type,
      .company .nav02 .active li:last-of-type {
        border: 0; }
  .school .nav01 li:nth-child(-n+6),
  .company .nav01 li:nth-child(-n+6) {
    border-bottom: solid 1px #d2d4d6; }
  .school .hokkaido, .school .tokyo, .school .kanagawa, .school .shizuoka, .school .aichi, .school .fukuoka, .school .kumamoto, .school .osaka, .school .kyoto, .school .okinawa, .school .overseas,
  .school .usa, .school .canada, .school .australia, .school .newzealand, .school .europe, .school .asia, .school .guide,
  .company .hokkaido,
  .company .tokyo,
  .company .kanagawa,
  .company .shizuoka,
  .company .aichi,
  .company .fukuoka,
  .company .kumamoto,
  .company .osaka,
  .company .kyoto,
  .company .okinawa,
  .company .overseas,
  .company .usa,
  .company .canada,
  .company .australia,
  .company .newzealand,
  .company .europe,
  .company .asia,
  .company .guide {
    position: relative;
    align-items: stretch; }
    .school .hokkaido:before, .school .tokyo:before, .school .kanagawa:before, .school .shizuoka:before, .school .aichi:before, .school .fukuoka:before, .school .kumamoto:before, .school .osaka:before, .school .kyoto:before, .school .okinawa:before, .school .overseas:before,
    .school .usa:before, .school .canada:before, .school .australia:before, .school .newzealand:before, .school .europe:before, .school .asia:before, .school .guide:before,
    .company .hokkaido:before,
    .company .tokyo:before,
    .company .kanagawa:before,
    .company .shizuoka:before,
    .company .aichi:before,
    .company .fukuoka:before,
    .company .kumamoto:before,
    .company .osaka:before,
    .company .kyoto:before,
    .company .okinawa:before,
    .company .overseas:before,
    .company .usa:before,
    .company .canada:before,
    .company .australia:before,
    .company .newzealand:before,
    .company .europe:before,
    .company .asia:before,
    .company .guide:before {
      position: absolute;
      content: "";
      background: #f2f5f7;
      width: 300%;
      height: 100%;
      top: 0;
      left: -50%;
      z-index: -10; }
    .school .hokkaido h3, .school .tokyo h3, .school .kanagawa h3, .school .shizuoka h3, .school .aichi h3, .school .fukuoka h3, .school .kumamoto h3, .school .osaka h3, .school .kyoto h3, .school .okinawa h3, .school .overseas h3,
    .school .usa h3, .school .canada h3, .school .australia h3, .school .newzealand h3, .school .europe h3, .school .asia h3, .school .guide h3,
    .company .hokkaido h3,
    .company .tokyo h3,
    .company .kanagawa h3,
    .company .shizuoka h3,
    .company .aichi h3,
    .company .fukuoka h3,
    .company .kumamoto h3,
    .company .osaka h3,
    .company .kyoto h3,
    .company .okinawa h3,
    .company .overseas h3,
    .company .usa h3,
    .company .canada h3,
    .company .australia h3,
    .company .newzealand h3,
    .company .europe h3,
    .company .asia h3,
    .company .guide h3 {
      position: relative;
      width: 100%;
      font-size: 1.5rem;
      font-family: 'Lato', sans-serif;
      font-weight: bold;
      text-align: center;
      margin-bottom: 60px;
      letter-spacing: 0.2em;
      color: #ff870f; }
      @media screen and (max-width:896px) {
        .school .hokkaido h3, .school .tokyo h3, .school .kanagawa h3, .school .shizuoka h3, .school .aichi h3, .school .fukuoka h3, .school .kumamoto h3, .school .osaka h3, .school .kyoto h3, .school .okinawa h3, .school .overseas h3,
        .school .usa h3, .school .canada h3, .school .australia h3, .school .newzealand h3, .school .europe h3, .school .asia h3, .school .guide h3,
        .company .hokkaido h3,
        .company .tokyo h3,
        .company .kanagawa h3,
        .company .shizuoka h3,
        .company .aichi h3,
        .company .fukuoka h3,
        .company .kumamoto h3,
        .company .osaka h3,
        .company .kyoto h3,
        .company .okinawa h3,
        .company .overseas h3,
        .company .usa h3,
        .company .canada h3,
        .company .australia h3,
        .company .newzealand h3,
        .company .europe h3,
        .company .asia h3,
        .company .guide h3 {
          font-size: 2.83026vw; } }
      @media screen and (max-width:480px) {
        .school .hokkaido h3, .school .tokyo h3, .school .kanagawa h3, .school .shizuoka h3, .school .aichi h3, .school .fukuoka h3, .school .kumamoto h3, .school .osaka h3, .school .kyoto h3, .school .okinawa h3, .school .overseas h3,
        .school .usa h3, .school .canada h3, .school .australia h3, .school .newzealand h3, .school .europe h3, .school .asia h3, .school .guide h3,
        .company .hokkaido h3,
        .company .tokyo h3,
        .company .kanagawa h3,
        .company .shizuoka h3,
        .company .aichi h3,
        .company .fukuoka h3,
        .company .kumamoto h3,
        .company .osaka h3,
        .company .kyoto h3,
        .company .okinawa h3,
        .company .overseas h3,
        .company .usa h3,
        .company .canada h3,
        .company .australia h3,
        .company .newzealand h3,
        .company .europe h3,
        .company .asia h3,
        .company .guide h3 {
          font-size: 6.158475vw; } }
      @media screen and (max-width:480px) {
        .school .hokkaido h3, .school .tokyo h3, .school .kanagawa h3, .school .shizuoka h3, .school .aichi h3, .school .fukuoka h3, .school .kumamoto h3, .school .osaka h3, .school .kyoto h3, .school .okinawa h3, .school .overseas h3,
        .school .usa h3, .school .canada h3, .school .australia h3, .school .newzealand h3, .school .europe h3, .school .asia h3, .school .guide h3,
        .company .hokkaido h3,
        .company .tokyo h3,
        .company .kanagawa h3,
        .company .shizuoka h3,
        .company .aichi h3,
        .company .fukuoka h3,
        .company .kumamoto h3,
        .company .osaka h3,
        .company .kyoto h3,
        .company .okinawa h3,
        .company .overseas h3,
        .company .usa h3,
        .company .canada h3,
        .company .australia h3,
        .company .newzealand h3,
        .company .europe h3,
        .company .asia h3,
        .company .guide h3 {
          margin-bottom: 45px; } }
      .school .hokkaido h3:after, .school .tokyo h3:after, .school .kanagawa h3:after, .school .shizuoka h3:after, .school .aichi h3:after, .school .fukuoka h3:after, .school .kumamoto h3:after, .school .osaka h3:after, .school .kyoto h3:after, .school .okinawa h3:after, .school .overseas h3:after,
      .school .usa h3:after, .school .canada h3:after, .school .australia h3:after, .school .newzealand h3:after, .school .europe h3:after, .school .asia h3:after, .school .guide h3:after,
      .company .hokkaido h3:after,
      .company .tokyo h3:after,
      .company .kanagawa h3:after,
      .company .shizuoka h3:after,
      .company .aichi h3:after,
      .company .fukuoka h3:after,
      .company .kumamoto h3:after,
      .company .osaka h3:after,
      .company .kyoto h3:after,
      .company .okinawa h3:after,
      .company .overseas h3:after,
      .company .usa h3:after,
      .company .canada h3:after,
      .company .australia h3:after,
      .company .newzealand h3:after,
      .company .europe h3:after,
      .company .asia h3:after,
      .company .guide h3:after {
        position: absolute;
        content: attr(data-text);
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        font-size: 0.8rem;
        font-family: 'Lato', sans-serif;
        font-weight: 100;
        letter-spacing: 0.2em;
        bottom: -35px;
        left: 50%;
        font-weight: 100;
        color: #000; }
        @media screen and (max-width:896px) {
          .school .hokkaido h3:after, .school .tokyo h3:after, .school .kanagawa h3:after, .school .shizuoka h3:after, .school .aichi h3:after, .school .fukuoka h3:after, .school .kumamoto h3:after, .school .osaka h3:after, .school .kyoto h3:after, .school .okinawa h3:after, .school .overseas h3:after,
          .school .usa h3:after, .school .canada h3:after, .school .australia h3:after, .school .newzealand h3:after, .school .europe h3:after, .school .asia h3:after, .school .guide h3:after,
          .company .hokkaido h3:after,
          .company .tokyo h3:after,
          .company .kanagawa h3:after,
          .company .shizuoka h3:after,
          .company .aichi h3:after,
          .company .fukuoka h3:after,
          .company .kumamoto h3:after,
          .company .osaka h3:after,
          .company .kyoto h3:after,
          .company .okinawa h3:after,
          .company .overseas h3:after,
          .company .usa h3:after,
          .company .canada h3:after,
          .company .australia h3:after,
          .company .newzealand h3:after,
          .company .europe h3:after,
          .company .asia h3:after,
          .company .guide h3:after {
            font-size: 1.509472vw; } }
        @media screen and (max-width:480px) {
          .school .hokkaido h3:after, .school .tokyo h3:after, .school .kanagawa h3:after, .school .shizuoka h3:after, .school .aichi h3:after, .school .fukuoka h3:after, .school .kumamoto h3:after, .school .osaka h3:after, .school .kyoto h3:after, .school .okinawa h3:after, .school .overseas h3:after,
          .school .usa h3:after, .school .canada h3:after, .school .australia h3:after, .school .newzealand h3:after, .school .europe h3:after, .school .asia h3:after, .school .guide h3:after,
          .company .hokkaido h3:after,
          .company .tokyo h3:after,
          .company .kanagawa h3:after,
          .company .shizuoka h3:after,
          .company .aichi h3:after,
          .company .fukuoka h3:after,
          .company .kumamoto h3:after,
          .company .osaka h3:after,
          .company .kyoto h3:after,
          .company .okinawa h3:after,
          .company .overseas h3:after,
          .company .usa h3:after,
          .company .canada h3:after,
          .company .australia h3:after,
          .company .newzealand h3:after,
          .company .europe h3:after,
          .company .asia h3:after,
          .company .guide h3:after {
            font-size: 3.28452vw; } }
        @media screen and (max-width:480px) {
          .school .hokkaido h3:after, .school .tokyo h3:after, .school .kanagawa h3:after, .school .shizuoka h3:after, .school .aichi h3:after, .school .fukuoka h3:after, .school .kumamoto h3:after, .school .osaka h3:after, .school .kyoto h3:after, .school .okinawa h3:after, .school .overseas h3:after,
          .school .usa h3:after, .school .canada h3:after, .school .australia h3:after, .school .newzealand h3:after, .school .europe h3:after, .school .asia h3:after, .school .guide h3:after,
          .company .hokkaido h3:after,
          .company .tokyo h3:after,
          .company .kanagawa h3:after,
          .company .shizuoka h3:after,
          .company .aichi h3:after,
          .company .fukuoka h3:after,
          .company .kumamoto h3:after,
          .company .osaka h3:after,
          .company .kyoto h3:after,
          .company .okinawa h3:after,
          .company .overseas h3:after,
          .company .usa h3:after,
          .company .canada h3:after,
          .company .australia h3:after,
          .company .newzealand h3:after,
          .company .europe h3:after,
          .company .asia h3:after,
          .company .guide h3:after {
            bottom: -30px; } }
    .school .hokkaido .item, .school .tokyo .item, .school .kanagawa .item, .school .shizuoka .item, .school .aichi .item, .school .fukuoka .item, .school .kumamoto .item, .school .osaka .item, .school .kyoto .item, .school .okinawa .item, .school .overseas .item,
    .school .usa .item, .school .canada .item, .school .australia .item, .school .newzealand .item, .school .europe .item, .school .asia .item, .school .guide .item,
    .company .hokkaido .item,
    .company .tokyo .item,
    .company .kanagawa .item,
    .company .shizuoka .item,
    .company .aichi .item,
    .company .fukuoka .item,
    .company .kumamoto .item,
    .company .osaka .item,
    .company .kyoto .item,
    .company .okinawa .item,
    .company .overseas .item,
    .company .usa .item,
    .company .canada .item,
    .company .australia .item,
    .company .newzealand .item,
    .company .europe .item,
    .company .asia .item,
    .company .guide .item {
      width: 48%;
      background: #fff;
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      margin-bottom: 60px; }
      @media screen and (max-width:896px) {
        .school .hokkaido .item, .school .tokyo .item, .school .kanagawa .item, .school .shizuoka .item, .school .aichi .item, .school .fukuoka .item, .school .kumamoto .item, .school .osaka .item, .school .kyoto .item, .school .okinawa .item, .school .overseas .item,
        .school .usa .item, .school .canada .item, .school .australia .item, .school .newzealand .item, .school .europe .item, .school .asia .item, .school .guide .item,
        .company .hokkaido .item,
        .company .tokyo .item,
        .company .kanagawa .item,
        .company .shizuoka .item,
        .company .aichi .item,
        .company .fukuoka .item,
        .company .kumamoto .item,
        .company .osaka .item,
        .company .kyoto .item,
        .company .okinawa .item,
        .company .overseas .item,
        .company .usa .item,
        .company .canada .item,
        .company .australia .item,
        .company .newzealand .item,
        .company .europe .item,
        .company .asia .item,
        .company .guide .item {
          margin-bottom: 45px; } }
      @media screen and (max-width:480px) {
        .school .hokkaido .item, .school .tokyo .item, .school .kanagawa .item, .school .shizuoka .item, .school .aichi .item, .school .fukuoka .item, .school .kumamoto .item, .school .osaka .item, .school .kyoto .item, .school .okinawa .item, .school .overseas .item,
        .school .usa .item, .school .canada .item, .school .australia .item, .school .newzealand .item, .school .europe .item, .school .asia .item, .school .guide .item,
        .company .hokkaido .item,
        .company .tokyo .item,
        .company .kanagawa .item,
        .company .shizuoka .item,
        .company .aichi .item,
        .company .fukuoka .item,
        .company .kumamoto .item,
        .company .osaka .item,
        .company .kyoto .item,
        .company .okinawa .item,
        .company .overseas .item,
        .company .usa .item,
        .company .canada .item,
        .company .australia .item,
        .company .newzealand .item,
        .company .europe .item,
        .company .asia .item,
        .company .guide .item {
          margin-bottom: 30px; } }
      @media screen and (max-width:480px) {
        .school .hokkaido .item, .school .tokyo .item, .school .kanagawa .item, .school .shizuoka .item, .school .aichi .item, .school .fukuoka .item, .school .kumamoto .item, .school .osaka .item, .school .kyoto .item, .school .okinawa .item, .school .overseas .item,
        .school .usa .item, .school .canada .item, .school .australia .item, .school .newzealand .item, .school .europe .item, .school .asia .item, .school .guide .item,
        .company .hokkaido .item,
        .company .tokyo .item,
        .company .kanagawa .item,
        .company .shizuoka .item,
        .company .aichi .item,
        .company .fukuoka .item,
        .company .kumamoto .item,
        .company .osaka .item,
        .company .kyoto .item,
        .company .okinawa .item,
        .company .overseas .item,
        .company .usa .item,
        .company .canada .item,
        .company .australia .item,
        .company .newzealand .item,
        .company .europe .item,
        .company .asia .item,
        .company .guide .item {
          width: 100%; } }
      .school .hokkaido .item iframe, .school .tokyo .item iframe, .school .kanagawa .item iframe, .school .shizuoka .item iframe, .school .aichi .item iframe, .school .fukuoka .item iframe, .school .kumamoto .item iframe, .school .osaka .item iframe, .school .kyoto .item iframe, .school .okinawa .item iframe, .school .overseas .item iframe,
      .school .usa .item iframe, .school .canada .item iframe, .school .australia .item iframe, .school .newzealand .item iframe, .school .europe .item iframe, .school .asia .item iframe, .school .guide .item iframe,
      .company .hokkaido .item iframe,
      .company .tokyo .item iframe,
      .company .kanagawa .item iframe,
      .company .shizuoka .item iframe,
      .company .aichi .item iframe,
      .company .fukuoka .item iframe,
      .company .kumamoto .item iframe,
      .company .osaka .item iframe,
      .company .kyoto .item iframe,
      .company .okinawa .item iframe,
      .company .overseas .item iframe,
      .company .usa .item iframe,
      .company .canada .item iframe,
      .company .australia .item iframe,
      .company .newzealand .item iframe,
      .company .europe .item iframe,
      .company .asia .item iframe,
      .company .guide .item iframe {
        width: 100%;
        aspect-ratio: 46 / 27; }
      .school .hokkaido .item img, .school .tokyo .item img, .school .kanagawa .item img, .school .shizuoka .item img, .school .aichi .item img, .school .fukuoka .item img, .school .kumamoto .item img, .school .osaka .item img, .school .kyoto .item img, .school .okinawa .item img, .school .overseas .item img,
      .school .usa .item img, .school .canada .item img, .school .australia .item img, .school .newzealand .item img, .school .europe .item img, .school .asia .item img, .school .guide .item img,
      .company .hokkaido .item img,
      .company .tokyo .item img,
      .company .kanagawa .item img,
      .company .shizuoka .item img,
      .company .aichi .item img,
      .company .fukuoka .item img,
      .company .kumamoto .item img,
      .company .osaka .item img,
      .company .kyoto .item img,
      .company .okinawa .item img,
      .company .overseas .item img,
      .company .usa .item img,
      .company .canada .item img,
      .company .australia .item img,
      .company .newzealand .item img,
      .company .europe .item img,
      .company .asia .item img,
      .company .guide .item img {
        width: 100%; }
      .school .hokkaido .item .text, .school .tokyo .item .text, .school .kanagawa .item .text, .school .shizuoka .item .text, .school .aichi .item .text, .school .fukuoka .item .text, .school .kumamoto .item .text, .school .osaka .item .text, .school .kyoto .item .text, .school .okinawa .item .text, .school .overseas .item .text,
      .school .usa .item .text, .school .canada .item .text, .school .australia .item .text, .school .newzealand .item .text, .school .europe .item .text, .school .asia .item .text, .school .guide .item .text,
      .company .hokkaido .item .text,
      .company .tokyo .item .text,
      .company .kanagawa .item .text,
      .company .shizuoka .item .text,
      .company .aichi .item .text,
      .company .fukuoka .item .text,
      .company .kumamoto .item .text,
      .company .osaka .item .text,
      .company .kyoto .item .text,
      .company .okinawa .item .text,
      .company .overseas .item .text,
      .company .usa .item .text,
      .company .canada .item .text,
      .company .australia .item .text,
      .company .newzealand .item .text,
      .company .europe .item .text,
      .company .asia .item .text,
      .company .guide .item .text {
        padding: 30px; }
        .school .hokkaido .item .text h4, .school .tokyo .item .text h4, .school .kanagawa .item .text h4, .school .shizuoka .item .text h4, .school .aichi .item .text h4, .school .fukuoka .item .text h4, .school .kumamoto .item .text h4, .school .osaka .item .text h4, .school .kyoto .item .text h4, .school .okinawa .item .text h4, .school .overseas .item .text h4,
        .school .usa .item .text h4, .school .canada .item .text h4, .school .australia .item .text h4, .school .newzealand .item .text h4, .school .europe .item .text h4, .school .asia .item .text h4, .school .guide .item .text h4,
        .company .hokkaido .item .text h4,
        .company .tokyo .item .text h4,
        .company .kanagawa .item .text h4,
        .company .shizuoka .item .text h4,
        .company .aichi .item .text h4,
        .company .fukuoka .item .text h4,
        .company .kumamoto .item .text h4,
        .company .osaka .item .text h4,
        .company .kyoto .item .text h4,
        .company .okinawa .item .text h4,
        .company .overseas .item .text h4,
        .company .usa .item .text h4,
        .company .canada .item .text h4,
        .company .australia .item .text h4,
        .company .newzealand .item .text h4,
        .company .europe .item .text h4,
        .company .asia .item .text h4,
        .company .guide .item .text h4 {
          font-size: 1.4rem;
          letter-spacing: .05em;
          margin-bottom: 9px; }
          @media screen and (max-width:896px) {
            .school .hokkaido .item .text h4, .school .tokyo .item .text h4, .school .kanagawa .item .text h4, .school .shizuoka .item .text h4, .school .aichi .item .text h4, .school .fukuoka .item .text h4, .school .kumamoto .item .text h4, .school .osaka .item .text h4, .school .kyoto .item .text h4, .school .okinawa .item .text h4, .school .overseas .item .text h4,
            .school .usa .item .text h4, .school .canada .item .text h4, .school .australia .item .text h4, .school .newzealand .item .text h4, .school .europe .item .text h4, .school .asia .item .text h4, .school .guide .item .text h4,
            .company .hokkaido .item .text h4,
            .company .tokyo .item .text h4,
            .company .kanagawa .item .text h4,
            .company .shizuoka .item .text h4,
            .company .aichi .item .text h4,
            .company .fukuoka .item .text h4,
            .company .kumamoto .item .text h4,
            .company .osaka .item .text h4,
            .company .kyoto .item .text h4,
            .company .okinawa .item .text h4,
            .company .overseas .item .text h4,
            .company .usa .item .text h4,
            .company .canada .item .text h4,
            .company .australia .item .text h4,
            .company .newzealand .item .text h4,
            .company .europe .item .text h4,
            .company .asia .item .text h4,
            .company .guide .item .text h4 {
              font-size: 2.641576vw; } }
          @media screen and (max-width:480px) {
            .school .hokkaido .item .text h4, .school .tokyo .item .text h4, .school .kanagawa .item .text h4, .school .shizuoka .item .text h4, .school .aichi .item .text h4, .school .fukuoka .item .text h4, .school .kumamoto .item .text h4, .school .osaka .item .text h4, .school .kyoto .item .text h4, .school .okinawa .item .text h4, .school .overseas .item .text h4,
            .school .usa .item .text h4, .school .canada .item .text h4, .school .australia .item .text h4, .school .newzealand .item .text h4, .school .europe .item .text h4, .school .asia .item .text h4, .school .guide .item .text h4,
            .company .hokkaido .item .text h4,
            .company .tokyo .item .text h4,
            .company .kanagawa .item .text h4,
            .company .shizuoka .item .text h4,
            .company .aichi .item .text h4,
            .company .fukuoka .item .text h4,
            .company .kumamoto .item .text h4,
            .company .osaka .item .text h4,
            .company .kyoto .item .text h4,
            .company .okinawa .item .text h4,
            .company .overseas .item .text h4,
            .company .usa .item .text h4,
            .company .canada .item .text h4,
            .company .australia .item .text h4,
            .company .newzealand .item .text h4,
            .company .europe .item .text h4,
            .company .asia .item .text h4,
            .company .guide .item .text h4 {
              font-size: 5.74791vw; } }
          .school .hokkaido .item .text h4 span, .school .tokyo .item .text h4 span, .school .kanagawa .item .text h4 span, .school .shizuoka .item .text h4 span, .school .aichi .item .text h4 span, .school .fukuoka .item .text h4 span, .school .kumamoto .item .text h4 span, .school .osaka .item .text h4 span, .school .kyoto .item .text h4 span, .school .okinawa .item .text h4 span, .school .overseas .item .text h4 span,
          .school .usa .item .text h4 span, .school .canada .item .text h4 span, .school .australia .item .text h4 span, .school .newzealand .item .text h4 span, .school .europe .item .text h4 span, .school .asia .item .text h4 span, .school .guide .item .text h4 span,
          .company .hokkaido .item .text h4 span,
          .company .tokyo .item .text h4 span,
          .company .kanagawa .item .text h4 span,
          .company .shizuoka .item .text h4 span,
          .company .aichi .item .text h4 span,
          .company .fukuoka .item .text h4 span,
          .company .kumamoto .item .text h4 span,
          .company .osaka .item .text h4 span,
          .company .kyoto .item .text h4 span,
          .company .okinawa .item .text h4 span,
          .company .overseas .item .text h4 span,
          .company .usa .item .text h4 span,
          .company .canada .item .text h4 span,
          .company .australia .item .text h4 span,
          .company .newzealand .item .text h4 span,
          .company .europe .item .text h4 span,
          .company .asia .item .text h4 span,
          .company .guide .item .text h4 span {
            font-size: 0.8rem; }
            @media screen and (max-width:896px) {
              .school .hokkaido .item .text h4 span, .school .tokyo .item .text h4 span, .school .kanagawa .item .text h4 span, .school .shizuoka .item .text h4 span, .school .aichi .item .text h4 span, .school .fukuoka .item .text h4 span, .school .kumamoto .item .text h4 span, .school .osaka .item .text h4 span, .school .kyoto .item .text h4 span, .school .okinawa .item .text h4 span, .school .overseas .item .text h4 span,
              .school .usa .item .text h4 span, .school .canada .item .text h4 span, .school .australia .item .text h4 span, .school .newzealand .item .text h4 span, .school .europe .item .text h4 span, .school .asia .item .text h4 span, .school .guide .item .text h4 span,
              .company .hokkaido .item .text h4 span,
              .company .tokyo .item .text h4 span,
              .company .kanagawa .item .text h4 span,
              .company .shizuoka .item .text h4 span,
              .company .aichi .item .text h4 span,
              .company .fukuoka .item .text h4 span,
              .company .kumamoto .item .text h4 span,
              .company .osaka .item .text h4 span,
              .company .kyoto .item .text h4 span,
              .company .okinawa .item .text h4 span,
              .company .overseas .item .text h4 span,
              .company .usa .item .text h4 span,
              .company .canada .item .text h4 span,
              .company .australia .item .text h4 span,
              .company .newzealand .item .text h4 span,
              .company .europe .item .text h4 span,
              .company .asia .item .text h4 span,
              .company .guide .item .text h4 span {
                font-size: 1.509472vw; } }
            @media screen and (max-width:480px) {
              .school .hokkaido .item .text h4 span, .school .tokyo .item .text h4 span, .school .kanagawa .item .text h4 span, .school .shizuoka .item .text h4 span, .school .aichi .item .text h4 span, .school .fukuoka .item .text h4 span, .school .kumamoto .item .text h4 span, .school .osaka .item .text h4 span, .school .kyoto .item .text h4 span, .school .okinawa .item .text h4 span, .school .overseas .item .text h4 span,
              .school .usa .item .text h4 span, .school .canada .item .text h4 span, .school .australia .item .text h4 span, .school .newzealand .item .text h4 span, .school .europe .item .text h4 span, .school .asia .item .text h4 span, .school .guide .item .text h4 span,
              .company .hokkaido .item .text h4 span,
              .company .tokyo .item .text h4 span,
              .company .kanagawa .item .text h4 span,
              .company .shizuoka .item .text h4 span,
              .company .aichi .item .text h4 span,
              .company .fukuoka .item .text h4 span,
              .company .kumamoto .item .text h4 span,
              .company .osaka .item .text h4 span,
              .company .kyoto .item .text h4 span,
              .company .okinawa .item .text h4 span,
              .company .overseas .item .text h4 span,
              .company .usa .item .text h4 span,
              .company .canada .item .text h4 span,
              .company .australia .item .text h4 span,
              .company .newzealand .item .text h4 span,
              .company .europe .item .text h4 span,
              .company .asia .item .text h4 span,
              .company .guide .item .text h4 span {
                font-size: 3.28452vw; } }
        .school .hokkaido .item .text p, .school .tokyo .item .text p, .school .kanagawa .item .text p, .school .shizuoka .item .text p, .school .aichi .item .text p, .school .fukuoka .item .text p, .school .kumamoto .item .text p, .school .osaka .item .text p, .school .kyoto .item .text p, .school .okinawa .item .text p, .school .overseas .item .text p,
        .school .usa .item .text p, .school .canada .item .text p, .school .australia .item .text p, .school .newzealand .item .text p, .school .europe .item .text p, .school .asia .item .text p, .school .guide .item .text p,
        .company .hokkaido .item .text p,
        .company .tokyo .item .text p,
        .company .kanagawa .item .text p,
        .company .shizuoka .item .text p,
        .company .aichi .item .text p,
        .company .fukuoka .item .text p,
        .company .kumamoto .item .text p,
        .company .osaka .item .text p,
        .company .kyoto .item .text p,
        .company .okinawa .item .text p,
        .company .overseas .item .text p,
        .company .usa .item .text p,
        .company .canada .item .text p,
        .company .australia .item .text p,
        .company .newzealand .item .text p,
        .company .europe .item .text p,
        .company .asia .item .text p,
        .company .guide .item .text p {
          font-size: 0.8rem;
          margin-bottom: 15px; }
          @media screen and (max-width:896px) {
            .school .hokkaido .item .text p, .school .tokyo .item .text p, .school .kanagawa .item .text p, .school .shizuoka .item .text p, .school .aichi .item .text p, .school .fukuoka .item .text p, .school .kumamoto .item .text p, .school .osaka .item .text p, .school .kyoto .item .text p, .school .okinawa .item .text p, .school .overseas .item .text p,
            .school .usa .item .text p, .school .canada .item .text p, .school .australia .item .text p, .school .newzealand .item .text p, .school .europe .item .text p, .school .asia .item .text p, .school .guide .item .text p,
            .company .hokkaido .item .text p,
            .company .tokyo .item .text p,
            .company .kanagawa .item .text p,
            .company .shizuoka .item .text p,
            .company .aichi .item .text p,
            .company .fukuoka .item .text p,
            .company .kumamoto .item .text p,
            .company .osaka .item .text p,
            .company .kyoto .item .text p,
            .company .okinawa .item .text p,
            .company .overseas .item .text p,
            .company .usa .item .text p,
            .company .canada .item .text p,
            .company .australia .item .text p,
            .company .newzealand .item .text p,
            .company .europe .item .text p,
            .company .asia .item .text p,
            .company .guide .item .text p {
              font-size: 1.509472vw; } }
          @media screen and (max-width:480px) {
            .school .hokkaido .item .text p, .school .tokyo .item .text p, .school .kanagawa .item .text p, .school .shizuoka .item .text p, .school .aichi .item .text p, .school .fukuoka .item .text p, .school .kumamoto .item .text p, .school .osaka .item .text p, .school .kyoto .item .text p, .school .okinawa .item .text p, .school .overseas .item .text p,
            .school .usa .item .text p, .school .canada .item .text p, .school .australia .item .text p, .school .newzealand .item .text p, .school .europe .item .text p, .school .asia .item .text p, .school .guide .item .text p,
            .company .hokkaido .item .text p,
            .company .tokyo .item .text p,
            .company .kanagawa .item .text p,
            .company .shizuoka .item .text p,
            .company .aichi .item .text p,
            .company .fukuoka .item .text p,
            .company .kumamoto .item .text p,
            .company .osaka .item .text p,
            .company .kyoto .item .text p,
            .company .okinawa .item .text p,
            .company .overseas .item .text p,
            .company .usa .item .text p,
            .company .canada .item .text p,
            .company .australia .item .text p,
            .company .newzealand .item .text p,
            .company .europe .item .text p,
            .company .asia .item .text p,
            .company .guide .item .text p {
              font-size: 3.28452vw; } }
          .school .hokkaido .item .text p a, .school .tokyo .item .text p a, .school .kanagawa .item .text p a, .school .shizuoka .item .text p a, .school .aichi .item .text p a, .school .fukuoka .item .text p a, .school .kumamoto .item .text p a, .school .osaka .item .text p a, .school .kyoto .item .text p a, .school .okinawa .item .text p a, .school .overseas .item .text p a,
          .school .usa .item .text p a, .school .canada .item .text p a, .school .australia .item .text p a, .school .newzealand .item .text p a, .school .europe .item .text p a, .school .asia .item .text p a, .school .guide .item .text p a,
          .company .hokkaido .item .text p a,
          .company .tokyo .item .text p a,
          .company .kanagawa .item .text p a,
          .company .shizuoka .item .text p a,
          .company .aichi .item .text p a,
          .company .fukuoka .item .text p a,
          .company .kumamoto .item .text p a,
          .company .osaka .item .text p a,
          .company .kyoto .item .text p a,
          .company .okinawa .item .text p a,
          .company .overseas .item .text p a,
          .company .usa .item .text p a,
          .company .canada .item .text p a,
          .company .australia .item .text p a,
          .company .newzealand .item .text p a,
          .company .europe .item .text p a,
          .company .asia .item .text p a,
          .company .guide .item .text p a {
            color: #ff870f; }
        .school .hokkaido .item .text .flex div, .school .tokyo .item .text .flex div, .school .kanagawa .item .text .flex div, .school .shizuoka .item .text .flex div, .school .aichi .item .text .flex div, .school .fukuoka .item .text .flex div, .school .kumamoto .item .text .flex div, .school .osaka .item .text .flex div, .school .kyoto .item .text .flex div, .school .okinawa .item .text .flex div, .school .overseas .item .text .flex div,
        .school .usa .item .text .flex div, .school .canada .item .text .flex div, .school .australia .item .text .flex div, .school .newzealand .item .text .flex div, .school .europe .item .text .flex div, .school .asia .item .text .flex div, .school .guide .item .text .flex div,
        .company .hokkaido .item .text .flex div,
        .company .tokyo .item .text .flex div,
        .company .kanagawa .item .text .flex div,
        .company .shizuoka .item .text .flex div,
        .company .aichi .item .text .flex div,
        .company .fukuoka .item .text .flex div,
        .company .kumamoto .item .text .flex div,
        .company .osaka .item .text .flex div,
        .company .kyoto .item .text .flex div,
        .company .okinawa .item .text .flex div,
        .company .overseas .item .text .flex div,
        .company .usa .item .text .flex div,
        .company .canada .item .text .flex div,
        .company .australia .item .text .flex div,
        .company .newzealand .item .text .flex div,
        .company .europe .item .text .flex div,
        .company .asia .item .text .flex div,
        .company .guide .item .text .flex div {
          width: 50%; }
          @media screen and (max-width:896px) {
            .school .hokkaido .item .text .flex div, .school .tokyo .item .text .flex div, .school .kanagawa .item .text .flex div, .school .shizuoka .item .text .flex div, .school .aichi .item .text .flex div, .school .fukuoka .item .text .flex div, .school .kumamoto .item .text .flex div, .school .osaka .item .text .flex div, .school .kyoto .item .text .flex div, .school .okinawa .item .text .flex div, .school .overseas .item .text .flex div,
            .school .usa .item .text .flex div, .school .canada .item .text .flex div, .school .australia .item .text .flex div, .school .newzealand .item .text .flex div, .school .europe .item .text .flex div, .school .asia .item .text .flex div, .school .guide .item .text .flex div,
            .company .hokkaido .item .text .flex div,
            .company .tokyo .item .text .flex div,
            .company .kanagawa .item .text .flex div,
            .company .shizuoka .item .text .flex div,
            .company .aichi .item .text .flex div,
            .company .fukuoka .item .text .flex div,
            .company .kumamoto .item .text .flex div,
            .company .osaka .item .text .flex div,
            .company .kyoto .item .text .flex div,
            .company .okinawa .item .text .flex div,
            .company .overseas .item .text .flex div,
            .company .usa .item .text .flex div,
            .company .canada .item .text .flex div,
            .company .australia .item .text .flex div,
            .company .newzealand .item .text .flex div,
            .company .europe .item .text .flex div,
            .company .asia .item .text .flex div,
            .company .guide .item .text .flex div {
              width: 100%;
              margin-bottom: 15px; } }
          .school .hokkaido .item .text .flex div:nth-of-type(2), .school .tokyo .item .text .flex div:nth-of-type(2), .school .kanagawa .item .text .flex div:nth-of-type(2), .school .shizuoka .item .text .flex div:nth-of-type(2), .school .aichi .item .text .flex div:nth-of-type(2), .school .fukuoka .item .text .flex div:nth-of-type(2), .school .kumamoto .item .text .flex div:nth-of-type(2), .school .osaka .item .text .flex div:nth-of-type(2), .school .kyoto .item .text .flex div:nth-of-type(2), .school .okinawa .item .text .flex div:nth-of-type(2), .school .overseas .item .text .flex div:nth-of-type(2),
          .school .usa .item .text .flex div:nth-of-type(2), .school .canada .item .text .flex div:nth-of-type(2), .school .australia .item .text .flex div:nth-of-type(2), .school .newzealand .item .text .flex div:nth-of-type(2), .school .europe .item .text .flex div:nth-of-type(2), .school .asia .item .text .flex div:nth-of-type(2), .school .guide .item .text .flex div:nth-of-type(2),
          .company .hokkaido .item .text .flex div:nth-of-type(2),
          .company .tokyo .item .text .flex div:nth-of-type(2),
          .company .kanagawa .item .text .flex div:nth-of-type(2),
          .company .shizuoka .item .text .flex div:nth-of-type(2),
          .company .aichi .item .text .flex div:nth-of-type(2),
          .company .fukuoka .item .text .flex div:nth-of-type(2),
          .company .kumamoto .item .text .flex div:nth-of-type(2),
          .company .osaka .item .text .flex div:nth-of-type(2),
          .company .kyoto .item .text .flex div:nth-of-type(2),
          .company .okinawa .item .text .flex div:nth-of-type(2),
          .company .overseas .item .text .flex div:nth-of-type(2),
          .company .usa .item .text .flex div:nth-of-type(2),
          .company .canada .item .text .flex div:nth-of-type(2),
          .company .australia .item .text .flex div:nth-of-type(2),
          .company .newzealand .item .text .flex div:nth-of-type(2),
          .company .europe .item .text .flex div:nth-of-type(2),
          .company .asia .item .text .flex div:nth-of-type(2),
          .company .guide .item .text .flex div:nth-of-type(2) {
            width: 45%; }
            @media screen and (max-width:896px) {
              .school .hokkaido .item .text .flex div:nth-of-type(2), .school .tokyo .item .text .flex div:nth-of-type(2), .school .kanagawa .item .text .flex div:nth-of-type(2), .school .shizuoka .item .text .flex div:nth-of-type(2), .school .aichi .item .text .flex div:nth-of-type(2), .school .fukuoka .item .text .flex div:nth-of-type(2), .school .kumamoto .item .text .flex div:nth-of-type(2), .school .osaka .item .text .flex div:nth-of-type(2), .school .kyoto .item .text .flex div:nth-of-type(2), .school .okinawa .item .text .flex div:nth-of-type(2), .school .overseas .item .text .flex div:nth-of-type(2),
              .school .usa .item .text .flex div:nth-of-type(2), .school .canada .item .text .flex div:nth-of-type(2), .school .australia .item .text .flex div:nth-of-type(2), .school .newzealand .item .text .flex div:nth-of-type(2), .school .europe .item .text .flex div:nth-of-type(2), .school .asia .item .text .flex div:nth-of-type(2), .school .guide .item .text .flex div:nth-of-type(2),
              .company .hokkaido .item .text .flex div:nth-of-type(2),
              .company .tokyo .item .text .flex div:nth-of-type(2),
              .company .kanagawa .item .text .flex div:nth-of-type(2),
              .company .shizuoka .item .text .flex div:nth-of-type(2),
              .company .aichi .item .text .flex div:nth-of-type(2),
              .company .fukuoka .item .text .flex div:nth-of-type(2),
              .company .kumamoto .item .text .flex div:nth-of-type(2),
              .company .osaka .item .text .flex div:nth-of-type(2),
              .company .kyoto .item .text .flex div:nth-of-type(2),
              .company .okinawa .item .text .flex div:nth-of-type(2),
              .company .overseas .item .text .flex div:nth-of-type(2),
              .company .usa .item .text .flex div:nth-of-type(2),
              .company .canada .item .text .flex div:nth-of-type(2),
              .company .australia .item .text .flex div:nth-of-type(2),
              .company .newzealand .item .text .flex div:nth-of-type(2),
              .company .europe .item .text .flex div:nth-of-type(2),
              .company .asia .item .text .flex div:nth-of-type(2),
              .company .guide .item .text .flex div:nth-of-type(2) {
                width: 100%; } }
            .school .hokkaido .item .text .flex div:nth-of-type(2) .line, .school .tokyo .item .text .flex div:nth-of-type(2) .line, .school .kanagawa .item .text .flex div:nth-of-type(2) .line, .school .shizuoka .item .text .flex div:nth-of-type(2) .line, .school .aichi .item .text .flex div:nth-of-type(2) .line, .school .fukuoka .item .text .flex div:nth-of-type(2) .line, .school .kumamoto .item .text .flex div:nth-of-type(2) .line, .school .osaka .item .text .flex div:nth-of-type(2) .line, .school .kyoto .item .text .flex div:nth-of-type(2) .line, .school .okinawa .item .text .flex div:nth-of-type(2) .line, .school .overseas .item .text .flex div:nth-of-type(2) .line,
            .school .usa .item .text .flex div:nth-of-type(2) .line, .school .canada .item .text .flex div:nth-of-type(2) .line, .school .australia .item .text .flex div:nth-of-type(2) .line, .school .newzealand .item .text .flex div:nth-of-type(2) .line, .school .europe .item .text .flex div:nth-of-type(2) .line, .school .asia .item .text .flex div:nth-of-type(2) .line, .school .guide .item .text .flex div:nth-of-type(2) .line,
            .company .hokkaido .item .text .flex div:nth-of-type(2) .line,
            .company .tokyo .item .text .flex div:nth-of-type(2) .line,
            .company .kanagawa .item .text .flex div:nth-of-type(2) .line,
            .company .shizuoka .item .text .flex div:nth-of-type(2) .line,
            .company .aichi .item .text .flex div:nth-of-type(2) .line,
            .company .fukuoka .item .text .flex div:nth-of-type(2) .line,
            .company .kumamoto .item .text .flex div:nth-of-type(2) .line,
            .company .osaka .item .text .flex div:nth-of-type(2) .line,
            .company .kyoto .item .text .flex div:nth-of-type(2) .line,
            .company .okinawa .item .text .flex div:nth-of-type(2) .line,
            .company .overseas .item .text .flex div:nth-of-type(2) .line,
            .company .usa .item .text .flex div:nth-of-type(2) .line,
            .company .canada .item .text .flex div:nth-of-type(2) .line,
            .company .australia .item .text .flex div:nth-of-type(2) .line,
            .company .newzealand .item .text .flex div:nth-of-type(2) .line,
            .company .europe .item .text .flex div:nth-of-type(2) .line,
            .company .asia .item .text .flex div:nth-of-type(2) .line,
            .company .guide .item .text .flex div:nth-of-type(2) .line {
              max-width: 200px;
              width: 100%;
              background: #01b302;
              padding: 9px 15px;
              font-size: 0.8rem;
              color: #fff;
              border-radius: 3px;
              margin-bottom: 3px;
              text-decoration: none; }
              .school .hokkaido .item .text .flex div:nth-of-type(2) .line:after, .school .tokyo .item .text .flex div:nth-of-type(2) .line:after, .school .kanagawa .item .text .flex div:nth-of-type(2) .line:after, .school .shizuoka .item .text .flex div:nth-of-type(2) .line:after, .school .aichi .item .text .flex div:nth-of-type(2) .line:after, .school .fukuoka .item .text .flex div:nth-of-type(2) .line:after, .school .kumamoto .item .text .flex div:nth-of-type(2) .line:after, .school .osaka .item .text .flex div:nth-of-type(2) .line:after, .school .kyoto .item .text .flex div:nth-of-type(2) .line:after, .school .okinawa .item .text .flex div:nth-of-type(2) .line:after, .school .overseas .item .text .flex div:nth-of-type(2) .line:after,
              .school .usa .item .text .flex div:nth-of-type(2) .line:after, .school .canada .item .text .flex div:nth-of-type(2) .line:after, .school .australia .item .text .flex div:nth-of-type(2) .line:after, .school .newzealand .item .text .flex div:nth-of-type(2) .line:after, .school .europe .item .text .flex div:nth-of-type(2) .line:after, .school .asia .item .text .flex div:nth-of-type(2) .line:after, .school .guide .item .text .flex div:nth-of-type(2) .line:after,
              .company .hokkaido .item .text .flex div:nth-of-type(2) .line:after,
              .company .tokyo .item .text .flex div:nth-of-type(2) .line:after,
              .company .kanagawa .item .text .flex div:nth-of-type(2) .line:after,
              .company .shizuoka .item .text .flex div:nth-of-type(2) .line:after,
              .company .aichi .item .text .flex div:nth-of-type(2) .line:after,
              .company .fukuoka .item .text .flex div:nth-of-type(2) .line:after,
              .company .kumamoto .item .text .flex div:nth-of-type(2) .line:after,
              .company .osaka .item .text .flex div:nth-of-type(2) .line:after,
              .company .kyoto .item .text .flex div:nth-of-type(2) .line:after,
              .company .okinawa .item .text .flex div:nth-of-type(2) .line:after,
              .company .overseas .item .text .flex div:nth-of-type(2) .line:after,
              .company .usa .item .text .flex div:nth-of-type(2) .line:after,
              .company .canada .item .text .flex div:nth-of-type(2) .line:after,
              .company .australia .item .text .flex div:nth-of-type(2) .line:after,
              .company .newzealand .item .text .flex div:nth-of-type(2) .line:after,
              .company .europe .item .text .flex div:nth-of-type(2) .line:after,
              .company .asia .item .text .flex div:nth-of-type(2) .line:after,
              .company .guide .item .text .flex div:nth-of-type(2) .line:after {
                display: none; }
            .school .hokkaido .item .text .flex div:nth-of-type(2) .button_blk, .school .tokyo .item .text .flex div:nth-of-type(2) .button_blk, .school .kanagawa .item .text .flex div:nth-of-type(2) .button_blk, .school .shizuoka .item .text .flex div:nth-of-type(2) .button_blk, .school .aichi .item .text .flex div:nth-of-type(2) .button_blk, .school .fukuoka .item .text .flex div:nth-of-type(2) .button_blk, .school .kumamoto .item .text .flex div:nth-of-type(2) .button_blk, .school .osaka .item .text .flex div:nth-of-type(2) .button_blk, .school .kyoto .item .text .flex div:nth-of-type(2) .button_blk, .school .okinawa .item .text .flex div:nth-of-type(2) .button_blk, .school .overseas .item .text .flex div:nth-of-type(2) .button_blk,
            .school .usa .item .text .flex div:nth-of-type(2) .button_blk, .school .canada .item .text .flex div:nth-of-type(2) .button_blk, .school .australia .item .text .flex div:nth-of-type(2) .button_blk, .school .newzealand .item .text .flex div:nth-of-type(2) .button_blk, .school .europe .item .text .flex div:nth-of-type(2) .button_blk, .school .asia .item .text .flex div:nth-of-type(2) .button_blk, .school .guide .item .text .flex div:nth-of-type(2) .button_blk,
            .company .hokkaido .item .text .flex div:nth-of-type(2) .button_blk,
            .company .tokyo .item .text .flex div:nth-of-type(2) .button_blk,
            .company .kanagawa .item .text .flex div:nth-of-type(2) .button_blk,
            .company .shizuoka .item .text .flex div:nth-of-type(2) .button_blk,
            .company .aichi .item .text .flex div:nth-of-type(2) .button_blk,
            .company .fukuoka .item .text .flex div:nth-of-type(2) .button_blk,
            .company .kumamoto .item .text .flex div:nth-of-type(2) .button_blk,
            .company .osaka .item .text .flex div:nth-of-type(2) .button_blk,
            .company .kyoto .item .text .flex div:nth-of-type(2) .button_blk,
            .company .okinawa .item .text .flex div:nth-of-type(2) .button_blk,
            .company .overseas .item .text .flex div:nth-of-type(2) .button_blk,
            .company .usa .item .text .flex div:nth-of-type(2) .button_blk,
            .company .canada .item .text .flex div:nth-of-type(2) .button_blk,
            .company .australia .item .text .flex div:nth-of-type(2) .button_blk,
            .company .newzealand .item .text .flex div:nth-of-type(2) .button_blk,
            .company .europe .item .text .flex div:nth-of-type(2) .button_blk,
            .company .asia .item .text .flex div:nth-of-type(2) .button_blk,
            .company .guide .item .text .flex div:nth-of-type(2) .button_blk {
              width: 100%; }
          .school .hokkaido .item .text .flex div a, .school .tokyo .item .text .flex div a, .school .kanagawa .item .text .flex div a, .school .shizuoka .item .text .flex div a, .school .aichi .item .text .flex div a, .school .fukuoka .item .text .flex div a, .school .kumamoto .item .text .flex div a, .school .osaka .item .text .flex div a, .school .kyoto .item .text .flex div a, .school .okinawa .item .text .flex div a, .school .overseas .item .text .flex div a,
          .school .usa .item .text .flex div a, .school .canada .item .text .flex div a, .school .australia .item .text .flex div a, .school .newzealand .item .text .flex div a, .school .europe .item .text .flex div a, .school .asia .item .text .flex div a, .school .guide .item .text .flex div a,
          .company .hokkaido .item .text .flex div a,
          .company .tokyo .item .text .flex div a,
          .company .kanagawa .item .text .flex div a,
          .company .shizuoka .item .text .flex div a,
          .company .aichi .item .text .flex div a,
          .company .fukuoka .item .text .flex div a,
          .company .kumamoto .item .text .flex div a,
          .company .osaka .item .text .flex div a,
          .company .kyoto .item .text .flex div a,
          .company .okinawa .item .text .flex div a,
          .company .overseas .item .text .flex div a,
          .company .usa .item .text .flex div a,
          .company .canada .item .text .flex div a,
          .company .australia .item .text .flex div a,
          .company .newzealand .item .text .flex div a,
          .company .europe .item .text .flex div a,
          .company .asia .item .text .flex div a,
          .company .guide .item .text .flex div a {
            font-size: 0.8rem;
            color: #ff870f;
            display: block;
            text-decoration: underline;
            font-weight: 100;
            margin: 0 0 10px;
            line-height: 1em; }
            @media screen and (max-width:896px) {
              .school .hokkaido .item .text .flex div a, .school .tokyo .item .text .flex div a, .school .kanagawa .item .text .flex div a, .school .shizuoka .item .text .flex div a, .school .aichi .item .text .flex div a, .school .fukuoka .item .text .flex div a, .school .kumamoto .item .text .flex div a, .school .osaka .item .text .flex div a, .school .kyoto .item .text .flex div a, .school .okinawa .item .text .flex div a, .school .overseas .item .text .flex div a,
              .school .usa .item .text .flex div a, .school .canada .item .text .flex div a, .school .australia .item .text .flex div a, .school .newzealand .item .text .flex div a, .school .europe .item .text .flex div a, .school .asia .item .text .flex div a, .school .guide .item .text .flex div a,
              .company .hokkaido .item .text .flex div a,
              .company .tokyo .item .text .flex div a,
              .company .kanagawa .item .text .flex div a,
              .company .shizuoka .item .text .flex div a,
              .company .aichi .item .text .flex div a,
              .company .fukuoka .item .text .flex div a,
              .company .kumamoto .item .text .flex div a,
              .company .osaka .item .text .flex div a,
              .company .kyoto .item .text .flex div a,
              .company .okinawa .item .text .flex div a,
              .company .overseas .item .text .flex div a,
              .company .usa .item .text .flex div a,
              .company .canada .item .text .flex div a,
              .company .australia .item .text .flex div a,
              .company .newzealand .item .text .flex div a,
              .company .europe .item .text .flex div a,
              .company .asia .item .text .flex div a,
              .company .guide .item .text .flex div a {
                font-size: 1.509472vw; } }
            @media screen and (max-width:480px) {
              .school .hokkaido .item .text .flex div a, .school .tokyo .item .text .flex div a, .school .kanagawa .item .text .flex div a, .school .shizuoka .item .text .flex div a, .school .aichi .item .text .flex div a, .school .fukuoka .item .text .flex div a, .school .kumamoto .item .text .flex div a, .school .osaka .item .text .flex div a, .school .kyoto .item .text .flex div a, .school .okinawa .item .text .flex div a, .school .overseas .item .text .flex div a,
              .school .usa .item .text .flex div a, .school .canada .item .text .flex div a, .school .australia .item .text .flex div a, .school .newzealand .item .text .flex div a, .school .europe .item .text .flex div a, .school .asia .item .text .flex div a, .school .guide .item .text .flex div a,
              .company .hokkaido .item .text .flex div a,
              .company .tokyo .item .text .flex div a,
              .company .kanagawa .item .text .flex div a,
              .company .shizuoka .item .text .flex div a,
              .company .aichi .item .text .flex div a,
              .company .fukuoka .item .text .flex div a,
              .company .kumamoto .item .text .flex div a,
              .company .osaka .item .text .flex div a,
              .company .kyoto .item .text .flex div a,
              .company .okinawa .item .text .flex div a,
              .company .overseas .item .text .flex div a,
              .company .usa .item .text .flex div a,
              .company .canada .item .text .flex div a,
              .company .australia .item .text .flex div a,
              .company .newzealand .item .text .flex div a,
              .company .europe .item .text .flex div a,
              .company .asia .item .text .flex div a,
              .company .guide .item .text .flex div a {
                font-size: 3.28452vw; } }
            .school .hokkaido .item .text .flex div a:hover, .school .tokyo .item .text .flex div a:hover, .school .kanagawa .item .text .flex div a:hover, .school .shizuoka .item .text .flex div a:hover, .school .aichi .item .text .flex div a:hover, .school .fukuoka .item .text .flex div a:hover, .school .kumamoto .item .text .flex div a:hover, .school .osaka .item .text .flex div a:hover, .school .kyoto .item .text .flex div a:hover, .school .okinawa .item .text .flex div a:hover, .school .overseas .item .text .flex div a:hover,
            .school .usa .item .text .flex div a:hover, .school .canada .item .text .flex div a:hover, .school .australia .item .text .flex div a:hover, .school .newzealand .item .text .flex div a:hover, .school .europe .item .text .flex div a:hover, .school .asia .item .text .flex div a:hover, .school .guide .item .text .flex div a:hover,
            .company .hokkaido .item .text .flex div a:hover,
            .company .tokyo .item .text .flex div a:hover,
            .company .kanagawa .item .text .flex div a:hover,
            .company .shizuoka .item .text .flex div a:hover,
            .company .aichi .item .text .flex div a:hover,
            .company .fukuoka .item .text .flex div a:hover,
            .company .kumamoto .item .text .flex div a:hover,
            .company .osaka .item .text .flex div a:hover,
            .company .kyoto .item .text .flex div a:hover,
            .company .okinawa .item .text .flex div a:hover,
            .company .overseas .item .text .flex div a:hover,
            .company .usa .item .text .flex div a:hover,
            .company .canada .item .text .flex div a:hover,
            .company .australia .item .text .flex div a:hover,
            .company .newzealand .item .text .flex div a:hover,
            .company .europe .item .text .flex div a:hover,
            .company .asia .item .text .flex div a:hover,
            .company .guide .item .text .flex div a:hover {
              opacity: 0.5; }
            .school .hokkaido .item .text .flex div a:after, .school .tokyo .item .text .flex div a:after, .school .kanagawa .item .text .flex div a:after, .school .shizuoka .item .text .flex div a:after, .school .aichi .item .text .flex div a:after, .school .fukuoka .item .text .flex div a:after, .school .kumamoto .item .text .flex div a:after, .school .osaka .item .text .flex div a:after, .school .kyoto .item .text .flex div a:after, .school .okinawa .item .text .flex div a:after, .school .overseas .item .text .flex div a:after,
            .school .usa .item .text .flex div a:after, .school .canada .item .text .flex div a:after, .school .australia .item .text .flex div a:after, .school .newzealand .item .text .flex div a:after, .school .europe .item .text .flex div a:after, .school .asia .item .text .flex div a:after, .school .guide .item .text .flex div a:after,
            .company .hokkaido .item .text .flex div a:after,
            .company .tokyo .item .text .flex div a:after,
            .company .kanagawa .item .text .flex div a:after,
            .company .shizuoka .item .text .flex div a:after,
            .company .aichi .item .text .flex div a:after,
            .company .fukuoka .item .text .flex div a:after,
            .company .kumamoto .item .text .flex div a:after,
            .company .osaka .item .text .flex div a:after,
            .company .kyoto .item .text .flex div a:after,
            .company .okinawa .item .text .flex div a:after,
            .company .overseas .item .text .flex div a:after,
            .company .usa .item .text .flex div a:after,
            .company .canada .item .text .flex div a:after,
            .company .australia .item .text .flex div a:after,
            .company .newzealand .item .text .flex div a:after,
            .company .europe .item .text .flex div a:after,
            .company .asia .item .text .flex div a:after,
            .company .guide .item .text .flex div a:after {
              margin: 0 0 0 5px;
              font-family: "Font Awesome 5 Free";
              content: '\f35d';
              font-size: 0.7rem;
              font-weight: 600; }
              @media screen and (max-width:896px) {
                .school .hokkaido .item .text .flex div a:after, .school .tokyo .item .text .flex div a:after, .school .kanagawa .item .text .flex div a:after, .school .shizuoka .item .text .flex div a:after, .school .aichi .item .text .flex div a:after, .school .fukuoka .item .text .flex div a:after, .school .kumamoto .item .text .flex div a:after, .school .osaka .item .text .flex div a:after, .school .kyoto .item .text .flex div a:after, .school .okinawa .item .text .flex div a:after, .school .overseas .item .text .flex div a:after,
                .school .usa .item .text .flex div a:after, .school .canada .item .text .flex div a:after, .school .australia .item .text .flex div a:after, .school .newzealand .item .text .flex div a:after, .school .europe .item .text .flex div a:after, .school .asia .item .text .flex div a:after, .school .guide .item .text .flex div a:after,
                .company .hokkaido .item .text .flex div a:after,
                .company .tokyo .item .text .flex div a:after,
                .company .kanagawa .item .text .flex div a:after,
                .company .shizuoka .item .text .flex div a:after,
                .company .aichi .item .text .flex div a:after,
                .company .fukuoka .item .text .flex div a:after,
                .company .kumamoto .item .text .flex div a:after,
                .company .osaka .item .text .flex div a:after,
                .company .kyoto .item .text .flex div a:after,
                .company .okinawa .item .text .flex div a:after,
                .company .overseas .item .text .flex div a:after,
                .company .usa .item .text .flex div a:after,
                .company .canada .item .text .flex div a:after,
                .company .australia .item .text .flex div a:after,
                .company .newzealand .item .text .flex div a:after,
                .company .europe .item .text .flex div a:after,
                .company .asia .item .text .flex div a:after,
                .company .guide .item .text .flex div a:after {
                  font-size: 1.320788vw; } }
              @media screen and (max-width:480px) {
                .school .hokkaido .item .text .flex div a:after, .school .tokyo .item .text .flex div a:after, .school .kanagawa .item .text .flex div a:after, .school .shizuoka .item .text .flex div a:after, .school .aichi .item .text .flex div a:after, .school .fukuoka .item .text .flex div a:after, .school .kumamoto .item .text .flex div a:after, .school .osaka .item .text .flex div a:after, .school .kyoto .item .text .flex div a:after, .school .okinawa .item .text .flex div a:after, .school .overseas .item .text .flex div a:after,
                .school .usa .item .text .flex div a:after, .school .canada .item .text .flex div a:after, .school .australia .item .text .flex div a:after, .school .newzealand .item .text .flex div a:after, .school .europe .item .text .flex div a:after, .school .asia .item .text .flex div a:after, .school .guide .item .text .flex div a:after,
                .company .hokkaido .item .text .flex div a:after,
                .company .tokyo .item .text .flex div a:after,
                .company .kanagawa .item .text .flex div a:after,
                .company .shizuoka .item .text .flex div a:after,
                .company .aichi .item .text .flex div a:after,
                .company .fukuoka .item .text .flex div a:after,
                .company .kumamoto .item .text .flex div a:after,
                .company .osaka .item .text .flex div a:after,
                .company .kyoto .item .text .flex div a:after,
                .company .okinawa .item .text .flex div a:after,
                .company .overseas .item .text .flex div a:after,
                .company .usa .item .text .flex div a:after,
                .company .canada .item .text .flex div a:after,
                .company .australia .item .text .flex div a:after,
                .company .newzealand .item .text .flex div a:after,
                .company .europe .item .text .flex div a:after,
                .company .asia .item .text .flex div a:after,
                .company .guide .item .text .flex div a:after {
                  font-size: 2.873955vw; } }
            .school .hokkaido .item .text .flex div a:last-of-type, .school .tokyo .item .text .flex div a:last-of-type, .school .kanagawa .item .text .flex div a:last-of-type, .school .shizuoka .item .text .flex div a:last-of-type, .school .aichi .item .text .flex div a:last-of-type, .school .fukuoka .item .text .flex div a:last-of-type, .school .kumamoto .item .text .flex div a:last-of-type, .school .osaka .item .text .flex div a:last-of-type, .school .kyoto .item .text .flex div a:last-of-type, .school .okinawa .item .text .flex div a:last-of-type, .school .overseas .item .text .flex div a:last-of-type,
            .school .usa .item .text .flex div a:last-of-type, .school .canada .item .text .flex div a:last-of-type, .school .australia .item .text .flex div a:last-of-type, .school .newzealand .item .text .flex div a:last-of-type, .school .europe .item .text .flex div a:last-of-type, .school .asia .item .text .flex div a:last-of-type, .school .guide .item .text .flex div a:last-of-type,
            .company .hokkaido .item .text .flex div a:last-of-type,
            .company .tokyo .item .text .flex div a:last-of-type,
            .company .kanagawa .item .text .flex div a:last-of-type,
            .company .shizuoka .item .text .flex div a:last-of-type,
            .company .aichi .item .text .flex div a:last-of-type,
            .company .fukuoka .item .text .flex div a:last-of-type,
            .company .kumamoto .item .text .flex div a:last-of-type,
            .company .osaka .item .text .flex div a:last-of-type,
            .company .kyoto .item .text .flex div a:last-of-type,
            .company .okinawa .item .text .flex div a:last-of-type,
            .company .overseas .item .text .flex div a:last-of-type,
            .company .usa .item .text .flex div a:last-of-type,
            .company .canada .item .text .flex div a:last-of-type,
            .company .australia .item .text .flex div a:last-of-type,
            .company .newzealand .item .text .flex div a:last-of-type,
            .company .europe .item .text .flex div a:last-of-type,
            .company .asia .item .text .flex div a:last-of-type,
            .company .guide .item .text .flex div a:last-of-type {
              margin: 0; }
        .school .hokkaido .item .text .button_blk, .school .tokyo .item .text .button_blk, .school .kanagawa .item .text .button_blk, .school .shizuoka .item .text .button_blk, .school .aichi .item .text .button_blk, .school .fukuoka .item .text .button_blk, .school .kumamoto .item .text .button_blk, .school .osaka .item .text .button_blk, .school .kyoto .item .text .button_blk, .school .okinawa .item .text .button_blk, .school .overseas .item .text .button_blk,
        .school .usa .item .text .button_blk, .school .canada .item .text .button_blk, .school .australia .item .text .button_blk, .school .newzealand .item .text .button_blk, .school .europe .item .text .button_blk, .school .asia .item .text .button_blk, .school .guide .item .text .button_blk,
        .company .hokkaido .item .text .button_blk,
        .company .tokyo .item .text .button_blk,
        .company .kanagawa .item .text .button_blk,
        .company .shizuoka .item .text .button_blk,
        .company .aichi .item .text .button_blk,
        .company .fukuoka .item .text .button_blk,
        .company .kumamoto .item .text .button_blk,
        .company .osaka .item .text .button_blk,
        .company .kyoto .item .text .button_blk,
        .company .okinawa .item .text .button_blk,
        .company .overseas .item .text .button_blk,
        .company .usa .item .text .button_blk,
        .company .canada .item .text .button_blk,
        .company .australia .item .text .button_blk,
        .company .newzealand .item .text .button_blk,
        .company .europe .item .text .button_blk,
        .company .asia .item .text .button_blk,
        .company .guide .item .text .button_blk {
          cursor: pointer;
          width: 45%;
          -webkit-transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
          letter-spacing: .05em; }
          @media screen and (max-width:896px) {
            .school .hokkaido .item .text .button_blk, .school .tokyo .item .text .button_blk, .school .kanagawa .item .text .button_blk, .school .shizuoka .item .text .button_blk, .school .aichi .item .text .button_blk, .school .fukuoka .item .text .button_blk, .school .kumamoto .item .text .button_blk, .school .osaka .item .text .button_blk, .school .kyoto .item .text .button_blk, .school .okinawa .item .text .button_blk, .school .overseas .item .text .button_blk,
            .school .usa .item .text .button_blk, .school .canada .item .text .button_blk, .school .australia .item .text .button_blk, .school .newzealand .item .text .button_blk, .school .europe .item .text .button_blk, .school .asia .item .text .button_blk, .school .guide .item .text .button_blk,
            .company .hokkaido .item .text .button_blk,
            .company .tokyo .item .text .button_blk,
            .company .kanagawa .item .text .button_blk,
            .company .shizuoka .item .text .button_blk,
            .company .aichi .item .text .button_blk,
            .company .fukuoka .item .text .button_blk,
            .company .kumamoto .item .text .button_blk,
            .company .osaka .item .text .button_blk,
            .company .kyoto .item .text .button_blk,
            .company .okinawa .item .text .button_blk,
            .company .overseas .item .text .button_blk,
            .company .usa .item .text .button_blk,
            .company .canada .item .text .button_blk,
            .company .australia .item .text .button_blk,
            .company .newzealand .item .text .button_blk,
            .company .europe .item .text .button_blk,
            .company .asia .item .text .button_blk,
            .company .guide .item .text .button_blk {
              width: 100%; } }
          .school .hokkaido .item .text .button_blk:hover, .school .tokyo .item .text .button_blk:hover, .school .kanagawa .item .text .button_blk:hover, .school .shizuoka .item .text .button_blk:hover, .school .aichi .item .text .button_blk:hover, .school .fukuoka .item .text .button_blk:hover, .school .kumamoto .item .text .button_blk:hover, .school .osaka .item .text .button_blk:hover, .school .kyoto .item .text .button_blk:hover, .school .okinawa .item .text .button_blk:hover, .school .overseas .item .text .button_blk:hover,
          .school .usa .item .text .button_blk:hover, .school .canada .item .text .button_blk:hover, .school .australia .item .text .button_blk:hover, .school .newzealand .item .text .button_blk:hover, .school .europe .item .text .button_blk:hover, .school .asia .item .text .button_blk:hover, .school .guide .item .text .button_blk:hover,
          .company .hokkaido .item .text .button_blk:hover,
          .company .tokyo .item .text .button_blk:hover,
          .company .kanagawa .item .text .button_blk:hover,
          .company .shizuoka .item .text .button_blk:hover,
          .company .aichi .item .text .button_blk:hover,
          .company .fukuoka .item .text .button_blk:hover,
          .company .kumamoto .item .text .button_blk:hover,
          .company .osaka .item .text .button_blk:hover,
          .company .kyoto .item .text .button_blk:hover,
          .company .okinawa .item .text .button_blk:hover,
          .company .overseas .item .text .button_blk:hover,
          .company .usa .item .text .button_blk:hover,
          .company .canada .item .text .button_blk:hover,
          .company .australia .item .text .button_blk:hover,
          .company .newzealand .item .text .button_blk:hover,
          .company .europe .item .text .button_blk:hover,
          .company .asia .item .text .button_blk:hover,
          .company .guide .item .text .button_blk:hover {
            border: solid 1px #000; }
        .school .hokkaido .item .text .right, .school .tokyo .item .text .right, .school .kanagawa .item .text .right, .school .shizuoka .item .text .right, .school .aichi .item .text .right, .school .fukuoka .item .text .right, .school .kumamoto .item .text .right, .school .osaka .item .text .right, .school .kyoto .item .text .right, .school .okinawa .item .text .right, .school .overseas .item .text .right,
        .school .usa .item .text .right, .school .canada .item .text .right, .school .australia .item .text .right, .school .newzealand .item .text .right, .school .europe .item .text .right, .school .asia .item .text .right, .school .guide .item .text .right,
        .company .hokkaido .item .text .right,
        .company .tokyo .item .text .right,
        .company .kanagawa .item .text .right,
        .company .shizuoka .item .text .right,
        .company .aichi .item .text .right,
        .company .fukuoka .item .text .right,
        .company .kumamoto .item .text .right,
        .company .osaka .item .text .right,
        .company .kyoto .item .text .right,
        .company .okinawa .item .text .right,
        .company .overseas .item .text .right,
        .company .usa .item .text .right,
        .company .canada .item .text .right,
        .company .australia .item .text .right,
        .company .newzealand .item .text .right,
        .company .europe .item .text .right,
        .company .asia .item .text .right,
        .company .guide .item .text .right {
          margin-left: auto; }
          @media screen and (max-width:480px) {
            .school .hokkaido .item .text .right, .school .tokyo .item .text .right, .school .kanagawa .item .text .right, .school .shizuoka .item .text .right, .school .aichi .item .text .right, .school .fukuoka .item .text .right, .school .kumamoto .item .text .right, .school .osaka .item .text .right, .school .kyoto .item .text .right, .school .okinawa .item .text .right, .school .overseas .item .text .right,
            .school .usa .item .text .right, .school .canada .item .text .right, .school .australia .item .text .right, .school .newzealand .item .text .right, .school .europe .item .text .right, .school .asia .item .text .right, .school .guide .item .text .right,
            .company .hokkaido .item .text .right,
            .company .tokyo .item .text .right,
            .company .kanagawa .item .text .right,
            .company .shizuoka .item .text .right,
            .company .aichi .item .text .right,
            .company .fukuoka .item .text .right,
            .company .kumamoto .item .text .right,
            .company .osaka .item .text .right,
            .company .kyoto .item .text .right,
            .company .okinawa .item .text .right,
            .company .overseas .item .text .right,
            .company .usa .item .text .right,
            .company .canada .item .text .right,
            .company .australia .item .text .right,
            .company .newzealand .item .text .right,
            .company .europe .item .text .right,
            .company .asia .item .text .right,
            .company .guide .item .text .right {
              margin: 0 auto 0 0; } }
  .school .heroheader,
  .company .heroheader {
    padding: 0; }
    .school .heroheader h1,
    .company .heroheader h1 {
      position: relative; }
      .school .heroheader h1:before,
      .company .heroheader h1:before {
        position: absolute;
        content: "SCHOOL";
        font-size: 3rem;
        color: #fff;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        width: 100%;
        bottom: 10%;
        left: 50%;
        letter-spacing: 0.15em;
        text-align: center;
        font-family: 'Lato', sans-serif; }
        @media screen and (max-width:896px) {
          .school .heroheader h1:before,
          .company .heroheader h1:before {
            font-size: 5.66052vw; } }
        @media screen and (max-width:480px) {
          .school .heroheader h1:before,
          .company .heroheader h1:before {
            font-size: 12.31695vw; } }
        @media screen and (max-width:480px) {
          .school .heroheader h1:before,
          .company .heroheader h1:before {
            font-size: 1.7rem; } }
      .school .heroheader h1:after,
      .company .heroheader h1:after {
        position: absolute;
        content: "お近くのスクール";
        font-size: 1.1rem;
        color: #fff;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        width: 100%;
        bottom: 5%;
        left: 50%;
        letter-spacing: 0.1em;
        text-align: center; }
        @media screen and (max-width:896px) {
          .school .heroheader h1:after,
          .company .heroheader h1:after {
            font-size: 2.075524vw; } }
        @media screen and (max-width:480px) {
          .school .heroheader h1:after,
          .company .heroheader h1:after {
            font-size: 4.516215vw; } }
        @media screen and (max-width:480px) {
          .school .heroheader h1:after,
          .company .heroheader h1:after {
            bottom: 0;
            font-size: 0.7rem; } }
  .school .map_detail,
  .company .map_detail {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    max-width: 800px;
    width: 90%;
    height: 85vh;
    overflow: scroll;
    z-index: 1000;
    background: #fff;
    padding: 0;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
    @media screen and (max-width:896px) {
      .school .map_detail,
      .company .map_detail {
        top: 45%;
        height: 65vh; } }
    .school .map_detail.active,
    .company .map_detail.active {
      display: block; }
    .school .map_detail .close,
    .company .map_detail .close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 36px;
      height: 36px;
      background: #ff870f;
      border-radius: 100%;
      overflow: hidden;
      text-indent: -99999999px;
      z-index: 10; }
      .school .map_detail .close:before,
      .company .map_detail .close:before {
        content: "";
        position: absolute;
        width: 16px;
        height: 1px;
        background: #000;
        top: 50%;
        left: 10px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        z-index: 20; }
      .school .map_detail .close:after,
      .company .map_detail .close:after {
        content: "";
        position: absolute;
        width: 16px;
        height: 1px;
        background: #000;
        top: 50%;
        left: 10px;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        z-index: 20; }
    .school .map_detail h1,
    .company .map_detail h1 {
      position: relative;
      font-size: 1.75rem;
      letter-spacing: .05em;
      padding: 25px 60px;
      width: 100%;
      overflow: hidden; }
      @media screen and (max-width:896px) {
        .school .map_detail h1,
        .company .map_detail h1 {
          font-size: 3.30197vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail h1,
        .company .map_detail h1 {
          font-size: 7.1848875vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail h1,
        .company .map_detail h1 {
          font-size: 1.2rem;
          padding: 15px; } }
      .school .map_detail h1:before,
      .company .map_detail h1:before {
        position: absolute;
        font-size: 10rem;
        font-weight: 900;
        color: #fff5ef;
        top: -45px;
        right: -35px;
        z-index: -5; }
        @media screen and (max-width:896px) {
          .school .map_detail h1:before,
          .company .map_detail h1:before {
            font-size: 18.8684vw; } }
        @media screen and (max-width:480px) {
          .school .map_detail h1:before,
          .company .map_detail h1:before {
            font-size: 41.0565vw; } }
    .school .map_detail .h1_hokkaido:before,
    .company .map_detail .h1_hokkaido:before {
      position: absolute;
      content: "HOKKAIDO";
      right: -75px; }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_hokkaido:before,
        .company .map_detail .h1_hokkaido:before {
          font-size: 4rem;
          top: 0;
          right: -10px; } }
    .school .map_detail .h1_tokyo:before,
    .company .map_detail .h1_tokyo:before {
      position: absolute;
      content: "TOKYO"; }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_tokyo:before,
        .company .map_detail .h1_tokyo:before {
          font-size: 4rem;
          top: 0;
          right: -10px; } }
    .school .map_detail .h1_kanagawa:before,
    .company .map_detail .h1_kanagawa:before {
      position: absolute;
      content: "KANAGAWA";
      font-size: 9rem;
      top: -40px;
      right: -50px; }
      @media screen and (max-width:896px) {
        .school .map_detail .h1_kanagawa:before,
        .company .map_detail .h1_kanagawa:before {
          font-size: 16.98156vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_kanagawa:before,
        .company .map_detail .h1_kanagawa:before {
          font-size: 36.95085vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_kanagawa:before,
        .company .map_detail .h1_kanagawa:before {
          top: 0;
          right: -26px;
          font-size: 4rem; } }
    .school .map_detail .h1_shizuoka:before,
    .company .map_detail .h1_shizuoka:before {
      position: absolute;
      content: "SHIZUOKA";
      font-size: 10rem;
      top: -50px;
      right: -25px; }
      @media screen and (max-width:896px) {
        .school .map_detail .h1_shizuoka:before,
        .company .map_detail .h1_shizuoka:before {
          font-size: 18.8684vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_shizuoka:before,
        .company .map_detail .h1_shizuoka:before {
          font-size: 41.0565vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_shizuoka:before,
        .company .map_detail .h1_shizuoka:before {
          top: 0;
          right: -15px;
          font-size: 4rem; } }
    .school .map_detail .h1_aichi:before,
    .company .map_detail .h1_aichi:before {
      position: absolute;
      content: "AICHI";
      right: -15px; }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_aichi:before,
        .company .map_detail .h1_aichi:before {
          top: 0;
          right: -5px;
          font-size: 4rem; } }
    .school .map_detail .h1_kyoto:before,
    .company .map_detail .h1_kyoto:before {
      position: absolute;
      content: "KYOTO";
      right: -15px; }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_kyoto:before,
        .company .map_detail .h1_kyoto:before {
          top: 0;
          right: -5px;
          font-size: 4rem; } }
    .school .map_detail .h1_osaka:before,
    .company .map_detail .h1_osaka:before {
      position: absolute;
      content: "OSAKA";
      right: -15px; }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_osaka:before,
        .company .map_detail .h1_osaka:before {
          top: 0;
          right: -5px;
          font-size: 4rem; } }
    .school .map_detail .h1_fukuoka:before,
    .company .map_detail .h1_fukuoka:before {
      position: absolute;
      content: "FUKUOKA";
      font-size: 10rem;
      top: -50px;
      right: -15px; }
      @media screen and (max-width:896px) {
        .school .map_detail .h1_fukuoka:before,
        .company .map_detail .h1_fukuoka:before {
          font-size: 18.8684vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_fukuoka:before,
        .company .map_detail .h1_fukuoka:before {
          font-size: 41.0565vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_fukuoka:before,
        .company .map_detail .h1_fukuoka:before {
          top: 0;
          right: -15px;
          font-size: 4rem; } }
    .school .map_detail .h1_kumamoto:before,
    .company .map_detail .h1_kumamoto:before {
      position: absolute;
      content: "KUMAMOTO";
      font-size: clamp(5rem, 10vw, 9.6rem);
      top: -46px;
      right: -55px; }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_kumamoto:before,
        .company .map_detail .h1_kumamoto:before {
          top: 0;
          right: -15px; } }
    .school .map_detail .h1_okinawa:before,
    .company .map_detail .h1_okinawa:before {
      position: absolute;
      content: "OKINAWA";
      font-size: 10rem;
      top: -50px;
      right: -15px; }
      @media screen and (max-width:896px) {
        .school .map_detail .h1_okinawa:before,
        .company .map_detail .h1_okinawa:before {
          font-size: 18.8684vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_okinawa:before,
        .company .map_detail .h1_okinawa:before {
          font-size: 41.0565vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_okinawa:before,
        .company .map_detail .h1_okinawa:before {
          top: 0;
          right: -15px;
          font-size: 4rem; } }
    .school .map_detail .h1_overseas:before,
    .company .map_detail .h1_overseas:before {
      position: absolute;
      content: "OVERSEAS";
      font-size: 10rem;
      top: -50px;
      right: -10px; }
      @media screen and (max-width:896px) {
        .school .map_detail .h1_overseas:before,
        .company .map_detail .h1_overseas:before {
          font-size: 18.8684vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_overseas:before,
        .company .map_detail .h1_overseas:before {
          font-size: 41.0565vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_overseas:before,
        .company .map_detail .h1_overseas:before {
          top: 0;
          right: -5px;
          font-size: 4rem; } }
    .school .map_detail .h1_usa:before,
    .company .map_detail .h1_usa:before {
      position: absolute;
      content: "U.S.A";
      right: -15px; }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_usa:before,
        .company .map_detail .h1_usa:before {
          top: -5px;
          right: -5px;
          font-size: 4rem; } }
    .school .map_detail .h1_canada:before,
    .company .map_detail .h1_canada:before {
      position: absolute;
      content: "CANADA"; }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_canada:before,
        .company .map_detail .h1_canada:before {
          font-size: 4rem;
          top: -5px;
          right: -10px; } }
    .school .map_detail .h1_australia:before,
    .company .map_detail .h1_australia:before {
      position: absolute;
      content: "AUSTRALIA";
      font-size: 10rem;
      top: -50px;
      right: -40px; }
      @media screen and (max-width:896px) {
        .school .map_detail .h1_australia:before,
        .company .map_detail .h1_australia:before {
          font-size: 18.8684vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_australia:before,
        .company .map_detail .h1_australia:before {
          font-size: 41.0565vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_australia:before,
        .company .map_detail .h1_australia:before {
          top: 0;
          right: -15px;
          font-size: 4rem; } }
    .school .map_detail .h1_newzeland:before,
    .company .map_detail .h1_newzeland:before {
      position: absolute;
      white-space: pre;
      content: "NEW ZEALAND";
      font-size: 7rem;
      top: -34px;
      right: -5px; }
      @media screen and (max-width:896px) {
        .school .map_detail .h1_newzeland:before,
        .company .map_detail .h1_newzeland:before {
          font-size: 13.20788vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_newzeland:before,
        .company .map_detail .h1_newzeland:before {
          font-size: 28.73955vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_newzeland:before,
        .company .map_detail .h1_newzeland:before {
          top: 9px;
          right: -15px;
          font-size: 3.2rem; } }
    .school .map_detail .h1_europe:before,
    .company .map_detail .h1_europe:before {
      position: absolute;
      content: "EUROPE";
      font-size: 9rem;
      top: -45px;
      right: -10px; }
      @media screen and (max-width:896px) {
        .school .map_detail .h1_europe:before,
        .company .map_detail .h1_europe:before {
          font-size: 16.98156vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_europe:before,
        .company .map_detail .h1_europe:before {
          font-size: 36.95085vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_europe:before,
        .company .map_detail .h1_europe:before {
          font-size: 5rem;
          top: -20px;
          right: -10px; } }
    .school .map_detail .h1_asia:before,
    .company .map_detail .h1_asia:before {
      position: absolute;
      content: "ASIA";
      right: -15px; }
      @media screen and (max-width:480px) {
        .school .map_detail .h1_asia:before,
        .company .map_detail .h1_asia:before {
          top: -20px;
          right: -5px;
          font-size: 5rem; } }
    .school .map_detail .map,
    .company .map_detail .map {
      position: relative;
      width: 100%;
      margin: 0 auto;
      aspect-ratio: 5/3;
      overflow: hidden; }
      @media screen and (max-width:896px) {
        .school .map_detail .map,
        .company .map_detail .map {
          margin: 0 auto 15px; } }
      .school .map_detail .map:before,
      .company .map_detail .map:before {
        content: "";
        display: block;
        position: relative;
        z-index: -1;
        width: 100%;
        padding-top: 60%; }
      .school .map_detail .map iframe,
      .company .map_detail .map iframe {
        position: absolute;
        left: 0;
        top: 0;
        border: 0;
        width: 100%;
        height: 100%; }
    .school .map_detail .text,
    .company .map_detail .text {
      padding: 45px;
      font-size: 0.9rem; }
      @media screen and (max-width:896px) {
        .school .map_detail .text,
        .company .map_detail .text {
          font-size: 1.698156vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .text,
        .company .map_detail .text {
          font-size: 3.695085vw; } }
      @media screen and (max-width:480px) {
        .school .map_detail .text,
        .company .map_detail .text {
          padding: 15px; } }
      @media screen and (max-width:480px) {
        .school .map_detail .text .flex,
        .company .map_detail .text .flex {
          flex-direction: column-reverse; } }
      .school .map_detail .text .flex address,
      .company .map_detail .text .flex address {
        position: relative;
        width: 60%;
        margin-bottom: 30px; }
        @media screen and (max-width:480px) {
          .school .map_detail .text .flex address,
          .company .map_detail .text .flex address {
            width: 100%; } }
        .school .map_detail .text .flex address:before,
        .company .map_detail .text .flex address:before {
          position: absolute;
          content: "";
          width: 100%;
          height: 1px;
          background: #d2d4d6;
          bottom: -15px;
          left: 0; }
      .school .map_detail .text .flex .button_blk,
      .company .map_detail .text .flex .button_blk {
        width: 40%; }
        @media screen and (max-width:480px) {
          .school .map_detail .text .flex .button_blk,
          .company .map_detail .text .flex .button_blk {
            width: 100%;
            margin-bottom: 15px; } }
      .school .map_detail .text .flex div,
      .company .map_detail .text .flex div {
        width: 40%; }
        @media screen and (max-width:480px) {
          .school .map_detail .text .flex div,
          .company .map_detail .text .flex div {
            width: 100%;
            margin-bottom: 15px; } }
        .school .map_detail .text .flex div a,
        .company .map_detail .text .flex div a {
          margin-left: auto;
          display: block; }
          @media screen and (max-width:480px) {
            .school .map_detail .text .flex div a,
            .company .map_detail .text .flex div a {
              margin-left: 0; } }
        .school .map_detail .text .flex div .button_blk, .school .map_detail .text .flex div .line,
        .company .map_detail .text .flex div .button_blk,
        .company .map_detail .text .flex div .line {
          width: 100%; }
        .school .map_detail .text .flex div .line,
        .company .map_detail .text .flex div .line {
          max-width: 200px;
          width: 100%;
          background: #01b302;
          padding: 9px 15px;
          font-size: 0.8rem;
          color: #fff;
          border-radius: 3px;
          margin-bottom: 3px;
          text-decoration: none; }
      .school .map_detail .text .button_blk,
      .company .map_detail .text .button_blk {
        border: solid 1px #000; }
      .school .map_detail .text .tel,
      .company .map_detail .text .tel {
        margin-bottom: 15px; }
        .school .map_detail .text .tel .orange,
        .company .map_detail .text .tel .orange {
          display: block;
          color: #ff870f;
          font-size: 1.8rem;
          font-weight: 700; }
          @media screen and (max-width:896px) {
            .school .map_detail .text .tel .orange,
            .company .map_detail .text .tel .orange {
              font-size: 3.396312vw; } }
          @media screen and (max-width:480px) {
            .school .map_detail .text .tel .orange,
            .company .map_detail .text .tel .orange {
              font-size: 7.39017vw; } }
          .school .map_detail .text .tel .orange a,
          .company .map_detail .text .tel .orange a {
            color: #ff870f; }

.voice .heroheader {
  padding: 0; }
  .voice .heroheader h1, .voice .heroheader h2 {
    margin-bottom: 60px; }
    @media screen and (max-width:896px) {
      .voice .heroheader h1, .voice .heroheader h2 {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .voice .heroheader h1, .voice .heroheader h2 {
        margin-bottom: 30px; } }
  .voice .heroheader h1 {
    position: relative; }
    .voice .heroheader h1:before {
      position: absolute;
      content: "STUDENTS’ OPINIONS";
      font-size: 3rem;
      color: #000;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 10%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center;
      font-family: 'Lato', sans-serif; }
      @media screen and (max-width:896px) {
        .voice .heroheader h1:before {
          font-size: 5.66052vw; } }
      @media screen and (max-width:480px) {
        .voice .heroheader h1:before {
          font-size: 12.31695vw; } }
      @media screen and (max-width:480px) {
        .voice .heroheader h1:before {
          bottom: 10%;
          font-size: 1.7rem; } }
    .voice .heroheader h1:after {
      position: absolute;
      content: "受講者の声";
      font-size: 1.1rem;
      color: #000;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 5%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center; }
      @media screen and (max-width:896px) {
        .voice .heroheader h1:after {
          font-size: 2.075524vw; } }
      @media screen and (max-width:480px) {
        .voice .heroheader h1:after {
          font-size: 4.516215vw; } }
      @media screen and (max-width:480px) {
        .voice .heroheader h1:after {
          bottom: 0;
          font-size: 0.7rem; } }
  .voice .heroheader h2 {
    font-weight: 100;
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: 0.3em;
    line-height: 1.6; }
    @media screen and (max-width:896px) {
      .voice .heroheader h2 {
        font-size: 2.641576vw; } }
    @media screen and (max-width:480px) {
      .voice .heroheader h2 {
        font-size: 5.74791vw; } }
    @media screen and (max-width:480px) {
      .voice .heroheader h2 {
        letter-spacing: 0.15em;
        font-size: 1.1rem; } }
  .voice .heroheader nav {
    padding: 90px 0;
    padding-top: 30px; }
    @media screen and (max-width:896px) {
      .voice .heroheader nav {
        padding: 60px 0; } }
  .voice .heroheader ul {
    max-width: 900px;
    width: 90%;
    margin: 0 auto;
    border: solid 1px #d2d4d6;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap; }
  .voice .heroheader li {
    font-size: 0.8rem;
    text-align: center;
    border-right: solid 1px #d2d4d6;
    position: relative;
    width: 16.6%;
    -webkit-transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
    @media screen and (max-width:896px) {
      .voice .heroheader li {
        font-size: 1.509472vw; } }
    @media screen and (max-width:480px) {
      .voice .heroheader li {
        font-size: 3.28452vw; } }
    @media screen and (max-width:480px) {
      .voice .heroheader li {
        width: 50%;
        border-bottom: solid 1px #d2d4d6;
        border-right: 0; }
        .voice .heroheader li:nth-of-type(odd) {
          border-right: solid 1px #d2d4d6; } }
    .voice .heroheader li:hover {
      background: #f2f5f7; }
    @media screen and (max-width:480px) {
      .voice .heroheader li:nth-last-of-type(2) {
        border-bottom: 0; } }
    .voice .heroheader li:last-of-type {
      border: 0; }
    .voice .heroheader li a {
      display: block;
      width: 100%;
      padding: 12px; }

.voice .students {
  position: relative;
  max-width: 960px;
  width: 90%;
  margin: 0 auto; }
  .voice .students:before {
    position: absolute;
    content: "";
    background: #f2f5f7;
    width: 300%;
    height: 100%;
    top: 0;
    left: -50%;
    z-index: -10; }
  .voice .students .item {
    position: relative;
    width: 30%;
    margin-bottom: 90px; }
    @media screen and (max-width:896px) {
      .voice .students .item {
        margin-bottom: 60px; } }
    @media screen and (max-width:480px) {
      .voice .students .item {
        margin-bottom: 45px; } }
    @media screen and (max-width:896px) {
      .voice .students .item {
        width: 45%; } }
    @media screen and (max-width:480px) {
      .voice .students .item {
        width: 100%; } }
    .voice .students .item img {
      display: block;
      margin: 0 auto;
      margin-bottom: 30px; }
      @media screen and (max-width:896px) {
        .voice .students .item img {
          margin-bottom: 15px; } }
      @media screen and (max-width:480px) {
        .voice .students .item img {
          margin-bottom: 12px; } }
    .voice .students .item p.status {
      text-align: center;
      font-size: 0.9rem;
      margin-bottom: 45px; }
      @media screen and (max-width:896px) {
        .voice .students .item p.status {
          font-size: 1.698156vw; } }
      @media screen and (max-width:480px) {
        .voice .students .item p.status {
          font-size: 3.695085vw; } }
      @media screen and (max-width:896px) {
        .voice .students .item p.status {
          margin-bottom: 30px; } }
      @media screen and (max-width:480px) {
        .voice .students .item p.status {
          margin-bottom: 15px; } }
      .voice .students .item p.status span {
        display: block; }
      .voice .students .item p.status .name {
        font-size: 1.5rem;
        margin-bottom: 9px; }
        @media screen and (max-width:896px) {
          .voice .students .item p.status .name {
            font-size: 2.83026vw; } }
        @media screen and (max-width:480px) {
          .voice .students .item p.status .name {
            font-size: 6.158475vw; } }
      .voice .students .item p.status .orange {
        color: #ff870f; }
    .voice .students .item p.comment {
      position: relative;
      padding: 30px;
      background: #fff;
      border-radius: 15px;
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
              box-shadow: 0 0 15px rgba(0, 0, 0, 0.06); }
      .voice .students .item p.comment:before {
        position: absolute;
        content: "";
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        width: 0;
        height: 0;
        border-width: 0 17.5px 25px 17.5px;
        border-color: transparent transparent #fff transparent;
        border-style: solid;
        top: -5px;
        left: 50%; }
    .voice .students .item a {
      display: block; }
      .voice .students .item a:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 10; }

.voice .cus_voice {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  max-width: 800px;
  width: 90%;
  height: 70vh;
  overflow: scroll;
  z-index: 1000;
  padding: 15px;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%); }
  @media screen and (max-width:896px) {
    .voice .cus_voice {
      height: 65vh; } }
  .voice .cus_voice.active {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
  .voice .cus_voice .profile {
    width: 25%;
    text-align: center; }
    @media screen and (max-width:896px) {
      .voice .cus_voice .profile {
        width: 100%; } }
    .voice .cus_voice .profile span {
      display: block; }
    .voice .cus_voice .profile img {
      display: block;
      margin: 0 auto;
      margin-bottom: 30px; }
      @media screen and (max-width:896px) {
        .voice .cus_voice .profile img {
          margin-bottom: 15px; } }
      @media screen and (max-width:480px) {
        .voice .cus_voice .profile img {
          margin-bottom: 12px; } }
    .voice .cus_voice .profile .status {
      width: 100%; }
      .voice .cus_voice .profile .status .name {
        font-size: 1.5rem;
        margin-bottom: 9px; }
        @media screen and (max-width:896px) {
          .voice .cus_voice .profile .status .name {
            font-size: 2.83026vw; } }
        @media screen and (max-width:480px) {
          .voice .cus_voice .profile .status .name {
            font-size: 6.158475vw; } }
  .voice .cus_voice .comment {
    position: relative;
    width: 73%;
    background: #fff;
    padding: 45px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); }
    @media screen and (max-width:896px) {
      .voice .cus_voice .comment {
        width: 100%; } }
    .voice .cus_voice .comment p {
      margin-bottom: 30px;
      line-height: 1.4;
      letter-spacing: 0.07em; }
      .voice .cus_voice .comment p:last-of-type {
        margin-bottom: 0; }
    .voice .cus_voice .comment .close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 36px;
      height: 36px;
      background: #ff870f;
      border-radius: 100%;
      overflow: hidden;
      text-indent: -99999999px;
      z-index: 10; }
      .voice .cus_voice .comment .close:before {
        content: "";
        position: absolute;
        width: 16px;
        height: 1px;
        background: #000;
        top: 50%;
        left: 10px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        z-index: 20; }
      .voice .cus_voice .comment .close:after {
        content: "";
        position: absolute;
        width: 16px;
        height: 1px;
        background: #000;
        top: 50%;
        left: 10px;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        z-index: 20; }

.info img {
  width: 100%; }

.info .heroheader {
  text-align: center; }
  .info .heroheader h1, .info .heroheader h2 {
    margin-bottom: 60px; }
    @media screen and (max-width:896px) {
      .info .heroheader h1, .info .heroheader h2 {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .info .heroheader h1, .info .heroheader h2 {
        margin-bottom: 30px; } }
  .info .heroheader h1 {
    position: relative; }
    .info .heroheader h1:before {
      position: absolute;
      content: "NEWS & SPECIAL";
      font-size: 3rem;
      color: #000;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 10%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center;
      font-family: 'Lato', sans-serif; }
      @media screen and (max-width:896px) {
        .info .heroheader h1:before {
          font-size: 5.66052vw; } }
      @media screen and (max-width:480px) {
        .info .heroheader h1:before {
          font-size: 12.31695vw; } }
      @media screen and (max-width:480px) {
        .info .heroheader h1:before {
          bottom: 10%;
          font-size: 1.7rem; } }
    .info .heroheader h1:after {
      position: absolute;
      content: "お知らせとスペシャルコンテンツ";
      font-size: 1.1rem;
      color: #000;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 5%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center; }
      @media screen and (max-width:896px) {
        .info .heroheader h1:after {
          font-size: 2.075524vw; } }
      @media screen and (max-width:480px) {
        .info .heroheader h1:after {
          font-size: 4.516215vw; } }
      @media screen and (max-width:480px) {
        .info .heroheader h1:after {
          bottom: 0;
          font-size: 0.7rem; } }
  .info .heroheader h2 {
    font-weight: 100;
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: 0.3em;
    line-height: 1.6; }
    @media screen and (max-width:896px) {
      .info .heroheader h2 {
        font-size: 2.641576vw; } }
    @media screen and (max-width:480px) {
      .info .heroheader h2 {
        font-size: 5.74791vw; } }
    @media screen and (max-width:480px) {
      .info .heroheader h2 {
        letter-spacing: 0.15em;
        font-size: 1.1rem; } }
  .info .heroheader ul {
    max-width: 600px;
    width: 90%;
    margin: 0 auto 60px;
    border: solid 1px #d2d4d6;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.06); }
  .info .heroheader li {
    font-size: 0.8rem;
    width: 33.3333%;
    text-align: center;
    padding: 12px 0;
    border-right: solid 1px #d2d4d6; }
    @media screen and (max-width:896px) {
      .info .heroheader li {
        font-size: 1.509472vw; } }
    @media screen and (max-width:480px) {
      .info .heroheader li {
        font-size: 3.28452vw; } }
    @media screen and (max-width:480px) {
      .info .heroheader li {
        width: 100%;
        border-right: 0;
        border-bottom: solid 1px #d2d4d6; } }
    .info .heroheader li:last-of-type {
      border: 0; }
    .info .heroheader li a:hover {
      color: #d2d4d6; }

.info .entry {
  position: relative;
  max-width: 960px;
  width: 90%;
  margin: 0 auto; }
  .info .entry:before {
    position: absolute;
    content: "";
    background: #f2f5f7;
    width: 300%;
    height: 100%;
    top: 0;
    left: -50%;
    z-index: -10; }
  .info .entry .item {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 15px;
    margin-bottom: 30px; }
    .info .entry .item:last-of-type {
      margin-bottom: 60px; }
      @media screen and (max-width:896px) {
        .info .entry .item:last-of-type {
          margin-bottom: 45px; } }
      @media screen and (max-width:480px) {
        .info .entry .item:last-of-type {
          margin-bottom: 30px; } }
    .info .entry .item a {
      width: 30%;
      display: block; }
      @media screen and (max-width:480px) {
        .info .entry .item a {
          width: 100%;
          margin-bottom: 15px; } }
      .info .entry .item a:before {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 10; }
        .info .entry .item a:before:hover {
          cursor: pointer; }
    .info .entry .item div {
      position: relative;
      width: 68%; }
      @media screen and (max-width:480px) {
        .info .entry .item div {
          width: 100%;
          margin-bottom: 30px; } }
      .info .entry .item div .special {
        position: relative;
        margin-bottom: 30px;
        font-size: 1rem; }
        @media screen and (max-width:896px) {
          .info .entry .item div .special {
            font-size: 1.88684vw; } }
        @media screen and (max-width:480px) {
          .info .entry .item div .special {
            font-size: 4.10565vw; } }
        .info .entry .item div .special:before {
          position: absolute;
          content: "";
          background: #000;
          width: 30px;
          height: 1px;
          bottom: -15px;
          left: 0; }
        .info .entry .item div .special span {
          display: none;
          /*
                              @include font-size(.7);
                              margin: 0 0 0 15px;
                              color: #fff;
                              line-height: 1em;
                              */ }
    .info .entry .item .more {
      position: absolute;
      font-style: italic;
      text-align: right;
      font-size: 0.8rem;
      margin-bottom: 0;
      bottom: 15px;
      right: 45px; }
      @media screen and (max-width:896px) {
        .info .entry .item .more {
          font-size: 1.509472vw; } }
      @media screen and (max-width:480px) {
        .info .entry .item .more {
          font-size: 3.28452vw; } }
      .info .entry .item .more:before {
        position: absolute;
        content: "";
        background: #000;
        width: 10px;
        height: 1px;
        bottom: 3px;
        right: -15px; }
      .info .entry .item .more:after {
        position: absolute;
        content: "";
        background: #000;
        width: 5px;
        height: 1px;
        bottom: 5px;
        right: -15px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
  .info .entry .button_more {
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
    background: #000;
    color: #fff;
    max-width: 250px;
    padding: 15px;
    width: 100%;
    border-radius: 50px; }
    .info .entry .button_more:hover {
      opacity: 0.5; }
    .info .entry .button_more:before {
      position: absolute;
      content: "";
      background-image: url("/images/info/button_before.png");
      background-size: contain;
      background-repeat: no-repeat;
      width: 28px;
      height: 28px;
      display: block;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      top: 50%;
      left: 25px; }

.info .detail .heroheader {
  padding: 0; }
  .info .detail .heroheader h1 {
    margin: 0; }

.info .detail .column {
  max-width: 960px;
  width: 90%;
  margin: 0 auto; }
  .info .detail .column .special {
    position: relative;
    margin-bottom: 30px;
    font-size: 1rem; }
    @media screen and (max-width:896px) {
      .info .detail .column .special {
        font-size: 1.88684vw; } }
    @media screen and (max-width:480px) {
      .info .detail .column .special {
        font-size: 4.10565vw; } }
    .info .detail .column .special:before {
      position: absolute;
      content: "";
      background: #000;
      width: 30px;
      height: 1px;
      bottom: -15px;
      left: 0; }
    .info .detail .column .special span {
      display: none;
      /*
                         margin:0 0 0 15px;
                         @include font-size(.7);
                         line-height: 1em;
                         */ }
  .info .detail .column img {
    margin-bottom: 90px; }
    @media screen and (max-width:896px) {
      .info .detail .column img {
        margin-bottom: 60px; } }
    @media screen and (max-width:480px) {
      .info .detail .column img {
        margin-bottom: 45px; } }
  .info .detail .column .title {
    font-weight: 100;
    text-align: left;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    line-height: 1.4;
    margin-bottom: 15px; }
    @media screen and (max-width:896px) {
      .info .detail .column .title {
        font-size: 3.396312vw; } }
    @media screen and (max-width:480px) {
      .info .detail .column .title {
        font-size: 7.39017vw; } }
    @media screen and (max-width:480px) {
      .info .detail .column .title {
        letter-spacing: 0.15em;
        font-size: 1.1rem; } }
  .info .detail .column .orange {
    color: #ff870f;
    display: block;
    margin-bottom: 15px; }
  .info .detail .column .day {
    margin-bottom: 45px; }

.info .detail h3 {
  font-size: 1.2rem;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  text-align: center;
  margin-bottom: 60px;
  letter-spacing: 0.2em; }
  @media screen and (max-width:896px) {
    .info .detail h3 {
      font-size: 2.264208vw; } }
  @media screen and (max-width:480px) {
    .info .detail h3 {
      font-size: 4.92678vw; } }
  @media screen and (max-width:480px) {
    .info .detail h3 {
      margin-bottom: 45px; } }
.contact img,
.business_contact img {
  width: 100%; }

.contact .orange,
.business_contact .orange {
  color: #ff870f; }

.contact .button_orange,
.business_contact .button_orange {
  -webkit-appearance: none;
  max-width: 340px;
  cursor: pointer;
  height: 60px;
  line-height: 60px;
  width: 100%;
  display: block;
  font-size: 0.9rem;
  background: #ff870f;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  border-radius: 50px;
  letter-spacing: .1em; }
  @media screen and (max-width:896px) {
    .contact .button_orange,
    .business_contact .button_orange {
      font-size: 1.698156vw; } }
  @media screen and (max-width:480px) {
    .contact .button_orange,
    .business_contact .button_orange {
      font-size: 3.695085vw; } }
  .contact .button_orange:hover,
  .business_contact .button_orange:hover {
    background: #ffb76f; }

.contact .button_gray,
.business_contact .button_gray {
  max-width: 300px;
  cursor: pointer;
  height: 60px;
  line-height: 60px;
  width: 100%;
  display: block;
  font-size: 0.9rem;
  background: #555;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  border-radius: 50px;
  letter-spacing: .1em; }
  @media screen and (max-width:896px) {
    .contact .button_gray,
    .business_contact .button_gray {
      font-size: 1.698156vw; } }
  @media screen and (max-width:480px) {
    .contact .button_gray,
    .business_contact .button_gray {
      font-size: 3.695085vw; } }
  .contact .button_gray:hover,
  .business_contact .button_gray:hover {
    background: #777; }

.contact h1,
.business_contact h1 {
  position: relative;
  margin-bottom: 60px; }
  @media screen and (max-width:896px) {
    .contact h1,
    .business_contact h1 {
      margin-bottom: 45px; } }
  @media screen and (max-width:480px) {
    .contact h1,
    .business_contact h1 {
      margin-bottom: 30px; } }
  .contact h1:before,
  .business_contact h1:before {
    position: absolute;
    content: "CONTACT";
    font-size: 3rem;
    color: #fff;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    bottom: 10%;
    left: 50%;
    letter-spacing: 0.1em;
    text-align: center;
    font-family: 'Lato', sans-serif; }
    @media screen and (max-width:896px) {
      .contact h1:before,
      .business_contact h1:before {
        font-size: 5.66052vw; } }
    @media screen and (max-width:480px) {
      .contact h1:before,
      .business_contact h1:before {
        font-size: 12.31695vw; } }
    @media screen and (max-width:480px) {
      .contact h1:before,
      .business_contact h1:before {
        bottom: 10%;
        font-size: 1.7rem; } }
  .contact h1:after,
  .business_contact h1:after {
    position: absolute;
    content: "お問い合わせ";
    font-size: 1.1rem;
    color: #fff;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    bottom: 5%;
    left: 50%;
    letter-spacing: 0.1em;
    text-align: center; }
    @media screen and (max-width:896px) {
      .contact h1:after,
      .business_contact h1:after {
        font-size: 2.075524vw; } }
    @media screen and (max-width:480px) {
      .contact h1:after,
      .business_contact h1:after {
        font-size: 4.516215vw; } }
    @media screen and (max-width:480px) {
      .contact h1:after,
      .business_contact h1:after {
        bottom: 0;
        font-size: 0.7rem; } }
.contact .tell,
.contact .mail,
.business_contact .tell,
.business_contact .mail {
  max-width: 960px;
  width: 90%;
  margin: 0 auto; }
  .contact .tell h2,
  .contact .mail h2,
  .business_contact .tell h2,
  .business_contact .mail h2 {
    font-weight: 100;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    margin-bottom: 45px; }
    @media screen and (max-width:896px) {
      .contact .tell h2,
      .contact .mail h2,
      .business_contact .tell h2,
      .business_contact .mail h2 {
        font-size: 2.641576vw; } }
    @media screen and (max-width:480px) {
      .contact .tell h2,
      .contact .mail h2,
      .business_contact .tell h2,
      .business_contact .mail h2 {
        font-size: 5.74791vw; } }
    @media screen and (max-width:896px) {
      .contact .tell h2,
      .contact .mail h2,
      .business_contact .tell h2,
      .business_contact .mail h2 {
        margin-bottom: 30px; } }
    @media screen and (max-width:480px) {
      .contact .tell h2,
      .contact .mail h2,
      .business_contact .tell h2,
      .business_contact .mail h2 {
        margin-bottom: 15px; } }
    @media screen and (max-width:480px) {
      .contact .tell h2,
      .contact .mail h2,
      .business_contact .tell h2,
      .business_contact .mail h2 {
        font-size: 1.2rem;
        letter-spacing: 0.08em; } }
  .contact .tell p,
  .contact .mail p,
  .business_contact .tell p,
  .business_contact .mail p {
    text-align: center;
    line-height: 2; }

.contact .tell .number,
.business_contact .tell .number {
  position: relative;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  padding-left: 45px;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: 0.15em; }
  @media screen and (max-width:896px) {
    .contact .tell .number,
    .business_contact .tell .number {
      font-size: 3.77368vw; } }
  @media screen and (max-width:480px) {
    .contact .tell .number,
    .business_contact .tell .number {
      font-size: 8.2113vw; } }
  @media screen and (max-width:480px) {
    .contact .tell .number,
    .business_contact .tell .number {
      padding-left: 35px; } }
  .contact .tell .number:before,
  .business_contact .tell .number:before {
    position: absolute;
    content: "";
    background-image: url("/images/contact/icon_telephone.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    top: 50%;
    left: 15%; }
    @media screen and (max-width:896px) {
      .contact .tell .number:before,
      .business_contact .tell .number:before {
        width: 30px;
        height: 30px; } }
    @media screen and (max-width:480px) {
      .contact .tell .number:before,
      .business_contact .tell .number:before {
        left: 25px; } }
.contact .tell .tb_border,
.business_contact .tell .tb_border {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  padding: 15px 30px;
  border-top: solid 1px #ff870f;
  border-bottom: solid 1px #ff870f;
  margin-bottom: 45px; }
  @media screen and (max-width:896px) {
    .contact .tell .tb_border,
    .business_contact .tell .tb_border {
      margin-bottom: 30px; } }
  @media screen and (max-width:480px) {
    .contact .tell .tb_border,
    .business_contact .tell .tb_border {
      margin-bottom: 15px; } }
  @media screen and (max-width:480px) {
    .contact .tell .tb_border,
    .business_contact .tell .tb_border {
      padding: 9px 15px;
      margin-bottom: 30px; } }
.contact .mail,
.business_contact .mail {
  position: relative; }
  .contact .mail:before,
  .business_contact .mail:before {
    position: absolute;
    content: "";
    background: #f2f5f7;
    width: 300%;
    height: 100%;
    top: 0;
    left: -50%;
    z-index: -10; }
  .contact .mail .orange,
  .business_contact .mail .orange {
    text-decoration: underline; }
  .contact .mail dl,
  .business_contact .mail dl {
    background: #fff;
    padding: 30px;
    margin-bottom: 9px; }
    .contact .mail dl.target_lesson,
    .business_contact .mail dl.target_lesson {
      display: none; }
    @media screen and (max-width:480px) {
      .contact .mail dl,
      .business_contact .mail dl {
        padding: 15px; } }
    .contact .mail dl:last-of-type,
    .business_contact .mail dl:last-of-type {
      margin-bottom: 90px; }
      @media screen and (max-width:896px) {
        .contact .mail dl:last-of-type,
        .business_contact .mail dl:last-of-type {
          margin-bottom: 60px; } }
      @media screen and (max-width:480px) {
        .contact .mail dl:last-of-type,
        .business_contact .mail dl:last-of-type {
          margin-bottom: 45px; } }
    .contact .mail dl.require dt:after,
    .business_contact .mail dl.require dt:after {
      content: "※入力必須";
      color: #ff870f; }
  .contact .mail dt,
  .business_contact .mail dt {
    line-height: 1.5em;
    padding-bottom: 21px;
    margin-bottom: 21px;
    border-bottom: 1px solid #cccccc;
    letter-spacing: .1em; }
    .contact .mail dt p,
    .business_contact .mail dt p {
      font-size: 0.85rem;
      line-height: 1.5em;
      text-align: left;
      margin: 0 0 15px;
      letter-spacing: .05em; }
      @media screen and (max-width:896px) {
        .contact .mail dt p,
        .business_contact .mail dt p {
          font-size: 1.603814vw; } }
      @media screen and (max-width:480px) {
        .contact .mail dt p,
        .business_contact .mail dt p {
          font-size: 3.4898025vw; } }
      .contact .mail dt p:last-of-type,
      .business_contact .mail dt p:last-of-type {
        margin: 0; }
  .contact .mail label,
  .business_contact .mail label {
    font-size: 0.9rem; }
    @media screen and (max-width:896px) {
      .contact .mail label,
      .business_contact .mail label {
        font-size: 1.698156vw; } }
    @media screen and (max-width:480px) {
      .contact .mail label,
      .business_contact .mail label {
        font-size: 3.695085vw; } }
  .contact .mail dd h6,
  .business_contact .mail dd h6 {
    font-size: 1.1rem;
    margin: 0 0 5px;
    letter-spacing: .1em; }
    @media screen and (max-width:896px) {
      .contact .mail dd h6,
      .business_contact .mail dd h6 {
        font-size: 2.075524vw; } }
    @media screen and (max-width:480px) {
      .contact .mail dd h6,
      .business_contact .mail dd h6 {
        font-size: 4.516215vw; } }
  .contact .mail dd a,
  .business_contact .mail dd a {
    font-size: .9rem;
    color: #ff870f;
    text-decoration: underline; }
    .contact .mail dd a:hover,
    .business_contact .mail dd a:hover {
      opacity: .5; }
  .contact .mail dd ul,
  .business_contact .mail dd ul {
    margin: 0 0 2em; }
    .contact .mail dd ul:last-child,
    .business_contact .mail dd ul:last-child {
      margin: 0; }
    .contact .mail dd ul li.schedule,
    .business_contact .mail dd ul li.schedule {
      display: flex;
      justify-content: flex-start;
      align-items: flex-end;
      flex-wrap: wrap;
      margin: 0 0 15px;
      font-size: 1rem;
      font-weight: 100; }
      @media screen and (max-width:896px) {
        .contact .mail dd ul li.schedule,
        .business_contact .mail dd ul li.schedule {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: wrap; } }
      @media screen and (max-width:896px) {
        .contact .mail dd ul li.schedule,
        .business_contact .mail dd ul li.schedule {
          font-size: 1.88684vw; } }
      @media screen and (max-width:480px) {
        .contact .mail dd ul li.schedule,
        .business_contact .mail dd ul li.schedule {
          font-size: 4.10565vw; } }
      .contact .mail dd ul li.schedule:last-of-type,
      .business_contact .mail dd ul li.schedule:last-of-type {
        margin: 0; }
      .contact .mail dd ul li.schedule h6,
      .business_contact .mail dd ul li.schedule h6 {
        width: 100%;
        margin: 0 0 9px; }
      .contact .mail dd ul li.schedule input,
      .business_contact .mail dd ul li.schedule input {
        width: 25%; }
        @media screen and (max-width:896px) {
          .contact .mail dd ul li.schedule input,
          .business_contact .mail dd ul li.schedule input {
            width: 90%;
            margin: 0 0 10px !important; } }
      .contact .mail dd ul li.schedule select,
      .business_contact .mail dd ul li.schedule select {
        width: 25%;
        margin: 0 12px 0 !important;
        padding: 15px;
        border: solid 1px #a7a9ab;
        border-radius: 5px;
        height: 48px;
        font-size: 0.9rem; }
        @media screen and (max-width:896px) {
          .contact .mail dd ul li.schedule select,
          .business_contact .mail dd ul li.schedule select {
            width: 80%;
            margin: 0 5px 10px 0 !important; } }
  .contact .mail dd p,
  .business_contact .mail dd p {
    font-size: 0.85rem;
    line-height: 1.5em;
    text-align: left;
    margin: 0 0 15px;
    letter-spacing: .05em; }
    @media screen and (max-width:896px) {
      .contact .mail dd p,
      .business_contact .mail dd p {
        font-size: 1.603814vw; } }
    @media screen and (max-width:480px) {
      .contact .mail dd p,
      .business_contact .mail dd p {
        font-size: 3.4898025vw; } }
    .contact .mail dd p:last-of-type,
    .business_contact .mail dd p:last-of-type {
      margin: 0; }
  .contact .mail dd.radio li,
  .business_contact .mail dd.radio li {
    margin-bottom: 9px;
    font-weight: 100;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap; }
    .contact .mail dd.radio li span,
    .business_contact .mail dd.radio li span {
      margin: 0 0 0 10px; }
  .contact .mail dd.radio label input,
  .business_contact .mail dd.radio label input {
    display: none; }
    .contact .mail dd.radio label input + span,
    .business_contact .mail dd.radio label input + span {
      position: relative;
      padding-left: 30px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: nowrap; }
      .contact .mail dd.radio label input + span:before,
      .business_contact .mail dd.radio label input + span:before {
        position: absolute;
        content: "";
        left: 0;
        border: 5px solid #ccc;
        border-radius: 100%;
        padding: 5px;
        display: block; }
    .contact .mail dd.radio label input:checked + span:before,
    .business_contact .mail dd.radio label input:checked + span:before {
      border: 5px solid #ff870f;
      background: #ff870f; }
  .contact .mail dd.text input,
  .business_contact .mail dd.text input {
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.9rem;
    padding: 15px;
    border: solid 1px #a7a9ab;
    border-radius: 5px;
    width: 100%;
    line-height: 1em;
    display: block;
    margin: 0 0 15px; }
    @media screen and (max-width:896px) {
      .contact .mail dd.text input,
      .business_contact .mail dd.text input {
        font-size: 1.698156vw; } }
    @media screen and (max-width:480px) {
      .contact .mail dd.text input,
      .business_contact .mail dd.text input {
        font-size: 3.695085vw; } }
    .contact .mail dd.text input:last-of-type,
    .business_contact .mail dd.text input:last-of-type {
      margin: 0; }
  .contact .mail dd.text input::-webkit-input-placeholder, .business_contact .mail dd.text input::-webkit-input-placeholder {
    color: #a7a9ab; }
  .contact .mail dd.text input::-moz-placeholder, .business_contact .mail dd.text input::-moz-placeholder {
    color: #a7a9ab; }
  .contact .mail dd.text input:-ms-input-placeholder, .business_contact .mail dd.text input:-ms-input-placeholder {
    color: #a7a9ab; }
  .contact .mail dd.text input::-ms-input-placeholder, .business_contact .mail dd.text input::-ms-input-placeholder {
    color: #a7a9ab; }
  .contact .mail dd.text input::placeholder,
  .business_contact .mail dd.text input::placeholder {
    color: #a7a9ab; }
  .contact .mail dd.text p,
  .business_contact .mail dd.text p {
    margin-bottom: -5px; }
    .contact .mail dd.text p.postal_attention,
    .business_contact .mail dd.text p.postal_attention {
      margin-bottom: 25px;
      font-size: 0.8rem; }
      @media screen and (max-width:896px) {
        .contact .mail dd.text p.postal_attention,
        .business_contact .mail dd.text p.postal_attention {
          font-size: 1.509472vw; } }
      @media screen and (max-width:480px) {
        .contact .mail dd.text p.postal_attention,
        .business_contact .mail dd.text p.postal_attention {
          font-size: 3.28452vw; } }
    .contact .mail dd.text p input,
    .business_contact .mail dd.text p input {
      width: 20%;
      display: inline-block;
      margin-left: 15px; }
      @media screen and (max-width:480px) {
        .contact .mail dd.text p input,
        .business_contact .mail dd.text p input {
          width: 44%;
          margin-left: 5px; } }
  .contact .mail dd.text .mail_add li:first-of-type,
  .business_contact .mail dd.text .mail_add li:first-of-type {
    margin-bottom: 6px; }
  .contact .mail dd.text .mail_add li:last-of-type,
  .business_contact .mail dd.text .mail_add li:last-of-type {
    margin-bottom: 15px; }
  .contact .mail dd.text span,
  .business_contact .mail dd.text span {
    font-size: 0.8rem; }
    @media screen and (max-width:896px) {
      .contact .mail dd.text span,
      .business_contact .mail dd.text span {
        font-size: 1.509472vw; } }
    @media screen and (max-width:480px) {
      .contact .mail dd.text span,
      .business_contact .mail dd.text span {
        font-size: 3.28452vw; } }
  .contact .mail dd.text-box textarea,
  .business_contact .mail dd.text-box textarea {
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.9rem;
    padding: 10px;
    border: solid 1px #a7a9ab;
    border-radius: 5px;
    width: 100%;
    height: 250px; }
    @media screen and (max-width:896px) {
      .contact .mail dd.text-box textarea,
      .business_contact .mail dd.text-box textarea {
        font-size: 1.698156vw; } }
    @media screen and (max-width:480px) {
      .contact .mail dd.text-box textarea,
      .business_contact .mail dd.text-box textarea {
        font-size: 3.695085vw; } }
    @media screen and (max-width:896px) {
      .contact .mail dd.text-box textarea,
      .business_contact .mail dd.text-box textarea {
        height: 180px; } }
    @media screen and (max-width:480px) {
      .contact .mail dd.text-box textarea,
      .business_contact .mail dd.text-box textarea {
        height: 150px; } }
  .contact .mail dd.text-box textarea::-webkit-input-placeholder, .business_contact .mail dd.text-box textarea::-webkit-input-placeholder {
    color: #a7a9ab; }
  .contact .mail dd.text-box textarea::-moz-placeholder, .business_contact .mail dd.text-box textarea::-moz-placeholder {
    color: #a7a9ab; }
  .contact .mail dd.text-box textarea:-ms-input-placeholder, .business_contact .mail dd.text-box textarea:-ms-input-placeholder {
    color: #a7a9ab; }
  .contact .mail dd.text-box textarea::-ms-input-placeholder, .business_contact .mail dd.text-box textarea::-ms-input-placeholder {
    color: #a7a9ab; }
  .contact .mail dd.text-box textarea::placeholder,
  .business_contact .mail dd.text-box textarea::placeholder {
    color: #a7a9ab; }
  .contact .mail .button_orange,
  .business_contact .mail .button_orange {
    -webkit-appearance: none;
    margin-bottom: 30px; }

.contact .check form dl dd p,
.business_contact .check form dl dd p {
  font-size: 1.1rem; }
  @media screen and (max-width:896px) {
    .contact .check form dl dd p,
    .business_contact .check form dl dd p {
      font-size: 2.075524vw; } }
  @media screen and (max-width:480px) {
    .contact .check form dl dd p,
    .business_contact .check form dl dd p {
      font-size: 4.516215vw; } }
.business_contact h1:after {
  content: "法人向けビジネス英会話　お問い合わせ"; }

.abroad .orange {
  color: #ff870f; }

.abroad .heroheader {
  padding: 0;
  margin-bottom: 120px; }
  @media screen and (max-width:896px) {
    .abroad .heroheader {
      margin-bottom: 90px; } }
  @media screen and (max-width:480px) {
    .abroad .heroheader {
      margin-bottom: 60px; } }
  .abroad .heroheader h1 {
    position: relative;
    margin-bottom: 80px; }
    .abroad .heroheader h1:before {
      position: absolute;
      content: "STUDY ABROAD PROGRAMS";
      font-size: 3rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 10%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center;
      font-family: 'Lato', sans-serif; }
      @media screen and (max-width:896px) {
        .abroad .heroheader h1:before {
          font-size: 5.66052vw; } }
      @media screen and (max-width:480px) {
        .abroad .heroheader h1:before {
          font-size: 12.31695vw; } }
      @media screen and (max-width:480px) {
        .abroad .heroheader h1:before {
          bottom: 10%;
          font-size: 1.7rem; } }
    .abroad .heroheader h1:after {
      position: absolute;
      content: "I-MAKEの語学研修&留学";
      font-size: 1.1rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 5%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center; }
      @media screen and (max-width:896px) {
        .abroad .heroheader h1:after {
          font-size: 2.075524vw; } }
      @media screen and (max-width:480px) {
        .abroad .heroheader h1:after {
          font-size: 4.516215vw; } }
      @media screen and (max-width:480px) {
        .abroad .heroheader h1:after {
          bottom: 0;
          font-size: 0.7rem; } }
  .abroad .heroheader div.text {
    text-align: center; }
    @media screen and (max-width:480px) {
      .abroad .heroheader div.text {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        position: relative; } }
    .abroad .heroheader div.text h3 {
      font-size: 1.7rem;
      letter-spacing: 0.15rem;
      margin-bottom: 30px; }
      @media screen and (max-width:480px) {
        .abroad .heroheader div.text h3 {
          font-size: 1.4rem; } }
    .abroad .heroheader div.text p {
      line-height: 2.1em;
      margin-bottom: 60px; }
      @media screen and (min-width:897px) {
        .abroad .heroheader div.text p {
          display: none; } }
      @media screen and (max-width:896px) {
        .abroad .heroheader div.text p {
          display: none; } }
      @media screen and (max-width:480px) {
        .abroad .heroheader div.text p {
          display: block; } }
    @media screen and (max-width:480px) {
      .abroad .heroheader div.text img {
        width: 100%; } }
.abroad .feature {
  position: relative;
  padding-bottom: 90px; }
  @media screen and (max-width:896px) {
    .abroad .feature {
      padding-top: 60px; } }
  .abroad .feature:before {
    content: "";
    background-color: #f2f5f7;
    display: block;
    width: 300%;
    height: 100%;
    position: absolute;
    z-index: -10;
    top: 0;
    left: -100%; }
  .abroad .feature:after {
    position: absolute;
    content: "FEATURE";
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    top: 0;
    left: 50%;
    width: 100%;
    text-align: center;
    color: #ff870f;
    font-family: 'Lato', sans-serif;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    font-style: italic; }
    @media screen and (max-width:896px) {
      .abroad .feature:after {
        font-size: 5.66052vw; } }
    @media screen and (max-width:480px) {
      .abroad .feature:after {
        font-size: 12.31695vw; } }
    @media screen and (max-width:480px) {
      .abroad .feature:after {
        font-size: 2rem;
        margin: 0; } }
  .abroad .feature .sub_title {
    text-align: center;
    font-size: 1.3rem;
    margin-bottom: 60px; }
    @media screen and (max-width:896px) {
      .abroad .feature .sub_title {
        font-size: 2.452892vw; } }
    @media screen and (max-width:480px) {
      .abroad .feature .sub_title {
        font-size: 5.337345vw; } }
    @media screen and (max-width:896px) {
      .abroad .feature .sub_title {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .abroad .feature .sub_title {
        margin-bottom: 30px; } }
    @media screen and (max-width:480px) {
      .abroad .feature .sub_title {
        font-size: 1rem; } }
  .abroad .feature div.flex {
    max-width: 950px;
    width: 90%;
    margin: 0 auto 50px auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
    @media screen and (max-width:480px) {
      .abroad .feature div.flex {
        width: 90%;
        display: block;
        margin-bottom: 60px; } }
    .abroad .feature div.flex div {
      width: 46%;
      position: relative;
      margin-bottom: 90px; }
      @media screen and (max-width:480px) {
        .abroad .feature div.flex div {
          width: 100%;
          margin-bottom: 60px; } }
      .abroad .feature div.flex div dl dt {
        text-align: center;
        font-size: 1.2rem;
        margin-bottom: 30px;
        letter-spacing: 0.1rem; }
        @media screen and (max-width:480px) {
          .abroad .feature div.flex div dl dt {
            font-size: 1.1rem; } }
      .abroad .feature div.flex div dl dd {
        line-height: 2em;
        font-size: 0.9rem;
        font-weight: 100; }
        @media screen and (max-width:896px) {
          .abroad .feature div.flex div dl dd {
            font-size: 1.698156vw; } }
        @media screen and (max-width:480px) {
          .abroad .feature div.flex div dl dd {
            font-size: 3.695085vw; } }
      .abroad .feature div.flex div img {
        width: 100%; }
      .abroad .feature div.flex div h3 {
        text-align: center;
        margin-bottom: 30px; }
        .abroad .feature div.flex div h3 img {
          width: 40%; }
      .abroad .feature div.flex div:last-of-type, .abroad .feature div.flex div:nth-of-type(3) {
        margin-bottom: 0; }
      @media screen and (max-width:480px) {
        .abroad .feature div.flex div:nth-of-type(3) {
          margin-bottom: 60px; } }
  .abroad .feature a.orange {
    display: block;
    width: 500px;
    margin: 0 auto;
    background-color: #ff870f;
    color: #fff;
    border-radius: 10px;
    padding: 20px;
    font-size: 0.8rem;
    -webkit-box-shadow: 20px 10px 20px #d9d9da;
            box-shadow: 20px 10px 20px #d9d9da; }
    @media screen and (max-width:896px) {
      .abroad .feature a.orange {
        width: 345px; } }
    @media screen and (max-width:480px) {
      .abroad .feature a.orange {
        width: 80%;
        text-align: center;
        font-size: 0.75rem; } }
    .abroad .feature a.orange span {
      font-size: 1.2rem; }
      @media screen and (max-width:480px) {
        .abroad .feature a.orange span {
          font-size: 1.1rem; } }
    .abroad .feature a.orange span.arrow {
      position: relative; }
      .abroad .feature a.orange span.arrow:after {
        content: '';
        width: 12px;
        height: 12px;
        border: 0px;
        border-top: solid 3px #fff;
        border-right: solid 3px #fff;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        position: absolute;
        top: 0;
        left: 250px;
        margin-top: -4px; }
        @media screen and (max-width:896px) {
          .abroad .feature a.orange span.arrow:after {
            left: 95px; } }
        @media screen and (max-width:480px) {
          .abroad .feature a.orange span.arrow:after {
            display: none;
            position: static; } }
.abroad .pamphlet {
  position: relative;
  width: 950px;
  margin: 0 auto;
  padding-top: 45px; }
  @media screen and (max-width:896px) {
    .abroad .pamphlet {
      width: 90%; } }
  .abroad .pamphlet:after {
    position: absolute;
    content: "BROCHURE";
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    top: 0;
    left: 50%;
    width: 100%;
    text-align: center;
    color: #89c5ef;
    font-family: 'Lato', sans-serif;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    font-style: italic; }
    @media screen and (max-width:896px) {
      .abroad .pamphlet:after {
        font-size: 5.66052vw; } }
    @media screen and (max-width:480px) {
      .abroad .pamphlet:after {
        font-size: 12.31695vw; } }
    @media screen and (max-width:480px) {
      .abroad .pamphlet:after {
        font-size: 2rem; } }
  .abroad .pamphlet h2, .abroad .pamphlet p {
    text-align: center; }
  .abroad .pamphlet .sub_title {
    color: #89c5ef; }
  .abroad .pamphlet p {
    line-height: 2em;
    letter-spacing: 0.08rem;
    margin-bottom: 30px;
    font-size: 0.9rem; }
    @media screen and (max-width:896px) {
      .abroad .pamphlet p {
        font-size: 1.698156vw; } }
    @media screen and (max-width:480px) {
      .abroad .pamphlet p {
        font-size: 3.695085vw; } }
    @media screen and (max-width:896px) {
      .abroad .pamphlet p {
        width: 80%;
        margin-right: auto;
        margin-left: auto; } }
    @media screen and (max-width:480px) {
      .abroad .pamphlet p {
        margin-bottom: 20px; } }
  @media screen and (min-width:897px) {
    .abroad .pamphlet .sp_min {
      display: none; } }
  @media screen and (max-width:896px) {
    .abroad .pamphlet .sp_min {
      display: none; } }
  @media screen and (max-width:480px) {
    .abroad .pamphlet .sp_min {
      display: block; } }
  .abroad .pamphlet a.blue {
    background-color: #89c5ef;
    color: #fff;
    display: block;
    width: 300px;
    margin: 0 auto 100px auto;
    border-radius: 10px;
    text-align: center;
    line-height: 60px;
    font-size: 0.8rem; }
    @media screen and (max-width:896px) {
      .abroad .pamphlet a.blue {
        font-size: 1.509472vw; } }
    @media screen and (max-width:480px) {
      .abroad .pamphlet a.blue {
        font-size: 3.28452vw; } }
    @media screen and (max-width:480px) {
      .abroad .pamphlet a.blue {
        width: 80%;
        margin-bottom: 60px; } }
  .abroad .pamphlet div.acosta .simple_link {
    text-decoration: underline; }
  .abroad .pamphlet div.acosta .button_orange {
    display: block;
    width: 500px;
    margin: 0 auto 60px auto;
    background-color: #ff870f;
    color: #fff;
    border-radius: 10px;
    padding: 20px;
    font-size: 0.8rem;
    line-height: 1.8em;
    text-align: left;
    -webkit-box-shadow: 0 0 20px #d9d9da;
            box-shadow: 0 0 20px #d9d9da; }
    @media screen and (max-width:896px) {
      .abroad .pamphlet div.acosta .button_orange {
        width: 345px; } }
    @media screen and (max-width:480px) {
      .abroad .pamphlet div.acosta .button_orange {
        width: 90%;
        text-align: center;
        font-size: 0.75rem; } }
    .abroad .pamphlet div.acosta .button_orange span {
      font-size: 1.2rem; }
      @media screen and (max-width:480px) {
        .abroad .pamphlet div.acosta .button_orange span {
          font-size: 1.1rem; } }
    .abroad .pamphlet div.acosta .button_orange span.arrow {
      position: relative; }
      .abroad .pamphlet div.acosta .button_orange span.arrow:after {
        content: '';
        width: 12px;
        height: 12px;
        border: 0px;
        border-top: solid 3px #fff;
        border-right: solid 3px #fff;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        position: absolute;
        top: 0;
        left: 250px;
        margin-top: -4px; }
        @media screen and (max-width:896px) {
          .abroad .pamphlet div.acosta .button_orange span.arrow:after {
            left: 95px; } }
        @media screen and (max-width:480px) {
          .abroad .pamphlet div.acosta .button_orange span.arrow:after {
            display: none; } }
  .abroad .pamphlet div.acosta h4 {
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: 0.15rem;
    margin-bottom: 40px; }
    @media screen and (max-width:480px) {
      .abroad .pamphlet div.acosta h4 {
        margin-bottom: 30px; } }
  .abroad .pamphlet div.acosta p {
    text-align: left;
    line-height: 2.3em;
    letter-spacing: 0.04rem;
    margin-bottom: 80px;
    font-size: 0.85rem; }
    @media screen and (max-width:896px) {
      .abroad .pamphlet div.acosta p {
        font-size: 1.603814vw; } }
    @media screen and (max-width:480px) {
      .abroad .pamphlet div.acosta p {
        font-size: 3.4898025vw; } }
    @media screen and (max-width:480px) {
      .abroad .pamphlet div.acosta p {
        margin-bottom: 30px;
        line-height: 2em;
        letter-spacing: 0.01rem;
        width: 100%; } }
  .abroad .pamphlet div.acosta div.flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 120px; }
    @media screen and (max-width:480px) {
      .abroad .pamphlet div.acosta div.flex {
        display: block;
        margin-bottom: 60px; } }
    .abroad .pamphlet div.acosta div.flex div.map {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      flex-wrap: wrap;
      width: 100%;
      position: relative;
      -webkit-box-shadow: 3px 5px 25px 5px #efefef;
              box-shadow: 3px 5px 25px 5px #efefef;
      margin-bottom: 90px; }
      @media screen and (max-width:480px) {
        .abroad .pamphlet div.acosta div.flex div.map {
          margin-bottom: 60px; } }
      .abroad .pamphlet div.acosta div.flex div.map:last-of-type {
        margin-bottom: 0; }
      .abroad .pamphlet div.acosta div.flex div.map iframe {
        width: 50%;
        height: 350px; }
        @media screen and (max-width:480px) {
          .abroad .pamphlet div.acosta div.flex div.map iframe {
            width: 100%;
            height: 270px; } }
      .abroad .pamphlet div.acosta div.flex div.map div {
        padding: 30px;
        width: 50%; }
        @media screen and (max-width:480px) {
          .abroad .pamphlet div.acosta div.flex div.map div {
            width: 100%; } }
        .abroad .pamphlet div.acosta div.flex div.map div h4, .abroad .pamphlet div.acosta div.flex div.map div p {
          text-align: left; }
        .abroad .pamphlet div.acosta div.flex div.map div h4 {
          margin-bottom: 10px; }
          @media screen and (max-width:480px) {
            .abroad .pamphlet div.acosta div.flex div.map div h4 {
              font-size: 1.4rem; } }
        .abroad .pamphlet div.acosta div.flex div.map div p {
          margin-bottom: 30px;
          line-height: 1.8em;
          font-size: 0.9rem; }
          @media screen and (max-width:896px) {
            .abroad .pamphlet div.acosta div.flex div.map div p {
              font-size: 1.698156vw; } }
          @media screen and (max-width:480px) {
            .abroad .pamphlet div.acosta div.flex div.map div p {
              font-size: 3.695085vw; } }
          @media screen and (max-width:896px) {
            .abroad .pamphlet div.acosta div.flex div.map div p {
              width: 100%;
              margin-bottom: 30px; } }
          @media screen and (max-width:480px) {
            .abroad .pamphlet div.acosta div.flex div.map div p {
              margin-bottom: 20px; } }
        .abroad .pamphlet div.acosta div.flex div.map div a {
          border: 1px solid #000; }
          @media screen and (max-width:480px) {
            .abroad .pamphlet div.acosta div.flex div.map div a {
              margin: 0 auto; } }
/*ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ
⬇講師⬇
ｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰｰ*/
.teachers .heroheader {
  padding: 0; }
  .teachers .heroheader h1 {
    position: relative;
    margin-bottom: 80px; }
    .teachers .heroheader h1:before {
      position: absolute;
      content: "TEACHERS";
      font-size: 3rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 10%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center;
      font-family: 'Lato', sans-serif; }
      @media screen and (max-width:896px) {
        .teachers .heroheader h1:before {
          font-size: 5.66052vw; } }
      @media screen and (max-width:480px) {
        .teachers .heroheader h1:before {
          font-size: 12.31695vw; } }
      @media screen and (max-width:480px) {
        .teachers .heroheader h1:before {
          bottom: 10%;
          font-size: 1.7rem; } }
    .teachers .heroheader h1:after {
      position: absolute;
      content: "講師紹介";
      font-size: 1.1rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 5%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center; }
      @media screen and (max-width:896px) {
        .teachers .heroheader h1:after {
          font-size: 2.075524vw; } }
      @media screen and (max-width:480px) {
        .teachers .heroheader h1:after {
          font-size: 4.516215vw; } }
      @media screen and (max-width:480px) {
        .teachers .heroheader h1:after {
          bottom: 0;
          font-size: 0.7rem; } }
  .teachers .heroheader div.text {
    text-align: center; }
    .teachers .heroheader div.text h3 {
      font-size: 1.7rem;
      letter-spacing: 0.15rem;
      margin-bottom: 30px; }
    .teachers .heroheader div.text p {
      line-height: 2.1em;
      margin-bottom: 0; }
  .teachers .heroheader nav {
    padding: 90px 0; }
    @media screen and (max-width:896px) {
      .teachers .heroheader nav {
        padding: 60px 0; } }
  .teachers .heroheader ul {
    max-width: 900px;
    width: 90%;
    margin: 0 auto;
    border: solid 1px #d2d4d6;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap; }
  .teachers .heroheader li {
    font-size: 0.8rem;
    text-align: center;
    border-right: solid 1px #d2d4d6;
    position: relative;
    width: 16.6%;
    -webkit-transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
    @media screen and (max-width:896px) {
      .teachers .heroheader li {
        font-size: 1.509472vw; } }
    @media screen and (max-width:480px) {
      .teachers .heroheader li {
        font-size: 3.28452vw; } }
    @media screen and (max-width:480px) {
      .teachers .heroheader li {
        width: 50%;
        border-bottom: solid 1px #d2d4d6;
        border-right: 0; }
        .teachers .heroheader li:nth-of-type(odd) {
          border-right: solid 1px #d2d4d6; } }
    .teachers .heroheader li:hover {
      background: #f2f5f7; }
    @media screen and (max-width:480px) {
      .teachers .heroheader li:nth-last-of-type(2) {
        border-bottom: 0; } }
    .teachers .heroheader li:last-of-type {
      border: 0; }
    .teachers .heroheader li a {
      display: block;
      width: 100%;
      padding: 12px; }
  .teachers .heroheader p {
    margin-bottom: 0; }

.teachers .list-wrapper {
  background-color: #f2f5f7; }
  .teachers .list-wrapper .list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    width: 90%;
    max-width: 900px;
    margin: 0 auto; }
    .teachers .list-wrapper .list .item {
      position: relative;
      width: 22%;
      background: #fff;
      -webkit-box-shadow: 0 0 10px #dddddd;
              box-shadow: 0 0 10px #dddddd;
      margin: 0 0 90px; }
      @media screen and (max-width:896px) {
        .teachers .list-wrapper .list .item {
          width: 45%;
          margin-bottom: 60px; } }
      @media screen and (max-width:480px) {
        .teachers .list-wrapper .list .item {
          width: 48%;
          margin-bottom: 60px; } }
      .teachers .list-wrapper .list .item .img {
        display: block;
        position: relative;
        padding: 75% 0 0 0;
        overflow: hidden; }
        .teachers .list-wrapper .list .item .img img {
          position: absolute;
          width: 100%;
          top: 50%;
          -webkit-transform: translateY(-50%) translateX(0);
          transform: translateY(-50%) translateX(0); }
      .teachers .list-wrapper .list .item .full_link {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10; }
      .teachers .list-wrapper .list .item .all {
        padding: 15px;
        width: 100%;
        margin: 0; }
        .teachers .list-wrapper .list .item .all .name {
          margin-bottom: 30px; }
          .teachers .list-wrapper .list .item .all .name p {
            margin-bottom: 6px; }
            .teachers .list-wrapper .list .item .all .name p:first-of-type {
              font-size: 1.1rem;
              font-weight: 600; }
              @media screen and (max-width:896px) {
                .teachers .list-wrapper .list .item .all .name p:first-of-type {
                  font-size: 2.075524vw; } }
              @media screen and (max-width:480px) {
                .teachers .list-wrapper .list .item .all .name p:first-of-type {
                  font-size: 4.516215vw; } }
      .teachers .list-wrapper .list .item img {
        width: 100%; }
      .teachers .list-wrapper .list .item .flex {
        padding: 0 30px;
        flex-wrap: wrap; }
        .teachers .list-wrapper .list .item .flex .canada {
          position: relative;
          padding-left: 15px;
          margin-bottom: 5px; }
          @media screen and (max-width:896px) {
            .teachers .list-wrapper .list .item .flex .canada {
              width: 100%;
              padding-left: 35px;
              margin-bottom: 12px; } }
          .teachers .list-wrapper .list .item .flex .canada:before {
            position: absolute;
            content: "";
            -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
            background-image: url("/images/index/canada_icon.png");
            background-size: contain;
            background-repeat: no-repeat;
            width: 30px;
            height: 30px;
            top: 50%;
            left: -15px; }
            @media screen and (max-width:896px) {
              .teachers .list-wrapper .list .item .flex .canada:before {
                width: 20px;
                height: 20px;
                left: 15px; } }
        .teachers .list-wrapper .list .item .flex .right {
          position: relative;
          text-align: right;
          font-style: italic;
          margin-bottom: 0;
          font-size: 0.8rem; }
          @media screen and (max-width:896px) {
            .teachers .list-wrapper .list .item .flex .right {
              font-size: 1.509472vw; } }
          @media screen and (max-width:480px) {
            .teachers .list-wrapper .list .item .flex .right {
              font-size: 3.28452vw; } }
          @media screen and (max-width:896px) {
            .teachers .list-wrapper .list .item .flex .right {
              text-align: center;
              width: 100%; } }
          @media screen and (max-width:480px) {
            .teachers .list-wrapper .list .item .flex .right {
              text-align: left; } }
          .teachers .list-wrapper .list .item .flex .right:before {
            position: absolute;
            content: "";
            -webkit-transform: translateY(0) translateX(-50%);
            transform: translateY(0) translateX(-50%);
            background-image: url("/images/common/after_arrow02.png");
            background-size: contain;
            background-repeat: no-repeat;
            width: 15px;
            height: 15px;
            bottom: 0;
            right: -30px; }
            @media screen and (max-width:896px) {
              .teachers .list-wrapper .list .item .flex .right:before {
                right: 30px;
                bottom: -5px; } }
            @media screen and (max-width:480px) {
              .teachers .list-wrapper .list .item .flex .right:before {
                right: 0; } }
      .teachers .list-wrapper .list .item .country01, .teachers .list-wrapper .list .item .country02, .teachers .list-wrapper .list .item .country03, .teachers .list-wrapper .list .item .country04,
      .teachers .list-wrapper .list .item .country05, .teachers .list-wrapper .list .item .country06, .teachers .list-wrapper .list .item .country07, .teachers .list-wrapper .list .item .country08,
      .teachers .list-wrapper .list .item .country09 {
        position: relative;
        margin-bottom: 0; }
        .teachers .list-wrapper .list .item .country01:before, .teachers .list-wrapper .list .item .country02:before, .teachers .list-wrapper .list .item .country03:before, .teachers .list-wrapper .list .item .country04:before,
        .teachers .list-wrapper .list .item .country05:before, .teachers .list-wrapper .list .item .country06:before, .teachers .list-wrapper .list .item .country07:before, .teachers .list-wrapper .list .item .country08:before,
        .teachers .list-wrapper .list .item .country09:before {
          position: absolute;
          content: "";
          -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
          top: 50%;
          left: -15px;
          width: 30px;
          height: 30px; }
      .teachers .list-wrapper .list .item .country01:before {
        background-image: url("/images/teachers/icon_america.jpg");
        background-size: contain;
        background-repeat: no-repeat; }
      .teachers .list-wrapper .list .item .country02:before {
        background-image: url("/images/teachers/icon_uk.jpg");
        background-size: contain;
        background-repeat: no-repeat; }
      .teachers .list-wrapper .list .item .country03:before {
        background-image: url("/images/teachers/icon_france.jpg");
        background-size: contain;
        background-repeat: no-repeat; }
      .teachers .list-wrapper .list .item .country04:before {
        background-image: url("/images/teachers/icon_canada.jpg");
        background-size: contain;
        background-repeat: no-repeat; }
      .teachers .list-wrapper .list .item .country05:before {
        background-image: url("/images/teachers/icon_australia.jpg");
        background-size: contain;
        background-repeat: no-repeat; }
      .teachers .list-wrapper .list .item .country06:before {
        background-image: url("/images/teachers/icon_newzealand.jpg");
        background-size: contain;
        background-repeat: no-repeat; }
      .teachers .list-wrapper .list .item .country07:before {
        background-image: url("/images/teachers/icon_philippines.jpg");
        background-size: contain;
        background-repeat: no-repeat; }
      .teachers .list-wrapper .list .item .country08:before {
        background-image: url("/images/teachers/icon_japan.jpg");
        background-size: contain;
        background-repeat: no-repeat; }
      .teachers .list-wrapper .list .item .country09:before {
        background-image: url("/images/teachers/icon_korea.jpg");
        background-size: contain;
        background-repeat: no-repeat; }

.premium {
  /*************************
     　共通指定
     *************************/ }
  .premium .gray {
    position: relative; }
    .premium .gray:before {
      position: absolute;
      content: "";
      background: #f2f5f7;
      width: 300%;
      height: 100%;
      top: 0;
      left: -50%;
      z-index: -10; }
  .premium .orange {
    color: #ff870f; }
  .premium section {
    max-width: 960px;
    width: 90%;
    margin: 0 auto; }
  .premium h3 {
    position: relative;
    width: 100%;
    font-size: 1.5rem;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-align: center;
    margin-bottom: 90px;
    letter-spacing: 0.2em; }
    @media screen and (max-width:896px) {
      .premium h3 {
        font-size: 2.83026vw; } }
    @media screen and (max-width:480px) {
      .premium h3 {
        font-size: 6.158475vw; } }
    .premium h3:after {
      position: absolute;
      content: attr(data-text);
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      font-size: 1rem;
      font-family: 'Lato', sans-serif;
      font-weight: 100;
      letter-spacing: 0.2em;
      width: 100%;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      bottom: -40px;
      left: 50%;
      font-weight: 100; }
      @media screen and (max-width:896px) {
        .premium h3:after {
          font-size: 1.88684vw; } }
      @media screen and (max-width:480px) {
        .premium h3:after {
          font-size: 4.10565vw; } }
      @media screen and (max-width:480px) {
        .premium h3:after {
          bottom: -30px;
          font-size: 0.8rem;
          letter-spacing: 0.1em; } }
  .premium p {
    line-height: 2; }
  .premium img {
    width: 100%; }
  .premium .shadow {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
  .premium .heroheader,
  .premium .breadcrumb,
  .premium .contact-link {
    max-width: inherit;
    width: 100%; }
  .premium .heroheader h1 {
    position: relative; }
    .premium .heroheader h1:before {
      position: absolute;
      content: "PREMIUM COURSE";
      font-size: 3rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 10%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center;
      font-family: 'Lato', sans-serif; }
      @media screen and (max-width:896px) {
        .premium .heroheader h1:before {
          font-size: 5.66052vw; } }
      @media screen and (max-width:480px) {
        .premium .heroheader h1:before {
          font-size: 12.31695vw; } }
      @media screen and (max-width:480px) {
        .premium .heroheader h1:before {
          bottom: 10%;
          font-size: 1.7rem; } }
    .premium .heroheader h1:after {
      position: absolute;
      content: "I-MAKEのプレミアムコース（返金保証制度）";
      font-size: 1.1rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 5%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center; }
      @media screen and (max-width:896px) {
        .premium .heroheader h1:after {
          font-size: 2.075524vw; } }
      @media screen and (max-width:480px) {
        .premium .heroheader h1:after {
          font-size: 4.516215vw; } }
      @media screen and (max-width:480px) {
        .premium .heroheader h1:after {
          bottom: 0;
          font-size: 0.7rem; } }
  @media screen and (max-width:896px) {
    .premium .intro {
      padding: 45px 0; } }
  .premium .intro h2 {
    font-weight: 100;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    margin-bottom: 45px; }
    @media screen and (max-width:896px) {
      .premium .intro h2 {
        font-size: 2.641576vw; } }
    @media screen and (max-width:480px) {
      .premium .intro h2 {
        font-size: 5.74791vw; } }
    @media screen and (max-width:896px) {
      .premium .intro h2 {
        margin-bottom: 30px; } }
    @media screen and (max-width:480px) {
      .premium .intro h2 {
        margin-bottom: 15px; } }
    @media screen and (max-width:480px) {
      .premium .intro h2 {
        font-size: 1.2rem;
        letter-spacing: 0.08em; } }
  .premium .intro p {
    margin-bottom: 0; }
  @media screen and (max-width:896px) {
    .premium .recommend {
      padding-top: 45px; } }
  .premium .recommend .flex:first-of-type {
    align-items: stretch; }
  .premium .recommend .item {
    position: relative;
    width: 48%;
    padding: 30px;
    background: #f2f5f7;
    margin-bottom: 60px;
    font-size: 1.1rem;
    line-height: 1.8; }
    @media screen and (max-width:896px) {
      .premium .recommend .item {
        font-size: 2.075524vw; } }
    @media screen and (max-width:480px) {
      .premium .recommend .item {
        font-size: 4.516215vw; } }
    @media screen and (max-width:480px) {
      .premium .recommend .item {
        width: 100%;
        margin-bottom: 30px; } }
    .premium .recommend .item:before {
      position: absolute;
      content: attr(data-text);
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      top: 0;
      left: 50%;
      letter-spacing: 0.1em;
      font-size: 1.4rem;
      color: #ff870f;
      font-style: italic;
      font-weight: bold; }
      @media screen and (max-width:896px) {
        .premium .recommend .item:before {
          font-size: 2.641576vw; } }
      @media screen and (max-width:480px) {
        .premium .recommend .item:before {
          font-size: 5.74791vw; } }
  .premium .recommend .point {
    width: 32%; }
    @media screen and (max-width:480px) {
      .premium .recommend .point {
        width: 100%;
        margin-bottom: 30px; } }
    .premium .recommend .point img {
      margin-bottom: 15px; }
  .premium .price {
    position: relative;
    padding-bottom: 45px; }
    @media screen and (max-width:480px) {
      .premium .price {
        padding-top: 60px; } }
    .premium .price:after {
      position: absolute;
      content: attr(data-text);
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      top: 0;
      left: 50%;
      letter-spacing: 0.1em;
      font-size: 4rem;
      color: #ff870f;
      font-style: italic;
      font-weight: bold; }
      @media screen and (max-width:896px) {
        .premium .price:after {
          font-size: 7.54736vw; } }
      @media screen and (max-width:480px) {
        .premium .price:after {
          font-size: 16.4226vw; } }
    .premium .price .flex {
      align-items: stretch;
      margin-bottom: 30px; }
      @media screen and (max-width:896px) {
        .premium .price .flex {
          margin-bottom: 15px; } }
      @media screen and (max-width:480px) {
        .premium .price .flex {
          margin-bottom: 12px; } }
    .premium .price p.price {
      width: 100%;
      text-align: right !important;
      font-size: 0.8rem; }
      @media screen and (max-width:896px) {
        .premium .price p.price {
          font-size: 1.509472vw; } }
      @media screen and (max-width:480px) {
        .premium .price p.price {
          font-size: 3.28452vw; } }
    .premium .price dl:first-of-type {
      width: 63%;
      letter-spacing: 0.1em; }
      @media screen and (max-width:896px) {
        .premium .price dl:first-of-type {
          width: 100%;
          margin-bottom: 30px; } }
      .premium .price dl:first-of-type p {
        width: 100%;
        margin-bottom: 9px;
        font-size: 1.3rem; }
        @media screen and (max-width:896px) {
          .premium .price dl:first-of-type p {
            font-size: 2.452892vw; } }
        @media screen and (max-width:480px) {
          .premium .price dl:first-of-type p {
            font-size: 5.337345vw; } }
      .premium .price dl:first-of-type dt {
        width: 30%;
        text-align: center;
        line-height: 54px;
        background: #ff870f;
        margin-bottom: 6px;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
        @media screen and (max-width:480px) {
          .premium .price dl:first-of-type dt {
            width: 100%;
            margin-bottom: 0; } }
      .premium .price dl:first-of-type dd {
        width: 68%;
        background: #fff;
        color: #808589;
        line-height: 54px;
        padding: 0 30px;
        margin-bottom: 6px;
        font-size: 1.8rem;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
        @media screen and (max-width:896px) {
          .premium .price dl:first-of-type dd {
            font-size: 3.396312vw; } }
        @media screen and (max-width:480px) {
          .premium .price dl:first-of-type dd {
            font-size: 7.39017vw; } }
        @media screen and (max-width:480px) {
          .premium .price dl:first-of-type dd {
            width: 100%;
            margin-bottom: 15px;
            padding: 0;
            text-align: center; } }
        .premium .price dl:first-of-type dd img {
          width: auto;
          height: 50%; }
    .premium .price dl:last-of-type {
      width: 35%;
      border: solid 1px #ff870f;
      overflow: hidden;
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
      @media screen and (max-width:896px) {
        .premium .price dl:last-of-type {
          width: 100%; } }
      .premium .price dl:last-of-type dt {
        text-align: center;
        background: #ff870f;
        padding: 6px;
        color: #fff;
        font-size: 1.2rem; }
        @media screen and (max-width:896px) {
          .premium .price dl:last-of-type dt {
            font-size: 2.264208vw; } }
        @media screen and (max-width:480px) {
          .premium .price dl:last-of-type dt {
            font-size: 4.92678vw; } }
      .premium .price dl:last-of-type .orange {
        display: block;
        font-size: 1.3rem;
        margin-bottom: 15px;
        text-align: center; }
        @media screen and (max-width:896px) {
          .premium .price dl:last-of-type .orange {
            font-size: 2.452892vw; } }
        @media screen and (max-width:480px) {
          .premium .price dl:last-of-type .orange {
            font-size: 5.337345vw; } }
      .premium .price dl:last-of-type dd {
        padding: 21px 30px;
        background: #fff;
        height: 100%; }
      .premium .price dl:last-of-type p {
        margin-bottom: 0; }
  .premium .merit {
    position: relative;
    padding-top: 120px; }
    .premium .merit:before {
      position: absolute;
      content: attr(data-text);
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      top: 0;
      left: 50%;
      letter-spacing: 0.1em;
      font-size: 4rem;
      color: #89c5ef;
      font-style: italic;
      font-weight: bold; }
      @media screen and (max-width:896px) {
        .premium .merit:before {
          font-size: 7.54736vw; } }
      @media screen and (max-width:480px) {
        .premium .merit:before {
          font-size: 16.4226vw; } }
    .premium .merit:after {
      position: absolute;
      content: "プレミアムコースのメリット";
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      top: 3%;
      left: 50%;
      width: 100%;
      text-align: center;
      letter-spacing: 0.1em;
      font-size: 1.2rem;
      color: #89c5ef; }
      @media screen and (max-width:896px) {
        .premium .merit:after {
          font-size: 2.264208vw; } }
      @media screen and (max-width:480px) {
        .premium .merit:after {
          font-size: 4.92678vw; } }
      @media screen and (max-width:480px) {
        .premium .merit:after {
          top: 2%; } }
    @media screen and (max-width:480px) {
      .premium .merit h3:after {
        content: "もし、英語力が上がられなかった時は…"; } }
    .premium .merit dl {
      width: 30%;
      margin-bottom: 60px; }
      @media screen and (max-width:896px) {
        .premium .merit dl {
          margin-bottom: 45px; } }
      @media screen and (max-width:480px) {
        .premium .merit dl {
          margin-bottom: 30px; } }
      @media screen and (max-width:896px) {
        .premium .merit dl {
          width: 100%;
          margin-bottom: 45px; } }
      .premium .merit dl dt {
        text-align: center;
        font-size: 1.1rem;
        margin-bottom: 18px;
        letter-spacing: 0.1em; }
        @media screen and (max-width:896px) {
          .premium .merit dl dt {
            font-size: 2.075524vw; } }
        @media screen and (max-width:480px) {
          .premium .merit dl dt {
            font-size: 4.516215vw; } }
      .premium .merit dl dd {
        font-size: 0.8rem;
        line-height: 1.8;
        font-weight: 100; }
        @media screen and (max-width:896px) {
          .premium .merit dl dd {
            font-size: 1.509472vw; } }
        @media screen and (max-width:480px) {
          .premium .merit dl dd {
            font-size: 3.28452vw; } }
    .premium .merit .border {
      border: solid 1px #000;
      padding: 30px 45px;
      margin-bottom: 90px; }
      .premium .merit .border a {
        color: #ff870f;
        text-decoration: underline; }
        .premium .merit .border a:hover {
          opacity: .5; }
      @media screen and (max-width:896px) {
        .premium .merit .border {
          margin-bottom: 60px; } }
      @media screen and (max-width:480px) {
        .premium .merit .border {
          margin-bottom: 45px; } }
      @media screen and (max-width:896px) {
        .premium .merit .border {
          padding: 30px; } }
    .premium .merit .item:nth-of-type(2) {
      position: relative;
      padding: 45px 0;
      color: #fff; }
      .premium .merit .item:nth-of-type(2):before {
        position: absolute;
        content: "";
        background: #ff870f;
        width: 300%;
        height: 130%;
        top: 0;
        left: -50%;
        z-index: -10; }
      .premium .merit .item:nth-of-type(2) h3 {
        margin-bottom: 60px; }
        @media screen and (max-width:896px) {
          .premium .merit .item:nth-of-type(2) h3 {
            margin-bottom: 45px; } }
        @media screen and (max-width:480px) {
          .premium .merit .item:nth-of-type(2) h3 {
            margin-bottom: 30px; } }
      .premium .merit .item:nth-of-type(2) .return {
        position: relative;
        display: block;
        width: 200px;
        margin: 0 auto 15px;
        font-size: 2.5rem;
        text-align: center; }
        @media screen and (max-width:896px) {
          .premium .merit .item:nth-of-type(2) .return {
            font-size: 4.7171vw; } }
        @media screen and (max-width:480px) {
          .premium .merit .item:nth-of-type(2) .return {
            font-size: 10.264125vw; } }
        .premium .merit .item:nth-of-type(2) .return:before {
          position: absolute;
          content: "";
          max-width: 330px;
          -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
          border-top: double 3px #fff;
          width: 25px;
          height: 1px;
          top: 55%;
          left: -15px; }
        .premium .merit .item:nth-of-type(2) .return:after {
          position: absolute;
          content: "";
          max-width: 330px;
          -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
          border-top: double 3px #fff;
          width: 25px;
          height: 1px;
          top: 55%;
          right: -35px; }
      .premium .merit .item:nth-of-type(2) p {
        margin-bottom: 90px; }
        @media screen and (max-width:896px) {
          .premium .merit .item:nth-of-type(2) p {
            margin-bottom: 60px; } }
        @media screen and (max-width:480px) {
          .premium .merit .item:nth-of-type(2) p {
            margin-bottom: 45px; } }
    .premium .merit .item:last-of-type {
      position: relative;
      background: #fff; }
      .premium .merit .item:last-of-type:before {
        position: absolute;
        content: attr(data-text);
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        top: -30px;
        left: 50%;
        letter-spacing: 0.1em;
        color: #fff;
        font-size: 1.1rem; }
        @media screen and (max-width:896px) {
          .premium .merit .item:last-of-type:before {
            font-size: 2.075524vw; } }
        @media screen and (max-width:480px) {
          .premium .merit .item:last-of-type:before {
            font-size: 4.516215vw; } }
        @media screen and (max-width:480px) {
          .premium .merit .item:last-of-type:before {
            top: -20px; } }
    .premium .merit .shadow {
      padding: 45px 0;
      text-align: center;
      margin-bottom: 30px; }
      @media screen and (max-width:480px) {
        .premium .merit .shadow {
          padding: 15px; } }
      .premium .merit .shadow img {
        width: 50%; }
        @media screen and (max-width:896px) {
          .premium .merit .shadow img {
            width: 60%; } }
        @media screen and (max-width:480px) {
          .premium .merit .shadow img {
            width: 100%; } }
      .premium .merit .shadow .orange {
        display: block;
        font-size: 1.1rem;
        margin-bottom: 45px;
        line-height: 1.6; }
        @media screen and (max-width:896px) {
          .premium .merit .shadow .orange {
            font-size: 2.075524vw; } }
        @media screen and (max-width:480px) {
          .premium .merit .shadow .orange {
            font-size: 4.516215vw; } }
        @media screen and (max-width:896px) {
          .premium .merit .shadow .orange {
            margin-bottom: 30px; } }
        @media screen and (max-width:480px) {
          .premium .merit .shadow .orange {
            margin-bottom: 15px; } }
        @media screen and (max-width:480px) {
          .premium .merit .shadow .orange {
            font-size: .8rem; } }
      .premium .merit .shadow .pd_left {
        max-width: 400px;
        width: 80%;
        display: block;
        margin: 0 auto;
        padding-left: 80px;
        text-align: left; }
        @media screen and (max-width:480px) {
          .premium .merit .shadow .pd_left {
            width: 100%;
            padding-left: 40px; } }
        .premium .merit .shadow .pd_left p {
          line-height: 1.3;
          font-size: 2.3rem;
          color: #808589; }
          @media screen and (max-width:896px) {
            .premium .merit .shadow .pd_left p {
              font-size: 4.339732vw; } }
          @media screen and (max-width:480px) {
            .premium .merit .shadow .pd_left p {
              font-size: 9.442995vw; } }
          @media screen and (max-width:480px) {
            .premium .merit .shadow .pd_left p {
              font-size: 1.8rem; } }
          .premium .merit .shadow .pd_left p:first-of-type {
            position: relative; }
            .premium .merit .shadow .pd_left p:first-of-type:after {
              position: absolute;
              content: "+";
              font-size: 2.3rem;
              color: #808589;
              bottom: 0;
              left: -20%; }
              @media screen and (max-width:896px) {
                .premium .merit .shadow .pd_left p:first-of-type:after {
                  font-size: 4.339732vw; } }
              @media screen and (max-width:480px) {
                .premium .merit .shadow .pd_left p:first-of-type:after {
                  font-size: 9.442995vw; } }
              @media screen and (max-width:480px) {
                .premium .merit .shadow .pd_left p:first-of-type:after {
                  left: -15%; } }
        .premium .merit .shadow .pd_left .orange {
          position: relative;
          color: #ff870f;
          margin-bottom: 0; }
          .premium .merit .shadow .pd_left .orange:before {
            position: absolute;
            content: "";
            width: 350px;
            height: 1px;
            background: #000;
            top: -25px;
            left: -25%; }
            @media screen and (max-width:480px) {
              .premium .merit .shadow .pd_left .orange:before {
                width: 110%;
                top: -10px;
                left: -15%; } }
        .premium .merit .shadow .pd_left .small {
          font-size: 0.8rem; }
          @media screen and (max-width:896px) {
            .premium .merit .shadow .pd_left .small {
              font-size: 1.509472vw; } }
          @media screen and (max-width:480px) {
            .premium .merit .shadow .pd_left .small {
              font-size: 3.28452vw; } }
    .premium .merit p.price {
      width: 100%;
      text-align: right !important;
      font-size: 0.8rem; }
      @media screen and (max-width:896px) {
        .premium .merit p.price {
          font-size: 1.509472vw; } }
      @media screen and (max-width:480px) {
        .premium .merit p.price {
          font-size: 3.28452vw; } }
      @media screen and (max-width:480px) {
        .premium .merit p.price {
          padding-top: 0; } }
    .premium .merit h4 {
      text-align: center;
      font-size: 1.2rem;
      padding-bottom: 15px;
      border-bottom: solid 1px #000;
      margin-bottom: 45px; }
      @media screen and (max-width:896px) {
        .premium .merit h4 {
          font-size: 2.264208vw; } }
      @media screen and (max-width:480px) {
        .premium .merit h4 {
          font-size: 4.92678vw; } }
      @media screen and (max-width:896px) {
        .premium .merit h4 {
          margin-bottom: 30px; } }
      @media screen and (max-width:480px) {
        .premium .merit h4 {
          margin-bottom: 15px; } }
    .premium .merit li {
      padding-bottom: 30px;
      margin-bottom: 30px;
      border-bottom: solid 1px #d2d4d6;
      font-size: 1rem; }
      @media screen and (max-width:896px) {
        .premium .merit li {
          font-size: 1.88684vw; } }
      @media screen and (max-width:480px) {
        .premium .merit li {
          font-size: 4.10565vw; } }
      .premium .merit li:last-of-type {
        border: 0; }
      @media screen and (max-width:480px) {
        .premium .merit li {
          padding-bottom: 15px;
          margin-bottom: 15px; } }
  .premium .voice {
    position: relative;
    padding: 90px 0; }
    .premium .voice:after {
      position: absolute;
      content: attr(data-text);
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      top: 0;
      left: 50%;
      letter-spacing: 0.1em;
      font-size: 4rem;
      color: #ff870f;
      font-style: italic;
      font-weight: bold; }
      @media screen and (max-width:896px) {
        .premium .voice:after {
          font-size: 7.54736vw; } }
      @media screen and (max-width:480px) {
        .premium .voice:after {
          font-size: 16.4226vw; } }
    .premium .voice .item {
      margin-bottom: 90px; }
      @media screen and (max-width:896px) {
        .premium .voice .item {
          margin-bottom: 60px; } }
      @media screen and (max-width:480px) {
        .premium .voice .item {
          margin-bottom: 45px; } }
      @media screen and (max-width:480px) {
        .premium .voice .item {
          margin-bottom: 60px; } }
    .premium .voice .status {
      width: 20%;
      text-align: center; }
      @media screen and (max-width:480px) {
        .premium .voice .status {
          width: 100%; } }
      .premium .voice .status p {
        line-height: 1.6; }
      .premium .voice .status span {
        display: block; }
      .premium .voice .status .name {
        font-size: 1.4rem; }
        @media screen and (max-width:896px) {
          .premium .voice .status .name {
            font-size: 2.641576vw; } }
        @media screen and (max-width:480px) {
          .premium .voice .status .name {
            font-size: 5.74791vw; } }
      .premium .voice .status img {
        width: 70%;
        margin-bottom: 15px; }
        @media screen and (max-width:480px) {
          .premium .voice .status img {
            width: 40%; } }
    .premium .voice .comment {
      width: 76%;
      padding: 45px;
      background: #fff; }
      @media screen and (max-width:896px) {
        .premium .voice .comment {
          padding: 30px; } }
      @media screen and (max-width:480px) {
        .premium .voice .comment {
          width: 100%; } }
      .premium .voice .comment p {
        margin-bottom: 15px; }
      .premium .voice .comment .big {
        font-size: 1.2rem; }
        @media screen and (max-width:896px) {
          .premium .voice .comment .big {
            font-size: 2.264208vw; } }
        @media screen and (max-width:480px) {
          .premium .voice .comment .big {
            font-size: 4.92678vw; } }
.company h2 {
  font-size: 1.5rem;
  font-weight: 100; }
  @media screen and (max-width:896px) {
    .company h2 {
      font-size: 2.83026vw; } }
  @media screen and (max-width:480px) {
    .company h2 {
      font-size: 6.158475vw; } }
.company p {
  line-height: 2; }

.company .heroheader {
  padding: 0; }
  .company .heroheader h1 {
    position: relative;
    margin-bottom: 90px; }
    @media screen and (max-width:896px) {
      .company .heroheader h1 {
        margin-bottom: 60px; } }
    @media screen and (max-width:480px) {
      .company .heroheader h1 {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .company .heroheader h1 {
        margin-bottom: 30px; } }
    .company .heroheader h1:before {
      position: absolute;
      content: "COMPANY";
      font-size: 3rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 10%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center;
      font-family: 'Lato', sans-serif; }
      @media screen and (max-width:896px) {
        .company .heroheader h1:before {
          font-size: 5.66052vw; } }
      @media screen and (max-width:480px) {
        .company .heroheader h1:before {
          font-size: 12.31695vw; } }
      @media screen and (max-width:480px) {
        .company .heroheader h1:before {
          bottom: 10%;
          font-size: 1.7rem; } }
    .company .heroheader h1:after {
      position: absolute;
      content: "会社案内";
      font-size: 1.1rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 5%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center; }
      @media screen and (max-width:896px) {
        .company .heroheader h1:after {
          font-size: 2.075524vw; } }
      @media screen and (max-width:480px) {
        .company .heroheader h1:after {
          font-size: 4.516215vw; } }
      @media screen and (max-width:480px) {
        .company .heroheader h1:after {
          bottom: 0;
          font-size: 0.7rem; } }
  .company .heroheader h2 {
    font-size: 1.5rem;
    margin-bottom: 60px;
    line-height: 1; }
    @media screen and (max-width:896px) {
      .company .heroheader h2 {
        font-size: 2.83026vw; } }
    @media screen and (max-width:480px) {
      .company .heroheader h2 {
        font-size: 6.158475vw; } }
    @media screen and (max-width:896px) {
      .company .heroheader h2 {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .company .heroheader h2 {
        margin-bottom: 30px; } }
  .company .heroheader p {
    max-width: 960px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px; }
    @media screen and (max-width:896px) {
      .company .heroheader p {
        margin-bottom: 15px; } }
    @media screen and (max-width:480px) {
      .company .heroheader p {
        margin-bottom: 12px; } }
.company .outline h2 {
  font-weight: 600;
  letter-spacing: .075em;
  color: #ff870f; }
  .company .outline h2:after {
    color: #000; }

.company .outline dl {
  margin: 0 auto;
  width: 90%;
  max-width: 960px;
  padding: 30px 0;
  border-bottom: 1px solid #d2dde4; }
  .company .outline dl dt {
    color: #000;
    letter-spacing: .05em;
    font-weight: 100;
    margin: 0 0 9px;
    line-height: 1em; }
  .company .outline dl dd {
    font-size: .9em;
    line-height: 1.75em;
    font-weight: 100;
    letter-spacing: .05em;
    padding: 0 0 0 1em; }
    .company .outline dl dd span {
      display: inline-block; }
    .company .outline dl dd.fc div {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-wrap: nowrap;
      gap: 0 1rem; }
      @media screen and (max-width: 540px) {
        .company .outline dl dd.fc div {
          flex-wrap: wrap;
          margin-bottom: 9px; } }
      .company .outline dl dd.fc div span {
        max-width: 240px;
        width: 100%; }
    .company .outline dl dd.school div {
      display: -ms-grid;
      display: grid;
      justify-items: start;
      justify-content: start;
      gap: 0 .5rem;
      margin: 0;
      -ms-grid-columns: 250px 3rem auto;
      grid-template-columns: 250px 3rem auto; }
      @media screen and (max-width:480px) {
        .company .outline dl dd.school div {
          -ms-grid-columns: 220px 3rem auto;
          grid-template-columns: 220px 3rem auto; } }
.company .school {
  padding: 60px 0 0; }
  .company .school div.guide {
    position: relative;
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 0 120px; }
    .company .school div.guide p {
      font-size: 0.9rem;
      margin-bottom: 30px;
      line-height: 1.75em; }
      @media screen and (max-width:896px) {
        .company .school div.guide p {
          font-size: 1.698156vw; } }
      @media screen and (max-width:480px) {
        .company .school div.guide p {
          font-size: 3.695085vw; } }
      @media screen and (max-width:896px) {
        .company .school div.guide p {
          margin-bottom: 15px; } }
      @media screen and (max-width:480px) {
        .company .school div.guide p {
          margin-bottom: 12px; } }
.hiring h2 {
  font-size: 1.5rem;
  font-weight: 100; }
  @media screen and (max-width:896px) {
    .hiring h2 {
      font-size: 2.83026vw; } }
  @media screen and (max-width:480px) {
    .hiring h2 {
      font-size: 6.158475vw; } }
.hiring p {
  line-height: 2; }

.hiring .heroheader {
  padding: 0; }
  .hiring .heroheader h1 {
    position: relative;
    margin-bottom: 90px; }
    @media screen and (max-width:896px) {
      .hiring .heroheader h1 {
        margin-bottom: 60px; } }
    @media screen and (max-width:480px) {
      .hiring .heroheader h1 {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .hiring .heroheader h1 {
        margin-bottom: 30px; } }
    .hiring .heroheader h1:before {
      position: absolute;
      content: "HIRING STANDARDS";
      font-size: 3rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 10%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center;
      font-family: 'Lato', sans-serif; }
      @media screen and (max-width:896px) {
        .hiring .heroheader h1:before {
          font-size: 5.66052vw; } }
      @media screen and (max-width:480px) {
        .hiring .heroheader h1:before {
          font-size: 12.31695vw; } }
      @media screen and (max-width:480px) {
        .hiring .heroheader h1:before {
          bottom: 10%;
          font-size: 1.7rem; } }
    .hiring .heroheader h1:after {
      position: absolute;
      content: "英会話講師採用基準";
      font-size: 1.1rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 5%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center; }
      @media screen and (max-width:896px) {
        .hiring .heroheader h1:after {
          font-size: 2.075524vw; } }
      @media screen and (max-width:480px) {
        .hiring .heroheader h1:after {
          font-size: 4.516215vw; } }
      @media screen and (max-width:480px) {
        .hiring .heroheader h1:after {
          bottom: 0;
          font-size: 0.7rem; } }
  .hiring .heroheader h2 {
    font-size: 1.25rem;
    margin-bottom: 60px;
    line-height: 1.5; }
    @media screen and (max-width:896px) {
      .hiring .heroheader h2 {
        font-size: 2.35855vw; } }
    @media screen and (max-width:480px) {
      .hiring .heroheader h2 {
        font-size: 5.1320625vw; } }
    @media screen and (max-width:896px) {
      .hiring .heroheader h2 {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .hiring .heroheader h2 {
        margin-bottom: 30px; } }
  .hiring .heroheader p {
    max-width: 960px;
    width: 90%;
    margin: 0 auto .5em; }

.hiring .point h2 {
  font-weight: 600;
  letter-spacing: .075em;
  color: #ff870f; }
  .hiring .point h2:after {
    color: #000;
    width: 100%;
    display: block;
    white-space: nowrap; }

.hiring .point ul {
  max-width: 960px;
  width: 90%;
  position: relative;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap; }
  .hiring .point ul li {
    position: relative;
    width: 48%;
    padding: 30px;
    background: #f2f5f7;
    margin-bottom: 60px;
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: .05em;
    text-align: center; }
    @media screen and (max-width:896px) {
      .hiring .point ul li {
        font-size: 1.88684vw; } }
    @media screen and (max-width:480px) {
      .hiring .point ul li {
        font-size: 4.10565vw; } }
    @media screen and (max-width:480px) {
      .hiring .point ul li {
        width: 100%;
        margin-bottom: 30px;
        padding: 15px;
        letter-spacing: 0; } }
    .hiring .point ul li:before {
      position: absolute;
      content: attr(data-text);
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      top: 0;
      left: 50%;
      letter-spacing: 0.1em;
      font-size: 1.4rem;
      color: #ff870f;
      font-style: italic;
      font-weight: bold; }
      @media screen and (max-width:896px) {
        .hiring .point ul li:before {
          font-size: 2.641576vw; } }
      @media screen and (max-width:480px) {
        .hiring .point ul li:before {
          font-size: 5.74791vw; } }
.hiring .process {
  position: relative;
  padding: 90px 0 160px;
  max-width: 960px;
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap; }
  @media screen and (max-width:896px) {
    .hiring .process {
      padding: 45px 0; } }
  .hiring .process:before {
    position: absolute;
    content: "";
    width: 300%;
    height: 100%;
    background: #f2f5f7;
    top: 0;
    left: -50%;
    z-index: -10; }
  .hiring .process h2 {
    font-weight: 600;
    letter-spacing: .075em;
    color: #ff870f;
    width: 100%; }
    .hiring .process h2:after {
      color: #000;
      width: 100%;
      display: block;
      white-space: nowrap; }
  .hiring .process dl {
    width: 48.5%;
    padding: 30px;
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
    @media screen and (max-width:896px) {
      .hiring .process dl {
        width: 100%;
        margin: 0 0 15px; } }
    .hiring .process dl:last-of-type {
      margin: 0; }
    .hiring .process dl dt {
      font-size: 1.1rem;
      display: block;
      margin: 0 0 15px;
      text-align: center; }
      @media screen and (max-width:896px) {
        .hiring .process dl dt {
          font-size: 2.075524vw; } }
      @media screen and (max-width:480px) {
        .hiring .process dl dt {
          font-size: 4.516215vw; } }
    .hiring .process dl dd p {
      font-size: 0.9rem;
      margin: 0;
      line-height: 1.75em; }
      @media screen and (max-width:896px) {
        .hiring .process dl dd p {
          font-size: 1.698156vw; } }
      @media screen and (max-width:480px) {
        .hiring .process dl dd p {
          font-size: 3.695085vw; } }
.hiring .quality {
  max-width: 960px;
  width: 90%;
  margin: 0 auto; }
  .hiring .quality h2 {
    font-weight: 600;
    letter-spacing: .075em;
    color: #ff870f;
    width: 100%; }
    .hiring .quality h2:after {
      color: #000;
      width: 100%;
      display: block;
      white-space: nowrap; }
  .hiring .quality p {
    font-size: 0.9rem; }
    @media screen and (max-width:896px) {
      .hiring .quality p {
        font-size: 1.698156vw; } }
    @media screen and (max-width:480px) {
      .hiring .quality p {
        font-size: 3.695085vw; } }
.two-teacher {
  font-family: 'sans-serif';
  color: #000; }
  .two-teacher .l-w_1090 {
    max-width: 1090px;
    width: 90%;
    margin: 0 auto; }
  .two-teacher .l-w_960 {
    max-width: 960px;
    width: 90%;
    margin: 0 auto; }
  @media screen and (max-width:480px) {
    .two-teacher .br-pc {
      display: none; } }
  .two-teacher .br-sp {
    display: none; }
    @media screen and (max-width:480px) {
      .two-teacher .br-sp {
        display: block; } }
  .two-teacher .trademark {
    position: relative;
    font-size: .7rem;
    top: -1em; }
  .two-teacher .gray {
    position: relative; }
    .two-teacher .gray:before {
      position: absolute;
      content: "";
      background: #f2f5f7;
      width: 300%;
      height: 100%;
      top: 0;
      left: -50%;
      z-index: -10; }
  .two-teacher .c-red {
    color: #ff4661; }
  .two-teacher .flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
  .two-teacher h3.flash {
    position: relative;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 45px;
    color: #000; }
    @media screen and (max-width:480px) {
      .two-teacher h3.flash {
        font-size: 1.5rem;
        margin-bottom: 30px; } }
    .two-teacher h3.flash:before {
      position: absolute;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      content: "";
      background-image: url("/images/two-teacher/h3-before.svg");
      background-size: contain;
      background-repeat: no-repeat;
      width: 200px;
      height: 66px;
      top: -55px;
      left: 50%; }
      @media screen and (max-width:480px) {
        .two-teacher h3.flash:before {
          width: 120px;
          height: 45px;
          top: -35px; } }
  .two-teacher h3.orange_read {
    position: relative;
    top: -50px;
    margin-bottom: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 4rem;
    color: #ff870f;
    font-style: italic;
    font-weight: 600; }
    @media screen and (max-width:480px) {
      .two-teacher h3.orange_read {
        font-size: 2.6rem;
        top: -40px; } }
    .two-teacher h3.orange_read p {
      font-style: initial;
      font-weight: 600;
      font-size: 1rem;
      letter-spacing: .18em; }
      @media screen and (max-width:480px) {
        .two-teacher h3.orange_read p {
          font-size: .8rem; } }
  @media screen and (max-width:480px) {
    .two-teacher .heroheader {
      margin-bottom: 45px; } }
  .two-teacher .heroheader h1 {
    position: relative;
    margin-bottom: 90px; }
    @media screen and (max-width:896px) {
      .two-teacher .heroheader h1 {
        margin-bottom: 60px; } }
    @media screen and (max-width:480px) {
      .two-teacher .heroheader h1 {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .two-teacher .heroheader h1 {
        margin-bottom: 0; } }
    .two-teacher .heroheader h1 div {
      position: absolute;
      -webkit-transform: translateY(0) translateX(-50%);
      transform: translateY(0) translateX(-50%);
      bottom: 0;
      left: 50%;
      width: 100%;
      padding-bottom: 45px;
      text-align: center; }
      @media screen and (max-width:480px) {
        .two-teacher .heroheader h1 div {
          padding-bottom: 15px; } }
      .two-teacher .heroheader h1 div p {
        width: 100%; }
    .two-teacher .heroheader h1 .title {
      letter-spacing: 0.15em;
      font-family: 'Lato', sans-serif;
      color: #fff;
      margin-bottom: 15px;
      font-size: 3rem; }
      @media screen and (max-width:896px) {
        .two-teacher .heroheader h1 .title {
          font-size: 5.66052vw; } }
      @media screen and (max-width:480px) {
        .two-teacher .heroheader h1 .title {
          font-size: 12.31695vw; } }
      .two-teacher .heroheader h1 .title:after {
        position: relative;
        top: -1em;
        content: "®";
        font-size: 1.1rem; }
        @media screen and (max-width:896px) {
          .two-teacher .heroheader h1 .title:after {
            font-size: 2.075524vw; } }
        @media screen and (max-width:480px) {
          .two-teacher .heroheader h1 .title:after {
            font-size: 4.516215vw; } }
      @media screen and (max-width:480px) {
        .two-teacher .heroheader h1 .title {
          font-size: 1.7rem;
          margin-bottom: 6px; }
          .two-teacher .heroheader h1 .title:after {
            font-size: .7rem; } }
    .two-teacher .heroheader h1 .read {
      font-size: 1.1rem;
      letter-spacing: 0.1em;
      color: #fff;
      margin-bottom: 0; }
      @media screen and (max-width:896px) {
        .two-teacher .heroheader h1 .read {
          font-size: 2.075524vw; } }
      @media screen and (max-width:480px) {
        .two-teacher .heroheader h1 .read {
          font-size: 4.516215vw; } }
      @media screen and (max-width:480px) {
        .two-teacher .heroheader h1 .read {
          font-size: 0.7rem; } }
  .two-teacher .intro {
    padding: 0;
    margin-bottom: 90px; }
    @media screen and (max-width:480px) {
      .two-teacher .intro {
        margin-bottom: 60px; } }
    .two-teacher .intro h2 {
      font-weight: 100;
      font-size: 1.4rem;
      letter-spacing: 0.1em;
      margin-bottom: 45px; }
      @media screen and (max-width:896px) {
        .two-teacher .intro h2 {
          font-size: 2.641576vw; } }
      @media screen and (max-width:480px) {
        .two-teacher .intro h2 {
          font-size: 5.74791vw; } }
      @media screen and (max-width:896px) {
        .two-teacher .intro h2 {
          margin-bottom: 30px; } }
      @media screen and (max-width:480px) {
        .two-teacher .intro h2 {
          margin-bottom: 15px; } }
      @media screen and (max-width:480px) {
        .two-teacher .intro h2 {
          font-size: 1.2rem;
          letter-spacing: 0.08em; } }
    .two-teacher .intro .sans {
      font-family: sans-serif; }
    .two-teacher .intro p {
      margin-bottom: 0;
      line-height: 2; }
  @media screen and (max-width:480px) {
    .two-teacher .experience {
      padding-bottom: 90px; } }
  .two-teacher .experience > div:first-of-type {
    margin-bottom: 45px; }
  .two-teacher .experience_item {
    background: #fff;
    -webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
    padding: 15px;
    margin-bottom: 18px;
    border-radius: 15px;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: .08em; }
    @media screen and (max-width:480px) {
      .two-teacher .experience_item {
        font-size: .9rem; } }
  .two-teacher .experience .flex > div {
    width: 65%; }
    @media screen and (max-width:480px) {
      .two-teacher .experience .flex > div {
        width: 100%;
        margin-bottom: 15px; } }
    .two-teacher .experience .flex > div p {
      font-weight: 400;
      line-height: 1.8em;
      letter-spacing: .13em; }
      .two-teacher .experience .flex > div p:first-of-type {
        margin-bottom: 30px; }
      .two-teacher .experience .flex > div p span {
        font-weight: 600; }
  .two-teacher .experience .flex > p {
    width: 25%; }
    @media screen and (max-width:480px) {
      .two-teacher .experience .flex > p {
        width: 100%;
        text-align: center; } }
    .two-teacher .experience .flex > p img {
      max-width: 230px;
      width: 100%;
      margin: 0 auto; }
      @media screen and (max-width:480px) {
        .two-teacher .experience .flex > p img {
          width: 200px; } }
  .two-teacher .three-reasons {
    padding: 0;
    margin-bottom: 90px; }
    .two-teacher .three-reasons .trademark {
      top: -.6em; }
    .two-teacher .three-reasons__reason {
      margin-bottom: 120px; }
    .two-teacher .three-reasons__item {
      width: 30%;
      margin-bottom: 45px; }
      @media screen and (max-width:480px) {
        .two-teacher .three-reasons__item {
          width: 100%;
          margin-bottom: 60px; }
          .two-teacher .three-reasons__item:last-of-type {
            margin-bottom: 15px; } }
      .two-teacher .three-reasons__item .number {
        position: relative;
        color: #ff8610;
        text-align: center;
        font-size: 1.4rem;
        letter-spacing: 0.1em;
        font-family: 'Lato', sans-serif; }
        @media screen and (max-width:896px) {
          .two-teacher .three-reasons__item .number {
            margin-bottom: 45px; } }
        .two-teacher .three-reasons__item .number:before {
          position: absolute;
          content: "";
          -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
          width: 75px;
          height: 75px;
          top: 50%;
          left: 49.5%;
          border: solid 1px #ff8610;
          border-radius: 50%; }
      .two-teacher .three-reasons__item .read {
        font-weight: 600;
        text-align: center;
        color: #000;
        font-size: 1.4rem;
        margin-bottom: 30px; }
        @media screen and (max-width:896px) {
          .two-teacher .three-reasons__item .read {
            font-size: 1rem; } }
        @media screen and (max-width:480px) {
          .two-teacher .three-reasons__item .read {
            font-size: 1.2rem; } }
      .two-teacher .three-reasons__item .text {
        margin-bottom: 0;
        line-height: 1.8; }
        .two-teacher .three-reasons__item .text .attention {
          font-size: .8rem; }
      .two-teacher .three-reasons__item .icon {
        margin-bottom: 45px; }
        .two-teacher .three-reasons__item .icon img {
          display: block;
          width: 180px;
          margin: 0 auto; }
          @media screen and (max-width:480px) {
            .two-teacher .three-reasons__item .icon img {
              width: 150px; } }
      .two-teacher .three-reasons__item .script {
        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
        position: relative;
        z-index: 0;
        border-radius: 10px; }
        .two-teacher .three-reasons__item .script:before, .two-teacher .three-reasons__item .script:after {
          position: absolute;
          content: "";
          -webkit-transform: translateY(0) translateX(-50%);
          transform: translateY(0) translateX(-50%);
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          top: -15px;
          left: 46%;
          width: 30px;
          height: 30px; }
        .two-teacher .three-reasons__item .script:before {
          -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
                  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); }
        .two-teacher .three-reasons__item .script:after {
          background: #fff; }
        .two-teacher .three-reasons__item .script p {
          position: relative;
          z-index: 5;
          text-align: center;
          padding: 30px 15px;
          border-radius: 10px;
          background: #fff;
          font-size: 1rem;
          font-weight: 600;
          letter-spacing: .25em;
          line-height: 2; }
          @media screen and (max-width:896px) {
            .two-teacher .three-reasons__item .script p {
              font-size: .7rem; } }
          @media screen and (max-width:480px) {
            .two-teacher .three-reasons__item .script p {
              font-size: .9rem; } }
  .two-teacher .price {
    padding: 0 0 120px; }
    @media screen and (max-width:480px) {
      .two-teacher .price {
        padding-bottom: 90px; } }
    .two-teacher .price .orange_read {
      top: -30px; }
      .two-teacher .price .orange_read .trademark {
        top: -.6em; }
    .two-teacher .price__lesson-fee {
      margin-bottom: 30px;
      align-items: stretch; }
      .two-teacher .price__lesson-fee dt, .two-teacher .price__lesson-fee dd {
        padding: 21px 30px;
        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); }
      .two-teacher .price__lesson-fee dt {
        background: #ff8610;
        text-align: center;
        color: #fff;
        width: 25%;
        letter-spacing: .1em; }
        @media screen and (max-width:480px) {
          .two-teacher .price__lesson-fee dt {
            width: 100%;
            padding: 15px 18px; } }
      .two-teacher .price__lesson-fee dd {
        background: #fff;
        width: 74%;
        font-size: 1.8rem;
        font-family: 'Lato', sans-serif;
        font-weight: bold;
        letter-spacing: .18em; }
        @media screen and (max-width:480px) {
          .two-teacher .price__lesson-fee dd {
            width: 100%;
            text-align: center; } }
        .two-teacher .price__lesson-fee dd span {
          font-size: 1rem;
          padding-left: .5em; }
    .two-teacher .price__attention {
      padding: 9px 30px;
      margin-bottom: 30px;
      border: solid 1px #ff8610;
      background: #fff; }
      .two-teacher .price__attention .title {
        text-align: center;
        color: #ff8610;
        font-size: 1.1rem;
        font-weight: 600;
        padding-bottom: 9px;
        margin-bottom: 15px;
        width: 100%;
        border-bottom: solid 1px #ff8610; }
      .two-teacher .price__attention p {
        font-size: 1rem;
        font-weight: 600;
        margin: 0 0 30px; }
    .two-teacher .price__benefits {
      border: solid 1px #ff4661;
      background: #fff;
      margin-bottom: 30px; }
      .two-teacher .price__benefits dt {
        text-align: center;
        background: #ff4661;
        color: #fff;
        font-size: 1.1rem;
        font-weight: 600;
        padding: 12px;
        width: 100%; }
      .two-teacher .price__benefits dd {
        padding: 30px;
        font-size: 1rem;
        font-weight: 600;
        margin: 0 0 15px;
        line-height: 1.8; }
        .two-teacher .price__benefits dd .trademark {
          top: -.6em; }
    .two-teacher .price li {
      position: relative;
      padding-left: 1.3em;
      margin-bottom: 9px;
      font-size: .9rem; }
      .two-teacher .price li:last-of-type {
        margin: 0; }
      .two-teacher .price li:before {
        position: absolute;
        content: "※";
        left: 0; }
  .two-teacher .qa {
    padding: 0 0 120px; }
    @media screen and (max-width:480px) {
      .two-teacher .qa {
        padding-bottom: 60px; } }
    .two-teacher .qa__main_img {
      margin-bottom: 120px; }
      @media screen and (max-width:480px) {
        .two-teacher .qa__main_img {
          margin-bottom: 60px; } }
      .two-teacher .qa__main_img img {
        width: 100%; }
    .two-teacher .qa h3 p {
      margin-bottom: 0; }
    .two-teacher .qa .orange_read {
      font-family: 'Lato', sans-serif; }
      .two-teacher .qa .orange_read p {
        padding-top: 15px; }
    .two-teacher .qa__qa-item {
      background: #fff;
      border-radius: 15px;
      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
              box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
      padding: 45px 90px;
      margin-bottom: 30px; }
      @media screen and (max-width:480px) {
        .two-teacher .qa__qa-item {
          padding: 30px 15px; } }
      .two-teacher .qa__qa-item dt {
        position: relative;
        padding: 15px 60px;
        margin-bottom: 30px;
        color: #ff8610;
        font-weight: 600;
        font-size: 1.1rem;
        letter-spacing: .08em;
        border: solid 1px #ff8610;
        border-radius: 50px; }
        @media screen and (max-width:480px) {
          .two-teacher .qa__qa-item dt {
            padding: 30px 18px 18px;
            font-size: .9rem;
            text-align: center; } }
        .two-teacher .qa__qa-item dt:before, .two-teacher .qa__qa-item dt:after {
          position: absolute;
          -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
          top: 50%;
          left: 0; }
          @media screen and (max-width:480px) {
            .two-teacher .qa__qa-item dt:before, .two-teacher .qa__qa-item dt:after {
              top: 0%;
              left: 50%; } }
        .two-teacher .qa__qa-item dt:before {
          content: "Q";
          font-family: 'Lato', sans-serif;
          font-size: 1.8rem;
          color: #fff;
          z-index: 2; }
          @media screen and (max-width:480px) {
            .two-teacher .qa__qa-item dt:before {
              font-size: 1.2rem; } }
        .two-teacher .qa__qa-item dt:after {
          content: "";
          background: #ff8610;
          border-radius: 50%;
          width: 75px;
          height: 75px;
          z-index: 1; }
          @media screen and (max-width:480px) {
            .two-teacher .qa__qa-item dt:after {
              width: 45px;
              height: 45px; } }
        .two-teacher .qa__qa-item dt .trademark {
          top: -.6em; }
        .two-teacher .qa__qa-item dt .small {
          font-size: .9rem; }
          @media screen and (max-width:480px) {
            .two-teacher .qa__qa-item dt .small {
              font-size: .6rem; } }
      .two-teacher .qa__qa-item dd {
        font-weight: 600;
        line-height: 2;
        padding-left: 60px; }
        @media screen and (max-width:480px) {
          .two-teacher .qa__qa-item dd {
            padding: 0;
            font-size: .9rem; } }
        .two-teacher .qa__qa-item dd .trademark {
          top: -.6em; }
        .two-teacher .qa__qa-item dd .orange {
          color: #ff8610;
          font-family: 'Lato', sans-serif;
          font-weight: 400; }
        .two-teacher .qa__qa-item dd:nth-of-type(2) {
          padding-top: 30px; }

.fc .heroheader {
  padding: 0;
  margin-bottom: 60px; }
  @media screen and (max-width:896px) {
    .fc .heroheader {
      margin-bottom: 45px; } }
  @media screen and (max-width:480px) {
    .fc .heroheader {
      margin-bottom: 30px; } }
  .fc .heroheader h1 {
    position: relative;
    margin-bottom: 60px; }
    @media screen and (max-width:896px) {
      .fc .heroheader h1 {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .fc .heroheader h1 {
        margin-bottom: 30px; } }
    .fc .heroheader h1:before {
      position: absolute;
      white-space: pre;
      content: "FRANCHISE";
      font-size: 3rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 10%;
      left: 50%;
      letter-spacing: 0.15em;
      text-align: center;
      font-family: 'Lato', sans-serif; }
      @media screen and (max-width:896px) {
        .fc .heroheader h1:before {
          font-size: 5.66052vw; } }
      @media screen and (max-width:480px) {
        .fc .heroheader h1:before {
          font-size: 12.31695vw; } }
      @media screen and (max-width:480px) {
        .fc .heroheader h1:before {
          font-size: 1.7rem; } }
    .fc .heroheader h1:after {
      position: absolute;
      content: "フランチャイズ加盟について";
      font-size: 1.1rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 5%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center; }
      @media screen and (max-width:896px) {
        .fc .heroheader h1:after {
          font-size: 2.075524vw; } }
      @media screen and (max-width:480px) {
        .fc .heroheader h1:after {
          font-size: 4.516215vw; } }
      @media screen and (max-width:480px) {
        .fc .heroheader h1:after {
          bottom: 0;
          font-size: 0.7rem; } }
  .fc .heroheader > img {
    display: block;
    margin: 0 auto;
    width: 90%;
    max-width: 610px; }
  .fc .heroheader h2 {
    font-size: 1.2rem;
    margin-bottom: 60px;
    line-height: 1.5; }
    @media screen and (max-width:896px) {
      .fc .heroheader h2 {
        font-size: 2.264208vw; } }
    @media screen and (max-width:480px) {
      .fc .heroheader h2 {
        font-size: 4.92678vw; } }
    @media screen and (max-width:896px) {
      .fc .heroheader h2 {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .fc .heroheader h2 {
        margin-bottom: 30px; } }
.fc .message {
  position: relative;
  max-width: 960px;
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap; }
  .fc .message:before {
    position: absolute;
    content: "";
    background: #f2f5f7;
    width: 300%;
    height: 100%;
    left: -50%;
    z-index: -10; }
  .fc .message:after {
    position: absolute;
    content: "Message";
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    top: 55px;
    left: 50%;
    width: 100%;
    text-align: center;
    color: #ff870f;
    font-family: 'Lato', sans-serif;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    font-style: italic; }
    @media screen and (max-width:896px) {
      .fc .message:after {
        font-size: 5.66052vw; } }
    @media screen and (max-width:480px) {
      .fc .message:after {
        font-size: 12.31695vw; } }
    @media screen and (max-width:896px) {
      .fc .message:after {
        top: 70px; } }
    @media screen and (max-width:480px) {
      .fc .message:after {
        font-size: 2rem;
        width: 100%;
        top: 28px; } }
  .fc .message div {
    display: block;
    width: 48.5%;
    padding: 45px;
    margin: 45px 0 0;
    background: #fff; }
    @media screen and (max-width:896px) {
      .fc .message div {
        width: 100%; } }
    .fc .message div img {
      display: block;
      margin: 0 auto 30px; }
    .fc .message div h4 {
      text-align: center;
      margin: 0 0 30px;
      font-size: 1.1rem; }
      @media screen and (max-width:896px) {
        .fc .message div h4 {
          font-size: 2.075524vw; } }
      @media screen and (max-width:480px) {
        .fc .message div h4 {
          font-size: 4.516215vw; } }
    .fc .message div p {
      font-size: 0.9rem;
      line-height: 1.75em;
      margin: 0; }
      @media screen and (max-width:896px) {
        .fc .message div p {
          font-size: 1.698156vw; } }
      @media screen and (max-width:480px) {
        .fc .message div p {
          font-size: 3.695085vw; } }
.fc .merit {
  position: relative;
  max-width: 960px;
  width: 90%;
  margin: 0 auto 90px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  padding: 120px 0 0; }
  .fc .merit:after {
    position: absolute;
    content: "Merit";
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    top: 55px;
    left: 50%;
    width: 100%;
    text-align: center;
    color: #ff870f;
    font-family: 'Lato', sans-serif;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    font-style: italic; }
    @media screen and (max-width:896px) {
      .fc .merit:after {
        font-size: 5.66052vw; } }
    @media screen and (max-width:480px) {
      .fc .merit:after {
        font-size: 12.31695vw; } }
    @media screen and (max-width:896px) {
      .fc .merit:after {
        top: 70px; } }
    @media screen and (max-width:480px) {
      .fc .merit:after {
        font-size: 2rem;
        width: 100%;
        top: 28px; } }
  .fc .merit div {
    padding: 0 0 55px;
    margin: 0 0 50px;
    border-bottom: 1px solid #e0e1e3; }
    .fc .merit div:before {
      content: attr(data-text);
      display: inline-block;
      font-size: 0.9rem;
      color: #ff870f;
      font-family: 'Lato', sans-serif;
      font-weight: 600;
      border-bottom: 1px solid #ff870f;
      line-height: 1em;
      margin: 0 0 15px;
      padding: 0 0 10px; }
      @media screen and (max-width:896px) {
        .fc .merit div:before {
          font-size: 1.698156vw; } }
      @media screen and (max-width:480px) {
        .fc .merit div:before {
          font-size: 3.695085vw; } }
    .fc .merit div h4 {
      font-size: 1.25rem;
      margin: 0 0 15px; }
      @media screen and (max-width:896px) {
        .fc .merit div h4 {
          font-size: 2.35855vw; } }
      @media screen and (max-width:480px) {
        .fc .merit div h4 {
          font-size: 5.1320625vw; } }
    .fc .merit div p {
      margin: 0; }
    .fc .merit div:last-of-type {
      padding: 0;
      margin: 0;
      border-bottom: none; }

.fc .style {
  position: relative;
  max-width: 960px;
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap; }
  .fc .style:before {
    position: absolute;
    content: "";
    background: #f2f5f7;
    width: 300%;
    height: 80%;
    left: -50%;
    z-index: -10;
    top: 20%; }
  .fc .style:after {
    position: absolute;
    content: "Style";
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    top: 55px;
    left: 50%;
    width: 100%;
    text-align: center;
    color: #ff870f;
    font-family: 'Lato', sans-serif;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    font-style: italic; }
    @media screen and (max-width:896px) {
      .fc .style:after {
        font-size: 5.66052vw; } }
    @media screen and (max-width:480px) {
      .fc .style:after {
        font-size: 12.31695vw; } }
    @media screen and (max-width:896px) {
      .fc .style:after {
        top: 70px; } }
    @media screen and (max-width:480px) {
      .fc .style:after {
        font-size: 2rem;
        width: 100%;
        top: 28px; } }
  .fc .style > div {
    width: 100%;
    background: #fff;
    padding: 45px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row-reverse; }
    @media screen and (max-width:896px) {
      .fc .style > div {
        display: block; } }
    .fc .style > div img {
      width: 30%;
      display: block; }
      @media screen and (max-width:896px) {
        .fc .style > div img {
          margin: 0 auto 15px; } }
    .fc .style > div div {
      width: 65%; }
      @media screen and (max-width:896px) {
        .fc .style > div div {
          width: 100%; } }
      .fc .style > div div h4 {
        font-size: 1.3rem;
        font-weight: 100;
        color: #ff870f;
        margin: 0 0 15px;
        letter-spacing: .1em; }
        @media screen and (max-width:896px) {
          .fc .style > div div h4 {
            font-size: 2.452892vw; } }
        @media screen and (max-width:480px) {
          .fc .style > div div h4 {
            font-size: 5.337345vw; } }
      .fc .style > div div p {
        margin: 0; }
    .fc .style > div:last-of-type {
      margin: 0; }

.fc .process {
  max-width: 960px;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 60px; }
  @media screen and (max-width:896px) {
    .fc .process {
      margin-bottom: 45px; } }
  @media screen and (max-width:480px) {
    .fc .process {
      margin-bottom: 30px; } }
  .fc .process h2 {
    position: relative;
    padding-top: 45px;
    color: #89c5ef;
    font-weight: 100; }
    .fc .process h2:after {
      position: absolute;
      content: attr(data-text);
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      font-family: 'Lato', sans-serif;
      font-size: 3rem;
      font-weight: 700;
      font-style: italic;
      bottom: 20px;
      left: 50%; }
      @media screen and (max-width:896px) {
        .fc .process h2:after {
          font-size: 5.66052vw; } }
      @media screen and (max-width:480px) {
        .fc .process h2:after {
          font-size: 12.31695vw; } }
  .fc .process dt {
    font-size: 1.25rem;
    margin-bottom: 30px; }
    @media screen and (max-width:896px) {
      .fc .process dt {
        font-size: 2.35855vw; } }
    @media screen and (max-width:480px) {
      .fc .process dt {
        font-size: 5.1320625vw; } }
    @media screen and (max-width:896px) {
      .fc .process dt {
        margin-bottom: 15px; } }
    @media screen and (max-width:480px) {
      .fc .process dt {
        margin-bottom: 12px; } }
  .fc .process dd {
    padding-left: 82px;
    margin-bottom: 60px; }
    @media screen and (max-width:896px) {
      .fc .process dd {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .fc .process dd {
        margin-bottom: 30px; } }
    @media screen and (max-width:480px) {
      .fc .process dd {
        padding: 0; } }
    .fc .process dd p {
      margin-bottom: 0; }
    .fc .process dd ul li {
      position: relative;
      margin: 0 0 10px;
      line-height: 1.5em;
      font-size: .9em;
      letter-spacing: .05em;
      font-weight: 100;
      padding: 0 0 0 18px; }
      .fc .process dd ul li:before {
        content: "";
        position: absolute;
        display: block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #89c5ef;
        left: 0;
        top: 8px; }
  .fc .process .flex p {
    width: 65%; }
    @media screen and (max-width:480px) {
      .fc .process .flex p {
        margin-bottom: 15px;
        width: 100%; } }
  .fc .process .flex .button_blue {
    position: relative;
    display: block;
    width: 25%;
    background: #89c5ef;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    border: solid 1px #89c5ef; }
    @media screen and (max-width:480px) {
      .fc .process .flex .button_blue {
        width: 80%;
        margin: 0 auto; } }
    .fc .process .flex .button_blue:before {
      position: absolute;
      font-family: "Font Awesome 5 Free";
      content: '\f1d8';
      font-size: 1.5rem;
      font-weight: 900;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      top: 50%;
      right: 0; }
      @media screen and (max-width:896px) {
        .fc .process .flex .button_blue:before {
          font-size: 2.83026vw; } }
      @media screen and (max-width:480px) {
        .fc .process .flex .button_blue:before {
          font-size: 6.158475vw; } }
    .fc .process .flex .button_blue:hover {
      background: #fff;
      color: #89c5ef; }
  .fc .process .flex img {
    width: 30%; }
    @media screen and (max-width:480px) {
      .fc .process .flex img {
        width: 80%;
        margin: 0 auto; } }
  .fc .process .border {
    position: relative;
    border: solid 2px #89c5ef;
    color: #89c5ef;
    padding: 15px 80px; }
    @media screen and (max-width:480px) {
      .fc .process .border {
        padding: 15px 0 15px 48px; } }
    .fc .process .border:before {
      position: absolute;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      content: attr(data-text);
      top: 50%;
      left: 30px;
      font-size: 1.5rem;
      font-weight: 700;
      font-style: italic;
      letter-spacing: 0.2em; }
      @media screen and (max-width:896px) {
        .fc .process .border:before {
          font-size: 2.83026vw; } }
      @media screen and (max-width:480px) {
        .fc .process .border:before {
          font-size: 6.158475vw; } }
    .fc .process .border:last-of-type {
      background: #89c5ef;
      color: #fff;
      margin-bottom: 0; }

.fc .voice {
  width: 90%;
  max-width: 960px;
  margin: 0 auto; }
  .fc .voice h3 {
    font-size: 1.75rem;
    font-weight: 600;
    font-family: lato;
    text-align: center;
    letter-spacing: .05em;
    margin: 0 0 45px; }
    @media screen and (max-width:896px) {
      .fc .voice h3 {
        font-size: 3.30197vw; } }
    @media screen and (max-width:480px) {
      .fc .voice h3 {
        font-size: 7.1848875vw; } }
    .fc .voice h3:after {
      display: block;
      text-align: center;
      content: attr(data-text);
      font-weight: 100;
      font-size: 0.9rem; }
      @media screen and (max-width:896px) {
        .fc .voice h3:after {
          font-size: 1.698156vw; } }
      @media screen and (max-width:480px) {
        .fc .voice h3:after {
          font-size: 3.695085vw; } }
  .fc .voice > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
    @media screen and (max-width:896px) {
      .fc .voice > div {
        display: block;
        margin: 0 0 60px; } }
    .fc .voice > div img {
      display: block;
      width: 30%; }
      @media screen and (max-width:896px) {
        .fc .voice > div img {
          width: 30%;
          margin: 0 auto; } }
      @media screen and (max-width:480px) {
        .fc .voice > div img {
          width: 80%; } }
    .fc .voice > div div {
      width: 68%; }
      @media screen and (max-width:896px) {
        .fc .voice > div div {
          width: 100%; } }
      .fc .voice > div div h4 {
        font-size: 1.85rem;
        margin: 0 0 30px;
        font-weight: 100; }
        @media screen and (max-width:896px) {
          .fc .voice > div div h4 {
            font-size: 3.490654vw; } }
        @media screen and (max-width:480px) {
          .fc .voice > div div h4 {
            font-size: 7.5954525vw; } }
        .fc .voice > div div h4:after {
          display: block;
          content: attr(data-text);
          font-family: lato;
          font-size: 0.8rem; }
          @media screen and (max-width:896px) {
            .fc .voice > div div h4:after {
              font-size: 1.509472vw; } }
          @media screen and (max-width:480px) {
            .fc .voice > div div h4:after {
              font-size: 3.28452vw; } }
      .fc .voice > div div dl {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        margin: 0 0 15px; }
        .fc .voice > div div dl dt, .fc .voice > div div dl dd {
          font-size: 0.85rem;
          font-weight: 100;
          margin: 0 0 10px;
          padding: 0 0 10px;
          border-bottom: 1px solid #d2dde4; }
          @media screen and (max-width:896px) {
            .fc .voice > div div dl dt, .fc .voice > div div dl dd {
              font-size: 1.603814vw; } }
          @media screen and (max-width:480px) {
            .fc .voice > div div dl dt, .fc .voice > div div dl dd {
              font-size: 3.4898025vw; } }
          .fc .voice > div div dl dt:last-of-type, .fc .voice > div div dl dd:last-of-type {
            border: 0; }
        .fc .voice > div div dl dt {
          width: 15%; }
        .fc .voice > div div dl dd {
          width: 82%; }
      .fc .voice > div div h5 {
        font-size: 1.3rem;
        font-weight: 600;
        color: #ff870f;
        font-family: lato;
        margin: 0 0 15px;
        line-height: 1.25em; }
        @media screen and (max-width:896px) {
          .fc .voice > div div h5 {
            font-size: 2.452892vw; } }
        @media screen and (max-width:480px) {
          .fc .voice > div div h5 {
            font-size: 5.337345vw; } }
        .fc .voice > div div h5:after {
          display: block;
          content: attr(data-text);
          font-size: 0.8rem;
          font-weight: 100; }
          @media screen and (max-width:896px) {
            .fc .voice > div div h5:after {
              font-size: 1.509472vw; } }
          @media screen and (max-width:480px) {
            .fc .voice > div div h5:after {
              font-size: 3.28452vw; } }
.fc .tell {
  padding: 60px 0;
  position: relative;
  max-width: 960px;
  width: 90%;
  margin: 0 auto; }
  .fc .tell:before {
    position: absolute;
    content: "";
    background: #f2f5f7;
    width: 300%;
    height: 100%;
    top: 0;
    left: -50%;
    z-index: -10; }
  .fc .tell h2 {
    font-weight: 100;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
    margin-bottom: 45px; }
    @media screen and (max-width:896px) {
      .fc .tell h2 {
        font-size: 2.264208vw; } }
    @media screen and (max-width:480px) {
      .fc .tell h2 {
        font-size: 4.92678vw; } }
    @media screen and (max-width:896px) {
      .fc .tell h2 {
        margin-bottom: 30px; } }
    @media screen and (max-width:480px) {
      .fc .tell h2 {
        margin-bottom: 15px; } }
  .fc .tell p {
    text-align: center;
    line-height: 2; }
  .fc .tell .number {
    position: relative;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    padding-left: 45px;
    font-weight: 700;
    font-size: 2rem;
    letter-spacing: 0.15em; }
    @media screen and (max-width:896px) {
      .fc .tell .number {
        font-size: 3.77368vw; } }
    @media screen and (max-width:480px) {
      .fc .tell .number {
        font-size: 8.2113vw; } }
    @media screen and (max-width:480px) {
      .fc .tell .number {
        padding-left: 35px; } }
    .fc .tell .number:before {
      position: absolute;
      content: "";
      background-image: url("/images/contact/icon_telephone.svg");
      background-size: contain;
      background-repeat: no-repeat;
      width: 35px;
      height: 35px;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      top: 50%;
      left: 15%; }
      @media screen and (max-width:896px) {
        .fc .tell .number:before {
          width: 30px;
          height: 30px; } }
      @media screen and (max-width:480px) {
        .fc .tell .number:before {
          left: 25px; } }
    .fc .tell .number a {
      color: #ff870f;
      font-family: lato; }
  .fc .tell .tb_border {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 30px;
    border-top: solid 1px #ff870f;
    border-bottom: solid 1px #ff870f;
    color: #ff870f; }
    @media screen and (max-width:480px) {
      .fc .tell .tb_border {
        padding: 9px 15px;
        margin-bottom: 30px; } }
.privacy .heroheader {
  padding: 0; }
  .privacy .heroheader h1, .privacy .heroheader h2 {
    margin-bottom: 60px; }
    @media screen and (max-width:896px) {
      .privacy .heroheader h1, .privacy .heroheader h2 {
        margin-bottom: 45px; } }
    @media screen and (max-width:480px) {
      .privacy .heroheader h1, .privacy .heroheader h2 {
        margin-bottom: 30px; } }
  .privacy .heroheader h1 {
    position: relative; }
    .privacy .heroheader h1:before {
      position: absolute;
      content: "PRIVACY POLICY";
      font-size: 3rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 10%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center;
      font-family: 'Lato', sans-serif; }
      @media screen and (max-width:896px) {
        .privacy .heroheader h1:before {
          font-size: 5.66052vw; } }
      @media screen and (max-width:480px) {
        .privacy .heroheader h1:before {
          font-size: 12.31695vw; } }
      @media screen and (max-width:480px) {
        .privacy .heroheader h1:before {
          bottom: 10%;
          font-size: 1.7rem; } }
    .privacy .heroheader h1:after {
      position: absolute;
      content: "個人情報保護方針";
      font-size: 1.1rem;
      color: #fff;
      -webkit-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 100%;
      bottom: 5%;
      left: 50%;
      letter-spacing: 0.1em;
      text-align: center; }
      @media screen and (max-width:896px) {
        .privacy .heroheader h1:after {
          font-size: 2.075524vw; } }
      @media screen and (max-width:480px) {
        .privacy .heroheader h1:after {
          font-size: 4.516215vw; } }
      @media screen and (max-width:480px) {
        .privacy .heroheader h1:after {
          bottom: 0;
          font-size: 0.7rem; } }
.privacy section.body {
  width: 90%;
  max-width: 960px;
  margin: 0 auto; }
  .privacy section.body div {
    margin-bottom: 90px; }
    @media screen and (max-width:896px) {
      .privacy section.body div {
        margin-bottom: 60px; } }
    @media screen and (max-width:480px) {
      .privacy section.body div {
        margin-bottom: 45px; } }
    .privacy section.body div h4 {
      font-size: 1.1rem;
      letter-spacing: .05em;
      line-height: 1em;
      margin-bottom: 45px; }
      @media screen and (max-width:896px) {
        .privacy section.body div h4 {
          font-size: 2.075524vw; } }
      @media screen and (max-width:480px) {
        .privacy section.body div h4 {
          font-size: 4.516215vw; } }
      @media screen and (max-width:896px) {
        .privacy section.body div h4 {
          margin-bottom: 30px; } }
      @media screen and (max-width:480px) {
        .privacy section.body div h4 {
          margin-bottom: 15px; } }
    .privacy section.body div p {
      margin: 0 0 5px; }
    .privacy section.body div ul li {
      position: relative;
      margin: 0 0 10px;
      line-height: 1.5em;
      font-size: .9em;
      letter-spacing: .05em;
      font-weight: 100;
      padding: 0 0 0 18px; }
      .privacy section.body div ul li:before {
        content: "";
        position: absolute;
        display: block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #ff870f;
        left: 0;
        top: 8px; }

.license h2.catch_copy {
  width: 90%;
  max-width: 960px;
  font-size: 2.25em;
  line-height: 1.6em;
  letter-spacing: .1em;
  font-weight: 500;
  margin: 0 auto 55px;
  text-align: center; }
  @media screen and (max-width:896px) {
    .license h2.catch_copy {
      font-size: 1.5em;
      margin: 0 auto 30px; } }
  @media screen and (max-width:480px) {
    .license h2.catch_copy {
      margin: 0 auto 18px; } }
  .license h2.catch_copy br.sp {
    display: none; }
    @media screen and (max-width:480px) {
      .license h2.catch_copy br.sp {
        display: block; } }
.license h3.section_copy {
  width: 90%;
  max-width: 960px;
  font-size: 2.1em;
  line-height: 1.6em;
  letter-spacing: .1em;
  font-weight: 500;
  margin: 0 auto 30px;
  text-align: center; }
  @media screen and (max-width:896px) {
    .license h3.section_copy {
      font-size: 1.3em;
      margin: 0 auto 21px; } }
  @media screen and (max-width:480px) {
    .license h3.section_copy {
      margin: 0 auto 18px; } }
  .license h3.section_copy br.sp {
    display: none; }
    @media screen and (max-width:480px) {
      .license h3.section_copy br.sp {
        display: block; } }
.license h4.column_copy {
  width: 90%;
  max-width: 960px;
  font-size: 1.85em;
  line-height: 1.6em;
  letter-spacing: .1em;
  font-weight: 500;
  margin: 0 auto 42px;
  padding: 0 0 21px;
  text-align: center;
  border-bottom: 1px solid #000; }
  .license h4.column_copy.blue {
    color: #66cedb;
    border-bottom: 1px solid #66cedb !important; }
  @media screen and (max-width:896px) {
    .license h4.column_copy {
      font-size: 1.3em;
      padding: 0 0 15px;
      margin: 0 auto 21px; } }
  @media screen and (max-width:480px) {
    .license h4.column_copy {
      padding: 0 0 12px;
      margin: 0 auto 18px; } }
  .license h4.column_copy br.sp {
    display: none; }
    @media screen and (max-width:480px) {
      .license h4.column_copy br.sp {
        display: block; } }
.license .blue {
  color: #66cedb; }

.license .black {
  color: #000; }

.license .orange {
  color: #fd912b;
  border-bottom: 1px solid #fd912b !important; }

.license p.description {
  font-size: 1.1em;
  letter-spacing: .025em;
  line-height: 1.8em;
  font-weight: 100; }
  @media screen and (max-width:896px) {
    .license p.description {
      font-size: .9em;
      padding: 0 0 15px;
      margin: 0 auto 21px; } }
  @media screen and (max-width:480px) {
    .license p.description {
      font-size: .8em;
      padding: 0 0 12px;
      margin: 0 auto 18px; } }
.license .heroheader img.pc {
  display: block; }

.license .heroheader img.sp {
  display: none; }

@media screen and (max-width:480px) {
  .license .heroheader img.pc {
    display: none; }
  .license .heroheader img.sp {
    display: block; } }

.license .headline {
  margin: 0 0 60px; }
  .license .headline img {
    display: block;
    width: 100%; }
    .license .headline img.pc {
      display: block; }
    .license .headline img.sp {
      display: none; }
    @media screen and (max-width:480px) {
      .license .headline img.pc {
        display: none; }
      .license .headline img.sp {
        display: block; } }
  @media screen and (max-width:896px) {
    .license .headline {
      margin: 0 0 30px; } }
  @media screen and (max-width:480px) {
    .license .headline {
      margin: 0 0 18px; } }
.license section.intro {
  width: 90%;
  max-width: 960px;
  margin: 0 auto 60px;
  padding: 120px 0 0; }
  @media screen and (max-width:896px) {
    .license section.intro {
      padding: 60px 0 0; } }
  @media screen and (max-width:480px) {
    .license section.intro {
      padding: 42px 0 0;
      margin: 0 auto 30px; } }
  .license section.intro p.description {
    text-align: center;
    margin: 0 0 90px; }
    @media screen and (max-width:896px) {
      .license section.intro p.description {
        margin: 0 0 30px; } }
    @media screen and (max-width:480px) {
      .license section.intro p.description {
        text-align: left;
        margin: 0 0 18px; } }
  .license section.intro .flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap; }
    @media screen and (max-width:896px) {
      .license section.intro .flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap; }
        .license section.intro .flex p {
          width: 100%;
          display: block;
          margin: 0 0 30px;
          position: relative; }
          .license section.intro .flex p img {
            display: block;
            margin: 0 auto;
            max-width: 100%; } }
    @media screen and (max-width:480px) {
      .license section.intro .flex p {
        margin: 0 0 20px; }
        .license section.intro .flex p:nth-of-type(1) img {
          width: 70%; }
        .license section.intro .flex p:nth-of-type(2) img {
          width: 20%; } }
.license section.merit {
  background: #fcf0e4; }
  .license section.merit div.flex {
    width: 90%;
    max-width: 960px;
    margin: 0 auto 75px; }
    @media screen and (max-width:896px) {
      .license section.merit div.flex {
        margin: 0 auto 42px; } }
    @media screen and (max-width:480px) {
      .license section.merit div.flex {
        margin: 0 auto 10px; } }
    .license section.merit div.flex figure {
      background: #fff;
      width: 48.5%;
      position: relative;
      border-radius: 10px;
      overflow: hidden; }
      @media screen and (max-width:480px) {
        .license section.merit div.flex figure {
          width: 100%;
          margin: 0 0 30px; } }
      .license section.merit div.flex figure img {
        display: block;
        width: 100%; }
      .license section.merit div.flex figure figcaption {
        padding: 2em 1.75em 2.25em;
        font-size: .9em;
        line-height: 1.6em;
        letter-spacing: .025em;
        font-weight: 200; }
  .license section.merit div.flex:nth-of-type(2) {
    margin: 0 auto; }
    @media screen and (max-width:896px) {
      .license section.merit div.flex:nth-of-type(2) {
        display: block; } }
    .license section.merit div.flex:nth-of-type(2) figure {
      position: relative;
      width: 25%;
      background: transparent;
      border-radius: 0; }
      @media screen and (max-width:896px) {
        .license section.merit div.flex:nth-of-type(2) figure {
          width: 40%;
          margin: 0 auto 30px; } }
      .license section.merit div.flex:nth-of-type(2) figure img {
        display: block;
        width: 100%;
        margin: 0 0 1em; }
      .license section.merit div.flex:nth-of-type(2) figure figcaption {
        display: block;
        text-align: center;
        font-size: .9em;
        padding: 0; }
        @media screen and (max-width:480px) {
          .license section.merit div.flex:nth-of-type(2) figure figcaption {
            font-size: .7em; } }
    .license section.merit div.flex:nth-of-type(2) div {
      position: relative;
      width: 70%; }
      @media screen and (max-width:896px) {
        .license section.merit div.flex:nth-of-type(2) div {
          width: 100%; } }
      .license section.merit div.flex:nth-of-type(2) div dl {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        position: relative;
        width: 100%;
        border-bottom: 1px solid #fd912b;
        font-size: .9em;
        font-weight: 100;
        margin: 0 0 1em; }
        @media screen and (max-width:896px) {
          .license section.merit div.flex:nth-of-type(2) div dl {
            display: flex;
            justify-content: space-between;
            align-items: stretch;
            flex-wrap: wrap; } }
        .license section.merit div.flex:nth-of-type(2) div dl dt, .license section.merit div.flex:nth-of-type(2) div dl dd {
          padding: 1em; }
          @media screen and (max-width:896px) {
            .license section.merit div.flex:nth-of-type(2) div dl dt, .license section.merit div.flex:nth-of-type(2) div dl dd {
              padding: 1.2em;
              font-size: .8em; } }
          @media screen and (max-width:480px) {
            .license section.merit div.flex:nth-of-type(2) div dl dt, .license section.merit div.flex:nth-of-type(2) div dl dd {
              padding: 1em; } }
        .license section.merit div.flex:nth-of-type(2) div dl dt {
          text-align: center;
          background: #fcf0e4;
          width: 30%;
          border-top: 1px solid #fd912b;
          border-left: 1px solid #fd912b;
          border-right: 1px solid #fd912b; }
          @media screen and (max-width:896px) {
            .license section.merit div.flex:nth-of-type(2) div dl dt {
              width: 40%; } }
          @media screen and (max-width:480px) {
            .license section.merit div.flex:nth-of-type(2) div dl dt {
              width: 50%; } }
        .license section.merit div.flex:nth-of-type(2) div dl dd {
          background: #fff;
          width: 70%;
          text-align: right;
          border-top: 1px solid #fd912b;
          border-right: 1px solid #fd912b; }
          @media screen and (max-width:896px) {
            .license section.merit div.flex:nth-of-type(2) div dl dd {
              width: 60%; } }
          @media screen and (max-width:480px) {
            .license section.merit div.flex:nth-of-type(2) div dl dd {
              width: 50%; } }
      .license section.merit div.flex:nth-of-type(2) div p {
        font-size: .9em;
        font-weight: 100;
        margin: 0; }
        @media screen and (max-width:896px) {
          .license section.merit div.flex:nth-of-type(2) div p {
            font-size: .8em; } }
        @media screen and (max-width:480px) {
          .license section.merit div.flex:nth-of-type(2) div p {
            font-size: .7em; } }
.license section.curriculum {
  width: 90%;
  max-width: 960px;
  margin: 0 auto 90px;
  padding: 60px 0 0; }
  @media screen and (max-width:896px) {
    .license section.curriculum {
      padding: 40px 0 0; } }
  @media screen and (max-width:480px) {
    .license section.curriculum {
      padding: 20px 0 0; } }
  .license section.curriculum p.description {
    text-align: center; }
  .license section.curriculum .flex {
    justify-content: flex-start;
    margin: 0 0 -42px; }
    .license section.curriculum .flex dl {
      position: relative;
      width: 30%;
      margin: 0 5% 42px 0; }
      @media screen and (max-width:896px) {
        .license section.curriculum .flex dl {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: stretch;
          flex-wrap: nowrap;
          margin: 0 0 10px; } }
      @media screen and (max-width:480px) {
        .license section.curriculum .flex dl {
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          flex-wrap: wrap; } }
      .license section.curriculum .flex dl dt {
        color: #66cedb;
        font-size: 1.5em;
        line-height: 1.5em;
        text-align: center;
        border-bottom: 1px solid #66cedb;
        margin: 0 0 24px;
        padding: 0 0 18px; }
        @media screen and (max-width:896px) {
          .license section.curriculum .flex dl dt {
            width: 40%;
            padding: 1.2em;
            font-size: .9em;
            margin: 0;
            border: 1px solid #66cedb;
            background: #e3fafc; } }
        @media screen and (max-width:480px) {
          .license section.curriculum .flex dl dt {
            padding: 1em;
            width: 100%; } }
      .license section.curriculum .flex dl dd {
        text-align: center;
        font-size: .85em;
        font-weight: 100;
        line-height: 1.65em;
        letter-spacing: .1em; }
        @media screen and (max-width:896px) {
          .license section.curriculum .flex dl dd {
            width: 60%;
            padding: 1.2em;
            font-size: .8em;
            text-align: left;
            border-right: 1px solid #66cedb;
            border-top: 1px solid #66cedb;
            border-bottom: 1px solid #66cedb; } }
        @media screen and (max-width:480px) {
          .license section.curriculum .flex dl dd {
            padding: 1em;
            width: 100%;
            border-top: 0;
            border-right: 1px solid #66cedb;
            border-left: 1px solid #66cedb;
            border-bottom: 1px solid #66cedb; } }
      .license section.curriculum .flex dl:nth-of-type(3n) {
        margin: 0 0 42px; }
        @media screen and (max-width:896px) {
          .license section.curriculum .flex dl:nth-of-type(3n) {
            margin: 0 0 10px !important; } }
.license section.voice {
  padding: 0 0 45px;
  background: #e3fafc; }
  .license section.voice .flex {
    width: 90%;
    max-width: 960px;
    margin: 0 auto; }
    .license section.voice .flex .item {
      width: 45%; }

.license section.result {
  background: #fcf0e4;
  margin: 0;
  padding: 60px 0 120px; }
  @media screen and (max-width:480px) {
    .license section.result {
      padding: 60px 0 90px; } }
  .license section.result .flex {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap; }
    .license section.result .flex .result_item {
      width: 26%;
      position: relative;
      margin: 0 11% 60px 0; }
      @media screen and (max-width:896px) {
        .license section.result .flex .result_item {
          margin: 0 11% 40px 0; } }
      @media screen and (max-width:480px) {
        .license section.result .flex .result_item {
          width: 45%;
          margin: 0 10% 30px 0; } }
      .license section.result .flex .result_item img {
        display: block;
        width: 60%;
        margin: 0 auto 42px; }
      .license section.result .flex .result_item p {
        font-family: 'Noto Serif JP', sans-serif;
        text-align: center;
        line-height: 1.25em;
        color: #ed2214; }
        .license section.result .flex .result_item p.status {
          margin: 0 0 10px; }
        .license section.result .flex .result_item p.name {
          font-size: 1.5em; }
      @media screen and (min-width:897px) {
        .license section.result .flex .result_item:nth-of-type(3n) {
          margin: 0 0 60px; } }
      @media screen and (max-width:896px) {
        .license section.result .flex .result_item:nth-of-type(3n) {
          margin: 0 0 40px; } }
      @media screen and (max-width:480px) {
        .license section.result .flex .result_item:nth-of-type(3n) {
          margin: 0 10% 30px 0; }
        .license section.result .flex .result_item:nth-of-type(2n), .license section.result .flex .result_item:nth-of-type(6n) {
          margin: 0 0 30px; } }
    .license section.result .flex + p {
      font-size: .85em;
      width: 90%;
      max-width: 1200px;
      margin: 0 auto; }
      @media screen and (max-width:480px) {
        .license section.result .flex + p {
          font-size: .8em;
          line-height: 1.5em; } }
.license section.qanda {
  padding: 0; }
  .license section.qanda .flex {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto 90px;
    align-items: stretch; }
    @media screen and (max-width:896px) {
      .license section.qanda .flex {
        margin: 0 auto 60px; } }
    @media screen and (max-width:480px) {
      .license section.qanda .flex {
        margin: 0 auto 30px; } }
    .license section.qanda .flex dl.qanda_item {
      width: 48.5%;
      border-radius: 10px;
      position: relative;
      background: #e3fafc;
      margin: 0 0 45px; }
      @media screen and (max-width:896px) {
        .license section.qanda .flex dl.qanda_item {
          width: 80%;
          margin: 0 auto 32px; } }
      @media screen and (max-width:480px) {
        .license section.qanda .flex dl.qanda_item {
          width: 100%;
          margin: 0 auto 24px; } }
      .license section.qanda .flex dl.qanda_item:before {
        content: "Q";
        display: block;
        position: absolute;
        left: -25px;
        top: -25px;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        color: #000;
        background: #fdf12b;
        border-radius: 50%;
        font-size: 1.5em;
        font-weight: 500;
        font-family: Lato; }
      .license section.qanda .flex dl.qanda_item dt {
        background: #66cedb;
        text-align: center;
        padding: 1.25em 1em;
        font-size: 1em;
        letter-spacing: .1em;
        color: #fff; }
        @media screen and (max-width:480px) {
          .license section.qanda .flex dl.qanda_item dt {
            padding: 1em;
            font-size: .9em;
            letter-spacing: .05em;
            text-align: left; }
            .license section.qanda .flex dl.qanda_item dt br {
              display: none; } }
      .license section.qanda .flex dl.qanda_item dd {
        line-height: 1.65em;
        font-weight: 100;
        font-size: .85em;
        padding: 1.75em 1.75em 2.5em; }

.license section.conversion_button {
  padding: 0;
  margin: 0 0 120px; }
  @media screen and (max-width:896px) {
    .license section.conversion_button {
      margin: 0 0 60px; } }
  @media screen and (max-width:480px) {
    .license section.conversion_button {
      margin: 0 0 45px; } }
  .license section.conversion_button a {
    display: block;
    width: 90%;
    max-width: 530px;
    padding: 1.5em;
    margin: 0 auto;
    background: #fd912b;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    font-size: 1.5em;
    color: #fff;
    font-weight: 600;
    letter-spacing: .1em;
    position: relative;
    -webkit-transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95); }
    @media screen and (max-width:896px) {
      .license section.conversion_button a {
        padding: 1.1em;
        font-size: 1.2em;
        font-weight: 400;
        letter-spacing: .05em; } }
    .license section.conversion_button a:after {
      content: "";
      display: block;
      border-top: 5px solid #fff;
      border-right: 5px solid #fff;
      width: 15px;
      height: 15px;
      position: absolute;
      right: 1.5em;
      top: 1.8em;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
      @media screen and (max-width:896px) {
        .license section.conversion_button a:after {
          width: 10px;
          height: 10px;
          right: 1.3em;
          top: 1.3em; } }
    .license section.conversion_button a:hover {
      background: #fcb32b; }

.license .cus_voice {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  max-width: 800px;
  width: 90%;
  height: 70vh;
  overflow: scroll;
  z-index: 1000;
  padding: 15px;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%); }
  @media screen and (max-width:896px) {
    .license .cus_voice {
      height: 65vh; } }
  .license .cus_voice.active {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
  .license .cus_voice .profile {
    width: 25%;
    text-align: center; }
    @media screen and (max-width:896px) {
      .license .cus_voice .profile {
        width: 100%; } }
    .license .cus_voice .profile span {
      display: block; }
    .license .cus_voice .profile img {
      display: block;
      margin: 0 auto;
      margin-bottom: 30px; }
      @media screen and (max-width:896px) {
        .license .cus_voice .profile img {
          margin-bottom: 15px; } }
      @media screen and (max-width:480px) {
        .license .cus_voice .profile img {
          margin-bottom: 12px; } }
    .license .cus_voice .profile .status {
      width: 100%; }
      .license .cus_voice .profile .status .name {
        font-size: 1.5rem;
        margin-bottom: 9px; }
        @media screen and (max-width:896px) {
          .license .cus_voice .profile .status .name {
            font-size: 2.83026vw; } }
        @media screen and (max-width:480px) {
          .license .cus_voice .profile .status .name {
            font-size: 6.158475vw; } }
  .license .cus_voice .comment {
    position: relative;
    width: 73%;
    background: #fff;
    padding: 45px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); }
    @media screen and (max-width:896px) {
      .license .cus_voice .comment {
        width: 100%; } }
    .license .cus_voice .comment p {
      margin-bottom: 30px;
      line-height: 1.4;
      letter-spacing: 0.07em; }
      .license .cus_voice .comment p:last-of-type {
        margin-bottom: 0; }
    .license .cus_voice .comment .close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 36px;
      height: 36px;
      background: #ff870f;
      border-radius: 100%;
      overflow: hidden;
      text-indent: -99999999px;
      z-index: 10; }
      .license .cus_voice .comment .close:before {
        content: "";
        position: absolute;
        width: 16px;
        height: 1px;
        background: #000;
        top: 50%;
        left: 10px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        z-index: 20; }
      .license .cus_voice .comment .close:after {
        content: "";
        position: absolute;
        width: 16px;
        height: 1px;
        background: #000;
        top: 50%;
        left: 10px;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        z-index: 20; }

nav.humberger {
  display: none; }

@media screen and (max-width:896px) {
  nav.humberger {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99;
    background: #ff870f;
    padding: 120px 30px 0;
    overflow: scroll; }
    nav.humberger ul:nth-of-type(1) {
      margin: 0 0 30px; }
      nav.humberger ul:nth-of-type(1) li {
        position: relative;
        border-bottom: solid 1px #db6e00; }
        nav.humberger ul:nth-of-type(1) li a {
          position: relative;
          display: block;
          padding: 15px 0;
          font-size: 1rem;
          font-weight: 100;
          letter-spacing: .1em; } }
        @media screen and (max-width:896px) and (max-width:896px) {
          nav.humberger ul:nth-of-type(1) li a {
            font-size: 1.88684vw; } }
        @media screen and (max-width:896px) and (max-width:480px) {
          nav.humberger ul:nth-of-type(1) li a {
            font-size: 4.10565vw; } }
@media screen and (max-width:896px) {
          nav.humberger ul:nth-of-type(1) li a:before {
            content: "";
            position: absolute;
            -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
            background-image: url("/images/common/after_arrow01.png");
            background-size: contain;
            background-repeat: no-repeat;
            width: 15px;
            height: 15px;
            top: 50%;
            right: 0;
            display: block;
            z-index: 10; }
        nav.humberger ul:nth-of-type(1) li:last-of-type {
          border: 0; }
    nav.humberger ul:nth-of-type(2) {
      margin: 0 0 90px; }
      nav.humberger ul:nth-of-type(2) li a {
        position: relative;
        display: block;
        padding: 10px 0;
        font-size: 0.7rem;
        font-weight: 100;
        letter-spacing: .1em; } }
      @media screen and (max-width:896px) and (max-width:896px) {
        nav.humberger ul:nth-of-type(2) li a {
          font-size: 1.320788vw; } }
      @media screen and (max-width:896px) and (max-width:480px) {
        nav.humberger ul:nth-of-type(2) li a {
          font-size: 2.873955vw; } }
@media screen and (max-width:896px) {
    nav.humberger div.sns {
      margin: 0 0 20px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: nowrap; }
      nav.humberger div.sns a {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap; }
        nav.humberger div.sns a i {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-wrap: nowrap;
          width: 30px;
          height: 30px;
          margin: 0 10px 0 0;
          background: #000;
          border-radius: 50%;
          color: #ff870f; } }

@media screen and (max-width:480px) {
  nav.humberger {
    padding: 80px 30px 0; } }

.modal.teacher {
  display: none;
  padding: 60px;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 90%;
  max-width: 960px;
  height: 80vh;
  z-index: 1000;
  background: #fff;
  overflow: scroll;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%); }
  .modal.teacher.active {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
  @media screen and (max-width:896px) {
    .modal.teacher {
      width: 100%;
      height: 65vh; } }
  @media screen and (max-width:480px) {
    .modal.teacher {
      width: 90%;
      padding: 30px;
      overflow: scroll;
      height: 90vh; } }
  .modal.teacher .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    background: #ff870f;
    border-radius: 100%;
    overflow: hidden;
    text-indent: -99999999px;
    z-index: 10; }
    .modal.teacher .close:before {
      content: "";
      position: absolute;
      width: 16px;
      height: 1px;
      background: #000;
      top: 50%;
      left: 10px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      z-index: 20; }
    .modal.teacher .close:after {
      content: "";
      position: absolute;
      width: 16px;
      height: 1px;
      background: #000;
      top: 50%;
      left: 10px;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      z-index: 20; }
  .modal.teacher .modal_left {
    width: 35%; }
    @media screen and (max-width:480px) {
      .modal.teacher .modal_left {
        width: 100%;
        margin-bottom: 50px; } }
    .modal.teacher .modal_left img {
      margin-bottom: 30px;
      width: 100%; }
    .modal.teacher .modal_left .introduce_flex {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-wrap: nowrap;
      border-bottom: 1px solid #d2d4d6;
      padding-bottom: 15px;
      margin-bottom: 15px; }
      .modal.teacher .modal_left .introduce_flex dt {
        width: 25%;
        font-size: 0.9rem; }
      .modal.teacher .modal_left .introduce_flex dd {
        width: 70%;
        font-size: 0.9rem; }
    .modal.teacher .modal_left .introduce_flex:last-of-type {
      border-bottom: none; }
  .modal.teacher .modal_right {
    width: 58%; }
    @media screen and (max-width:480px) {
      .modal.teacher .modal_right {
        width: 100%; } }
    .modal.teacher .modal_right p {
      margin-bottom: 15px;
      font-size: 0.9rem; }
      @media screen and (max-width:896px) {
        .modal.teacher .modal_right p {
          font-size: 1.698156vw; } }
      @media screen and (max-width:480px) {
        .modal.teacher .modal_right p {
          font-size: 3.695085vw; } }
    .modal.teacher .modal_right h4 {
      font-size: 1.5rem;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: nowrap;
      margin-bottom: 20px; }
    .modal.teacher .modal_right h4:after {
      content: "";
      display: inline-block;
      background-color: #000;
      height: 1px;
      width: 3rem;
      margin-left: 30px; }
    .modal.teacher .modal_right div {
      margin-bottom: 30px;
      line-height: 1.5em; }
      .modal.teacher .modal_right div dt, .modal.teacher .modal_right div dd {
        font-size: 0.9rem;
        line-height: 1.75em;
        font-weight: 100; }
        @media screen and (max-width:896px) {
          .modal.teacher .modal_right div dt, .modal.teacher .modal_right div dd {
            font-size: 1.698156vw; } }
        @media screen and (max-width:480px) {
          .modal.teacher .modal_right div dt, .modal.teacher .modal_right div dd {
            font-size: 3.695085vw; } }
    .modal.teacher .modal_right .career div {
      margin-bottom: 30px; }
      @media screen and (max-width:480px) {
        .modal.teacher .modal_right .career div dt {
          margin-bottom: 8px;
          font-size: 1rem; } }
      @media screen and (max-width:480px) {
        .modal.teacher .modal_right .career div dd {
          margin-bottom: 8px; } }
    .modal.teacher .modal_right .border {
      border: 1px solid #dddfe2;
      padding: 30px;
      margin-bottom: 60px; }
      @media screen and (max-width:480px) {
        .modal.teacher .modal_right .border {
          padding: 20px; } }
      .modal.teacher .modal_right .border div {
        border-bottom: 1px solid #dddfe2;
        padding-bottom: 30px;
        margin-bottom: 30px; }
        @media screen and (max-width:480px) {
          .modal.teacher .modal_right .border div {
            padding-bottom: 20px;
            margin-bottom: 20px; } }
        .modal.teacher .modal_right .border div dt {
          font-size: 1rem;
          font-weight: 100;
          margin-bottom: 10px; }
        .modal.teacher .modal_right .border div dd {
          font-size: .8rem; }
      .modal.teacher .modal_right .border div:last-of-type {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0; }

p.special {
  background: transparent !important; }
  p.special span {
    display: inline-block;
    padding: 5px 15px;
    line-height: 1em;
    color: #fff; }

.cat01 {
  background: #5f93e9; }

.cat02 {
  background: #8cd02b; }

.cat03 {
  background: #ff870f; }

.cat04 {
  background: #fafd54;
  color: #000 !important; }

.cat05 {
  background: #0fffeb;
  color: #000 !important; }