.br-768{
    display:none;
}
.br-600{
    display:none;
}
@media screen and (max-width:1280px){
    .top-slider{
        height:800px;
    }
    .top-catch{
        font-size:2.2rem;
    }
    .en-service-inner{
        gap:50px;
    }
}

@media screen and (max-width: 1024px) {
    .top-slider{
        height:600px;
    }
    .top-catch{
        font-size:1.8rem;
    }
    .green-btn{
        font-size:18px;
    }
    h1.page-title{
        font-size:2.2em;
    }
    .en-service-inner{
        gap:25px;
    }
    .en-service-inner .en-item h3{
        font-size:1.8em;
    }
    .en-item p{
        font-size:1em;
    }
    .en-about-text p{
        font-size:1.3em;
    }
    .menu-item h3{
        font-size:22px;
    }
    .flow-step .number{
        font-size:2.2em;
    }
    .company-section h2{
        width:85%;
        font-size:1.4rem;
    }
    .ceo-photo{
        width:35%;
        padding:15px;
    }
    .ceo-text{
        width:65%;
        padding:15px;
    }
    .nurse-thoughts p{
        font-size:1em;
    }
    .company-section h3{
        font-size:1.5em;
    }
    .circle{
        width:200px;
        height:200px;
    }
    .info-box{
        width:80%;
    }
    .policy-content{
        width:80%;
    }
    .news-card-img img{
        width:245px;
        height:190px;
    }
}

