@charset "UTF-8";
/* sassファイル行頭で記述 */
/* pageTopOption：印刷＋ページ番号のみで使用。左右paddingを外し見出しと揃える */
#Main .pageTopOption {
  padding-left: 0;
  padding-right: 0;
}

/* ページ番号表示（pageTopOption 内と、）
   既存 searchTabs / keywordbutton と同系統のピル型 */
.pageTopOption .pageNumber {
  display: inline-flex;
  margin: 0 0 0 10px;
}

section .pageNumber {
  display: none;
}

@media handheld, only screen and (max-width: 767px) {
  .pageTopOption .pageNumber {
    display: none;
  }
  section .pageNumber {
    display: flex;
    margin: 4px 0 0 auto;
  }
}
.pageNumber {
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 8px 20px;
  background-color: #FFFFFF;
  border: 1px solid #c3c3c3;
  border-radius: 100px;
  line-height: 1.2;
  color: #333333;
  white-space: nowrap;
  width: 180px;
}

.pageNumber .pageNumberLabel,
.pageNumber .pageNumberValue {
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
  height: auto;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  color: inherit;
  line-height: inherit;
  vertical-align: baseline;
}

.searchContentIdInputBox {
  display: inline-block;
  cursor: pointer;
  width: 250px;
  height: 40px;
  border: #333333 solid 1px;
  border-radius: 20px 0 0 20px;
  margin: 0;
  padding: 4px 4px 4px 20px;
  box-sizing: border-box;
  vertical-align: middle;
  background-color: #EEDDDD;
  color: #333333;
}

.searchContentIdSubmit {
  display: inline-block;
  cursor: pointer;
  width: 50px;
  height: 40px;
  border: #333333 solid 1px;
  border-radius: 0 20px 20px 0;
  margin: 0 0 0 -10px;
  padding: 4px 20px;
  box-sizing: border-box;
  vertical-align: middle;
  background-color: #333333;
  background-image: url("./images/searchBtn.png");
  background-repeat: no-repeat;
  /* 背景の繰り返し設定 */
  background-position: center;
  /* 背景の位置指定 */
  font-size: 0;
  /* テキストを非表示にする */
  color: #EEEEEE;
}

.searchContentIdSubmit:disabled {
  background-color: #888888;
  color: #DDDDDD;
}

.searchContentIdSubmit:focus {
  background-color: #888888;
  color: #DDDDDD;
}

#DynamicTop,
#DynamicBottom .hamburger-menu-content {
  margin: 0;
  padding: 0;
}

#DynamicTop div.searchxox_for_kcity,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity {
  box-sizing: border-box;
  margin: 0;
  padding: 18px 20px;
  background-color: #FCFBF8;
  width: 100%;
  text-align: left;
  display: block;
}

#DynamicTop div.searchxox_for_kcity div.searchTabs,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.searchTabs {
  box-sizing: border-box;
  margin: 0 0 12px;
  padding: 0;
  display: flex;
  width: 100%;
  max-width: 410px;
  height: 50px;
  background-color: #FFFFFF;
  border: 1px solid #c3c3c3;
  border-radius: 100px;
  overflow: hidden;
  line-height: 1;
}

#DynamicTop div.searchxox_for_kcity div.searchTabs div.searchTab,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.searchTabs div.searchTab {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  flex: 1 1 50%;
  display: flex;
  align-items: stretch;
  height: 100%;
  white-space: nowrap;
  line-height: 1;
  position: relative;
}

#DynamicTop div.searchxox_for_kcity div.searchTabs div.searchTab input[type=radio],
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.searchTabs div.searchTab input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

#DynamicTop div.searchxox_for_kcity div.searchTabs div.searchTab input[type=radio] + label,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.searchTabs div.searchTab input[type=radio] + label {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 12px;
  border: none;
  border-radius: 100px;
  background-color: transparent;
  color: #393939;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

#DynamicTop div.searchxox_for_kcity div.searchTabs div.searchTab input[type=radio]:checked + label,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.searchTabs div.searchTab input[type=radio]:checked + label {
  background-color: #A9CF34;
  color: #3A3A3A;
  font-weight: 700;
}

#DynamicTop div.searchxox_for_kcity div.searchTabs div.searchTab input[type=radio]:not(:checked) + label,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.searchTabs div.searchTab input[type=radio]:not(:checked) + label {
  background-color: transparent;
  color: #393939;
  font-weight: 500;
}

#DynamicTop div.searchxox_for_kcity .searchbox,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox {
  box-sizing: border-box;
  background-color: transparent;
  width: 100%;
  max-width: 410px;
  height: auto;
  min-height: 50px;
  text-align: left;
  margin: 0 0 16px;
  padding: 0;
}

#DynamicTop div.searchxox_for_kcity div.googleCS,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS {
  display: block;
  width: 100%;
  margin: 0;
}

#DynamicTop div.searchxox_for_kcity div.googleCS table,
#DynamicTop div.searchxox_for_kcity div.googleCS div,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS table,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_],
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] div.gsc-control-cse,
#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] div.gsc-control-searchbox-only,
#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] div.gsc-control-cse.gsc-control-cse-ja,
#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] div.gsc-control-searchbox-only.gsc-control-searchbox-only-ja,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] div.gsc-control-cse,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] div.gsc-control-searchbox-only,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] div.gsc-control-cse.gsc-control-cse-ja,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] div.gsc-control-searchbox-only.gsc-control-searchbox-only-ja {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
}

#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  position: relative;
}

#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box {
  margin: 0;
  padding: 0;
  width: 100% !important;
  height: 50px;
  border-collapse: separate;
  border-spacing: 0;
}

#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody {
  margin: 0;
  padding: 0;
}

#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr {
  height: auto;
}

#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input {
  width: 100%;
  height: auto;
  padding: 0 !important;
  vertical-align: middle;
}

#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input div.gsc-input-box,
#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input div.gsc-input-box.gsc-input-box-hover,
#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input div.gsc-input-box.gsc-input-box-focus,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input div.gsc-input-box,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input div.gsc-input-box.gsc-input-box-hover,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input div.gsc-input-box.gsc-input-box-focus {
  box-sizing: border-box;
  width: calc(100% - 64px) !important;
  height: 50px !important;
  padding: 0 8px 0 0 !important;
  background-color: #FFFFFF;
  border: 1px solid #c3c3c3;
  border-right: none;
  border-radius: 5px 0 0 5px;
  box-shadow: none;
}

#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input div.gsc-input-box table,
#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input div.gsc-input-box.gsc-input-box-hover table,
#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input div.gsc-input-box.gsc-input-box-focus table,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input div.gsc-input-box table,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input div.gsc-input-box.gsc-input-box-hover table,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input div.gsc-input-box.gsc-input-box-focus table {
  height: 100% !important;
}

#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input input.gsc-input,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input input.gsc-input {
  height: inherit !important;
  margin: 0 !important;
  background: #fff url("https://www.google.com/cse/static/images/1x/ja/branding.png") left center no-repeat;
}

#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input td.gsib_b,
#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input td.gsib_a + td.gsib_b,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input td.gsib_b,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-input td.gsib_a + td.gsib_b {
  display: none !important;
}

#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-clear-button,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-clear-button {
  display: none !important;
  width: 0 !important;
  padding: 0 !important;
}

#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button {
  display: table-cell !important;
  width: 0 !important;
  padding: 0 !important;
  border: none !important;
  vertical-align: middle;
  position: static !important;
}

#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button button.gsc-search-button,
#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button button.gsc-search-button.gsc-search-button-v2,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button button.gsc-search-button,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button button.gsc-search-button.gsc-search-button-v2 {
  box-sizing: border-box;
  display: block !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  left: auto !important;
  z-index: 2;
  width: 64px !important;
  min-width: 64px !important;
  height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #c3c3c3;
  border-left: 1px solid transparent;
  border-radius: 0 5px 5px 0 !important;
  background: #A9CF34 url("./images/hamburger/footmenu-icon-search.svg") center center no-repeat;
  background-size: 30px 30px !important;
  box-shadow: none !important;
  font-size: 0 !important;
  color: transparent !important;
  cursor: pointer;
  overflow: hidden;
}

#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button button.gsc-search-button svg,
#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button button.gsc-search-button img,
#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button button.gsc-search-button.gsc-search-button-v2 svg,
#DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button button.gsc-search-button.gsc-search-button-v2 img,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button button.gsc-search-button svg,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button button.gsc-search-button img,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button button.gsc-search-button.gsc-search-button-v2 svg,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_] form.gsc-search-box table.gsc-search-box tbody tr td.gsc-search-button button.gsc-search-button.gsc-search-button-v2 img {
  display: none !important;
}

#DynamicTop div.searchxox_for_kcity .searchContentIdWrap,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchContentIdWrap {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  color: inherit;
}

#DynamicTop div.searchxox_for_kcity #SearchContentForm,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity #SearchContentForm {
  display: flex;
  align-items: stretch;
  width: 100%;
  margin: 0;
  padding: 0;
}

#DynamicTop div.searchxox_for_kcity .searchContentIdInputBox,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchContentIdInputBox {
  display: block;
  box-sizing: border-box;
  flex: 1 1 auto;
  width: auto;
  max-width: none;
  height: 50px;
  border: 1px solid #c3c3c3;
  border-right: none;
  border-radius: 5px 0 0 5px;
  background-color: #FFFFFF;
  padding: 4px 12px;
  color: #333333;
}

#DynamicTop div.searchxox_for_kcity .searchContentIdInputBox:focus,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchContentIdInputBox:focus {
  outline: none;
  border: 1px solid #c3c3c3;
  border-right: none;
  box-shadow: none;
}

#DynamicTop div.searchxox_for_kcity .searchContentIdSubmit,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchContentIdSubmit {
  display: block !important;
  flex: 0 0 64px;
  box-sizing: border-box;
  width: 64px;
  height: 50px;
  margin: 0;
  padding: 0;
  border: 1px solid #c3c3c3;
  border-left: 1px solid transparent;
  border-radius: 0 5px 5px 0;
  background: #A9CF34 url("./images/hamburger/footmenu-icon-search.svg") center center no-repeat;
  background-size: 30px 30px;
  font-size: 0;
  color: transparent;
  cursor: pointer;
}

#DynamicTop div.searchxox_for_kcity hr,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity hr {
  display: block;
  width: 100%;
  max-width: 410px;
  height: 1px;
  margin: 0 0 16px;
  padding: 0;
  border: none;
  background-color: rgba(0, 0, 0, 0.2);
}

#DynamicTop div.searchxox_for_kcity,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity {
  /* 検索ボックス下部 キーワードリンク */
}

#DynamicTop div.searchxox_for_kcity .searchbox_bottom,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom {
  box-sizing: border-box;
  background-color: transparent;
  display: block;
  width: 100%;
  max-width: 410px;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

#DynamicTop div.searchxox_for_kcity .searchbox_bottom h4,
#DynamicTop div.searchxox_for_kcity .searchbox_bottom H4,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom h4,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom H4 {
  margin: 0 0 8px !important;
  margin-left: 0 !important;
  padding: 0 !important;
  background: transparent;
  display: block;
  width: 100%;
  height: auto;
  line-height: 1.18;
  text-align: left;
  color: #333333;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
}

#DynamicTop div.searchxox_for_kcity .searchbox_bottom .keywords,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom .keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: flex-start;
  text-align: left;
}

#DynamicTop div.searchxox_for_kcity .searchbox_bottom .keywords .keywordbutton,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom .keywords .keywordbutton {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  min-width: 140px;
  width: auto;
  line-height: 1;
  text-align: center;
  border: 1px solid #2D913A;
  background-color: #FFFFFF;
  border-radius: 100px;
  color: #393939;
}

#DynamicTop div.searchxox_for_kcity .searchbox_bottom .keywords .keywordbutton > a,
#DynamicTop div.searchxox_for_kcity .searchbox_bottom .keywords .keywordbutton span.Content_Keyword,
#DynamicTop div.searchxox_for_kcity .searchbox_bottom .keywords .keywordbutton span.Content_Keyword a,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom .keywords .keywordbutton > a,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom .keywords .keywordbutton span.Content_Keyword,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom .keywords .keywordbutton span.Content_Keyword a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 140px;
  margin: 0;
  padding: 8px 24px;
  color: #393939;
  text-decoration: none;
  background-color: transparent;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1;
  border-radius: inherit;
}

#DynamicTop div.searchxox_for_kcity .searchbox_bottom .keywords .keywordbutton span.Content_Keyword,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom .keywords .keywordbutton span.Content_Keyword {
  padding: 0;
}

#DynamicTop div.searchxox_for_kcity .searchbox_bottom .keywords .keywordbutton span.Content_Keyword a,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom .keywords .keywordbutton span.Content_Keyword a {
  min-width: 0;
}

