@charset "utf-8";

#business {
        .wrap {
                .contents {
                        .contents_inner {
                                display:grid;
                                grid-template-columns:repeat(3,1fr);
                                grid-gap:40px;
                                a {
                                        border:2px solid var(--color_main);
                                        box-shadow:0 3px 6px rgba(0,0,0,.16);
                                        .img {
                                                img {
                                                        display:block;
                                                        width:100%;
                                                        aspect-ratio:1.55/1;
                                                        object-fit:cover;
                                                }
                                        }
                                }
                                h2 {
                                        font-size:2.5rem;
                                        font-weight:500;
                                        text-align:center;
                                        margin:0;
                                        padding:.5em;
                                }
                        }
                }
        }
}

/**サイドバー**/
#sidebar {
        .sidemenu {
                padding-top:30px;
                .tit {
                        background-color:var(--color_main);
                        line-height:1.3;
                        padding:.75em;
                        text-align:center;
                        color:#FFFFFF;
                }
                ul {
                        border-left:2px solid #EEF0F3;
                        border-right:2px solid #EEF0F3;
                        &:last-child {
                                border-bottom:2px solid #EEF0F3;
                        }
                        li {
                                &:not(:last-child) {
                                        border-bottom:2px solid #EEF0F3;
                                }
                                a {
                                        display:grid;
                                        text-align:center;
                                        align-items:center;
                                        line-height:1.3;
                                        min-height:2.8em;
                                        padding:.5em;
                                }
                                ul {
                                        border:none;
                                        li {
                                                a {
                                                       background-color:#F8F8F8; 
                                                }
                                                &:first-child {
                                                        border-top:2px solid #EEF0F3;
                                                }
                                        }
                                }
                        }
                }
        }
}

/**肥料**/
#fertilizer {
        .wrap {
                .contents {
                        .contents_inner {
                                display:grid;
                                grid-template-columns:repeat(3,1fr);
                                grid-gap:30px 15px;
                                a {
                                        border:2px solid var(--color_main);
                                        box-shadow:0 3px 6px rgba(0,0,0,.16);
                                        .img {
                                                img {
                                                        display:block;
                                                        width:100%;
                                                        aspect-ratio:1.2/1;
                                                        object-fit:cover;
                                                }
                                        }
                                }
                                h2 {
                                        font-size:2.0rem;
                                        line-height:1.5;
                                        font-weight:500;
                                        text-align:center;
                                        margin:0;
                                        padding:.5em;
                                }
                        }
                }
        }
}

@media screen and (max-width:1200px){

}

@media screen and (max-width:1024px){

        #business {
                .wrap {
                        .contents {
                                .contents_inner {
                                        grid-gap:20px;
                                        h2 {
                                                font-size:2.0rem;
                                        }
                                }
                        }
                }
        }
        
}

@media screen and (max-width:768px){

        #business {
                .wrap {
                        .contents {
                                .contents_inner {
                                        grid-template-columns:repeat(2,1fr);
                                        grid-gap:10px;
                                        h2 {
                                                font-size:1.6rem;
                                        }
                                }
                        }
                }
        }

}