@media (min-width: 0px) {
  .xs-v-v {
    visibility: visible;
  }
}

@media (min-width: 576px) {
  .sm-v-v {
    visibility: visible;
  }
}

.for-md-up {
  display: none;
}

@media (min-width: 768px) {
  .md-v-v {
    visibility: visible;
  }
  .for-md-down {
    display: none;
  }
  .for-md-up {
    display: block;
  }
}

@media (min-width: 992px) {
  .for-lg-down {
    display: none;
  }
  .lg-v-v {
    visibility: visible;
  }
}

@media (min-width: 1200px) {
  .xl-v-v {
    visibility: visible;
  }
}

@media (min-width: 1536px) {
  .xxl-v-v {
    visibility: visible;
  }
}

@media (max-width: 1535px) {
  .max-xxl-v-v {
    visibility: visible;
  }
}

@media (max-width: 1199px) {
  .max-xl-v-v {
    visibility: visible;
  }
}

@media (max-width: 991px) {
  .max-lg-v-v {
    visibility: visible;
  }
}

@media (max-width: 767px) {
  .max-md-v-v {
    visibility: visible;
  }
}

@media (max-width: 575px) {
  .max-sm-v-v {
    visibility: visible;
  }
}

@media print {
  html {
    font-size: 12px;
  }
}

@media (min-width: 992px) {
  body {
    padding-top: 130px;
  }
}

.container-base {
  max-width: 1380px;
  width: 100%;
}

.container-base > .row {
  display: flex;
  justify-content: center;
}

.container-base > .row > [class*="col-"] {
  float: none;
}

.container-base img {
  max-width: 100%;
  height: auto !important;
}

.bread-column {
  display: none;
}

@media (min-width: 992px) {
  .bread-column {
    display: block;
  }
}

.bread-column-list {
  background-color: #F5F5F5;
  border-radius: 5px;
  display: flex;
  font-size: 1.2rem;
  padding: 1em;
}

@media (min-width: 992px) {
  .bread-column-list {
    font-size: 1.4rem;
  }
}

.bread-column-list dt {
  background-color: #333333;
  color: #fff;
  font-size: .8em;
  margin-right: .5em;
  padding: .25em .75em;
}

.pankuzu {
  background-color: #F5F5F5;
  border-radius: 5px;
  display: flex;
  font-size: 1.2rem;
  line-height: 1.4;
  margin-bottom: 1.5em;
  padding: 1em;
}

@media (min-width: 992px) {
  .pankuzu {
    font-size: 1.4rem;
  }
}

.pankuzu .pankuzu_mark {
  padding-left: .5em;
  padding-right: .5em;
}

.pankuzu .icon_current {
  background-color: #333333;
  color: #fff;
  font-size: .8em;
  font-weight: bold;
  margin-right: .5em;
  padding: .25em .75em;
}

.bottom-header-title {
  border-radius: 5px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  margin-bottom: -1em;
  padding: 2em .75em;
}

@media (min-width: 992px) {
  .bottom-header-title {
    align-items: center;
    flex-grow: 1;
  }
}

.bottom-header-title h1 {
  font-size: 2.4rem;
  font-weight: bold;
  padding-left: 1em;
}

