@charset "utf-8";
/* CSS Document */
@media screen and (max-width:834px) {
  /*　画面サイズが768pxからはここを読み込む　*/
  /*ページ内リンク調整*/
  .link {
    margin-top: 0px;
    padding-top: 0px;
  }
  .main .link2 {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: -220px;
    padding-bottom: 220px;
  }
  body {
    max-width: 834px;
    line-height: 1.0;
    font-size: 16px;
  }
  h1, .intro h1 {
    margin-bottom: 20px;
  }
  /*ヘッダーロゴ*/
  .h_logo, .a_logo {
    width: 300px;
    height: 70px;
  }
  .h_logo img {
    width: auto;
    height: 30px;
    margin: 20px auto;
  }
  /*ナビ　スマホ---------------------------------------------------------------------------------------------------------*/
  #nav_pc {
    display: none;
  }
  #nav_sp {
    display: inline-block;
    height: auto;
    text-align: right;
    margin-right: 20px;
    line-height: 70px;
    /*position: absolute;*/
  }
  /*ナビ動作　スクロールで現れて固定------------*/
  .nav-under1 {
    margin-top: 70px;
  }
  .nav-fixed-2 {
    margin-top: 70px;
  }
  /*ナビ　トグル---------------------------------------------------------*/
  .navToggle {
    display: block;
    position: absolute; /* bodyに対しての絶対位置指定 */
    right: 20px;
    top: 15px;
    width: 42px;
    height: 51px;
    cursor: pointer;
    z-index: 10000;
    /*background: #666;*/
    text-align: center;
  }
  .navToggle span {
    display: block;
    position: absolute; /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #1e718f;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
  }
  .navToggle span:nth-child(1) {
    top: 9px;
  }
  .navToggle span:nth-child(2) {
    top: 18px;
  }
  .navToggle span:nth-child(3) {
    top: 27px;
  }
  .navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
  }
  /* 最初のspanをマイナス45度に */
  .navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /* 2番目と3番目のspanを45度に */
  .navToggle.active span:nth-child(2), .navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  /*ナビ　ドロワー中身------------------------------------------*/
  #nav-content {
    position: absolute;
    z-index: 9999;
    top: 70px;
    right: 0;
    background: #fff;
    transform: translateX(100%);
    transition: all 0.6s;
    width: 0%;
    overflow: hidden;
    filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
  }
  /* このクラスを、jQueryで付与・削除する */
  #nav-content.active {
    width: 40%;
    transform: translateX(0%);
  }
  /*ナビゲーション中身*/
  #nav_ham {
    margin: 10px 35px 15px;
  }
  #nav_ham ul.menu li {
    width: 100%;
    text-align: left;
  }
  /*言語切り替え*/
  .language_sp {
    width: 100px;
  }
  .language_sp li {
    list-style-type: none;
    font-size: 12px;
    margin-left: 10px;
    display: inline;
    color: #1e718f;
    font-weight: bold;
  }
  .language_sp li:first-child {
    margin-left: 0;
  }
  .language_sp li a {
    color: #1e718f;
    font-weight: bold
  }
  /*ナビここまで↑↑　↑↑---------------------------------------------------------------------------------------------------*/
  .top .main {
    padding-top: 100px;
  }
  .schoolinfo, .news, .curriculum, .enter, .life {
    max-width: 834px;
    margin: 0 auto 80px auto;
  }
  /*新着情報*/
  .news {
    position: absolute;
    top: 0;
    margin-bottom: 0;
    overflow: hidden;
  }
  .newsbar {
    float: right;
  }
  /*学校紹介*/
  .intro {
    margin-bottom: 60px;
  }
  .school .inbox h2 {
    margin: 12px auto 10px;
  }
  .school .sc_center h2 {
    font-size: 20px;
  }
  .school .inbox p {
    padding: 0 20px;
  }
  /*入学案内*/
  .enter {
    padding: 60px 0;
  }
  /*カリキュラム*/
  .curriculum h1 {
    margin-bottom: 40px;
  }
  .cur_left h2, .cur_right h2 {
    padding-bottom: 8px;
    margin-bottom: 10px;
  }
  .curriculum .cur_but {
    margin-top: 20px;
  }
  /*留学生活*/
  /*.life h1 {
    padding: 0 39%;
  }*/
  .life .life_innerbox {
    max-width: 100%;
    width: 47%;
    height: auto;
    margin-bottom: 20px;
    display: inline-block;
  }
  .life .life_innerbox:first-child, .life .life_innerbox:nth-child(3) {
    margin-right: 2%;
  }
  /*Q&Aとアクセスとコンタクト*/
  .qaccesscon {
    float: none;
    margin: 0 auto 80px;
  }
  .qa, .access, .contact {
    margin: 0 auto 20px;
  }
  .facebook {
    display: block;
    width: 100%;
  }
  /*フッター*/
  .foot_top {
    text-align: center;
    margin: 30px auto 0px;
  }
  .foot_top img {
    margin-bottom: 40px;
  }
  .foot_top address {
    text-align: center;
    display: block;
  }
  address::before {
    content: "";
    border-bottom: solid 1px #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 75px;
  }
  .foot_top #acbtm, .foot_top::after, .foot_bottom {
    display: none;
  }
  /*下層ページ共通-----------------------------------------------------------------------------------------------------*/
  /*メイン画像*/
  .main_img {
    margin-top: 0;
  }
  .main_img h1 {
    font-size: 40px;
    right: 20px;
  }
  .schedule_page .main_img h1 {
    font-size: 24px;
    right: 20px;
  }
  .contact_page .main_img h1, .curriculum_page .main_img h1, .sitemap .main_img h1 {
    font-size: 32px;
    right: 20px;
  }
  .admission_infomation .main_img h1, .access_page .main_img h1, .school_guidance .main_img h1, .life_page .main_img h1, .send_completely_page h1 {
    font-size: 32px;
    /*letter-spacing: 0em;*/
  }
  .privacy .main_img h1 {
    font-size: 20px;
    letter-spacing: 0em;
  }
  .main_img .bar {
    top: 115px;
  }
  /*faq---------------------------------------------------------------------------------------------------------*/
  .faq_tittle_block p {
    text-align: left;
  }
  .faqtext {
    margin-bottom: 30px;
  }
  /*contact_page-----------------------------------------------------------------------------------------------------------*/
  .contact_icon {
    display: block;
    margin: 0 auto 10px auto;
  }
  .contact_tittle_block p {
    margin-bottom: 20px;
  }
  .tel_fax_text {
    line-height: 1.5;
    margin-bottom: 40px;
  }
  .tel_fax_text span {
    display: none;
  }
  .tel_fax_text br {
    display: block;
  }
  .contact_contents .contact_lead_text {
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin: 0 auto 40px auto;
    /*font-size: 20px;*/
    padding: 0 !important;
  }
  .contaxt_box_child {
    display: block;
    margin: 0 auto 40px auto;
    /*font-size: 20px;*/
    max-height: 200px;
    height: auto;
  }
  .contaxt_box_child_big {
    display: block;
    margin: 0 auto 40px auto;
    /*font-size: 20px;*/
    height: 200px !important;
  }
  .contaxt_box_child div {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0 0 10px 0 !important;
    text-align: left;
    vertical-align: top;
  }
  .contaxt_box_child_big div {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0 0 10px 0 !important;
    text-align: left;
    vertical-align: top;
  }
  .contaxt_box_child .text_box {
    display: inline-block;
    width: 100%;
    height: 50px;
    margin: 0 !important;
  }
  .contaxt_box_child_big .text_box02 {
    display: inline-block;
    max-width: 500px;
    width: 100%;
    height: 150px;
    margin: 0;
  }
  /*admission_infomation----------------------------------------------------------------------------*/
  .pc_none {
    display: block;
  }
  .tab_none {
    display: none;
  }
  .f_d_area {
    max-width: 92%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .f_d_area_child {
    padding: 10px 0 0 0;
    display: flex;
  }
  .flow_description .pc_none {
    display: block;
  }
  .flow_description {
    margin: 0 auto 0 auto;
  }
  .box_text_area .blue_text, .box_text_area .green_text, .box_text_area .orange_text {
    width: auto;
    display: block;
    font-size: 24px;
    text-align: left;
    margin: 0 auto !important;
  }
  .box_text_area p {
    line-height: 0.7;
  }
  .green1 {
    line-height: 50px;
  }
  .flow_description h2 {
    font-size: 32px;
  }
  .accshow {
    margin-bottom: 0;
  }
  .accshow_child {
    display: block;
  }
  .accshow_child p {
    display: block;
    width: 100% !important;
  }
  .f_d_box_01, .f_d_box_02, .f_d_box_03 {
    width: 60px;
    height: 60px;
  }
  .f_d_box_01 .box_blue, .f_d_box_02 .box_green, .f_d_box_03 .box_orange {
    width: 60px;
    height: 60px;
  }
  .school_expenses {
    margin: 0 auto 50px auto;
  }
  /*access_page-------------------------------------------------------------------------------*/
  .map_area p {
    font-size: 20px;
  }
  .map_area_text_01 {
    font-size: 24px;
    margin-top: 30px;
  }
  .map_area {
    margin-bottom: 50px;
  }
  .route_area h2 {
    padding: 55px 0 40px;
  }
  .route_text_lead {
    font-size: 20px;
  }
  .route_box_01 p, .route_box_03 p {
    font-size: 18px;
  }
  .route_flex_area_02 .route_box_01 p {
    font-size: 14px;
    line-height: 1.5;
  }
  .route_flex_area_02 {
    margin-bottom: 0px;
  }
  .route_area {
    margin-bottom: 80px;
  }
  .access_page .w_1160 {
    margin: 0 auto 80px;
  }
  .uruma_area .uruma_area_child {
    padding: 50px;
  }
  /*curriculum_page-------------------------------------------------------------------------------*/
  .curriculum {
    margin: 0 auto 30px auto;
  }
  /*レベルごとの到達目標*/
  .box_level {
    width: 100%;
    height: auto;
    /*margin-bottom: 20px;*/
  }
  .box_level_left {
    width: 100%;
    height: 60px;
    text-align: center;
    padding: 0 280px;
    ;
    float: none
  }
  .box_level img {
    width: auto;
    height: 40px;
    position: absolute;
    bottom: 15px;
    left: 41%;
    transform: translateX(-50%);
  }
  .advanced img {
    bottom: 10px;
  }
  .box_level_left p {
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    font-size: 20px;
    line-height: 60px;
  }
  ul.box_level_text {
    margin: 20px 50px;
    font-size: 16px;
  }
  .basic ul.box_level_text, .basic2 ul.box_level_text, .intermediate ul.box_level_text {
    margin-top: 20px;
  }
  /*授業時間*/
  .am_text, .pm_text {
    width: 90%;
    font-size: 16px;
    line-height: 1.5;
  }
  .cur_classtime p:nth-last-child(2) {
    margin: 0 0 35px 0;
  }
  .cur_level {
    margin-bottom: 80px;
  }
  /*地域生活者向け*/
  .course2_inner {
    padding: 50px;
  }
  .cur_course2 {
    margin-bottom: 80px;
  }
  .course_sche {
    margin: 0 auto 100px;
  }
  /*schedule_page--------------------------------------------------------------------------------------------------------------------------*/
  .schedule_page .main {
    background-position: -1% -5%;
    background-size: 40%;
  }
  /*.schedule_page .bg_sakura2 {
    position: absolute;
    top: 1550px;
    right: -25%;
    z-index: -100;
  }*/
  .schedule_page .bg_sakura2 img {
    width: 50%;
    height: auto;
  }
  .w_1160 .season:nth-child(5) {
    margin-bottom: 30px;
  }
  .season_left {
    margin-right: 15px;
  }
  .season_text {
    width: 50%;
    margin-right: 0;
  }
  .march {
    padding-bottom: 20px;
  }
  .season_text_inner p {
    width: 56px;
    font-size: 24px;
    padding-top: 10px;
    margin: 0 10px;
  }
  .season_text_inner ul {
    padding: 20px 0 20px 20px;
  }
  .season_text_inner ul li {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .season_photo {
    width: 30%;
    height: auto;
  }
  /*school_guidance----------------------------------------------------------------------------------------------------*/
  .educational_goal {
    margin: 30px auto 80px
  }
  .face_img {
    width: 30%;
  }
  .s_i_area_child {
    width: 220px;
    min-height: 250px;
    height: 300px;
  }
  .s_i_area_01 {
    width: 463px;
    min-height: 300px;
  }
  .s_i_area_02 {
    min-height: 300px;
  }
  .s_i_text_area {
    display: block;
    height: auto;
  }
  .s_i_name_sub_area p {
    font-size: 14px;
    font-weight: normal;
  }
  .s_i_area_01 .s_i_text_area .s_i_name, .s_i_area_02 .s_i_text_area .s_i_name {
    margin: 5px 0;
  }
  .s_i_text_area .s_i_name {
    font-size: 20px;
  }
  .special_feature_area {
    margin-bottom: 100px;
  }
  /*life----------------------------------------------------------------------------------------------------------------------*/
  .button-sphoto {
    display: inline-block;
  }
  .life_page .life .inbox .life_innerbox {
    margin-right: 0;
    width: 24%;
  }
  .tab_none_off {
    display: block;
  }
  .sam_tab_none {
    display: none;
  }
  .page_nation {
    width: 630px;
    text-align: center;
  }
  .page_nation span {
    margin: 0 5px;
  }
  .life_page .page_bottom {
    margin-top: 100px;
  }
  .life_page .main {
    padding-top: 20px;
  }
  /*privacy---------------------------------------------------------------------------------------------------------------------*/
  .privacy .tittle h1 {
    margin-bottom: 60px;
    padding: 0;
  }
  /*sitemap----------------------------------------------------------------------------------------------------------------------------------------*/
  .sitemap .tittle h1 {
    margin-bottom: 80px;
  }
  .site li {
    width: 46%;
    margin: 0 2%;
  }
}
/*@media screen and (max-width:480px)-------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px) {
  /*ページ内リンク調整*/
  .link {
    margin-top: -80px;
    padding-top: 80px;
    /*margin-bottom: -100px;
    padding-bottom: 100px;*/
  }
  #link_adomission_info2_sp, #link_adomission_info3_sp {
    margin-top: -30px;
    padding-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  .school_guidance .link {
    margin-top: 0px;
    padding-top: 0px;
  }
  body {
    max-width: 480px;
  }
  h1, .intro h1, h2 {
    font-size: 24px;
  }
  .top h2 {
    font-size: 20px;
  }
  .schoolinfo, .news, .curriculum {
    max-width: 480px;
    margin: 0;
  }
  /*ヘッダーロゴ*/
  .h_logo {
    width: 80%;
    text-align: center;
  }
  .a_logo {
    width: 100%;
  }
  /*ナビゲーション---------------------------------------------------------*/
  /*ナビ　トグル---------------------------------------------------------*/
  .navToggle {
    position: absolute; /* bodyに対しての絶対位置指定 */
    right: 15px;
    top: 15px;
  }
  /* このクラスを、jQueryで付与・削除する */
  #nav-content.active {
    width: 80%;
    transform: translateX(0%);
  }
  /*ナビゲーション中身*/
  #nav_ham {
    margin: 10px 0 20px 30px;
  }
  /*bxスライダー*/
  .bxslider {
    display: none;
  }
  .bxslider_sp {
    display: inline-block;
  }
  /*新着情報*/
  .news {
    position: absolute;
    top: 0;
    padding: 8px;
    margin-bottom: 0;
    overflow: hidden;
    width: 100%;
    text-align: left;
    height: auto;
  }
  .newsbar {
    /*float: right;*/
    line-height: 14px;
    /*margin-right: 15px;*/
    height: auto;
  }
  .newsbar th {
    width: 70px;
    vertical-align: middle;
  }
  .newsbar time {
    display: block;
    text-align: left;
  }
  .newsbar a {
    font-size: 14px;
    text-align: left;
  }
  /*学校紹介*/
  .sc_left, .sc_center, .sc_right {
    width: 100%;
    float: none;
    margin: 0 auto 60px;
  }
  /*入学案内*/
  .enter {
    margin-bottom: 60px;
  }
  .enter .inbox {
    padding: 0 4%;
  }
  .enter .inbox .ent_left, .enter .inbox .ent_center, .enter .inbox .ent_right {
    width: 30%;
  }
  .enter .inbox img {
    width: 100%;
  }
  /*カリキュラム*/
  .curriculum .cur_left, .curriculum .cur_right {
    width: 100%;
    margin-bottom: 60px;
  }
  .curriculum .cur_left {
    margin-bottom: 60px;
  }
  /*留学生活*/
  .life {
    margin-bottom: 60px;
  }
  /*.life h1 {
    padding: 0 31%;
  }*/
  .life_top {
    padding: 15px 0 10px 0;
  }
  .life_top p {
    line-height: 1.3;
  }
  .life_top p:nth-child(2) {
    margin: 5px 0;
    font-size: 20px;
  }
  /*Q&Aとアクセスとコンタクト*/
  .page_bottom {
    margin-bottom: 30px;
  }
  .qa, .access, .contact {
    max-width: 100%;
  }
  .qaccesscon {
    margin-bottom: 30px;
    max-width: 100%;
  }
  /*facebook*/
  .fb-page, .fb_iframe_widget, .fb_iframe_widget_fluid {
    width: 100% !important;
  }
  /*フッター*/
  footer {
    padding: 10px 0;
  }
  .foot_top {
    margin-bottom: 0;
  }
  .foot_top img {
    margin-bottom: 20px;
  }
  address::before {
    content: "";
    border-bottom: solid 1px #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 110px;
    width: 80%;
    margin: 0 auto;
  }
  a.mail {
    display: block;
    margin-bottom: 20px;
  }
  footer small {
    font-size: 12px;
  }
  /*TOPへもどるボタン*/
  #page_top {
    width: 40px;
    height: 40px;
    position: fixed;
    right: 20px;
    bottom: 40px;
    background: #1e718f;
    opacity: 0.6;
    border-radius: 50%;
    z-index: 9999;
  }
  #page_top a {
    width: 40px;
    height: 40px;
  }
  #page_top a::before {
    font-size: 25px;
    width: 40px;
    height: 40px;
    top: 10px;
  }
  /*下層ページ共通-----------------------------------------------------------------------------------------------------*/
  /*メイン画像*/
  .main_img {
    height: 250px;
  }
  .main_img .main_ph {
    width: 100%;
    height: 250px;
    overflow: hidden;
    opacity: 0.5;
  }
  .main_img .main_ph img {
    width: 800px;
    height: 250px;
    object-fit: cover;
    object-position: 0 40%;
  }
  .main_img h1 {
    font-size: 48px;
    bottom: 60px;
    right: 20px;
  }
  .schedule_page .main_img h1 {
    font-size: 30px;
    bottom: 60px;
  }
  .contact_page .main_img h1, .curriculum_page .main_img h1, .sitemap .main_img h1 {
    font-size: 32px;
    bottom: 60px;
  }
  .admission_infomation .main_img h1, .access_page .main_img h1, .school_guidance .main_img h1, .life_page .main_img h1, .send_completely_page h1 {
    font-size: 36px;
    bottom: 60px;
  }
  .privacy .main_img h1 {
    font-size: 22px;
    letter-spacing: 0em;
  }
  .main_img .bar {
    position: absolute;
    bottom: 50px;
    left: 30%;
  }
  .schedule_page .main_img .bar {
    position: absolute;
    bottom: 50px;
    left: 18%;
  }
  /*mainの中*/
  .tittle {
    padding-top: 40px;
  }
  .w_1160 {
    margin: 0 auto 50px;
  }
  /*faq--------------------------------------------------------------------------------------------------------------*/
  .faqtext dt {
    background-color: #1e718f;
    padding-left: 10px;
    font-size: 18px;
  }
  .faqtext dt.dt_sp {
    height: auto;
    overflow: hidden;
  }
  .faqtext .dt_sp span.dt_sp_Q {
    float: left;
    margint: auto;
  }
  .faqtext .dt_sp span.dt_sp_text {
    float: right;
    max-width: 82%;
    margin: auto 0;
    line-height: 1.5
  }
  .faqtext dt span {
    margin: 0 2% 0 1%;
  }
  .faqtext .dd_a {
    font-size: 16px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    margin: 0 20px 0 10px;
  }
  .faqtext .dd_text {
    max-width: 75%;
  }
  /*contact_page-----------------------------------------------------------------------------------------------------------*/
  .contact_tittle_block p {
    text-align: left;
  }
  .contaxt_box_child p {
    margin: 0;
  }
  /*send_completely_page------------------------------------------------------*/
  .send_completely_page h2 {
    margin-bottom: 20px;
  }
  /*admission_infomation---------------------------------------------------------------------------------------------------------------------------*/
  #ent_center_pc, #ent_right_pc {
    display: none;
  }
  #ent_center_sp, #ent_right_sp {
    display: inline-block;
  }
  .pc_none {
    display: block;
  }
  .tab_none {
    display: block;
  }
  .sp_none {
    display: none;
  }
  /*入学案内*/
  .ai_enter {
    margin: 40px auto;
  }
  .ai_enter .inbox {
    padding: 0 4%;
  }
  .ai_enter .inbox .ent_left, .ai_enter .inbox .ent_center, .ai_enter .inbox .ent_right {
    width: 30%;
  }
  .ai_enter .inbox img {
    width: 100%;
  }
  .flow_description h2 {
    padding: 30px 0 20px;
    font-size: 24px;
  }
  .f_d_box_01, .f_d_box_02, .f_d_box_03 {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 10px auto !important;
  }
  .f_d_box_01 .box_blue, .f_d_box_02 .box_green, .f_d_box_03 .box_orange {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto !important;
  }
  .f_d_box_01 p, .f_d_box_02 p, .f_d_box_03 p {
    font-size: 18px;
  }
  .box_text_area p {
    display: block;
    text-align: left;
    /* widows: 100%;*/
    margin: 0 auto !important;
    line-height: 1.5;
  }
  .box_text_area .blue_text, .box_text_area .green_text, .box_text_area .orange_text {
    max-width: 200px;
    display: block;
    font-size: 20px;
    margin: 0 auto !important;
    text-align: center;
    line-height: 1.5;
  }
  .flow_description {
    padding-bottom: 30px;
  }
  .flow_description .pc_none {
    display: none;
  }
  .f_d_area_child {
    max-width: 100% !important;
    display: block !important;
  }
  div .accshow_child {
    display: flex;
    align-items: space-between;
    width: 100% !important;
    margin: 0 !important;
  }
  .s_e_radius {
    height: 50px;
    width: 90%;
    margin: 0 auto 20px auto;
  }
  .accshow_child p {
    display: inline-block;
    width: 50%;
  }
  .f_d_area_child.f_d_box_02 {
    display: block;
    margin: 0 auto;
  }
  .box_text_area p {
    font-size: 16px;
  }
  .box_text_area {
    display: block;
    width: 90%;
    margin: 0 auto 20px auto !important;
  }
  .flow_description {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  .school_expenses {
    width: 100%;
    margin: 0 auto;
  }
  /*
	.cssacc:checked +.s_e_note_area{
		height: auto;
    /*background: #e9f3f7;
    opacity: 1;
	max-width: 100% !important;
	margin: 0 ;
	display: block !important;
	}
*/
  .s_e_guide .s_e_flex_item {
    max-width: 100% !important;
    width: 100%;
    margin: 0;
  }
  .flex_item_lead {
    max-width: 100% !important;
    height: 60px;
    font-size: 18px;
  }
  .school_expenses .s_e_guide {
    width: 100%;
    height: auto;
    margin: 10px auto 20px;
    display: block !important;
  }
  .school_expenses .s_e_flex_item div {
    margin-bottom: 20px;
  }
  .s_e_flex_item .accshow_child .s_e_left {
    text-align: left;
  }
  .s_e_flex_item .accshow_child .s_e_right {
    text-align: right;
  }
  /* sp 学費エリア */
  .sp_school_expenses {
    width: 90%;
    margin: 0 auto 80px auto;
  }
  .school_expenses h2 {
    padding: 0;
    margin: 50px auto 10px;
  }
  .s_e_flex_item .accshow_text {
    margin-bottom: 0 !important;
    padding: 10px 55px;
  }
  /*.sp_school_expenses h2 {
    width: auto;
    display: block;
    margin: 0 auto;
    padding: 55px 0 55px 0;
    text-align: center;
    color: #1e718f;
    font-size: 24px;
  }*/
  .sp_lead {
    width: 100%;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 24pt;
    background-color: #e4f6fc;
    padding: 20px 0 20px 0;
  }
  .sp_guide {
    width: 100%;
    background: #bcbcbc;
    height: 500px;
  }
  .s_e_note_area .s_e_note_text {
    text-align: left;
    font-size: 14px;
    margin: 0 auto 10px;
    width: 90%;
  }
  /*.school_expenses ul li{
		list-style: none;
	}*/
  .accordion2 {
    text-align: center;
  }
  .accordion2 .inner {
    display: none;
  }
  .s_e_lead_02 {
    width: 100%;
    font-size: 20px;
    text-align: center;
    /*font-weight: bold;*/
    margin: 20px auto 0;
    /*background-color: #e8fdf4;*/
    /*padding: 20px 0 20px 0;*/
  }
  .s_e_lead_02 p {
    margin: 0 auto;
  }
  .s_e_lead {
    width: 100%;
    font-size: 20px;
    text-align: center;
    /*font-weight: bold;*/
    margin: 20px auto 50px;
    /*padding: 20px 0 20px 0;*/
  }
  .ac1 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .ac2 {
    font-size: 20px;
  }
  .ac3 {
    font-size: 20px;
  }
  .s_e_note_text {
    font-size: 20px;
  }
  /*アコーディオン部分*/
  .clearfix.title {
    display: flex;
  }
  .accordionlist dt {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px 0 10px 5px;
    margin: 20px 0 10px 0;
    text-align: center;
  }
  .accordionlist dt .sp_p {
    width: 100%;
    text-align: center;
    margin-left: 0;
  }
  .accordionlist dt:first-child {
    border-top: none !important;
  }
  .accordionlist dt .title {
    padding-left: 10px;
    float: left;
    width: 80%;
    text-align: center;
  }
  .accordionlist dd {
    display: none;
    background: #fff;
    /*	padding:0 0 20px 15px;*/
  }
  .accordion_icon, .accordion_icon span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }
  .accordion_icon {
    position: relative;
    width: 30px;
    height: 30px;
    float: right;
    margin-top: 10px;
    margin-right: 5px;
  }
  .accordion_icon span {
    position: absolute;
    left: 6px;
    width: 50%;
    height: 2px;
    background-color: #333;
    border-radius: 6px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
  }
  .accordion_icon span:nth-of-type(1) {
    top: 5px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  .accordion_icon span:nth-of-type(2) {
    top: 5px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
  /*＋、－切り替え*/
  .accordion_icon.active span:nth-of-type(1) {
    display: none;
  }
  .accordion_icon.active span:nth-of-type(2) {
    top: 5px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  /*access--------------------------------------------------------------------------------------------------*/
  .map_area {
    margin-top: 40px;
  }
  .map_area br {
    display: block;
  }
  .map_area p {
    font-size: 18px;
    text-align: left;
  }
  .map_area p br:first-child {
    display: block;
  }
  .map_area_text_01 {
    font-size: 20px;
    line-height: 1.5;
  }
  .map_area_text_02 {
    font-size: 20px;
    line-height: 1.5;
  }
  .route_area {
    margin-bottom: 50px;
  }
  .route_area_child {
    display: block;
    height: auto !important;
  }
  .route_flex_area {
    display: block;
    height: auto !important;
  }
  .route_flex_area_02 {
    display: block;
    height: auto !important;
  }
  .route_flex_area .route_box_01 {
    max-width: 90%;
    height: 60px;
    margin: 0 auto;
  }
  .route_flex_area_02 .route_box_01 {
    max-width: 90%;
    height: 60px;
    margin: 0 auto;
  }
  .route_flex_area .route_box_02 {
    display: flex;
    flex-flow: row-reverse;
    max-width: 90%;
    height: 100px;
    margin: 0 auto;
  }
  .route_flex_area_02 .route_box_02 {
    display: flex;
    flex-flow: row-reverse;
    max-width: 90%;
    height: 100px;
    margin: 0 auto;
  }
  .route_box_02 div {
    display: block;
    width: 80%;
  }
  .route_box_02 div p, .route_box_04 div p {
    /*text-align: center;*/
    margin-left: 20px;
  }
  .route_box_02 .route_line_box {
    height: 100%;
    width: 20%;
    border: 0px;
    border-right: 6px solid #b5d1da;
  }
  .route_line_box p {
    display: none;
  }
  .route_box_02 .car-icon, .route_box_04 .car-icon {
    /*display: block;
    flex-flow: row-reverse;*/
    margin: 20px 0 5px 30px;
  }
  .route_flex_area_02 .route_box_02 .bas-icon {
    /*display: block;
    flex-flow: row-reverse;*/
    margin: 20px 0 5px 30px;
  }
  .route_flex_area .route_box_03 {
    max-width: 90%;
    height: 60px;
    margin: 0 auto;
  }
  .route_flex_area_02 .route_box_04 .man-icon {
    /*display: block;
    flex-flow: row-reverse;*/
    margin: 20px 0 5px 30px;
  }
  .route_flex_area_02 .route_box_03 {
    max-width: 90%;
    height: 60px;
    margin: 0px auto;
  }
  .route_box_03 .route_line_box {
    height: 100%;
    width: 20%;
    border: 0px;
    border-right: 6px solid #b5d1da;
  }
  .route_flex_area .route_box_04 {
    display: flex;
    flex-flow: row-reverse;
    max-width: 90%;
    height: 100px;
    margin: 0 auto;
  }
  .route_flex_area_02 .route_box_04 {
    display: flex;
    flex-flow: row-reverse;
    max-width: 90%;
    height: 100px;
    margin: 0 auto;
  }
  .route_box_04 div {
    display: block;
    width: 80%;
  }
  .route_box_04 .route_line_box {
    height: 100%;
    width: 20%;
    border: 0px;
    border-right: 6px solid #b5d1da;
  }
  .route_flex_area .route_box_05 {
    display: flex;
    /*justify-content: center;
    align-items: center;*/
    max-width: 100%;
    width: 90%;
    height: auto;
    margin: 0 auto;
  }
  .route_flex_area_02 .route_box_05 {
    display: flex;
    /*justify-content: center;*/
    /*align-items: center;*/
    max-width: 100%;
    width: 90%;
    height: auto;
    margin: 0 auto;
  }
  .route_box_05 .acces-school-icon {
    /*position: relative;*/
    /*display: block;
    left: 0px;*/
    margin: 0 0 0 3%;
    text-align: left;
  }
  .route_box_05 p {
    margin: 0;
  }
  .route_line_box_02 {
    max-width: 100%;
  }
  .route_line_box_02 p {
    margin: 40px 0 0 20px;
    text-align: left;
  }
  /**/
  .route_text_lead {
    font-size: 18px;
  }
  .route_box_01 p, .route_box_03 p {
    font-size: 18px;
  }
  .sp_none_off {
    display: block;
  }
  .nearby_information_area p {
    text-align: left;
    font-size: 16px;
  }
  .uruma_area {
    height: 730px;
    margin-bottom: 50px;
  }
  /*curriculum_page-------------------------------------------------------------------------------*/
  .w_1160 .curriculum .cur_but {
    margin-top: 10px;
  }
  .w_1160 .curriculum .cur_left, .w_1160 .curriculum .cur_right {
    margin-bottom: 30px;
  }
  .curriculum_page .accshow_child_top .ent_month {
    margin-bottom: 0;
    height: 35px;
  }
  .curriculum_page .accshow_child .s_e_center br {
    display: none;
  }
  .curriculum_page .s_e_radius .s_e_center {
    font-size: 20px;
  }
  .curriculum_page .accshow_child_top .s_e_center {
    font-size: 18px;
  }
  /**/
  .box_level_left {
    padding: 0 90px;
  }
  .box_level img {
    width: auto;
    height: 40px;
    position: absolute;
    bottom: 15px;
    left: 39%;
    transform: translateX(-50%);
  }
  .advanced img {
    bottom: 10px;
  }
  .box_level_left p {
    position: absolute;
    bottom: 0;
    left: 57%;
    transform: translateX(-50%);
  }
  .basic ul.box_level_text, .basic2 ul.box_level_text, .intermediate ul.box_level_text {
    margin-top: 20px;
  }
  /*授業時間*/
  .cur_classtime {
    /*margin: 0 auto 180px;*/
  }
  .cur_classtime th {
    font-size: 18px;
  }
  .cur_classtime tr th:last-child {
    width: 22%;
  }
  .cur_classtime tr:nth-child(2) td {
    height: 40px;
    font-size: 16px;
  } /*
.cur_classtime tr:nth-child(3), .cur_classtime tr:nth-child(4) {
  height: 100px;
}*/
  .am_text br, .pm_text br {
    display: inline;
  }
  .am_text, .pm_text {
    width: 85%;
    font-size: 16px;
    line-height: 1.2;
    height: auto;
    padding: 10px 0;
  }
  .course_download {
    width: 100%;
    height: 60px;
    border: 2px solid #2b9dc6;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 56px;
  }
  .course_download a {
    font-size: 14px;
  }
  .cur_course2 {
    height: 650px;
    padding: 50px 0;
    margin-bottom: 50px;
  }
  .course2_inner {
    height: auto;
  }
  .cur_course2 .course_download a {
    line-height: 20px;
    padding: 8px;
  }
  .course_sche {
    width: 92%;
    height: 80px;
    margin: 0 auto 50px;
  }
  .course_sche a {
    font-size: 20px;
    line-height: 78px;
  }
  .course_sche img {
    height: 20px;
    width: auto;
    margin-right: 5px;
  }
  /*schedule_page--------------------------------------------------------------------------------------------------------------------------*/
  .schedule_page .main {
    background-position: -1% -1%;
    background-size: 40%;
  }
  /*.schedule_page .bg_sakura2 {
    position: absolute;
    top: 1550px;
    right: -25%;
    z-index: -100;
  }*/
  .schedule_page .bg_sakura2 img {
    width: 50%;
    height: auto;
  }
  .schedule_tittle_block h1 {
    margin-bottom: 30px;
  }
  .season {
    margin-bottom: 40px;
  }
  .season_left {
    margin: 0;
    /*position: relative;
	display: block;*/
    float: none;
  }
  .spring, .summer, .autumn, .winter {
    width: 100%;
    height: 60px;
  }
  .season_left p {
    font-size: 24px;
  }
  .season_left span {
    display: none;
  }
  .season_text {
    width: 100%;
  }
  .march {
    padding-bottom: 0px;
    border-bottom: none;
  }
  .season_text_inner p {
    width: 48px;
    font-size: 20px;
    padding-top: 15px;
    margin: 0 0 0 15px;
  }
  .season_photo {
    width: 100%;
    height: auto;
  }
  .season .season_text_inner:last-child ul li:last-child {
    margin-bottom: 20px;
  }
  /*school_guidance----------------------------------------------------------------------------------------------------*/
  .school_guidance .main {
    padding-top: 0px;
  }
  .head_teacher_area {
    display: block;
    height: auto;
    position: relative;
  }
  .head_teacher_name {
    height: 35px;
  }
  .head_teacher h2 {
    padding: 40px 0 55px;
  }
  .head_teacher h3 {
    font-size: 20px;
  }
  .face_img {
    width: 270px;
    height: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .explanatory_text p {
    display: block;
    padding-top: 370px;
    font-size: 16px;
    line-height: 1.5;
  }
  .educational_goal {
    padding: 35px;
    margin: 30px auto 50px;
  }
  .staff_introduction h2 {
    padding: 40px 0;
  }
  .s_i_area_01, .s_i_area_02 {
    display: block;
  }
  .s_i_area_01 {
    width: 100%;
    margin-bottom: 0;
  }
  .s_i_area_child {
    width: 100%;
    margin-bottom: 30px;
    height: auto;
  }
  .special_feature_area_child {
    padding: 50px;
  }
  .special_feature_area_child h2 {
    margin-top: 0;
  }
  .special_feature_area {
    height: 650px;
    margin-bottom: 80px;
  }
  /*life----------------------------------------------------------------------------------------------------------------------*/
  .life_page .life .inbox .life_innerbox {
    margin-right: 0;
    width: 48%;
    padding-top: 0;
  }
  .full_area {
    max-width: 414px;
    width: 100%;
    padding: 65px 4% 130px;
  }
  .full_area .min {
    display: none;
  }
  .swiper-pagination, .tab_none_off, .page_nation, .swiper-pagination-clickable, .swiper-pagination-bullets {
    width: 92%;
  }
  .life_page .main, .life_page .life {
    padding-top: 0px;
  }
  /*sitemap----------------------------------------------------------------------------------------------------------------------------------------*/
  .sitemap .tittle h1 {
    margin-bottom: 40px;
  }
  .site li {
    width: 100%;
    margin: 0 auto;
  }
}