@charset "utf-8";

html {
    font-size: 62.5%;
    /* font-size 1rem = 10px on default browser settings */
}

body {
    font-family: 'Noto Sans JP', sans-serif;
    word-break: normal;
    color: #333333;
    letter-spacing: 0.1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 500;
}

#mainbox,
#mainbox2 {
    width: 1000px;
    margin: 0 auto;
    font-size: 1.4rem;
}

section {
    margin-bottom: 50px;
}

#pageTop {
    position: fixed;
    right: 8px;
    bottom: 8px;
    display: none;
    font-size: 0;
}

/*************    header     ************/

#header {
    display: flex;
    justify-content: space-between;
    position: relative;
    height: 110px;
}

#header1 {
    padding-top: 20px;
}

/*
#lang {
height: 25px;
margin-bottom: 15px;
text-align: right;
font-size: 0;
}
*/

#lang {
    height: 25px;
    margin-bottom: 15px;
    text-align: right;
    position: relative;
    right: 0;
}

.lang_list {
    font-family: noto-sans-semicondensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    display: flex;
    justify-content: flex-end;
}

.lang_item {
    border: 1px solid #00a291;
    text-align: center;
}

.lang_item a {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.lang_item a:hover,
.current {
    background-color: #00a291;
    color: #fff;
}

.lang_item:not(:last-child) {
    border-right: 0;
}


#gnav {
    display: flex;
    justify-content: flex-end;
    text-align: center;
    position: relative;
    z-index: 2;
}

#gnav > li {
    width: 130px;
    height: 57px;
    font-weight: 500;
}

.gnav_parent {
    position: relative;
}

.gnav_parent img,
.navContact {
    display: block;
    margin: 0 auto;
}

#gnav > li > a {
    display: block;
    position: relative;
    height: 57px;
    padding-top: 4px;
}

#gnav > li > a:before {
    display: block;
    position: absolute;
    content: "";
    left: -1px;
    top: 2px;
    width: 1px;
    height: 57px;
    background-color: #CCCCCC;
}


.gnav2 {
    margin-top: 30px;
    visibility: hidden;
    position: absolute;
    top: 40px;
    width: 100%;
    background-color: rgba(0, 162, 145, 0.6);
    color: #FFF;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0;
}

.gnav2 > li {
    height: 40px;
    line-height: 35px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    font-weight: 400;
}

.gnav2 > li > a {
    display: block;
    height: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.gnav_parent:hover .gnav2 {
    visibility: visible;
    top: 40px;
    opacity: 1;
}

.gnav2 li a:hover {
    background-color: rgba(0, 162, 145, 0.6);
}

li.courseGaiyoLi {
    height: 60px;
}

.courseGaiyoText {
    line-height: 1.5;
    padding-top: 6px;
}

.br-sp {
    display: none;
}

.spNav {
    display: none;
}


/*************    index     ************/

#topMain * {
    display: block;
}

#topMain > a {
    margin-top: 30px;
}

/*
#topCorses {
position: relative;
padding-left: 270px;
}
*/

.mv_pc,
.img_pc {
    display: block;
}

.mv_sp,
.img_sp {
    display: none;
}

.top-uketsukeArea {
    text-align: center;
    margin-top: 30px;
}


.top-uketsuke {
    font-size: 3rem;
    font-weight: 500;
    display: inline-block;
    background-color: #fceb61;
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

.top_uketsuke_flex {
    display: flex;
    justify-content: center;
    align-items: baseline;
}


.top-uketsukeArea_ic {
    color: #ffb00d;
    margin-right: 10px;
}

.buttonToiawase {
    background-color: rgba(252, 235, 97, 0.5);
    width: 100%;
    border: 3px solid #ffb00d;
    border-radius: 15px;
    font-size: 2.5rem;
    text-align: center;
    line-height: 56px;
    transition: all 0.2s ease 0s;
}

.buttonToiawase a {
    display: block;
    padding: 10px 20px;
}

.buttonToiawase:hover {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
    transform: translateY(-0.1875em);
}

.buttonToiawase img {
    margin-right: 35px;
    margin-bottom: -3px;
}

.head02 {

    font-size: 3.8rem;
    color: rgba(0, 98, 107, 0.8);
    font-weight: bold;
    letter-spacing: 0.075em;
    position: relative;
}

.head02:before {
    content: "";
    width: 100%;
    height: 16px;
    background-color: rgba(0, 162, 145, 0.5);
    position: absolute;
    top: 10px;
    z-index: -1;
}

.head03 {
    margin-top: 50px;
    color: #333333;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 0.075em;
    position: relative;
}

.head03:before {
    content: "";
    width: 50px;
    height: 3px;
    background-color: rgba(67, 185, 166, 0.6);
    position: absolute;
    top: 0;
}

.head03:after {
    content: "";
    width: 200px;
    height: 3px;
    background-color: #00626b;
    position: absolute;
    left: 50px;
    top: 0;
}

.top_head03 {
    margin-top: 50px;
    color: #333333;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 0.075em;
    position: relative;
}

.top_head03:before {
    content: "";
    width: 64px;
    height: 3px;
    background-color: rgba(67, 185, 166, 0.6);
    position: absolute;
}

.top_head03:after {
    content: "";
    width: 256px;
    height: 3px;
    background-color: #00626b;
    position: absolute;
    left: 64px;
}


.headwhite {
    color: #fff;
    margin-top: 0;
}

.head04 {
    color: #333333;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 0.075em;
    position: relative;
}

.head04:before {
    content: "";
    width: 91px;
    height: 3px;
    background-color: rgba(67, 185, 166, 0.6);
    position: absolute;
}

.head04:after {
    content: "";
    width: 364px;
    height: 3px;
    background-color: #00626b;
    position: absolute;
    left: 91px;
}

.head04-blue {
    font-size: 1.8rem;
    font-weight: 500;
}

.head04-blue:before {
    content: "";
    width: 200px;
    height: 2px;
    background-color: #00626b;
    display: block;
}

.head04-midori {
    font-size: 1.8rem;
    font-weight: 500;
}

.head04-midori:before {
    content: "";
    width: 200px;
    height: 2px;
    background-color: rgba(67, 185, 166, 0.6);
    display: block;
}



.head05 {
    font-size: 3rem;
    color: #43b9a6;
    text-align: center;
}

#topCourses {
    overflow: hidden;
}