@media (min-width: 992px) {
  .bottom-header-title h1 {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .bottom-header-title .sm-nav {
    display: none;
  }
}

.local-hd-nav {
  display: none;
}

@media (min-width: 992px) {
  .local-hd-nav {
    display: flex;
    margin-bottom: 3em;
  }
}

.local-hd-nav > li {
  flex-grow: 1;
  position: relative;
}

.local-hd-nav > li > a {
  background-color: #20753B;
  color: #fff;
  display: block;
  padding-bottom: 1.25em;
  padding-top: 1.25em;
  text-align: center;
}

.local-hd-nav > li > a:hover {
  background-color: #258945;
}

.local-hd-nav.color-blue > li > a {
  background-color: #0661ad;
}

.local-hd-nav.color-blue > li > a:hover {
  background-color: #076fc6;
}

.local-hd-nav-has-child + ul {
  display: none;
}

.local-hd-nav-parent > ul {
  background-color: #fff;
  border-radius: .25em;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  left: 0;
  margin-top: -.5em;
  min-width: 100%;
  opacity: 0;
  padding-bottom: .5em;
  padding-top: .5em;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(-1em);
  transition: transform .2s, opacity .2s;
  z-index: 9;
}

.local-hd-nav-parent > ul > li {
  position: relative;
}

.local-hd-nav-parent > ul > li:hover {
  background-color: #f5f5f5;
}

.local-hd-nav-parent > ul > li a {
  display: block;
  padding-bottom: .4em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-top: .4em;
  white-space: nowrap;
}

.local-hd-nav-parent > ul .local-hd-nav-parent > ul {
  left: calc(100% - .75em);
  top: 0;
}

.local-hd-nav-parent:hover > ul {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.side-nav {
  display: none;
  margin-bottom: 3em;
}

@media (min-width: 992px) {
  .side-nav {
    display: block;
  }
}

.side-nav > ul > li {
  margin-bottom: .5em;
}

.side-nav > ul > li.is-current-li .btn {
  background-color: #138b3c;
  color: #fff;
}

.side-nav > ul > li > ul {
  font-size: 1.4rem;
  margin-bottom: 1.5em;
}

.side-nav > ul > li > ul > li {
  border-bottom: solid 1px #ddd;
  padding: 1em;
}

.side-nav > ul > li > ul > li a:hover {
  text-decoration: underline;
}

.side-nav > ul > li > ul > li ul {
  padding-bottom: .5em;
  padding-left: 1em;
  padding-top: .5em;
}

.side-nav > ul > li > ul > li ul li {
  margin-bottom: .5em;
  margin-top: .5em;
}

.side-nav .btn {
  border-color: #138b3c;
  border-width: 2px;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 1em 1em 1em 1.5em;
  text-align: left;
}

.side-nav .btn.is-current {
  background-color: #138b3c;
  color: #fff;
}

.side-nav .is-current {
  font-weight: bold;
}

.subsite_menu {
  margin-bottom: .75em;
}

.subsite_menu input[type="checkbox"] {
  display: none;
}

.subsite_menu .external_link_text {
  display: block;
  font-size: 1.4rem;
  margin-top: 1.25em;
}

.subsite_menu_ttl label,
.subsite_menu_ttl span {
  display: block;
  font-weight: bold;
}

.subsite_menu_ttl a {
  border: solid 2px #138b3c;
  border-radius: .5em;
  display: block;
  font-weight: bold;
  padding: .5em 1em .5em 1.5em;
  width: 100%;
}

.subsite_menu_ttl.acc_title {
  font-weight: bold;
}

.subsite_menu_list {
  background-color: #f5f5f5;
  border-radius: .5em;
}

.subsite_menu_list > ul {
  margin-bottom: 1em;
  padding: .5em 1em;
}

.subsite_menu_list > ul > li {
  margin-bottom: .5em;
  margin-top: .5em;
}

.side-nav .free_box {
  font-size: 1.4rem;
}

.side-nav .free_box p {
  margin-bottom: 1em;
}

.side-nav #common_banner_link li {
  margin-bottom: .5em;
}

.side-nav #common_banner_link a {
  background-color: #f5f5f5;
  border-radius: .5em;
  display: block;
  padding: .5em 1em;
}

.news-section {
  padding-bottom: 0;
  padding-top: 0;
}

.news-section h2 {
  border-bottom: solid 3px #E5E5E5;
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 1em;
  padding-bottom: .5em;
  padding-left: .5em;
  padding-top: .5em;
  position: relative;
}

.news-section h2:after {
  background-color: #138b3c;
  bottom: -3px;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  max-width: 50%;
  position: absolute;
  width: 12em;
}

.news-section .list-u {
  margin-bottom: 0;
  padding-bottom: .5em;
  padding-left: .5em;
  padding-top: .5em;
}

@media (min-width: 992px) {
  .news-section .list-u {
    display: flex;
  }
}

.news-section .list-u dt {
  width: 9em;
}

.news-section .list-u dd {
  font-size: 1.8rem;
}

.news-section .list-u a:not(:hover) {
  color: #03C;
}

.news-section .link_box {
  border-top: solid 1px #E5E5E5;
  padding-top: 1em;
  text-align: right;
}