#DynamicTop div.searchxox_for_kcity .searchbox_bottom .keywords .keywordbutton > a:hover,
#DynamicTop div.searchxox_for_kcity .searchbox_bottom .keywords .keywordbutton span.Content_Keyword a:hover,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom .keywords .keywordbutton > a:hover,
#DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom .keywords .keywordbutton span.Content_Keyword a:hover {
  color: #333333;
  background-color: transparent;
}

body.indexBody #DynamicTop div.searchxox_for_kcity .searchbox_bottom h4,
body.indexBody #DynamicTop div.searchxox_for_kcity .searchbox_bottom H4,
body.indexBody #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom h4,
body.indexBody #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom H4 {
  font-weight: 600;
}

@media only screen and (min-width: 768px) {
  body.indexBody #DynamicTop div.searchxox_for_kcity,
  body.indexBody #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity {
    min-height: 390px;
  }
  body.indexBody #DynamicTop div.searchxox_for_kcity .searchbox,
  body.indexBody #DynamicTop div.searchxox_for_kcity .searchContentIdWrap,
  body.indexBody #DynamicTop div.searchxox_for_kcity .searchContentIdInputBox,
  body.indexBody #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox,
  body.indexBody #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchContentIdWrap,
  body.indexBody #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchContentIdInputBox {
    max-width: none;
    width: 100%;
  }
  body.indexBody #DynamicTop div.searchxox_for_kcity div.googleCS,
  body.indexBody #DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_],
  body.indexBody #DynamicTop div.searchxox_for_kcity div.googleCS div.gsc-control-cse,
  body.indexBody #DynamicTop div.searchxox_for_kcity div.googleCS div.gsc-control-searchbox-only,
  body.indexBody #DynamicTop div.searchxox_for_kcity div.googleCS form.gsc-search-box,
  body.indexBody #DynamicTop div.searchxox_for_kcity div.googleCS table.gsc-search-box,
  body.indexBody #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS,
  body.indexBody #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_],
  body.indexBody #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div.gsc-control-cse,
  body.indexBody #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div.gsc-control-searchbox-only,
  body.indexBody #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS form.gsc-search-box,
  body.indexBody #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS table.gsc-search-box {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
  body.indexBody #DynamicTop div.searchxox_for_kcity div.googleCS div.gsc-input-box,
  body.indexBody #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div.gsc-input-box {
    width: calc(100% - 64px) !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
  body.indexBody #DynamicTop div.searchxox_for_kcity div.googleCS input.gsc-input,
  body.indexBody #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS input.gsc-input {
    width: 100% !important;
  }
}
@media handheld, only screen and (max-width: 767px) {
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity {
    padding: 0;
  }
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.searchTabs div.searchTab input[type=radio] + label {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #DynamicTop div.searchxox_for_kcity div.searchTabs,
  #DynamicTop div.searchxox_for_kcity .searchbox,
  #DynamicTop div.searchxox_for_kcity hr,
  #DynamicTop div.searchxox_for_kcity .searchbox_bottom,
  #DynamicTop div.searchxox_for_kcity .searchContentIdWrap,
  #DynamicTop div.searchxox_for_kcity .searchContentIdInputBox,
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.searchTabs,
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox,
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity hr,
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom,
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchContentIdWrap,
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchContentIdInputBox {
    max-width: none;
    width: 100%;
  }
  #DynamicTop div.searchxox_for_kcity .searchContentIdInputBox,
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchContentIdInputBox {
    max-width: none;
    width: 100%;
  }
  #DynamicTop div.searchxox_for_kcity div.googleCS,
  #DynamicTop div.searchxox_for_kcity div.googleCS div[id^=___gcse_],
  #DynamicTop div.searchxox_for_kcity div.googleCS div.gsc-control-cse,
  #DynamicTop div.searchxox_for_kcity div.googleCS div.gsc-control-searchbox-only,
  #DynamicTop div.searchxox_for_kcity div.googleCS form.gsc-search-box,
  #DynamicTop div.searchxox_for_kcity div.googleCS table.gsc-search-box,
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS,
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div[id^=___gcse_],
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div.gsc-control-cse,
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div.gsc-control-searchbox-only,
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS form.gsc-search-box,
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS table.gsc-search-box {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
  #DynamicTop div.searchxox_for_kcity div.googleCS div.gsc-input-box,
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS div.gsc-input-box {
    width: calc(100% - 64px) !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
  #DynamicTop div.searchxox_for_kcity div.googleCS input.gsc-input,
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity div.googleCS input.gsc-input {
    width: 100% !important;
  }
  /* SPトップ：注目のキーワードを中央寄せ */
  body.indexBody #DynamicTop div.searchxox_for_kcity .searchbox_bottom .keywords,
  body.indexBody #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom .keywords {
    justify-content: center;
    text-align: center;
  }
  /* SP：注目のキーワード見出し（Figma 56:21438） */
  body.indexBody #DynamicTop div.searchxox_for_kcity .searchbox_bottom h4,
  body.indexBody #DynamicTop div.searchxox_for_kcity .searchbox_bottom H4,
  body.indexBody #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom h4,
  body.indexBody #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom H4,
  #DynamicTop div.searchxox_for_kcity .searchbox_bottom h4,
  #DynamicTop div.searchxox_for_kcity .searchbox_bottom H4,
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom h4,
  #DynamicBottom .hamburger-menu-content div.searchxox_for_kcity .searchbox_bottom H4 {
    margin: 0 0 8px !important;
    padding: 0 !important;
    width: 100%;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: 0;
    text-align: center;
  }
}
/* フロートフッターメニューのCSS（Figma 152:13883 / SP専用） */
.footer-menu,
#DynamicBottom .footer-menu,
#hamburger-menu-background,
#DynamicBottom #hamburger-menu-background,
#hamburger-menu-container.hamburger-menu-container,
#DynamicBottom #hamburger-menu-container.hamburger-menu-container {
  display: none;
}

@media handheld, only screen and (max-width: 767px) {
  /* 開く前の置き場。  が上余白になるので潰す */
  #hamburger-menu-content-dummy {
    display: block;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
  }
  /* 固定フッターメニュー分の余白は暗いフッター背景側に足す（白隙間を出さない） */
  footer #SiteNavigation ul.footer,
  footer ul.footer {
    padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px));
  }
  .footer-menu,
  #DynamicBottom .footer-menu {
    display: block;
    margin: 0;
    padding: 8px 0 6px;
    padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px));
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    background-color: #C4E4A8;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    box-sizing: border-box;
    line-height: 1;
    overflow: hidden;
  }
  .footer-menu div,
  .footer-menu .menu-icon,
  .footer-menu .menu-text,
  #DynamicBottom .footer-menu div,
  #DynamicBottom .footer-menu .menu-icon,
  #DynamicBottom .footer-menu .menu-text {
    margin-top: 0;
    margin-bottom: 0;
  }
  .footer-menu ul,
  #DynamicBottom .footer-menu ul {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
    height: auto;
    min-height: 0;
  }
  .footer-menu ul li,
  #DynamicBottom .footer-menu ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex: 1 1 0;
    margin: 0;
    padding: 8px 0 0;
    min-height: 0;
    height: 64px;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
  }
  .footer-menu ul li:last-child,
  #DynamicBottom .footer-menu ul li:last-child {
    border-right: none;
  }
  .footer-menu ul li .menu-icon,
  #DynamicBottom .footer-menu ul li .menu-icon {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    padding: 0;
    line-height: 0;
    flex-shrink: 0;
  }
  .footer-menu ul li .menu-icon a,
  #DynamicBottom .footer-menu ul li .menu-icon a {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 30px;
  }
  .footer-menu ul li:nth-child(1) .menu-icon a,
  #DynamicBottom .footer-menu ul li:nth-child(1) .menu-icon a {
    background-image: url("images/hamburger/footmenu-icon-menu.svg");
  }
  .footer-menu ul li:nth-child(2) .menu-icon a,
  #DynamicBottom .footer-menu ul li:nth-child(2) .menu-icon a {
    background-image: url("images/hamburger/footmenu-icon-search.svg");
  }
  .footer-menu ul li:nth-child(3) .menu-icon a,
  #DynamicBottom .footer-menu ul li:nth-child(3) .menu-icon a {
    background-image: url("images/hamburger/footmenu-icon-pr.svg");
    background-size: 30px 31px;
  }
  .footer-menu ul li:nth-child(4) .menu-icon a,
  #DynamicBottom .footer-menu ul li:nth-child(4) .menu-icon a {
    background-image: url("images/hamburger/footmenu-icon-online.svg");
  }
  .footer-menu ul li .menu-text,
  #DynamicBottom .footer-menu ul li .menu-text {
    margin: 0;
    padding: 0;
    flex-shrink: 0;
  }
  .footer-menu ul li .menu-text a,
  #DynamicBottom .footer-menu ul li .menu-text a {
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #393939;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.09em;
  }
  #hamburger-menu-background,
  #DynamicBottom #hamburger-menu-background {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9997;
  }
  #hamburger-menu-background.show,
  #DynamicBottom #hamburger-menu-background.show {
    height: 100vh;
    height: 100lvh;
  }
  /* ハンバーガーメニュー（Figma 154:14565） */
  #hamburger-menu-container.hamburger-menu-container,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container {
    display: flex;
    position: fixed;
    bottom: 80px;
    left: 20px;
    right: 20px;
    width: auto;
    max-width: none;
    height: 0;
    margin: 0;
    padding: 0;
    background: #C4E4A8;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    border: solid 1px transparent;
    border-radius: 0;
    z-index: 9998;
    overflow: hidden;
    transform: none;
    transition: height 0.3s ease-in-out;
    flex-direction: column;
    box-sizing: border-box;
  }
  #hamburger-menu-container.hamburger-menu-container.show,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.show {
    height: auto;
    max-height: calc(100lvh - 116px);
    padding: 24px;
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-close,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-close {
    order: 2;
    position: static;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin: 12px auto 0;
    padding: 12px;
    height: auto;
    background: #017e51;
    border: solid 1px transparent;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-close::after,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-close::after {
    content: "閉じる";
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-close:hover,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-close:hover {
    background: #016644;
    border: solid 1px transparent;
    border-radius: 3px;
  }
  #hamburger-menu-container.hamburger-menu-container,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container {
    /* 検索パネルだけクリーム。メニュー・オンラインは緑のまま */
  }
  #hamburger-menu-container.hamburger-menu-container.is-search, #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #searchxox_for_kcity),
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-search,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #searchxox_for_kcity) {
    background: #FCFBF8;
  }
  #hamburger-menu-container.hamburger-menu-container.is-search.show, #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #searchxox_for_kcity).show,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-search.show,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #searchxox_for_kcity).show {
    padding: 24px;
  }
  #hamburger-menu-container.hamburger-menu-container,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container {
    /* オンラインサービス：wrap透明・label非表示／単一ul（公式と同じfloat）
       本番HTMLは is-online を付けず、中身の #onlineServicesWrap で開く */
  }
  #hamburger-menu-container.hamburger-menu-container.is-online, #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap),
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) {
    overflow-x: hidden;
  }
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content, #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content {
    overflow-x: hidden;
    max-width: 100%;
    box-sizing: border-box;
  }
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap,
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap, #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap,
  #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap {
    background: transparent;
    background-color: transparent;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    border: none;
    box-shadow: none;
    overflow-x: hidden;
    box-sizing: border-box;
  }
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap #onlines-ac,
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap .ac-label,
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap label.ac-label,
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap input + label,
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap h2,
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap #onlines-ac,
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap .ac-label,
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap label.ac-label,
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap input + label,
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap h2, #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap #onlines-ac,
  #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap .ac-label,
  #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap label.ac-label,
  #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap input + label,
  #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap h2,
  #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap #onlines-ac,
  #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap .ac-label,
  #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap label.ac-label,
  #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap input + label,
  #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap h2,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap #onlines-ac,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap .ac-label,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap label.ac-label,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap input + label,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap h2,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap #onlines-ac,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap .ac-label,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap label.ac-label,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap input + label,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap h2,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap #onlines-ac,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap .ac-label,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap label.ac-label,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap input + label,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap h2,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap #onlines-ac,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap .ac-label,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap label.ac-label,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap input + label,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap h2 {
    display: none;
  }
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap ul,
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap ul, #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap ul,
  #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap ul,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap ul,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap ul,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap ul,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap ul {
    display: block;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap ul li,
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap ul li, #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap ul li,
  #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap ul li,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap ul li,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap ul li,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap ul li,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap ul li {
    border: solid 1px transparent;
    background: transparent;
    border-radius: 0;
  }
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap ul li a,
  #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap ul li a, #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap ul li a,
  #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap ul li a,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content #onlineServicesWrap ul li a,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container.is-online .hamburger-menu-content .onlineServicesWrap ul li a,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content #onlineServicesWrap ul li a,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container:has(.hamburger-menu-content > #onlineServicesWrap) .hamburger-menu-content .onlineServicesWrap ul li a {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font-size: 1.5rem;
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content {
    order: 1;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    overflow-y: auto;
    padding: 0;
    box-sizing: border-box;
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu {
    margin: 0;
    padding: 0;
    color: inherit;
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu h2,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu h2 {
    display: none;
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu ul.globalPrimaryMenu,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu ul.globalPrimaryMenu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li#grp4,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li#grp4 {
    display: none;
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li.globalPrimaryMenu,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li.globalPrimaryMenu {
    margin: 0;
    padding: 0;
    list-style: none;
    border: solid 1px transparent;
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li.globalPrimaryMenu a,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li.globalPrimaryMenu a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    margin: 0;
    padding: 8px 12px 8px 17px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    color: #333;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    text-align: left;
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li.globalPrimaryMenu a::before,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li.globalPrimaryMenu a::before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin: 0;
    font-family: "komae-iconfont";
    font-size: 26px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 30px;
    text-align: center;
    text-transform: none;
    speak: none;
    color: #00825F;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li#grp41 a::before,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li#grp41 a::before {
    content: "\f014";
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li#grp42 a::before,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li#grp42 a::before {
    content: "\f015";
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li#grp43 a::before,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li#grp43 a::before {
    content: "\f016";
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li#grp44 a::before,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li#grp44 a::before {
    content: "\f017";
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li#grp45 a::before,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li#grp45 a::before {
    content: "\f018";
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li#grp46 a::before,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li#grp46 a::before {
    content: "\f019";
  }
  #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li.globalPrimaryMenu a::after,
  #DynamicBottom #hamburger-menu-container.hamburger-menu-container .hamburger-menu-content #globalPrimaryMenu li.globalPrimaryMenu a::after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    margin-left: auto;
    border-right: 2px solid #52A52C;
    border-bottom: 2px solid #52A52C;
    transform: rotate(-45deg);
  }
}
/* オンラインサービス（SP） Figma 349:6112 */
.onlineServicesWrap #onlines-ac {
  display: none;
}