@media screen and (max-width:768px){
    body{
        font-size:15px;
    }
    .br-768{
        display:block;
    }
    .logo img{
        height:45px;
    }
    .header-inner{
        padding:5px 15px 5px 15px;
    }
    .nav-mobile{
        padding: 50px 0px;
    }
    .green-btn{
        font-size:17px;
    }
    .green-btn.service-btn{
        padding:20px 15px;
    }
    .flex-btn-area{
        flex-direction: column;
        gap:15px;
    }
    .green-btn.flex-btn{
        padding:15px;
    }
    .top-slider{
        height:450px;
    }
    .top-catch{
        font-size:1.5rem;
    }
    .en-service{
        padding:30px 15px;
    }
    .en-service-inner {
        flex-wrap:wrap;
        gap:15px 5px;
    }
    .en-item{
        width:200px;
    }
    .en-item.green { order: 1; }
    .en-item.orange { order: 2; }
    .en-item.blue { order: 3; }
    .en-item.green{
        width:100%;
    }
    .en-item img{
        width:145px;
    }
    .en-service-inner .en-item h3{
        font-size:1.5em;
    }
    .en-item p {
        font-size: .9em;
    }
    .en-about{
        padding:50px 15px;
    }
    .en-about-text p {
        font-size: 1.2em;
        line-height: 3;
        letter-spacing: .3rem;
    }
    .en-link-banner{
        margin-top:80px;
        gap:30px;
    }
    .en-link-banner .banner{
        width:85%;
    }
    .en-link-banner .banner span{
        font-size:1.8rem;
    }
    .contact-flex{
        flex-direction:column;
        gap:30px;
    }
    .contact-title{
        font-size:38px;
        text-align:center;
    }
    .contact-lead{
        font-size:17px;
        text-align:center;
    }
    .news-section{
        padding:50px 0;
    }
    .news-list li a{
        padding:30px 15px;
    }
    .news-date{
        width:120px;
    }
    .news-section h1{
        margin-bottom:30px;
    }
    .footer{
        padding:15px 0;
    }
    .footer-logo img{
        width:70px;
    }
    .copyright{
        font-size:10px;
    }
    h1.page-title{
        font-size:2em;
    }
    p.title-lead{
        font-size:14px;
    }
    .breadcrumb{
        padding:90px 25px 15px;
    }
    .en-service-menu .menu-item{
        width:165px;
    }
    .en-service-menu .menu-item.green { order: 1; }
    .en-service-menu .menu-item.orange { order: 2; }
    .en-service-menu .menu-item.blue { order: 3; }
    .en-service-menu{
        gap:10px;
    }
    .menu-item h3{
        font-size:20px;
    }
    .menu-item h3 span{
        font-size:13px;
    }
    .service-detail-wrap{
        padding:50px 15px;
    }
    .service-detail-title div{
        width:65px;
    }
    .service-detail h2{
        font-size:23px;
        margin-bottom: 10px;
    }
    .service-detail h3{
        margin-top:14px;
    }
    .service-detail p{
        font-size:.9rem;
    }
    .ens-care-bottom p{
        font-size:1.2em;
    }
    .ens-aid-example ul li strong{
        width:20%;
        font-size:1em;
    }
    .ens-aid-example ul li span{
        width:75%;
        font-size:.9em;
    }
    .ens-academy-example ul li strong{
        width:20%;
        font-size:1em;
    }
    .ens-academy-example ul li span{
        width:75%;
        font-size:.9em;
    }
    .flow-steps{
        gap:0;
    }
    .flow-step{
        padding:15px;
    }
    .flow-step .flow-left{
        width:35%;
    }
    .flow-step .flow-right{
        width:65%;
    }
    .flow-step h3{
        font-size:1.2rem;
    }
    .company-section h2 {
        width: 100%;
        font-size: 1.3rem;
    }
    .ceo-flex{
        flex-direction:column;
    }
    .ceo-photo{
        padding: 25px 15px 0;
    }
    .ceo-text{
        width:95%;
        padding:0;
    }
    .ceo-text p{
        font-size:.9rem;
    }
    .philosophy{
        flex-direction:column;
        gap:0;
    }
    .circle {
        width: 175px;
        height: 175px;
        font-size:1.1rem;
    }
    .price-lead{
        margin-bottom:30px;
    }
    .price-box{
        padding:15px;
        margin-bottom:30px;
    }
    .price-box h2{
        font-size:1.3em;
    }
    .price-box ul{
        margin-left:10px;
    }
    .price-box ul.other-list{
        padding-left:10px;
    }
    .other-list li{
        padding:5px 0;
    }
    .price-list li{
        font-size:1em;
    }
    .contact-form-area{
        padding:50px;
    }
    .policy-content{
        padding:25px;
    }
    .policy-content h2{
        margin-bottom:20px;
    }
    .policy-content .policy-bottom{
        margin:30px auto 45px;
    }
    .contact-proc-area{
        padding:50px 25px;
    }
    .contact-proc-area p{
        font-size:1em;
    }
    .news-card{
        padding:20px;
        gap:15px;
        margin-bottom:25px;
    }
    .news-card-img img {
        width: 200px;
        height: 150px;
    }
    .news-card-date{
        font-size:16px;
        margin-bottom:5px;
    }
    .news-card-title{
        font-size:18px;
        margin:5px 0;
    }
    .news-card-summary{
        font-size:13px;
    }
}
@media screen and (max-width:600px){
    .br-600{
        display:block;
    }
    .top-slider{
        height:350px;
    }
    .en-item{
        width:150px;
    }
    .en-about-text p{
        font-size:1em;
    }
    .en-service-menu .menu-item{
        width:105px;
    }
    .menu-item h3{
        font-size:15px;
    }
    .menu-item h3 span{
        font-size:10px;
    }
    .en-service-menu{
        gap:0;
    }
    .menu-item p {
        font-size: .8em;
        line-height: 1.5;
    }
    .flow-step{
        flex-direction:column;
    }
    .flow-step .flow-left{
        width:50%;
        padding:5px 0 0 0;
    }
    .flow-step .flow-right{
        width:95%;
        padding:0px;
    }
    .flow-step h3{
        font-size:1.1rem;
    }
    .ceo-photo{
        width:55%;
    }
    .info-section{
        padding:30px 15px;
    }
    .info-box{
        margin:30px auto;
        width:100%;
    }
    .info-box dl dt{
        width:100px;
    }
    .info-box dl{
        padding:15px;
    }
    .circle{
        width:145px;
        height:145px;
        font-size:1rem;
    }
    .pillar-bottom{
        gap:15px;
    }
    .info-box dl dd{
        margin:0;
    }
    .price-list li{
        flex-direction:column;
    }
    .price-list .yen{
        text-align:right;
    }
    .contact-form-area{
        padding:30px 15px;
    }
    .policy-item label{
        font-size:15px;
    }
    .policy-content{
        padding:15px;
        font-size:.9em;
    }
    .policy-content h2{
        margin-bottom:15px;
    }
    .policy-content .policy-bottom{
        margin:20px auto 30px;
    }
    .form-item{
        margin-bottom:20px;
    }
    .news-card{
        flex-direction:column;
        gap:10px;
    }
}
@media screen and (max-width:400px){
    .top-catch{
        font-size:1.1rem;
    }
    .en-item{
        width:150px;
    }
    .en-service-menu .menu-item{
        width:100px;
    }
    .menu-item h3{
        font-size:14px;
        letter-spacing: -0.5px;
    }
    .menu-item h3 span{
        font-size:10px;
        letter-spacing: -0.5px;
    }
    .en-service-menu{
        gap:0;
    }
    .menu-item p {
        font-size: .8em;
        line-height: 1.5;
        letter-spacing: -0.5px;
    }
    .info-box dl dt{
        width:80px;
    }
    .circle{
        width:125px;
        height:125px;
        font-size:.9rem;
    }
    .info-box dl dt{
        width:65px;
    }
}