@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 .mainttl-con span { font-family: 'Noto Sans JP', YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }

/* ==================================================================================================== コンテンツ
==================================================================================================== */
.sdgs-main { position: relative; margin-bottom: 50px; }
.sdgs-main .sdgs-heading { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 3.125rem; color: #fff; text-align: center; font-weight: 700; }
@media screen and (max-width: 750px) { .sdgs-main .sdgs-heading { font-size: 1.5rem; } }
.sdgs-main .sdgs-heading span { display: inline-block; padding: 10px 0.75em 15px; background-color: #0d3078; }

.bluetop-sec { margin-bottom: 80px; }

.noritake-sec { margin-bottom: 110px; }
@media screen and (max-width: 750px) { .noritake-sec { margin-bottom: 80px; } }
.noritake-sec .noritake-txt { margin-bottom: 70px; font-size: 1.125rem; text-align: center; }
@media screen and (max-width: 750px) { .noritake-sec .noritake-txt { margin-bottom: 40px; } }
.noritake-sec .noritake-btn { text-align: center; }

.activity-sec { margin-bottom: 190px; }
@media screen and (max-width: 750px) { .activity-sec { margin-bottom: 80px; } }
.activity-sec .activity-box { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .activity-sec .activity-box { display: block; } }
.activity-sec .activity-item { width: 57.8125%; padding: 0 40px; font-size: 1.125rem; line-height: 1.6; }
@media screen and (max-width: 750px) { .activity-sec .activity-item { width: 100%; margin-bottom: 40px; padding: 0 4%; } }
.activity-sec .activity-fig { display: flex; justify-content: flex-end; width: 42.1875%; }
@media screen and (max-width: 750px) { .activity-sec .activity-fig { display: block; width: 100%; } }
.activity-sec .activity-fig figure { width: 92.5925925926%; }
@media screen and (max-width: 750px) { .activity-sec .activity-fig figure { width: 100%; } }

.sdgs-sec .sdgs-subheading { margin-bottom: 40px; font-size: 2.125rem; font-weight: bold; color: #0d3078; }
@media screen and (max-width: 750px) { .sdgs-sec .sdgs-subheading { margin-bottom: 20px; font-size: 1.5rem; } }
.sdgs-sec .sdgs-txt { font-size: 1.125rem; }
.sdgs-sec .sdgs-con-01 { z-index: 999; position: relative; padding-bottom: 100px; }
@media screen and (max-width: 750px) { .sdgs-sec .sdgs-con-01 { padding-bottom: 80px; } }
.sdgs-sec .sdgs-con-01 .sdgs-box { width: 45%; }
@media screen and (max-width: 750px) { .sdgs-sec .sdgs-con-01 .sdgs-box { width: 100%; margin-bottom: 40px; } }
.sdgs-sec .sdgs-con-01 .sdgs-fig { position: absolute; top: 0; right: 0; width: 640px; }
@media screen and (max-width: 1200px) { .sdgs-sec .sdgs-con-01 .sdgs-fig { width: 50%; } }
@media screen and (max-width: 750px) { .sdgs-sec .sdgs-con-01 .sdgs-fig { position: static; width: 100%; } }
.sdgs-sec .sdgs-con-02 { position: relative; padding: 150px 0 90px; background-color: #f4f5ff; }
@media screen and (max-width: 750px) { .sdgs-sec .sdgs-con-02 { padding: 80px 0; } }
.sdgs-sec .sdgs-con-02 ul { display: flex; justify-content: space-between; margin-top: 70px; }
@media screen and (max-width: 750px) { .sdgs-sec .sdgs-con-02 ul { display: block; margin-top: 40px; } }
.sdgs-sec .sdgs-con-02 ul li { width: 47.5%; }
@media screen and (max-width: 750px) { .sdgs-sec .sdgs-con-02 ul li { width: 100%; margin-bottom: 20px; }
  .sdgs-sec .sdgs-con-02 ul li:last-child { margin-bottom: 0; } }
.sdgs-sec .sdgs-con-03 { position: relative; padding: 100px 0 120px; }
@media screen and (max-width: 750px) { .sdgs-sec .sdgs-con-03 { padding: 80px 0; } }
.sdgs-sec .sdgs-con-03 .sdgs-box { width: 45%; margin-bottom: 14.1666666667%; }
@media screen and (max-width: 750px) { .sdgs-sec .sdgs-con-03 .sdgs-box { width: 100%; margin-bottom: 40px; } }
.sdgs-sec .sdgs-con-03 .sdgs-fig { position: absolute; top: 0; right: 0; width: 640px; margin-top: 100px; }
@media screen and (max-width: 1200px) { .sdgs-sec .sdgs-con-03 .sdgs-fig { width: 50%; } }
@media screen and (max-width: 750px) { .sdgs-sec .sdgs-con-03 .sdgs-fig { position: static; width: 100%; margin-top: 40px; } }
.sdgs-sec .sdgs-con-03 .sdgs-table { width: 100%; max-width: 1000px; margin: 0 auto; }
.sdgs-sec .sdgs-con-03 .sdgs-table thead th { padding: 20px; background-color: #0080d2; font-size: 1.25rem; text-align: center; font-weight: 400; color: #fff; line-height: 1; }
.sdgs-sec .sdgs-con-03 .sdgs-table tbody tr:last-child th, .sdgs-sec .sdgs-con-03 .sdgs-table tbody tr:last-child td { border-bottom: none; }
.sdgs-sec .sdgs-con-03 .sdgs-table tbody .sdgs-table-top th, .sdgs-sec .sdgs-con-03 .sdgs-table tbody .sdgs-table-top td { background-color: #c4d6e8; }
.sdgs-sec .sdgs-con-03 .sdgs-table tbody th { width: 10em; padding: 20px 10px; border-bottom: 1px dashed #0080d2; border-right: 1px dashed #0080d2; background-color: #e4eef5; text-align: center; font-weight: 400; }
@media screen and (max-width: 750px) { .sdgs-sec .sdgs-con-03 .sdgs-table tbody th { display: block; width: 100%; padding-bottom: 0; border-right: none; border-bottom: none; } }
.sdgs-sec .sdgs-con-03 .sdgs-table tbody td { padding: 20px 35px; background-color: #e4eef5; border-bottom: 1px dashed #0080d2; }
@media screen and (max-width: 750px) { .sdgs-sec .sdgs-con-03 .sdgs-table tbody td { display: block; width: 100%; padding: 20px; } }
.sdgs-sec .sdgs-con-04 { position: relative; padding: 80px 0 190px; background-color: #f4f5ff; }
@media screen and (max-width: 750px) { .sdgs-sec .sdgs-con-04 { padding: 80px 0; } }
.sdgs-sec .sdgs-con-04 .sdgs-box { width: 45%; margin-bottom: 8.3333333333%; }
@media screen and (max-width: 750px) { .sdgs-sec .sdgs-con-04 .sdgs-box { width: 100%; margin-bottom: 40px; } }
.sdgs-sec .sdgs-con-04 .sdgs-fig { position: absolute; top: 0; right: 0; width: 640px; margin-top: 70px; }
@media screen and (max-width: 1200px) { .sdgs-sec .sdgs-con-04 .sdgs-fig { width: 50%; } }
@media screen and (max-width: 750px) { .sdgs-sec .sdgs-con-04 .sdgs-fig { position: static; width: 100%; margin-top: 40px; } }
.sdgs-sec .sdgs-con-04 .sdgs-lead { margin-bottom: 40px; font-size: 1.125rem; text-align: center; }
.sdgs-sec .sdgs-con-04 .sdgs-btn { max-width: 334px; margin: 0 auto; }
.sdgs-sec .sdgs-con-04 .sdgs-btn a { display: block; text-decoration: none; padding: 20px; background-color: #0d3078; font-size: 1.125rem; color: #fff; text-align: center; }

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