@charset "utf-8";

/* ==================================================
layout
================================================== */

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

.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);
}

/* #tmp_section tags style
============================== */
/*** title ***/
#tmp_contents 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_contents 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_contents h3 {
  font-size: 20px;
  padding: 24px;
  margin-bottom: 24px;
  font-weight: normal;
  border-bottom: solid 4px #0d5b8f;
}
#tmp_contents h4 {
  font-size: 18px;
  padding: 16px 24px;
  margin-bottom: 24px;
  font-weight: normal;
  border-bottom: solid 1px #0d5b8f;
}
#tmp_contents h5 {
  font-size: 16px;
  padding: 8px 24px;
  margin-bottom: 24px;
  font-weight: normal;
  border-left: solid 4px #0d5b8f;
}
#tmp_contents h6 {
  font-size: 16px;
  padding: 8px 24px;
  margin-bottom: 24px;
  font-weight: normal;
  color: #0d5b8f;
  font-weight: bold;
}
#tmp_contents 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_contents 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_contents h3.bg_color {
  border-radius: 6px;
  background: rgb(13, 91, 143, 0.05);
  border: none;
  color: #0d5b8f;
}
#tmp_contents .tmp_section_description {
  margin-bottom: 8px;
}
#tmp_contents .tmp_section_sub {
  display: block;
  font-size: 12px;
  color: #666;
  margin-top: 8px;
}

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

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

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

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

/*** button ***/
#tmp_contents .tmp_btn,
#tmp_contents .tmp_btn_line {
  margin: 8px auto;
}
#tmp_contents .tmp_full_width_btn {
  width: 100%;
}
#tmp_contents .tmp_btn a,
#tmp_contents .tmp_btn_line a,
#tmp_contents .tmp_btn input,
#tmp_contents .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_contents .tmp_btn_line a,
#tmp_contents .tmp_btn_line input {
  color: #0d5b8f;
  background: #fff;
  border: solid 2px #0d5b8f;
}
#tmp_contents .tmp_btn a:hover,
#tmp_contents .tmp_btn_line a:hover,
#tmp_contents .tmp_btn input:hover,
#tmp_contents .tmp_btn_line input:hover {
  opacity: 0.8;
}
#tmp_contents .tmp_btn a:after,
#tmp_contents .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_contents .tmp_btn_line a:before,
#tmp_contents .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_contents .tmp_member_type01,
#tmp_contents .tmp_member_type02,
#tmp_contents .tmp_member_type03,
#tmp_contents .tmp_news_type01,
#tmp_contents .tmp_news_type02,
#tmp_contents .tmp_news_type03,
#tmp_contents .tmp_news_type04,
#tmp_contents .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_contents .tmp_member_type01 {
  background: #18a0fb;
}
#tmp_contents .tmp_member_type02 {
  background: #ed6a02;
}
#tmp_contents .tmp_member_type03 {
  background: #28a838;
}
#tmp_contents .tmp_news_type01 {
  border: solid 2px #18a0fb;
  color: #18a0fb;
}
#tmp_contents .tmp_news_type02 {
  border: solid 2px #ed6a02;
  color: #ed6a02;
}
#tmp_contents .tmp_news_type03 {
  border: solid 2px #28a838;
  color: #28a838;
}
#tmp_contents .tmp_news_type04 {
  border: solid 2px #0d5b8f;
  color: #0d5b8f;
}
#tmp_contents .tmp_news_type05 {
  border: solid 2px #a13dd0;
  color: #a13dd0;
}

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

/*** tab navigation ***/
#tmp_contents .tmp_tab_section {
  margin: 24px auto;
}
#tmp_contents .tmp_tab_section .tmp_section {
  border-radius: 0 16px 16px 16px;
  margin-top: 0;
}
#tmp_contents .tmp_tab ul {
  height: 48px;
}
#tmp_contents .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_contents .tmp_tab li:hover {
  background: #fff;
}
#tmp_contents .tmp_tab a {
  display: block;
  padding: 0 24px;
  line-height: 48px;
  min-width: 40px;
  text-align: center;
  text-decoration: none;
  color: #222;
}
#tmp_contents .tmp_tab_current a {
  background: #fff;
  font-weight: bold;
}

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

/*** layout utility class ***/
#tmp_contents .tmp_center {
  text-align: center;
}
#tmp_contents .tmp_gap32 {
  margin: 32px auto;
}
#tmp_contents .tmp_col {
  display: flex;
  gap: 24px;
}
#tmp_contents .tmp_flex {
  display: flex;
}
#tmp_contents .tmp_section .tmp_search_goal ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#tmp_contents .tmp_section .tmp_search_goal li {
  width: 15.4%;
  max-width: 100px;
  list-style: none;
  margin: 0;
}

