@charset "UTF-8";
:root {
  --min-device-width-pc: 1240px;
  --container-width: 112rem;
  --font-family: "UD Shin Go Regular", "BIZ UDGothic", "メイリオ", sans-serif;
  --font-family-bold: "UD Shin Go DemiBold", "BIZ UDGothic", "メイリオ", sans-serif;
  --font-normal: 500;
  --font-bold: 700;
  --color-primary: #16599b;
  --color-secondary: #fdbc79;
  --color-danger: #d5341b;
  --color-Childcare: #ff9a87;
  --color-background-base: #dbe7ef;
  --color-background-cell: #f1f2f3;
  --color-background-info: #fff6e8;
  --color-background-tab: #ebf1f5;
  --color-background-wave: #b4cbde;
  --color-border-gray: #c2c2c2;
  --color-border-blue: #d0deeb;
  --color-text: #333333;
  --color-white: #ffffff;
  --primary-grad: linear-gradient(90deg, var(--color-primary) 0%, #4e89c2 100%);
  --drop-shadow: 0px 4px 12px 0px rgba(147, 147, 147, 0.2);
  --swiper-theme-color: var(--color-primary);
  --swiper-pagination-bullet-inactive-color: var(--color-primary);
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 767px) {
  html {
    overflow-x: hidden;
  }
}

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

body {
  font-size: 1.6rem;
  font-family: "UD Shin Go Regular", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-normal);
  color: var(--color-text);
  background-color: var(--color-white);
  line-height: 1.6;
  margin: 0;
  padding: 0;
  word-break: break-all;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
}

a {
  color: var(--color-primary);
}
a:hover {
  text-decoration: none;
}

.base img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
.base input:default,
.base button:default,
.base select:default {
  font-family: var(--font-family);
  font-size: 1.6rem;
}
.base input[type=radio] {
  appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-primary);
  border-radius: 50%;
  cursor: pointer;
  margin-top: 0;
}
.base input[type=radio]:checked::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 12px;
  height: 12px;
  margin: auto;
  border-radius: 50%;
  background-color: var(--color-primary);
}
@media (forced-colors: active) {
  .base input[type=radio]:checked::after {
    background: Highlight;
  }
}
.base .container {
  max-width: var(--container-width);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .base .container {
    width: 100%;
    padding: 0 1.6rem;
  }
}
.base ul:default,
.base ol:default {
  margin-bottom: 1.6rem;
  padding-left: 2rem;
}
.base p:default,
.base ul:default {
  margin-top: 0;
}
.base h1,
.base h2,
.base h3,
.base h4,
.base h5,
.base h6 {
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
}
.base strong,
.base b {
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
}

button {
  cursor: pointer;
  font-size: 1.6rem;
}

.base {
  min-width: var(--min-device-width-pc);
  width: 100%;
}
@media screen and (max-width: 767px) {
  .base {
    min-width: 0;
    padding-bottom: 5.6rem;
  }
}

.base input,
.base select,
.base button {
  font-family: var(--font-family);
}

