@charset "utf-8";
@import url("reset.css");
@import url("common.css?i=201119");
@import url("smt_base.css") screen and (max-width: 480px);
@import url("smt_top.css") screen and (max-width: 480px);
@import url("slicknav.css") screen and (max-width: 480px);
@import url("pc_base.css") screen and (min-device-width: 481px);
@import url("pc_top.css") screen and (min-device-width: 481px);

.slicknav_menu {
    display: none;
}

/*Media Queries*/
@media screen and (max-width: 480px) {
    #global_navi {
        display: none;
    }

    .js .slicknav_menu {
        display: block;
    }
}

/*******/

.container,
#contact_inner,
#footer_navi_inner,
#footer_group_inner,
#footer_navi_inner,
#header #line #line_inner,
li#gn_type,
#header_inner,
#contact_inner,
#global_navi ul,
#copyright_inner {
    max-width: 980px;
    width: 100%;
}
img {
  max-width: 100%;
  height: auto;
}
/*481px以上*/
@media (min-width: 481px) {
    #contact_inner {
        min-height: 111px;
    }

    #global_navi ul li a {
        background-color: #fff;
    }
}

/*ブレイクポイント 以下*/
@media (max-width: 1020px) {
    #contact_inner {
        background-image: unset;
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 1rem;
        justify-content: center;
    }

    #contact_inner a {
        display: inline-block;
        background-color: #fff;
        padding: 10px 1em;
        border-radius: 10px;
    }

    #contact_tel {
        float: unset;
        margin-top: 0;
        margin-left: 0;
    }

    #course_wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }

    .course_set {
        width: 30%;
        margin-left: unset;
        float: unset;
        min-width: 300px;
    }
}

body {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

#message_txt h2.text_h2 {
    font-weight: bold;
    font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem)
        /*18-24*/
    ;
    line-height: 1.5;
    color: #0183ba;
}

#wrapper {
    width: 100%;
}

#main_visual_2604 {
    width: 100%;
    margin: 2rem auto;
    background-image: url(../../images/bg_visual.jpg);
    background-position: center center;
    padding: 3vw 0;
}

.main_slide_2604 li {}

.main_slide_2604 li img {
    max-height: 400px;
    object-fit: contain;
}

.main_slide_2604 .slick-prev:before,
.main_slide_2604 .slick-next:before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 1;
    opacity: 0.9;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;


}

.main_slide_2604 .slick-prev,
.main_slide_2604 .slick-next {
    width: 40px;
    height: 40px;
    z-index: 5;
}

.main_slide_2604 .slick-next {
    right: 22%;
}

.main_slide_2604 .slick-prev {
    left: 22%;
}

#message {
    margin-bottom: 30px;
    display: flex;
    gap: 2rem 4%;
    width: 100%;
    flex-wrap: wrap;
}

#message_img {
    float: unset;

    width: 20%;
}

#message_img img {
    object-fit: contain;
    width: 100%;
    height: auto;
    max-width: 180px;
}

#message_txt {
    position: relative;
    width: 76%;
    float: unset;
    max-width: 760px;
}

#container {
    width: 92%;
    margin: 30px auto;
    max-width: 980px;
    padding: 0;
}

.setsumeikaibox {
    background: #FFFDE6;
    padding: 1rem 5%;
    margin: 0 auto 30px;
    box-sizing: border-box;
    border: 1px #FF9D0A solid;
}

.setsumeikaibox h5 {
    text-align: center;
    color: #FF9D0A;
    font-size: 24px;
    margin-bottom: 0.25em;
}

.setsumeikaibox h5 span {
    font-weight: bold;
    position: relative;
}

.setsumeikaibox h5 span:before,
.setsumeikaibox h5 span:after {
    content: "";
    background: #FF9D0A;
    width: 2px;
    height: 30px;
    position: absolute;
    bottom: 0.1em;
}

.setsumeikaibox h5 span:before {
    left: -0.4em;
    transform: rotate(-25deg);
}

.setsumeikaibox h5 span:after {
    right: -0.4em;
    transform: rotate(25deg);
}

.setsumeikaibox h5 br {
    display: none;
}

.setsumeikaibox p {
    margin-bottom: 5px;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
}

.setsumeikaibox .bnr_txt .ttl {
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3;
}

