@charset "utf-8";

.mainimage img {
    width: 100%;
    vertical-align: bottom;
}

h2 {
    text-align: center;
    span {
        font-size: 2.7rem;
        font-weight: bold;
        color: var(--color-main);
        display: block;
        @media (width <= 999px) {
            font-size: 1.7rem;
        }
    }
}

.sectionInfo {
    .sectionInner {
        padding: 110px 0 100px 0;
        @media (width <= 999px) {
            padding: 60px 20px 50px 20px;
        }
        h2 {
            margin-bottom: 75px;
            @media (width <= 999px) {
                margin-bottom: 30px;
            }
        }
    }
}
.sectionBlog {
    .sectionInner {
        padding: 100px 0 200px 0;
        @media (width <= 999px) {
            padding: 30px 20px 50px 20px;
        }
        h2 {
            margin-bottom: 55px;
        }
        .blog-banner {
            text-align: center;
        }
    }
}
.sectionLife {
    border-top: 20px solid var(--color-main-soft);
    background: #fceee3;
    padding: 100px 0 170px 0;
    @media (width <= 999px) {
        padding: 70px 0 0 0;
    }
    .sectionInner {
        h2 {
            margin-bottom: 55px;
            span {
                margin-top: 15px;
            }
        }
        .service-list {
            ul {
                display: grid;
                @media (width <= 999px) {
                    grid-template-columns: repeat(1, 1fr);
                    gap: 25px;
                }
                li {
                    text-align: center;
                    .service-list_button {
                        a {
                            background: var(--color-main-light);
                            border-radius: 500px;
                            width: 100%;
                            margin-top: 10px;
                            padding: 7px 10px 8px 10px;
                            color: #fff;
                            display: block;
                            text-decoration: none;
                            box-shadow: 5px 5px 5px -5px rgba(0,0,0,0.5);
                            &:hover {
                                background: var(--color-main)
                            }
                        }
                    }
                }
                &.service-list3 {
                    grid-template-columns: repeat(3, 1fr);
                    gap: 75px;
                    margin-bottom: 75px;
                    @media (width <= 999px) {
                        grid-template-columns: repeat(1, 1fr);
                    }
                }
                &.service-list2 {
                    width: 775px;
                    margin: 0 auto;
                    grid-template-columns: repeat(2, 1fr);
                    gap: 75px;
                    @media (width <= 999px) {
                        width: 100%;
                        grid-template-columns: repeat(1, 1fr);
                    }
                }
            }
        }
    }
}
.sectionInquiry {
    background-image: url("../images/contents/index/footerimage.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fceee3;
    background-position: top center;
    text-align: center;
    @media (width <= 999px) {
        background-position: bottom center;
    }
    .sectionInner {
        min-height: 1090px;
        padding-top: 290px;
        @media (width <= 999px) {
            min-height: 890px;
            padding-top: 180px;
        }
        h2 {
            margin-bottom: 60px;
        }
        .inquiry-info {
            margin-bottom: 45px;
        }
    }
    .inquiry-button {
        a {
            img {
                border-radius: 30px;
                box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
            } 
        }
    }
}