body{
    font-size: 15px !important;
    background-position-y: -180px !important;
}

.gym-image {
    background-image: url(../img/S_top_taisou.jpg);
    background-size: cover;
    border-radius: 40% 37% 10% 24% / 19% 24% 10% 24%;
    max-width: 100%;
    height: 900px;
    vertical-align: top;
    position: relative;
}

@media (max-width: 767px) {
    .gym-image{
        height: 290px;
        
    }
}

.baseup-image {
    background-image: url(../img/main_baseup.jpg);
    background-size: cover;
    border-radius: 40% 37% 10% 24% / 19% 24% 10% 24%;
    max-width: 100%;
    height: 900px;
    vertical-align: top;
    position: relative;
}

@media (max-width: 767px) {
    .baseup-image{
        height: 290px;
        
    }
}

.table-tennis-image {
    background-image: url(../img/top_tabletennis.png);
    background-size: cover;
    background-position: left;
    border-radius: 40% 37% 10% 24% / 19% 24% 10% 24%;
    max-width: 100%;
    height: 900px;
    vertical-align: top;
    position: relative;
}

@media (max-width: 767px) {
    .table-tennis-image{
        height: 290px;
        
    }
}

.dance-image {
    background-image: url(../img/main_dance.png);
    background-size: cover;
    border-radius: 40% 37% 10% 24% / 19% 24% 10% 24%;
    max-width: 100%;
    height: 900px;
    vertical-align: top;
    position: relative;
}

@media (max-width: 767px) {
    .dance-image{
        height: 290px;
        
    }
}

@media screen and (min-width: 768px) {
    .dance-image {
        margin-top: 150px;
    }
}

.kids-dance-image {
    background-image: url(../img/main_kids_dance.jpg);
    background-size: cover;
    border-radius: 40% 37% 10% 24% / 19% 24% 10% 24%;
    max-width: 100%;
    height: 900px;
    background-position: center;
    vertical-align: top;
    position: relative;
}

@media (max-width: 767px) {
    .kids-dance-image{
        height: 290px;
        
    }
}

@media screen and (min-width: 768px) {
    .kids-dance-image {
        margin-top: 150px;
    }
}

.karate-image {
    background-image: url(../img/main_karate_02.jpg);
    background-size: cover;
    border-radius: 40% 37% 10% 24% / 19% 24% 10% 24%;
    max-width: 100%;
    height: 900px;
    vertical-align: top;
    position: relative;
}

@media (max-width: 767px) {
    .karate-image{
        height: 290px;
        
    }
}

.kumon-image {
    background-image: url(../img/kumon_main.png);
    background-size: cover;
    border-radius: 40% 37% 10% 24% / 19% 24% 10% 24%;
    max-width: 100%;
    height: 900px;
    vertical-align: top;
    position: relative;
}

@media (max-width: 767px) {
    .kumon-image{
        height: 290px;
        
    }
}

.grow-image {
    background-image: url(../img/S_top_about_Grow.jpg);
    background-size: cover;
    border-radius: 40% 37% 10% 24% / 19% 24% 10% 24%;
    max-width: 100%;
    height: 900px;
    vertical-align: top;
    position: relative;
}

@media (max-width: 767px) {
    .grow-image{
        height: 290px;
        
    }
}

.about-image {
    background-image: url(../img/S_top_tn_ohana.jpg);
    background-size: cover;
    border-radius: 40% 37% 10% 24% / 19% 24% 10% 24%;
    max-width: 100%;
    height: 900px;
    vertical-align: top;
    position: relative;
}

@media screen and (min-width: 768px) {
    .about-image,.grow-image {
        margin: auto;
        width: 100vw;
        height: 430px;
        /* border-radius: 35% 33% 17% 20% / 28% 24% 15% 20%; */
        border-radius: 0 0 60% 60% / 0 0 10% 10%;
        margin-top: 97px;
    }
}

@media (max-width: 767px) {
    .about-image{
        height: 290px;
        
    }
}

.gym_benefit{
    width: 100%;
    margin: 80px auto 0
}
@media screen and (min-width: 768px) {
    .gym_benefit {
        width: 70% ;
        margin-top:50px;
    }
}

.contact-image {
    background-image: url(../img/S_otoiawase.jpg);
    background-size: cover;
    border-radius: 40% 37% 10% 24% / 19% 24% 10% 24%;
    max-width: 80%;
    height: 430px;
    vertical-align: top;
    position: relative;
    margin: auto;
    margin-top: 200px;
    margin-bottom: 50px;
}

@media screen and (min-width: 768px){
    .contact-image{
        width: 100% !important;
        max-width: none;
        height: 430px !important;
        /* border-radius: 35% 33% 17% 20% / 28% 24% 15% 20%; */
        border-radius: 0 0 60% 60% / 0 0 10% 10%;
        margin-top: 97px;
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) { 
    .contact-image{
        max-width: 90%;
        height: 338px !important;
    }
}
@media (max-width: 767px) {
    .contact-image{
        max-width: 100%;
        height: 250px;
        margin-top: 0px;
        max-width: 100%;
    }
}


@media screen and (min-width: 768px) {
    .gym-image, .table-tennis-image, .dance-image,.kids-dance-image, .karate-image, .kumon-image, .baseup-image {
        margin: auto;
        width: 100% !important;
        height: 430px !important;
        /* border-radius: 35% 33% 17% 20% / 28% 24% 15% 20%; */
        border-radius: 0 0 60% 60% / 0 0 10% 10%;
        margin-top: 97px;
        background-position: center;
    }
}