@charset 'UTF-8';
/* ==========================================================================
   toppage
   ========================================================================== */
/* p-report
----------------------------------------------------------------- */
.p-report
{
    position: relative;
    z-index: 1;
}
.p-report::after
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: inline-block;

    width: 100%;
    height: 100%;

    content: '';

    opacity: .06;
    background-color: #060b96;
}
.p-report__tab
{
    width: 13.4285%;
}
@media screen and (max-width: 1024px)
{
    .p-report__tab
    {
        width: 24.25%;
    }
}
@media screen and (max-width: 767px)
{
    .p-report__tab
    {
        width: 32.6666666667%;
    }
}
.p-report__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 50px;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    grid-gap: clamp(24px, 24px + .0357142857 * (100vw - 600px), 30px) 2%;
}
@media screen and (max-width: 1479px) and (min-width: 1280px)
{
    .p-report__list
    {
        margin-bottom: 2.6162790698vw;
    }
}
@media screen and (max-width: 1279px) and (min-width: 1024px)
{
    .p-report__list
    {
        margin-bottom: 2.7027027027vw;
    }
}
@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-report__list
    {
        margin-bottom: 5.37109375vw;
    }
}
@media screen and (max-width: 767px)
{
    .p-report__list
    {
        margin-bottom: 7.1614583333vw;
    }
}
.p-report__list__box
{
    width: 32%;
}
@media screen and (max-width: 1024px)
{
    .p-report__list__box
    {
        width: 49%;
    }
}
@media screen and (max-width: 767px)
{
    .p-report__list__box
    {
        width: 100%;
    }
}
.p-report__list__box__link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;

    height: 100%;
    padding: clamp(10px, 10px + .0111607143 * (100vw - 1024px), 20px);

    border: 1px solid #060b96;
    background-color: #fff;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
@media screen and (max-width: 1024px)
{
    .p-report__list__box__link
    {
        padding: clamp(10px, 10px + .0595238095 * (100vw - 600px), 20px);
    }
}
.p-report__list__box__textArea
{
    width: 59.09%;
}
.p-report__list__box__textArea__dt
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 0 10px;
}
.p-report__list__box__textArea__day
{
    font-size: clamp(17px, 17px + .0033482143 * (100vw - 1024px), 20px);
    font-weight: 400;
}
@media screen and (max-width: 1024px)
{
    .p-report__list__box__textArea__day
    {
        font-size: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);
    }
}
.p-report__list__box__textArea__new
{
    font-size: clamp(17px, 17px + .0033482143 * (100vw - 1024px), 20px);
    font-weight: 400;
    line-height: 1;

    padding: 0 .5em;

    color: #fff;
    background-color: #060b96;
}
@media screen and (max-width: 1024px)
{
    .p-report__list__box__textArea__new
    {
        font-size: clamp(17px, 17px + .0178571429 * (100vw - 600px), 20px);
    }
}
.p-report__list__box__textArea__title
{
    font-size: clamp(17px, 17px + .0033482143 * (100vw - 1024px), 20px);
    font-weight: 400;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;
    margin-bottom: clamp(12px, 12px + .0178571429 * (100vw - 600px), 15px);
    padding-bottom: clamp(7px, 7px + .0178571429 * (100vw - 600px), 10px);

    color: #060b96;
    border-bottom: 1px solid #060b96;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    grid-gap: clamp(8px, 8px + .0119047619 * (100vw - 600px), 10px);
}
@media screen and (max-width: 1024px)
{
    .p-report__list__box__textArea__title
    {
        font-size: 20px;
    }
}
.p-report__list__box__textArea__title::before,
.p-report__list__box__textArea__title::after
{
    font-size: clamp(17px, 17px + .0033482143 * (100vw - 1024px), 20px);
    font-weight: 400;
    line-height: 1;

    display: inline-block;

    content: '／';

    color: #060b96;
}
.p-report__list__box__textArea__text
{
    font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
}
@media screen and (max-width: 1024px)
{
    .p-report__list__box__textArea__text
    {
        font-size: 17px;
    }
}
.p-report__list__box__image
{
    width: 36.36%;

    aspect-ratio: 1/1;
}
.p-report .c-button
{
    max-width: 540px;
    margin: 0 auto;
}
.p-report .c-button__link
{
    padding: clamp(10px, 10px + .0357142857 * (100vw - 600px), 16px) 10px;
}

.p-reportList
{
    position: relative;
    z-index: 1;
}
.p-reportList::after
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;

    display: inline-block;

    width: 100%;
    height: calc(100% - min(90vw, 1500px) * .32 / 48 * 20 / 2);

    content: '';

    opacity: .06;
    background-color: #060b96;
}
@media screen and (max-width: 1024px)
{
    .p-reportList::after
    {
        height: calc(100% - 15.0044378698vw);
    }
}
@media screen and (max-width: 767px)
{
    .p-reportList::after
    {
        height: calc(100% - 27.7777777778vw);
    }
}
.p-reportList:not(:has(.c-button)) .p-report__list
{
    margin-bottom: 0;
}

