.chairman_article {
    color: #333;
}

.chairman_article .inner {
    box-sizing: border-box;
    padding-bottom: 8rem;
}

.chairman_article__intro {
    position: relative;
    z-index: auto;
    height: auto;
    padding: 5rem 0 7rem;
    border-bottom: 1px solid rgba(27, 34, 76, 0.16);
}

.chairman_article__english {
    margin: 0 0 1.2rem;
    color: #b18b45;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.5;
}

.chairman_article__intro > h2 {
    margin: 0 0 4rem;
    color: #1b224c;
    font-size: 3.4rem;
    line-height: 1.5;
}

.chairman_article__lead {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32rem;
    align-items: center;
    gap: 6rem;
}

.chairman_article__lead_copy h3 {
    margin: 0 0 2rem;
    color: #1b224c;
    font-size: 2.6rem;
    line-height: 1.7;
}

.chairman_article__lead_copy p,
.chairman_article__section p,
.chairman_article__principles > p,
.chairman_article__principles aside p,
.chairman_article__fiveways_inner > p {
    margin: 0 0 1.8rem;
    font-size: 1.6rem;
    line-height: 2;
}

.chairman_article__portrait {
    margin: 0;
    text-align: center;
}

.chairman_article__portrait_image {
    aspect-ratio: 3 / 2;
    overflow: hidden;
}

.chairman_article__portrait_image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.chairman_article__portrait figcaption {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    padding-top: 1.5rem;
    color: #1b224c;
    font-size: 1.4rem;
    line-height: 1.5;
}

.chairman_article__portrait figcaption strong {
    font-size: 2rem;
}

.chairman_article__name_en {
    color: #666;
    font-size: 1.2rem;
}

.chairman_article__body {
    width: min(100%, 94rem);
    margin: 0 auto;
    padding-top: 2rem;
}

/* The IR base stylesheet adds horizontal padding to every section.  These
   article sections share the same content grid as the adjacent media blocks,
   so keep their edges aligned with the images and callout boxes. */
.chairman_article__section {
    margin-top: 6rem;
    padding-right: 0;
    padding-left: 0;
}

.chairman_article__media {
    display: flow-root;
    margin-top: 6rem;
}

.chairman_article__media .chairman_article__section {
    display: flow-root;
    margin-top: 0;
}

.chairman_article__media--text {
    margin-top: 3rem;
}

.chairman_article__section > h3,
.chairman_article__two_columns h3 {
    margin: 0 0 2.5rem;
    padding: 0.6rem 0 0.6rem 1.8rem;
    border-left: 0.4rem solid #b18b45;
    color: #1b224c;
    font-size: 2.6rem;
    line-height: 1.6;
}

.chairman_article__quote {
    margin: 3rem 0 !important;
    padding: 2rem 3rem;
    border-top: 1px solid rgba(177, 139, 69, 0.5);
    border-bottom: 1px solid rgba(177, 139, 69, 0.5);
    color: #1b224c;
    font-size: 2.2rem !important;
    font-weight: 700;
    text-align: center;
}

.chairman_article__photo {
    box-sizing: border-box;
    float: left;
    width: 42%;
    margin: 0 4rem 2.5rem 0;
    overflow: hidden;
    border: 1px solid rgba(27, 34, 76, 0.12);
    background: #f7f6f2;
}

.chairman_article__photo img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.chairman_article__principles {
    display: flow-root;
    margin-top: 6rem;
}

.chairman_article__principles h4 {
    margin: 0 0 2.5rem;
    padding: 0.6rem 0 0.6rem 1.8rem;
    border-left: 0.4rem solid #b18b45;
    color: #1b224c;
    font-size: 2.6rem;
    line-height: 1.6;
}

.chairman_article__fiveways h4 {
    margin: 0;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #8baed0;
    color: #1b4f91;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: center;
}

