/*/////////////////cssガイド/////////////////

すべてのページにおける設定(ブラウザごとの余白リセット/フォントファミリー/リストリセット/画像100%/リンクリセット/見出しリセット/レスポンシブ/フォントサイズ/コンテンツの横幅)

↓以下サイトごとにガイドをリストの通り書いていってください↓
MV 
全ページ共通
TOPページ
page01(ファイル名)
page02(ファイル名)
問い合わせフォーム関連

////////////////////////////////////////////*/

@charset 'utf-8';
  * {
    margin: 0;
    padding: 0;
  }
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
      "Segoe UI", YuGothic, "Yu Gothic Medium","Noto Sans JP", "Hiragino Sans",
      "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-feature-settings: "palt";
    color: #1f1f1f;
    background-color: #fff;
  }

  a {
    color: #fff;
    display: block;
  }
  
  li {
    list-style-type: none;
  }
  img {
    width: 100%;
  }


  /*レスポンシブ*/
.forSp {
    display: none;
  }
  .forPc {
    display: block;
  }
  @media screen and (max-width: 767px) {
    .forSp {
      display: block;
    }
    .forPc {
      display: none;
    }
  }

  /*フォントサイズ・色*/
  body {
    font-size: 1vw;
    line-height: 1.8vw;
    font-weight: bold;
  }
  h3 {
    text-align: center;
  }
  .sub_tit {
    font-size: 1.5vw;
  }
  @media screen and (max-width: 767px) {
  /*フォントサイズ・色*/
  body {
    font-size: 3.5vw;
    line-height: 6.5vw;
  }
  .sub_tit {
    font-size: 4vw;
  }
}



/*TOP*/
  .top {

  }
  .top h2 {
    font-size: 0.8vw;
  }
  .top h3 {
    font-size: 2.5vw;
    line-height: 3.5vw;
    margin-bottom: 1vw;
  }
  .top h4 {
    font-size: 2.5vw;
    line-height: 3vw;
    margin-top: 0.5vw;
  }
  @media screen and (max-width: 767px) {
    .top h2 {
        font-size: 4vw;
        margin-bottom: 2vw;
      }
    .top h3 {
        line-height: 11vw;
        font-size: 8.5vw;
        margin-bottom: 5vw;
      }
      .top h4 {
        font-size: 6.5vw;
        line-height: 7vw;
        margin-top: 2.5vw;
    }
    
  }

  /*ファーストビュー*/
  .fv {
    padding-top: 6vw;
  }
  .fv h3 {
    text-align: left;
  }
  .fvwrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .fvtxtbox {
    width: 45%;
    box-sizing: border-box;
    padding: 9vw 0 0 15vw;
  }
  .mvslidecon {
    width: 55%;
    box-sizing: border-box;
  }
  .slick-list {
    padding: 0 15% 0 0 !important;
    }
 .slick-slide {
        margin-right: 1vw;
    }
 .slick-list img {
    width: 100%;
    }

  .mvmenu {
    position: relative;
    box-sizing: border-box;
  }
  .mvmenu_tit {
    position: absolute;
    top: 3vw;
    left: 2vw;
    color: #fff;
  }
  .btn_white01 {
    border: 1px solid #fff;
    color: #fff;
    background: none;
    border-radius: 3vw;
    width: 60%;
    line-height: 4vw;
    box-sizing: border-box;
  }
  .mvslidecon .btn_white01 {
    position: absolute;
    bottom: 2vw;
    left: 20%;
  }
  .btn_blue02 {
    background: #0E3049;
    color: #fff;
    width: 55%;
    line-height: 3vw;
    border-radius: 0.7vw;
    border: none;
  }
  .btn_blue02 a {
    color: #fff;
  }
  @media screen and (max-width: 767px) {
    .fvwrapper {
        display: block;
    }
    .fvtxtbox {
        width: 90%;
        padding: 9vw 0 9vw 10%;
    }
    .mvslidecon {
        width: 90%;
        margin-left: 10%;
    }
    .slick-list {
        padding: 0 40% 0 0 !important;
    }
    .mvmenu_tit {
        top: 8vw;
        left: 3vw;
    }
    .mvmenu_tit p {
        line-height: 5vw;
    }
    .mvslidecon .btn_white01 {
        bottom: 5vw;
        left: 15%;
    }
    .btn_white01 {
        border-radius: 6vw;
        width: 70%;
        line-height: 11vw;
    }
    .btn_blue02 {
        width: 70%;
        line-height: 15vw;
        border-radius: 2.7vw;
    }
}

  /*ピックアップ*/
  .pickupcon {
    background: #F5F5F5;
    padding: 6vw 0 6vw 0;
    margin-top: 5vw;
  }
  .pickupinner {
    width: 70%;
    margin: 0 auto;
  }

  .pickup_tit {
    position: absolute;
    top: 2vw;
    left: 1.5vw;
    color: #000;
  }
  .top .pickup_tit h4 {
    font-size: 1.8vw;
    line-height: 2.2vw;
    margin-top: 0.5vw;
}
  .sliderpickup .slick-list {
    padding: 0 0 0 0 !important;
    }
    @media screen and (max-width: 767px) {
        .pickupcon {
            padding: 12vw 0 12vw 0;
            margin-top: 18vw;
        }
        .pickupinner {
            width: 90%;
            margin-left: 10%;
        }
        .pickupcon .slick-list {
            padding: 0 10% 0 0 !important;
        }
        .pickup_tit {
            position: absolute;
            top: 6vw;
            left: 3vw;
        }
        .pickup_tit p {
            line-height: 4vw;
            font-size: 3vw;
        }
        .top .pickup_tit h4 {
            font-size: 4.8vw;
            line-height: 6.2vw;
            margin-top: 1.5vw;
        }
    }