/* navLink
============================== */
#tmp_contents .navLink {
  margin: 20px auto;
}
#tmp_contents ul.navLink  {
  padding: 10px 20px !important;
  margin: 0;
}
#tmp_contents .navLink li {
  display: inline-block;
}
#tmp_contents .navLink li:not(:last-child) {
  margin-right: 10px;
}
#tmp_contents .navLink_left {
  text-align: left;
}
#tmp_contents .navLink_center {
  text-align: center;
}
#tmp_contents .navLink_outline {
  border: solid 2px #ccc;
}
#tmp_contents .navLink a,
#tmp_contents .navLink a:visited {
  text-decoration: none;
}
#tmp_contents .navLink a:hover {
  text-decoration: underline;
}
#tmp_contents .navLink a.disabled {
  pointer-events: none;
  text-decoration: none;
  color: #999;
}

/* ==================================================
parts
================================================== */
/* col2 ▼変更しない
============================== */
#tmp_contents table.col2 {
  width: 99%;
  border-collapse: collapse;
  border-spacing: 0;
}
#tmp_contents table.col2 td.col2L,
#tmp_contents table.col2 td.col2R {
  padding: 0;
  vertical-align: top;
  text-align: left;
}
#tmp_contents table.col2 td.col2L {
  width: 50%;
  border-right-width: 15px;
}
#tmp_contents table.col2 td.col2L {
  border-right: 15px solid #ffffff;
}
#tmp_contents table.col2 td.col2R {
  width: 50%;
}
#tmp_contents div.col2 {
  width: 100%;
  overflow: hidden;
}
#tmp_contents div.col2 div.col2L {
  display: table;
  width: calc(100% / 2 - 10px);
  float: left;
}
#tmp_contents div.col2 div.col2R {
  display: table;
  width: calc(100% / 2 - 10px);
  float: right;
}

/* nestcol2 ▼変更しない
============================== */
#tmp_contents table.col2 table.col2 td.col2L {
  padding: 0;
}
#tmp_contents div.col2 div.col2 div.col2L {
  width: 47.5%;
  margin-right: 4%;
}
#tmp_contents div.col2 div.col2 div.col2R {
  width: 47.5%;
}
/* fixed_col2 ▼変更しない
   編集領域には使わない（イベントカレンダー・定型等に使う）
============================== */
#tmp_contents div.fixed_col2 {
  width: 100%;
}
#tmp_contents div.fixed_col2 div.fixed_col2L {
  display: table;
  width: 48.5%;
  margin-right: 2%;
  float: left;
}
#tmp_contents div.fixed_col2 div.fixed_col2R {
  display: table;
  width: 48.5%;
  float: right;
}
/* col3 ▼変更しない
============================== */
#tmp_contents table.col3 {
  width: 99%;
  border-collapse: collapse;
  border-spacing: 0;
}
#tmp_contents table.col3 td.col3L,
#tmp_contents table.col3 td.col3M,
#tmp_contents table.col3 td.col3R {
  padding: 0;
  vertical-align: top;
  text-align: left;
}
#tmp_contents table.col3 td.col3L,
#tmp_contents table.col3 td.col3M {
  width: 33.33%;
  border-right-width: 15px;
}
#tmp_contents table.col3 td.col3L,
#tmp_contents table.col3 td.col3M {
  border-right: 15px solid #ffffff;
}
#tmp_contents table.col3 td.col3R {
  width: 33.33%;
}
#tmp_contents div.col3 {
  width: 100%;
  overflow: hidden;
}
#tmp_contents div.col3 div.col3L,
#tmp_contents div.col3 div.col3M {
  display: table;
  width: 31.7%;
  margin-right: 2%;
  float: left;
}
#tmp_contents div.col3 div.col3R {
  display: table;
  width: 31.7%;
  float: left;
}
/* img_cap ▼変更しない
============================== */
#tmp_contents table.img_cap {
  margin: 0 0 0.3em;
  border-collapse: collapse;
  border-spacing: 0;
}
#tmp_contents table.img_cap td {
  padding: 0;
}
#tmp_contents div.img_cap {
  margin: 0 0 0.3em;
}
#tmp_contents div.img_cap img {
  margin: 0 !important;
}
/* layouttable ▼変更しない
============================== */
#tmp_contents table.layouttable {
  border-collapse: collapse;
  border-spacing: 0;
}
#tmp_contents table.layouttable td {
  padding: 0 15px 0 0;
  vertical-align: top;
  text-align: left;
}