@charset "utf-8";

/* news */


/* contents
----------------------------------------- */
/* news-cont */
.news-cont {
    padding: 0 16px;
}

/* news-main */
.news-main {
    margin-bottom: 80px;
}

/* news-sec_list：commonに記述 */

/* page-nation */
.page-nation {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 40px;
}
.page-nation a,
.page-nation span {
    margin: 0 2px;
    padding: 0 8px;
    font-family: 'Poppins', sans-serif;
    font-size: 1.4rem;
}
.page-nation .current {
    color: var(--c-primary-blue);
    text-decoration: underline;
}

/* news-side */
.news-side {
    padding: 0 16px;
}

/* news-side-link */
.news-side-link {
    margin-bottom: 56px;
}
.news-side-link:last-child {
    margin-bottom: 0;
}
.news-side-link-ttl {
    margin-bottom: 18px;
    font-size: 1.6rem;
}
.news-side-link-list {
}
.news-side-link-list > li {
    margin-bottom: 8px;
}
.news-side-link-list > li a {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.4;
}

/* news-detail-cont */
.news-detail-cont {
}
.detail .news-sec_meta {
    margin-bottom: 8px;
}
.news-detail-ttl {
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 16px;
    font-size: 1.8rem;
}
.news-detail-ttl::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, var(--c-black) 1px, transparent 1px);
    background-size: 4px 1px;
    background-repeat: repeat-x;
}
.news-detail-body {
}
.news-detail-body p {
    margin-bottom: 24px;
    font-size: 1.4rem;
    line-height: 2.2;
}
.news-detail-body p:last-child {
    margin-bottom: 0;
}
.news-detail-body figure {
    margin-bottom: 24px;
}
.news-detail-body a {
    text-decoration: underline;
    color: var(--c-primary-blue);
}
.page-nation-detail {
    margin-top: 48px;
    text-align: center;
}
.page-nation-detail a {
    font-size: 1.4rem;
}













































/* tablet 560px - 959px */
@media only screen and (min-width: 560px) {


/* contents
----------------------------------------- */
/* news-cont */
.news-cont {
    padding: 0 40px;
}

/* news-main */
.news-main {
    margin-bottom: 80px;
}

/* news-sec_list：commonに記述 */

/* page-nation */
.page-nation {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 60px;
}
.page-nation a,
.page-nation span {
    margin: 0 4px;
    padding: 0 8px;
    font-family: 'Poppins', sans-serif;
    font-size: 1.6rem;
}
.page-nation .current {
    color: var(--c-primary-blue);
    text-decoration: underline;
}

/* news-side */
.news-side {
    padding: 0 16px;
}

/* news-side-link */
.news-side-link {
    margin-bottom: 56px;
}
.news-side-link:last-child {
    margin-bottom: 0;
}
.news-side-link-ttl {
    margin-bottom: 18px;
    font-size: 1.6rem;
}
.news-side-link-list {
}
.news-side-link-list > li {
    margin-bottom: 8px;
}
.news-side-link-list > li a {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.4;
}

/* news-detail-cont */
.news-detail-cont {
}
.detail .news-sec_meta {
    margin-bottom: 8px;
}
.news-detail-ttl {
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 16px;
    font-size: 1.8rem;
}
.news-detail-ttl::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, var(--c-black) 1px, transparent 1px);
    background-size: 4px 1px;
    background-repeat: repeat-x;
}
.news-detail-body {
}
.news-detail-body p {
    margin-bottom: 24px;
    font-size: 1.4rem;
    line-height: 2.2;
}
.news-detail-body p:last-child {
    margin-bottom: 0;
}
.news-detail-body figure {
    margin-bottom: 24px;
}
.news-detail-body a {
    text-decoration: underline;
    color: var(--c-primary-blue);
}
.page-nation-detail {
    margin-top: 48px;
    text-align: center;
}
.page-nation-detail a {
    font-size: 1.4rem;
}



} /* tablet end */





























































/* PC 960px - */
@media only screen and (min-width: 960px) {


/* contents
----------------------------------------- */
/* news-cont */
.news-cont {
    display: flex;
    justify-content: space-between;
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 40px;
}

/* news-main */
.news-main {
    width: calc(88% - 200px);
    margin-bottom: 0;
}

/* news-sec_list：commonに記述 */

/* page-nation */
.page-nation {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 60px;
}
.page-nation a,
.page-nation span {
    margin: 0 4px;
    padding: 0 12px;
    font-family: 'Poppins', sans-serif;
    font-size: 1.8rem;
    transition: color .3s;
}
.page-nation a:hover {
    color: var(--c-primary-blue);
}
.page-nation .current {
    color: var(--c-primary-blue);
    text-decoration: underline;
}

/* news-side */
.news-side {
    width: 200px;
    padding: 0 16px;
}

/* news-side-link */
.news-side-link {
    margin-bottom: 56px;
}
.news-side-link:last-child {
    margin-bottom: 0;
}
.news-side-link-ttl {
    margin-bottom: 18px;
    font-size: 1.6rem;
}
.news-side-link-list {
}
.news-side-link-list > li {
    margin-bottom: 8px;
}
.news-side-link-list > li a {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.4;
    transition: color .3s;
}
.news-side-link-list > li a:hover {
    color: var(--c-primary-blue);
}

/* news-detail-cont */
.news-detail-cont {
}
.detail .news-sec_meta {
    margin-bottom: 8px;
}
.detail .news-sec_date {
    padding-left: 0;
}
.news-detail-ttl {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 20px;
    font-size: 2.2rem;
}
.news-detail-ttl::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, var(--c-black) 1px, transparent 1px);
    background-size: 4px 1px;
    background-repeat: repeat-x;
}
.news-detail-body {
}
.news-detail-body p {
    margin-bottom: 24px;
    font-size: 1.6rem;
    line-height: 2.2;
}
.news-detail-body p:last-child {
    margin-bottom: 0;
}
.news-detail-body figure {
    margin-bottom: 24px;
}
.news-detail-body a {
    text-decoration: underline;
    color: var(--c-primary-blue);
}
.news-detail-body a:hover {
    text-decoration: none;
}
.page-nation-detail {
    margin-top: 80px;
    text-align: center;
}
.page-nation-detail a {
    font-size: 1.4rem;
    transition: color .3s;
}
.page-nation-detail a:hover {
    color: var(--c-primary-blue);
}

} /* PC end */





























































/* PC:1201px - */
@media only screen and (min-width: 1201px) {

} /* PC end */





/* PC:1501px - */
@media only screen and (min-width: 1501px) {


} /* PC end */