/*留学について*/
.abroad_menu {
    padding-top: 10vw;
    padding-bottom: 10vw;
}
.abroad_menu h3 {
    text-align: center;
}
.abroad_con {
    width: 70%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.abroadmenu_box {
    position: relative;
    width: 50%;
    box-sizing: border-box;
}
.abroadmenu_box img {
    display: block;
}
.abroad_tit {
    position: absolute;
    bottom: 2vw;
    left: 2.5vw;
    color: #fff;
  }

.icon_yaji {
    width: 3vw;
    margin-top: 1vw;
}
@media screen and (max-width: 767px) {
    .abroad_con {
        width: 80%;
        display: block;
    }
    .abroadmenu_box {
        width: 100%;
        height: 70vw;
        overflow: hidden;
    }
    .abroad_menu {
        padding-top: 25vw;
        padding-bottom: 10vw;
    }
    .abroad_tit {
        bottom: 8vw;
        left: 5.5vw;
        z-index: 1;
    }
    .abroad_tit p {
        line-height: 6vw;
    }
    .abroad_tit h4 {
        font-size: 7.5vw;
        line-height: 8vw;
        margin-top: 3.5vw;

    }
    .icon_yaji {
        width: 9vw;
        margin-top: 6vw;
    }
    .abroadmenu_box img.abroadimg {
        transform: scale(1.9);
    }
}





/*短期留学プログラム*/
.section_defo {
    padding: 6vw 0 6vw 0;
    margin-top: 5vw;
}
.abroad_program {
    background: #F5F5F5;
}
.abroad_program h3 {
    margin-bottom: 3vw;
    line-height: 3vw;
}
.abroad_program .slick-list {
    padding: 0 0 0 0 !important;
}
.programinner {
    width: 60%;
    margin: 0 auto;
}
.programbox {
    background: #fff;
    box-sizing: border-box;
}
.programbox.slick-slide {
    margin-right: 0;
    padding-bottom: 1vw;
}
.program_imgbox {
    position: relative;
    overflow: hidden;
    height: 12vw;
}
.program_imgbox img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.program_imgbox .category {
    position: absolute;
    bottom: 0;
    left: 10%;
    background: #fff;
    font-size: 1vw;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    text-align: center;
    font-weight: normal;
    box-sizing: border-box;
    color: #1f1f1f;

}
.programbox .txtbox{
    width: 80%;
    margin: 0 auto;
    margin-top: 1vw;
    margin-bottom: 1vw;
}
.program_tit {
    font-size: 1vw;
    line-height: 1.5vw;
    color: #1f1f1f;
}
.program_days {
    color: #999999;
    font-weight: normal;
    font-size: 0.8vw;
    margin-top: 2vw;
}
.abroad_program .btn_blue02,
.news .btn_blue02,
.news-details .btn_blue02 {
    width: 20%;
    margin-left: 40%;
    line-height: 4vw;
}
@media screen and (max-width: 767px) {
    .section_defo {
        padding: 20vw 0 20vw 0;
        margin-top: 25vw;
    }
    .abroad_program h3 {
        margin-bottom: 9vw;
        line-height: 9vw;
    }
    .abroad_program .slick-list {
        padding: 0 40% 0 0 !important;
    }
    .programinner {
    width: 90%;
    margin-left: 10%;
    }
    .program_imgbox {
      height: 30vw;
    }
    .program_tit {
        font-size: 3.5vw;
        line-height: 4vw;
    }
    .programbox.slick-slide {
        padding-bottom: 3vw;
    }
    .program_imgbox .category {
        font-size: 3vw;
        padding-left: 4vw;
        padding-right: 4vw;
    }
    .programbox .txtbox {
        width: 80%;
        margin-top: 4vw;
    }
    .program_days {
        font-size: 3vw;
        margin-top: 5vw;
    }
    .abroad_program .btn_blue02,
    .news .btn_blue02,
    .news-details .btn_blue02 {
        width: 70%;
        line-height: 15vw;
        border-radius: 2.7vw;
        margin-left: 15%;
        margin-top: 5vw;
        font-size: 3.5vw;
    }
}




/*インスタ*/
.instagram_con {
    width: 70%;
    margin: 0 auto;
    border-bottom: 1px solid #000;
}
#sb_instagram #sbi_load .sbi_follow_btn {
  width: 30%;
  margin: 0 auto;
  margin-top: 3vw;
}
#sb_instagram .sbi_follow_btn a, #sb_instagram .sbi_follow_btn a, #sb_instagram #sbi_load .sbi_load_btn {
  width: 100%;
    line-height: 3vw;
    border-radius: 0.7vw;
}
@media screen and (max-width: 767px) {
    .instagram_con {
        width: 80%;
    }
    #sb_instagram #sbi_load .sbi_follow_btn {
      width: 100%;
      margin: 0 auto;
      margin-top: 6vw;
    }
    #sb_instagram .sbi_follow_btn a, #sb_instagram .sbi_follow_btn a, #sb_instagram #sbi_load .sbi_load_btn {
      width: 100%;
      line-height: 12vw;
      border-radius: 2.7vw;
    }
}



