@charset "UTF-8";
/*
 * sp.css
 *
 */
@media screen and (max-width:1230px){
    .about-sashie {
        text-align: center;
    }
    .about-sashie img {
        position: static;
        width: 300px;
        margin-top: 100px;
        margin-bottom: -221px;
    }
}
@media screen and (max-width:1120px){
}
@media screen and (max-width:1080px){
}
@media screen and (max-width:1020px){
}
@media screen and (max-width:1000px){
    .campaign figure {
        position: static;
    }
    .campaign figure img {
        margin: 10px auto;
        display: block;
    }
}
@media screen and (max-width:980px){
    .page-template-default .section_box.ryokin p.koka {
        font-size: 6.5vw;
    }
    .page-template-default .section_box.ryokin p.koka::after {
        width: 100%;
    }
    .page-template-default .section_box.ryokin p.okomari {
        font-size: 5vw;
    }
    .page-template-default .section_box.ryokin p.okomari::after {
        width: 100%;
    }
}
@media screen and (max-width:890px){
    .line-div>div, .tel-div>div {
        width: 100%;
    }
}
@media screen and (max-width:860px){
    section.blog div:nth-of-type(1)::after {
        width:100%;
        margin: 0px;
    }
}
@media screen and (max-width:840px){
    .qa-div {
        width:100%;
        margin: 0px;
    }
    .qa{
        width: 100%;
    }
    .page-template-default .section_box .line-div p.contact-chui {
        padding: 60px 30px 0px;
    }
}
@media screen and (max-width:820px){
    header,
    #contents {
        width: 100%;
    }
}
@media screen and (max-width:800px){
    .blog-img {
        left: 10px;
    }
    .section_box ul.flow-ul li {
        padding: 15px 0px 0px 20px;
    }
    section::after {
        height: 52px;
    }
}
@media screen and (max-width:780px){
    .page-template-default .section_box.ryokin p.kanzenyoyaku {
        font-size: 14vw;
        letter-spacing: 0;
        text-indent: 0;
    }
    .page-template-default .section_box.ryokin p.sejyutsuryo::before,
    .page-template-default .section_box.ryokin p.sejyutsuryo::after {
        width: 100px;
    }
    .page-template-default .section_box.ryokin .nedan p.tax {
        right: 8%;
    }
}
@media screen and (max-width:767px){
    #floating-menu .add-tel {
        display: block;
    }
