@charset "utf-8";

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

.sec_access {

}

.acc_en_heading {

    font-weight: 600;
}

.acc_en_heading .lite   {
    font-weight: 200;
}

.acc_domestic,
.acc_overseas   {
    position: relative;
    z-index: 2;
}

.acc_intro  {
    position: relative;
    z-index: 2;

}

.acc_label  {

    font-weight: 400;
    line-height: 1.916667;
    color: #000000;
}

.acc_en_heading {
    line-height: 1;
    letter-spacing: -0.02em;
    color: #000000;
    margin-top: 0;
    -webkit-text-stroke: min(0.2083vw, 4px) #fff;
    paint-order: stroke fill;
}

.acc_en_heading span    {

    line-height: inherit;
    -webkit-text-stroke: inherit;
}

.acc_en_heading_overseas    {
    margin-top: 0;
}

.acc_office {
    position: relative;
}

.acc_office_hq,
.acc_office_us,
.acc_office_london,
.acc_office_sg  {

}

.acc_office_col {
    position: relative;
    z-index: 2;
    margin-left: 0;
    width: 50%;
}

@media screen and (min-width: 835px)    {
    .acc_office_col {
        min-height: min(16.8750vw, 324px);
    }

}

.acc_office_london .acc_office_col  {
    margin-left: 50%;
}

.acc_office_title   {

    line-height: 1.642857;
    color: #000000;
}

.acc_rule   {
    border: none;
    border-top: 1px solid #666666;
    margin-top: min(0.5208vw, 10px);
}

.acc_address,
.acc_company    {

    margin-top: min(0.7813vw, 15px);
    font-weight: 400;
    line-height: 2;
    color: #000000;
}

.acc_company    {
    line-height: 1.142857;
    margin-top: min(1.0417vw, 20px);
}

.acc_route  {
    margin-top: min(1.5625vw, 30px);
    font-weight: 400;
    line-height: 2;
    color: #000000;
}

.acc_addr_en    {
    font-weight: 400;
    line-height: 2;
    color: #000000;
}

.acc_map    {
    position: relative;
    z-index: 1;
    margin-top: min(2.6042vw, 50px);
    margin-left: 0;
    width: 75%;
    aspect-ratio: 750 / 450;
    height: auto;
    border-radius: 0;
    overflow: hidden;
}

.acc_office_london .acc_map {
    margin-left: 27%;
}

.acc_map iframe {
    height: 100%;
    border: 0;
}

.acc_photo  {

    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;

    width: calc(100% - var(--side-f) - var(--pane-w) * 0.5 - 60px);
    aspect-ratio: 900 / 560;
    height: auto;
    overflow: hidden;
    clip-path: polygon(0 0, calc(100% - min(4.1667vw, 80px)) 0, 100% min(4.1667vw, 80px), 100% 100%, 0 100%);
}

.acc_office_london .acc_photo   {
    right: auto;
    left: 0;
}

.acc_photo_img  {
    height: 100%;
    object-fit: cover;
}

.acc_office_hq .acc_photo_img   {
    object-position: center top;
}

.acc_photoband  {
    position: relative;
    z-index: 2;
    height: min(26.0417vw, 500px);
    overflow: hidden;
    -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%;
}

.acc_photoband_img  {
    height: 100%;
    object-fit: cover;
}

.acc_smark_domestic {
    z-index: 1;
    top: -259.5px;
    left: calc(50% - var(--pane-w) / 2 - var(--side-f) * 0.2304 - var(--sframe) * 0.356198);
    width: calc(var(--sframe) * 0.356198);
}

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

    .hero .hero_titlearea   {
    }

    .hero .hero_titlearea p {
    }

    .sec_access .inner  {
        display: contents;
    }

    .acc_intro  {
    }

    .acc_domestic .acc_intro    {
    }

    .acc_label  {
        line-height: 1.88865;
    }

    .acc_en_heading {
        line-height: 1.038549;
        letter-spacing: -0.02em;
        -webkit-text-stroke: 1.00vw #fff;
    }

    .acc_domestic .acc_en_heading   {
    }

    .acc_en_heading_overseas    {
    }

    .acc_office_hq,
    .acc_office_marunouchi,
    .acc_office_sg,
    .acc_office_london  {
    }

    .acc_office_us  {
    }

    .acc_office_col,
    .acc_office_london .acc_office_col  {
        width: calc(100% - 10.18vw);
    }

    .acc_rule   {
    }

    .acc_office_title   {
        line-height: 1.914894;
    }

    .acc_address,
    .acc_company    {
        line-height: 1.7494;
    }

    .acc_company    {
        line-height: 1.165303;
    }

    .acc_route  {
        line-height: 1.7494;
    }

    .acc_addr_en    {
        line-height: 1.7494;
    }

    .acc_office {
        display: flex;
        flex-direction: column;
    }

    .acc_map,
    .acc_office_london .acc_map {
        position: relative;

        margin-left: 5.09vw;
        width: calc(100% - 10.18vw);
        aspect-ratio: 362 / 215;
        height: auto;
        border-radius: 0;
        order: 3;
    }

    .acc_office_hq .acc_map,
    .acc_office_us .acc_map,
    .acc_office_london .acc_map,
    .acc_office_sg .acc_map {
    }

    .acc_office_col {
        order: 1;
    }

    .acc_photo  {
        position: relative;
        order: 2;
        top: auto;
        right: auto;
        left: auto;
        margin-left: auto;
        margin-right: 0;
        width: 76.34vw;
        height: 47.07vw;
    }

    .acc_office_london .acc_photo   {
        position: relative;
        left: auto;
        margin-left: auto;
        margin-right: 0;
    }

    .acc_office_sg .acc_photo   {
    }

    .acc_photo  {
        clip-path: polygon(0 0, calc(100% - 6.79vw) 0, 100% 6.79vw, 100% 100%, 0 100%);
    }

    .acc_photoband  {
        height: 127.23vw;
        -webkit-mask-image: url(../images/photoband_mask_sp.svg);
        mask-image: url(../images/photoband_mask_sp.svg);
    }

    .acc_smark_domestic {
        display: none;
    }

    .sub_page   {
    }

}
