@charset "UTF-8";
/* IMPORT ALL SCSS FILES*/
/*
RESET - ADAPTED FROM MEYER RESET
URL - http://meyerweb.com/eric/tools/css/reset/
LICENSE - PUBLIC DOMAIN
*/
/* RESET
----------------------------------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Yeseva+One:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Gochi+Hand:wght@400;700&display=swap");
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, main, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  white-space: normal;
  text-align: left;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.orange {
  color: #ed6a02;
}

/* 共通 */
html {
  box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
html:lang(en) {
  font-family: "Noto Sans", sans-serif;
}

*,
*:after,
*:before {
  box-sizing: inherit;
}

a {
  text-decoration: none;
  color: inherit;
}

img,
svg {
  width: 100%;
  height: auto;
}

h1 {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
}
@media screen and (max-width: 896px) {
  h1 {
    font-size: 26px;
  }
}

.habitat_title_main {
  font-size: 26px;
  font-size: 6.9333333333vw;
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 1441px) {
  .habitat_title_main {
    font-size: 26px;
  }
}
@media screen and (min-width: 897px) {
  .habitat_title_main {
    font-size: 42px;
    font-size: 2.9166666667vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .habitat_title_main {
    font-size: 42px;
  }
}

.habitat_title, #event_new .event_new_title, .related_publications .related_publications_title, .info .info_content .info_item .info_item_title, #project .project_title, #project_goal .project_goal_title, #program .program_content .program_title, #about_peoples .about_process .about_process_title, #about_peoples .about_peoples_title, #about_app .about_app_content .about_app_content_title, #about_app .about_app_title, #about_roap .about_roap_activity .about_roap_activity_title, #about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item .about_roap_office_title, #about_roap .about_roap_title, #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_title, #about_strategy .about_strategy_content .about_strategy_title, #about_mission .about_trend .about_roles .about_roles_content .about_roles_title, #about_mission .about_trend .about_trend_content .about_trend_title, #about_mission .about_mission_title, #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_title, #urbanisation_target .urbanisation_target_title, #urbanisation_sdg11 .urbanisation_sdg11_title, #urbanisation_about .urbanisation_content .urbanisation_title, #partnership_cooperation .partnership_cooperation_title, #partner_list .partner_list_title, #partnership_construction .partnership_construction_content .partnership_construction_title, #partnership_importance .partnership_importance_title, #fukuoka_solution .fukuoka_solution_title, #fukuoka_message .fukuoka_message_title, #fukuoka_event .fukuoka_event_title, #fukuoka_steps .fukuoka_steps_title, #fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item .fukuoka_roap_office_title, #aap_activity .aap_title, #drawing-contest h2, .entry-content h2, #feature .feature_content .feature_block .feature_title, #peoples .peoples_content .peoples_block .peoples_title, #top_message .important_notice .important_notice_title, #footer .footer_menu .footer_menu_item .footer_menu_item_title, #footer_partnership .footer_partnership_content .footer_partnership_block .footer_partnership_title {
  font-size: 24px;
  font-size: 6.4vw;
  font-weight: 700;
  color: #0096da;
  line-height: 1.5;
}
@media screen and (min-width: 1441px) {
  .habitat_title, #event_new .event_new_title, .related_publications .related_publications_title, .info .info_content .info_item .info_item_title, #project .project_title, #project_goal .project_goal_title, #program .program_content .program_title, #about_peoples .about_process .about_process_title, #about_peoples .about_peoples_title, #about_app .about_app_content .about_app_content_title, #about_app .about_app_title, #about_roap .about_roap_activity .about_roap_activity_title, #about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item .about_roap_office_title, #about_roap .about_roap_title, #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_title, #about_strategy .about_strategy_content .about_strategy_title, #about_mission .about_trend .about_roles .about_roles_content .about_roles_title, #about_mission .about_trend .about_trend_content .about_trend_title, #about_mission .about_mission_title, #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_title, #urbanisation_target .urbanisation_target_title, #urbanisation_sdg11 .urbanisation_sdg11_title, #urbanisation_about .urbanisation_content .urbanisation_title, #partnership_cooperation .partnership_cooperation_title, #partner_list .partner_list_title, #partnership_construction .partnership_construction_content .partnership_construction_title, #partnership_importance .partnership_importance_title, #fukuoka_solution .fukuoka_solution_title, #fukuoka_message .fukuoka_message_title, #fukuoka_event .fukuoka_event_title, #fukuoka_steps .fukuoka_steps_title, #fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item .fukuoka_roap_office_title, #aap_activity .aap_title, #drawing-contest h2, .entry-content h2, #feature .feature_content .feature_block .feature_title, #peoples .peoples_content .peoples_block .peoples_title, #top_message .important_notice .important_notice_title, #footer .footer_menu .footer_menu_item .footer_menu_item_title, #footer_partnership .footer_partnership_content .footer_partnership_block .footer_partnership_title {
    font-size: 24px;
  }
}
@media screen and (min-width: 897px) {
  .habitat_title, #event_new .event_new_title, .related_publications .related_publications_title, .info .info_content .info_item .info_item_title, #project .project_title, #project_goal .project_goal_title, #program .program_content .program_title, #about_peoples .about_process .about_process_title, #about_peoples .about_peoples_title, #about_app .about_app_content .about_app_content_title, #about_app .about_app_title, #about_roap .about_roap_activity .about_roap_activity_title, #about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item .about_roap_office_title, #about_roap .about_roap_title, #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_title, #about_strategy .about_strategy_content .about_strategy_title, #about_mission .about_trend .about_roles .about_roles_content .about_roles_title, #about_mission .about_trend .about_trend_content .about_trend_title, #about_mission .about_mission_title, #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_title, #urbanisation_target .urbanisation_target_title, #urbanisation_sdg11 .urbanisation_sdg11_title, #urbanisation_about .urbanisation_content .urbanisation_title, #partnership_cooperation .partnership_cooperation_title, #partner_list .partner_list_title, #partnership_construction .partnership_construction_content .partnership_construction_title, #partnership_importance .partnership_importance_title, #fukuoka_solution .fukuoka_solution_title, #fukuoka_message .fukuoka_message_title, #fukuoka_event .fukuoka_event_title, #fukuoka_steps .fukuoka_steps_title, #fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item .fukuoka_roap_office_title, #aap_activity .aap_title, #drawing-contest h2, .entry-content h2, #feature .feature_content .feature_block .feature_title, #peoples .peoples_content .peoples_block .peoples_title, #top_message .important_notice .important_notice_title, #footer .footer_menu .footer_menu_item .footer_menu_item_title, #footer_partnership .footer_partnership_content .footer_partnership_block .footer_partnership_title {
    font-size: 34px;
    font-size: 2.3611111111vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .habitat_title, #event_new .event_new_title, .related_publications .related_publications_title, .info .info_content .info_item .info_item_title, #project .project_title, #project_goal .project_goal_title, #program .program_content .program_title, #about_peoples .about_process .about_process_title, #about_peoples .about_peoples_title, #about_app .about_app_content .about_app_content_title, #about_app .about_app_title, #about_roap .about_roap_activity .about_roap_activity_title, #about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item .about_roap_office_title, #about_roap .about_roap_title, #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_title, #about_strategy .about_strategy_content .about_strategy_title, #about_mission .about_trend .about_roles .about_roles_content .about_roles_title, #about_mission .about_trend .about_trend_content .about_trend_title, #about_mission .about_mission_title, #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_title, #urbanisation_target .urbanisation_target_title, #urbanisation_sdg11 .urbanisation_sdg11_title, #urbanisation_about .urbanisation_content .urbanisation_title, #partnership_cooperation .partnership_cooperation_title, #partner_list .partner_list_title, #partnership_construction .partnership_construction_content .partnership_construction_title, #partnership_importance .partnership_importance_title, #fukuoka_solution .fukuoka_solution_title, #fukuoka_message .fukuoka_message_title, #fukuoka_event .fukuoka_event_title, #fukuoka_steps .fukuoka_steps_title, #fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item .fukuoka_roap_office_title, #aap_activity .aap_title, #drawing-contest h2, .entry-content h2, #feature .feature_content .feature_block .feature_title, #peoples .peoples_content .peoples_block .peoples_title, #top_message .important_notice .important_notice_title, #footer .footer_menu .footer_menu_item .footer_menu_item_title, #footer_partnership .footer_partnership_content .footer_partnership_block .footer_partnership_title {
    font-size: 34px;
  }
}

.habitat_title_sub, #peoples .peoples_content .peoples_block .peoples_title_sub {
  font-size: 22px;
  font-size: 5.8666666667vw;
  font-weight: 700;
  color: #333333;
}
@media screen and (min-width: 1441px) {
  .habitat_title_sub, #peoples .peoples_content .peoples_block .peoples_title_sub {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  .habitat_title_sub, #peoples .peoples_content .peoples_block .peoples_title_sub {
    font-size: 28px;
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .habitat_title_sub, #peoples .peoples_content .peoples_block .peoples_title_sub {
    font-size: 28px;
  }
}

h3 {
  font-weight: 700;
  font-size: 28px;
  color: #0096da;
}
@media screen and (max-width: 896px) {
  h3 {
    font-size: 22px;
  }
}

.habitat_description {
  font-size: 15px;
  font-size: 4vw;
  color: #333333;
}
@media screen and (min-width: 1441px) {
  .habitat_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  .habitat_description {
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .habitat_description {
    font-size: 18px;
  }
}

strong {
  font-weight: 700;
}

input,
button,
textarea,
select {
  /* デフォルトスタイルをリセット */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* font-familyを継承しないので、継承させる */
  font-family: inherit;
  /* iOSの角丸をリセット */
  border-radius: 0;
  /* box-size */
  box-sizing: border-box;
  /* 文字の大きさ iOSでズームさせないために16px以上を指定 */
  font-size: 16px;
  /* 文字色を親から継承 */
  color: inherit;
}

label {
  /* iOSでのlabelとinput,select,textareaの関連付け */
  cursor: pointer;
}

article {
  width: 100%;
}

/* スピンボタン非表示 chrome,safari */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=month]::-webkit-outer-spin-button,
input[type=month]::-webkit-inner-spin-button,
input[type=datetime-local]::-webkit-outer-spin-button,
input[type=datetime-local]::-webkit-inner-spin-button,
input[type=week]::-webkit-outer-spin-button,
input[type=week]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button,
input[type=time]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button {
  /*-webkit-appearance: none;
  margin: 0;*/
  display: none;
}

/* スピンボタン非表示(firefox) */
input[type=number],
input[type=month],
input[type=datetime-local],
input[type=week],
input[type=time],
input[type=date] {
  -moz-appearance: textfield;
}

/* クリアボタン非表示 */
input[type=date]::-webkit-clear-button,
input[type=month]::-webkit-clear-button,
input[type=datetime-local]::-webkit-clear-button,
input[type=time]::-webkit-clear-button,
input[type=week]::-webkit-clear-button {
  -webkit-appearance: none;
}

.wrap {
  padding-top: 60px;
  padding-top: 16vw;
}
@media screen and (min-width: 1441px) {
  .wrap {
    padding-top: 60px;
  }
}
@media screen and (min-width: 897px) {
  .wrap {
    padding-top: 111px;
    padding-top: 7.7083333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .wrap {
    padding-top: 111px;
  }
}

#breadcrumb {
  font-size: 13px;
  font-size: 0.9027777778vw;
  background-color: #f6f6f6;
  color: #333333;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 1441px) {
  #breadcrumb {
    font-size: 13px;
  }
}
#breadcrumb ul {
  max-width: 1170px;
  margin: 0 auto;
  padding: 10px 16px;
}
#breadcrumb ul li {
  display: inline;
  list-style: none;
  font-weight: 400;
}
#breadcrumb ul li::after {
  content: ">";
  padding: 0 0.5em;
  color: #555;
}
#breadcrumb ul li:last-child::after {
  content: "";
}
#breadcrumb ul li a {
  text-decoration: underline;
}
@media screen and (max-width: 896px) {
  #breadcrumb {
    display: none;
  }
}

.inner {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-left: 4vw;
  padding-right: 15px;
  padding-right: 4vw;
}
@media screen and (min-width: 1441px) {
  .inner {
    padding-left: 15px;
  }
}
@media screen and (min-width: 1441px) {
  .inner {
    padding-right: 15px;
  }
}
@media screen and (min-width: 897px) {
  .inner {
    padding-left: 16px;
    padding-left: 1.1111111111vw;
    padding-right: 16px;
    padding-right: 1.1111111111vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .inner {
    padding-left: 16px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .inner {
    padding-right: 16px;
  }
}

.inner--flex {
  width: 100%;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 896px) {
  .inner--flex {
    flex-direction: column;
  }
}

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

.media_container {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  .media_container {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  .media_container {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .media_container {
    padding-top: 30px;
  }
}
.media_container .media {
  position: relative;
  width: 100%;
  padding: 56.25% 0 0;
}
.media_container .media iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pc_disp {
  display: block;
}

.sp_disp {
  display: none;
}

@media screen and (max-width: 896px) {
  .pc_disp {
    display: none !important;
  }

  .sp_disp {
    display: block;
  }
}
.separator img {
  vertical-align: bottom;
}

/* フォーム */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

#header {
  height: 60px;
  height: 16vw;
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 99;
}
@media screen and (min-width: 1441px) {
  #header {
    height: 60px;
  }
}
@media screen and (min-width: 897px) {
  #header {
    height: 111px;
    height: 7.7083333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #header {
    height: 111px;
  }
}
#header .header_inner {
  padding-top: 10px;
  padding-top: 2.6666666667vw;
  padding-right: 12px;
  padding-right: 3.2vw;
  padding-bottom: 10px;
  padding-bottom: 2.6666666667vw;
  padding-left: 12px;
  padding-left: 3.2vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1170px;
  margin: 0 auto;
  /*　ハンバーガーボタン　*/
}
@media screen and (min-width: 1441px) {
  #header .header_inner {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1441px) {
  #header .header_inner {
    padding-right: 12px;
  }
}
@media screen and (min-width: 1441px) {
  #header .header_inner {
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 1441px) {
  #header .header_inner {
    padding-left: 12px;
  }
}
@media screen and (min-width: 897px) {
  #header .header_inner {
    max-width: 1170px;
    flex-direction: column;
    align-items: stretch;
    padding-top: 20px;
    padding-top: 1.3888888889vw;
    padding-right: 16px;
    padding-right: 1.1111111111vw;
    padding-bottom: 20px;
    padding-bottom: 1.3888888889vw;
    padding-left: 16px;
    padding-left: 1.1111111111vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #header .header_inner {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #header .header_inner {
    padding-right: 16px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #header .header_inner {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #header .header_inner {
    padding-left: 16px;
  }
}
#header .header_inner .logo_area {
  position: relative;
  display: flex;
  justify-content: space-between;
}
#header .header_inner .logo_area .logo {
  display: flex;
  align-items: center;
}
#header .header_inner .logo_area .logo > a {
  width: 180px;
  width: 48vw;
  font-size: 14px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1441px) {
  #header .header_inner .logo_area .logo > a {
    width: 180px;
  }
}
@media screen and (min-width: 897px) {
  #header .header_inner .logo_area .logo > a {
    width: 200px;
    width: 13.8888888889vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #header .header_inner .logo_area .logo > a {
    width: 200px;
  }
}
#header .header_inner .logo_area .logo .logo_sub {
  padding-left: 8px;
  padding-left: 2.1333333333vw;
  font-size: 10px;
  font-size: 2.6666666667vw;
  color: #0096da;
  line-height: 1.2;
  font-weight: 700;
}
@media screen and (min-width: 1441px) {
  #header .header_inner .logo_area .logo .logo_sub {
    padding-left: 8px;
  }
}
@media screen and (min-width: 1441px) {
  #header .header_inner .logo_area .logo .logo_sub {
    font-size: 10px;
  }
}
@media screen and (min-width: 897px) {
  #header .header_inner .logo_area .logo .logo_sub {
    padding-left: 8px;
    padding-left: 0.5555555556vw;
    font-size: 12px;
    font-size: 0.8333333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #header .header_inner .logo_area .logo .logo_sub {
    padding-left: 8px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #header .header_inner .logo_area .logo .logo_sub {
    font-size: 12px;
  }
}
#header .header_inner .logo_area .functions {
  display: flex;
  align-items: center;
}
#header .header_inner .logo_area .functions .lang_switch--pc {
  margin-left: 10px;
  margin-left: 0.6944444444vw;
  height: 100%;
}
@media screen and (min-width: 1441px) {
  #header .header_inner .logo_area .functions .lang_switch--pc {
    margin-left: 10px;
  }
}
#header .header_inner .logo_area .functions .lang_switch--pc .bogo-language-switcher {
  font-size: 13px;
  font-size: 0.9027777778vw;
  height: 100%;
  display: flex;
  border: solid 1px #aaaaaa;
  font-weight: 500;
}
@media screen and (min-width: 1441px) {
  #header .header_inner .logo_area .functions .lang_switch--pc .bogo-language-switcher {
    font-size: 13px;
  }
}
#header .header_inner .logo_area .functions .lang_switch--pc .bogo-language-switcher li {
  height: 100%;
  color: #aaaaaa;
  display: flex;
  align-items: center;
}
#header .header_inner .logo_area .functions .lang_switch--pc .bogo-language-switcher li .bogo-language-name {
  height: 100%;
}
#header .header_inner .logo_area .functions .lang_switch--pc .bogo-language-switcher li a {
  padding-top: 7.5px;
  padding-top: 0.5208333333vw;
  padding-right: 10px;
  padding-right: 0.6944444444vw;
  padding-bottom: 7.5px;
  padding-bottom: 0.5208333333vw;
  padding-left: 10px;
  padding-left: 0.6944444444vw;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1441px) {
  #header .header_inner .logo_area .functions .lang_switch--pc .bogo-language-switcher li a {
    padding-top: 7.5px;
  }
}
@media screen and (min-width: 1441px) {
  #header .header_inner .logo_area .functions .lang_switch--pc .bogo-language-switcher li a {
    padding-right: 10px;
  }
}
@media screen and (min-width: 1441px) {
  #header .header_inner .logo_area .functions .lang_switch--pc .bogo-language-switcher li a {
    padding-bottom: 7.5px;
  }
}
@media screen and (min-width: 1441px) {
  #header .header_inner .logo_area .functions .lang_switch--pc .bogo-language-switcher li a {
    padding-left: 10px;
  }
}
#header .header_inner .logo_area .functions .lang_switch--pc .bogo-language-switcher li.current {
  background-color: #aaaaaa;
  color: #fff;
}
#header .header_inner .logo_area .functions .lang_switch--pc .bogo-language-switcher li.ja {
  order: 1;
}
#header .header_inner .logo_area .functions .lang_switch--pc .bogo-language-switcher li.en-US {
  order: 2;
}
@media screen and (max-width: 896px) {
  #header .header_inner .logo_area .functions .lang_switch--pc {
    display: none;
  }
}
#header .header_inner .search_form {
  margin-bottom: 20px;
  margin-bottom: 5.3333333333vw;
  height: 40px;
  height: 10.6666666667vw;
  font-size: 15px;
  font-size: 4vw;
  background-color: #fff;
  border: 1px solid #0096da;
  display: flex;
  align-items: center;
  color: #333333;
}
@media screen and (min-width: 1441px) {
  #header .header_inner .search_form {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #header .header_inner .search_form {
    height: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #header .header_inner .search_form {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #header .header_inner .search_form {
    font-size: 13px;
    font-size: 0.9027777778vw;
    margin-bottom: 0;
    height: 100%;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #header .header_inner .search_form {
    font-size: 13px;
  }
}
#header .header_inner .search_form .search_button {
  width: 40px;
  width: 10.6666666667vw;
  height: 100%;
  background: url("../images/icons/search.svg") no-repeat center;
}
@media screen and (min-width: 1441px) {
  #header .header_inner .search_form .search_button {
    width: 40px;
  }
}
@media screen and (min-width: 897px) {
  #header .header_inner .search_form .search_button {
    width: 30px;
    width: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #header .header_inner .search_form .search_button {
    width: 30px;
  }
}
#header .header_inner .hamburger {
  width: 40px;
  width: 10.6666666667vw;
  height: 40px;
  height: 10.6666666667vw;
  top: 3px;
  top: 0.8vw;
  position: relative;
  z-index: 3;
  cursor: pointer;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #header .header_inner .hamburger {
    width: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #header .header_inner .hamburger {
    height: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #header .header_inner .hamburger {
    top: 3px;
  }
}
#header .header_inner .hamburger span {
  width: 30px;
  width: 8vw;
  height: 4px;
  height: 1.0666666667vw;
  display: block;
  position: absolute;
  background: #0096da;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media screen and (min-width: 1441px) {
  #header .header_inner .hamburger span {
    width: 30px;
  }
}
@media screen and (min-width: 1441px) {
  #header .header_inner .hamburger span {
    height: 4px;
  }
}
#header .header_inner .hamburger span:nth-child(1) {
  top: 5px;
  top: 1.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #header .header_inner .hamburger span:nth-child(1) {
    top: 5px;
  }
}
#header .header_inner .hamburger span:nth-child(2) {
  top: 15px;
  top: 4vw;
}
@media screen and (min-width: 1441px) {
  #header .header_inner .hamburger span:nth-child(2) {
    top: 15px;
  }
}
#header .header_inner .hamburger span:nth-child(3) {
  top: 25px;
  top: 6.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #header .header_inner .hamburger span:nth-child(3) {
    top: 25px;
  }
}
#header .header_inner .hamburger.active span:nth-child(1) {
  top: 16px;
  top: 4.2666666667vw;
  left: 6px;
  left: 1.6vw;
  background: #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (min-width: 1441px) {
  #header .header_inner .hamburger.active span:nth-child(1) {
    top: 16px;
  }
}
@media screen and (min-width: 1441px) {
  #header .header_inner .hamburger.active span:nth-child(1) {
    left: 6px;
  }
}
#header .header_inner .hamburger.active span:nth-child(2), #header .header_inner .hamburger.active span:nth-child(3) {
  top: 16px;
  top: 4.2666666667vw;
  left: 6px;
  left: 1.6vw;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (min-width: 1441px) {
  #header .header_inner .hamburger.active span:nth-child(2), #header .header_inner .hamburger.active span:nth-child(3) {
    top: 16px;
  }
}
@media screen and (min-width: 1441px) {
  #header .header_inner .hamburger.active span:nth-child(2), #header .header_inner .hamburger.active span:nth-child(3) {
    left: 6px;
  }
}
#header .header_inner .global_nav--pc {
  margin-top: 10px;
}
#header .header_inner .global_nav--pc .header_menu {
  height: 100%;
}
#header .header_inner .global_nav--pc .header_menu ul {
  display: flex;
  height: 100%;
}
#header .header_inner .global_nav--pc .header_menu ul li + li {
  margin-left: 20px;
  margin-left: 1.3888888889vw;
}
@media screen and (min-width: 1441px) {
  #header .header_inner .global_nav--pc .header_menu ul li + li {
    margin-left: 20px;
  }
}
#header .header_inner .global_nav--pc .header_menu ul li > a {
  font-size: 14px;
  font-size: 0.9722222222vw;
  font-weight: 700;
  color: #333333;
  text-decoration: none;
  outline: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  transition: all 0.4s;
  background: linear-gradient(currentColor, currentColor) right bottom/0 1px no-repeat;
  transition: background-size 0.4s;
}
@media screen and (min-width: 1441px) {
  #header .header_inner .global_nav--pc .header_menu ul li > a {
    font-size: 14px;
  }
}
#header .header_inner .global_nav--pc .header_menu ul li > a *:focus {
  outline: none;
}
#header .header_inner .global_nav--pc .header_menu ul li > a:hover {
  text-decoration: none;
  background-position: left bottom;
  background-size: 100% 1px;
  color: #0096DA;
}
#header .header_inner .lang_switch--sp .bogo-language-switcher {
  font-size: 15px;
  font-size: 4vw;
  display: flex;
  font-weight: 500;
}
@media screen and (min-width: 1441px) {
  #header .header_inner .lang_switch--sp .bogo-language-switcher {
    font-size: 15px;
  }
}
#header .header_inner .lang_switch--sp .bogo-language-switcher li {
  color: #aaaaaa;
  border-bottom: none;
  background-color: #3eb2e5;
}
#header .header_inner .lang_switch--sp .bogo-language-switcher li:first-of-type {
  border-left: none;
}
#header .header_inner .lang_switch--sp .bogo-language-switcher li:last-of-type {
  border-right: none;
}
#header .header_inner .lang_switch--sp .bogo-language-switcher li a {
  padding-top: 8.5px;
  padding-top: 2.2666666667vw;
  padding-bottom: 8.5px;
  padding-bottom: 2.2666666667vw;
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1441px) {
  #header .header_inner .lang_switch--sp .bogo-language-switcher li a {
    padding-top: 8.5px;
  }
}
@media screen and (min-width: 1441px) {
  #header .header_inner .lang_switch--sp .bogo-language-switcher li a {
    padding-bottom: 8.5px;
  }
}
#header .header_inner .lang_switch--sp .bogo-language-switcher li.current {
  background-color: #0096da;
  border: 2px solid #fff;
  color: #fff;
}
#header .header_inner .lang_switch--sp .bogo-language-switcher li.ja {
  order: 1;
}
#header .header_inner .lang_switch--sp .bogo-language-switcher li.en-US {
  order: 2;
}
#header nav.global_nav--sp {
  padding-top: 55px;
  padding-top: 14.6666666667vw;
  height: 100vh;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  color: #fff;
  background: #0096da;
  text-align: center;
  width: 100%;
  display: none;
  overflow: scroll;
}
@media screen and (min-width: 1441px) {
  #header nav.global_nav--sp {
    padding-top: 55px;
  }
}
#header nav.global_nav--sp ul {
  margin: 0 auto;
  width: 100%;
}
#header nav.global_nav--sp ul li {
  width: 100%;
  transition: 0.4s all;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #fff;
}
#header nav.global_nav--sp ul li:first-child {
  padding-left: 15px;
  padding-left: 4vw;
  padding-right: 15px;
  padding-right: 4vw;
}
@media screen and (min-width: 1441px) {
  #header nav.global_nav--sp ul li:first-child {
    padding-left: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #header nav.global_nav--sp ul li:first-child {
    padding-right: 15px;
  }
}
#header nav.global_nav--sp ul li:last-child {
  padding-bottom: 0;
}
#header nav.global_nav--sp ul li a {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  padding-bottom: 20px;
  padding-bottom: 5.3333333333vw;
  display: block;
  color: #fff;
  text-decoration: none;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #header nav.global_nav--sp ul li a {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #header nav.global_nav--sp ul li a {
    padding-bottom: 20px;
  }
}
#header nav.global_nav--sp ul li .lang_switch--sp {
  padding-bottom: 20px;
  padding-bottom: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #header nav.global_nav--sp ul li .lang_switch--sp {
    padding-bottom: 20px;
  }
}
#header nav.global_nav--sp.active {
  display: block;
}