.top-courses,
.location_title {
    width: 350px;
    height: 145px;
    background-color: rgba(0, 162, 145, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 14px 13px;
    position: relative;
    z-index: 2;
}

.top-courses p,
.location_title p {
    font-size: 1.25rem;
    color: #fff;
    margin-bottom: 0;
    text-align: justify;
}

.topCourses_flR {
    float: right;
    margin-top: -80px;
}

/*
img[src*="index3.png"] {
position: absolute;
top: 0;
left: 0;
}
*/

/*
#topCorses a {
float: left;
display: block;
height: 500px;
}
*/

#support {
    background-color: rgba(252, 235, 97, 0.2);
    padding: 20px 13px 30px;
}

.support_flex,
.schoolLife_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 50px 7px 0;
}

.support_flex li {
    font-size: 1.8rem;
    margin-bottom: 36px;
    width: 448px;
}

.support_flex li a {
    display: block;
}

.support_text {
    display: inline-block;
    padding-left: 20px;
    max-width: 50%;
    vertical-align: middle;
}

.top-midori_ic {
    color: #00a291;
    margin-right: 10px;
    margin-left: 10px;
}

.support_arrow {
    margin-left: 0;
}

#schoolLife {
    background-color: rgba(0, 162, 145, 0.3);
    padding: 20px 13px 30px;
}

.schoolLife_flex li {
    font-size: 1.8rem;
    text-align: center;
    ;
}

.schoolLife_flex li i {
    margin-left: 0;
}

.support_flex li a img {
    vertical-align: middle;
    max-width: 50%;
}

.schoolLife_flex li a {
    display: inline-block;
}

.schoolLife_imageArea {
    margin-bottom: 0;
}

.schoolLife_imageArea img {
    max-width: 290px;
}

.schoolLife_subTitle {
    margin-top: 10px;
    max-width: 290px;
}


/* Location */

#location {
    display: inline-block;
    position: relative;
}

.location_image {
    position: absolute;
    top: 24%;
    left: 54%;
}

#location > a {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease 0s;
}

#location > a:hover {
    opacity: 0.7;
}


/* Facebook */

.fb_container {
    float: right;
    overflow: hidden;
}

/*instagram*/
.instagram {
    clear: both;
    margin-top: 320px;
}

/* マスターコース */
#master {
    margin-right: auto;
    margin-left: auto;
    margin-top: 100px;
    border-radius: 30px;
    text-align: center;
    width: 710px;
    background-color: rgba(0, 98, 107, 0.1);
    position: relative;
    padding: 40px;
}

.master_title {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.master_midori {
    font-size: 2rem;
}

.master_text {
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.master_kaiko {
    font-size: 2.5rem;
    font-weight: 500;
    background: linear-gradient(transparent 70%, #fceb61 30%);

}

.master_link {
    font-size: 2rem;
    background-color: #fff;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 407px;
    line-height: 64px;
    border-radius: 15px;
    border: 1px solid #00626b;
    transition: all 0.3s ease 0s;
    margin-top: 30px;
}

.master_link a {
    display: block;
    padding: 20px;
    line-height: 2;
}

.master_link:hover {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
    transform: translateY(-0.1875em);
}

.master_ic {
    font-size: 2.3rem;
    color: #00626b;
    margin-right: 10px;
}

/*************    About     ************/

/* 校長挨拶 */
.greeting_area {
    margin-top: 30px;
    overflow: hidden;
}

.greeting_lead {
    font-size: 2rem;
    font-weight: bold;
}

.greeting_text {
    font-size: 1.5rem;
    line-height: 1.7;
    text-align: justify;
}

.greeting_name,
.greeting_kamoku {
    text-align: right;
}

.greeting_name {
    font-size: 1.7rem;
    margin-top: 30px;
}

/*
.greeting_kamoku {
font-size: 1.5rem;
margin-top: -10px;
}
*/

.greeting_flL {
    float: left;
    width: 30%;
}

.greeting_flL img {
    width: 100%;
}

.greeting_flR {
    float: right;
    width: 670px;
}

/* 理念 */
#philosophy {
    clear: both;
}


.philosophy_text {
    background-image: url(../img/philosophy_bg_pc.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 50px;
    text-align: center;
    margin-top: 30px;
}

.philosophy_text p {
    font-family: a-otf-ryumin-pr6n, serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 3;
}



/* 先生紹介 */
#teachers {
    text-align: center;
}

#teachers .head05:after {
    display: block;
    content: "先生たちの紹介";
    font-size: 1.4rem;
}


#teachers img {
    margin-top: 30px;
}


.teachers_lead {
    font-size: 1.5rem;
}

.teachers_wrapper {
    width: 828px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
}

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

.teachers_list::after {
    content: "";
    display: block;
    width: 32%;
}

.teachers_list li {
    border: 1px solid #43b9a6;
    padding: 5px 15px;
    width: 32%;
    border-radius: 10px;
    margin-top: 20px;
}

.teachers_name {
    font-size: 1.6rem;
    text-align: left;
    border-left: 5px solid #43b9a6;
    padding-left: 0.5em;
}

.teachers_post {
    font-size: 1.2rem;
    display: block;
}

.teachers_text {
    font-size: 1.4rem;
    text-align: justify;
}




/* 大阪紹介 */
#aboutOsaka {
    margin-top: 80px;
    position: relative;
}

.aboutOsaka_text {
    font-size: 1.7rem;
    line-height: 1.5;
    margin-bottom: 30px;
}

