.container{
        background: #fff;
        font-size: 20px;
}
.header{
        width: 100%;
}
.text-area{
        background: #fff;
        color: #000;
        padding: 0 0 5%;
        width: 1500px;
        margin: 0 auto;
        line-height: 1.7;
}
.public-date{
        padding: 10px 0;
        font-size: 90%;
        font-weight: bold;
}
.title-img{
        margin: 0 auto;
        width: 41%;
        padding: 2.5% 0;
}
.bold{
        font-weight: bold;
}
.content-box{
        vertical-align: top;
        width: 49.5%;
        padding: 0 5% 5%;
        display: inline-block;
        text-align: center;
}
.name{
        color: #573192;
        font-size: 200%;
        font-weight: bold;
        line-height: 1;
        display: inline-block;
        text-align: left;
}
.photo{
        width: 75%;
        margin: 0 auto;
        padding: 7% 0;
}
.question{
        color: #000;
        font-weight: bold;
}
.comment{
        text-align: left;
        color: #666666;
}

img{
        width: 100%;
}


@media only screen and (max-width: 1850px) {
        .text-area{
                width: 81%;
        }
}
@media only screen and (max-width: 750px) {
        .container{
                font-size: 14px;
        }
        .title{
                font-size: 190%;
                text-decoration-thickness: 1.5px;
                text-underline-offset: 25%;
        }
        .text-area{
                width: 90%;
                line-height: 1.5;
        }
        .title-img{
                width: 80%;
                padding: 10% 0;
        }
        .content-box{
                width: 100%;
        }
}