/*====================================================
////id |  detail
====================================================*/
#contents .swiper-button-prev ,
#contents .swiper-button-next {
    top: auto;
    bottom: -3px;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    #detail .detail-item {
        grid-gap: min(5vw, 30px);
        grid-template-columns: 1fr;
    }
    #detail .detail-item > * {
        grid-column: 1;
    }
    #detail .detail-item-img {
        margin-left: auto;
        margin-right: auto;
        width: min(100%, 700px);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960.1px) {
    #detail .detail-item {
        grid-template-columns: 1fr min(50vw, 750px);
        grid-gap: min(4vw, 30px) min(4vw, 100px);
    }
    #detail .detail-item-img {
        margin-left: calc(var(--innerBox_margin) * -1);
        width: calc(100% + var(--innerBox_margin));
    }
    #detail .detail-item-text {
        grid-column: 1 / 3;
    }
}
@media screen and (min-width: 1330px) {
    #detail .detail-item {
        grid-gap: 50px min(6vw, 100px);
        grid-template-rows: auto 1fr;
    }
    #detail .detail-item-img {
        grid-row: 1 / 3;
    }
    #detail .detail-item-text {
        grid-column: 2;
        grid-row: 2;
    }
}
@media (hover: hover) {}

/*====================================================
////id |  about
====================================================*/
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    #about .about-wrapper {
        display: grid;        
    }
    .about-wrapper h2 {
        font-size: min(6.4vw, 35px);
        letter-spacing: .15em;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960.1px) {
    .about-wrapper h2 {
        letter-spacing: .2em;
    }
}

@media (hover: hover) {}