.menu-section {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.menu-section .btn {
  background-color: #138b3c;
  border: none;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5em;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
  padding: 0;
  width: calc(50% - 20px);
}

@media (min-width: 992px) {
  .menu-section .btn {
    flex-direction: row;
    width: calc(100% - 20px);
  }
}

.menu-section .btn:active {
  background-color: #20753B;
}

.menu-section .btn img {
  width: 100%;
}

.menu-section .btn a {
  align-items: center;
  color: #fff;
  display: flex;
  flex-grow: 1;
  font-size: 1.6rem;
  font-weight: bold;
  justify-content: center;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1em;
  text-align: center;
}

@media (min-width: 992px) {
  .menu-section .btn a {
    font-size: 2.1rem;
  }
}

.mb-1 {
  margin-bottom: 0.25em !important;
}

.mb-2 {
  margin-bottom: 0.5em !important;
}

.mb-3 {
  margin-bottom: 1em !important;
}

.mb-4 {
  margin-bottom: 2em !important;
}

.mb-5 {
  margin-bottom: 4em !important;
}

.me-2 {
  margin-right: .5em;
}

.article-base {
  padding-bottom: 3em;
  padding-left: 2rem;
  padding-right: 2rem;
}

.article-base .row {
  display: flex;
  flex-flow: wrap;
}

.article-base .row [class*="col"] {
  float: none;
}

.article-base h2 {
  background-color: #F5F5F5;
  border-radius: 5px;
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 1.5em;
  margin-left: -2rem;
  margin-right: -2rem;
  margin-top: 2.5em;
  padding: .75em 1em;
}

.article-base h2:first-of-type {
  margin-top: 0;
}

.article-base * + h2:first-of-type {
  margin-top: 2.5em;
}

.article-base h3 {
  background-color: #e6f2ec;
  border-radius: 5px;
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 1em;
  margin-left: -2rem;
  margin-top: 2.5em;
  padding: .5em .75em;
}

.article-base h4 {
  border-bottom: solid 2px #dfefe7;
  display: flex;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1em;
  margin-top: 2em;
  padding-bottom: .5em;
}

.article-base h4:before {
  background-color: #cee6db;
  border-radius: 3px;
  content: "";
  margin-right: .5em;
  width: .5em;
}

.article-base h5 {
  border-bottom: solid 1px #dfefe7;
  font-size: 1.7rem;
  font-weight: bold;
  margin-bottom: 1em;
  margin-top: 2em;
  padding-bottom: .5em;
}

.article-base h6 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1em;
  margin-top: 2em;
}

.article-base p {
  margin-bottom: 1em;
}

.article-base ul, .article-base ol {
  margin-bottom: 1em;
  margin-top: 1em;
}

.article-base ul {
  list-style: disc;
  padding-left: 2em;
}

.article-base ul > li {
  list-style: disc;
}

.article-base ol {
  list-style: decimal;
  padding-left: 2em;
}

.article-base ol > li {
  list-style: decimal;
}

.article-base dl dt {
  margin-bottom: .5em;
}

.article-base dl dd {
  padding-left: 2em;
}

.article-base table th, .article-base table td {
  border-left: solid 1px #eee;
  border-right: solid 1px #eee;
  padding: .5em 1em;
}

.article-base table thead th {
  background-color: #F5F5F5;
  border-bottom: solid 2px #ddd;
  border-top: solid 1px #ddd;
}

.article-base table tbody th, .article-base table tbody td {
  border-bottom: solid 1px #ddd;
  border-top: solid 1px #ddd;
}

.article-base a:not(:hover) {
  color: #03c;
  text-decoration: underline;
}

.article-base .article-list .col-lg-6 h2 {
  margin-left: -.5rem;
  margin-right: -.5rem;
}

.article-base .article-list h2 a, .article-base .article-list h3 a {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
}

.article-base .article-list h3 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.article-base .article-list ul, .article-base .article-list ol {
  list-style: none;
  padding-left: 0;
}

.article-base .article-list ul li, .article-base .article-list ol li {
  list-style: none;
  margin-bottom: .5em;
  margin-top: .5em;
}

.article-base .article-list ul li dl, .article-base .article-list ol li dl {
  display: inline-flex;
  margin-bottom: 0;
}

.article-base .article-list ul li dd ul, .article-base .article-list ol li dd ul {
  margin-bottom: 0;
  margin-top: 0;
}

.article-base .article-list ul li dd ul li:first-child, .article-base .article-list ol li dd ul li:first-child {
  margin-top: 0;
}

.article-base .article-list a {
  display: inline-flex;
  text-decoration: none;
}

.article-base .article-list a i,
.article-base .article-list a [role="img"] {
  color: #138b3c;
  position: relative;
  top: .2em;
  width: 1.5em;
}

.article-base .article-list a i.fa-file-word,
.article-base .article-list a [role="img"].fa-file-word {
  color: #419AE7;
}

.article-base .article-list a i.fa-file-excel,
.article-base .article-list a [role="img"].fa-file-excel {
  color: #37BC7A;
}

.article-base .article-list a i.fa-file-pdf,
.article-base .article-list a [role="img"].fa-file-pdf {
  color: #A71011;
}

#section_footer {
  border: solid 2px #e6e6e6;
  border-radius: .5em;
  margin-left: -2rem;
  margin-top: 6rem;
}

#section_footer h3 {
  background-color: #e6e6e6;
  border-radius: 0;
  font-size: 2.1rem;
  margin-left: 0;
  margin-top: 0;
}

#section_footer_detail {
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: .5em;
}

.fz-6 {
  font-size: 6px !important;
}

.fz-7 {
  font-size: 7px !important;
}

.fz-8 {
  font-size: 8px !important;
}

.fz-9 {
  font-size: 9px !important;
}

.fz-10 {
  font-size: 10px !important;
}

.fz-11 {
  font-size: 11px !important;
}