/* footer */
#footer_partnership {
  margin-top: 42px;
  margin-top: 11.2vw;
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  padding-bottom: 20px;
  padding-bottom: 5.3333333333vw;
  background-color: #ededed;
}
@media screen and (min-width: 1441px) {
  #footer_partnership {
    margin-top: 42px;
  }
}
@media screen and (min-width: 1441px) {
  #footer_partnership {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #footer_partnership {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 897px) {
  #footer_partnership {
    margin-top: 127px;
    margin-top: 8.8194444444vw;
    padding-top: 20px;
    padding-top: 1.3888888889vw;
    padding-bottom: 20px;
    padding-bottom: 1.3888888889vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer_partnership {
    margin-top: 127px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer_partnership {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer_partnership {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 897px) {
  #footer_partnership .footer_partnership_content {
    display: flex;
    justify-content: space-between;
  }
}
#footer_partnership .footer_partnership_content .footer_partnership_block .footer_partnership_title {
  font-size: 20px;
  font-size: 5.3333333333vw;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #footer_partnership .footer_partnership_content .footer_partnership_block .footer_partnership_title {
    font-size: 20px;
  }
}
@media screen and (min-width: 897px) {
  #footer_partnership .footer_partnership_content .footer_partnership_block .footer_partnership_title {
    font-size: 22px;
    font-size: 1.5277777778vw;
    text-align: left;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer_partnership .footer_partnership_content .footer_partnership_block .footer_partnership_title {
    font-size: 22px;
  }
}
#footer_partnership .footer_partnership_content .footer_partnership_block .footer_partnership_description {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  font-size: 14px;
  font-size: 3.7333333333vw;
}
@media screen and (min-width: 1441px) {
  #footer_partnership .footer_partnership_content .footer_partnership_block .footer_partnership_description {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #footer_partnership .footer_partnership_content .footer_partnership_block .footer_partnership_description {
    font-size: 14px;
  }
}
@media screen and (min-width: 897px) {
  #footer_partnership .footer_partnership_content .footer_partnership_block .footer_partnership_description {
    padding-top: 10px;
    padding-top: 0.6944444444vw;
    font-size: 14px;
    font-size: 0.9722222222vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer_partnership .footer_partnership_content .footer_partnership_block .footer_partnership_description {
    padding-top: 10px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer_partnership .footer_partnership_content .footer_partnership_block .footer_partnership_description {
    font-size: 14px;
  }
}
#footer_partnership .footer_partnership_content .footer_partnership_block:first-child {
  flex-basis: 17%;
}
#footer_partnership .footer_partnership_content .footer_partnership_block:last-child {
  flex-basis: 80%;
}
@media screen and (min-width: 897px) {
  #footer_partnership .button_container {
    padding-top: 10px;
    padding-top: 0.6944444444vw;
    text-align: right;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer_partnership .button_container {
    padding-top: 10px;
  }
}
@media screen and (min-width: 897px) {
  #footer_partnership .button_container .button {
    font-size: 16px;
    font-size: 1.1111111111vw;
    font-weight: 700;
    transition: all 0.5s;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer_partnership .button_container .button {
    font-size: 16px;
  }
}
@media screen and (min-width: 897px) {
  #footer_partnership .button_container .button a {
    padding-top: 10px;
    padding-top: 0.6944444444vw;
    padding-right: 52px;
    padding-right: 3.6111111111vw;
    padding-bottom: 10px;
    padding-bottom: 0.6944444444vw;
    padding-left: 52px;
    padding-left: 3.6111111111vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer_partnership .button_container .button a {
    padding-top: 10px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer_partnership .button_container .button a {
    padding-right: 52px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer_partnership .button_container .button a {
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer_partnership .button_container .button a {
    padding-left: 52px;
  }
}
@media screen and (min-width: 897px) {
  #footer_partnership .button_container .button:hover {
    background-color: #3eb2e5;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.18);
    transition: all 0.5s;
  }
}

#footer {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 100px;
  padding-bottom: 26.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #footer {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #footer {
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 897px) {
  #footer {
    padding-top: 38px;
    padding-top: 2.6388888889vw;
    padding-bottom: 78px;
    padding-bottom: 5.4166666667vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer {
    padding-top: 38px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer {
    padding-bottom: 78px;
  }
}
@media screen and (min-width: 897px) {
  #footer .footer_menu {
    display: flex;
  }
}
#footer .footer_menu .footer_menu_item .footer_menu_item_title {
  font-size: 18px;
  font-size: 4.8vw;
}
@media screen and (min-width: 1441px) {
  #footer .footer_menu .footer_menu_item .footer_menu_item_title {
    font-size: 18px;
  }
}
@media screen and (min-width: 897px) {
  #footer .footer_menu .footer_menu_item .footer_menu_item_title {
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer .footer_menu .footer_menu_item .footer_menu_item_title {
    font-size: 18px;
  }
}
#footer .footer_menu .footer_menu_item li {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  font-size: 16px;
  font-size: 4.2666666667vw;
}
@media screen and (min-width: 1441px) {
  #footer .footer_menu .footer_menu_item li {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #footer .footer_menu .footer_menu_item li {
    font-size: 16px;
  }
}
@media screen and (min-width: 897px) {
  #footer .footer_menu .footer_menu_item li {
    padding-top: 16px;
    padding-top: 1.1111111111vw;
    font-size: 16px;
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer .footer_menu .footer_menu_item li {
    padding-top: 16px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer .footer_menu .footer_menu_item li {
    font-size: 16px;
  }
}
#footer .footer_menu .footer_menu_item li a {
  outline: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  transition: all 0.4s;
  background: linear-gradient(currentColor, currentColor) right bottom/0 1px no-repeat;
  transition: background-size 0.4s;
}
#footer .footer_menu .footer_menu_item li a *:focus {
  outline: none;
}
#footer .footer_menu .footer_menu_item li a:hover {
  text-decoration: none;
  background-position: left bottom;
  background-size: 100% 1px;
  color: #0096da;
}
#footer .footer_menu .footer_menu_item + .footer_menu_item {
  padding-top: 30px;
  padding-top: 8vw;
}
@media screen and (min-width: 1441px) {
  #footer .footer_menu .footer_menu_item + .footer_menu_item {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) {
  #footer .footer_menu .footer_menu_item + .footer_menu_item {
    padding-top: 0;
    padding-left: 100px;
    padding-left: 6.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer .footer_menu .footer_menu_item + .footer_menu_item {
    padding-left: 100px;
  }
}
#footer .sns_area {
  padding-top: 30px;
  padding-top: 8vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1441px) {
  #footer .sns_area {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) {
  #footer .sns_area {
    padding-top: 0;
    align-items: flex-end;
  }
}
#footer .sns_area .sns_link {
  display: flex;
}
#footer .sns_area .sns_link li a img {
  transition: all 0.5s;
}
#footer .sns_area .sns_link li a img:hover {
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.53));
  transition: all 0.5s;
}
#footer .sns_area .sns_link li + li {
  padding-left: 16px;
  padding-left: 4.2666666667vw;
}
@media screen and (min-width: 1441px) {
  #footer .sns_area .sns_link li + li {
    padding-left: 16px;
  }
}
@media screen and (min-width: 897px) {
  #footer .sns_area .sns_link li + li {
    padding-left: 16px;
    padding-left: 1.1111111111vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer .sns_area .sns_link li + li {
    padding-left: 16px;
  }
}
#footer .sns_area .copyright {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  font-size: 14px;
  font-size: 3.7333333333vw;
  color: #333333;
}
@media screen and (min-width: 1441px) {
  #footer .sns_area .copyright {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #footer .sns_area .copyright {
    font-size: 14px;
  }
}
@media screen and (min-width: 897px) {
  #footer .sns_area .copyright {
    padding-top: 20px;
    padding-top: 1.3888888889vw;
    font-size: 14px;
    font-size: 0.9722222222vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer .sns_area .copyright {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #footer .sns_area .copyright {
    font-size: 14px;
  }
}

#kv {
  position: relative;
  width: 100%;
  max-width: 100%;
  color: #fff;
  font-weight: 700;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
#kv .slide-img {
  width: 100vw;
  opacity: 0;
  animation-name: anime;
  animation-iteration-count: infinite;
  animation-duration: 24s;
}
#kv .slide-img:nth-of-type(1) {
  animation-delay: 0s;
}
#kv .slide-img:nth-of-type(2) {
  animation-delay: 4s;
}
#kv .slide-img:nth-of-type(3) {
  animation-delay: 8s;
}
#kv .slide-img:nth-of-type(4) {
  animation-delay: 12s;
}
#kv .slide-img:nth-of-type(5) {
  animation-delay: 16s;
}
#kv .slide-img:nth-of-type(6) {
  animation-delay: 20s;
}
#kv .motto--pc {
  font-size: 48px;
  font-size: 3.3333333333vw;
  font-weight: 700;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -80%);
  -webkit-transform: translate(-50%, -80%);
  -ms-transform: translate(-50%, -80%);
  opacity: 0;
  transition: 0.4s;
  color: #fff;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
}
@media screen and (min-width: 1441px) {
  #kv .motto--pc {
    font-size: 48px;
  }
}
#kv .motto--sp {
  font-size: 24px;
  font-size: 6.4vw;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  opacity: 0;
  transition: 0.4s;
  color: #fff;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
}
@media screen and (min-width: 1441px) {
  #kv .motto--sp {
    font-size: 24px;
  }
}
@keyframes anime {
  0% {
    opacity: 0;
  }
  19% {
    opacity: 1;
  }
  27% {
    transform: scale(1.1);
  }
  35% {
    opacity: 0;
  }
}

#mission {
  position: relative;
  justify-content: center;
  padding: 0 20px;
}
#mission.show {
  display: flex;
  animation: show 1s linear 0s;
}
#mission .mission-inner {
  display: flex;
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}
#mission .mission-inner .appear-up {
  font-size: 15px;
  font-size: 4vw;
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  color: #333333;
  transition: 0.4s;
  line-height: 150%;
}
@media screen and (min-width: 1441px) {
  #mission .mission-inner .appear-up {
    font-size: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #mission .mission-inner .appear-up {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #mission .mission-inner .appear-up {
    font-size: 24px;
    font-size: 1.6666666667vw;
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #mission .mission-inner .appear-up {
    font-size: 24px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #mission .mission-inner .appear-up {
    padding-top: 30px;
  }
}
#mission .mission-inner .habitat-flag {
  flex-basis: 40%;
}
#mission .mission-inner .habitat-flag img {
  vertical-align: bottom;
}
@media screen and (max-width: 896px) {
  #mission .mission-inner .habitat-flag {
    width: 50%;
    margin: 0 auto;
  }
}
#mission .mission-inner .summary {
  flex-basis: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 896px) {
  #mission .mission-inner .summary {
    align-items: center;
    padding: 0 0 40px 0;
  }
}
@media screen and (max-width: 896px) {
  #mission .mission-inner {
    flex-direction: column;
  }
}

@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-text--pc {
  padding-left: 100px;
  padding-left: 6.9444444444vw;
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: flex-start;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
  opacity: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transition: 0.8s;
}
@media screen and (min-width: 1441px) {
  .fade-text--pc {
    padding-left: 100px;
  }
}
.fade-text--pc p {
  color: #fff;
  font-size: 48px;
  font-size: 3.3333333333vw;
  margin: 0;
  vertical-align: top;
}
@media screen and (min-width: 1441px) {
  .fade-text--pc p {
    font-size: 48px;
  }
}
.fade-text--pc p .word--pc {
  position: absolute;
  display: flex;
  opacity: 0;
}
.fade-text--pc p .word--sp {
  position: absolute;
  display: flex;
  opacity: 0;
}

.fade-text--sp {
  font-size: 24px;
  font-size: 6.4vw;
  width: 100%;
  display: flex;
  justify-content: center;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
  opacity: 1;
  transition: 0.8s;
}
@media screen and (min-width: 1441px) {
  .fade-text--sp {
    font-size: 24px;
  }
}
.fade-text--sp p {
  color: #fff;
  margin: 0;
  vertical-align: top;
}
.fade-text--sp p .word--pc {
  position: absolute;
  display: flex;
  opacity: 0;
}
.fade-text--sp p .word--sp {
  position: absolute;
  display: flex;
  opacity: 0;
}

.letter {
  transform-origin: center center 25px;
}
.letter.out {
  transform: rotateX(90deg);
  opacity: 0;
  transition: 0.12s ease;
}
.letter.in {
  opacity: 1;
  transition: 0.18s ease;
}
.letter.behind {
  opacity: 0;
  transform: rotateX(-90deg);
}

.last-text--1--pc {
  opacity: 0;
  transition: 1s;
}
.last-text--1--pc h2 {
  font-size: 48px;
  font-size: 3.3333333333vw;
  position: relative;
  display: flex;
  justify-content: center;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  color: #fff;
  margin-bottom: 30px;
}
@media screen and (min-width: 1441px) {
  .last-text--1--pc h2 {
    font-size: 48px;
  }
}

.last-text--1--sp {
  opacity: 0;
  transition: 1s;
}
.last-text--1--sp h2 {
  font-size: 24px;
  font-size: 6.4vw;
  position: relative;
  display: flex;
  justify-content: center;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  color: #fff;
  margin-bottom: 30px;
}
@media screen and (min-width: 1441px) {
  .last-text--1--sp h2 {
    font-size: 24px;
  }
}

.last-text--2 {
  transition: 1s;
}
.last-text--2 h1 {
  font-size: 26px;
  font-size: 6.9333333333vw;
  position: relative;
  display: flex;
  justify-content: center;
  font-family: "Roboto";
  font-weight: 700;
  color: #0096da;
}
@media screen and (min-width: 1441px) {
  .last-text--2 h1 {
    font-size: 26px;
  }
}
@media screen and (min-width: 897px) {
  .last-text--2 h1 {
    font-size: 56px;
    font-size: 3.8888888889vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .last-text--2 h1 {
    font-size: 56px;
  }
}

#mission-habitat--pc span {
  display: inline-block;
}

#mission-habitat--sp span {
  display: inline-block;
}

#we-call--pc {
  display: inline-block;
  transform: translateX(50%);
  transition: 0.4s;
}

#we-call--sp {
  display: inline-block;
  transform: translateX(50%);
  transition: 0.4s;
}

#top_event {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #top_event {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #top_event {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #top_event {
    padding-top: 100px;
    padding-top: 6.9444444444vw;
    padding-bottom: 100px;
    padding-bottom: 6.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #top_event {
    padding-top: 100px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #top_event {
    padding-bottom: 100px;
  }
}
#top_event .top_event_content .top_event_block {
  flex-basis: 30%;
}
#top_event .top_event_content .top_event_block + .top_event_block {
  padding-top: 15px;
  padding-top: 4vw;
  flex-basis: 67%;
}
@media screen and (min-width: 1441px) {
  #top_event .top_event_content .top_event_block + .top_event_block {
    padding-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  #top_event .top_event_content .top_event_block + .top_event_block {
    padding-top: 0;
  }
}
@media screen and (min-width: 897px) {
  #top_event .top_event_content {
    display: flex;
    justify-content: space-between;
  }
}
#top_event .top_event_banners {
  line-height: 0;
  margin-top: 40px;
  margin-top: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #top_event .top_event_banners {
    margin-top: 40px;
  }
}
#top_event .top_event_banners .top_event_banner {
  transition: all 0.5s;
}
#top_event .top_event_banners .top_event_banner a {
  display: inline-block;
}
#top_event .top_event_banners .top_event_banner:hover {
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);
  transition: all 0.5s;
}
#top_event .top_event_banners .top_event_banner + .top_event_banner {
  padding-top: 15px;
  padding-top: 4vw;
}
@media screen and (min-width: 1441px) {
  #top_event .top_event_banners .top_event_banner + .top_event_banner {
    padding-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  #top_event .top_event_banners .top_event_banner + .top_event_banner {
    padding-top: 0;
  }
}
@media screen and (min-width: 897px) {
  #top_event .top_event_banners {
    margin-top: 30px;
    margin-top: 2.0833333333vw;
    display: grid;
    gap: 32px;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #top_event .top_event_banners {
    margin-top: 30px;
  }
}

#top_message {
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #top_message {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #top_message {
    padding-bottom: 100px;
    padding-bottom: 6.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #top_message {
    padding-bottom: 100px;
  }
}
#top_message .button {
  width: 100%;
}
#top_message .button a {
  padding-top: 20.5px;
  padding-top: 5.4666666667vw;
  padding-bottom: 20.5px;
  padding-bottom: 5.4666666667vw;
}
@media screen and (min-width: 1441px) {
  #top_message .button a {
    padding-top: 20.5px;
  }
}
@media screen and (min-width: 1441px) {
  #top_message .button a {
    padding-bottom: 20.5px;
  }
}
@media screen and (min-width: 897px) {
  #top_message .button a {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    padding-bottom: 30px;
    padding-bottom: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #top_message .button a {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #top_message .button a {
    padding-bottom: 30px;
  }
}
#top_message .important_notice {
  margin-top: 40px;
  margin-top: 10.6666666667vw;
  padding: 25px;
  padding: 6.6666666667vw;
  border: 3px solid #0096da;
}
@media screen and (min-width: 1441px) {
  #top_message .important_notice {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #top_message .important_notice {
    padding: 25px;
  }
}
#top_message .important_notice .important_notice_title {
  text-align: center;
}
#top_message .important_notice .important_notice_description {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #top_message .important_notice .important_notice_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #top_message .important_notice .important_notice_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #top_message .important_notice .important_notice_description {
    padding-top: 24px;
    padding-top: 1.6666666667vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #top_message .important_notice .important_notice_description {
    padding-top: 24px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #top_message .important_notice .important_notice_description {
    font-size: 18px;
  }
}
#top_message .important_notice .important_notice_description p {
  text-align: center;
}
@media screen and (min-width: 897px) {
  #top_message .important_notice {
    margin-top: 80px;
    margin-top: 5.5555555556vw;
    padding: 30px;
    padding: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #top_message .important_notice {
    margin-top: 80px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #top_message .important_notice {
    padding: 30px;
  }
}