.onlineServicesWrap .ac-label {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.onlineServicesWrap ul {
  display: block;
  text-align: center;
}

.onlineServicesWrap ul li {
  display: inline-block;
}

.onlineServicesWrap ul li a {
  text-decoration: none;
}

/* SPトップ：#E8EFD1背景・57px見出し・白カード2列（gap 12px / row 6px） */
@media handheld, only screen and (max-width: 767px) {
  body.indexBody #DynamicBottom div.onlineServicesWrap,
  body.indexBody #Main div.onlineServicesWrap {
    background: #E8EFD1;
    border-bottom: none;
    overflow-x: hidden;
    box-sizing: border-box;
  }
  body.indexBody #DynamicBottom div.onlineServicesWrap label.ac-label,
  body.indexBody #DynamicBottom div.onlineServicesWrap input + label,
  body.indexBody #Main div.onlineServicesWrap label.ac-label,
  body.indexBody #Main div.onlineServicesWrap input + label {
    display: block;
    height: 57px;
    background: #E8EFD1;
    box-shadow: none;
    box-sizing: border-box;
  }
  body.indexBody #DynamicBottom div.onlineServicesWrap label.ac-label::after,
  body.indexBody #DynamicBottom div.onlineServicesWrap input + label::after,
  body.indexBody #Main div.onlineServicesWrap label.ac-label::after,
  body.indexBody #Main div.onlineServicesWrap input + label::after {
    color: #393939;
  }
  body.indexBody #DynamicBottom div.onlineServicesWrap label.ac-label > h2,
  body.indexBody #DynamicBottom div.onlineServicesWrap input + label > h2,
  body.indexBody #Main div.onlineServicesWrap label.ac-label > h2,
  body.indexBody #Main div.onlineServicesWrap input + label > h2 {
    margin: 0;
    padding: 0 50px 0 16px;
    height: 57px;
    line-height: 57px;
    font-size: 16px;
    font-weight: 700;
    color: #393939;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
  }
  body.indexBody #DynamicBottom div.onlineServicesWrap,
  body.indexBody #Main div.onlineServicesWrap {
    /* 閉じているときは完全非表示（padding上書き防止） */
  }
  body.indexBody #DynamicBottom div.onlineServicesWrap input:not(:checked) + label + ul,
  body.indexBody #Main div.onlineServicesWrap input:not(:checked) + label + ul {
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  body.indexBody #DynamicBottom div.onlineServicesWrap input:checked + label + ul,
  body.indexBody #Main div.onlineServicesWrap input:checked + label + ul {
    height: auto;
    padding: 0 10px 20px;
    overflow: hidden;
    box-sizing: border-box;
  }
  body.indexBody #DynamicBottom div.onlineServicesWrap ul li,
  body.indexBody #Main div.onlineServicesWrap ul li {
    width: calc(50% - 6px);
    margin-top: 6px;
    margin-bottom: 0;
    padding: 0;
    border: solid 1px transparent;
    background: transparent;
    border-radius: 0;
    box-sizing: border-box;
  }
  body.indexBody #DynamicBottom div.onlineServicesWrap ul li:nth-of-type(1),
  body.indexBody #DynamicBottom div.onlineServicesWrap ul li:nth-of-type(2),
  body.indexBody #Main div.onlineServicesWrap ul li:nth-of-type(1),
  body.indexBody #Main div.onlineServicesWrap ul li:nth-of-type(2) {
    margin-top: 0;
  }
  body.indexBody #DynamicBottom div.onlineServicesWrap ul li:nth-of-type(2n+1),
  body.indexBody #Main div.onlineServicesWrap ul li:nth-of-type(2n+1) {
    float: left;
    clear: left;
  }
  body.indexBody #DynamicBottom div.onlineServicesWrap ul li:nth-of-type(2n),
  body.indexBody #Main div.onlineServicesWrap ul li:nth-of-type(2n) {
    float: right;
  }
  body.indexBody #DynamicBottom div.onlineServicesWrap ul li a,
  body.indexBody #Main div.onlineServicesWrap ul li a {
    display: flex;
    align-items: center;
    min-height: 44px;
    width: 100%;
    margin: 0;
    padding: 6px 28px 6px 13px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: #333;
    background: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
  }
  body.indexBody #DynamicBottom div.onlineServicesWrap ul li a::before,
  body.indexBody #Main div.onlineServicesWrap ul li a::before {
    display: none;
  }
  body.indexBody #DynamicBottom div.onlineServicesWrap ul li a::after,
  body.indexBody #Main div.onlineServicesWrap ul li a::after {
    display: block;
    margin-top: -6px;
    position: absolute;
    right: 8px;
    top: 50%;
    color: #2D913A;
    font-size: 12px;
  }
}
/* SP：onlineServicesNextWrap 外へ移動した socialMediaWrap 用
   group.css は div.onlineServicesNextWrap div.socialMediaWrap 前提のため上書き */
@media handheld, only screen and (max-width: 767px) {
  body.indexBody #DynamicBottom > .socialMediaWrap.is-sp-reordered {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
  body.indexBody #DynamicBottom > .socialMediaWrap.is-sp-reordered h2 {
    margin: 0;
    padding: 20px 30px;
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: 600;
    color: #333333;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
  body.indexBody #DynamicBottom > .socialMediaWrap.is-sp-reordered ul {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
    padding: 0 12px 12px;
    width: 100%;
    list-style: none;
    box-sizing: border-box;
  }
  body.indexBody #DynamicBottom > .socialMediaWrap.is-sp-reordered ul::after {
    display: none;
  }
  body.indexBody #DynamicBottom > .socialMediaWrap.is-sp-reordered ul li {
    flex: 1 1 calc((100% - 16px) / 2);
    min-width: calc((100% - 16px) / 2);
    max-width: calc((100% - 16px) / 2);
    margin: 0;
    padding: 0;
    display: block;
    float: none !important;
    clear: none !important;
    list-style: none;
    box-sizing: border-box;
  }
  body.indexBody #DynamicBottom > .socialMediaWrap.is-sp-reordered ul li a {
    display: block;
    width: 100% !important;
    max-width: 100%;
    margin: 0;
    padding: 14px 10px 14px 42px;
    color: #333;
    background: #fff;
    text-decoration: none;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.35;
    box-shadow: 1px 3px 2px 0 rgba(58, 77, 19, 0.15);
    position: relative;
    z-index: 0;
    text-align: center;
    border: 1px solid transparent;
    box-sizing: border-box;
  }
  body.indexBody #DynamicBottom > .socialMediaWrap.is-sp-reordered ul li a::before {
    content: "";
    display: block;
    margin: 0;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 10px;
    right: auto;
    width: 30px;
    height: 30px;
    line-height: 30px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
  }
  body.indexBody #DynamicBottom > .socialMediaWrap.is-sp-reordered ul li a.twitter::before {
    background-image: url("images/twitter-icon.png") !important;
  }
  body.indexBody #DynamicBottom > .socialMediaWrap.is-sp-reordered ul li a.facebook::before {
    background-image: url("images/facebook-icon.png") !important;
  }
  body.indexBody #DynamicBottom > .socialMediaWrap.is-sp-reordered ul li a.youtube::before {
    background-image: url("images/youtube-icon.png") !important;
  }
  body.indexBody #DynamicBottom > .socialMediaWrap.is-sp-reordered ul li a.instagram::before {
    background-image: url("images/instagram-icon.png") !important;
  }
}
/* SPトップ：「いざというときに」見出し左の拡声器アイコン
   Figma 56:21452 — group.css が SP アコーディオンで h2::before を display:none しているため復活 */
@media handheld, only screen and (max-width: 767px) {
  body.indexBody #Main div.attentionListWrap input + label > h2,
  body.indexBody #Main div.attentionListWrap label.ac-label > h2 {
    position: relative;
    /* アイコン幅〜34px + 間隔11px（Figma） */
    padding-left: 46px;
    padding-right: 50px;
    box-sizing: border-box;
  }
  body.indexBody #Main div.attentionListWrap input + label > h2::before,
  body.indexBody #Main div.attentionListWrap label.ac-label > h2::before {
    content: "\f009";
    font-family: "komae-iconfont";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    position: absolute;
    z-index: 1;
    margin: 0;
    padding: 0;
    width: 34px;
    height: 28px;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
    left: 4px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    color: #F4692D;
    background: none;
    border: none;
  }
}
/* SPトップ：お知らせ / イベント / 更新情報 アコーディオン（Figma 355:6159）
   開閉アイコン・見出し余白はオンラインサービスと同様 */
/* PCでもチェックボックスは非表示（JSが挿入） */
body.indexBody #Main .newsContents input[type=checkbox],
body.indexBody #DynamicBottom .newsContents input[type=checkbox],
body.indexBody #Main .eventContents input[type=checkbox],
body.indexBody #DynamicBottom .eventContents input[type=checkbox],
body.indexBody #Main .freshContents input[type=checkbox],
body.indexBody #DynamicBottom .freshContents input[type=checkbox] {
  display: none;
}

