@charset "UTF-8";

/*----共通----*/

.pagetemp-column1 .cparts-keyimg-block.page_ttl .cparts-img-block img {
    border-bottom-left-radius: 400px;
}

@media(max-width: 767px) {
.pagetemp-column1 .cparts-keyimg-block.page_ttl .cparts-img-block img {
    border-bottom-left-radius: 200px;
}
}

/*.dec-txt--white {
    color: #333333!important;
}*/

.pagetemp-column1 .h3_ttl_orignal,
.siteblock-main h3 {
    border-radius: 20px 0;
    /*box-shadow: 10px 10px 0px 0 rgb(44,58,82);*/
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 60px;
}

.pagetemp-column1 .h2_ttl_orignal::before {
    background-color: transparent!important;
    width: 200px!important;
    border-bottom: 3px dotted #0072bc !important;
}

.contact3 .dec-txt--primary {
    color: #84ce10!important;
}

.siteblock-upper {
    padding-bottom: 0px;
}

.siteblock-upper .box {
    margin-bottom: 0px;
}

/*******

   TOP　

=============================================================================================== */

.kadomaru_img img {
    width: 10%;
    border-radius: 24px 4px 24px 4px;
}

/*.green img {
    box-shadow: 10px 10px 0px 0 rgb(132,206,16);
}

.blue img {
    box-shadow: 10px 10px 0px 0 rgb(255,149,0);
}*/

.contact3 .dec-bg--light {
    border-radius: 24px;
}


/*----お役立ち情報----*/

.pagetemp-top .siteblock-opt2 h3 {
    background-color: transparent;
    color: #333333;
    font-size: 20px;
    padding-top: 10px;
}

.pagetemp-top .siteblock-opt2 .lay-row > .lay-col12-xs-12 {
    margin-bottom: 30px;
}

@media(max-width: 767px) {
.pagetemp-top .siteblock-opt2 .blogRecentList .lay-col12-xs-12 {
    max-width: 50%!important;
}

.pagetemp-top .siteblock-opt2 .lay-row > .lay-col12-xs-12:not(:first-child) {
    margin-top: 0px;
}

}

/*******

   各サービス　お役立ち情報

=============================================================================================== */

.post-category .siteblock-bottom h2 {
    margin-bottom: 60px;
}

.Info-Icon {
    max-width: 25%;
    margin-bottom: 30px;
}

.post-category .siteblock-bottom .lay-col12-lg-3 {
    max-width: 100%!important;
    height: 100%;
}

.boxBottom > h2 {
    text-align: center;
}

.blogRecentList > p {
    margin: 0 auto 30px;
}

@media(max-width: 767px) {
.Info-Icon {
    max-width: 50%;
}
}

/*----ブログ動画の横幅調節----*/

video {
    width: 100%;
}

/*******

   当事務所について

=============================================================================================== */

@media(max-width: 767px) {

.zikosyokai [class*="lay-col12"] > .cparts-table-block {
    overflow-x: hidden!important;
    padding-bottom: 0px;
}

.zikosyokai .cparts-table-block table {
    min-width: 0px;
}
}