@media (max-width: 1750px) {
    .container-fluid {
        max-width: 95%;
    }
}
@media (min-width: 769px) {
    * {}
    .cap-app {
        text-align: left;
        transform: translateX(-42px);
    }
    .fade-navbar{
        display: none !important;
    }
}

@media (min-width: 558px) {
    * {}
    .title-mb{
        display: none;
    }
}
@media (max-width: 1540px) {
    * {}
    .form-ques {
        margin-bottom: 30px;
        padding-top: 75px;
    }
    .slide-app .item .box {
        padding-top: 65px;
        min-height: 260px;
        height: auto;
    }
    .main-title .title {
        font-weight: bold;
        font-size: 55px;
        padding: 50px 120px 30px;
    }
    ul.be-lst{padding: 60px 30px;}
    #benefits .be-left{    padding: 60px 0 0 50px !important;}
    .main-title .title span:after{height: 5px;}
    #about {
        padding: 75px 0 50px;
    }
    #features .wrap-feature{padding-top: 45px;}
    #features .title-page{margin-bottom: 20px;}
    .slide-app .box .icon img{width: 40px;}
    .slide-app .item .box .icon {
        width: 80px;
        height: 80px;
    }
    .slide-app {
        padding-bottom: 40px;
    }
    div#benefits {
        padding-top: 50px;
    }
    .cap-app {
        margin-top: 120px;
    }
    #faq {
        padding-top: 80px;
        padding-bottom: 60px;
    }
    form.form-ques {
        margin-bottom: 60px;
        padding-top: 70px;
    }
}
@media (max-width: 1280px) {
    * {}
    .banner-image{min-height: inherit;}
}

@media (max-width: 1200px) {
     * {}
    html[lang="ja"] header .nav-link {
        color: #353535;
        margin-right: 0px;
        font-weight: bold;
        font-size: 14px;
    }
}
@media (max-width: 1024px) {
    *{}

    .main-title .title {
        font-size: 60px;
    }

    .banner-image .bn {
        padding-top: 60px;
    }
    .main-title .title {
        padding: 50px;
    }

    .main-title .title-child {
        padding: 0 50px;
        margin-bottom: 50px;
    }

    .banner-image .download-type {
        top: 15px;
    }

    .banner-image .download-type img {
        width: 150px;
    }

    #about {
        padding: 80px 0;
    }

    .cap-app {
        margin-top: 50px;
        transform: translateX(-32px);
    }

    div#faq {
        padding: 50px 0;
    }
    .slide-app {
        padding-bottom: 20px;
    }

    #faq .title-page {
        margin-bottom: 70px;
    }

    form.form-ques {
        padding-top: 40px;
        margin-bottom: 40px;
    }

    ul.be-lst {
        padding: 40px;
    }

    #benefits .be-left {
        padding-top: 40px !important;
    }
}

@media (max-width: 768px) {
    *{}
    .mb{display: block !important;}
    .pc{display: none  !important;}
    .banner-image .bn img {
        max-width: 460px;
    }

    .banner-image .bn {
        padding-top: 60px;
    }

    .slide-app .item .box {
        min-height: auto;
    }

    #benefits .be-right {
        display: none;
    }

    .cap-app {
        transform: inherit;
        text-align: center;
    }
}

