@charset "UTF-8";

/*-------------------------
    news
-------------------------*/
.p-index-category{
    background: var(--cl-gray-light);
    padding-block: calc(35 * var(--px));
}
.p-index-category__wrapper{
    display: flex;
    justify-content: space-between;
}
.p-index-category__list{
    width: calc((955 / 1200) * 100%);
    display: flex;
    flex-wrap: wrap;
}
.p-index-category__item{
    width: calc((220 / 955) * 100%);
    margin: calc((25 / 955) * 100%) calc((25 / 955) * 100%) 0 0;
}
.p-index-category__item:nth-child(4n){
    margin-right: 0;
}
.p-index-category__item:nth-child(-n+4){
    margin-top: 0;
}
.p-index-category__link{
    display: flex;
    align-items: center;
    background: #fff;
    font-size: var(--fs-text-s);
    height: calc(50 * var(--px));
    padding-inline: calc(20 * var(--px));
    border-radius: var(--radius-base);
}
.p-index-category__link--active{
    background: var(--cl-gold-light);
    font-weight: bold;
}
.p-index-category__report{
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc((216 / 1200) * 100%);
    background: var(--cl-button);
    font-size: var(--fs-text-s);
    border-radius: var(--radius-base);
    font-weight: bold;
    padding-inline: calc(30 * var(--px));
}
.p-index-category__link::after,
.p-index-category__report::after{
    content: '\f054';
    font-family: var(--font-icon);
    font-weight: bold;
    background: var(--cl-text);
    color: var(--cl-white);
    font-size: calc(var(--fs-arrow) * 0.8);
    width: calc(var(--size-arrow) * 0.8);
    height: calc(var(--size-arrow) * 0.8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin: 0 0 0 auto;
}
@media screen and (max-width: 767px){
    .p-index-category{
        padding-block: calc(15 * var(--px));
    }
    .p-index-category__wrapper{
        display: block;
    }
    .p-index-category__list{
        width: 100%;
    }
    .p-index-category__item,
    .p-index-category__item:nth-child(4n),
    .p-index-category__item:nth-child(-n+4){
        width: 48.5%;
        margin: 3% 3% 0 0;
    }
    .p-index-category__item:nth-child(2n){
        margin-right: 0;
    }
    .p-index-category__item:nth-child(-n+2){
        margin-top: 0;
    }
    .p-index-category__link{
        height: calc(30 * var(--px));
        padding-inline: calc(15 * var(--px));
    }
    .p-index-category__report{
        width: 100%;
        height: calc(30 * var(--px));
        padding-inline: calc(15 * var(--px));
        margin-top: 3%;
    }
}

.p-index-result{
    background: var(--cl-beige-light);
    padding-block: calc(20 * var(--px));
}
.p-index-result__wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.p-index-result__text{
    font-size: var(--fs-text-s);
    line-height: var(--lh-m);
}
.p-index-result__keyword{
    font-weight: bold;
}
.p-index-result__search{
    display: flex;
    align-items: center;
    margin: 0 0 0 auto;
}
.p-index-result__search-input{
    width: calc(350 * var(--px));
    background: #fff;
    border-radius: var(--radius-base);
    text-indent: calc(10 * var(--px));
    font-size: var(--fs-text-ss);
    height: calc(40 * var(--px));
}
.p-index-result__search-button{
    width: calc(40 * var(--px));
    height: calc(40 * var(--px));
    background: var(--cl-button);
    border-radius: var(--radius-base);
    margin-left: calc(15 * var(--px));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-text-l);
    font-weight: bold;
}
@media screen and (max-width: 767px){
    .p-index-result{
        padding-block: 0;
    }
    .p-index-result__wrapper{
        flex-direction: column-reverse;
    }
    .p-index-result__search{
        width: 100%;
        padding: 0 var(--px-sp) calc(15 * var(--px));
        background: var(--cl-gray-light);
    }
    .p-index-result__search-input{
        width: calc(100% - (40 * var(--px)));
        font-size: var(--fs-text-l);
    }
    .p-index-result__text{
        padding: calc(10 * var(--px)) var(--px-sp);
    }
}

.p-index-list{
    margin-top: calc(20 * var(--px));
}
.p-index-list__error{
    text-align: center;
    font-size: var(--fs-text-m);
    line-height: var(--lh-m);
    margin-top: calc(50 * var(--px));
}
@media screen and (max-width: 767px){
    .p-index-list{
        margin-top: calc(10 * var(--px));
    }
    .p-index-list__error{
        margin-top: calc(25 * var(--px));
    }
}

.p-index-pager{
    margin-top: calc(50 * var(--px));
    background: var(--cl-beige-light);
    padding-block: calc(50 * var(--px));
    margin-bottom: calc(-1 * var(--pb-main));
}
.p-index-pager__wrapper{
    display: flex;
    justify-content: center;
}
.p-index-pager__list{
    display: flex;
    flex-wrap: wrap;
    margin: calc(-10 * var(--px));
}
.p-index-pager__item{
    margin: calc(10 * var(--px));
}
.p-index-pager__link{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: calc(50 * var(--px));
    min-height: calc(50 * var(--px));
    padding: calc(10 * var(--px));
    font-size: var(--fs-text-l);
    background: #fff;
    border-radius: var(--radius-base);
    font-weight: 500;
}
.p-index-pager__link--active{
    background: var(--cl-button);
    font-weight: bold;
}
.p-index-pager__link--prev::before{
    content: '\f053';
    font-family: var(--font-icon);
    font-weight: bold;
}
.p-index-pager__link--next::before{
    content: '\f054';
    font-family: var(--font-icon);
    font-weight: bold;
}
.p-index-pager__dot{
    display: flex;
    align-items: center;
    font-size: var(--fs-text-l);
    height: 100%;
}
@media screen and (max-width: 767px){
    .p-index-pager{
        margin-top: calc(30 * var(--px));
        padding-block: calc(30 * var(--px));
    }
    .p-index-pager__list{
        margin: calc(-4 * var(--px));
    }
    .p-index-pager__item{
        margin: calc(4 * var(--px));
    }
    .p-index-pager__link{
        min-width: calc(34 * var(--px));
        min-height: calc(34 * var(--px));
        padding: calc(5 * var(--px));
    }
}

