/* -------------------------------base(mobile)↓-------------------------------------- */
/* back-to-news start */
.back-to-news{
    display: flex;
    align-items: center;
    margin-top: calc(calc(100 - 20 - 32.5) * var(--site-horizontal-ratio));
    gap: calc(calc(52 - 20 - 24) * var(--site-horizontal-ratio));
    font-family: var(--site-font-family-Bison);
    font-weight: 700;
    font-size: calc(20 * var(--site-horizontal-ratio));
    line-height: calc(20 * var(--site-horizontal-ratio));
    letter-spacing: 0.1em;
    text-decoration: none;
    color: #ffffff;
}
.back-to-news::before{
    content: "";
    display: block;
    width: calc(24 * var(--site-horizontal-ratio));
    height: calc(24 * var(--site-horizontal-ratio));
    background-image: url(../images/information-detail/double-left.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
/* back-to-news end */

/* information-detail start */
.information-detail>h1{
    margin-top: calc(calc(184 - 24 - 100) * var(--site-horizontal-ratio));
    margin-bottom: calc(calc(284 - 60 - 184) * var(--site-horizontal-ratio));
    text-align: left;
}
.information-detail img{
    max-width: 100%;
}
.information-detail a{
    color: #007cff;
}
.information-detail>h2{
    font-size: calc(16 * var(--site-horizontal-ratio));
    line-height: calc(32 * var(--site-horizontal-ratio));
    letter-spacing: 0.1em;
    margin-top: calc(calc(503 - 284 - 189) * var(--site-horizontal-ratio));
}
.information-detail>p{
    font-weight: 400;
    margin: calc(calc(619 - 503 - 96) * var(--site-horizontal-ratio)) auto;
    word-wrap: break-word;
}
/* information-detail end */


/*== landscape responsive ==*/
@media screen and (max-width: 767px) and (orientation: landscape){
}
/*== landscape responsive ==*/
/* -------------------------------base(mobile)↑-------------------------------------- */

/* ---------------------------desktop(include ipad)↓--------------------------------- */
@media screen and (min-width: 768px){
    /* back-to-news start */
   .back-to-news{
        width: calc(720 * var(--site-horizontal-ratio));
        margin: auto;
   }
    /* back-to-news end */

    /* information-detail start */
    .information-detail{
        width: calc(720 * var(--site-horizontal-ratio));
        margin: auto;
    }
    .information-detail>h1{
        margin-top: calc(calc(156 - 24 - 72) * var(--site-horizontal-ratio));
        margin-bottom: calc(calc(328 - 156 - 112) * var(--site-horizontal-ratio));
        line-height: calc(56 * var(--site-horizontal-ratio));
    }
    .information-detail>h2{
        margin-top: calc(calc(764 - 406 - 328) * var(--site-horizontal-ratio));
    }
    .information-detail>p{
        margin: calc(calc(846 - 764 - 64) * var(--site-horizontal-ratio)) auto;
        line-height: calc(32 * var(--site-horizontal-ratio));
    }
    /* information-detail end */
}

@media screen and (min-width: 1960px){

}
/* ---------------------------desktop(include ipad)↑--------------------------------- */