.fz-12 {
  font-size: 12px !important;
}

.fz-13 {
  font-size: 13px !important;
}

.fz-14 {
  font-size: 14px !important;
}

.fz-15 {
  font-size: 15px !important;
}

.fz-16 {
  font-size: 16px !important;
}

.fz-17 {
  font-size: 17px !important;
}

.fz-18 {
  font-size: 18px !important;
}

.fz-19 {
  font-size: 19px !important;
}

.fz-20 {
  font-size: 20px !important;
}

.fz-21 {
  font-size: 21px !important;
}

.fz-22 {
  font-size: 22px !important;
}

.fz-23 {
  font-size: 23px !important;
}

.fz-24 {
  font-size: 24px !important;
}

.fz-25 {
  font-size: 25px !important;
}

.fz-26 {
  font-size: 26px !important;
}

.fz-27 {
  font-size: 27px !important;
}

.fz-28 {
  font-size: 28px !important;
}

.fz-29 {
  font-size: 29px !important;
}

.fz-30 {
  font-size: 30px !important;
}

.fz-31 {
  font-size: 31px !important;
}

.fz-32 {
  font-size: 32px !important;
}

.fz-33 {
  font-size: 33px !important;
}

.fz-34 {
  font-size: 34px !important;
}

.fz-35 {
  font-size: 35px !important;
}

.fz-36 {
  font-size: 36px !important;
}

.lh-0 {
  line-height: 0px;
}

.lh-1 {
  line-height: 1px;
}

.lh-2 {
  line-height: 2px;
}

.lh-3 {
  line-height: 3px;
}

.lh-4 {
  line-height: 4px;
}

.lh-5 {
  line-height: 5px;
}

.lh-6 {
  line-height: 6px;
}

.lh-7 {
  line-height: 7px;
}

.lh-8 {
  line-height: 8px;
}

.lh-9 {
  line-height: 9px;
}

.lh-10 {
  line-height: 10px;
}

.lh-11 {
  line-height: 11px;
}

.lh-12 {
  line-height: 12px;
}

.lh-13 {
  line-height: 13px;
}

.lh-14 {
  line-height: 14px;
}

.lh-15 {
  line-height: 15px;
}

.lh-16 {
  line-height: 16px;
}

.lh-17 {
  line-height: 17px;
}

.lh-18 {
  line-height: 18px;
}

.lh-19 {
  line-height: 19px;
}

.lh-20 {
  line-height: 20px;
}

.lh-21 {
  line-height: 21px;
}

.lh-22 {
  line-height: 22px;
}

.lh-23 {
  line-height: 23px;
}

.lh-24 {
  line-height: 24px;
}

.lh-25 {
  line-height: 25px;
}

.lh-26 {
  line-height: 26px;
}

.lh-27 {
  line-height: 27px;
}

.lh-28 {
  line-height: 28px;
}

.lh-29 {
  line-height: 29px;
}

.lh-30 {
  line-height: 30px;
}

.lh-31 {
  line-height: 31px;
}

.lh-32 {
  line-height: 32px;
}

.lh-33 {
  line-height: 33px;
}

.lh-34 {
  line-height: 34px;
}

.lh-35 {
  line-height: 35px;
}

.lh-36 {
  line-height: 36px;
}

.lh-37 {
  line-height: 37px;
}

.lh-38 {
  line-height: 38px;
}

.lh-39 {
  line-height: 39px;
}

.lh-40 {
  line-height: 40px;
}

.lh-41 {
  line-height: 41px;
}

.lh-42 {
  line-height: 42px;
}

.lh-43 {
  line-height: 43px;
}

.lh-44 {
  line-height: 44px;
}

.lh-45 {
  line-height: 45px;
}

.lh-46 {
  line-height: 46px;
}

.lh-47 {
  line-height: 47px;
}

.lh-48 {
  line-height: 48px;
}

.lh-49 {
  line-height: 49px;
}

.lh-50 {
  line-height: 50px;
}

.lh-51 {
  line-height: 51px;
}

.lh-52 {
  line-height: 52px;
}

.lh-53 {
  line-height: 53px;
}

.lh-54 {
  line-height: 54px;
}

.lh-55 {
  line-height: 55px;
}

.lh-56 {
  line-height: 56px;
}

#mail_form_tbl input,
#mail_form_tbl textarea {
	width: 100%;
}

@media (max-width: 991px) {
  section .container-base .row {
    flex-direction: column;
  }
  section .container-base .row .col-lg-3 {
    background-color: #f3f3f3;
    border-top: solid 2px #ddd;
    order: 2;
    padding-top: 3em;
  }
  section .container-base .row .side-nav {
    display: block !important;
    text-align: center;
  }
}
/*# sourceMappingURL=sourcemaps/site-common.css.map */