.voice main {
    padding: 160px 0 170px;
    background-color: #fff;

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

.pageHeader {
    width: 1000px;
    margin: 0 auto;

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

.pageHeader h2 {
    font-size: 24px;

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

.voice-card {
    max-width: 1000px;
    margin: 0 auto 70px;

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

    & .voice-card_header {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        background-color: #F4F4F4;

        @media screen and (max-width:992px) {
            width: calc((500 / 600) * 100vw);
            display: block;
        }

        & .left {
            padding: 20px;

            & h3 {
                color: #3759A7;
                font-size: 32px;

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

            & .text {
                font-size: 24px;

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

            & table {
                & tbody {
                    & tr {
                        & th {
                            vertical-align: middle;
                            padding: 5px 20px;
                            color: #fff;
                            background-color: #9D7C5A;
                            font-size: 20px;
                            line-height: 1;

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

                        & td {
                            padding: 5px 20px 14px;
                            font-size: 16px;
                            line-height: 1.5;

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

            & .hashtag {
                padding: 0 20px;
                color: #969797;

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

        & .right {
            & img {
                width: calc(1000px / 2);

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

.voice-card_point {
    width: 900px;
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
    margin: 0 auto;

    @media screen and (max-width:992px) {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        padding: calc((40 / 600) * 100vw) 0;
    }

    & .point-card {
        display: inline-block;

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

        & .point-card_inner {
            width: 280px;
            height: 300px;
            padding: 20px;
            background-color: #F4F4F4;
            border-radius: 20px;

            @media screen and (max-width:992px) {
                width: calc((280 / 600) * 100vw);
                height: calc((300 / 600) * 100vw);
                padding: calc((20 / 600) * 100vw);
                border-radius: calc((20 / 600) * 100vw);
            }

            & img {
                width: calc(200px /2);
                display: block;
                margin: 0 auto;

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

            & p {
                padding: 25px 0 0;
                font-size: 15px;
                line-height: 1.5;

                @media screen and (max-width:992px) {
                    padding: calc((25 / 600) * 100vw) 0 0;
                    font-size: calc((15 / 600) * 100vw);
                    line-height: 1.5;
                }
            }
        }

        & .point-card_inner.two {
            margin: 0 0 0 auto;
        }

    }
}

.voice-card_comment {
    width: 900px;
    margin: 0 auto;

    @media screen and (max-width:992px) {
        width: calc((500 / 600) * 100vw);
        display: block;
    }

    & h4 {
        font-size: 24px;
        font-weight: bold;

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

    & .text {
        padding: 12px 20px 40px;
        font-size: 16px;

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

.voice-card_download {
    & .download-card {
        width: 900px;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;

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

        & .left {
            & img {
                width: calc(900px / 2);

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

        & .right {
            padding: 50px 0;

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

            & h4 {
                margin: 0 0 15px;
                font-size: 19px;
                font-weight: bold;
                text-align: center;
                line-height: 1.5;

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

            & .download-btn {
                text-align: center;

                & a {
                    width: 280px;
                    display: inline-block;
                    padding: 22px 0;
                    background-color: #FF824A;
                    border-radius: 30px;
                    color: #000;
                    font-size: 16px;
                    font-weight: bold;
                    line-height: 1.0;

                    @media screen and (max-width:992px) {
                        width: calc((280 / 600) * 100vw);
                        padding: calc((22 / 600) * 100vw) 0;
                        border-radius: calc((30 / 600) * 100vw);
                        font-size: calc((16 / 600) * 100vw);
                    }
                }
            }
        }
    }
}