@charset "UTF-8";
/****************************************************
 mobile-wide
****************************************************/
@media screen and (max-width: 1400px) {
  /****************************************************
 header
****************************************************/
  #header .header-inner {
    padding: 0 2%; }
  #header #logo {
    width: 80px;
    margin-right: 25px; }
  #gnav ul li {
    margin-right: 15px; } }

/****************************************************
 wide
****************************************************/
/****************************************************
 wide2
****************************************************/
@media screen and (max-width: 1024px) {
  #header {
    padding: 16px 0; }
    #header .header-inner {
      padding: 0 6%; }
    #header .header-left {
      width: 192px; }
    #header .header-right {
      width: 262px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #header .header-right .header-right-top {
        display: none; }
      #header .header-right .header-right-bottom {
        width: 82%; }
        #header .header-right .header-right-bottom .header-cart {
          display: none; }
        #header .header-right .header-right-bottom .header-login {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          #header .header-right .header-right-bottom .header-login a {
            width: 100%;
            text-align: center; }
          #header .header-right .header-right-bottom .header-login .login {
            border: 1px solid #8a0000; }
    #header .menu_btn_wrap {
      display: block; }
    #header #logo {
      width: 100%;
      margin-right: 0; }
      #header #logo a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
  #gnav {
    display: none; }
  .menu_btn_wrap {
    display: block; }
  #eyecatch .top-eyecatch .top-eyecact li {
    padding: 51vw 0; }
  #eyecatch .top-eyecatch .top-eyecact.pc_view {
    display: none; }
  #eyecatch .top-eyecatch .top-eyecact.sp_view {
    display: block; }
  #eyecatch .top-eyecatch .text-wrap .catch_copy {
    padding-bottom: 0;
    margin-bottom: 26px; }
  #eyecatch .top-eyecatch .text-wrap .sub_copy {
    font-size: 1.6rem; }
  .list.movie-list li {
    width: calc(100% / 3); }
  .list.news-list.big li .text_wrap {
    width: 100%; } }

/****************************************************
 desktop
****************************************************/
@media screen and (max-width: 960px) {
  .sec4 .sec4-width {
    padding: 0; }
  .sec4 .voice-add-cont .img-wrap {
    width: 30%;
    margin-right: 6%; }
  .sec4 .voice-add-cont .text-wrap {
    width: 63%; } }