.aboutOsaka_bgImage {
    content: "";
    position: absolute;
    top: -8.5%;
    right: 0;
    background-position: right bottom;
    background-image: url(../img/about_aboutOsaka_bgImage.png);
    z-index: -1;
    width: 100%;
    height: 20%;
    background-repeat: no-repeat;
}

#osaka_box {
    text-align: center;
    height: 420px;
    margin-top: -4px;
    padding-top: 30px;
    background-color: rgba(230, 230, 230, .5);
    overflow-x: hidden;
}

#osaka_box > .osaka_box_subHead {
    margin-bottom: 20px;
    font-size: 2.5rem;
    line-height: 1;
    color: #43B9A6;
}

#osaka_wrap {
    width: 830px;
    margin: 0 auto;
}

.slick-list {
    overflow: visible;
}

.slick-slide {
    width: 250px;
    margin: 0 10px;
}

[aria-hidden=true].slick-slide {
    opacity: .5;
}

.slick-prev:before,
.slick-next:before {
    font-size: 25px;
    color: #00A291;
    opacity: 1;
}

.slick-prev {
    left: -45px;
    z-index: 5;
}

.slick-next {
    right: -45px;
}

.kanko {
    margin-top: 30px;

}

.kanko > p {
    width: 100%;
    background-color: #43b9a6;
    color: #fff;
    font-size: 2rem;
    letter-spacing: 0.075em;
    text-align: center;
    line-height: 35px;
    margin-bottom: 0;
    padding: 10px;
}

.kanko_spots {
    width: 100%;
    text-align: center;
    position: relative;
}

.kanko_spots_head {
    color: #43b9a6;
    font-size: 1.7rem;

}

.kanko_spots_list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
}

.kanko_spots_list li {
    width: 20%;
}

.kanko_spots_list li:not(:nth-child(4n)) {
    margin-right: 10px;
}


.kanko_spots_list > li > p {
    font-size: 1.2rem;
    margin-top: 0;
}

.kanko_spots_list img {
    width: 100%;
}

.kanko_access {
    text-align: center;
}

.kanko_spots_travel {
    position: absolute;
    z-index: 2;
    top: -42px;
    right: 0;
}


/* 学校紹介 */

.aboutProfile_floatArea {
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}

.aboutProfile_left {
    float: left;
    width: 50%;
}


.aboutProfile_mec {
    float: right;
}

.aboutAccees p {
    font-size: 1.3rem;
    border-left: 5px solid rgba(0, 162, 145, 0.75);
    padding-left: 15px;
}

.surrounding {
    text-align: center;
}

.surrounding_list {
    justify-content: center;
    flex-wrap: wrap;
}



/*************    Course     ************/


.CourseAnchorButton {
    text-align: center;
    margin-top: 30px;
}

.courseButtonArea_wrapper {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

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

.courseButtonArea div {
    background-color: rgba(67, 185, 166, 0.4);
    width: 30%;
    border-radius: 10px;
}



.courseButtonArea div p {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 0;
}

.course_green,
.course_yellow,
.course_orange {
    margin-top: 10px;
}

.courseButtonArea > div > a {
    width: 100%;
    height: 100%;
    padding-top: 15px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 15px;
    padding-left: 15px;
}

.courseButtonArea > div > a:hover {
    opacity: 0.5;
}

div.course_timetableBt {
    background-color: rgba(252, 235, 97, 0.2);
}

.course_timetableBt a p:first-child {
    margin-top: 15px;
}

p.course_yellow i {
    color: #fceb61;
    margin-bottom: 0;
}

.course_timetableBt a p.course_yellow {
    margin-top: auto;
}

div.course_modelBt {
    background-color: rgba(255, 139, 18, 0.4);
}

p.course_orange i {
    color: #ff8b12;
}

.course_ic {
    display: block;
    margin: 0 auto;
    transform: rotate(90deg);
}


.tanki {
    font-size: 1.2rem;
    margin-top: 30px;
}

.tankiBig {
    font-size: 1.4rem;
}

.course-to-midori {
    font-size: 1.3rem;
}

.course-to-midori:hover {
    opacity: 0.7;
}

.courseButtonArea_ic {
    color: #00626b;
    margin-right: 5px;
}

/* コース概要 */
.aboutCourse_gaiyo {
    font-size: 1.5rem;
}

/* レッスン */
.aboutCourse_lesson {
    background-color: rgba(67, 185, 166, 0.4);
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
}

.aboutCourse_lesson:after {
    content: "";
    background-image: url(../img/bg-lesson-corner@2x.png);
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
    position: absolute;
    right: -2px;
    top: -2px;
}

.aboutCourse_lesson_head {
    font-size: 2.5rem;
    text-align: center;
    color: #fff;
}

.course_lesson_list {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.course_lesson_list li:not(:nth-child(3)) {
    margin-bottom: 52px;
}

.course_lesson_textArea {
    width: 270px;
    display: inline-block;
    margin-left: 15px;
}

.course_lesson_list li img {
    vertical-align: top;
}

.course_lesson_title {
    font-size: 1.6rem;
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 500;
}

.course_lesson_mark {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #ff8b12;
    margin-right: 8px;
    margin-bottom: 2px;
}

.course_lesson_text {
    font-size: 1.3rem;
    margin-top: 5px;
    text-align: justify;
}


/* カリキュラム */



/* 学費 */
.courseFee_content_item:not(:first-child) {
    margin-top: 40px;
}

.courseFee_subTitle {
    font-size: 1.5rem;
    letter-spacing: 0.15em;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.courseFee_subTitle i {
    color: #00a291;
}

#courseFee table {
    margin-top: 0;
}

.aboutCourse_courseFee_small {
    font-size: 10px;
}


table td.table_sum {
    border: 2px solid #000;
}

.courseFee_note,
.courseTimetable_note {
    font-size: 1.2rem;
}


/* タイムテーブル */
.courseTimetable_lead {
    margin-top: 30px;
}

.courseTimetable_lead li {
    margin-bottom: 8px;
}

.aboutTimetable_tableBase {
    font-size: 1.3rem;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.aboutTimetable_tableBase th,
.aboutTimetable_tableBase td {
    border: 1px solid #cccccc;
    border-collapse: collapse;
}

.aboutTimetable_tableBase th {
    background-color: rgba(252, 235, 97, 0.2);
}

.aboutTimetable_tableBase td {
    width: 135px;
    padding: 15px 6px;
    text-align: center;
}


/* 進学モデルコース */
.courseRoute_img {
    margin-top: 50px;
    text-align: center;
}



/*************    Shool Life     ************/

/* サポート */
.schoollife_list_for_float {
    overflow: hidden;
}

.schoolSupport_list_textArea {
    width: 460px;
}

.schoolSupport_subTitle {
    font-size: 1.8rem;
    margin-bottom: 0;
    margin-top: 0;
}

.schoolSupport_subTitle i {
    color: #00a291;
    margin-right: 10px;
}

.schoolSupport_text {
    line-height: 1.57;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: justify;
}

.schoolSupport_list li img {
    float: left;
    vertical-align: top;
}

.schoolSupport_list_textArea {
    float: right;
}

.schoolSupport_other {
    clear: both;
    margin-top: 30px;
}

.schoolSupport_list li {
    overflow: hidden;
    padding: 30px 30px;
}

.schoolSupport_list li:nth-of-type(2n) {
    background-color: rgba(230, 230, 230, 0.5);
}



/* 施設 */

.schoolLife_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}

.schoolLife_list::after {
    content: "";
    display: block;
    width: 30%;
}

.schoolLife_list li {
    width: 30%;
    margin-bottom: 30px;
}

.schoolLife_list_title {
    font-size: 1.6rem;
    position: relative;
    margin-top: 0;
}

.schoolLife_list_mark,
.schoolLife_list_mark_green {
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #00626b;
    margin-right: 8px;
    margin-bottom: 3px;
}

.schoolLife_list img {
    width: 100%;
}


/* イベント */
.schoolLife_list_mark_green {
    background: #00a291;
}


/* 年間行事 */



/*************    Apply     ************/

/* 入学手続き */
.applyAdmission_lead {
    font-size: 1.5rem;
    line-height: 1.9;
}

.admission_table {
    margin-top: 30px;
    margin-bottom: 50px;
}

.admission_table th.admission_th {
    width: 176px;
}

.admission_table td {
    width: 312px;
}

/* 出願資格 */

#applyShikaku {
    margin-bottom: 50px;
}

.applyShikaku_lead {
    font-size: 1.6rem;
}

.applyShikaku_content {
    font-size: 1.5rem;
    border: 2px solid #43b9a6;
    border-radius: 8px;
    max-width: 800px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 30px;
}

.applyShikaku_content ol,
.applyShikaku_content ul {
    list-style-position: inside;
    padding: 0;
    margin: 0;
}

.applyShikaku_content ol li:not(:last-of-type) {
    margin-bottom: 15px
}

.required {
    font-size: 1.1rem;
    color: red;
    padding: 1px 5px;
}

/* 入学希望の方へ */

#applyNyugaku {
    margin-bottom: 30px;
}

