/* ====================================================
Media Quary
==================================================== */
.mv_ttl span:nth-child(n + 5) {
    font-size: inherit !important;
}

@media screen and (min-width: 768px) {
    .mv_ttl {
        top: 21% !important;
        margin-left: 0 !important;
        font-size: 1.1em !important;
        letter-spacing: 0.07em !important;
    }
    .mv_ttl > span:last-child {
        font-size: 1.7em !important;
    }
    .mv_txt {
        font-size: 0.78em !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .mv_ttl {
        font-size: 1em !important;
    }
    .mv_txt {
        font-size: 0.9em !important;
    }
}

@media screen and (min-width: 768px) {
    .mv_txt small {
        font-size: 0.67em;
    }
}

@media screen and (min-width: 768px) and (min-width: 991px) {
    .mv_txt small {
        font-size: 0.75em !important;
    }
}

@media screen and (min-width: 768px) {
    #function .box.fix-mb {
        margin: 0 0 1.5em;
    }
    #plan .example-calcuration {
        margin: 2.5% 0 1.6%;
        padding: 0 5.8% 0.3em;
        background-color: #dfece5;
    }
    #plan .example-calcuration.mb2 {
        margin-bottom: -2%;
    }
    #plan .example-calcuration h5 {
        font-weight: 600;
        color: #699080;
        font-size: 1.65em;
        padding: 0.7em 0 0.8em;
        text-align: left;
    }
    #plan .example-calcuration .box-txt-calcuration {
        background-color: transparent;
        border-color: #698f80;
        background: transparent;
        margin: 0 0 0.9em;
        padding: 1.1em 1em 1.1em;
        font-size: 1.16em;
    }
    #plan .example-calcuration .box-txt-calcuration.answer {
        font-size: 1.3em;
        padding: 1.05em 0.56em 1.05em 1em;
    }
    #plan .example-calcuration .plus {
        padding: 0 0.02em 0 0.1em;
    }
    #plan .caption-calcuration {
        line-height: 2.26;
    }
    #plan .caption-calcuration a {
        color: #00a0e9;
    }
    .service-link {
        font-size: 1em;
        margin: 5.7% 0.1% 8% 0.5%;
    }
    .service-link .ttl {
        font-size: 1.46em;
        font-weight: 600;
        color: #699080;
        line-height: 1.2;
    }
    .service-link .ttl small {
        display: block;
        font-size: 0.78em;
        font-weight: 500;
        line-height: 2;
    }
    .service-link .txt {
        color: #000000;
        font-size: 300px;
        font-weight: 400;
        font-size: 1.15em;
    }
    .service-link .txt a {
        color: #00a0e9;
    }
    .service-link .list {
        margin-bottom: 0.5%;
    }
    .service-link .list dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: 1px solid #231815;
        border-top: none;
        font-size: 1.05em;
        color: #000000;
        line-height: 1.62;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .service-link .list dl:first-child {
        border-left: none;
        border-right: none;
    }
    .service-link .list dl:first-child dt {
        font-size: 1.1em;
        border-right: none;
        padding: 0.5em 0 0.6em;
        line-height: 1.2;
    }
    .service-link .list dl:first-child dd {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right;
        font-size: 0.86em;
        line-height: 1.3;
        padding: 0 0 0.1em;
    }
    .service-link .list dl:first-child dd small {
        margin-right: -0.4em;
    }
    .service-link .list dt {
        border-right: 1px solid #231815;
        width: 85%;
        padding: 0.4em 0.3em 0.25em;
        text-align: left;
        font-weight: 500;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .service-link .list dd {
        width: 15%;
        padding: 0.15em 0.3em 0.1em;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 500;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .ft-base.fix-pl {
        padding: 0 0 0 29.4%;
    }
}

@media screen and (max-width: 767px) {
    .mv_ttl {
        font-size: 0.4em !important;
        letter-spacing: -0.5px !important;
    }
    .mv_ttl > span:last-child {
        font-size: 1.3em !important;
    }
    .mv_txt small {
        font-size: 0.67em;
    }
    #plan .example-calcuration small {
        font-size: 0.24em;
        font-weight: 600;
        color: #699080;
        display: block;
    }
    .service-link {
        font-size: 0.25em;
        margin: 5.7% 0.1% 8% 0.5%;
    }
    .service-link .ttl {
        font-size: 1.46em;
        font-weight: 600;
        color: #699080;
        line-height: 1.2;
    }
    .service-link .ttl small {
        display: block;
        font-size: 0.78em;
        font-weight: 500;
        line-height: 2;
    }
    .service-link .txt {
        color: #000000;
        font-size: 300px;
        font-size: 1.15em;
        font-weight: 400;
    }
    .service-link .txt a {
        color: #00a0e9;
    }
    .service-link .list {
        margin-bottom: 0.5%;
    }
    .service-link .list dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: 1px solid #231815;
        border-top: none;
        font-size: 1.05em;
        color: #000000;
        line-height: 1.62;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .service-link .list dl:first-child {
        border-left: none;
        border-right: none;
    }
    .service-link .list dl:first-child dt {
        font-size: 1.1em;
        border-right: none;
        padding: 0.4em 0 0.6em;
        line-height: 1.2;
    }
    .service-link .list dl:first-child dd {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right;
        font-size: 0.86em;
        line-height: 1.3;
        padding: 0 0 0.1em;
    }
    .service-link .list dl:first-child dd small {
        margin-right: -0.4em;
    }
    .service-link .list dt {
        border-right: 1px solid #231815;
        width: 75%;
        padding: 0.4em 0.3em 0.25em;
        text-align: left;
        font-weight: 500;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .service-link .list dd {
        width: 25%;
        padding: 0.15em 0.3em 0.1em;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 500;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .caption-calcuration a {
        color: #00a0e9;
    }
}

#solution .bnr-telework {
    position: relative;
    text-align: center;
    margin: 8% auto;
    padding: 0 4.3%;
    max-width: 907px;
}

#solution .bnr-telework a,
#plan .bnr-telework a {
    position: absolute;
    left: 0;
    right: 0;
    top: 49.5%;
    display: inline-block;
    margin: 0 auto;
    width: 89%;
}