@media handheld, only screen and (max-width: 767px) {
  body.indexBody #Main .newsContents,
  body.indexBody #DynamicBottom .newsContents,
  body.indexBody #Main .eventContents,
  body.indexBody #DynamicBottom .eventContents,
  body.indexBody #Main .freshContents,
  body.indexBody #DynamicBottom .freshContents {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* group.css: article#fresh { padding: 20px 0 12px } が上下の白帯になる */
  }
  body.indexBody #Main .newsContents article#fresh,
  body.indexBody #Main .newsContents article#news,
  body.indexBody #Main .newsContents article,
  body.indexBody #DynamicBottom .newsContents article#fresh,
  body.indexBody #DynamicBottom .newsContents article#news,
  body.indexBody #DynamicBottom .newsContents article,
  body.indexBody #Main .eventContents article#fresh,
  body.indexBody #Main .eventContents article#news,
  body.indexBody #Main .eventContents article,
  body.indexBody #DynamicBottom .eventContents article#fresh,
  body.indexBody #DynamicBottom .eventContents article#news,
  body.indexBody #DynamicBottom .eventContents article,
  body.indexBody #Main .freshContents article#fresh,
  body.indexBody #Main .freshContents article#news,
  body.indexBody #Main .freshContents article,
  body.indexBody #DynamicBottom .freshContents article#fresh,
  body.indexBody #DynamicBottom .freshContents article#news,
  body.indexBody #DynamicBottom .freshContents article {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
  }
  body.indexBody #Main .newsContents input[type=checkbox],
  body.indexBody #DynamicBottom .newsContents input[type=checkbox],
  body.indexBody #Main .eventContents input[type=checkbox],
  body.indexBody #DynamicBottom .eventContents input[type=checkbox],
  body.indexBody #Main .freshContents input[type=checkbox],
  body.indexBody #DynamicBottom .freshContents input[type=checkbox] {
    display: none;
  }
  body.indexBody #Main .newsContents label.ac-label,
  body.indexBody #Main .newsContents input + label,
  body.indexBody #DynamicBottom .newsContents label.ac-label,
  body.indexBody #DynamicBottom .newsContents input + label,
  body.indexBody #Main .eventContents label.ac-label,
  body.indexBody #Main .eventContents input + label,
  body.indexBody #DynamicBottom .eventContents label.ac-label,
  body.indexBody #DynamicBottom .eventContents input + label,
  body.indexBody #Main .freshContents label.ac-label,
  body.indexBody #Main .freshContents input + label,
  body.indexBody #DynamicBottom .freshContents label.ac-label,
  body.indexBody #DynamicBottom .freshContents input + label {
    position: relative;
    display: block;
    box-sizing: border-box;
    height: 57px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    background: #C4E4A8;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    /* 見出し下の緑バー（Figma） */
  }
  body.indexBody #Main .newsContents label.ac-label::before,
  body.indexBody #Main .newsContents input + label::before,
  body.indexBody #DynamicBottom .newsContents label.ac-label::before,
  body.indexBody #DynamicBottom .newsContents input + label::before,
  body.indexBody #Main .eventContents label.ac-label::before,
  body.indexBody #Main .eventContents input + label::before,
  body.indexBody #DynamicBottom .eventContents label.ac-label::before,
  body.indexBody #DynamicBottom .eventContents input + label::before,
  body.indexBody #Main .freshContents label.ac-label::before,
  body.indexBody #Main .freshContents input + label::before,
  body.indexBody #DynamicBottom .freshContents label.ac-label::before,
  body.indexBody #DynamicBottom .freshContents input + label::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #9CD36D;
    z-index: 1;
  }
  body.indexBody #Main .newsContents label.ac-label,
  body.indexBody #Main .newsContents input + label,
  body.indexBody #DynamicBottom .newsContents label.ac-label,
  body.indexBody #DynamicBottom .newsContents input + label,
  body.indexBody #Main .eventContents label.ac-label,
  body.indexBody #Main .eventContents input + label,
  body.indexBody #DynamicBottom .eventContents label.ac-label,
  body.indexBody #DynamicBottom .eventContents input + label,
  body.indexBody #Main .freshContents label.ac-label,
  body.indexBody #Main .freshContents input + label,
  body.indexBody #DynamicBottom .freshContents label.ac-label,
  body.indexBody #DynamicBottom .freshContents input + label {
    /* +/- アイコン（オンラインサービスと同位置・同サイズ） */
  }
  body.indexBody #Main .newsContents label.ac-label::after,
  body.indexBody #Main .newsContents input + label::after,
  body.indexBody #DynamicBottom .newsContents label.ac-label::after,
  body.indexBody #DynamicBottom .newsContents input + label::after,
  body.indexBody #Main .eventContents label.ac-label::after,
  body.indexBody #Main .eventContents input + label::after,
  body.indexBody #DynamicBottom .eventContents label.ac-label::after,
  body.indexBody #DynamicBottom .eventContents input + label::after,
  body.indexBody #Main .freshContents label.ac-label::after,
  body.indexBody #Main .freshContents input + label::after,
  body.indexBody #DynamicBottom .freshContents label.ac-label::after,
  body.indexBody #DynamicBottom .freshContents input + label::after {
    content: "\f007";
    font-family: "komae-iconfont";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: -13px auto 0;
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 24px;
    font-size: 2.4rem;
    height: 24px;
    line-height: 24px;
    left: auto;
    right: 14px;
    top: 50%;
    transform: rotate(-90deg);
    transition: 300ms 0s ease;
    color: #393939;
  }
  body.indexBody #Main .newsContents label.ac-label > h2,
  body.indexBody #Main .newsContents label.ac-label > h2.newsTitle,
  body.indexBody #Main .newsContents label.ac-label > h2.eventTitle,
  body.indexBody #Main .newsContents label.ac-label > h2.freshTitle,
  body.indexBody #Main .newsContents input + label > h2,
  body.indexBody #Main .newsContents input + label > h2.newsTitle,
  body.indexBody #Main .newsContents input + label > h2.eventTitle,
  body.indexBody #Main .newsContents input + label > h2.freshTitle,
  body.indexBody #DynamicBottom .newsContents label.ac-label > h2,
  body.indexBody #DynamicBottom .newsContents label.ac-label > h2.newsTitle,
  body.indexBody #DynamicBottom .newsContents label.ac-label > h2.eventTitle,
  body.indexBody #DynamicBottom .newsContents label.ac-label > h2.freshTitle,
  body.indexBody #DynamicBottom .newsContents input + label > h2,
  body.indexBody #DynamicBottom .newsContents input + label > h2.newsTitle,
  body.indexBody #DynamicBottom .newsContents input + label > h2.eventTitle,
  body.indexBody #DynamicBottom .newsContents input + label > h2.freshTitle,
  body.indexBody #Main .eventContents label.ac-label > h2,
  body.indexBody #Main .eventContents label.ac-label > h2.newsTitle,
  body.indexBody #Main .eventContents label.ac-label > h2.eventTitle,
  body.indexBody #Main .eventContents label.ac-label > h2.freshTitle,
  body.indexBody #Main .eventContents input + label > h2,
  body.indexBody #Main .eventContents input + label > h2.newsTitle,
  body.indexBody #Main .eventContents input + label > h2.eventTitle,
  body.indexBody #Main .eventContents input + label > h2.freshTitle,
  body.indexBody #DynamicBottom .eventContents label.ac-label > h2,
  body.indexBody #DynamicBottom .eventContents label.ac-label > h2.newsTitle,
  body.indexBody #DynamicBottom .eventContents label.ac-label > h2.eventTitle,
  body.indexBody #DynamicBottom .eventContents label.ac-label > h2.freshTitle,
  body.indexBody #DynamicBottom .eventContents input + label > h2,
  body.indexBody #DynamicBottom .eventContents input + label > h2.newsTitle,
  body.indexBody #DynamicBottom .eventContents input + label > h2.eventTitle,
  body.indexBody #DynamicBottom .eventContents input + label > h2.freshTitle,
  body.indexBody #Main .freshContents label.ac-label > h2,
  body.indexBody #Main .freshContents label.ac-label > h2.newsTitle,
  body.indexBody #Main .freshContents label.ac-label > h2.eventTitle,
  body.indexBody #Main .freshContents label.ac-label > h2.freshTitle,
  body.indexBody #Main .freshContents input + label > h2,
  body.indexBody #Main .freshContents input + label > h2.newsTitle,
  body.indexBody #Main .freshContents input + label > h2.eventTitle,
  body.indexBody #Main .freshContents input + label > h2.freshTitle,
  body.indexBody #DynamicBottom .freshContents label.ac-label > h2,
  body.indexBody #DynamicBottom .freshContents label.ac-label > h2.newsTitle,
  body.indexBody #DynamicBottom .freshContents label.ac-label > h2.eventTitle,
  body.indexBody #DynamicBottom .freshContents label.ac-label > h2.freshTitle,
  body.indexBody #DynamicBottom .freshContents input + label > h2,
  body.indexBody #DynamicBottom .freshContents input + label > h2.newsTitle,
  body.indexBody #DynamicBottom .freshContents input + label > h2.eventTitle,
  body.indexBody #DynamicBottom .freshContents input + label > h2.freshTitle {
    margin: 0;
    padding: 0 50px 0 16px;
    height: 57px;
    line-height: 57px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #393939;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    background: transparent;
    position: relative;
    z-index: 0;
  }
  body.indexBody #Main .newsContents label.ac-label > h2::before, body.indexBody #Main .newsContents label.ac-label > h2::after,
  body.indexBody #Main .newsContents label.ac-label > h2.newsTitle::before,
  body.indexBody #Main .newsContents label.ac-label > h2.newsTitle::after,
  body.indexBody #Main .newsContents label.ac-label > h2.eventTitle::before,
  body.indexBody #Main .newsContents label.ac-label > h2.eventTitle::after,
  body.indexBody #Main .newsContents label.ac-label > h2.freshTitle::before,
  body.indexBody #Main .newsContents label.ac-label > h2.freshTitle::after,
  body.indexBody #Main .newsContents input + label > h2::before,
  body.indexBody #Main .newsContents input + label > h2::after,
  body.indexBody #Main .newsContents input + label > h2.newsTitle::before,
  body.indexBody #Main .newsContents input + label > h2.newsTitle::after,
  body.indexBody #Main .newsContents input + label > h2.eventTitle::before,
  body.indexBody #Main .newsContents input + label > h2.eventTitle::after,
  body.indexBody #Main .newsContents input + label > h2.freshTitle::before,
  body.indexBody #Main .newsContents input + label > h2.freshTitle::after,
  body.indexBody #DynamicBottom .newsContents label.ac-label > h2::before,
  body.indexBody #DynamicBottom .newsContents label.ac-label > h2::after,
  body.indexBody #DynamicBottom .newsContents label.ac-label > h2.newsTitle::before,
  body.indexBody #DynamicBottom .newsContents label.ac-label > h2.newsTitle::after,
  body.indexBody #DynamicBottom .newsContents label.ac-label > h2.eventTitle::before,
  body.indexBody #DynamicBottom .newsContents label.ac-label > h2.eventTitle::after,
  body.indexBody #DynamicBottom .newsContents label.ac-label > h2.freshTitle::before,
  body.indexBody #DynamicBottom .newsContents label.ac-label > h2.freshTitle::after,
  body.indexBody #DynamicBottom .newsContents input + label > h2::before,
  body.indexBody #DynamicBottom .newsContents input + label > h2::after,
  body.indexBody #DynamicBottom .newsContents input + label > h2.newsTitle::before,
  body.indexBody #DynamicBottom .newsContents input + label > h2.newsTitle::after,
  body.indexBody #DynamicBottom .newsContents input + label > h2.eventTitle::before,
  body.indexBody #DynamicBottom .newsContents input + label > h2.eventTitle::after,
  body.indexBody #DynamicBottom .newsContents input + label > h2.freshTitle::before,
  body.indexBody #DynamicBottom .newsContents input + label > h2.freshTitle::after,
  body.indexBody #Main .eventContents label.ac-label > h2::before,
  body.indexBody #Main .eventContents label.ac-label > h2::after,
  body.indexBody #Main .eventContents label.ac-label > h2.newsTitle::before,
  body.indexBody #Main .eventContents label.ac-label > h2.newsTitle::after,
  body.indexBody #Main .eventContents label.ac-label > h2.eventTitle::before,
  body.indexBody #Main .eventContents label.ac-label > h2.eventTitle::after,
  body.indexBody #Main .eventContents label.ac-label > h2.freshTitle::before,
  body.indexBody #Main .eventContents label.ac-label > h2.freshTitle::after,
  body.indexBody #Main .eventContents input + label > h2::before,
  body.indexBody #Main .eventContents input + label > h2::after,
  body.indexBody #Main .eventContents input + label > h2.newsTitle::before,
  body.indexBody #Main .eventContents input + label > h2.newsTitle::after,
  body.indexBody #Main .eventContents input + label > h2.eventTitle::before,
  body.indexBody #Main .eventContents input + label > h2.eventTitle::after,
  body.indexBody #Main .eventContents input + label > h2.freshTitle::before,
  body.indexBody #Main .eventContents input + label > h2.freshTitle::after,
  body.indexBody #DynamicBottom .eventContents label.ac-label > h2::before,
  body.indexBody #DynamicBottom .eventContents label.ac-label > h2::after,
  body.indexBody #DynamicBottom .eventContents label.ac-label > h2.newsTitle::before,
  body.indexBody #DynamicBottom .eventContents label.ac-label > h2.newsTitle::after,
  body.indexBody #DynamicBottom .eventContents label.ac-label > h2.eventTitle::before,
  body.indexBody #DynamicBottom .eventContents label.ac-label > h2.eventTitle::after,
  body.indexBody #DynamicBottom .eventContents label.ac-label > h2.freshTitle::before,
  body.indexBody #DynamicBottom .eventContents label.ac-label > h2.freshTitle::after,
  body.indexBody #DynamicBottom .eventContents input + label > h2::before,
  body.indexBody #DynamicBottom .eventContents input + label > h2::after,
  body.indexBody #DynamicBottom .eventContents input + label > h2.newsTitle::before,
  body.indexBody #DynamicBottom .eventContents input + label > h2.newsTitle::after,
  body.indexBody #DynamicBottom .eventContents input + label > h2.eventTitle::before,
  body.indexBody #DynamicBottom .eventContents input + label > h2.eventTitle::after,
  body.indexBody #DynamicBottom .eventContents input + label > h2.freshTitle::before,
  body.indexBody #DynamicBottom .eventContents input + label > h2.freshTitle::after,
  body.indexBody #Main .freshContents label.ac-label > h2::before,
  body.indexBody #Main .freshContents label.ac-label > h2::after,
  body.indexBody #Main .freshContents label.ac-label > h2.newsTitle::before,
  body.indexBody #Main .freshContents label.ac-label > h2.newsTitle::after,
  body.indexBody #Main .freshContents label.ac-label > h2.eventTitle::before,
  body.indexBody #Main .freshContents label.ac-label > h2.eventTitle::after,
  body.indexBody #Main .freshContents label.ac-label > h2.freshTitle::before,
  body.indexBody #Main .freshContents label.ac-label > h2.freshTitle::after,
  body.indexBody #Main .freshContents input + label > h2::before,
  body.indexBody #Main .freshContents input + label > h2::after,
  body.indexBody #Main .freshContents input + label > h2.newsTitle::before,
  body.indexBody #Main .freshContents input + label > h2.newsTitle::after,
  body.indexBody #Main .freshContents input + label > h2.eventTitle::before,
  body.indexBody #Main .freshContents input + label > h2.eventTitle::after,
  body.indexBody #Main .freshContents input + label > h2.freshTitle::before,
  body.indexBody #Main .freshContents input + label > h2.freshTitle::after,
  body.indexBody #DynamicBottom .freshContents label.ac-label > h2::before,
  body.indexBody #DynamicBottom .freshContents label.ac-label > h2::after,
  body.indexBody #DynamicBottom .freshContents label.ac-label > h2.newsTitle::before,
  body.indexBody #DynamicBottom .freshContents label.ac-label > h2.newsTitle::after,
  body.indexBody #DynamicBottom .freshContents label.ac-label > h2.eventTitle::before,
  body.indexBody #DynamicBottom .freshContents label.ac-label > h2.eventTitle::after,
  body.indexBody #DynamicBottom .freshContents label.ac-label > h2.freshTitle::before,
  body.indexBody #DynamicBottom .freshContents label.ac-label > h2.freshTitle::after,
  body.indexBody #DynamicBottom .freshContents input + label > h2::before,
  body.indexBody #DynamicBottom .freshContents input + label > h2::after,
  body.indexBody #DynamicBottom .freshContents input + label > h2.newsTitle::before,
  body.indexBody #DynamicBottom .freshContents input + label > h2.newsTitle::after,
  body.indexBody #DynamicBottom .freshContents input + label > h2.eventTitle::before,
  body.indexBody #DynamicBottom .freshContents input + label > h2.eventTitle::after,
  body.indexBody #DynamicBottom .freshContents input + label > h2.freshTitle::before,
  body.indexBody #DynamicBottom .freshContents input + label > h2.freshTitle::after {
    display: none;
  }
  body.indexBody #Main .newsContents input:checked + label::after,
  body.indexBody #DynamicBottom .newsContents input:checked + label::after,
  body.indexBody #Main .eventContents input:checked + label::after,
  body.indexBody #DynamicBottom .eventContents input:checked + label::after,
  body.indexBody #Main .freshContents input:checked + label::after,
  body.indexBody #DynamicBottom .freshContents input:checked + label::after {
    content: "\f006";
    font-family: "komae-iconfont";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #393939;
    /* 「いざというときに」と同じ開閉アニメ */
    transform: rotate(90deg);
    transition: 300ms 0s ease;
  }
  body.indexBody #Main .newsContents,
  body.indexBody #DynamicBottom .newsContents,
  body.indexBody #Main .eventContents,
  body.indexBody #DynamicBottom .eventContents,
  body.indexBody #Main .freshContents,
  body.indexBody #DynamicBottom .freshContents {
    /* 閉じているとき */
  }
  body.indexBody #Main .newsContents input:not(:checked) + label + .newsContent,
  body.indexBody #Main .newsContents input:not(:checked) + label + .eventContent,
  body.indexBody #Main .newsContents input:not(:checked) + label + .freshContent,
  body.indexBody #DynamicBottom .newsContents input:not(:checked) + label + .newsContent,
  body.indexBody #DynamicBottom .newsContents input:not(:checked) + label + .eventContent,
  body.indexBody #DynamicBottom .newsContents input:not(:checked) + label + .freshContent,
  body.indexBody #Main .eventContents input:not(:checked) + label + .newsContent,
  body.indexBody #Main .eventContents input:not(:checked) + label + .eventContent,
  body.indexBody #Main .eventContents input:not(:checked) + label + .freshContent,
  body.indexBody #DynamicBottom .eventContents input:not(:checked) + label + .newsContent,
  body.indexBody #DynamicBottom .eventContents input:not(:checked) + label + .eventContent,
  body.indexBody #DynamicBottom .eventContents input:not(:checked) + label + .freshContent,
  body.indexBody #Main .freshContents input:not(:checked) + label + .newsContent,
  body.indexBody #Main .freshContents input:not(:checked) + label + .eventContent,
  body.indexBody #Main .freshContents input:not(:checked) + label + .freshContent,
  body.indexBody #DynamicBottom .freshContents input:not(:checked) + label + .newsContent,
  body.indexBody #DynamicBottom .freshContents input:not(:checked) + label + .eventContent,
  body.indexBody #DynamicBottom .freshContents input:not(:checked) + label + .freshContent {
    height: 0;
    max-height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: none;
  }
  body.indexBody #Main .newsContents,
  body.indexBody #DynamicBottom .newsContents,
  body.indexBody #Main .eventContents,
  body.indexBody #DynamicBottom .eventContents,
  body.indexBody #Main .freshContents,
  body.indexBody #DynamicBottom .freshContents {
    /* 開いているとき（Figma: 白パネル・余白20px） */
  }
  body.indexBody #Main .newsContents input:checked + label + .newsContent,
  body.indexBody #Main .newsContents input:checked + label + .eventContent,
  body.indexBody #Main .newsContents input:checked + label + .freshContent,
  body.indexBody #DynamicBottom .newsContents input:checked + label + .newsContent,
  body.indexBody #DynamicBottom .newsContents input:checked + label + .eventContent,
  body.indexBody #DynamicBottom .newsContents input:checked + label + .freshContent,
  body.indexBody #Main .eventContents input:checked + label + .newsContent,
  body.indexBody #Main .eventContents input:checked + label + .eventContent,
  body.indexBody #Main .eventContents input:checked + label + .freshContent,
  body.indexBody #DynamicBottom .eventContents input:checked + label + .newsContent,
  body.indexBody #DynamicBottom .eventContents input:checked + label + .eventContent,
  body.indexBody #DynamicBottom .eventContents input:checked + label + .freshContent,
  body.indexBody #Main .freshContents input:checked + label + .newsContent,
  body.indexBody #Main .freshContents input:checked + label + .eventContent,
  body.indexBody #Main .freshContents input:checked + label + .freshContent,
  body.indexBody #DynamicBottom .freshContents input:checked + label + .newsContent,
  body.indexBody #DynamicBottom .freshContents input:checked + label + .eventContent,
  body.indexBody #DynamicBottom .freshContents input:checked + label + .freshContent {
    height: auto;
    max-height: none;
    box-sizing: border-box;
    margin: 0;
    padding: 20px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #C4E4A8;
    border-top: none;
  }
  body.indexBody #Main .newsContents .newsNotice,
  body.indexBody #Main .newsContents .eventNotice,
  body.indexBody #DynamicBottom .newsContents .newsNotice,
  body.indexBody #DynamicBottom .newsContents .eventNotice,
  body.indexBody #Main .eventContents .newsNotice,
  body.indexBody #Main .eventContents .eventNotice,
  body.indexBody #DynamicBottom .eventContents .newsNotice,
  body.indexBody #DynamicBottom .eventContents .eventNotice,
  body.indexBody #Main .freshContents .newsNotice,
  body.indexBody #Main .freshContents .eventNotice,
  body.indexBody #DynamicBottom .freshContents .newsNotice,
  body.indexBody #DynamicBottom .freshContents .eventNotice {
    display: none;
  }
  body.indexBody #Main .newsContents,
  body.indexBody #DynamicBottom .newsContents,
  body.indexBody #Main .eventContents,
  body.indexBody #DynamicBottom .eventContents,
  body.indexBody #Main .freshContents,
  body.indexBody #DynamicBottom .freshContents {
    /* 日付＋リンクのリスト */
  }
  body.indexBody #Main .newsContents .newsContentList,
  body.indexBody #Main .newsContents .eventContentList,
  body.indexBody #Main .newsContents .freshContentList,
  body.indexBody #DynamicBottom .newsContents .newsContentList,
  body.indexBody #DynamicBottom .newsContents .eventContentList,
  body.indexBody #DynamicBottom .newsContents .freshContentList,
  body.indexBody #Main .eventContents .newsContentList,
  body.indexBody #Main .eventContents .eventContentList,
  body.indexBody #Main .eventContents .freshContentList,
  body.indexBody #DynamicBottom .eventContents .newsContentList,
  body.indexBody #DynamicBottom .eventContents .eventContentList,
  body.indexBody #DynamicBottom .eventContents .freshContentList,
  body.indexBody #Main .freshContents .newsContentList,
  body.indexBody #Main .freshContents .eventContentList,
  body.indexBody #Main .freshContents .freshContentList,
  body.indexBody #DynamicBottom .freshContents .newsContentList,
  body.indexBody #DynamicBottom .freshContents .eventContentList,
  body.indexBody #DynamicBottom .freshContents .freshContentList {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  body.indexBody #Main .newsContents .newsContentBlock,
  body.indexBody #Main .newsContents .eventDayListBlock,
  body.indexBody #Main .newsContents .freshContentBlock,
  body.indexBody #DynamicBottom .newsContents .newsContentBlock,
  body.indexBody #DynamicBottom .newsContents .eventDayListBlock,
  body.indexBody #DynamicBottom .newsContents .freshContentBlock,
  body.indexBody #Main .eventContents .newsContentBlock,
  body.indexBody #Main .eventContents .eventDayListBlock,
  body.indexBody #Main .eventContents .freshContentBlock,
  body.indexBody #DynamicBottom .eventContents .newsContentBlock,
  body.indexBody #DynamicBottom .eventContents .eventDayListBlock,
  body.indexBody #DynamicBottom .eventContents .freshContentBlock,
  body.indexBody #Main .freshContents .newsContentBlock,
  body.indexBody #Main .freshContents .eventDayListBlock,
  body.indexBody #Main .freshContents .freshContentBlock,
  body.indexBody #DynamicBottom .freshContents .newsContentBlock,
  body.indexBody #DynamicBottom .freshContents .eventDayListBlock,
  body.indexBody #DynamicBottom .freshContents .freshContentBlock {
    margin: 0;
    padding: 0;
    display: block;
  }
  body.indexBody #Main .newsContents .newsContentDate,
  body.indexBody #Main .newsContents .eventDate,
  body.indexBody #Main .newsContents .freshContentDate,
  body.indexBody #DynamicBottom .newsContents .newsContentDate,
  body.indexBody #DynamicBottom .newsContents .eventDate,
  body.indexBody #DynamicBottom .newsContents .freshContentDate,
  body.indexBody #Main .eventContents .newsContentDate,
  body.indexBody #Main .eventContents .eventDate,
  body.indexBody #Main .eventContents .freshContentDate,
  body.indexBody #DynamicBottom .eventContents .newsContentDate,
  body.indexBody #DynamicBottom .eventContents .eventDate,
  body.indexBody #DynamicBottom .eventContents .freshContentDate,
  body.indexBody #Main .freshContents .newsContentDate,
  body.indexBody #Main .freshContents .eventDate,
  body.indexBody #Main .freshContents .freshContentDate,
  body.indexBody #DynamicBottom .freshContents .newsContentDate,
  body.indexBody #DynamicBottom .freshContents .eventDate,
  body.indexBody #DynamicBottom .freshContents .freshContentDate {
    margin: 0 0 8px;
    padding: 0;
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0.04em;
    color: #393939;
    text-align: left;
  }
  body.indexBody #Main .newsContents .newsContentDate time,
  body.indexBody #Main .newsContents .newsContentDate span,
  body.indexBody #Main .newsContents .eventDate time,
  body.indexBody #Main .newsContents .eventDate span,
  body.indexBody #Main .newsContents .freshContentDate time,
  body.indexBody #Main .newsContents .freshContentDate span,
  body.indexBody #DynamicBottom .newsContents .newsContentDate time,
  body.indexBody #DynamicBottom .newsContents .newsContentDate span,
  body.indexBody #DynamicBottom .newsContents .eventDate time,
  body.indexBody #DynamicBottom .newsContents .eventDate span,
  body.indexBody #DynamicBottom .newsContents .freshContentDate time,
  body.indexBody #DynamicBottom .newsContents .freshContentDate span,
  body.indexBody #Main .eventContents .newsContentDate time,
  body.indexBody #Main .eventContents .newsContentDate span,
  body.indexBody #Main .eventContents .eventDate time,
  body.indexBody #Main .eventContents .eventDate span,
  body.indexBody #Main .eventContents .freshContentDate time,
  body.indexBody #Main .eventContents .freshContentDate span,
  body.indexBody #DynamicBottom .eventContents .newsContentDate time,
  body.indexBody #DynamicBottom .eventContents .newsContentDate span,
  body.indexBody #DynamicBottom .eventContents .eventDate time,
  body.indexBody #DynamicBottom .eventContents .eventDate span,
  body.indexBody #DynamicBottom .eventContents .freshContentDate time,
  body.indexBody #DynamicBottom .eventContents .freshContentDate span,
  body.indexBody #Main .freshContents .newsContentDate time,
  body.indexBody #Main .freshContents .newsContentDate span,
  body.indexBody #Main .freshContents .eventDate time,
  body.indexBody #Main .freshContents .eventDate span,
  body.indexBody #Main .freshContents .freshContentDate time,
  body.indexBody #Main .freshContents .freshContentDate span,
  body.indexBody #DynamicBottom .freshContents .newsContentDate time,
  body.indexBody #DynamicBottom .freshContents .newsContentDate span,
  body.indexBody #DynamicBottom .freshContents .eventDate time,
  body.indexBody #DynamicBottom .freshContents .eventDate span,
  body.indexBody #DynamicBottom .freshContents .freshContentDate time,
  body.indexBody #DynamicBottom .freshContents .freshContentDate span {
    font-size: inherit;
    color: inherit;
  }
  body.indexBody #Main .newsContents .newsContentTitle,
  body.indexBody #Main .newsContents .eventContentTitle,
  body.indexBody #Main .newsContents .freshContentTitle,
  body.indexBody #DynamicBottom .newsContents .newsContentTitle,
  body.indexBody #DynamicBottom .newsContents .eventContentTitle,
  body.indexBody #DynamicBottom .newsContents .freshContentTitle,
  body.indexBody #Main .eventContents .newsContentTitle,
  body.indexBody #Main .eventContents .eventContentTitle,
  body.indexBody #Main .eventContents .freshContentTitle,
  body.indexBody #DynamicBottom .eventContents .newsContentTitle,
  body.indexBody #DynamicBottom .eventContents .eventContentTitle,
  body.indexBody #DynamicBottom .eventContents .freshContentTitle,
  body.indexBody #Main .freshContents .newsContentTitle,
  body.indexBody #Main .freshContents .eventContentTitle,
  body.indexBody #Main .freshContents .freshContentTitle,
  body.indexBody #DynamicBottom .freshContents .newsContentTitle,
  body.indexBody #DynamicBottom .freshContents .eventContentTitle,
  body.indexBody #DynamicBottom .freshContents .freshContentTitle {
    margin: 0;
    padding: 0;
    display: block;
  }
  body.indexBody #Main .newsContents .newsContentTitle a,
  body.indexBody #Main .newsContents .eventContentTitle a,
  body.indexBody #Main .newsContents .freshContentTitle a,
  body.indexBody #DynamicBottom .newsContents .newsContentTitle a,
  body.indexBody #DynamicBottom .newsContents .eventContentTitle a,
  body.indexBody #DynamicBottom .newsContents .freshContentTitle a,
  body.indexBody #Main .eventContents .newsContentTitle a,
  body.indexBody #Main .eventContents .eventContentTitle a,
  body.indexBody #Main .eventContents .freshContentTitle a,
  body.indexBody #DynamicBottom .eventContents .newsContentTitle a,
  body.indexBody #DynamicBottom .eventContents .eventContentTitle a,
  body.indexBody #DynamicBottom .eventContents .freshContentTitle a,
  body.indexBody #Main .freshContents .newsContentTitle a,
  body.indexBody #Main .freshContents .eventContentTitle a,
  body.indexBody #Main .freshContents .freshContentTitle a,
  body.indexBody #DynamicBottom .freshContents .newsContentTitle a,
  body.indexBody #DynamicBottom .freshContents .eventContentTitle a,
  body.indexBody #DynamicBottom .freshContents .freshContentTitle a {
    display: block;
    position: relative;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 16px;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.55;
    letter-spacing: 0.04em;
    color: #0000EE;
    text-decoration: underline;
    text-align: left;
    background: transparent;
    border: none;
  }
  body.indexBody #Main .newsContents .newsContentTitle a::before,
  body.indexBody #Main .newsContents .eventContentTitle a::before,
  body.indexBody #Main .newsContents .freshContentTitle a::before,
  body.indexBody #DynamicBottom .newsContents .newsContentTitle a::before,
  body.indexBody #DynamicBottom .newsContents .eventContentTitle a::before,
  body.indexBody #DynamicBottom .newsContents .freshContentTitle a::before,
  body.indexBody #Main .eventContents .newsContentTitle a::before,
  body.indexBody #Main .eventContents .eventContentTitle a::before,
  body.indexBody #Main .eventContents .freshContentTitle a::before,
  body.indexBody #DynamicBottom .eventContents .newsContentTitle a::before,
  body.indexBody #DynamicBottom .eventContents .eventContentTitle a::before,
  body.indexBody #DynamicBottom .eventContents .freshContentTitle a::before,
  body.indexBody #Main .freshContents .newsContentTitle a::before,
  body.indexBody #Main .freshContents .eventContentTitle a::before,
  body.indexBody #Main .freshContents .freshContentTitle a::before,
  body.indexBody #DynamicBottom .freshContents .newsContentTitle a::before,
  body.indexBody #DynamicBottom .freshContents .eventContentTitle a::before,
  body.indexBody #DynamicBottom .freshContents .freshContentTitle a::before {
    content: "\f034";
    font-family: "komae-iconfont";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    display: block;
    position: absolute;
    left: 0;
    top: 0.2em;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #9f9f9f;
    background: none;
    border: none;
    transform: none;
  }
  body.indexBody #Main .newsContents .newsContentTitle a::after,
  body.indexBody #Main .newsContents .eventContentTitle a::after,
  body.indexBody #Main .newsContents .freshContentTitle a::after,
  body.indexBody #DynamicBottom .newsContents .newsContentTitle a::after,
  body.indexBody #DynamicBottom .newsContents .eventContentTitle a::after,
  body.indexBody #DynamicBottom .newsContents .freshContentTitle a::after,
  body.indexBody #Main .eventContents .newsContentTitle a::after,
  body.indexBody #Main .eventContents .eventContentTitle a::after,
  body.indexBody #Main .eventContents .freshContentTitle a::after,
  body.indexBody #DynamicBottom .eventContents .newsContentTitle a::after,
  body.indexBody #DynamicBottom .eventContents .eventContentTitle a::after,
  body.indexBody #DynamicBottom .eventContents .freshContentTitle a::after,
  body.indexBody #Main .freshContents .newsContentTitle a::after,
  body.indexBody #Main .freshContents .eventContentTitle a::after,
  body.indexBody #Main .freshContents .freshContentTitle a::after,
  body.indexBody #DynamicBottom .freshContents .newsContentTitle a::after,
  body.indexBody #DynamicBottom .freshContents .eventContentTitle a::after,
  body.indexBody #DynamicBottom .freshContents .freshContentTitle a::after {
    display: none;
  }
  body.indexBody #Main .newsContents,
  body.indexBody #DynamicBottom .newsContents,
  body.indexBody #Main .eventContents,
  body.indexBody #DynamicBottom .eventContents,
  body.indexBody #Main .freshContents,
  body.indexBody #DynamicBottom .freshContents {
    /* 一覧ボタン（Figma: 緑枠・高さ44px） */
  }
  body.indexBody #Main .newsContents .newsList,
  body.indexBody #Main .newsContents .eventList,
  body.indexBody #DynamicBottom .newsContents .newsList,
  body.indexBody #DynamicBottom .newsContents .eventList,
  body.indexBody #Main .eventContents .newsList,
  body.indexBody #Main .eventContents .eventList,
  body.indexBody #DynamicBottom .eventContents .newsList,
  body.indexBody #DynamicBottom .eventContents .eventList,
  body.indexBody #Main .freshContents .newsList,
  body.indexBody #Main .freshContents .eventList,
  body.indexBody #DynamicBottom .freshContents .newsList,
  body.indexBody #DynamicBottom .freshContents .eventList {
    margin: 14px 0 0;
    padding: 0;
    text-align: center;
  }
  body.indexBody #Main .newsContents .newsList::before, body.indexBody #Main .newsContents .newsList::after,
  body.indexBody #Main .newsContents .eventList::before,
  body.indexBody #Main .newsContents .eventList::after,
  body.indexBody #DynamicBottom .newsContents .newsList::before,
  body.indexBody #DynamicBottom .newsContents .newsList::after,
  body.indexBody #DynamicBottom .newsContents .eventList::before,
  body.indexBody #DynamicBottom .newsContents .eventList::after,
  body.indexBody #Main .eventContents .newsList::before,
  body.indexBody #Main .eventContents .newsList::after,
  body.indexBody #Main .eventContents .eventList::before,
  body.indexBody #Main .eventContents .eventList::after,
  body.indexBody #DynamicBottom .eventContents .newsList::before,
  body.indexBody #DynamicBottom .eventContents .newsList::after,
  body.indexBody #DynamicBottom .eventContents .eventList::before,
  body.indexBody #DynamicBottom .eventContents .eventList::after,
  body.indexBody #Main .freshContents .newsList::before,
  body.indexBody #Main .freshContents .newsList::after,
  body.indexBody #Main .freshContents .eventList::before,
  body.indexBody #Main .freshContents .eventList::after,
  body.indexBody #DynamicBottom .freshContents .newsList::before,
  body.indexBody #DynamicBottom .freshContents .newsList::after,
  body.indexBody #DynamicBottom .freshContents .eventList::before,
  body.indexBody #DynamicBottom .freshContents .eventList::after {
    display: none;
  }
  body.indexBody #Main .newsContents .newsList a,
  body.indexBody #Main .newsContents .eventList a,
  body.indexBody #DynamicBottom .newsContents .newsList a,
  body.indexBody #DynamicBottom .newsContents .eventList a,
  body.indexBody #Main .eventContents .newsList a,
  body.indexBody #Main .eventContents .eventList a,
  body.indexBody #DynamicBottom .eventContents .newsList a,
  body.indexBody #DynamicBottom .eventContents .eventList a,
  body.indexBody #Main .freshContents .newsList a,
  body.indexBody #Main .freshContents .eventList a,
  body.indexBody #DynamicBottom .freshContents .newsList a,
  body.indexBody #DynamicBottom .freshContents .eventList a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0 28px 0 12px;
    float: none;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.24;
    letter-spacing: 0.04em;
    color: #333;
    text-decoration: none;
    text-align: center;
    background: #fff;
    border: 1px solid #2D913A;
    border-radius: 4px;
    box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.15);
  }
  body.indexBody #Main .newsContents .newsList a::before,
  body.indexBody #Main .newsContents .eventList a::before,
  body.indexBody #DynamicBottom .newsContents .newsList a::before,
  body.indexBody #DynamicBottom .newsContents .eventList a::before,
  body.indexBody #Main .eventContents .newsList a::before,
  body.indexBody #Main .eventContents .eventList a::before,
  body.indexBody #DynamicBottom .eventContents .newsList a::before,
  body.indexBody #DynamicBottom .eventContents .eventList a::before,
  body.indexBody #Main .freshContents .newsList a::before,
  body.indexBody #Main .freshContents .eventList a::before,
  body.indexBody #DynamicBottom .freshContents .newsList a::before,
  body.indexBody #DynamicBottom .freshContents .eventList a::before {
    display: none;
    content: none;
  }
  body.indexBody #Main .newsContents .newsList a::after,
  body.indexBody #Main .newsContents .eventList a::after,
  body.indexBody #DynamicBottom .newsContents .newsList a::after,
  body.indexBody #DynamicBottom .newsContents .eventList a::after,
  body.indexBody #Main .eventContents .newsList a::after,
  body.indexBody #Main .eventContents .eventList a::after,
  body.indexBody #DynamicBottom .eventContents .newsList a::after,
  body.indexBody #DynamicBottom .eventContents .eventList a::after,
  body.indexBody #Main .freshContents .newsList a::after,
  body.indexBody #Main .freshContents .eventList a::after,
  body.indexBody #DynamicBottom .freshContents .newsList a::after,
  body.indexBody #DynamicBottom .freshContents .eventList a::after {
    content: "\f034";
    display: block;
    font-family: "komae-iconfont";
    speak: none;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -6px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #2D913A;
    background: none;
    border: none;
    transform: none;
  }
  body.indexBody #Main .newsContents .newsList a:nth-of-type(1),
  body.indexBody #Main .newsContents .newsList a:nth-of-type(2),
  body.indexBody #Main .newsContents .newsList a:only-of-type,
  body.indexBody #Main .newsContents .eventList a:nth-of-type(1),
  body.indexBody #Main .newsContents .eventList a:nth-of-type(2),
  body.indexBody #Main .newsContents .eventList a:only-of-type,
  body.indexBody #DynamicBottom .newsContents .newsList a:nth-of-type(1),
  body.indexBody #DynamicBottom .newsContents .newsList a:nth-of-type(2),
  body.indexBody #DynamicBottom .newsContents .newsList a:only-of-type,
  body.indexBody #DynamicBottom .newsContents .eventList a:nth-of-type(1),
  body.indexBody #DynamicBottom .newsContents .eventList a:nth-of-type(2),
  body.indexBody #DynamicBottom .newsContents .eventList a:only-of-type,
  body.indexBody #Main .eventContents .newsList a:nth-of-type(1),
  body.indexBody #Main .eventContents .newsList a:nth-of-type(2),
  body.indexBody #Main .eventContents .newsList a:only-of-type,
  body.indexBody #Main .eventContents .eventList a:nth-of-type(1),
  body.indexBody #Main .eventContents .eventList a:nth-of-type(2),
  body.indexBody #Main .eventContents .eventList a:only-of-type,
  body.indexBody #DynamicBottom .eventContents .newsList a:nth-of-type(1),
  body.indexBody #DynamicBottom .eventContents .newsList a:nth-of-type(2),
  body.indexBody #DynamicBottom .eventContents .newsList a:only-of-type,
  body.indexBody #DynamicBottom .eventContents .eventList a:nth-of-type(1),
  body.indexBody #DynamicBottom .eventContents .eventList a:nth-of-type(2),
  body.indexBody #DynamicBottom .eventContents .eventList a:only-of-type,
  body.indexBody #Main .freshContents .newsList a:nth-of-type(1),
  body.indexBody #Main .freshContents .newsList a:nth-of-type(2),
  body.indexBody #Main .freshContents .newsList a:only-of-type,
  body.indexBody #Main .freshContents .eventList a:nth-of-type(1),
  body.indexBody #Main .freshContents .eventList a:nth-of-type(2),
  body.indexBody #Main .freshContents .eventList a:only-of-type,
  body.indexBody #DynamicBottom .freshContents .newsList a:nth-of-type(1),
  body.indexBody #DynamicBottom .freshContents .newsList a:nth-of-type(2),
  body.indexBody #DynamicBottom .freshContents .newsList a:only-of-type,
  body.indexBody #DynamicBottom .freshContents .eventList a:nth-of-type(1),
  body.indexBody #DynamicBottom .freshContents .eventList a:nth-of-type(2),
  body.indexBody #DynamicBottom .freshContents .eventList a:only-of-type {
    float: none;
    width: 100%;
  }
  /* オンラインサービスと同様：画面幅いっぱい */
  body.indexBody #Main .designContents:has(.newsWrap),
  body.indexBody #Main .newsWrap,
  body.indexBody #DynamicBottom .newsWrap,
  body.indexBody #DynamicBottom .freshWrap {
    width: auto;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  body.indexBody #Main .newsWrap > .box,
  body.indexBody #DynamicBottom .newsWrap > .box,
  body.indexBody #DynamicBottom .freshWrap > .box,
  body.indexBody #Main .newsContents,
  body.indexBody #DynamicBottom .newsContents,
  body.indexBody #Main .eventContents,
  body.indexBody #DynamicBottom .eventContents,
  body.indexBody #Main .freshContents,
  body.indexBody #DynamicBottom .freshContents {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  body.indexBody #Main .newsWrap > .box,
  body.indexBody #DynamicBottom .newsWrap > .box,
  body.indexBody #DynamicBottom .freshWrap > .box {
    margin: 0;
    padding: 0;
  }
  /* お知らせのみ：常時開（ボタンは操作不可） */
  body.indexBody #Main .newsContents h2 > button.ac-trigger.news-ac-static,
  body.indexBody #DynamicBottom .newsContents h2 > button.ac-trigger.news-ac-static {
    cursor: default;
    pointer-events: none;
    padding-right: 16px;
  }
  body.indexBody #Main .newsContents h2 > button.ac-trigger.news-ac-static::after,
  body.indexBody #DynamicBottom .newsContents h2 > button.ac-trigger.news-ac-static::after {
    display: none;
    content: none;
  }
  body.indexBody #Main .newsContents .newsContent.ac-panel,
  body.indexBody #DynamicBottom .newsContents .newsContent.ac-panel {
    height: auto;
    max-height: none;
    box-sizing: border-box;
    margin: 0;
    padding: 20px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #C4E4A8;
    border-top: none;
  }
}
/* PCトップ：一覧ボタンに > アイコン */
@media only screen and (min-width: 768px) {
  body.indexBody #Main .newsContents .newsList a,
  body.indexBody #DynamicBottom .newsContents .newsList a,
  body.indexBody #Main .eventContents .eventList a,
  body.indexBody #DynamicBottom .eventContents .eventList a {
    position: relative;
    padding-right: 28px;
  }
  body.indexBody #Main .newsContents .newsList a::before,
  body.indexBody #DynamicBottom .newsContents .newsList a::before,
  body.indexBody #Main .eventContents .eventList a::before,
  body.indexBody #DynamicBottom .eventContents .eventList a::before {
    display: none;
    content: none;
  }
  body.indexBody #Main .newsContents .newsList a::after,
  body.indexBody #DynamicBottom .newsContents .newsList a::after,
  body.indexBody #Main .eventContents .eventList a::after,
  body.indexBody #DynamicBottom .eventContents .eventList a::after {
    content: "\f034";
    display: block;
    font-family: "komae-iconfont";
    speak: none;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -6px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #2D913A;
    background: none;
    border: none;
    transform: none;
  }
}
/* SPアコーディオン：button + aria-expanded / aria-controls（アクセシビリティ） */
/* PC：アコーディオン用 button を使わず通常の h2 表示 */
@media only screen and (min-width: 768px) {
  body.indexBody .attentionListWrap > h2.has-ac-trigger button.ac-trigger,
  body.indexBody .onlineServicesWrap > h2.has-ac-trigger button.ac-trigger,
  body.indexBody .newsContents h2.has-ac-trigger button.ac-trigger,
  body.indexBody .eventContents h2.has-ac-trigger button.ac-trigger,
  body.indexBody .freshContents h2.has-ac-trigger button.ac-trigger {
    display: none;
  }
  body.indexBody .newsContent.ac-panel[hidden],
  body.indexBody .eventContent.ac-panel[hidden],
  body.indexBody .freshContent.ac-panel[hidden],
  body.indexBody .attentionListWrap > h2 + ul.ac-panel[hidden],
  body.indexBody .onlineServicesWrap > h2 + ul.ac-panel[hidden] {
    display: block;
    height: auto;
    max-height: none;
    overflow: visible;
    visibility: visible;
  }
}
@media handheld, only screen and (max-width: 767px) {
  /* h2 は見出しラッパー、操作は内部 button */
  body.indexBody .attentionListWrap > h2,
  body.indexBody .onlineServicesWrap > h2,
  body.indexBody .newsContents h2.newsTitle,
  body.indexBody .eventContents h2.eventTitle,
  body.indexBody .freshContents h2.freshTitle {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
  }
  body.indexBody button.ac-label.ac-trigger {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border: none;
    background: none;
    font: inherit;
    color: inherit;
    text-align: left;
    cursor: pointer;
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0 50px 0 16px;
    height: 57px;
    line-height: 57px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #393939;
    overflow: hidden;
  }
  body.indexBody {
    /* いざというときに
       group.css の h2::before と button::before が同じ拡声器になるので、見出し側は消す */
  }
  body.indexBody #Main .attentionListWrap > h2.has-ac-trigger::before,
  body.indexBody #Main .attentionListWrap > h2:has(> button.ac-trigger)::before {
    content: none;
    display: none;
  }
  body.indexBody #Main .attentionListWrap > h2 > button.ac-trigger {
    padding-left: 46px;
  }
  body.indexBody #Main .attentionListWrap > h2 > button.ac-trigger::before {
    content: "\f009";
    font-family: "komae-iconfont";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    position: absolute;
    z-index: 1;
    margin: 0;
    padding: 0;
    width: 34px;
    height: 28px;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
    left: 4px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    color: #F4692D;
    background: none;
    border: none;
  }
  body.indexBody #Main .attentionListWrap > h2 > button.ac-trigger::after {
    content: "\f007";
    font-family: "komae-iconfont";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: -13px auto 0;
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 24px;
    font-size: 2.4rem;
    height: 24px;
    line-height: 24px;
    left: auto;
    right: 14px;
    top: 50%;
    transform: rotate(-90deg);
    transition: 300ms 0s ease;
    color: #393939;
  }
  body.indexBody #Main .attentionListWrap > h2 > button.ac-trigger[aria-expanded=true]::after {
    content: "\f006";
    transform: rotate(90deg);
  }
  body.indexBody #Main .attentionListWrap > h2 + ul.ac-panel[hidden] {
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  body.indexBody {
    /* お知らせ / イベント / 更新情報 */
  }
  body.indexBody .newsContents h2 > button.ac-trigger,
  body.indexBody .eventContents h2 > button.ac-trigger,
  body.indexBody .freshContents h2 > button.ac-trigger {
    background: #C4E4A8;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  }
  body.indexBody .newsContents h2 > button.ac-trigger::before,
  body.indexBody .eventContents h2 > button.ac-trigger::before,
  body.indexBody .freshContents h2 > button.ac-trigger::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #9CD36D;
    z-index: 1;
  }
  body.indexBody .newsContents h2 > button.ac-trigger::after,
  body.indexBody .eventContents h2 > button.ac-trigger::after,
  body.indexBody .freshContents h2 > button.ac-trigger::after {
    content: "\f007";
    font-family: "komae-iconfont";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: -13px auto 0;
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 24px;
    font-size: 2.4rem;
    height: 24px;
    line-height: 24px;
    left: auto;
    right: 14px;
    top: 50%;
    transform: rotate(-90deg);
    transition: 300ms 0s ease;
    color: #393939;
  }
  body.indexBody .newsContents h2 > button.ac-trigger[aria-expanded=true]::after,
  body.indexBody .eventContents h2 > button.ac-trigger[aria-expanded=true]::after,
  body.indexBody .freshContents h2 > button.ac-trigger[aria-expanded=true]::after {
    content: "\f006";
    transform: rotate(90deg);
  }
  body.indexBody .newsContents .newsContent.ac-panel[hidden],
  body.indexBody .newsContents .eventContent.ac-panel[hidden],
  body.indexBody .newsContents .freshContent.ac-panel[hidden],
  body.indexBody .eventContents .newsContent.ac-panel[hidden],
  body.indexBody .eventContents .eventContent.ac-panel[hidden],
  body.indexBody .eventContents .freshContent.ac-panel[hidden],
  body.indexBody .freshContents .newsContent.ac-panel[hidden],
  body.indexBody .freshContents .eventContent.ac-panel[hidden],
  body.indexBody .freshContents .freshContent.ac-panel[hidden] {
    height: 0;
    max-height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: none;
  }
  body.indexBody .newsContents .newsContent.ac-panel:not([hidden]),
  body.indexBody .newsContents .eventContent.ac-panel:not([hidden]),
  body.indexBody .newsContents .freshContent.ac-panel:not([hidden]),
  body.indexBody .eventContents .newsContent.ac-panel:not([hidden]),
  body.indexBody .eventContents .eventContent.ac-panel:not([hidden]),
  body.indexBody .eventContents .freshContent.ac-panel:not([hidden]),
  body.indexBody .freshContents .newsContent.ac-panel:not([hidden]),
  body.indexBody .freshContents .eventContent.ac-panel:not([hidden]),
  body.indexBody .freshContents .freshContent.ac-panel:not([hidden]) {
    height: auto;
    max-height: none;
    box-sizing: border-box;
    margin: 0;
    padding: 20px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #C4E4A8;
    border-top: none;
  }
  body.indexBody {
    /* お知らせ：常時開（ボタンは操作不可） */
  }
  body.indexBody .newsContents h2 > button.ac-trigger.news-ac-static {
    cursor: default;
    pointer-events: none;
    padding-right: 16px;
  }
  body.indexBody .newsContents h2 > button.ac-trigger.news-ac-static::after {
    display: none;
    content: none;
  }
  body.indexBody {
    /* オンラインサービス */
  }
  body.indexBody #DynamicBottom .onlineServicesWrap > h2 > button.ac-trigger,
  body.indexBody #Main .onlineServicesWrap > h2 > button.ac-trigger {
    background: #E8EFD1;
    box-shadow: none;
  }
  body.indexBody #DynamicBottom .onlineServicesWrap > h2 > button.ac-trigger::after,
  body.indexBody #Main .onlineServicesWrap > h2 > button.ac-trigger::after {
    content: "\f007";
    font-family: "komae-iconfont";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: -13px auto 0;
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 24px;
    font-size: 2.4rem;
    height: 24px;
    line-height: 24px;
    left: auto;
    right: 14px;
    top: 50%;
    transform: rotate(-90deg);
    transition: 300ms 0s ease;
    color: #393939;
    color: #393939;
  }
  body.indexBody #DynamicBottom .onlineServicesWrap > h2 > button.ac-trigger[aria-expanded=true]::after,
  body.indexBody #Main .onlineServicesWrap > h2 > button.ac-trigger[aria-expanded=true]::after {
    content: "\f006";
    transform: rotate(90deg);
  }
  body.indexBody #DynamicBottom .onlineServicesWrap > h2 > button.ac-trigger.news-ac-static,
  body.indexBody #Main .onlineServicesWrap > h2 > button.ac-trigger.news-ac-static {
    cursor: default;
    pointer-events: none;
    padding-right: 16px;
  }
  body.indexBody #DynamicBottom .onlineServicesWrap > h2 > button.ac-trigger.news-ac-static::after, body.indexBody #DynamicBottom .onlineServicesWrap > h2 > button.ac-trigger.news-ac-static[aria-expanded=true]::after,
  body.indexBody #Main .onlineServicesWrap > h2 > button.ac-trigger.news-ac-static::after,
  body.indexBody #Main .onlineServicesWrap > h2 > button.ac-trigger.news-ac-static[aria-expanded=true]::after {
    display: none;
    content: none;
  }
  body.indexBody #DynamicBottom .onlineServicesWrap > h2 + ul.ac-panel[hidden],
  body.indexBody #Main .onlineServicesWrap > h2 + ul.ac-panel[hidden] {
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  body.indexBody #DynamicBottom .onlineServicesWrap > h2 + ul.ac-panel:not([hidden]),
  body.indexBody #Main .onlineServicesWrap > h2 + ul.ac-panel:not([hidden]) {
    height: auto;
    padding: 0 10px 20px;
    overflow: hidden;
    box-sizing: border-box;
  }
}
/* トップ各セクションの上下余白
   PC: Figma 55:18021 / SP: Figma 55:16512 */
