/* 森彦カフェの学校用 */

#wrapper.school {
    overflow: visible;
}

#wrapper.school img {
    max-width: 100%;
    height: auto;
}

.container-school {
    max-width: 1000px;
    margin: 0 auto;
}

.container-school .navi {
    position: relative;
    top: -40px;
}

.container-school .navi div.flex-box>div {
    margin: 0 10px;
}

.container-school .navi.btn-fixed {
    display: block;
    position: fixed;
    bottom: 0px;
    top: auto;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 9999;
    opacity: 0;
    transition: all 0.65s;
}

.container-school .navi.btn-fixed.active {
    opacity: 1;
    transition: all 0.65s;
}

footer.school #copyright {
    padding-bottom: 12%;
}


/* position */

.posi-center {
    text-align: center;
}


/* margin-top */

.margin-type-t10 {
    margin-top: 10px;
}

.margin-type-t20 {
    margin-top: 20px;
}

.margin-type-t30 {
    margin-top: 30px;
}

.margin-type-t40 {
    margin-top: 40px;
}

.margin-type-t50 {
    margin-top: 50px;
}

.margin-type-t60 {
    margin-top: 60px;
}

.margin-type-t70 {
    margin-top: 70px;
}

.margin-type-t80 {
    margin-top: 80px;
}

.margin-type-t90 {
    margin-top: 90px;
}

.margin-type-t100 {
    margin-top: 100px;
}

.margin-type-t110 {
    margin-top: 110px;
}

.margin-type-t120 {
    margin-top: 120px;
}

.margin-type-t130 {
    margin-top: 130px;
}

.margin-type-t140 {
    margin-top: 140px;
}

.margin-type-t150 {
    margin-top: 150px;
}

.margin-type-t160 {
    margin-top: 160px;
}


/* margin-bottom */

.margin-type-b10 {
    margin-bottom: 10px;
}

.margin-type-b20 {
    margin-bottom: 20px;
}

.margin-type-b30 {
    margin-bottom: 30px;
}

.margin-type-b40 {
    margin-bottom: 40px;
}

.margin-type-b50 {
    margin-bottom: 50px;
}

.margin-type-b60 {
    margin-bottom: 60px;
}

.margin-type-b70 {
    margin-bottom: 70px;
}

.margin-type-b80 {
    margin-bottom: 80px;
}

.margin-type-b90 {
    margin-bottom: 90px;
}

.margin-type-b100 {
    margin-bottom: 100px;
}

.margin-type-b110 {
    margin-bottom: 110px;
}

.margin-type-b120 {
    margin-bottom: 120px;
}

.margin-type-b130 {
    margin-bottom: 130px;
}

.margin-type-b140 {
    margin-bottom: 140px;
}

.margin-type-b150 {
    margin-bottom: 150px;
}

.margin-type-b160 {
    margin-bottom: 160px;
}

.margin-type-b200 {
    margin-bottom: 200px;
}

.margin-type-b230 {
    margin-bottom: 230px;
}

.margin-type-b240 {
    margin-bottom: 240px;
}


/* padding space */

.space-padding-type0 {
    padding-left: 0;
    padding-right: 0;
}


/* contents */

.school_content2_bg {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #d4ecea;
}

.school_content2 .img4 {
    position: relative;
}

.school_content2 .img4 .img4_2 {
    position: absolute;
    top: 10%;
    right: 10%;
}

.school_content4_bg {
    margin-bottom: 160px;
    padding-top: 160px;
    padding-bottom: 160px;
    background: url(../images/school-content4-bg1.png) no-repeat 0 0;
    background-color: #efefef;
}

.school_content5_bg {
    margin-bottom: 160px;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #d4ecea;
}

.school_content5_bg>div.flex-box>div {
    margin: 0 20px 50px;
}

.school_content6_bg {
    padding: 90px 0 120px;
    background: url(../images/school-content6-bg1.png) no-repeat 0 0;
    background-color: #f4ef83;
}

.school_content7>.cource {
    padding: 0 15px;
}

.school_content7>.cource>.course-box1 {
    padding: 130px 0px 130px;
    margin-bottom: 120px;
    background-color: #d4ecea;
    border-radius: 15px;
}

.school_content9 {
    margin-top: 220px;
}

.school_content9 div.flex-box .img3,
.school_content9 div.flex-box .img4 {
    margin: 0 20px;
}

.school_content11 {
    position: relative;
    margin-top: 200px;
    padding-top: 120px;
}

.school_content11>.img1 {
    position: absolute;
    top: 1%;
    left: 50%;
    -webkit-transform: translate(-50%, -1%);
    transform: translate(-50%, -1%);
}

.school_content11>.content_box1 {
    padding: 150px 0 150px;
    background-color: #efefee;
}

.school_content11>.content_box1>.box1 {
    max-width: 500px;
    margin: 0 auto;
}

.school_content11>.content_box2 {
    padding: 90px 0 180px;
    background-color: #221815;
    text-align: center;
}

.footer_school {
    position: relative;
    margin-top: 200px;
    padding-top: 120px;
}

.footer_school>.img1 {
    position: absolute;
    top: 1%;
    left: 50%;
    -webkit-transform: translate(-50%, -1%);
    transform: translate(-50%, -1%);
}

.footer_school>.content_box1 {
    padding: 150px 0 150px;
    background-color: #efefee;
}

.footer_school>.content_box1>.box1 {
    max-width: 500px;
    margin: 0 auto;
}

.footer_school>.content_box2 {
    padding: 90px 0 180px;
    background-color: #221815;
    text-align: center;
}


/*　特定商取引 */

.school_law_content {
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
    margin-bottom: 60px;
}

.school_law_content h2 {
    margin-bottom: 40px;
}

.school_law_content table {
    width: 100%;
    border: none;
    border-bottom: 1px solid #231815;
    border-collapse: collapse;
}

.school_law_content td:nth-child(1) {
    font-weight: bold;
    width: 240px;
    padding: 2em;
    /*padding-left: 30px;*/
    background-color: #f8f8f8;
    border-top: 1px solid #231815;
}

.school_law_content td:nth-child(2) {
    width: 685px;
    padding: 2em;
    /*padding-left: 30px;*/
    border-top: 1px solid #231815;
}

@media screen and (min-width: 768px) and (max-width: 930px) {
    .school_law_content {
        width: 100%;
        max-width: 880px;
    }
}


/* 号外コンテンツ */

.header_school_extra {
    position: relative;
    padding-top: 250px;
}

.header_school_extra .img2 {
    position: absolute;
    top: 20%;
    right: 13%;
}

.school_extra_content1 {}

.school_extra_content2 {}

.school_extra_content2 .img1 {
    line-height: 0;
}

.school_extra_content2>.cource>.cource-box1 {
    padding: 140px 0px 140px;
}

.school_extra_content2>.cource .cource-box_bg1 {
    background-color: #f8c4b8;
}

.school_extra_content2>.cource .cource-box_bg2 {
    background-color: #aad7d0;
}

.school_extra_content3 {}

.school_extra_content3_bg {
    position: relative;
    max-width: 770px;
    margin: 0 auto;
    padding: 120px 0;
    background-color: #efefee;
}

.school_extra_content3 .img1 {
    position: absolute;
    left: -3%;
}

.school_extra_content3 .img2 {
    padding-top: 140px;
}

.school_extra_content4 {}

.school_extra_content5 {
    margin-bottom: 320px;
}

.school_extra_content5_bg {
    padding: 150px 0 150px;
    background: url(../images/school-content6-bg1.png) no-repeat 0 0;
    background-color: #f4ef83;
}

.school_extra_content6 {}

.school_extra_content7 {}