.applyNyugaku_text {
    font-size: 1.6rem;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.apply_text_bkYellow {
    background-color: #fceb61;
    line-height: 1.9;
    display: inline;
}

.applyStep {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.applyStep_child {
    border: 2px solid #43b9a6;
    border-radius: 8px;
    padding: 40px 30px 30px;
    position: relative;
    margin-bottom: 70px;
}

.applyStep_child:not(:last-child)::after {
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    font-size: 2.5rem;
    color: rgba(0, 98, 107, 0.8);
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 900;
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%);
}

.applyStep_child_mainText {
    font-size: 1.5rem;
    line-height: 2;
    margin-top: 0;
    text-align: justify;
}

.applyStep_child_subText {
    font-size: 1.4rem;
}

.applyStep_child_smallText {
    font-size: 1.3rem;
    margin-top: 5px;
    display: block;
}

.applyStep_child_list li {
    margin-bottom: 10px;
}

.applyStep_child_limit {
    margin-top: 30px;
    margin-bottom: 0;

}

.applyStep_child_limit span.limit_mark {
    display: inline-block;
    background: #43b9a6;
    content: "";
    height: 7px;
    width: 7px;
    margin-right: 5px;
    margin-bottom: 2px;
}

.applyStep_child_stepNo {
    background-color: #43b9a6;
    display: inline-block;
    padding: 3px 20px;
    border-radius: 8px 0 3px;
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-weight: bold;
    font-size: 1.8rem;
    position: absolute;
    top: -1px;
    ;
    left: -1px;
    margin-top: 0;
}

.step_arrow {
    font-size: 2.5rem;
    color: rgba(0, 98, 107, 0.8);
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.applyStep_textCenter {
    text-align: center;
}

.applyStep_mainText_bottommargin {
    margin-bottom: 0;
}


/* 必要書類 */

.applyDocument_lead {
    color: red;
}

.document_table {
    margin-bottom: 20px;
}

.document_table td {
    text-align: left;
    vertical-align: top;
}

.document_table th {
    background-color: rgba(0, 98, 107, 0.4);
}

.document_table_content {
    font-size: 1.5rem;
    margin-bottom: 3px;
}


.document_table tbody tr ul li {
    margin-bottom: 25px;
    text-align: justify;
}


.applyApplication_lead {
    font-size: 1.5rem;
}



.applicationButtonArea {
    font-size: 2.5rem;
    color: #43b9a6;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.applicationButton {
    width: 302px;
    height: 67px;
    border: 2px solid #43b9a6;
    border-radius: 30px;
    text-align: center;
    line-height: 64px;
    transition: all 0.3s ease 0s;
}

.applicationButton:first-child {
    margin-right: 50px;
}

.applicationButton a {
    display: block;
}

.applicationButton:hover {
    background-color: #43b9a6;
    color: #fff;
}

/*************    資料ダウンロード     ************/


.pdfDownloadArea ul {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    flex-wrap: wrap;
}

.pdfDownloadArea ul::before {
    content: "";
    display: block;
    width: 21%;
    order: 1;
}

.pdfDownloadArea ul::after {
    content: "";
    display: block;
    width: 21%;
}

.pdfDownloadArea li {
    width: 21%;
    height: 40px;
    background-color: #00626b;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 1.5rem;
    transition: all 0.3s ease 0s;
    margin-bottom: 20px;
}



.pdfDownloadArea li:hover {
    background-color: #fff;
    color: #00626b;
    border: 1px solid #00626b;
}

.pdfDownloadArea a {
    display: block;
}

.donwnload_head {
    width: 100%;
    margin-top: 30px;
}

.donwnload_head i {
    color: rgba(0, 98, 107, 0.6);
}


/*************    Privacy policy     ************/


.aboutPrivacy_date {
    text-align: right;
}

.aboutPrivacy_lead {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: justify;

}

.aboutPrivacy_list li {
    margin-bottom: 20px;
    text-align: justify;
}

#aboutPrivacy > h4 {
    margin-bottom: 20px;
}

.privacy_box {
    width: 100%;
    border: 3px solid #00a291;
    border-radius: 15px;
    padding: 20px 56px;
    font-size: 1.5rem;
    margin-top: 56px;
    margin-bottom: 78px;
    text-align: center;
}

.privacy_contact {
    font-size: 20px;
    margin-bottom: 5px;
}

.privacy_contact span {
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color:
        #00a291;
    content: "";
    margin-right: 8px;
    margin-bottom: 3px;
}

.privacy_box p:nth-child(2) {
    line-height: 1.7;
}

.privacy_contact_small {
    font-size: 1.3rem;
}

.aboutPrivacy_name {
    text-align: right;
    margin-top: 30px;
}

#aboutPrivacy_support p,
#aboutPrivacy_disclaimer p {
    text-align: justify;
}

