header h1{
position:absolute;
bottom:25%;
left:50%;
transform:translateX(-50%);
width: 34%;
font-size: 0;
aspect-ratio:1520/340;
background: url("images/midashi.png");
background-size: 100%;
}

section .middle{
padding: 6% 6% 10% 6%;
}
.photo{
margin-top:1rem;
}
.song_title{
margin:4% auto 0 auto;
width:80%;
}
.profile{
margin:4% auto 0 auto;
width:40%;
}
.middle p{
margin-top:2%;
text-align:justify;
line-height:1.6;
color:#7b581b;
}
.middle .comment{
margin-top:4%;
}
.middle .comment p{
margin-top:0;
padding:4% 8% 1% 8%;
text-align:justify;
background: url("images/comment_middle_pc.png") repeat-y;
background-size:contain;
}


@media (max-width: 639px) {
header h1 {
bottom: 48%;
width: 80%;
}

.middle p{
margin-top:4%;
font-size:0.9rem;
}
.middle p.small{
font-size:0.8rem;
}

.middle .comment p{
margin-top:0;
padding:4% 8% 1% 8%;
font-size:0.8rem;
}
.middle .comment{
margin-top:4%;
}
}