@charset "UTF-8";
/* ==================================================
[Style]
	 1. Module
	 2. Theme
	 3. Saigai
	 4. Toukei
	 
================================================== */
/* --------------------------------------------------
	 1. Module
-------------------------------------------------- */
.gothic {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.clear_both {
  clear: both;
}

.text_center {
  text-align: center;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

.inner h3 {
  display: block;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #3790E2;
  padding: 0.5em 1em;
  margin: 1em auto;
}

.inner h4 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #3790E2;
  border-bottom: 1px solid #3790E2;
  margin: 3em auto 1em;
}

.app-in-menu-statistics .inner h3 {
  background-color: #0FA139;
}

.app-in-menu-statistics .inner h4 {
  color: #0FA139;
  border-bottom: 1px solid #0FA139;
}

p.asterisk {
  font-size: 1.3rem;
  padding-left: 1em;
  text-indent: -1em;
}

table {
  width: 100%;
  margin: 2em auto;
  background-color: #fff;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}

table th,
table td {
  padding: .75em 1em;
  border-left: 1px solid #333;
  border-top: 1px solid #333;
}

table th {
  color: #000;
  font-weight: bold;
  background-color: #F2F2F2;
}

table thead {
  line-height: 1.4;
}

table tbody.text_center th,
table tbody.text_center td {
  text-align: center;
}

div.focus_text, div.attention_text {
  margin: 2em auto;
  padding: 1.5em 4em;
  max-width: 960px;
}

div.focus_text .title, div.attention_text .title {
  color: #333;
  margin-bottom: .5em;
  font-weight: bold;
  font-size: 1.1875rem;
}

div.focus_text {
  background-color: #f7f7f7;
}

div.attention_text {
  background-color: #c6e5e4;
}

ul.inline > li,
ol.inline > li {
  display: inline-block;
  vertical-align: middle;
  padding-right: 3em;
}

ul.basic_ul {
  margin-left: 1em;
}

ul.basic_ul > li {
  position: relative;
  padding-left: .25em;
}

ul.basic_ul > li::before {
  position: absolute;
  left: -1em;
  top: .65em;
  display: block;
  content: "";
  width: 7px;
  height: 7px;
  background-color: #0FA139;
  border: 2px solid #0FA139;
  border-radius: 50%;
}

ul.basic_ul > li > ul,
ul.basic_ul > li > ol {
  margin-left: 1.25em;
}

ul.basic_ul > li > ul > li::before {
  background-color: transparent;
}

ol.basic_ol {
  margin-left: 1em;
  list-style: decimal;
}

ol.basic_ol > li {
  padding-left: .25em;
}

ol.basic_ol > li > ul,
ol.basic_ol > li > ol {
  margin-left: 1.25em;
}

dl.basic_dl > dt {
  font-weight: bold;
}

dl.basic_dl > dd {
  margin-left: 1em;
}

pre {
  white-space: normal;
}

@media all and (min-width: 992px) {
  table.fixed {
    table-layout: fixed;
  }
}

@media only screen and (max-width: 990.98px) {
  .table_frame {
    margin-bottom: 2em;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table_frame::-webkit-scrollbar {
    height: 10px;
  }
  .table_frame::-webkit-scrollbar-thumb {
    background-color: #c3e7cd;
    border-radius: 5px;
  }
  .table_frame table {
    margin-bottom: 0 !important;
    width: auto;
  }
  .table_frame th,
  .table_frame td {
    white-space: nowrap;
  }
  table.vertical > thead > tr > th,
  table.vertical > thead > tr > td,
  table.vertical > tbody > tr > th,
  table.vertical > tbody > tr > td {
    display: block;
    white-space: normal !important;
    width: 100%;
  }
  table.vertical > thead > tr > th:empty,
  table.vertical > thead > tr > td:empty,
  table.vertical > tbody > tr > th:empty,
  table.vertical > tbody > tr > td:empty {
    display: none;
  }
  div.focus_text, div.attention_text {
    padding: 1em 1.5em;
  }
}

@media screen and (min-width: 991.98px) {
  .visible_sp {
    display: none !important;
  }
}

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

/* --------------------------------------------------
	 2. Theme
-------------------------------------------------- */
.app-container {
  overflow: hidden;
}

.app-container .app-content {
  padding: 3.4rem 0;
}

.inner {
  margin: 2em auto;
  border-radius: 12px;
  background-color: #EEF7FF;
  padding: 30px 70px;
}

.inner section {
  margin: 2em auto 5em;
}

.inner.--min {
  max-width: 1000px;
  background-color: inherit !important;
}

.app-in-menu-statistics .inner {
  background-color: #E9F4EB;
}

.first_text {
  font-weight: bold;
  text-align: center;
  margin: 0 auto 2em;
}

.first_text span {
  color: #DD130E;
}

.input_btn,
.input_btn_wh {
  position: relative;
  display: block;
  width: 100%;
  max-width: 370px;
  min-width: 280px;
  margin: 1em auto;
}

.input_btn::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.btn_box {
  text-align: center;
  margin: 2em auto;
}

.basic_btn,
.basic_btn02 {
  position: relative;
  display: inline-block;
  max-width: 370px;
  width: 100%;
  padding: .75em 2em;
  color: #fff !important;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: none !important;
  text-align: center;
  background-color: #3790E2;
  border: 2px solid #3790E2;
  border-radius: 8px;
}

.basic_btn::after,
.basic_btn02::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.basic_btn02::after {
  display: none;
}

.input_btn_wh .basic_btn {
  color: #3790E2 !important;
  background-color: #fff;
}

.btn_word {
  background-color: #003FCC;
  border-color: #003FCC;
}

.btn_word::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 24px;
  right: 1em;
  top: calc(50% - 12px);
  border: none;
  -webkit-transform: none;
  transform: none;
  background: url(/renewal/statics/image/icon_word.png) no-repeat center center;
  background-size: contain;
}

.btn_excel {
  background-color: #00A508;
  border-color: #00A508;
}

.btn_excel::after {
  position: absolute;
  content: '';
  width: 20px;
  height: 24px;
  right: 1em;
  top: calc(50% - 12px);
  border: none;
  -webkit-transform: none;
  transform: none;
  background: url(/renewal/statics/image/icon_excel.png) no-repeat center center;
  background-size: contain;
}

.link_pdf,
.link_excel,
.link_gaibu {
  font-weight: bold;
  text-decoration: underline;
  position: relative;
  padding-right: 5px;
}

.link_pdf::after,
.link_excel::after,
.link_gaibu::after {
  display: inline-block;
  vertical-align: middle;
  content: 'PDF';
  margin-left: 0.75em;
  text-align: center;
  width: 26px;
  height: 15px;
  border-radius: 3px;
  background-color: #E20303;
  color: #fff;
  font-size: 0.9rem;
}

.link_excel::after {
  content: 'EXCEL';
  width: 36px;
  background-color: #00A508;
}

.link_gaibu::after {
  content: '';
  text-align: center;
  width: 12px;
  height: 12px;
  border-radius: inherit;
  background: url(/renewal/statics/image/icon_gaibu.png) no-repeat center center;
  background-size: contain;
}

.pagination {
  margin: 3em auto;
}

.pagination p {
  text-align: center;
  margin: 1.5em auto;
}

.pagination ul {
  text-align: center;
  font-size: 0;
  padding-left: 0;
}

.pagination li {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6rem;
}

.pagination li > a,
.pagination li > span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  margin: 4px;
  padding: .5em;
  text-align: center;
  line-height: 1.4;
  border: 1px solid #000;
  border-radius: 7px;
  text-decoration: underline;
}

.pagination li > a {
  background-color: #fff;
}

.pagination li > span {
  color: #fff;
  background-color: #3790E2;
  border: 1px solid #3790E2;
  text-decoration: none;
}

.pagination li.next a, .pagination li.prev a {
  width: 74px;
}

.copy {
  text-align: right;
}

.copy a {
  font-weight: bold;
  text-decoration: underline;
  position: relative;
  padding-left: 30px;
}

.copy a::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: url(/renewal/statics/image/icon_copy.png) no-repeat center center;
  background-size: contain;
  width: 24px;
  height: 24px;
}