/*************    Footer     ************/
footer {
    margin-top: 100px;
    margin-bottom: 40px;
}

.footer_wrapper {
    max-width: 800px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.informationArea img {
    width: 151px;
}

.footerDl {
    margin-top: 50px;
}

.footerDl_text {
    color: #00a291;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    margin-bottom: 0.5em;
}


.footerDl_text:before,
.footerDl_text:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background-color: #00a291;
    display: block;
}

.footerDl_text:before {
    margin-right: 1em;
}

.footerDl_text:after {
    margin-left: 1em;
}

.footerDl_text i {
    margin-right: 5px;
}


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

.footerPdfArea li {
    width: 23%;
    border: 1px solid rgba(0, 162, 145, 0.75);
    color: rgba(0, 162, 145, 0.75);
    border-radius: 10px;
    text-align: center;
    line-height: 26px;
    font-weight: 500;
    transition: all 0.3s ease 0s;
    margin-bottom: 20px;
}

.footerPdfArea::before {
    content: "";
    display: block;
    width: 23%;
    order: 1;
}

.footerPdfArea::after {
    content: "";
    display: block;
    width: 23%;
}

.footerPdfArea li:hover {
    background-color: rgba(0, 162, 145, 0.75);
    color: #fff;
}

.footerPdfArea a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px;
    width: 100%;
    height: 100%;
}