/*--------------------------------------
header
---------------------------------------*/
.skip {
  display: block;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
.skip:focus {
  width: 100%;
  height: auto;
  background-color: var(--color-white);
  color: var(--color-text);
  text-decoration: underline;
  text-align: center;
  border: 1px solid var(--color-text);
}

.header {
  background-color: var(--color-white);
  position: relative;
  z-index: 5;
}

.header-inner {
  padding: 0 8rem 0 3.2rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(194, 194, 194, 0.6);
}
@media screen and (max-width: 767px) {
  .header-inner {
    padding: 0 0 0 1.6rem;
    height: 5.6rem;
  }
}
.header-inner .logo {
  margin: 0;
  line-height: 1;
}
.header-inner .logo a {
  display: inline-block;
}
.header-inner .logo img {
  width: 140px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .header-inner .logo img {
    width: 115px;
  }
}
.header-inner .header-sub-menu {
  display: flex;
  list-style: none;
  align-items: center;
  height: 6.2rem;
  margin: 0;
}

.header-sub-menu .searchBox {
  min-width: 288px;
  font-family: var(--font-family);
}
.header-sub-menu .searchBox .gsc-input {
  border: 0;
}
.header-sub-menu .searchBox td {
  border: 0;
}
.header-sub-menu .searchBox .gsc-search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.header-sub-menu .searchBox .gsc-input-box {
  padding-top: 2px;
  padding-bottom: 2px;
}
.header-sub-menu .searchBox .gsc-search-box table td.gsib_a {
  padding-top: 0;
  padding-bottom: 0;
}
.header-sub-menu .searchBox .gsc-search-box table td.gsib_a input {
  min-height: 28px;
}

.menu-btn-area {
  position: absolute;
  top: 0;
  right: 0;
}
.menu-btn-area .menu-btn {
  font-family: var(--font-family);
  border-radius: 0;
  width: 6.4rem;
  height: 6.2rem;
  background-color: var(--color-primary);
  color: var(--color-white);
  box-shadow: none;
  border: 1px solid var(--color-primary);
  font-size: 1rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 0.6rem;
  cursor: pointer;
}
.menu-btn-area .menu-btn.open::before {
  content: "";
  width: 2.6rem;
  aspect-ratio: 1/1;
  display: block;
  background-image: url("/images/icon-menu.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto;
}
.menu-btn-area .menu-btn.close::before {
  content: "";
  width: 2.6rem;
  aspect-ratio: 1/1;
  display: block;
  background-image: url("/images/icon-menu-close.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto;
}

.main-nav {
  display: none;
  width: 100%;
  position: absolute;
  top: 6.2rem;
  left: 0;
  background-color: var(--color-primary);
  opacity: 0;
  z-index: 3;
  border-bottom: 1px solid transparent;
}
.main-nav.open {
  display: block;
  opacity: 1;
}
.main-nav .menu-area {
  max-width: var(--container-width);
  margin: 4rem auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 2.4rem;
}
.main-nav .menu-area .main-menu {
  columns: 2;
  column-gap: 12rem;
  height: 20.8rem;
  margin-top: 0;
  margin-bottom: -2rem;
  min-width: 43.4rem;
}
.main-nav .menu-area .main-menu li {
  font-size: 2rem;
  margin-bottom: 2rem;
  color: var(--color-white);
}
.main-nav .menu-area .sub-menu {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  min-width: 24rem;
  margin-right: 5.6rem;
}
.main-nav .menu-area .sub-menu::before {
  content: "";
  width: 2px;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%222%22%20height%3D%225%22%20viewBox%3D%220%200%202%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%222%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%23D0DEEB%22%2F%3E%3C%2Fsvg%3E");
  background-size: 2px 5px;
  background-repeat: repeat-y;
  background-position: 0 -2px;
  position: absolute;
  top: 0;
  left: 0;
}
.main-nav .menu-area .sub-menu .header-btn {
  display: flex;
}
.main-nav .menu-area .nav-link {
  color: var(--color-white);
  text-decoration: none;
  position: relative;
  padding-left: 1.5em;
}
.main-nav .menu-area .nav-link::before {
  content: "";
  width: 1em;
  aspect-ratio: 1/1;
  background-image: url("/images/icon-link-white.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0.1em;
  left: 0;
}
@media (hover: hover) {
  .main-nav .menu-area .nav-link:hover {
    text-decoration: underline;
  }
}
.main-nav .menu-area ul {
  list-style-type: none;
}
.main-nav .u-dsp-20b-6 {
  color: var(--color-white);
}

.header-card {
  padding: 3.2rem;
  background-color: var(--color-white);
  border-radius: 2.4rem;
}

.pc-menu-link-accordion {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  padding-left: 0;
  gap: 0.8rem;
  padding-bottom: 0.8rem;
}
.pc-menu-link-accordion li a {
  margin: 0 !important;
  padding: 0 0 0 2.6rem !important;
  display: inline-block;
  position: relative;
  width: auto !important;
}
.pc-menu-link-accordion li a::before {
  position: absolute;
  top: 0.4rem;
  left: 0;
}
.pc-menu-link-accordion li a .icon {
  width: 1.6rem;
}

.pc-useful-link {
  grid-column: 1/3;
}

.link-list {
  border-bottom: 1px solid rgba(194, 194, 194, 0.6);
}
.link-list > ul {
  list-style: none;
  display: flex;
}
.link-list > ul > li {
  padding: 1.6rem 0;
  border-bottom: 3px solid transparent;
}
.link-list > ul > li > span {
  display: inline-block;
  padding: 0 4rem;
  position: relative;
}
.link-list > ul > li > span::after {
  content: "";
  width: 2px;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%222%22%20height%3D%225%22%20viewBox%3D%220%200%202%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%222%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%23C2C2C2%22%2F%3E%3C%2Fsvg%3E");
  background-size: 2px 5px;
  background-repeat: repeat-y;
  background-position: 0 -1px;
  position: absolute;
  top: 0;
  right: -2px;
}
.link-list > ul > li:last-child span::after {
  content: none;
}
.link-list > ul > li.active {
  border-bottom: 3px solid var(--color-primary);
}
.link-list a {
  color: var(--color-text);
  text-decoration: none;
  display: inline-block;
}
.link-list a:not(.block-link, .menu-close) {
  border-bottom: 1px solid transparent;
}
@media (hover: hover) {
  .link-list a:not(.block-link, .menu-close):hover {
    border-bottom: 1px solid var(--color-text);
  }
}

.pc-only.link-list li {
  position: relative;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
}

.pc-nav {
  position: absolute;
  top: calc(5.76rem + 3px);
  left: 0;
  width: 748px;
  background-color: var(--color-background-wave);
  opacity: 0;
  display: none;
  padding: 3rem 3rem 1.2rem 3rem;
  z-index: 1;
  border-bottom-left-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
  border-left: 2px solid var(--color-background-base);
  border-right: 2px solid var(--color-background-base);
  border-bottom: 2px solid var(--color-background-base);
}
@starting-style {
  .pc-nav {
    opacity: 0;
  }
}
.pc-nav .link-detail {
  padding: 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  list-style-type: none;
  gap: 0.8rem;
}
.pc-nav .link-detail li {
  position: relative;
}
.pc-nav .link-detail li:nth-child(1) {
  grid-column: 1/4;
  padding-bottom: 1.6rem;
}
.pc-nav .link-detail li:nth-child(1) a {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
.pc-nav .link-detail li a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 1.6rem;
  padding-right: 3.2rem;
  min-height: 6.4rem;
  text-wrap: pretty;
}
.pc-nav .link-detail li a::after {
  right: 1.25rem;
  width: 1.8rem;
}
.pc-nav .link-detail li a .icon {
  width: 1.6rem;
  margin: 0 0.8rem;
}
@media (hover: hover) {
  .pc-nav .link-detail li a:hover .icon {
    background-image: url("/images/icon-link-external-white.png");
  }
}
.pc-nav.open {
  opacity: 1;
  display: block;
}

.closeBtn {
  margin-top: 2.4rem;
  position: relative;
  text-align: center;
}
.closeBtn::before {
  content: "";
  width: 100%;
  height: 2px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%225%22%20height%3D%222%22%20viewBox%3D%220%200%205%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%223%22%20height%3D%222%22%20rx%3D%221%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-size: 5px 2px;
  background-repeat: repeat-x;
  display: block;
}
.closeBtn a {
  display: inline-flex;
  align-items: center;
  margin-top: 1.6rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
}
.closeBtn a::after {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("/images/close-icon-blue.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 50%;
  display: inline-block;
  margin-left: 0.8rem;
}
@media (hover: hover) {
  .closeBtn a:hover {
    text-decoration: underline;
  }
}

#pc-menu-business {
  left: -28.2rem;
}

#pc-menu-town {
  left: auto;
  right: -11.2rem;
}

#pc-menu-government {
  left: auto;
  right: 0;
}

#pc-menu-culture {
  left: -13rem;
}

.multilingualMenu {
  display: none;
  position: absolute;
  top: 45px;
  left: 50%;
  width: 74.8rem;
  background-color: var(--color-background-wave);
  z-index: 11;
  padding: 3rem 3rem 1.6rem 3rem;
  border-radius: 1.6rem;
  transform: translateX(-50%);
  border: 1px solid transparent;
}
.multilingualMenu::before {
  content: "";
  width: 1.4rem;
  height: 1.1rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.13398%200.499999C6.51888%20-0.166667%207.48113%20-0.166667%207.86603%200.5L13.0622%209.5C13.4471%2010.1667%2012.966%2011%2012.1962%2011H1.80385C1.03405%2011%200.552922%2010.1667%200.937822%209.5L6.13398%200.499999Z%22%20fill%3D%22%23B4CBDE%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: -1rem;
  left: 50%;
}
@media screen and (max-width: 767px) {
  .multilingualMenu {
    width: 100%;
    top: 5.6rem;
    left: 0;
    transform: none;
    border-radius: 0;
    background-color: var(--color-background-base);
    border-bottom: 1px solid rgba(194, 194, 194, 0.6);
    padding: 1.6rem;
  }
  .multilingualMenu::before {
    content: none;
  }
}

.txt-hide {
  display: none;
}

.language-wrapper {
  position: relative;
}

.pc-only .multilingualMenu .list-item a {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  height: 100%;
  display: flex !important;
  align-items: center;
}
.pc-only .multilingualMenu .list-item a::after {
  width: 1.8rem !important;
  right: 1.25rem !important;
}

.multilingal-wrapper {
  background-color: var(--color-white);
  border-radius: 1.6rem;
  padding: 2.4rem;
}

.multiList {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  max-height: 40rem;
  overflow-y: auto;
  overscroll-behavior: none;
}
.multiList li {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .multiList {
    max-height: calc(100dvh - 19.2rem);
    margin-top: 0;
    margin-bottom: 0;
  }
}

.multiList ul {
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  padding-left: 0;
  gap: 0.8rem;
}
.multiList ul li {
  margin-left: 0;
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .multiList ul {
    grid-template-columns: 1fr;
  }
}

.list-btn button {
  border: none;
  width: 100%;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .list-btn button {
    margin-bottom: 0;
  }
}

.multilingualCloseBtn {
  margin-top: 1rem;
  position: relative;
  text-align: center;
}
.multilingualCloseBtn::before {
  content: "";
  width: 100%;
  height: 2px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%225%22%20height%3D%222%22%20viewBox%3D%220%200%205%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%223%22%20height%3D%222%22%20rx%3D%221%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-size: 5px 2px;
  background-repeat: repeat-x;
  display: block;
}
.multilingualCloseBtn a {
  display: inline-flex;
  margin-top: 1.6rem;
  font-size: 1.6rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  color: var(--color-text);
  text-decoration: none;
  position: relative;
  align-items: center;
}
.multilingualCloseBtn a::after {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("/images/close-icon-blue.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 50%;
  display: inline-block;
  margin-left: 0.8rem;
}
@media (hover: hover) {
  .multilingualCloseBtn a:hover {
    text-decoration: underline;
  }
}

.accordion-trigger.extra {
  font-size: 2rem;
  text-align: center;
  padding: 1.6rem 0;
  border: 1px solid transparent;
  line-height: 1;
}
.accordion-trigger.extra::before {
  content: none;
}
.accordion-trigger.extra::after {
  content: none;
}
.accordion-trigger.extra .accordion-icon {
  width: 2.4rem;
  height: 2.4rem;
  top: 1.4rem;
}
.accordion-trigger.extra[aria-expanded=true]::after {
  content: "";
  height: 2px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%225%22%20height%3D%222%22%20viewBox%3D%220%200%205%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%223%22%20height%3D%222%22%20rx%3D%221%22%20fill%3D%22%2316599B%22%2F%3E%3C%2Fsvg%3E");
  background-size: 5px 2px;
}

/*--------------------------------------
button
---------------------------------------*/
.header-btn {
  border-radius: 0.6rem;
  padding: 0.88rem 1.6rem;
  font-size: 1.4rem;
  line-height: 1.2;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  vertical-align: baseline;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
@media (hover: hover) {
  .header-btn:hover {
    opacity: 0.8;
  }
}

.btn-danger {
  background-color: var(--color-danger);
  color: var(--color-white);
  border: 1px solid var(--color-danger);
  transition: all 0.2s ease-in;
}

.btn-outline-danger {
  background-color: var(--color-white);
  color: var(--color-danger);
  border: 1px solid var(--color-danger);
}

a.header-btn {
  text-decoration: none;
}

.header-btn .icon {
  width: 2rem;
  display: inline-block;
  margin-right: 0.6rem;
  flex-shrink: 0;
  flex-basis: 2rem;
}

.sp-only .language-modal {
  text-decoration: none;
}
.sp-only .language-modal span {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1;
  display: flex;
  height: 5.6rem;
  flex-direction: column;
  align-items: center;
  padding: 0.8rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  text-decoration: none;
  border-left: 1px solid var(--color-border-gray);
  width: 8.4rem;
}
.sp-only .language-modal[aria-expanded=false] .close {
  display: none;
}
.sp-only .language-modal[aria-expanded=false] .open {
  display: flex;
}
.sp-only .language-modal[aria-expanded=true] .close {
  display: flex;
}
.sp-only .language-modal[aria-expanded=true] .open {
  display: none;
}

/*--------------------------------------
icon
---------------------------------------*/
.icon {
  display: inline-block;
  width: 2.4rem;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.icon.bousai {
  background-image: url("/images/icon-shield.png");
}
.icon.kyuukyuu {
  background-image: url("/images/icon-alertlamp.png");
}
.icon.search-white {
  background-image: url("/images/icon-search-white.png");
}
.icon.icon-info {
  background-image: url("/images/icon-info-blue.png");
}
.icon.icon-tips {
  background-image: url("/images/icon-tips-blue.png");
}
.icon.icon-calendar {
  background-image: url("/images/icon-calendar-blue.png");
}
.icon.icon-bell {
  background-image: url("/images/icon-bell-blue.png");
}
.icon.icon-megaphone {
  background-image: url("/images/icon-megaphone-blue.png");
}
.icon.icon-grobal {
  background-image: url("/images/icon-grobal.png");
}
.icon.icon-home {
  background-image: url("/images/icon-home-white.png");
}
.icon.icon-menu {
  background-image: url("/images/icon-menu.png");
}
.icon.icon-close-footer {
  background-image: url("/images/icon-footer-close.png");
}
.icon.icon-close-language {
  background-image: url("/images/icon-language-close.png");
}
.icon.external {
  background-image: url("/images/icon-link-external-blue.png");
}
.icon.icon-pickup-2 {
  background-image: url("/images/icon-layer-pickup-tab-blue.png");
}
.icon.icon-info-2 {
  background-image: url("/images/icon-layer-news-tab-blue.png");
}
.icon.icon-stop {
  background-image: url("/images/icon-btn-stop.png");
}
.icon.icon-play {
  background-image: url("/images/icon-link-white.png");
}

/*--------------------------------------
link
---------------------------------------*/
.link, .sp-only .multilingualMenu .list-item a {
  display: inline-flex;
  color: inherit;
  text-decoration: none;
  align-items: center;
  position: relative;
}
.link::before, .sp-only .multilingualMenu .list-item a::before {
  content: "";
  width: 1.6rem;
  aspect-ratio: 1/1;
  background-image: url("/images/icon-link.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 0.6rem;
  flex-shrink: 0;
}
@media (hover: hover) {
  .link:hover, .sp-only .multilingualMenu .list-item a:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-color: var(--color-text);
  }
}

.block-link, .menulist2 .m-box2 .m-title a, .pc-only .multilingualMenu .list-item a {
  color: var(--color-text);
  text-decoration: none;
  display: inline-block;
  width: 100%;
  padding: 2rem 5.6rem 2rem 3.2rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  background-color: var(--color-white);
  border-radius: 0.8rem;
  border: 1.5px solid var(--color-primary);
  position: relative;
  transition: background-color 0.2s ease-out, color 0.2s ease-in-out;
}
.block-link::after, .menulist2 .m-box2 .m-title a::after, .pc-only .multilingualMenu .list-item a::after {
  content: "";
  width: 2.4rem;
  aspect-ratio: 1/1;
  background-image: url("/images/icon-link.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 2.4rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (hover: hover) {
  .block-link:hover, .menulist2 .m-box2 .m-title a:hover, .pc-only .multilingualMenu .list-item a:hover {
    color: var(--color-white);
    background-color: var(--color-primary);
  }
  .block-link:hover::after, .menulist2 .m-box2 .m-title a:hover::after, .pc-only .multilingualMenu .list-item a:hover::after {
    background-image: url("/images/icon-link-white.png");
  }
}
@media screen and (max-width: 767px) {
  .block-link, .menulist2 .m-box2 .m-title a, .pc-only .multilingualMenu .list-item a {
    padding: 1.6rem 5.6rem 1.6rem 1.6rem;
  }
  .block-link::after, .menulist2 .m-box2 .m-title a::after, .pc-only .multilingualMenu .list-item a::after {
    right: 1.6rem;
  }
}

.btn-link, .event-area .info_btn ul li a, .newinfo-box .ichiran-all a, .list-btn button {
  display: inline-block;
  text-align: center;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  min-width: 28rem;
  padding: 1.6rem 4.8rem;
  border-radius: 50rem;
  position: relative;
  transition: 0.2s ease-out;
  text-decoration: none;
}
.btn-link::after, .event-area .info_btn ul li a::after, .newinfo-box .ichiran-all a::after, .list-btn button::after {
  content: "";
  width: 1.8rem;
  aspect-ratio: 1/1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 2.4rem;
  transform: translateY(-50%);
}
.btn-link.primary, .event-area .info_btn ul li a, .newinfo-box .ichiran-all a, .list-btn button {
  border: 1px solid var(--color-primary);
  background-color: var(--color-primary);
  color: var(--color-white);
}
.btn-link.primary::after, .event-area .info_btn ul li a::after, .newinfo-box .ichiran-all a::after, .list-btn button::after {
  background-image: url("/images/icon-link-white.png");
}
@media (hover: hover) {
  .btn-link:hover, .event-area .info_btn ul li a:hover, .newinfo-box .ichiran-all a:hover, .list-btn button:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 767px) {
  .btn-link, .event-area .info_btn ul li a, .newinfo-box .ichiran-all a, .list-btn button {
    width: 100%;
    min-width: 0;
  }
}

/*--------------------------------------
検索インプット
---------------------------------------*/
.searchBox > form {
  display: flex;
  width: 28.8rem;
}
.searchBox.full form {
  width: 100%;
}
.searchBox.full input[type=text] {
  font-size: 1.6rem;
  min-height: 2.8rem;
}
.searchBox.full .searchBtn {
  width: 8rem;
}
.searchBox.full .searchBtn .icon {
  width: 2.6rem;
}
.searchBox .smsg {
  display: block;
  width: 0;
  height: 0;
}
.searchBox input[type=text] {
  position: relative;
  width: 100%;
  padding: 0.88rem 0.8rem 0.96rem 4rem;
  font-size: 1.4rem;
  line-height: 1.4;
  background-color: var(--color-background-cell);
  border: 1.5px solid var(--color-primary);
  border-radius: 0.6rem;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.searchBox input[type=text]::placeholder {
  color: hwb(from var(--color-text) h w b/0.6);
  font-family: var(--font-family);
}
.searchBox .searchBtn {
  appearance: button;
  width: 4.8rem;
  background: var(--color-primary);
  border: 1.5px solid var(--color-primary);
  color: transparent;
  border-top-right-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
  line-height: 1;
}
.searchBox .searchBtn .icon {
  width: 2rem;
}
@media (hover: hover) {
  .searchBox .searchBtn:hover {
    opacity: 0.8;
  }
}

.iconSearchWrap {
  position: relative;
  flex-grow: 1;
}
.iconSearchWrap::before {
  content: "";
  width: 1.5rem;
  aspect-ratio: 1/1;
  background-image: url("/images/icon-search-blue.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: calc(50% - 0.15rem);
  transform: translateY(-50%);
  left: 1.6rem;
  z-index: 1;
}

.search-option {
  border: none;
  padding: 0;
  margin: 1.6rem 0;
}

.search-radio-list {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  column-gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  .search-radio-list {
    flex-wrap: wrap;
  }
  .search-radio-list li {
    word-wrap: break-word;
  }
}

/*--------------------------------------
main 共通
---------------------------------------*/
.main {
  position: relative;
}

/*--------------------------------------
tab
---------------------------------------*/
.tablist {
  display: flex;
  border-radius: 50rem;
  background-color: var(--color-background-tab);
}
.tablist .tab {
  padding: 0.8rem 0;
  flex-grow: 1;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  border-radius: 50rem;
  border: 1px solid transparent;
  background-color: transparent;
  color: var(--color-primary);
  transition: background-color 0.2s ease-out;
}
@media (hover: hover) {
  .tablist .tab:not([aria-selected=true]):hover {
    background-color: var(--color-background-base);
  }
}
.tablist .tab[aria-selected=true] {
  background: var(--primary-grad);
  color: var(--color-white);
}
@media (forced-colors: active) {
  .tablist .tab[aria-selected=true] {
    background: Highlight;
    color: AccentColorText;
  }
}
.tablist.lg .tab {
  padding: 1.6rem 0;
  font-size: 2rem;
}
.tablist.lg .tab .focus {
  display: inline-flex;
  align-items: center;
}
.tablist.lg .tab .focus i {
  display: inline-block;
  margin-right: 0.8rem;
}
@media screen and (max-width: 767px) {
  .tablist.lg .tab {
    font-size: 1.6rem;
    padding: 0.8rem 0;
  }
}
.tablist.three-tab .tab {
  position: relative;
}
.tablist.three-tab .tab:nth-child(1)[aria-selected=false] + .tab::before {
  content: "";
  width: 2px;
  height: calc(100% - 2.8rem);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%222%22%20height%3D%225%22%20viewBox%3D%220%200%202%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%222%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%23C2C2C2%22%2F%3E%3C%2Fsvg%3E");
  background-size: 2px 5px;
  background-repeat: repeat-y;
  background-position: 0 0;
  position: absolute;
  left: 0;
  top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .tablist.three-tab .tab:nth-child(1)[aria-selected=false] + .tab::before {
    height: calc(100% - 1.6rem);
    top: 0.8rem;
  }
}
.tablist.three-tab .tab:nth-child(1)[aria-selected=false] + .tab:is([aria-selected=false])::after {
  content: none !important;
}
.tablist.three-tab .tab:nth-child(2)::after {
  content: "";
  width: 2px;
  height: calc(100% - 2.8rem);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%222%22%20height%3D%225%22%20viewBox%3D%220%200%202%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%222%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%23C2C2C2%22%2F%3E%3C%2Fsvg%3E");
  background-size: 2px 5px;
  background-repeat: repeat-y;
  background-position: 0 0;
  position: absolute;
  right: 0;
  top: 1.4rem;
}
@media screen and (max-width: 767px) {
  .tablist.three-tab .tab:nth-child(2)::after {
    height: calc(100% - 1.6rem);
    top: 0.8rem;
  }
}
.tablist.three-tab .tab:nth-child(2)[aria-selected=true]::after {
  content: none;
}
.tablist.three-tab .tab:nth-child(2)[aria-selected=true]::before {
  content: none !important;
}
.tablist.layer-tab {
  background-color: var(--color-white);
  box-shadow: 0 4px 12px 0 rgba(147, 147, 147, 0.2);
}
@media screen and (max-width: 767px) {
  .tablist.layer-tab {
    box-shadow: none;
    background-color: var(--color-background-base);
  }
}
.tablist.layer-tab .tab[aria-controls=news-pickup-content][aria-selected=true] i {
  background-image: url("/images/icon-layer-pickup-tab-white.png");
}
.tablist.layer-tab .tab[aria-controls=news-info-content][aria-selected=true] i {
  background-image: url("/images/icon-layer-news-tab-white.png");
}
@media screen and (max-width: 767px) {
  .tablist.layer-tab .tab .focus i {
    display: none;
  }
}

.tab-contents {
  display: block;
  opacity: 1;
  overflow-anchor: none;
}
.tab-contents.is-hidden {
  display: none;
  opacity: 0;
}

/*--------------------------------------
footer
---------------------------------------*/
.copy-area {
  background-color: var(--color-white);
  padding: 1.6rem 0;
}
.copy-area .container {
  display: flex;
  justify-content: space-between;
}
.copy-area .container .copy-link-area {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.copy-area .container .copy-link-area li {
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 0 1.6rem;
  border-right: 1px solid var(--color-border-gray);
}
.copy-area .container .copy-link-area li:first-child {
  padding-left: 0;
}
.copy-area .container .copy-link-area li:last-child {
  border-right: 0;
}
.copy-area .container .copy-link-area li a {
  text-decoration: none;
  color: inherit;
}
@media (hover: hover) {
  .copy-area .container .copy-link-area li a:hover {
    text-decoration: underline;
    color: var(--color-primary);
  }
}
@media screen and (max-width: 767px) {
  .copy-area .container .copy-link-area li {
    padding: 0 0.8rem;
  }
}
@media screen and (max-width: 767px) {
  .copy-area .container .copy-link-area {
    flex-wrap: wrap;
    row-gap: 0.8rem;
  }
}
@media screen and (max-width: 767px) {
  .copy-area .container {
    flex-direction: column;
    row-gap: 0.8rem;
    text-align: center;
  }
}

/*--------------------------------------
footer固定メニュー
---------------------------------------*/
.sp-nav {
  height: 5.6rem;
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: var(--color-primary);
  z-index: 10;
}
.sp-nav > ul {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 100%;
}
.sp-nav > ul > li {
  height: 100%;
  border-right: 1px solid var(--color-white);
  width: 33.3333333333%;
}
.sp-nav > ul > li:last-child {
  border-right: 0;
}
.sp-nav > ul > li .footer-link {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1;
  text-decoration: none;
  color: var(--color-white);
  background-color: var(--color-primary);
  position: relative;
  z-index: 10;
}
.sp-nav > ul > li .footer-link i {
  display: inline-block;
  margin-bottom: 5px;
  width: 2.6rem;
}
.sp-nav > ul > li .footer-nav {
  background-color: var(--color-primary);
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1;
  text-decoration: none;
  color: var(--color-white);
  border: 0;
  padding: 0;
  position: relative;
  z-index: 10;
}
.sp-nav > ul > li .footer-nav i {
  display: inline-block;
  margin-bottom: 5px;
  width: 2.6rem;
}
.sp-nav > ul > li .footer-nav.close {
  background-color: var(--color-background-base);
  color: var(--color-primary);
}

#sp-search-menu .sp-menu-wrapper {
  min-height: 100%;
}

.sp-menu-open {
  display: none;
  width: 100%;
  background-color: var(--color-background-base);
  position: fixed;
  border: 0;
  top: 0;
  left: 0;
  height: 100dvh;
  overflow: hidden;
  padding: 1.6rem;
}
.sp-menu-open .container {
  height: calc(100dvh - 5.6rem - 3.2rem);
  overflow-y: auto;
  overscroll-behavior: none;
}
.sp-menu-open .sp-menu-wrapper {
  background-color: var(--color-white);
  border-radius: 1.6rem;
  padding: 2.4rem;
}
.sp-menu-open .sp-menu-wrapper .title {
  margin-top: 0;
}
.sp-menu-open.open {
  display: block;
}
.sp-menu-open .title {
  font-size: 2rem;
  position: relative;
  padding-left: 3.4rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
}
.sp-menu-open .title::before {
  content: "";
  width: 2.6rem;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0.5rem;
  left: 0;
}
.sp-menu-open .btn-area {
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
}
.sp-menu-open .btn-area a {
  width: 100%;
}

#sp-search-menu .title::before {
  background-image: url("/images/icon-search-blue.png");
}

#sp-link-menu .title::before {
  background-image: url("/images/icon-menu-blue.png");
}
#sp-link-menu .sp-menu-wrapper:last-child.u-pt2,
#sp-link-menu .sp-menu-wrapper:last-child .u-pb2,
#sp-link-menu .sp-menu-wrapper:last-child .u-pl2,
#sp-link-menu .sp-menu-wrapper:last-child .u-pr2 {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent;
}
#sp-link-menu .sp-menu-wrapper:last-child .btn-area {
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 0.8rem;
}
#sp-link-menu .sp-menu-wrapper:last-child .btn-area .header-btn {
  white-space: nowrap;
  flex-basis: calc((100% - 0.8rem) / 2);
  flex-grow: 1;
}
#sp-link-menu .sp-menu-wrapper:last-child .btn-area .header-btn.u-mb1 {
  margin-bottom: 0 !important;
}

.sp-menu-list {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
  margin-top: 2rem;
}
.sp-menu-list li {
  position: relative;
}
.sp-menu-list li a {
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  width: 100%;
  padding: 1.2rem 0;
}

.sub-link-area {
  display: flex;
  justify-content: flex-end;
  column-gap: 1.2rem;
  row-gap: 0.8rem;
  flex-wrap: wrap;
  padding: 0.8rem 0.4rem 0 0.4rem;
}
.sub-link-area a {
  flex-direction: row-reverse;
  column-gap: 0.5rem;
}
@media (hover: hover) {
  .sub-link-area a:hover::after {
    left: 0;
  }
}

.sp-menu-list > li {
  position: relative;
}
.sp-menu-list > li::after {
  content: "";
  width: 100%;
  height: 2px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%223%22%20viewBox%3D%220%200%206%203%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220.75%22%20y%3D%222.25%22%20width%3D%222%22%20height%3D%223%22%20rx%3D%221%22%20transform%3D%22rotate(-90%200.75%202.25)%22%20fill%3D%22%23D0DEEB%22%2F%3E%3C%2Fsvg%3E");
  background-size: 5px 2px;
  background-repeat: repeat-x;
  background-position: 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.sp-menu-list > li > a {
  position: absolute;
  padding: 0;
  top: 1.2rem;
  left: 0;
  display: inline-block;
  font-size: 1.8rem;
  width: auto;
  line-height: 1;
  z-index: 1;
}
.sp-menu-list > li .accordion-trigger {
  padding-left: 0;
}
.sp-menu-list > li .accordion-trigger::before, .sp-menu-list > li .accordion-trigger::after {
  content: none;
}
.sp-menu-list > li .accordion-trigger .accordion-title {
  display: inline-block;
  min-height: 1.8rem;
}
.sp-menu-list > li .accordion-trigger .accordion-icon {
  top: 1.4rem;
}
.sp-menu-list > li .sp-menu-link-accordion {
  list-style-type: none;
  padding-left: 0;
}
.sp-menu-list > li .sp-menu-link-accordion .link .icon, .sp-menu-list > li .sp-menu-link-accordion .sp-only .multilingualMenu .list-item a .icon, .sp-only .multilingualMenu .list-item .sp-menu-list > li .sp-menu-link-accordion a .icon {
  width: 1.6rem;
  margin-left: 1rem;
}

/*--------------------------------------
ラジオボタン
---------------------------------------*/
.search-radio-item {
  display: inline-flex;
  align-items: center;
  column-gap: 0.5rem;
  line-height: 1;
}

/*--------------------------------------
パンくずリスト
---------------------------------------*/
.pankuzu {
  background-color: var(--color-white);
}
.pankuzu .breadcrumb-list {
  width: 100%;
  margin: 0 auto;
  padding: 0.8rem 0;
  max-width: 112rem;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
  list-style-type: none;
}
.pankuzu .breadcrumb-list li {
  margin-left: 0;
  display: inline-flex;
  align-items: center;
}
.pankuzu .breadcrumb-list a {
  color: #5167b9;
  text-decoration: underline;
}
.pankuzu .breadcrumb-list .index {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  column-gap: 0.32rem;
}
.pankuzu .breadcrumb-list .index::before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("/images/icon-home.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
.pankuzu .breadcrumb-list li:not(:last-child)::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("/images/breadcrumb-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .pankuzu .breadcrumb-list {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}

/*--------------------------------------
ページID
---------------------------------------*/
.basic_info_wp {
  text-align: right;
  margin-top: 2.4rem;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .basic_info_wp {
    margin-top: 1.6rem;
    flex-wrap: wrap;
  }
}
.basic_info_wp .pagenumber,
.basic_info_wp #date_area {
  font-size: 1.4rem;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .basic_info_wp .pagenumber,
  .basic_info_wp #date_area {
    font-size: 1.2rem;
  }
}
.basic_info_wp .wysiwyg_wp {
  width: 100%;
  text-align: left;
}
.basic_info_wp .wysiwyg_wp p {
  white-space: normal;
}
.basic_info_wp .update {
  white-space: nowrap;
}

/*--------------------------------------
下層フッター
---------------------------------------*/
.footer {
  background: linear-gradient(90deg, #16599b 0%, #4e89c2 100%);
}
.footer .gotop-btn {
  position: relative;
  padding-top: 7.6rem;
  margin-top: -7.6rem;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.footer .gotop-btn.show {
  opacity: 1;
}
.footer .gotop-btn a {
  position: absolute;
  top: 5.6rem;
  left: calc(100% - 2.5rem - 5.6rem);
  transform: translateY(-100%);
  width: 5.6rem;
  height: 5.6rem;
  display: block;
  border-radius: 50%;
  background-color: var(--color-primary);
  font-size: 1rem;
  text-decoration: none;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-primary);
  flex-direction: column;
  transition: opacity 0.2s ease-out;
}
.footer .gotop-btn a::before {
  content: "";
  width: 1.8rem;
  aspect-ratio: 1/1;
  background-image: url("/images/arrow-white.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  transform: rotate(-90deg);
}
@media (hover: hover) {
  .footer .gotop-btn a:hover {
    opacity: 0.8;
  }
}
.footer .gotop-btn.fixed a {
  position: fixed;
  top: auto;
  bottom: 2rem;
  right: 2.4rem;
  transform: translateY(0);
}
@media screen and (max-width: 767px) {
  .footer .gotop-btn.fixed a {
    bottom: 7.6rem;
  }
}
.footer .footer-content {
  padding: 4.8rem 0;
  color: var(--color-white);
  max-width: var(--container-width);
  width: 100%;
  display: flex;
  column-gap: 12rem;
}
@media screen and (max-width: 767px) {
  .footer .footer-content {
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    row-gap: 2.4rem;
  }
}
.footer .footer-content .address-area .u-std-14n-2 {
  text-decoration: none;
  pointer-events: none !important;
  text-decoration: none !important;
  color: #fff !important;
}
.footer .footer-content .address-area .u-std-14n-2 a {
  pointer-events: none !important;
  text-decoration: none !important;
  color: #fff !important;
}
.footer .footer-content .address-area p {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .footer .footer-content .address-area p {
    text-align: center;
  }
}
.footer .footer-content .address-area img {
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
  .footer .footer-content .address-area img {
    margin-bottom: 2.4rem;
  }
}
.footer .footer-content .address-area address {
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .footer .footer-content .address-area address {
    text-align: center;
  }
  .footer .footer-content .address-area address a {
    color: #fff !important;
  }
}
.footer .footer-content .footer-link-area {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
.footer .footer-content .footer-link-area li {
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .footer .footer-content .footer-link-area li {
    margin-bottom: 0.8rem;
  }
}
.footer .footer-content .footer-link-area li:last-child {
  margin-bottom: 0;
}
.footer .footer-content .footer-link-area li a::before {
  background-image: url("/images/icon-link-white.png");
}
@media (hover: hover) {
  .footer .footer-content .footer-link-area li a:hover::after {
    background-color: var(--color-white);
  }
}

/*--------------------------------------
災害緊急情報
---------------------------------------*/
#hatureizyouhou .haturei_wp {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  #hatureizyouhou .haturei_wp {
    margin-bottom: 1.6rem;
  }
}
#hatureizyouhou .haturei_wp .kinkyu {
  display: flex;
  box-shadow: var(--drop-shadow);
  position: relative;
}
@media screen and (max-width: 767px) {
  #hatureizyouhou .haturei_wp .kinkyu {
    flex-direction: column;
  }
}
#hatureizyouhou .haturei_wp .kinkyu .title-box {
  background-color: var(--color-background-info);
  border: 1.5px solid var(--color-background-info);
  border-top-left-radius: 1.6rem;
  border-bottom-left-radius: 1.6rem;
  padding: 1.28rem 1.28rem 1.28rem 1.6rem;
  margin: 0;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  color: var(--color-danger);
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 18.6rem;
}
#hatureizyouhou .haturei_wp .kinkyu .title-box h2 {
  position: relative;
  padding-left: 2.3rem;
  font-size: 1.6rem;
  margin: 0;
  display: inline-block;
}
#hatureizyouhou .haturei_wp .kinkyu .title-box h2::before {
  content: "";
  width: 2.3rem;
  aspect-ratio: 1/1;
  background-image: url("/images/important-title.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  #hatureizyouhou .haturei_wp .kinkyu .title-box {
    width: 100%;
    padding: 0.8rem;
    justify-content: center;
    border-top-left-radius: 1.6rem;
    border-top-right-radius: 1.6rem;
    border-bottom-left-radius: 0;
    flex-basis: 100%;
  }
}
#hatureizyouhou .haturei_wp .kinkyu ul {
  border-top-right-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
  border: 1.5px solid var(--color-background-info);
  background-color: rgba(255, 255, 255, 0.85);
  width: calc(100% - 18.6rem);
  margin: 0;
  padding-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  #hatureizyouhou .haturei_wp .kinkyu ul {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    border-bottom-left-radius: 1.6rem;
    border-bottom-right-radius: 1.6rem;
    border-top-right-radius: 0;
    width: 100%;
  }
}
#hatureizyouhou .haturei_wp .kinkyu ul li {
  margin-left: 1.6rem;
}
#hatureizyouhou .haturei_wp .kinkyu ul li:first-child {
  padding-top: 1.28rem;
}
#hatureizyouhou .haturei_wp .kinkyu .ichiran-all {
  position: absolute;
  bottom: 0rem;
  right: 2.4rem;
}