@media all and (min-width: 992px) {
  .basic_btn {
    -webkit-transition: .25s;
    transition: .25s;
  }
  .basic_btn:hover {
    opacity: 0.7;
  }
  .pagination a {
    -webkit-transition: color 0.4s, background-color 0.4s;
    transition: color 0.4s, background-color 0.4s;
  }
  .pagination a:hover {
    color: #fff;
    background-color: #3790E2;
    border: 1px solid #3790E2;
    text-decoration: none;
  }
}

@media only screen and (max-width: 990.98px) {
  .inner {
    margin: 1em 10px;
    padding: 10px 20px;
  }
  .first_text {
    margin: 0 2em 2em;
  }
  .pagination li {
    font-size: 1.4rem;
  }
  .pagination li > a,
  .pagination li > span {
    width: 34px;
  }
  .pagination li.next a, .pagination li.prev a {
    width: 60px;
  }
}

/* --------------------------------------------------
	 3. Saigai
-------------------------------------------------- */
.sai_search {
  border: 4px solid #3790E2;
  border-radius: 12px;
  margin: 1em auto 5em;
  padding: 1em;
  text-align: center;
  background-color: #fff;
}

.sai_search .howto {
  text-align: right;
}

.sai_search .howto a {
  font-weight: bold;
  text-decoration: underline;
  position: relative;
  padding-left: 30px;
}