.snsArea {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.snsArea li:not(:nth-child(2)) {
    margin-right: 15px;
}

.snsArea a {
    transition: all 0.3s ease 0s;
}

.snsArea a:hover {
    opacity: 0.7;
}

.footerButtonArea {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.footerButtonArea li {
    width: 23%;
    height: 30px;
    background-color: rgba(0, 162, 145, 0.75);
    color: #fff;
    text-align: center;
    border-radius: 10px;
    line-height: 26px;
    transition: all 0.3s ease 0s;
}

.footerButtonArea li:hover {
    background-color: #fff;
    color: rgba(0, 162, 145, 0.75);
    border: 1px solid rgba(0, 162, 145, 0.75);
}

.footerButtonArea img {
    margin-right: 10px;
    margin-bottom: -2px;
}

.footerButtonArea a {
    display: block;
}

.footerLine {
    width: 100%;
    height: 2px;
    background-color: #00a291;
    margin-bottom: 5px;
}

.footerLine:nth-child(2) {
    margin-bottom: 40px;
}

.marginLine {
    margin-top: 40px;
}

.footer_privacy {
    text-align: center;
    font-size: 1.3rem;
}


small {
    display: block;
    text-align: right;
    font-size: 1.1rem;
    letter-spacing: 0.025em;
}

/*テーブル*/
table {
    max-width: 800px;
    width: 100%;
    margin: 30px auto 50px;
    font-size: 1.3rem;
}

table th {
    padding: 10px;
}

table.table01 th {
    background-color: rgba(67, 185, 166, 0.4);
}

table.table02 th {
    background-color: rgba(0, 98, 107, 0.4);
}

table.table03 th {
    background-color: rgba(252, 235, 97, 0.2);
}

table th,
table td {
    border: 1px solid #cccccc;
    border-collapse: collapse;
    vertical-align: center;
    display: table-cell;
    vertical-align: middle;
}

table td {
    padding: 15px;
    line-height: 2;
    text-align: center;
}

span.td_nowrap {
    white-space: nowrap;
}


/*インフォーメーション*/
.info-flex {
    display: flex;
    flex-wrap: wrap;
}

.m-bottom-xl {
    margin-bottom: 80px;
}

.m-bottom-md {
   margin-bottom: 30px;
}

.m-bottom-sm {
   margin-bottom: 15px;
}

.pdf-link {
    color: rgba(0, 98, 107, 0.8);
    width: 50%;
    margin-bottom: 15px;
}

.pdf-link a {
    text-decoration: underline;
    font-size: 1.5rem;
}

.pdf-link a:hover {
    text-decoration: none;
}

.pdf-box {
    margin-bottom: 40px;
}


/*************    ▼▼▼レスポンシブ （max:1023px）▼▼▼     ************/

@media screen and (max-width: 1023px) {

    #mainbox,
    #mainbox2 {
        padding-right: 20px;
        padding-left: 20px;
        width: 100%;
    }

    #mainbox2 {
        margin-top: 70px;
    }

    #header {
        display: block;
    }

    #gnav {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }

    #gnav > li {
        width: 20%;
    }

    #lang {
        position: absolute;
        top: 0;
        right: 0;
    }

    .table_scroll {
        width: 100%;
        overflow: auto;
        /*tableをスクロールさせる*/
        white-space: nowrap;
        /*tableのセル内にある文字の折り返しを禁止*/
        position: relative;
    }

    .table_scroll::-webkit-scrollbar {
        /*tableにスクロールバーを追加*/
        height: 5px;
    }

    .table_scroll::-webkit-scrollbar-track {
        /*tableにスクロールバーを追加*/
        background: #F1F1F1;
    }

    .table_scrolll::-webkit-scrollbar-thumb {
        /*tableにスクロールバーを追加*/
        background: #BCBCBC;
    }

    /* index */
    .mv_pc {
        width: 100%;
    }


    /*  about  */

    .greeting_flL {
        width: 35%;
    }

    .greeting_flL img {
        max-width: 100%;
    }

    .greeting_flR {
        width: 62%;
    }


    .philosophy_text {
        background-image: url(../img/philosophy_bg_sp.png);
        padding: 20px;
    }

    .
    /*
    philosophy_image {
    width: 100%;
}
    */

    #osaka_box {
        overflow-x: hidden;
    }

    #osaka_wrap {
        width: initial;
    }

    .slick-prev {
        left: 10%;
    }

    .slick-next {
        right: 10%;
    }

    .aboutAccees iframe {
        width: 100%;
    }

    /*  course  */
    .aboutCourse_mv img {
        width: 100%;
    }

    .courseFee_subTitle {
        width: 100%;
    }

    .courseRoute_img img {
        max-width: 100%;
    }


    /*  schoollife  */
    .schoolSupport_list li img {
        width: 45%;
    }

    .schoolSupport_list_textArea {
        width: 52%;
    }



    #applyShikaku ol {
        width: 100%;
    }

    #applyShikaku h4 {
        margin-top: 50px;
    }

    .applyNyugaku_text {
        width: 100%;
    }

    .applyStep {
        width: 100%;
    }

    .courseFee_note {
        margin-top: 10px;
    }
}

@media screen and (max-width: 999px) {

    /*    index    */
    #location {
        display: block;
    }

    .location_image {
        left: initial;
        right: 20%;
    }

    .fb_container {
        float: none;
        text-align: center;
        margin-top: 350px;
    }

    .instagram,
    #master {
        margin-top: 80px;
    }

    /*  about  */

    .aboutOsaka_bgImage {
        top: -7%;
    }

    /* 先生の声 */
    .teachers_wrapper {
        width: 100%;
    }

    .teachers_list {
        flex-direction: column;
    }

    .teachers_list li {
        width: 100%;
    }


    .kanko_spots {
        float: none;
        max-width: 750px;
        margin-right: auto;
        margin-left: auto;
    }

    .kanko_spots_travel {
        top: -30px;
    }

    .kanko_access {
        float: none;
    }


    /*    footer    */
    .informationArea img {
        width: 25%;
    }

    .footerDl_text {
        font-weight: 500;
    }

    .footerDl ul li {
        width: 55%;
        margin-bottom: initial;
    }


    .footerPdfArea {
        flex-direction: column;
        align-items: center;
    }

    .footerPdfArea li:not(:first-child) {
        margin-top: 10px;
    }

    .footerPdf {
        margin-top: 30px;
    }

    .footerButtonArea {
        flex-direction: column;
        align-items: center;
    }

    .footerButtonArea li {
        margin-top: 10px;
        width: 55%;
    }

    small {
        text-align: center;
    }

}



@media screen and (min-width: 841px) and (max-width: 1023px) {

    .table_scroll {
        white-space: initial;
    }
}

@media screen and (min-width: 751px) and (max-width: 1023px) {

    .schoolLife_list li {
        width: 30%;
    }

    .schoolLife_list li img {
        max-width: 100%;
    }

    .aboutProfile_left {
        width: 100%;
        float: none;
    }

    .aboutProfile_mec {
        float: none;
        text-align: center;
        margin-top: 30px;
    }
}




@media screen and (min-width: 751px) and (max-width: 999px) {
    .location_title {
        left: 20%;
    }

    .location_image {
        left: initial;
        right: 20%;
    }

    .kanko_spots_list li {
        width: 30%;
    }

    .kanko_spots_list li:not(:nth-child(4n)) {
        margin-right: 0;
    }

    .kanko_spots_list li:not(:nth-child(3n)) {
        margin-right: 10px;
    }

    .course_lesson_list {
        flex-direction: column;
        text-align: center;
    }

    .course_lesson_title {
        text-align: left;
    }

    .course_lesson_list li:nth-child(3) {
        margin-bottom: 52px;
    }
}

/*************    ▼▼▼レスポンシブ （min751~max979）▼▼▼     ************/
@media screen and (min-width: 751px) and (max-width: 975px) {

    .support_flex,
    .schoolLife_flex {
        justify-content: center;
    }

    .schoolLife_flex {
        flex-direction: column;
    }



}

@media screen and (max-width: 799px) {
    .courseButtonArea_wrapper {
        max-width: 100%;
    }

    .courseButtonArea {
        flex-direction: column;
        align-items: center;
    }

    .courseButtonArea div {
        width: 70%;
    }

    .courseButtonArea div:not(:nth-child(3)) {
        margin-bottom: 20px;
    }
}





