#page_title h1 .en > span:nth-child(5) {
    color: var(--mainColor);
}

/*====================================================
////id |  message
====================================================*/
#message {
    z-index: 10;
}
.message-head .en > span:nth-child(2) {
    color: var(--mainColor);
}
.message-img .coverImg {
    border-radius: 20px;
}
.message-text h3 {
    font-weight: 500;
    margin-bottom: .8em;
}
.message-text .name {
    font-size: .8em;
    line-height: 1.4;
    margin-top: 1em;
    text-align: right;
}
.message-text .name img {
    margin: .5em 0 0 auto;
    height: 2.5em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    .message-img {
        margin: auto;
        width: min(50%, 280px);
    }
    .message-img .coverImg {
        padding-top: 130%;
    }
    .message-text {
        margin-top: 1.5em;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960px) {
    .message-wrapper {
        display: flex;
            gap: min(5vw, 60px);
    }
    .message-img {
        width: 30%;
    }
    .message-img .coverImg {
        height: min(100%, 400px);
    }
    .message-text {
        display: flex;
            align-items: center;
        flex: 1;
        padding: 30px 0;
    }
}

@media (hover: hover) {}

/*====================================================
////id |  overview
====================================================*/
#overview {
    background: var(--l_beige);
    margin-top: calc(min(5vw, 80px) * -1);
}
.overview-bg {
    background: var(--l_beige);
    overflow: hidden;
    position: absolute;
        top: -50px;
        left: 0;
    width: 100%;
}
.overview-bg::before {
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
    width: 100%;
    height: 100%;
}
.overview-head .en > span:nth-child(4) {
    color: var(--mainColor);
}
.overview-item {
    line-height: 1.4;
}
.overview-map {
    margin-top: min(8vw, 60px);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .overview-bg {
        height: 32vw;
        transform: scale(-1, 1);
    }
    .overview-bg::before {
        background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 375 120"><path fill="%23ffffff" d="M130.08,118.42c-41.08,7.01-87.25-10.04-130.08-35.32V0h375v3.68c-10.11.53-20.75,2.37-32.41,5.23-111.31,37.92-93.74,89.25-212.51,109.5Z" /></svg>') no-repeat bottom center / cover;
    }
    .overview-items {
        display: grid;
            grid-gap: 1em;
    }
    .overview-item dt {
        border-bottom: solid 3px var(--mainColor);
        display: inline-block;
        padding: .5em;
    }
    .overview-item dd {
        padding: 1em 0 0 1em;
    }
}
@media screen and (min-width:600px) and (max-width:769px) {
    .overview-bg {
        top: -100px;
    }
    .overview-bg::before {
        transform: scaleX(1.5);
    }
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .overview-bg {
        height: 17.1vw;
    }
    .overview-bg::before {
        background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1920 327"><path fill="%23ffffff" d="M0,327C422.77,107.39,440.08,88.34,711.34,117.2c286.85,61.48,229.17,97.85,521.44,134.23,292.27,36.38,687.21-222.88,687.21-222.88V0H0v327Z" /></svg>') no-repeat bottom center / cover;
    }
    .overview-items {
        display: grid;
    }
    .overview-item {
        display: grid;
            grid-template-columns: subgrid;
            grid-column: span 2;
    }
    .overview-item dt {
        border-bottom: solid 3px var(--mainColor);
        padding: 1em;
    }
    .overview-item dd {
        border-bottom: solid 1px var(--gray);
        padding: 1em;
    }
}
@media print, screen and (min-width: 1330px) {
    .overview-bg::before {
        left: -20%;
        right: -20%;
        min-width: 1800px;
    }
}

@media (hover: hover) {}

/*====================================================
////id |  xxx
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

@media (hover: hover) {}