@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
*/

/*PCのみ表示*/
@media (max-width:599px){.onpc{display: none!important;}}
/*SPのみ表示*/
@media (min-width:600px){.onsp{display: none!important;}}

/*セクションの見出し*/
/*PC*/
@media (min-width:600px){.section-midashi{font-size: 2.5rem!important;}}
/*SP*/
@media (max-width:599px){.section-midashi{font-size: 2rem!important;}}

/*太字*/
.futoji-700{font-weight: 700!important;}

/*中央揃え*/
.center{text-align: center!important;}


/***FVのブログパーツ調整***/
/**1枚目（ブログパーツ：FV-PC-01-テキスト） ここから**/
/*PC ここから*/
@media (min-width:1701px){.wp-block-column.bp-01-fv-text {
    background-color: rgba(63, 160, 55, 0.8);
    font-size: 1.8rem;
    padding: 1em;
    max-width: 80rem;
    position: absolute;
    left: 1rem;
    /*bottom: 3rem;*/
    letter-spacing: 0.5rem;
    font-weight: 700;
}}

@media (min-width:1501px) and (max-width:1700px){.wp-block-column.bp-01-fv-text {
    background-color: rgba(63, 160, 55, 0.8);
    font-size: 1.8rem;
    padding: 1em;
    max-width: 80rem;
    position: absolute;
    left: 1rem;
    /*bottom: 1rem;*/
    letter-spacing: 0.5rem;
    font-weight: 700;
}}

@media (min-width:1281px) and (max-width:1500px){.wp-block-column.bp-01-fv-text {
    background-color: rgba(63, 160, 55, 0.8);
    font-size: 1.5rem;
    padding: 1em;
    max-width: 53rem;
    position: absolute;
    left: 1rem;
    /*bottom: 1rem;*/
    letter-spacing: 0.5rem;
    font-weight: 700;
}}

@media (min-width:1021px) and (max-width:1280px){.wp-block-column.bp-01-fv-text {
    background-color: rgba(63, 160, 55, 0.8);
    font-size: 1.5rem;
    padding: 1em;
    max-width: 43rem;
    position: absolute;
    left: 1rem;
    /*bottom: 1rem;*/
    letter-spacing: 0.5rem;
    font-weight: 700;
}}

@media (min-width:921px) and (max-width:1020px){.wp-block-column.bp-01-fv-text {
    background-color: rgba(63, 160, 55, 0.8);
    font-size: 1.5rem;
    padding: 1em;
    max-width: 35rem;
    position: absolute;
    left: 1rem;
    /*bottom: 1rem;*/
    letter-spacing: 0.5rem;
    font-weight: 700;
}}

@media (min-width:600px) and (max-width:920px){.wp-block-column.bp-01-fv-text {
    background-color: rgba(63, 160, 55, 0.8);
    font-size: 1.5rem;
    padding: 1em;
    max-width: 28rem;
    position: absolute;
    left: 1rem;
    /*bottom: 1rem;*/
    letter-spacing: 0.5rem;
    font-weight: 700;
}}
/*PCここまで*/

/*SP ここから*/
@media (max-width:599px){.wp-block-column.bp-01-fv-text-sp {
    background-color: rgba(63, 160, 55, 0.8);
    font-size: 17px;
    padding: 0.5em;
    width: 95%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /*bottom: 3%;*/
    letter-spacing: 0.4rem;
    font-weight: 700;
}}
/*SP ここまで*/
/**1枚目（ブログパーツ：FV-PC-01-テキスト） ここまで**/

/**2枚目（ブログパーツ：FV-PC-02-テキスト） ここから**/
/*PC ここから*/
@media (min-width:1501px){.wp-block-column.bp-02-fv-text {
    background-color: rgba(63, 160, 55, 0.8);
    font-size: 1.8rem;
    padding: 1em;
    max-width: 80rem;
    position: absolute;
    left: 1rem;
    /*bottom: 1rem;*/
    letter-spacing: 0.5rem;
    font-weight: 700;
}}

@media (min-width:1281px) and (max-width:1500px){.wp-block-column.bp-02-fv-text {
    background-color: rgba(63, 160, 55, 0.8);
    font-size: 1.5rem;
    padding: 1em;
    max-width: 53rem;
    position: absolute;
    left: 1rem;
    /*bottom: 1rem;*/
    letter-spacing: 0.5rem;
    font-weight: 700;
}}