.p-reportDetail__titleArea__subRow
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 17px;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 0 10px;
}
@media screen and (max-width: 1024px)
{
    .p-reportDetail__titleArea__subRow
    {
        margin-bottom: 17px;
    }
}
.p-reportDetail__titleArea__subRow__day
{
    font-size: clamp(19px, 19px + .0178571429 * (100vw - 600px), 22px);
    font-weight: 400;
}
.p-reportDetail__titleArea__subRow__new
{
    font-size: clamp(19px, 19px + .0178571429 * (100vw - 600px), 22px);
    font-weight: 400;
    line-height: 1;

    padding: 0 .5em;

    color: #fff;
    background-color: #060b96;
}
.p-reportDetail__titleArea__subRow__category
{
    font-size: clamp(20px, 20px + .0119047619 * (100vw - 600px), 22px);
    font-weight: 400;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    color: #060b96;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    grid-gap: clamp(8px, 8px + .0119047619 * (100vw - 600px), 10px);
}
@media screen and (max-width: 767px)
{
    .p-reportDetail__titleArea__subRow__category
    {
        width: 100%;
    }
}
.p-reportDetail__titleArea__subRow__category::before,
.p-reportDetail__titleArea__subRow__category::after
{
    font-size: clamp(20px, 20px + .0119047619 * (100vw - 600px), 22px);
    font-weight: 400;
    line-height: 1;

    display: inline-block;

    content: '／';

    color: #060b96;
}
.p-reportDetail__titleArea__title
{
    font-size: clamp(32px, 32px + .0178571429 * (100vw - 1024px), 48px);
    font-weight: 500;
    line-height: 1.25;

    margin-bottom: clamp(25px, 25px + .0416666667 * (100vw - 600px), 32px);

    color: #060b96;
}
@media screen and (max-width: 1024px)
{
    .p-reportDetail__titleArea__title
    {
        font-size: clamp(28px, 28px + .0833333333 * (100vw - 600px), 42px);
    }
}
.p-reportDetail__titleArea__subTitle
{
    position: relative;
    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    overflow: hidden;

    padding: .5em;

    background-color: #060b96;

    grid-gap: clamp(8px, 8px + .0238095238 * (100vw - 600px), 12px);
}
.p-reportDetail__titleArea__subTitle__text
{
    font-size: clamp(20px, 20px + .0238095238 * (100vw - 600px), 24px);
    font-weight: 500;
    line-height: 1.5;

    max-width: calc(100% - clamp(8px, 8px + .0238095238 * (100vw - 600px), 12px) - clamp(6px, 6px + .0119047619 * (100vw - 600px), 8px));

    color: #fff;
}
.p-reportDetail__titleArea__subTitle::before
{
    display: inline-block;

    width: clamp(6px, 6px + .0119047619 * (100vw - 600px), 8px);

    content: '';

    background-color: #fff;
}
.p-reportDetail__titleArea__subTitle::after
{
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 5px;

    display: inline-block;

    height: 110%;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    opacity: .3;
    background: url(../image/common/logo02.svg) center/100% no-repeat;

    aspect-ratio: 84/77;
}
.p-reportDetail__text
{
    font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
}
@media screen and (max-width: 1024px)
{
    .p-reportDetail__text
    {
        font-size: 17px;
    }
}
.p-reportDetail__photoArea
{
    position: relative;
    z-index: 1;
}
.p-reportDetail__photoArea::before
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;

    display: inline-block;

    width: 100%;
    height: calc(100% - min(90vw, 1500px) * .4867 / 4 * 3 / 2);

    content: '';

    opacity: .06;
    background-color: #060b96;
}
@media screen and (max-width: 767px)
{
    .p-reportDetail__photoArea::before
    {
        height: calc(100% - 35.0625vw);
    }
}
.p-reportDetail__photoArea__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    grid-gap: 2.394vw 2.66%;
}
.p-reportDetail__photoArea__photo
{
    width: 23%;

    aspect-ratio: 4/3;
}
@media screen and (max-width: 1024px)
{
    .p-reportDetail__photoArea__photo
    {
        width: 48.67%;
    }
}
.p-reportDetail__photoArea__photo a
{
    width: 100%;
    height: 100%;
}
.p-reportDetail__photoArea__photo.main
{
    width: 48.67%;
}
@media screen and (max-width: 1024px)
{
    .p-reportDetail__photoArea__photo.main
    {
        width: 100%;
    }
}