@charset "utf-8";

.hero .hero_photo   {
    object-position: center top;
}

.sec_history    {

}

.sec_history    {

}

.smark_small    {
    top: 0;

    left: calc(50% - var(--pane-w) / 2 - var(--side-f) * 0.3391 - var(--sframe) * 0.3563);
    width: calc(var(--sframe) * 0.3563);
    z-index: 1;
}

.era_block  {
    position: relative;
}

.year_table {

    width: min(78%, calc(100% - 220px));
}

.era_nav    {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    display: flex;
    flex-direction: column;
    gap: min(0.5208vw, 10px);
    z-index: 3;
}

.era_nav a  {
    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #666666;
    font-weight: 300;
    color: #000000;
    background: #ffffff;
}

.era_nav a.current  {
    background: #3b405c;
    color: #ffffff;
}

.era_heading    {

    position: relative;
    z-index: 2;
    font-weight: 300;
    color: #000000;
    margin-bottom: min(0.2604vw, 5px);
    -webkit-text-stroke: min(0.2083vw, 4px) #fff;
    paint-order: stroke fill;
    font-variant-numeric: proportional-nums;
}

.era_heading .year_main {
    display: inline-block;
    vertical-align: baseline;
    letter-spacing: 0;

    position: relative;
    top: -0.25em;
}

.era_heading .fig1  {
    display: inline-block;
    vertical-align: baseline;
    letter-spacing: -0.0313em;
}

.era_heading .year_dash,
.era_heading .year_end  {
    position: absolute;
    top: -0.25em;
    left: 0;
    letter-spacing: 0;
}

.era_heading .year_dash1,
.era_heading .year_dash2    {
    left: 1.927083em;
}

.era_heading .year_end1 {
    left: 2.28125em;
    letter-spacing: -0.0208em;
}

.year_table > .year_row {
    display: flex;
    border-bottom: 1px dashed #666666;

    padding-top: min(0.7813vw, 15px);
    padding-bottom: min(0.9375vw, 18px);
}

.year_table > .year_row:last-child  {
    border-bottom: none;
}

.year_col   {
    width: 19.2308%;
    flex-shrink: 0;
    font-weight: 700;

    line-height: 1.7778;
    color: #003b90;
}

.event_col  {
    width: 80.7692%;
    font-weight: 400;
    line-height: 2;
    color: #000000;
}

.photo_band {
    position: relative;
    z-index: 2;
    height: min(26.0417vw, 500px);

    overflow: hidden;
}

.photo_band img {
    display: block;
    height: 100%;
    object-fit: cover;
    -webkit-mask-image: url(../images/photoband_mask_pc.svg);
    mask-image: url(../images/photoband_mask_pc.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

@media screen and (max-width: 834px)    {

    .hero .hero_titlearea   {
    }

    .hero .hero_titlearea p {
    }

    .sec_history    {
    }

    .smark_small    {
        display: none;
    }

    #era2.era_block {
    }

    .era_nav    {
        position: static;
        width: 50.89vw;
        gap: 2.54vw;
    }

    .era_heading    {
        margin-bottom: -1.27vw;
        -webkit-text-stroke: 1.00vw #fff;
    }

    #era2 .era_heading  {
        margin-bottom: -1.27vw;
    }

    .era_heading .year_main {
        letter-spacing: 0;
        position: relative;
        top: -18px;
    }

    .era_heading .fig1  {
        letter-spacing: -0.0278em;
    }

    .era_heading .year_dash,
    .era_heading .year_end  {
        position: relative;
        top: -18px;
        left: 0;
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0;
    }

    .era_heading .year_dash {
    }

    .era_heading .year_end  {
        letter-spacing: -0.25vw;
    }

    .year_table {
        width: 100%;
    }

    .year_table > .year_row {
        display: block;
    }

    .year_col   {
        width: 100%;
        line-height: 2.5546;
    }

    .event_col  {
        width: 100%;
        line-height: 1.7494;
    }

}