.reliable_banner {
    width: 1010px;
    background: url("../img/category/nakatoji_reliable_bg_01.png") no-repeat left top;
    padding: 1.45em 1.45em;
    box-sizing: border-box;
    color: #4d4d4e;
    margin: 0 auto;
}
.reliable_banner_upper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5em;
}
.reliable_banner_category {
    font-family: "Zen Maru Gothic", sans-serif, "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    padding-left: 0.6em;
    padding-top: 0.1em;
    font-size: 2.75em;
    font-weight: 500;
    line-height: 1em;
    /* text-box: trim-both cap alphabetic; */
}
.txt-small {
    font-size: 75%;
}
.reliable_banner_title {
    font-family: "Zen Maru Gothic", sans-serif, "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    padding: 0 0.2em;
    font-size: 5em;
    font-weight: 800;
    line-height: 0.8em;
    letter-spacing: -0.13em;
    vertical-align: bottom;
}
.reliable_banner_title img {
    vertical-align: top;
    margin-top: 0.1em;
    margin-right: 0.2em;
}
.small_title {
    font-size: 60%;
    /* margin-right: 0.25em; */
    letter-spacing: 0;
}
.big_title {
    font-size: 125%;
    line-height: 0.8em;
    letter-spacing: -0.05em;
    font-weight: 900;
}
.base_sifft {
    vertical-align: 0.06em;
}
.reliable_banner_caption{
    color: #4d4d4e;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.6em;
    font-feature-settings: "palt";
    letter-spacing: 0.045em;
    padding: 0;
}
.reliable_banner_detail {
    display: flex;
    gap: 0.5em;
    margin-left: 0.5em;
}
.reliable_banner_detail li {
    width: 15%;
    background: #fff;
    border-radius: 7px;
    padding: 0.9em;
    font-family: 'Noto Sans JP', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.9em;
}
.reliable_banner_detail li img {
    width: 78px;
    height: 78px;
}
.reliable_banner_detail li p {
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.1em;
    margin: 0;
    color: #000;
    text-align: center;
}
.reliable_banner_detail li p span {
    display: inline-block;
    height: 1.9rem;
}
.reliable_banner_detail li p .fs_s60 {
    height: 1.7rem;
}
.fs_s45 {
    font-size: 45%;
}
.fs_s50 {
    font-size: 50%;
}
.fs_s60 {
    font-size: 60%;
}
.fs_s75 {
    font-size: 75%;
}
.fs_s85 {
    font-size: 85%;
}
.fs_s90 {
    font-size: 90%;
}
.txt_red {
    color: #d54a5f;
}
.fw_9 {
    font-weight: 900;
}
.ml_025em {
    margin-left: 0.25em;
}
.is_sp {
    display: none;
}
.reliable_section {
    background: url("../img/category/nakatoji_reliable_bg_02.png");
    padding: 1.5em 2.5em;
    width: 100%;
    box-sizing: border-box;
}
.reliable_section_contents {
    display: flex;
    flex-wrap: wrap;
    column-gap: 3.5%;
    row-gap: 2em;
}
.reliable_section_contents li {
    width: 31%;
    display: flex;
    flex-direction: column;
}
.reliable_section_upper {
    display: flex;
    justify-content: center;
    margin-bottom: 0.25em;
}
.reliable_section_category {
    color: #4d4d4e;
    font-family: "Zen Maru Gothic", sans-serif, "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    /* padding-left: 0.6em; */
    padding-top: 0.1em;
    font-size: 2.75em;
    font-weight: 700;
    line-height: 1em;
}
.reliable_section_category span {
    display: block;
}
.reliable_section_title {
    color: #4d4d4e;
    font-family: "Zen Maru Gothic", sans-serif, "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    padding-left: 0.5em;
    font-size: 5em;
    font-weight: 800;
    line-height: 0.8em;
    letter-spacing: -0.13em;
    vertical-align: bottom;
}
.reliable_section_title img {
    vertical-align: top;
    margin-top: 0.1em;
    margin-right: 0.2em;
}
.reliable_section_caption {
    color: #4d4d4e;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.85em;
    font-weight: 700;
    line-height: 1.6em;
    font-feature-settings: "palt";
    letter-spacing: 0.045em;
    padding: 0;
    margin-bottom: 0.5em;
}
.reliable_section_voice {
    margin-top: 8px;
    height: 98px;
    position: relative;
    background: #ffe993;
    border-radius: 20px;
    margin-bottom: 25px;
}
.reliable_section_voice img {
    position: absolute;
    top: -10px;
    left: 18px;
}
.reliable_section_voice p {
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.45em;
    text-wrap-mode: nowrap;
    padding-top: 1em;
    padding-bottom: 1em;
    margin: 0;
    display: block;
    color: #4f4e4c;
    position: absolute;
    top: 50%;
    left: 65%;
    transform: translate(-50%, -50%);
}
.reliable_section_voice::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-color: #ffe993 transparent transparent transparent;
    border-width: 20px 20px 0 20px;
}
.reliable_section_service {
    background: #fff;
    border-radius: 26px;
    padding: 2.1em 1.5em 1.7em;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
}
.reliable_section_service li {
    flex-grow: 1;
}

