@charset "UTF-8";
.font-en { font-family: 'Josefin Sans', sans-serif; }

.font-maru { font-family: 'Zen Maru Gothic', sans-serif; }

.font-num { font-family: 'Roboto', sans-serif; }

/* ==================================================================================================== メインタイトル
==================================================================================================== */
.mainttl-sec .president-name { position: absolute; bottom: 0; right: 0; width: 100%; max-width: 580px; padding: 50px 60px; background-color: #0d3078; }
@media screen and (max-width: 1255px) { .mainttl-sec .president-name { max-width: 480px; padding: 40px 60px; } }
@media screen and (max-width: 960px) { .mainttl-sec .president-name { max-width: 300px; padding: 10px 40px; } }
@media screen and (max-width: 750px) { .mainttl-sec .president-name { max-width: 180px; padding: 10px 20px; } }
.mainttl-sec .president-name dt { margin-bottom: 15px; font-size: 1.125rem; color: #fff; }
@media screen and (max-width: 750px) { .mainttl-sec .president-name dt { margin-bottom: 5px; font-size: 0.625rem; } }
@media screen and (max-width: 750px) { .mainttl-sec .president-name dd img { width: 70%; } }

/* ==================================================================================================== コンテンツ
==================================================================================================== */
.president-heading { margin-bottom: 50px; font-size: 2.125rem; font-weight: bold; color: #0d3078; line-height: 1.6; }
@media screen and (max-width: 750px) { .president-heading { margin-bottom: 30px; font-size: 1.3125rem; } }

.president-txt { font-size: 1.125rem; line-height: 1.8; }

.president-con-01 { padding: 90px 0 80px; }
@media screen and (max-width: 750px) { .president-con-01 { padding: 80px 0; } }
.president-con-01 .president-box { display: flex; align-items: flex-start; justify-content: space-between; }
@media screen and (max-width: 750px) { .president-con-01 .president-box { display: block; } }
.president-con-01 .president-box .president-item { width: 50%; padding: 0 60px 0 40px; }
@media screen and (max-width: 960px) { .president-con-01 .president-box .president-item { padding: 0 20px; } }
@media screen and (max-width: 750px) { .president-con-01 .president-box .president-item { width: 100%; margin-bottom: 40px; padding: 0 4%; } }
.president-con-01 .president-box .president-fig { width: 50%; padding-bottom: 10.9375%; position: relative; }
@media screen and (max-width: 750px) { .president-con-01 .president-box .president-fig { width: 100%; } }
.president-con-01 .president-box .president-fig::before { content: ''; position: absolute; top: 0; width: 90.625%; height: 100%; background-color: #0d3078; }
.president-con-01 .president-box .president-fig.president-fig-r::before { right: 0; }
.president-con-01 .president-box .president-fig.president-fig-l::before { left: 0; }
.president-con-01 .president-box .president-fig img { position: relative; }
.president-con-01 .president-box-01 { margin-bottom: 90px; }
@media screen and (max-width: 750px) { .president-con-01 .president-box-01 { margin-bottom: 80px; } }

.president-con-02 { padding: 90px 0 130px; }
@media screen and (max-width: 750px) { .president-con-02 { padding: 80px 0; } }
.president-con-02 .president-box { display: flex; align-items: flex-start; justify-content: space-between; }
@media screen and (max-width: 750px) { .president-con-02 .president-box { display: block; } }
.president-con-02 .president-box .president-item { width: 60.9375%; padding: 0 80px 0 40px; }
@media screen and (max-width: 960px) { .president-con-02 .president-box .president-item { padding: 0 20px; } }
@media screen and (max-width: 750px) { .president-con-02 .president-box .president-item { width: 100%; margin-bottom: 40px; padding: 0 4%; } }
.president-con-02 .president-box .president-fig { width: 39.0625%; padding-bottom: 8.203125%; position: relative; }
@media screen and (max-width: 750px) { .president-con-02 .president-box .president-fig { width: 100%; padding-bottom: 10.9375%; } }
.president-con-02 .president-box .president-fig::before { content: ''; position: absolute; top: 0; width: 90%; height: 100%; background-color: #0d3078; }
.president-con-02 .president-box .president-fig.president-fig-r::before { right: 0; }
.president-con-02 .president-box .president-fig img { position: relative; }

/*# sourceMappingURL=president.css.map */