@media (max-width: 768px) {
    * {}
    .dropdown-menu.show {
        right: inherit;
        left: 35%;
    }
    button.navbar-toggler {
        padding-right: 0;
    }
    ul.navbar-nav .nav-item {text-align: right;}

    header .phone {
        text-align: center;
        padding-right: 0;
        margin-top: 10px;
        margin-bottom: 30px;
    }
 
    div#navbarCollapse {
        border-top: 1px solid #f0f0f0 ;
        margin-top: 10px;
    }
    header#header {
        padding: 10px 15px 15px 15px;
        z-index: 9999;
    }
    header .nav-link{margin-right: 0;}
    .row-ques {
        padding: 0 15px;
    }

    #benefits .be-left .title-for-child {
        text-align: center;
        display: none;
    }

    #benefits .be-left .title-for {
        border: none;
        text-align: center;
        display: none;
    }

    .navbar-expand-md>.container, .navbar-expand-md>.container-fluid{
        padding: 0 15px !important;
    }
    .container, .container-fluid{
        max-width: 100%;
    }

    .lst-contact {
        width: 100%;
        text-align: center;
        margin-bottom: 35px;
    }

    .logo-footer {
        width: 100%;
        text-align: center;
        margin-bottom: 35px;
    }

    .footer-left {
        flex-wrap: wrap;
    }

    .app-download a img {
        width: 200px;
        margin-bottom: 12px;
    }

    form.form-ques .right {
        padding: 40px 15px;
    }

    #benefits .be-left {
        padding: 0 !important;
    }

    #benefits .be-left .title {
        text-align: center;
        padding-top: 40px;
        margin-bottom: 40px;
    }

    #benefits .be-left .sl .title {
        margin-bottom: 30px !important;
    }

    .tag-info {
        padding: 0;
        text-align: left;
    }

    #about {
        padding-top: 70px;
    }

    .main-title .title-child {padding: 0 15px !important;font-size: 18px;margin-bottom: 30px;}

    .main-title .title {
        font-size: 51px;
        padding: 45px 15px;
        margin: 0;
        padding-bottom: 30px;
    }
    .slide-app .owl-nav{
        display: none !important;
    }
    .slide-app .item{
        padding-left: 0;
        padding-right: 0;
    }
    form.form-ques .left {
        line-height: 35px;
        padding: 20px;
    }
}
@media (max-width: 980px) and (min-width: 557px) {
    .banner-image .download-type img {
        width: 120px;
    }
}
@media (max-width: 767px) {
    ul#menu-menu-main,ul#menu-menu-jp {
        padding: 35px 0 10px;
    }
    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
        text-align: center;
    }
    #features .wrap-feature {
        padding-top: 45px;
        padding: 45px 15px 0 0px;
    }
    .row{margin-left: -15px;}
    .wrap-benefits {
        padding: 0 15px;
    }
}
@media (max-width: 556px) {
    .form-ques .right {
        padding: 40px 0;
    }
    .slide-app .owl-nav .owl-prev, .slide-app .owl-nav .owl-next {
        display: none !important;
    }
    .title-pc{
        display: none;
    }

    form.form-ques .left {
        padding: 40px;
    }

    .main-title .title, .main-title .title-child {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .main-title .title {
        font-size: 33px;
    }

    #about {
        padding-top: 75px;
    }

    .banner-image {
        margin-top: 50px;
        min-height: inherit;
    }

    .dis-more {bottom: -55px;}

    .bnimgrog  .bn img {
        position: absolute;
        top: -70px;
    }

    .bnimgrog  .bn {
        position: relative;
        z-index: 9;
        overflow: inherit;
        height: 400px;
    }
    .bnimgrog  .download-type img {
        width: 170px;
        margin: 5px 0;
    }

    .bnimgrog  .download-type {
        width: 170px;
    }

    .bnimgrog  .download-type {
        top: 56%;
        display: flex;
        flex-direction: column-reverse;
        left: 60%;
        position: absolute;
    }

    .bnimgrog  .download-type > a:nth-child(2) {
        transform: translateX(40px);
        margin-bottom: 5px;
    }
    .slide-app .item .box {
        padding: 96px 22px 30px;
    }
}
@media (max-width: 425px){
    .owl-carousel.owl-drag .owl-item {
        max-width: 355px;
    }

    .slide-app .item {
        width: 352px;
    }
}

