.warizai main {
    padding: 160px 0 30px;
    background-color: #fff;

    @media screen and (max-width:992px) {
        padding: calc((20 / 600) * 100vw) 0 calc((100 / 600) * 100vw);
    }
}

main {
    & h2 {
        width: 620px;
        margin: 0 auto 30px;
        font-size: 32px;

        @media screen and (max-width:992px) {
            width: calc((500 / 600) * 100vw);
            margin: 0 auto calc((30 / 600) * 100vw);
            font-size: calc((30 / 600) * 100vw);
        }
    }

    & p.lead {
        width: 620px;
        margin: 0 auto 15px;

        @media screen and (max-width:992px) {
            width: calc((500 / 600) * 100vw);
            margin: 0 auto calc((15 / 600) * 100vw);
        }
    }

    & .mi.image {
        text-align: center;
        margin: 0 auto 50px;

        @media screen and (max-width:992px) {
            margin: 0 auto calc((50 / 600) * 100vw);
        }

        & img {
            max-width: 100%;
        }
    }

    & .hotel {
        width: 620px;
        margin: 0 auto 50px;

        @media screen and (max-width:992px) {
            width: calc((500 / 600) * 100vw);
            margin: 0 auto calc((50 / 600) * 100vw);
        }

        & h3 {
            color: #E35E89;
            font-size: 24px;
            margin: 0 0 20px;

            @media screen and (max-width:992px) {
                font-size: calc((24 / 600) * 100vw);
                margin: 0 0 calc((20 / 600) * 100vw);
            }
        }

        & p {
            font-size: 16px;

            @media screen and (max-width:992px) {
                font-size: calc((16 / 600) * 100vw);
            }
        }

        & .image {
            display: flex;
            justify-content: space-between;
            margin: 0 auto;

            & img {
                max-width: 100%;
            }
        }
    }

    & .bbq {
        width: 620px;
        margin: 0 auto 30px;

        @media screen and (max-width:992px) {
            width: calc((500 / 600) * 100vw);
            margin: 0 auto calc((30 / 600) * 100vw);
        }

        & h3 {
            color: #E35E89;
            font-size: 24px;
            margin: 0 0 20px;

            @media screen and (max-width:992px) {
                font-size: calc((24 / 600) * 100vw);
                margin: 0 0 calc((20 / 600) * 100vw);
            }
        }

        & p {
            font-size: 16px;

            @media screen and (max-width:992px) {
                font-size: calc((16 / 600) * 100vw);
            }
        }

        & .image {
            text-align: center;
            margin: 0 auto;

            & img {
                max-width: 100%;
            }

            & .att {
                font-size: 16px;
                text-align: left;

                @media screen and (max-width:992px) {
                    font-size: calc((16 / 600) * 100vw);
                }
            }
        }
    }

    & .genryo {
        width: 620px;
        margin: 0 auto 50px;

        @media screen and (max-width:992px) {
            width: calc((500 / 600) * 100vw);
            margin: 0 auto calc((50 / 600) * 100vw);
        }

        & h3 {
            color: #E35E89;
            font-size: 24px;
            margin: 0 0 20px;

            @media screen and (max-width:992px) {
                font-size: calc((24 / 600) * 100vw);
                margin: 0 0 calc((20 / 600) * 100vw);
            }
        }

        & p {
            font-size: 16px;

            @media screen and (max-width:992px) {
                font-size: calc((18 / 600) * 100vw);
            }
        }

        & .image {
            text-align: center;
            margin: 0 auto;

            & img {
                max-width: 100%;
            }

            & .att {
                font-size: 16px;
                text-align: left;

                @media screen and (max-width:992px) {
                    font-size: calc((16 / 600) * 100vw);
                }
            }
        }
    }

    & .cleaning {
        width: 620px;
        margin: 0 auto 50px;

        @media screen and (max-width:992px) {
            width: calc((500 / 600) * 100vw);
            margin: 0 auto calc((50 / 600) * 100vw);
        }

        & h3 {
            color: #E35E89;
            font-size: 24px;
            margin: 0 0 20px;

            @media screen and (max-width:992px) {
                font-size: calc((24 / 600) * 100vw);
                margin: 0 0 calc((20 / 600) * 100vw);
            }
        }

        & .image {
            text-align: center;
            margin: 0 auto;

            & img {
                max-width: 100%;
            }

            & .att {
                font-size: 16px;
                text-align: left;
            }
        }
    }

    & .cardArea {
        display: flex;
        justify-content: space-around;
        padding: 15px 0;

        @media screen and (max-width:992px) {
            flex-wrap: wrap;
        }

        & .warizaiCard {
            width: 32%;

            @media screen and (max-width:992px) {
                width: 100%;
                text-align: center;
            }

            & h4 {
                display: flex;
                align-items: center;
                height: 42px;
                padding: 0 5px;
                background-color: #CFDF93;
                border-radius: 3px;
                font-size: 16px;

                @media screen and (max-width:992px) {
                    font-size: calc((24 / 600) * 100vw);
                }
            }

            & p {
                font-size: 16px;

                @media screen and (max-width:992px) {
                    font-size: calc((24 / 600) * 100vw);
                    text-align: left;
                }
            }

            & h4.genryo-title {
                display: block;
                background-color: transparent;
                height: auto;
                padding: 0 5px;
                font-size: 14px;

                @media screen and (max-width:992px) {
                    font-size: calc((24 / 600) * 100vw);
                }
            }
        }
    }
}