.kinkyu-message {
  width: 100%;
  padding: 1.6rem;
  border: 1.5px solid var(--color-background-info);
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: var(--drop-shadow);
}

/*--------------------------------------
2カラム（下層）
---------------------------------------*/
.column-area {
  max-width: 112rem;
  margin: 0 auto;
  display: flex;
  column-gap: 4rem;
}
@media screen and (max-width: 767px) {
  .column-area {
    flex-direction: column;
    row-gap: 4rem;
  }
}
.column-area .main-column {
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .column-area:has(aside) .main-column {
    max-width: none;
  }
}

.contents-aside {
  margin-top: 3.2rem;
  padding-bottom: 5.6rem;
  max-width: 30rem;
  width: 0;
}
@media screen and (min-width: 768px) {
  .contents-aside:not(:empty) {
    width: 30rem;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 767px) {
  .contents-aside {
    margin-top: 0;
    width: auto;
    max-width: none;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    padding-bottom: 9.8rem;
  }
}

/*--------------------------------------
汎用インデックス
---------------------------------------*/
.newinfo-title h2 {
  font-size: 3.2rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
}
@media screen and (max-width: 767px) {
  .newinfo-title h2 {
    text-align: center;
    font-size: 2.4rem;
  }
}

.info-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.info-list li {
  display: flex;
  column-gap: 3.2rem;
  padding: 1.6rem;
}
.info-list li:nth-child(odd) {
  background-color: var(--color-background-cell);
}
.info-list li:nth-child(even) {
  background-color: var(--color-white);
}
.info-list li .date {
  font-size: 1.4rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  width: 12.24rem;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .info-list li span:not(.date) {
    flex-basis: calc(100% - 12.24rem - 3.2rem);
  }
}
@media screen and (max-width: 767px) {
  .info-list li {
    flex-direction: column;
  }
}

.newinfo-box {
  margin-bottom: 8rem;
}
@media screen and (max-width: 767px) {
  .newinfo-box {
    overflow-x: hidden;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    margin: 0 -1.6rem 2.4rem -1.6rem;
  }
}
.newinfo-box .ichiran-all {
  text-align: center;
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .newinfo-box .ichiran-all {
    margin-top: 2.4rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
.newinfo-box .ichiran-all a {
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}

.menulist3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .menulist3 {
    grid-template-columns: 1fr;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    margin-bottom: 1.6rem;
    gap: 1.6rem;
  }
}
.menulist3 .m-box3:has(.img-area, .m-title, .txt-box) {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-row: subgrid;
  gap: 1.2rem;
  border: 1.5px solid var(--color-primary);
  padding: 1.6rem;
  border-radius: 0.8rem;
}
@media screen and (max-width: 767px) {
  .menulist3 .m-box3:has(.img-area, .m-title, .txt-box) {
    grid-row: auto;
  }
}
.menulist3 .img-area {
  width: 40px;
  align-items: center;
  display: block;
  border-radius: 0.4rem;
  overflow: hidden;
}
.menulist3 .img-area img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  align-items: center;
  margin-right: 1.2rem;
}
.menulist3 .m-title {
  display: flex;
  align-items: center;
}
.menulist3 .m-title > div {
  width: 100%;
}
.menulist3 .m-title h2 {
  margin: 0;
}
.menulist3 .m-title h2 a {
  width: 100%;
  display: block;
  font-size: 1.6rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  color: var(--color-text);
  text-decoration: none;
  padding-right: 2.4rem;
  position: relative;
}
.menulist3 .m-title h2 a::after {
  content: "";
  width: 2.4rem;
  aspect-ratio: 1/1;
  background-image: url("/images/icon-link.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (hover: hover) {
  .menulist3 .m-title h2 a:hover {
    text-decoration: underline;
  }
}
.menulist3 .txt-box {
  position: relative;
  grid-column: 1/3;
  padding-top: 1.6rem;
}
.menulist3 .txt-box::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%223%22%20viewBox%3D%220%200%206%203%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220.75%22%20y%3D%222.25%22%20width%3D%222%22%20height%3D%223%22%20rx%3D%221%22%20transform%3D%22rotate(-90%200.75%202.25)%22%20fill%3D%22%23C2C2C2%22%2F%3E%3C%2Fsvg%3E");
  background-size: 5px 2px;
  background-repeat: repeat-x;
  background-position: 0 0;
  top: 0;
  left: 0;
}
.menulist3 .txt-box p {
  margin-top: 0;
  font-size: 1.4rem;
}

.main-column {
  margin-top: 0.8rem;
  padding-bottom: 5.6rem;
}
@media screen and (max-width: 767px) {
  .main-column {
    padding-bottom: 0;
  }
}

/*--------------------------------------
サイドカラム
---------------------------------------*/
.lobgbox {
  background-color: #f0f5f8;
  padding: 1.6rem;
  border-radius: 0.8rem;
  margin-bottom: 1.6rem;
}
.lobgbox .lobgbox-title {
  position: relative;
}
@media screen and (max-width: 767px) {
  .lobgbox .lobgbox-title {
    display: flex;
    padding-right: 2.4rem;
  }
}
.lobgbox .lobgbox-title h2 {
  margin: 0;
  display: flex;
  align-items: center;
  column-gap: 1.6rem;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .lobgbox .lobgbox-title h2 {
    flex-grow: 1;
    font-size: 1.8rem;
  }
}
.lobgbox .lobgbox-title .lobox_img {
  display: flex;
  align-items: center;
  column-gap: 1.6rem;
}
.lobgbox ul {
  position: relative;
  list-style-type: none;
  padding: 0;
  padding-top: 1.6rem;
  margin: 0 -1.6rem;
}
.lobgbox ul::before {
  content: "";
  width: calc(100% - 3.2rem);
  height: 2px;
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%223%22%20viewBox%3D%220%200%206%203%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220.75%22%20y%3D%222.25%22%20width%3D%222%22%20height%3D%223%22%20rx%3D%221%22%20transform%3D%22rotate(-90%200.75%202.25)%22%20fill%3D%22%23C2C2C2%22%2F%3E%3C%2Fsvg%3E");
  background-size: 5px 2px;
  background-repeat: repeat-x;
  background-position: 0 0;
  top: 1.6rem;
  left: 1.6rem;
}
.lobgbox ul li a,
.lobgbox ul li span {
  width: 100%;
  display: block;
  padding: 1.6rem 5rem 1.6rem 1.6rem;
  position: relative;
  color: var(--color-text);
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  transition: background-color 0.2s ease-out;
}
.lobgbox ul li a::after,
.lobgbox ul li span::after {
  content: "";
  width: 1.8rem;
  aspect-ratio: 1/1;
  background-image: url("/images/arrow-blue.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
}
@media (hover: hover) {
  .lobgbox ul li a:hover,
  .lobgbox ul li span:hover {
    background-color: var(--color-background-base);
  }
}
.lobgbox ul li span {
  background: var(--primary-grad);
  color: var(--color-white);
}
.lobgbox ul li span::after {
  content: none;
}

.side-accodion-btn {
  appearance: none;
  display: flex;
  align-items: center;
  padding: 0.8rem 0;
  background-color: var(--color-white);
  border: 1.5px solid var(--color-primary);
  border-radius: 0.4rem;
  transition: background-color 0.2s ease-out;
  width: 21.4rem;
  margin: 0.8rem auto;
}
.side-accodion-btn span {
  display: block;
  width: 100%;
  padding: 0 1.8rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
}
.side-accodion-btn span.open {
  position: relative;
}
.side-accodion-btn span.open::after {
  content: "";
  width: 1.8rem;
  aspect-ratio: 1/1;
  background-image: url("/images/btn-icon-plus.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.8rem;
}
.side-accodion-btn span.close {
  position: relative;
}
.side-accodion-btn span.close::after {
  content: "";
  width: 1.8rem;
  aspect-ratio: 1/1;
  background-image: url("/images/btn-icon-minus.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.8rem;
}
@media (hover: hover) {
  .side-accodion-btn:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
  .side-accodion-btn:hover .open::after {
    background-image: url("/images/btn-icon-plus-white.png");
  }
}

.switch-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  appearance: none;
  border: 1px solid transparent;
  background: none;
}
.switch-btn img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.switch-btn[aria-expanded=false] .open {
  display: inline-block;
}
.switch-btn[aria-expanded=false] .close {
  display: none;
}
.switch-btn[aria-expanded=true] .open {
  display: none;
}
.switch-btn[aria-expanded=true] .close {
  display: inline-block;
}

.side-banner {
  margin-bottom: 1.6rem;
}
.side-banner img {
  max-width: 300px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .side-banner img {
    max-width: 100%;
  }
}
.side-banner a {
  display: block;
}
.side-banner .caption {
  text-align: center;
  margin-top: 0.8rem;
  font-size: 1.8rem;
  color: var(--color-text);
}

.search-link-btn {
  display: flex;
  column-gap: 1.6rem;
  align-items: center;
  padding-left: 1.6rem;
}

/*--------------------------------------
汎用コンテンツパーツ
---------------------------------------*/
.layer-content .basic_info_wp {
  display: flex;
  justify-content: flex-end;
  column-gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .layer-content .basic_info_wp {
    column-gap: 1.6rem;
  }
}
.layer-content .h1bg {
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  padding: 4.8rem 0;
  color: var(--color-text);
  background: var(--color-background-base);
}
.layer-content .h1bg div {
  max-width: 112rem;
  margin: 0 auto;
}
.layer-content .h1bg div h1 {
  font-size: 3.8rem;
  padding-left: 2.8rem;
  position: relative;
  margin: 0;
  background: transparent;
  color: inherit;
  line-height: 1.6;
  padding-top: 0;
  padding-bottom: 0;
}
.layer-content .h1bg div h1::before {
  content: "";
  width: 0.8rem;
  height: calc(100% - 2rem);
  border-radius: 50rem;
  background-color: var(--color-primary);
  position: absolute;
  top: 1rem;
  left: 0;
}
@media screen and (max-width: 767px) {
  .layer-content .h1bg div h1 {
    font-size: 2.4rem;
    padding: 0 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .layer-content .h1bg {
    padding: 2.4rem 1.6rem;
  }
}
.layer-content .h2bg {
  background-color: var(--color-background-cell);
  margin-bottom: 1.6rem;
}
.layer-content .h2bg div {
  padding: 0.8rem 1.6rem;
  position: relative;
}
.layer-content .h2bg div::after {
  content: "";
  width: 16rem;
  height: 3px;
  border-top-right-radius: 50rem;
  border-bottom-right-radius: 50rem;
  background-color: var(--color-primary);
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .layer-content .h2bg div::after {
    width: 12rem;
  }
}
.layer-content .h2bg div h2 {
  font-size: 2rem;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .layer-content .h2bg div h2 {
    font-size: 1.8rem;
  }
}
.layer-content .h3bg {
  position: relative;
  margin-bottom: 1.6rem;
  padding-bottom: 0.8rem;
}
.layer-content .h3bg::after {
  content: "";
  width: 100%;
  height: 2px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%225%22%20height%3D%222%22%20viewBox%3D%220%200%205%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%223%22%20height%3D%222%22%20rx%3D%221%22%20fill%3D%22%2316599B%22%2F%3E%3C%2Fsvg%3E");
  background-size: 5px 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.layer-content .h3bg div {
  padding: 0 1.6rem;
  position: relative;
}
.layer-content .h3bg div::before {
  content: "";
  width: 2px;
  height: 100%;
  border-radius: 50rem;
  background-color: var(--color-primary);
  position: absolute;
  top: 0;
  left: 0.4rem;
}
.layer-content .h3bg div h3 {
  font-size: 1.8rem;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .layer-content .h3bg div h3 {
    font-size: 1.6rem;
  }
}
.layer-content .h4bg {
  background-color: var(--color-background-cell);
  margin-bottom: 1.6rem;
}
.layer-content .h4bg div {
  padding: 0 1.6rem;
  position: relative;
}
.layer-content .h4bg div::before {
  content: "";
  width: 2px;
  height: calc(100% - 1.5rem);
  border-radius: 50rem;
  background-color: var(--color-background-wave);
  position: absolute;
  top: 0.75rem;
  left: 0.4rem;
}
.layer-content .h4bg div h4 {
  font-size: 1.7rem;
  padding: 0.8rem 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .layer-content .h4bg div h4 {
    font-size: 1.6rem;
  }
}
.layer-content .h5bg {
  margin-bottom: 1.6rem;
}
.layer-content .h5bg div {
  padding: 0 1.6rem;
  position: relative;
}
.layer-content .h5bg div::before {
  content: "";
  width: 2px;
  height: calc(100% - 1.5rem);
  border-radius: 50rem;
  background-color: #c2c2c2;
  position: absolute;
  top: 0.75rem;
  left: 0.4rem;
}
.layer-content .h5bg div h5 {
  font-size: 1.6rem;
  padding: 0.8rem 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .layer-content .wysiwyg_wp p {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
.layer-content .wysiwyg_wp ul,
.layer-content .wysiwyg_wp ol {
  margin-bottom: 1.6rem;
  padding-left: 2rem;
}
.layer-content .wysiwyg_wp ul {
  overflow: visible;
  list-style-type: disc;
}
.layer-content .wysiwyg_wp ul li {
  color: var(--ui-text-color);
  list-style-type: disc;
  padding-left: 0;
  background-image: none;
}
.layer-content .wysiwyg_wp ol {
  padding-left: 3rem;
}
.layer-content .wysiwyg_wp ol li {
  margin-left: 0;
}
.layer-content .wysiwyg_wp .img-only,
.layer-content .wysiwyg_wp .img-center,
.layer-content .wysiwyg_wp .img-left,
.layer-content .wysiwyg_wp .img-right {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  width: fit-content;
  display: table;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .layer-content .wysiwyg_wp .img-only,
  .layer-content .wysiwyg_wp .img-center,
  .layer-content .wysiwyg_wp .img-left,
  .layer-content .wysiwyg_wp .img-right {
    padding-left: 0;
    padding-right: 0;
  }
}
.layer-content .wysiwyg_wp .img-only img,
.layer-content .wysiwyg_wp .img-center img,
.layer-content .wysiwyg_wp .img-left img,
.layer-content .wysiwyg_wp .img-right img {
  max-width: 100%;
  height: auto;
}
.layer-content .wysiwyg_wp .img-only span,
.layer-content .wysiwyg_wp .img-center span,
.layer-content .wysiwyg_wp .img-left span,
.layer-content .wysiwyg_wp .img-right span {
  display: block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .layer-content .wysiwyg_wp .img-only,
  .layer-content .wysiwyg_wp .img-center,
  .layer-content .wysiwyg_wp .img-left,
  .layer-content .wysiwyg_wp .img-right {
    float: none;
  }
}
.layer-content .wysiwyg_wp .img-center {
  margin-left: auto;
  margin-right: auto;
}
.layer-content .wysiwyg_wp .img-left {
  float: left;
  text-align: center;
  clear: none;
}
.layer-content .wysiwyg_wp .img-right {
  float: right;
  text-align: center;
  clear: none;
}
.layer-content .wysiwyg_wp .wysiwyg_wp {
  clear: both;
}
.layer-content .wysiwyg_wp .wysiwyg_wp:before,
.layer-content .wysiwyg_wp .wysiwyg_wp:after {
  content: "";
  display: table;
}
.layer-content .wysiwyg_wp .wysiwyg_wp::after {
  clear: both;
}
.layer-content .t-box,
.layer-content .t-box2 {
  margin: 1.6rem auto;
  width: 100%;
  max-width: calc(100vw - 3.2rem);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .layer-content .t-box,
  .layer-content .t-box2 {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
.layer-content .t-box .table01,
.layer-content .t-box2 .table01 {
  font-size: 1.4rem;
  margin: 0;
  border: 1.5px solid var(--color-primary);
}
.layer-content .t-box .table01 th,
.layer-content .t-box2 .table01 th {
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  padding: 0.5rem 1.6rem;
  background-color: var(--color-background-base);
  border: 1.5px solid var(--color-primary);
}
.layer-content .t-box .table01 td,
.layer-content .t-box2 .table01 td {
  padding: 0.5rem 1.6rem;
  border: 1.5px solid var(--color-primary);
}
.layer-content .t-box .table01 caption,
.layer-content .t-box2 .table01 caption {
  padding-top: 0;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
}
.layer-content .t-box > .wysiwyg_wp,
.layer-content .t-box2 > .wysiwyg_wp {
  margin-top: 1.6rem;
}
.layer-content .t-box p,
.layer-content .t-box2 p {
  margin-left: 0;
}
.layer-content .t-box .scroll_table_switch,
.layer-content .t-box2 .scroll_table_switch {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1.6rem;
}
.layer-content .t-box .scroll_table_switch a,
.layer-content .t-box2 .scroll_table_switch a {
  padding: 1.3rem 1.6rem;
  border-radius: 0.8rem;
  color: var(--color-text);
  border: 1.5px solid var(--color-primary);
  display: inline-flex;
  text-decoration: none;
  font-size: 1.4rem;
  text-decoration: none;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  column-gap: 0.8rem;
  align-items: center;
}
.layer-content .t-box .scroll_table_switch a::after,
.layer-content .t-box2 .scroll_table_switch a::after {
  content: "";
  width: 2.4rem;
  aspect-ratio: 1/1;
  background-image: url("/images/icon-scroll.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.layer-content .t-box .scroll_table_switch a.scroll::after,
.layer-content .t-box2 .scroll_table_switch a.scroll::after {
  background-image: url("/images/icon-fit.png");
}
.layer-content .img-area {
  margin-top: 1.6rem;
  clear: both;
}
.layer-content .img-area p {
  padding: 0;
  margin-bottom: 1.6rem;
}
.layer-content .img-area a {
  display: block;
}
.layer-content .img-area span {
  display: table-caption;
  caption-side: bottom;
  font-size: 1.2rem;
  text-align: center;
  margin-top: 0.8rem;
}
.layer-content .img-area .img-left,
.layer-content .img-area .img-right,
.layer-content .img-area .img-center {
  width: fit-content;
  display: table;
}
.layer-content .img-area .img-left {
  margin-right: auto;
}
.layer-content .img-area .img-center {
  margin-left: auto;
  margin-right: auto;
}
.layer-content .img-area .img-right {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .layer-content .img-area .img-left,
  .layer-content .img-area .img-right {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
.layer-content .img-area img {
  max-width: 100%;
  height: auto;
}
.layer-content p.filelink {
  position: relative;
  margin: 1.6rem 0;
  background-image: none;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .layer-content p.filelink {
    padding: 0 1.6rem;
  }
}
.layer-content p.filelink > img {
  position: absolute;
  top: 0;
  left: 0;
}
.layer-content p.filelink a {
  display: inline-block;
  padding-left: 3.4rem;
  background-image: url("/images/icon-download.png");
  background-size: 3rem auto;
  background-repeat: no-repeat;
  background-position: left 4px;
}
.layer-content p.filelink a[href$=".pdf"] {
  background-image: url("/images/icon-pdf.png");
}
.layer-content p.filelink a[href$=".doc"], .layer-content p.filelink a[href$=".docx"] {
  background-image: url("/images/icon-word.png");
}
.layer-content p.filelink a[href$=".xls"], .layer-content p.filelink a[href$=".xlsx"] {
  background-image: url("/images/icon-excel.png");
}
.layer-content p.linktxt {
  margin-left: 0;
}
.layer-content p.innerLink,
.layer-content p.externalLink,
.layer-content li.innerLink,
.layer-content li.externalLink {
  margin: 1.6rem 0;
  padding: 0;
  position: relative;
}
.layer-content p.innerLink a,
.layer-content p.externalLink a,
.layer-content li.innerLink a,
.layer-content li.externalLink a {
  display: inline-block;
  background-image: url("/images/arrow-blue.png");
  padding-left: 2.4rem;
  background-size: 1.8rem;
  background-position: 3px 0.15em;
  background-repeat: no-repeat;
}
.layer-content p.innerLink > img,
.layer-content p.externalLink > img,
.layer-content li.innerLink > img,
.layer-content li.externalLink > img {
  position: absolute;
  top: 0;
  left: 0;
}
.layer-content p.externalLink a,
.layer-content li.externalLink a {
  background-image: url("/images/icon-link-external-blue.png");
  background-size: 1.6rem;
  background-position: 4px 4px;
}
.layer-content ul.linkjump {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  margin: 1.6rem 0 1.6rem 0;
  list-style-type: none;
  padding-left: 0;
}
.layer-content ul.linkjump li {
  padding-left: 2.4rem;
  margin: 0;
  float: none;
  position: relative;
}
.layer-content ul.linkjump li::before {
  content: "";
  width: 1.6rem;
  aspect-ratio: 1/1;
  background-image: url("/images/arrow-blue.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0.4rem;
  top: 0.6rem;
  transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .layer-content ul.linkjump li {
    white-space: wrap;
  }
}
.layer-content .img-area {
  display: flex;
  column-gap: 1.6rem;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .layer-content .img-area {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
.layer-content .img-area .imglink-side2 {
  display: table;
  max-width: calc(50% - 0.8rem);
}
.layer-content .img-area .imglink-side2 img {
  max-width: 100%;
  height: auto;
}
.layer-content .img-area .imglink-side2 a + br {
  display: none;
}
.layer-content .img-area .imglink-side2 span {
  margin-left: 0;
  display: table-caption;
  caption-side: bottom;
}
@media screen and (max-width: 767px) {
  .layer-content .img-area .imglink-side2 {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .layer-content .img-area {
    display: block !important;
  }
}
.layer-content .img-area {
  display: flex;
  column-gap: 1.6rem;
  align-items: flex-start;
}
.layer-content .img-area .imglink-side3 {
  display: table;
  max-width: calc((100% - 3.2rem) / 3);
}
.layer-content .img-area .imglink-side3 img {
  max-width: 100%;
  margin-left: 0;
  height: auto;
}
.layer-content .img-area .imglink-side3 a + br {
  display: none;
}
.layer-content .img-area .imglink-side3 span {
  display: table-caption;
  caption-side: bottom;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .layer-content .img-area .imglink-side3 {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .layer-content .img-area {
    display: block !important;
  }
}
.layer-content .img-area-l {
  margin-top: 1.6rem;
  clear: both;
}
@media screen and (min-width: 768px) {
  .layer-content .img-area-l {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
.layer-content .img-area-l .imglink-txt-left {
  display: table;
  max-width: calc(50% - 1.6rem);
  float: left;
  margin-right: 1.6rem;
}
.layer-content .img-area-l .imglink-txt-left img {
  max-width: 100%;
  height: auto;
  margin: 0;
}
.layer-content .img-area-l .imglink-txt-left span {
  margin: 0;
  display: table-caption;
  caption-side: bottom;
  font-size: 1.2rem;
  text-align: center;
}
.layer-content .img-area-l .imglink-txt-left a {
  display: block;
}
.layer-content .img-area-l .imglink-txt-left br {
  display: none;
}
.layer-content .img-area-l .imglink-txt-left::before {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 767px) {
  .layer-content .img-area-l .imglink-txt-left {
    float: none;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .layer-content .img-area-l::after {
    content: "";
    display: table;
    clear: both;
  }
}
.layer-content .img-area-r {
  margin-top: 1.6rem;
  clear: both;
}
@media screen and (min-width: 768px) {
  .layer-content .img-area-r {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
.layer-content .img-area-r .imglink-txt-right {
  display: table;
  max-width: calc(50% - 1.6rem);
  margin-left: 1.6rem;
  margin-bottom: 1.6rem;
  float: right;
}
.layer-content .img-area-r .imglink-txt-right img {
  max-width: 100%;
  height: auto;
  margin: 0;
}
.layer-content .img-area-r .imglink-txt-right span {
  margin: 0;
  display: table-caption;
  caption-side: bottom;
  font-size: 1.2rem;
  text-align: center;
}
.layer-content .img-area-r .imglink-txt-right a {
  display: block;
}
.layer-content .img-area-r .imglink-txt-right br {
  display: none;
}
@media screen and (max-width: 767px) {
  .layer-content .img-area-r .imglink-txt-right {
    float: none;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .layer-content .img-area-r::after {
    content: "";
    display: table;
    clear: both;
  }
}
.layer-content .insertfile {
  margin: 1.6rem 0;
}
@media screen and (max-width: 767px) {
  .layer-content .insertfile iframe {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .layer-content .youtube {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .layer-content .youtube {
    width: 100%;
  }
}
.layer-content .youtube iframe {
  max-width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  position: relative;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .layer-content .thumbnail {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
.layer-content .thumbnail:has(.img-thumbnail01-left) {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
  display: flex;
  column-gap: 1.6rem;
  align-items: flex-start;
}
.layer-content .thumbnail:has(.img-thumbnail01-left) .img-thumbnail01-left {
  display: table;
  width: fit-content;
  max-width: calc((100% - 4.8rem) / 4);
}
.layer-content .thumbnail:has(.img-thumbnail01-left) .img-thumbnail01-left img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.layer-content .thumbnail:has(.img-thumbnail01-left) .img-thumbnail01-left span {
  margin: 0;
  display: table-caption;
  caption-side: bottom;
  font-size: 1.2rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .layer-content .thumbnail:has(.img-thumbnail01-left) .img-thumbnail01-left {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .layer-content .thumbnail:has(.img-thumbnail01-left) {
    flex-direction: column;
    justify-content: center;
    row-gap: 1.6rem;
  }
}
.layer-content .thumbnail:has(.img-thumbnail02-left) {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
  display: flex;
  column-gap: 1.6rem;
  align-items: flex-start;
}
.layer-content .thumbnail:has(.img-thumbnail02-left) .img-thumbnail02-left {
  display: table;
  width: fit-content;
  max-width: calc((100% - 6.4rem) / 5);
}
.layer-content .thumbnail:has(.img-thumbnail02-left) .img-thumbnail02-left img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.layer-content .thumbnail:has(.img-thumbnail02-left) .img-thumbnail02-left .wysiwyg_wp {
  margin: 0;
  display: table-caption;
  caption-side: bottom;
  font-size: 1.2rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .layer-content .thumbnail:has(.img-thumbnail02-left) .img-thumbnail02-left {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .layer-content .thumbnail:has(.img-thumbnail02-left) {
    flex-direction: column;
    justify-content: center;
    row-gap: 1.6rem;
  }
}

/*-------------------------------
お問い合わせ
--------------------------------*/
.contact {
  padding: 2.4rem 1.6rem;
  border: 1.5px solid #c2c2c2;
  border-radius: 0.8rem;
  margin: 2.4rem 0;
}
.contact h2 {
  font-size: 2rem;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .contact h2 {
    font-size: 1.8rem;
  }
}
.contact p {
  margin-top: 1.6rem;
  margin-bottom: 0;
}

/*-------------------------------
feedback
--------------------------------*/
.feedback {
  padding: 2.4rem 1.6rem;
  border: 1.5px solid #c2c2c2;
  border-radius: 0.8rem;
  margin: 2.4rem 0;
  position: relative;
}
.feedback h2 {
  font-size: 2rem;
  margin: 0;
  padding-right: 2.4rem;
}
@media screen and (max-width: 767px) {
  .feedback h2 {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px) {
  .feedback .feedback-toggle + p {
    padding-right: 2.4rem;
  }
}
.feedback p {
  margin: 0;
}
.feedback fieldset {
  border: 0;
  padding: 0;
  margin: 1.6rem 0;
}
.feedback fieldset legend {
  color: var(--color-primary);
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
}
.feedback fieldset .fedd {
  margin-top: 0.8rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.feedback fieldset .fedd input {
  margin: 0px 3px 0px 3px;
}
@media screen and (max-width: 767px) {
  .feedback fieldset .fedd input {
    vertical-align: middle;
  }
}
@media screen and (max-width: 767px) {
  .feedback fieldset .fedd input:first-child {
    margin-left: 7px;
  }
}
.feedback fieldset .fedd label {
  margin-right: 3.2rem;
}
.feedback fieldset .fedd label:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .feedback fieldset .fedd label {
    margin-right: 0;
  }
  .feedback fieldset .fedd label::after {
    content: "";
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .feedback fieldset .fedd {
    display: block;
    text-indent: -4.6rem;
    padding-left: 4.6rem;
  }
}
.feedback .submitbox input[type=submit] {
  border: 1.5px solid var(--color-primary);
  color: var(--color-text);
  background-color: var(--color-white);
  border-radius: 0.8rem;
  padding: 1.6rem 3.2rem;
  width: 16rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  cursor: pointer;
  transition: all 0.2s ease-out;
}
@media (hover: hover) {
  .feedback .submitbox input[type=submit]:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}
@media screen and (max-width: 767px) {
  .feedback .submitbox input[type=submit] {
    width: 100%;
    padding: 1.2rem 0;
  }
}
.feedback .feedback-toggle {
  position: absolute;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  right: 1.6rem;
  top: 2.8rem;
}
@media screen and (min-width: 768px) {
  .feedback .feedback-toggle {
    top: 4.2rem;
  }
}
.feedback .feedback-toggle[aria-expanded=false] {
  background-image: url("/images/btn-icon-plus.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.feedback .feedback-toggle[aria-expanded=true] {
  background-image: url("/images/btn-icon-minus.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .feedback .feedback-toggle {
    right: 0;
    top: 1.6rem;
    width: 100%;
    height: 4rem;
    background-size: 2.4rem !important;
    background-position: right 1.6rem top 1rem !important;
  }
}

/*----------------------------------------
インデックスパーツ
-----------------------------------------*/
.norcor,
.site-li-1.site-li-1 {
  margin-top: 1.6rem;
}

.norcor {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.norcor li {
  margin-bottom: 1.6rem;
}
.norcor li a:not([href$="/index.html"]) {
  background-image: url("/images/icon-index-doc.png");
  background-repeat: no-repeat;
  padding-left: 2.4rem;
  background-size: 1.8rem;
  background-position: 3px 0.15em;
  display: inline-block;
}
.norcor li a:is([href$="/index.html"]) {
  background-image: url("/images/icon-index-file.png");
  background-repeat: no-repeat;
  padding-left: 2.4rem;
  background-size: 1.8rem;
  background-position: 3px 0.15em;
  display: inline-block;
}

.site-li.site-li {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  margin-top: 1.6rem;
}
.site-li.site-li li {
  margin-bottom: 1.6rem;
}
.site-li.site-li li a:not([href$="/index.html"]) {
  background-image: url("/images/icon-index-doc.png");
  background-repeat: no-repeat;
  padding-left: 2.4rem;
  background-size: 1.8rem;
  background-position: 3px 0.15em;
  display: inline-block;
}
.site-li.site-li li a:is([href$="/index.html"]) {
  background-image: url("/images/icon-index-file.png");
  background-repeat: no-repeat;
  padding-left: 2.4rem;
  background-size: 1.8rem;
  background-position: 3px 0.15em;
  display: inline-block;
}

.m-title:not(.w-image) > div h2 {
  font-size: 1.6rem;
  margin: 0;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
}
.m-title:not(.w-image) > div h2 a {
  color: var(--color-text);
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 2rem 5.6rem 2rem 3.2rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  background-color: var(--color-white);
  border-radius: 0.8rem;
  border: 1.5px solid var(--color-primary);
  position: relative;
  transition: background-color 0.2s ease-out, color 0.2s ease-in-out;
}
.m-title:not(.w-image) > div h2 a::after {
  content: "";
  width: 2.4rem;
  aspect-ratio: 1/1;
  background-image: url("/images/icon-link.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 2.4rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (hover: hover) {
  .m-title:not(.w-image) > div h2 a:hover {
    color: var(--color-white);
    background-color: var(--color-primary);
  }
  .m-title:not(.w-image) > div h2 a:hover::after {
    background-image: url("/images/icon-link-white.png");
  }
}
@media screen and (max-width: 767px) {
  .m-title:not(.w-image) div {
    display: flex;
    column-gap: 0.8rem;
  }
  .m-title:not(.w-image) div h2 {
    flex-grow: 1;
  }
  .m-title:not(.w-image) div h2 a::after {
    background-image: url("/images/arrow-blue.png");
  }
}
@media screen and (max-width: 767px) and (hover: hover) {
  .m-title:not(.w-image) div h2 a:hover::after {
    background-image: url("/images/arrow-white.png");
    background-size: 1.8rem auto;
  }
}
@media screen and (max-width: 767px) {
  .m-title:not(.w-image) div .switch_btn {
    display: flex !important;
    background-color: var(--color-white);
    border: 1.5px solid var(--color-primary);
    width: 5.6rem;
    align-items: center;
    justify-content: center;
    flex-shrink: 1;
    border-radius: 0.8rem;
    min-width: 5.6rem;
  }
  .m-title:not(.w-image) div .switch_btn img {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.m-title.one-column {
  margin-bottom: 1.6rem;
}

.site-li-1 {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.6rem;
  row-gap: 0.8rem;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
}
.site-li-1 li {
  display: inline-flex;
  column-gap: 1.6rem;
  margin: 0.5rem 0;
  line-height: 1.5;
}
.site-li-1 li::after {
  display: block;
  content: "";
  width: 2.5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%222%22%20height%3D%225%22%20viewBox%3D%220%200%202%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%222%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%23C2C2C2%22%2F%3E%3C%2Fsvg%3E");
  background-size: 2px 5px;
  background-repeat: repeat-y;
  background-position: 0 -1px;
  padding-left: 0.4rem;
}
@media screen and (max-width: 767px) {
  .site-li-1 li::after {
    padding-left: 1.6rem;
  }
}
.site-li-1 li:last-child::after {
  display: none;
}

.menulist {
  margin: 2.4rem 0;
  display: flex;
  column-gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .menulist {
    margin: 1.6rem 0;
  }
}
.menulist .m-box2 {
  width: 50%;
}
.menulist .m-box3 {
  width: 33.3333333333%;
}
@media screen and (max-width: 767px) {
  .menulist {
    flex-direction: column;
    row-gap: 1.6rem;
  }
  .menulist .m-box2 {
    width: 100% !important;
  }
  .menulist .m-box3 {
    width: 100% !important;
  }
}

.menulist2 {
  display: flex;
  width: 100%;
  column-gap: 2.4rem;
}
.menulist2 .m-box2 {
  flex-basis: 50%;
}
.menulist2 .m-box2 .m-title + .img-area-l {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .menulist2 {
    flex-direction: column;
  }
  .menulist2 .m-box2 {
    flex-basis: 100%;
  }
}

.thumb-box {
  display: flex;
  column-gap: 1.6rem;
}
.thumb-box .boximg {
  text-align: center;
  max-width: 50%;
}
@media screen and (max-width: 767px) {
  .thumb-box .boximg {
    max-width: 100%;
  }
}
.thumb-box .boximg img {
  width: auto;
  height: auto;
}
@media screen and (max-width: 767px) {
  .thumb-box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 1.6rem;
  }
}

div.thumb-box {
  margin: 1rem 0;
  padding: 0.8rem 0;
  border-bottom: 1px dotted #cdcdcd;
}

div.thumb-box div.boxtxt {
  margin: 4px 0 0 10px;
}

div.thumb-box h3 {
  margin: 0.6em 0 0.5rem 2px;
  padding: 1px 0 1px 12px;
  border-bottom: none;
}

div.thumb-box .h3bg {
  margin-bottom: 1rem;
}

div.thumb-box p {
  margin: 0.56em 5px 0.56em 2px;
}

@media screen and (max-width: 767px) {
  .site-li-1,
  .site-li {
    display: none;
  }
}

.newWindow {
  position: relative;
}
.newWindow .img-guidance {
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 768px) {
  div.map-area div.markernav,
  div.markernav img,
  div.map-area div.h2bg,
  div.map-area div.h3bg,
  div.map-area div.h4bg,
  div.map-area ul,
  div.map-area ol,
  div.img-area-l div.h2bg,
  div.img-area-l div.h3bg,
  div.img-area-l div.h4bg,
  div.img-area-l ul,
  div.img-area-l ol,
  div.img-area-r div.h2bg,
  div.img-area-r div.h3bg,
  div.img-area-r div.h4bg,
  div.img-area-r ul,
  div.img-area-r ol {
    overflow: hidden;
  }
}
.subimg-area {
  display: flex;
  column-gap: 1.6rem;
  margin-bottom: 1.6rem;
}
.subimg-area .imglink-sub3 {
  width: auto;
  max-width: 24rem;
  margin: 0;
}
.subimg-area .imglink-sub3 img {
  max-width: 100%;
  height: auto;
}
.subimg-area .imglink-sub3 a {
  display: block;
}
@media screen and (max-width: 767px) {
  .subimg-area {
    flex-direction: column;
    row-gap: 1.6rem;
    align-items: center;
  }
}

.no-list {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}

.wysiwyg_wp {
  margin-bottom: 1.6rem;
}
.wysiwyg_wp * {
  margin-top: 0;
}
.wysiwyg_wp *:last-child {
  margin-bottom: 0;
}

.innerLink + .linktxt {
  margin-top: 0;
}

.newWindow + .linktxt {
  margin-top: 0;
}

.externalLink + .linktxt {
  margin-top: 0;
}

/*---------------------------------------
TOPページ
-----------------------------------------*/
.top-page {
  background-color: var(--color-background-base);
}

.main-visual {
  position: relative;
  z-index: 1;
}

.important-area {
  display: flex;
  margin-bottom: 4rem;
  box-shadow: var(--drop-shadow);
}
.important-area.last {
  margin-top: 0;
  margin-bottom: 0;
}
.important-area.last ~ .important-area.last {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .important-area.last ~ .important-area.last {
    margin-top: 1.6rem;
  }
}
.important-area .important-title {
  background-color: var(--color-background-info);
  border: 1.5px solid var(--color-background-info);
  border-top-left-radius: 1.6rem;
  border-bottom-left-radius: 1.6rem;
  padding: 1.28rem 1.28rem 1.28rem 1.6rem;
  margin: 0;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  color: var(--color-danger);
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 18.6rem;
}
.important-area .important-title span {
  position: relative;
  padding-left: 2.6rem;
  display: inline-block;
  max-width: 18.6rem;
}
.important-area .important-title span::before {
  content: "";
  width: 2.3rem;
  aspect-ratio: 1/1;
  background-image: url("/images/important-title.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .important-area .important-title span {
    max-width: none;
    padding-left: 0;
  }
  .important-area .important-title span::before {
    margin-right: 0.3rem;
    display: inline-block;
    position: static;
    transform: none;
    margin-bottom: -0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .important-area .important-title {
    width: 100%;
    padding: 0.8rem;
    justify-content: center;
    border-top-left-radius: 1.6rem;
    border-top-right-radius: 1.6rem;
    border-bottom-left-radius: 0;
    flex-basis: 100%;
  }
}
.important-area .wysiwyg_wp {
  flex-grow: 1;
  margin-bottom: 0;
  padding: 1.6rem 2.4rem;
  border-top-right-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
  border: 1.5px solid var(--color-background-info);
  background-color: rgba(255, 255, 255, 0.85);
}
@media screen and (max-width: 767px) {
  .important-area .wysiwyg_wp {
    padding: 1.6rem;
    border-bottom-left-radius: 1.6rem;
    border-bottom-right-radius: 1.6rem;
    border-top-right-radius: 0;
  }
}
@media screen and (max-width: 767px) {
  .important-area {
    flex-direction: column;
    margin-bottom: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .important-btn-area.important-btn-area {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    display: flex !important;
    column-gap: 0.8rem;
    row-gap: 0.8rem;
    flex-wrap: wrap;
  }
  .important-btn-area.important-btn-area a {
    width: 50%;
    flex-basis: calc((100% - 0.8rem) / 2);
    flex-grow: 1;
    white-space: nowrap;
  }
}

.anshin-box {
  display: flex;
  margin-bottom: 4rem;
  box-shadow: var(--drop-shadow);
}
.anshin-box .anshin-title {
  background-color: var(--color-background-info);
  border: 1.5px solid var(--color-background-info);
  border-top-left-radius: 1.6rem;
  border-bottom-left-radius: 1.6rem;
  padding: 1.28rem 1.28rem 1.28rem 1.6rem;
  margin: 0;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  color: var(--color-danger);
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 18.6rem;
}
.anshin-box .anshin-title h2 {
  font-size: 1.6rem;
  position: relative;
  padding-left: 2.6rem;
  display: inline-block;
  max-width: 18.6rem;
  margin: 0;
}
.anshin-box .anshin-title h2::before {
  content: "";
  width: 2.3rem;
  aspect-ratio: 1/1;
  background-image: url("/images/important-title.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .anshin-box .anshin-title h2 {
    max-width: none;
    padding-left: 0;
  }
  .anshin-box .anshin-title h2::before {
    margin-right: 0.3rem;
    display: inline-block;
    position: static;
    transform: none;
    margin-bottom: -0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .anshin-box .anshin-title {
    width: 100%;
    padding: 0.8rem;
    justify-content: center;
    border-top-left-radius: 1.6rem;
    border-top-right-radius: 1.6rem;
    border-bottom-left-radius: 0;
    flex-basis: 100%;
  }
}
.anshin-box .anzen_anshin_mail {
  flex-grow: 1;
  padding: 1.6rem 2.4rem;
  border-top-right-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
  border: 1.5px solid var(--color-background-info);
  background-color: rgba(255, 255, 255, 0.85);
}
@media screen and (max-width: 767px) {
  .anshin-box .anzen_anshin_mail {
    padding: 1.6rem;
    border-bottom-left-radius: 1.6rem;
    border-bottom-right-radius: 1.6rem;
    border-top-right-radius: 0;
  }
}
.anshin-box .anzen_anshin_mail ul {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .anshin-box {
    flex-direction: column;
    margin-bottom: 1.6rem;
  }
}
.anshin-box .link-all {
  text-align: right;
}

.search-area {
  width: 50%;
  flex-grow: 1;
  padding: 3.2rem;
  border-radius: 1.6rem;
  background-color: var(--color-white);
}
@media screen and (max-width: 767px) {
  .search-area {
    width: 100%;
    padding: 3.2rem 1.6rem;
  }
}

button.accordion-trigger {
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
}

.accordion-trigger {
  width: 100%;
  background-color: transparent;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  padding: 1.2rem 0 1.2rem 0.8rem;
  box-shadow: none;
  border-radius: 0;
  border: 0;
  text-align: left;
  position: relative;
  border: 1px solid transparent;
  color: var(--color-text);
}
.accordion-trigger::before {
  content: "";
  width: 100%;
  height: 1.5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%222%22%20viewBox%3D%220%200%206%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%223.5%22%20height%3D%221.5%22%20rx%3D%220.75%22%20fill%3D%22%2316599B%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: repeat-x no-repeat;
  background-size: 6px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.accordion-trigger::after {
  content: "";
  width: 100%;
  height: 1.5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%222%22%20viewBox%3D%220%200%206%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%223.5%22%20height%3D%221.5%22%20rx%3D%220.75%22%20fill%3D%22%2316599B%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: repeat-x;
  background-size: 6px 1.5px;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
}
.accordion-trigger .accordion-icon {
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("/images/btn-icon-plus.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 1.2rem;
  right: 0.8rem;
}
.accordion-trigger + .keyword-link {
  display: none;
}
.accordion-trigger[aria-expanded=true] .accordion-icon {
  background-image: url("/images/btn-icon-minus.png");
}
.accordion-trigger[aria-expanded=true]::after {
  content: none;
}
.accordion-trigger[aria-expanded=true] + .keyword-link {
  display: flex;
  position: relative;
  padding-bottom: 1.6rem;
}
.accordion-trigger[aria-expanded=true] + .keyword-link::after {
  content: "";
  width: 100%;
  height: 1.5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%222%22%20viewBox%3D%220%200%206%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%223.5%22%20height%3D%221.5%22%20rx%3D%220.75%22%20fill%3D%22%2316599B%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: repeat-x;
  background-size: 6px 1.5px;
  display: block;
}

.keyword-link {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  padding-left: 0;
  gap: 1.6rem;
}
.keyword-link .keyword-item a {
  line-height: 1.4;
  text-decoration: none;
  display: inline-block;
  padding: 0.8rem 1.6rem;
  border: 1.5px solid var(--color-primary);
  border-radius: 50rem;
  transition: 0.2s ease-out;
}
@media (hover: hover) {
  .keyword-link .keyword-item a:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
  }
}

@media screen and (min-width: 768px) {
  #keyword-link {
    display: flex !important;
  }
}

.keyword-area {
  position: relative;
  margin-top: 1.6rem;
}
.keyword-area::after {
  content: "";
  width: 100%;
  height: 2px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%223%22%20viewBox%3D%220%200%206%203%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220.75%22%20y%3D%222.25%22%20width%3D%222%22%20height%3D%223%22%20rx%3D%221%22%20transform%3D%22rotate(-90%200.75%202.25)%22%20fill%3D%22%23D0DEEB%22%2F%3E%3C%2Fsvg%3E");
  background-size: 5px 2px;
  background-repeat: repeat-x;
  background-position: 0 0;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .keyword-area {
    margin-top: 0;
  }
  .keyword-area::after {
    content: none;
  }
}
@media screen and (min-width: 768px) {
  .keyword-area {
    margin-bottom: -1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .keyword-area .accordion-icon {
    top: 1.6rem !important;
  }
}

#keyword-acoordion-2 .accordion-icon {
  top: 1.6rem !important;
}

.banner-area {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.banner-area .swiper {
  margin: 0;
  border-radius: 1.6rem;
}
.banner-area .banner-list {
  padding: 0;
  max-width: 485px;
  width: 100%;
  margin: 0;
  aspect-ratio: 485/160;
  list-style-type: none;
}
@media screen and (max-width: 767px) {
  .banner-area .banner-list {
    max-width: none;
  }
}
.banner-area .banner-list .swiper-slide {
  padding: 0;
}
.banner-area .banner-list .swiper-slide a {
  display: block;
  width: fit-content;
}
.banner-area .banner-list .swiper-slide a:focus img {
  border: 5px solid #000;
}
@media (forced-colors: active) {
  .banner-area .banner-list .swiper-slide a:focus img {
    border: 5px solid #fff;
  }
}
.banner-area .banner-list img {
  max-width: 485px;
  width: 100%;
  height: auto;
  aspect-ratio: 485/160;
  object-fit: cover;
  border-radius: 1.6rem;
}
@media screen and (max-width: 767px) {
  .banner-area .banner-list img {
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .banner-area .banner-list {
    max-width: calc(100vw - 5rem);
  }
}
.banner-area .swiper-button-next, .banner-area .swiper-button-prev {
  right: 0;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  right: -2rem;
  background-image: url("/images/arrow-white.png");
  background-size: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: calc(0px - 2rem);
}
.banner-area .swiper-button-next::after, .banner-area .swiper-button-prev::after {
  content: none;
}
@media (hover: hover) {
  .banner-area .swiper-button-next:hover, .banner-area .swiper-button-prev:hover {
    background-color: #3670a8;
    border-color: #3670a8;
  }
}
@media screen and (max-width: 767px) {
  .banner-area .swiper-button-next, .banner-area .swiper-button-prev {
    margin-top: calc(0px - 1.25rem);
    width: 2.5rem;
    height: 2.5rem;
    background-size: 1rem;
  }
}
.banner-area .swiper-button-prev {
  transform: rotate(180deg);
  right: auto;
  left: -2rem;
}
.banner-area .swiper-button-prev::after {
  content: none;
}
.banner-area .swiper-banner {
  position: relative;
}
.banner-area .swiper-pagination {
  top: 100%;
  bottom: auto;
}

.fix-banner-area {
  grid-column: 2/3;
  grid-row: 2/3;
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .fix-banner-area {
    margin-top: 3.2rem;
  }
}

.right-banner-area {
  width: 485px;
}
@media screen and (max-width: 767px) {
  .right-banner-area {
    width: 100%;
  }
}

.fix-banner {
  text-align: center;
}
.fix-banner a {
  display: inline-block;
  width: fit-content;
  transition: filter 0.2s ease-out;
}
.fix-banner a img {
  width: 100%;
  max-width: 485px;
  height: auto;
  border-radius: 1.6rem;
}
@media screen and (max-width: 767px) {
  .fix-banner a img {
    max-width: none;
  }
}
@media (hover: hover) {
  .fix-banner a:hover {
    filter: opacity(0.85);
  }
}

@media screen and (max-width: 767px) {
  .site-link-area {
    padding-bottom: 4rem;
  }
}

.site-link-tab-area #tab-link-1[aria-selected=true] i {
  background-image: url("/images/icon-info-white.png");
}
.site-link-tab-area #tab-link-2[aria-selected=true] i {
  background-image: url("/images/icon-tips-white.png");
}
.site-link-tab-area #tab-link-3[aria-selected=true] i {
  background-image: url("/images/icon-calendar-white.png");
}
@media screen and (max-width: 767px) {
  .site-link-tab-area i {
    display: none !important;
  }
}

.site-link-tab-area {
  padding: 4rem 5.6rem;
  background: var(--color-white);
  border-radius: 2.4rem;
  transform: translateY(-19rem);
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 767px) {
  .site-link-tab-area {
    padding: 3.2rem 1.6rem;
    transform: translateY(-3rem);
  }
}

.pickup-link {
  padding-left: 0;
  list-style-type: none;
  margin-top: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  column-gap: 3.2rem;
}
@media screen and (min-width: 768px) {
  .pickup-link.pc-only {
    display: grid !important;
  }
}
@media screen and (max-width: 767px) {
  .pickup-link {
    grid-template-columns: 1fr;
    row-gap: 1.6rem;
  }
  .pickup-link.sp-only {
    display: grid !important;
  }
}
.pickup-link .pickup-list {
  position: relative;
  min-height: 6.4rem;
  padding: 1.6rem 0;
  box-sizing: content-box;
}
@media screen and (max-width: 767px) {
  .pickup-link .pickup-list {
    min-height: 4.8rem;
  }
}
.pickup-link .pickup-list img {
  pointer-events: none;
  position: absolute;
  width: 6.4rem;
  height: 6.4rem;
  object-fit: contain;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  left: 2.4rem;
}
@media screen and (max-width: 767px) {
  .pickup-link .pickup-list img {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.pickup-link .pickup-list .block-link {
  padding-left: 2.4rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding-left: 10.4rem;
  color: inherit;
  text-decoration: none;
  font-size: 2rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
}
@media (hover: hover) {
  .pickup-link .pickup-list .block-link:hover {
    color: var(--color-white);
  }
  .pickup-link .pickup-list .block-link:hover + p {
    color: var(--color-white);
  }
}
@media screen and (max-width: 767px) {
  .pickup-link .pickup-list .block-link {
    padding-left: 8rem;
    display: flex;
    align-items: center;
    font-size: 1.8rem;
  }
}
.pickup-link .pickup-list p {
  transition: 0.2s ease-out;
  width: 100%;
  max-width: 32rem;
  position: relative;
  bottom: 0;
  padding-top: 3.6rem;
  left: 10.4rem;
  pointer-events: none;
}

.handy-link-list {
  list-style: none;
  padding-left: 0;
  margin-top: 3.2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 3.2rem;
  width: 100%;
}
.handy-link-list li {
  padding: 0 4rem;
  position: relative;
  flex-basis: 20%;
}
.handy-link-list li::after {
  content: "";
  width: 2px;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%222%22%20height%3D%225%22%20viewBox%3D%220%200%202%205%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%222%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%23C2C2C2%22%2F%3E%3C%2Fsvg%3E");
  background-size: 2px 5px;
  background-repeat: repeat-y;
  background-position: 0 0;
  position: absolute;
  right: -2px;
  top: 0;
}
.handy-link-list li:last-child::after {
  content: none;
}
@media screen and (min-width: 768px) {
  .handy-link-list li:nth-child(5n)::after {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .handy-link-list li:nth-child(3n)::after {
    content: none;
  }
}
.handy-link-list li .handy-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 0.8rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
}
.handy-link-list li .handy-link img {
  width: 8rem;
  height: 8rem;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .handy-link-list li .handy-link img {
    width: 5.6rem;
    height: 5.6rem;
  }
}
@media screen and (max-width: 767px) {
  .handy-link-list li {
    flex-basis: 33.3333333333%;
    padding: 0 0.8rem;
  }
  .handy-link-list li a {
    font-size: 1.4rem;
  }
  .handy-link-list li a::before {
    content: none;
  }
}
@media screen and (min-width: 768px) {
  .handy-link-list.pc-only {
    display: flex !important;
  }
}
@media screen and (max-width: 767px) {
  .handy-link-list.sp-only {
    display: flex !important;
  }
}
.handy-link-list a {
  position: static;
}
.handy-link-list a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.purpose-link-list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 3.2rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: 1.6rem;
}
.purpose-link-list .purpose-link {
  position: relative;
  display: grid;
  grid-template-rows: 5.12rem 1fr;
  grid-template-columns: 1fr;
  padding: 1.6rem;
}
.purpose-link-list .purpose-link .link-detail {
  padding-top: 1.6rem;
  position: relative;
  grid-row: 2/3;
  font-size: 1.4rem;
  pointer-events: none;
  transition: color 0.2s ease-in-out;
}
.purpose-link-list .purpose-link .link-detail::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%223%22%20viewBox%3D%220%200%206%203%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220.75%22%20y%3D%222.25%22%20width%3D%222%22%20height%3D%223%22%20rx%3D%221%22%20transform%3D%22rotate(-90%200.75%202.25)%22%20fill%3D%22%23C2C2C2%22%2F%3E%3C%2Fsvg%3E");
  background-size: 5px 2px;
  background-repeat: repeat-x;
  background-position: 0 0;
  top: 0;
  left: 0;
}
.purpose-link-list .block-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  inset: 0;
  padding: 1.6rem;
  padding-top: 0.8rem;
}
.purpose-link-list .block-link::after {
  content: none;
}
.purpose-link-list .block-link span {
  position: relative;
  display: grid;
  height: 5.12rem;
  align-items: center;
  overflow-y: hidden;
  padding-right: 4rem;
}
.purpose-link-list .block-link span::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("/images/icon-link.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 50%;
  right: 0.8rem;
  transform: translateY(-50%);
  position: absolute;
}
@media screen and (max-width: 767px) {
  .purpose-link-list .block-link {
    min-height: 0;
  }
}
@media (hover: hover) {
  .purpose-link-list .block-link:hover span::after {
    background-image: url("/images/icon-link-white.png");
  }
  .purpose-link-list .block-link:hover + .link-detail {
    color: var(--color-white);
  }
}
@media screen and (max-width: 767px) {
  .purpose-link-list {
    margin-top: 2.4rem;
    grid-template-columns: 1fr;
  }
}

.event-area {
  width: 100%;
  margin-top: 3.2rem;
  display: grid;
  grid-template-columns: 55% 41.6rem;
  grid-template-rows: 1fr auto;
  gap: 3.2rem;
}
@media screen and (max-width: 767px) {
  .event-area {
    grid-template-columns: 1fr;
    grid-row: auto;
  }
}
.event-area dl {
  max-width: 100%;
  grid-column: 1/2;
  grid-row: 1/1;
  margin: 0;
}
.event-area dl > div {
  padding: 1.6rem 5.2rem 1.6rem 1.6rem;
  position: relative;
}
.event-area dl > div::after {
  content: "";
  width: 1.8rem;
  aspect-ratio: 1/1;
  background-image: url("/images/icon-link.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
}
.event-area dl > div dt {
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  margin-left: 0;
}
.event-area dl > div dd {
  margin-left: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .event-area dl > div dd {
    white-space: wrap;
    overflow: auto;
  }
}
.event-area dl > div dd a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}
@media (hover: hover) {
  .event-area dl > div dd a:hover {
    text-decoration: underline;
    color: var(--color-primary);
  }
}
.event-area dl > div:nth-child(odd) {
  background-color: var(--color-background-cell);
}
.event-area .info_btn {
  grid-column: 1/2;
  grid-row: 2/3;
}
.event-area .info_btn ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.event-area .info_btn ul li {
  text-align: center;
}
.calendar_info {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  grid-column: 2/3;
  grid-row: 1/3;
}
@media screen and (max-width: 767px) {
  .calendar_info {
    grid-column: 1/2;
    grid-row: 3/3;
  }
}
.calendar_info::before {
  content: "";
  width: 100%;
  height: 4.8rem;
  background-color: #fdbc79;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  border-top-left-radius: 2.6rem;
  border-top-right-radius: 2.6rem;
}
.calendar_info::after {
  content: "";
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-white);
  top: 1.4rem;
}
.calendar_info > div:first-child {
  flex-grow: 1;
  position: relative;
  border-bottom-left-radius: 2.6rem;
  border-bottom-right-radius: 2.6rem;
  padding-bottom: 2.6rem;
  background-color: var(--color-background-tab);
  margin-bottom: 3.2rem;
  box-sizing: border-box;
  padding: 1.2rem 4rem 3.2rem 4rem;
}
@media screen and (max-width: 767px) {
  .calendar_info > div:first-child {
    padding: 1.2rem 2rem 1.6rem 2rem;
  }
}
.calendar_info table {
  width: 100%;
  border: 0;
}
.calendar_info table caption {
  background-color: var(--color-background-tab);
  text-align: center;
  font-size: 2.6rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
}
@media screen and (max-width: 767px) {
  .calendar_info table caption {
    font-size: 2rem;
  }
}
.calendar_info table th {
  padding: 0;
  background-color: var(--color-background-tab);
  border: 0;
}
@media screen and (max-width: 767px) {
  .calendar_info table th img {
    width: 2.5rem;
    height: auto;
  }
}
.calendar_info table tbody {
  position: relative;
  display: blockk;
}
.calendar_info table tbody::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%223%22%20viewBox%3D%220%200%206%203%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220.75%22%20y%3D%222.25%22%20width%3D%222%22%20height%3D%223%22%20rx%3D%221%22%20transform%3D%22rotate(-90%200.75%202.25)%22%20fill%3D%22%23C2C2C2%22%2F%3E%3C%2Fsvg%3E");
  background-size: 5px 2px;
  background-repeat: repeat-x;
  background-position: 0 0;
  top: 3.2rem;
  left: 0;
}
@media screen and (max-width: 767px) {
  .calendar_info table tbody::before {
    top: 2.8rem;
  }
}
.calendar_info table tr:first-child th {
  padding-bottom: 0.8rem;
}
.calendar_info table td {
  border: 0;
  background-color: var(--color-background-tab);
  padding: 0;
  text-align: center;
  white-space: nowrap;
}
.calendar_info table td a {
  font-size: 2rem;
  color: var(--color-text);
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  margin: auto;
  line-height: 4.8rem;
}
@media (hover: hover) {
  .calendar_info table td a:hover {
    color: #50545e;
  }
}
@media screen and (max-width: 767px) {
  .calendar_info table td a {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
  }
}
.calendar_info table td.today a {
  background-color: var(--color-background-wave);
  border-radius: 50%;
}

.news-sns-area::before {
  background-color: var(--color-background-wave) !important;
  border-bottom-right-radius: 30rem;
  top: auto;
  bottom: 15rem !important;
  z-index: 0 !important;
  border-bottom-left-radius: 0 !important;
}
@media screen and (max-width: 767px) {
  .news-sns-area::before {
    bottom: calc(4.3rem - 0.1px) !important;
  }
}

.sns-area {
  width: 40%;
  padding: 5.6rem;
  background: var(--color-white);
  border-radius: 2.4rem;
}
@media screen and (max-width: 767px) {
  .sns-area {
    padding: 3.2rem 1.6rem;
  }
}

.news {
  width: 60%;
  padding: 4rem 5.6rem;
  background: var(--color-white);
  border-radius: 2.4rem;
}
@media screen and (max-width: 767px) {
  .news {
    border-radius: 0;
    width: 100%;
    padding: 3.2rem 1.6rem;
  }
  .news dl {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }
  .news dl dt {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .news .tab i {
    display: none !important;
  }
}

.news #tab-news-1[aria-selected=true] i {
  background-image: url("/images/icon-bell-white.png");
}
.news #tab-news-2[aria-selected=true] i {
  background-image: url("/images/icon-megaphone-white.png");
}
.news dl > div {
  padding: 1.6rem 5.2rem 1.6rem 1.6rem;
  position: relative;
}
.news dl > div::after {
  content: "";
  width: 1.8rem;
  aspect-ratio: 1/1;
  background-image: url("/images/icon-link.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
}
.news dl > div dt {
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  margin-left: 0;
}
.news dl > div dd {
  margin-left: 0;
  width: 100%;
}
.news dl > div dd a {
  color: inherit;
  text-decoration: none;
}
@media (hover: hover) {
  .news dl > div dd a:hover {
    text-decoration: underline;
    color: var(--color-primary);
  }
}
.news dl > div:nth-child(odd) {
  background-color: var(--color-background-cell);
}
.news .link-area {
  display: flex;
  column-gap: 1.6rem;
  justify-content: flex-end;
}
.news .link-area a {
  text-decoration: none;
}
@media (hover: hover) {
  .news .link-area a:hover {
    text-decoration: underline;
  }
}

.sns-area .title {
  text-align: center;
  font-size: 2.8rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  margin: 0;
}
@media screen and (max-width: 767px) {
  .sns-area .title {
    font-size: 2.4rem;
  }
}
.sns-area .sns-list {
  margin: 3.2rem 0 0 0;
  padding-left: 0;
  list-style-type: none;
}
.sns-area .sns-list .sns-link {
  position: relative;
  height: auto;
  margin-bottom: 2rem;
}
.sns-area .sns-list .sns-link:last-child {
  margin-bottom: 0;
}
.sns-area .sns-list .sns-link img {
  position: absolute;
  width: 6.4rem;
  height: 6.4rem;
  object-fit: contain;
  z-index: 1;
  top: 2.8rem;
  left: 2.4rem;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .sns-area .sns-list .sns-link img {
    width: 4.8rem;
    height: 4.8rem;
    top: 1.6rem;
  }
}
.sns-area .sns-list .sns-link .block-link {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
  display: flex;
  align-items: center;
  font-size: 2rem;
  min-height: 12rem;
}
.sns-area .sns-list .sns-link .block-link::before {
  content: "";
  width: 6.4rem;
  height: 6.4rem;
  display: inline-block;
  margin-right: 0.8rem;
}
@media screen and (max-width: 767px) {
  .sns-area .sns-list .sns-link .block-link {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    padding-left: 2.4rem;
    min-height: 0;
    font-size: 1.8rem;
  }
  .sns-area .sns-list .sns-link .block-link::before {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.goverment {
  padding: 4rem 5.6rem;
  border-radius: 2.4rem;
  background-color: var(--color-white);
  margin-bottom: 8rem;
}
@media screen and (max-width: 767px) {
  .goverment {
    padding: 2.4rem 1.6rem;
    margin-bottom: 4rem;
  }
}
.goverment .title {
  font-size: 2.8rem;
  text-align: center;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
}
@media screen and (max-width: 767px) {
  .goverment .title {
    font-size: 2.4rem;
  }
}

.sponser-banner {
  padding: 4rem 4.8rem;
  border-radius: 2.4rem;
  background-color: var(--color-white);
}
@media screen and (max-width: 767px) {
  .sponser-banner {
    padding: 3.2rem 1.6rem;
  }
}

.pickup-goverment-link {
  display: flex;
  column-gap: 3.2rem;
}
.pickup-goverment-link .block-link {
  display: flex;
  align-items: center;
  column-gap: 1.6rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  padding-left: 1.6rem;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .pickup-goverment-link .block-link {
    font-size: 1.8rem;
  }
  .pickup-goverment-link .block-link img {
    width: 108px;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .pickup-goverment-link {
    flex-direction: column;
    row-gap: 1.6rem;
  }
}

.goverment-link-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  column-gap: 3.2rem;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
.goverment-link-list li {
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.goverment-link-list li:nth-child(2n) {
  margin-left: -1.6rem;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .goverment-link-list li:nth-child(2n) {
    margin-left: 0;
    padding-right: 0;
  }
}
.goverment-link-list li:nth-child(n+1):nth-child(-n+4)::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%223%22%20viewBox%3D%220%200%206%203%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220.75%22%20y%3D%222.25%22%20width%3D%222%22%20height%3D%223%22%20rx%3D%221%22%20transform%3D%22rotate(-90%200.75%202.25)%22%20fill%3D%22%23C2C2C2%22%2F%3E%3C%2Fsvg%3E");
  background-size: 5px 2px;
  background-repeat: repeat-x;
  background-position: 0 0;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .goverment-link-list li:nth-child(n+1):nth-child(-n+4):not(:first-child)::before {
    content: none;
  }
}
.goverment-link-list li::after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%223%22%20viewBox%3D%220%200%206%203%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220.75%22%20y%3D%222.25%22%20width%3D%222%22%20height%3D%223%22%20rx%3D%221%22%20transform%3D%22rotate(-90%200.75%202.25)%22%20fill%3D%22%23C2C2C2%22%2F%3E%3C%2Fsvg%3E");
  background-size: 5px 2px;
  background-repeat: repeat-x;
  background-position: 0 0;
  bottom: 0;
  left: 0;
}
.goverment-link-list li a {
  color: var(--color-text);
  text-decoration: none;
  display: block;
  position: relative;
  padding-right: 3.4rem;
}
.goverment-link-list li a::after {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("/images/icon-link.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 0.8rem;
  transform: translateY(-50%);
}
@media (hover: hover) {
  .goverment-link-list li a:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
  }
}
.goverment-link-list li a span {
  display: inline-block;
  border-bottom: 1px solid transparent;
}
@media screen and (max-width: 767px) {
  .goverment-link-list {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}

.sponser-banner-wrapper {
  transform: translateY(-26rem);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .sponser-banner-wrapper {
    transform: translateY(0);
  }
}

.sponser-banner .title {
  font-size: 2.8rem;
  text-align: center;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
}
@media screen and (max-width: 767px) {
  .sponser-banner .title {
    font-size: 2.4rem;
  }
}
.sponser-banner .sponser-banner-list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 3.2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  .sponser-banner .sponser-banner-list {
    justify-content: center;
  }
}
.sponser-banner .sponser-banner-list li {
  width: 8.8rem;
}
.sponser-banner .sponser-banner-list li a {
  display: inline-block;
}

.top-main {
  overflow-x: hidden;
}

.main-visual-wrap {
  background-color: var(--color-background-base);
  padding-top: 4.6rem;
  position: relative;
  padding-bottom: 8.4rem;
}
.main-visual-wrap picture {
  position: relative;
  z-index: 1;
}

.sepalate1 {
  width: 100%;
  height: 150px;
  background: var(--color-background-wave);
  margin-bottom: -100px;
  position: relative;
  z-index: 0;
}
.sepalate1::before {
  content: "";
  width: 300px;
  aspect-ratio: 1/1;
  background-image: url("/images/top-bg1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.sepalate1::after {
  content: "";
  width: 300px;
  aspect-ratio: 1/1;
  background-image: url("/images/top-bg2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
  right: -8px;
  z-index: 2;
}

.important-infomation {
  position: relative;
  z-index: 1;
  transform: translateY(-8rem);
  margin-bottom: -8rem;
}
.important-infomation::before {
  content: "";
  position: absolute;
  box-shadow: none;
  inset: 0;
  top: 18rem;
  background: var(--color-background-wave);
  overflow: hidden;
  height: calc(100% + 8rem);
  z-index: -1;
}

.main-info-wrap {
  padding-top: 3rem;
  position: relative;
  padding-bottom: 25rem;
  z-index: 2;
}
.main-info-wrap .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4rem;
  grid-template-rows: 18rem auto;
  row-gap: 2.4rem;
}
.main-info-wrap .search-area {
  width: 100%;
  grid-column: 1/2;
  grid-row: 1/3;
  align-self: start;
}
.main-info-wrap .fix-banner-area {
  margin-top: 0;
  align-self: start;
}
.main-info-wrap::after {
  content: "";
  width: 100%;
  height: calc(100% - 10rem);
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--color-background-wave);
  z-index: -1;
}

.sepalate2 {
  width: 100%;
  height: 150px;
  background: var(--color-background-base);
  position: relative;
  margin-bottom: -100px;
}
.sepalate2::before {
  content: "";
  width: 300px;
  aspect-ratio: 1/1;
  background-image: url("/images/top-bg3.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
  left: -8px;
  z-index: 2;
}
.sepalate2::after {
  content: "";
  width: 300px;
  aspect-ratio: 1/1;
  background-image: url("/images/top-bg4.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
  right: -8px;
  z-index: 2;
}

.site-link-area {
  position: relative;
}
.site-link-area::after {
  display: block;
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  background-image: url("/images/deco-left.png");
  width: 31vw;
  aspect-ratio: 404/132;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  min-width: 404px;
  z-index: 2;
  transform: translateY(-50%);
}
@media (forced-colors: active) {
  .site-link-area::after {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .site-link-area::after {
    min-width: 0;
    width: 48vw;
    bottom: 15rem;
  }
}

.news-sns {
  position: relative;
  transform: translateY(-10rem);
  padding-bottom: 10rem;
}
.news-sns .container {
  display: flex;
  column-gap: 4rem;
}
.news-sns::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 20rem;
  left: 0;
  background: var(--color-background-wave);
  z-index: -1;
}
.news-sns .news {
  flex-basis: 60%;
}
.news-sns .sns-area {
  flex-basis: 40%;
}

.goverment-wrap {
  position: relative;
  z-index: 2;
  transform: translateY(-15rem);
}
.goverment-wrap::after {
  transform: translateY(100%);
  display: block;
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  background-image: url("/images/deco-right.png");
  width: 33.7vw;
  aspect-ratio: 418/136;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  min-width: 418px;
  z-index: -1;
}
@media (forced-colors: active) {
  .goverment-wrap::after {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .goverment-wrap::after {
    width: 48vw;
    min-width: 0;
    bottom: 50%;
    transform: translateY(-50%);
  }
}

.sponser-banner-area {
  position: relative;
  z-index: 2;
  transform: translateY(-10rem);
  padding-bottom: 10rem;
}

.sepalate-last {
  width: 100%;
  aspect-ratio: 3840/1110;
  margin-top: -22%;
  background-image: url("/images/main-bg.png");
  background-size: contain;
  background-position: bottom left;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .main-visual-wrap {
    padding-top: 1.6rem;
  }
  .sepalate1 {
    width: 100%;
    height: 50px;
    background: var(--color-background-wave);
    position: relative;
    margin-bottom: -50px;
    z-index: 0;
  }
  .sepalate1::before {
    content: "";
    width: 100px;
    aspect-ratio: 1/1;
    background-image: url("/images/bg-sp1.png");
    z-index: 1;
    bottom: -3px;
  }
  .sepalate1::after {
    content: "";
    content: "";
    width: 100px;
    aspect-ratio: 1/1;
    background-image: url("/images/bg-sp2.png");
    z-index: 2;
  }
  .important-infomation {
    transform: translateY(-3rem);
    margin-bottom: 0;
  }
  .important-infomation::before {
    top: 80px;
    overflow: hidden;
    height: calc(100% + 91px + 3rem);
    z-index: -1;
  }
  .index-important-btn {
    position: relative;
    z-index: 1;
  }
  .main-info-wrap {
    padding-top: 1.6rem;
    padding-bottom: 9rem;
  }
  .main-info-wrap .container {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 0;
    grid-template-rows: auto;
    row-gap: 2.4rem;
  }
  .main-info-wrap .search-area {
    width: 100%;
    grid-column: 1/1;
    grid-row: 1/1;
    align-self: start;
  }
  .main-info-wrap .banner-area {
    grid-column: 1/1;
    grid-row: 2/2;
  }
  .main-info-wrap .fix-banner-area {
    grid-column: 1/1;
    margin-top: 0;
    grid-row: 3/3;
    align-self: start;
    margin-top: 1.6rem;
  }
  .main-info-wrap::after {
    content: "";
    height: 100%;
  }
  .sepalate2 {
    width: 100%;
    height: 50px;
    position: relative;
    margin-bottom: -50px;
  }
  .sepalate2::before {
    content: "";
    width: 100px;
    aspect-ratio: 1/1;
    background-image: url("/images/bg-sp3.png");
    bottom: 8px;
    left: -8px;
    z-index: 2;
  }
  .sepalate2::after {
    content: "";
    width: 100px;
    aspect-ratio: 1/1;
    background-image: url("/images/bg-sp4.png");
    bottom: 8px;
    right: -8px;
    z-index: 2;
  }
  .news-sns {
    transform: translateY(-3rem);
    padding-bottom: 4rem;
  }
  .news-sns .container {
    display: block;
  }
  .news-sns .container .news {
    width: calc(100% + 3.2rem);
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }
  .news-sns .container .sns-area {
    width: 100%;
    margin-top: 4rem;
  }
  .news-sns::after {
    top: 4rem;
  }
  .goverment-wrap {
    transform: translateY(-3rem);
  }
  .sponser-banner-area {
    transform: translateY(-3rem);
    padding-bottom: 5rem;
  }
  .sepalate-last {
    aspect-ratio: 1125/541;
    background-image: url("/images/main-bg-sp.png");
  }
}
/*-----------------------------------
TOPページfooter
------------------------------------*/
.top-footer {
  margin-top: -15rem;
  border-top: 1px solid transparent;
}
@media screen and (max-width: 767px) {
  .top-footer {
    margin-top: -4.3rem;
  }
}

.top-footer-wrapper {
  aspect-ratio: 1280/626;
  background-image: url("/images/footer-bg.png");
  background-size: 100%;
  background-position: left top;
  background-repeat: no-repeat;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top-footer-wrapper {
    aspect-ratio: 375/593.5;
    background-image: url("/images/footer-bg-sp.png");
  }
}
.top-footer-wrapper .container .top-footer-content {
  max-width: var(--container-width);
  width: 100%;
  position: absolute;
  bottom: max(4rem, 3.1vw);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  column-gap: 12rem;
}
@media screen and (max-width: 767px) {
  .top-footer-wrapper .container .top-footer-content {
    width: calc(100% - 3.2rem);
    bottom: min(4rem, 10vw);
    left: 1.6rem;
    transform: none;
    flex-direction: column;
    align-items: center;
    row-gap: 2.4rem;
  }
}
.top-footer-wrapper .container .top-footer-content .address-area .u-std-14n-2 {
  text-decoration: none;
  pointer-events: none !important;
  text-decoration: none !important;
  color: inherit !important;
}
.top-footer-wrapper .container .top-footer-content .address-area .u-std-14n-2 a {
  pointer-events: none !important;
  text-decoration: none !important;
  color: inherit !important;
}
.top-footer-wrapper .container .top-footer-content .address-area p {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .top-footer-wrapper .container .top-footer-content .address-area p {
    text-align: center;
  }
}
.top-footer-wrapper .container .top-footer-content .address-area img {
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
  .top-footer-wrapper .container .top-footer-content .address-area img {
    margin-bottom: 2.4rem;
  }
}
.top-footer-wrapper .container .top-footer-content .address-area address {
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .top-footer-wrapper .container .top-footer-content .address-area address {
    text-align: center;
  }
}
.top-footer-wrapper .container .top-footer-content .footer-link-area {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
.top-footer-wrapper .container .top-footer-content .footer-link-area li {
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .top-footer-wrapper .container .top-footer-content .footer-link-area li {
    margin-bottom: 0.8rem;
  }
}
.top-footer-wrapper .container .top-footer-content .footer-link-area li:last-child {
  margin-bottom: 0;
}

/*-----------------------------------
下層ページ共通
------------------------------------*/
.layer {
  background-color: var(--color-white);
}
.layer.layer-1 .h1bg {
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  padding: 4.8rem 0;
  background: url("/images/title-bg.png"), linear-gradient(90deg, #16599b 0%, #4e89c2 100%);
  background-size: 50%, contain;
  background-repeat: no-repeat, no-repeat;
  background-position: right 22%, top left;
  color: var(--color-white);
}
@media screen and (max-width: 767px) {
  .layer.layer-1 .h1bg {
    padding: 2.4rem 0;
    min-height: 11.8rem;
    background-size: min(130vw, 500px), contain;
    background-position: left -50% center, left top;
  }
}
.layer.layer-1 .h1bg div {
  max-width: 112rem;
  margin: 0 auto;
}
.layer.layer-1 .h1bg div h1 {
  line-height: 1.6;
  font-size: 4rem;
}
@media screen and (max-width: 767px) {
  .layer.layer-1 .h1bg div h1 {
    font-size: 2.4rem;
    padding: 0 1.6rem;
  }
}
.layer .link-btn-area {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .layer .link-btn-area {
    margin-top: 2.4rem;
    padding: 0 1.6rem;
  }
}

.no-sub.layer-1 .column-area {
  max-width: none;
  display: block;
}

/*-----------------------------------
子育て・防災インデックス
------------------------------------*/
.layer-main-visual {
  text-align: center;
}
.layer-main-visual img {
  max-width: 100%;
  height: auto;
}

.content-title {
  font-size: 3.2rem;
  text-align: center;
  margin-top: 6.4rem;
  max-width: 112rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .content-title {
    margin-top: 3.2rem;
    font-size: 2.4rem;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}

.news-info {
  margin: 0;
}
.news-info > div {
  display: flex;
  column-gap: 3.2rem;
  padding: 1.6rem;
}
@media screen and (max-width: 767px) {
  .news-info > div {
    display: block;
  }
}
.news-info > div:nth-child(odd) {
  background-color: var(--color-background-cell);
}
.news-info > div:nth-child(even) {
  background-color: var(--color-white);
}
.news-info > div dt {
  font-size: 1.4rem;
  margin-left: 0;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  width: 12.24rem;
  white-space: nowrap;
}
.news-info > div dd {
  margin-left: 0;
}

.news-area {
  max-width: var(--container-width);
  margin: 0 auto 4rem auto;
}
.news-area .link-btn-area {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .news-area .link-btn-area {
    margin-top: 2.4rem;
    margin-left: 1.6rem;
    margin-right: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .news-area {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .news-area .content-title {
    text-align: left;
  }
}

.layer-link-list-area {
  padding-top: 4rem;
  padding-bottom: 5.6rem;
  margin-bottom: -5.6rem;
  position: relative;
  z-index: 0;
  margin-top: 8rem;
  background-color: var(--color-background-base);
}
@media screen and (max-width: 767px) {
  .layer-link-list-area {
    padding-top: 2.4rem;
    padding-bottom: 9.8rem;
    margin-bottom: -9.8rem;
    margin-top: 4rem;
  }
}

.layer-link-list-area .content-title {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .layer-link-list-area .content-title {
    margin-top: 4rem;
  }
}
.layer-link-list-area .content-title:first-child {
  margin-top: 4rem;
}

.layer-content-list {
  width: 100%;
  position: relative;
  max-width: 112rem;
  margin: 4rem auto;
  padding: 4rem 5.6rem;
  background-color: var(--color-white);
  border-radius: 2.4rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  .layer-content-list {
    width: calc(100% - 3.2rem);
    grid-template-columns: 1fr;
    margin: 2.4rem auto;
    padding: 2.4rem 1.6rem;
  }
}
.layer-content-list:has(.img-title) {
  padding-left: 30.6rem;
}
@media screen and (max-width: 767px) {
  .layer-content-list:has(.img-title) {
    padding-left: 1.6rem;
  }
}

.img-title {
  text-align: center;
  top: 50%;
  left: 5.6rem;
  width: 20rem;
  position: absolute;
  justify-items: center;
  align-items: center;
  margin-right: 3.2rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .img-title {
    position: static;
    transform: unset;
    margin: 0 auto;
  }
}
.img-title img {
  max-width: 10rem;
  height: auto;
}
.img-title p {
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  font-size: 2rem;
  margin: 0.8rem 0;
}
@media screen and (max-width: 767px) {
  .img-title p {
    font-size: 1.8rem;
  }
}

.link-content {
  grid-row: auto;
  position: relative;
}
.link-content a {
  height: 100%;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.link-content a .sub-text {
  font-family: var(--font-family);
  font-size: 1.4rem;
  margin: 0;
  font-weight: var(--font-normal);
}
@media screen and (max-width: 767px) {
  .link-content a .sub-text {
    font-size: 1.2rem;
  }
}

/*------------------------------------
第二階層インデックス
------------------------------------*/
.card-list-wrapper {
  max-width: 100.8rem;
  width: 100%;
  display: flex;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  column-gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .card-list-wrapper {
    padding: 0 1.6rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
}
@media screen and (max-width: 559px) {
  .card-list-wrapper {
    grid-template-columns: 1fr;
  }
}
.card-list-wrapper li a {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: subgrid;
  border: 1.5px solid transparent;
  padding: 2.4rem 2rem;
  border-radius: 1.6rem;
  height: 100%;
  width: 100%;
  color: var(--color-text);
  text-decoration: none;
  row-gap: 1.6rem;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
  background-color: var(--color-white);
}
.card-list-wrapper li a img {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
  width: 100%;
  aspect-ratio: 202/134;
  object-fit: cover;
}
.card-list-wrapper li a span {
  display: flex;
  align-items: center;
  grid-row: span 5;
  padding: 0 0.8rem 0 2.4rem;
  font-weight: bold;
  position: relative;
}
.card-list-wrapper li a span::before {
  content: "";
  width: 4px;
  height: 100%;
  border-radius: 0.8rem;
  background-color: var(--color-primary);
  position: absolute;
  top: 0;
  left: 0.8rem;
  transition: background-color 0.2s ease-out;
}
@media (hover: hover) {
  .card-list-wrapper li a:hover {
    color: var(--color-white);
    background: var(--color-primary);
  }
  .card-list-wrapper li a:hover span::before {
    background-color: var(--color-white);
  }
}

@media screen and (max-width: 767px) {
  .layer-content .main-column {
    padding: 0 1.6rem;
  }
}

/*------------------------------------
全新着一覧
------------------------------------*/
.all-list {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .all-list {
    margin-top: 1.6rem;
  }
}
.all-list .info-list li {
  padding: 0;
  background-color: var(--color-white);
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
}
.all-list .info-list li .date {
  font-weight: var(--font-normal);
}
.all-list .info-list li:last-child {
  margin-bottom: 0;
}

/*------------------------------------
イベント
------------------------------------*/
.event .column-area {
  max-width: 112rem;
  padding-bottom: 5.6rem;
}
@media screen and (max-width: 767px) {
  .event .column-area {
    padding-bottom: 9.8rem;
  }
}

.cal_p {
  padding: 2.4rem;
  background-color: var(--color-background-base);
}

.calicon-li {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 2;
  padding-left: 0;
  list-style-type: none;
  gap: 1.6rem;
}
.calicon-li li {
  padding: 1.6rem;
  background: var(--color-white);
  border-radius: 0.8rem;
}
.calicon-li li a {
  text-decoration: none;
}
@media (hover: hover) {
  .calicon-li li a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 767px) {
  .calicon-li {
    grid-template-columns: 1fr;
  }
}

.calwrap {
  display: flex;
  align-items: center;
  column-gap: 4rem;
}
.calwrap .thismonth {
  font-size: 2rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
}
@media screen and (max-width: 767px) {
  .calwrap .thismonth {
    font-size: 1.6rem;
    margin-bottom: 0;
  }
}
.calwrap .month_wp {
  display: flex;
  column-gap: 1.6rem;
  margin-top: 2.4rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .calwrap .month_wp {
    width: 100%;
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
  }
}
.calwrap .month_wp .lastmonth,
.calwrap .month_wp .nextmonth {
  position: relative;
  text-align: center;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  min-width: 16rem;
  border: 1.5px solid var(--color-primary);
  border-radius: 0.8rem;
  padding: 1.2rem 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .calwrap .month_wp .lastmonth,
  .calwrap .month_wp .nextmonth {
    min-width: 0;
    width: 50%;
  }
}
.calwrap .month_wp .lastmonth::after {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("/images/arrow-blue.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 0.8rem;
  transform: translateY(-50%) scale(-1);
}
.calwrap .month_wp .nextmonth::after {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("/images/arrow-blue.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 0.8rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .calwrap {
    flex-direction: column;
    font-size: 1.6rem;
  }
}

#calendarlist {
  border: 0;
  border-collapse: separate;
  border-spacing: 4px;
  width: 100%;
  margin: 0 !important;
}
#calendarlist tr th {
  padding: 1.2rem 0;
  border: 0;
  text-align: center;
  background: var(--color-primary);
  color: var(--color-white);
  border-bottom: 4px solid var(--color-white);
}
#calendarlist tr td {
  border: 0;
  background: var(--color-background-cell);
  border-top: 4px solid var(--color-white);
  border-bottom: 4px solid var(--color-white);
}
#calendarlist tr td ul {
  display: none !important;
}
#calendarlist tr td.date {
  text-align: center;
  background: var(--color-background-cell);
  border-top: 4px solid var(--color-white);
  border-bottom: 4px solid var(--color-white);
}
#calendarlist tr td.event {
  text-align: center;
  background: var(--color-background-cell);
  border-top: 4px solid var(--color-white);
  border-bottom: 4px solid var(--color-white);
}
#calendarlist tr td.einfo {
  background: var(--color-background-cell);
  border-top: 4px solid var(--color-white);
  border-bottom: 4px solid var(--color-white);
}
#calendarlist tr td .calendar_day {
  white-space: nowrap;
  font-size: 3.2rem;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #calendarlist tr td .calendar_day {
    font-size: 2.4rem;
    display: block;
  }
}
#calendarlist tr td .calendar_week {
  white-space: nowrap;
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #calendarlist tr td .calendar_week {
    display: block;
  }
}
#calendarlist tr td .public_holiday {
  font-family: "UD Shin Go DemiBold", "BIZ UDPGothic", "メイリオ", sans-serif;
  font-weight: var(--font-bold);
  display: block;
  color: #bf2f19;
}
#calendarlist tr td:first-child {
  vertical-align: middle;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #calendarlist tr td:first-child {
    width: 20%;
  }
}
#calendarlist tr.saturday .saturday {
  text-align: center;
  background-color: var(--color-background-base);
  color: var(--color-primary);
  border-top: 4px solid var(--color-white);
  border-bottom: 4px solid var(--color-white);
}
#calendarlist tr.saturday .einfo {
  background-color: var(--color-background-base);
}
#calendarlist tr.sunday .sunday,
#calendarlist tr.sunday .holiday, #calendarlist tr.holiday .sunday,
#calendarlist tr.holiday .holiday {
  text-align: center;
  background-color: #fbddd5;
  color: #bf2f19;
  border-top: 4px solid var(--color-white);
  border-bottom: 4px solid var(--color-white);
}
#calendarlist tr.sunday .einfo, #calendarlist tr.holiday .einfo {
  color: #bf2f19;
  background-color: #fbddd5;
}

/*----------------------------------
子育てFAQ
------------------------------------*/
@media screen and (max-width: 767px) {
  .main-column:has(#cko_localmenu) {
    padding-bottom: 9.8rem;
  }
}

#cko_wrap hr {
  display: none;
}

#cko_localin ul {
  padding-left: 0;
}

/*---------------------------------
イベントカレンダー
------------------------------------*/
@media screen and (max-width: 767px) {
  .layer-content.no-sub:not(aside) .main-column {
    padding-bottom: 9.8rem;
  }
}

/*----------------------------------
よくある質問
------------------------------------*/
#q-ti h1 {
  padding-left: 4.8rem;
}
#q-ti h1::before {
  content: "";
  display: block;
  width: 4rem;
  height: 4rem;
  background-image: url("/images/FAQ_ic_h1-q.gif");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 0;
  transform: translateY(-50%);
}

.FAQ_No {
  display: none;
}

div#a-ti div {
  background-image: url("/images/FAQ_ic_h2-a.gif");
  background-size: 4rem auto;
  background-repeat: no-repeat;
  background-position: 1rem center;
  padding-left: 6rem;
}

input.search_faq,
input.search_goiken {
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: var(--color-white);
  cursor: pointer;
  padding: 8px 20px;
  font-size: 110%;
  box-sizing: border-box;
  vertical-align: top;
}

form#SSF input.tbox {
  height: auto !important;
}

.dataTables_wrapper {
  margin: 1.6rem 0;
}

.dataTable th,
.dataTable td {
  word-break: normal;
}

#SSF:not([role=search]) {
  display: inline-flex;
  column-gap: 1rem;
  margin-bottom: 20px;
}

.FAQ_help_wp {
  margin-top: 20px;
  margin-bottom: 20px;
}

.FAQ_help_title_wp {
  background-color: #163656;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  color: #fff;
}

p.FAQ_help_title {
  color: #fff;
  font-size: 114%;
  margin: 0;
  padding: 0;
  font-weight: bold;
  padding-left: 20px;
  background-image: url("/images/FAQ_help_title.gif");
  background-repeat: no-repeat;
  background-position: 0 0.2em;
}

button.acd01_bt {
  background: none;
  border: none;
  color: #fff;
  font-size: 115%;
  padding-left: 30px;
  cursor: pointer;
  background-image: url("/images/FAQ_help_btn_open.gif");
  background-repeat: no-repeat;
  background-position: 0 50%;
}

button.acd01_bt[aria-expanded=true] {
  background-image: url("/images/FAQ_help_btn_close.gif");
}

.FAQ_help_in {
  display: none;
}

.search-txt .gsc-search-box table td.gsib_a {
  padding-top: 0;
  padding-bottom: 0;
}

.search-txt .gsc-search-box table {
  border: 0;
}

.search-txt .gsc-search-box td {
  border: 0;
}

.search-txt .gsc-search-box table {
  border: 0;
}

.search-txt .gsc-search-box td {
  border: 0;
}

/*----------------------------------------------
SDGS
-------------------------------------------------*/
.sdgs-wp .h1bg {
  background-image: url("/images/sdgs_h1line.png");
  background-repeat: repeat-x;
  background-position: bottom 8px left 0px;
}
.sdgs-wp .h2bg div::after {
  width: 100%;
  background: linear-gradient(to right, #dc097a, #e4051d, #f07211, #f2a20c, #249738, #00a3d7, #02356d);
}
.sdgs-wp .h3bg {
  border-bottom: 1px dotted #035cb8;
  background-image: url("/images/sdgs_h3img.png");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 0 2px;
  padding-left: 2rem;
}
.sdgs-wp .h3bg::after {
  content: none;
}
.sdgs-wp .h3bg div::before {
  content: none;
}

/*----------------------------------------------
ご意見・ご要望
-------------------------------------------------*/
.QandA-Box {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 28px 0 20px 0;
}

.QandA-Box > .c-section {
  width: calc(50% - 50px);
  border-radius: 7px;
  background: #fff;
  padding: 0 0 70px 0;
}

.QandA-Box > .c-section > h2 {
  color: #444;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
  font-size: 140%;
  line-height: 1.5em;
  padding: 24px 10px 24px 28px;
  margin-top: 0;
}

.QandA-Box > .c-section > .tx01 {
  margin: 22px 28px 0 28px;
}

.QandA-Box > .c-section > .box01 {
  margin: 30px 28px 0 28px;
  padding: 0;
}

.QandA-Box > .c-section > .box01 > h3 {
  margin: 0;
  font-size: 110%;
  line-height: 1.5em;
  padding: 1px 0px 1px 9px;
}

.QandA-Box > .c-section > .box01 > .h3-tx {
  margin: 0 0 30px 14px;
  padding: 0;
}

.QandA-Box > div.ya {
  align-self: center;
}

/* c-question（ご意見・ご要望） */
.c-section.c-question {
  border: 1px solid #fee29c;
  position: relative;
}

.c-question > h2 {
  background: #fee29c;
}

.QandA-Box > .c-question > .box01 > h3 {
  border-left: 4px solid #fee29c;
}

/* c-answer（区の対応・考え方） */
.c-section.c-answer {
  border: 1px solid #c6cfe8;
}

.c-answer > h2 {
  background: #c6cfe8;
}

.QandA-Box > .c-answer > .box01 > h3 {
  border-left: 4px solid #c6cfe8;
}

@media screen and (max-width: 767px) {
  .QandA-Box {
    display: block;
  }
  .QandA-Box > .c-section {
    width: auto;
    margin: 0 10px;
    padding: 0;
  }
  .ya img {
    transform: rotate(90deg);
    display: block;
    width: 45px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .kensaku-wp dd {
    width: calc(100% - 150px);
  }
  .kensaku-wp dd input {
    width: 100%;
  }
}

/*-----------------------------------
サイト内検索
------------------------------------*/
.gsc-control-cse table {
  border: 0;
}
.gsc-control-cse table td {
  border: 0;
}

.gsc-search-box table {
  background: transparent;
  margin-left: 0;
  margin-right: 0;
}
.gsc-search-box table td {
  padding: 0;
  background: transparent;
}
.gsc-search-box table td.gsib_a {
  padding: 0.88rem 0.8rem 0.96rem 4rem;
  position: relative;
}
.gsc-search-box table td.gsib_a::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("/images/icon-search-blue.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
}
.gsc-search-box table td.gsib_a .gsc-input {
  background-color: var(--color-background-cell) !important;
}
.gsc-search-box .gsc-input-box {
  border: 1.5px solid var(--color-primary);
  background-color: var(--color-background-cell);
  line-height: 1.4;
  border-top-left-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}

td.gsib_b {
  padding-right: 1rem !important;
}

table.gsc-search-box td.gsc-input {
  padding-right: 0 !important;
}

.gsc-selected-option {
  white-space: nowrap;
}

.gsc-search-button {
  margin-left: 0 !important;
  padding-left: 0;
}

.gsst_a .gscb_a {
  color: #444 !important;
}

.gsc-search-button {
  position: relative;
  padding-left: 0 !important;
  width: 4.8rem !important;
}
.gsc-search-button .gsc-search-button-v2 {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--color-primary);
  border: 1.5px solid var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  border-bottom-right-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}
.gsc-search-button .gsc-search-button-v2::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("/images/icon-search-white.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.gsc-search-button .gsc-search-button-v2 svg {
  opacity: 0;
}
@media (hover: hover) {
  .gsc-search-button .gsc-search-button-v2:hover {
    background-color: #1b6dbf;
  }
}

.gsc-control-cse {
  padding: 0 !important;
}

table.gsc-search-box td.gsc-input {
  padding-right: 0;
}

/*-----ボタン角丸・枠線の色変更-----*/
.gsc-resultsbox-visible .gsc-results .gsc-cursor-box .gsc-cursor-page {
  padding: 0 15px;
  border-radius: 50%;
  border: 1px solid #c2c2c2;
  display: inline-flex;
  aspect-ratio: 1/1;
  align-items: center;
}

/*-----現在地ボタン背景色-----*/
.gsc-resultsbox-visible .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  background-color: var(--color-primary);
  color: var(--color-white);
  pointer-events: none;
}

/*-----ボタンホバー-----*/
@media (hover: hover) {
  .gsc-resultsbox-visible .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
    color: inherit;
    text-decoration: none;
    background-color: var(--color-background-base);
  }
}

/*-----中央揃え・余白調整-----*/
.gsc-results .gsc-cursor-box {
  text-align: center;
  margin-top: 30px !important;
}

.gssb_c {
  border: 0;
}
.gssb_c td {
  border: 0;
}

/*-----------------------------------
その他
------------------------------------*/
#Chapter {
  margin-bottom: 1.6rem;
}
#Chapter img {
  max-width: 100%;
  height: auto;
}

.imglink-sub-side img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .imglink-sub-side {
    text-align: center;
  }
}

/*----------------------------------------
見出し（注目情報）
-----------------------------------------*/
.h2bg h2 a:not([href]) {
  color: inherit;
}

.h3bg h3 a:not([href]) {
  color: inherit;
}

.h4bg h4 a:not([href]) {
  color: inherit;
}

.h5bg h5 a:not([href]) {
  color: inherit;
}

@media screen and (max-width: 767px) {
  #repl-ai-chatboard-icon {
    bottom: 50px !important;
    right: auto !important;
    left: 0 !important;
  }
}
.layer-content #evcal {
  display: none;
}

/*--------------------------------------
utility
----------------------------------------*/
.pc-only {
  display: block;
}
@media screen and (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}

.sp-only,
.pc-none {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp-only,
  .pc-none {
    display: block !important;
  }
}

.u-pt0 {
  padding-top: 0 !important;
}

.u-pt1 {
  padding-top: 0.8rem !important;
}

.u-pt2 {
  padding-top: 1.6rem !important;
}

.u-pt3 {
  padding-top: 2.4rem !important;
}

.u-pt4 {
  padding-top: 3.2rem !important;
}

.u-pt5 {
  padding-top: 4rem !important;
}

.u-pt6 {
  padding-top: 4.8rem !important;
}

.u-pt7 {
  padding-top: 5.6rem !important;
}

.u-pt8 {
  padding-top: 6.4rem !important;
}

.u-pt9 {
  padding-top: 7.2rem !important;
}

.u-pt10 {
  padding-top: 8rem !important;
}

.u-pb0 {
  padding-bottom: 0 !important;
}

.u-pb1 {
  padding-bottom: 0.8rem !important;
}

.u-pb2 {
  padding-bottom: 1.6rem !important;
}

.u-pb3 {
  padding-bottom: 2.4rem !important;
}

.u-pb4 {
  padding-bottom: 3.2rem !important;
}

.u-pb5 {
  padding-bottom: 4rem !important;
}

.u-pb6 {
  padding-bottom: 4.8rem !important;
}

.u-pb7 {
  padding-bottom: 5.6rem !important;
}

.u-pb8 {
  padding-bottom: 6.4rem !important;
}

.u-pb9 {
  padding-bottom: 7.2rem !important;
}

.u-pb10 {
  padding-bottom: 8rem !important;
}

.u-pl0 {
  padding-left: 0 !important;
}

.u-pl1 {
  padding-left: 0.8rem !important;
}

.u-pl2 {
  padding-left: 1.6rem !important;
}

.u-pl3 {
  padding-left: 2.4rem !important;
}

.u-pl4 {
  padding-left: 3.2rem !important;
}

.u-pl5 {
  padding-left: 4rem !important;
}

.u-pl6 {
  padding-left: 4.8rem !important;
}

.u-pl7 {
  padding-left: 5.6rem !important;
}

.u-pl8 {
  padding-left: 6.4rem !important;
}

.u-pl9 {
  padding-left: 7.2rem !important;
}

.u-pl10 {
  padding-left: 8rem !important;
}

.u-pr0 {
  padding-right: 0 !important;
}

.u-pr1 {
  padding-right: 0.8rem !important;
}

.u-pr2 {
  padding-right: 1.6rem !important;
}

.u-pr3 {
  padding-right: 2.4rem !important;
}

.u-pr4 {
  padding-right: 3.2rem !important;
}

.u-pr5 {
  padding-right: 4rem !important;
}

.u-pr6 {
  padding-right: 4.8rem !important;
}

.u-pr7 {
  padding-right: 5.6rem !important;
}

.u-pr8 {
  padding-right: 6.4rem !important;
}

.u-pr9 {
  padding-right: 7.2rem !important;
}

.u-pr10 {
  padding-right: 8rem !important;
}

.u-mt0 {
  margin-top: 0 !important;
}

.u-mt1 {
  margin-top: 0.8rem !important;
}

.u-mt2 {
  margin-top: 1.6rem !important;
}

.u-mt3 {
  margin-top: 2.4rem !important;
}

.u-mt4 {
  margin-top: 3.2rem !important;
}

.u-mt5 {
  margin-top: 4rem !important;
}

.u-mt6 {
  margin-top: 4.8rem !important;
}

.u-mt7 {
  margin-top: 5.6rem !important;
}

.u-mt8 {
  margin-top: 6.4rem !important;
}

.u-mt9 {
  margin-top: 7.2rem !important;
}

.u-mt10 {
  margin-top: 8rem !important;
}

.u-mb0 {
  margin-bottom: 0 !important;
}

.u-mb1 {
  margin-bottom: 0.8rem !important;
}

.u-mb2 {
  margin-bottom: 1.6rem !important;
}

.u-mb3 {
  margin-bottom: 2.4rem !important;
}

.u-mb4 {
  margin-bottom: 3.2rem !important;
}

.u-mb5 {
  margin-bottom: 4rem !important;
}

.u-mb6 {
  margin-bottom: 4.8rem !important;
}

.u-mb7 {
  margin-bottom: 5.6rem !important;
}

.u-mb8 {
  margin-bottom: 6.4rem !important;
}

.u-mb9 {
  margin-bottom: 7.2rem !important;
}

.u-mb10 {
  margin-bottom: 8rem !important;
}

.u-ml0 {
  margin-left: 0 !important;
}

.u-ml1 {
  margin-left: 0.8rem !important;
}

.u-ml2 {
  margin-left: 1.6rem !important;
}

.u-ml3 {
  margin-left: 2.4rem !important;
}

.u-ml4 {
  margin-left: 3.2rem !important;
}

.u-ml5 {
  margin-left: 4rem !important;
}

.u-ml6 {
  margin-left: 4.8rem !important;
}

.u-ml7 {
  margin-left: 5.6rem !important;
}

.u-ml8 {
  margin-left: 6.4rem !important;
}

.u-ml9 {
  margin-left: 7.2rem !important;
}

.u-ml10 {
  margin-left: 8rem !important;
}

.u-mr0 {
  margin-right: 0 !important;
}

.u-mr1 {
  margin-right: 0.8rem !important;
}

.u-mr2 {
  margin-right: 1.6rem !important;
}

.u-mr3 {
  margin-right: 2.4rem !important;
}

.u-mr4 {
  margin-right: 3.2rem !important;
}

.u-mr5 {
  margin-right: 4rem !important;
}

.u-mr6 {
  margin-right: 4.8rem !important;
}

.u-mr7 {
  margin-right: 5.6rem !important;
}

.u-mr8 {
  margin-right: 6.4rem !important;
}

.u-mr9 {
  margin-right: 7.2rem !important;
}

.u-mr10 {
  margin-right: 8rem !important;
}

.u-dsp-32b-6 {
  font-size: 3.2rem;
  line-height: 1.6;
  font-weight: var(--font-bold);
}

.u-dsp-20b-6 {
  font-size: 2rem;
  line-height: 1.6;
  font-weight: var(--font-bold);
}

.u-dsp-18b-1 {
  font-size: 1.8rem;
  line-height: 1;
  font-weight: var(--font-bold);
}

.u-std-16b-6 {
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: var(--font-bold);
}

.u-std-16n-6 {
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: var(--font-normal);
}

.u-std-14b-6 {
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: var(--font-bold);
}

.u-std-14n-6 {
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: var(--font-normal);
}

.u-std-12b-4 {
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: var(--font-bold);
}

.u-std-12n-4 {
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: var(--font-normal);
}

.u-dns-16b-4 {
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: var(--font-bold);
}

.u-dns-16n-4 {
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: var(--font-normal);
}

.u-dns-14b-2 {
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: var(--font-bold);
}

.u-dns-14n-2 {
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: var(--font-normal);
}

.u-dns-12b-1 {
  font-size: 1.2rem;
  line-height: 1;
  font-weight: var(--font-bold);
}

.u-dns-12n-1 {
  font-size: 1.2rem;
  line-height: 1;
  font-weight: var(--font-normal);
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}