@charset "utf-8";
/* CSS Document */
.news-details__img {
    width: 55.501%;
    margin: 4.1em auto 0;
    position: relative;
    width: 800px;
    max-width: 100%;
    height: auto;
    /* aspect-ratio: 1 / 1; */
}
.news-details__img figcaption{
    line-height: 1.584;
    font-size: max(10px, calc(var(--font-size-vw)* 0.75));
    text-align: right;
    font-family: var(--font-en-03);
    margin: 1.4em 0 auto;
    letter-spacing: 0.11em;
    width: 100%;
}
.news-details__img.default{
    width: 333px;
}
.news-details__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
    object-fit: contain;
    position: relative;
    max-height: 666px;
}
.news-details__category {
    font-size: 1.438rem;
    margin: 2.65em 0 0;
    letter-spacing: 0.03em;
    font-family: var(--font-en-03);
    font-weight: var(--w300);
}
.news-details__tl {
    font-size: 1.125rem;
    line-height: 1.193;
    font-weight: var(--w600);
    margin: 2.35em 0 0.45em;
    letter-spacing: 0.05em;
}
.news-details__date {
    font-size: 0.75rem;
    letter-spacing: 0.12em;
    font-family: var(--font-en-03);
    font-weight: var(--w300);
}
.news-details__container {
    font-size: 0.8125rem;
    line-height: 2;
    font-weight: var(--w300);
    margin: 2.4em 0 0;
    letter-spacing: 0.06em;
    padding: 0 0 1.9em;
    color: var(--c-font-01);
    font-family: var(--font-ja-w1);
}
.news-details__container *:first-child {
    margin-top: 0;
}
.news-details__container h2,
.news-details__container h3 {
    margin: 2em 0 0;
}
.news-details__container p,
.news-details__container ul,
.news-details__container ol,
.news-details__container dl {
    margin: 0 0 1.8em;
    font-family: var(--font-ja-w1);
}
.news-details__container p strong{
    font-weight:700;
}
.news-details__container .u-youtube {
    width: 83.334%;
    margin: 3.7em auto 2.7em;
    padding-bottom: 46.875%;
}
.news-details__container .u-button {
    margin: 2.6em 0 2.6em;
    padding-right: 1.2em;
    padding-left: 1.2em;
}
.news-details__news-top-button {
    padding-right: 2.35em;
    padding-left: 2.35em;
}
.news-details__container-link {
    letter-spacing: 0;
}
.news-details__container-link::after {
    content: "";
    background: url(../img/news/icon_arw.svg) no-repeat 0 40% / 100% auto;
    width: 0.6em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
    margin: -0.11em 0.6em 0 0.4em;
}
.news-details__container-link:hover::after {
    background: url(../img/news/icon_arw_r.svg) no-repeat 0 40% / 100% auto;
}
@media screen and (max-width: 767px) {
    .u-hero {
        display: none;
    }
    .news-details__img {
        width: 114.2%;
        margin: 0 -7.1%;
        /* aspect-ratio: 640 / 853; */
        max-width: none;
    }
    .news-details__img img {
        object-fit: contain;
    }
    .news-details__img figcaption{
        padding:0 1.5em;
        margin:1em 0 1em;
        box-sizing:border-box;
        letter-spacing:0.05em;
    }
    .news-details__category {
        font-size: 3rem;
        border-bottom: solid 1px;
        margin: 1.25em 0 0;
        padding: 0 0 0.35em;
    }
    .news-details__tl {
        font-size: 3.2rem;
        line-height: 1.3125;
        margin: 1.65em 0 0.55em;
        letter-spacing: 0.08em;
    }
    .news-details__date {
        font-size: 1.4rem;
    }
    .news-details__container {
        font-size: 2.1rem;
        line-height: 1.57;
        text-align: left;
        margin: 2.3em 0 0;
        padding: 0 0 4em;
    }
    .news-details__container p,
    .news-details__container ul,
    .news-details__container ol,
    .news-details__container dl {
        margin: 0 0 1.5em;
    }
    .news-details__container-link {
        letter-spacing: 0.085em;
    }
    .news-details__container .u-youtube {
        width: 100%;
        padding-bottom: 56.25%;
        margin: 1.9em auto 1.7em;
    }
    .news-details__info {
        font-size: 1.8rem;
        line-height: 1.67;
    }
}
@media (hover:hover) {
    .news-details__container-link {
        transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
        transition-property: opacity;
        font-weight: var(--w400);
    }
    .news-details__container-link:hover {
        /* opacity: .6; */
        color: #f00;
    }
}