/*************    ▼▼▼レスポンシブ （max:750px）▼▼▼     ************/
@media screen and (max-width: 750px) {

    /*  共通  */

    #header1 img {
        width: 35vw;
    }

    #mainbox2 {
        margin-top: -30px;

    }

    .br-sp {
        display: block;
    }

    .head03 {
        margin-top: 30px;
        font-size: 2.6rem;
        word-break: normal;
    }

    .top_head03,
    .head04 {
        font-size: 2.5rem;
    }

    .top_head03:before,
    .head04:before {
        width: 34px;
    }

    .top_head03::after,
    .head04:after {
        width: 256px;
        left: 34px;
    }

    .head03_br:after {
        top: 0;
    }

    h1 img {
        width: 200px;
    }

    .head02 {
        font-size: 3.2rem;
    }

    #header1 {
        position: absolute;
    }

    /*  ハンバーガーメニュー  */

    #gnav {
        display: none;
    }

    .spNav {
        display: block;
        position: relative;
        z-index: 3;
    }

    .spNav img {
        width: 22px;
        margin-bottom: -8px;
        margin-right: 10px;
        fill: #00626b;

    }

    .navContact {
        display: inline-block;
    }

    .contactMenu a {
        display: block;
    }

    /* チェックボックスを非表示 */
    .spNav input {
        display: none;
    }

    .menu-parent .pd {
        display: inline-block;
        width: 20%;
    }

    .menu {
        display: none;
        margin-bottom: 150px;
        position: relative;
        right: 0;
        top: 50px;
    }

    .menu-parent {
        height: auto;
        width: 110%;
        padding: 0px 20px;
        border-bottom: 1px solid #DDD;
    }

    .menu-parent:first-child {
        border-top: 1px solid #DDD;
    }

    .menu-parent i {
        padding: 0px 6px;
    }

    /* メニューを移動させないため */
    #menu-navibtn:checked ~ #navi {
        position: fixed;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100%;
        padding-left: 20px;
        right: 0;
    }


    /* ドロップダウンメニュー */
    .menu-parent {
        position: relative;
        font-size: 1.7rem;
        color: #fff;
        background-color: rgba(0, 98, 107, 0.95);
        padding-top: 10px;
    }

    .menu-parent .menu-child {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        width: 100%;
        box-sizing: border-box;
        padding: 0px 20px;
        background-color: opacity;
        border: 1px solid #000;
        margin-top: 20px;
        color: #fff;
        margin-top: 10px;
    }

    .menu-parent label {
        display: block;
    }

    .contactMenu {
        padding-bottom: 12px;
    }

    /* ハンバーガーメニューがクリックされた時 */
    #menu-navibtn:checked ~ * .menu {
        display: block;
        opacity: 1;
    }

    #menu-navibtn:checked ~ * .menu-parent {
        max-height: inherit;
        overflow-y: visible;
    }

    #menu-navibtn:checked ~ * .menu-child {
        max-height: 0;
        overflow-y: hidden;
        visibility: hidden;
    }

    /* 子メニュー */
    .menu-parent .menu-child {
        border: none;
        position: relative;
        padding: 0 20px 0;
        opacity: 1;
        top: 0;
        width: 100%;
    }

    .menu-child li {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .menu-child li a {
        display: block;
    }

    .menu-parent > label:hover {
        cursor: pointer;
        cursor: hand;
    }

    /* 子メニューがクリックされた時 */
    #navi input[type="checkbox"]:checked ~ .menu-child {
        max-height: inherit;
        overflow-y: visible;
        visibility: visible;
    }

    .angletoggle:before {
        content: "\f107";
    }

    #navi input[type="checkbox"]:checked ~ * .angletoggle:before {
        content: "\f106";
    }

    /* 子メニュー */
    .menu-child li {
        font-size: 1.5rem;
        border-bottom: 1px solid #DDD;
    }

    /* 余分な最後の線を消去 */
    .menu-child li:last-child {
        border: none;
    }

    .menu-child li i {
        margin-right: 3px;
    }

    /* ハンバーガー */
    #navi #navibtn {
        display: none;
    }

    #navi #navibtn {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
    }

    #navibtn span {
        display: block;
        width: 50px;
        height: 50px;
        background-color: #00626b;
    }

    #navibtn span span {
        display: block;
        overflow: hidden;
        /*
        width: 1px;
        height: 1px;
        */
        text-indent: -9999px;
    }

    #navibtn span span::before,
    #navibtn span span::after,
    #navibtn span::after {
        position: absolute;
        left: 10px;
        content: "";
        width: 30px;
        height: 4px;
        background-color: #FFF;
    }

    /* 上の棒 */
    #navibtn span span::before {
        top: 12px;
    }

    #menu-navibtn:checked ~ #navi label#navibtn span span::before {
        top: 23px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    /* 下の棒 */
    #navibtn span::after {
        bottom: 12px;
    }

    #menu-navibtn:checked ~ #navi label#navibtn > span::after {
        bottom: 23px;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }

    /* 中の棒 */
    #navibtn span span::after {
        top: 23px;
    }

    #menu-navibtn:checked ~ #navi label#navibtn span span::after {
        display: none;
    }

    /* 言語 */
    #lang {
        position: absolute;
        right: 12%;
        top: 0;
    }


    /*    index    */
    /* MV */
    #mv {
        margin-top: -30px;
    }

    #mv img.mainVisual {
        width: 100%;
    }

    .mv_pc,
    .img_pc {
        display: none;
    }

    .mv_sp,
    .img_sp {
        display: block;
    }

    /* 資料請求・お問い合わせ */
    .top-uketsukeArea {
        margin-top: 20px;
    }

    .top-uketsuke {
        font-size: 2rem;
    }

    .top_uketsuke_em_b {
        width: 25px;
    }


    .buttonToiawase {
        line-height: 2;
        font-size: 1.8rem;
    }


    /* Course */
    .topCourses_flR a img {
        width: 100%;
    }



    .top-courses,
    .location_title {
        width: 100%;
    }


    /* Support */
    .support_flex li {
        display: block;
        width: 100%;
    }

    .support_flex li a img {
        display: block;
        max-width: initial;
        width: 100%;
        margin-right: 0;
    }

    .support_text {
        display: block;
        text-align: center;
        margin-top: 5px;
        max-width: 100%;
        padding-left: initial;
    }

    .support_text i {
        margin-left: 0;
    }


    /* Schoollife */
    .schoolLife_flex li {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    .schoolLife_imageArea img {
        max-width: 100%;
    }

    .schoolLife_subTitle {
        margin-top: 0;
    }

    /* Location */
    #location {
        display: block;
    }

    .location_image {
        left: auto;
        right: 0;
    }

    /* Facebook */
    .fb_container {
        float: none;
        width: 100%;
        margin-top: 350px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    .fb-page {
        float: none;
    }


    /* マスターコース */
    #master {
        max-width: 100%;
        margin-top: 80px;
        padding-right: 15px;
        padding-left: 15px;
        height: auto;
        padding-bottom: 30px;
    }

    .master_title {
        margin: auto;
        margin-top: 10px;
    }

    .master_title img {
        width: 300px;
    }

    .master_midori {
        margin-top: -10px;
        font-size: 1.7rem;
    }

    .master_text {
        font-size: 1.4rem;
    }

    .master_kaiko {
        font-size: 2rem;
    }

    .master_link {
        font-size: 1.5rem;
        width: 100%;
        line-height: 44px;
    }

    .master_ic {
        font-size: 1.5rem;
    }

    /*    about    */
    /* 挨拶 */
    .greeting_flL {
        float: none;
        text-align: center;
        width: 100%;
    }

    .greeting_flL img {
        max-width: 40%;
    }

    .greeting_flR {
        float: none;
        width: initial;
        margin-top: 10px;
    }





    /* Discover Osaka */

    #osaka_box {
        overflow-x: hidden;
    }

    #osaka_wrap {
        width: initial;
    }

    .slick-prev {
        left: 10%;
    }

    .slick-next {
        right: 10%;
    }

    .aboutOsaka_bgImage {
        top: -9%;
        background-size: 30%;
    }

    .slick-prev,
    .slick-next {
        width: 30px;
        height: 30px;
    }

    .aboutOsaka_text {
        font-size: 1.6rem;
    }

    .kanko > p {
        height: auto;
    }

    .kanko_spots,
    .kanko_access {
        float: none;
        width: 100%;
    }

    .kanko_spots_list {
        flex-direction: column;
    }

    .kanko_spots_list li {
        width: 100%;
    }

    .kanko_access img {
        width: 100%;
    }

    .kanko_spots_travel {
        right: 0;
        top: -14px;
        z-index: -1;
        display: flex;
        justify-content: flex-end;
    }

    .kanko_spots_travel img {
        width: 80%;
    }

    .aboutProfile_left {
        float: none;
        width: 100%;
    }

    .aboutProfile_mec {
        float: none;
        display: block;
        margin-top: 20px;
    }

    .aboutProfile_mec img {
        width: 100%;
    }





    /*    course    */





    table th td {
        max-width: 100%;
    }

    .aboutCourse_tableBase,
    .aboutTimetable_tableBase {
        max-width: 800px;
        box-sizing: border-box;
    }



    .course_lesson_list {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .course_lesson_list li {
        margin-bottom: 15px !important;
    }

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

    .course_lesson_textArea {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    .course_lesson_list li img {
        width: 50%;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }





    /*    schoollife    */

    #schoolSupport_life {
        float: none;
    }

    .schoolSupport_list li img {
        float: none;
        width: 100%;
    }

    .schoolSupport_list_textArea {
        float: none;
        width: 100%;
        margin-top: 10px;
    }

    .schoolLife_tableBase {
        margin-top: 15px;
    }

    .schoolLife_list {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .schoolLife_list li {
        width: 100%;
    }

    .schoolLife_list li:not(:last-child) {
        margin-bottom: 15px;
    }

    .schoolLife_list li img {
        width: 100%;
    }

    .schoolLife_list_title {
        margin-top: -5px;
    }

    .schoolLife_list li:last-child {
        margin-right: initial;
    }


    /*    apply    */

    .admission_table th.admission_th {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pdfDownloadArea ul {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }

    .pdfDownloadArea li:not(:nth-child(4)) {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .pdfDownloadArea li {
        width: 50%;
    }

    .applicationButtonArea {
        flex-direction: column;
        align-items: center;
    }

    .applicationButton:first-child {
        margin-right: 0;
        margin-bottom: 15px;
    }



    /*    プライバシーポリシー    */
    .privacy_box {
        padding-right: 5px;
        padding-left: 5px;
    }


    /*インフォーメーション*/
    .info-flex {
        display: block;
    }

    .pdf-link {
        width: 100%;
        margin-bottom: 20px;
    }

}

@media screen and (min-width: 561px) and (max-width: 750px) {
    .kanko_spots_list {
        flex-direction: initial;
        justify-content: center;
    }

    .kanko_spots_list li {
        width: 35%;
    }

    .kanko_spots_list li:not(:nth-child(4n)) {
        margin-right: 0;
    }

    .kanko_spots_list li:not(:nth-child(2n)) {
        margin-right: 10px;
    }

    .kanko_spots_travel {
        z-index: 1;
        top: -10%;
    }
}


/*************    ▼▼▼レスポンシブ （max:559px）▼▼▼     ************/
@media screen and (max-width: 559px) {
    #header1 img {
        width: 45vw;
    }

    .informationArea img {
        width: 40%;
    }

    .aboutOsaka_bgImage {
        background-size: 40%;
        top: -10%;
    }

    .kanko_spots_list img {
        width: initial;
    }
}

@media screen and (max-width: 500px) {
    .aboutOsaka_bgImage {
        background-size: 45%;
        top: -5.8%;
    }
}