.sai_search .howto a::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: url(/renewal/statics/image/icon_howto.png) no-repeat center center;
  background-size: contain;
  width: 24px;
  height: 24px;
}

.sai_search .select {
  max-width: 580px;
  margin: 2em auto;
}

.sai_search dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sai_search dl dt {
  font-weight: bold;
  text-align: right;
  width: 18%;
  margin-right: 2%;
}

.sai_search dl dd {
  width: 80%;
}

.sai_search dl dd select,
.sai_search dl dd input[type="text"] {
  width: 100%;
  max-width: 460px;
  border-radius: 2px;
  padding: .5em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #000;
}

.sai_search dl dd .select_box {
  position: relative;
}

.sai_search dl dd .select_box::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  right: 1em;
  top: 45%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
}

.sai_search .hassei_youin {
  max-width: 690px;
  margin: 3em auto;
  border: 1px solid #6AB6EF;
}

.sai_search .hassei_youin .title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  background-color: #6AB6EF;
  padding: .5em;
}

.sai_search .hassei_youin dl dd {
  padding-right: 1em;
}

.app-notice_ul {
  list-style: none;
  padding-left: 1em;
}

.app-notice_ul li {
  margin-bottom: .5em;
}

.app-notice_ul li a {
  color: #3366CC;
}

@media all and (min-width: 992px) {
  .sai_search dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .sai_search dl dt {
    text-align: right;
    width: 18%;
    margin-right: 2%;
  }
  .sai_search dl dd {
    width: 80%;
  }
  .sai_search dl dd select,
  .sai_search dl dd input[type="text"] {
    max-width: 460px;
  }
}

@media only screen and (max-width: 990.98px) {
  .sai_search dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sai_search dl dt {
    text-align: center;
    width: 100%;
    margin-right: auto;
  }
  .sai_search dl dd {
    width: 100%;
  }
  .sai_search dl dd select,
  .sai_search dl dd input[type="text"] {
    max-width: inherit;
  }
  .hassei_youin dl dd {
    padding-left: 1em;
  }
  .app-notice_ul {
    padding-left: .5em;
  }
}