.setsumeikaibox .img_center:not(:last-of-type) {
    margin-bottom: 30px;
}

.setsumeikaibox .ttl .co01 {
    color: #FF9D0A;
    font-size: 115%;
}

.dib {
    display: inline-block;
}

/*ブレイクポイント 以下*/
@media (max-width: 499px) {
    #message_img {
        width: 100%;
        text-align: center;
    }

    #message_txt {
        width: 100%;
    }
}

.campus_wrapper2 .campus_box>a {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-decoration: none;
}

@media (max-width:959px) {
    .setsumeikaibox {
        width: calc(100% - 3rem);
    }
}





@media (max-width:599px) {
    .setsumeikaibox h5 {
        font-size: 18px;
        margin-top: 0;
        line-height: 1.5;
    }

    .setsumeikaibox h5 br {
        display: block;
    }

    .setsumeikaibox h5 span:before {
        left: -1.5em;
    }

    .setsumeikaibox .bnr_txt .ttl {
        font-size: 17px;
        margin-top: 0;
    }

    .setsumeikaibox p {
        font-size: 14px;
    }

    .ban_01,
    .ban_02 {
        width: 100%;
    }
}

@media (max-width:499px) {
    .setsumeikaibox {
       width: 100%;
    margin-left: 0;
        padding: 10px;
    }
}


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

#campus_wrapper {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px 2%;
    justify-content: flex-start;
    width: 100%;
}

.campus_set_2604 {
    box-sizing: border-box;
    width: 31%;
    margin: 0;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 6px;
}

.campus_set_2604.shien {
    width: 97%;
    margin: 0 0 20px;
}

.campus_set_2604 h3.campus_ttl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: first baseline;
    position: relative;
    padding: 3px 2em 5px 10px;
}

.campus_set_2604 h3.campus_ttl:after {
    content: "▶";
    color: #c00;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.campus_set_2604 h3.campus_ttl .name,
.campus_set_2604 h3.campus_ttl .name .dib {
    font-size: 18px;
    padding: 0;
    font-weight: bold;
    color: #1b7aa2;
    line-height: 1.5;
}

.campus_set_2604 h3.campus_ttl .sub_t {
    background-color: #1b7aa2;
    color: #fff;
    font-size: 10px;
    display: inline;
    padding: 0 1em;
    border-radius: 3px;
    line-height: 1.5;
}

.campus_img {
    float: unset;
    width: 80px;
}

.campus_txt {
    float: unset;
    width: calc(100% - 100px);
}

.campus_set_2604 p {
    padding-block: 0;
    line-height: 1.4;
    margin: 0;
}

@media (max-width:790px) {
    .campus_set_2604 {
        width: 48%;
    }
}

@media (max-width:450px) {
    .campus_set_2604 {
        width: 100%;
    }
}

@media (max-width:480px) {
    #campus_wrapper {
        padding: 0;
        grid-gap: 10px;
    }

    .campus_set {
        width: 100%;
    }

    .block_02 {
        display: flex;
        flex-wrap: wrap;
        gap: 2%;
    }

    #course_wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }

    .course_set {
        min-width: 280px;
        float: unset;
        margin: 0;
        padding: 0;
    }

    #copyright {
        margin: 0 0 45px;
    }
}

#course_wrapper {
    display: flex;
}

#campus {
    width: 100%;
}

@import screen and (max-width: 480px) {
    .campus_txt {
        font-size: 14px;
    }
}

/**************************/
.block_02 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#news {
    width: 55%;
}

#link {
    max-width: unset;
    float: unset;
    width: 43%;
}

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

.ban_01,
.ban_02 {
    width: 49%;
}

/*ブレイクポイント 以下*/
@media (max-width: 699px) {

    .ban_01,
    .ban_02 {
        width: 100%;
    }
}

@media (max-width:480px) {

    #news,
    #link {
        width: 100%;
    }

    #copyright {
        margin: 0 0 45px;
    }
}
/*******************/
/* とりあえず崩れ止めだけ */
img {
  max-width: 100%;
  height: auto;
}

html, body {
  overflow-x: hidden;
}

/* slick対策 */
.slick-track {
  display: flex !important;
}

.slick-slide {
  height: auto !important;
}

/* スライダー画像 */
.main_slide_2604 img {
  width: 100%;
  height: auto;
}