#plan .bnr-telework a {
    width: 84%;
}

#solution .bnr-telework img {
    margin: 0 auto;
    max-width: 907px;
}

@media (max-width: 640px) {
    #solution .bnr-telework {
        padding: 0;
    }

    #plan .bnr-telework {
        padding: 0 3.5%;
    }
}

@media (min-width: 641px) {
    #solution .bnr-telework a:hover,
    #plan .bnr-telework a:hover {
        opacity: 0.7 !important;
    }
}

#plan .inner {
    overflow: visible;
}

@media (min-width: 768px) {
    #plan .note-calcuration {
        margin-bottom: 12.3%;
    }

    #solution .bnr-telework a,
    #plan .bnr-telework a {
        top: 54.7%;
        width: 40.12%;
    }

    #plan .bnr-telework a {
        width: 45.7%;
    }

    #plan tl.telework {
        margin: 0 -0.882em;
    }
}

@media screen and (max-width: 767px) {
    #plan p {
        font-size: 0.26em;
    }
}

@media screen and (min-width: 768px) {
    #example img,
    #example .img-example {
        margin-left: 0 !important;
    }
}

@media screen and (min-width: 768px) {
    #point .stl {
        padding: 1.4em 0 1.2em 4.2%;
        line-height: 1.2;
    }

    .mv_img {
        left: auto !important;
        margin: 0 auto !important;
    }

    .box.fix-mb:after {
        content: '';
        display: block;
        clear: both;
    }
    .wrap-link {
        clear: both;
        margin-top: 3em;
    }
}