body.indexBody #DynamicBottom .aboutKomaeWrap ul li a,
body.indexBody .aboutKomaeWrap ul li a {
  color: #333;
}

/* グループページではスライド＋検索エリアを非表示 */
body.groupBody .slideAndAttentionWrap,
body.groupBody #DynamicTop div.slideAndAttentionWrap {
  display: none !important;
}

/* SP：グループページのヘッダー検索を非表示／パンくず余白 */
@media handheld, only screen and (max-width: 768px) {
  body.groupBody #googleSearchWrap,
  body.groupBody header #googleSearchWrap,
  .groupBody #googleSearchWrap {
    display: none !important;
  }
  header #BreadCrumbList {
    padding: 8px 0 !important;
  }
}
/* みなさまの声ボタン：矢印アイコンを緑に */
body.indexBody #DynamicBottom .pleaseTellvoiceWrap ul li a::after,
body.indexBody #DynamicBottom div.onlineServicesNextWrap div.socialMediaNextWrap div.pleaseTellvoiceWrap ul li a::after {
  color: #2D913A !important;
}

/* ========== PC ========== */
@media only screen and (min-width: 768px) {
  body.indexBody {
    /* スライド＋検索 → いざというときに：40px */
  }
  body.indexBody #DynamicTop div.slideAndAttentionWrap {
    margin-bottom: 40px;
    padding-bottom: 30px;
  }
  body.indexBody {
    /* いざというときに → お知らせ：40px */
  }
  body.indexBody #Main div.attentionListWrap {
    margin-top: 0;
    margin-bottom: 40px;
  }
  body.indexBody {
    /* お知らせ → 取り組み：40px */
  }
  body.indexBody #Main .newsWrap {
    margin-bottom: 40px;
  }
  body.indexBody {
    /* 取り組み見出し下（既存40pxを維持）〜 イベント：約88px */
  }
  body.indexBody #DynamicBottom .komaeTorikumiWrap {
    margin-bottom: 88px;
  }
  body.indexBody {
    /* イベント → ABOUT：約69px */
  }
  body.indexBody #DynamicBottom .newsWrap {
    margin-top: 0;
    margin-bottom: 69px;
  }
  body.indexBody #DynamicBottom .eventContents h2.eventTitle {
    padding-top: 0;
    padding-bottom: 24px;
  }
  body.indexBody {
    /* ABOUT */
  }
  body.indexBody #DynamicBottom .aboutKomaeWrap,
  body.indexBody #DynamicBottom .designContents .aboutKomaeWrap {
    margin-top: 0;
    margin-bottom: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  body.indexBody {
    /* ABOUT → オンラインサービス：約57px
       （間に SNS ブロックがある場合も同系統の間隔） */
  }
  body.indexBody #DynamicBottom div.onlineServicesWrap {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  body.indexBody #DynamicBottom .onlineServicesNextWrap,
  body.indexBody #DynamicBottom div.onlineServicesNextWrap {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  body.indexBody {
    /* 更新情報 → SNS／声：約32px */
  }
  body.indexBody #DynamicBottom .freshWrap {
    margin-top: 0;
    margin-bottom: 32px;
  }
  body.indexBody #Main .newsContents h2.newsTitle,
  body.indexBody #DynamicBottom .eventContents h2.eventTitle {
    padding-left: 4px;
    padding-right: 4px;
  }
  body.indexBody #Main .newsContents h2.newsTitle {
    padding-top: 0;
    padding-bottom: 24px;
  }
}
/* ========== SP ========== */
@media handheld, only screen and (max-width: 767px) {
  body.indexBody {
    /* セクション間は基本ぴったり（アコーディオン連続） */
  }
  body.indexBody #DynamicTop div.slideAndAttentionWrap {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  body.indexBody {
    /* 検索 ↔ いざというときに：外側12px（Figma Frame 60） */
  }
  body.indexBody #Main div.attentionListWrap {
    margin: 12px auto;
  }
  body.indexBody {
    /* group.css の #DynamicBottom/#designContents div { margin: 5px } が
       隣接セクションで 5+5=10px の白帯になるため、ラッパーと直下を打ち消し */
  }
  body.indexBody #Main .newsWrap,
  body.indexBody #Main .newsWrap > .box,
  body.indexBody #Main .newsWrap .newsContents,
  body.indexBody #DynamicBottom .newsWrap,
  body.indexBody #DynamicBottom .newsWrap > .box,
  body.indexBody #DynamicBottom .newsWrap .eventContents,
  body.indexBody #DynamicBottom .freshWrap,
  body.indexBody #DynamicBottom .freshWrap > .box,
  body.indexBody #DynamicBottom .freshWrap .freshContents,
  body.indexBody #DynamicBottom div.onlineServicesWrap,
  body.indexBody #DynamicBottom .socialMediaWrap,
  body.indexBody #DynamicBottom .komaeTorikumiWrap,
  body.indexBody #DynamicBottom .aboutKomaeWrap,
  body.indexBody #DynamicBottom .designContents .aboutKomaeWrap {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  body.indexBody {
    /* 取り組み：見出し上下を詰める（お知らせ直下の10px帯も消す） */
  }
  body.indexBody #DynamicBottom .komaeTorikumiWrap {
    padding-top: 0;
    padding-bottom: 0;
  }
  body.indexBody #DynamicBottom .komaeTorikumiWrap h2 {
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 12px;
    padding-bottom: 0;
  }
  body.indexBody {
    /* ABOUT・オンライン：PC用32pxを打ち消し */
  }
  body.indexBody #DynamicBottom .aboutKomaeWrap,
  body.indexBody #DynamicBottom .designContents .aboutKomaeWrap {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  body.indexBody #DynamicBottom .onlineServicesNextWrap,
  body.indexBody #DynamicBottom div.onlineServicesNextWrap {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  body.indexBody {
    /* 広報・SNS（SPはオンラインサービスと更新情報の間 / 背景 #F8F5EE） */
  }
  body.indexBody #DynamicBottom .socialMediaWrap,
  body.indexBody #DynamicBottom .onlineServicesNextWrap div.socialMediaWrap,
  body.indexBody #DynamicBottom div.onlineServicesNextWrap div.socialMediaWrap {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #F8F5EE !important;
  }
  body.indexBody #DynamicBottom .onlineServicesNextWrap div.socialMediaNextWrap,
  body.indexBody #DynamicBottom div.onlineServicesNextWrap div.socialMediaNextWrap {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  body.indexBody {
    /* 募集バナー〜声：Figmaどおり近接 */
  }
  body.indexBody #DynamicBottom .onlineServicesNextWrap div.socialMediaNextWrap > ul,
  body.indexBody #DynamicBottom div.onlineServicesNextWrap div.socialMediaNextWrap > ul {
    margin-top: 0;
    margin-bottom: 0;
  }
  body.indexBody #DynamicBottom .onlineServicesNextWrap div.pleaseTellvoiceWrap,
  body.indexBody #DynamicBottom div.onlineServicesNextWrap div.pleaseTellvoiceWrap {
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
/* ヘッダー／SiteTitle のブレークポイント
   - 〜1200px: ヘッダーは SP
   - 768px〜: SiteTitle は PC
   - 〜767px: SiteTitle は SP
*/
@media only screen and (min-width: 1201px) {
  #DynamicHeader div.universalNavWrap {
    justify-content: flex-start;
  }
}
/* 768〜1200: ヘッダーSP（上） + SiteTitle PC（その下） */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  /* 固定ヘッダー分のスペース（SiteTitle は通常フローでその下） */
  .headerArea > header {
    display: block;
    padding-top: 58px;
    box-sizing: border-box;
  }
  #DynamicHeader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 58px;
    z-index: 98;
    pointer-events: none;
    background: #A9CF34;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  }
  #DynamicHeader div.universalNavWrap,
  #DynamicHeader .universalNavWrap > .komae-menu,
  #DynamicHeader .universalNavWrap > .tsutaeru-menu,
  #DynamicHeader div.universalNavWrap div.styleSwichNavWrap,
  #DynamicHeader div.universalNavWrap div.langNavWrap {
    pointer-events: auto;
  }
  .headerArea #swichToggle,
  .headerArea #langToggle {
    display: block;
    z-index: 100;
    pointer-events: auto;
  }
  header #SiteTitle {
    display: table;
    clear: both;
    float: none;
    padding: 42px 0 24px;
    height: 50px;
    width: 1020px;
    max-width: calc(100% - 40px);
    margin: 0 auto;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    color: black;
    z-index: 1;
  }
  header #SiteTitle h1 {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  header #SiteTitle h1::before {
    display: none;
  }
  header #SiteTitle h1::after {
    display: block;
    position: absolute;
    z-index: 999;
    font-size: 100px;
    height: 50px;
    line-height: 50px;
    left: 255px;
    text-align: left;
    top: 0;
    bottom: 0;
    color: #2D913A;
  }
  header #SiteTitle h1 a,
  header #SiteTitle h1 img {
    width: auto;
    height: 50px;
    position: relative;
    display: inline-block;
    margin: 0;
    top: auto;
    transform: none;
    z-index: 999;
  }
  .indexBody #SiteTitle::after,
  .groupBody #SiteTitle::after {
    display: block;
  }
}
div#dialog {
  margin:  0 0 0 0;
  /* 右クリック禁止時のダイアログのCSS */
  /*　例)
  	<div id="dialog">
  		<div class="dialog_back"></div>
  		<div class="dialog_body">
  			<div class="dialog_title">右クリック禁止</div>
  			<div class="dialog_content">このページでは右クリックを使用停止させていただいています。</div>
  			<div class="dialog_buttons"><input type="button" onclick="closeDialog()" value="閉じる"></div>
  		</div>
  	</div>
  	*/
}

