@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.p-blogParts.post_content[data-partsid="15048"] .cta_message,
.p-blogParts.post_content[data-partsid="15314"] .cta_message{
    padding: 2em 0;
}
.p-blogParts.post_content[data-partsid="15048"] .cta_message a,
.p-blogParts.post_content[data-partsid="15314"] .cta_message a{
    display:block;
    background:#fdf5e6;
    padding:1em;
}

.p-blogParts.post_content[data-partsid="15048"] .cta_message .txt_r,
.p-blogParts.post_content[data-partsid="15314"] .cta_message .txt_r{
    color: #dd5943;
}

.h_btn_suitup_1 a{
    font-size: 12px;
    border-color: #464ba8;
    color: #464ba8 !important;
    padding: 6px 8px;
}
.h_btn_suitup_2 a{
    background-color: #464ba8 !important;
    padding: 6px 14px;
    font-size: 13px;
}

.p-blogParts.post_content .h_btn_suitup_1 a{
    font-size: 12px;
    border-color: #464ba8;
    color: #464ba8 !important;
    padding: 6px 8px;
}
.p-blogParts.post_content .h_btn_suitup_2 a{
    background-color: #464ba8 !important;
    padding: 6px 14px;
    font-size: 13px;
}

.fixed_sidebar_img{
    max-width:200px;
    margin: 0 auto .5em;
}
.fixed_sidebar_img figure+p{
    margin-top:.5em;
}
.fixed_sidebar_txt p{
    margin-top:.75em;
    line-height: 1.5em;
}
.fixed_sidebar_txt .txt_ul{
    text-decoration:underline;
}
.fixed_sidebar_txt .wp-block-button.fv_button{
    margin: 1em auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 9999999px;
    max-width:94%;
}
.fixed_sidebar_txt .wp-block-button.fv_button a{
    margin-bottom: 0;
    width:100%;
}
.fixed_sidebar_txt a.side_compare_link{
    font-size:12px;
    text-align:center;
    display:block;
    width:100%;
}

@media screen and (max-width: 767px) {
    #hm_otameshi a span,
    .wp-block-buttons.has-custom-font-size .wp-block-button__link strong{
        font-family: Arial, sans-serif;
        text-rendering: geometricPrecision;
        unicode-bidi: plaintext;
    }
}
.compare_box_2{
    display:flex;
    flex-flow: wrap;
    gap:2%;
}
.compare_box_2 .box_item{
    background-color: #fff;
    border: #ADADB3 solid 1px;
    border-radius: 1em;
    position: relative;
    overflow: hidden;
    padding-bottom: 2.5em;
    width:32%;
    margin-bottom: 1.5em;
    color:#1B1B1B;
}
.compare_box_2 .box_item > figure{
    width: 100%;
    max-height: 240px;
    overflow: hidden;
}
.compare_box_2 .box_item > figure img{
    object-fit: cover;
}
.compare_box_2 .box_item .corp_logo{
    position: absolute;
    top: 15.75rem;
    left: 1em;
}
.compare_box_2 .box_item .corp_logo figure img{
    max-height: 33px;
}
.compare_box_2 .box_item .item_lead{
    padding: 3em 1em 0;
    margin: 0 auto 1em;
    min-height: 8em;
}
.compare_box_2 .box_item .item_title{
    padding: 0;
    margin: 0 auto 1em;
}
.compare_box_2 .box_item .item_title span{
    border-top: #D9D9D9 dotted 1px;
    display: block;
    padding-top: .5em;
}
.compare_box_2 .box_item .wp-block-image.size-full img{
    width: 100%;
}
.compare_box_2 .box_item .item_title{
    padding: 0 1em 0;
}
.compare_box_2 .box_item .unit_lnk{
    position: absolute;
    bottom: .5em;
    right: 0;
    left: 0;
    margin: auto auto 0;
    color:#32529B;
}
.compare_box_2 .box_item .unit_1,
.compare_box_2 .box_item .unit_2,
.compare_box_2 .box_item .unit_3{
    width: 100%;
    margin: 0 auto .5em;
}