/****************************************************
 desktop-fablet
****************************************************/
@media screen and (max-width: 1023px) {
  .mypage-icon-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .list.program-list.colum1 li .list-inner {
    padding: 58px 46px;
    background: #f8f8f8; }
  .list.program-list.colum1 li .img-wrap {
    width: 418px;
    margin-right: 53px; }
  .list.program-list.colum1 li .text-wrap {
    width: 46%; }
    .list.program-list.colum1 li .text-wrap .info {
      margin: 35px 0 10px; }
  /*********************************************************
スクール情報配信ポップアップデザイン
*********************************************************/
  .popup-wrap {
    width: 84%; }
    .popup-wrap .inner845 {
      width: 100%; }
  .modaal-container {
    width: 84%; }
  /*********************************************************
マイページアイコンデザイン
*********************************************************/
  .mypage-nav.mypage .mypage-nav-name .mypage-icon-wrap .mypage-icon {
    width: 147px;
    height: 147px; } }

/****************************************************
 tablet-fablet
****************************************************/
@media screen and (max-width: 959px) {
  .list {
    /*
    動画タブリスト
    */
    /*
    動画タブリスト
    */
    /*
    動画リスト
    */
    /*
    動画リスト
    */
    /*
    申込みのフロー
    */
    /*
    申込みのフロー
    */
    /*
    プログラム
    */
    /*
    プログラム
    */ }
    .list.tab-list li {
      padding: 8px 30px; }
    .list.movie-list.pickup-movie li a {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .list.movie-list.pickup-movie li .img-wrap {
      width: 100%;
      padding-top: 50%; }
    .list.movie-list.pickup-movie li .text-wrap {
      width: 100%;
      padding-left: 0;
      margin-top: 15px; }
      .list.movie-list.pickup-movie li .text-wrap .day {
        position: relative;
        margin-top: 15px; }
    .list.flow-list {
      position: relative;
      top: 0;
      right: 0;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 50px; }
    .list.program-list.colum1 li .list-inner {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .list.program-list.colum1 li .img-wrap {
      width: 100%;
      margin-right: 0; }
    .list.program-list.colum1 li .text-wrap {
      width: 100%;
      margin-top: 35px; }
  /*
カリキュラム
*/
  .curriculum-list {
    margin-left: 0; }
    .curriculum-list li {
      padding-left: 0;
      margin-bottom: 54px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .curriculum-list li:before {
        right: calc((100% - 3px)/2);
        top: auto;
        bottom: -34.5px;
        width: 3px;
        height: 15px; }
      .curriculum-list li:after {
        right: calc((100% - 15px)/2);
        top: auto;
        bottom: -28.5px;
        width: 15px;
        height: 3px; }
      .curriculum-list li .curriculum-list-inner {
        width: 251px;
        height: 251px; }
  /*
カリキュラム
*/
  /*
学習方針
*/
  .guide-vision-cont .img-text-column2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .guide-vision-cont .img-text-column2.img-text .column2-img {
      margin-right: 0; }
    .guide-vision-cont .img-text-column2.text-img .column2-img {
      margin-left: 0; }
    .guide-vision-cont .img-text-column2 .column2-img {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      margin-bottom: 40px; }
    .guide-vision-cont .img-text-column2 .balance8_img,
    .guide-vision-cont .img-text-column2 .stepup_img,
    .guide-vision-cont .img-text-column2 .dream_img {
      width: 100%;
      text-align: center; }
      .guide-vision-cont .img-text-column2 .balance8_img img,
      .guide-vision-cont .img-text-column2 .stepup_img img,
      .guide-vision-cont .img-text-column2 .dream_img img {
        width: 68%; }
    .guide-vision-cont .img-text-column2 p {
      width: 100%;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; }
  /*
学習方針
*/ }

/****************************************************
 tablet
****************************************************/
@media screen and (max-width: 768px) {
  .sec1 .text-wrap {
    width: 86%; }
  .sec-apllication .apllication-btn-list li {
    padding-bottom: 24px; }
  #eyecatch .top-eyecatch .text-wrap .catch_copy {
    font-size: 5rem;
    margin-bottom: 20px; }
  #eyecatch .top-eyecatch .text-wrap .sub_copy {
    font-size: 1.4rem; }
  #eyecatch .top-eyecatch .text-wrap .eyecatch-news-list {
    padding: 20px; } }

/****************************************************
fablet
****************************************************/
/****************************************************
mobile
****************************************************/
@media screen and (max-width: 575px) {
  /****************************************************
ボタンデザイン
****************************************************/
  .common-btn {
    width: 100%; }
    .common-btn a, .common-btn .popup-btn {
      padding: 6.5vw 0;
      width: 100%;
      font-size: 4.2vw; }
    .common-btn.icon span {
      padding-right: 33px; }
      .common-btn.icon span:before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        background: url("../img/common/download_icon_white.png") no-repeat center/cover;
        width: 22px;
        height: 18px; }
    .common-btn span {
      position: relative;
      z-index: 10; }
  .more_btn {
    width: 86%;
    margin: auto;
    padding-bottom: 2vw; }
    .more_btn.btn-left {
      margin: auto;
      text-align: center; }
    .more_btn.btn-right {
      margin: auto;
      text-align: center; }
    .more_btn.btn-small {
      width: 86%; }
  .more-list {
    text-align: center; }
    .more-list a {
      font-size: 4.2vw; }
  .app-btn {
    width: 84%; }
    .app-btn.app-btn-fixed {
      left: calc((100% - 84%)/2); }
    .app-btn span:after {
      right: -20%; }
    .app-btn input {
      padding: 7vw 0;
      font-size: 4vw; }
  .login-btn input {
    padding: 3vw 0; }
  .login-btn a {
    padding: 3vw 0; }
  /****************************************************
フォームデザイン
****************************************************/
  .w48 {
    width: 100%; }
  .w78 {
    width: 100%; }
  #contact_form {
    /*
    フォントを継承
    */
    /*
    padding:ボーダーの調整
    */ }
    #contact_form button,
    #contact_form input,
    #contact_form select,
    #contact_form textarea {
      font-size: 3.4vw; }
      #contact_form button.w48,
      #contact_form input.w48,
      #contact_form select.w48,
      #contact_form textarea.w48 {
        width: 100%; }
      #contact_form button.w78,
      #contact_form input.w78,
      #contact_form select.w78,
      #contact_form textarea.w78 {
        width: 100%; }
    #contact_form textarea,
    #contact_form select,
    #contact_form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]) {
      padding: 3vw; }
      #contact_form textarea.w48,
      #contact_form select.w48,
      #contact_form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]).w48 {
        width: 100%; }
      #contact_form textarea.w78,
      #contact_form select.w78,
      #contact_form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]).w78 {
        width: 100%; }
    #contact_form .other-wrap {
      display: block; }
      #contact_form .other-wrap label {
        margin-bottom: 0; }
    #contact_form .alert {
      font-size: 4.2vw;
      margin-bottom: 4vw;
      line-height: 1.4; }
    #contact_form .notes {
      font-size: 2.8vw;
      margin-bottom: 2vw;
      line-height: 1.4; }
    #contact_form .address-search-btn {
      padding: 2vw;
      margin-left: 0;
      width: 100%;
      margin-top: 3vw; }
    #contact_form .seminar-table3 {
      margin-top: 12vw;
      display: block; }
      #contact_form .seminar-table3.card-wrap {
        margin-top: 8vw; }
      #contact_form .seminar-table3 dl {
        margin-bottom: 4vw;
        display: block; }
        #contact_form .seminar-table3 dl dt {
          margin-bottom: 2vw; }
      #contact_form .seminar-table3 .left-cont {
        width: 100%;
        margin-right: 0; }
        #contact_form .seminar-table3 .left-cont .form-ttl {
          margin-bottom: 4vw; }
        #contact_form .seminar-table3 .left-cont .left-cont-left {
          width: 100%;
          margin-right: 0;
          margin-bottom: 4vw; }
          #contact_form .seminar-table3 .left-cont .left-cont-left .select_wrapp {
            width: 80px; }
          #contact_form .seminar-table3 .left-cont .left-cont-left .desc {
            margin: 2vw 0 0; }
          #contact_form .seminar-table3 .left-cont .left-cont-left #select {
            width: 100%; }
        #contact_form .seminar-table3 .left-cont .left-cont-right {
          width: 100%;
          margin-bottom: 8vw; }
          #contact_form .seminar-table3 .left-cont .left-cont-right #security_code {
            width: 129px; }
          #contact_form .seminar-table3 .left-cont .left-cont-right .hint-popup {
            right: auto;
            left: 0;
            font-size: 2.8vw; }
      #contact_form .seminar-table3 .right-cont {
        width: 100%;
        padding: 4vw; }
        #contact_form .seminar-table3 .right-cont .ttl {
          display: block;
          font-size: 3.2vw;
          margin-bottom: 2vw; }
        #contact_form .seminar-table3 .right-cont .text {
          font-size: 3.4vw;
          height: auto;
          padding: 2vw 0; }
          #contact_form .seminar-table3 .right-cont .text span {
            font-size: 3.2vw; }
        #contact_form .seminar-table3 .right-cont .price {
          margin-top: 4vw; }
          #contact_form .seminar-table3 .right-cont .price .big {
            font-size: 6vw; }
  .schedule-table tr th, .schedule-table tr td {
    padding: 3vw; }
  .schedule-table thead, .schedule-table tbody, .schedule-table tr {
    width: 100%; }
  .schedule-table thead, .schedule-table tbody {
    display: inline-table; }
  .schedule-table thead tr {
    font-size: 3.4vw; }
  .schedule-table tbody tr th {
    font-size: 3vw; }
  .schedule-table tbody tr td {
    font-size: 3vw; }
    .schedule-table tbody tr td.status {
      font-size: 3vw; }
    .schedule-table tbody tr td a {
      padding: 3vw; }
  /****************************************************
アンケート
****************************************************/
  #ex_wrap {
    padding-top: 60px; }
  #header {
    height: 60px; }
  #header .left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  #header .left h1 {
    width: 100%; }
  #header .left p.temp_ttl {
    margin-left: 0;
    font-size: 1.3rem;
    margin-top: 2vw; }
  #wrap p.temp_ttl {
    text-align: center;
    margin-left: 0;
    font-size: 1.3rem;
    margin-top: 2vw;
    padding: 0 5px 0 5px; }
  .main .formbox {
    border-right: none;
    border-left: none;
    padding: 20px 5%;
    /* margin: 100px -4.9vw 0; */
    margin: 5vw auto 0; }
  .main .formsec .formtbl tr th span.must,
  .main .formsec .formtbl tr th span.free {
    top: 22px; }
  .main .formsec .formtbl tr th {
    padding: 25px 0 8px 55px;
    position: relative;
    white-space: normal; }
  .main .formsec .formtbl tr th,
  .main .formsec .formtbl tr td {
    display: block;
    width: 100%; }
  .main .formsec .formtbl tr td {
    padding: 8px 0 25px;
    font-size: 1.2rem; }
  form.mailformpro label {
    padding: 5px 10px;
    border-radius: 4px;
    margin: 0;
    display: inline-block; }
  .main .formsec select {
    width: 100%;
    font-size: 1.2rem; }
  .main .formsec .pulldown:after {
    left: auto;
    right: 4%; }
  .main h5 {
    font-size: 1.4rem; }
  .main .formsec .input_mgn {
    margin-bottom: 20px; }
  .main .formsec .zip_icon {
    display: inline-block; }
  .checkbox_wrap,
  .radiobtn_wrap {
    margin-right: 0;
    width: 100%; }
  .checkbox_wrap.other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .checkbox_wrap.other label {
    margin-right: 0; }
  .main .formsec .address .pulldown {
    width: 50%; }
  .main .formsec .address .pulldown:after {
    left: 128px; }
  .main .formsec .address .pulldown select {
    width: 100%; }
  /****************************************************
オリジナルリストデザイン
****************************************************/
  .list {
    /*
    ニュースリスト
    */
    /*
    ニュースリスト
    */
    /*
    セミナーリスト
    */
    /*
    セミナーリスト
    */
    /*
    スライダー
    */
    /*
    スライダー
    */
    /*
    TOPICS
    */
    /*
    TOPICS
    */
    /*
    よくある質問リスト
    */
    /*
    よくある質問リスト
    */
    /*
    動画タブリスト
    */
    /*
    動画タブリスト
    */
    /*
    動画リスト
    */
    /*
    動画リスト
    */
    /*
    申込みのフロー
    */
    /*
    申込みのフロー
    */
    /*
    お客様の声
    */
    /*
    お客様の声
    */
    /*
    担当講師
    */
    /*
    担当講師
    */
    /*
    プログラム
    */
    /*
    スクールの特徴リスト
    */
    /*
    スクールの特徴リスト
    */
    /*
    カリキュラム、入学の流れリスト
    */
    /*
    カリキュラム、入学の流れリスト
    */
    /*
    学習方針
    */
    /*
    学習方針
    */ }
    .list.news-list {
      /*
        TOP、mypage
        */
      /*
        TOP、mypage
        */
      /*
        archive
        */
      /*
        archive
        */
      /*
        関連記事
        */
      /*
        関連記事
        */ }
      .list.news-list.small li {
        margin-bottom: 4vw;
        padding-bottom: 4vw;
        border-bottom: 1px solid #F1F1F1; }
        .list.news-list.small li:last-child {
          border-bottom: none; }
        .list.news-list.small li span {
          font-size: 4.2vw; }
        .list.news-list.small li .day {
          margin-right: 2vw; }
        .list.news-list.small li .cat {
          padding: 1.5vw 3vw;
          width: auto;
          margin-right: 0;
          font-size: 2.6vw; }
        .list.news-list.small li .ttl {
          font-size: 3.4vw;
          margin-top: 2vw; }
      .list.news-list.big li {
        padding-bottom: 4vw;
        margin-bottom: 4vw; }
        .list.news-list.big li .data_wrap {
          margin-bottom: 2vw;
          width: 100%; }
        .list.news-list.big li .day {
          font-size: 4.2vw;
          margin-right: 2vw;
          width: 25%; }
        .list.news-list.big li .cat {
          font-size: 2.6vw;
          padding: 1.5vw 3vw;
          margin-right: 0;
          line-height: 1; }
        .list.news-list.big li .text_wrap {
          width: 100%; }
          .list.news-list.big li .text_wrap .title {
            font-size: 4.2vw;
            margin-bottom: 2vw; }
          .list.news-list.big li .text_wrap .text {
            font-size: 3.4vw; }
      .list.news-list.relation li {
        padding: 4vw 0; }
        .list.news-list.relation li .day {
          font-size: 4.2vw; }
        .list.news-list.relation li .cat {
          font-size: 2.6vw;
          padding: 1vw 3vw;
          margin-right: 0;
          line-height: 1;
          margin: 0 0 0 2vw; }
        .list.news-list.relation li .ttl {
          font-size: 3.4vw;
          display: block;
          margin-top: 2vw; }
    .list.seminar-list.top {
      margin-left: -53px; }
      .list.seminar-list.top li {
        padding-bottom: 10vw; }
        .list.seminar-list.top li .day {
          margin-top: 1.5vw;
          font-size: 2.8vw; }
        .list.seminar-list.top li .list-ttl {
          margin-top: 1vw;
          font-size: 3vw; }
    .list.seminar-list.page {
      margin-left: -15px; }
      .list.seminar-list.page li {
        padding-left: 15px;
        padding-bottom: 10vw; }
        .list.seminar-list.page li:nth-of-type(2) {
          -webkit-transition-delay: 0.3s;
          -o-transition-delay: 0.3s;
          transition-delay: 0.3s; }
        .list.seminar-list.page li:nth-of-type(3) {
          -webkit-transition-delay: 0.6s;
          -o-transition-delay: 0.6s;
          transition-delay: 0.6s; }
        .list.seminar-list.page li:nth-of-type(4) {
          -webkit-transition-delay: 0.9s;
          -o-transition-delay: 0.9s;
          transition-delay: 0.9s; }
        .list.seminar-list.page li:last-child {
          padding-bottom: 0; }
        .list.seminar-list.page li a {
          width: 100%; }
        .list.seminar-list.page li .zoom-wrap {
          position: relative; }
          .list.seminar-list.page li .zoom-wrap:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            border: 4px solid #8a0000;
            z-index: 1; }
          .list.seminar-list.page li .zoom-wrap .cat {
            display: none; }
        .list.seminar-list.page li .text-wrap {
          margin-top: 2vw; }
          .list.seminar-list.page li .text-wrap span {
            margin-top: 0.5vw;
            font-size: 3vw; }
            .list.seminar-list.page li .text-wrap span:first-of-type {
              margin-top: 1.5vw; }
        .list.seminar-list.page li .list-ttl {
          font-size: 3.2vw;
          line-height: 1.5; }
        .list.seminar-list.page li.attended .zoom-wrap:before {
          display: none; }
        .list.seminar-list.page li.attended .attended-text {
          font-size: 5vw; }
    .list.slider-list li a {
      position: relative;
      width: 100%; }
      .list.slider-list li a:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.13)), color-stop(rgba(0, 0, 0, 0.13)), to(rgba(0, 0, 0, 0.9)));
        background: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.9));
        background: -o-linear-gradient(rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.9));
        background: linear-gradient(rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.9));
        z-index: 1; }
    .list.slider-list .text-wrap .list-ttl {
      font-size: 4.8vw; }
    .list.slider-list .text-wrap .day {
      font-size: 4.5vw;
      margin-top: 1.5vw; }
    .list.topics-list li a {
      position: relative;
      width: 100%; }
      .list.topics-list li a:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.13)), color-stop(rgba(0, 0, 0, 0.13)), to(rgba(0, 0, 0, 0.9)));
        background: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.9));
        background: -o-linear-gradient(rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.9));
        background: linear-gradient(rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.13), rgba(0, 0, 0, 0.9));
        z-index: 1; }
    .list.topics-list .text-wrap .list-ttl {
      font-size: 4.8vw; }
    .list.topics-list .text-wrap .day {
      font-size: 4.5vw;
      margin-top: 1.5vw; }
    .list.faq-list li {
      width: 90%;
      margin-right: 10%;
      padding: 3vw 6vw; }
      .list.faq-list li:nth-child(2n) {
        margin-right: 0;
        margin-left: 10%; }
      .list.faq-list li:before {
        bottom: -14px;
        width: 40px;
        height: 23px; }
      .list.faq-list li span {
        font-size: 5.8vw;
        margin-right: 5vw; }
      .list.faq-list li.question {
        margin-bottom: 4vw;
        font-size: 3.2vw; }
        .list.faq-list li.question:before {
          left: 6%; }
      .list.faq-list li.answer {
        font-size: 2.6vw;
        margin-top: 0;
        margin-bottom: 4vw; }
        .list.faq-list li.answer:before {
          right: 6%; }
    .list.tab-list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .list.tab-list li {
        font-size: 3.8vw;
        padding: 3.7vw 2vw;
        text-align: center;
        width: 50%;
        border-bottom: 1px solid #ececec;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .list.tab-list li:nth-of-type(1), .list.tab-list li:nth-of-type(3n) {
          border-right: 1px solid #ececec; }
        .list.tab-list li:last-child, .list.tab-list li:nth-last-of-type(2) {
          border-bottom: none; }
    .list.movie-list {
      margin-left: -14px; }
      .list.movie-list li {
        width: 50%;
        padding-left: 14px;
        margin-bottom: 8vw; }
        .list.movie-list li:last-child {
          margin-bottom: 0; }
        .list.movie-list li .img-wrap .cat {
          display: none; }
        .list.movie-list li .img-wrap .attended-text {
          font-size: 4vw; }
        .list.movie-list li .text-wrap {
          margin-top: 3vw; }
          .list.movie-list li .text-wrap .list-ttl {
            font-size: 3.2vw; }
          .list.movie-list li .text-wrap .day {
            font-size: 3vw;
            margin-top: 2vw; }
      .list.movie-list.sp-slider {
        margin-left: 0; }
        .list.movie-list.sp-slider li {
          padding-left: 0;
          margin-bottom: 0; }
          .list.movie-list.sp-slider li .img-wrap .cat {
            display: inline-block;
            font-size: 3.2vw;
            padding: 1vw 6vw; }
          .list.movie-list.sp-slider li .img-wrap .attended-text {
            font-size: 7vw; }
          .list.movie-list.sp-slider li .text-wrap {
            margin-top: 3vw; }
            .list.movie-list.sp-slider li .text-wrap .list-ttl {
              font-size: 3.5vw; }
            .list.movie-list.sp-slider li .text-wrap .day {
              font-size: 3.4vw;
              margin-top: 2vw; }
      .list.movie-list.pickup-movie li .text-wrap {
        margin-top: 4vw; }
        .list.movie-list.pickup-movie li .text-wrap .list-ttl {
          margin-top: 3vw;
          font-size: 4vw; }
        .list.movie-list.pickup-movie li .text-wrap .day {
          margin-top: 3vw;
          font-size: 3.2vw; }
    .list.flow-list {
      margin-bottom: 6vw;
      right: 0; }
      .list.flow-list li {
        font-size: 2.6vw;
        padding-right: 12%; }
        .list.flow-list li:before {
          width: 43%; }
        .list.flow-list li span {
          margin-top: 1vw; }
    .list.voice-list {
      margin-left: -47px; }
      .list.voice-list li {
        padding-left: 47px;
        padding-bottom: 10vw; }
        .list.voice-list li .img-wrap {
          width: 28%;
          margin-right: 5%; }
        .list.voice-list li .text-wrap {
          width: 67%; }
          .list.voice-list li .text-wrap span {
            display: block; }
          .list.voice-list li .text-wrap .name {
            font-size: 2.6vw; }
          .list.voice-list li .text-wrap .ttl {
            font-size: 3.8vw;
            margin: 1.5vw 0 2vw; }
          .list.voice-list li .text-wrap .text {
            font-size: 2.6vw; }
    .list.instructor-list {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .list.instructor-list li {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 4vw; }
        .list.instructor-list li:nth-child(3n) {
          margin-right: 2%; }
        .list.instructor-list li:nth-of-type(2n) {
          margin-right: 0; }
        .list.instructor-list li .instructor-img-wrap {
          border-radius: 100%;
          width: 42px;
          height: 42px;
          min-width: auto;
          margin-right: 4%; }
        .list.instructor-list li .text-wrap {
          width: 64%; }
        .list.instructor-list li span {
          display: block; }
        .list.instructor-list li .title {
          font-size: 2.6vw;
          margin-top: 3px; }
      .list.instructor-list.sp-tate li {
        width: 100%;
        margin-right: 0%; }
    .list.program-list.colum1 li .list-inner {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 6vw; }
    .list.program-list.colum1 li .img-wrap {
      width: 100%;
      margin-right: 0; }
    .list.program-list.colum1 li .text-wrap {
      width: 100%;
      margin-top: 5vw; }
      .list.program-list.colum1 li .text-wrap .info {
        margin: 5vw 0 2.5vw; }
    .list.program-list.colum2 {
      padding: 0 6vw;
      margin-top: 9vw; }
      .list.program-list.colum2 li {
        padding-bottom: 9vw; }
        .list.program-list.colum2 li .text-wrap .info {
          margin: 2vw 0 1vw; }
    .list.program-list .img-wrap .program-list-ttl .ttl {
      font-size: 6vw;
      padding-bottom: 4vw;
      margin-bottom: 4vw; }
    .list.program-list .img-wrap .program-list-ttl .small {
      font-size: 3.8vw; }
    .list.program-list .text-wrap .catch-copy {
      font-size: 5vw; }
    .list.program-list .text-wrap .info .type {
      font-size: 6.5vw; }
    .list.program-list .text-wrap .info .name {
      font-size: 5vw; }
      .list.program-list .text-wrap .info .name span {
        font-size: 2.6vw;
        margin-bottom: 1vw; }
    .list.feature-list {
      border: 1px solid #E5E5E5;
      border-bottom: none; }
      .list.feature-list li {
        border-bottom: 1px solid #E5E5E5;
        border-right: none; }
        .list.feature-list li:nth-child(2n) {
          border-left: none; }
        .list.feature-list li a {
          font-size: 3.6vw;
          padding: 4vw 11vw 4vw; }
          .list.feature-list li a:before {
            content: "";
            position: absolute;
            right: 24px;
            top: calc((100% - 18.38px)/2);
            width: 10px;
            height: 10px;
            border: 2px solid;
            border-color: transparent transparent #8a0000 #8a0000;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s; }
          .list.feature-list li a:hover:before {
            top: calc((100% - 4.38px)/2);
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s; }
        .list.feature-list li .numb {
          left: 3%;
          top: 39%;
          font-size: 4.8vw; }
    .list.step-flow-list {
      margin: 0; }
      .list.step-flow-list .step-flow-list-li {
        margin-bottom: 16vw; }
        .list.step-flow-list .step-flow-list-li:before {
          width: 70px;
          height: 28px;
          bottom: -12vw;
          left: calc((100% - 70px)/2); }
        .list.step-flow-list .step-flow-list-li .ttl {
          font-size: 6.5vw;
          padding: 4vw 0; }
        .list.step-flow-list .step-flow-list-li .step-flow-cont {
          padding: 6vw; }
          .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-left,
          .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-right {
            margin: 0; }
          .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-left {
            margin-bottom: 6vw; }
          .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-inner {
            padding: 6vw; }
          .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-list-desc {
            font-size: 3.4vw;
            margin-top: 6vw; }
          .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-ttl {
            font-size: 6.5vw; }
            .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-ttl span {
              font-size: 3.6vw;
              margin-top: 2vw; }
            .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-ttl .icon-pen {
              vertical-align: baseline; }
            .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-ttl .icon-pc {
              vertical-align: baseline; }
            .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-ttl .icon-man {
              vertical-align: baseline; }
          .list.step-flow-list .step-flow-list-li .step-flow-cont .img-wrap {
            margin: 4vw 0 6vw; }
            .list.step-flow-list .step-flow-list-li .step-flow-cont .img-wrap .img-card {
              width: 100%; }
            .list.step-flow-list .step-flow-list-li .step-flow-cont .img-wrap .img-account {
              width: 100%; }
          .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-text {
            margin-top: 2vw;
            font-size: 3.4vw; }
          .list.step-flow-list .step-flow-list-li .step-flow-cont.small-cont .step-flow-cont-left,
          .list.step-flow-list .step-flow-list-li .step-flow-cont.small-cont .step-flow-cont-right {
            width: 100%; }
          .list.step-flow-list .step-flow-list-li .step-flow-cont.big-cont .step-flow-cont-left,
          .list.step-flow-list .step-flow-list-li .step-flow-cont.big-cont .step-flow-cont-right {
            width: 100%; }
          .list.step-flow-list .step-flow-list-li .step-flow-cont.max-cont .step-flow-cont-max {
            width: 100%; }
          .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-m {
            margin-top: 6vw; }
          .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-inner-list {
            margin-bottom: 0;
            margin-top: 4vw; }
            .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-inner-list li {
              padding: 0;
              width: 100%;
              margin-bottom: 6vw; }
              .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-inner-list li:nth-child(1), .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-inner-list li:nth-child(2) {
                width: 100%; }
              .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-inner-list li:last-child {
                margin-bottom: 6vw; }
              .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-inner-list li .img-wrap {
                margin-bottom: 6vw; }
                .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-inner-list li .img-wrap img {
                  width: 76px; }
              .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-inner-list li h5 {
                font-size: 3.9vw;
                margin-bottom: 4vw; }
          .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-inner-list2 {
            margin-top: 4vw;
            margin-bottom: 0; }
            .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-inner-list2 li {
              padding: 0 2vw;
              margin-bottom: 4vw;
              width: 100%; }
              .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-inner-list2 li:last-child {
                margin-bottom: 0; }
              .list.step-flow-list .step-flow-list-li .step-flow-cont .step-flow-cont-inner-list2 li .text {
                font-size: 3.6vw;
                padding: 4vw; }
    .list.vision-list li {
      margin-bottom: 8vw; }
      .list.vision-list li .vision-nmb {
        font-size: 7.8vw;
        margin-right: 3%;
        width: 15%; }
      .list.vision-list li .text-wrap {
        font-size: 4.4vw;
        width: 82%; }
        .list.vision-list li .text-wrap span {
          margin-top: 2vw;
          font-size: 3.4vw; }
  /****************************************************
オリジナルテーブルデザイン
****************************************************/
  .common_table th, .common_table td {
    padding: 3vw; }
  .common_table th {
    width: 40%; }
  .common_table td {
    width: 60%; }
  .seminar-table {
    width: 100%;
    border: 1px solid #dcdcdc; }
    .seminar-table tr:last-child th, .seminar-table tr:last-child td {
      border-bottom: none; }
    .seminar-table tr th, .seminar-table tr td {
      padding: 3vw;
      display: block;
      line-height: 1.4; }
    .seminar-table tr th {
      width: 100%; }
    .seminar-table tr td {
      width: 100%; }
      .seminar-table tr td .big {
        font-size: 4.5vw; }
      .seminar-table tr td iframe {
        width: 100%;
        height: 300px;
        margin-top: 3vw; }
  .app-table {
    margin-top: 4vw; }
    .app-table th {
      padding: 4vw 0; }
    .app-table td {
      padding: 4vw 0 4vw 4vw; }
    .app-table tbody tr th .required {
      font-size: 2.6vw;
      display: block;
      padding: 0;
      text-align: center;
      position: relative;
      top: 0;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      width: 30px; }
    .app-table tbody tr th .small {
      font-size: 2.6vw; }
    .app-table tbody tr td.colum-2 .grid {
      display: block; }
    .app-table tbody tr td.colum-2 .colum-2-inner {
      width: 100%;
      margin-right: 0;
      margin-bottom: 2vw; }
      .app-table tbody tr td.colum-2 .colum-2-inner:last-child {
        margin-bottom: 0; }
      .app-table tbody tr td.colum-2 .colum-2-inner .ttl {
        width: 18%;
        margin-right: 3%; }
    .app-table tbody tr td.colum-3 .grid {
      display: block; }
    .app-table tbody tr td.colum-3 .colum-3-inner {
      width: 100%;
      margin-right: 0;
      margin-bottom: 2vw; }
      .app-table tbody tr td.colum-3 .colum-3-inner:last-child {
        margin-bottom: 0; }
      .app-table tbody tr td.colum-3 .colum-3-inner .ttl {
        width: 18%;
        margin-right: 3%; }
    .app-table tbody tr.price td {
      font-size: 7vw; }
  .seminar-history-table .parent {
    margin-bottom: 6vw; }
  .seminar-history-table table th, .seminar-history-table table td {
    display: block;
    width: 100%; }
  .seminar-history-table table th {
    padding: 2vw 0; }
  .seminar-history-table table td {
    padding: 4vw 2vw;
    text-align: left; }
  .seminar-history-table table .day {
    padding: 4vw 2vw;
    text-align: left; }
  .seminar-history-table table .category {
    text-align: left; }
  .seminar-history-table table .point {
    font-size: 3.2vw; }
    .seminar-history-table table .point span {
      font-size: 5vw;
      margin-bottom: 0; }
  .seminar-history-table table .ttl {
    padding: 4vw 2vw; }
  .seminar-history-table table .name {
    font-size: 3.4vw;
    margin-bottom: 3vw; }
    .seminar-history-table table .name .title {
      font-size: 2.6vw; }
  .seminar-history-table table .receipt {
    padding: 4vw 18vw; }
    .seminar-history-table table .receipt .receipt-btn {
      font-size: 3.4vw;
      padding: 3vw 6vw 3vw 0; }
      .seminar-history-table table .receipt .receipt-btn:hover {
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        opacity: 0.7; }
      .seminar-history-table table .receipt .receipt-btn:before {
        content: "";
        position: absolute;
        right: 11vw;
        top: calc((100% - 20px)/2);
        width: 16px;
        height: 20px;
        background: url("../img/common/receipt_icon.png") no-repeat center/cover; }
      .seminar-history-table table .receipt .receipt-btn.cancel {
        margin-top: 6vw;
        padding: 3vw 0; }
  .introduction-table th, .introduction-table td {
    width: 25%;
    padding: 4vw 1vw; }
  .introduction-table thead th {
    font-size: 3.8vw;
    padding: 4vw 1vw; }
  .introduction-table tbody td {
    font-size: 3.8vw; }
    .introduction-table tbody td .small {
      font-size: 2.6vw; }
  /****************************************************
タイトルデザイン
****************************************************/
  .wysiwyg {
    /*
  セクションタイトル
  */
    /*
  マイページのタイトル
  */
    /*
  セミナータイトル
  */
    /*
  コーチングマイページタイトル
  */
    /*
  コーチングマイページサブタイトル
  */ }
    .wysiwyg .sec-ttl .jp {
      font-size: 2.8vw; }
    .wysiwyg .sec-ttl .en {
      font-size: 7vw;
      width: 62%; }
      .wysiwyg .sec-ttl .en .sec-ttl-item:before {
        width: 10px; }
      .wysiwyg .sec-ttl .en .sec-ttl-item:after {
        height: 10px; }
    .wysiwyg .mypage-ttl {
      font-size: 7vw;
      display: block; }
      .wysiwyg .mypage-ttl span {
        font-size: 2.8vw;
        display: block;
        margin-top: 2vw;
        margin-bottom: 0;
        margin-left: 0; }
    .wysiwyg .app-ttl {
      font-size: 7vw; }
    .wysiwyg .form-ttl {
      font-size: 4.2vw; }
    .wysiwyg .send-ttl {
      font-size: 5vw; }
    .wysiwyg .login-ttl {
      font-size: 5vw; }
    .wysiwyg .single-ttl {
      font-size: 6vw; }
    .wysiwyg .single-sub-ttl1 {
      padding-left: 15%;
      font-size: 5vw; }
      .wysiwyg .single-sub-ttl1:before {
        width: 10%; }
    .wysiwyg .single-sub-ttl2 {
      font-size: 5vw; }
    .wysiwyg .relation-ttl {
      font-size: 6vw; }
      .wysiwyg .relation-ttl .sub_ttl {
        font-size: 3.4vw;
        margin-left: 2vw; }
    .wysiwyg .seminar-history-ttl {
      font-size: 5vw; }
    .wysiwyg .page-ttl {
      font-size: 6vw;
      padding-left: 14%; }
      .wysiwyg .page-ttl:before {
        content: "";
        position: absolute;
        left: 0;
        top: calc((100% - 1px)/2);
        width: 10%;
        height: 1px;
        background: #8a0000; }
    .wysiwyg .page-ttl-center {
      font-size: 5.2vw; }
      .wysiwyg .page-ttl-center .ttl-inner:before {
        left: -13vw;
        width: 10vw; }
      .wysiwyg .page-ttl-center .ttl-inner .small {
        margin-top: 1.5vw;
        font-size: 2.6vw; }
    .wysiwyg .feature-ttl {
      font-size: 5.2vw;
      padding-left: 12vw;
      margin-bottom: 3vw; }
      .wysiwyg .feature-ttl .nmb {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 7vw; }
    .wysiwyg .seminar-sec-ttl {
      font-size: 8.4vw;
      line-height: 1.1; }
      .wysiwyg .seminar-sec-ttl .small {
        font-size: 4.2vw;
        margin-top: 2vw; }
    .wysiwyg .coaching-mypge-ttl {
      font-size: 5.2vw; }
      .wysiwyg .coaching-mypge-ttl span {
        padding-left: 34px; }
        .wysiwyg .coaching-mypge-ttl span:before {
          content: "";
          position: absolute;
          left: 0;
          top: calc((100% - 20px)/2);
          width: 26px;
          height: 20px;
          background: url("../img/common/seminar_flow1_on.png") no-repeat center/cover; }
    .wysiwyg .coaching-mypge-sub-ttl {
      padding-bottom: 6vw;
      margin-bottom: 6vw; }
      .wysiwyg .coaching-mypge-sub-ttl .ttl-text {
        font-size: 5.2vw;
        margin-bottom: 6vw; }
      .wysiwyg .coaching-mypge-sub-ttl .coach-myapge-search {
        font-size: 4.5vw;
        width: 100%; }
        .wysiwyg .coaching-mypge-sub-ttl .coach-myapge-search span {
          display: block;
          text-align: center;
          margin: 2vw 0; }
        .wysiwyg .coaching-mypge-sub-ttl .coach-myapge-search input {
          width: 100%;
          padding: 4vw; }
        .wysiwyg .coaching-mypge-sub-ttl .coach-myapge-search input[type=text] {
          margin: 0; }
        .wysiwyg .coaching-mypge-sub-ttl .coach-myapge-search input[type=submit] {
          width: 100%;
          margin-top: 6vw; }
  /****************************************************
スライダーデザイン
****************************************************/
  .slick-prev {
    left: -8%;
    top: 50%;
    -webkit-transform: translateY(-100%) translateX(0);
    -ms-transform: translateY(-100%) translateX(0);
    transform: translateY(-100%) translateX(0); }
  .slick-next {
    right: -8%;
    top: 50%;
    -webkit-transform: translateY(-100%) translateX(0);
    -ms-transform: translateY(-100%) translateX(0);
    transform: translateY(-100%) translateX(0); }
  .slick-dots {
    margin-top: 2vw; }
    .slick-dots li {
      width: auto !important;
      padding: 0 !important;
      margin: 0 !important; }
  .slick-list .slick-slide {
    padding: 0; }
  .slick-num {
    display: none !important; }
  /*********************************************************
SPメニュー・ボタン
*********************************************************/
  .menu_btn_wrap {
    display: block;
    position: relative; }
    .menu_btn_wrap.fixe_btn .menu_btn {
      top: 31px;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
  /*
メニュートリガー
*/
  .menu_btn {
    width: 6vw;
    height: 4.5vw; }
  #sp_menu {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 20vw;
    /*
    ログインSPメニュー
    */
    /*
    ログインSPメニュー
    */ }
    #sp_menu .menu_wrapp {
      /*
        SPメニュー1
        */
      /*
        SPメニュー1
        */
      /*
        SPメニュー2
        */
      /*
        SPメニュー2
        */
      /*
        SPメニュー3
        */
      /*
        SPメニュー3
        */
      /*
        SPメニューボタン
        */
      /*
        SPメニューボタン
        */ }
      #sp_menu .menu_wrapp .sp-menu-parent-wrap {
        width: 100%; }
        #sp_menu .menu_wrapp .sp-menu-parent-wrap .sp-menu-parent-li a, #sp_menu .menu_wrapp .sp-menu-parent-wrap .sp-menu-parent-li span {
          padding: 4vw 6%;
          font-size: 4vw; }
        #sp_menu .menu_wrapp .sp-menu-parent-wrap .sp-menu-parent-li .sp-menu-child-wrap li a {
          padding: 4vw 12%; }
      #sp_menu .menu_wrapp .sp-menu2 li {
        width: 50%; }
        #sp_menu .menu_wrapp .sp-menu2 li a {
          font-size: 2.8vw;
          padding: 4vw 6%; }
      #sp_menu .menu_wrapp .sp-menu3 {
        margin: 10vw auto; }
        #sp_menu .menu_wrapp .sp-menu3 li {
          margin-bottom: 4vw; }
          #sp_menu .menu_wrapp .sp-menu3 li a {
            font-size: 2.8vw; }
      #sp_menu .menu_wrapp .common-btn {
        width: 88%; }
    #sp_menu.member-menu .menu_wrapp .sp-menu-parent-wrap .sp-menu-parent-li:before {
      top: 5vw; }
    #sp_menu.member-menu .menu_wrapp .sp-menu-parent-wrap .sp-menu-parent-li a, #sp_menu.member-menu .menu_wrapp .sp-menu-parent-wrap .sp-menu-parent-li span {
      padding: 4vw 6%; }
  /****************************************************
共通CSS
****************************************************/
  .is-gray-diagonal {
    background: url("../img/common/gray-diagonal_sp.png") no-repeat center/cover;
    width: 76%; }
  /*********************************************************
ヘッダー
*********************************************************/
  #header {
    padding: 2vw 0;
    background: #fff; }
    #header.menu-open-header-bg {
      padding: 2vw 0; }
    #header .header-inner {
      padding: 0 6%; }
    #header .header-left {
      width: 46%; }
    #header .header-right {
      width: 45%; }
      #header .header-right .header-right-top {
        display: none; }
      #header .header-right .header-right-bottom {
        width: 77%; }
        #header .header-right .header-right-bottom .header-cart {
          display: none; }
        #header .header-right .header-right-bottom .header-login {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          #header .header-right .header-right-bottom .header-login a {
            width: 49%;
            text-align: center;
            padding: 2vw 0px;
            line-height: 1;
            font-size: 2.6vw; }
          #header .header-right .header-right-bottom .header-login .login {
            border: 1px solid #8a0000;
            margin-left: 2%; }
    #header #logo {
      width: 100%;
      margin-right: 0; }
      #header #logo a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
  /*********************************************************
グローバルナビ
*********************************************************/
  #gnav {
    display: none; }
  /*********************************************************
アイキャッチ
*********************************************************/
  #eyecatch .top-eyecatch {
    text-align: right;
    position: relative; }
    #eyecatch .top-eyecatch .top-eyecact {
      width: 92%;
      margin: 0 0 0 auto; }
      #eyecatch .top-eyecatch .top-eyecact li {
        padding: 58.5vw 0; }
        #eyecatch .top-eyecatch .top-eyecact li .movie {
          display: none; }
    #eyecatch .top-eyecatch .text-wrap {
      position: relative;
      bottom: 18vw;
      padding-left: 8%;
      width: 92%; }
      #eyecatch .top-eyecatch .text-wrap .catch_copy {
        font-size: 11vw;
        margin-bottom: 6vw;
        width: 90%;
        background: #fff;
        padding: 4vw 0 6vw; }
        #eyecatch .top-eyecatch .text-wrap .catch_copy:before, #eyecatch .top-eyecatch .text-wrap .catch_copy:after {
          width: 32%; }
        #eyecatch .top-eyecatch .text-wrap .catch_copy:after {
          left: 32%; }
      #eyecatch .top-eyecatch .text-wrap .sub_copy {
        margin-bottom: 13vw;
        font-size: 4.5vw; }
      #eyecatch .top-eyecatch .text-wrap .eyecatch-news-list {
        padding: 0;
        display: block; }
        #eyecatch .top-eyecatch .text-wrap .eyecatch-news-list .news-ttl {
          font-size: 5.6vw;
          display: block;
          margin-bottom: 4vw; }
        #eyecatch .top-eyecatch .text-wrap .eyecatch-news-list .news-list {
          margin-left: 0; }
  #eyecatch.page-eyecatch {
    line-height: 0;
    position: relative; }
    #eyecatch.page-eyecatch .catch-copy {
      font-size: 7vw;
      width: 84%; }
      #eyecatch.page-eyecatch .catch-copy span {
        font-size: 3.8vw; }
  /*********************************************************
SPメニュー・ボタン
*********************************************************/
  /*********************************************************
fixed-side-link
*********************************************************/
  .fixed-side-link {
    top: auto;
    bottom: 12%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
    .fixed-side-link li {
      width: 55px;
      height: 55px; }
      .fixed-side-link li a, .fixed-side-link li .popup-btn {
        font-size: 2.6vw; }
  /*********************************************************
スクール入学お申込みデザイン
*********************************************************/
  .sec-apllication {
    padding: 15vw 0; }
    .sec-apllication .sec-desc {
      margin: 7vw 0; }
    .sec-apllication .apllication-btn-list li {
      margin-bottom: 5vw; }
      .sec-apllication .apllication-btn-list li:last-child {
        margin-bottom: 0; }
      .sec-apllication .apllication-btn-list li a {
        padding: 5.5vw 0;
        font-size: 4.2vw; }
  /*********************************************************
お問い合わせコンテンツ
*********************************************************/
  .sec-contact {
    padding: 10vw 0; }
    .sec-contact .sec-contact-inner {
      padding-left: 0; }
      .sec-contact .sec-contact-inner .sec_contact_img {
        width: 60%;
        bottom: auto;
        top: -5%;
        left: -5%; }
    .sec-contact .sec-desc {
      font-size: 4.3vw;
      width: 68%;
      text-align: left;
      margin: 0 0 4vw auto; }
    .sec-contact .sec-contact-wrap {
      display: block; }
      .sec-contact .sec-contact-wrap .tel {
        width: 68%;
        margin: 0 0 5vw auto; }
      .sec-contact .sec-contact-wrap .sec-contact-btn {
        width: 100%;
        padding: 6.9vw 0;
        font-size: 4.2vw; }
        .sec-contact .sec-contact-wrap .sec-contact-btn span {
          padding-right: 10vw; }
  /*********************************************************
申し込みボタン
*********************************************************/
  .app-btn-wrap {
    padding: 8vw 0; }
  /*********************************************************
バナーコンテンツデザイン
*********************************************************/
  .sec-banner {
    padding: 12vw 0; }
    .sec-banner .inner {
      width: 88%; }
    .sec-banner.banner2 .inner {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .sec-banner.banner2 a {
      width: 100%;
      max-width: 100%;
      margin-right: 0;
      margin-bottom: 5vw; }
      .sec-banner.banner2 a:last-child {
        margin-right: 0;
        margin-bottom: 0; }
    .sec-banner a {
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .sec-banner a:hover {
        opacity: 0.7; }
  /*********************************************************
スクール情報配信ポップアップデザイン
*********************************************************/
  .popup-wrap {
    width: 84%;
    height: 89vw; }
    .popup-wrap .inner845 {
      width: 100%; }
  .popup-close-btn {
    right: 3%;
    top: 3%;
    width: 9vw;
    height: 9vw; }
  .popup-inner {
    padding: 14% 8%; }
    .popup-inner .text-wrap {
      font-size: 3.4vw; }
      .popup-inner .text-wrap .popup-ttl {
        font-size: 5vw;
        margin-bottom: 4vw; }
    .popup-inner .form-wrap {
      width: 100%;
      margin: 8vw auto 0; }
      .popup-inner .form-wrap .popup-sub-ttl {
        font-size: 3.4vw;
        margin-bottom: 1vw; }
      .popup-inner .form-wrap .form_btn {
        margin-top: 4vw; }
        .popup-inner .form-wrap .form_btn input {
          padding: 4vw 0; }
  /*********************************************************
セミナー申し込みデザイン
*********************************************************/
  .app-sec1-wrap {
    padding: 6%; }
  /*********************************************************
ラジオボタンデザイン
*********************************************************/
  #contact_form .radio-wrap.radio-btn label, #contact_form .radio-wrap.check-btn label,
  #contact_form .check-wrap.radio-btn label,
  #contact_form .check-wrap.check-btn label {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4vw; }
    #contact_form .radio-wrap.radio-btn label:last-of-type, #contact_form .radio-wrap.check-btn label:last-of-type,
    #contact_form .check-wrap.radio-btn label:last-of-type,
    #contact_form .check-wrap.check-btn label:last-of-type {
      margin-bottom: 0; }
    #contact_form .radio-wrap.radio-btn label span, #contact_form .radio-wrap.check-btn label span,
    #contact_form .check-wrap.radio-btn label span,
    #contact_form .check-wrap.check-btn label span {
      padding: 0 8vw; }
  #contact_form .radio-wrap.radio-text label, #contact_form .radio-wrap.check-text label,
  #contact_form .check-wrap.radio-text label,
  #contact_form .check-wrap.check-text label {
    margin-right: 6vw; }
  #contact_form .radio-wrap.tate .label-wrap,
  #contact_form .check-wrap.tate .label-wrap {
    margin-bottom: 4vw; }
  #contact_form .radio-wrap.tate label,
  #contact_form .check-wrap.tate label {
    margin-bottom: 4vw;
    margin-right: 0; }
  #contact_form .radio-wrap.yoko,
  #contact_form .check-wrap.yoko {
    margin-bottom: -4vw; }
    #contact_form .radio-wrap.yoko label, #contact_form .radio-wrap.yoko .other-wrap,
    #contact_form .check-wrap.yoko label,
    #contact_form .check-wrap.yoko .other-wrap {
      margin-bottom: 4vw; }
  #contact_form .radio-wrap.auto-login,
  #contact_form .check-wrap.auto-login {
    margin-top: 4vw; }
    #contact_form .radio-wrap.auto-login label .check-icon,
    #contact_form .check-wrap.auto-login label .check-icon {
      font-size: 3.4vw; }
  #contact_form .radio-wrap label,
  #contact_form .check-wrap label {
    padding-left: 32px; }
    #contact_form .radio-wrap label span,
    #contact_form .check-wrap label span {
      font-size: 4vw; }
    #contact_form .radio-wrap label input[type=radio] + .radio-icon:before,
    #contact_form .radio-wrap label input[type=checkbox] + .check-icon:before,
    #contact_form .check-wrap label input[type=radio] + .radio-icon:before,
    #contact_form .check-wrap label input[type=checkbox] + .check-icon:before {
      width: 22px;
      height: 22px;
      left: -32px;
      top: calc((100% - 22px)/2); }
  #contact_form .questionnaire-sheet-ttl {
    font-size: 5vw;
    margin-bottom: 6vw; }
  #contact_form tr td .questionnaire-sheet {
    width: 100%;
    margin-right: 0; }
    #contact_form tr td .questionnaire-sheet .check-icon,
    #contact_form tr td .questionnaire-sheet .radio-icon {
      margin-right: 0; }
    #contact_form tr td .questionnaire-sheet input[type=text] {
      width: 100% !important; }
  /*********************************************************
フォームボタンデザイン
*********************************************************/
  .form-btn-wrap {
    display: block; }
  /*
確認ボタン
*/
  .form_btn {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4vw; }
    .form_btn:last-of-type {
      margin-bottom: 0; }
    .form_btn input {
      font-size: 4.2vw;
      padding: 6.5vw 0;
      line-height: 1; }
    .form_btn a {
      font-size: 3.4vw;
      padding: 2.9vw 0; }
  /*
確認キー送信ボタン
*/
  .key_btn {
    width: 100%;
    margin-left: 0;
    margin-top: 4vw; }
    .key_btn:last-of-type {
      margin-bottom: 0; }
    .key_btn input {
      font-size: 3.4vw !important;
      padding: 4vw;
      line-height: 1; }
    .key_btn a {
      font-size: 4.2vw;
      padding: 6.5vw 0; }
  /*********************************************************
footer
*********************************************************/
  .sp-footer-nav {
    border: 2px solid #D8D8D8; }
    .sp-footer-nav li {
      width: 50%;
      border-right: 2px solid #D8D8D8; }
      .sp-footer-nav li:nth-of-type(1) {
        border-bottom: 2px solid #D8D8D8; }
      .sp-footer-nav li:nth-of-type(2) {
        border-bottom: 2px solid #D8D8D8; }
      .sp-footer-nav li:nth-of-type(2n) {
        border-right: none; }
      .sp-footer-nav li a {
        font-size: 3.2vw;
        width: 100%;
        padding: 4.5vw 0 4.5vw 3.5vw;
        position: relative; }
        .sp-footer-nav li a:before {
          content: "";
          position: absolute;
          width: 7px;
          height: 7px;
          border: 1px solid;
          border-color: #8a0000 #8a0000 transparent transparent;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          right: 6%;
          top: calc((100% - 7px)/2); }
  #footer {
    padding: 7vw 0 2vw; }
    #footer .footer-inner {
      display: block; }
    #footer .left-cont {
      width: 100%;
      margin-right: 0; }
      #footer .left-cont .footer-logo {
        width: 50%;
        margin: 0 auto 5vw; }
      #footer .left-cont .footer-address {
        font-size: 3vw;
        text-align: center;
        line-height: 1.7; }
    #footer .right-cont {
      display: none; }
    #footer .copyright {
      font-size: 2.6vw;
      margin-top: 8vw; }
  /*********************************************************
下層ナビゲーション
*********************************************************/
  .mypage-nav {
    /*
    マイページでのデザイン
    */
    /*
    その他デザイン
    */ }
    .mypage-nav .mypage-nav-wrap {
      padding: 1.5vw 6%; }
    .mypage-nav .mypage-nav-list {
      display: none; }
    .mypage-nav .myname-wrap {
      width: 76%; }
    .mypage-nav .mypage-nav-name .mypage-icon-wrap .myname a {
      display: inline-block;
      font-size: 3.4vw;
      text-decoration: underline; }
    .mypage-nav .mypoint {
      text-align: right; }
      .mypage-nav .mypoint .mypoint-wrap {
        font-size: 2.6vw;
        display: inline-block;
        color: #fff;
        font-weight: 400;
        position: relative;
        padding-right: 3%;
        margin-right: 1%; }
        .mypage-nav .mypoint .mypoint-wrap:before {
          content: "";
          position: absolute;
          right: 0;
          top: 0;
          height: 100%;
          width: 1px;
          background: #650505; }
        .mypage-nav .mypoint .mypoint-wrap:last-child {
          padding-right: 0; }
          .mypage-nav .mypoint .mypoint-wrap:last-child:before {
            display: none; }
        .mypage-nav .mypoint .mypoint-wrap .point-history {
          margin-left: 0;
          color: #fff; }
      .mypage-nav .mypoint .big {
        font-size: 3.8vw; }
    .mypage-nav.mypage .mypage-nav-name:before {
      display: none; }
    .mypage-nav.mypage .mypage-nav-name .mypage-icon-wrap {
      width: 100%;
      margin-right: 0; }
      .mypage-nav.mypage .mypage-nav-name .mypage-icon-wrap .mypage-icon {
        width: 16vw;
        height: 16vw; }
      .mypage-nav.mypage .mypage-nav-name .mypage-icon-wrap .myname {
        font-size: 4.5vw;
        margin-bottom: 10%; }
        .mypage-nav.mypage .mypage-nav-name .mypage-icon-wrap .myname span {
          font-size: 2.7vw; }
    .mypage-nav.mypage .mypage-nav-name .news-list-wrap {
      width: 96%;
      margin: 4vw auto 0;
      padding-top: 4vw;
      position: relative; }
      .mypage-nav.mypage .mypage-nav-name .news-list-wrap:before {
        content: "";
        position: absolute;
        top: 0;
        left: -10%;
        width: calc(100% + 20%);
        height: 1px;
        background: #E6E6E6; }
      .mypage-nav.mypage .mypage-nav-name .news-list-wrap .news-list li:last-child {
        border-bottom: 1px solid #F1F1F1; }
      .mypage-nav.mypage .mypage-nav-name .news-list-wrap .more-list {
        margin-top: 7vw;
        text-align: center; }
        .mypage-nav.mypage .mypage-nav-name .news-list-wrap .more-list a {
          font-size: 4.2vw; }
    .mypage-nav.mypage .mypage-nav-wrap .mypoint .mypoint-wrap {
      display: inline-block;
      margin-right: 1%; }
      .mypage-nav.mypage .mypage-nav-wrap .mypoint .mypoint-wrap:last-child {
        margin-right: 0; }
    .mypage-nav .mypage-nav-name {
      padding: 4vw 0;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 88%;
      position: relative; }
      .mypage-nav .mypage-nav-name:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: -10%;
        width: calc(100% + 20%);
        height: 1px;
        background: #E6E6E6; }
      .mypage-nav .mypage-nav-name .mypage-icon-wrap {
        width: 100%;
        margin-right: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .mypage-nav .mypage-nav-name .mypage-icon-wrap .mypage-icon {
          width: 16vw;
          height: 16vw;
          margin-top: -10%;
          margin-right: 5%;
          border: 2px solid #fff; }
        .mypage-nav .mypage-nav-name .mypage-icon-wrap .myname {
          font-size: 4.5vw;
          margin-bottom: 10%; }
          .mypage-nav .mypage-nav-name .mypage-icon-wrap .myname span {
            font-size: 2.7vw; }
        .mypage-nav .mypage-nav-name .mypage-icon-wrap .mypoint {
          display: none; }
          .mypage-nav .mypage-nav-name .mypage-icon-wrap .mypoint.introducer-code {
            display: block;
            color: #000; }
            .mypage-nav .mypage-nav-name .mypage-icon-wrap .mypoint.introducer-code input {
              margin-left: 1vw; }
  /*********************************************************
その他
*********************************************************/
  #pagetop {
    bottom: 3%; }
    #pagetop img {
      width: 39px;
      margin-bottom: 8px; }
    #pagetop span {
      font-size: 2.6vw; }
    #pagetop:hover img {
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      top: -5px; }
  /*
セミナー受講条件満たしていませんCSS
*/
  .seminar-no-condition {
    font-size: 4vw;
    padding: 3vw;
    margin-bottom: 5vw; }
  /*
ページネーション
*/
  .pagenav_wrap .pagenav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .pagenav_wrap .pagenav li {
      width: 45px;
      height: 42px;
      float: none; }
      .pagenav_wrap .pagenav li a {
        font-size: 5vw; }
  .pagenav_wrap .arrow {
    position: absolute;
    top: 0;
    width: 45px;
    height: 42px; }
  .pagenav_wrap .prev {
    left: -45px; }
  .pagenav_wrap .next {
    right: -45px; }
  /*
シングルページページネーション
*/
  .single-pagenav {
    padding: 12vw 0;
    margin-top: 16vw; }
    .single-pagenav .single-pagenav-inner {
      width: 38%; }
    .single-pagenav .common-btn a {
      font-size: 3.4vw;
      padding: 4.5vw 0; }
    .single-pagenav .prev {
      left: -55%; }
      .single-pagenav .prev:before {
        left: -15px; }
    .single-pagenav .next {
      right: -55%; }
      .single-pagenav .next:before {
        right: -15px; }
  /*
モーダルデザイン
*/
  .modaal-container {
    width: 92%; }
  .modaal-close {
    right: 3%;
    top: 3%;
    width: 9vw;
    height: 9vw; }
  /*********************************************************
 各ページのCSS開始
*********************************************************/
  /*********************************************************
 TOPページ
*********************************************************/
  .sec-desc {
    width: 100%; }
  .top-2colum-cont .right-cont .sec4-ttl {
    font-size: 9.5vw; }
  .top-2colum-cont .right-cont .text {
    margin: 3vw 0 9vw; }
  /*
section1
*/
  .sec1 {
    padding-top: 0; }
    .sec1 .sec1-bg {
      background: url("../img/top/sec1_bg_sp.jpg") no-repeat center/cover;
      padding: 85vw 0; }
      .sec1 .sec1-bg:before {
        width: 85%;
        background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.1%, #8a0000)) no-repeat top left/100% 50%;
        background: -webkit-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, #8a0000 50.1%) no-repeat top left/100% 50%;
        background: -o-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, #8a0000 50.1%) no-repeat top left/100% 50%;
        background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #8a0000 50.1%) no-repeat top left/100% 50%; }
    .sec1 .text-wrap {
      width: 100%;
      right: 0; }
      .sec1 .text-wrap .sec1-ttl {
        font-size: 10vw;
        margin-bottom: 3vw; }
      .sec1 .text-wrap .sub-copy {
        margin-bottom: 8vw;
        line-height: 1.8;
        letter-spacing: 0;
        font-size: 3.4vw; }
      .sec1 .text-wrap .sec1-list-wrap {
        width: 88%;
        margin: auto; }
      .sec1 .text-wrap .sec1-list li {
        height: 125px;
        padding-bottom: 15px; }
        .sec1 .text-wrap .sec1-list li a {
          font-size: 4.5vw; }
          .sec1 .text-wrap .sec1-list li a:after {
            width: 48px;
            height: 8px; }
  /*
section1
*/
  /*
section2
*/
  .sec2 {
    padding: 20vw 0; }
    .sec2 .seminar-list {
      margin-top: 7vw; }
  /*
section2
*/
  /*
section3
*/
  .sec3 {
    padding: 20vw 0 24vw; }
    .sec3 .sec-desc {
      margin: 5vw auto 10vw; }
    .sec3 .slider-list {
      width: 100%;
      margin: auto; }
  /*
section3
*/
  /*
section4
*/
  .sec4 {
    padding: 20vw 0; }
    .sec4 .is-gray-diagonal {
      width: 84%; }
    .sec4 .sec4-width {
      padding: 0;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .sec4 .left-cont {
      margin-right: 0;
      width: 100%;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; }
    .sec4 .voice-add-cont {
      margin-bottom: 10vw; }
      .sec4 .voice-add-cont .img-wrap {
        width: 28%;
        margin-right: 5%; }
      .sec4 .voice-add-cont .text-wrap {
        width: 67%; }
        .sec4 .voice-add-cont .text-wrap .name {
          font-size: 2.6vw; }
        .sec4 .voice-add-cont .text-wrap .ttl {
          margin: 1.5vw 0 2vw;
          font-size: 3.8vw; }
        .sec4 .voice-add-cont .text-wrap .text {
          font-size: 2.6vw; }
    .sec4 .right-cont {
      width: 100%;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; }
    .sec4 .common-btn {
      margin-top: 10vw; }
  /*
section4
*/
  /*
section5
*/
  .sec5 {
    padding: 20vw 0 24vw; }
    .sec5 .sec-desc {
      margin: 5vw auto 10vw; }
    .sec5 .slider-list {
      width: 100%; }
  /*
section5
*/
  /*
section6
*/
  .sec6 {
    padding: 20vw 0 0; }
    .sec6 .is-gray-diagonal {
      width: 84%; }
    .sec6 .sec6-width {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-bottom: 58vw; }
      .sec6 .sec6-width .left-cont {
        width: 100vw;
        left: -16%;
        top: auto;
        bottom: -5%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; }
      .sec6 .sec6-width .right-cont {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
        .sec6 .sec6-width .right-cont .text {
          line-height: 1.8; }
  /*
section7
*/
  /*
section7
*/
  .sec7 {
    padding: 20vw 0 10vw; }
    .sec7 .faq-list {
      margin: 7vw 0 4vw; }
  /*
section7
*/
  /*********************************************************
マイページ
*********************************************************/
  .mypage-sec1 {
    padding: 9vw 0; }
    .mypage-sec1 .slider-list {
      margin-top: 8vw; }
  .mypage-sec2 {
    padding: 9vw 0; }
    .mypage-sec2 .seminar-list {
      margin-top: 8vw; }
    .mypage-sec2 .more-list {
      margin-top: 8vw; }
  .mypage-sec3 {
    padding: 9vw 0; }
    .mypage-sec3 .tab-list {
      margin-top: 8vw; }
    .mypage-sec3 .movie-list {
      margin-top: 8vw; }
    .mypage-sec3 .more-list {
      margin-top: 8vw; }
  /*********************************************************
セミナー詳細
*********************************************************/
  .seminar-details-sec1 {
    padding-top: 6vw; }
    .seminar-details-sec1 .seminar-details-ttl {
      font-size: 6.6vw;
      text-align: justify; }
    .seminar-details-sec1 .seminar-details-text {
      font-size: 3.4vw;
      text-align: justify;
      margin-top: 4vw; }
    .seminar-details-sec1 .img-wrap {
      text-align: center;
      margin: 8vw 0 10vw; }
      .seminar-details-sec1 .img-wrap img {
        max-width: 100%;
        width: auto; }
    .seminar-details-sec1 .seminar-details-desc {
      font-size: 3.4vw;
      margin: 5vw 0 8vw; }
    .seminar-details-sec1 .desc-btn {
      font-size: 4.2vw;
      text-align: center;
      border: 2px solid #626262;
      padding: 3vw 0;
      font-weight: 400;
      margin: 5vw 0 8vw;
      cursor: pointer;
      position: relative; }
      .seminar-details-sec1 .desc-btn:before {
        content: "";
        position: absolute;
        right: 7%;
        top: calc((100% - 12.2px)/2);
        width: 8.5px;
        height: 8.5px;
        border: 1px solid;
        border-color: transparent transparent #565656 #565656;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
      .seminar-details-sec1 .desc-btn.open:before {
        top: calc((100% - 3.2px)/2);
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
  /*********************************************************
セミナー一覧
*********************************************************/
  .seminar-sec1 {
    padding: 6vw 0; }
    .seminar-sec1 .seminar-list {
      margin-top: 8vw; }
  /*********************************************************
セミナー申し込み画面
*********************************************************/
  .app-sec1 {
    padding: 8vw 0; }
  .app-sec1-wrap .app-ttl {
    margin-top: 8vw; }
  .app-sec1-wrap .radio-wrap,
  .app-sec1-wrap .check-wrap {
    margin-top: 10vw; }
    .app-sec1-wrap .radio-wrap .form-ttl,
    .app-sec1-wrap .check-wrap .form-ttl {
      margin-bottom: 4vw; }
  .app-sec1-wrap .terms-text {
    font-size: 3.4vw;
    padding: 4vw;
    margin-top: 4vw; }
  .app-sec1-wrap .form-btn-wrap {
    margin-top: 8vw; }
  /*********************************************************
 セミナー申し込み確認画面
*********************************************************/
  .app-conf-sec1 {
    padding: 8vw 0; }
    .app-conf-sec1 .app-sec1-wrap .app-ttl {
      margin: 8vw 0; }
    .app-conf-sec1 .app-sec1-wrap .radio-wrap {
      margin-top: 10vw; }
      .app-conf-sec1 .app-sec1-wrap .radio-wrap .form-ttl {
        margin-bottom: 4vw; }
    .app-conf-sec1 .app-sec1-wrap .terms-text {
      font-size: 3.4vw;
      padding: 4vw;
      margin-top: 4vw; }
    .app-conf-sec1 .app-sec1-wrap .form-btn-wrap {
      margin-top: 8vw; }
    .app-conf-sec1 .app-sec1-wrap .seminar-table2 {
      margin-top: 12vw; }
  /*********************************************************
セミナー申し込み完了画面
*********************************************************/
  .app-payment-sec1 {
    padding: 8vw 0; }
  /*********************************************************
セミナー申し込み完了画面
*********************************************************/
  .app-send-sec1 {
    padding: 8vw 0; }
  .send-text {
    margin-top: 8vw; }
  /*********************************************************
 アーカイブ動画全一覧
*********************************************************/
  .movie-sec1 {
    padding: 9vw 0; }
    .movie-sec1 .movie-list {
      margin-top: 8vw; }
    .movie-sec1 .more-list {
      margin-top: 8vw; }
  /*********************************************************
 アーカイブ動画全一覧
*********************************************************/
  .movie-details-ttl {
    font-size: 4.8vw;
    margin: 3vw 0 5vw; }
  .movie-wrap iframe {
    height: auto; }
  .movie-details-sec1 {
    padding: 4vw 0 0; }
    .movie-details-sec1 .inner845.movie-width {
      width: 100%; }
    .movie-details-sec1 .movie-date-wrap {
      padding-bottom: 0; }
      .movie-details-sec1 .movie-date-wrap .movie-date .cat {
        font-size: 2.6vw;
        padding: 1vw 4vw;
        margin-right: 2vw; }
    .movie-details-sec1 .movie-details-wrap {
      padding: 4vw 0;
      border-top: none;
      border-bottom: 1px solid #dcdcdc; }
      .movie-details-sec1 .movie-details-wrap .top-cont {
        margin-bottom: 5vw; }
      .movie-details-sec1 .movie-details-wrap .details-wrap {
        width: 60%; }
        .movie-details-sec1 .movie-details-wrap .details-wrap .details-inner {
          margin-right: 0;
          display: block; }
        .movie-details-sec1 .movie-details-wrap .details-wrap .top-cont-ttl {
          margin-right: 4vw; }
      .movie-details-sec1 .movie-details-wrap .btm-cont {
        width: 100%; }
      .movie-details-sec1 .movie-details-wrap .common-btn {
        width: 38%; }
        .movie-details-sec1 .movie-details-wrap .common-btn a {
          padding: 2vw 4vw;
          text-align: left;
          font-size: 2.6vw; }
          .movie-details-sec1 .movie-details-wrap .common-btn a span {
            padding-right: 30%; }
            .movie-details-sec1 .movie-details-wrap .common-btn a span:before {
              width: 20px;
              height: 16px;
              top: calc((100% - 16px)/2); }
    .movie-details-sec1 .instructor-wrap {
      padding: 4vw 0;
      display: block; }
      .movie-details-sec1 .instructor-wrap .instructor-text {
        width: 100%;
        margin-bottom: 4vw; }
      .movie-details-sec1 .instructor-wrap .instructor-list {
        width: 100%; }
  /*
ログイン画面
*/
  .login-sec1 {
    padding: 8vw 0; }
    .login-sec1 .login-inner {
      padding: 6vw; }
      .login-sec1 .login-inner .login-ttl {
        margin-bottom: 4vw; }
      .login-sec1 .login-inner dl {
        margin-bottom: 5vw; }
      .login-sec1 .login-inner .login-btn {
        margin-top: 6vw; }
      .login-sec1 .login-inner .lost-pass {
        margin-top: 6vw; }
        .login-sec1 .login-inner .lost-pass a {
          font-size: 3.4vw; }
      .login-sec1 .login-inner .caution {
        font-size: 3vw; }
      .login-sec1 .login-inner.login-inner2 {
        padding: 6vw 0; }
    .login-sec1 .login-text {
      margin-bottom: 6vw; }
  /*
archive一覧
*/
  .archive-sec1 {
    padding: 9vw 0; }
    .archive-sec1 .pagenav_wrap {
      margin-top: 12vw; }
  /*
singleデザイン
*/
  .single-sec1 {
    padding-top: 9vw; }
    .single-sec1 .data-wrap .day {
      font-size: 4.2vw;
      margin-right: 2vw; }
    .single-sec1 .data-wrap .cat {
      font-size: 2.6vw;
      padding: 1.5vw 3vw;
      line-height: 1; }
    .single-sec1 .data-wrap .single-ttl {
      margin: 4vw 0; }
    .single-sec1 .img-wrap {
      margin-bottom: 4vw; }
    .single-sec1 .single-cont {
      margin-bottom: 12vw; }
      .single-sec1 .single-cont img {
        height: auto !important; }
    .single-sec1 .single-sub-ttl1,
    .single-sec1 .single-sub-ttl2 {
      margin-bottom: 4vw; }
    .single-sec1 .customer-name {
      font-size: 3.6vw;
      margin: 4vw 0 8vw; }
      .single-sec1 .customer-name span {
        font-size: 5vw;
        margin-right: 3%; }
    .single-sec1 .single-text {
      font-size: 4vw;
      margin-bottom: 4vw; }
  .single-sec2 {
    padding: 14vw 0; }
    .single-sec2 .relation-ttl {
      margin-bottom: 4vw; }
  /*
セミナー受講履歴
*/
  .seminar-history-sec1 {
    padding: 6vw 0 20vw; }
    .seminar-history-sec1 .ttl-wrap {
      margin-bottom: 6vw;
      padding-bottom: 2vw;
      display: block; }
      .seminar-history-sec1 .ttl-wrap .point-wrap {
        padding-left: 10%;
        margin-top: 2vw; }
        .seminar-history-sec1 .ttl-wrap .point-wrap .point-ttl:before {
          left: -41%;
          top: -30%;
          font-size: 3.2vw;
          padding-left: 2px; }
        .seminar-history-sec1 .ttl-wrap .point-wrap .price {
          font-size: 7vw; }
    .seminar-history-sec1 .pagenav_wrap {
      margin-top: 12vw; }
  /*
代表の言葉
*/
  .guide-greeting-sec1 .text-wrap {
    width: 100%; }
  .guide-greeting-sec1 .name-wrap {
    width: 100%;
    margin: 8vw auto 0; }
  .guide-greeting-sec1 .representative-name {
    font-size: 3vw; }
    .guide-greeting-sec1 .representative-name .name {
      font-size: 7vw;
      margin-bottom: 2vw; }
  /*
静的ページの共通CSS
*/
  .page-sec {
    padding: 13vw 0;
    /*
    講師紹介
    */
    /*
    講師紹介
    */
    /*
    スクールの特徴ナンバーデザイン1
    */
    /*
    スクールの特徴ナンバーデザイン1
    */
    /*
    スクールの特徴ナンバーデザイン2
    */
    /*
    スクールの特徴ナンバーデザイン2
    */ }
    .page-sec.guide-feature-sec {
      padding: 10vw 0; }
      .page-sec.guide-feature-sec:first-of-type {
        padding-top: 13vw; }
    .page-sec .page-ttl,
    .page-sec .page-ttl-center {
      margin-bottom: 9vw; }
    .page-sec .img {
      margin-bottom: 9vw; }
    .page-sec .text-wrap {
      font-size: 3.4vw; }
    .page-sec .catch-copy {
      font-size: 4.8vw; }
    .page-sec .teacher-wrap {
      margin-bottom: 16vw; }
      .page-sec .teacher-wrap:last-child {
        margin-bottom: 0; }
      .page-sec .teacher-wrap .teacher-inner {
        margin-bottom: 6vw;
        display: block; }
      .page-sec .teacher-wrap .img-wrap,
      .page-sec .teacher-wrap .text-warp {
        width: 100%; }
      .page-sec .teacher-wrap .text-warp {
        text-align: left;
        padding: 8vw 5vw; }
        .page-sec .teacher-wrap .text-warp .teacher-title {
          font-size: 4.2vw;
          letter-spacing: 0; }
        .page-sec .teacher-wrap .text-warp .teacher-name {
          font-size: 6.6vw;
          margin: 2vw 0 4vw; }
          .page-sec .teacher-wrap .text-warp .teacher-name span {
            font-size: 2.6vw; }
        .page-sec .teacher-wrap .text-warp .teacher-position {
          font-size: 2.6vw; }
      .page-sec .teacher-wrap .text {
        text-align: justify; }
    .page-sec .guide-feature-nmb-wrap1 {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .page-sec .guide-feature-nmb-wrap1 .text-wrap {
        width: 100%;
        margin-top: 5vw; }
      .page-sec .guide-feature-nmb-wrap1 .img-wrap {
        width: 100%;
        min-width: 100%; }
      .page-sec .guide-feature-nmb-wrap1.normal .text-wrap {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-right: 0; }
      .page-sec .guide-feature-nmb-wrap1.normal .img-wrap {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
      .page-sec .guide-feature-nmb-wrap1.opposite .text-wrap {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; }
      .page-sec .guide-feature-nmb-wrap1.opposite .img-wrap {
        margin-right: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
    .page-sec .guide-feature-nmb-wrap2 .guide-feature-nmb-wrap2-inner {
      padding-left: 30px;
      margin-bottom: 10vw; }
      .page-sec .guide-feature-nmb-wrap2 .guide-feature-nmb-wrap2-inner:last-child {
        margin-bottom: 0; }
      .page-sec .guide-feature-nmb-wrap2 .guide-feature-nmb-wrap2-inner .text-wrap {
        font-size: 2.6vw;
        margin-top: 3vw; }
        .page-sec .guide-feature-nmb-wrap2 .guide-feature-nmb-wrap2-inner .text-wrap .red {
          color: #8a0000; }
        .page-sec .guide-feature-nmb-wrap2 .guide-feature-nmb-wrap2-inner .text-wrap .big {
          font-size: 5.2vw;
          line-height: 1.2; }
          .page-sec .guide-feature-nmb-wrap2 .guide-feature-nmb-wrap2-inner .text-wrap .big .small {
            font-size: 2.6vw;
            display: inline-block; }
  /*
静的ページの共通CSS
*/
  /*
会員特典について
*/
  .guide-rule-sec1 .benefits-list li {
    margin-bottom: 12vw;
    display: block; }
    .guide-rule-sec1 .benefits-list li:last-child {
      margin-bottom: 0; }
    .guide-rule-sec1 .benefits-list li .img-wrap {
      width: 100%;
      min-width: auto;
      margin-right: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .guide-rule-sec1 .benefits-list li .img-wrap img {
        width: 35%; }
      .guide-rule-sec1 .benefits-list li .img-wrap h3 {
        font-size: 6.5vw;
        color: #8a0000;
        margin-left: 6%;
        line-height: 1.2; }
    .guide-rule-sec1 .benefits-list li .text-wrap {
      width: 100%;
      margin-top: 5vw; }
      .guide-rule-sec1 .benefits-list li .text-wrap .check {
        font-size: 4vw;
        line-height: 1.1;
        margin-bottom: 4vw;
        padding-left: 24px; }
        .guide-rule-sec1 .benefits-list li .text-wrap .check:last-child {
          margin-bottom: 0; }
        .guide-rule-sec1 .benefits-list li .text-wrap .check:before {
          top: 3px;
          width: 17px;
          height: 14px; }
  .guide-rule-sec2 .text-wrap {
    margin-bottom: 9vw; }
  /*
会員特典について
*/
  /*
チェックテスト
*/
  .completion-test-sec .result-wrap span {
    font-size: 10vw; }
  /*
受講料について
*/
  .guide-tuition-sec1 {
    padding-bottom: 0; }
    .guide-tuition-sec1 .text-wrap {
      margin-top: 4vw;
      line-height: 1.7; }
  .guide-tuition-sec2 {
    padding: 18vw 0 0; }
    .guide-tuition-sec2 .img-wrap {
      width: 100%;
      margin-right: 0;
      margin-bottom: 10vw; }
      .guide-tuition-sec2 .img-wrap:last-of-type {
        margin-right: 0;
        margin-bottom: 0; }
      .guide-tuition-sec2 .img-wrap .text-wrap {
        margin-top: 5vw; }
        .guide-tuition-sec2 .img-wrap .text-wrap .ttl {
          margin-bottom: 2vw; }
        .guide-tuition-sec2 .img-wrap .text-wrap .text {
          font-size: 3.2vw; }
  .guide-tuition-sec3 {
    padding: 18vw 0 13vw; }
    .guide-tuition-sec3 .page-ttl-center {
      margin-bottom: 6.5vw; }
    .guide-tuition-sec3 .text-wrap {
      text-align: center;
      margin-bottom: 8vw; }
    .guide-tuition-sec3 .img-wrap .img-inner {
      margin-left: -33px; }
    .guide-tuition-sec3 .img-wrap img {
      width: 100%;
      padding-left: 33px;
      padding-bottom: 6vw; }
  /*
受講料について
*/
  /*
スクールの特徴
*/
  .guide-feature-sec5 .teacher-wrap {
    margin-top: 6vw; }
  .guide-feature-sec6 .catch-copy {
    margin: 8vw 0 4vw; }
  .guide-feature-sec9 .img-wrap {
    margin: 4vw 0 4vw; }
    .guide-feature-sec9 .img-wrap img {
      width: 100%; }
  /*
スクールの特徴
*/
  /*
ベーシックスクールとは
*/
  .school-merit-sub-ttl {
    font-size: 12.3vw;
    margin-bottom: 8vw; }
    .school-merit-sub-ttl span {
      font-size: 5.2vw;
      margin-top: 8vw; }
  /*
ベーシックスクールとはsec1
*/
  /*
ベーシックスクールとはsec1
*/
  /*
ベーシックスクールとはsec2
*/
  .school-merit-sec2 img {
    width: 50%; }
  /*
ベーシックスクールとはsec2
*/
  /*
ベーシックスクールとはsec3
*/
  .school-merit-sec3 {
    background: url("../img/school_merit/school_merit_sec3_bg_sp.jpg") no-repeat right/cover;
    padding: 20vw 0; }
    .school-merit-sec3 .school-merit-sec3-ttl {
      font-size: 6.7vw;
      margin-bottom: 8vw;
      line-height: 1.3; }
  /*
ベーシックスクールとはsec3
*/
  /*
ベーシックスクールとはsec4
*/
  .school-merit-sec4 .school-merit-sec4-ttl {
    font-size: 6.7vw;
    line-height: 1.3;
    margin-bottom: 6vw; }
  .school-merit-sec4 .text-wrap {
    margin-bottom: 8vw; }
  .school-merit-sec4 .school-merit-sec4-list {
    margin-left: 0; }
    .school-merit-sec4 .school-merit-sec4-list li {
      padding-left: 0; }
      .school-merit-sec4 .school-merit-sec4-list li .img-wrap img {
        width: 48%; }
      .school-merit-sec4 .school-merit-sec4-list li h3 {
        font-size: 5.6vw;
        margin: 4vw 0; }
  /*
ベーシックスクールとはsec4
*/
  /*
ベーシックスクールとはsec5
*/
  .school-merit-sec5 .text-wrap {
    margin-bottom: 1vw; }
  /*
ベーシックスクールとはsec5
*/
  /*
ベーシックスクールとはsec6
*/
  .school-merit-sec6 {
    background: url("../img/school_merit/school_merit_sec6_bg_sp.jpg") no-repeat left bottom/cover; }
    .school-merit-sec6 .school-merit-sec6-ttl {
      font-size: 6.7vw;
      line-height: 1.3;
      text-align: left;
      margin-bottom: 4vw; }
    .school-merit-sec6 .text-wrap {
      margin-bottom: 4vw; }
    .school-merit-sec6 .link-wrap img {
      width: 100%;
      margin-right: 0;
      margin-bottom: 5vw; }
  /*
ベーシックスクールとはsec6
*/
  /*
ベーシックスクールとはsec7
*/
  .school-merit-sec7 a {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .school-merit-sec7 a:hover {
      opacity: 0.7;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
  /*
ベーシックスクールとはsec7
*/
  /*
ベーシックスクールとは
*/
  /*
スクール概要紹介
*/
  .guide-overview-cont {
    margin-bottom: 20vw;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .guide-overview-cont .left-cont {
      width: 100%;
      margin-right: 0; }
      .guide-overview-cont .left-cont h3 {
        font-size: 8.6vw;
        margin-bottom: 0;
        display: inline-block;
        margin-right: 1vw; }
        .guide-overview-cont .left-cont h3.icon1 {
          padding-left: 10vw; }
          .guide-overview-cont .left-cont h3.icon1:before {
            width: 30px;
            height: 22px;
            top: calc((100% - 30px)/2); }
        .guide-overview-cont .left-cont h3.icon2 {
          padding-left: 11vw; }
          .guide-overview-cont .left-cont h3.icon2:before {
            width: 32px;
            height: 22px;
            top: calc((100% - 32px)/2); }
      .guide-overview-cont .left-cont .school-type {
        font-size: 4.6vw;
        font-weight: bold; }
      .guide-overview-cont .left-cont img {
        margin-top: 4vw; }
    .guide-overview-cont .right-cont {
      width: 100%;
      margin-top: 6vw; }
      .guide-overview-cont .right-cont .feature-list li {
        font-size: 4vw;
        padding-left: 5vw;
        margin-bottom: 2vw; }
        .guide-overview-cont .right-cont .feature-list li:before {
          top: calc((100% - 10px)/2);
          width: 12px;
          height: 10px; }
      .guide-overview-cont .right-cont .school-type-list {
        margin: 6vw 0 4vw -7px; }
        .guide-overview-cont .right-cont .school-type-list li {
          padding-left: 7px;
          padding-bottom: 7px; }
          .guide-overview-cont .right-cont .school-type-list li span {
            font-size: 3.8vw;
            line-height: 1.2;
            padding: 3vw; }
      .guide-overview-cont .right-cont p {
        font-size: 2.7vw; }
  /*
スクール概要紹介
*/
  /*
カリキュラム
*/
  .curriculum-list {
    margin-left: 0; }
    .curriculum-list li {
      margin-bottom: 54px;
      padding-left: 0; }
      .curriculum-list li:before {
        right: calc((100% - 3px)/2);
        top: auto;
        bottom: -34.5px;
        width: 3px;
        height: 15px; }
      .curriculum-list li:after {
        right: calc((100% - 15px)/2);
        top: auto;
        bottom: -28.5px;
        width: 15px;
        height: 3px; }
      .curriculum-list li .curriculum-list-inner {
        width: 75%;
        height: auto;
        padding: 10vw 4vw; }
        .curriculum-list li .curriculum-list-inner .ttl {
          font-size: 4.8vw;
          margin-bottom: 7vw; }
        .curriculum-list li .curriculum-list-inner .text {
          font-size: 3.4vw; }
          .curriculum-list li .curriculum-list-inner .text span {
            font-size: 2.6vw;
            margin-top: 2vw; }
  /*
カリキュラム
*/
  /*
学習方針
*/
  .guide-vision-cont .img-text-column2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .guide-vision-cont .img-text-column2.img-text .column2-img {
      margin-right: 0; }
    .guide-vision-cont .img-text-column2.text-img .column2-img {
      margin-left: 0; }
    .guide-vision-cont .img-text-column2 .column2-img {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      margin-bottom: 6vw; }
    .guide-vision-cont .img-text-column2 .balance8_img,
    .guide-vision-cont .img-text-column2 .stepup_img,
    .guide-vision-cont .img-text-column2 .dream_img {
      width: 100%; }
      .guide-vision-cont .img-text-column2 .balance8_img img,
      .guide-vision-cont .img-text-column2 .stepup_img img,
      .guide-vision-cont .img-text-column2 .dream_img img {
        width: 100%; }
    .guide-vision-cont .img-text-column2 p {
      width: 100%;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; }
  .guide-vision-cont .text-column2 {
    margin-top: 6vw; }
    .guide-vision-cont .text-column2 p {
      width: 100%;
      margin-right: 0;
      margin-bottom: 6vw; }
      .guide-vision-cont .text-column2 p:last-child {
        margin-bottom: 0; }
      .guide-vision-cont .text-column2 p span {
        font-size: 3.8vw; }
  /*
学習方針
*/
  /*
アウェアネスのご紹介
*/
  .introduction-ttl {
    font-size: 8.2vw; }
    .introduction-ttl .grid {
      display: block; }
    .introduction-ttl .middle {
      display: block;
      font-size: 4.2vw;
      margin-left: 0; }
    .introduction-ttl .small {
      font-size: 3.7vw;
      margin-top: 3vw; }
  .introduction-sub-ttl {
    font-size: 4.4vw;
    padding-left: 2vw;
    margin: 6vw 0 3vw; }
  .introduction-cont {
    margin-bottom: 12vw; }
    .introduction-cont .img-wrap img {
      margin-bottom: 6vw; }
    .introduction-cont .introduction-desc span {
      font-size: 3.8vw; }
    .introduction-cont .introduction-text {
      margin-top: 4vw; }
    .introduction-cont .introduction-inner-list {
      padding: 6vw 1vw;
      margin-bottom: -3%; }
      .introduction-cont .introduction-inner-list li {
        margin-left: 3%;
        margin-bottom: 3%; }
      .introduction-cont .introduction-inner-list.small-img li {
        width: 47%; }
      .introduction-cont .introduction-inner-list.middle-img li {
        margin: 0 3% 3%;
        width: 100%; }
      .introduction-cont .introduction-inner-list.big-img li {
        width: 100%;
        margin: 0 3% 3%; }
        .introduction-cont .introduction-inner-list.big-img li:first-child {
          margin-right: 3%; }
  .page-sec.introduction-sec2 .introduction-table {
    margin-bottom: 6vw; }
  /*
アウェアネスのご紹介
*/
  /*********************************************************
各ページのCSS終わり
*********************************************************/ }

/****************************************************
スマホ
****************************************************/