@charset "utf-8";

img {
    display: block;
}


/* # =================================================================
   # here in footer menu
   # ================================================================= */
.bl_footer_sp_nav>ul li:nth-of-type(1) a {
    background-color: var(--c-yellow);
}

.bl_footer_nav_nav>ul li:nth-of-type(1) a {
    background-color: var(--c-yellow);
}

/* # =================================================================
   # here in hambuger menu
   # ================================================================= */
.js_spMenu ul li:nth-of-type(9) {
    background-color: #ccc;
}

@media (min-width: 601px) {
    html {
        overflow-x: hidden;
    }
}

/* # =================================================================
   # Element Module
   # ================================================================= */

.el_txt_point {
    margin-top: max(1.3333vw, 5px);
    font-size: max(2.66666vw, 10px);
    letter-spacing: 0.05em;
}

@media (min-width: 601px) {
    .el_txt_point {
        margin-top: min(0.41666vw, 5px);
        font-size: clamp(10px, 1.083333vw, 13px);
    }
}

/* # =================================================================
   # Block Module
   # ================================================================= */

.bl_top_frame_pd {
    margin-bottom: 5.33333vw;
}

@media (min-width: 601px) {
    .bl_top_frame_pd {
        margin-bottom: min(4.16666vw, 50px);
    }
}

/* アコーディオン */
.bl_top_accordion {
    position: relative;
}

.bl_top_accordion_btn {
    background-image: url(../images/img-common-arrowbottom-orange.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    bottom: -19px;
    cursor: pointer;
    display: inline-block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all .2s;
    width: calc(29px + 9 *((100vw - 375px) / 825));
    height: calc(29px + 9 *((100vw - 375px) / 825));
    z-index: 1;
}

@media (min-width: 1201px) {
    .bl_top_accordion_btn {
        width: 38px;
        height: 38px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .bl_top_accordion_btn:hover {
        opacity: var(--hover-opacity);
    }
}

span.bl_top_accordion_btn[aria-expanded="false"] {
    background-image: url(../images/img-common-arrowbottom-orange.svg);
}

span.bl_top_accordion_btn[aria-expanded="true"] {
    background-image: url(../images/img-common-arrowtop-orange.svg);
}

span.bl_top_accordion_btn.bl_top_accordion_btn__blue[aria-expanded="false"] {
    background-image: url(../images/img-common-arrowbottom-orange.svg);
}

span.bl_top_accordion_btn.bl_top_accordion_btn__blue[aria-expanded="true"] {
    background-image: url(../images/img-common-arrowtop-orange.svg);
}

.bl_top_accordion_text {
    position: relative;
    overflow: hidden;
}

.bl_top_accordion_text::before {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 50%, #fff 100%);
    bottom: 0;
    content: "";
    height: 60px;
    /* グラデーションで隠す高さ */
    position: absolute;
    width: 100%;
}

@media (max-width: 600.98px) {
    .bl_top_accordion_text::before {
        display: none;
    }
}

span.bl_top_accordion_btn[aria-expanded="true"]+.bl_top_accordion_text::before {
    display: none;
}

.bl_top_message {
    padding-block: 5.6vw 5.3333333333vw;
    background-color: DDF0FB;
}

.bl_top_message_h2 {
    font-size: max(6.1333333333vw, 23px);
    line-height: 1.52;
    letter-spacing: 0.1em;
    text-align: center;
}

.bl_top_message_author {
    display: grid;
    margin-top: max(5.3333333vw, 20px);
    gap: 5.3333333333vw;
}

.bl_top_message_job {
    margin-top: 5.3333333333vw;
    font-size: max(3.4666666667vw, 13px);
    line-height: 1.38;
    text-align: center;
}

.bl_top_message_author_name {
    margin-top: 2.6vw;
    font-weight: bold;
    font-size: max(6.4vw, 24px);
    text-align: center;
}

.bl_top_message_author_h3 {
    margin-top: 5.3333333333vw;
    font-size: max(4vw, 15px);
}

.bl_top_message_author_messagePc {
    margin-top: 1.8666666667vw;
    font-size: max(3.4666666667vw, 13px);
    line-height: 1.69;
}

.bl_top_message_more {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 2.1333333333vw;
    margin-bottom: 5.33333vw;
    gap: 1.3333333333vw;
    text-decoration: none !important;
}

.show+.bl_top_message_more .bl_top_message_more_arrow {
    transform: rotate(180deg);
}

.show+.bl_top_message_more .bl_top_message_more_p {
    font-size: 0;
}

.show+.bl_top_message_more .bl_top_message_more_p::after {
    font-size: max(2.6666666667vw, 10px);
    content: "閉じる";
}

.bl_top_message_more_p {
    transform: scale(0.9);
    color: var(--c-grey);
    font-size: max(2.6666666667vw, 10px);
}

.bl_top_message_author_img {
    display: block;
    width: 37.0666666667vw;
    margin-inline: auto;
    /* border: 0.2666666667vw solid var(--c-grey); */
    border-radius: 15px;
}

.bl_top_message_more_arrow {
    width: 5.8666666667vw;
    height: 5.8666666667vw;
    transition: transform 0.3s ease-in-out;
}

.bl_top_message_titleBox {
    display: flex;
    justify-content: center;
    gap: 0 min(1.66666vw, 20px);
}

.bl_top_message_title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: max(4vw, 15px);
    width: 100%;
    height: max(6.93333vw, 26px);
    color: var(--c-black);
    border: 1px solid #707070;
    font-size: max(3.733333vw, 14px);
    letter-spacing: 0.1em;
    line-height: 1.43;
    box-sizing: border-box;
}

.bl_top_message_subTtl {
    margin-bottom: max(4vw, 15px);
    width: 100%;
    color: var(--c-black);
    letter-spacing: 0.1em;
    font-size: max(4.26666vw, 16px);
    line-height: 1.5;
    text-align: center;
}

@media (min-width: 601px) {
    #un_top_consideration .collapse {
        display: grid !important;
    }

    .bl_top_message {
        padding-block: min(7vw, 84px) min(6.8333333333vw, 82px);
        background-color: #fff;
    }

    .bl_top_message_h2 {
        font-weight: 500;
        font-size: clamp(23px, 2.9166666667vw, 35px);
        letter-spacing: 0.05em;
    }

    .bl_top_message_job {
        margin-top: 0;
        font-size: clamp(13px, 1.6666666667vw, 20px);
        text-align: left;
    }

    .bl_top_message_author_name {
        margin-top: min(0.4166666667vw, 5px);
        font-size: clamp(24px, 3.75vw, 45px);
        text-align: left;
    }

    .bl_top_message_author_h3 {
        margin-top: min(1.9166666667vw, 23px);
        font-size: clamp(15px, 2.3333333333vw, 28px);
    }

    .bl_top_message_author_messagePc {
        margin-top: min(0.4166666667vw, 5px);
        font-size: clamp(13px, 1.5vw, 18px);
        line-height: 1.67;
        color: #707070;
    }

    .bl_top_message_more {
        justify-content: flex-end;
        margin-top: 0;
        gap: min(0.8333333333vw, 10px);
    }

    .bl_top_message_more_p {
        font-size: clamp(10px, 1.0833333333vw, 13px);
    }

    .show+.bl_top_message_more .bl_top_message_more_p::after {
        font-size: clamp(10px, 1.0833333333vw, 13px);
    }

    .bl_top_message_author_img {
        width: 100%;
        border-width: min(0.0833333333vw, 1px);
        border-radius: min(1.25vw, 15px);
    }

    .bl_top_message_author {
        display: grid;
        grid-template-columns: min(20vw, 240px) 1fr;
        align-items: flex-start;
        /* gap: min(5vw, 60px); */
        margin-top: min(1.66666vw, 20px);
        gap: min(5.333333vw, 64px);
    }

    .bl_top_message_more_arrow {
        width: min(3.1666666667vw, 38px);
        height: min(3.1666666667vw, 38px);
    }

    .bl_top_message_title {
        /* margin-right: auto;
        margin-left: auto; */
        margin-bottom: 0;
        height: min(3.916666vw, 35px);
        font-size: clamp(14px, 1.666666vw, 20px);
        line-height: 1.45;
    }

    .bl_top_message_title__01 {
        width: min(21.66666vw, 260px);
    }

    .bl_top_message_title__02 {
        width: min(51.333333vw, 400px);
    }

    .bl_top_message_title__03 {
        width: min(29vw, 260px);
    }

    .bl_top_message_title__04 {
        width: min(21.66666vw, 260px);
    }

    .bl_top_message_subTtl {
        margin-top: min(4.166666vw, 50px);
        margin-left: auto;
        margin-right: auto;
        margin-bottom: max(-1vw, -12px);
        width: min(21.16666vw, 170px);
        font-size: clamp(16px, 1.833333vw, 22px);
    }
}

