@charset "UTF-8";
/*
Theme Name: leafleaf
Theme URI: 
*/

#index .content-wrapper{
    padding: 40px 30px;
}

/** 公開時に必要なければ削除
#index .top-img{
    height: 184px;
    object-fit: cover;
}
**/

#index .menu-item__box{
    padding: 0 20px;
}

#index .menu-item__box .menu-item{
    color: #2a7300;
    font-size: 2.2rem;
    padding-bottom: 26px;
}

#index .menu-item__box>a{
    transition: .5s;
    display: block;
}

#index .menu-item__box>a:hover{
    background-color: rgba(211, 211, 211, 0.1);
    box-shadow: 4px 4px 4px rgba(0,0,0, 0.6);
}

#index .leaf-text{
    color: #ffffff;
    font-size: 2.8rem;
    padding: 20px 0;
    background-image: url(./../../img/back-green.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

@media screen and (max-width: 1200px){
    #index .content-wrapper{
        padding: 40px 10px;
    }
}

@media screen and (max-width: 767px) {
    #index .content-wrapper{
        padding: 20px 20px 0 20px;
    }

    #index .menu-item__box{
        padding: 20px;
    }

    #index .menu-item__box .menu-item{
        font-size: 2.0rem;
        padding-bottom: 10px;
    }
    

}