*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:"Yu Gothic","Meiryo",sans-serif;
}

body{
    background:#f4f4f4;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:100vh;
}

.container{
    width:900px;
    max-width:90%;
}

.profile-card{
    background:#fff;
    display:flex;
    align-items:center;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

.image{
    width:40%;
    background:#fafafa;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:30px;
}

.image img{
    width:100%;
    max-width:320px;
}

.profile{
    width:60%;
    padding:40px;
}

.profile h1{
    font-size:38px;
    color:#333;
    margin-bottom:10px;
}

.birth{
    color:#777;
    margin-bottom:30px;
}

.info h2{
    color:#d35400;
    margin-bottom:20px;
    border-left:5px solid #d35400;
    padding-left:10px;
}

.info p{
    font-size:18px;
    color:#555;
    margin-bottom:18px;
    line-height:1.8;
}

strong{
    color:#222;
}

@media(max-width:768px){

    .profile-card{
        flex-direction:column;
    }

    .image,
    .profile{
        width:100%;
    }

    .profile{
        text-align:center;
    }

    .info h2{
        border:none;
        padding:0;
    }

}