/*
# =================================================================
  # SDGS_accordion
# =================================================================
*/

.accordion-button {
    box-sizing: border-box;
}

.bl_accordion_title {
    position: relative;
    padding: 4vw 3.5333333333vw !important;
    border-top: 1px solid #cdcdcd !important;
    color: var(--c-black) !important;
    font-weight: bold;
    font-size: max(4vw, 15px) !important;
    line-height: 1.33;
    font-family: var(--f-family);
}

.bl_accordion_title.bl_accordion_title__01 {
    padding: 4vw 4.5333333333vw 4vw 8.5333333333vw !important;
}

.bl_accordion_title.bl_accordion_title__01::before {
    position: absolute;
    top: 50%;
    left: 0.5vw;
    width: 3.47vw;
    height: 3.47vw;
    transform: translate(100%, -50%);
    border-radius: 50%;
    background-image: url(../images/top/img-top-sdgs-icon.svg);
    content: "";
}


.bl_accordion_title::after {
    width: 4vw !important;
    height: 4vw !important;
    background-image: url(../../common/images/img-accordion_arrow_grey.svg) !important;
    background-position: center;
}

.accordion-item {
    border: none !important;
    position: relative;
}

.accordion-header {
    z-index: 4;
    position: sticky;
    top: 58px;
    background: #ffffff;
}

.accordion-button:focus {
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    background-color: initial !important;
    box-shadow: none !important;
}

.bl_accordion_body {
    padding-inline: 4.5333333333vw !important;
    padding-block: 2.8vw 2.6666666667vw !important;
    border-top: 0.2666666667vw solid #cdcdcd;
    background-color: #fff;
}

.bl_accordion_p {
    font-weight: normal;
    font-size: max(3.4666666667vw, 13px);
    line-height: 1.69;
    letter-spacing: 0.05em;
}

.bl_accordion_page {
    display: block;
    margin-top: 1.33333vw;
    font-weight: 500;
    font-size: max(2.6666666667vw, 10px);
    letter-spacing: 0.05em;
}

.bl_accordion_arrow {
    color: var(--c-blue);
}

.bl_accordion_close {
    display: grid;
    place-items: center;
    width: 9.3333333333vw;
    height: 9.3333333333vw;
    margin-top: 2.6666666667vw;
    margin-left: auto;
    border: none;
    background-color: var(--c-green-light);
}

.bl_accordion {
    border-bottom: 0.2666666667vw solid #cdcdcd;
}

.bl_accordion_flex {
    display: flex;
    justify-content: space-between;
}

.bl_accordion_cards {
    display: grid;
    gap: 8vw;
    margin-bottom: 1.5em;
}

.bl_accordion_cards .bl_accordion_page {
    position: absolute;
    right: 26vw;
    /* bottom: 0; */
    width: 37vw;
}

.bl_accordion_card {
    position: relative;
}

.bl_accordion_card .bl_accordion_img {
    max-width: 46.6666666667vw;
    margin-inline: auto;
}

.bl_accordion_img {
    width: 91.2vw;
    margin-inline: auto;
}

.bl_accordion_img_close {
    width: 4.2666666667vw;
}

.un_accordion_img4_1 img {
    max-width: 60.6666667vw !important;
}

.un_accordion_page4_3 {
    right: 33vw !important;
}


