/*
Theme Name: seirinkan-jhs-child
Template: seirinkan-jhs
Version: 20170614
*/

* {
    margin: 0;
    padding: 0;
    /*font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;*/
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    color: #3c4043;
    box-sizing: border-box;

}

section {
    margin: 0;
}

img {
    width: 100%;
}

a.nx-bar-button {
    display: none !important;
}

.pre p {
    text-align: center;
    font-size: 25px;
    color: #59bded;
}

p,
p.copy,
.footer_sm_in ul,
.footer_sm_h5,
.footer_sm_h5 a,
a.footer_sm_a,
ul.footer_menu a,
ul.footer_menu2 a,
.nx-bar-content,
a.nx-bar-button,
span.caution_mark,
.feat_text p,
.feat_text h3,
.course_point_box h3,
.course_point_box p,
span.bunnkeirikei,
.cbp_tmlabel ul li,
.cbp_tmtimeline > li .cbp_tmicon,
.citizenz_in h4,
.citizenz_in p,
.languege_center_in p,
.exe_prog_in_r_in p,
.glob_sister_school dd,
.glob_sister_school dt,
.event_pick_wht h5,
.event_pick_gray h5,
.sup_dox_low h5,
.sup_dox_low_in p,
.sup_dox_low_in li,
.sp_sidebtn_in_1 a,
.sp_sidebtn_in_2 a,
.sp_sidebtn_in_3 a,
.en_text,
.sister_school_list li p,
.sister_school_list2 li p,
h3.sub-title_bg,
.schoolevent_course dd,
.form_box ul li input,
.form_box select,
span.mwform-radio-field-text,
.form_box ul li,
span.kdate,
time.updated,
.news-content a,
.table_std_center li,
.table_std_center th,
.table_std_center td,
p.set_items span {
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
}

.answer {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;
}

.top_copy h2,
.side_tex p,
.newstick_ttl p,
.scroll,
.top_event_btn_red p,
.top_event_btn_green p,
.area_ttl p,
.area_ttl1 p,
.area_ttl2 p,
.area_ttl3 p,
.area_ttl4 p,
.area_ttl_wht p,
span.date,
.course_menu_text p,
.subttl_01 p,
.phil_box_in h5,
.edu_box h5,
.course_name_en,
.event_pick_wht h4,
.event_pick_gray h4,
.stu_voice_ttl,
.sbjct_learn_ttl_in dt,
a.link_btn,
.hidden_box label,
.menu_ttl p,
.single_page_navi_in a,
.topics_box h3,
.season_text h3 {
    font-family: 'Montserrat', sans-serif !important;
}



h5.en_text {
    font-weight: bold;
    margin-bottom: 5px;
}

img,
video,
object {
    max-width: 100%;
    height: auto;
    border: none;
    vertical-align: bottom !important;
}

body {
    background: #fff;
}

.pc_only {
    display: block !important;
}

.tab_only {
    display: none !important;
}

.sp_only {
    display: none !important;
}

.st-main {
    margin: 0 70px 0 0;
    padding: 0;
    border-radius: 0;
    background: none;
}

.st-main-page {
    margin: 70px 70px 0 0;
    padding: 0;
    border-radius: 0;
    background: none;
}

#content {
    max-width: 100%;
    margin: 0;
}

section#gray_zone {
    background: #F5F5F5;
    margin: 0;
}

section#color_zone {
    background: #f2fdff;
    margin: 0;
}

p {
    font-size: 15px;
    margin-bottom: 0;
    line-height: 1.6;
    text-align: justify;
    font-weight: 500;
    letter-spacing: 0.1em;
}

.midtext {
    font-weight: 600 !important;
    font-size: 18px !important;
    letter-spacing: 0.1em;
}

.color_wht {
    color: #fff !important;
}

.indent-1 {
    padding-left: 1em;
    text-indent: -1em;
}

p.red_text {
    color: #59bded;
}

.align_center {
    text-align: center !important;
}

.align_right {
    text-align: right;
}

h5.irregular {
    text-align: center;
    font-size: 20px;
    margin: 0;
}

a {
    color: #59bded;
    -webkit-transition: .5s;
    transition: .5s !important;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    opacity: 0.8;
}

.wrap1024 {
    max-width: 1024px;
    margin: 0 auto;
}

.wrap1280,
.wrap12802 {
    max-width: 1280px;
    margin: 0 auto;
}

.m100 {
    padding: 100px 0;
}

.mt100 {
    padding-top: 100px;
}

.mb100 {
    padding-bottom: 100px;
}

.m50 {
    padding: 50px 0;
}

.mt50 {
    padding-top: 50px;
}

.mb50 {
    padding-bottom: 50px;
}

.mb60 {
    padding-bottom: 60px;
}

.m40 {
    padding: 40px 0;
}

.mt40 {
    padding-top: 40px;
}

.mb40 {
    padding-bottom: 40px;
}


.m30 {
    padding: 30px 0;
}

.mt30 {
    padding-top: 30px;
}

.mb30 {
    padding-bottom: 30px;
}

.m20 {
    padding: 20px 0;
}

.mt20 {
    padding-top: 20px;
}

.mb20 {
    padding-bottom: 20px;
}

.m10 {
    padding: 10px 0;
}

.mt10 {
    padding-top: 10px;
}

.mb10 {
    padding-bottom: 10px;
}

#color_area {
    background: #f2f1ec;
    padding: 100px 0;
    margin: 0;
}

/*ANIMATION -----------*/

.sa {
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.sa.show {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.sa--lr {
    -webkit-transform: translate(-100px, 0);
    transform: translate(-100px, 0);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.sa--rl {
    -webkit-transform: translate(100px, 0);
    transform: translate(100px, 0);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.sa--up {
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.sa--down {
    -webkit-transform: translate(0, -100px);
    transform: translate(0, -100px);
}

.sa--scaleUp {
    -webkit-transform: scale(.5);
    transform: scale(.5);
}

/*--------loading anime----------*/

/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #59bded;
    text-align: center;
    color: #fff;
}

/* Loading画像中央配置　*/
#splash_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
    width: 260px;
}

/* fadeUpをするアイコンの動き */
.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeUpAnime {
    from {
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/*-----------------------HEAD↓-----------------------*/

/*HEADER G-NAVI-----------*/
/* header */
#top-head {
    position: absolute;
    width: calc(100% - 70px);
    margin: 100px auto 0;
    padding: 0;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: -100px;
    z-index: 9998;
}

#top-head a,
#top-head {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0.1em;
}

#top-head a:hover {
    opacity: 0.8;
    -webkit-transition: .5s;
    transition: .5s;
}

#top-head .inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    height: 70px;
}

#top-head2 {
    /*background: rgb(0, 79, 159);
    background: linear-gradient(45deg, rgba(0, 79, 159, 1) 0%, rgba(116, 185, 255, 1) 100%);*/
	background: #59bded;
    position: absolute;
    width: calc(100% - 70px);
    margin: 100px auto 0;
    padding: 0;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: -100px;
    z-index: 9998;
}

#top-head2 a,
#top-head2 {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0.1em;
}

#top-head2 a:hover {
    opacity: 0.8;
    -webkit-transition: .5s;
    transition: .5s;
}

#top-head2 .inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    height: 70px;
}


.inner {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.header_logo_pc.pc_only {
    max-width: 320px;
    width: 30vw;
    background: none;
    height: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
}

.header_logo_pc a {
    width: 100%;
}

div#mobile-head {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Fixed */
#top-head.fixed {
    /*background: rgb(0, 79, 159);
    background: linear-gradient(45deg, rgba(0, 79, 159, 1) 0%, rgba(116, 185, 255, 1) 100%);*/
	background: #59bded;
    margin-top: 0;
    top: 0;
    position: fixed;
    height: 70px;
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}

#top-head2.fixed {
    /*background: rgb(0, 79, 159);
    background: linear-gradient(45deg, rgba(0, 79, 159, 1) 0%, rgba(116, 185, 255, 1) 100%);*/
	background: #59bded;
    margin-top: 0;
    top: 0;
    position: fixed;
    height: 70px;
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}



ul#menu-menu1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
}

ul#menu-menu1 li {
    padding: 0 10px;
    /* border-right: 1px solid #F78FB3;*/
}

ul#menu-menu1 li:first-child {
    /*border-left: 1px solid #F78FB3;*/
}

/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 22px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}

#nav-toggle div {
    position: relative;
}

#nav-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

#nav-toggle span:nth-child(1) {
    top: 0;
}

#nav-toggle span:nth-child(2) {
    top: 11px;
}

#nav-toggle span:nth-child(3) {
    top: 22px;
}


#global-nav ul li a::after {
    display: none;
}

ul.sub-menu li {
    border-left: none !important;
    border-right: none !important;
    display: block;
    padding: 10px 10px !important;
    /*border-bottom: 1px solid #F78FB3;*/
}

ul.sub-menu li:last-child {
    border-bottom: none;
}

ul.sub-menu li a::after {
    font-family: "Font Awesome 5 free" !important;
    content: "\f105" !important;
    text-align: right !important;
    float: right;
    display: inline-block !important;
    font-weight: 900 !important;
    margin-left: 5px;
}

ul.sub-menu {
    display: none;
    list-style: none;
    position: absolute;
    background: #f2f1ec;
    -webkit-margin-start: -11px;
    -moz-margin-start: -11px;
    margin-inline-start: -11px;
    -webkit-margin-end: -10px;
    -moz-margin-end: -10px;
    margin-inline-end: -10px;
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
    padding-inline-start: 0px;
}

/*G-NAVI END--------------*/

.header_btn_area {
    position: absolute;
    right: 0px;
    top: 0px;
}

.header_btn_area_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header_btn_area_top {
    position: absolute;
    top: 0;
    right: 0;
}

.header_btn_area_top ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
}


.header_btn_area_top ul li a {
    background: #364f6b;
    color: #fff !important;
    padding: 0px;
    line-height: 30px;
    display: block;
    border-left: 1px solid #fff;
    width: 172px;
    text-align: center;
    font-size: 12px !important;
}

/*mega--------------------*/

.gnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 15px;
}

.gnav li {
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    list-style: none;
    border-right: 1px solid #fff;
    padding: 0 20px;
}

.gnav li:first-child {
    padding-left: 0;
}

.gnav li:last-child {
    border-right: none;
}

.gnav li:hover {
    color: #364f6b;
}

.gnav > li:hover .megamenu,
.gnav > li:hover .megamenu2,
.gnav > li:hover .megamenu3,
.gnav > li:hover .megamenu4,
.gnav > li:hover .megamenu5 {
    max-height: 9999px;
    opacity: 1;
}

.megamenu,
.megamenu2,
.megamenu3,
.megamenu4,
.megamenu5 {
    background: #EAF0F2;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 70px;
    left: 0;
    height: 180px;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    z-index: 990;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.megamenu_image {
    background: #59bded;
    /*background: url(images/megamenu_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;*/
    position: relative;
    height: 100%;
    width: 35%;
}

.megamenu-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 65%
}

.megamenu-inner li {
    width: calc((100% / 4));
    margin: 0;
    padding: 18px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: none;
}

.megamenu-inner li a {
    font-size: 17px !important;
}

.megamenu-inner a {
    border-left: none;
}

.megamenu-inner-img {
    margin: 0 0 10px;
}

.megamenu-inner-text img {
    margin: 0 5px 0 0;
}

.megamenu-inner-text:after {
    content: "\f105";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    padding-left: 10px;
}

.menu_ttl {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    width: 60%;
}

.menu_ttl h3 {
    color: #fff;
    font-size: 25px;
    border-bottom: 1px solid;
    padding-bottom: 8px;
    margin-bottom: 8px;
    letter-spacing: 0.1em;
}

.menu_ttl p {
    color: #fff;
    font-weight: 100;
    letter-spacing: 0.1em;
    text-align: center;
}

.sp_sidebtn {
    background: #59bded;
    height: 100vh;
    width: 70px;
    position: fixed;
    right: 0;
    z-index: 999;
}

.sp_sidebtn_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    top: 0;
}

.sp_sidebtn_in_1,
.sp_sidebtn_in_2,
.sp_sidebtn_in_3,
.sp_sidebtn_in_4{
    height: 130px;
    width: 70px;
    line-height: 70px;
    text-align: center;
}


.sp_sidebtn_in_3{
    height: 200px;
}

.sp_sidebtn_in_1,
.sp_sidebtn_in_3 {
    background: #59bded;
}

.sp_sidebtn_in_2 {
    background: #fed22d;
}

.sp_sidebtn_in_1 a,
.sp_sidebtn_in_2 a,
.sp_sidebtn_in_3 a,
.sp_sidebtn_in_4 a,
.sp_sidebtn_in_1 a .fas,
.sp_sidebtn_in_2 a .fas,
.sp_sidebtn_in_3 a .fas,
.sp_sidebtn_in_4 a .fas{
    letter-spacing: 0.2em;
    color: #fff !important;
    font-size: 13px;
}

.sp_sidebtn_in_3 {
    border-bottom: 1px solid #fff;
}

.side_tex p {
    color: #fff;
    letter-spacing: 0.2em;
    line-height: 70px !important;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    position: absolute;
    bottom: 15px;
    font-size: 10px !important;
}

.sp_fotter_btm {
    display: none;
}

.gnav_noevent {
    pointer-events: none;
    /*リンクを非リンクに変える*/
    cursor: default;
    /*マウスカーソルを矢印のまま変えない*/
}

/*------------------------------------------↑HEAD END*/

/*----------------------BUTTON↓----------------------*/

