.head-panel{
    padding-top: 6vh;
    padding-bottom: 6vh;
    padding-right:10vw;
    padding-left:10vw;
    border-bottom: 1px solid #bababa;
}

.head-panel-left{
    position: relative;
}

    .head-panel-emblem{
        display: block;
        width:100%;
        height: auto;
        aspect-ratio: 1 / 1;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto 0;
    }

    @media screen and (max-width: 575px){
        .head-panel-left{
            text-align: center;
            margin-bottom: 1vh;
        }

        .head-panel-emblem{
            display: inline-block;
            position: relative;
            height: 100%;
            aspect-ratio: 1 / 1;
        }
    }

    .title-holder{
        text-align: right;
        margin-bottom: 6vh;
    }

    .title{
        font-weight: bold;
        font-size: 3.5vw;
    }

    .subtitle{
        font-size: 1.5vw;
    }

    .m-koishikawa, .m-surugadai, .m-tama{
        margin-bottom: 6vh;
        position: relative;
    }

        .head-label{
            position: relative;
        }

        .head-label p{
            margin-bottom: 1px;
        }

        .head-label-main, .head-label-address{
            float:left;
        }

        .head-label-main{
            font-size: 1.5vw;
        }

        .head-label-address{
            font-size: 1vw;
            margin-left: 1vw;
            position: absolute;
            top: 0.5vh;
            left: 20%
        }

        .head-label-year{
            float:right;
            font-size: 1.5vw;
        }

    .year-list{
        border-top: 1.5px solid;
        clear: both;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-top: 1vh;
    }

    .year-list a{
        display:block;
        width: 45%;
        position: relative;
        border-bottom: 1px solid #bababa;
        font-size: 1.5vw;
    }

    .year-list a:after{
        content:">";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto 0;
    }

.main-panel{
    margin-top: 6vh;
    padding-right:10vw;
    padding-left:10vw;
}

    .s-year{
        margin-bottom: 3vh;
    }

    .s-year p{
        overflow-wrap: anywhere;
        word-break: normal;
        line-break: strict;
        text-align:justify;
        font-size: 1.5vw;
    }

    .s-year h2{
        font-size: 3vw;
    }

    .year-label{
        color: #1f3bb9;
    }

    .story{
        border-left: 1.5px solid #1f3bb9;
        margin-left: 2.5vw;
        padding-left: 1vw;
    }

    .column-label-b{
        border-bottom: 1px solid #bababa;
        display: flex;
        margin-bottom: 3vh;
        align-items: center;
        padding-bottom: 0.5vh;
    }

        .column-label{
            margin-bottom: 0px; 
        }
    
         .column-vov{
            font-size: 1.5vh;
            writing-mode: vertical-rl;
            text-orientation: upright;
             letter-spacing: -0.3vh;
        }

@media screen and (max-width: 767px){
    .title{
        font-size: 5vw;
    }
    
    .s-year h2{
        font-size: 4vw;
    }
    
    .s-year p{
        font-size: 2.5vw;
    }
}

@media screen and (max-width: 575px){
    .head-panel, .main-panel{
        padding-right:6vw;
        padding-left:6vw;
    }
    
    .title{
        font-size: 8vw;
    }

    .subtitle{
        font-size: 3vw;
    }

    .head-label-address{
        left: 23%
    }

    .head-label-main, .head-label-year{
        font-size: 4vw;
    }

    .head-label-address{
        font-size: 3vw;
    }

    .year-list a{
        font-size: 4vw;
    }
    
    .s-year h2{
        font-size: 6vw;
    }
    
    .s-year p{
        font-size: 4vw;
    }
}