.sai_lst {
  padding-left: 0;
  border-top: 1px solid #ccc;
}

.sai_lst li {
  list-style: none;
  border-bottom: 1px solid #ccc;
  padding: 1em 0;
}

.sai_lst li a {
  color: #3366CC;
  text-decoration: underline;
}

@media all and (min-width: 992px) {
  .sai_lst li a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .sai_lst li a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.sai_case {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sai_case .case {
  background: #fff;
  border: 4px solid #6AB6EF;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 3% 3% 0;
  width: calc(94% / 3);
}

.sai_case .case:nth-child(3n) {
  margin-right: 0;
}

.sai_case .case .photoFlame {
  width: 100%;
  max-height: 200px;
  overflow: hidden;
}

.sai_case .case .photoFlame img {
  width: 100%;
  text-align: center;
}

.sai_case .case .textBox {
  padding: 1em;
  font-size: 1.5rem;
  color: #3366CC;
  text-decoration: underline;
}

@media all and (min-width: 992px) {
  .sai_case .case {
    width: calc(94% / 3);
  }
  .sai_case .case:nth-child(3n) {
    margin-right: 0;
  }
  .sai_case .case .textBox {
    min-height: 150px;
  }
  .sai_case .case a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .sai_case .case a:hover {
    opacity: 0.7;
  }
  .sai_case .case a:hover .textBox {
    text-decoration: none;
  }
}

@media only screen and (max-width: 990.98px) {
  .sai_case .case {
    width: calc(97% / 2);
  }
  .sai_case .case:nth-child(3n) {
    margin-right: 3%;
  }
  .sai_case .case:nth-child(2n) {
    margin-right: 0;
  }
}

.sai_case_detail .image_box {
  text-align: center;
  margin: 3em auto;
}

.sai_case_detail .image_box img {
  max-width: 100%;
}

.sai_case_detail table {
  margin: 1em auto;
}

.sai_case_detail table td table {
  margin: 0 auto;
  background-color: inherit;
  border: none;
}

.sai_case_detail table td table th,
.sai_case_detail table td table td {
  padding: 0;
  border: none;
}

.sai_case_detail table td table th {
  font-weight: normal;
  background-color: inherit;
}

.sai_case_detail .detail_item table {
  margin: 0 auto;
  background-color: inherit;
  border: none;
}

.sai_case_detail .detail_item table th,
.sai_case_detail .detail_item table td {
  padding: 0;
  border: none;
}

.sai_case_detail .detail_item table th {
  font-weight: normal;
  background-color: inherit;
}

.sai_case_detail .detail_item table td:first-child {
  width: 1em;
  text-align: left !important;
}

@media only screen and (max-width: 990.98px) {
  .sai_case_detail table th, .sai_case_detail table td {
    display: block;
    width: 100%;
  }
  .sai_case_detail .detail_item table th, .sai_case_detail .detail_item table td {
    display: table-cell;
    width: auto;
  }
}

.sib_search {
  border: 4px solid #3790E2;
  border-radius: 12px;
  margin: 1em auto 5em;
  padding: 2em;
  text-align: center;
  background-color: #fff;
}

.sib_search .sib_ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  list-style: none;
  padding-left: 0;
}

.sib_search .sib_ul li {
  width: 33%;
  padding: 1% 3%;
  text-align: center;
}

.sib_search .sib_ul li a {
  display: block;
  border: 1px solid #3790E2;
  border-radius: 8px;
  background-color: #fff;
  color: #3790E2;
  padding: .5em 1em;
}

.shisyo_search {
  border: 4px solid #3790E2;
  border-radius: 12px;
  margin: 1em auto 5em;
  padding: 2em;
  text-align: center;
  background-color: #fff;
}

.shisyo_search h3 {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
  color: #3790E2;
  border-bottom: 1px solid #3790E2;
  background-color: inherit;
  padding: 0;
  margin: 1em auto .5em;
}

.shisyo_search .shisyo_ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  padding-left: 0;
}