@media (max-width: 375px) {
    div#about {
        padding-top: 50px;
    }
    .slide-app .item {
        width: 310px;
    }


    .dis-more {
        bottom: -0px;
    }
    .owl-carousel.owl-drag .owl-item {
        max-width: 315px;
    }
}
@media (max-width: 768px) {
    .pc{display: none;}
    .qa-more .item{padding:30px ​0px ;}
    .slide-qa {
        display: block;
        white-space: nowrap;
        overflow: auto;
            padding: 0 20px;
    }
    .qa-more .item {
        padding: 30px 0;
        display: inline-block;
        white-space: normal;
        vertical-align: top;
    }
    #benefits .be-left .titlefa{display: none;}
    #benefits .be-left .title{font-weight: bold;}
    .form-ques .right {
        padding: 40px 25px;
    }
    .form-ques .right input{height: 40px;}
    .col-12.text-center.appimges {
        padding: 0;
    }
    #main-page {
        padding-top: 25px;
    }
    .title-mb p{
        line-height: 28px;
        font-size: 27px;
    }
    .main-title .title {
        font-size: 51px;
        padding: 30px 15px;
        margin: 0;
        padding-bottom: 20px;
    }
    .main-title .title-child{font-size: 16px;}
    .mbgo{display: none !important;}
    .imgappmb{
        background: url(../images/phonemb_bg.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
         height: 390px;
    }
    .imgappmb img {
        position: absolute;
        top: -58px;
        width: 265px;

    }
    .bnimgrog {
        position: relative;
        margin-top: 30px;
    }
    .bnimgrog .download-type {
        z-index: 99;
        left: 39%;
        top: 49%;
    }
    .bnimgrog .download-type img{
            -webkit-box-shadow: 3px 7px 8px 2px rgb(0 0 0 / 30%);
        -moz-box-shadow: 3px 7px 8px 2px rgb(0 0 0 / 30%);
        box-shadow: 3px 7px 8px 2px rgb(0 0 0 / 30%);
        border-radius: 100px;
            width: 150px;
    }
    .dis-more {
        bottom: 20px;
    }
    .main-title .title {
        padding: 60px 15px 15px;
    }
    #about .col-12.text-center {
        text-align: left !important;
    }
    div#features.container-fluid {
        padding: 0 15px;
        overflow: hidden;
    }
    .slide-app.owl-carousel.owl-theme {
        display: block;
       /* overflow: auto;*/
        padding-bottom: 0;
        width: 100%;
            margin-left: 10px;
    }
.col-slide-app {
    padding-right: 30px;
}
    .slide-app .item {
        width: 96%;
        /* display: inline-block; */
       vertical-align: top;
        padding: 50px 6px 290px;
        position: relative;

            margin-left: 0;

    }
    .slide-app.owl-carousel.owl-theme:before {
        width: 16px;
        height: 100%;
        background: #5693c9;
        content: "";
        position: absolute;
        left: -10px;
        top: 0;
        z-index: 99;
    }
    #about {
        padding: 80px 15px;
    }
    .slide-app .slick-list{overflow: inherit;}
    .imas.d-lg-none {
        position: absolute;
        bottom: 0;
        left: -8px;
        width: 100%;
    }
    .slide-app .item .content{
        white-space: normal;
    }
    .slide-app .item .box{height: 280px;}
    .mbnone{display:  none;}

    .slide-app .item .box .icon {
        width: 116px;
        height: 116px;
    }
    .slide-app .box .icon img {
        width: 51px;
    }
    .qa-more{margin-bottom: 33px !important}
    .qa-more .item .box .b-top{font-size: 18px;padding: 0 15px;}
    .qa-more .item .box{margin-bottom: 30px;}
    div#faq {
        padding: 100px 15px 70px;
            overflow: hidden;
    }
    #faq .title-page {
        margin-bottom: 45px;
    }
    .box-f{margin-bottom: 20px;}
    a.see-more {
        margin-top: -7px;
        display: block;
    }
    .form-ques .left{
        line-height: 30px;
        padding: 30px 40px;
    }
    .form-ques .right .title{margin-bottom: 25px;}
    .intro-app {
        margin-top: 70px;
    }
    .app-download {
        margin-top: 30px;
    }
    footer {
        padding: 50px 0;
        font-size: 14px;
        line-height: 20px;
    }
    .footer-info h6{text-transform: uppercase;}
    .lst-contact .item {
        margin: 0 9px;
        width: 48px;
        height: 48px;
        font-size: 28px;
        line-height: 51px;
    }

}
@media (max-width: 768px) and (min-height: 700px) {
    .title-mb p {
        line-height: 36px;
        font-size: 33px;
    }

    .main-title .title {
        padding: 85px 15px 15px;
    }
    .imgappmb{height: 410px;}
    .imgappmb img {
        position: absolute;
        top: -58px;
        width: 275px;
        left: 4px;
    }
}