.reliable_section_service img {
    width: 152px;
    height: 152px;
}
.reliable_section_service h3 {
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 2em;
    font-weight: 900;
    line-height: 1.2em;
}
.reliable_section_service p {
    line-height: 1.9em;
    margin-bottom: 0;
}
.marker_style {
    color: #d54a5e;
    background: linear-gradient(transparent 70%, #fff002 70%);
}
.reliable__service_ttl {
    margin: 0.5em 0 0.7em;
    min-height: 4.8em;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reliable__service_content {
    min-height: 7.2em;
    flex-grow: 1;
}
@media screen and (max-width: 980px){
    .reliable_banner {
        display: none;
    }
    .reliable_section_contents {
        column-gap: 4%;
    }
    .reliable_section_contents li {
        width: 48%;
    }
}
@media screen and (max-width: 850px){
    .reliable_section_upper {
        flex-direction: column;
    }
    .reliable_section_category span{
        display: inline-block;
    }
    .reliable_section_category .txt-small {
        font-size: 1em;
    }
}
@media screen and (max-width: 768px){
    .whitebox2 .l-halfColumn {
        width: 100%;
        flex-basis: auto;
    }
    .l-row {
        flex-wrap: wrap;
    }
    .whitebox2 .categoryPanel {
        width: 100%;
        flex-basis: auto;
    }
    .printPanel__sub {
        flex-basis: auto;
        width: 30%;
    }
    .categoryPanel__sub {
        width: 30%;
        flex-basis: auto;
    }
    .categoryPanel__sub img {
        height: auto;
    }
    .categoryPanel__main {
        margin-right: 0.5em;
        padding-top: 0.5em;
    }
    .size .sizebox ul li:last-child {
        padding: 0.5em;
    }
    .sizebox .item-spec-type {
        font-size: 70%;
    }
    .col3 ul li:nth-child(2n+1) .cp_tooltip .cp_tooltiptext {
        left: -74%;
        top: 120%;
    }
    .col3 ul li:nth-child(2n) .cp_tooltip .cp_tooltiptext {
        left: initial;
        right: -0.9em;
        top: 120%;
    }
    .cp_tooltip .cp_tooltiptext::after {
        box-sizing: border-box;
        width: 10px;
        height: 10px;
        margin-left: 0;
        top: 0.3%;
        border-right-color: transparent;
        border-bottom-color: gray;
        transform: translateY(-100%);
    }
    .col3 ul li:nth-child(2n+1) .cp_tooltip .cp_tooltiptext::after {
        left: 7%;
        right: auto;
    }
    .col3 ul li:nth-child(2n) .cp_tooltip .cp_tooltiptext::after {
        right: 1em;
        left: auto;
    }
    .is_sp {
        display: inline;
    }
}
@media screen and (max-width: 425px){
    .reliable_section_contents {
        column-gap: 0;
    }
    .reliable_section_contents li {
        width: 100%;
    }
    .reliable_section_title {
        font-size: 2.8em;
        text-align: left;
        padding-left: 0;
    }
    .reliable_section_title img {
        display: none;
    }
    .reliable_section_category{
        font-size: 2em;
        margin-bottom: 0.5em;
    }
    .reliable_section_caption {
        font-size: 1.5em;
    }
    .ctaBox .ctaBox-btn {
        width: 100%;
    }
}