/*    .address {
        margin-bottom: 90px;
    }*/
}
@media screen and (max-width:750px){
    .page-template-default .section_box.ryokin p.small {
        letter-spacing: 0;
    }
    section.qa p.qa-p {
        text-align: center;
        padding: 30px 0 30px 0;
    }
    section.qa .qa-img {
        position: unset;
        text-align: center;
    }
    section.qa .qa-img img {
        position: unset;
        margin: 0px auto;
    }
}
@media screen and (max-width:740px){
    .page-template-default .section_box.ryokin p.hajimete {
        font-size: 5vw;
        letter-spacing: 0;
        text-indent: 0;
    }
}
@media screen and (max-width:720px){
}
@media screen and (max-width:700px){
    .customer-img {
        width: 100%;
    }
    .about-sashie img {
        margin-bottom: -218px;
    }
}
@media screen and (max-width:680px){
    .customer li figure::after{
        width: 100%;
    }
}
@media screen and (max-width:670px){
    section.ryokin .ryokin-img img {
        display: none;
    }
}
@media screen and (max-width:640px){
    .watashi {
        left: 10px;
    }
    .page-template-default .section_box,
    .page-template-shojyopage .section_box,
    .single .section_box,
    .category .section_box,
    
    .shojyo {
        padding: 120px 10px 0px;
    }
}
@media screen and (max-width:610px){
    .shojyo-ul>li {
        width: calc(100% - 80px);
        padding: 20px 40px;
    }
}
@media screen and (max-width:600px){
    .blog-img {
        width: 200px;
        position: static;
        margin: 0px auto 100px;
    }
    section.blog div:nth-of-type(1) .home-p {
        padding: 50px 0px 50px;
    }
    .customer li img {
        bottom: -7px;
    }
}
@media screen and (max-width:580px){
    footer .address {
        letter-spacing: 0;
        text-indent: 0;
    }
    section.category-box {
        padding: 50px 10px 0px;
    }
    .customer h5::after {
        width: 100%;
    }
}
@media screen and (max-width:550px){
    .profile dl dt,
    .profile dl dd {
        width: 100%;
    }
    .profile dl dd {
        margin-bottom: 30px;
    }
    .page-template-default .section_box.ryokin p.shokai-campaign {
        font-size: 6vw;
    }
    section::after {
        height: 35px;
        width: calc(100vw - 1px);
    }
}
@media screen and (max-width:520px){
    .more_btn {
        width: 100%;
    }
    section h3 {
        letter-spacing: 0;
        text-indent: 0;
    }
    .home section.shojyo h3,
    .home section.aisatsu h3,
    .home section.blog h3{
        letter-spacing: 0.8em;
        text-indent: 0.8em;
    }
    .home section.customer-voice h3 {
        letter-spacing: 0.4em;
        text-indent: 0.4em;
    }
    .contact-form {
        margin: 10px 10px;
    }
    .contact-form .wpcf7-form-control-wrap, .contact-form .wpcf7-form-control-wrap {
        display: inline-flex;
    }
    .section_box ul li {
        margin-left:40px;
    }
    .page-template-default .section_box.ryokin p.sejyutsuryo::before,
    .page-template-default .section_box.ryokin p.sejyutsuryo::after {
        width: 50px;
    }
    .page-template-default .section_box.ryokin p.flow::after,
    .section_box ul.flow-ul::after {
        width: 100%;
    }
}
@media screen and (max-width:490px){
    section h3.middle {
        font-size: 8vw;
        letter-spacing: 0;
        text-indent: 0;
    }
    .aisatsu-img img {
        width: 90%;
    }
    section h3.long { font-size: 8vw ;}
    section h3.fs45 { font-size: 8vw ;}
    section h3.fs40 { font-size: 7vw ;}
    section h3.fs36 { font-size: 6vw ;}
    section h3.fs34 { font-size: 6vw ;}
    section h3.fs32 { font-size: 6vw ;}
    section h3.fs30 { font-size: 6vw ;}
    section h3.fs28 { font-size: 5vw ;}
    section h3.fs25 { font-size: 5vw ;}
    section h3.fs24 { font-size: 4.5vw ;}
    section h3.fs20 { font-size: 4vw ;}
    .page-template-default .section_box.ryokin .nedan p {
        font-size: 17vw;
    }
    .section_box ul.flow-ul li {
        padding: 15px 0px 0px 0px;
        letter-spacing: 0.2em;
        text-indent: 0.2em;
    }
    .page-template-default .section_box.ryokin p.kihonsejyutsuryo {
        font-size: 4vw;
    }
}
@media screen and (max-width:480px){
    .page-template-default .section_box.ryokin .nedan p.tax {
        top: -44px;
    }
    .nedan::after {
        width: 100%;
    }
}
@media screen and (max-width:470px){
    #global-nav ul li a {
        font-size: 12px;
        letter-spacing: 0;
    }
    section h3::after {
        width: 80%;
    }
    .watashi {
        width: 28px;
    }
    section.ryokin h3 {
        font-size: 8vw;
    }
    .single .section_box p.kochira {
        letter-spacing: 0;
        text-indent: 0;
    }
    .page-template-default .section_box.ryokin p.hangaku {
        font-size: 19vw;
    }
    .page-template-default .section_box.ryokin p.okomari {
        letter-spacing: 2px;
    }
    .page-template-default .section_box .qa dt p,
    .page-template-default .section_box .qa dd p {
        padding: 0px 10px 0px 44px;
    }
}
@media screen and (max-width:460px){
    .page-template-default .section_box.ryokin p.hangaku-ryokin {
        font-size: 15vw;
    }
    section .home-p, .page-template-default .section_box p.home-p.kochira {
        font-size: 3vw;
    }
}
@media screen and (max-width:440px){
    .aisatsu-img2 img {
        width: 80%;
    }
    .customer li img {
        bottom: -6px;
    }
}
@media screen and (max-width:430px){
    .page-template-default .section_box.ryokin p.hangaku::after {
        width: 100%;
    }
}
@media screen and (max-width:420px){
    .page-template-default .section_box.ryokin p.sejyutsuryo {
        letter-spacing: 0;
        text-indent: 0;
    }
}
@media screen and (max-width:410px){
    #global-nav ul li a {
        letter-spacing: 0;
    }
    .page-template-default .section_box.ryokin .nedan p.tax {
        right: 2px;
    }
}
@media screen and (max-width:400px){
    .page-template-default .section_box.ryokin p.jisshichu {
        font-size: 15vw;
    }
}
@media screen and (max-width:390px){
    form input[type="submit"] {
        padding: 25px;
    }
    footer .address {
        font-size: 13px;
    }
}
@media screen and (max-width:380px){
    .page-template-default .section_box.ryokin p.sejyutsuryo::before, 
    .page-template-default .section_box.ryokin p.sejyutsuryo::after {
        display: none;
    }
    .shojyo-ul .more_btn a {
        width: 100%;
    }
}
@media screen and (max-width:370px){
    .page-template-default .section_box.ryokin p.sejyutsuga {
        font-size: 5.5vw;
    }
}
@media screen and (max-width:360px){
    .page-template-default .section_box.ryokin p.flow {
        font-size: 7vw;
    }
}
@media screen and (max-width:340px){
    .page-template-default .section_box.ryokin p.kihonsejyutsuryo {
        font-size: 3vw;
    }
    .page-template-default .section_box.ryokin p.hangaku-ryokin span {
        font-size: 18px;
    }
    section.contact h3 img {
        width: 90%;
    }
    .more_btn a {
        width: auto;
    }
}
@media screen and (max-width:320px){
    .page-template-default .section_box.ryokin p.hangaku {
        letter-spacing: 0.2em;
        text-indent: 0.2em;
    }
}