div#dialog div.dialog_back {
  /* 半透明黒バック */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  z-index: 9999;
}

div#dialog div.dialog_body {
  /* ダイアログの領域 */
  margin:  64px 64px 64px 64px;
  padding:  0 0 0 0;
  position: absolute;
  border-radius: 6px 6px 6px 6px;
  left: 0;
  top: 0;
  width: 80%;
  max-width: 600px;
  min-width: 200px;
  height: 80%;
  max-height: 400px;
  min-height: 200px;
  background-color: #FFF;
  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.4);
  /* CSS3 */
  z-index: 10000;
}

div#dialog div.dialog_body div.dialog_title {
  /* ダイアログのタイトル（ちょっとWindowsっぽい例） */
  margin:  0 0 0 0;
  padding:  4px 4px 4px 4px;
  background: midnightblue;
  border-color: white;
  border-style: solid;
  border-width: 4px 4px 4px 4px;
  color: white;
  vertical-align: top;
}

div#dialog div.dialog_body div.dialog_content {
  /* ダイアログのメッセージ領域 */
  margin:  0 0 0 0;
  padding:  8px 8px 8px 8px;
  height: 80%;
  background: white;
  color: black;
  vertical-align: middle;
}

div#dialog div.dialog_body div.dialog_buttons {
  /* 閉じるボタンの領域（下揃えにしたいな） */
  margin:  0 0 0 0;
  padding:  8px 8px 8px 8px;
  background: white;
  color: black;
  text-align: center;
  vertical-align: bottom;
}/*# sourceMappingURL=forkcity.css.map */