/* fonts */
body {
    margin: 0;
    background: #fffbec;
}

.-series .l-header__logo {
    margin-right: 0;
}

.l-header, .l-header__inner {
    width: unset;
}

.-series-right .c-gnavWrap {
    margin: 0 auto;
}

#fix_header, #breadcrumb, #sidebar {
    display: none !important;
}

#content header.l-header {
    display: none !important;
}

.over-wrapper {
    background: #fff;
    width: 1000px;
    margin: 0 auto;
}

p {
    color: #2c2c2c;
}

p, span {
    margin: 0;
    letter-spacing: .12em;
    font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    letter-spacing: .18em;
    font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    font-weight: normal;
}

a {
    text-decoration: none;
}

img {
    width: 100%;
}

ul {
    margin-bottom: 0;
}

div#content {
    width: 100% !important;
    margin: 0 auto !important;
}

.l-content {
    max-width: unset !important;
    padding: unset !important;
}

.-sidebar-on .l-content {
    display: block !important;
}

.under-orange {
    color: #2c2c2c;
    font-weight: 600;
    background: rgba(237, 168, 48, 0.2);
}


/* kv */

#kv {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
}

/* concept */
#concept {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 60px;
}

#concept .title {
    border-left: solid 10px #2a4c46;
    padding: 15px 0px 15px 25px;
}

#concept .title h2 {
    font-size: 35px;
    color: #2a4c46;
    font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif;
}

.concept-text1 {
    margin-top: 30px;
}

.concept-text1 p {
    font-size: 18px;
    line-height: 2;
}

/* overview */

#overview {
    margin-top: 100px;
}

#overview .title-treat {
    width: 120px;
    margin: 0 auto;
}

#overview .title {
    text-align: center;
}

#overview .title h2 {
    font-size: 35px;
    font-weight: 600;
    color: #2a4c46;
    margin-top: 10px;
}

.overview-bg {
    background: linear-gradient(to bottom, transparent, #fefbe7, transparent);
}

.overview-wrapper {
    display: flex;
    justify-content: space-between;
    width: max-content;
    margin: 0 auto;
    margin-top: 30px;
}

.overview-left {
    width: 180px;
    margin-right: 30px;
}

.overview-right {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.overview-right p {
    font-size: 20px;
    line-height: 2;
}

.overview-right p span {
    font-size: 24px;
    font-weight: 600;
}

.overview-photo3 {
    width: 95%;
    max-width: 1440px;
    margin: 0 auto;
    margin-top: 80px;
}

.course {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
    padding: 50px 2% 40px;
}

.course:not(.course1) {
    margin-top: 30px;
}

.course-position span {
    border-radius: 100px;
    padding: 5px 50px;
    color: #fff;
}

.course-name {
    margin-top: 20px;
}

.course-name span {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: .1em;
}

.course-text1 {
    font-size: 18px;
    font-weight: 600;
}

.course-text1 p {
    margin-top: 5px;
    letter-spacing: .08em;
}

.course-text1 span {
    font-size: 14px;
    color: #2c2c2c;
    letter-spacing: .1em;
}

.course-text2 {
    padding: 30px 5%;
    margin-top: 25px;
}

.course3 .course-text2 {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 100px 0px;
    font-weight: 600;
    font-size: 18px;
}

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

.course-inner2 {
    margin-top: 12px;
}

.course-text3 {
    width: 100px;
}

.course-text3 span {
    font-weight: 600;
    font-size: 18px;
}

.course-text4 {
    width: calc(100% - 120px);
}

.course-text4 span {
    color: #1b2222;
    font-size: 18px;
}

.course-text4 span:nth-child(2) {
    display: block;
    font-size: 12px;
}

.course-link {
    margin-top: 20px;
}

.course-link a {
    display: flex;
    justify-content: right;
}

.course-link-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 10px;
}

.course-link-left span {
    font-size: 18px;
    font-weight: 600;
}

.course-link-right {
    width: 55px;
}




.course1 {
    margin-top: 120px;
    border-color: #d2b48d;
}

.course2 {
    border-color: #a09fc8;
}

.course3 {
    border-color: #283e63;
}

.course4 {
    border-color: #6d9cba;
}

.course5 {
    border-color: #626386;
}

.course6 {
    border-color: #b4809f;
}

.course1 .course-text2 {
    background: rgb(210, 180, 141, .15);
}

.course2 .course-text2 {
    background: rgb(160, 159, 200, .15);
}

.course3 .course-text2 {
    background: rgb(40, 62, 99, .15);
}

.course4 .course-text2 {
    background: rgb(109, 156, 186, .15);
}

.course5 .course-text2 {
    background: rgb(98, 99, 134, .15);
}

.course6 .course-text2 {
    background: rgb(180, 128, 159, .15);
}

.course1 .course-position span {
    background: #d2b48d;
}

.course2 .course-position span {
    background: #a09fc8;
}

.course3 .course-position span {
    background: #283e63;
}

.course4 .course-position span {
    background: #6d9cba;
}

.course5 .course-position span {
    background: #626386;
    font-family: 'Futura', 'Verdana', sans-serif;
}

.course6 .course-position span {
    background: #b4809f;
    font-family: 'Futura', 'Verdana', sans-serif;
}

.course1 .course-name span, .course1 .course-text3 span, .course1 .course-link-left span {
    color: #d2b48d;
}

.course2 .course-name span, .course2 .course-text3 span, .course2 .course-link-left span {
    color: #a09fc8;
}

.course3 .course-name span, .course3 .course-text3 span, .course3 .course-link-left span {
    color: #283e63;
}

.course4 .course-name span, .course4 .course-text3 span, .course4 .course-link-left span {
    color: #6d9cba;
}

.course5 .course-name span, .course5 .course-text3 span, .course5 .course-link-left span {
    color: #626386;
}

.course6 .course-name span, .course6 .course-text3 span, .course6 .course-link-left span {
    color: #b4809f;
}

span.sub {
    font-size: 16px;
}

/* contact */

#contact {
    width: 800px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
}

