.column-wrapper {
    overflow: hidden;
    padding-top: 0;
}
#page_title h1 .en > span:nth-child(2) {
    color: var(--green);
}

/*====================================================
////id |  main_text
====================================================*/
.mt-head {
    font-weight: 500;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    .mt-inner {
        display: grid;
            grid-gap: 24px;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960px) {
    .mt-inner {
        display: grid;
            grid-gap: 30px;
            grid-template-columns: 1fr 60%;
    }
    .mt-head {
        font-size: min(3.3vw, 4rem);
    }
    
}
@media print, screen and (min-width: 1330px) {
}
    
@media (hover: hover) {}

/*====================================================
////id |  detail
====================================================*/
#detail {
    background: var(--l_green);
}
.detail-item {
    display: grid;
        grid-gap: min(3vw, 60px);
        grid-template-columns: min(15vw, 80px) 1fr;
    padding-bottom: min(8vw, 60px);
    position: relative;
}
.detail-item::before {
    border-left: solid 1px var(--mainColor);
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: min(7.5vw, 40px);
        left: min(7.5vw, 40px);
    width: 0;
    height: 0;
}
.detail-item:last-child::before {
    display: none;
}
.detail-item.show::before {
    animation: 3s linear forwards flow_line;
}
@keyframes flow_line {
    to {
        height: 100%;
    }
}

.detail-item-no {
    background: var(--mainColor);
    border-radius: 100%;
    color: #fff;
    display: flex;
        align-items: center;
        justify-content: center;
    font-size: min(6vw, 30px);
    width: min(15vw, 80px);
    height: min(15vw, 80px);
}
.detail-item dt {
    font-size: min(5vw, 2.4rem);
    line-height: 1.4;
    padding-top: min(4vw, 24px);
}
.detail-item dd {
    background: #fff;
    border: solid 1px var(--mainColor);
    border-radius: 15px;
    margin: 1em 0 0 1em;
    padding: 1em 1.5em;    
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .detail-item dd {
        margin-left: 0;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

@media (hover: hover) {}

/*====================================================
////id |  add_text
====================================================*/
#add_text {
    margin-top: calc(min(5vw, 80px) * -1);
}
.at-bg {
    background: #fff;
    overflow: hidden;
    position: absolute;
        top: calc(min(10vw, 100px) * -1);
        left: 0;
    width: 100%;
}
.at-bg::before {
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
    width: 100%;
    height: 100%;
}

.at-text {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(140, 198, 63, .25);
    padding: 1.5em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .at-bg {
        height: 32vw;
        transform: scale(-1, 1);
    }
    .at-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="%23F9FCF5" 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;
    }
}
@media screen and (min-width:600px) and (max-width:769px) {
    .at-bg {
        top: -100px;
    }
    .at-bg::before {
        transform: scaleX(1.5);
    }
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .at-bg {
        height: 17.1vw;
    }
    .at-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="%23F9FCF5" 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;
    }
    .at-text {
        text-align: center;
    }
}
@media print, screen and (min-width: 1330px) {
    .at-bg::before {
        left: -20%;
        right: -20%;
        min-width: 1800px;
    }
}

@media (hover: hover) {}