@media (min-width:1021px) and (max-width:1280px){.wp-block-column.bp-02-fv-text {
    background-color: rgba(63, 160, 55, 0.8);
    font-size: 1.5rem;
    padding: 1em;
    max-width: 36rem;
    position: absolute;
    left: 1rem;
    /*bottom: 1rem;*/
    letter-spacing: 0.5rem;
    font-weight: 700;
}}

@media (min-width:600px) and (max-width:1020px){.wp-block-column.bp-02-fv-text {
    background-color: rgba(63, 160, 55, 0.8);
    font-size: 1.5rem;
    padding: 1em;
    max-width: 28rem;
    position: absolute;
    left: 1rem;
    /*bottom: 1rem;*/
    letter-spacing: 0.5rem;
    font-weight: 700;
}}
/*PC ここまで*/

/*SP ここから*/
@media (max-width:599px){.wp-block-column.bp-02-fv-text-sp {
    background-color: rgba(63, 160, 55, 0.8);
    font-size: 17px;
    padding: 0.5em;
    width: 95%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /*bottom: 3%;*/
    letter-spacing: 0.4rem;
    font-weight: 700;
}}
/*SP ここまで*/

/**2枚目（ブログパーツ：FV-PC-02-テキスト） ここまで**/

/***サービス内容のバナーリンク ここから***/
.top-service-column .c-bannerLink:before, .top-service-column .c-bannerLink__text {
    height: 40%!important;
    left: 0;
    position: absolute;
    top: auto;
    width: 100%;
    bottom: 0!important;
}
.top-service-syousai {
    font-size: 14px;
    position: absolute;
    bottom: 0%;
    right: 3%;
    color: #fff;
    z-index: 2;
}

/**SPのみ ここから**/
/*見出しのサイズ*/
@media (max-width:599px){.service-midashi{font-weight: 700!important;font-size: 1.3rem!important;}}
/**SPのみ ここまで**/
/***サービス内容のバナーリンク ここまで***/

