@charset "utf-8";
:root{
    --green-text:#405A4B;
    --back-hover:#6FB92A;
}
#site__map__area{
    width: 100%;
    height: auto;
}
    .site__map__inner{
        width: 85.9375%;
        height: auto;
        margin: 0 auto;
        max-width: 1100px;
        padding-top: 52px;
        padding-bottom: 180px;
    }
        .site__map__container__wrap{
            width: 100%;
            height: auto;
            margin: 0 auto;
        }
            .site__map__container{
                width: 100%;
                height: auto;
                display: flex;
                flex-wrap: wrap;
                row-gap: 90px;
                justify-content: space-between;
                align-items: flex-start;
            }
                .site__map__contents{
                    width: 46.276595744%;
                    height: auto;
                }
                    .site__map__contents__title{
                        width: 100%;
                        height: auto;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        padding-bottom: 8px;
                        border-bottom: 1px dotted var(--green-text);
                        transition: 0.3s ease;
                    }
                    .site__map__contents__title:hover .site__map__contents__term{
                        color: var(--back-hover);
                    }
                    .site__map__contents__title:hover .sitemap__green__arrow{
                        transform: translateX(5px);
                    }
                        .site__map__contents__term{
                            font-size: 18px;
                            color: var(--green-text);
                            transition: 0.3s ease;
                        }
                        .sitemap__green__arrow{
                            width: 14px;
                            height: auto;
                            transition: 0.3s ease;
                        }
                            .sitemap__green__arrow img{
                                width: 100%;
                                height: auto;
                            }
                    .site__map__contents__detail{
                        width: 100%;
                        height: auto;
                        color: var(--green-text);
                        font-size: 12px;
                        padding-top: 12px;
                    }
/* SP ================================================== */
@media all and (max-width:768px){
    .site__map__inner{
        width: 87%;
        padding-top: 20px;
    }
        .top__title{
            font-size: 23px;
        }
    .site__map__container__wrap{
        width: 100%;
    }
        .site__map__container {
            width: 100%;
            height: auto;
            display: flex;
            flex-wrap: wrap;
            row-gap: 90px;
            justify-content: space-between;
            align-items: stretch;
        }
            .site__map__contents__term{
                font-size: 14px;
            }
                .sitemap__green__arrow{
                    width: 12px;
                }
                    .site__map__contents__detail{
                        font-size: 10px;
                    }
                    .site__map__contents{
                        width: 48%;
                    }
        .header__image__area {
            width: 65%;
            height: 100%;
            background-position: center right;
            background-size: cover;
        }
}