.top-jigyo img {
    width: 100%;
    height: 266px;
    object-fit: cover;
}

.image-content-box >img {
    width: 100%;
    height: 340px;
    object-fit: cover;
}

.service-top>img {
    width: 100%;
    height: 425px;
    object-fit: cover;
}

.btn{
    padding: 0.4rem 2.2rem;
    border-radius: 0px;
}

.site-header .navbar {
    padding-top: 0px;
    padding-bottom: 0px;
}

.form-control {
    padding: 0.53rem 1rem;
}

.form-select {
    height: auto;
    padding: 0.53rem 1rem;
    background-position: right 0.2rem center;
}

img {
    max-width: 100%;
    /*height: 100%;*/
    height: auto;
    object-fit: cover;
}

.bg-mizuiro{
    background-color: #35b3d1 !important;
}


@media (min-width: 992px){
.seventy-percent-bg-mizuiro {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(45%,#35b3d1),color-stop(45%,#ffffff));
    background: -webkit-linear-gradient(top,#35b3d1 45%,#ffffff 45%);
    background: linear-gradient(180deg,#35b3d1 45%,#ffffff 45%);
}
}

.seventy-percent-bg-mizuiro {
    background-color: transparent;
    background-color: #35b3d1;
}

.site-footer {
    background-color: #0a2e6b;
    color:#fff!important;
}

.site-footer .footer-widgets .footer-widget a {
    color: #ffda00;
}

.site-footer .footer-widgets .footer-widget a:hover {
    color: #35b3d1;
}

.youtube {
width: 100%;
aspect-ratio: 16 / 9;
line-height: 0;
}

.youtube iframe {
width: 100%;
/*height: 530px;*/
height: 100%;
}

.top{
    height: 689px;
}

@media (min-width: 992px){
    .height-px-420 {
        width: 100%;
    }

    .height-px-500 {
        height: 500px;
    }

    .site-header .navbar .nav-item {
        font-size: 0.8rem;
    }

    .btn {
        font-size: 0.8rem;
        padding: 0.4rem 1.6rem;
    }

    /*
    .row>* {
        padding-right: 0;
        padding-left: 0;
    }
    */
}

@media (min-width: 1200px){

    .site-header .navbar .nav-item {
        font-size: 1.1rem;
    }

    .btn {
        font-size: 1.1rem;
        padding: 0.4rem 1.8rem;
    }

    .row>* {
        padding-right: calc(var(--bs-gutter-x) / 2);
        padding-left: calc(var(--bs-gutter-x) / 2);
    }

    h4, .h4 {
        font-size: 1.4rem;
    }
}

@media (min-width: 992px){
    .home-bg {
        background-image: url(../../images/top_1.jpg);
    }

    .home-bg-1 {
        background-image: url(../../images/top_3.jpg);
    }

    .service-1 {
        background-image: url(../../images/company_1.jpg);
    }

    .seventy-percent-bg-black-pearl {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, #1C1D1E), color-stop(45%, #fff))!important;
        background: -webkit-linear-gradient(top, #1C1D1E 45%, #fff 45%)!important;
        background: linear-gradient(180deg, #1C1D1E 45%, #fff 45%)!important;
    }
}