.shisyo_search .shisyo_ul li {
  text-align: center;
  width: 8%;
  padding: 1% 0.5%;
}

.shisyo_search .shisyo_ul li a {
  display: block;
  border: 1px solid #3790E2;
  border-radius: 8px;
  background-color: #fff;
  color: #3790E2;
  padding: .5em 0;
}

@media all and (min-width: 992px) {
  .sib_search .sib_ul li {
    width: 33%;
    padding: 1% 3%;
  }
  .shisyo_search .shisyo_ul li {
    width: 8%;
    padding: 1% 0.5%;
  }
}

@media only screen and (max-width: 990.98px) {
  .sib_search {
    padding: 1em;
  }
  .sib_search .sib_ul li {
    width: 50%;
    padding: 1% 3%;
  }
  .shisyo_search {
    padding: 1em;
  }
  .shisyo_search .shisyo_ul {
    margin-bottom: 2em;
  }
  .shisyo_search .shisyo_ul li {
    width: 25%;
    padding: 1% 2%;
  }
}

.hiyari {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  padding-left: 0;
}

.hiyari > div a {
  display: block;
  text-align: center;
  border: 4px solid #E57251;
  border-radius: 12px;
  background-color: #E57251;
  overflow: hidden;
}

.hiyari > div a img {
  max-width: 80px;
  margin: .5em;
}

.hiyari > div a span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  font-weight: bold;
  min-height: 65px;
  padding: .5em;
  line-height: 1.2;
}

.hiyari > div p {
  text-align: center;
  font-size: 1.2rem;
  margin: .5em auto;
}

.hiyari > div.tentou a {
  border: 4px solid #EDB462;
  background-color: #EDB462;
}

.hiyari > div.gekitotsu a {
  border: 4px solid #E5D351;
  background-color: #E5D351;
}

.hiyari > div.hirai_rakka a {
  border: 4px solid #B5CF67;
  background-color: #B5CF67;
}

.hiyari > div.houkai_toukai a {
  border: 4px solid #52AE72;
  background-color: #52AE72;
}

.hiyari > div.gekitotsusare a {
  border: 4px solid #4DA8B7;
  background-color: #4DA8B7;
}

.hiyari > div.hasamare_makikomare a {
  border: 4px solid #27B3DF;
  background-color: #27B3DF;
}

.hiyari > div.kire_kosure a {
  border: 4px solid #5691BE;
  background-color: #5691BE;
}

.hiyari > div.kouon_teion a {
  border: 4px solid #685F99;
  background-color: #685F99;
}

.hiyari > div.kanden_kasai a {
  border: 4px solid #AD729E;
  background-color: #AD729E;
}

.hiyari > div.yuugaibutu a {
  border: 4px solid #E576A3;
  background-color: #E576A3;
}

.hiyari > div.koutsujiko a {
  border: 4px solid #EF5B94;
  background-color: #EF5B94;
}

.hiyari > div.dousanohandou a {
  border: 4px solid #FDB448;
  background-color: #FDB448;
}

.hiyari > div.haretsu a {
  border: 4px solid #1AB1B1;
  background-color: #1AB1B1;
}

.hiyari > div.sonota a {
  border: 4px solid #2C8BC4;
  background-color: #2C8BC4;
}