.btn_box {
    max-width: 380px;
}

.btn_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.btn_flex_in {
    width: calc(100% / 2 - 20px)
}

.button_main,
.button_vid,
.button_results,
.button_pdf {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: transparent;
    border: 2px solid #59bded;
    font-size: 18px;
    color: #59bded;
    text-decoration: none;
    font-weight: 600;
    padding: 20px;
    -webkit-transition: .5s;
    transition: .5s;
    letter-spacing: 0.1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    transition: ease .3s;
}


.video_btn_box_in .button_vid {
    text-align: center;
	padding: 0px;
    display: block;
    background-color: #0075c2;
    border: 2px solid #0075c2;
    color: #fff;
    line-height: 40px;
    -webkit-transition: .5s;
    transition: .5s;
    text-decoration: none;
    border-radius: 5px;
    font-size: 15px;
}


.button_main:hover,
.button_vid:hover,
.button_results:hover,
.button_pdf:hover {
    background-color: rgba(255, 255, 255, 0);
    border-color: #0075c2;
    color: #0075c2;
    text-decoration: none;
}

.button_main:hover:after,
.button_vid:hover:after,
.button_results:hover:after,
.button_pdf:hover:after {
    right: 20px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.button_main:after {
    content: '';
    /*絶対配置で矢印の位置を決める*/
    position: absolute;
    top: 38%;
    right: 25px;
    /*矢印の形状*/
    width: 12px;
    height: 12px;
    border-top: 1px solid #59bded;
    border-right: 1px solid #59bded;
    transform: rotate(45deg);
    /*アニメーションの指定*/
    transition: all .3s;
}

.button_results:after {
    content: "\f078";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    padding-left: 10px;
}

.button_pdf:after {
    content: "\f1c1";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    padding-left: 10px;
}

.button_main_wht {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: transparent;
    border: 2px solid #fff;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    padding: 20px;
    -webkit-transition: .5s;
    transition: .5s;
    letter-spacing: 0.1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    transition: ease .3s;
}

.button_main_wht:hover {
    background-color: #fff;
    border-color: #fff;
    color: #59bded;
    opacity: 1;
}

.button_main_wht:hover:after {
    right: 20px;
    border-top: 1px solid #59bded;
    border-right: 1px solid #59bded;
}

.button_main_wht:after {
    content: '';
    /*絶対配置で矢印の位置を決める*/
    position: absolute;
    top: 38%;
    right: 25px;
    /*矢印の形状*/
    width: 12px;
    height: 12px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    /*アニメーションの指定*/
    transition: all .3s;
}

/*----------------------------------------↑BUTTON END*/

/*-----------------------MAIN↓-----------------------*/

#main_v {
    position: relative;
    width: 100%;
    height: calc(100vh);
    min-height: 680px;
}