.compare_box_2 .box_item .swell-block-column:first-of-type{
    margin: 0 0 0 8%;
    padding: 1em 0 1em 1em;
    border-radius: 1em 0 0 1em;
    line-height: 1em;
    display: flex;
    align-items: center;
    font-weight: bold;
    text-align: center;
}
.compare_box_2 .box_item .swell-block-column:last-of-type{
    margin: 0;
    padding: .25em .75em .25em .5em;
    border-radius: 0 1em 1em 0;
}
.compare_box_2 .box_item .swell-block-column:last-of-type ul{
    padding-left: 1.25em;
}
.compare_box_2 .box_item .swell-block-column:last-of-type li{
    line-height: 1em;
    position:relative;
}
.compare_box_2 .box_item .swell-block-column:last-of-type li::before{
    position:absolute;
    display:block;
    content:'';
    width:5px;
    height:5px;
    background:#333;
    border-radius:100%;
    inset:0;
    margin:.5em auto auto -.85em;
}
.compare_box_2 .box_item .unit_1 .swell-block-column:first-of-type{
    background-color: #7A89AE;
    color: #fff;
}
.compare_box_2 .box_item .unit_2 .swell-block-column:first-of-type{
    background-color: #C8DFF5;
    color: #32529B;
}
.compare_box_2 .box_item .unit_3 .swell-block-column:first-of-type{
    background-color: #FEE189;
    color: #DB6C04;
}

.compare_box_2 .box_item .unit_1 .swell-block-column:last-of-type{
    background-color: #EEF2F9;
}
.compare_box_2 .box_item .unit_2 .swell-block-column:last-of-type{
    background-color: #F1F7FD;
}
.compare_box_2 .box_item .unit_3 .swell-block-column:last-of-type{
    background-color: #FFFAEB;
}

@media screen and (max-width:600px) {
    .compare_box_2 .box_item{
        width: 100%;
    }
    .compare_box_2 .box_item > figure{
        max-height: 200px;
    }
    .compare_box_2 .box_item .item_lead{
        min-height: 0;
    }
}

.sub_header{
    width: 100%;
    padding: .5em 0;
    background-color: #EEF2F9;
}
.sub_header .l-container.l-header__inner{
    justify-content: flex-end;
    gap: 1em;
}
.sub_header .l-container.l-header__inner a{
    color:#131313;
    font-size:clamp(12px, 3.4vw, 14px);
}

.case_single_box_1{
    display: flex;
    border:#7A89AE solid 1px;
    border-left:none;
    border-radius:6px;
    overflow:hidden;
    margin-bottom:4em;
}
.case_single_box_1 dl{
    width:calc(100% / 3);
    border-left:#7A89AE solid 1px;
}
.case_single_box_1 dl dt, dd{
    padding: 1em;
    text-align:center;
}
.case_single_box_1 dl dt{
    background-color:#EEF2F9;
    font-size:12px;
    border-bottom:#7A89AE solid 1px;
}
.case_single_box_1 dl dd{
    font-size:14px;
}


@media screen and (max-width:600px) {
    .case_single_box_1{
        flex-flow: column;
        border-top: none;
    }
    .case_single_box_1 dl{
        width:100%;
    }
    .case_single_box_1 dl dt{
        border-bottom: none;
        border-top:#7A89AE solid 1px;
    }
}

.case_single_box_2.compare_box_2{
    gap:0;
    margin-bottom:4em;
}
.case_single_box_2.compare_box_2 .box_item{
    width:100%;
    background-color:#EEF2F9;
    padding:3%;
    border:none;
}
.case_single_box_2.compare_box_2 .box_item .swell-block-columns__inner{
    flex-flow:row;
    margin: 0 auto;
}
.case_single_box_2.compare_box_2 .box_item .swell-block-column:first-of-type{
    margin-left: 0;
}
.case_single_box_2.compare_box_2 .box_item .swell-block-column:last-of-type li{
    font-size:14px;
    line-height:1.5em;
}
.case_single_box_2.compare_box_2 .box_item .unit_1 .swell-block-column:last-of-type{
    background-color:#fff;
}
.case_single_box_2.compare_box_2 .box_item .swell-block-column:first-of-type{
    justify-content: center;
    line-height:1.25em;
    padding:1em;
}
.case_single_box_2.compare_box_2 .box_item .swell-block-column:last-of-type{
    padding:1em;
}

.post_content .case_single_box_2 :where(ul:not([type])){
list-style:none;
}

.is-style-btn_normal a {
    color: #fff;
    font-weight: 700;
    background-color: #3967C4;
    transition: box-shadow .25s
}

.is-style-btn_normal a:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,.1),0 12px 24px -12px rgba(0,0,0,.2);
    background-color: #fff;
    color: #3967C4;
    opacity: 1
}

.post_content .is-style-btn_line a{
    box-shadow: 0 2px 2px rgba(0,0,0,.1), 0 4px 8px -4px rgba(0,0,0,.2);
    color: #3967C4;
    background-color: #fff;
    border: #3967C4 solid 2px;
    transition: .25s
}
.post_content .is-style-btn_line a:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,.1),0 12px 24px -12px rgba(0,0,0,.2);
    opacity: 1;
    background-color:#3967C4;
}




.fixed_visible a{
    display:none;
}

.l-fixHeader__inner .fixed_visible a{
    display: inline;
    font-size:0.9em;
}