@charset "UTF-8";
/* 事務所案内ページ */

.page-id-177 .c-page-header__bgimage::after{
    content: ""!important;
    background: url(./img/fv-wrap_bottm.svg)no-repeat;
    width: 100%!important;
    height: 40%;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    
}
p.gret-p {
    line-height: 2;
}
.office-table {
    background: #f7f7f7;
    border-radius: 10px;
}
.pro-table tr td:first-child{
    background: #eefbfe;
}
.gra{
    background: linear-gradient(to right,#32819f 0%, #00b8ee 30%,#003893 100%);
  background: -webkit-linear-gradient(to right,#32819f 0%, #00b8ee 30%,#003893 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wp-block-snow-monkey-blocks-btn.smb-btn-wrapper.smb-btn-wrapper--more-wider.map-bottm {
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}
/*サービス  */
.page-id-276 .c-page-header__bgimage::after{
    content: ""!important;
    background: url(./img/fv-wrap_bottm.svg)no-repeat;
    width: 100%!important;
    height: 40%;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    
}
.serv-pane{
    margin-bottom: 4rem!important;
}
.serv-pane .smb-panels__item__body{
    padding: 2rem 3rem;
    border-radius: 18px;
    border: 2px solid #00b8ee;
    
}
.serv-pane .smb-panels__item{
    box-shadow: none!important;
}
.wp-block-image.service-img {
    width: 47px;
}
/* 報酬料金 */
.page-id-392 .c-page-header__bgimage::after{
    content: ""!important;
    background: url(./img/fv-wrap_bottm.svg)no-repeat;
    width: 100%!important;
    height: 40%;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    
}
.fe-table table tbody tr td:first-child{
    background: #eefbfe;
}
.advisory-table table tbody tr td:first-child{
    background: #eefbfe;
}
/* よくある質問 */
.page-id-456 .c-page-header__bgimage::after{
    content: ""!important;
    background: url(./img/fv-wrap_bottm.svg)no-repeat;
    width: 100%!important;
    height: 40%;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    
}
.qa .smb-faq__item__question__label{
    font-size: 27px;
}
.qa .smb-faq__item__question__body{
    color: #1B98D7;
    font-size: 20px;
}
/* お問い合わせ */
.page-id-470 .c-page-header__bgimage::after{
    content: ""!important;
    background: url(./img/fv-wrap_bottm.svg)no-repeat;
    width: 100%!important;
    height: 40%;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    
}
.tel-boxs a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    display: block;
}
.tel-boxs {
    text-align: center;
}
p.tel-texts {
    font-size: 24px;
}
p.tel-nums {
    font-size: 30px;
    font-family: 'Josefin Sans', sans-serif!important;
}
p.tel-nums span{
    position: relative;
}
p.tel-nums span::before{
    content: "";
    background: url(./img/tel.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: 100%;
    position: absolute;
    left: -33px;
    top: 0px;
}
.hitu .smf-item__description {
    background: #1B98D7;
    width: 47px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
}
.nin .smf-item__description {
    background: #C9E7E1;
    width: 47px;
    color: #000;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
}
.wp-block-snow-monkey-forms-item.smf-item {
    border-bottom: 1px dotted #1B98D7;
    padding: 10px;
}
.smf-form .smf-item .smf-text-control__control {
    background: #eef6f8!important;
}
.smf-form .smf-item .smf-textarea-control__control{
    background: #eef6f8!important;
}
.smf-action .smf-button-control__control{
    background: #1B98D7;
    color: #fff;
}
.map-bottm a span{
    font-family: 'Rubik', sans-serif !important;
}
@media (min-width: 640px){
    .smf-form--simple-table .smf-item {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width:639px){
    .page-id-177 .l-contents__body::before{
        right: 3px;
    }
    .office-table td {
        display: block;
    }
    .office-table td a{
        text-decoration: none;
        color: #000;
    }
    .pro-table td {
        display: block;
    }
    .wp-block-snow-monkey-blocks-btn.smb-btn-wrapper.smb-btn-wrapper--more-wider.map-bottm {
        margin-bottom: 30px;
        margin-top: 20px;
    }
    .serv-pane .smb-panels__item__body{
        padding: 1rem;
    }
    .serv-pane h2 {
        font-size: 22px!important;
    }
    .serv-pane h3 {
        font-size: 16px!important;
    }
    .eng.gra.eng-sp {
        font-size: 16px!important;
    }
    .fe-table table{
        overflow: auto;
        white-space: nowrap;
    }
    .advisory-table table{
        overflow: auto;
        white-space: nowrap;
    }
    .cont-box {
        padding: 0!important;
    }
    .tel-boxs a{
        padding: 1.5rem;
    }
    p.tel-texts {
        font-size: 20px;
    }
    p.tel-nums {
        font-size: 23px;
    }
    p.tel-nums span::before{
        width: 25px;
        height: 25px;
        left: -27px;
    }
    

}
@media (min-width:500px){
    .tel-box a {
        pointer-events: none;
    }
}
/* 事務所案内 */
.page-id-177 .l-contents__body::before{
    content: "Office";
    margin: 0!important;
    font-weight: bold;
    font-size: 3.4rem;
    line-height: 1;
    position: absolute !important;
   top: -0.5em;
    right: 30px;
    z-index: 101;
    color: #ddd;
    mix-blend-mode: multiply;
    -webkit-animation: pc-mv-cont-after 1.2s both 2s;
    animation: pc-mv-cont-after 1.2s both 2s;
}
.page-id-177 .l-contents__body{
    position: relative;
}
.page-id-527 form.post-password-form::before{
    content: "WEB相談は事前にお問い合わせいただき、お申込みを頂いた方に別途日時とパスワードをお知らせしています。";
}
/* よくある質問*/
.page-id-456 .l-contents__body::before{
    content: "Frequently Asked Questions";
    margin: 0!important;
    font-weight: bold;
    font-size: 3.4rem;
    line-height: 1;
    position: absolute !important;
   top: -0.5em;
    right: 30px;
    z-index: 101;
    color: #ddd;
    mix-blend-mode: multiply;
    -webkit-animation: pc-mv-cont-after 1.2s both 2s;
    animation: pc-mv-cont-after 1.2s both 2s;
}
.page-id-456 .l-contents__body{
    position: relative;
}
/* サービス*/
.page-id-276 .l-contents__body::before{
    content: "Service";
    margin: 0!important;
    font-weight: bold;
    font-size: 3.4rem;
    line-height: 1;
    position: absolute !important;
   top: -0.5em;
    right: 30px;
    z-index: 101;
    color: #ddd;
    mix-blend-mode: multiply;
    -webkit-animation: pc-mv-cont-after 1.2s both 2s;
    animation: pc-mv-cont-after 1.2s both 2s;
}
.page-id-276 .l-contents__body{
    position: relative;
}
/* 報酬料金*/
.page-id-392 .l-contents__body::before{
    content: "Service plans and the rates";
    margin: 0!important;
    font-weight: bold;
    font-size: 3.4rem;
    line-height: 1;
    position: absolute !important;
   top: -0.5em;
    right: 30px;
    z-index: 101;
    color: #ddd;
    mix-blend-mode: multiply;
    -webkit-animation: pc-mv-cont-after 1.2s both 2s;
    animation: pc-mv-cont-after 1.2s both 2s;
}
.page-id-392 .l-contents__body{
    position: relative;
}
/* お問い合わせ*/
.page-id-780 .l-contents__body::before{
    content: "Inquries";
    margin: 0!important;
    font-weight: bold;
    font-size: 3.4rem;
    line-height: 1;
    position: absolute !important;
   top: -0.5em;
    right: 30px;
    z-index: 101;
    color: #ddd;
    mix-blend-mode: multiply;
    -webkit-animation: pc-mv-cont-after 1.2s both 2s;
    animation: pc-mv-cont-after 1.2s both 2s;
}
.page-id-780 .l-contents__body{
    position: relative;
}
/* 報酬金額*/
.page-id-392 .l-contents__body::before{
    content: "Service plans and the rates";
    margin: 0!important;
    font-weight: bold;
    font-size: 3.4rem;
    line-height: 1;
    position: absolute !important;
   top: -0.5em;
    right: 30px;
    z-index: 101;
    color: #ddd;
    mix-blend-mode: multiply;
    -webkit-animation: pc-mv-cont-after 1.2s both 2s;
    animation: pc-mv-cont-after 1.2s both 2s;
}
.page-id-392 .l-contents__body{
    position: relative;
}
@media (max-width:767px){
    .page-id-177 .l-contents__body::before{
        font-size: 2.5rem;
        right: 0px;
    }
    .page-id-456 .l-contents__body::before{
        right: 0px;
        width: 210px;
        font-size: 2.5rem;
        top: -3.5rem;
    }
    .page-id-276 .l-contents__body::before{
        font-size: 2.5rem;
        right: 0px;
    }
    .page-id-392 .l-contents__body::before{
        font-size: 2.5rem;
        right: 0px;
        width: 190px;
        top: -1.5em!important;
    }
    p.log-p{
        font-size: 12px!important;
        width: 23%!important;
    }
    .page-id-780 .l-contents__body::before{
        font-size: 2.5rem;
        right: 0px;
    }
    .page-id-392 .l-contents__body::before{
        font-size: 2.5rem;
        right: 0px;
        width: 190px;
        top: -1.5em!important;
    }
}
.graspan {
	background: -webkit-linear-gradient(left, #32819f 0%, #00b8ee 30%, #003893 100%);
	background: -o-linear-gradient(left, #32819f 0%, #00b8ee 30%, #003893 100%);
	background: linear-gradient(to right, #32819f 0%, #00b8ee 30%, #003893 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
li#menu-item-807 {
    
    color: #fff;
    background: linear-gradient(to right, #5B86E5, #36D1DC);
}
li#menu-item-807 a {
    font-size: 14px;
    position: relative;
    /* padding: 20px 0; */
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
li#menu-item-807 a:before{
    content: "";
    background: url(./img/mail-icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 17px;
    left: 25px;
    
}
li#menu-item-808 {
    font-weight: bold;
    color: #fff;
    background: #26BDB7;
}
li#menu-item-808 a{
    font-weight: bold;
    padding: 20px 0;
    font-size: 14px;
    text-align: center;
}
/* web相談ページ */
.log_flex {
    margin-top: 30px;
    display: flex;
    align-items: center;
}
p.log-p {
    height: 50px;
    width: 15%;
    display: f;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #7e7e7e;
    border-bottom: 1px solid #7e7e7e;
    border-left: 1px solid #7e7e7e;
    border-radius: 5px 0px 0px 5px;
}
input[type="password"] {
    width: 70%;
    height: 50px;
}
button.pw-btn {
    width: 15%;
    background: #fff;
    border-left: none;
    border-top: 1px solid #7e7e7e;
    border-color: #7e7e7e;
    height: 50px;
    border-right: 1px solid #7e7e7e;
    border-bottom: 1px solid #7e7e7e;
    border-radius: 0 5px 5px 0;
}