/* =======================================================================
   TOP Page Styles
======================================================================= */
#front-page {
    .section-main_visual {
        .main_visual-slider {
            overflow: hidden;
            max-width: 1280px !important;
        }
    } /* //.section-main_visual */

    .section-news {
        .section-news__title {
            color: #664D03;
            font-size: clamp(1.25rem, 0.982rem + 1.19vw, 1.875rem);
        }

        ul {
            list-style-type: none;
            padding-left: 0;

            li {
                border-bottom: 1px dotted #ccc;
                margin-bottom: 2rem;
                padding-block-end: 0.5rem;

                .column {
                    display: block;

                    a {
                        color: #212529;
                        text-decoration: none;

                        &:hover {
                            text-decoration: underline;
                        }
                    }
                }
            }
        }
    } /* //.section-news */

    .section-service {
        .section-service__copy {
            font-size: clamp(1.25rem, 0.898rem + 1.5vw, 2.25rem);
        }

        > div:last-child {
            justify-content: center;
        }

        .service-item {
            position: relative;
            max-width: 415px;

            a {
                text-decoration: none;
            }

            .service-item__title {
                font-size: clamp(1.5rem, 1.412rem + 0.38vw, 1.75rem);
                margin: auto;
                letter-spacing: -0.5px;
            }

            .service-item--type01 {
                &:before {
                    content: "";
                    background: url('../images/tree_small_01.svg') no-repeat;
                    background-size: contain;
                    position: absolute;
                    bottom: -0;
                    left: -30px;
                    width: 95px;
                    height: 135px;
                }
            }

            .service-item--type02 {
                &:before {
                    content: "";
                    background: url('../images/tree_small_02.svg') no-repeat;
                    background-size: contain;
                    position: absolute;
                    bottom: -0;
                    left: -30px;
                    width: 75px;
                    height: 113px;
                }
            }

            .service-item--type03 {
                &:before {
                    content: "";
                    background: url('../images/tree_small_03.svg') no-repeat;
                    background-size: contain;
                    position: absolute;
                    bottom: -0;
                    right: -30px;
                    width: 80px;
                    height: 137px;
                }
            }
        }
    } /* //.section-service */
    
} /* //#front-page */




/* =======================================================================
   Media Query
======================================================================= */
@media (min-width: 769px) {
    #front-page {
        .section-main_visual {
            .main_visual-slider {
                margin-top: 100px !important;

                > div {
                    max-width: initial !important;
                }
            }
        } /* //.section-main_visual */

        .section-news {
            position: relative;

            &:before {
                content: "";
                position: absolute;
                top: -80px;
                left: -8px;
                background: url('../images/tree_01.svg') no-repeat center;
                background-size: contain;
                width: clamp(11.875rem, -1.696rem + 28.27vw, 23.75rem);
                height: clamp(14rem, -2rem + 33.33vw, 28rem);
                z-index: 100;
            }

            .section-news__container {
                border-radius: 30px;
            }

            ul {
                li {
                    .column {
                        display: flex;
                        gap: 1.5rem;
                        align-items: flex-start;
                    }
                }
            }
        } /* //.section-news */

        .section-service {
            position: relative;

            &:before {
                content: "";
                position: absolute;
                top: -180px;
                right: -8px;
                background: url('../images/tree_02.svg') no-repeat center;
                background-size: contain;
                width: clamp(13.5rem, -1.929rem + 32.14vw, 27rem);
                height: clamp(15.875rem, -2.339rem + 37.95vw, 31.813rem);
                z-index: 100;
            }
        } /* //.section-service */
    } /* //#front-page */
}