/*アザーエリア*/
.other_area {
    position: relative;
    padding-top: 17vw;
  }
  .other_area .eng_tit {
    position: absolute;
    top: 5vw;
    left: 3vw;
    z-index: -1;
    font-size: 13vw;
    line-height: 10vw;
    color: #F5F5F5;
  }
  .other_area h3 {
    text-align: left;
  }
  .oa_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .oa_txtbox {
    width: 50%;
    box-sizing: border-box;
    padding: 5vw 0 0 20%;
  }
  .oa_slidecon {
    width: 50%;
    box-sizing: border-box;
  }
  .other_area .slick-list {
    padding: 0 15% 0 0 !important;
    }
 .other_area .slick-slide {
        margin-right: 1vw;
    }
 .other_area .slick-list img {
    width: 100%;
    }

  .oa_menu {
    position: relative;
    box-sizing: border-box;
  }
  .oa_menu_tit {
    position: absolute;
    top: 5vw;
    left: 2vw;
    color: #fff;
  }
  .oa_slidecon .btn_white01 {
    position: absolute;
    bottom: 2vw;
    left: 20%;
  }
  @media screen and (max-width: 767px) {
    .oa_wrapper {
        display: block;
    }
    .other_area .eng_tit {
        top: 15vw;
        left: 3vw;
        font-size: 22vw;
        line-height: 16vw;
    }
    .oa_txtbox {
        width: 80%;
        padding: 23vw 0 10vw 0;
        margin: 0 auto;
    }
    .oa_slidecon {
        width: 90%;
        margin-left: 10%;
    }
    .oa_menu_tit {
        top: 13vw;
        left: 6vw;
    }
    .oa_slidecon .btn_white01 {
        bottom: 9vw;
        left: 15%;
    }
    .other_area .slick-list {
        padding: 0 35% 0 0 !important;
    }
  }



  /*新着情報・お知らせ*/
  .news {
    background: #F5F5F5;
  }
  .news h3 {
    width: 60%;
    text-align: left;
    margin: 0 auto;
  }
  @media screen and (max-width: 767px) {
    .news h3 {
        width: 80%;
        font-size: 6.5vw;
    }
  }


  /*会社概要*/
  .company {
  }
  .company h3 {
    width: 60%;
    text-align: left;
    margin: 0 auto;
  }
  .company .sub_tit {
    margin-left: 1vw;
  }
  .company_box {
    width: 60%;
    margin: 0 auto;
    margin-top: 4vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .company_box .info_listbox {
    width: 40%;
    box-sizing: border-box;
  }
  .company_box .info_list {
    margin-bottom: 3vw;
  }
  .company_box .info_list li {
    margin-bottom: 1vw;
  }
  .company_box .googlemap {
    width: 60%;
    box-sizing: border-box;
  }
  .company_box .btn_blue02 {
    width: 85%;
    line-height: 4vw;

  }
  @media screen and (max-width: 767px) {
    .company {
        padding-top: 5vw;
    }
    .company h3 {
        width: 80%;
        font-size: 6.5vw;
    }
    .company_box .btn_blue02 {
      width: 100%;
        line-height: 15vw;
        border-radius: 2.7vw;
        font-size: 3.5vw;
    }  
    .company_box {
        width: 80%;
        margin: 0 auto;
        display: block;
    }
    .company_box .info_listbox {
        width: 100%;
    }
    .company_box .info_list {
        margin-top: 5vw;
        margin-bottom: 7vw;
    }
    .company_box .info_list li {
        margin-bottom: 6vw;
    }
    .company_box .googlemap {
        width: 100%;
        margin-top: 10vw;
    }
  }



  /*下層ページ共通*/
  .secondpage_mv {
    width: 80%;
    margin: 0 auto;
    border-bottom: 1px solid #1c1c1c;
    padding-left: 5%;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
  .secondpage_mv .sub_tit {
    font-size: 1.3vw;
    margin-bottom: 1.5vw;
  }
  .secondpage_mv h2 {
    font-size: 2.7vw;
  }

  /*ぱんくず*/
  .pankuzu {
    padding-left: 13%;
    margin-top: 1vw;
    font-size: 0.8vw;
  }
  .thiedpage__pankuzu {
    margin-top: 6vw;
  }
  .pankuzu a {
    color: #1c1c1c;
  }
  .pankuzu_inner {
    display: flex;
  }
  .thiedpage_pankuzuinnner {
    flex-wrap: wrap;
  }
  .pankuzu_item {
    position: relative;
  }
  .pankuzu_item:first-child {
    margin-right: 2vw;
  }
  .pankuzu_item:first-child::after {
    content: "＞";
    position: absolute;
    top: 0;
    right: -1.5vw;
    z-index: 1;
    font-weight: bold;
  }
  .pankuzu_item.has_child {
    margin-right: 2vw;
  }
  .pankuzu_item.has_child::after {
    content: "＞";
    position: absolute;
    top: 0;
    right: -1.5vw;
    z-index: 1;
    font-weight: bold;
  }
  .pankuzu_naviicon::after {
    content: "＞";
    position: absolute;
    top: 0;
    right: -1.5vw;
    z-index: 1;
    font-weight: bold;
  }
  .pankuzu_naviicon {
    margin-right: 2vw;
  }


  @media screen and (max-width: 767px) {
    .secondpage_mv {
      width: 90%;
      padding-left: 0%;
    }
    .secondpage_mv h2 {
      font-size: 8.7vw;
      line-height: 10vw;
   }
   .secondpage_mv .sub_tit {
    font-size: 4.3vw;
    margin-bottom: 3.5vw;
   }
   .secondpage_mv {
    padding-top: 10vw;
    padding-bottom: 10vw;
   }
   .pankuzu {
    padding-left: 8%;
    margin-top: 3vw;
    font-size: 3vw;
  }
  .pankuzu_item:first-child {
    margin-right: 5vw;
  }
  .pankuzu_item:first-child::after {
    right: -3.5vw;
  }
  .pankuzu_item.has_child {
    margin-right: 5vw;
  }
  .pankuzu_item.has_child::after {
    right: -3.5vw;
  }
  .pankuzu_naviicon {
    margin-right: 5vw;
}
.pankuzu_naviicon::after {
  right: -3.5vw;
}
  }


  /*短期留学プログラム*/
  .contentSectionWrapper.programsearch {
    margin-top: 6vw;
  }