.chairman_article__principles aside {
    float: right;
    width: 32rem;
    margin: 0 0 2.5rem 4rem;
    padding: 1rem;
    background: linear-gradient(135deg, #dcefe9 0%, #cce8e9 52%, #edf2df 100%);
}

.chairman_article__principles_inner {
    padding: 1.5rem;
    background: #fff;
}

.chairman_article__principles aside h5 {
    margin: 0;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #8baed0;
    color: #1b4f91;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: center;
}

.chairman_article__principles aside ul {
    margin: 1rem 0;
    padding: 0;
    list-style: none;
}

.chairman_article__principles aside li {
    position: relative;
    padding-left: 1.5rem;
    font-size: 1.4rem;
    line-height: 1.8;
}

.chairman_article__principles aside li::before {
    position: absolute;
    top: 0.75em;
    left: 0;
    width: 0.6rem;
    height: 0.6rem;
    background: #8baed0;
    content: "";
}

.chairman_article__principles aside p {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.6;
}

.chairman_article__principles aside li + li {
    margin-top: 0.5rem;
}

.chairman_article__fiveways {
    box-sizing: border-box;
    width: fit-content;
    max-width: 100%;
    margin: 4rem auto 0;
    padding: 1rem;
    background: linear-gradient(135deg, #dcefe9 0%, #cce8e9 52%, #edf2df 100%);
}

.chairman_article__fiveways_inner {
    padding: 2rem 2.5rem;
    background: #fff;
}

.chairman_article__fiveways ol {
    margin: 1.5rem 0 2rem;
    padding-left: 2.2rem;
    list-style: decimal;
}

.chairman_article__fiveways li {
    padding: 0.2rem 0;
    font-size: 1.4rem;
    line-height: 1.8;
}

.chairman_article__fiveways li::marker {
    color: #333;
}

.chairman_article__fiveways_inner > p {
    margin-bottom: 0;
    color: #333;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8;
}

.chairman_article__two_columns {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4rem;
    align-items: start;
}

.chairman_article__two_columns > div {
    min-width: 0;
}

.chairman_article__two_columns h3 {
    min-height: 0;
}

@media screen and (max-width: 768px) {
    .chairman_article .inner {
        padding: 3rem 2.5rem 5rem;
    }

    .chairman_article__intro {
        padding: 2rem 0 4rem;
    }

    .chairman_article__english {
        font-size: 2.3rem;
    }

    .chairman_article__intro > h2 {
        margin-bottom: 3rem;
        font-size: 4rem;
    }

    .chairman_article__lead {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .chairman_article__lead_copy h3 {
        font-size: 3.4rem;
    }

    .chairman_article__lead_copy p,
    .chairman_article__section p,
    .chairman_article__principles > p,
    .chairman_article__principles aside p,
    .chairman_article__fiveways_inner > p {
        font-size: 2.6rem;
        line-height: 1.9;
    }

    .chairman_article__portrait {
        width: 100%;
        margin: 0 auto;
    }

    .chairman_article__portrait figcaption {
        font-size: 2.3rem;
    }

    .chairman_article__portrait figcaption strong {
        font-size: 3rem;
    }

    .chairman_article__name_en {
        font-size: 2rem;
    }

    .chairman_article__section {
        margin-top: 4rem;
    }

    .chairman_article__media {
        margin-top: 4rem;
    }

    .chairman_article__media--text {
        margin-top: 2.5rem;
    }

    .chairman_article__section > h3,
    .chairman_article__two_columns h3 {
        margin-bottom: 2rem;
        padding: 0.5rem 0 0.5rem 1.5rem;
        font-size: 3.4rem;
    }

    .chairman_article__media .chairman_article__section > h3 {
        margin-left: 0;
    }

    .chairman_article__quote {
        padding: 2rem;
        font-size: 3rem !important;
    }

    .chairman_article__photo {
        float: none;
        width: 100%;
        margin: 0 0 2.5rem;
    }

    .chairman_article__principles {
        display: flex;
        flex-direction: column;
        margin-top: 2.5rem;
    }

    .chairman_article__principles h4 {
        order: 1;
        margin-bottom: 2rem;
        padding: 0.5rem 0 0.5rem 1.5rem;
        font-size: 3rem;
    }

    .chairman_article__principles > p {
        order: 2;
    }

    .chairman_article__fiveways h4 {
        font-size: 2.8rem;
    }

    .chairman_article__principles aside {
        order: 3;
        float: none;
        width: auto;
        margin: 0 0 2.5rem;
        padding: 1rem;
    }

    .chairman_article__principles_inner {
        padding: 1.5rem;
    }

    .chairman_article__principles aside h5 {
        font-size: 2.6rem;
    }

    .chairman_article__principles aside li {
        font-size: 2.4rem;
    }

    .chairman_article__principles aside p {
        font-size: 2rem;
    }

    .chairman_article__fiveways {
        margin-top: 2.5rem;
        padding: 1rem;
    }

    .chairman_article__fiveways_inner {
        padding: 2rem;
    }

    .chairman_article__fiveways ol {
        padding-left: 3rem;
    }

    .chairman_article__fiveways li {
        font-size: 2.6rem;
    }

    .chairman_article__fiveways_inner > p {
        font-size: 2.4rem;
    }

    .chairman_article__two_columns {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .chairman_article__two_columns h3 {
        min-height: 0;
    }
}
