/*====================================================
////id |  message
====================================================*/
.message-wrapper {
    gap: min(8.5vw, 40px) min(5vw, 80px);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    #message .message-wrapper {
        display: grid;
    }
    .message-img {
        margin-left: auto;
        margin-right: auto;
        width: min(58%, 300px);
    }
}

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

@media (hover: hover) {}

/*====================================================
////id |  philosophyany
====================================================*/
#philosophyany .philosophyany-wrapper {
    display: grid;
}
.philosophyany-text {
    display: flex;
        justify-content: center;
    letter-spacing: .2em;
    margin-left: -3vw;
    margin-right: -3vw;
    width: calc(100% + 6vw);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    .philosophyany-text {
        font-size: min(5.2vw, 35px);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960.1px) {
    #philosophyany .philosophyany-wrapper {
        grid-template-columns: auto 1fr;
    }
    .philosophyany-text {
        font-size: min(3.0vw, 35px);
    }
}

@media (hover: hover) {}

/*====================================================
////id |  policy
====================================================*/
#policy .policy-wrapper {
    gap: min(3vw, 20px) min(2.5vw, 30px);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    #policy .policy-wrapper {
        display: grid;
    }
}

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

@media (hover: hover) {}

/*====================================================
////id |  detail
====================================================*/
#detail .detail-list-table {
    margin-left: 1.5em;
}
#detail .detail-list-table td {
    border-bottom: 0;
    padding: 0;
}
#detail .detail-list-table td:nth-child(odd) {
    white-space: nowrap;
}
#detail .detail-list-table td:nth-child(even) {
    width: 100%;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    #detail .detail-wrapper {
        display: grid;
    }
}
@media screen and (max-width: 769px) {
    #detail .detail-list {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
    #detail .detail-list > *:nth-child(odd) {
        font-size: 1.1em;
        padding-top: 1em;
    }
    #detail .detail-list > *:nth-child(even) {
        border-bottom: solid 1px #DBDBDB;
        padding: .5em 0 1.2em;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769.1px) {
    #detail .detail-list {
        grid-gap: 0;
        grid-template-columns: auto 1fr;
    }
    #detail .detail-list > * {
        border-bottom: solid 1px #DBDBDB;
        padding: 1.5em 0;
    }
    #detail .detail-list > *:nth-child(odd) {
        padding-right: min(8vw, 70px);
    }
    #detail .detail-list-table td:nth-child(odd) {
        white-space: nowrap;
    }
}
@media print, screen and (min-width: 960.1px) {
}

@media (hover: hover) {}

/*====================================================
////id |  history
====================================================*/
.history-list .month {
    height: 100%;
    padding: 0 min(8.8vw, 70px) 0 min(2vw, 1em);
    position: relative;
}
.history-list .month::before {
    background-color: var(--color_2);
    border-radius: 100%;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: .55em;
        right: calc((min(8.8vw, 70px) / 2) - (.625em / 2));
    width: .625em;
    height: .625em;
}
.history-list .month::after {
    border-left: solid 1px var(--color_2);
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: calc(.55em + (.625em / 2));
        right: calc(min(8.8vw, 70px) / 2);
    width: 0;
    height: calc(100% + 1.5em);
}
.history-list > *:nth-last-child(2)::after {
    display: none;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    #history .history-wrapper {
        display: grid;
    }
}

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

@media (hover: hover) {}

/*====================================================
////id |  xxx
====================================================*/
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
}

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

@media (hover: hover) {}