/* mv */
.un_top_kv {
    position: relative;
    margin-bottom: 100px;
    padding-top: calc(18 * 100vw / 375);
    width: 100%;
    height: calc(470 * 100vw / 375);
    background-image: url(../images/top/img-top-kvSp.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

@media (min-width: 601px) {
    .un_top_kv {
        padding-top: calc(41 * 100vw / 1200);
        height: calc(1000 * 100vw / 1200);
        background-image: url(../images/top/img-top-kv.png);
    }
}

@media (min-width: 801px) {
    .un_top_kv {
        margin-bottom: 0;
    }
}

@media (min-width: 1201px) {
    .un_top_kv {
        padding-top: 41px;
        width: 100%;
        height: 998px;
    }
}

/* --------------サブタイトル--------------------- */

.un_top_subttl {
    position: relative;
    /* overflow: hidden; */
    margin-top: calc(18 * 100vw / 385);
    margin-right: auto;
    margin-left: auto;
    width: calc(343 * 100vw / 375);
    height: calc(70 * 100vw / 375);
    background-image: url(../images/top/img-top-main-subtitle.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    /* transition: 1000ms linear; */
    z-index: 3;
}


@media (min-width: 601px) {
    .un_top_subttl {
        margin-top: calc(41 * 100vw / 1200);
        width: calc(896 * 100vw / 1200);
        height: calc(183 * 100vw / 1200);
    }
}

@media (min-width: 1201px) {
    .un_top_subttl {
        margin-top: 41px;
        width: 896px;
        height: 183px;
    }
}

/* ----------------フワフワ動く写真アイコン------------------------- */

.un_top_main {
    position: relative;
    margin-top: -100px;
    margin-bottom: -100px;
    width: 100vw;
    overflow: hidden;
    z-index: 2;
}

.un_top_main ul {
    margin-left: -25%;
    margin-right: -25%;
    width: 150%;
    overflow: hidden;
}

@media (min-width: 601px) {
    .un_top_main ul {
        display: flex;
        justify-content: center;
        gap: 0 30px;
    }
}

@media (min-width: 1201px) {
    .un_top_main {
        width: 100%;
    }
}

.un_top_mainBox {
    position: relative;
}

.un_top_mainBox figure {
    text-align: center;
}

.un_top_animate {
    animation: un_top_animate 4s infinite ease-in-out .8s alternate;
    background: url(../images/top/img-top-kv-main.png) no-repeat center center / contain;
    display: inline-block;
    /* transition: 1.5s ease-in-out; */
    width: calc(226 * 100vw / 375);
    height: calc(226 * 100vw / 375);
    margin-top: 100px;
    margin-bottom: 100px;
}

@media (min-width: 601px) {
    .un_top_animate {
        width: calc(385 * 100vw / 1200);
        height: calc(385 * 100vw / 1200);
    }
}

@media (min-width: 1201px) {
    .un_top_animate {
        width: 385px;
        height: 385px;
    }

}

@keyframes un_top_animate {
    0% {
        transform: translateY(1%);
    }

    50% {
        transform: translateY(-2.0%)
    }

    100% {
        transform: translateY(0%);
    }
}

.un_top_animate2 {
    animation: un_top_animate2 4s infinite ease-in-out .8s alternate;
    background: url(../images/top/img-top-kv-main2.png) no-repeat center center / contain;
    display: inline-block;
    /* transition: 1.5s ease-in-out; */
    width: calc(226 * 100vw / 375);
    height: calc(226 * 100vw / 375);
    margin-top: 100px;
    margin-bottom: 100px;
}

@media (min-width: 601px) {
    .un_top_animate2 {
        width: calc(385 * 100vw / 1200);
        height: calc(385 * 100vw / 1200);
    }
}

@media (min-width: 1201px) {
    .un_top_animate2 {
        width: 385px;
        height: 385px;
    }

}

@keyframes un_top_animate2 {
    0% {
        transform: translateY(0%)
    }

    50% {
        transform: translateY(2.0%)
    }

    100% {
        transform: translateY(-2.0%)
    }
}

.un_top_animate3 {
    animation: un_top_animate3 4s infinite ease-in-out .8s alternate;
    background: url(../images/top/img-top-kv-main3.png) no-repeat center center / contain;
    display: inline-block;
    /* transition: 1.5s ease-in-out; */
    width: calc(226 * 100vw / 375);
    height: calc(226 * 100vw / 375);
    margin-top: 100px;
    margin-bottom: 100px;
}

@media (min-width: 601px) {
    .un_top_animate3 {
        width: calc(385 * 100vw / 1200);
        height: calc(385 * 100vw / 1200);
    }
}

@media (min-width: 1201px) {
    .un_top_animate3 {
        width: 385px;
        height: 385px;
    }

}

@keyframes un_top_animate3 {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(-2.0%)
    }

    100% {
        transform: translateY(0%);
    }
}

/* ---------MV教科書写真---------- */
.un_top_kvText {
    position: relative;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    width: calc(325px + 408 *((100vw - 375px) / 825));
    max-width: 100%;
    height: calc(98px + 107 *((100vw - 375px) / 825));
    height: auto;
    z-index: 3;
    gap: 0 16px;
    justify-content: space-around;
}

.un_top_kvText a {
    display: block;
    margin-top: calc(20 * 100vw / 375);
    text-decoration: none;
    transition: .5s ease;
}

@media (max-width: 374.98px) {
    .un_top_kvText {
        width: 325px;
        height: 98px;
    }

    .un_top_kvText a {
        margin-top: 20px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .un_top_kvText a:hover {
        /* opacity: var(--hover-opacity); */
        transform: scale(1.1);
    }
}

.un_top_kvText img {
    width: calc(69px + 76 *((100vw - 375px) / 825));
    height: calc(98px + 107 *((100vw - 375px) / 825));
    box-shadow: 8px 8px 6px rgba(0, 0, 0, 16%);
}

@media (min-width: 601px) {
    .un_top_kvText {
        justify-content: space-between;
    }

    .un_top_kvText a {
        margin-top: 0;
    }
}

@media (min-width: 1201px) {
    .un_top_kvText {
        width: 733px;
        height: 205px;
    }

    .un_top_kvText img {
        width: 145px;
        height: 205px;
    }
}

/* ---------MVリンクボタン-------- */

.un_top_kv_link {
    display: flex;
    gap: 0 calc(14px + 26 *((100vw - 375px) / 825));
    justify-content: center;
    margin-top: calc(34px + 80 *((100vw - 375px) / 575));
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 374.98px) {
    .un_top_kv_link {
        gap: 0 14px;
    }
}

@media (min-width: 801px) {
    .un_top_kv_link {
        margin-top: calc(27 * 100vw / 1200);
    }
}

@media (min-width: 1201px) {
    .un_top_kv_link {
        margin-top: 32px;
        width: 1080px;
        gap: 0 40px;
    }
}

.un_top_kvBtn {
    width: calc(168px + 352 *((100vw - 375px) / 825));
    height: calc(45px + 15 *((100vw - 375px) / 825));
}

@media (min-width: 1201px) {
    .un_top_kvBtn {
        width: 520px;
        height: 60px;
    }
}

/* -------------------リード文---------------------- */

/* @media (min-width: 601px) {
    .un_top_leadBox img {
        width: min(100vw, 1200px);
        height: min(61.58333vw, 739px);
    }
} */

.un_top_leadBox_spImgTop {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-around;
}

.un_top_leadBox_spImgBottom {
    display: flex;
    margin-top: 10px;
    justify-content: space-around;
}

.un_top_leadBox_img {
    width: min(27.46666vw, 103px);
    height: auto;
}

.un_top_leadBox_img2 {
    width: min(18.66666vw, 70px);
    height: auto;
}

.un_top_leadBox_img3 {
    width: min(20vw, 75px);
    height: auto;
}

.un_top_leadBox_img4 {
    width: min(20.5333vw, 77px);
    height: auto;
}

.un_top_leadBox_img5 {
    width: min(28vw, 105px);
    height: auto;
}

.un_top_leadBox_img6 {
    width: min(21.333333vw, 80px);
    height: auto;
}

.un_top_leadBox_subTtl {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: max(9.17333vw, 344px);
    height: max(18.66666vw, 70px);
}

.un_top_leadBox_txt {
    margin-top: max(3.466666vw, 13px);
    margin-bottom: max(0.83333vw, 10px);
    font-size: calc(13px + 7 *((100vw - 375px) / 825));
    letter-spacing: .15em;
    line-height: 2;
}

.un_top_leadBox_ttl {
    text-align: center;
    font-size: calc(20px + 10 *((100vw - 375px) / 825));
    letter-spacing: .1em;
    line-height: 2;
}

.un_top_leadBox_ttl span {
    font-size: calc(34px + 10 *((100vw - 375px) / 825));
    line-height: 1.2;
}

@media (min-width: 601px) {
    .un_top_leadBox {
        position: relative;
        margin-top: min(3.916666vw, 47px);
    }

    .un_top_leadBox_subTtl {
        width: min(43.916666vw, 527px);
        height: auto;
    }

    .un_top_leadBox_txt {
        margin-top: min(2.666666vw, 32px);
        margin-right: auto;
        margin-bottom: min(2.416666vw, 29px);
        margin-left: auto;
        width: min(59.166666vw, 710px);
        font-size: clamp(10px, 1.666666vw, 20px);
        font-weight: 700;
        text-align: center;
        line-height: 2.5;
        letter-spacing: .1em;
    }

    .un_top_leadBox_ttl {
        font-size: min(2.5vw, 30px);
        margin-bottom: min(7.1666666vw, 86px);
    }

    .un_top_leadBox_ttl span {
        font-size: min(3.6666666vw, 44px);
    }

    .un_top_leadBox_img {
        position: absolute;
        top: 16%;
        left: 9%;
        transform: translate(-50%, -50%);
        width: min(16.8333333vw, 202px);
    }

    .un_top_leadBox_img2 {
        position: absolute;
        top: 16%;
        left: 89%;
        transform: translate(-50%, -50%);
        width: min(12.25vw, 147px);
    }

    .un_top_leadBox_img3 {
        position: absolute;
        top: 50%;
        left: 9%;
        transform: translate(-50%, -50%);
        width: min(13.083333vw, 157px);
    }

    .un_top_leadBox_img4 {
        position: absolute;
        top: 46%;
        left: 89%;
        transform: translate(-50%, -50%);
        width: min(12.666666vw, 152px);
    }

    .un_top_leadBox_img5 {
        position: absolute;
        top: 80%;
        left: 9%;
        transform: translate(-50%, -50%);
        width: min(17.25vw, 207px);
    }

    .un_top_leadBox_img6 {
        position: absolute;
        top: 80%;
        left: 89%;
        transform: translate(-50%, -50%);
        width: min(13.75vw, 165px);
    }
}

@media (max-width: 374.98px) {
    .un_top_leadBox_ttl {
        font-size: 20px;
    }

    .un_top_leadBox_ttl span {
        font-size: 34px;
    }
}

.js_slide-bottom {
    opacity: 0;
    transform: translate(0, 10%);
    transition: all 0.5s 0s ease-out;
}
.js_slide-top {
    opacity: 0;
    transform: translate(0, -10%);
    transition: all 0.5s 0s ease-out;
}
.js_slide-left {
    opacity: 0;
    transform: translate(-20px, 0);
    transition: all 0.5s 0s ease-out;
}

@media (min-width: 601px) {
    .js_slide-bottom {
        opacity: 0;
        transform: translate(-50%, -40%);
        transition: all 0.5s 0s ease-out;
    }
}

/* ----------------セクション間の背景画像------------------ */

@media (min-width: 1201px) {
    .un_top_bg {
        max-height: 460px;
    }

    .un_top_bg img {
        max-height: 460px;
        width: 100%;
        object-fit: cover;
    }
}

@media (min-width: 601px) {
    .un_top_flex {
        display: flex;
        align-items: flex-start;
        gap: 0 min(1.666666vw, 20px);
        /* justify-content: space-between; */
    }

    .un_top_flex.un_top_flex__cd {
        gap: 0 min(3vw, 36px);
    }
}

/* コンテンツ枠の設定(理念、配慮、sdgs,ict共通) */

.un_top_frame {
    position: relative;
    padding-top: 15px;
    padding-right: 4.3vw;
    padding-bottom: 30px;
    padding-left: 4.3vw;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 20%);
}

.un_top_frame.un_top_frame__cs {
    padding-right: 0;
    padding-left: 0;
}

.un_top_frame a {
    /* display: block; */
    text-decoration: none;
    color: var(--c-black);
}

.un_top_frame:not(:last-of-type) {
    margin-bottom: calc(30px + 16 *((100vw - 375px) / 825));
}

@media (min-width: 601px) {
    .un_top_frame {
        padding-top: 2.6vw;
        padding-right: 4.3vw;
        padding-bottom: 2.6vw;
        padding-left: 4.3vw;
    }
}

@media (min-width: 1201px) {
    .un_top_frame {
        padding-top: 27px;
        padding-right: 44px;
        padding-bottom: 27px;
        padding-left: 44px;
    }

    .un_top_frame:not(:last-of-type) {
        margin-bottom: 46px;
    }
}

@media (max-width: 600.98px) {
    .un_top_frame.un_top_frame__sdgs {
        padding-right: 0;
        padding-left: 0;
    }
}

.un_top_spTtlBox {
    display: flex;
    margin-bottom: 12px;
    justify-content: flex-start;
    align-items: center;
    gap: 0 4%;
}

@media (min-width: 601px) {
    .un_top_spTtlBox {
        flex-direction: column;
        margin-bottom: 0;
        /* width: 20%; */
    }
}

@media (min-width: 601px) {
    .un_top_pcTxtBox {
        width: 85%;
    }
}

/* ----画像アイコンの大きさ調整---- */


.un_top_spTtlBox_img img {
    width: 20.2666vw;
    height: auto;
}

.un_top_spTtlBox_img2 img {
    width: 18.66666vw;
    height: auto;
}

.un_top_spTtlBox_img3 img {
    width: 17.6vw;
    height: auto;
}

.un_top_spTtlBox_img4 img {
    width: 20.8vw;
    height: auto;
}

.un_top_spTtlBox_img5 img {
    width: 19.2vw;
    height: auto;
}

.un_top_spTtlBox_img6 img {
    width: 19.2vw;
    height: auto;
}


@media (min-width: 601px) {
    .un_top_spTtlBox_img img {
        width: min(16.83333vw, 202px);
        height: min(8.583333vw, 103px);
    }

    .un_top_spTtlBox_img2 img {
        width: min(14.5vw, 174px);
        height: min(13.83333vw, 166px);
    }

    .un_top_spTtlBox_img3 img {
        width: min(13.75vw, 165px);
        height: min(12.3333vw, 148px);
    }

    .un_top_spTtlBox_img4 img {
        width: min(15vw, 180px);
        height: min(10.25vw, 123px);
    }

    .un_top_spTtlBox_img5 img {
        width: min(15vw, 180px);
        height: min(10.0833333vw, 121px);
    }

    .un_top_spTtlBox_img6 img {
        width: min(15.083333vw, 181px);
        height: min(9.4166666vw, 113px);
    }
}

/* ---------------理念------------------- */
.un_top_philosophy {
    position: relative;
}

/* ---------------編集上の配慮-------------- */

/* TOPページ専用アコーディオン */
.un_top_accordion {
    position: relative;
}

/* ボタン */
.un_top_accordion-btn {
    background-image: url(../images/img-common-arrowbottom-orange.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    bottom: -19px;
    cursor: pointer;
    display: inline-block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all .2s;
    width: calc(29px + 9 *((100vw - 375px) / 825));
    height: calc(29px + 9 *((100vw - 375px) / 825));
    z-index: 1;
}

@media (min-width: 1201px) {
    .un_top_accordion-btn {
        width: 38px;
        height: 38px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .un_top_accordion-btn:hover {
        opacity: var(--hover-opacity);
    }
}

.un_top_accordion-text {
    overflow: hidden;
    /* テキストを隠す */
    position: relative;
    transition: max-height 0.5s;
}

/* 最初に見えてるテキストエリアの高さ */
.un_top_accordion-text.is-hide {
    /*     height: 310px; */
}

.un_top_accordion-text.is-hide {
    height: auto;
    /* max-height: 200px; */
}

.un_top_accordion-btn {
    display: none;
}

.un_top_accordion-text::before {
    display: none;
}

@media (min-width: 601px) {
    .un_top_accordion-text.is-hide {
        max-height: 269px;
    }

    .un_top_accordion-btn {
        display: block;
    }

    .un_top_accordion-text::before {
        display: block;
    }
}

/* テキストをグラデーションで隠す */
.un_top_accordion-text::before {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 50%, #fff 100%);
    bottom: 0;
    content: "";
    height: 60px;
    /* グラデーションで隠す高さ */
    position: absolute;
    width: 100%;
}

/* 閉じるボタンの位置 */
.un_top_accordion-btn.is-show {
    background-image: url(../images/img-common-arrowtop-orange.svg);
}

/* .un_top_accordion-btn.un_top_accordion-btn__blue.is-show {
    background-image: url(../images/img-common-arrowtop-blue.svg);
} */

/* 続きを見るボタンをクリックしたらテキストを隠しているグラデーションを消す */
.un_top_accordion-btn.is-show+.un_top_accordion-text::before {
    display: none;
}

/* アコーディオン終わり */

.un_top_consideration {
    position: relative;
}

.un_top_graphBox {
    margin-top: 5.33333vw;
}

.un_top_graphBox_txt {
    font-size: max(3.466666vw, 13px);
    line-height: 1.69;
    color: #707070;
}

.un_top_graphBox_txt__2 {
    margin-top: 2.66666vw;
}

.un_top_graphBox_img_01,
.un_top_graphBox_img_02 {
    margin-right: auto;
    margin-left: auto;
}

.un_top_graphBox_img_01 {
    margin-top: 2.6666vw;
}

.un_top_graphBox_img_02 {
    margin-top: 5.3333vw;
}

@media (min-width: 601px) {
    .un_top_graphBox {
        margin-top: min(4.166666vw, 50px);
    }

    .un_top_graphBox_txt {
        font-size: clamp(13px, 1.5vw, 18px);
        line-height: 1.67;
    }

    .un_top_graphBox_txt__1 {
        width: min(28.83333vw, 346px);
        order: 1;
    }

    .un_top_graphBox_txt__2 {
        margin-top: min(2.5vw, 30px);
    }

    .un_top_graphBox_inner {
        display: flex;
        justify-content: space-between;
    }

    .un_top_graphBox_img {
        display: flex;
        justify-content: space-between;
    }

    .un_top_graphBox_img_01,
    .un_top_graphBox_img_02 {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        width: min(30.08333vw, 361px);
        height: min(19.58333vw, 235px);
    }
}

@media (min-width: 601px) and (max-width: 949.98px) {
    .un_top_graphBox_inner {
        justify-content: center;
    }

    .un_top_graphBox_img {
        flex-direction: column;
    }

    .un_top_graphBox_img_01,
    .un_top_graphBox_img_02 {
        width: 42vw;
        height: auto;
    }

    .un_top_graphBox_img_02 {
        margin-top: 2.3333vw;
    }

    .un_top_graphBox_txt__1 {
        margin-top: 1vw;
        width: 39.7894vw;
    }
}

.un_top_slide_point {
    color: var(--c-green-light);
}

.un_top_caseInner {
    margin-bottom: 5.33333vw;
}

.un_top_cdImg {
    display: block;
    margin-top: 6.666666vw;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 601px) {
    .un_top_caseBox {
        display: flex;
        justify-content: center;
        gap: 0 min(2.916666vw, 35px);
    }

    .un_top_caseInner {
        margin-top: min(2.83333vw, 34px);
        margin-bottom: 0;
    }

    .un_top_caseInner_img_01 {
        width: min(40.16666vw, 482px);
        height: min(27.16666vw, 326px);
    }

    .un_top_caseInner_img_02 {
        width: min(39.833333vw, 478px);
        height: min(27.16666vw, 326px);
    }

    .un_top_cdImg {
        margin-top: 0;
        width: min(14.3333vw, 172px);
        height: min(14.8333vw, 178px);
    }
}

/* ---------------SDGs-------------------- */

.un_top_sdgs {
    position: relative;
}

@media (min-width: 1025px) {
    .un_top_sdgs figure .un_top_sdgs_figure {
        position: absolute;
        top: 34%;
        right: 8%;
        z-index: 2;
    }
}

.un_top_sdgs .el_ttl {
    letter-spacing: .2em;

}

.un_top_sdgs_inner {
    margin-bottom: 30px;
}

@media (max-width: 600.98px) {
    .un_top_sdgs_inner {
        padding-right: 4.3vw;
        padding-left: 4.3vw;
    }
}

.un_top_sdgs_txt {
    margin-bottom: max(5.33333vw, 20px);
    font-size: calc(13px + 5 *((100vw - 375px) / 825));
    letter-spacing: 0.1em;
    line-height: 1.69;
}

.un_top_sdgs_txtMb {
    margin-bottom: 1em;
}

@media (min-width: 1025px) {
    .un_top_sdgs_txtMb {
        margin-bottom: 2em;
    }
}

.un_top_sdgs_img {
    text-align: center;
}

.un_top_sdgs_img img {
    width: 100%;
}

@media (max-width: 374.98px) {
    .un_top_sdgs_txt {
        font-size: 13px;
    }
}

@media (min-width: 601px) and (max-width: 1024.98px) {
    .un_top_sdgs_img img {
        width: 80%;
    }
}

@media (min-width: 1025px) {
    .un_top_sdgs_inner {
        display: flex;
        justify-content: space-between;
        gap: 0 5%;
    }

    .un_top_sdgs_txt {
        width: 50%;
        margin-bottom: 0;
    }

    .un_top_sdgs_img {
        width: 45%;
    }
}

@media (min-width: 1201px) {
    .un_top_sdgs_txt {
        font-size: 18px;
    }
}

/* スライダーのカスタマイズ */

.un_top_sdgs_ttl {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: calc(10 * 100vw / 375);
    width: calc(170 * 100vw / 375);
    height: calc(21 * 100vw / 375);
    background-image: url(../images/top/img-top-sdgs-ttl.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media (min-width: 601px) {
    .un_top_sdgs_ttl {
        margin-bottom: calc(14 * 100vw / 601);
        width: calc(229 * 100vw / 601);
        height: calc(28 * 100vw / 601);
    }
}

@media (min-width: 1024px) {
    .un_top_sdgs_ttl {
        margin-bottom: calc(17 * 100vw / 1200);
        width: calc(278 * 100vw / 1200);
        height: calc(35 * 100vw / 1200);
    }
}

@media (min-width: 1201px) {
    .un_top_sdgs_ttl {
        margin-bottom: 17px;
        width: 278px;
        height: 35px;
    }
}

.un_top_sdgs_img table {
    width: auto;
    margin-top: calc(-5.6 * 100vw / 375);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(-5.6 * 100vw / 375);
    border-collapse: separate;
    border-spacing: calc(5.6 * 100vw / 375);
}

@media (min-width: 601px) {
    .un_top_sdgs_img table {
        margin-top: calc(-7.5 * 100vw / 601);
        margin-bottom: calc(-7.5 * 100vw / 601);
        border-spacing: calc(7.5 * 100vw / 601);
    }
}

@media (min-width: 1025px) {
    .un_top_sdgs_img table {
        margin-top: calc(-9 * 100vw / 1200);
        margin-left: calc(-9 * 100vw / 1200);
        margin-right: calc(-9 * 100vw / 1200);
        margin-bottom: calc(-9 * 100vw / 1200);
        border-spacing: calc(9 * 100vw / 1200);
    }
}

@media (min-width: 1201px) {
    .un_top_sdgs_img table {
        margin-top: -9px;
        margin-left: -9px;
        margin-right: -9px;
        margin-bottom: -9px;
        border-spacing: 9px;
    }
}

.un_top_sdgs_icon1 {
    background-image: url(../images/top/img-top-sdgs1.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

.un_top_sdgs_icon2 {
    background-image: url(../images/top/img-top-sdgs2.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

.un_top_sdgs_icon3 {
    background-image: url(../images/top/img-top-sdgs3.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

.un_top_sdgs_icon4 {
    background-image: url(../images/top/img-top-sdgs4.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

.un_top_sdgs_icon5 {
    background-image: url(../images/top/img-top-sdgs5.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

.un_top_sdgs_icon6 {
    background-image: url(../images/top/img-top-sdgs6.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

.un_top_sdgs_icon7 {
    background-image: url(../images/top/img-top-sdgs7.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

.un_top_sdgs_icon8 {
    background-image: url(../images/top/img-top-sdgs8.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

.un_top_sdgs_icon9 {
    background-image: url(../images/top/img-top-sdgs9.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

.un_top_sdgs_icon10 {
    background-image: url(../images/top/img-top-sdgs10.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

.un_top_sdgs_icon11 {
    background-image: url(../images/top/img-top-sdgs11.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

.un_top_sdgs_icon12 {
    background-image: url(../images/top/img-top-sdgs12.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

.un_top_sdgs_icon13 {
    background-image: url(../images/top/img-top-sdgs13.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

.un_top_sdgs_icon14 {
    background-image: url(../images/top/img-top-sdgs14.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

.un_top_sdgs_icon15 {
    background-image: url(../images/top/img-top-sdgs15.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

.un_top_sdgs_icon16 {
    background-image: url(../images/top/img-top-sdgs16.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

.un_top_sdgs_icon17 {
    background-image: url(../images/top/img-top-sdgs17.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

.un_top_sdgs_icon18 {
    background-image: url(../images/top/img-top-sdgs18.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: calc(46 * 100vw / 375);
    height: calc(46 * 100vw / 375);
}

@media (min-width: 601px) {

    .un_top_sdgs_icon1,
    .un_top_sdgs_icon2,
    .un_top_sdgs_icon3,
    .un_top_sdgs_icon4,
    .un_top_sdgs_icon5,
    .un_top_sdgs_icon6,
    .un_top_sdgs_icon7,
    .un_top_sdgs_icon8,
    .un_top_sdgs_icon9,
    .un_top_sdgs_icon10,
    .un_top_sdgs_icon11,
    .un_top_sdgs_icon12,
    .un_top_sdgs_icon13,
    .un_top_sdgs_icon14,
    .un_top_sdgs_icon15,
    .un_top_sdgs_icon16,
    .un_top_sdgs_icon17,
    .un_top_sdgs_icon18 {
        width: calc(62 * 100vw / 601);
        height: calc(62 * 100vw / 601);
    }
}

@media (min-width: 1025px) {

    .un_top_sdgs_icon1,
    .un_top_sdgs_icon2,
    .un_top_sdgs_icon3,
    .un_top_sdgs_icon4,
    .un_top_sdgs_icon5,
    .un_top_sdgs_icon6,
    .un_top_sdgs_icon7,
    .un_top_sdgs_icon8,
    .un_top_sdgs_icon9,
    .un_top_sdgs_icon10,
    .un_top_sdgs_icon11,
    .un_top_sdgs_icon12,
    .un_top_sdgs_icon13,
    .un_top_sdgs_icon14,
    .un_top_sdgs_icon15,
    .un_top_sdgs_icon16,
    .un_top_sdgs_icon17,
    .un_top_sdgs_icon18 {
        width: calc(75 * 100vw / 1200);
        height: calc(75 * 100vw / 1200);
    }
}

@media (min-width: 1201px) {

    .un_top_sdgs_icon1,
    .un_top_sdgs_icon2,
    .un_top_sdgs_icon3,
    .un_top_sdgs_icon4,
    .un_top_sdgs_icon5,
    .un_top_sdgs_icon6,
    .un_top_sdgs_icon7,
    .un_top_sdgs_icon8,
    .un_top_sdgs_icon9,
    .un_top_sdgs_icon10,
    .un_top_sdgs_icon11,
    .un_top_sdgs_icon12,
    .un_top_sdgs_icon13,
    .un_top_sdgs_icon14,
    .un_top_sdgs_icon15,
    .un_top_sdgs_icon16,
    .un_top_sdgs_icon17,
    .un_top_sdgs_icon18 {
        width: 75px;
        height: 75px;
    }
}

@media (hover: hover) {

    .un_top_sdgs_icon1:hover,
    .un_top_sdgs_icon2:hover,
    .un_top_sdgs_icon3:hover,
    .un_top_sdgs_icon4:hover,
    .un_top_sdgs_icon5:hover,
    .un_top_sdgs_icon6:hover,
    .un_top_sdgs_icon7:hover,
    .un_top_sdgs_icon8:hover,
    .un_top_sdgs_icon9:hover,
    .un_top_sdgs_icon10:hover,
    .un_top_sdgs_icon11:hover,
    .un_top_sdgs_icon12:hover,
    .un_top_sdgs_icon13:hover,
    .un_top_sdgs_icon14:hover,
    .un_top_sdgs_icon15:hover,
    .un_top_sdgs_icon16:hover,
    .un_top_sdgs_icon17:hover,
    .un_top_sdgs_icon18:hover {
        opacity: var(--hover-opacity);
    }
}

.un_top_sdgs_c1 {
    color: #DB0015;
}

.un_top_sdgs_c2 {
    color: #D39400;
}

.un_top_sdgs_c3 {
    color: #25862A;
}

.un_top_sdgs_c4 {
    color: #B7001E;
}

.un_top_sdgs_c5 {
    color: #E01F10;
}

.un_top_sdgs_c6 {
    color: #0098D1;
}

.un_top_sdgs_c7 {
    color: #FFAD00;
}

.un_top_sdgs_c8 {
    color: #830025;
}

.un_top_sdgs_c9 {
    color: #E85200;
}

.un_top_sdgs_c10 {
    color: #CD0068;
}

.un_top_sdgs_c11 {
    color: #F68E00;
}

.un_top_sdgs_c12 {
    color: #CD7D00;
}

.un_top_sdgs_c13 {
    color: #3D6726;
}

.un_top_sdgs_c14 {
    color: #0064AE;
}

.un_top_sdgs_c15 {
    color: #3A9927;
}

.un_top_sdgs_c16 {
    color: #003D76;
}

.un_top_sdgs_c17 {
    color: #002555;
    min-width: 28px;
    margin-bottom: auto;
}

.un_top_accordion_iconImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 21.0666vw;
    height: 21.0666vw;
}

.un_accordion_flex1_1 {
    margin-top: 4.533333vw;
    gap: 0 3.4666666vw;
}

.un_top_accordion_img1_3 {
    margin-top: 2.1333333vw;
}

/* sdgsスライド */
.un_top_slide {
    margin-top: min(2.1666666667vw, 26px);
}

.un_top_slide .slick-prev:before {
    background: url("../images/top/slider_arrow_left.svg") !important;
    background-size: contain !important;
}

.un_top_slide .slick-next:before {
    background: url("../images/top/slider_arrow_right.svg") !important;
    background-size: contain !important;
}

.un_top_slide .slick-dots li.slick-active button:before {
    color: var(--c-blue);
}

.un_top_slide .slick-dots li {
    margin-right: min(0.8333333333vw, 10px);
    margin-left: min(0.8333333333vw, 10px);
}

.un_top_slide .slick-list {
    border-radius: initial;
}

.un_top_slide .slick-arrow {
    transition: opacity 0.3s ease-in-out;
}

.un_top_slide_nav {
    margin-top: min(4.5vw, 54px);
}

.un_top_slide_nav .slick-track {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: min(1.6666666667vw, 20px) min(2.5vw, 30px);
    transform: none !important;
}

.un_top_slide_nav .slick-track::before,
.un_top_slide_nav .slick-track::after {
    display: none;
}

.un_top_slide_nav .slick-slide {
    width: 100% !important;
}

.un_top_slide_nav .slick-slide.slick-current .un_top_slide_button {
    background-color: var(--c-blue);
    color: #fff;
}

.un_top_slide_nav .slick-list {
    border-radius: initial;
}

.un_top_slide_button {
    width: 99%;
    height: min(5.8333333333vw, 70px);
    padding-block: min(1vw, 12px);
    border: min(0.0833333333vw, 1px) solid var(--c-blue);
    border-radius: min(2.9166666667vw, 35px);
    background-color: #fff;
    color: var(--black);
    font-weight: 500;
    font-size: clamp(10px, 1.5vw, 18px);
    line-height: 1.22;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    font-family: var(--f-family);
}

.un_top_slide_button:hover,
.un_top_slide_button:focus {
    background-color: var(--c-blue);
    color: #fff;
}

/* スライドの中身 */

.un_top_slide {
    /* border: 3px solid var(--c-blue);
    border-radius: 20px; */
}

.un_top_slide li {
    position: relative;
    padding-inline: min(2.3333333vw, 28px);
    padding-block: min(4.1666666vw, 50px) min(1.3333333333vw, 16px);
    background-color: #DDF0FB;
    width: min(92.75vw, 1113px);
    height: min(59.333333vw, 712px);
    /* border-radius: 20px; */
}

@media (min-width: 601px) and (max-width: 800.98px) {
    .un_top_slide li {
        padding-inline: 2.6666666vw;
        padding-block: min(2.56666vw, 50px) min(1.3333333333vw, 16px);
    }
}

.un_top_slide .slick-list {
    border-radius: min(1.6666666667vw, 20px);
    border: 3px solid var(--c-blue);
}

.un_top_slide_inner {
    /* border-radius: 20px; */
}

.un_top_slide .slick-dots li {
    background-color: transparent;
}

.un_top_slide_txt {
    font-size: clamp(13px, 1.5vw, 18px);
    line-height: 1.67;
    letter-spacing: 0.05em;
    font-weight: 400;
}

.un_top_slide_page {
    display: block;
    margin-top: min(0.4166666667vw, 5px);
    font-size: clamp(10px, 1.083333vw, 13px);
    font-weight: 500;
    line-height: 1.2;
}

.un_top_slide_flex {
    display: flex;
    justify-content: center;
}

.un_top_slide_flexEnd {
    display: flex;
    align-items: flex-end;
    gap: 0 min(4.16666vw, 5px);
}

.un_top_slide_point {
    color: var(--c-blue);
}

.un_top_slide_icon {
    width: min(10.833333vw, 130px);
    height: min(10.833333vw, 130px);
}

/* 各スライドの調整 */
.un_top_slide_flex1_1 {
    gap: 0 min(1.25vw, 15px);
}

.un_top_slide_icon1 {
    margin-top: max(-2.08333vw, -25px);
}

.un_top_slide_img1_1 {
    margin-top: max(-1.16666px, -14px);
    width: min(12.666666vw, 152px);
    /* height: min(7.833333vw,94px); */
    height: auto;
}

.un_top_slide_img1_2 {
    margin-top: min(1vw, 12px);
    width: min(12.666666vw, 152px);
    /* height: min(9.33333vw,112px); */
    height: auto;
}

.un_top_slide_img1_3 {
    margin-top: min(1vw, 12px);
    width: min(12.5833333vw, 151px);
    /* height: min(17.58333vw,211px); */
    height: auto;
}

.un_top_slide_img1_4 {
    width: min(70vw, 840px);
    /* height: min(49.66666vw,596px); */
    height: auto;
}

.un_top_slide_flex2_1 {
    gap: 0 min(4.583333vw, 55px);
}

.un_top_slide_img2_1 {
    width: min(70vw, 840px);
    /* height: min(48.833333vw,586px); */
    height: auto;
}

.un_top_slide_img3_1 {
    width: min(34.75vw, 417px);
    /* height: min(49vw,588px); */
    height: auto;
}

.un_top_slide_flex3_1 {
    gap: 0 min(2.5vw, 30px);
}

.un_top_slide_img3_2 {
    width: min(34.5vw, 414px);
    /* height: min(49vw,588px); */
    height: auto;
}

.un_top_slide_flex4_1 {
    gap: 0 min(4.166666vw, 50px);
}

.un_top_slideBox4_1 {
    position: relative;
}

.un_top_slide_img4_1 {
    margin-top: min(2.083333vw, 25px);
    width: min(36.58333vw, 439px);
    /* height: min(38.91666vw,467px); */
    height: auto;
}

.un_top_slide_img4_2 {
    width: min(42.416666vw, 509px);
    /* height: min(49.75vw,597px); */
    height: auto;
}

.un_top_slide_page4_1 {
    position: absolute;
    top: max(-0.41666vw, -5px);
    left: min(22.3333vw, 268px);
}

.un_top_slide_page4_2 {
    position: absolute;
    top: min(36.416666vw, 437px);
    left: min(1.416666vw, 17px);
}

.un_top_slide_flex5_1 {
    gap: 0 min(3.3333vw, 40px);
}

.un_top_slide_img5_1 {
    width: min(33.25vw, 399px);
    /* height: min(47vw,564px); */
    height: auto;
}

.un_top_slide_img5_2 {
    width: min(33.75vw, 405px);
    /* height: min(47vw,564px); */
    height: auto;
}

.un_top_slide_flex6_1 {
    align-items: flex-end;
    gap: 0 min(2.25vw, 27px);
}

.un_top-slideBox6_1 {
    position: relative;
}

.un_top_slide_img6_1 {
    margin-top: min(2.5vw, 30px);
    width: min(45.25vw, 543px);
    /* height: min(38.416666vw,461px); */
    height: auto;
}

.un_top_slide_img6_2 {
    width: min(38.25vw, 459px);
    /* height: min(40.833333vw,490px); */
    height: auto;
}

.un_top_slide_page6_1 {
    position: absolute;
    top: max(-0.41666vw, -5px);
    left: min(20.08333vw, 241px);
}

.un_top_slide_page6_2 {
    position: absolute;
    top: min(35.333vw, 424px);
    left: min(1.66666vw, 20px);
}

.un_top_slide_flex7_1 {
    align-items: flex-end;
    gap: 0 min(4.16666vw, 50px);
}

.un_top_slide_img7_1 {
    margin-top: min(13.25vw, 159px);
    width: min(47.166666vw, 566px);
    /* height: min(25.666666vw,308px);  */
    height: auto;
}

.un_top_slide_img7_2 {
    width: min(34.166666vw, 410px);
    /* height: min(49.8333333vw,598px);  */
    height: auto;
}

.un_top_slide_flex8_1 {
    gap: 0 min(3.75vw, 45px);
}

.un_top_slide_img8_1 {
    width: min(36.66666vw, 440px);
    /* height: min(48.916666vw,587px);  */
    height: auto;
}

.un_top_slide_img8_2 {
    width: min(27.833333vw, 334px);
    /* height: min(18.16666vw,218px);  */
    height: auto;
}

.un_top_slide_img8_3 {
    margin-top: min(1.666666vw, 20px);
    width: min(27.833333vw, 334px);
    /* height: min(26.916666vw,323px);  */
    height: auto;
}

.un_top_slide_flex9_1 {
    gap: 0 min(3.833333vw, 46px);
}

.un_top_slide_img9_1 {
    margin-top: min(6vw, 72px);
    width: min(44.5833333vw, 535px);
    /* height: min(33vw,396px);  */
    height: auto;
}

.un_top_slide_img9_2 {
    width: min(35.25vw, 423px);
    /* height: min(49.833333vw,598px);  */
    height: auto;
}

.un_top_slide_flex10_1 {
    gap: 0 min(5.333333vw, 64px);
    justify-content: flex-start;
}

.un_top_slide_img10_1 {
    margin-top: min(3.5vw, 42px);
    width: min(37.4166666vw, 449px);
    height: min(35.5vw, 426px);
}

.un_top_slide_img10_2 {
    width: min(35.5vw, 426px);
    height: min(49.833333vw, 598px);
}

.un_top_slide_flex11_1 {
    gap: 0 min(4.58333vw, 55px);
}

.un_top_slide_img11_1 {
    width: min(70vw, 840px);
    height: min(48.833333vw, 586px);
}

.un_top_slide_flex12_1 {
    align-items: flex-end;
    gap: min(3.833333vw, 46px);
}

.un_top_slide_img12_1 {
    margin-top: min(2.66666vw, 32px);
    width: min(25.66666vw, 308px);
    height: min(36.33333vw, 436px);
}

.un_top_slide_img12_2 {
    width: min(52.16666vw, 626px);
    height: min(36.33333vw, 436px);
}

.un_top_slide_flex13_1 {
    gap: min(4.66666vw, 56px);
    align-items: flex-end;
}

.un_top_slide_img13_1 {
    margin-left: min(12.25vw, 147px);
    width: min(27.83333vw, 334px);
    height: min(37.416666vw, 449px);
}

.un_top_slide_page13_1 {
    margin-left: min(12.25vw, 147px);
}

.un_top_slide_img13_2 {
    width: min(36.75vw, 441px);
    height: min(20.33333vw, 244px);
}

.un_top_slide_img13_3 {
    margin-top: min(1.5vw, 18px);
    width: min(36.75vw, 441px);
    height: min(26vw, 312px);
}

.un_top_slide_flex14_1 {
    gap: min(3.3333333vw, 40px);
}

.un_top_slide_img14_1 {
    margin-top: min(7.416666vw, 89px);
    width: min(47.16666vw, 566px);
    height: min(31.5vw, 378px);
}

.un_top_slide_img14_2 {
    width: min(35.333333vw, 424px);
    height: min(49.83333vw, 598px);
}

.un_top_slide_flex15_1 {
    align-items: flex-end;
    gap: min(2.083333vw, 25px);
}

.un_top_slide_img15_1 {
    margin-top: min(5.083333vw, 61px);
    width: min(41.833333vw, 502px);
    height: min(27.083333vw, 325px);
}

.un_top_slide_img15_2 {
    width: min(41.833333vw, 502px);
    height: min(25.5vw, 306px);
}

.un_top_slide_flex16_1 {
    align-items: flex-end;
    gap: min(3.3333333vw, 40px);
}

.un_top_slide_img16_1 {
    margin-top: min(3.66666vw, 44px);
    width: min(46.25vw, 555px);
    height: min(35.16666vw, 422px);
}

.un_top_slide_img16_2 {
    width: min(35.833333vw, 430px);
    height: min(49.8333333vw, 598px);
}

.un_top_slide_flex17_1 {
    align-items: flex-end;
    gap: 0 min(3.083333vw, 37px);
}

.un_top_slide_img17_1 {
    margin-top: min(3.33333vw, 40px);
    width: min(38.416666vw, 461px);
    height: min(31.83333vw, 382px);
}

.un_top_slide_img17_2 {
    width: min(44.25vw, 531px);
    height: min(31.8333333vw, 382px);
}

.un_top_slide_flex18_1 {
    align-items: flex-end;
    gap: 0 min(4vw, 48px);
}

.un_top_slide_img18_1 {
    margin-top: min(18.6666vw, 224px);
    width: min(42.75vw, 513px);
    height: min(19.5vw, 234px);
}

.un_top_slide_img18_2 {
    width: min(35.25vw, 423px);
    height: min(49vw, 588px);
}

@media (min-width: 601px) and (max-width: 1200.98px) {
    .un_top_slide_img2_1 {
        width: 67vw;
    }

    .un_top_slide_img3_2 {
        width: 32.5vw;
    }

    .un_top_slide_page4_2 {
        top: 93.5888888%;
        margin-top: 0;
    }

    .un_top_slide_img6_1 {
        width: 42.25vw;
    }

    .un_top_slide_img6_2 {
        width: 35.25vw;
    }

    .un_top_slide_page6_1 {
        left: 19.08333vw;
    }

    .un_top_slide_page6_2 {
        top: 91%;
    }

    .un_top_slide_img7_1 {
        width: 45.166666vw;
    }

    .un_top_slide_img7_2 {
        width: 32.16666vw;
    }
}


/* ---------------ICT-------------------- */

.un_top_ict {
    position: relative;
}

.un_top_ict p {
    line-height: 1.67;
}

.un_ict_ttl {
    position: relative;
}

.un_top_ict .un_top_frame p {
    font-size: calc(13px + 5 *((100vw - 375px) / 1200));
}

@media (max-width: 374.98px) {
    .un_top_ict .un_top_frame p {
        font-size: 13px;
    }
}

@media (min-width: 1201px) {
    .un_top_ict .un_top_frame p {
        font-size: 18px;
    }
}

.un_top_exercise_img1_1 {
    margin-top: max(1.25vw, 15px);
    margin-left: auto;
    margin-right: auto;
    width: 67vw;
    height: auto;
}

.un_top_exercise_img1_2 {
    margin-top: max(1.25vw, 15px);
    margin-bottom: max(1.25vw, 15px);
    margin-left: auto;
    margin-right: auto;
    width: 57vw;
    height: auto;
}

.un_top_exercise_img1_3 {
    margin-top: max(1.25vw, 15px);
    margin-left: auto;
    margin-right: auto;
    width: max(81.33333vw, 305px);
    height: max(39.4666vw, 148px);
}

.un_top_exercise_btn1,
.un_top_exercise_btn2 {
    margin-top: 2.6666vw;
}

.un_top_exercise_txt {
    margin-top: 5.33333vw;
}

@media (min-width: 601px) {

    .un_top_exercise_img1_1,
    .un_top_exercise_img1_2 {
        margin-left: 0;
        margin-right: 0;
        display: block;
    }

    .un_top_exercise_img1_1 {
        width: min(20.833333333333333vw, 250px);
        height: min(15vw, 180px);
    }

    .un_top_exercise_img1_2 {
        width: min(25vw, 300px);
        height: min(15vw, 180px);

    }

    .un_top_exercise_img1_1 {
        width: min(33.3333vw, 400px);
        height: min(25.5vw, 306px);
    }

    .un_top_exercise_img1_2 {
        width: min(42.33333vw, 508px);
        height: min(25.5vw, 306px);
    }

    .un_top_exercise_img1_3 {
        margin-top: min(3.3333vw, 40px);
        width: min(81.16666vw, 974px);
        height: min(39.25vw, 471px);
    }

    .un_top_exercise_img_box {
        display: flex;
        justify-content: center;
        gap: 0 min(3.66666vw, 44px);
        margin-top: min(2.5vw, 30px);
    }

    .un_top_exercise_btn1,
    .un_top_exercise_btn2 {
        margin-top: min(2.5vw, 30px);
    }

    .un_top_exercise_btn2 {
        margin-bottom: min(1.083333vw, 13px);
    }

    .un_top_exercise_txt {
        margin-top: min(3.333333vw, 40px);
    }
}

@media (min-width: 601px) and (max-width: 749px) {
    .un_top_slide .slick-dots li {
        margin-right: max(0.33333333vw, 2px);
        margin-left: max(0.33333333vw, 2px);
    }

}


/* ---------------download-------------------- */

.un_top_download {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(70px + 60 *((100vw - 375px) / 825));
}

@media (min-width: 1201px) {
    .un_top_download {
        height: 130px;
    }
}



/* --------------ドットアイコン------------------- */

.un_top_dots_blue,
.un_top_dots_pink,
.un_top_dots_green {
    position: absolute;
    width: 72px;
    height: 55px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
}

.un_top_dots_blue {
    background-image: url(../images/img-common-dots-blue.svg);
}

.un_top_dots_pink {
    background-image: url(../images/img-common-dots-pink.svg);
}

.un_top_dots_green {
    background-image: url(../images/img-common-dots-green.svg);
}

@media (min-width: 601px) {

    .un_top_dots_blue,
    .un_top_dots_pink,
    .un_top_dots_green {
        width: calc(133 * 100vw / 1200);
        height: calc(100 * 100vw / 1200);
        z-index: 2;
    }
}

@media (min-width: 1201px) {

    .un_top_dots_blue,
    .un_top_dots_pink,
    .un_top_dots_green {
        width: 133px;
        height: 100px;
    }
}

/* ----メインビジュアル------ */

@media (max-width: 600.98px) {

    .un_top_mainBox .un_top_dots_blue {
        display: none;
    }

    .un_top_mainBox .un_top_dots_pink {
        display: none;
    }

    .un_top_mainBox .un_top_dots_green {
        display: none;
    }
}

@media (min-width: 601px) {
    .un_top_mainBox .un_top_dots_blue {
        left: 5%;
        bottom: 10%;
        z-index: 2;
    }

    .un_top_mainBox .un_top_dots_pink {
        right: 5%;
        top: 20%;
        z-index: 2;
    }

    .un_top_mainBox .un_top_dots_green {
        right: 5%;
        bottom: 15%;
        z-index: 2;
    }
}


/* ----理念------ */

.un_top_philosophy .un_top_frame .un_top_dots_pink {
    bottom: -25px;
    right: 6%;
}

.un_top_philosophy .un_top_frame .un_top_dots_blue {
    bottom: -40px;
    left: 7%;
}

@media (min-width: 601px) {
    .un_top_philosophy .un_top_dots_blue {
        top: 72%;
        left: -15%;
    }

    .un_top_philosophy .un_top_dots_pink {
        top: -10%;
        left: 120%;
    }

    .un_top_philosophy .un_top_dots_green {
        bottom: -18%;
        left: 93%;
    }
}

/* ---------編集上の配慮---------- */


@media (min-width: 601px) {
    .un_top_consideration .un_top_dots_green {
        top: 3%;
        left: 105%;
    }

    .un_top_consideration .un_top_dots_pink {
        bottom: 35%;
        left: -15%;
    }
}

/* ---------SDGs---------- */

@media (min-width: 601px) {
    .un_top_sdgs .un_top_dots_blue {
        top: 10%;
        left: -18%;
    }

    .un_top_sdgs .un_top_dots_green {
        top: 80%;
        left: 105%;
    }
}

/* ---------ICT---------- */

@media (min-width: 601px) {
    .un_top_ict .un_top_dots_blue {
        top: 48%;
        left: -17%;
    }

    .un_top_ict .un_top_dots_pink {
        top: 10%;
        left: 110%;
    }
}


/* # =================================================================
   # Helper
   # ================================================================= */

.hp_mt10 {
    margin-top: 2.666666vw;
}

.hp_mt20 {
    margin-top: 5.333333vw;
}

.hp_mt29 {
    margin-top: 7.733333vw;
}

.hp_mb20 {
    margin-bottom: 5.333333vw;
}

.hp_lh1 {
    line-height: 1.0;
}

.hp_w120 {
    width: 120%;
}

@media (min-width: 601px) {
    .hp_sm_bgc_orange-soft {
        background-color: #FED8A0;
    }

    .hp_sm_mt50 {
        margin-top: min(4.16666vw, 50px);
    }
}


#top_sdgs .slick-dots li:nth-of-type(1).slick-active button:before {
    content: url(../images/top/img-top-sdgs-dots1.svg);
}

#top_sdgs .slick-dots li:nth-of-type(2).slick-active button:before {
    color: #DB0015;
}

#top_sdgs .slick-dots li:nth-of-type(3).slick-active button:before {
    color: #D39400;
}

#top_sdgs .slick-dots li:nth-of-type(4).slick-active button:before {
    color: #25862A;
}

#top_sdgs .slick-dots li:nth-of-type(5).slick-active button:before {
    color: #B7001E;
}

#top_sdgs .slick-dots li:nth-of-type(6).slick-active button:before {
    color: #E01F10;
}

#top_sdgs .slick-dots li:nth-of-type(7).slick-active button:before {
    color: #0098D1;
}

#top_sdgs .slick-dots li:nth-of-type(8).slick-active button:before {
    color: #FFAD00;
}

#top_sdgs .slick-dots li:nth-of-type(9).slick-active button:before {
    color: #830025;
}

#top_sdgs .slick-dots li:nth-of-type(10).slick-active button:before {
    color: #E85200;
}

#top_sdgs .slick-dots li:nth-of-type(11).slick-active button:before {
    color: #CD0068;
}

#top_sdgs .slick-dots li:nth-of-type(12).slick-active button:before {
    color: #F68E00;
}

#top_sdgs .slick-dots li:nth-of-type(13).slick-active button:before {
    color: #CD7D00;
}

#top_sdgs .slick-dots li:nth-of-type(14).slick-active button:before {
    color: #3D6726;
}

#top_sdgs .slick-dots li:nth-of-type(15).slick-active button:before {
    color: #0064AE;
}

#top_sdgs .slick-dots li:nth-of-type(16).slick-active button:before {
    color: #3A9927;
}

#top_sdgs .slick-dots li:nth-of-type(17).slick-active button:before {
    color: #003D76;
}

#top_sdgs .slick-dots li:nth-of-type(18).slick-active button:before {
    color: #002555;
}