#peoples {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
  background-color: #d7effa;
}
@media screen and (min-width: 1441px) {
  #peoples {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #peoples {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #peoples {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    padding-bottom: 40px;
    padding-bottom: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #peoples {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #peoples {
    padding-bottom: 40px;
  }
}
#peoples .peoples_content .peoples_block .peoples_title {
  font-size: 36px;
  font-size: 9.6vw;
  line-height: 1.5;
}
@media screen and (min-width: 1441px) {
  #peoples .peoples_content .peoples_block .peoples_title {
    font-size: 36px;
  }
}
@media screen and (min-width: 897px) {
  #peoples .peoples_content .peoples_block .peoples_title {
    font-size: 42px;
    font-size: 2.9166666667vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #peoples .peoples_content .peoples_block .peoples_title {
    font-size: 42px;
  }
}
#peoples .peoples_content .peoples_block .peoples_item {
  padding-top: 10.22px;
  padding-top: 2.7253333333vw;
}
@media screen and (min-width: 1441px) {
  #peoples .peoples_content .peoples_block .peoples_item {
    padding-top: 10.22px;
  }
}
@media screen and (min-width: 897px) {
  #peoples .peoples_content .peoples_block .peoples_item {
    padding-top: 20px;
    padding-top: 1.3888888889vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #peoples .peoples_content .peoples_block .peoples_item {
    padding-top: 20px;
  }
}
#peoples .peoples_content .peoples_block .peoples_item .peoples_description {
  font-size: 15px;
  font-size: 4vw;
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #peoples .peoples_content .peoples_block .peoples_item .peoples_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #peoples .peoples_content .peoples_block .peoples_item .peoples_description {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #peoples .peoples_content .peoples_block .peoples_item .peoples_description {
    font-size: 22px;
    font-size: 1.5277777778vw;
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #peoples .peoples_content .peoples_block .peoples_item .peoples_description {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #peoples .peoples_content .peoples_block .peoples_item .peoples_description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) {
  #peoples .peoples_content .peoples_block {
    flex-basis: 40%;
  }
}
#peoples .peoples_content .peoples_block + .peoples_block {
  padding-top: 32px;
  padding-top: 8.5333333333vw;
}
@media screen and (min-width: 1441px) {
  #peoples .peoples_content .peoples_block + .peoples_block {
    padding-top: 32px;
  }
}
@media screen and (min-width: 897px) {
  #peoples .peoples_content .peoples_block + .peoples_block {
    padding-top: 0;
    flex-basis: 57%;
  }
}
@media screen and (min-width: 897px) {
  #peoples .peoples_content {
    display: flex;
    justify-content: space-between;
  }
}
#peoples .button_container {
  text-align: right;
}

#feature {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #feature {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #feature {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #feature {
    padding-top: 100px;
    padding-top: 6.9444444444vw;
    padding-bottom: 100px;
    padding-bottom: 6.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #feature {
    padding-top: 100px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #feature {
    padding-bottom: 100px;
  }
}
#feature .feature_content .feature_block {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  padding-left: 20.5px;
  padding-left: 5.4666666667vw;
  padding-bottom: 20px;
  padding-bottom: 5.3333333333vw;
  padding-right: 20.5px;
  padding-right: 5.4666666667vw;
  background-color: #d7effa;
  border-radius: 20px;
}
@media screen and (min-width: 1441px) {
  #feature .feature_content .feature_block {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #feature .feature_content .feature_block {
    padding-left: 20.5px;
  }
}
@media screen and (min-width: 1441px) {
  #feature .feature_content .feature_block {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #feature .feature_content .feature_block {
    padding-right: 20.5px;
  }
}
@media screen and (min-width: 897px) {
  #feature .feature_content .feature_block {
    flex-basis: 54%;
    padding-top: 50px;
    padding-top: 3.4722222222vw;
    padding-left: 54.5px;
    padding-left: 3.7847222222vw;
    padding-bottom: 50px;
    padding-bottom: 3.4722222222vw;
    padding-right: 54.5px;
    padding-right: 3.7847222222vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #feature .feature_content .feature_block {
    padding-top: 50px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #feature .feature_content .feature_block {
    padding-left: 54.5px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #feature .feature_content .feature_block {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #feature .feature_content .feature_block {
    padding-right: 54.5px;
  }
}
#feature .feature_content .feature_block .feature_title {
  text-align: center;
}
#feature .feature_content .feature_block .feature_description {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #feature .feature_content .feature_block .feature_description {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #feature .feature_content .feature_block .feature_description {
    padding-top: 20px;
    padding-top: 1.3888888889vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #feature .feature_content .feature_block .feature_description {
    padding-top: 20px;
  }
}
#feature .feature_content .feature_block .feature_description p {
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #feature .feature_content .feature_block .feature_description p {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #feature .feature_content .feature_block .feature_description p {
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #feature .feature_content .feature_block .feature_description p {
    font-size: 18px;
  }
}
@media screen and (min-width: 897px) {
  #feature .feature_content {
    display: flex;
    justify-content: space-between;
  }
}
#feature .feature_banners {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #feature .feature_banners {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #feature .feature_banners {
    padding-top: 0;
    flex-basis: 43%;
  }
}
#feature .feature_banners .feature_banner {
  line-height: 0;
  transition: all 0.5s;
}
#feature .feature_banners .feature_banner a {
  display: inline-block;
}
#feature .feature_banners .feature_banner:hover {
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);
  transition: all 0.5s;
}
#feature .feature_banners .feature_banner + .feature_banner {
  margin-top: 20px;
  margin-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #feature .feature_banners .feature_banner + .feature_banner {
    margin-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #feature .feature_banners .feature_banner + .feature_banner {
    margin-top: 20px;
    margin-top: 1.3888888889vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #feature .feature_banners .feature_banner + .feature_banner {
    margin-top: 20px;
  }
}
#feature .button {
  width: 100%;
}

#top_sdgs .top_sdgs_title_main {
  font-size: 20px;
  font-size: 5.3333333333vw;
  color: #666666;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #top_sdgs .top_sdgs_title_main {
    font-size: 20px;
  }
}
#top_sdgs .top_sdgs_title_main:lang(en) {
  font-size: 16px;
  font-size: 4.2666666667vw;
}
@media screen and (min-width: 1441px) {
  #top_sdgs .top_sdgs_title_main:lang(en) {
    font-size: 16px;
  }
}
@media screen and (min-width: 897px) {
  #top_sdgs .top_sdgs_title_main {
    font-size: 28px;
    font-size: 1.9444444444vw;
    text-align: left;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #top_sdgs .top_sdgs_title_main {
    font-size: 28px;
  }
}
@media screen and (min-width: 897px) {
  #top_sdgs .top_sdgs_title_main:lang(en) {
    font-size: 26px;
    font-size: 1.8055555556vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #top_sdgs .top_sdgs_title_main:lang(en) {
    font-size: 26px;
  }
}
#top_sdgs .top_sdgs_title_main .assertion {
  font-size: 30px;
  font-size: 8vw;
  color: #0096da;
}
@media screen and (min-width: 1441px) {
  #top_sdgs .top_sdgs_title_main .assertion {
    font-size: 30px;
  }
}
#top_sdgs .top_sdgs_title_main .assertion:lang(en) {
  font-size: 17px;
  font-size: 4.5333333333vw;
}
@media screen and (min-width: 1441px) {
  #top_sdgs .top_sdgs_title_main .assertion:lang(en) {
    font-size: 17px;
  }
}
@media screen and (min-width: 897px) {
  #top_sdgs .top_sdgs_title_main .assertion {
    font-size: 32px;
    font-size: 2.2222222222vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #top_sdgs .top_sdgs_title_main .assertion {
    font-size: 32px;
  }
}
@media screen and (min-width: 897px) {
  #top_sdgs .top_sdgs_title_main .assertion:lang(en) {
    font-size: 28px;
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #top_sdgs .top_sdgs_title_main .assertion:lang(en) {
    font-size: 28px;
  }
}
#top_sdgs #sdgs_slide {
  margin-top: 31.5px;
  margin-top: 8.4vw;
}
@media screen and (min-width: 1441px) {
  #top_sdgs #sdgs_slide {
    margin-top: 31.5px;
  }
}
#top_sdgs .top_sdgs_description {
  padding-top: 30px;
  padding-top: 8vw;
  color: #666666;
}
@media screen and (min-width: 1441px) {
  #top_sdgs .top_sdgs_description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) {
  #top_sdgs .top_sdgs_description {
    padding-top: 50px;
    padding-top: 3.4722222222vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #top_sdgs .top_sdgs_description {
    padding-top: 50px;
  }
}
#top_sdgs .top_sdgs_description p {
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #top_sdgs .top_sdgs_description p {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #top_sdgs .top_sdgs_description p {
    font-size: 24px;
    font-size: 1.6666666667vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #top_sdgs .top_sdgs_description p {
    font-size: 24px;
  }
}

/* 記事などのリスト系 */
.two {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}
@media screen and (max-width: 896px) {
  .two {
    grid-template-columns: 1fr;
  }
}

.three {
  display: grid;
  gap: 32px;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}
@media screen and (max-width: 896px) {
  .three {
    grid-template-columns: 1fr;
  }
}

.four {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin: 40px 0;
  width: 100%;
}

.card {
  aspect-ratio: 3/2;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  border: 2px solid #fff;
  overflow: hidden;
  transition: all 0.5s;
}
.card:hover {
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);
  transition: all 0.5s;
}
.card .post-thumbnail {
  width: 100%;
  height: 100%;
}
.card .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.card .under-img {
  font-size: 15px;
  font-size: 4vw;
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
}
@media screen and (min-width: 1441px) {
  .card .under-img {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  .card .under-img {
    font-size: 20px;
    font-size: 1.3888888889vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .card .under-img {
    font-size: 20px;
  }
}
.card .under-img p {
  font-weight: 600;
  margin-left: 10px;
  margin-bottom: 20px;
  line-height: 1.2;
}
.card .under-img span {
  color: #fff;
}
.card a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.documents {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1;
  height: 330px;
}
.documents .post-thumbnail {
  width: 100%;
  height: 100%;
}
.documents .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.documents h3 {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  margin-top: 20px;
}
.documents a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.article_list {
  margin-top: 35px;
  margin-top: 9.3333333333vw;
  padding: 5px;
  padding: 1.3333333333vw;
}
@media screen and (min-width: 1441px) {
  .article_list {
    margin-top: 35px;
  }
}
@media screen and (min-width: 1441px) {
  .article_list {
    padding: 5px;
  }
}
@media screen and (min-width: 897px) {
  .article_list {
    display: flex;
    margin-top: 35px;
    margin-top: 2.4305555556vw;
    padding: 5px;
    padding: 0.3472222222vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .article_list {
    margin-top: 35px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .article_list {
    padding: 5px;
  }
}
.article_list:hover {
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.18);
  transition: all 0.5s;
}
.article_list .article_link {
  display: block;
  text-decoration: none;
}
.article_list .article_link figure {
  display: block;
  width: 350px;
  height: auto;
  overflow: hidden;
  position: relative;
  aspect-ratio: 3/2;
}
.article_list .article_link figure .post-thumbnail {
  height: 100%;
}
.article_list .article_link figure .post-thumbnail img {
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 896px) {
  .article_list .article_link figure {
    width: 100%;
  }
}
.article_list .article_link + .article_link {
  padding-top: 10px;
  padding-top: 2.6666666667vw;
  width: 100%;
}
@media screen and (min-width: 1441px) {
  .article_list .article_link + .article_link {
    padding-top: 10px;
  }
}
@media screen and (min-width: 897px) {
  .article_list .article_link + .article_link {
    margin-left: 32px;
    margin-left: 2.2222222222vw;
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .article_list .article_link + .article_link {
    margin-left: 32px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .article_list .article_link + .article_link {
    padding-top: 30px;
  }
}
.article_list .contents .title {
  font-size: 15px;
  font-size: 4vw;
  color: #0096da;
  font-weight: 700;
  line-height: 1.2;
  max-height: 66px;
  display: inline;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  outline: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  transition: all 0.4s;
  background: linear-gradient(currentColor, currentColor) right bottom/0 1px no-repeat;
  transition: background-size 0.4s;
}
@media screen and (min-width: 1441px) {
  .article_list .contents .title {
    font-size: 15px;
  }
}
.article_list .contents .title *:focus {
  outline: none;
}
@media screen and (min-width: 897px) {
  .article_list .contents .title {
    font-size: 24px;
    font-size: 1.6666666667vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .article_list .contents .title {
    font-size: 24px;
  }
}
.article_list .contents .description {
  padding-top: 10px;
  padding-top: 2.6666666667vw;
  font-size: 14px;
  font-size: 3.7333333333vw;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (min-width: 1441px) {
  .article_list .contents .description {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1441px) {
  .article_list .contents .description {
    font-size: 14px;
  }
}
@media screen and (min-width: 897px) {
  .article_list .contents .description {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .article_list .contents .description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .article_list .contents .description {
    font-size: 18px;
  }
}

.thumbnail_banner {
  margin-top: 20px;
  margin-top: 5.3333333333vw;
  padding-top: 10px;
  padding-top: 2.6666666667vw;
  padding-right: 10px;
  padding-right: 2.6666666667vw;
  padding-left: 10px;
  padding-left: 2.6666666667vw;
  border: 3px solid #e5e5e5;
}
@media screen and (min-width: 1441px) {
  .thumbnail_banner {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1441px) {
  .thumbnail_banner {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1441px) {
  .thumbnail_banner {
    padding-right: 10px;
  }
}
@media screen and (min-width: 1441px) {
  .thumbnail_banner {
    padding-left: 10px;
  }
}
@media screen and (min-width: 897px) {
  .thumbnail_banner {
    margin-top: 40px;
    margin-top: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .thumbnail_banner {
    margin-top: 40px;
  }
}
.thumbnail_banner .article_link {
  display: flex;
  align-items: center;
}
.thumbnail_banner .article_link figure {
  display: block;
  width: 450px;
  height: auto;
  overflow: hidden;
  position: relative;
  aspect-ratio: 3/2;
}
@media screen and (max-width: 896px) {
  .thumbnail_banner .article_link figure {
    width: 100%;
  }
}
.thumbnail_banner .article_link figure::before {
  content: "";
  padding-top: 75%;
  display: block;
}
.thumbnail_banner .article_link figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
.thumbnail_banner .article_link + .article_link {
  padding-top: 25px;
  padding-top: 6.6666666667vw;
  padding-bottom: 25px;
  padding-bottom: 6.6666666667vw;
  width: 100%;
}
@media screen and (min-width: 1441px) {
  .thumbnail_banner .article_link + .article_link {
    padding-top: 25px;
  }
}
@media screen and (min-width: 1441px) {
  .thumbnail_banner .article_link + .article_link {
    padding-bottom: 25px;
  }
}
@media screen and (min-width: 897px) {
  .thumbnail_banner .article_link + .article_link {
    padding-left: 34px;
    padding-left: 2.3611111111vw;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .thumbnail_banner .article_link + .article_link {
    padding-left: 34px;
  }
}
.thumbnail_banner .contents .title {
  font-size: 22px;
  font-size: 5.8666666667vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  display: inline;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (min-width: 1441px) {
  .thumbnail_banner .contents .title {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  .thumbnail_banner .contents .title {
    font-size: 34px;
    font-size: 2.3611111111vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .thumbnail_banner .contents .title {
    font-size: 34px;
  }
}
.thumbnail_banner .contents .description {
  font-size: 18px;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 896px) {
  .thumbnail_banner .contents .description {
    font-size: 14px;
  }
}
@media screen and (min-width: 897px) {
  .thumbnail_banner {
    display: flex;
    padding: 10px;
  }
}

.articles {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  gap: 20px;
  gap: 5.3333333333vw;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}
@media screen and (min-width: 1441px) {
  .articles {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1441px) {
  .articles {
    gap: 20px;
  }
}
@media screen and (min-width: 897px) {
  .articles {
    padding-top: 29px;
    padding-top: 2.0138888889vw;
    gap: 32px;
    gap: 2.2222222222vw;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .articles {
    padding-top: 29px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .articles {
    gap: 32px;
  }
}

.event-top--list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 40px;
  column-gap: 24px;
}
.event-top--list .event-top--item--large {
  grid-column-start: 1;
  grid-column-end: 4;
}
@media screen and (max-width: 896px) {
  .event-top--list .event-top--item--large {
    grid-column-end: unset;
  }
}
@media screen and (max-width: 896px) {
  .event-top--list {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
}

/* 詳細ページ */
.page_kv {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  overflow: hidden;
  height: 300px;
}
.page_kv .post-thumbnail {
  width: 100%;
  height: 100%;
}
.page_kv .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page_kv .kv_title {
  width: 100%;
  max-width: 1170px;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.page_kv .kv_title span {
  color: #fff;
}
.page_kv a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page_kv.policy h1 {
  color: #0096da;
}

.entry-content h2 {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  .entry-content h2 {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  .entry-content h2 {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .entry-content h2 {
    padding-top: 40px;
  }
}
.entry-content h3 {
  color: #333333;
}
.entry-content p {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
  color: #333333;
}
@media screen and (min-width: 1441px) {
  .entry-content p {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  .entry-content p {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  .entry-content p {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .entry-content p {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .entry-content p {
    font-size: 18px;
  }
}
.entry-content ul {
  padding-top: 30px;
  list-style: inherit;
}
.entry-content .hero {
  padding-top: 40px;
}
.entry-content .wp-block-image {
  padding-top: 30px;
  margin: 0;
}
.entry-content .wp-block-image figcaption {
  font-size: 15px;
  margin-bottom: 0;
}
.entry-content .wp-block-gallery {
  padding-top: 30px;
  justify-content: center;
  margin: 0;
}
.entry-content .wp-block-embed {
  padding-top: 30px;
  display: flex;
  justify-content: center;
  margin: 0;
}
.entry-content a {
  color: #0096da;
  text-decoration: underline;
}

.summary {
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 896px) {
  .summary {
    padding: 30px 20px;
  }
}

.description {
  padding-top: 30px;
}
.description.catch p {
  font-size: 22px;
}
@media screen and (max-width: 896px) {
  .description.catch p {
    font-size: 15px;
  }
}
@media screen and (max-width: 896px) {
  .description {
    padding-top: 20px;
  }
}

#drawing-contest {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 50px 0;
}
#drawing-contest p {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
  color: #333333;
}
@media screen and (min-width: 1441px) {
  #drawing-contest p {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #drawing-contest p {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #drawing-contest p {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #drawing-contest p {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #drawing-contest p {
    font-size: 18px;
  }
}
#drawing-contest .winner {
  padding: 0;
}
@media screen and (max-width: 896px) {
  #drawing-contest {
    padding: 4rem 2rem;
  }
}
#drawing-contest .wp-block-gallery {
  margin: 50px 0;
}
#drawing-contest .wp-block-gallery .blocks-gallery-item {
  margin-bottom: 50px;
}
#drawing-contest .wp-block-gallery .blocks-gallery-item figure {
  display: inline-block;
}
#drawing-contest .wp-block-gallery .blocks-gallery-item figure img {
  height: 258px;
  transition: all 0.5s;
}
#drawing-contest .wp-block-gallery .blocks-gallery-item figure:hover img {
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);
  transition: all 0.5s;
}
#drawing-contest .wp-block-gallery .blocks-gallery-item figure figcaption {
  position: unset;
  background: unset;
  padding: 20px 0 0 0;
}
#drawing-contest .wp-block-gallery .blocks-gallery-item figure figcaption * {
  text-align: center;
}
#drawing-contest .wp-block-gallery .blocks-gallery-item figure figcaption h4 {
  color: #0096da;
  font-weight: bold;
  font-size: 24px;
}
@media screen and (max-width: 896px) {
  #drawing-contest .wp-block-gallery .blocks-gallery-item {
    width: 100%;
  }
}
#drawing-contest > ul {
  padding-top: 30px;
}
#drawing-contest > ul li {
  line-height: 2;
}
#drawing-contest > ul li a {
  color: #333333;
  text-decoration: underline;
}
#drawing-contest > ul li::before {
  color: #0096da;
  content: ">";
  display: inline-block;
  padding-right: 5px;
}
#drawing-contest .modal-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
  pointer-events: none;
  opacity: 0;
  transition: 0.25s ease-out;
}
#drawing-contest .modal-wrapper.show {
  opacity: 1;
  pointer-events: all;
  z-index: 100;
}
#drawing-contest .modal-image {
  position: absolute;
  max-width: 80%;
  max-height: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  opacity: 0;
  transition: 0.5s ease-out;
}
#drawing-contest .modal-image.show {
  opacity: 1;
}

.not-found p {
  text-align: center;
  padding: 0;
}
.not-found a {
  color: #fff;
  text-decoration: none;
}

.button_container {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  .button_container {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  .button_container {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .button_container {
    padding-top: 30px;
  }
}
.button_container.two_buttons .button + .button {
  margin-top: 20px;
  margin-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  .button_container.two_buttons .button + .button {
    margin-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  .button_container.two_buttons .button + .button {
    margin-top: 0;
    margin-left: 32px;
    margin-left: 2.2222222222vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .button_container.two_buttons .button + .button {
    margin-left: 32px;
  }
}
@media screen and (min-width: 897px) {
  .button_container.two_buttons {
    display: flex;
    justify-content: center;
  }
}
.button_container .button {
  display: inline-block;
  font-weight: 700;
  width: 100%;
  transition: all 0.5s;
}
.button_container .button a {
  font-size: 16px;
  font-size: 4.2666666667vw;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 20.5px;
  padding-top: 5.4666666667vw;
  padding-bottom: 20.5px;
  padding-bottom: 5.4666666667vw;
}
@media screen and (min-width: 1441px) {
  .button_container .button a {
    font-size: 16px;
  }
}
@media screen and (min-width: 1441px) {
  .button_container .button a {
    padding-top: 20.5px;
  }
}
@media screen and (min-width: 1441px) {
  .button_container .button a {
    padding-bottom: 20.5px;
  }
}
@media screen and (min-width: 897px) {
  .button_container .button {
    width: auto;
  }
  .button_container .button a {
    font-size: 22px;
    font-size: 1.5277777778vw;
    padding-top: 20px;
    padding-top: 1.3888888889vw;
    padding-right: 120px;
    padding-right: 8.3333333333vw;
    padding-bottom: 20px;
    padding-bottom: 1.3888888889vw;
    padding-left: 120px;
    padding-left: 8.3333333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .button_container .button a {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .button_container .button a {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .button_container .button a {
    padding-right: 120px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .button_container .button a {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .button_container .button a {
    padding-left: 120px;
  }
}
.button_container .button.blue {
  background-color: #0096da;
  color: #fff;
}
.button_container .button.blue:hover {
  background-color: #3eb2e5;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.18);
  transition: all 0.5s;
}
.button_container .button.white {
  background-color: #fff;
  border: 2px solid #333333;
  color: #333333;
}
.button_container .button.white:hover {
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.18);
  transition: all 0.5s;
}

.pagination {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 18px;
  font-size: 4.8vw;
  color: #666666;
  font-family: "Roboto";
  font-weight: 700;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1441px) {
  .pagination {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  .pagination {
    font-size: 18px;
  }
}
@media screen and (min-width: 897px) {
  .pagination {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .pagination {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .pagination {
    font-size: 18px;
  }
}
.pagination .page-numbers {
  display: flex;
}
.pagination a,
.pagination span {
  padding-top: 9.5px;
  padding-top: 2.5333333333vw;
  padding-right: 16px;
  padding-right: 4.2666666667vw;
  padding-bottom: 9.5px;
  padding-bottom: 2.5333333333vw;
  padding-left: 16px;
  padding-left: 4.2666666667vw;
}
@media screen and (min-width: 1441px) {
  .pagination a,
.pagination span {
    padding-top: 9.5px;
  }
}
@media screen and (min-width: 1441px) {
  .pagination a,
.pagination span {
    padding-right: 16px;
  }
}
@media screen and (min-width: 1441px) {
  .pagination a,
.pagination span {
    padding-bottom: 9.5px;
  }
}
@media screen and (min-width: 1441px) {
  .pagination a,
.pagination span {
    padding-left: 16px;
  }
}
@media screen and (min-width: 897px) {
  .pagination a,
.pagination span {
    padding-top: 8px;
    padding-top: 0.5555555556vw;
    padding-right: 14.5px;
    padding-right: 1.0069444444vw;
    padding-bottom: 8px;
    padding-bottom: 0.5555555556vw;
    padding-left: 14.5px;
    padding-left: 1.0069444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .pagination a,
.pagination span {
    padding-top: 8px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .pagination a,
.pagination span {
    padding-right: 14.5px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .pagination a,
.pagination span {
    padding-bottom: 8px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .pagination a,
.pagination span {
    padding-left: 14.5px;
  }
}
.pagination a:hover,
.pagination span:hover {
  background-color: #3eb2e5;
  color: #fff;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.18);
  transition: all 0.5s;
}
.pagination .current {
  background-color: #0096da;
  color: #fff;
}

#share_box--pc {
  display: flex;
}
#share_box--pc:lang(ja) {
  width: 64px;
  width: 4.4444444444vw;
  padding-top: 12px;
  padding-top: 0.8333333333vw;
  padding-right: 12px;
  padding-right: 0.8333333333vw;
  padding-bottom: 16.65px;
  padding-bottom: 1.15625vw;
  padding-left: 12px;
  padding-left: 0.8333333333vw;
  flex-direction: column;
  align-items: center;
  background: #fff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  border-radius: 20px 0px 0px 20px;
  position: fixed;
  top: calc(50% - 25px);
  right: 0;
  z-index: 100;
}
@media screen and (min-width: 1441px) {
  #share_box--pc:lang(ja) {
    width: 64px;
  }
}
@media screen and (min-width: 1441px) {
  #share_box--pc:lang(ja) {
    padding-top: 12px;
  }
}
@media screen and (min-width: 1441px) {
  #share_box--pc:lang(ja) {
    padding-right: 12px;
  }
}
@media screen and (min-width: 1441px) {
  #share_box--pc:lang(ja) {
    padding-bottom: 16.65px;
  }
}
@media screen and (min-width: 1441px) {
  #share_box--pc:lang(ja) {
    padding-left: 12px;
  }
}
#share_box--pc:lang(ja) a img {
  transition: all 0.5s;
}
#share_box--pc:lang(ja) a img:hover {
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.53));
}
#share_box--pc:lang(ja) .text--share {
  font-size: 14px;
  font-size: 0.9722222222vw;
  padding-top: 10px;
  padding-top: 0.6944444444vw;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  line-height: 1;
  font-weight: 700;
  line-height: 1;
  color: #666666;
}
@media screen and (min-width: 1441px) {
  #share_box--pc:lang(ja) .text--share {
    font-size: 14px;
  }
}
@media screen and (min-width: 1441px) {
  #share_box--pc:lang(ja) .text--share {
    padding-top: 10px;
  }
}
#share_box--pc:lang(en) {
  width: 120px;
  width: 8.3333333333vw;
  padding-top: 14px;
  padding-top: 0.9722222222vw;
  padding-right: 12px;
  padding-right: 0.8333333333vw;
  padding-bottom: 14px;
  padding-bottom: 0.9722222222vw;
  padding-left: 12px;
  padding-left: 0.8333333333vw;
  flex-direction: column;
  align-items: center;
  background: #fff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  border-radius: 20px 0px 0px 20px;
  position: fixed;
  top: calc(50% - 25px);
  right: 0;
  z-index: 100;
}
@media screen and (min-width: 1441px) {
  #share_box--pc:lang(en) {
    width: 120px;
  }
}
@media screen and (min-width: 1441px) {
  #share_box--pc:lang(en) {
    padding-top: 14px;
  }
}
@media screen and (min-width: 1441px) {
  #share_box--pc:lang(en) {
    padding-right: 12px;
  }
}
@media screen and (min-width: 1441px) {
  #share_box--pc:lang(en) {
    padding-bottom: 14px;
  }
}
@media screen and (min-width: 1441px) {
  #share_box--pc:lang(en) {
    padding-left: 12px;
  }
}
#share_box--pc:lang(en) .icon_box {
  display: flex;
}
#share_box--pc:lang(en) .icon_box a + a {
  padding-left: 12px;
  padding-left: 0.8333333333vw;
}
@media screen and (min-width: 1441px) {
  #share_box--pc:lang(en) .icon_box a + a {
    padding-left: 12px;
  }
}
#share_box--pc:lang(en) .text--share {
  font-size: 14px;
  font-size: 0.9722222222vw;
  padding-top: 8px;
  padding-top: 0.5555555556vw;
  line-height: 1;
  color: #333333;
}
@media screen and (min-width: 1441px) {
  #share_box--pc:lang(en) .text--share {
    font-size: 14px;
  }
}
@media screen and (min-width: 1441px) {
  #share_box--pc:lang(en) .text--share {
    padding-top: 8px;
  }
}
@media screen and (max-width: 896px) {
  #share_box--pc {
    display: none;
  }
}

