@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;
}

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

.headline {
    display    : flex;
    /* align-items: baseline; */
    margin: 2.5vw 0 3vw 2.5vw;
    font-size: 14vw;
    color: #2C317D;
    line-height: 1;
}
    .headline span {
        margin: 2.5vw 0 0 4vw;
        position: relative;
        font-size: 3.4vw;
        line-height: 1.4;
    }


    .mainview {
        margin-bottom: 17vw;
        padding: 0 0 0;
        /* background: url("../images/bg_main.png") no-repeat center /cover; */
    }
    .headline {
        /* margin: 0 0 0; */
    }
    .catch {
        /* display: flex; */
        /* flex-direction: column; */
        margin: 0 0 0 0;
        position: absolute;
        bottom: -7vw;
        left: 2.5vw;
    }
    .catch span {
        background-color: rgba(44,49,125,.66);
        padding: 0 2vw 0;
        font-family: 'Shippori Mincho', serif;
        font-size: 7vw;
        font-weight: 400;
        color      : #fff;
        display: block;
        margin: 0 0 2vw;
        width: fit-content;
        height: 10.3vw;
    }
    .text-box {
        margin: 0 0 12.1vw;
        padding: 0 0;
        text-align: center;
    }
    .text {
        line-height: 1.6;
        font-weight: 500;
        margin-bottom: 6vw;
    }
    
    /* #
    --------------------------- */
    .point {
        /* display: grid; */
        /* gap: 60px; */
        margin: 0 2.5vw;
    }
        .point-items {
            margin-bottom: 7.6vw;
        }
        .point-head {
            margin: 0 0 3.5vw;
            /* display: flex; */
            /* gap    : 40px; */
        }
            .point-cnt {
                display    : flex;
                /* align-items: flex-start; */
            }
                .point-label {
                    position: relative;
                    z-index: 1;
                    font-weight: 500;
                    letter-spacing: .1em;
                    color: #2C317D;
                }
                .point-num {
                    margin: -2vw 0 0.9vw -2vw;
                    position: relative;
                    font-size: 10vw;
                    font-weight: 500;
                    letter-spacing: .1em;
                    z-index: 0;
                    color: #2C317D;
                }
                .point-num:before {
                    content: "";
                    width: 5vw;
                    height: 12vw;
                    background-color: #fff;
                    position: absolute;
                    top: -1vw;
                    left: -2vw;
                    z-index: 0;
                    border-right: 1px solid #2C317D;
                    transform: rotate(37deg);
                }
            .point-ttl {
                font-size: 4.54vw;
                font-weight: 500;
                letter-spacing: .1em;
                line-height: 1.5;
            }
        .point-contents {
            /* display        : flex; */
            /* gap            : 30px; */
            /* flex-direction : row-reverse; */
            /* justify-content: space-between; */
        }
            .point-right {
                /* flex: 1; */
                /* display: grid; */
                /* gap    : 30px; */
            }
                .point-text {
                    line-height: 1.6;
                    padding-bottom: 5.5vw;
                }
            .point-img {
                margin-bottom: 3.7vw;
            }
            .point-img img{
                width: 100%;
            }