.p-details-heading{
    margin-top: var(--pt-main);
    padding-bottom: calc(25 * var(--px));
    border-bottom: 1px solid var(--cl-gray);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.p-details-heading__category{
    display: flex;
    align-items: center;
}
.p-details-heading__date{
    font-size: var(--fs-text-date-details);
    flex-shrink: 0;
}
.p-details-heading__category{
    flex-wrap: wrap;
    margin: calc(-7 * var(--px)) calc(-7 * var(--px)) calc(-7 * var(--px)) calc(20 * var(--px));
}
.p-details-heading__category-item{
    font-weight: 500;
    font-size: var(--fs-text-news-icon);
    background: var(--cl-gold-light);
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(30 * var(--px));
    border-radius: calc(15 * var(--px));
    padding-inline: calc(15 * var(--px));
    margin: calc(7 * var(--px));
}
.p-details-heading__title{
    width: 100%;
    font-weight: 500;
    line-height: var(--lh-m);
    font-size: var(--fs-title-m);
    margin-top: calc(10 * var(--px));
}
@media screen and (max-width: 767px){
    .p-details-heading{
        padding-bottom: calc(15 * var(--px));
    }
    .p-details-heading__category{
        width: 100%;
        flex-wrap: wrap;
        margin: calc(6 * var(--px)) calc(-4 * var(--px)) calc(-4 * var(--px)) calc(-4 * var(--px));
    }
    .p-details-heading__date{
        order: 1;
    }
    .p-details-heading__category-item{
        height: calc(25 * var(--px));
        border-radius: calc(13 * var(--px));
        padding-inline: calc(8 * var(--px));
        margin: calc(4 * var(--px));
        min-width: calc((130 / 335) * 100%);
    }
    .p-details-heading__title{
        order: 2;
    }
    .p-details-heading__category{
        order: 3;
    }
}

.p-details-entry{
    padding-top: calc(25 * var(--px));
    line-height: var(--lh-m);
    font-size: var(--fs-text-m);
}
.p-details-entry p + p,
.p-details-entry .wp-block-image + p,
.p-details-entry p + .wp-block-image,
.p-details-entry .wp-block-image + .wp-block-image{
    margin-top: 1.5em;
}
.p-details-entry strong {
    font-weight: bold;
}
.p-details-entry em {
    font-style: italic;
}
.p-details-entry ul,
.p-details-entry ol {
    margin-block: 1.25em;
    padding-inline-start: 1.25em;
}
.p-details-entry ul li {
    list-style-type: disc;
}
.p-details-entry ol li {
    list-style-type: decimal;
}
.p-details-entry li + li {
    margin-top: 0.5em;
}
.p-details-entry h1,
.p-details-entry h2,
.p-details-entry h3,
.p-details-entry h4,
.p-details-entry h5,
.p-details-entry h6 {
    font-weight: 500;
    line-height: var(--lh-m);
    margin-top: 1.5em;
    margin-bottom: 0.75em;
}
.p-details-entry h1:first-child,
.p-details-entry h2:first-child,
.p-details-entry h3:first-child,
.p-details-entry h4:first-child,
.p-details-entry h5:first-child,
.p-details-entry h6:first-child {
    margin-top: 0;
}
.p-details-entry h1 { font-size: var(--fs-title-l); }
.p-details-entry h2 { font-size: var(--fs-title-m); }
.p-details-entry h3 { font-size: var(--fs-title-s); }
.p-details-entry h4 { font-size: var(--fs-title-3s); }
.p-details-entry h5 { font-size: var(--fs-text-l); }
.p-details-entry h6 { font-size: var(--fs-text-m); }
.p-details-entry blockquote {
    margin: 1.25em 0 1.25em 1.25em;
    padding: 1em 1.25em;
    border-left: 3px solid var(--cl-gray);
    background-color: var(--cl-gray-light);
}
.p-details-entry pre{
    overflow: auto;
    margin: 1.25em 0;
    padding: 1.25em;
    font-family: monospace;
    background: var(--cl-gray-light);
}
.p-details-entry a{
    text-decoration: underline;
}
.p-details-entry a[target="_blank"]::after{
    content: '\f08e';
    display: inline-block;
    transform: scale(0.8);
    transform-origin: left center;
    font-family: var(--font-icon);
    font-weight: bold;
    margin-left: calc(5 * var(--px));
}
.p-details-entry img,
.p-details-entry iframe{
    max-width: 100%;
}
.p-details-entry img{
    height: auto;
}
.p-details-entry .wp-block-separator{
    border-color: var(--cl-gray);
}
.p-details-entry hr{
    border-color: var(--cl-gray);
    margin-block: 1em;
}
.p-details-entry div[dir="auto"] p:empty{
    height: 1em;
}
.p-details-entry a[href$=".jpg"] img,
.p-details-entry a[href$=".jpeg"] img,
.p-details-entry a[href$=".png"] img,
.p-details-entry a[href$=".gif"] img { 
    cursor: zoom-in; 
}
@media screen and (max-width: 767px){
    .p-details-entry{
        padding-top: calc(15 * var(--px));
    }
}