@media screen and (min-width : 801px) and (max-width : 1100px) {
    .pickup_content ul {
        gap: 0;
        flex-wrap: wrap;
        margin: 0 -5px;
    }

    .section_notice .no-splide .splide__slide,
    .no_javascript .section_notice .splide__slide {
        width: 33.33%;
    }
    .sdgs_header_wrap ul li a{
        padding: 12px 5px 15px;
    }
    .pickup_content ul li {
        width: 33.33%;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .pickup_content .pickup_item a .partner_list img{
        width: 26px;
    }
    .section_notice .notice_btn ul li.co_creation_partners a{
        background-size: 210px auto;
        padding: 43px 10px 44px 260px;
    }
}
@media screen and (max-width : 800px) {

    /* banner */
    .sdgs_header_image h1 {
        height: 0;
        background: url(/shared/templates/sdgs_top/images/mvs_sp.png) no-repeat center center;
        background-size: cover;
        padding-bottom: 100%;
    }

    .common_ttl h2 {
        background-size: 24px auto;
        background-position: left 5px;
        padding-left: 32px;
    }

    .pickup_content ul {
        display: block;
        margin-left: 0;
    }

    .pickup_content ul li {
        width: 100%;
        margin-bottom: 15px;
    }

    .pickup_content ul li img {
        width: 100%;
        height: auto;
    }

    .section_pickup {
        padding: 5px 0 0 0;
    }

    .common_ttl h2 {
        font-size: 131.2%;
        margin-bottom: 20px;
    }

    .common_ttl h2 span {
        padding: 0 59px 0 0;
        background-position: right 9px;
    }

    .section_pickup .common_ttl h2 span {
        background-size: 48px auto;
        background-position: right 11px;
    }

    .pickup_content .pickup_item a .box_txt {
        font-size: 100%;
        background-size: 14px auto;
        background-position: left 6px;
        padding-left: 19px;
        margin-bottom: 4px;
    }

    .section_pickup .pickup_btn ul {
        display: block;
    }

    .section_pickup .pickup_content .pickup_item a .partner_list {
        bottom: 4px;
    }

    .pickup_content .pickup_item a .box_image img {
        margin-bottom: 7px;
    }

    .pickup_content .pickup_item a {
        padding: 14px 11px 44px;
        background: #ffffff url(/shared/templates/sdgs_top/images/icons/line_horizontal_sp.png) repeat-x;
        background-size: auto 3px;
    }

    .section_pickup .pickup_btn ul {
        margin: 0;
    }

    .pickup_content {
        margin-bottom: 30px;
    }

    .section_pickup .pickup_btn ul li {
        padding: 0;
        margin-bottom: 15px;
    }

    .section_pickup .pickup_btn ul li a {
        width: 100%;
        padding: 12px 45px 12px;
    }

    .section_pickup .pickup_btn ul li.news_item a {
        background-size: 20px auto;
        background-position: right 14px top 14px;
    }

    .section_pickup .pickup_btn ul li.workshops_item a {
        background-size: 24px auto;
        background-position: right 11px top 18px;
        ;
    }

    .section_pickup {
        margin-bottom: 34px;
    }

    .section_notice .common_ttl h2 {
        padding-left: 36px;
    }

    .section_notice .common_ttl h2 span {
        padding: 0 0 18px 0;
        background-position: left bottom;
        background-size: 44px auto;
    }

    .section_notice .pickup_item .box_image img {
        width: 100%;
        height: auto;
    }

    #tmp_notice_splide {
        padding: 20px 15px 31px;
        margin-bottom: 34px;
    }

    #tmp_notice_splide .txt_label {
        font-size: 75%;
    }

    .section_notice .pickup_content .pickup_item a .box_image img {
        margin-bottom: 10px;
    }

    .section_notice .splide_common .splide__controls {
        bottom: 18px;
    }
    .section_notice .splide__toggle {
        margin: 5px 5px 0 21px;
    }
    .section_notice .splide__toggle__pause:before,
    .section_notice .splide__toggle__pause:after {
        background: transparent url(/shared/site_rn/images/icon/icon_pause_bl_lft_sp.png) no-repeat;
        background-size: 100% auto
    }
    .section_notice .splide_common .splide__arrow--next {
        right: -10px;
    }

    .section_notice .splide_common .splide__arrow--prev {
        left: -9px;
    }

    .section_notice .notice_btn ul {
        display: block;
        margin: 0 0 30px;
    }

    .section_notice .notice_btn ul li {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .section_notice .notice_btn ul li a {
        font-size: 118.7%;
        border: 8px solid #def6fa;
    }

    .section_notice .notice_btn ul li.co_creation_partners a {
        padding: 97px 0 10px;
        background-position: center 11px;
        background-size: 211px auto;
        text-align: center;
    }

    .section_notice .notice_btn ul li.seeking_co_creation a {
        padding: 23px 10px 25px 52px;
        background-position: 8px 21px;
        background-size: 34px auto;
    }

    .section_notice .see_more_news a span {
        display: block;
    }

    .section_notice .see_more_news a {
        min-width: 100%;
        padding: 10px 42px 9px 44px;
        background-position: right 14px center;
        background-size: 20px;
    }

    .section_notice {
        margin-bottom: 34px;
    }

    .related_information_cnt li {
        width: 100%;
    }

    .section_related_information .common_ttl h2 {
        padding-left: 35px;
    }

    .section_related_information .common_ttl h2 span {
        padding: 0 153px 0 0;
        background-position: right 9px;
    }

    .related_information_cnt li a {
        min-height: 58px;
        padding: 10px 10px 10px 32px;
        background: url(/shared/templates/sdgs_top/images/line_sp.png), url(/shared/site_rn/images/header/icon/arrow_circle_right.png);
        background-repeat: repeat-y, no-repeat;
        background-size: 3px auto, 14px auto;
        background-position: left top, 14px center;
    }

    .related_information_cnt li {
        margin-bottom: 10px;
    }

    .section_related_information .common_ttl h2 span {
        background-size: 142px auto;
        background-position: right 10px;
    }

    .section_related_information {
        margin-bottom: 25px;
    }

    /* ==================================================
    accessibility style change:font-size
    ================================================== */
    .fsize_big2 .section_pickup .pickup_btn ul li a{
        padding: 12px 45px 12px 10px;
    }
    .fsize_big2 .section_notice .see_more_news a{
        padding: 10px 36px 9px 11px;
    }
    .fsize_small .common_ttl h2 span {
        padding: 0 59px 15px 0;
    }
    .fsize_small .section_related_information .common_ttl h2 span {
        padding: 7px 158px 7px 0;
    }
    .fsize_small .pickup_content .pickup_item a .box_txt {
        padding: 2px 0 5px 19px;
    }

    .section_notice .no-splide .splide__slide,
    .no_javascript .section_notice .splide__slide {
        width: 100%;
    }

    .color_black .section_notice .notice_btn ul li a,
    .color_black .section_notice .see_more_news a,
    .color_yellow .section_notice .notice_btn ul li a,
    .color_yellow .section_notice .see_more_news a,
    .color_blue .section_notice .notice_btn ul li a,
    .color_blue .section_notice .see_more_news a {
        padding: 10px;
    }
    .color_blue .sdgs_header_image,
    .color_yellow .sdgs_header_image,
    .color_black .sdgs_header_image{
        height: auto;
    }
}