#contact .title h2 {
    font-size: 38px;
    font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif;
}

#contact .title h2 span {
    color: #b4809f;
    font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif;

}

.contact-inner {
    margin-top: 30px;
    border-left: solid 5px #283e63;
    padding: 20px 0px 20px 30px;
}

.contact-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}

.contact-icon {
    width: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact-text {
    width: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact-text1 p {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .08em;
}

.contact-text2 span {
    color: #2c2c2c;
}

.course1 .course-text1 .caution {
    color: #d2b48d;
}

.course4 .course-text1 .caution{
    color: #6d9cba;
}


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

    /* concept */
    #concept {
        width: 80%;
    }

    .overview-wrapper {
        width: 90%;
        margin-top: 30px;
    }

    /* contact */
    #contact {
        width: 85%;
        margin: 0 auto;
        margin-top: 100px;
        margin-bottom: 100px;
    }

    #contact .title h2 {
        font-size: 30px;
    }

    .overview-right p {
        font-size: 18px;
        line-height: 1.8;
    }

    .course {
        padding: 40px 2%;
    }

    .course1 {
        margin-top: 80px;
    }

    .course-text3 span {
        font-size: 16px;
    }

    .course-text4 span {
        font-size: 16px;
    }

    .course-text4 {
        width: calc(100% - 100px);
    }

    .course-name {
        margin-top: 15px;
    }
}

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

    #kv {
        margin-top: 20px;
    }

    /* concept */
    #concept {
        width: 90%;
        margin-top: 30px;
    }

    #concept .title {
        border-left: solid 5px #2a4c46;
        padding: 15px 0px 15px 20px;
    }

    #concept .title h2 {
        font-size: 24px;
        letter-spacing: .08em;
    }

    .concept-text1 {
        margin-top: 20px;
    }

    .concept-text1 p {
        font-size: 15px;
    }

    /* overview */

    #overview {
        margin-top: 50px;
    }

    #overview .title-treat {
        width: 100px;
    }

    #overview .title h2 {
        font-size: 24px;
        letter-spacing: .08em;
    }

    .overview-wrapper {
        width: 90%;
        display: block;
    }

    .overview-left {
        display: none;
    }

    .overview-right {
        width: 100%;
    }

    .overview-right p {
        font-size: 15px;
    }

    .overview-left {
        width: 120px;
        margin: 0;
    }

    .overview-right p span {
        font-size: 16px;
    }

    .overview-photo3 {
        overflow-x: scroll;
        margin-top: 50px;
    }

    .overview-photo3 img {
        max-width: unset;
        width: 1000px;
        padding-bottom: 30px;
    }

    .course {
        width: 90%;
        margin-top: 0;
        padding: 40px 2% 25px;
    }

    .course-text1 p {
        font-size: 15px;
    }

    .course-text1 span {
        font-size: 12px;
        letter-spacing: .08em;
    }

    .course-text1 .caution {
        margin-top: 10px;
        display: block;
        line-height: 1.8;
    }

    .course-text2 {
        padding: 25px 5% 30px;
        margin-top: 20px;
    }

    .course3 .course-text2{
        padding: 60px 0px;
    }

    .course-text4 span {
        font-size: 15px;
    }

    .course-name {
        margin-top: 10px;
    }

    .course-name span {
        font-size: 22px;
        letter-spacing: .06em;
    }

    .course-inner {
        display: block;
    }

    .course-text4 {
        width: 100%;
        margin-top: 5px;
    }

    .course-link {
        margin-top: 15px;
    }

    .course-link-left span {
        font-size: 16px;
        letter-spacing: .08em;
    }

    .course-link-right {
        width: 45px;
    }

    .course-inner2 {
        margin-top: 22px;
    }

    span.sub {
        font-size: 14px;
    }

    #contact {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .contact-text {
        width: 100%;
    }

    .contact-text1 p {
        font-weight: 600;
        font-size: 16px;
    }

    .contact-inner {
        padding: 20px 0px 20px 25px;
    }
    .contact-icon {
    margin-right: 10px;
}
}