#share_box--sp {
  display: none;
}
#share_box--sp a {
  width: 40px;
  width: 10.6666666667vw;
  display: inherit;
}
@media screen and (min-width: 1441px) {
  #share_box--sp a {
    width: 40px;
  }
}
#share_box--sp:lang(ja) {
  width: 214px;
  width: 57.0666666667vw;
  padding: 12px;
  padding: 3.2vw;
  align-items: center;
  justify-content: space-evenly;
  background: #fff;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3);
  border-radius: 0px 10px 10px 0px;
  position: fixed;
  bottom: 12px;
  left: 0;
  z-index: 100;
}
@media screen and (min-width: 1441px) {
  #share_box--sp:lang(ja) {
    width: 214px;
  }
}
@media screen and (min-width: 1441px) {
  #share_box--sp:lang(ja) {
    padding: 12px;
  }
}
#share_box--sp:lang(ja) .text--share {
  font-size: 18px;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1;
  color: #666666;
}
@media screen and (min-width: 1441px) {
  #share_box--sp:lang(ja) .text--share {
    font-size: 18px;
  }
}
#share_box--sp:lang(en) {
  width: 268px;
  width: 71.4666666667vw;
  padding: 12px;
  padding: 3.2vw;
  align-items: center;
  justify-content: space-evenly;
  background: #fff;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3);
  border-radius: 0px 10px 10px 0px;
  position: fixed;
  bottom: 12px;
  left: 0;
  z-index: 100;
}
@media screen and (min-width: 1441px) {
  #share_box--sp:lang(en) {
    width: 268px;
  }
}
@media screen and (min-width: 1441px) {
  #share_box--sp:lang(en) {
    padding: 12px;
  }
}
#share_box--sp:lang(en) .text--share {
  font-size: 18px;
  font-size: 4.8vw;
  line-height: 1;
  color: #333333;
}
@media screen and (min-width: 1441px) {
  #share_box--sp:lang(en) .text--share {
    font-size: 18px;
  }
}
@media screen and (max-width: 896px) {
  #share_box--sp {
    display: flex;
  }
}

#button--to_top {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 100;
}
#button--to_top img {
  transition: all 0.5s;
}
#button--to_top img:hover {
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.53));
  transition: all 0.5s;
}

#search-various-page {
  margin-top: 40px;
  margin-top: 10.6666666667vw;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 1441px) {
  #search-various-page {
    margin-top: 40px;
  }
}
@media screen and (min-width: 897px) {
  #search-various-page {
    margin-top: 40px;
    margin-top: 2.7777777778vw;
    width: auto;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #search-various-page {
    margin-top: 40px;
  }
}
#search-various-page #s-page {
  border: 2px solid #0096da;
  border-radius: 30px 0 0 30px;
  padding: 5px 10px;
  width: 100%;
}
@media screen and (min-width: 897px) {
  #search-various-page #s-page {
    width: auto;
  }
}
#search-various-page #search-button-page {
  color: #fff;
  background-color: #0096da;
  border: 2px solid #0096da;
  border-radius: 0 30px 30px 0;
  padding: 5px 10px;
}
#search-various-page ::placeholder {
  color: #666666;
  padding-left: 20px;
}

/* 固定ページなど */
#aap_activity {
  padding-top: 15px;
  padding-top: 4vw;
  padding-bottom: 15px;
  padding-bottom: 4vw;
}
@media screen and (min-width: 1441px) {
  #aap_activity {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #aap_activity {
    padding-bottom: 15px;
  }
}
@media screen and (min-width: 897px) {
  #aap_activity {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    padding-bottom: 40px;
    padding-bottom: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #aap_activity {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #aap_activity {
    padding-bottom: 40px;
  }
}
#aap_activity .aap_title {
  font-size: 20px;
  font-size: 5.3333333333vw;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #aap_activity .aap_title {
    font-size: 20px;
  }
}
@media screen and (min-width: 897px) {
  #aap_activity .aap_title {
    font-size: 34px;
    font-size: 2.3611111111vw;
    line-height: 1.7;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #aap_activity .aap_title {
    font-size: 34px;
  }
}

#fukuoka_roap .fukuoka_roap_office {
  padding-top: 15px;
  padding-top: 4vw;
}
@media screen and (min-width: 1441px) {
  #fukuoka_roap .fukuoka_roap_office {
    padding-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_roap .fukuoka_roap_office {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_roap .fukuoka_roap_office {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item {
    padding-top: 0;
    flex-basis: 61%;
  }
}
#fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item .fukuoka_roap_office_title {
  font-size: 22px;
  font-size: 5.8666666667vw;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item .fukuoka_roap_office_title {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item .fukuoka_roap_office_title {
    font-size: 28px;
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item .fukuoka_roap_office_title {
    font-size: 28px;
  }
}
#fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item .fukuoka_roap_office_description {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item .fukuoka_roap_office_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item .fukuoka_roap_office_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item .fukuoka_roap_office_description {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item .fukuoka_roap_office_description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item .fukuoka_roap_office_description {
    font-size: 18px;
  }
}
#fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item + .fukuoka_roap_office_item {
  padding-top: 15px;
  padding-top: 4vw;
}
@media screen and (min-width: 1441px) {
  #fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item + .fukuoka_roap_office_item {
    padding-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item + .fukuoka_roap_office_item {
    flex-basis: 36%;
    padding-top: 0;
  }
}

#fukuoka_steps {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #fukuoka_steps {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_steps {
    padding-top: 100px;
    padding-top: 6.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_steps {
    padding-top: 100px;
  }
}
#fukuoka_steps .fukuoka_steps_title {
  text-align: center;
}
#fukuoka_steps .fukuoka_steps_content {
  padding-top: 15px;
  padding-top: 4vw;
}
@media screen and (min-width: 1441px) {
  #fukuoka_steps .fukuoka_steps_content {
    padding-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_steps .fukuoka_steps_content {
    padding-top: 32px;
    padding-top: 2.2222222222vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_steps .fukuoka_steps_content {
    padding-top: 32px;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_steps .fukuoka_steps_content .fukuoka_steps_item {
    flex-basis: 27%;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_steps .fukuoka_steps_content .fukuoka_steps_item + .fukuoka_steps_item {
    flex-basis: 70%;
  }
}
#fukuoka_steps .fukuoka_steps_content .fukuoka_steps_item + .fukuoka_steps_item .fukuoka_steps_item_description {
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #fukuoka_steps .fukuoka_steps_content .fukuoka_steps_item + .fukuoka_steps_item .fukuoka_steps_item_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_steps .fukuoka_steps_content .fukuoka_steps_item + .fukuoka_steps_item .fukuoka_steps_item_description {
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_steps .fukuoka_steps_content .fukuoka_steps_item + .fukuoka_steps_item .fukuoka_steps_item_description {
    font-size: 18px;
  }
}

#fukuoka_event {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #fukuoka_event {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #fukuoka_event {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_event {
    padding-top: 100px;
    padding-top: 6.9444444444vw;
    padding-bottom: 100px;
    padding-bottom: 6.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_event {
    padding-top: 100px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_event {
    padding-bottom: 100px;
  }
}
#fukuoka_event .fukuoka_event_title {
  text-align: center;
}
#fukuoka_event .button_container--two .button {
  background-color: #fff;
  color: #000;
  border: 2px solid #000;
}

#fukuoka_message {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
  background-color: #d7effa;
}
@media screen and (min-width: 1441px) {
  #fukuoka_message {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #fukuoka_message {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_message {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    padding-bottom: 40px;
    padding-bottom: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_message {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_message {
    padding-bottom: 40px;
  }
}
#fukuoka_message .fukuoka_message_title {
  text-align: center;
}
#fukuoka_message .fukuoka_message_content {
  margin-top: 15px;
  margin-top: 4vw;
  padding: 15px;
  padding: 4vw;
  font-size: 15px;
  font-size: 4vw;
  background-color: #fff;
}
@media screen and (min-width: 1441px) {
  #fukuoka_message .fukuoka_message_content {
    margin-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #fukuoka_message .fukuoka_message_content {
    padding: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #fukuoka_message .fukuoka_message_content {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_message .fukuoka_message_content {
    margin-top: 30px;
    margin-top: 2.0833333333vw;
    padding: 30px;
    padding: 2.0833333333vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_message .fukuoka_message_content {
    margin-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_message .fukuoka_message_content {
    padding: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_message .fukuoka_message_content {
    font-size: 18px;
  }
}

#fukuoka_solution {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #fukuoka_solution {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #fukuoka_solution {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_solution {
    padding-top: 100px;
    padding-top: 6.9444444444vw;
    padding-bottom: 100px;
    padding-bottom: 6.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_solution {
    padding-top: 100px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_solution {
    padding-bottom: 100px;
  }
}
#fukuoka_solution .fukuoka_solution_title {
  text-align: center;
}
#fukuoka_solution .fukuoka_solution_content {
  padding-top: 15px;
  padding-top: 4vw;
}
@media screen and (min-width: 1441px) {
  #fukuoka_solution .fukuoka_solution_content {
    padding-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_solution .fukuoka_solution_content {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_solution .fukuoka_solution_content {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_solution .fukuoka_solution_content a {
    display: block;
    width: 35%;
    margin: 0 auto;
  }
}
#fukuoka_solution .fukuoka_solution_content .fukuoka_solution_description {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #fukuoka_solution .fukuoka_solution_content .fukuoka_solution_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #fukuoka_solution .fukuoka_solution_content .fukuoka_solution_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_solution .fukuoka_solution_content .fukuoka_solution_description {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 22px;
    font-size: 1.5277777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_solution .fukuoka_solution_content .fukuoka_solution_description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #fukuoka_solution .fukuoka_solution_content .fukuoka_solution_description {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  #fukuoka_solution .fukuoka_solution_content .fukuoka_solution_description p {
    text-align: center;
  }
}

#partnership_importance {
  padding-top: 33px;
  padding-top: 8.8vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #partnership_importance {
    padding-top: 33px;
  }
}
@media screen and (min-width: 1441px) {
  #partnership_importance {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #partnership_importance {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    padding-bottom: 40px;
    padding-bottom: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_importance {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_importance {
    padding-bottom: 40px;
  }
}
#partnership_importance .partnership_importance_title {
  text-align: center;
}
#partnership_importance .partnership_importance_description {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #partnership_importance .partnership_importance_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #partnership_importance .partnership_importance_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #partnership_importance .partnership_importance_description {
    padding-top: 25px;
    padding-top: 1.7361111111vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_importance .partnership_importance_description {
    padding-top: 25px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_importance .partnership_importance_description {
    font-size: 18px;
  }
}

#partnership_construction {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
  background-color: #d7effa;
}
@media screen and (min-width: 1441px) {
  #partnership_construction {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #partnership_construction {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #partnership_construction {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    padding-bottom: 40px;
    padding-bottom: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_construction {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_construction {
    padding-bottom: 40px;
  }
}
#partnership_construction .partnership_construction_content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#partnership_construction .partnership_construction_content .partnership_construction_title {
  text-align: center;
}
#partnership_construction .partnership_construction_content .partnership_construction_description {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #partnership_construction .partnership_construction_content .partnership_construction_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #partnership_construction .partnership_construction_content .partnership_construction_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #partnership_construction .partnership_construction_content .partnership_construction_description {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_construction .partnership_construction_content .partnership_construction_description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_construction .partnership_construction_content .partnership_construction_description {
    font-size: 18px;
  }
}
#partnership_construction .partnership_construction_content .partnership_construction_description a {
  text-decoration: underline;
}
#partnership_construction .partnership_construction_content .partnership_construction_item {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #partnership_construction .partnership_construction_content .partnership_construction_item {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #partnership_construction .partnership_construction_content .partnership_construction_item {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #partnership_construction .partnership_construction_content .partnership_construction_item {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 18px;
    font-size: 1.25vw;
    column-gap: 103px;
    column-gap: 7.1527777778vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_construction .partnership_construction_content .partnership_construction_item {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_construction .partnership_construction_content .partnership_construction_item {
    font-size: 18px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_construction .partnership_construction_content .partnership_construction_item {
    column-gap: 103px;
  }
}

#partner_list {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
  background-color: #d7effa;
  padding-top: 40px;
  padding-top: 2.7777777778vw;
  padding-bottom: 40px;
  padding-bottom: 2.7777777778vw;
}
@media screen and (min-width: 1441px) {
  #partner_list {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #partner_list {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #partner_list {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #partner_list {
    padding-bottom: 40px;
  }
}
#partner_list .partner_list_title {
  text-align: center;
}
#partner_list .partner_list_description {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #partner_list .partner_list_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #partner_list .partner_list_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #partner_list .partner_list_description {
    padding-top: 25px;
    padding-top: 1.7361111111vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partner_list .partner_list_description {
    padding-top: 25px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partner_list .partner_list_description {
    font-size: 18px;
  }
}
@media screen and (min-width: 897px) {
  #partner_list .partner_list_description ul li {
    text-align: center;
    line-height: 1.5;
  }
}
#partner_list .ashitane_banner {
  padding-top: 15px;
  padding-top: 4vw;
  width: 100%;
}
@media screen and (min-width: 1441px) {
  #partner_list .ashitane_banner {
    padding-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  #partner_list .ashitane_banner {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    width: 30%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partner_list .ashitane_banner {
    padding-top: 30px;
  }
}

#partnership_cooperation {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #partnership_cooperation {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #partnership_cooperation {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #partnership_cooperation {
    padding-top: 100px;
    padding-top: 6.9444444444vw;
    padding-bottom: 127px;
    padding-bottom: 8.8194444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_cooperation {
    padding-top: 100px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_cooperation {
    padding-bottom: 127px;
  }
}
@media screen and (min-width: 897px) {
  #partnership_cooperation .partnership_cooperation_title {
    text-align: center;
  }
}
#partnership_cooperation .partnership_cooperation_content {
  padding-top: 15px;
  padding-top: 4vw;
}
@media screen and (min-width: 1441px) {
  #partnership_cooperation .partnership_cooperation_content {
    padding-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  #partnership_cooperation .partnership_cooperation_content {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_cooperation .partnership_cooperation_content {
    padding-top: 30px;
  }
}
#partnership_cooperation .partnership_cooperation_content .partnership_cooperation_item .partnership_cooperation_item_title {
  font-size: 22px;
  font-size: 5.8666666667vw;
  color: #333333;
}
@media screen and (min-width: 1441px) {
  #partnership_cooperation .partnership_cooperation_content .partnership_cooperation_item .partnership_cooperation_item_title {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  #partnership_cooperation .partnership_cooperation_content .partnership_cooperation_item .partnership_cooperation_item_title {
    font-size: 28px;
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_cooperation .partnership_cooperation_content .partnership_cooperation_item .partnership_cooperation_item_title {
    font-size: 28px;
  }
}
#partnership_cooperation .partnership_cooperation_content .partnership_cooperation_item .partnership_cooperation_item_description {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #partnership_cooperation .partnership_cooperation_content .partnership_cooperation_item .partnership_cooperation_item_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #partnership_cooperation .partnership_cooperation_content .partnership_cooperation_item .partnership_cooperation_item_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #partnership_cooperation .partnership_cooperation_content .partnership_cooperation_item .partnership_cooperation_item_description {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_cooperation .partnership_cooperation_content .partnership_cooperation_item .partnership_cooperation_item_description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_cooperation .partnership_cooperation_content .partnership_cooperation_item .partnership_cooperation_item_description {
    font-size: 18px;
  }
}
#partnership_cooperation .partnership_cooperation_content .partnership_cooperation_item .partnership_cooperation_item_description a {
  text-decoration: underline;
}
#partnership_cooperation .partnership_cooperation_content .partnership_cooperation_item + .partnership_cooperation_item {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #partnership_cooperation .partnership_cooperation_content .partnership_cooperation_item + .partnership_cooperation_item {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #partnership_cooperation .partnership_cooperation_content .partnership_cooperation_item + .partnership_cooperation_item {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #partnership_cooperation .partnership_cooperation_content .partnership_cooperation_item + .partnership_cooperation_item {
    padding-top: 30px;
  }
}

#urbanisation_about {
  background-color: #d7effa;
}
@media screen and (min-width: 897px) {
  #urbanisation_about {
    margin-top: 40px;
    margin-top: 2.7777777778vw;
    margin-bottom: 40px;
    margin-bottom: 2.7777777778vw;
    background-color: #fff;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_about {
    margin-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_about {
    margin-bottom: 40px;
  }
}
#urbanisation_about .urbanisation_content {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
  background-color: #d7effa;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1441px) {
  #urbanisation_about .urbanisation_content {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_about .urbanisation_content {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_about .urbanisation_content {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    padding-bottom: 40px;
    padding-bottom: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_about .urbanisation_content {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_about .urbanisation_content {
    padding-bottom: 40px;
  }
}
#urbanisation_about .urbanisation_content .urbanisation_description {
  padding-top: 30px;
  padding-top: 8vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #urbanisation_about .urbanisation_content .urbanisation_description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_about .urbanisation_content .urbanisation_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_about .urbanisation_content .urbanisation_description {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_about .urbanisation_content .urbanisation_description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_about .urbanisation_content .urbanisation_description {
    font-size: 18px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_about .urbanisation_content .urbanisation_description p {
    line-height: 1.5;
    text-align: center;
  }
}

#urbanisation_sdgs {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  margin-top: 40px;
  margin-top: 10.6666666667vw;
  background-color: #d7effa;
}
@media screen and (min-width: 1441px) {
  #urbanisation_sdgs {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_sdgs {
    margin-top: 40px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_sdgs {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    margin-top: 40px;
    margin-top: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_sdgs {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_sdgs {
    margin-top: 40px;
  }
}
#urbanisation_sdgs #panel-sdgs {
  margin-top: 40px;
  margin-top: 2.7777777778vw;
}
@media screen and (min-width: 1441px) {
  #urbanisation_sdgs #panel-sdgs {
    margin-top: 40px;
  }
}
#urbanisation_sdgs .urbanisation_sdgs_description {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
  font-size: 15px;
  font-size: 4vw;
  font-weight: 700;
}
@media screen and (min-width: 1441px) {
  #urbanisation_sdgs .urbanisation_sdgs_description {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_sdgs .urbanisation_sdgs_description {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_sdgs .urbanisation_sdgs_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_sdgs .urbanisation_sdgs_description {
    font-size: 18px;
    font-size: 1.25vw;
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    padding-bottom: 40px;
    padding-bottom: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_sdgs .urbanisation_sdgs_description {
    font-size: 18px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_sdgs .urbanisation_sdgs_description {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_sdgs .urbanisation_sdgs_description {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_sdgs .urbanisation_sdgs_description p {
    text-align: center;
  }
}

#urbanisation_sdg11 {
  padding-top: 22px;
  padding-top: 5.8666666667vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #urbanisation_sdg11 {
    padding-top: 22px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_sdg11 {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_sdg11 {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    padding-bottom: 60px;
    padding-bottom: 4.1666666667vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_sdg11 {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_sdg11 {
    padding-bottom: 60px;
  }
}
#urbanisation_sdg11 .urbanisation_sdg11_title {
  text-align: center;
}
#urbanisation_sdg11 .urbanisation_sdg11_content {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #urbanisation_sdg11 .urbanisation_sdg11_content {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_sdg11 .urbanisation_sdg11_content {
    padding-top: 60px;
    padding-top: 4.1666666667vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_sdg11 .urbanisation_sdg11_content {
    padding-top: 60px;
  }
}
#urbanisation_sdg11 .urbanisation_sdg11_content .urbanisation_sdg11_icon {
  width: 20%;
  margin: 0 auto;
}
@media screen and (max-width: 896px) {
  #urbanisation_sdg11 .urbanisation_sdg11_content .urbanisation_sdg11_icon {
    width: 60%;
  }
}
#urbanisation_sdg11 .urbanisation_sdg11_content .urbanisation_sdg11_description {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #urbanisation_sdg11 .urbanisation_sdg11_content .urbanisation_sdg11_description {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_sdg11 .urbanisation_sdg11_content .urbanisation_sdg11_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_sdg11 .urbanisation_sdg11_content .urbanisation_sdg11_description {
    padding-top: 32px;
    padding-top: 2.2222222222vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_sdg11 .urbanisation_sdg11_content .urbanisation_sdg11_description {
    padding-top: 32px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_sdg11 .urbanisation_sdg11_content .urbanisation_sdg11_description {
    font-size: 18px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_sdg11 .urbanisation_sdg11_content .urbanisation_sdg11_description p {
    text-align: center;
  }
}

#urbanisation_target {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 22px;
  padding-bottom: 5.8666666667vw;
  background-color: #f7f7f7;
}
@media screen and (min-width: 1441px) {
  #urbanisation_target {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_target {
    padding-bottom: 22px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_target {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    padding-bottom: 40px;
    padding-bottom: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target {
    padding-bottom: 40px;
  }
}
#urbanisation_target .urbanisation_target_title {
  font-size: 22px;
  font-size: 5.8666666667vw;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_title {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_target .urbanisation_target_title {
    font-size: 34px;
    font-size: 2.3611111111vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_title {
    font-size: 34px;
  }
}
#urbanisation_target .urbanisation_target_description {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_description {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_target .urbanisation_target_description {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_description {
    font-size: 18px;
  }
}
#urbanisation_target .urbanisation_target_description p {
  text-align: center;
}
#urbanisation_target .urbanisation_target_content {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  gap: 20px;
  gap: 5.3333333333vw;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content {
    gap: 20px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_target .urbanisation_target_content {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    row-gap: 40px;
    row-gap: 2.7777777778vw;
    column-gap: 32px;
    column-gap: 2.2222222222vw;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content {
    row-gap: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content {
    column-gap: 32px;
  }
}
#urbanisation_target .urbanisation_target_content .urbanisation_target_item {
  padding-top: 0.94px;
  padding-top: 0.2506666667vw;
  padding-right: 8px;
  padding-right: 2.1333333333vw;
  padding-bottom: 0.94px;
  padding-bottom: 0.2506666667vw;
  padding-left: 3px;
  padding-left: 0.8vw;
  display: flex;
  align-items: center;
  background-color: #fff;
}
@media screen and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item {
    padding-top: 0.94px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item {
    padding-right: 8px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item {
    padding-bottom: 0.94px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item {
    padding-left: 3px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item {
    padding-top: 7.11px;
    padding-top: 0.49375vw;
    padding-right: 30px;
    padding-right: 2.0833333333vw;
    padding-bottom: 7.11px;
    padding-bottom: 0.49375vw;
    padding-left: 5.2px;
    padding-left: 0.3611111111vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item {
    padding-top: 7.11px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item {
    padding-right: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item {
    padding-bottom: 7.11px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item {
    padding-left: 5.2px;
  }
}
#urbanisation_target .urbanisation_target_content .urbanisation_target_item .sdg11_icon {
  flex-basis: 30%;
}
#urbanisation_target .urbanisation_target_content .urbanisation_target_item .sdg11_description {
  margin-left: 13.35px;
  margin-left: 3.56vw;
  font-size: 15px;
  font-size: 4vw;
  flex-basis: 70%;
  line-height: 1.5;
}
@media screen and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item .sdg11_description {
    margin-left: 13.35px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item .sdg11_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item .sdg11_description {
    margin-left: 37.36px;
    margin-left: 2.5944444444vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item .sdg11_description {
    margin-left: 37.36px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item .sdg11_description {
    font-size: 18px;
  }
}
#urbanisation_target .urbanisation_target_content .urbanisation_target_item:last-of-type {
  padding: 8px;
  padding: 2.1333333333vw;
  background-color: #fd9d24;
}
@media screen and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item:last-of-type {
    padding: 8px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item:last-of-type {
    padding-top: 25px;
    padding-top: 1.7361111111vw;
    padding-right: 35px;
    padding-right: 2.4305555556vw;
    padding-bottom: 25px;
    padding-bottom: 1.7361111111vw;
    padding-left: 35px;
    padding-left: 2.4305555556vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item:last-of-type {
    padding-top: 25px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item:last-of-type {
    padding-right: 35px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item:last-of-type {
    padding-bottom: 25px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item:last-of-type {
    padding-left: 35px;
  }
}
#urbanisation_target .urbanisation_target_content .urbanisation_target_item:last-of-type .sdg11_icon {
  flex-basis: 40%;
  border: 5px solid #fff;
}
#urbanisation_target .urbanisation_target_content .urbanisation_target_item:last-of-type .sdg11_description {
  margin-left: 20px;
  margin-left: 5.3333333333vw;
  font-size: 14px;
  font-size: 3.7333333333vw;
  flex-basis: 60%;
  line-height: 1.3;
}
@media screen and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item:last-of-type .sdg11_description {
    margin-left: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item:last-of-type .sdg11_description {
    font-size: 14px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item:last-of-type .sdg11_description {
    margin-left: 28px;
    margin-left: 1.9444444444vw;
    font-size: 30px;
    font-size: 2.0833333333vw;
    line-height: 1;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item:last-of-type .sdg11_description {
    margin-left: 28px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_target .urbanisation_target_content .urbanisation_target_item:last-of-type .sdg11_description {
    font-size: 30px;
  }
}
#urbanisation_target .urbanisation_target_content .urbanisation_target_item:last-of-type .sdg11_description p {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

#urbanisation_ability {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
  background-color: #d7effa;
}
@media screen and (min-width: 1441px) {
  #urbanisation_ability {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_ability {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_ability {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    padding-bottom: 40px;
    padding-bottom: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_ability {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_ability {
    padding-bottom: 40px;
  }
}
#urbanisation_ability .urbanisation_ability_content {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  padding-right: 18.5px;
  padding-right: 4.9333333333vw;
  padding-bottom: 20px;
  padding-bottom: 5.3333333333vw;
  padding-left: 18.5px;
  padding-left: 4.9333333333vw;
  background-color: #fff;
}
@media screen and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content {
    padding-right: 18.5px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content {
    padding-left: 18.5px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_ability .urbanisation_ability_content {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    padding-right: 38.5px;
    padding-right: 2.6736111111vw;
    padding-bottom: 40px;
    padding-bottom: 2.7777777778vw;
    padding-left: 38.5px;
    padding-left: 2.6736111111vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content {
    padding-right: 38.5px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content {
    padding-left: 38.5px;
  }
}
#urbanisation_ability .urbanisation_ability_content .urbanisation_ability_title {
  text-align: center;
}
@media screen and (min-width: 897px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item .ability_image {
    flex-basis: 32%;
  }
}
#urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item .ability_item_content {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item .ability_item_content {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item .ability_item_content {
    padding-top: 0;
    flex-basis: 64%;
  }
}
#urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item .ability_item_content .ability_item_title {
  font-size: 22px;
  font-size: 5.8666666667vw;
  color: #ff823c;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item .ability_item_content .ability_item_title {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item .ability_item_content .ability_item_title {
    font-size: 28px;
    font-size: 1.9444444444vw;
    text-align: inherit;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item .ability_item_content .ability_item_title {
    font-size: 28px;
  }
}
#urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item .ability_item_content .ability_item_description {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item .ability_item_content .ability_item_description {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item .ability_item_content .ability_item_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item .ability_item_content .ability_item_description {
    padding-top: 20px;
    padding-top: 1.3888888889vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item .ability_item_content .ability_item_description {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item .ability_item_content .ability_item_description {
    font-size: 18px;
  }
}
#urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item:first-of-type {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item:first-of-type {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item:first-of-type {
    padding-top: 38px;
    padding-top: 2.6388888889vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item:first-of-type {
    padding-top: 38px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item:nth-of-type(2n) {
    flex-direction: row-reverse;
  }
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item:nth-of-type(2n) .ability_item_title {
    text-align: right;
  }
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item:nth-of-type(2n) .ability_item_description p {
    text-align: right;
  }
}
#urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item + .urbanisation_ability_item {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item + .urbanisation_ability_item {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item + .urbanisation_ability_item {
    padding-top: 32px;
    padding-top: 2.2222222222vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_item + .urbanisation_ability_item {
    padding-top: 32px;
  }
}

#about_mission {
  padding-top: 15px;
  padding-top: 4vw;
}
@media screen and (min-width: 1441px) {
  #about_mission {
    padding-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  #about_mission {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_mission {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) {
  #about_mission .about_mission_title {
    text-align: center;
  }
}
#about_mission .about_mission_description {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #about_mission .about_mission_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #about_mission .about_mission_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #about_mission .about_mission_description {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 22px;
    font-size: 1.5277777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_mission .about_mission_description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_mission .about_mission_description {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  #about_mission .about_mission_description p {
    text-align: center;
  }
}
#about_mission .about_trend {
  margin-top: 41px;
  margin-top: 10.9333333333vw;
}
@media screen and (min-width: 1441px) {
  #about_mission .about_trend {
    margin-top: 41px;
  }
}
@media screen and (min-width: 897px) {
  #about_mission .about_trend {
    margin-top: 61px;
    margin-top: 4.2361111111vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_mission .about_trend {
    margin-top: 61px;
  }
}
#about_mission .about_trend .about_trend_content {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-right: 15px;
  padding-right: 4vw;
  padding-bottom: 20px;
  padding-bottom: 5.3333333333vw;
  padding-left: 15px;
  padding-left: 4vw;
}
@media screen and (min-width: 1441px) {
  #about_mission .about_trend .about_trend_content {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #about_mission .about_trend .about_trend_content {
    padding-right: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #about_mission .about_trend .about_trend_content {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #about_mission .about_trend .about_trend_content {
    padding-left: 15px;
  }
}
@media screen and (min-width: 897px) {
  #about_mission .about_trend .about_trend_content {
    padding-top: 100px;
    padding-top: 6.9444444444vw;
    padding-bottom: 100px;
    padding-bottom: 6.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_mission .about_trend .about_trend_content {
    padding-top: 100px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_mission .about_trend .about_trend_content {
    padding-bottom: 100px;
  }
}
#about_mission .about_trend .about_trend_content .about_trend_title {
  color: #fff;
}
#about_mission .about_trend .about_trend_content .about_trend_description {
  padding-top: 10px;
  padding-top: 2.6666666667vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #about_mission .about_trend .about_trend_content .about_trend_description {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1441px) {
  #about_mission .about_trend .about_trend_content .about_trend_description {
    font-size: 15px;
  }
}
#about_mission .about_trend .about_trend_content .about_trend_description p {
  color: #fff;
}
@media screen and (min-width: 897px) {
  #about_mission .about_trend .about_trend_content .about_trend_description {
    width: 70%;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_mission .about_trend .about_trend_content .about_trend_description {
    font-size: 18px;
  }
}
#about_mission .about_trend .about_trend_content.vision {
  background: url("../images/about/bg_our_vision.png") no-repeat bottom center/cover;
}
#about_mission .about_trend .about_trend_content.mission {
  background: url("../images/about/bg_our_mission.png") no-repeat bottom center/cover;
}
@media screen and (min-width: 897px) {
  #about_mission .about_trend .about_roles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
#about_mission .about_trend .about_roles .about_roles_content {
  padding: 30px;
  padding: 8vw;
}
@media screen and (min-width: 1441px) {
  #about_mission .about_trend .about_roles .about_roles_content {
    padding: 30px;
  }
}
@media screen and (min-width: 897px) {
  #about_mission .about_trend .about_roles .about_roles_content {
    padding-top: 84px;
    padding-top: 5.8333333333vw;
    padding-right: 60px;
    padding-right: 4.1666666667vw;
    padding-bottom: 84px;
    padding-bottom: 5.8333333333vw;
    padding-left: 60px;
    padding-left: 4.1666666667vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_mission .about_trend .about_roles .about_roles_content {
    padding-top: 84px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_mission .about_trend .about_roles .about_roles_content {
    padding-right: 60px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_mission .about_trend .about_roles .about_roles_content {
    padding-bottom: 84px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_mission .about_trend .about_roles .about_roles_content {
    padding-left: 60px;
  }
}
#about_mission .about_trend .about_roles .about_roles_content .about_roles_title {
  font-size: 36px;
  font-size: 9.6vw;
  font-family: "Roboto";
  color: #333333;
}
@media screen and (min-width: 1441px) {
  #about_mission .about_trend .about_roles .about_roles_content .about_roles_title {
    font-size: 36px;
  }
}
@media screen and (min-width: 897px) {
  #about_mission .about_trend .about_roles .about_roles_content .about_roles_title {
    font-size: 48px;
    font-size: 3.3333333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_mission .about_trend .about_roles .about_roles_content .about_roles_title {
    font-size: 48px;
  }
}
#about_mission .about_trend .about_roles .about_roles_content .about_roles_description {
  padding-top: 10px;
  padding-top: 2.6666666667vw;
  font-size: 15px;
  font-size: 4vw;
  text-align: left;
}
@media screen and (min-width: 1441px) {
  #about_mission .about_trend .about_roles .about_roles_content .about_roles_description {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1441px) {
  #about_mission .about_trend .about_roles .about_roles_content .about_roles_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #about_mission .about_trend .about_roles .about_roles_content .about_roles_description {
    padding-top: 10px;
    padding-top: 0.6944444444vw;
    font-size: 22px;
    font-size: 1.5277777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_mission .about_trend .about_roles .about_roles_content .about_roles_description {
    padding-top: 10px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_mission .about_trend .about_roles .about_roles_content .about_roles_description {
    font-size: 22px;
  }
}
#about_mission .about_trend .about_roles .about_roles_content.think {
  background-color: #ffcc71;
}
#about_mission .about_trend .about_roles .about_roles_content.do {
  background-color: #ff9b4f;
}
#about_mission .about_trend .about_roles .about_roles_content.share {
  background-color: #92c680;
}
#about_mission .about_trend .about_roles .about_roles_content.partner {
  background-color: #61c4ff;
}

#about_strategy {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 49px;
  padding-bottom: 13.0666666667vw;
}
@media screen and (min-width: 1441px) {
  #about_strategy {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #about_strategy {
    padding-bottom: 49px;
  }
}
@media screen and (min-width: 897px) {
  #about_strategy {
    padding-top: 100px;
    padding-top: 6.9444444444vw;
    padding-bottom: 50px;
    padding-bottom: 3.4722222222vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_strategy {
    padding-top: 100px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_strategy {
    padding-bottom: 50px;
  }
}
#about_strategy .about_strategy_content .about_strategy_title {
  text-align: center;
}
#about_strategy .about_strategy_content .about_strategy_item {
  padding-top: 15px;
  padding-top: 4vw;
}
@media screen and (min-width: 1441px) {
  #about_strategy .about_strategy_content .about_strategy_item {
    padding-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  #about_strategy .about_strategy_content .about_strategy_item {
    display: flex;
    justify-content: space-between;
  }
}
#about_strategy .about_strategy_content .about_strategy_item + .about_strategy_item {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #about_strategy .about_strategy_content .about_strategy_item + .about_strategy_item {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block {
    flex-basis: 27%;
  }
}
@media screen and (min-width: 897px) {
  #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block {
    flex-basis: 70%;
  }
}
#about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_title {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 22px;
  font-size: 5.8666666667vw;
  color: #333333;
}
@media screen and (min-width: 1441px) {
  #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_title {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_title {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_title {
    font-size: 28px;
    font-size: 1.9444444444vw;
    padding-top: 0;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_title {
    font-size: 28px;
  }
}
#about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_description {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_description {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_description {
    font-size: 18px;
  }
}
#about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_description ul {
  padding-top: 30px;
  padding-top: 8vw;
  color: #333333;
  list-style: decimal;
  padding-left: 1em;
}
@media screen and (min-width: 1441px) {
  #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_description ul {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) {
  #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_description ul {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_description ul {
    padding-top: 30px;
  }
}

#about_roap {
  padding-top: 49px;
  padding-top: 13.0666666667vw;
  padding-bottom: 57px;
  padding-bottom: 15.2vw;
}
@media screen and (min-width: 1441px) {
  #about_roap {
    padding-top: 49px;
  }
}
@media screen and (min-width: 1441px) {
  #about_roap {
    padding-bottom: 57px;
  }
}
@media screen and (min-width: 897px) {
  #about_roap {
    padding-top: 50px;
    padding-top: 3.4722222222vw;
    padding-bottom: 100px;
    padding-bottom: 6.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_roap {
    padding-top: 50px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_roap {
    padding-bottom: 100px;
  }
}
#about_roap .about_roap_title {
  font-size: 24px;
  font-size: 6.4vw;
}
@media screen and (min-width: 1441px) {
  #about_roap .about_roap_title {
    font-size: 24px;
  }
}
@media screen and (min-width: 897px) {
  #about_roap .about_roap_title {
    font-size: 34px;
    font-size: 2.3611111111vw;
    text-align: center;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_roap .about_roap_title {
    font-size: 34px;
  }
}
#about_roap .about_roap_description {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #about_roap .about_roap_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #about_roap .about_roap_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #about_roap .about_roap_description {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    font-size: 22px;
    font-size: 1.5277777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_roap .about_roap_description {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_roap .about_roap_description {
    font-size: 22px;
  }
}
#about_roap .about_roap_office {
  padding-top: 30px;
  padding-top: 8vw;
}
@media screen and (min-width: 1441px) {
  #about_roap .about_roap_office {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) {
  #about_roap .about_roap_office {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_roap .about_roap_office {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) {
  #about_roap .about_roap_office .about_roap_office_item {
    flex-basis: 36%;
  }
}
#about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item {
  padding-top: 30px;
  padding-top: 8vw;
}
@media screen and (min-width: 1441px) {
  #about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) {
  #about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item {
    padding-top: 0;
    flex-basis: 61%;
  }
}
#about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item .about_roap_office_title {
  font-size: 22px;
  font-size: 5.8666666667vw;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item .about_roap_office_title {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  #about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item .about_roap_office_title {
    font-size: 28px;
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item .about_roap_office_title {
    font-size: 28px;
  }
}
#about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item .about_roap_office_description {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item .about_roap_office_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item .about_roap_office_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item .about_roap_office_description {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item .about_roap_office_description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item .about_roap_office_description {
    font-size: 18px;
  }
}
#about_roap .about_roap_activity {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #about_roap .about_roap_activity {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) {
  #about_roap .about_roap_activity {
    padding-top: 44px;
    padding-top: 3.0555555556vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_roap .about_roap_activity {
    padding-top: 44px;
  }
}
#about_roap .about_roap_activity .about_roap_activity_title {
  font-size: 22px;
  font-size: 5.8666666667vw;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #about_roap .about_roap_activity .about_roap_activity_title {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  #about_roap .about_roap_activity .about_roap_activity_title {
    font-size: 28px;
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_roap .about_roap_activity .about_roap_activity_title {
    font-size: 28px;
  }
}
#about_roap .about_roap_activity .about_roap_activity_description {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #about_roap .about_roap_activity .about_roap_activity_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #about_roap .about_roap_activity .about_roap_activity_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #about_roap .about_roap_activity .about_roap_activity_description {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_roap .about_roap_activity .about_roap_activity_description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_roap .about_roap_activity .about_roap_activity_description {
    font-size: 18px;
  }
}

#about_app {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
  background-color: #d7effa;
}
@media screen and (min-width: 1441px) {
  #about_app {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #about_app {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #about_app {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    padding-bottom: 40px;
    padding-bottom: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_app {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_app {
    padding-bottom: 40px;
  }
}
#about_app .about_app_title {
  text-align: center;
}
#about_app .about_app_content {
  margin-top: 30px;
  margin-top: 8vw;
  padding: 15px;
  padding: 4vw;
  background-color: #fff;
}
@media screen and (min-width: 1441px) {
  #about_app .about_app_content {
    margin-top: 30px;
  }
}
@media screen and (min-width: 1441px) {
  #about_app .about_app_content {
    padding: 15px;
  }
}
@media screen and (min-width: 897px) {
  #about_app .about_app_content {
    margin-top: 30px;
    margin-top: 2.0833333333vw;
    padding: 30px;
    padding: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_app .about_app_content {
    margin-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_app .about_app_content {
    padding: 30px;
  }
}
#about_app .about_app_content .about_app_content_title {
  font-size: 22px;
  font-size: 5.8666666667vw;
}
@media screen and (min-width: 1441px) {
  #about_app .about_app_content .about_app_content_title {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  #about_app .about_app_content .about_app_content_title {
    font-size: 28px;
    font-size: 1.9444444444vw;
    text-align: center;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_app .about_app_content .about_app_content_title {
    font-size: 28px;
  }
}
#about_app .about_app_content .about_app_content_description {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #about_app .about_app_content .about_app_content_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #about_app .about_app_content .about_app_content_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #about_app .about_app_content .about_app_content_description {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_app .about_app_content .about_app_content_description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_app .about_app_content .about_app_content_description {
    font-size: 18px;
  }
}
#about_app .about_app_content .button:last-of-type {
  margin-left: 3.2rem;
}
@media screen and (max-width: 896px) {
  #about_app .about_app_content .button:last-of-type {
    margin-left: 0;
    margin-top: 3rem;
  }
}

#about_peoples {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #about_peoples {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) {
  #about_peoples {
    padding-top: 100px;
    padding-top: 6.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_peoples {
    padding-top: 100px;
  }
}
#about_peoples .about_peoples_title {
  text-align: center;
}
#about_peoples .about_peoples_item {
  padding-top: 15px;
  padding-top: 4vw;
}
@media screen and (min-width: 1441px) {
  #about_peoples .about_peoples_item {
    padding-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  #about_peoples .about_peoples_item {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_peoples .about_peoples_item {
    padding-top: 40px;
  }
}
#about_peoples .about_peoples_item .about_peoples_item_title {
  font-size: 22px;
  font-size: 5.8666666667vw;
  color: #333333;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #about_peoples .about_peoples_item .about_peoples_item_title {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  #about_peoples .about_peoples_item .about_peoples_item_title {
    font-size: 28px;
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_peoples .about_peoples_item .about_peoples_item_title {
    font-size: 28px;
  }
}
#about_peoples .about_peoples_item .about_peoples_item_description {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #about_peoples .about_peoples_item .about_peoples_item_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #about_peoples .about_peoples_item .about_peoples_item_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #about_peoples .about_peoples_item .about_peoples_item_description {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_peoples .about_peoples_item .about_peoples_item_description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_peoples .about_peoples_item .about_peoples_item_description {
    font-size: 18px;
  }
}
#about_peoples .about_process {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #about_peoples .about_process {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) {
  #about_peoples .about_process {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_peoples .about_process {
    padding-top: 40px;
  }
}
#about_peoples .about_process .about_process_title {
  text-align: center;
}
#about_peoples .about_process .about_process_item {
  padding-top: 15px;
  padding-top: 4vw;
}
@media screen and (min-width: 1441px) {
  #about_peoples .about_process .about_process_item {
    padding-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  #about_peoples .about_process .about_process_item {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_peoples .about_process .about_process_item {
    padding-top: 40px;
  }
}
#about_peoples .about_process .about_process_item .about_process_item_title {
  font-size: 22px;
  font-size: 5.8666666667vw;
  color: #333333;
  text-align: center;
  font-size: 28px;
  font-size: 1.9444444444vw;
}
@media screen and (min-width: 1441px) {
  #about_peoples .about_process .about_process_item .about_process_item_title {
    font-size: 22px;
  }
}
@media screen and (min-width: 1441px) {
  #about_peoples .about_process .about_process_item .about_process_item_title {
    font-size: 28px;
  }
}
#about_peoples .about_process .about_process_item .about_process_item_description {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #about_peoples .about_process .about_process_item .about_process_item_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #about_peoples .about_process .about_process_item .about_process_item_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #about_peoples .about_process .about_process_item .about_process_item_description {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_peoples .about_process .about_process_item .about_process_item_description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_peoples .about_process .about_process_item .about_process_item_description {
    font-size: 18px;
  }
}
#about_peoples .about_process .about_process_image img {
  padding-top: 15px;
  padding-top: 4vw;
}
@media screen and (min-width: 1441px) {
  #about_peoples .about_process .about_process_image img {
    padding-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  #about_peoples .about_process .about_process_image img {
    padding-top: 0;
  }
}
@media screen and (min-width: 897px) {
  #about_peoples .about_process .about_process_image {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #about_peoples .about_process .about_process_image {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) {
  #about_peoples .about_process .about_process_image:nth-last-of-type(2) {
    width: 60%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 897px) {
  #about_peoples .about_process .about_process_image:last-of-type {
    display: flex;
    justify-content: space-between;
  }
  #about_peoples .about_process .about_process_image:last-of-type img {
    width: 48%;
  }
}
#about_peoples .about_process .sp_disp {
  width: 100%;
}

#kids {
  font-family: "Kaisei Opti", sans-serif;
  position: relative;
  width: 100%;
  max-width: 100%;
}
#kids:lang(en) {
  font-family: "Gochi Hand", sans-serif;
}
#kids p {
  font-family: "Noto Sans", sans-serif;
}
#kids section {
  padding: 0;
}
#kids .kids_button_container {
  margin-top: 5.33333333vw;
  text-align: right;
}
@media screen and (min-width: 897px) {
  #kids .kids_button_container {
    margin-top: 2.0833333333vw;
  }
}
#kids .kids_button_container .kids_button {
  background: #fff;
  border-radius: 100px;
  display: inline-block;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  color: #333333;
  width: 100%;
  transition: all 0.5s;
}
@media screen and (min-width: 897px) {
  #kids .kids_button_container .kids_button {
    width: auto;
  }
}
#kids .kids_button_container .kids_button a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 4vw 5vw;
  font-size: 4vw;
}
@media screen and (min-width: 897px) {
  #kids .kids_button_container .kids_button a {
    font-size: 1.5277777778vw;
    padding: 1.3888888889vw 8.2638888889vw;
  }
}
#kids .kids_button_container .kids_button:hover {
  background-color: #3EB2E5;
  color: #fff;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.18);
  transition: all 0.5s;
}
#kids .kids_number_row {
  display: flex;
  align-items: center;
}
#kids .kids_number_row .kids_number_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5em;
  width: 8.333vw;
}
@media screen and (min-width: 897px) {
  #kids .kids_number_row .kids_number_icon {
    width: 4.8611111111vw;
  }
}
#kids .kids_number_row .kids_number_title {
  color: #333333;
}
#kids .kids_container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
  padding-left: 15px;
  padding-left: 4vw;
  padding-right: 15px;
  padding-right: 4vw;
}
@media screen and (min-width: 1441px) {
  #kids .kids_container {
    padding-left: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #kids .kids_container {
    padding-right: 15px;
  }
}
#kids .kids_section, #kids.sdgs #sdgs_game, #kids.sdgs #sdgs_future, #kids.sdgs #sdgs_sdg11, #kids.sdgs #sdgs_process, #kids.sdgs #sdgs_meaning, #kids.sdgs #sdgs_kv, #kids #kids_city, #kids #kids_knowSdgs, #kids #kids_event, #kids #kids_do, #kids #kids_habitat, #kids #kids_challenge, #kids #kids_urbanisation, #kids #kids_kv {
  width: 100%;
  height: 0;
  position: relative;
}
#kids .kids_title, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_learn h3, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block .sdgs_sdg11_title, #kids #kids_habitat .kids_habitat_content .kids_habitat_block .kids_habitat_title, #kids #kids_challenge .kids_challenge_content .kids_challenge_title, #kids #kids_urbanisation .kids_urbanisation_content .kids_urbanisation_title, #kids .kids_number_row .kids_number_title {
  font-size: 20px;
  font-size: 5.3333333333vw;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #kids .kids_title, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_learn h3, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block .sdgs_sdg11_title, #kids #kids_habitat .kids_habitat_content .kids_habitat_block .kids_habitat_title, #kids #kids_challenge .kids_challenge_content .kids_challenge_title, #kids #kids_urbanisation .kids_urbanisation_content .kids_urbanisation_title, #kids .kids_number_row .kids_number_title {
    font-size: 20px;
  }
}
#kids .kids_title.color_font_main, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_learn h3.color_font_main, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block .color_font_main.sdgs_sdg11_title, #kids #kids_habitat .kids_habitat_content .kids_habitat_block .color_font_main.kids_habitat_title, #kids #kids_challenge .kids_challenge_content .color_font_main.kids_challenge_title, #kids #kids_urbanisation .kids_urbanisation_content .color_font_main.kids_urbanisation_title, #kids .kids_number_row .color_font_main.kids_number_title {
  color: #333333;
}
#kids .kids_title.color_white, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_learn h3.color_white, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block .color_white.sdgs_sdg11_title, #kids #kids_habitat .kids_habitat_content .kids_habitat_block .color_white.kids_habitat_title, #kids #kids_challenge .kids_challenge_content .color_white.kids_challenge_title, #kids #kids_urbanisation .kids_urbanisation_content .color_white.kids_urbanisation_title, #kids .kids_number_row .color_white.kids_number_title {
  color: #fff;
}
@media screen and (min-width: 897px) {
  #kids .kids_title, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_learn h3, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block .sdgs_sdg11_title, #kids #kids_habitat .kids_habitat_content .kids_habitat_block .kids_habitat_title, #kids #kids_challenge .kids_challenge_content .kids_challenge_title, #kids #kids_urbanisation .kids_urbanisation_content .kids_urbanisation_title, #kids .kids_number_row .kids_number_title {
    font-size: 34px;
    font-size: 2.3611111111vw;
    text-align: left;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids .kids_title, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_learn h3, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block .sdgs_sdg11_title, #kids #kids_habitat .kids_habitat_content .kids_habitat_block .kids_habitat_title, #kids #kids_challenge .kids_challenge_content .kids_challenge_title, #kids #kids_urbanisation .kids_urbanisation_content .kids_urbanisation_title, #kids .kids_number_row .kids_number_title {
    font-size: 34px;
  }
}
#kids .kids_description, #kids.sdgs #sdgs_game .sdgs_game_content .sdgs_game_description, #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_description, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block .sdgs_sdg11_description, #kids.sdgs #sdgs_meaning .sdgs_meaning_description, #kids #kids_knowSdgs .kids_knowSdgs_content .kids_knowSdgs_block .kids_knowSdgs_description, #kids #kids_event .kids_event_content .kids_event_block .kids_event_description, #kids #kids_do .kids_do_content .kids_do_description, #kids #kids_habitat .kids_habitat_content .kids_habitat_block .kids_habitat_description, #kids #kids_challenge .kids_challenge_content .kids_challenge_description, #kids #kids_urbanisation .kids_urbanisation_content .kids_urbanisation_description {
  font-size: 15px;
  font-size: 4vw;
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #kids .kids_description, #kids.sdgs #sdgs_game .sdgs_game_content .sdgs_game_description, #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_description, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block .sdgs_sdg11_description, #kids.sdgs #sdgs_meaning .sdgs_meaning_description, #kids #kids_knowSdgs .kids_knowSdgs_content .kids_knowSdgs_block .kids_knowSdgs_description, #kids #kids_event .kids_event_content .kids_event_block .kids_event_description, #kids #kids_do .kids_do_content .kids_do_description, #kids #kids_habitat .kids_habitat_content .kids_habitat_block .kids_habitat_description, #kids #kids_challenge .kids_challenge_content .kids_challenge_description, #kids #kids_urbanisation .kids_urbanisation_content .kids_urbanisation_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #kids .kids_description, #kids.sdgs #sdgs_game .sdgs_game_content .sdgs_game_description, #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_description, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block .sdgs_sdg11_description, #kids.sdgs #sdgs_meaning .sdgs_meaning_description, #kids #kids_knowSdgs .kids_knowSdgs_content .kids_knowSdgs_block .kids_knowSdgs_description, #kids #kids_event .kids_event_content .kids_event_block .kids_event_description, #kids #kids_do .kids_do_content .kids_do_description, #kids #kids_habitat .kids_habitat_content .kids_habitat_block .kids_habitat_description, #kids #kids_challenge .kids_challenge_content .kids_challenge_description, #kids #kids_urbanisation .kids_urbanisation_content .kids_urbanisation_description {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #kids .kids_description, #kids.sdgs #sdgs_game .sdgs_game_content .sdgs_game_description, #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_description, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block .sdgs_sdg11_description, #kids.sdgs #sdgs_meaning .sdgs_meaning_description, #kids #kids_knowSdgs .kids_knowSdgs_content .kids_knowSdgs_block .kids_knowSdgs_description, #kids #kids_event .kids_event_content .kids_event_block .kids_event_description, #kids #kids_do .kids_do_content .kids_do_description, #kids #kids_habitat .kids_habitat_content .kids_habitat_block .kids_habitat_description, #kids #kids_challenge .kids_challenge_content .kids_challenge_description, #kids #kids_urbanisation .kids_urbanisation_content .kids_urbanisation_description {
    font-size: 18px;
    font-size: 1.25vw;
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids .kids_description, #kids.sdgs #sdgs_game .sdgs_game_content .sdgs_game_description, #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_description, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block .sdgs_sdg11_description, #kids.sdgs #sdgs_meaning .sdgs_meaning_description, #kids #kids_knowSdgs .kids_knowSdgs_content .kids_knowSdgs_block .kids_knowSdgs_description, #kids #kids_event .kids_event_content .kids_event_block .kids_event_description, #kids #kids_do .kids_do_content .kids_do_description, #kids #kids_habitat .kids_habitat_content .kids_habitat_block .kids_habitat_description, #kids #kids_challenge .kids_challenge_content .kids_challenge_description, #kids #kids_urbanisation .kids_urbanisation_content .kids_urbanisation_description {
    font-size: 18px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids .kids_description, #kids.sdgs #sdgs_game .sdgs_game_content .sdgs_game_description, #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_description, #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block .sdgs_sdg11_description, #kids.sdgs #sdgs_meaning .sdgs_meaning_description, #kids #kids_knowSdgs .kids_knowSdgs_content .kids_knowSdgs_block .kids_knowSdgs_description, #kids #kids_event .kids_event_content .kids_event_block .kids_event_description, #kids #kids_do .kids_do_content .kids_do_description, #kids #kids_habitat .kids_habitat_content .kids_habitat_block .kids_habitat_description, #kids #kids_challenge .kids_challenge_content .kids_challenge_description, #kids #kids_urbanisation .kids_urbanisation_content .kids_urbanisation_description {
    padding-top: 30px;
  }
}
#kids #kids_kv {
  padding-top: 100.2666666667%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../images/kids/kids_kv_sp.png") no-repeat bottom center/cover;
  z-index: 11;
}
@media screen and (min-width: 897px) {
  #kids #kids_kv {
    padding-top: 53.6111111111%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url("../images/kids/kid_kv_pc.png") no-repeat bottom center/cover;
  }
}
#kids #kids_kv .kids_kv_title {
  font-size: 32px;
  font-size: 8.5333333333vw;
  font-weight: 400;
  line-height: 1.3;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1441px) {
  #kids #kids_kv .kids_kv_title {
    font-size: 32px;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_kv .kids_kv_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 64px;
    font-size: 4.4444444444vw;
    line-height: 2;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids #kids_kv .kids_kv_title {
    font-size: 64px;
  }
}
#kids #kids_kv .kids_kv_title .kids_kv_title_note {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  font-size: 3.7333333333vw;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 1441px) {
  #kids #kids_kv .kids_kv_title .kids_kv_title_note {
    font-size: 14px;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_kv .kids_kv_title .kids_kv_title_note {
    font-size: 1.875vw;
    letter-spacing: 0.5em;
  }
}
#kids #kids_heading {
  width: 100%;
  color: #333333;
  background-color: #ffba53;
  padding-top: 21.2px;
  padding-top: 5.6533333333vw;
  padding-bottom: 21.2px;
  padding-bottom: 5.6533333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: -15px;
  top: -4vw;
  z-index: 9;
}
@media screen and (min-width: 1441px) {
  #kids #kids_heading {
    padding-top: 21.2px;
  }
}
@media screen and (min-width: 1441px) {
  #kids #kids_heading {
    padding-bottom: 21.2px;
  }
}
@media screen and (min-width: 1441px) {
  #kids #kids_heading {
    top: -15px;
  }
}
#kids #kids_heading .kids_heading_title {
  font-size: 5.3888888888vw;
  font-weight: bold;
}
@media screen and (min-width: 897px) {
  #kids #kids_heading .kids_heading_title {
    font-size: 2.825vw;
  }
}
#kids #kids_urbanisation {
  top: -30px;
  top: -8vw;
  padding-top: 100.2666666667%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../images/kids/kids-urbanisation--sp.png") no-repeat bottom center/cover;
  z-index: 10;
}
@media screen and (min-width: 1441px) {
  #kids #kids_urbanisation {
    top: -30px;
  }
}
#kids #kids_urbanisation .kids_urbanisation_content {
  color: #fff;
}
@media screen and (min-width: 897px) {
  #kids #kids_urbanisation {
    padding-top: 54.4444444444%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url("../images/kids/kids_urbanisation_pc.png") no-repeat bottom center/cover;
  }
  #kids #kids_urbanisation .kids_urbanisation_content {
    width: 50%;
  }
}
#kids #kids_challenge {
  top: -45px;
  top: -12vw;
  padding-top: 188.5333333333%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../images/kids/kids_challenge_sp.png") no-repeat bottom center/cover;
  z-index: 8;
}
@media screen and (min-width: 1441px) {
  #kids #kids_challenge {
    top: -45px;
  }
}
#kids #kids_challenge .kids_challenge_content .kids_challenge_title {
  color: #fff;
}
#kids #kids_challenge .kids_challenge_content .kids_challenge_description {
  color: #fff;
}
#kids #kids_challenge .kids_challenge_content .kids_challenge_description .kids_challenge_item .kids_challenge_heading {
  font-weight: 700;
}
@media screen and (min-width: 897px) {
  #kids #kids_challenge .kids_challenge_content .kids_challenge_description .kids_challenge_item .kids_challenge_heading {
    font-size: 22px;
    font-size: 1.5277777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids #kids_challenge .kids_challenge_content .kids_challenge_description .kids_challenge_item .kids_challenge_heading {
    font-size: 22px;
  }
}
#kids #kids_challenge .kids_challenge_content .kids_challenge_description .kids_challenge_item .kids_challenge_explanation {
  padding-top: 10px;
  padding-top: 2.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #kids #kids_challenge .kids_challenge_content .kids_challenge_description .kids_challenge_item .kids_challenge_explanation {
    padding-top: 10px;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_challenge .kids_challenge_content .kids_challenge_description .kids_challenge_item .kids_challenge_explanation {
    padding-top: 10px;
    padding-top: 0.6944444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids #kids_challenge .kids_challenge_content .kids_challenge_description .kids_challenge_item .kids_challenge_explanation {
    padding-top: 10px;
  }
}
#kids #kids_challenge .kids_challenge_content .kids_challenge_description .kids_challenge_item:not(:first-child) {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #kids #kids_challenge .kids_challenge_content .kids_challenge_description .kids_challenge_item:not(:first-child) {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_challenge .kids_challenge_content .kids_challenge_description .kids_challenge_item:not(:first-child) {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids #kids_challenge .kids_challenge_content .kids_challenge_description .kids_challenge_item:not(:first-child) {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_challenge .kids_challenge_content {
    width: 50%;
    margin-left: auto;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_challenge {
    padding-top: 59.9305555556%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url("../images/kids/kids_challenge_pc.png") no-repeat bottom center/cover;
  }
}
#kids #kids_habitat {
  top: -60px;
  top: -16vw;
  padding-top: 169.8666666667%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background-color: #d6eeaf;
  z-index: 5;
}
@media screen and (min-width: 1441px) {
  #kids #kids_habitat {
    top: -60px;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_habitat .kids_habitat_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_habitat .kids_habitat_content .kids_habitat_block:first-child {
    flex-basis: 55%;
  }
  #kids #kids_habitat .kids_habitat_content .kids_habitat_block:last-child {
    flex-basis: 41%;
  }
}
#kids #kids_habitat .kids_habitat_content .kids_habitat_block:last-child {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #kids #kids_habitat .kids_habitat_content .kids_habitat_block:last-child {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_habitat .kids_habitat_content .kids_habitat_block:last-child {
    padding-top: 0;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_habitat {
    padding-top: 53.75%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
  }
  #kids #kids_habitat .kids_container {
    justify-content: space-between;
    align-items: center;
  }
}
#kids #kids_do {
  top: -75px;
  top: -20vw;
  padding-top: 100.2666666667%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../images/kids/kids-do--sp.png") no-repeat bottom center/cover;
  z-index: 7;
}
@media screen and (min-width: 1441px) {
  #kids #kids_do {
    top: -75px;
  }
}
#kids #kids_do .kids_do_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}
#kids #kids_do .kids_do_content .kids_do_title {
  font-size: 24px;
  font-size: 6.4vw;
}
@media screen and (min-width: 1441px) {
  #kids #kids_do .kids_do_content .kids_do_title {
    font-size: 24px;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_do .kids_do_content .kids_do_title {
    font-size: 45px;
    font-size: 3.125vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids #kids_do .kids_do_content .kids_do_title {
    font-size: 45px;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_do .kids_do_content .kids_do_description {
    font-size: 24px;
    font-size: 1.6666666667vw;
    padding-top: 40px;
    padding-top: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids #kids_do .kids_do_content .kids_do_description {
    font-size: 24px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids #kids_do .kids_do_content .kids_do_description {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_do .kids_do_content .kids_do_description p {
    text-align: center;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_do {
    padding-top: 49.2361111111%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url("../images/kids/kids_do_pc.png") no-repeat bottom center/cover;
  }
}
#kids #kids_event {
  top: -90px;
  top: -24vw;
  padding-top: 196%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../images/kids/bg-blue--sp.png") no-repeat bottom center/cover;
  z-index: 6;
}
@media screen and (min-width: 1441px) {
  #kids #kids_event {
    top: -90px;
  }
}
#kids #kids_event .kids_event_content {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 897px) {
  #kids #kids_event .kids_event_content {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_event .kids_event_content .kids_event_block:first-child {
    flex-basis: 55%;
  }
  #kids #kids_event .kids_event_content .kids_event_block:last-child {
    flex-basis: 41%;
  }
}
#kids #kids_event .kids_event_content .kids_event_block:first-child {
  padding-top: 22px;
  padding-top: 5.8666666667vw;
}
@media screen and (min-width: 1441px) {
  #kids #kids_event .kids_event_content .kids_event_block:first-child {
    padding-top: 22px;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_event .kids_event_content .kids_event_block:first-child {
    padding-top: 0;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_event {
    padding-top: 54.4444444444%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url("../images/kids/bg_blue_pc.png") no-repeat bottom center/cover;
  }
}
#kids #kids_knowSdgs {
  top: -105px;
  top: -28vw;
  padding-top: 180.8%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../images/kids/bg-yellow--sp.png") no-repeat bottom center/cover;
  z-index: 5;
}
@media screen and (min-width: 1441px) {
  #kids #kids_knowSdgs {
    top: -105px;
  }
}
#kids #kids_knowSdgs .kids_knowSdgs_content {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 897px) {
  #kids #kids_knowSdgs .kids_knowSdgs_content {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_knowSdgs .kids_knowSdgs_content .kids_knowSdgs_block:first-child {
    flex-basis: 55%;
  }
  #kids #kids_knowSdgs .kids_knowSdgs_content .kids_knowSdgs_block:last-child {
    flex-basis: 41%;
  }
}
#kids #kids_knowSdgs .kids_knowSdgs_content .kids_knowSdgs_block:first-child {
  padding-top: 22px;
  padding-top: 5.8666666667vw;
}
@media screen and (min-width: 1441px) {
  #kids #kids_knowSdgs .kids_knowSdgs_content .kids_knowSdgs_block:first-child {
    padding-top: 22px;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_knowSdgs .kids_knowSdgs_content .kids_knowSdgs_block:first-child {
    padding-top: 0;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_knowSdgs {
    padding-top: 54.4444444444%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url("../images/kids/bg_yellow_pc.png") no-repeat bottom center/cover;
  }
}
#kids #kids_city {
  top: -120px;
  top: -32vw;
  padding-top: 100%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../images/kids/kids-city--sp.png") no-repeat bottom center/cover;
  z-index: 4;
}
@media screen and (min-width: 1441px) {
  #kids #kids_city {
    top: -120px;
  }
}
#kids #kids_city .kids_city_content {
  display: flex;
  justify-content: center;
}
#kids #kids_city .kids_city_content .kids_city_title {
  font-size: 24px;
  font-size: 6.4vw;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #kids #kids_city .kids_city_content .kids_city_title {
    font-size: 24px;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_city .kids_city_content .kids_city_title {
    font-size: 37px;
    font-size: 2.5694444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids #kids_city .kids_city_content .kids_city_title {
    font-size: 37px;
  }
}
@media screen and (min-width: 897px) {
  #kids #kids_city {
    padding-top: 48.6111111111%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url("../images/kids/kids_city_pc.png") no-repeat bottom center/cover;
  }
}
#kids.sdgs {
  font-family: bokutoh-rera, sans-serif;
  font-weight: 400;
  font-style: normal;
}
#kids.sdgs #sdgs_kv {
  padding-top: 164.8%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../images/kids/sdgs/sdgs_kv_sp.png") no-repeat bottom center/cover;
}
#kids.sdgs #sdgs_kv:lang(en) {
  padding-top: 149.3333333333%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../images/kids/sdgs/sdgs_kv_sp_en.png") no-repeat bottom center/cover;
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_kv {
    padding-top: 47.8472222222%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    margin-bottom: 50px;
    background: url("../images/kids/sdgs/sdgs_kv_pc.png") no-repeat bottom center/cover;
  }
  #kids.sdgs #sdgs_kv:lang(en) {
    padding-top: 47.8472222222%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url("../images/kids/sdgs/sdgs_kv_pc_en.png") no-repeat bottom center/cover;
  }
}
#kids.sdgs #sdgs_meaning {
  padding-top: 149.0666666667%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../images/kids/sdgs/bg_yellow_sp.png") no-repeat bottom center/cover;
  z-index: 1;
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_meaning {
    padding-top: 55.7638888889%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url("../images/kids/sdgs/bg_yellow_pc.png") no-repeat bottom center/cover;
  }
}
#kids.sdgs #sdgs_meaning .sdgs_meaning_title {
  font-size: 27px;
  font-size: 7.2vw;
  color: #0096da;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_meaning .sdgs_meaning_title {
    font-size: 27px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_meaning .sdgs_meaning_title {
    font-size: 48px;
    font-size: 3.3333333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_meaning .sdgs_meaning_title {
    font-size: 48px;
  }
}
#kids.sdgs #sdgs_meaning .sdgs_meaning_icons {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  display: flex;
  justify-content: space-evenly;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_meaning .sdgs_meaning_icons {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_meaning .sdgs_meaning_icons {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_meaning .sdgs_meaning_icons {
    padding-top: 40px;
  }
}
#kids.sdgs #sdgs_meaning .sdgs_meaning_icons .sdgs_meaning_icon {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_meaning .sdgs_meaning_icons .sdgs_meaning_icon {
    width: 25%;
  }
}
#kids.sdgs #sdgs_meaning .sdgs_meaning_icons .sdgs_meaning_icon .sdgs_meaning_note {
  font-size: 11px;
  font-size: 2.9333333333vw;
  padding-top: 4px;
  padding-top: 1.0666666667vw;
  font-family: bokutoh-rera, sans-serif;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_meaning .sdgs_meaning_icons .sdgs_meaning_icon .sdgs_meaning_note {
    font-size: 11px;
  }
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_meaning .sdgs_meaning_icons .sdgs_meaning_icon .sdgs_meaning_note {
    padding-top: 4px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_meaning .sdgs_meaning_icons .sdgs_meaning_icon .sdgs_meaning_note {
    font-size: 24px;
    font-size: 1.6666666667vw;
    padding-top: 13px;
    padding-top: 0.9027777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_meaning .sdgs_meaning_icons .sdgs_meaning_icon .sdgs_meaning_note {
    font-size: 24px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_meaning .sdgs_meaning_icons .sdgs_meaning_icon .sdgs_meaning_note {
    padding-top: 13px;
  }
}
#kids.sdgs #sdgs_meaning .sdgs_meaning_description p {
  text-align: center;
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_meaning .sdgs_meaning_description {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    font-size: 22px;
    font-size: 1.5277777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_meaning .sdgs_meaning_description {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_meaning .sdgs_meaning_description {
    font-size: 22px;
  }
}
#kids.sdgs #sdgs_process {
  padding-top: 218.4%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../images/kids/sdgs/sdgs_process_sp.png") no-repeat bottom center/cover;
  top: -30px;
}
#kids.sdgs #sdgs_process:lang(en) {
  padding-top: 149.6%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../images/kids/sdgs/sdgs_process_sp_en.png") no-repeat bottom center/cover;
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_process {
    padding-top: 86.8055555556%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url("../images/kids/sdgs/sdgs_process_pc.png") no-repeat bottom center/cover;
  }
  #kids.sdgs #sdgs_process:lang(en) {
    padding-top: 72.5%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url("../images/kids/sdgs/sdgs_process_pc_en.png") no-repeat bottom center/cover;
  }
}
#kids.sdgs #sdgs_sdg11 {
  padding-top: 488%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background-color: #d7effa;
}
#kids.sdgs #sdgs_sdg11:lang(en) {
  padding-top: 586.6666666667%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_sdg11 {
    padding-top: 105.625%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
  }
  #kids.sdgs #sdgs_sdg11:lang(en) {
    padding-top: 121.3888888889%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
  }
}
#kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content:nth-child(2n) {
    flex-direction: row-reverse;
  }
}
#kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block {
    align-items: flex-start;
  }
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block:first-child {
    flex-basis: 35%;
  }
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block:last-child {
    flex-basis: 62%;
  }
}
#kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block .sdgs_sdg11_title {
  font-family: "Noto Sans", sans-serif;
}
#kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block .sdgs_sdg11_description {
  padding-top: 10px;
  padding-top: 2.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block .sdgs_sdg11_description {
    padding-top: 10px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block .sdgs_sdg11_description {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block .sdgs_sdg11_description {
    padding-top: 30px;
  }
}
#kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block + .sdgs_sdg11_block {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block + .sdgs_sdg11_block {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block + .sdgs_sdg11_block {
    padding-top: 0;
  }
}
#kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block img {
  width: 70%;
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content .sdgs_sdg11_block img {
    width: 100%;
  }
}
#kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content + .sdgs_sdg11_content {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content + .sdgs_sdg11_content {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content + .sdgs_sdg11_content {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_content + .sdgs_sdg11_content {
    padding-top: 30px;
  }
}
#kids.sdgs #sdgs_sdg11 .sdgs_sdg11_learn {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_learn {
    padding-top: 40px;
  }
}
#kids.sdgs #sdgs_sdg11 .sdgs_sdg11_learn h3 {
  font-family: "Noto Sans", sans-serif;
  text-align: center;
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_learn {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_learn {
    padding-top: 30px;
  }
}
#kids.sdgs #sdgs_sdg11 .sdgs_sdg11_learn .button_container {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_learn .button_container {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_learn .button_container {
    padding-top: 15px;
    padding-top: 1.0416666667vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_sdg11 .sdgs_sdg11_learn .button_container {
    padding-top: 15px;
  }
}
#kids.sdgs #sdgs_future {
  padding-top: 160%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_future {
    padding-top: 91.6666666667%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
  }
}
#kids.sdgs #sdgs_future .sdgs_future_title_main {
  font-size: 27px;
  font-size: 7.2vw;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_future .sdgs_future_title_main {
    font-size: 27px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_future .sdgs_future_title_main {
    font-size: 48px;
    font-size: 3.3333333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_future .sdgs_future_title_main {
    font-size: 48px;
  }
}
#kids.sdgs #sdgs_future .sdgs_future_content {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_future .sdgs_future_content {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_future .sdgs_future_content {
    padding-top: 70px;
    padding-top: 4.8611111111vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_future .sdgs_future_content {
    padding-top: 70px;
  }
}
#kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_title {
  font-size: 22px;
  font-size: 5.8666666667vw;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_title {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_title {
    font-size: 34px;
    font-size: 2.3611111111vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_title {
    font-size: 34px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_description {
    font-size: 22px;
    font-size: 1.5277777778vw;
    padding-top: 40px;
    padding-top: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_description {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_description {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_description p {
    text-align: center;
  }
}
#kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_link {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  font-size: 14px;
  font-size: 3.7333333333vw;
  font-family: "Noto Sans", sans-serif;
  color: #0096da;
  text-align: center;
  text-decoration: underline;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_link {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_link {
    font-size: 14px;
  }
}
#kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_link .line_vertical {
  display: inline-block;
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_link {
    font-size: 24px;
    font-size: 1.6666666667vw;
    padding-top: 40px;
    padding-top: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_link {
    font-size: 24px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_link {
    padding-top: 40px;
  }
}
#kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_video_container {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_video_container {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_video_container {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_video_container {
    padding-top: 40px;
  }
}
#kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_video_container .sdgs_future_video {
  position: relative;
  width: 100%;
  padding: 56.25% 0 0;
}
#kids.sdgs #sdgs_future .sdgs_future_content .sdgs_future_video_container .sdgs_future_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#kids.sdgs .separator:lang(en) {
  position: relative;
  top: -30px;
}
#kids.sdgs #sdgs_game {
  padding-top: 746.6666666667%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background-color: #d6eeae;
  top: -1px;
}
#kids.sdgs #sdgs_game:lang(en) {
  padding-top: 800%;
  /* calc(画像高さ ÷ 画像横幅 × 100%) */
  top: -31px;
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_game {
    padding-top: 187.5%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
  }
  #kids.sdgs #sdgs_game:lang(en) {
    padding-top: 187.5%;
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    top: -31px;
  }
}
#kids.sdgs #sdgs_game .sdgs_game_title_main {
  font-size: 27px;
  font-size: 7.2vw;
  color: #0096da;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_game .sdgs_game_title_main {
    font-size: 27px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_game .sdgs_game_title_main {
    font-size: 48px;
    font-size: 3.3333333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_game .sdgs_game_title_main {
    font-size: 48px;
  }
}
#kids.sdgs #sdgs_game .sdgs_game_content {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_game .sdgs_game_content {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_game .sdgs_game_content {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_game .sdgs_game_content {
    padding-top: 40px;
  }
}
#kids.sdgs #sdgs_game .sdgs_game_content .sdgs_game_title {
  font-size: 22px;
  font-size: 5.8666666667vw;
  color: #333333;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_game .sdgs_game_content .sdgs_game_title {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_game .sdgs_game_content .sdgs_game_title {
    font-size: 34px;
    font-size: 2.3611111111vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_game .sdgs_game_content .sdgs_game_title {
    font-size: 34px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_game .sdgs_game_content .sdgs_game_description {
    font-size: 22px;
    font-size: 1.5277777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_game .sdgs_game_content .sdgs_game_description {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_game .sdgs_game_content .sdgs_game_description p {
    text-align: center;
  }
}
#kids.sdgs #sdgs_game .sdgs_game_content .sdgs_game_description a {
  text-decoration: underline;
}
#kids.sdgs #sdgs_game .sdgs_game_images {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_game .sdgs_game_images {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_game .sdgs_game_images {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_game .sdgs_game_images {
    padding-top: 30px;
  }
}
#kids.sdgs #sdgs_game .sdgs_game_images .sdgs_game_image + .sdgs_game_image {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_game .sdgs_game_images .sdgs_game_image + .sdgs_game_image {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_game .sdgs_game_images .sdgs_game_image + .sdgs_game_image {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_game .sdgs_game_images .sdgs_game_image + .sdgs_game_image {
    padding-top: 30px;
  }
}
#kids.sdgs #sdgs_game .sdgs_game_images .sdgs_game_image_text {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  width: 80%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1441px) {
  #kids.sdgs #sdgs_game .sdgs_game_images .sdgs_game_image_text {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #kids.sdgs #sdgs_game .sdgs_game_images .sdgs_game_image_text {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #kids.sdgs #sdgs_game .sdgs_game_images .sdgs_game_image_text {
    padding-top: 30px;
  }
}

#contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  max-width: 850px;
  color: #333333;
  font-size: 18px;
  padding: 0 16px;
}
#contact .form-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#contact .form-item p {
  text-align: right;
}
#contact .form-item .form-item-input {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  flex: 1;
  width: 100%;
  font-size: 18px;
}
#contact .form-item .form-item-textarea {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding-left: 1em;
  padding-right: 1em;
  height: 216px;
  flex: 1;
  width: 100%;
  font-size: 18px;
}
#contact .form-item + .form-item {
  padding-top: 40px;
}
@media screen and (max-width: 896px) {
  #contact .form-item {
    flex-direction: column;
    align-items: flex-start;
  }
}
#contact .form-btn {
  margin: 40px auto 0;
  padding: 20px 0;
  width: 300px;
  display: block;
  letter-spacing: 0.05em;
  background: #0096da;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}

.news {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
  background-color: #d7effa;
}
@media screen and (min-width: 1441px) {
  .news {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  .news {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  .news {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    padding-bottom: 40px;
    padding-bottom: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .news {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .news {
    padding-bottom: 40px;
  }
}
.news .habitat_title, .news #event_new .event_new_title, #event_new .news .event_new_title, .news .related_publications .related_publications_title, .related_publications .news .related_publications_title, .news .info .info_content .info_item .info_item_title, .info .info_content .info_item .news .info_item_title, .news #project .project_title, #project .news .project_title, .news #project_goal .project_goal_title, #project_goal .news .project_goal_title, .news #program .program_content .program_title, #program .program_content .news .program_title, .news #footer_partnership .footer_partnership_content .footer_partnership_block .footer_partnership_title, #footer_partnership .footer_partnership_content .footer_partnership_block .news .footer_partnership_title, .news #footer .footer_menu .footer_menu_item .footer_menu_item_title, #footer .footer_menu .footer_menu_item .news .footer_menu_item_title, .news #top_message .important_notice .important_notice_title, #top_message .important_notice .news .important_notice_title, .news #peoples .peoples_content .peoples_block .peoples_title, #peoples .peoples_content .peoples_block .news .peoples_title, .news #feature .feature_content .feature_block .feature_title, #feature .feature_content .feature_block .news .feature_title, .news .entry-content h2, .entry-content .news h2, .news #drawing-contest h2, #drawing-contest .news h2, .news #aap_activity .aap_title, #aap_activity .news .aap_title, .news #fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item .fukuoka_roap_office_title, #fukuoka_roap .fukuoka_roap_office .fukuoka_roap_office_item .news .fukuoka_roap_office_title, .news #fukuoka_steps .fukuoka_steps_title, #fukuoka_steps .news .fukuoka_steps_title, .news #fukuoka_event .fukuoka_event_title, #fukuoka_event .news .fukuoka_event_title, .news #fukuoka_message .fukuoka_message_title, #fukuoka_message .news .fukuoka_message_title, .news #fukuoka_solution .fukuoka_solution_title, #fukuoka_solution .news .fukuoka_solution_title, .news #partnership_importance .partnership_importance_title, #partnership_importance .news .partnership_importance_title, .news #partnership_construction .partnership_construction_content .partnership_construction_title, #partnership_construction .partnership_construction_content .news .partnership_construction_title, .news #partner_list .partner_list_title, #partner_list .news .partner_list_title, .news #partnership_cooperation .partnership_cooperation_title, #partnership_cooperation .news .partnership_cooperation_title, .news #urbanisation_about .urbanisation_content .urbanisation_title, #urbanisation_about .urbanisation_content .news .urbanisation_title, .news #urbanisation_sdg11 .urbanisation_sdg11_title, #urbanisation_sdg11 .news .urbanisation_sdg11_title, .news #urbanisation_target .urbanisation_target_title, #urbanisation_target .news .urbanisation_target_title, .news #urbanisation_ability .urbanisation_ability_content .urbanisation_ability_title, #urbanisation_ability .urbanisation_ability_content .news .urbanisation_ability_title, .news #about_mission .about_mission_title, #about_mission .news .about_mission_title, .news #about_mission .about_trend .about_trend_content .about_trend_title, #about_mission .about_trend .about_trend_content .news .about_trend_title, .news #about_mission .about_trend .about_roles .about_roles_content .about_roles_title, #about_mission .about_trend .about_roles .about_roles_content .news .about_roles_title, .news #about_strategy .about_strategy_content .about_strategy_title, #about_strategy .about_strategy_content .news .about_strategy_title, .news #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .about_strategy_item_title, #about_strategy .about_strategy_content .about_strategy_item .about_strategy_block + .about_strategy_block .news .about_strategy_item_title, .news #about_roap .about_roap_title, #about_roap .news .about_roap_title, .news #about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item .about_roap_office_title, #about_roap .about_roap_office .about_roap_office_item + .about_roap_office_item .news .about_roap_office_title, .news #about_roap .about_roap_activity .about_roap_activity_title, #about_roap .about_roap_activity .news .about_roap_activity_title, .news #about_app .about_app_title, #about_app .news .about_app_title, .news #about_app .about_app_content .about_app_content_title, #about_app .about_app_content .news .about_app_content_title, .news #about_peoples .about_peoples_title, #about_peoples .news .about_peoples_title, .news #about_peoples .about_process .about_process_title, #about_peoples .about_process .news .about_process_title {
  text-align: center;
}

#program {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #program {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #program {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #program {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    padding-bottom: 100px;
    padding-bottom: 6.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #program {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #program {
    padding-bottom: 100px;
  }
}
#program .program_content .program_title {
  text-align: center;
}
#program .program_content .program_description {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  #program .program_content .program_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  #program .program_content .program_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  #program .program_content .program_description {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    font-size: 22px;
    font-size: 1.5277777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #program .program_content .program_description {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #program .program_content .program_description {
    font-size: 22px;
  }
}
#program .japan_program_content {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #program .japan_program_content {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) {
  #program .japan_program_content {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #program .japan_program_content {
    padding-top: 40px;
  }
}
#program .japan_program_content .japan_program_title {
  font-size: 22px;
  font-size: 5.8666666667vw;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  #program .japan_program_content .japan_program_title {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  #program .japan_program_content .japan_program_title {
    font-size: 28px;
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #program .japan_program_content .japan_program_title {
    font-size: 28px;
  }
}

#project {
  background-color: #d7effa;
}
#project h2 {
  text-align: center;
}

#project_goal {
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #project_goal {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #project_goal {
    padding-bottom: 40px;
    padding-bottom: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #project_goal {
    padding-bottom: 40px;
  }
}
#project_goal .project_goal_title {
  text-align: center;
}
#project_goal .project_goal_description {
  padding-top: 15px;
  padding-top: 4vw;
}
@media screen and (min-width: 1441px) {
  #project_goal .project_goal_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  #project_goal .project_goal_description {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #project_goal .project_goal_description {
    padding-top: 30px;
  }
}

#project {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 40px;
  padding-bottom: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #project {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  #project {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 897px) {
  #project {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    padding-bottom: 40px;
    padding-bottom: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #project {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #project {
    padding-bottom: 40px;
  }
}
#project .project_title {
  text-align: inherit;
}
@media screen and (min-width: 897px) {
  #project .project_title {
    text-align: center;
  }
}

#panel-sdgs {
  font-family: "Noto Sans", sans-serif;
  background-color: #fff;
  padding: 30px 0;
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 896px) {
  #panel-sdgs {
    display: none;
  }
}
#panel-sdgs .sdgs_panel_explanation {
  font-size: 22px;
  font-size: 1.5277777778vw;
}
@media screen and (min-width: 1441px) {
  #panel-sdgs .sdgs_panel_explanation {
    font-size: 22px;
  }
}
#panel-sdgs .sdgs_panel_explanation p {
  text-align: center;
}
#panel-sdgs .panel-sdgs--inner {
  display: flex;
  padding: 20px 30px 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 60%;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--icons .logo-sdgs {
  width: 60%;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--icons .icons-sdgs--grid {
  padding-top: 10px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images {
  flex-basis: 40%;
  margin-left: 30px;
  position: relative;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs {
  position: absolute;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  color: #fff;
  transition: all 0.3s linear;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs h3 {
  color: #fff;
  font-size: 28px;
  font-size: 1.9444444444vw;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 30px;
}
@media screen and (min-width: 1441px) {
  #panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs h3 {
    font-size: 28px;
  }
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs p {
  font-size: 18px;
  font-size: 1.25vw;
  color: #fff;
}
@media screen and (min-width: 1441px) {
  #panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs p {
    font-size: 18px;
  }
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--default {
  background: url("../images/sdgs/sdgs_desctiption-11.jpg") no-repeat bottom center/cover;
  opacity: 1;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--1 {
  background: url("../images/sdgs/sdgs_desctiption-1.jpg") no-repeat bottom center/cover;
  opacity: 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--1.visible {
  opacity: 1;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--2 {
  background: url("../images/sdgs/sdgs_desctiption-2.jpg") no-repeat bottom center/cover;
  opacity: 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--2.visible {
  opacity: 1;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--3 {
  background: url("../images/sdgs/sdgs_desctiption-3.jpg") no-repeat bottom center/cover;
  opacity: 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--3.visible {
  opacity: 1;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--4 {
  background: url("../images/sdgs/sdgs_desctiption-4.jpg") no-repeat bottom center/cover;
  opacity: 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--4.visible {
  opacity: 1;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--5 {
  background: url("../images/sdgs/sdgs_desctiption-5.jpg") no-repeat bottom center/cover;
  opacity: 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--5.visible {
  opacity: 1;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--6 {
  background: url("../images/sdgs/sdgs_desctiption-6.jpg") no-repeat bottom center/cover;
  opacity: 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--6.visible {
  opacity: 1;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--7 {
  background: url("../images/sdgs/sdgs_desctiption-7.jpg") no-repeat bottom center/cover;
  opacity: 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--7.visible {
  opacity: 1;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--8 {
  background: url("../images/sdgs/sdgs_desctiption-8.jpg") no-repeat bottom center/cover;
  opacity: 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--8.visible {
  opacity: 1;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--9 {
  background: url("../images/sdgs/sdgs_desctiption-9.jpg") no-repeat bottom center/cover;
  opacity: 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--9.visible {
  opacity: 1;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--10 {
  background: url("../images/sdgs/sdgs_desctiption-10.jpg") no-repeat bottom center/cover;
  opacity: 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--10.visible {
  opacity: 1;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--11 {
  background: url("../images/sdgs/sdgs_desctiption-11.jpg") no-repeat bottom center/cover;
  opacity: 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--11.visible {
  opacity: 1;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--12 {
  background: url("../images/sdgs/sdgs_desctiption-12.jpg") no-repeat bottom center/cover;
  opacity: 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--12.visible {
  opacity: 1;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--13 {
  background: url("../images/sdgs/sdgs_desctiption-13.jpg") no-repeat bottom center/cover;
  opacity: 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--13.visible {
  opacity: 1;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--14 {
  background: url("../images/sdgs/sdgs_desctiption-14.jpg") no-repeat bottom center/cover;
  opacity: 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--14.visible {
  opacity: 1;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--15 {
  background: url("../images/sdgs/sdgs_desctiption-15.jpg") no-repeat bottom center/cover;
  opacity: 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--15.visible {
  opacity: 1;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--16 {
  background: url("../images/sdgs/sdgs_desctiption-16.jpg") no-repeat bottom center/cover;
  opacity: 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--16.visible {
  opacity: 1;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--17 {
  background: url("../images/sdgs/sdgs_desctiption-17.jpg") no-repeat bottom center/cover;
  opacity: 0;
}
#panel-sdgs .panel-sdgs--inner .panel-sdgs--images .image-sdgs#image-sdgs--17.visible {
  opacity: 1;
}

#sdgs_slide {
  font-family: "Noto Sans", sans-serif;
}
#sdgs_slide .sdgs_slide_explanation {
  font-size: 18px;
  font-size: 4.8vw;
  padding-right: 25px;
  padding-right: 6.6666666667vw;
  padding-bottom: 20px;
  padding-bottom: 5.3333333333vw;
  padding-left: 25px;
  padding-left: 6.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #sdgs_slide .sdgs_slide_explanation {
    font-size: 18px;
  }
}
@media screen and (min-width: 1441px) {
  #sdgs_slide .sdgs_slide_explanation {
    padding-right: 25px;
  }
}
@media screen and (min-width: 1441px) {
  #sdgs_slide .sdgs_slide_explanation {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1441px) {
  #sdgs_slide .sdgs_slide_explanation {
    padding-left: 25px;
  }
}
#sdgs_slide .sdgs_slide_explanation p {
  text-align: center;
}
#sdgs_slide .swiper {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
#sdgs_slide .swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#sdgs_slide .swiper .swiper-slide .hero__content {
  padding-left: 50px;
  padding-left: 13.3333333333vw;
  padding-right: 50px;
  padding-right: 13.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #sdgs_slide .swiper .swiper-slide .hero__content {
    padding-left: 50px;
  }
}
@media screen and (min-width: 1441px) {
  #sdgs_slide .swiper .swiper-slide .hero__content {
    padding-right: 50px;
  }
}
#sdgs_slide .swiper .swiper-slide .hero__content .sdgs_slide_icon {
  width: 40%;
  margin: 0 auto;
}
#sdgs_slide .swiper .swiper-slide .hero__content .sdgs_slide_icon img {
  border: 1px solid #fff;
}
#sdgs_slide .swiper .swiper-slide .hero__content .sdgs_slide_content {
  padding-top: 20px;
  padding-top: 5.3333333333vw;
  color: #fff;
}
@media screen and (min-width: 1441px) {
  #sdgs_slide .swiper .swiper-slide .hero__content .sdgs_slide_content {
    padding-top: 20px;
  }
}
#sdgs_slide .swiper .swiper-slide .hero__content .sdgs_slide_content .sdgs_slide_title {
  font-size: 22px;
  font-size: 5.8666666667vw;
  color: #fff;
}
@media screen and (min-width: 1441px) {
  #sdgs_slide .swiper .swiper-slide .hero__content .sdgs_slide_content .sdgs_slide_title {
    font-size: 22px;
  }
}
#sdgs_slide .swiper .swiper-slide .hero__content .sdgs_slide_content .sdgs_slide_description {
  font-size: 16px;
  font-size: 4.2666666667vw;
  padding-top: 20px;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1441px) {
  #sdgs_slide .swiper .swiper-slide .hero__content .sdgs_slide_content .sdgs_slide_description {
    font-size: 16px;
  }
}
@media screen and (min-width: 1441px) {
  #sdgs_slide .swiper .swiper-slide .hero__content .sdgs_slide_content .sdgs_slide_description {
    padding-top: 20px;
  }
}
#sdgs_slide .swiper .swiper-button-prev,
#sdgs_slide .swiper .swiper-button-next {
  color: #fff;
}

.info {
  margin-top: 15px;
  margin-top: 4vw;
  background-color: #ededed;
}
@media screen and (min-width: 1441px) {
  .info {
    margin-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  .info {
    margin-top: 40px;
    margin-top: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .info {
    margin-top: 40px;
  }
}
.info .info_content {
  padding-top: 15px;
  padding-top: 4vw;
  padding-right: 34px;
  padding-right: 9.0666666667vw;
  padding-bottom: 15px;
  padding-bottom: 4vw;
  padding-left: 34px;
  padding-left: 9.0666666667vw;
}
@media screen and (min-width: 1441px) {
  .info .info_content {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  .info .info_content {
    padding-right: 34px;
  }
}
@media screen and (min-width: 1441px) {
  .info .info_content {
    padding-bottom: 15px;
  }
}
@media screen and (min-width: 1441px) {
  .info .info_content {
    padding-left: 34px;
  }
}
@media screen and (min-width: 897px) {
  .info .info_content {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    padding-right: 44px;
    padding-right: 3.0555555556vw;
    padding-bottom: 30px;
    padding-bottom: 2.0833333333vw;
    padding-left: 44px;
    padding-left: 3.0555555556vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .info .info_content {
    padding-top: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .info .info_content {
    padding-right: 44px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .info .info_content {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .info .info_content {
    padding-left: 44px;
  }
}
.info .info_content .info_item ul {
  padding: 0;
}
.info .info_content .info_item ul li {
  list-style: none;
}
.info .info_content .info_item + .info_item {
  padding-top: 15px;
  padding-top: 4vw;
}
@media screen and (min-width: 1441px) {
  .info .info_content .info_item + .info_item {
    padding-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  .info .info_content .info_item + .info_item {
    padding-top: 0;
  }
}
.info .info_content .info_item .info_item_block + .info_item_block {
  padding-top: 15px;
  padding-top: 4vw;
}
@media screen and (min-width: 1441px) {
  .info .info_content .info_item .info_item_block + .info_item_block {
    padding-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  .info .info_content .info_item .info_item_block + .info_item_block {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .info .info_content .info_item .info_item_block + .info_item_block {
    padding-top: 30px;
  }
}
.info .info_content .info_item .info_item_title {
  font-size: 22px;
  font-size: 5.8666666667vw;
  text-align: center;
}
@media screen and (min-width: 1441px) {
  .info .info_content .info_item .info_item_title {
    font-size: 22px;
  }
}
@media screen and (min-width: 897px) {
  .info .info_content .info_item .info_item_title {
    font-size: 28px;
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .info .info_content .info_item .info_item_title {
    font-size: 28px;
  }
}
.info .info_content .info_item .info_item_description {
  padding-top: 15px;
  padding-top: 4vw;
  font-size: 15px;
  font-size: 4vw;
}
@media screen and (min-width: 1441px) {
  .info .info_content .info_item .info_item_description {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1441px) {
  .info .info_content .info_item .info_item_description {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  .info .info_content .info_item .info_item_description {
    padding-top: 20px;
    padding-top: 1.3888888889vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .info .info_content .info_item .info_item_description {
    padding-top: 20px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .info .info_content .info_item .info_item_description {
    font-size: 18px;
  }
}
.info .info_content .info_item .info_item_description ul li {
  text-align: center;
  line-height: 1.6;
}

.human_resources {
  margin-top: 15px;
  margin-top: 4vw;
  width: 100%;
}
@media screen and (min-width: 1441px) {
  .human_resources {
    margin-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  .human_resources {
    margin-top: 30px;
    margin-top: 2.0833333333vw;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .human_resources {
    margin-top: 30px;
  }
}
.human_resources .staff_list {
  color: #333333;
  flex-basis: 68%;
}
.human_resources .staff_list .human_title {
  padding: 6px;
  padding: 1.6vw;
  font-size: 12px;
  font-size: 3.2vw;
  width: 100%;
  background-color: #ededed;
  font-weight: 700;
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
}
@media screen and (min-width: 1441px) {
  .human_resources .staff_list .human_title {
    padding: 6px;
  }
}
@media screen and (min-width: 1441px) {
  .human_resources .staff_list .human_title {
    font-size: 12px;
  }
}
@media screen and (min-width: 897px) {
  .human_resources .staff_list .human_title {
    padding: 10px;
    padding: 0.6944444444vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .human_resources .staff_list .human_title {
    padding: 10px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .human_resources .staff_list .human_title {
    font-size: 18px;
  }
}
.human_resources .staff_list .table table {
  width: 100%;
  border: 1px solid #aaaaaa;
}
.human_resources .staff_list .table table th,
.human_resources .staff_list .table table td {
  border: 1px solid #d7d7d7;
  padding: 10px;
}
.human_resources .staff_list .list ul {
  font-size: 12px;
  font-size: 3.2vw;
  border: 1px solid #aaaaaa;
}
@media screen and (min-width: 1441px) {
  .human_resources .staff_list .list ul {
    font-size: 12px;
  }
}
.human_resources .staff_list .list ul li {
  padding: 8px;
  padding: 2.1333333333vw;
}
@media screen and (min-width: 1441px) {
  .human_resources .staff_list .list ul li {
    padding: 8px;
  }
}
.human_resources .staff_list .list ul li + li {
  border-top: 1px solid #d7d7d7;
}
.human_resources .image {
  padding-top: 24px;
  padding-top: 6.4vw;
  flex-basis: 30%;
}
@media screen and (min-width: 1441px) {
  .human_resources .image {
    padding-top: 24px;
  }
}
@media screen and (min-width: 897px) {
  .human_resources .image {
    padding-top: 0;
  }
}
.human_resources .image .human_caption {
  padding-top: 10px;
  padding-top: 2.6666666667vw;
  font-size: 18px;
  font-size: 4.8vw;
}
@media screen and (min-width: 1441px) {
  .human_resources .image .human_caption {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1441px) {
  .human_resources .image .human_caption {
    font-size: 18px;
  }
}
@media screen and (min-width: 897px) {
  .human_resources .image .human_caption {
    padding-top: 10px;
    padding-top: 0.6944444444vw;
    font-size: 18px;
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .human_resources .image .human_caption {
    padding-top: 10px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .human_resources .image .human_caption {
    font-size: 18px;
  }
}

.related_publications {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
  padding-bottom: 42px;
  padding-bottom: 11.2vw;
}
@media screen and (min-width: 1441px) {
  .related_publications {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1441px) {
  .related_publications {
    padding-bottom: 42px;
  }
}
@media screen and (min-width: 897px) {
  .related_publications {
    padding-top: 100px;
    padding-top: 6.9444444444vw;
    padding-bottom: 100px;
    padding-bottom: 6.9444444444vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .related_publications {
    padding-top: 100px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .related_publications {
    padding-bottom: 100px;
  }
}
.related_publications .related_publications_title {
  text-align: center;
}
.related_publications a {
  text-decoration: none;
}
.related_publications .publication_list {
  padding-top: 15px;
  padding-top: 4vw;
}
@media screen and (min-width: 1441px) {
  .related_publications .publication_list {
    padding-top: 15px;
  }
}
@media screen and (min-width: 897px) {
  .related_publications .publication_list {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .related_publications .publication_list {
    padding-top: 30px;
  }
}
.related_publications .publication_list .cover {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  line-height: 1;
  border: 2px solid #fff;
}
@media screen and (min-width: 897px) {
  .related_publications .publication_list .cover {
    width: 48%;
  }
}
.related_publications .publication_list .cover .file_title {
  width: 100%;
  display: flex;
  align-items: flex-end;
}
.related_publications .publication_list .cover .file_title p {
  font-size: 14px;
  font-weight: 400;
}
.related_publications .publication_list .cover .file_title span {
  color: #fff;
}
.related_publications .publication_list .cover + .cover {
  padding-top: 26px;
  padding-top: 6.9333333333vw;
}
@media screen and (min-width: 1441px) {
  .related_publications .publication_list .cover + .cover {
    padding-top: 26px;
  }
}
@media screen and (min-width: 897px) {
  .related_publications .publication_list .cover + .cover {
    padding-top: 0;
  }
}
.related_publications .button a {
  color: #fff;
}
.related_publications .wp-block-file {
  width: 100vw;
}

#event_new {
  padding-top: 40px;
  padding-top: 10.6666666667vw;
}
@media screen and (min-width: 1441px) {
  #event_new {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) {
  #event_new {
    padding-top: 30px;
    padding-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  #event_new {
    padding-top: 30px;
  }
}
#event_new .event_new_title {
  text-align: center;
}

.category_tab_pc {
  padding-top: 8px;
  padding-top: 2.1333333333vw;
}
@media screen and (min-width: 1441px) {
  .category_tab_pc {
    padding-top: 8px;
  }
}
@media screen and (min-width: 897px) {
  .category_tab_pc {
    padding-top: 19.5px;
    padding-top: 1.3541666667vw;
    border-bottom: 3px solid #0096da;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .category_tab_pc {
    padding-top: 19.5px;
  }
}
.category_tab_pc .category_tab_inner {
  padding-left: 8px;
  padding-left: 2.1333333333vw;
  padding-right: 8px;
  padding-right: 2.1333333333vw;
  gap: 8px;
  gap: 2.1333333333vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 1441px) {
  .category_tab_pc .category_tab_inner {
    padding-left: 8px;
  }
}
@media screen and (min-width: 1441px) {
  .category_tab_pc .category_tab_inner {
    padding-right: 8px;
  }
}
@media screen and (min-width: 1441px) {
  .category_tab_pc .category_tab_inner {
    gap: 8px;
  }
}
@media screen and (min-width: 897px) {
  .category_tab_pc .category_tab_inner {
    padding-left: 16px;
    padding-left: 1.1111111111vw;
    padding-right: 16px;
    padding-right: 1.1111111111vw;
    flex-wrap: nowrap;
    gap: 0;
    justify-content: space-evenly;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .category_tab_pc .category_tab_inner {
    padding-left: 16px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .category_tab_pc .category_tab_inner {
    padding-right: 16px;
  }
}
.category_tab_pc .category_tab_inner .category_tab_item {
  padding-top: 10px;
  padding-top: 2.6666666667vw;
  padding-right: 20px;
  padding-right: 5.3333333333vw;
  padding-bottom: 10px;
  padding-bottom: 2.6666666667vw;
  padding-left: 20px;
  padding-left: 5.3333333333vw;
  font-size: 15px;
  font-size: 4vw;
  background-color: #ededed;
  color: #333333;
  cursor: pointer;
  font-weight: 700;
}
@media screen and (min-width: 1441px) {
  .category_tab_pc .category_tab_inner .category_tab_item {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1441px) {
  .category_tab_pc .category_tab_inner .category_tab_item {
    padding-right: 20px;
  }
}
@media screen and (min-width: 1441px) {
  .category_tab_pc .category_tab_inner .category_tab_item {
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 1441px) {
  .category_tab_pc .category_tab_inner .category_tab_item {
    padding-left: 20px;
  }
}
@media screen and (min-width: 1441px) {
  .category_tab_pc .category_tab_inner .category_tab_item {
    font-size: 15px;
  }
}
@media screen and (min-width: 897px) {
  .category_tab_pc .category_tab_inner .category_tab_item {
    padding-top: 14px;
    padding-top: 0.9722222222vw;
    padding-right: 60px;
    padding-right: 4.1666666667vw;
    padding-bottom: 14px;
    padding-bottom: 0.9722222222vw;
    padding-left: 60px;
    padding-left: 4.1666666667vw;
    font-size: 15px;
    font-size: 1.0416666667vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .category_tab_pc .category_tab_inner .category_tab_item {
    padding-top: 14px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .category_tab_pc .category_tab_inner .category_tab_item {
    padding-right: 60px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .category_tab_pc .category_tab_inner .category_tab_item {
    padding-bottom: 14px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .category_tab_pc .category_tab_inner .category_tab_item {
    padding-left: 60px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .category_tab_pc .category_tab_inner .category_tab_item {
    font-size: 15px;
  }
}
.category_tab_pc .category_tab_inner .category_tab_item.active {
  background-color: #0096da;
  color: #fff;
}
.category_tab_pc .category_tab_inner .category_tab_item:not(.active):hover {
  background-color: #3eb2e5;
  color: #fff;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.18);
  transition: all 0.5s;
}

.background-blue {
  background-color: #d7effa;
}
.background-white {
  background-color: #fff;
}
.background-gray {
  background-color: #f6f6f6;
}

.text-center {
  text-align: center;
}
.text-bold {
  font-weight: 700;
}
.text-color-white {
  color: #fff;
}
.text-color-orange {
  color: #ff823c;
}
.text-color-key {
  color: #0096da;
}

.width-max {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
.width-max img {
  vertical-align: bottom;
}

.container {
  padding-top: 33px;
  padding-top: 8.8vw;
  padding-bottom: 33px;
  padding-bottom: 8.8vw;
}
@media screen and (min-width: 1441px) {
  .container {
    padding-top: 33px;
  }
}
@media screen and (min-width: 1441px) {
  .container {
    padding-bottom: 33px;
  }
}
@media screen and (min-width: 897px) {
  .container {
    padding-top: 40px;
    padding-top: 2.7777777778vw;
    padding-bottom: 40px;
    padding-bottom: 2.7777777778vw;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .container {
    padding-top: 40px;
  }
}
@media screen and (min-width: 897px) and (min-width: 1441px) {
  .container {
    padding-bottom: 40px;
  }
}

.panel {
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 896px) {
  .panel {
    padding: 30px 20px;
  }
}

.box {
  padding-top: 30px;
}

.hero {
  display: grid;
  place-items: center;
  width: 100%;
}
.hero .hero__content {
  z-index: 1;
  display: flex;
  flex-direction: column;
  max-width: 1170px;
}
.hero .hero__content .hero_inner {
  display: flex;
}
@media screen and (max-width: 896px) {
  .hero .hero__content {
    padding: 0 2rem;
  }
}
.hero > * {
  grid-area: 1/-1;
}
.hero > img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
}