@charset "utf-8";

.page.message {
    background: #fff!important;
    width: 100%;
    margin: 0 0 0;
}
body {
    min-width: auto;
}
#path,
.h1_section {
    display: none;
}
.page * {
    box-sizing: border-box;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 3.5vw;
    font-weight: 400;
    color      : #333;
    line-height: 1.5;
}
.ui-centering {
    width: 100%;
    height: 88.5vw;
    margin: auto;
    position: relative;
    background: url(../images/bg_main.png) no-repeat center /cover;
}

m {
    --main-color: #2C317D;
}

/*-------------------------------------------------------------------------
大見出し
-------------------------------------------------------------------------*/

.main_logo {
    width: 21.6vw;
    margin: 0 auto 4vw;
}
    .main_logo img {
        max-width: 100%;
    }

.main_ttlwrap {
    margin: 2.5vw 1vw 3vw;
    position: absolute;
    top: -5vw;
    z-index: 1;
}
.headline {
    display    : flex;
    font-size: 14vw;
    color: #2C317D;
    line-height: 1;
}
    .main_ttlwrap span {
        position: relative;
        font-size: 3.4vw;
        line-height: 3.5;
        margin-left: 1vw;
        letter-spacing: 0.2px;
    }


    .mainview {
        margin: 6vw 0 2vw;
        padding: 0 0 0;
        position: relative;
    }

    .catch {
        margin: 0 0 0 0;
        position: absolute;
        bottom: 3vw;
        left: 2.5vw;
    }
    .catch span {
        background-color: rgba(44,49,125,.66);
        padding: 0 3.3vw 0;
        font-family: 'Shippori Mincho', serif;
        font-size: 7vw;
        font-weight: 400;
        color      : #fff;
        display: block;
        margin: 0 0 1.6vw;
        width: fit-content;
        height: 10.3vw;
        letter-spacing: -0.7px;
    }
    .text-box {
        margin: 0 0 11vw;
        padding: 0 0;
        text-align: center;
    }
    .text {
        line-height: 1.6;
        font-weight: 500;
        margin-bottom: 2.6vw;
    }

    .first-text {
        position: relative;
    }
    .first-text:before {
        position: absolute;
        top: 2vw;
        left: 10vw;
        content: "－";
    }
    .first-text:after {
        content: "－";
        position: absolute;
        top: 2vw;
        right: 10vw;
    }
/*-------------------*/
.massage-sub-ttl {
    text-align: center;
    font-size: 5.067vw;
    font-weight: 500;
    letter-spacing: .1em;
    margin-bottom: 3vw;
}
.motto-text {
    text-align: center;
    font-size: 6.133vw;
    font-weight: 500;
    letter-spacing: .1em;
    text-align: center;
    margin-bottom: 12.5vw;
    line-height: 1.6;
}

.philosophy-contents {
    background: #F5F5F5;
    width:94.667vw;
    margin: 0 auto;
    padding: 5.567vw 6.567vw;
    margin-bottom: 13vw;
}
.philosophy-text1 {
    font-size: 4.533vw;
    font-weight: bold;
    text-align: center;
    font-family: 'Shippori Mincho', serif;
    margin-bottom: 4.2vw;
    position: relative;
}
    .philosophy-text1:before {
        position: absolute;
        top: 7vw;
        left: 0vw;
        content: "～";
    }
    .philosophy-text1:after {
        content: "～";
        position: absolute;
        top: 7vw;
        right: 1vw;
    }
.philosophy-text2 {
    text-align: center;
    font-size: 4vw;
    line-height: 1.6;
}