.hiyari_case {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.hiyari_case .case {
  background: #fff;
  border: 4px solid #6AB6EF;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 3% 3% 0;
  width: calc(94% / 3);
}

.hiyari_case .case:nth-child(3n) {
  margin-right: 0;
}

.hiyari_case .case .photoFlame {
  width: 100%;
  max-height: 200px;
  overflow: hidden;
}

.hiyari_case .case .photoFlame img {
  width: 100%;
  text-align: center;
}

.hiyari_case .case .textBox {
  padding: 1em;
  font-size: 1.5rem;
  color: #3366CC;
  text-decoration: underline;
}

@media all and (min-width: 992px) {
  .hiyari > div {
    width: 20%;
    padding: 1.5%;
  }
  .hiyari_case .case {
    width: calc(94% / 3);
  }
  .hiyari_case .case:nth-child(3n) {
    margin-right: 0;
  }
  .hiyari_case .case .textBox {
    min-height: 150px;
  }
  .hiyari_case .case a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .hiyari_case .case a:hover {
    opacity: 0.7;
  }
  .hiyari_case .case a:hover .textBox {
    text-decoration: none;
  }
}

@media only screen and (max-width: 990.98px) {
  .hiyari > div {
    width: 50%;
    padding: 1.5%;
  }
  .hiyari_case .case {
    width: calc(97% / 2);
  }
  .hiyari_case .case:nth-child(3n) {
    margin-right: 3%;
  }
  .hiyari_case .case:nth-child(2n) {
    margin-right: 0;
  }
}

.kikaisaigai_ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  padding-left: 0;
  margin: 2em auto;
}

.kikaisaigai_ul li {
  width: 33%;
  padding: 1% 2%;
}

@media all and (min-width: 992px) {
  .kikaisaigai_ul li {
    width: 33%;
    padding: 1% 2%;
  }
}

@media only screen and (max-width: 990.98px) {
  .kikaisaigai_ul li {
    width: 50%;
    padding: 1% 3%;
  }
}

.saigai_ope .inner.--min {
  margin-top: 0;
  max-width: 1000px;
  background-color: inherit !important;
}

.saigai_ope .inner.--min p {
  margin-bottom: 2em;
}

.saigai_ope .basic_btn {
  max-width: inherit;
  width: auto;
  padding: .75em 4em .75em 2em;
  margin-top: 1em;
}

.saigai_ope .basic_btn::after {
  -webkit-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.saigai_ope img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

/* --------------------------------------------------
	 4. Toukei
-------------------------------------------------- */
.tok_title {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  color: #0FA139;
  display: block;
  margin: .5em auto;
}

.tok_title02 {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  color: #0FA139;
  display: block;
  margin: 1em auto;
}

.toukei_text {
  margin: 2em auto;
}

.toukei_text ol {
  margin-left: 1em;
}

.toukei_text .asterisk {
  margin-top: 1em;
}

.toukei_text .basic_btn02 {
  background-color: #0FA139;
  border: 1px solid #0FA139;
}

.tok_link_list {
  list-style: none;
  padding-left: 0;
  margin-top: .5em;
}

.tok_link_list li {
  margin-bottom: .5em;
}

.tok_link_list li a {
  text-decoration: underline;
  font-weight: bold;
}

.tok_inner {
  border: 4px solid #0FA139;
  border-radius: 12px;
  margin: 1em auto 5em;
  padding: 1em;
  text-align: center;
  background-color: #fff;
}

.tok_inner .tok_ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  list-style: none;
  padding-left: 0;
}

.tok_inner .tok_ul li {
  text-align: center;
  width: 33%;
  padding: 1% 3%;
}

.tok_inner .tok_ul li a {
  display: block;
  border: 1px solid #0FA139;
  border-radius: 8px;
  background-color: #fff;
  color: #0FA139;
  padding: .5em 1em;
}

.tok_inner .tok_ul li#recently a {
  color: #fff;
  background-color: #0FA139;
}

.dk_inner {
  padding: 1em 2em 4em;
  text-align: left !important;
}

.dk_inner p.mt_4 {
  margin-top: 4em;
}

.dk_inner table {
  margin: 1em auto;
  text-align: center !important;
}

.dk_inner table th {
  background-color: #FCFCD0;
  width: 15%;
}

.dk_inner table a {
  text-decoration: underline;
}

