@charset "UTF-8";

#story_cover {
    height: auto;
}
#story_cover.story_01 {
    background-image: none;
}
#story_cover .inner {
    width: 100%;
}
#story_cover .inner .logo_25th_history{
    width: 25vw;
}
#story_cover .cover_image_sp{
    position: relative;
}
#story_cover .cover_image_sp .title{
    position: absolute;
    width: 80vw;
    left: 10vw;
    bottom: 10vw;
}
#story_cover .profile,
#story_cover .profile.right{
    background-color: #f5f5f5;
    width: 100%;
    padding-top: 0;
    margin-left: 0;
    text-align: center;
    padding: 5vw 0;
    font-size: 4.2vw;
}
#story_cover .profile .name{
    font-size: 6.5vw;
} 
#story_cover .profile .age{
    font-size: 5vw;
}


#story_introduction{
    padding: 18vw 6vw;
}
#story_introduction p{
    font-size: 4vw;
    text-align: left;
}


#interview{
    padding: 20vw 0;
}
.interview_inner +.interview_inner {
    margin-top: 30vw;
}

#interview .heading{
    font-size: 5.8vw;
    margin: 0 0 8vw 4vw;
}
#interview .heading.tate {
    writing-mode: vertical-rl;
    line-height: 1.4;
    margin: 0;
}
#interview .photo_tate{
    width: 65vw;
}
#interview .photo_sp_center{
    width: 88vw;
    margin: 0 6vw;
}
#interview .photo_sp_only{
    margin: 10vw 0;
}
#interview .text{
    margin-top: 18vw;
}
#interview .text p{
    font-size: 4.5vw;
    padding: 0 6vw;
}
#interview .flex_both{
    align-items: center;
    gap: 8vw;
}
#interview .flex_pc{
    flex-direction: column;
    gap: 0;
}
#interview .ml160,
#interview .ml250,
#interview .ml320,
#interview .mr270,
#interview .mr320,
#interview .mr340{
    margin-left: 0;
    margin-right: 0;
}
#interview .interview04_div_2 .heading{
    font-size: 5.8vw;
    letter-spacing: 0;
}
#interview .interview04_div_2 .text {
    margin: 18vw 0 0;
}


#story_bottom_area{
    margin: 0 0 20vw;
}
#story_bottom_area .title{
    font-size: 7.8vw;
}

#interview_movie .youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
#interview_movie .youtube iframe {
  width: 100%;
  height: 100%;
}
#interview_movie h2{
    margin: 0;
    padding: 10vw;
}


#recommend_item{
    margin: 20vw 0;
}
#recommend_item .title_sub{
    font-size: 4.2vw;
}
#recommend_item ul {
    gap: 4vw;
    width: 92vw;
    flex-wrap: wrap;
}
#recommend_item li{
    width: 44vw;
    font-size: 4vw;
}
#recommend_item .amount{
    font-size: 3.5vw;
}


#another_story ul{
    flex-direction: column;
    gap: 10vw;
    padding: 0 12vw;
    margin-top: 6vw;
}
#another_story .wrap_btn {
    margin: 5vw 0 0 10vw;
}