@charset "utf-8";

body {
    letter-spacing: 0.6px;
    line-height: 1.75;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Commissioner", "Noto Sans JP", sans-serif;
    font-weight: 700;
    letter-spacing: 0.8px;
}

footer {
    z-index: 1;
}

.midasi_l {
    font-size: min(30px, 4.6vw);
    color: #fff;
    line-height: 1.4;
    font-weight: 700;
}

.midasi_l_bg_white {
    font-size: min(18px, 3.2vw);
    background-color: #fff;
    color: #006173;
    font-weight: 500;
    padding: 4px 14px;
    border-radius: 100px;
    display: inline-block;
    margin-bottom: 8px;
    border: solid 2px #006173;
}

.entry-content-02.sec_03 .midasi_l_bg_white {
    color: #008299;
    border: none;
}

.midasi_l .font-size {
    font-size: 125%;
}

.page-content.kyoutu .entry-header::after {
    content: "";
    display: inline-block;
    background-size: 100% auto !important;
    background: url(../images/subpage/merit_midasi_bg_01.png) no-repeat;
    height: 27vw;
    width: 100%;
    position: absolute;
    bottom: -1px;
    background-position: bottom center;
}

.page-content.kyoutu .entry-header {
    position: relative;
}

.page-content.kyoutu .breadcrumb {
    padding-top: 0;
}

.inner_wrap_01 {
    position: relative;
}

.page-content.kyoutu .entry-content-02 {
    margin-top: 0;
    z-index: 1;
    padding: 0 8% 1%;
}

.midasi_text {
    font-size: 18px;
    margin-top: 5%;
}

.entry-content-wrap_01 {
    position: relative;
}

.entry-content-wrap_01::after {
    content: "";
    display: inline-block;
    background-size: 100% auto !important;
    background: url(../images/subpage/merit_midasi_bg_02.png) no-repeat;
    height: 29vw;
    width: 100%;
    position: absolute;
    bottom: -1px;
    background-position: bottom center;
}

.entry-content-wrap_02 {
    background-color: #006173;
    position: relative;
}

.midasi_l_wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.content-inner_02.inner_wrap_02 {
    background-color: #fff;
    border-radius: 21px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    z-index: 1;
    position: relative;
    padding: 5%;
    margin: 4% 0;
}

.detail_text {
    margin-bottom: 25px;
    line-height: 1.75;
    font-size: 16px;
}

/* .single-content.kyoutu .entry-header {
    padding: 14vw 0 18vw;
} */

.page-content.kyoutu .entry-content-02.sec_01 {
    padding: 0 8% 20%;
}

.single-content.kyoutu .share-area {
    padding: 7% 0 25%;
    margin-top: 0;
    background-color: #008299;
}

.single-content.kyoutu .share-area .share-title, .single-content.kyoutu .share-area .share-title .en {
    color: #fff;
}

.main_midasi_wrap {
    color: #006173;
    font-size: min(30px, 4.5vw);
    width: 67%;
    line-height: 1.7;
}

.main_midasi_wrap_wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: -5%;
}

.main_midasi_ver2 {
    color: #c44500;
    font-size: min(30px, 4.5vw);
    padding-top: 0;
    line-height: 1.5;
}

.main_midasi_ver2 span {
    background-color: #c44500;
    color: #fff;
    border-radius: 100px;
    font-size: min(20px, 3vw);
    display: inline-block;
    /* padding: 1px 30px; */
    font-weight: 500;
    margin-bottom: 8px;
    padding: 3px 30px;
}


.blue .main_midasi_ver2 {
    color: #006173;
}
.blue .main_midasi_ver2 span {
    background-color: #006173;
}
@media screen and (min-width: 960px) {
    h1, h2, h3, h4, h5, h6 {
        letter-spacing: 1.3px;
        line-height: 1.75;
    }

    .page-content.kyoutu .entry-content-02 {
        padding: 2% 12%;
    }

    .page-content.kyoutu .entry-content-02.sec_01 {
        padding: 0 12% 8%;
        margin-top: -3%;
    }

    .single-content.kyoutu .entry-header {
        padding: 6vw 0 15vw;
    }

    .single-content.kyoutu .share-area {
        margin: 0;
        position: fixed;
        width: auto;
        background: none;
        padding: 0;
    }
}

@media screen and (max-width: 480px) {
    .single-content.kyoutu .entry-header {
        padding: 18vw 0 20vw;
    }

    .single-content.kyoutu .share-area {
        padding: 4% 0 28%;
        background-position: 11% 30%;
    }

    .main_midasi_wrap {
        font-size: min(30px, 5.3vw);
    }

    .page-content.kyoutu .entry-content-02 {
        padding: 0 6% 1%;
    }

    .page-content.kyoutu .entry-content-02.sec_01 {
        padding: 0 6% 20%;
    }

    .main_midasi_ver2 {
        font-size: min(30px, 6.1vw);
    }

    .main_midasi_ver2 span {
        font-size: min(20px, 4vw);
        padding:3px 16px;
    }

}