/*詳細を見るボタンの枠の色を変更*/
.is-style-more_btn.top-service-btn a{box-shadow: 0 0 0 1px #3fa037!important;}



/**強みのテキスト ここから**/
/*PC*/
@media (min-width:600px){.tsuyomi-num{font-weight: 700;color:#fff;background-color: #3fa037;font-size: 2rem;padding:0.5rem;text-align: center;width: 80px;}
.tsuyomi-midashi{font-size: 1.8rem;font-weight: 700;}
}
/*SP*/
@media (max-width:599px){.tsuyomi-num{font-weight: 700;color:#fff;background-color: #3fa037;font-size: 1.3rem;padding:0.5rem;text-align: center;width: 40px;}
.tsuyomi-midashi{font-size: 1.2rem;font-weight: 700;padding-left: 1rem;}
}

/**強みのテキスト ここまで**/

/*強みの背景色*/
.tsuyomi-bg-white{background-color: #fff;padding: 1em;border-radius: 10px;}

/*パディング*/
/*PC*/
@media (min-width:600px){
    .pc-pad-right-3rem {
        padding-right: 3rem!important;
    }
}

/*マージン*/
/*PC*/
@media (min-width:600px){
    .pc-mar-top-m4rem{margin-top:-4rem!important;}
    .pc-mar-bt-m5rem {margin-bottom: -5rem!important;}
    .pc-mar-bt-m6rem {margin-bottom: -6rem!important;}
}
/*SP*/
@media (max-width:599px){
    .sp-mar-top-m2rem{margin-top:-2rem!important;}
    .sp-mar-top-m3rem{margin-top:-3rem!important;}
}



/***特殊ボタン ここから***/
/*青 ここから*/
@media screen and (max-width: 599px){
    .chushin {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }}
    
    .tokusyu-btn-blue {
        text-align: center;
        padding-left: 0!important;
    }
    
    .tokusyu-btn-blue li.tokusyu-btn-li {
        color: #348DF4;
        border-color: #348DF4;
        background-color: #fff;
    }
    @media screen and (max-width: 599px){
    .tokusyu-btn-blue li.tokusyu-btn-li {
        color: #fff;
        border-color: #348DF4;
        background-color: #348DF4;
    }}
    
    .tokusyu-btn-blue li.tokusyu-btn-li:hover {
        color: #fff;
    }
    .tokusyu-btn-blue li.tokusyu-btn-li:hover:after {
        transform: scale(1);
        background-color: #348DF4;
    }
    
    .tokusyu-btn-blue li {
        font-size: 17px;
        font-weight: bold;
        position: relative;
        z-index: 1;
        display: inline-block;
        overflow: hidden;
        width: 300px;
        margin: 0 30px;
        padding: 15px;
        cursor: pointer;
        transition: all .2s ease-out;
        text-align: center;
        vertical-align: top;
        border-width: 4px;
        border-style: solid;
        box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
        list-style: none!important;
    }
    
    .tokusyu-btn-blue li:after {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        content: '';
        transition: all .2s ease-out;
        transform: scale(.5);
    }
/*青 ここまで*/

/*ピンク ここから*/
@media screen and (max-width: 599px){
    .chushin {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }}
    
    .tokusyu-btn-pink {
        text-align: center;
        padding-left: 0!important;
    }
    
    .tokusyu-btn-pink li.tokusyu-btn-li {
        color: #E51E87;
        border-color: #E51E87;
        background-color: #fff;
    }
    @media screen and (max-width: 599px){
    .tokusyu-btn-pink li.tokusyu-btn-li {
        color: #fff;
        border-color: #E51E87;
        background-color: #E51E87;
    }}
    
    .tokusyu-btn-pink li.tokusyu-btn-li:hover {
        color: #fff;
    }
    .tokusyu-btn-pink li.tokusyu-btn-li:hover:after {
        transform: scale(1);
        background-color: #E51E87;
    }
    
    .tokusyu-btn-pink li {
        font-size: 17px;
        font-weight: bold;
        position: relative;
        z-index: 1;
        display: inline-block;
        overflow: hidden;
        width: 300px;
        margin: 0 30px;
        padding: 15px;
        cursor: pointer;
        transition: all .2s ease-out;
        text-align: center;
        vertical-align: top;
        border-width: 4px;
        border-style: solid;
        box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
        list-style: none!important;
    }
    
    .tokusyu-btn-pink li:after {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        content: '';
        transition: all .2s ease-out;
        transform: scale(.5);
    }
/*ピンク ここまで*/

/*SPでのボタンの位置調整（カラムで調整） ここから*/
.wp-block-columns.tokusyu-btn-sp-ue {
    margin: 3rem 0 0;
}
.wp-block-columns.tokusyu-btn-sp-shita {
    margin: 9rem 0 0;
    padding-bottom: 3rem;
}
/*スマホ開閉メニュー内の問合せボタン位置調整*/
.wp-block-columns.inmenu-tokusyu-btn-sp-shita {
    margin: 11rem 0 0;
}
/*SPでのボタンの位置調整（カラムで調整） ここまで*/

/*TELボタンの文字調整*/
span.tel-text {
    font-size: 1.5rem;
}
span.tel-time {
    font-size: 0.8rem;
}

/***特殊ボタン ここまで***/

/*記事一覧ページタイトルの「-category-」を非表示*/
.c-pageTitle__subTitle{display: none;}

/*グローバルメニューのマウスオーバー時の下線の位置*/
.c-gnav>.menu-item>a:after{bottom:25%;}

/*グローバルメニューのアイコンの色*/
.c-gnav i {
    color: #3fa037;
}

/**グローバルメニューの電話 ここから**/
/*電話アイコンのサイズ調整*/
i.icon-phone.tel-icon-size {
    font-size: 1.1rem;
}
/*受付時間のサイズと色調整*/
.hnavi-tel .c-smallNavTitle {
    color: #000;
    font-weight: 700;
    font-size: 0.8rem!important;
}
/*マウスホバー時の下線を非表示*/
.c-gnav>.hnavi-tel.menu-item>a:after {display: none;}
/**グローバルメニューの電話 ここまで**/

/*スマホ開閉メニュー内のアイコンの色*/
.c-listMenu i {
    color: #3fa037;
}

/**事務所概要ページのパンくずリストの下の間を詰める**/
/*PC*/
@media (min-width:600px){
    .page-id-413 .l-content.l-container {
        margin-top: -4rem!important;
    }
}
/*SP*/
@media (max-width:599px){
    .page-id-413 .l-content.l-container {
        margin-top: -2rem!important;
    }
}

/*下層ページのボックスメニューの枠線*/
.is-style-default .swell-block-box-menu__item {
    border: 1px solid #3FA037!important;
}

/*遺言書のデメリットボックスbox*/
.page-id-519 .cap_box[data-colset="col1"] {
    --capbox-color: #dd3333!important;
    --capbox-color--bg: #FBE9E9!important;
}

/*マウスホバーで透過*/
.opo-08:hover {
    opacity: 0.8;
}