/*** min-width */
@media(min-width: 600px){

}
@media(min-width: 992px){
    .problems .komatta-block {
        margin: -80px 0;
    }
    .problem-sub-catch {
        margin-top: 120px;
    }
}
@media(min-width: 1170px){

}
@media(min-width: 1400px){
    .top-block .yorokobi img, .problems .komatta img {
        width: 600px;
    }
    .container {
        max-width: 1340px;
    }
}
@media(min-width: 1600px){
    .top-block .yorokobi img, .problems .komatta img {
        width: 800px;
    }
    .container {
        max-width: 1400px;
    }

}

/*** max-width */
@media(max-width: 1600px){

}
@media(max-width: 1400px){

}
@media(max-width: 1170px){
    .logo.hcx {
        display: none;
    }
}
@media(max-width: 991px){
    .navbar ul {
        align-items: start;
    }
    .problem.col-lg-4 {
        margin-top: -100px;
    }
    .achievement-list .achievement-service {
        flex-flow: column;
        align-items: flex-start;
    }
    .achievement-list .achievement-service li {
        width: 100%;
        margin: 0 0 5px;
    }
    footer .footer-list{
        margin: 30px 0 0;
    }
}
@media(max-width: 600px){
    .sp {
        display: block;
    }
    .navbar .logo {
        width: 180px;
    }
    .top {
        padding: 80px 0 60px;
    }
    .btn.btn-cta, .btn.btn-cta:before {
        font-size: 1.4rem;
        line-height: 1.2;
    }
    .achievement .achievement-inner {
        padding: 30px 0;
    }
    .achievement-list .achievement-title span {
        display: block;
        margin: 0 0 15px;
    }
    .achievement-list .achievement-msg {
        width: 100%;
        padding: 0.5rem 2rem;
    }
    .achievement-attend {
        font-size: 1.4rem;
    }
    h2, h2.problem-catch {
        font-size: 1.4rem;
    }
    .service .service-list .service-desc-list {
        padding-left: 1rem;
    }
    footer {
        padding-bottom: 100px !important;
    }
}
@media(max-width: 320px){
    .top-block .catch {
        font-size: 1rem;
        text-align: left;
    }
    .top-block .sub-catch {
        font-size: 0.9rem;
        text-align: left;
    }
    .btn.btn-cta, .btn.btn-cta:before {
        font-size: 1rem;
    }
    .achievements .achievement-lead {
        font-size: 0.8rem;
    }
    .service .service-list h4 {
        font-size: 1rem;
    }
    .service .menu a p {
        font-size: 1rem;
    }
    .service .service-list .service-desc-headline {
        padding: 0.25rem 0.5rem;
        border-radius: 0.5rem;
        font-size: 0.75rem;
    }
    .service h3.service-headline {
        font-size: 1.2rem;
    }
    .service h3.service-headline span {
        font-size: 0.8rem;
    }
    .problem.col-lg-4:first-child {
        margin-top: -70px;
    }
    .problem.col-lg-4 {
        padding: 30px 0;
    }
    .problem-inner h3 {
        font-size: 1.2rem;
    }
    .problem-inner p {
        font-size: 1rem;
    }
    .btn.btn-bottom {
        font-size: 1rem;
    }
}