@charset "UTF-8";
:root{
    --orange: #F38206;
    --cream: #FDFDF4;
    --black: #333;
    --white: #fff;
    --blue: #0064D2;
    --pink: #EC59A0;
    --red: #FF0832;
    --light-gray: #F6F1EE;
    --light-orange: #FCE6CD;
    --gray: #ccc;
    --navy-blue: #0364D2;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
/* a,
a:link,
a:visited,
a:active {
    text-decoration: none;
    color: inherit;
} */

ul,li{
  list-style: none;
}
button {
    padding: 0;
    border: none;
    outline: none;
    font: inherit;
    color: inherit;
    background: none;
}
select,
textarea,
input {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
main {
    display: block;
    position: relative;
}
img {
    vertical-align: bottom;
}

body {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 400;
    color: #333;
}

/* Utility
----------------------------------------------------------------- */
.u-pc{
    display: none !important;
}
.u-center{
    text-align: center;
}
.u-bold{
    font-weight: 700;
}
.u-block{
    display: block;
}
.u-flex{
    display: flex;
}
.u-grid{
    display: grid;
}
.u-grid_4{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.u-bggrad{
    background-image: linear-gradient(to right, #5AD3FE 0%, #6CEA9C 50%, #75F822 100%);
}
.u-bggrad.u-reverse{
    background-image: linear-gradient(to left, #5AD3FE 0%, #6CEA9C 50%, #75F822 100%);
}
.u-bglight-gray{
    background-color: var(--light-gray);
}
.u-white{
    color: var(--white);
}
.h-1{
    height: 4px;
    display: block;
}
.u-br3{
    border-radius: 3px;
}
.u-40{
    margin-top: 40px;
}
.text-lg{
    font-size: 18px;
}

/* Component
----------------------------------------------------------------- */
.c-heading{
    font-size: 48px;
    display: block;
}
.c-heading .c-en,
.c-heading .c-ja{
    font-weight: 700;
}
.c-heading .c-en{
    letter-spacing: 0.1em;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    padding: 0 52px;
    line-height: 1.167;
    font-family: "Zen Maru Gothic", serif;
}
.c-heading .c-en::before,
.c-heading .c-en::after{
    content: '';
    display: inline-block;
    position: absolute;
    top: 16%;
    width: 34px;
    height: 46px;
}
.c-heading .c-en::before{
    left: 0;
    background: url(../img/common/left.svg) no-repeat center / contain;
}
.c-heading .c-en::after{
    right: 0;
    background: url(../img/common/right.svg) no-repeat center / contain;
}
.c-heading .c-ja{
    font-size: 18px;
    line-height: 1.556;
    display: block;
}
.c-title{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.444;
    letter-spacing: 0.08em;
}
.c-head{
    font-weight: 700;
    position: relative;
    display: inline-block;
    margin-right: 5px;
    flex-shrink: 0;
}
.p-link{
    text-decoration: underline;
    color: var(--blue);
    line-height: 1.875;
}
.c-btn a{
    background-color: var(--blue);
    color: var(--white);
    letter-spacing: 0.08em;
    line-height: 1.5;
    font-weight: 700;
    border-radius: 32px;
    max-width: 320px;
    width: 82%;
    margin: 0 auto;
    display: block;
    box-shadow: 0px 4px #84B7F0;
    text-align: center;
    padding: 20px 0;
}
.c-read{
    font-size: 24px;
    line-height: 1.5;
}
@media screen and (max-width: 374px){
    .c-read{
        font-size: 6.4vw;
    }
}
.p-head__s{
    display: block;
    margin: 0 auto 5px;
    line-height: 1.5;
    font-size: 14px;
}
.p-head__m{
    font-size: 20px;
    line-height: 1.5;
}
.c-linkhead .u-flex{
    align-items: center;
}
.c-linkhead .p-logo{
    margin-left: -6px;
}
.c-linkhead .p-logo img{
    width: 147px;
    height: 46px;
}
@media screen and (min-width: 501px) and (max-width: 767px) {
    .p-head__s{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .p-head__m{
        font-size: 21px;
    }
}
@media screen and (max-width: 389px){
    .p-head__s{
        font-size: 3.59vw;
    }
    .p-head__m{
        font-size: 5.128vw;
    }
    .c-linkhead .p-logo img{
        width: 37.692vw;
        height: 11.795vw;
    }
}
.u-s12{
    font-size: 12px;
    letter-spacing: 0.04em;
}
@media screen and (min-width: 501px) and (max-width: 767px) {
    .u-s12{
        font-size: 14px;
    }
}
@media screen and (max-width: 390px){
    .u-s12{
        font-size: 3.077vw;
    }
}
.c-linkhead .u-icon{
    margin-left: 2px;
}
.c-illust::after{
    content: '';
    display: inline-block;
    position: absolute;
    z-index: 1;
}
.c-illust.u-fv::after{
    width: 99px;
    height: 84px;
    bottom: 10px;
    right: 6px;
    background: url(../img/top/fv/illust.png) no-repeat center / contain;
}
.c-illust.u-program::after{
    right: 16px;
    bottom: 13px;
    width: 162px;
    height: 121px;
    background: url(../img/top/program/illust.svg) no-repeat center / contain;
}
@media screen and (min-width: 391px){
    .c-illust.u-program::after{
        width: 41.538vw;
        height: 31.026vw;
        bottom: 3.333vw;
    }
}
@media screen and (max-width: 389px){
    .c-illust.u-fv::after{
        bottom: 1%;
    }
}
.c-illust.u-message::after{
    top: -68px;
    width: 132px;
    height: 160px;
    background: url(../img/top/message/illust.svg) no-repeat center / cover;
    left: 50%;
    transform: translate(-50%,0);
}

/* ==================================
    c-card
================================== */
.c-card__List{
    width: 100%;
    margin: 0 auto;
}
.c-card__ListItem a{
    border-radius: 0 0 8px 8px;
    background-color: var(--white);
    box-shadow: 0px 3px 6px 0px rgba(204, 199, 196, 0.16);
    display: block;
}
.c-card__ListItem{
    margin-top: 32px;
}
.c-card__thumb img{
    width: 100%;
    height: 49.231vw;
    object-fit: cover;
}
.c-card__textbox{
    padding: 15px;
    border: 2px solid var(--light-gray);
    border-top: none;
    border-radius: 0 0 8px 8px;
}
.c-card__text{
    font-weight: 700;
    margin-bottom: 18px;
    font-size: 18px;
    letter-spacing: 0.04em;
}
.c-sdgs__List{
    margin-top: auto;
    gap: 2px;
    grid-template-columns: repeat(6, 1fr);
    max-width: 308px;
}
.c-sdgs__List img{
    width: 49px;
    height: 49px;
}
@media screen and (max-width: 386px){
    .c-sdgs__List img{
        width: 12.564vw;
        height: 12.564vw;
    }
    .c-card__text{
        font-size: 4.615vw;
    }
}
/* ==================================
    c-breadcrumb
================================== */
.c-breadcrumb{
    padding: 24px 0 80px;
}
.c-breadcrumb__list{
    display: flex;
    align-items: center;
    overflow-x: auto;
    white-space: nowrap;
}
.c-breadcrumb_listItem{
    position: relative;
    font-size: 12px;
    line-height: 1.5;
}
.c-breadcrumb_listItem:not(:last-child)::after{
    content: '';
    position: relative;
    display: inline-block;
    width: 8px;
    height: 12px;
    background: url(../img/arrow.svg) no-repeat center / contain;
    margin: 0 12px;
    vertical-align: middle;
}
.c-breadcrumb_listItem a{
    color: var(--navy-blue);
    text-decoration: underline;
}

/* layout
----------------------------------------------------------------- */
.l-inner{
    margin: 0 auto;
    width: 87.692vw;
}
.l-inner__s{
    margin: 0 auto;
}
.l-sdgs{
    margin: 120px auto;
}
.l-sdgs__lead{
    margin: 20px auto 0;
}

/* l-fv */
.l-fv{
    position: relative;
    margin-bottom: 80px;
}

/* swiper
----------------------------------------------------------------- */
.container {
    position: relative;
}
.swiper-container {
    margin-inline: auto;
    max-width: 100%;
    position: relative;
}
.swiper {
    height: auto;
    position: relative;
}
.swiper-slide img {
    height: auto;
    width: 100%;
    object-fit: cover;
}

.slide1 .swiper-slide{
    width: 91.795vw;
    height: 143.59vw;
}
.slide1 .swiper-slide img{
    height: 143.59vw;
    filter: brightness(30%);
}
.slide1 .swiper-slide-active img{
    filter: none;
}
/* pagination */
.swiper-pagination1{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}
.swiper-pagination1 .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
}
.swiper-pagination1 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 10px;
}
.swiper-pagination1 .swiper-pagination-bullet-active{
    background-color: var(--light-orange);
    width: 18px;
    height: 18px;
    position: relative;
}
.swiper-pagination1 .swiper-pagination-bullet-active::after{
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    background: var(--orange);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
/* arrow */
.swiper-button-prev1,
.swiper-button-next1{
    top: 50%;
    width: 48px;
    height: 48px;
}
.swiper-button-prev1{
    left: 8px;
}
.swiper-button-next1{
    right: 8px;
}
.swiper-button-prev1::after,
.swiper-button-next1::after{
    content: '';
    width: 48px;
    height: 48px;
    transition: 0.3s;
    top: 50%;
    position: absolute;
    transform: translate(0, -50%);
}
.swiper-button-prev1::after{
    background: url(../img/top/fv/arrow_l.svg) no-repeat center / contain;
}
.swiper-button-next1::after{
    background: url(../img/top/fv/arrow_r.svg) no-repeat center / contain;
}
/* l-fv__copy */
.l-fv__copy{
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 87.692vw;
    top: 5.316%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, 0);
}
.l-fv__sdsLogo{
    margin-bottom: 20px;
}
.l-fv__mainCopy{
    margin-bottom: 30px;
}
.l-fv__declaration-List{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 282px;
}
.l-fv__declaration-ListItem{
    width: 136px;
    height: 136px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background-color:rgba(255, 255, 255, 0);
    backdrop-filter: blur(30px) brightness(1.05);
    border: 1px solid var(--white);
    padding-bottom: 2.57%;
}
.l-fv__declaration-ListItem:not(:last-child){
    margin-right: 10px;
}
.l-fv__declaration-ListItem:not(:first-child){
    margin-top: -12px;
}
.l-fv__declaration-head{
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.l-fv__declaration-head img{
    height: 14px;
}
.l-fv__declaration-desc{
    line-height: 1.429;
    display: block;
    font-size: 14px;
}
@media screen and (max-width: 374px){
    .l-fv__copy{
        top: 4%;
    }
    .l-fv__sdsLogo{
        margin-bottom: 5.333vw;
    }
    .l-fv__sdsLogo img{
        width: 46.667vw;
        height: 26.667vw;
    }
    .l-fv__mainCopy {
        margin-bottom: 8vw;
    }
    .l-fv__declaration-List{
        max-width: 75.2vw;
    }
    .l-fv__declaration-ListItem{
        width: 36.267vw;
        height: 36.267vw;
    }
    .l-fv__declaration-ListItem:not(:last-child){
        margin-right: 2.667vw;
    }
    .l-fv__declaration-ListItem:not(:first-child){
        margin-top: -3.2vw;
    }
    .l-fv__declaration-head{
        padding-bottom: 2.667vw;
        margin-bottom: 2.667vw;
    }
    .l-fv__declaration-head img{
        height: 3.733vw;
    }
    .l-fv__declaration-desc{
        font-size: 3.733vw;
    }
}

/* l-news */
.l-news{
    margin-bottom: 62px;
}
.l-news__inner{
    border: 4px solid var(--orange);
    border-radius: 32px;
    background-color: var(--cream);
    padding: 36px 28px 35px;
}
.l-news__imgbox{
    margin-bottom: 40px;
}
.l-news__imgbox img{
    width: 100%;
    height: 49.487vw;
    object-fit: cover;
    border-radius: 8px;
}
.l-news__textbox{
    width: 100%;
}
.l-news .c-title{
    font-size: 18px;
    padding-bottom: 8px;
    display: block;
    line-height: 1.444;
    border-bottom: 1px solid var(--orange);
}
.l-news__textList{
    border-top: 2px dotted #CCCCCC;
    padding-top: 22px;
    margin-bottom: 34px;
}
.l-news__textListItem{
    display: flex;
    font-size: 14px;
    line-height: 1.714;
}
.l-news__textListItem:not(:last-child){
    margin-bottom: 10px;
}
.l-news__desc{
    margin: 22px auto;
    line-height: 1.875;
}

/* l-program */
.l-program{
    margin-bottom: 120px;
}
.l-program .l-inner{
    width: 87.692vw;
    margin: 0 auto;
}
.l-program .c-read {
    margin-bottom: 18px;
}
.l-program__sdgs{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 2px;
    max-width: 190px;
    margin: 0 auto;
}
.l-program .c-btn{
    margin: 40px auto 0;
}
/* .l-program__headArea{
    margin: 36px auto 0;
    padding: 64px 0 187px;
    background: url(../img/top/program/bg_umi_sp.jpg) no-repeat center / cover;
} */
/* not btn */
.l-program__headArea{
    margin: 34px auto 0;
    padding: 64px 0 187px;
    position: relative;
    background: url(../img/top/program/bg_umi_sp.jpg) no-repeat bottom center / 100vw 100%;
}
.l-program__headArea::before,
.l-program__headArea::after{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 25px;
}
.l-program__headArea::before{
    top: -2px;
    background: url(../img/top/program/wave/wave_01_sp.svg) no-repeat center / cover;
}
.l-program__headArea::after{
    z-index: 1;
    bottom: -2px;
    background: url(../img/top/program/wave/wave_02_sp.svg) no-repeat center / cover;
}
@media screen and (min-width: 391px){
    .l-program__headArea{
        padding: 16.41vw 0 47.949vw;
    }
    .l-program__headArea::before,
    .l-program__headArea::after{
        height: 6.41vw;
    }
    .l-program__headArea::before{
        top: -0.513vw;
    }
    .l-program__headArea::after{
        bottom: -0.513vw;
    }
}
.l-program__head{
    margin: 0 auto 20px;
}
.l-program__head img{
    width: 100%;
    height: auto;
}
.l-program__movieArea{
    padding: 51px 0 49px;
    background-image: linear-gradient(180deg, #dbfcf8 0%, #dbfcf8 96.5%, #effdfc 100%);
    margin-bottom: 80px;
    position: relative;
    z-index: 1;
    margin-top: -11px;
}
.l-program__movieArea::after{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 25px;
    bottom: -7px;
    background: url(../img/top/program/wave/wave_03_sp.svg) no-repeat center / cover;
}
.u-bubble{
    display: block;
    position: absolute;
    top: 3.132%;
    left: 0;
    width: 100%;
    height: 144.615vw;
    z-index: -1;
    background: url(../img/top/program/bubble_sp.png) no-repeat center / cover;
}
@media screen and (min-width: 391px){
    .l-program__movieArea{
        padding: 13.077vw 0 12.564vw;
    }
    .l-program__movieArea::after{
        height: 6.41vw;
    }
    .u-bubble{
        top: 19px;
    }
}

.l-program__movieArea .l-inner{
    width: 87.692vw;
    margin: 0 auto;
}
.l-program__movie{
    width: 100%;
    border-radius: 8px;
}
.l-program__movie iframe{
    width: 100%;
    height: 49.487vw;
    border-radius: 8px;
}
.l-program__movbtn-LinkArea{
    width: 100%;
    margin-top: 20px;
}
.l-program__movbtn a{
    background-color: var(--white);
    border-width: 4px;
    border-style: solid;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    padding: 6px 6px 6px 4px;
}
.l-program__movbtn.u-ban a{
    border-color: var(--pink);
    margin-bottom: 22px;
}
.l-program__movbtn.u-youtube a{
    border-color: var(--red);
}
.l-program__movbtn .u-banner_01,
.l-program__movbtn .u-banner_02{
    width: 41.026vw;
    object-fit: cover;
}
.l-program__movbtn .u-banner_01{
    height: 32.051vw;
}
.l-program__movbtn .u-banner_02{
    height: 25.641vw;
}
.l-program .c-text__inner{
    width: 40vw;
}
.l-program .c-sdgs{
    max-width: 158px;
}
.l-program .c-sdgs img{
    width: 38px;
    height: 38px;
}
.l-program .u-icon,
.l-program .u-icon img{
    width: 26px;
    height: 18px;
}
.l-program .u-icon img{
    vertical-align: text-top;
}
@media screen and (min-width: 501px) and (max-width: 767px) {
    .l-program .u-icon,
    .l-program .u-icon img{
        width: 34px;
        height: 24px;
    }
    .l-program .u-icon img{
        vertical-align: baseline;
    }
}
@media screen and (min-width: 391px){
    .l-program__movbtn-LinkArea{
        margin-top: 5.128vw;
    }
    .l-program__movbtn.u-ban a{
        margin-bottom: 5.641vw;
    }
}
@media screen and (max-width: 389px){
    .l-program .c-sdgs img{
        width: 9.744vw;
        height: 9.744vw;
    }
}

/* l-action */
.l-action__inner{
    padding: 100px 0 293px;
    margin-top: -62px;
    background-color: var(--light-gray);
}
.l-action .l-inner{
    width: 91.795vw;
}
.scroll-inner{
    background-color: var(--white);
    border-radius: 8px;
    padding: 32px 8px 18px;
}
.scroll-content {
    width: 100%;
    margin: 0 auto;
    height: 600px;
    overflow-y: auto;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scroll-content::-webkit-scrollbar {
    display: none;
}
.os-scrollbar-corner {
    background: none !important;
    display: none !important;
}
.os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical{
    width: 6px;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle{
    background: var(--gray);
    border-radius: 3px;
    width: 6px;
}
.os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical{
    bottom: 0;
    padding: 0;
}
.l-action__List{
    width: 75.385vw;
    margin: 0 auto;
}
.l-action__ListItem:not(:last-child){
    border-bottom: 1px solid var(--black);
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.l-action .c-title{
    margin-bottom: 17px;
    letter-spacing: 0;
    line-height: 1.778;
}
.l-action__text img{
    margin-top: 20px;
    width: 100%;
    object-fit: cover;
}
.l-action__text p{
    line-height: 1.875;
}

/* l-message */
.l-message{
    position: relative;
    margin-top: -155px;
}
.l-message__inner{
    padding: 50px 0 0;
    border-radius: 78px 78px 0 0;
    background-color: var(--white);
    backdrop-filter: drop-shadow(0px 0px 16px #4C75A5) opacity(16%);
}
.l-message__bg{
    background: url(../img/top/message/wakaba_sp.png) no-repeat top center / 100vw 279.744vw;
    padding-top: 60px;
    padding-bottom: 54px;
}
.l-message__textbox{
    margin: 50px auto 0;
    width: 84.1%;
}
.l-message__text,
.l-message__hdg{
    font-size: 20px;
    line-height: 2;
    letter-spacing: 0.08em;
}
.l-message__List{
    margin: 28px auto;
}
.l-message__ListItem:not(:last-child){
    margin-bottom: 22px;
}
.l-message__hdg{
    position: relative;
    font-weight: 700;
    padding-left: 46px;
}
.l-message__hdg::before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 32px;
    height: 32px;
}
.l-message__hdg.u-icon_b::before{
    background: url(../img/top/message/icon_b.svg) no-repeat center / contain;
}
.l-message__hdg.u-icon_g::before{
    background: url(../img/top/message/icon_g.svg) no-repeat center / contain;
}
.l-message__hdg.u-icon_y::before{
    background: url(../img/top/message/icon_y.svg) no-repeat center / contain;
}

/* under common */
.l-pageHeader{
    position: relative;
    width: 100%;
}
.l-pageHeader img{
    width: 100%;
    object-fit: cover;
}
.c-section__head{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.9;
}
/* ========================
    iikoto30
=========================== */
.l-pageHeader .u-iikoto30 img{
    width: 100%;
    height: 81.538vw;
}

.l-iikoto .c-card__List{
    margin: 80px auto 0;
    padding-bottom: 80px;
}
.l-iikoto .c-card__ListItem{
    border: none;
    border-radius: 8px;
    background-color: var(--white);
    margin-top: 24px;
}
.l-iikoto .c-card__ListItem a > .c-card__thumb{
    position: relative;
}
.l-iikoto .c-card__ListItem a > .c-card__thumb::after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    background: url(../img/iikoto30/btn.svg) no-repeat center / contain;
    transform: translate(-50%, -50%);
}
.c-date{
    font-size: 14px;
    margin-bottom: 2px;
    line-height: 2;
}
.l-iikoto .c-card__textbox{
    padding: 15px 16px 22px;
    border: none;
    border-radius: 0;
}
.l-iikoto .c-card__text{
    margin-bottom: 0;
    line-height: 1.556;
    letter-spacing: 0;
    min-height: calc(2em * 1.556);
}
.l-foot{
    position: relative;
    height: 69.231vw;
    background: url(../img/iikoto30/footer_sp.jpg) no-repeat center / cover;
}

/* ========================
    uminochikara_project
=========================== */
.l-pageHeader.u-umi{
    position: relative;
    padding: 16.923vw 0 45.128vw;
    background: url(../img/uminochikara_project/fv_sp.jpg) no-repeat center / cover;
}
.l-pageHeader.u-umi::after{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 6.41vw;
    bottom: -8px;
    background: url(../img/uminochikara_project/wave_sp.svg) no-repeat center / cover;
}
.p-logo{
    display: block;
    width: 87.692vw;
    height: 27.692vw;
    margin: 0 auto;
}
.l-pageHeader.u-umi .c-illust{
    position: absolute;
    top: 49.231vw;
    right: 6.154vw;
    width: 51.282vw;
    height: 38.462vw;
    background: url(../img/top/program/illust.svg) no-repeat center / contain;
}
.u-umi .c-breadcrumb{
    padding: 4.103vw 0 72px;
}

.l-pageHeader.u-archive{
    padding: 40px 0;
    text-align: center;
}
.l-pageHeader.u-archive img{
    width: 87.692vw;
    height: 27.692vw;
}
.u-umi .c-breadcrumb{
    padding-top: 16px;
}
.c-header__title{
    font-weight: 700;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--orange);
}

.l-under__project{
    margin: 0 auto 80px;
}
.l-newsDetail_body{
    padding: 80px 0 173px;
    background-color: var(--light-gray);
}
.l-newsArchive_body{
    padding-bottom: 96px;
}
.u-archive .c-breadcrumb{
    padding-bottom: 40px;
}

/* ===========================
     l-article__project
============================== */
.l-article__project{
    padding: 36px 0;
    border-radius: 32px;
    background-color: var(--white);
    width: 87.7%;
    margin: 0 auto 54px;
}
.l-article__project .l-inner{
    width: 81.28%;
    margin: 0 auto;
}
.l-article__project .l-article__header{
    margin-bottom: 36px;
}
.l-article__project .c-header__title{
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0.08em;
}
.l-article__project .c-date{
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 0;
}

.l-article__body{
    color: var(--black);
    font-weight: 400;
}
.l-article__project p{
    font-size: 16px;
    line-height: 1.875;
}
.l-article__body div{
    margin: 36px auto;
}
.l-article__body div:last-child{
    margin-bottom: 0;
}
.l-article__body p{
    font-size: 16px;
    line-height: 1.875;
}
.l-article__body div:last-child p{
    margin-bottom: 0;
}
.l-article__body b,
.l-article__body strong{
    font-weight: 700;
}
.l-article__body a{
    color: var(--blue);
    text-decoration: underline;
    transition: 0.3s;
}
.l-article__body a:active,
.l-article__body a:focus,
.l-article__body a:hover{
    opacity: 0.8;
}
.l-article__body figcaption{
    margin-top: 4px;
    font-size: 16px;
    line-height: 1.875;
    display: inline-block;
}
.l-article__body small,
.l-article__body span{
    font-size: 14px;
    line-height: 2;
}
.l-article__body h3,
.l-article__body h4,
.l-article__body h5,
.l-article__body h6{
    font-weight: 700;
}
.l-article__body h3{
    font-size: 18px;
}
.l-article__body h4{
    font-size: 16px;
}
.l-article__body h5{
    font-size: 14px;
}
.l-article__body h6{
    font-size: 12px;
}
.l-article__body figure,
.l-article__body img{
    border-radius: 8px;
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    width: 100%;
    vertical-align: bottom;
    object-fit: cover;
}
/* .l-article__body .wp-block */
.l-article__body figure{
    margin: 36px auto;
}
.l-article__body figure:first-of-type{
    margin-top: 20px;
}
.l-article__body figure > figure{
    margin: 0;
}
.l-article__body figure > figure:first-of-type{
    margin: 0 auto 20px;
}
.l-article__body .wp-block-gallery{
    margin: 36px auto;
}
.l-article__body .wp-block-gallery figure{
    width: 100%;
}
.l-article__body .wp-block-gallery figure img{
    height: 46.667vw;
    object-fit: cover;
}
.l-article__body .u-gallery{
    margin: 36px auto;
}
.l-article__body .u-gallery figure{
    width: 100%;
}
.l-article__body .u-gallery figure img{
    height: 46.667vw;
    object-fit: cover;
}
.l-article__body .u-gallery.u-short figure img{
    height: 40vw;
}
.l-article__body .u-gallery__block .u-gallery {
    margin-bottom: 0;
}
.l-article__body .u-gallery__block .u-gallery img:first-child{
    margin-bottom: 20px;
}

.l-article__body .wp-block-media-text div{
    margin-top: 20px;
}
.l-article__body .wp-block-media-text figure{
    max-width: 420px;
    margin: 0;
}
.l-article__body .u-media div{
    margin-top: 20px;
}
.l-article__body .u-media figure{
    max-width: 420px;
    margin: 0;
}
.l-article__body p.u-small,
.l-article__body p.has-small-font-size{
    font-size: 14px;
    margin: 0;
}
.l-article__body p:last-child{
    margin-bottom: 0;
}
.l-article__body .u-row figcaption,
.l-article__body .u-row__second figcaption,
.l-article__body .u-column figcaption,
.l-article__body .u-column__second figcaption,
.l-article__body .u-oblong figcaption{
    display: block;
}
.l-article__body .u-row__second .u-row,
.l-article__body .u-column__second .u-column{
    margin-bottom: 0;
}
.l-article__body .u-row__second .u-row img:first-child,
.l-article__body .u-column__second .u-column img:first-child{
    margin-bottom: 20px;
}
.u-mb0{
    margin-bottom: 0;
}

/* pager */
.p-pager{
    width: 87.7%;
    margin: 0 auto;
    justify-content: space-between;
}
.p-pager__prev .p-pager__link{
    padding-left: 32px;
}
.p-pager__next .p-pager__link{
    padding-right: 32px;
}
.p-pager__link{
    display: block;
    position: relative;
}
.p-pager__link span{
    display: block;
}
.p-pager__prev .p-pager__link::after,
.p-pager__next .p-pager__link::after{
    content: '';
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 18px;
    top: 50%;
    transform: translate(0,-50%);
}
.p-pager__prev .p-pager__link::after{
    left: 0;
    background: url(../img/uminochikara_project/prev.svg) no-repeat center / contain;
}
.p-pager__next .p-pager__link::after{
    right: 0;
    background: url(../img/uminochikara_project/next.svg) no-repeat center / contain;
}
.p-pager__head{
    font-size: 14px;
    line-height: 1.5;
}
.p-pager__text{
    color: var(--navy-blue);
    text-decoration: underline;
    font-weight: 700;
}
@media screen and (min-width: 768px) and (max-width: 879px) {
    .p-pager__prev .p-pager__link{
        padding-left: 6.25vw;
    }
    .p-pager__next .p-pager__link{
        padding-right: 6.25vw;
    }
}

/* l-backnumber */
.l-backnumber{
    margin: 112px auto 0;
}
.l-backnumber .c-header__title{
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 5px;
}
.l-backnumber__news{
    margin: 60px auto 0;
}
.l-backnumber__newsItem:not(:last-child){
    margin-bottom: 20px;
}
.l-backnumber__newsItem a{
    display: block;
    border: 4px solid var(--white);
    padding: 27px 7.179vw;
    border-radius: 32px;
    transition: 0.3s;
}
.l-backnumber__newsItem .m-thumb{
    width: 100%;
    margin-bottom: 20px;
}
.l-backnumber__newsItem .m-thumb img{
    width: 100%;
    height: 46.923vw;
    object-fit: cover;
    border-radius: 8px;
}


/* l-blue */
.l-blue{
    border-radius: 78px 78px 0 0;
    margin: -78px auto 0;
    background: url(../img/uminochikara_project/bg_umi_sp.jpg) no-repeat top center / cover;
    padding: 80px 0 68px;
    backdrop-filter: drop-shadow(0px 0px 16px #EDE4DE);
}
.l-blue__detail{
    margin: 41px auto 0;
    display: flex;
    flex-direction: column-reverse;
}
.l-blue__mov{
    width: 100%;
    height: 49.231vw;
}
.l-blue__textbox{
    margin-bottom: 40px;
}
.l-blue__sdgs{
    margin: 40px auto 0;
    position: relative;
}
.l-blue__sdgs .u-text{
    width: 100%;
}
.l-blue__sdgs .c-illust{
    display: block;
    width: 70.256vw;
    height: 42.051vw;
    margin-top: 73px;
    margin-right: 4.103vw;
    margin-left: auto;
    text-align: right;
    background: url(../img/uminochikara_project/illust_sp.png) no-repeat center / contain;
}
.c-card__thumb.is-new{
    position: relative;
}
.c-card__thumb.is-new::before {
    content: "NEW";
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #EB2506;
    position: absolute;
    top: 8px;
    left: 8px;
    animation: anime1 3s reverse infinite;
}
@keyframes anime1 {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    60% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    70% {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
    80% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    90% {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }