@charset "utf-8";

/* ==================================================
layout
================================================== */
/* body
============================== */
* html body {
  text-align: center;
  font-weight: 400;
  font-style: normal;
}
body {
  font-family: tbudgothic-std, sans-serif;
  background: #f7f7f7;
}
/* wrapper
============================== */
#tmp_wrapper {
  color: inherit;
}
/* main
============================== */
#tmp_wrap_main {
  margin: 24px auto;
  max-width: 1280px;
}
#tmp_main {
  width: 100%;
}
/* tmp_header
============================== */
#tmp_header {
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
  border-bottom: solid 1px #e5e5e5;
  background: #fff;
  display: flex;
  align-items: center;
}
#tmp_header_logo {
  margin-right: 16px;
}
#tmp_header_logo a {
  display: block;
  height: 55px;
}
#tmp_header_text {
  font-weight: bold;
  font-size: 1.3em;
}
#tmp_sp_menu_toggle {
  display: none;
}
/* tmp_nav
============================== */
#tmp_nav {
  background: #fff;
  border-bottom: solid 1px #e5e5e5;
  text-align: center;
}
#tmp_nav_inner {
}
#tmp_nav_menu {
  max-width: 1280px;
  display: flex;
  justify-content: center;
  margin: auto;
  background: #fff;
}
#tmp_nav li {
  width: 100%;
  list-style: none;
  transition: all 0.2s;
}
#tmp_nav a {
  display: flex;
  line-height: 1.4;
  height: 80px;
  text-decoration: none;
  color: #222;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

#tmp_nav_menu01 {
  border-bottom: solid 4px #e5001e;
}
#tmp_nav_menu02 {
  border-bottom: solid 4px #d9ab10;
}
#tmp_nav_menu03 {
  border-bottom: solid 4px #00973b;
}
#tmp_nav_menu04 {
  border-bottom: solid 4px #00a6d9;
}
#tmp_nav_menu05 {
  border-bottom: solid 4px #0d5b8f;
}
#tmp_nav_menu06 {
  border-bottom: solid 4px #dc007a;
}

#tmp_nav_menu01:hover,
#tmp_nav_menu01.tmp_nav_menu_current {
  background-color: rgb(229, 0, 31, 0.2);
}
#tmp_nav_menu02:hover,
#tmp_nav_menu02.tmp_nav_menu_current {
  background-color: rgb(217, 171, 16, 0.2);
}
#tmp_nav_menu03:hover,
#tmp_nav_menu03.tmp_nav_menu_current {
  background-color: rgb(0, 151, 59, 0.2);
}
#tmp_nav_menu04:hover,
#tmp_nav_menu04.tmp_nav_menu_current {
  background-color: rgb(0, 166, 217, 0.2);
}
#tmp_nav_menu05:hover,
#tmp_nav_menu05.tmp_nav_menu_current {
  background-color: rgb(13, 91, 143, 0.2);
}
#tmp_nav_menu06:hover,
#tmp_nav_menu06.tmp_nav_menu_current {
  background-color: rgb(220, 0, 122, 0.2);
}

/* #tmp_wrap_footer
============================== */
#tmp_wrap_footer {
  width: 100%;
  background: #fff;
}
#tmp_footer {
  padding: 32px;
  max-width: 320px;
  margin: auto;
}
#tmp_footer p {
  margin-bottom: 8px;
}
#tmp_footer img {
  margin-bottom: 16px;
}
#tmp_footer_copy {
  line-height: 48px;
  color: #fff;
  background: #189ffb;
  text-align: center;
  font-size: 12px;
  padding: 0 24px;
}

/* #tmp_section
============================== */
#tmp_maincontents {
  padding: 0 16px;
}

#tmp_maincontents .tmp_section {
  padding: 24px;
  margin: 24px auto;
  box-sizing: border-box;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
}

/* #search
============================== */
#tmp_member_search {
  position: relative;
}
#tmp_member_search .tmp_search_goal,
#tmp_member_search .tmp_search_form {
  width: 100%;
  padding: 24px;
  margin-bottom: 24px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
#tmp_member_search .tmp_search_goal h2,
#tmp_member_search .tmp_search_form h2 {
  font-size: 18px !important;
  letter-spacing: 0.1em;
  padding: 8px 0 8px 48px !important;
  background: url(https://static.hamamatsu.odpf.net/162l-mir-opendata-v1/sdgs/images/icon_search_title.png) no-repeat left center / 40px 40px !important;
}
#tmp_maincontents .tmp_section .tmp_search_goal ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#tmp_maincontents .tmp_section .tmp_search_goal li {
  width: 15.4%;
  max-width: 100px;
  list-style: none;
  margin: 0;
}
#tmp_member_search .tmp_search_goal li img {
  width: 100%;
}
#tmp_member_search .tmp_input_group {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}
#tmp_member_search .tmp_input_title {
  width: 120px;
  font-size: 14px;
  line-height: 42px;
}
#tmp_member_search .tmp_input_form {
  width: 100%;
  line-height: 42px;
}
#tmp_member_search .tmp_input_form label {
  line-height: 42px;
  display: inline-block;
}
#tmp_member_search .tmp_search_form .tmp_input_group_genre .tmp_input_form label {
  width: 49%;
}
#tmp_member_search .tmp_search_toggle {
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  top: 12px;
  right: 36px;
}
#tmp_maincontents .tmp_search_toggle::after {
  content: "";
  display: inline-block;
  height: 6px;
  width: 6px;
  margin: 0 8px;
  border-right: solid 2px #222;
  border-top: solid 2px #222;
  transform: rotate(135deg);
  transition: all 0.1s;
}
#tmp_maincontents .tmp_search_toggle.open::after {
  transform: rotate(-45deg);
}

/* # list common
============================== */
.tmp_member_search_item,
.tmp_sdgs_example_item,
.tmp_news_item {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 32px;
}
.tmp_member_serch_img,
.tmp_sdgs_example_img,
.tmp_news_img {
  width: 100%;
  max-width: 320px;
  min-height: 240px;
  text-align: center;
  background: url(https://static.hamamatsu.odpf.net/162l-mir-opendata-v1/sdgs/images/no_image.png) no-repeat center center / 80px auto;
  border: solid 1px #d9d9d9;
  box-sizing: border-box;
  text-align: center;
}
.tmp_member_serch_img img,
.tmp_sdgs_example_img img,
.tmp_news_img img {
  height: 240px;
  max-width: 100%;
  display: block;
  margin: auto;
  object-fit: contain;
}
.tmp_member_search_name,
.tmp_sdgs_example_name,
.tmp_news_name {
  font-size: 18px;
  font-weight: bold;
  line-height: 32px;
}
/* # member search list
============================== */

.tmp_member_search_goal {
  display: flex;
  gap: 8px;
}
.tmp_member_search_goal li {
  width: 50px;
  list-style: none !important;
  margin: 0 !important;
}

/* #tmp_section tags style
============================== */
/*** title ***/
#tmp_maincontents .tmp_section h1 {
  font-size: 24px;
  padding: 8px 24px 24px;
  margin-bottom: 24px;
  background: url(https://static.hamamatsu.odpf.net/162l-mir-opendata-v1/sdgs/images/h1_border.png) repeat-x left bottom / auto 4px;
}
#tmp_maincontents .tmp_section h2 {
  font-size: 20px;
  padding: 8px 24px 24px;
  margin-bottom: 24px;
  background: url(https://static.hamamatsu.odpf.net/162l-mir-opendata-v1/sdgs/images/h1_border.png) repeat-x left bottom / auto 4px;
}
#tmp_maincontents .tmp_section h3 {
  font-size: 20px;
  padding: 24px;
  margin-bottom: 24px;
  font-weight: normal;
  border-bottom: solid 4px #0d5b8f;
}
#tmp_maincontents .tmp_section h4 {
  font-size: 18px;
  padding: 16px 24px;
  margin-bottom: 24px;
  font-weight: normal;
  border-bottom: solid 1px #0d5b8f;
}
#tmp_maincontents .tmp_section h5 {
  font-size: 16px;
  padding: 8px 24px;
  margin-bottom: 24px;
  font-weight: normal;
  border-left: solid 4px #0d5b8f;
}
#tmp_maincontents .tmp_section h6 {
  font-size: 16px;
  padding: 8px 24px;
  margin-bottom: 24px;
  font-weight: normal;
  color: #0d5b8f;
  font-weight: bold;
}
#tmp_maincontents .tmp_section h1.bg_color {
  border-radius: 6px;
  color: #fff;
  background: #0d5b8f url(https://static.hamamatsu.odpf.net/162l-mir-opendata-v1/sdgs/images/h1_border.png) repeat-x left bottom / auto 4px;
}
#tmp_maincontents .tmp_section h2.bg_color {
  border-radius: 6px;
  background: rgb(13, 91, 143, 0.05) url(https://static.hamamatsu.odpf.net/162l-mir-opendata-v1/sdgs/images/h1_border.png) repeat-x left bottom / auto 4px;
  border: none;
  color: #0d5b8f;
}
#tmp_maincontents .tmp_section h3.bg_color {
  border-radius: 6px;
  background: rgb(13, 91, 143, 0.05);
  border: none;
  color: #0d5b8f;
}
#tmp_maincontents .tmp_section_description {
  margin-bottom: 8px;
}
#tmp_maincontents .tmp_section_sub {
  display: block;
  font-size: 12px;
  color: #666;
  margin-top: 8px;
}

/*** list ***/
#tmp_maincontents .tmp_section li {
  list-style: disc outside;
  margin-bottom: 16px;
  margin-left: 24px;
  line-height: 1.7;
}
#tmp_maincontents .tmp_section li a {
  color: #0d5b8f;
}
#tmp_maincontents .tmp_section ol li {
  list-style: decimal;
}

/*** table ***/
#tmp_maincontents .tmp_section table {
  width: 100%;
  margin-bottom: 16px;
}
#tmp_maincontents .tmp_section table,
#tmp_maincontents .tmp_section th,
#tmp_maincontents .tmp_section td {
  /*
  border: solid 1px #d9d9d9;
  */
  border-collapse: collapse;
  border-spacing: 0;
}
#tmp_maincontents th,
#tmp_maincontents td {
  padding: 16px;
}
#tmp_maincontents th {
  background: #fafafa;
  text-align: right;
}

/*** img + text ***/
#tmp_maincontents .tmp_text_img_left,
#tmp_maincontents .tmp_text_img_right {
  display: flex;
  margin-bottom: 16px;
}
#tmp_maincontents .tmp_text_img_left img {
  margin-right: 16px;
}
#tmp_maincontents .tmp_text_img_right {
  flex-direction: row-reverse;
}
#tmp_maincontents .tmp_text_img_right img {
  margin-left: 16px;
}
#tmp_maincontents .tmp_caption_img {
  display: block;
  margin: 16px auto;
  max-width: 700px;
}
#tmp_maincontents .tmp_caption_img img {
  max-width: 100%;
}

/*** bikou ***/
#tmp_maincontents .tmp_bikou_border,
#tmp_maincontents .tmp_bikou_bg {
  font-size: 13px;
  padding: 24px;
  border-radius: 16px;
  margin-bottom: 16px;
}
#tmp_maincontents .tmp_bikou_border {
  border: solid 1px rgb(13, 91, 143, 0.2);
}
#tmp_maincontents .tmp_bikou_bg {
  background: rgb(13, 91, 143, 0.05);
}
#tmp_maincontents p {
  margin: 8px auto;
}

/*** button ***/
#tmp_maincontents .tmp_btn,
#tmp_maincontents .tmp_btn_line {
  margin: 8px auto;
}
#tmp_maincontents .tmp_full_width_btn {
  width: 100%;
}
#tmp_maincontents .tmp_btn a,
#tmp_maincontents .tmp_btn_line a,
#tmp_maincontents .tmp_btn input,
#tmp_maincontents .tmp_btn_line input {
  display: inline-block;
  background: #0d5b8f;
  line-height: 50px;
  padding: 0 32px;
  border-radius: 50px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  transition: all 0.2s;
  box-sizing: border-box;
  text-align: center;
  border: none;
  white-space: nowrap;
}
#tmp_maincontents .tmp_btn_line a,
#tmp_maincontents .tmp_btn_line input {
  color: #0d5b8f;
  background: #fff;
  border: solid 2px #0d5b8f;
}
#tmp_maincontents .tmp_btn a:hover,
#tmp_maincontents .tmp_btn_line a:hover,
#tmp_maincontents .tmp_btn input:hover,
#tmp_maincontents .tmp_btn_line input:hover {
  opacity: 0.8;
}
#tmp_maincontents .tmp_btn a:after,
#tmp_maincontents .tmp_btn input:after {
  content: "";
  display: inline-block;
  height: 6px;
  width: 6px;
  margin-left: 8px;
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  transform: rotate(45deg);
}
#tmp_maincontents .tmp_btn_line a:before,
#tmp_maincontents .tmp_btn_line input:before {
  content: "";
  display: inline-block;
  height: 6px;
  width: 6px;
  margin-right: 8px;
  border-left: solid 2px #0d5b8f;
  border-bottom: solid 2px #0d5b8f;
  transform: rotate(45deg);
}

/*** flugs ***/
#tmp_maincontents .tmp_member_type01,
#tmp_maincontents .tmp_member_type02,
#tmp_maincontents .tmp_member_type03,
#tmp_maincontents .tmp_news_type01,
#tmp_maincontents .tmp_news_type02,
#tmp_maincontents .tmp_news_type03,
#tmp_maincontents .tmp_news_type04,
#tmp_maincontents .tmp_news_type05 {
  line-height: 28px;
  display: inline-block;
  margin-right: 8px;
  padding: 0 16px;
  color: #fff;
  border-radius: 32px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.1em;
  border: solid 2px transparent;
}
#tmp_maincontents .tmp_member_type01 {
  background: #18a0fb;
}
#tmp_maincontents .tmp_member_type02 {
  background: #ed6a02;
}
#tmp_maincontents .tmp_member_type03 {
  background: #28a838;
}
#tmp_maincontents .tmp_news_type01 {
  border: solid 2px #18a0fb;
  color: #18a0fb;
}
#tmp_maincontents .tmp_news_type02 {
  border: solid 2px #ed6a02;
  color: #ed6a02;
}
#tmp_maincontents .tmp_news_type03 {
  border: solid 2px #28a838;
  color: #28a838;
}
#tmp_maincontents .tmp_news_type04 {
  border: solid 2px #0d5b8f;
  color: #0d5b8f;
}
#tmp_maincontents .tmp_news_type05 {
  border: solid 2px #a13dd0;
  color: #a13dd0;
}

/*** summary box ***/
#tmp_maincontents .tmp_summary {
  padding: 24px;
  margin-bottom: 24px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
#tmp_maincontents .tmp_summary_title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}

/*** tab navigation ***/
#tmp_maincontents .tmp_tab_section {
  margin: 24px auto;
}
#tmp_maincontents .tmp_tab_section .tmp_section {
  border-radius: 0 16px 16px 16px;
  margin-top: 0;
}
#tmp_maincontents .tmp_tab ul {
  height: 48px;
}
#tmp_maincontents .tmp_tab li {
  display: inline-block;
  height: 48px;
  list-style: none;
  box-shadow: 0 4px 4px rgba(255, 255, 255, 1), 0 0 6px rgb(0 0 0 / 8%), inset 0 -4px 4px rgb(0 0 0 / 2%);
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  margin-right: 12px;
  background: #fafafa;
}
#tmp_maincontents .tmp_tab li:hover {
  background: #fff;
}
#tmp_maincontents .tmp_tab a {
  display: block;
  padding: 0 24px;
  line-height: 48px;
  min-width: 40px;
  text-align: center;
  text-decoration: none;
  color: #222;
}
#tmp_maincontents .tmp_tab_current a {
  background: #fff;
  font-weight: bold;
}

/*** font style ***/
#tmp_maincontents .tmp_text_gray {
  font-size: 14px;
  color: #777;
}
#tmp_maincontents .tmp_text_highlight {
  font-size: 14px;
  background: #f9fddf;
}
#tmp_maincontents .tmp_text_small {
  font-size: 12px;
}
#tmp_maincontents .tmp_text_large {
  font-size: 18px;
}
#tmp_maincontents .tmp_text_bold {
  font-weight: bold;
}

/*** layout utility class ***/
#tmp_maincontents .tmp_center {
  text-align: center;
}
#tmp_maincontents .tmp_gap32 {
  margin: 32px auto;
}
#tmp_maincontents .tmp_col {
  display: flex;
  gap: 24px;
}
#tmp_maincontents .tmp_flex {
  display: flex;
}
/* ==================================================
class
================================================== */
/* text
============================== */
/*.underline {
	text-decoration:underline; /* 変更しない
}*/
.strike {
  text-decoration: line-through; /* 変更しない */
}
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* 構築シートによって種類増減 */
.txt_red {
  color: #b31400; /* デザインによって変更 */
  background-color: transparent; /* 変更しない */
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
.txt_big {
  font-size: 130%; /* body 14pxのとき20px相当 */
  /* font-size:134%; body 12pxのとき16px相当 */
}
.txt_small {
  font-size: 86%; /* body 14pxのとき12px相当 */
  /*font-size:84%;  body 12pxのとき10px相当 */
}
.space_lft1 {
  padding-left: 1em; /* 変更しない */
}
/* image ▼変更しない
============================== */
.float_lft {
  margin-right: 20px !important;
  margin-bottom: 10px !important;
  clear: both;
  float: left;
}
.float_rgt {
  margin-bottom: 10px !important;
  margin-left: 20px !important;
  clear: both;
  float: right;
}
.clear {
  clear: both;
}
/* noicon ▼変更しない
============================== */
ul.noicon {
  margin-left: 3.2em !important;
  text-indent: -1.5em !important;
  list-style: none !important;
  list-style-image: none !important;
}
ul.noicon ul,
ul.noicon ol,
ul.noicon p,
ul.noicon h1,
ul.noicon h2,
ul.noicon h3,
ul.noicon h4,
ul.noicon h5,
ul.noicon h6,
ul.noicon table,
ul.noicon div {
  text-indent: 0 !important;
}
ul ul.noicon,
ol ul.noicon {
  margin-left: 1.5em !important;
  text-indent: -1.5em !important;
}