@media all and (min-width: 992px) {
  .tok_inner .tok_ul li {
    width: 33%;
    padding: 1% 3%;
  }
}

@media only screen and (max-width: 990.98px) {
  .tok_inner {
    padding: 1em;
  }
  .tok_inner .tok_ul li {
    width: 50%;
    padding: 1% 3%;
  }
}

.bnsk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  padding-left: 0;
}

.bnsk dl {
  position: relative;
  border: 4px solid #27B3DF;
  border-radius: 12px;
  background-color: #fff;
}

.bnsk dl dt {
  background-color: #27B3DF;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bnsk dl dd {
  padding: 1em;
}

.bnsk dl dd ul {
  padding-left: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.bnsk dl dd ul li {
  margin-top: .75em;
}

.bnsk dl dd ul a {
  font-weight: bold;
  text-decoration: underline;
  text-align: left;
  padding: .25em 1em;
}

.bnsk dl dd ul #current a {
  background-color: #27B3DF;
}

.bnsk .bnsk02 dl {
  border: 4px solid #95D83F;
}

.bnsk .bnsk02 dl dt {
  background-color: #95D83F;
}

.bnsk .bnsk02 dl dd #current a {
  background-color: #95D83F;
}

.bnsk .bnsk03 dl {
  border: 4px solid #AD71C6;
}

.bnsk .bnsk03 dl dt {
  background-color: #AD71C6;
}

.bnsk .bnsk03 dl dd #current a {
  background-color: #AD71C6;
}

.bnsk_inner {
  padding: 2em;
  text-align: left;
}

.bnsk_inner .list_cases {
  list-style: none;
  padding-left: 0;
}

.bnsk_inner .list_cases li {
  margin-bottom: .75em;
}

.bnsk_inner .list_cases li ul {
  margin-top: .75em;
  padding-left: calc(85px + 1em);
}

.bnsk_inner .list_cases li ul li {
  list-style: none;
}

.bnsk_inner .list_cases li ul li span {
  border: 1px solid #23923A;
  color: #23923A;
  background-color: #fff;
}

.bnsk_inner .list_cases span {
  display: inline-block;
  line-height: 1;
  text-align: center;
  padding: .25em 0.5em;
  background-color: #23923A;
  color: #fff;
  font-size: 1.5rem;
  min-width: 85px;
  border-radius: 11px;
  margin-right: 1em;
}

.bnsk_inner .list_cases a {
  font-weight: bold;
  text-decoration: underline;
  text-align: left;
}

.bnsk_inner .list_cases p {
  display: inline;
  margin-bottom: 0;
  font-weight: bold;
}

@media all and (min-width: 992px) {
  .bnsk > div {
    width: calc(100% / 3);
    padding: 1%;
  }
  .bnsk > div dt {
    min-height: 80px;
  }
  .bnsk > div dd {
    height: 325px;
  }
  .bnsk > div dd ul {
    height: 300px;
  }
}

@media only screen and (max-width: 990.98px) {
  .bnsk > div {
    width: 100%;
    padding: 1%;
    margin-bottom: 1.5em;
  }
  .bnsk > div dt {
    min-height: 50px;
  }
  .bnsk > div dd {
    height: 200px;
  }
  .bnsk > div dd ul {
    height: 180px;
  }
  .bnsk > div dd ul a {
    padding: .5em;
  }
  .bnsk_inner .list_cases li ul {
    margin-top: .75em;
    padding-left: 1em;
  }
  .bnsk_inner .list_cases span {
    display: block;
    max-width: 100px;
    margin-bottom: .5em;
  }
}

/* --------------------------------------------------
	 99. 印刷
-------------------------------------------------- */
@media print {
  * {
    -webkit-print-color-adjust: exact !important;
  }
  body {
    zoom: .8;
  }
  header, .app-breadcrumb, .app-heading {
    display: none;
  }
}