.top_copy h2 {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.slider-item01 .top_copy {
    position: absolute;
    top: 10vw;
    left: 5vw;
    max-width: 680px;
    z-index: 999;
}

.slider-item01 .top_copy h3 {
    margin-top: 30px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: clamp(18px, 4vw, 40px);
    line-height: 1.4em;
}

.top_wraper h3 {
    display: none;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.4em;
}

/*-ニュースティッカー-*/
.top_wraper {
    position: absolute;
    bottom: 2vw;
    left: 2vw;
    border: solid 1px;
    z-index: 999;
    box-shadow: 10px 5px 5px #4545458f;
    width: auto;
}

.newsticker_contain {
    background: #fff;
    padding: 20px;
    display: flex;
    align-items: center;
}

/*ニュース1行の周りの余白*/
.newsticker li {
    display: flex;
    align-items: center;
}

/*.newsticker li:nth-last-child(n+2) {
    margin-top: 21px;
}*/

.newsticker .slider a {
    display: block;
    padding: 20px;
}

/*日付*/
.newsticker .cat {
    display: inline-block;
    font-size: 0.8rem;
    color: #fff;
    line-height: 1em;
    vertical-align: middle;
}

.newsdate {
    margin-right: 10px;
    display: flex;
    align-items: center;
}

span.new {
    background: red;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 0 5px;
    box-sizing: border-box;
    margin-left: 10px;
    border-radius: 2px;
}

.bx-wrapper {
    margin-bottom: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.top_wraper .newsticker_contain .newstick_ttl {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #D3D3D3;
    display: block;
}

.top_wraper .newsticker_contain .newstick_ttl h3 {
    color: #59bded;
    letter-spacing: 0.1em;
    text-align: center;
    font-weight: 600;
    line-height: 1em;
    font-size: 1.3em;
    display: block;
}

.top_wraper .newsticker_contain .newstick_ttl p {
    color: #59bded;
    letter-spacing: 0.1em;
    text-align: center;
    font-size: 0.8em !important;
    display: block;
}

.metablock {
    display: flex;
    align-items: center;
}

/*-------swiper---------*/
.swiper-container {
    width: 100%;
    height: 100%;
}

.c-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.swiper-button-prev,
.swiper-button-next {
    color: #eee !important;
}


/*==================================================
スライダーのためのcss
===================================*/
.slider {
    position: relative;
    z-index: 1;
    /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
    height: 100vh;
    /*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}

/*　背景画像設定　*/

.slider-item01 {
    background: url(images/seirinkan_main_v_bg_pc.jpg);
}

.slider-item02 {
    background: url(images/seirinkan_main_v_bg_pc2.jpg);
}

.slider-item01:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* background-color: rgba(0, 34, 69, 0.3);*/
}




.slider-item {
    width: 100%;
    /*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height: 100vh;
    /*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;
    /*背景画像をリピートしない*/
    background-position: center;
    /*背景画像の位置を中央に*/
    background-size: cover;
    /*背景画像が.slider-item全体を覆い表示*/
    position: relative;
}

/*矢印の設定*/

.slick-prev,
.slick-next {
    position: absolute;
    z-index: 3;
    top: 42%;
    cursor: pointer;
    /*マウスカーソルを指マークに*/
    outline: none;
    /*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;
    /*矢印の色*/
    border-right: 2px solid #fff;
    /*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {
    /*戻る矢印の位置と形状*/
    left: 2.5%;
    transform: rotate(-135deg);
}

.slick-next {
    /*次へ矢印の位置と形状*/
    right: 2.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    position: relative;
    z-index: 3;
    text-align: center;
    margin: -50px 0 0 0;
    /*ドットの位置*/
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width: 8px;
    /*ドットボタンのサイズ*/
    height: 8px;
    /*ドットボタンのサイズ*/
    display: block;
    border-radius: 50%;
    background: #fff;
    /*ドットボタンの色*/
}

.slick-dots .slick-active button {
    background: #333;
    /*ドットボタンの現在地表示の色*/
}


.area_ttl h2,
.area_ttl_wht h2 {
    padding: 0;
    border: none;
    line-height: 1.3em !important;
    text-align: left;
    font-size: clamp(18px, 4vw, 40px);
    font-weight: 600;
    letter-spacing: .1em;
    margin: 0;
    background: none;
}

.area_ttl h2,
.area_ttl p {
    color: #59bded !important;
}

.area_ttl_wht h2,
.area_ttl_wht p {
    color: #fff !important;
}


.area_ttl p,
.area_ttl_wht p {
    letter-spacing: 0.1em;
    line-height: 1em !important;
    text-align: left;
    font-weight: bold;
    font-size: clamp(14px, 1.2vw, 20px) !important;
    margin-top: 0.8em;
}


.undr_bar,
.undr_bar_wht,
.undr_bar_blue,
.undr_bar_eme,
.undr_bar_org,
.undr_bar_grn {
    display: block;
    width: 50px;
    margin-top: 1.3em;
}

.undr_bar {
    border-bottom: 2px solid #59bded;
}

.undr_bar_wht {
    border-bottom: 2px solid #fff;
}

.undr_bar_blue {
    border-bottom: 5px solid #354789;
}

.undr_bar_eme {
    border-bottom: 5px solid #008eab;
}

.undr_bar_org {
    border-bottom: 5px solid #CC6F40;
}

.undr_bar_grn {
    border-bottom: 5px solid #45925E;
}

span.cat {
    color: #fff;
    font-size: 12px;

}

span.notice {
    background: #59bded;
    padding: 3px 8px;
    margin-right: 10px;
    text-align: center;
    min-width: 70px;
}

span.global {
    background: #ff6a00;
    padding: 3px 8px;
    margin-right: 10px;
    text-align: center;
    min-width: 70px;
}

span.event {
    background: #364f6b;
    padding: 3px 8px;
    margin-right: 10px;
    text-align: center;
    min-width: 70px;
}

span.club,
span.club-child1,
span.club-child2,
span.club-child3,
span.club-child4,
span.club-child5,
span.club-child6,
span.club-child7,
span.club-child8,
span.club-child9,
span.club-child10,
span.club-child11,
span.club-child12,
span.club-child13,
span.club-child14,
span.club-child15,
span.club-child16,
span.club-child17,
span.club-child18,
span.club-child19,
span.club-child20,
span.club-child21,
span.club-child22,
span.club-child23,
span.club-child24,
span.club-child25,
    {
    background: #3498db;
    padding: 3px 8px;
    margin-right: 10px;
}

/*---TOP ABOUT---*/
.about_wrap,
.study_wrap,
#philosophy,
#go_area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.fullsize_in {
    width: calc(100% / 2);
}

.about_wrap .fullsize_in:nth-child(1) {
    background: url(images/top_about_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.padding_cntrl {
    padding: 5vw;
}

.padding_cntrl_l {
    padding: 6vw 4vw 6vw 10vw;
}

/*---TOP STUDY---*/
.study_wrap {
    /*background: rgb(0, 79, 159);
    background: linear-gradient(87deg, rgba(0, 79, 159, 1) 0%, rgba(116, 185, 255, 1) 100%);*/
	background: #59bded;
}

.study_wrap .fullsize_in:nth-child(2) {
    background: url(images/top_study_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: -webkit-sticky;
    /*Safari用*/
    position: sticky;
    top: 70px;
    ;
    height: calc(80vh - 70px);
}

.study_wrap .fullsize_in:nth-child(1) {}

.padding_cntrl {
    padding: 5vw;
}

.partition {
    height: 1px;
    width: calc(100% - 10vw);
    background: #fff;
    margin: 0 auto;
}

.feat_area li h3 {
    font-size: clamp(25px, 1.2vw, 30px);
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}

.feat_area li {
    padding-bottom: 5vw;
    border-bottom: 1px solid #fff;
}

.feat_area li:nth-child(n+2) {
    margin-top: 5vw;
}

.feat_area li:last-child {
    border: none;
    padding-bottom: 0;
}

/*-----*/


.point_area_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: none;
}

.archive-grid {
    width: calc(100% / 2);
}


.archive-grid2 {
    width: calc(50% - 100px / 2);
    margin-bottom: 20px;
}

/**画像をズーム**/
.imgWrap {
    position: relative;
    overflow: hidden;
    /*拡大時にはみ出た部分を隠す*/
}

.imgWrap img {
    display: block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    width: 100%;
    /*変化に掛かる時間*/
}

/*.point_area_menu01::after {
    color: white;
    content: "歯科衛生士のお仕事";
    /* 表示するテキスト */
/*position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
    font-weight: normal;
    font-size: 1.5em;
    width: 100%;
    text-align: center;
    letter-spacing: 0.05em;
}

.point_area_menu02::after {
    color: white;
    content: "本校のつよみ";
    /* 表示するテキスト */
/*position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
    font-weight: normal;
    font-size: 1.5em;
    width: 100%;
    text-align: center;
    letter-spacing: 0.05em;
}

/*.point_area_menu03::after {
    color: white;
    content: "学科紹介";
    /* 表示するテキスト */
/* position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
    font-weight: normal;
    font-size: 1.5em;
    width: 100%;
    text-align: center;
    letter-spacing: 0.05em;
}*/

/*.point_area_menu04::after {
    color: white;
    /* 表示するテキスト */
/* position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
    font-weight: normal;
    font-size: 1.5em;
    width: 100%;
    text-align: center;
    letter-spacing: 0.05em;
}*/

.course_menu_text {
    /* 表示するテキスト */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
    font-weight: normal;
    font-size: 1.5em;
    width: 100%;
    text-align: center;
    letter-spacing: 0.05em;
    z-index: 900;
}


.point_area_menu05::after {
    color: white;
    content: "社会人の方へ";
    /* 表示するテキスト */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
    font-weight: normal;
    font-size: 1.5em;
    width: 100%;
    text-align: center;
    letter-spacing: 0.05em;
}

.point_area_menu06::after {
    color: white;
    content: "アクセス";
    /* 表示するテキスト */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
    font-weight: normal;
    font-size: 1.5em;
    width: 100%;
    text-align: center;
    letter-spacing: 0.05em;
}

.imgWrap img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    /*画像の拡大率*/
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    /*変化に掛かる時間*/
}

.course_menu_text h4,
.course_menu_text p {
    color: white;
    text-align: center;
    font-weight: 600;
}

.course_menu_text p {
    letter-spacing: 0.1em;
    font-weight: 100;
}

.swiper-container {
    width: 100%;
    position: relative;
}

.news_swiper {
    margin-top: 25px;
}

/**画像をズーム**/

section.school_life_vid {
    width: 100%;
    height: 40vh;
    position: relative;
    overflow: hidden;
    margin: 0;
}

.school_life_vid video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    min-height: 100%;
    width: 100%;
    height: auto;
    background-size: cover;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
}

.school_life_vid:after {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(images/pattern-01.png);
    background-position: 50%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.video_btn_box_in {
        width: calc(100% / 2 - 10px);
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1%;
}

.video_btn_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 50%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
}

.video_btn_box2 {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
}

.remodal {
    position: relative;
    max-width: 1080px !important;
    padding: 0 !important;
}

.remodal img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.remodal-cancel {
    color: #fff;
    background: #000000;
    width: 100%;
    margin-top: 25px;
}

.remodal-cancel:hover {
    background: #333;
}

/*
.md-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    z-index: 9999;
}

.md-contents {
    display: none;
    position: fixed;
    width: 100%;
    height: auto;
    overflow: hidden;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    z-index: 10000;
    max-width: 1080px;
}


.md-inner {
    background: #fff;
    height: auto;
}*/



.md-xmark {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 25px;
    height: 22px;
    z-index: 9999;
    cursor: pointer;
}

.md-xmark span {
    height: auto;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
}

.md-xmark span:nth-of-type(1) {
    top: 0;
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
}


.md-xmark span:nth-of-type(2) {
    bottom: 0;
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
}

section.top_2025_area {
    width: 100%;
    height: 40vh;
    position: relative;
    overflow: hidden;
    margin: 0;
    background: url(images/top2025_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

section.top_2025_area:after {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    background-position: 50%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.top_2025_area_in {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}

.top_2025_area_in h2 {
    background: none;
    padding: 0;
    margin: 0;
    font-size: 4.5vw;
    letter-spacing: 0.15em;
    text-align: center;
    border: none;
    color: #fff;
    font-weight: 600;
}

.top_2025_area_in p {
    text-align: center;
    margin-top: 50px;
    color: #fff;
}


#page-top2 {
    position: fixed;
    bottom: 0;
    right: 0;
    background: rgba(107, 182, 195, .8);
    min-width: 50px;
    min-height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    bottom: 5%;
    right: 2%;
    z-index: 100000;
}

.fa-chevron-up:before {
    color: #fff;
}

/*-------------------NOTICE BAR↓---------------------*/

.nx-bar-content {
    color: #000;
    font-size: 15px;
}

a.nx-bar-button {}

span.caution_mark {
    background: #fff;
    padding: 5px 10px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 600;
}

.nx-bar {
    background-color: rgba(238, 238, 34, 0.8) !important;
}


.tab_item {
    width: calc(100%/5);
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    color: #0075c2;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-right: 1px solid #0075c2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.border_none {
    border: none !important;
}

.tab_item:hover {
    opacity: 0.75;
    background-color: #0075c2;
    color: #fff;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
    display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
    visibility: hidden;
    height: 0;
    clear: both;
    overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content,
#news_event:checked ~ #event_content,
#news_club:checked ~ #club_content {
    visibility: visible;
    height: auto;
    padding-top: 0;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
    background-color: #0075c2;
    color: #fff;
}

/*------------------------------------------↑MAIN END*/

/*-----------------------PAGE↓-----------------------*/

.color_zone {
    background: #F2F8FF;
}

.page_content_wrap {
    padding: 6vw 10vw;
}

#philosophy .fullsize_in:nth-child(1) {}

#philosophy .fullsize_in:nth-child(2) {
    background: url(images/philosophy_bg.jpg);
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
}

h2.page_top_tex {
    font-size: clamp(18px, 2vw, 28px);
    border: none;
    margin: 0;
    padding: 0;
    background: 0;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #59bded;
    line-height: 1.6em;
}

ul.just_flexbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#greeting .page_content_wrap .just_flexbox li:nth-child(1),
#greeting .page_content_wrap .just_flexbox li:nth-child(2) {
    width: 49%;
}

ul.just_flexbox li:nth-child(1) {
    width: 40%;
}

ul.just_flexbox li:nth-child(2) {
    width: 58%;
}

.blue_box {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.blue_box li {
    width: calc(100% / 2 - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.blue_box li:nth-child(n+3) {
    margin-top: 50px;
}

.blue_box_ttl {
    background: #59bded;
    text-align: center;
    padding: 8px;
}

.blue_box_ttl h3 {
    font-size: 20px;
    letter-spacing: 0.08em;
    color: #fff;
    font-weight: 600;
}

.blue_box_in {
    border: 1px solid #59bded;
    padding: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.blue_box_in .mt15 {
    margin-top: auto;
}

.blue_box_in img {
    margin-top: auto;
}


.blue_box_ttl .ttl_bar {
    background: #fff;
    margin: 0 auto;
}

.blue_box_ttl p {
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: 600;
}

.gp_zone {
    background: url(images/gp_bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
}

.gp_zone .page_content_wrap {
    position: relative;
    z-index: 9997;
}

ul.leanbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul.leanbox li {
    width: calc(100% / 2 - 20px)
}

ul.leanbox li:nth-child(n+3) {
    margin-top: 50px;
}

ul.leanbox li h3 {
    background: #59bded;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.1em;
    padding: 5px;
}

ul.leanbox li h3 span {
    font-size: 0.4em;
    color: #fff;
    letter-spacing: 0em;
}

ul.leanbox li p {
    padding: 10px;
}

ul.feat_icon {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

ul.feat_icon li {
    width: calc(100% / 3 - 60px);
}

ul.feat_icon li h3 {
    font-weight: 600;
    text-align: center;
    color: #59bded;
    font-size: 18px;
    margin: 15px 0;
    letter-spacing: .1em;
}

ul.feat_icon li:nth-child(n+4) {
    margin-top: 50px;
}

.seirinkan6 .page_content_wrap .area_ttl h2 {
    display: flex;
    justify-content: center;
    line-height: 1em !important;
    align-items: flex-end;
}

.seirinkan6 .page_content_wrap .area_ttl h2 img {
    max-width: 200px;
    margin-left: 20px;
}

.presi_name {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
}

.presi_name div h3 {
    letter-spacing: .1em;
}


.step_copy {
    text-align: center;
    font-weight: 600;
    font-size: clamp(18px, 4vw, 26px);
}

.stepbox li {
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

.step_l {
    width: 100%;
    position: relative;
}

.stepbox li:nth-child(1) .step_l {
    background: url(images/step1bg.jpg);
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
}

.stepbox li:nth-child(2) .step_l {
    background: url(images/step2bg.jpg);
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
}

.stepbox li:nth-child(3) .step_l {
    background: url(images/step3bg.jpg);
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
}

.step_color_box {
    max-width: 450px;
    padding: 2vw;
}

.stepbox li:nth-child(1) .step_color_box,
.stepbox li:nth-child(2) .step_color_box,
.stepbox li:nth-child(3) .step_color_box {
    position: relative;
    z-index: 2;
}

.stepbox li:nth-child(1) .step_color_box {
    background: #005293;
}

.stepbox li:nth-child(2) .step_color_box {
    background: #005293;
}

.stepbox li:nth-child(3) .step_color_box {
    background: #005293;
}

.stepbox li:nth-child(1) .step_color_box:before,
.stepbox li:nth-child(2) .step_color_box:before,
.stepbox li:nth-child(3) .step_color_box:before {
    content: "";
    width: 180px;
    height: 120%;
    display: inline-block;
    position: absolute;
    left: -90px;
    top: 0;
    transform: rotate(15deg);
    z-index: -1;
}

.stepbox li:nth-child(1) .step_color_box:before {
    background: #005293;
}

.stepbox li:nth-child(2) .step_color_box:before {
    background: #005293;
}

.stepbox li:nth-child(3) .step_color_box:before {
    background: #005293;
}

.step_color_box .numbox {
    max-width: 200px;
    text-align: center;
    margin: 0 auto 20px;
}

.step_color_box .numbox h4{
    color: #fff;
    font-weight: bold;
    font-size: 1.7em;
}

.step_color_box_inner {
    background: #fff;
    padding: 20px;
    margin-top: 20px;
}

.step_color_box_inner h4 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .1em;
    text-align: center;
    margin-bottom: 20px;
}


.stepbox li:nth-child(1) .step_color_box .step_color_box_inner h4 {
    color: #005293;
}

.stepbox li:nth-child(2) .step_color_box .step_color_box_inner h4 {
    color: #005293;
}

.stepbox li:nth-child(3) .step_color_box .step_color_box_inner h4 {
    color: #005293;
}

.topics_box {
    display: flex;
    position: absolute;
    bottom: 2vw;
    left: 2vw;
	width: 55%;
}

.topics_box h3 {
    color: #fff;
    font-weight: 600;
    letter-spacing: .2em;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: center;
    font-size: 15px;
    padding: 9px;
}

.stepbox li:nth-child(1) .step_l .topics_box h3 {
    background: #5dbddd;
}

.stepbox li:nth-child(2) .step_l .topics_box h3 {
    background: #5dbddd;
}

.stepbox li:nth-child(3) .step_l .topics_box h3 {
    background: #5dbddd;
}


.topics_text {
    background: #fff;
    padding: 20px;
}



.topics_text h4 {
    font-weight: 600;
    margin-bottom: 15px;
	font-size:1em!important;
}


.topics_text h5 {
        color: #59bded;
    font-weight: bold;
	line-height: 28px;
	    font-size: 1em!important;
}
.topics_text h5 span{
    color: #fff;
    background-color: #59bded;
    margin: 0 0.5em 0 0;
	    
	    font-size: 1em!important;
	    padding: 0.2em;
}
.topics_text p.bun{
    margin: 0.3em 0 2em;
	    font-size: 0.8em!important;
}

.stepbox li:nth-child(1) .step_l .topics_box .topics_text h4 {
    color: #005293;
}

.stepbox li:nth-child(2) .step_l .topics_box .topics_text h4 {
    color: #005293;
}

.stepbox li:nth-child(3) .step_l .topics_box .topics_text h4 {
    color: #005293;
}

.topics_text p:nth-child(n+2),
.step_color_box_inner p:nth-child(n+2) {
    margin-top: .5em;
}

.area_discription h3 {
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #ffc107;
    padding: 5px;
    margin-bottom: 15px;
}

.area_discription dl {
    margin-bottom: 0;
    display: flex;
    align-items: baseline;
}

.area_discription dl:nth-child(n+2) {
    margin-top: 15px;
}

.area_discription dl dt {
    min-width: 80px;
    margin-right: 15px;
    background: #ffc107;
    padding: 0 5px;
    color: #fff;
    text-align: center;
}

.page_ttl_area {
    height: 28vw;
    min-height: 180px;
    max-height: 300px;
    width: 100%;
    position: relative
}

.page_ttl_area .ttl_box {
    position: relative;
    z-index: 9997;
}

.page_ttl_area:after,
.gp_zone:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 34, 69, 0.3);
}

.page_ttl_area2 {
    height: 15vw;
    min-height: 180px;
    max-height: 250px;
    width: 100%;
    position: relative
}

.page_ttl_area p {
    color: #fff;
}

.ttl_box_bg01,
.ttl_box_bg02,
.ttl_box_bg_red,
.ttl_box_bg07,
.ttl_box_bg08 {
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.ttl_box_bg_red {
    background: #59bded;
}

.ttl_box_bg01 {
    background-image: url(images/ttl_box_bg01.jpg);
}

.ttl_box_bg02 {
    background-image: url(images/ttl_box_bg02.jpg);
}

.ttl_box_bg03 {
    background-image: url(images/ttl_box_bg03.jpg);
    width: 100%;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.ttl_box_bg04 {
    background-image: url(images/ttl_box_bg04.jpg);
    width: 100%;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.ttl_box_bg08s {
    background-image: url(images/ttl_box_bg08s.jpg);
    width: 100%;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.ttl_box_bg_pre {
    background-image: url(images/ttl_box_bg_pre.jpg);
    width: 100%;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.ttl_box_bg05 {
    width: 100%;
    background-position: center;
    background-size: cover;
    background-image: url(images/ttl_box_bg05.jpg);
    background-repeat: no-repeat;
}

.ttl_box_bg06 {
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-image: url(images/ttl_box_bg06.jpg);
    background-repeat: no-repeat;
}

.ttl_box_bg07 {
    background-image: url(images/event_bg.jpg);
}

.ttl_box_bg08 {
    background-image: url(images/ttl_box_bg08.jpg);
}

.ttl_box_bg09 {
    background-image: url(images/ttl_box_bg09.jpg);
    width: 100%;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.ttl_box_bg10 {
    background-image: url(images/ttl_box_bg10.jpg);
    width: 100%;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.ttl_box_bg11 {
    background-image: url(images/ttl_box_bg11.jpg);
    width: 100%;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.ttl_box_bg12 {
    background-image: url(images/ttl_box_bg12.jpg);
    width: 100%;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.ttl_box_bg13 {
    background-image: url(images/ttl_box_bg13.jpg);
    width: 100%;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.ttl_box_bg14 {
    background-image: url(images/ttl_box_bg14.jpg);
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.ttl_box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    width: 100%;
}

.subttl_01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    border-bottom: solid 2px #59bded;
    color: #333;
}

.subttl_01 p {
    color: #59bded;
    margin-left: 20px;
}

.subttl_02 h4 {
    font-size: 20px;
    border-left: 5px solid #59bded;
    padding-left: 10px;
    margin-bottom: 25px;
}

.subttl_03 h4 {
    font-size: 20px;
    margin-bottom: 15px;
    background-color: #59bded;
    color: white;
    padding: 5px 10px;
    font-weight: 600;
}


h2.page_maincopy {
    background: none;
    padding: 0;
    border: 0;
    text-align: center;
    color: #59bded;
    font-size: 38px;
    font-weight: 600;
}

span.colbox_red {
    background: #59bded;
    color: #fff;
    font-weight: 600;
    padding: 5px 20px;
    display: inline-block;
    margin-bottom: 10px;
}

.philosophy_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.phil_box_in {
    width: calc(100% / 2 - 20px);
    text-align: center;
    border-bottom: solid 2px #59bded;
    padding-bottom: 20px;
}

.edu_box {
    width: 100%;
    text-align: center;
    border-bottom: solid 2px #59bded;
    padding-bottom: 20px;
}

.phil_box_in h5,
.edu_box h5 {
    background: #59bded;
    color: #fff;
    font-size: 12px;
    padding: 5px 0;
}

.phil_box_in h3,
.edu_box h3 {
    margin: 20px 0;
    font-weight: 600;
    color: #59bded;
}

ul.edu_icon_flex {
    margin: 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.edu_icon_flex li {
    width: calc(100% / 4 - 20px);
}

.edu_icon_flex li:nth-child(n + 5) {
    margin-top: 20px;
}

.program_box .edu_icon_flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.program_box .edu_icon_flex li {
    width: calc(100% / 2 - 20px);
}

.edu_icon_flex li {
    width: calc(100% / 4 - 20px);
}

#school_bg {
    background: url(images/kousha_bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.8);
    background-blend-mode: lighten;
    margin: 0;
}

.table_history {
    width: 100%;
}

.table_history th,
.table_history td {
    border-left: none;
    border-bottom: 1px solid #59bded;
    padding: 30px 0 10px 0;
}

.table_history th {
    font-size: 1.3em;
    font-style: italic;
    text-align: center;
    vertical-align: middle;
    color: #59bded;
}

dl.des_kome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}

.des_kome dt {
    margin-right: 15px;
}

.course_v {
    width: 100vw;
    height: calc(100vh - 70px);
    min-height: 650px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.course_v_l {
    width: 65%;
}

.course_v_l.bunri_advance_bg {
    background: url(images/course_v_01.jpg);
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
}

.course_v_l.bunri_selection_bg {
    background: url(images/course_v_02.jpg);
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
}

.course_v_l.international_bg {
    background: url(images/course_v_03.jpg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}


.course_v_l.collage_bg {
    background: url(images/course_v_04.jpg);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}


.course_v_r {
    width: 35%;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.course_items {
    width: 100%;
}

.course_v_r.bunri_advance {
    background: rgb(22, 32, 73);
    background: linear-gradient(45deg, rgba(22, 32, 73, 1) 0%, rgba(53, 71, 137, 1) 100%);
}

.course_v_r.bunri_selection {
    background: rgb(0, 116, 139);
    background: linear-gradient(45deg, rgba(0, 116, 139, 1) 0%, rgba(0, 142, 171, 1) 100%);
}

.course_v_r.international {
    background: rgb(204, 111, 64);
    background: linear-gradient(45deg, rgba(204, 111, 64, 1) 0%, rgba(221, 148, 88, 1) 100%);
}

.course_v_r.collage {
    background: rgb(69, 146, 94);
    background: linear-gradient(45deg, rgba(69, 146, 94, 1) 0%, rgba(88, 165, 122, 1) 100%);
}

.course_name_en {
    letter-spacing: 0.07em;
    letter-spacing: 0.05em;
    font-weight: 100;
}

.course_copy {
    color: #fff;
    font-size: 15px !important;
}

span.course_type {
    background: #fff;
    padding: 5px 15px;
    margin-right: 10px;
}

.course_name_en,
.course_name {
    font-size: 48px;
    color: #fff;
    background: none;
    border: none;
    padding: 0;
}

.feat_text_area {
    border-top: 1px solid #fff;
    padding-top: 30px;
    margin-top: 30px;
}

p.feat_box {
    font-size: 18px !important;
    color: #fff;
    border: 1px solid #fff;
    line-height: 1em !important;
    display: inline-block;
    padding: 5px 15px;
}

.feat_text {
    background: rgba(255, 255, 255, .9);
    padding: 15px;
    margin-top: 25px;
    border-radius: 10px;
}

.feat_text h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.bunri_advance h3 {
    color: #354789 !important;
}

.bunri_selection h3 {
    color: #008eab !important;
}

.international h3 {
    color: #cc6f40 !important;
}

.collage h3 {
    color: #45925e !important;
}


.feat_text p {
    font-size: 12px;
}

.course_point_box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.course_point_box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.course_point_box li {
    width: calc(100% / 3);
    border-right: 1px solid #333;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.course_point_box li:last-child {
    border: none;
}

.point_icon {
    width: 40%;
    margin: 0 auto;

}

.point_ttl,
.point_ttl_selection,
.point_ttl_inter,
.point_ttl_gene {
    margin-bottom: 20px;
}

.point_ttl {
    border-left: 5px #354789 solid;
}

.point_ttl_selection {
    border-left: 5px #008eab solid;
}

.point_ttl_inter {
    border-left: 5px #cc6f40 solid;
}

.point_ttl_gene {
    border-left: 5px #5CA06F solid;
}

.point_ttl h2,
.point_ttl_selection h2,
.point_ttl_inter h2,
.point_ttl_gene h2 {
    background: none;
    border: none;
    font-family: 'Oswald', sans-serif;
}

.advan_point_ttl {
    color: #928FBA;
}

.selective_point_ttl {
    color: #A6BFD2;
}

.inter_point_ttl {
    color: #cc6f40;
}


.gene_point_ttl {
    color: #5CA06F;
}

.course_point_box h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
}

.global_stu_point {
    color: #59bded;
}

.interview_text .advan_point,
.interview_text .selective_point,
.interview_text .inter_point,
.interview_text .gene_point {
    border: none;
}

.advan_point {
    color: #354789;
    border: 1px solid #354789;
}

.selective_point {
    color: #008eab;
    border: 1px solid #008eab;
}


.inter_point {
    color: #cc6f40;
    border: 1px solid #cc6f40;
}

.ogob_point {
    color: #59bded;
}


.gene_point {
    color: #45925e;
    border: 1px solid #45925e;
}

.point_image {
    margin-top: auto;
    padding: 20px 0 0 0;
}

p.ogob_prof {
    background: #59bded;
    display: inline-block;
    padding: 0 10px;
    color: #fff;
    margin-bottom: 5px !important;
}

span.bunnkeirikei {
    background: #fff;
    font-weight: 600;
    padding: 5px 10px;
}

#blue_area {
    background: #F2F2FF;
    margin: 0;
}


#eme_area {
    background: #e7fbff;
    margin: 0;
}

#org_area {
    background: #fffaf7;
    margin: 0;
}


#grn_area {
    background: #ecfff2;
    margin: 0;
}


.shinro_ttl {
    text-align: center;
    background: #59bded;
    color: #fff;
    font-size: 20px;
    padding: 5px;
}

.shinro_box {
    background: #fff;
    padding: 20px;
}

.interview_text h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

h4.interview_ttl_blue {
    color: #354789;
    border-bottom: 2px solid #354789;
    margin-bottom: 20px;
}

h4.interview_ttl_red {
    color: #59bded;
    border-bottom: 2px solid #59bded;
    margin-bottom: 20px;
}

.interview_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.interview_box2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.interview_l {
    width: 40%;
}

.interview_r {
    width: 57%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.interview_r2 {
    width: 57%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}


.interview_text {
    margin-top: 20px;
}

.style_area {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.style_area li {
    /*width: 50%;*/
	width:100%;
}

.style_area .summer ul,
.style_area .winter ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.summer,
.winter {
    position: relative;
}

.season_text {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 60%;
}

.season_text h3 {
    text-align: center;
    color: #59bded;
    font-weight: 800;
    letter-spacing: .2em;
    font-size: clamp(18px, 4vw, 40px);
}

ul.uniflex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

ul.uniflex li {
    width: calc(100% / 2 - 20px);
}

.uniform_contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100px;
}

.uniform_s1,
.uniform_s2 {
    width: 40%;
}

.uniform_s1 {
    background: url(images/uni_winter.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.uniform_s2 {
    background: url(images/uni_summer.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.uniform_l {
    width: 58%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.uniform_l_in {
    width: calc(50% - 25px / 2);
}

.uniform_l_in h4 {
    border: 2px solid #59bded;
    padding: 3px 10px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    border-radius: 100px;
    color: #59bded;
    margin-bottom: 20px;
}



.event_news_area {
    margin-top: 25px;
}

.event_date_list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
}

.event_date,
.event_title,
.event_status {
    padding: 30px 20px;
}


.event_title {
    width: 60%;
    font-size: 30px;
    font-weight: 100;
}

.event_date {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 30px;
    font-weight: 100;
    background: rgb(0, 79, 159);
    background: linear-gradient(45deg, rgba(0, 79, 159, 1) 0%, rgba(116, 185, 255, 1) 100%);
    color: #fff;
}

.event_status {
    width: 20%;
    background: #59bded;
    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;
}

.event_status p {
    color: #fff;
    text-align: center;
}


span.day_of_week,
span.year {
    font-size: 15px;
}

span.day_of_week {
    margin-left: 10px;
    background: #fff;
    padding: 4px 9px;
    border-radius: 5px;
}

span.year {
    margin-right: 10px;
    color: #fff;
}

.event_date_list li {
    margin-top: 25px;
}

.event_date_list li:nth-child(1) {
    margin-top: 0;
}

.event_yet,
.event_ended,
.event_cancel {
    pointer-events: none;
    opacity: 0.7;
}

ul.event_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

ul.event_img li {
    width: calc(50% - 20px / 2);
}

dl.event_date_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 25px;
}

.event_date_head dt {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 30px;
    font-weight: 100;
    padding: 30px 20px;
    background: linear-gradient(45deg, rgba(0, 79, 159, 1) 0%, rgba(116, 185, 255, 1) 100%);
    color: #fff;
}

.event_date_head dd {
    width: 80%;
    font-size: 30px;
    font-weight: 100;
    padding: 30px 20px;
    background: #fff;
    margin: 0;
}

.event_content {
    background: #fff;
    border-radius: 5px;
    margin: 25px 0;
    padding: 30px;
    -webkit-box-shadow: -2px 1px 19px 4px rgba(0, 0, 0, 0.13);
    -ms-box-shadow: -2px 1px 19px 4px rgba(0, 0, 0, 0.13);
    box-shadow: -2px 1px 19px 4px rgba(0, 0, 0, 0.13);
}

.whatsnew h1 {
    display: none;
}

div.whatsnew a {
    border-bottom: 1px dashed #ddd;
}

div.whatsnew hr {
    display: none;
}

div#news {
    margin-top: 20px;
}

#news-inner ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 5px;
}

#news-inner ul li:nth-child(n+2) {
    margin-top: 20px;
}

.news-content {
    margin-left: 20px;
}

#news-inner p {
    font-weight: 600;
}

/****無限スライダー***/

.loopSlide {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden;
}

.loopSlide ul {
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.loopSlide ul:first-child {
    -webkit-animation: slide1 60s -30s linear infinite;
    animation: slide1 60s -30s linear infinite;
}

.loopSlide ul:last-child {
    -webkit-animation: slide2 60s linear infinite;
    animation: slide2 60s linear infinite;
}

.loopSlide ul li {
    display: inline-block;
    width: 100%;
    margin-right: 20px;
    list-style: none;
    text-align: center;
}

.loopSlide ul li img {
    display: block;
    height: auto;
}

.loopSlide:hover ul {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@-webkit-keyframes slide1 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes slide1 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes slide2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }
}

@keyframes slide2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }
}

/*
右から左へ
----------------------------*/
@-webkit-keyframes infinity-scroll-left {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes infinity-scroll-left {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.d-demo {
    display: -ms-grid;
    overflow: hidden;
}

ul.uniform_items,
ul.uniform_items2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.uniform_items li {
    width: calc(100% / 2 - 20px);
}

ul.uniform_items li:nth-child(n+3) {
    margin-top: 30px;
}

ul.uniform_items2 li {
    width: calc(100% / 3 - 20px);
}


ul.uniform_items li h3,
ul.uniform_items2 li h3 {
    text-align: center;
    font-size: 18px;
    margin: 10px 0 5px;
}

.style_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.style_box {
    height: 40vh;
}

.style_photo {
    position: relative;
    width: 48%;
}

.style_snap {
    position: absolute;
    width: 17vw;
    max-width: 210px;
    top: -20px;
    left: 75%;
}

.style_box:nth-child(2) .style_photo .style_snap {
    left: -18% !important;
}

.style_text,
.style_text2 {
    width: 42%;
    max-width: 430px;
}


.stylettl {
    width: 150px;
    margin-bottom: 20px;
}

.style_text h3,
.style_text2 h3 {
    font-size: 20px;
    color: #59bded;
    margin-bottom: 10px;
}

ul.slacks_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid #59bded;
    padding: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

ul.slacks_area li:nth-child(1) {
    width: 25%;
}

ul.slacks_area li:nth-child(2) {
    width: 73%;
}

ul.slacks_area li span {
    margin-left: 0;
}

ul.slacks_area li h3 {
    color: #59bded;
    margin: 10px 0;
}

.item_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.item_flex_in {
    width: calc(100% / 2 - 20px);
}

.item_ttl {
    text-align: center;
    margin-bottom: 15px;
    color: #fff;
    border-radius: 2px;
    padding: 5px;
    font-size: 25px;
}

.ttl_bg1 {
    background: #fcbad3;
}

.ttl_bg2 {
    background: #59bded;
    ;
}

.ttl_bg3 {
    background: #a6acec;
}

.item_flex_in_in:nth-child(n+2) {
    margin-top: 50px;
}

.step_sp_image {
    display: none;
}

/*----------------------eventshe↓-----------------------*/
.event_pick_wht,
.event_pick_gray {
    border-radius: 10px;
    padding: 25px;
    margin-top: 10px;
}

.event_pick_wht h4,
.event_pick_gray h4 {
    font-weight: 900;
    color: #59bded;
    margin-bottom: 15px;
}

.event_pick_wht h5,
.event_pick_gray h5 {
    font-size: 14px;
}

span.pickup_ttl {
    border: 2px solid;
    padding: 6px 20px;
    display: inline-block;
    margin-left: 10px;
    color: #59bded;
    font-size: 20px;
    background: #fff;
}

.event_pick_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.event_pick_wht {
    background: #fff;
}

.event_pick_gray {
    background: #F5F5F5;
}

.event_pick_l {
    width: 42%
}

.event_pick_r {
    width: 55%;
}

.event_img_box {
    width: calc(100% / 2 - 10px);
}


p.event_month {
    background: #59bded;
    display: inline-block;
    font-weight: 600;
    padding: 3px 25px;
    color: #fff;
    font-size: 1em !important;
    margin-bottom: 15px !important;
    letter-spacing: 0.05em;
}

.cbp_tmlabel ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cbp_tmlabel ul li {
    list-style: disc;
    margin: 0 0.5em 0.4em 1.5em;
    font-weight: 600;
}

.cbp_tmtimeline {
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
    position: relative;
}

/* The line */
.cbp_tmtimeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    background: #f2fdff;
    left: 1%;
    margin-left: -10px;
}

.cbp_tmtimeline > li {
    position: relative;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
    display: block;
    width: 25%;
    padding-right: 100px;
    position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
    display: block;
    text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
    font-size: 0.9em;
    color: #bdd0db;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
    font-size: 2.9em;
    color: #3594cb;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
    color: #6cbfee;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
    margin: 0 0 30px 7%;
    background: #f2fdff;
    color: #fff;
    padding: 2em;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
    background: #fff;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 {
    margin-top: 0px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #f2fdff;
    border-width: 10px;
    top: 20px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: #fff;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
    width: 60px;
    height: 60px;
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    line-height: 60px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #fff;
    background: #59bded;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 8px #f2fdff;
    box-shadow: 0 0 0 8px #f2fdff;
    text-align: center;
    /*left: 20%;*/
    top: 0;
    margin: 0 0 0 -25px;
}

/*.cbp_tmicon-phone:before {
    content: "e000";
}

.cbp_tmicon-screen:before {
    content: "e001";
}

.cbp_tmicon-mail:before {
    content: "e002";
}

.cbp_tmicon-earth:before {
    content: "e003";
}*/


/*----------------SEIRINKAN GLOBAL↓-------------------*/

.global_v_area {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 380px;
}

.global_v_in1,
.global_v_in2 {
    width: calc(100% / 2);

}

.global_v_in1 {
    background: url(images/michigan.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.global_v_in2 {
    background: url(images/tronto.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.global_citizens_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.citizenz_in {
    width: 245px;
    height: 245px;
    background: #fff;
    border: 2px solid #59bded;
    border-radius: 1000px;
    padding: 35px 50px;
    text-align: center;
    margin-right: 25px;
}

.citizenz_in:last-child {
    margin-right: 0;
}

.citizenz_in h4 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}

.languege_center {
    position: relative;
    background: url(images/languege_center_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 380px;
}

.ict_bg {
    position: relative;
    background: url(images/ict_image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 380px;

}

.languege_center_in {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    width: 100%;
    padding: 0 20px;
}

.languege_center_in p {
    color: #fff;
}

.exe_proglam_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px;
}

.exe_proglam_box:first-child {
    margin-top: 0;
}

.exe_prog_in_l {
    width: 45%;
}

.exe_prog_in_r {
    width: 55%;
    background: #F5F5F5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
}

.exe_prog_in_r_in h5 {
    margin-bottom: 10px;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    font-weight: 600;
    color: #59bded;
    font-size: 18px;
}

.exe_prog_in_r_in p {
    color: #59bded;
}

.glob_sister_school {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    margin-bottom: 20px;
}


.glob_sister_school dt {
    min-width: 180px;
    text-align: center;
    border: 2px solid #59bded;
    display: inline-block;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    color: #59bded;
    margin-right: 20px;
}

.glob_sister_school dd {
    margin-bottom: 0;
}

.glob_sister_school_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.glob_sister_school_flex dl {
    margin-right: 20px;
    margin-bottom: 0;
}

.global_slide {
    height: 480px;
}


/*----------------------program↓-----------------------*/

.area_ttl h5 {
    color: #59bded;
    font-style: italic;
    font-size: 30px;
}

.program_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: none;
}

.program_menu .archive-grid {
    width: calc(100% / 4);
}

.sub_ttl_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

span.program_num {
    background: #59bded;
    margin-right: 10px;
    color: #fff;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    line-height: 35px;
}

.program_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: flex-start;
}

.program_flex_l {
    width: 40%;
}

.program_flex_r {
    width: 58%;
}

.program_flex_l2 {
    width: 60%;
}

.program_flex_r2 {
    width: 38%;
}


.stu_voice_ttl {
    border-bottom: 1px solid;
    margin-bottom: 10px !important;
}

.accomp_pc {
    display: block;
}

.accomp_sp {
    display: none;
}

.ict_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ict_flex_in {
    width: calc(100% / 2);
}

.ict_dec_box {
    padding: 15px;
}

.ict_dec_box h4 {
    color: #59bded;
    border-bottom: 1px solid #59bded;
}


.grade_ttl {
    position: relative;
    display: inline-block;
    border-bottom: solid 1px #525252;
    min-width: 170px;
    max-width: 100%;
    text-align: center;
    border-top: none;
    padding: 5px;
}

.grade_ttl:before,
.grade_ttl:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.grade_ttl:before {
    border: solid 11px transparent;
    border-top: solid 11px #525252;
}

.grade_ttl:after {
    border: solid 14px transparent;
    border-top: solid 14px #f5f5f5;
    margin-top: -5px;
}

.grade_ttl2 {
    position: relative;
    display: inline-block;
    border-bottom: solid 1px #525252;
    min-width: 170px;
    max-width: 100%;
    text-align: center;
    border-top: none;
    padding: 5px;
    background: #fff;
}

.grade_ttl2:before,
.grade_ttl2:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.grade_ttl2:before {
    border: solid 11px transparent;
    border-top: solid 11px #525252;
}

.grade_ttl2:after {
    border: solid 14px transparent;
    border-top: solid 14px #fff;
    margin-top: -5px;
}

.sup_grade_box {
    border: 1px solid #333;
    margin-top: 20px;
    background: #fff;
    padding: 20px;
}

.sup_flex_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sup_flex_box_in_l {
    width: 63%;
}

.sup_flex_box_in_r {
    width: 35%;
}

.sup_dox_low h5 {
    background: #59bded;
    text-align: center;
    padding: 5px 0;
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
}

.sup_dox_low {
    width: calc(100% / 2 - 10px);
    padding-top: 20px;
}


.sup_dox_low_in p {
    border-left: 5px solid #59bded;
    padding-left: 5px;
    margin-bottom: 10px !important;
    font-weight: 600;
}

.sup_flex_box2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.sup_dox_low_in {
    margin-bottom: 15px;
    margin-right: 15px;
}

.sup_dox_low_in li {
    font-size: 14px;
    list-style-type: none;
    position: relative;
    padding-left: 1.2em;
}

.sup_dox_low_in li:before {
    display: block;
    position: absolute;
    /*絶対配置*/
    left: 0;
    /*点の位置*/
    top: 0;
    /*点の位置*/
    content: "■";
    color: #6c757d;
    /*点の色*/
}

.sup_dox_low_in:last-child {
    margin-bottom: 0;
}

.themebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.themebox p {
    background: #59bded;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
    margin-right: 10px;
    border-radius: 5px;
    min-width: 100px;
    width: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.car_sup_points {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.csp_icon {
    margin-bottom: 10px;
}

.point_undr_bar {
    width: 30px;
    height: 5px;
    background: #59bded;
    margin: 0 auto;
}

.csp_icon p {
    line-height: 1em !important;
}

.csp_icon p,
.csp_icon h3 {
    text-align: center;
}

.car_sup_point_in {
    width: calc(100% / 3 - 20px);
    text-align: center;
    padding: 20px;
    background: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

h4.csp_ttl {
    margin-bottom: 10px;
    color: #59bded;
    font-size: 18px;
    line-height: 1.4em;
}


#sbjct_learn_01 {
    background: url(images/sbjct_learn_01.jpg);
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: calc(100vh - 70px);
    margin: 0;
}

#sbjct_learn_02 {
    background: url(images/sbjct_learn_02.jpg);
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: calc(100vh - 70px);
    margin: 0;
}

#sbjct_learn_03 {
    background: url(images/sbjct_learn_03.jpg);
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: calc(100vh - 70px);
    margin: 0;
}

#sbjct_learn_04 {
    background: url(images/sbjct_learn_04.jpg);
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: calc(100vh - 70px);
    margin: 0;
}

#sbjct_learn_05 {
    background: url(images/sbjct_learn_05.jpg);
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: calc(100vh - 70px);
    margin: 0;
}

.sbjct_learn_flex_in {
    background: #fff;
    padding: 50px;
    border-top: 7px solid #59bded;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sbjct_abslute,
.sbjct_abslute2 {
    width: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.sbjct_abslute {
    right: 0%;
}

.sbjct_abslute2 {
    left: 0%
}

.sbjct_learn_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    height: calc(100vh - 70px);
}

dl.sbjct_learn_ttl_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #59bded;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    margin: 0;
}

.sbjct_learn_ttl_in dt {
    color: #fff;
    border-right: 1px solid #fff;
    padding-right: 10px;
    margin-right: 10px;
    font-weight: lighter;
    letter-spacing: 0.1em;
    text-align: right;
}

.sbjct_learn_ttl_in dd {
    color: #fff;
    margin: 0;
    font-size: 30px;
}

.sbjct_learn_flex_cont {
    display: inline-block;
}

.sbjct_learn_ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.sbjct_learn_ttl h2 {
    color: #59bded;
    background: none;
    border: none;
    padding: 0;
    margin: 0 0 0 15px;
    font-size: 45px;
}

.kousha_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.kousha_image {
    width: 49%;
}

.kousha_text {
    width: 49%;
}

.kousha_text h5 {
    line-height: 1.8em;
    text-align: justify;
}

.equipe_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.equipe_box_in {
    width: calc(100% / 2 - 20px);
}

.equipe_box_image {
    width: 90%;
}

.equipe_box_text,
.equipe_box_text2 {
    width: 90%;
    margin-left: auto;
    padding: 30px;
    position: relative;
    top: -30px;
}

.equipe_box_text {
    background: #f2f8ff;
}

.equipe_box_text2 {
    background: #fff;
}

.equipe_box_text h3 {
    color: #59bded;
    border-bottom: 1px solid #59bded;
    margin-bottom: 10px;
    padding-bottom: 3px;
    font-size: 20px;
}

.equipe_box_text2 h3 {
    color: #59bded;
    border-bottom: 1px solid #59bded;
    padding-bottom: 3px;
    font-size: 24px;
}

.allan {
    font-family: 'Allan', cursive !important;
    font-size: 45px !important;
}

.english_course {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.en_course_in01 h3,
.en_course_in02 h3,
.en_course_in03 h3,
.en_course_in04 h3 {
    text-align: center;
    margin-bottom: 10px;
}

.en_course_in01 h3,
.en_course_in02 h3,
.en_course_in03 h3,
.en_course_in04 h3,
.en_course_in01 p,
.en_course_in02 p,
.en_course_in03 p,
.en_course_in04 p {
    color: #fff;
}

.en_course_in01,
.en_course_in02,
.en_course_in03,
.en_course_in04 {
    width: calc(100% / 2);
    padding: 50px;
    min-height: 304px;
}

.en_course_in01 {
    background: url(images/corse_menu01.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.en_course_in02 {
    background: url(images/corse_menu02.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.en_course_in03 {
    background: url(images/corse_menu03.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.en_course_in04 {
    background: url(images/corse_menu04.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.en_uniform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.en_uni_1 {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.en_uni_2 {
    width: 50%;
}


.en_uni_text {
    padding: 10px 20px;
}

.global_map_area {
    background-image: linear-gradient(0deg, transparent 31px, rgba(51, 51, 51, .3) 32px), linear-gradient(90deg, transparent 31px, rgba(51, 51, 51, .3) 32px);
    background-size: 32px 32px;
}

a.link_btn {
    background: #59bded;
    color: #fff !important;
    font-size: 12px;
    padding: 3px 15px;
    border-radius: 5px;
}

.sister_school_list li,
.sister_school_list2 li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.8em;
    border-bottom: 1px dashed #333;
    padding-bottom: 5px;
}

.sister_school_list li {
    width: 100%;
}

.sister_school_list2 li {
    width: 100%;
}


.sister_school_list li p,
.sister_school_list2 li p {
    font-weight: bold;
}

.sister_school_list li p:after {
    border-bottom: 1px dashed #333;
    width: 100%;
}

figure.hover-parent {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

figcaption.hover-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 30px;
    -webkit-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    padding-top: 0px;
}


figure.hover-parent:hover .hover-mask {
    padding-top: 30px;
    opacity: 1;
}

figure {
    margin: 0;
}

.gp_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gp_boxin {
    width: calc(100% / 4);
}

.hover-mask h5 {
    color: #fff;
    width: 100%;
    font-size: 18px;
}

.gp_boxin h3 {
    position: relative;
    padding: 0 65px;
    text-align: center;
    color: #59bded;
    font-size: 22px;
    margin-top: 5px;
}

.gp_boxin h3:before {
    position: absolute;
    top: calc(50% - 0px);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 85%;
    height: 1px;
    content: '';
    background: #59bded;
}

.gp_boxin h3 span {
    position: relative;
    padding: 0 .5em;
    background: #fff;
}

.gp_boxin:nth-child(n+5) {
    margin-top: 50px;
}


/*----------------------FORMS↓-----------------------*/

.form_box ul li {
    padding: 15px 20px 15px 20px;
    width: 65%;
    margin: 0;
    min-height: 70px;
    background: #FFF;
}

.form_box ul li:first-child {
    width: 35%;
    background: #364f6b;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    padding: 20px 10px 20px 20px;
}

.form_box {
    border-top: 1px dotted #CCC;
    margin: 30px 0;
}

.form_box ul {
    border-bottom: 1px dotted #CCC;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form_box ul li {
    font-size: 15px;
}

.form_box ul li input {
    padding: 4px 10px 7px !important;
    margin-bottom: 5px;
    font-size: 12px !important;
    max-width: 350px;
}

.form_box select {
    min-height: 25px;
    width: 40% !important;
    max-width: 350px;
    margin-bottom: 5px;
    padding: 4px 10px 7px !important;
    font-size: 12px;
}

.mwform-checkbox-field label,
.mwform-radio-field label {
    font-weight: normal;
    margin-bottom: 0;
}

.form_box label {
    padding-right: 20px;
}

.form_box input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 15px 40px;
    width: 100%;
    margin: 0;
    background: #59bded;
}

/*----------------------CARDS↓-----------------------*/
.club_card_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.l-wrapper_06 {
    width: calc(100% / 2 - 20px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.l-wrapper_06:nth-of-type(1),
.l-wrapper_06:nth-of-type(2) {
    margin-top: 0;
}

/* 最後のコンテンツを左寄せにする指定 */
.club_card_area:after {
    content: "";
    display: block;
    width: calc(33.33333% - 80px / 3);
    /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}

.l-wrapper_06:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 7px 34px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    box-shadow: 0 7px 34px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
    -webkit-transition: all .5s;
    transition: all .5s;
}

.card_06 {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 5px #ccc;
    box-shadow: 0 2px 5px #ccc;
    width: 100%;
}

.card-img_06 {
    border-radius: 5px 5px 0 0;
    max-width: 100%;
    height: auto;
}

.card-content_06 {
    padding: 0px 20px 20px;
}

.card-title_06 {
    font-size: 18px !important;
    color: #59bded;
    font-weight: 700;
    text-align: center;
    padding: 10px 0;
}

.card-text_06 {
    color: #777;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0.2em;
}

.hidden_box {
    margin: 0;
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s;
    width: 100%;
    text-align: center;
    border: 1px solid #59bded;
    border-left: none;
    border-right: none;
    font-weight: 100;
    color: #59bded;
}

/*アイコンを表示*/
.hidden_box label:before {
    display: inline-block;
    content: '\f078';
    font-family: 'FontAwesome';
    padding-right: 5px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: silver;
}

/*アイコンを切り替え*/
.hidden_box input:checked ~ label:before {
    content: '\f00d';
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    color: #198754;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

.ogob_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.ogob_box li {
    width: calc(100% / 2 - 50px);
    -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.ogob_box li:nth-child(n+3) {
    margin-top: 50px;
}

.ogob_prof {
    padding: 20px;
}

.ogob_box li h2 {
    text-align: center;
    font-size: 18px;
    border: none;
    background: #59bded;
    color: #fff;
}


.club_notice {
    margin-top: 5vw;
    padding: 30px;
    border: 2px solid #59bded;
    border-radius: 5px;
}

.club_notice p {
    text-align: center;
    color: #59bded;
    font-size: 18px;
    font-weight: 600;
}

/*---------------------GUIDE LINE↓--------------------*/

.recruitment_top {
    text-align: left;
}

.recruitment_top p {
    font-size: 18px;
    border-bottom: 2px solid #59bded;
    padding: 5px 10px;
    margin-bottom: 20px;
}

a.p_pinkbox {
    background: #f2fdff;
    padding: 0 100px 0 40px;
    width: 100%;
    font-weight: 600;
    color: #59bded;
    text-decoration: underline;
    min-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.graph_ttl p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 50px;
    border-left: solid 5px #59bded;
    padding-left: 20px;
}


table.table_std_center {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
    border-top: 3px solid #59bded;
    border-bottom: 3px solid #59bded;
    border-left: 1px solid #59bded;
}

table.table_std_center th {
    background: #f2fdff;
    font-weight: 400;
    color: #59bded;
    padding: 10px;
    text-align: center;
    border-right: 1px solid #59bded;
    border-bottom: 1px solid #59bded;
    border-left: 1px solid #59bded;
    font-size: 14px;
    font-weight: normal;
}

table.table_std_center td {
    color: #59bded;
    border-bottom: 1px solid #59bded;
    border-right: 1px solid #59bded;
    border-left: 1px solid #59bded;
    padding: 10px;
    font-size: 14px;
    color: #3c4043;
    font-size: 14px;
    vertical-align: middle;
}

td.all_center {
    text-align: center;
}

td.all_right {
    text-align: right;
}

td_all_left {
    text-align: left;
}

.height976 {
    height: 976px;
}

table.table_std.set_items td {
    vertical-align: top;
    margin-top: 0;
}

p.set_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 80%;
    margin: 10px 10% 0;
}

p.set_items:first-child {
    margin-top: 0;
}

.set_items p span {
    display: inline-block;
}


p.detail_line_adjust {
    width: 90%;
    margin: 0 0 0 10%;
}

.min-height3em {
    min-height: 3em
}

table.width50 {
    width: 50%;
}

/*朱色テーブル部分*/
table.table_darkred_part {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
    border-top: 3px solid #59bded;
    border-bottom: 3px solid #59bded;
    border-left: 1px solid #59bded;
    border-right: 1px solid #59bded;
}

table.table_darkred_part th {
    background: #59bded;
    padding: 10px;
    font-size: 14px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #fff;
    letter-spacing: 2px;
    text-align: center;
}

table.table_darkred_part td {
    border-bottom: 1px solid #59bded;
    border-right: 1px solid #59bded;
    font-weight: normal;
    vertical-align: middle;
}

a._self.pt-cv-readmore.btn.btn-success {
    display: none;
}

a.pt-cv-tax-club,
a.pt-cv-tax-event,
a.pt-cv-tax-global,
a.pt-cv-tax-notice {
    padding: 3px 8px;
    color: #fff;
    font-size: 12px;
}

a.pt-cv-tax-club {
    background: #3498db;
}

a.pt-cv-tax-event {
    background: #364f6b;
}

a.pt-cv-tax-global {
    background: #ff6a00;
}

a.pt-cv-tax-notice {
    background: #59bded;
}

/*★★★進路実績★★★*/
.bigger_font p {
    font-size: 35px !important;
    line-height: 1.5 !important;
    /*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;*/
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif!important;
    ;
}

.results_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.results_box_in_l {
    width: 48%
}

.results_box_in_r {
    width: 20%;
    margin-left: 20px;
}

.red_bold {
    color: #59bded;
    font-size: 60px !important;
}


.hidden_box_2 {
    padding: 0;
}

/*ボタン装飾*/
.hidden_box_2 label {
    font-weight: bold;
    cursor: pointer;
}

/*ボタンホバー時*/
.hidden_box_2 label:hover {}

/*チェックは見えなくする*/
.hidden_box_2 input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box_2 .hidden_show_2 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box_2 input:checked ~ .hidden_show_2 {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

.hidden_box_2_flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.hidden_box_2_inner {
    width: 49%;
}

.mb200 {
    padding-bottom: 200px;
}

/*★★★サイトマップ背景&タイトル部分★★★*/


.light_gray_bg {
    background-color: #EAF0F2;
}

.site_map_wrapper {
    background: #fff;
    padding: 30px;
    margin-bottom: 20px;
}

.subttl_04 {
    border-bottom: 1px solid #59bded;
    margin-bottom: 20px;
}

.subttl_04 h3 {
    color: #59bded;
    margin-bottom: 5px;
}

p.japanese_subttl {
    padding-bottom: 20px;
}

/*★★★サイトマップボタン★★★*/
.button_txt_right {
    text-align: left;
    display: block;
    background-color: #f2fdff;
    border: 2px solid #f2fdff;
    color: #59bded;
    line-height: 40px;
    -webkit-transition: .5s;
    transition: .5s;
    text-decoration: none;
    border-radius: 5px;
    padding: 10px 15px;

}

.button_txt_right:hover {
    background-color: rgba(255, 255, 255, 0);
    border-color: #59bded;
    color: #59bded;
    text-decoration: none;
}

.button_txt_right:before {
    content: "\f0c1";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    padding-right: 10px;
}

.sitemap_link_list li {
    -webkit-box-shadow: 0px 2px 4px rgb(0 0 0 / 18%);
    box-shadow: 0px 2px 4px rgb(0 0 0 / 18%);
    margin-bottom: 20px;
}

.sitemap_link_list li a {
    position: relative;
    font-weight: 500;
}

.sitemap_link_list li a:after {
    content: "\f105";
    font-weight: 900;
    color: #59bded;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 15px;
}

/*★★★プライバシーポリシー★★★*/
ul.privacy_policy_list {
    list-style: initial;
}

ul.privacy_policy_list li {
    list-style: outside;
    margin-left: 30px;
    color: #cc9999;
    margin-bottom: 10px;
}

ul.privacy_policy_list li:last-child {
    margin-bottom: 0;
}


/*★★★よるあるご質問★★★*/

.faq_page_link_list {
    width: 100%;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.faq_page_link_list li {
    width: calc(100% / 3 - 10px);
    margin-bottom: 10px;
}



.faq_wrapper {
    background: #fff;
    padding: 30px;
    margin-bottom: 50px;
}

.faq_wrapper:last-child {
    margin-bottom: 0;
}


.hidden_box_3 {
    padding: 0;
}

/*ボタン装飾*/
.hidden_box_3 label {
    font-weight: bold;
    cursor: pointer;
}

/*ボタンホバー時*/
.hidden_box_3 label:hover {}

/*チェックは見えなくする*/
.hidden_box_3 input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box_3 .hidden_show_3 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box_3 input:checked ~ .hidden_show_3 {
    padding: 20px 0;
    height: auto;
    opacity: 1;
    padding: 20px 20px 0 20px;
}


.button_txt_right_fqa {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 2px solid #3C4043;
    color: #3C4043;
    line-height: 40px;
    -webkit-transition: .5s;
    transition: .5s;
    text-decoration: none;
    border-radius: 5px;
    padding: 10px 15px;

}

.button_txt_right_fqa:hover {
    background-color: #f2fdff;
    color: #59bded;
    border-color: #f2fdff;
    text-decoration: none;
}

.button_txt_right_fqa:before {
    content: "Q";
    font-size: 35px;
    padding-right: 10px;
}

.button_txt_right_fqa:after {
    content: "\f078";
    margin-left: auto;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
}

p.answer {
    color: #59bded;
    font-size: 35px !important;
    line-height: 1em !important;
    margin-right: 10px;
}

.faq_answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.faq_answer p {
    color: #59bded;
    font-size: 35px;
}

span.box_inner_mb10 {
    display: inline-block;
    margin-bottom: 10px;
}

span.txt_bold {
    font-weight: bold;
    color: #59bded;
    display: inline-block;
    margin-top: 10px;
}

span.boxinner_mt10 {
    margin-top: 10px;
    display: inline-block;
    color: #59bded;
}

h4.slacks_notice {
    text-align: center;
    background: #59bded;
    color: #fff;
    padding: 20px;
}

.eiken_strong {
    font-size: 18px !important;
    font-weight: bold;
}

.trianglebox {
    margin: 0 auto;
    text-align: center;
    width: 30%;
}

/*------------------------------------------↑PAGE END*/

/*-----------------------SINGLE↓---------------------*/

#side .st-aside {
    float: none;
    width: auto !important;
}

.cms_single_content {
    min-height: 24vw;
    overflow: hidden;
    line-height: 1.8em;
}

.cms_single_content img {
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 10px 0;
}

.single_area_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.single_l {
    width: 65%;
}

.single_r {
    width: 30%;
}

h2.section-title {
    background: none;
    border-top: none;
    padding: 0;
    font-size: 25px;
    border-bottom: 2px solid #59bded;
    margin-bottom: 20px;
}

h2.section-title:nth-child(n+2) {
    margin-top: 50px;
}

h3.sub-title_bg {
    background: #BFDFFF;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 20px;
}

.schoolevent_course {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.schoolevent_course dt {
    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;
    width: 30%;
    background: linear-gradient(45deg, rgba(0, 79, 159, 1) 0%, rgba(116, 185, 255, 1) 100%);
    color: #FFF;
    font-size: 17px;
    font-weight: 600;
    padding: 0 20px 0 20px;
}

.schoolevent_course dd {
    width: 70%;
    background: #f8f9fa;
    color: #333;
    padding: 20px;
    margin: 0;
    font-size: 14px;
}

h3.sub-title_underline {
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #59bded;
    border-left: 5px solid #59bded;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

h3.sub-title_underline:nth-child(n+2) {
    margin-top: 50px;
}

h2.entry-title {
    /*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;*/
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif!important;
    border-bottom: 1px solid #59bded;
    background: none;
    border-top: none;
    padding: 0 0 8px 0;
    margin-top: 20px;
    font-size: 25px !important;
    line-height: 1em !important;
    margin-bottom: 5px !important;
}

.blogbox p {
    font-size: 15px !important;
}

.st-catid1,
.st-catid2,
.st-catid3,
.st-catid4,
.st-catid5 {
    color: #fff;
    padding: 3px 8px;
    font-size: 12px;
}

.st-catid1 {
    background: #000;
}

.st-catid2 {
    background: #59bded;
}

.st-catid3 {
    background: #ff6a00;
}

.st-catid4 {
    background: #364f6b;
}

.st-catid5 {
    background: #3498db;
}

.single_page_navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.single_page_navi_in {
    width: 49%;
}

.single_page_navi_in a {
    text-align: center;
    background: #59bded;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.1em;
    width: 100%;
    display: block;
    line-height: 2.5em;
    border-radius: 5px;
    font-size: 14px;
}

.single_page_navi_in a i {
    color: #fff !important;
}

.blogbox p {
    font-size: 12px !important;
}

table.table_std {
    width: 100%;
    border: 1px solid #999;
}

.event_supplement {
    font-size: 22px !important;
    text-align: center;
    /*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;*/
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif!important;
    color: #59bded;
    margin-bottom: 20px !important;
}

.tagarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.tag-list {
    margin: 0 0 0 5px !important;
    list-style: none !important;
    padding: 0 !important;
}

.tag-list li {
    margin-top: 5px;
    line-height: 1em !important;
    padding: 3px 8px !important;

}

.tag-list li a {
    color: #777;
    font-size: 13px;
}

.tag-list li:before {
    content: "\f02b";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    padding-left: 5px;
    color: #777 !important;
}

/*----------------------------------------↑SINGLE END*/

/*-----------------------FORM↓-----------------------*/
/*------------------------------------------↑FORM END*/

/*-----------------------FOOT↓-----------------------*/
footer {
    background: #F2F8FF;
    width: calc(100% - 70px);
}

#footer {
    padding: 0;
    background: rgb(0, 79, 159);
    background: linear-gradient(87deg, rgba(0, 79, 159, 1) 0%, rgba(116, 185, 255, 1) 100%);
	/*background: #59bded;*/
}

#footer-in {
    max-width: 100%;
}

.footer_top_in {
    padding: 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer_logo {
    margin-bottom: 10px;
    max-width: 350px;
}

.footer_btn_box1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer_btn_box2 {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sns_box {
    width: 41%;
}

.sns_box a {
    margin-left: 10px;
}

.recruit_btn_box {
    width: 58%;
}

p.copy {
    padding: 0 !important;
    margin: 0;
    font-size: 12px !important;
    color: #fff !important;
}

.footer_btm {
    background: #59bded;
}

.footer_sitemap_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px;
    flex-wrap: wrap;
}

.footer_sm_in {
    width: calc(100% / 6 - 20px);
}

.footer_sm_in ul {
    list-style: none;
    text-align: left;
    padding: 0;
}

.footer_sm_h5 {
    font-size: 13px !important;
    border-bottom: 1px solid;
    text-align: left;
    color: #fff !important;
    font-weight: 600;
}

.footer_sm_h5 a {
    color: #fff !important;
    font-size: 13px !important;
}

.footer_sm_in li a {
    font-size: 12px;
}

a.footer_sm_a {
    color: #fff !important;
    font-weight: 100;
}

.footer_sm_in li:last-child {
    margin-bottom: 0;
}

.footer_sm_in li {
    margin-bottom: 5px;
}

.gmap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

ul.footer_sm_inin {
    padding-left: 0.8em;
}

ul.footer_sm_inin a {
    color: #fff !important;
    font-weight: normal;
}

ul.footer_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

ul.footer_menu a {
    color: #fff !important;
}

ul.footer_menu2 {
    list-style: none;
    margin: 0;
    padding: 0;

}

ul.footer_menu2 li:after {
    content: "\f105";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    padding-left: 5px;
    color: #59bded !important;
}

ul.footer_menu2 a {
    color: #59bded !important;
    font-size: 12px;
    font-weight: normal;
}

ul.footer_menu2 li:last-child {
    margin-bottom: 0;
}

ul.footer_menu2 li {
    width: calc(100% / 2);
    margin-bottom: 15px;
}

ul.footer_menu2 {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.footer_menu li:after {
    content: "/";
    color: #fff;
    margin: 0 5px;
}

.footer_btm_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #fff;
    padding-top: 50px;
}

.footer_btm_in p {
    font-size: 12px !important;
    color: #fff;
}

.footer_btm_inin {
    width: calc(86% / 2);
}

.foot_menu_row .footer_sm_in {
    width: 100%;
}

.foot_menu_row .footer_sm_in ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/*.foot_menu_row .footer_sm_in ul li {
    width: calc(100% / 6 - 20px);
}*/

h3.foot_list_ttl {
    text-align: left;
    color: #fff;
    font-size: 25px !important;
    letter-spacing: .1em;
    border-left: 5px solid #fff;
    padding: 0 0 5px 10px;
    margin-bottom: 20px;
}

/*------------------------------------------↑FOOT END*/



/*media Queries タブレットサイズ（1280px以下）
----------------------------------------------------*/
@media only screen and (max-width: 1280px) {

    .wrap1280 {
        padding: 0 15px;
    }
}


/*media Queries タブレットサイズ（1024px以下）
----------------------------------------------------*/
@media only screen and (max-width: 1024px) {


    .st-main,
    .st-main-page {
        margin-right: 0;
    }

    .wrap1024 {
        padding: 0 15px;
    }

    /*-----------------------HEAD↓-----------------------*/

    #top-head,
    .inner {
        width: 100%;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
        height: 70px;
    }

    #top-head2,
    .inner {
        width: 100%;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #top-head2 {
        top: 0;
        position: fixed;
        margin-top: 0;
        height: 70px;
    }

    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
    }

    #top-head2.fixed {
        padding-top: 0;
    }

    #mobile-head {
        width: 100%;
        height: 81px;
        z-index: 999;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 13px;
        color: #333;
        font-size: 26px;
    }

    #top-head2.fixed .logo,
    #top-head2 .logo {
        position: absolute;
        left: 13px;
        top: 13px;
        color: #333;
        font-size: 26px;
    }

    .header_logo_pc.pc_only {
        max-width: 262px;
        width: 100vw;
    }

    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -100vh;
        background: rgba(0, 79, 159, 0.9);
        height: 100vh;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }


    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
        text-align: left;
        margin: 0;
        padding: 0 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .gnav li {
        margin: 0;
    }

    #global-nav ul li {
        position: static;
        border-right: none;
        padding: 0;
        1
    }

    ul#menu-menu1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        color: #fff;
        padding: 18px 0;
        border-bottom: 1px solid #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }


    #top-head2 #global-nav ul li a,
    #top-head2.fixed #global-nav ul li a {
        width: 100%;
        color: #fff;
        padding: 18px 0 !important;
        border-bottom: 1px solid #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    /*#global-nav ul li a::after {
        font-family: "Font Awesome 5 free";
        content: "\f105";
        text-align: right;
        display: block;
        font-weight: 900;
    }*/

    #nav-toggle {
        display: block;
    }

    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }

    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -webkit-transform: translateY(100vh);
        transform: translateY(100vh);
        overflow: scroll;
    }

    ul#menu-menu1 li {
        border-right: none;

    }

    h2.gnav_ttl {
        background: none;
        border: none;
        color: white;
        letter-spacing: 0.1em;
        font-size: 15px;
        padding: 0;
        margin: 0 auto;
        padding-top: 90px;
    }

    .gnav_logo_pc {
        padding: 50px 10vw;
    }

    /*G-NAVI END--------------*/

    ul.megamenu-inner.main-wrapper {
        width: 100%;
    }

    .megamenu,
    .megamenu2,
    .megamenu3,
    .megamenu4,
    .megamenu5 {
        height: 100%;
    }

    ul.megamenu-inner a {
        padding: 0 0 18px 0 !important;
    }

    .sp_fotter_btm {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        position: fixed;
        bottom: 0;
        z-index: 9998;
    }


    .sp_sidebtn_in_1,
    .sp_sidebtn_in_2,
    .sp_sidebtn_in_3 {
        height: auto;
        width: calc(100% / 3);
        border-radius: 0;
        line-height: 45px;
    }

    .sp_sidebtn_in_3 {
        border-bottom: none;
    }

    div#nx-bar-82 {
        margin-bottom: 36px;
    }


    /*------------------------------------------↑HEAD END*/

    /*-----------------------MAIN↓-----------------------*/

    #main_v,
    .slider-item,
    .slider {
        height: calc(100vh - 45px) !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: cover !important;
        position: relative !important;
    }



    .top_wraper {
        bottom: 5vw;
		        left: 0;
        width: 100%;
    }

    .newsticker_contain {
                width: 100%;
        flex-direction: column;
        align-items: start;
    }

    .top_wraper .newsticker_contain .newstick_ttl {
        padding-right: 0;
        margin-right: 0;
        border-bottom: 1px solid #D3D3D3;
        border-right: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .top_wraper .newsticker_contain .newstick_ttl h3 {
        font-size: 1.1em;
        margin-bottom: 0;
    }

    .top_wraper .newsticker_contain .newstick_ttl h3,
    .top_wraper .newsticker_contain .newstick_ttl p {
        text-align: left;
    }

    .sp_only {
        display: block !important;
    }

    .pc_only {
        display: none !important;
    }

    .top_event_btn_box {
        width: 100%;
        top: 0;
        bottom: unset;
        height: auto;
    }

    /*web願書*/
    .top_event_btn_red,
    .top_event_btn_green {
        width: calc(100% / 1);
    }

    ul.megamenu-inner.main-wrapper li {
        width: 100%;
    }

    .top_copy {
        width: 50%;
        max-width: 550px;
    }

    .top_copy2 {
        width: 40%;
    }

    .top_copy3 {
        width: 75%;
    }

    .main_v_in {
        width: 85%;
        height: 90%;
    }


    #main_v {
        min-height: 480px !important;
    }


    .slide_bg01 {
        background: url(images/seirinkan_top_v-sp1_1.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .slide_bg02 {
        background: url(images/jhs01_sp.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative
    }

    .slide_bg02-2 {
        background: url(images/seirinkan_top_v-sp2-2.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .slide_bg02-3 {
        background: url(images/seirinkan_top_v-sp2-3.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .slide_bg03 {
        background: url(images/seirinkan_top_v-sp3.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .slide_bg04 {
        background: url(images/seirinkan_top_v04_sp.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .top_copy_jhs {
        max-width: 350px;
        width: 40vw;
        top: 12%;
    }

    .newsticker li {
        flex-direction: column;
        align-items: unset;
    }

    /*------------------------------------------↑MAIN END*/

    /*-----------------------PAGE↓-----------------------*/

    .course_v {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }

    .stepbox li {
        flex-direction: column-reverse;
    }

    .course_v_l {
        width: 100%;
        height: 60vh;
    }

    .course_v_r {
        width: 100%;
    }

    .cbp_tmtimeline > li .cbp_tmtime span:last-child {
        font-size: 1.5em;
    }

    .program_menu .archive-grid {
        width: calc(100% / 2);
    }

    .faq_page_link_list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    ul.faq_page_link_list li {
        width: 100%;
    }


    .gp_boxin {
        width: calc(100% / 2);
    }

    ul.feat_icon li {
        width: calc(100% / 2 - 50px);
    }

    ul.feat_icon li:nth-child(n+3) {
        margin-top: 50px;
    }

    .stepbox li:nth-child(1) .step_color_box:before,
    .stepbox li:nth-child(2) .step_color_box:before,
    .stepbox li:nth-child(3) .step_color_box:before {
        display: none;
    }

    .topics_box {
        position: static;
    }

    .page_content_wrap {
        padding: 10vw 5vw;
    }

    .step_color_box {
        max-width: 100%;
        padding: 10vw 5vw;
    }
	
	.topics_box {
	width: 100%;
}

    .step_sp_image {
        height: 40vw;
    }

    .step_sp_image {
        display: block;
    }

    .topics_text {
        width: 100%;
    }

    .step_sp_image {
        width: 100%;
        height: 40vw;
    }

    .stepbox li:nth-child(1) .step_sp_image {
        background: url(images/step1bg.jpg);
        background-position: top right;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .stepbox li:nth-child(2) .step_sp_image {
        background: url(images/step2bg.jpg);
        background-position: top right;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .stepbox li:nth-child(3) .step_sp_image {
        background: url(images/step3bg.jpg);
        background-position: top right;
        background-size: cover;
        background-repeat: no-repeat;
    }

    /*------------------------------------------↑PAGE END*/

    /*-----------------------SINGLE↓---------------------*/


    /*----------------------------------------↑SINGLE END*/

    /*-----------------------FORM↓-----------------------*/
    /*------------------------------------------↑FORM END*/

    /*-----------------------FOOT↓-----------------------*/

    .footer_btm_in p {
        text-align: center;
    }

    .footer_btm_in {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 0;
        border-top: none;
        flex-direction: column;
    }

    .footer_logo {
        margin: 0 auto 15px;
    }

    .footer_btm_inin {
        width: 100%;
    }

    .footer_btm_inin:nth-child(n+2) {
        margin-top: 20px;
    }

    footer {
        width: 100%;
    }


    /*------------------------------------------↑FOOT END*/


    /*-- ここまで --*/
}

/*media Queries SPサイズ（599px以下）
----------------------------------------------------*/
@media only screen and (max-width: 599px) {


    .padding_cntrl {
        padding: 20vw 5vw;
    }

    .page_content_wrap,
    .padding_cntrl_l {
        padding: 20vw 5vw;
    }

    /*-----------------------HEAD↓-----------------------*/
    /*------------------------------------------↑HEAD END*/

    /*-----------------------MAIN↓-----------------------*/

    .slider-item01 {
        background: url(images/seirinkan_main_v_bg_sp.jpg);

    }
	
	.slider-item02 {
        background: url(images/seirinkan_main_v_bg_sp2.jpg);

    }

    .top_event_btn_red h3,
    .top_event_btn_green h3,
    .top_event_btn_red h3 .fas,
    .top_event_btn_green h3 .fas {
        font-size: 15px;
    }

    h2.page_maincopy label.tab_item {
        font-size: 12px;
    }

    .archive-grid {
        width: calc(100% / 1);
    }

    .video_btn_box {
        /* flex-direction: column; */
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }

    a.button_vid.md-btn {
        font-size: 14px;
    }

    .top_name {
        width: 85%;
        top: 80px;
    }

    .top_copy {
        width: 80%;
    }


    .slider-item01 .top_copy {
        top: 20vw;
        height: 100vh;
    }

    .slider-item01 .top_copy h3 {
        display: none;
    }

    .top_wraper h3 {
        font-size: clamp(18px, 10vw, 30px);
        margin-bottom: 20px;
        display: none;
    }

    .about_wrap .fullsize_in:nth-child(1) {
        height: 50vh;
    }

    .study_wrap .fullsize_in:nth-child(2) {
        height: 50vh;
    }

    ul.feat_area {
        overflow-x: scroll;
        display: flex;
        overflow-y: hidden;
        height: auto;
        padding-bottom: 20px;
    }


    ul.feat_area::-webkit-scrollbar {
        height: 10px;
    }

    ul.feat_area::-webkit-scrollbar-track {
        margin: 0 2px;
        background: #fff;
        border-radius: 5px;
    }

    ul.feat_area::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #59bded;
    }

    ul.feat_area li {
        margin-right: 5%;
        width: 100%;
        min-width: 300px;
        height: auto;
        margin-bottom: 0;
        border-bottom: none;
        padding-bottom: 0;
        display: flex;
        flex-direction: column;
    }

    ul.feat_area li .btn_box {
        margin-top: auto;
    }

    .midtext {
        font-size: 15px !important;
    }

    .feat_area li:nth-child(n+2) {
        margin-top: 0;
    }

    .item_flex_in:nth-child(n+2) {
        margin-top: 50px;
    }

    /*------------------------------------------↑MAIN END*/

    /*-----------------------PAGE↓-----------------------*/

    .uniform_contain,
    .uniform_l_in h4,
    .course_point_box ul,
    .interview_box,
    .philosophy_box,
    .event_pick_flex,
    .exe_proglam_box,
    .program_flex,
    .glob_sister_school,
    .glob_sister_school_flex,
    .ict_flex,
    .sup_flex_box,
    .sup_flex_box2,
    .car_sup_points,
    .kousha_box,
    .equipe_box,
    .english_course,
    .en_uniform,
    .sister_school_list li,
    .sister_school_list2 li,
    .interview_box2,
    .results_box,
    dl.schoolevent_course,
    ul.event_img,
    .single_area_box,
    .club_card_area,
    dl.event_date_head,
    .program_box .edu_icon_flex,
    .style_box,
    .item_flex,
    .about_wrap,
    ul.just_flexbox,
    .style_area {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .subttl_01 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .uniform_l_in {
        width: 100%;
        margin-top: 20px;
    }

    .summer_uni,
    .flex_reverse,
    .slacks_area,
    .study_wrap,
    ul.uniflex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse !important;
    }

    .uniform_s1,
    .uniform_s2 {
        height: 200px;
    }

    .uniform_s1,
    .uniform_s2,
    .uniform_l,
    .course_point_box li,
    .interview_l,
    .interview_r,
    .interview_r2,
    .phil_box_in,
    .event_pick_l,
    .event_pick_r,
    .exe_prog_in_l,
    .exe_prog_in_r,
    .program_flex_r,
    .program_flex_l,
    .program_flex_l2,
    .program_flex_r2,
    .glob_sister_school dt,
    .sup_flex_box_in_l,
    .sup_flex_box_in_r,
    .sup_dox_low,
    .car_sup_point_in,
    .kousha_text,
    .kousha_image,
    .en_uni_1,
    .en_uni_2,
    .sister_school_list li,
    .results_box_in_l,
    .schoolevent_course dt,
    .schoolevent_course dd,
    ul.event_img li,
    .single_l,
    .single_r,
    .event_date_head dd,
    .event_date_head dt,
    .program_box .edu_icon_flex li,
    .slacks_area li,
    .style_photo,
    .style_text,
    .style_text2,
    ul.just_flexbox li:nth-child(1),
    ul.just_flexbox li:nth-child(2),
    .style_area li {
        width: 100% !important;
    }

    ul.just_flexbox li:nth-child(1) {
        margin-bottom: 20vw;
    }

    .event_date_head dd,
    .event_date_head dt {
        text-align: center;
    }

    .event_date_head dt {
        padding: 10px !important;
    }

    ul.event_img li:nth-child(2),
    .program_box .edu_icon_flex li:nth-child(2) {
        margin-top: 20px;
    }

    .results_box_in_r {
        width: 80%;
        margin-left: 0;
    }

    .results_box_in_l h5 {
        text-align: center;
    }

    .sister_school_list li,
    .sister_school_list2 li {
        margin-bottom: 0.8em;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .sister_school_list li p {
        line-height: 1.2em;
    }

    .sister_school_list li a {
        text-align: center;
    }

    .stu_name,
    .stu_name p,
    .event_pick_wht h4,
    .event_pick_gray h4 {
        text-align: center;
    }

    .event_pick_l {
        margin-bottom: 15px;
    }


    .gp_boxin,
    .l-wrapper_06,
    .item_flex_in,
    .fullsize_in,
    ul.leanbox li,
    ul.feat_icon li,
    ul.uniflex li {
        width: calc(100% / 1);
    }

    ul.uniflex li:nth-child(2) {
        margin-bottom: 20px;
    }

    .l-wrapper_06:nth-child(n+2) {
        margin-top: 20px !important;
    }

    .gp_boxin:nth-child(n+2),
    .ogob_box li:nth-child(n+2),
    ul.leanbox li:nth-child(n+2),
    ul.feat_icon li:nth-child(n+2) {
        margin-top: 50px;
    }

    .seirinkan6 .page_content_wrap .area_ttl h2 {
        flex-direction: column;
        align-items: center;
    }

    .seirinkan6 .page_content_wrap .area_ttl h2 img {
        margin-left: 0;
        margin-top: 20px;
    }

    .step_color_box {
        padding: 20vw 5vw;
    }

    .edu_icon_flex li {
        width: calc(100% / 2 - 4%);
    }

    ul.uniform_items li,
    ul.uniform_items2 li {
        width: calc(100% / 2 - 20px) !important;
    }

    .edu_icon_flex li:nth-child(n+3),
    ul.uniform_items li:nth-child(n+3) {
        margin-top: 20px;
    }

    .course_name_en,
    .course_name {
        font-size: 38px;
    }

    .feat_text h3 {
        font-size: 15px;
    }

    .course_point_box li:first-child {
        margin-top: 0;
    }

    .course_point_box li {
        border-right: none;
        margin-top: 48px;
        padding: 0;
    }

    .area_ttl h2,
    .area_ttl1 h2,
    .area_ttl2 h2,
    .area_ttl3 h2,
    .area_ttl4 h2,
    .area_ttl_wht h2,
    h2.page_maincopy {
        font-size: 26px;
    }

    .loopSlide {
        min-width: 1500px;
    }

    .hidden_box_2_flexbox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .hidden_box_2_inner {
        width: 100%;
        margin-bottom: 20px;
    }

    .hidden_box_2_inner:last-child {
        margin: 0;
    }

    .bigger_font p {
        text-align: center;
        font-size: 25px !important;
    }

    .cbp_tmtimeline:before {
        display: none;
    }

    .cbp_tmtimeline > li .cbp_tmtime {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }

    .cbp_tmtimeline > li .cbp_tmtime span {
        text-align: left;
    }

    .cbp_tmtimeline > li .cbp_tmlabel {
        margin: 0;
        padding: 1em;
        font-weight: 400;
        font-size: 95%;
    }

    .cbp_tmtimeline > li .cbp_tmlabel:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #f2fdff;
        top: -20px;
    }

    .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
        border-right-color: transparent;
        border-bottom-color: #fff;
    }

    .cbp_tmtimeline > li .cbp_tmicon {
        position: relative;
        left: auto;
        margin: -55px 5px 25px 0px;
    }

    .cbp_tmtimeline li:last-child {
        margin-bottom: 0;
    }

    .cbp_tmtimeline li {
        margin-bottom: 80px;
    }

    .event_img_box:nth-child(1) {
        margin-top: 0;
    }

    .event_img_box {
        width: 100%;
        margin-top: 15px;
    }

    .citizenz_in {
        margin-right: 0;
    }

    .global_v_area {
        min-height: 240px;
    }

    .accomp_pc {
        display: none;
    }

    .accomp_sp {
        display: block;
    }

    .glob_sister_school_flex dl {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .glob_sister_school_flex dl:last-child {
        margin-bottom: 0;
    }

    .glob_sister_school dt {
        margin-bottom: 5px;
    }

    .program_menu .archive-grid,
    .ict_flex_in,
    .equipe_box_in,
    .en_course_in01,
    .en_course_in02,
    .en_course_in03,
    .en_course_in04,
    .ogob_box li {
        width: calc(100% / 1);
    }


    .subttl_01 p {
        margin-left: 0px;
        text-align: center;
    }

    .car_sup_point_in:nth-child(n+2),
    .style_box:nth-child(n+2) {
        margin-top: 50px;
    }

    .style_box:nth-child(n+2) {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .sbjct_abslute,
    .sbjct_abslute2 {
        width: 100%;
        bottom: 0;
        top: auto;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
    }

    .sbjct_learn_flex_in {
        padding: 20px;
    }

    .button_txt_right_fqa p {
        padding-right: 10px;
    }

    p.answer {
        margin-right: 15px;
    }

    .stu_name {
        margin-top: 15px;
    }

    .stu_name p {
        font-size: 10px !important;
    }

    p.ogob_prof {
        display: block;
        text-align: center;
    }

    h3.ogob_point {
        text-align: center;
    }

    h3.ogob_point {
        text-align: center;
        margin-bottom: 15px !important;
    }

    .top_2025_area_in h2 {
        font-size: 10vw;
    }

    .top_2025_area_in p {
        margin-top: 25px;
    }

    .trianglebox {
        width: 100%;
    }

    .style_text,
    .style_text2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 20px;
    }

    .stylettl {
        width: 25%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .style_tex_box {
        width: 70%;
    }

    .style_box {
        height: auto;
    }

    .style_snap {
        position: -webkit-sticky;
        position: sticky;
        width: 100%;
        margin-top: 15px;
    }

    .blue_box li {
        width: 100%;
    }

    .blue_box li:nth-child(n+2) {
        margin-top: 50px;
    }

    .area_discription {
        margin-top: 50px;
    }

    /*------------------------------------------↑PAGE END*/

    /*-----------------------SINGLE↓---------------------*/

    ul.event_date_list li a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .event_date,
    .event_title,
    .event_status {
        width: 100%;
        text-align: center;
    }

    .event_status {
        padding: 15px;
    }

    .sbjct_learn_flex_in {
        padding: 20px;
    }

    /*----------------------------------------↑SINGLE END*/

    /*-----------------------FORM↓-----------------------*/
    /*------------------------------------------↑FORM END*/

    /*-----------------------FOOT↓-----------------------*/

    .btn_flex_in {
        width: calc(100% / 1);
    }

    .btn_flex_in:nth-child(2) {
        margin-top: 20px;
    }

    /*------------------------------------------↑FOOT END*/


    /*-- ここまで --*/
}


.area_ttl h2{
	text-align: center;
    letter-spacing: 0.1em;
    padding: 0;
    font-size: 2em !important;
    margin: 0.6em 0 0;
}

.area_ttl p{
	text-align: center;
    letter-spacing: 0.1em;
    padding: 0;
    font-size: 0.9em !important;
    margin: 0.3em 0 0.5em;
}


.area_ttl .undr_bar{
    display: block;
    width: 130px;
    margin: auto;
	border-bottom: 5px solid #59bded;
}

.pamph_box .pamphlet{
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .5);
}

.pamph_box{
    width: 14%;
    margin: 3% auto 2%;
}

.pamph_box a{
 width: 100%;
    color: #59bded;
    font-weight: bold;
    font-size: 12px;
    padding: 9px 0;
    justify-content: center;
    border: 1px solid #59bded;
    margin-top: 2em;
    display: flex;
    align-items: center;
}

.pamph_box a span{
	content: "";
    background: url(images/pdf_icon.png) no-repeat;
    background-size: cover;
    width: 55px;
    height: 36px;
    margin-left: 10px;
    font-size: 100%;
}


@media only screen and (max-width: 1280px) {
	.pamph_box{
    width: 50%;
		text-align:center;
}
	
	.pamph_box img{
    width: 50%;
}
}