@charset "UTF-8";
/*
* 地域ビジネス活動
*
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap");
.hidden {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 374.98px) {
  .hidden-xs {
    display: none !important;
    visibility: hidden;
  }
}

.hidden-up-xs {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 374.98px) {
  .hidden-down-xs {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 375px) and (max-width: 767.98px) {
  .hidden-sm {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 375px) {
  .hidden-up-sm {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 767.98px) {
  .hidden-down-sm {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .hidden-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) {
  .hidden-up-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 1023.98px) {
  .hidden-down-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1024px) {
  .hidden-lg {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1024px) {
  .hidden-up-lg {
    display: none !important;
    visibility: hidden;
  }
}

.hidden-down-lg {
  display: none !important;
  visibility: hidden;
}

@media (min-width: 768px) {
  .hidden-pc {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 767.98px) {
  .hidden-sp {
    display: none !important;
    visibility: hidden;
  }
}

.visuallyhidden {
  overflow: hidden;
  clip: rect(0 0 0 0); 
  position: absolute;
  margin: -1px;
  padding: 0;
  border: 0;
  width: 1px;
  height: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  overflow: visible;
  clip: auto; 
  position: static;
  margin: 0;
  width: auto;
  height: auto;
}

.invisible {
  visibility: hidden;
}

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

:root {
  --color-white: #fff;
  --color-black: #000;
  --color-gray-100: #fafafa;
  --color-gray-200: #f3f3f3;
  --color-gray-300: #eee;
  --color-gray-350: #e5e5e5;
  --color-gray-400: #d9d9d9;
  --color-gray-500: #ccc;
  --color-gray-600: #bfbfbf;
  --color-gray-700: #999;
  --color-gray-800: #666;
  --color-gray-900: #333;
  --color-yellow-400: #f8dc0a;
  --color-yellow-700: #f8c309;
  --color-orange-400: #f67a00;
  --color-red-700: #d81e00;
  --text-xs: calc(11 / 16 * 1rem);
  --text-sm: calc(13 / 16 * 1rem);
  --text-base: calc(14 / 16 * 1rem);
  --text-lg: calc(16 / 16 * 1rem);
  --text-xl: calc(18 / 16 * 1rem);
  --text-2xl: calc(20 / 16 * 1rem);
  --text-3xl: calc(28 / 16 * 1rem);
  --leading-none: 1;
  --leading-tight: 1.3;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;
  --spacing-0: 0;
  --spacing-1: 6px;
  --spacing-2: 8px;
  --spacing-3: 10px;
  --spacing-4: 14px;
  --spacing-5: 18px;
  --spacing-6: 22px;
  --spacing-7: 30px;
  --spacing-8: 40px;
  --spacing-9: 60px;
  --spacing-section: var(--spacing-8);
  --spacing-text-p-gap-y: var(--spacing-2);
  --spacing-caption: var(--spacing-2);
  --spacing-imageGroup-gap: var(--spacing-6);
  --spacing-list-gap-y: var(--spacing-1);
  --spacing-list-gap-x: var(--spacing-6);
  --spacing-box-padding: var(--spacing-7);
  --spacing-table-th-padding-y: var(--spacing-7);
  --spacing-table-th-padding-x: var(--spacing-7);
  --spacing-table-td-padding-y: var(--spacing-7);
  --spacing-table-td-padding-x: var(--spacing-7);
  --spacing-division-gap: var(--spacing-6);
}
@media (max-width: 767.98px) {
  :root {
    --text-3xl: calc(24 / 16 * 1rem);
  }
}
@media (max-width: 767.98px) {
  :root {
    --spacing-box-padding: var(--spacing-6);
    --spacing-table-th-padding-y: var(--spacing-3);
    --spacing-table-th-padding-x: var(--spacing-5);
    --spacing-table-td-padding-y: var(--spacing-5);
    --spacing-table-td-padding-x: var(--spacing-5);
  }
}

/* change template style ---------- */
.breadcrumb-list {
  padding-bottom: 0;
}

.site-header {
  z-index: 2;
  border-bottom: 0;
}

@media (max-width: 767.98px) {
  .sh-container {
    position: relative;
    z-index: 2;
    background-color: var(--color-white);
  }
}

@media (min-width: 768px) {
  .sh-name {
    font-size: 1.25rem;
  }
}

.sh-name a {
  text-decoration: none; 
  color: inherit;
}

/* base ---------- */
.areaContainer {
  overflow: hidden;
  position: relative;
  z-index: 1;
  line-height: var(--leading-normal);

  -webkit-font-smoothing: antialiased;
}
@media (max-width: 767.98px) {
  .areaContainer {
    min-width: 320px;
  }
}

:where(.areaContainer) iframe,
:where(.areaContainer) img,
:where(.areaContainer) svg,
:where(.areaContainer) video {
  vertical-align: middle;
}

:where(.areaContainer) iframe {
  border: 0;
}

:where(.areaContainer) img {
  border: 0; 
  max-width: 100%;
  height: auto;
}

:where(.areaContainer) ol,
:where(.areaContainer) ul {
  list-style: none;
}

.areaBody {
  padding-bottom: 60px; 
  font-size: var(--text-base);
}
@media (max-width: 767.98px) {
  .areaBody {
    padding-bottom: 80px;
  }
}

/* header ---------- */
.areaHeader_toggleDrawer {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 12px;
  bottom: 0;
  margin: auto;
  width: 40px;
  height: 40px;
  background-color: var(--color-yellow-400);
}

.areaHeader_toggleDrawer_btn {
  display: block;
  border: 0;
  width: 100%;
  height: 100%;
  background: none; 

  -webkit-appearance: none;
}

.areaHeader_toggleDrawer_ico {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; 
  width: 15px;
  height: 2px;
}

.areaHeader_toggleDrawer_line {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2px 2px;
  width: 15px;
  height: 2px;
  transition: top 0.2s 0.1s, opacity 0.2s, -webkit-transform 0.2s 0s;
  transition: top 0.2s 0.1s, transform 0.2s 0s, opacity 0.2s;
  transition: top 0.2s 0.1s, transform 0.2s 0s, opacity 0.2s, -webkit-transform 0.2s 0s; 
  background-color: var(--color-gray-900);
}
.areaHeader_toggleDrawer_line:nth-child(1) {
  top: -6px;
}
.areaHeader_toggleDrawer_line:nth-child(2) {
  opacity: 1;
}
.areaHeader_toggleDrawer_line:nth-child(3) {
  top: 6px;
}
.drawer-is-open .areaHeader_toggleDrawer_line {
  right: -1px;
  left: -1px;
  width: 17px;
  transition: top 0.2s 0s, opacity 0.2s, -webkit-transform 0.2s 0.1s;
  transition: top 0.2s 0s, transform 0.2s 0.1s, opacity 0.2s;
  transition: top 0.2s 0s, transform 0.2s 0.1s, opacity 0.2s, -webkit-transform 0.2s 0.1s;
}
.drawer-is-open .areaHeader_toggleDrawer_line:nth-child(1) {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.drawer-is-open .areaHeader_toggleDrawer_line:nth-child(2) {
  opacity: 0;
}
.drawer-is-open .areaHeader_toggleDrawer_line:nth-child(3) {
  top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media (min-width: 768px) {
  .areaHeader {
    display: none;
  }
}

.areaHeader ol,
.areaHeader ul {
  list-style: none;
}

.areaHeader_drawer {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  transition: all 0.3s;
}
.drawer-is-open .areaHeader_drawer {
  visibility: visible; 
  opacity: 1;
}

.areaHeader_drawer_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  background-color: rgba(0, 0, 0, 0.7);
}

.areaHeader_drawer_inner {
  position: relative;
  background-color: var(--color-gray-100);
}

.areaHeader_drawer_nav {
  border-top: 1px solid var(--color-gray-500);
}
.areaHeader_drawer_nav a {
  text-decoration: none; 
  color: inherit;
}

.areaHeader_drawer_nav_item {
  border-bottom: 1px solid var(--color-gray-500);
}
.areaHeader_drawer_nav_item > a {
  display: block;
  position: relative;
  padding: 12px 32px 12px 16px;
}
.areaHeader_drawer_nav_item > a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 5px;
  background: url(/business/area/shared_resp/img/arw_02.png) no-repeat;
}

.areaHeader_drawer_accordion_trigger {
  display: block;
  position: relative;
  padding: 12px 16px;
  width: 100%;
  height: 100%;
  text-align: left;
}

.areaHeader_drawer_accordion_trigger_ico {
  display: block;
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  margin: auto;
  width: 13px;
  height: 13px;
}
.areaHeader_drawer_accordion_trigger_ico::before,
.areaHeader_drawer_accordion_trigger_ico::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 13px;
  height: 2px;
  background-color: var(--color-gray-900);
}
.areaHeader_drawer_accordion_trigger_ico::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.is-expanded .areaHeader_drawer_accordion_trigger_ico::after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.areaHeader_drawer_accordion_body {
  display: none;
  border-top: 1px solid #e8e8e8;
}

.areaHeader_drawer_accordion_body_inner {
  padding: 18px 30px;
}

.areaHeader_drawer_branchNav {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
}
.areaHeader_drawer_branchNav li {
  flex-basis: 50%;
  margin-top: 10px;
  font-size: 0.875rem;
}
.areaHeader_drawer_branchNav li::before {
  content: "";
  display: inline-block;
  margin: -4px 4px -1px 0;
  width: 6px;
  height: 5px;
  background: url(/business/area/shared_resp/img/arw_02.png) no-repeat; 
  vertical-align: middle;
}

/* components ---------- */
.font-serif {
  font-family: "Noto Serif JP", serif;
}

.text-xs {
  font-size: var(--text-xs) !important;
}

.text-sm {
  font-size: var(--text-sm) !important;
}

.text-base {
  font-size: var(--text-base) !important;
}

.text-lg {
  font-size: var(--text-lg) !important;
}

.text-xl {
  font-size: var(--text-xl) !important;
}

.text-2xl {
  font-size: var(--text-2xl) !important;
}

.text-3xl {
  font-size: var(--text-3xl) !important;
}

.leading-none {
  line-height: var(--leading-none) !important;
}

.leading-tight {
  line-height: var(--leading-tight) !important;
}

.leading-normal {
  line-height: var(--leading-normal) !important;
}

.leading-relaxed {
  line-height: var(--leading-relaxed) !important;
}

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

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

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

.text-oblique {
  display: inline-block;
  -webkit-transform: skew(-15deg);
          transform: skew(-15deg);
}

.m-0 {
  margin: var(--spacing-0) !important;
}

.mt-0 {
  margin-top: var(--spacing-0) !important;
}

.mr-0 {
  margin-right: var(--spacing-0) !important;
}

.mb-0 {
  margin-bottom: var(--spacing-0) !important;
}

.ml-0 {
  margin-left: var(--spacing-0) !important;
}

.mx-0 {
  margin-right: var(--spacing-0) !important;
  margin-left: var(--spacing-0) !important;
}

.my-0 {
  margin-top: var(--spacing-0) !important;
  margin-bottom: var(--spacing-0) !important;
}

.p-0 {
  padding: var(--spacing-0) !important;
}

.pt-0 {
  padding-top: var(--spacing-0) !important;
}

.pr-0 {
  padding-right: var(--spacing-0) !important;
}

.pb-0 {
  padding-bottom: var(--spacing-0) !important;
}

.pl-0 {
  padding-left: var(--spacing-0) !important;
}

.px-0 {
  padding-right: var(--spacing-0) !important;
  padding-left: var(--spacing-0) !important;
}

.py-0 {
  padding-top: var(--spacing-0) !important;
  padding-bottom: var(--spacing-0) !important;
}

.m-1 {
  margin: var(--spacing-1) !important;
}

.mt-1 {
  margin-top: var(--spacing-1) !important;
}

.mr-1 {
  margin-right: var(--spacing-1) !important;
}

.mb-1 {
  margin-bottom: var(--spacing-1) !important;
}

.ml-1 {
  margin-left: var(--spacing-1) !important;
}

.mx-1 {
  margin-right: var(--spacing-1) !important;
  margin-left: var(--spacing-1) !important;
}

.my-1 {
  margin-top: var(--spacing-1) !important;
  margin-bottom: var(--spacing-1) !important;
}

.p-1 {
  padding: var(--spacing-1) !important;
}

.pt-1 {
  padding-top: var(--spacing-1) !important;
}

.pr-1 {
  padding-right: var(--spacing-1) !important;
}

.pb-1 {
  padding-bottom: var(--spacing-1) !important;
}

.pl-1 {
  padding-left: var(--spacing-1) !important;
}

.px-1 {
  padding-right: var(--spacing-1) !important;
  padding-left: var(--spacing-1) !important;
}

.py-1 {
  padding-top: var(--spacing-1) !important;
  padding-bottom: var(--spacing-1) !important;
}

.m-2 {
  margin: var(--spacing-2) !important;
}

.mt-2 {
  margin-top: var(--spacing-2) !important;
}

.mr-2 {
  margin-right: var(--spacing-2) !important;
}

.mb-2 {
  margin-bottom: var(--spacing-2) !important;
}

.ml-2 {
  margin-left: var(--spacing-2) !important;
}

.mx-2 {
  margin-right: var(--spacing-2) !important;
  margin-left: var(--spacing-2) !important;
}

.my-2 {
  margin-top: var(--spacing-2) !important;
  margin-bottom: var(--spacing-2) !important;
}

.p-2 {
  padding: var(--spacing-2) !important;
}

.pt-2 {
  padding-top: var(--spacing-2) !important;
}

.pr-2 {
  padding-right: var(--spacing-2) !important;
}

.pb-2 {
  padding-bottom: var(--spacing-2) !important;
}

.pl-2 {
  padding-left: var(--spacing-2) !important;
}

.px-2 {
  padding-right: var(--spacing-2) !important;
  padding-left: var(--spacing-2) !important;
}

.py-2 {
  padding-top: var(--spacing-2) !important;
  padding-bottom: var(--spacing-2) !important;
}

.m-3 {
  margin: var(--spacing-3) !important;
}

.mt-3 {
  margin-top: var(--spacing-3) !important;
}

.mr-3 {
  margin-right: var(--spacing-3) !important;
}

.mb-3 {
  margin-bottom: var(--spacing-3) !important;
}

.ml-3 {
  margin-left: var(--spacing-3) !important;
}

.mx-3 {
  margin-right: var(--spacing-3) !important;
  margin-left: var(--spacing-3) !important;
}

.my-3 {
  margin-top: var(--spacing-3) !important;
  margin-bottom: var(--spacing-3) !important;
}

.p-3 {
  padding: var(--spacing-3) !important;
}

.pt-3 {
  padding-top: var(--spacing-3) !important;
}

.pr-3 {
  padding-right: var(--spacing-3) !important;
}

.pb-3 {
  padding-bottom: var(--spacing-3) !important;
}

.pl-3 {
  padding-left: var(--spacing-3) !important;
}

.px-3 {
  padding-right: var(--spacing-3) !important;
  padding-left: var(--spacing-3) !important;
}

.py-3 {
  padding-top: var(--spacing-3) !important;
  padding-bottom: var(--spacing-3) !important;
}

.m-4 {
  margin: var(--spacing-4) !important;
}

.mt-4 {
  margin-top: var(--spacing-4) !important;
}

.mr-4 {
  margin-right: var(--spacing-4) !important;
}

.mb-4 {
  margin-bottom: var(--spacing-4) !important;
}

.ml-4 {
  margin-left: var(--spacing-4) !important;
}

.mx-4 {
  margin-right: var(--spacing-4) !important;
  margin-left: var(--spacing-4) !important;
}

.my-4 {
  margin-top: var(--spacing-4) !important;
  margin-bottom: var(--spacing-4) !important;
}

.p-4 {
  padding: var(--spacing-4) !important;
}

.pt-4 {
  padding-top: var(--spacing-4) !important;
}

.pr-4 {
  padding-right: var(--spacing-4) !important;
}

.pb-4 {
  padding-bottom: var(--spacing-4) !important;
}

.pl-4 {
  padding-left: var(--spacing-4) !important;
}

.px-4 {
  padding-right: var(--spacing-4) !important;
  padding-left: var(--spacing-4) !important;
}

.py-4 {
  padding-top: var(--spacing-4) !important;
  padding-bottom: var(--spacing-4) !important;
}

.m-5 {
  margin: var(--spacing-5) !important;
}

.mt-5 {
  margin-top: var(--spacing-5) !important;
}

.mr-5 {
  margin-right: var(--spacing-5) !important;
}

.mb-5 {
  margin-bottom: var(--spacing-5) !important;
}

.ml-5 {
  margin-left: var(--spacing-5) !important;
}

.mx-5 {
  margin-right: var(--spacing-5) !important;
  margin-left: var(--spacing-5) !important;
}

.my-5 {
  margin-top: var(--spacing-5) !important;
  margin-bottom: var(--spacing-5) !important;
}

.p-5 {
  padding: var(--spacing-5) !important;
}

.pt-5 {
  padding-top: var(--spacing-5) !important;
}

.pr-5 {
  padding-right: var(--spacing-5) !important;
}

.pb-5 {
  padding-bottom: var(--spacing-5) !important;
}

.pl-5 {
  padding-left: var(--spacing-5) !important;
}

.px-5 {
  padding-right: var(--spacing-5) !important;
  padding-left: var(--spacing-5) !important;
}

.py-5 {
  padding-top: var(--spacing-5) !important;
  padding-bottom: var(--spacing-5) !important;
}

.m-6 {
  margin: var(--spacing-6) !important;
}

.mt-6 {
  margin-top: var(--spacing-6) !important;
}

.mr-6 {
  margin-right: var(--spacing-6) !important;
}

.mb-6 {
  margin-bottom: var(--spacing-6) !important;
}

.ml-6 {
  margin-left: var(--spacing-6) !important;
}

.mx-6 {
  margin-right: var(--spacing-6) !important;
  margin-left: var(--spacing-6) !important;
}

.my-6 {
  margin-top: var(--spacing-6) !important;
  margin-bottom: var(--spacing-6) !important;
}

.p-6 {
  padding: var(--spacing-6) !important;
}

.pt-6 {
  padding-top: var(--spacing-6) !important;
}

.pr-6 {
  padding-right: var(--spacing-6) !important;
}

.pb-6 {
  padding-bottom: var(--spacing-6) !important;
}

.pl-6 {
  padding-left: var(--spacing-6) !important;
}

.px-6 {
  padding-right: var(--spacing-6) !important;
  padding-left: var(--spacing-6) !important;
}

.py-6 {
  padding-top: var(--spacing-6) !important;
  padding-bottom: var(--spacing-6) !important;
}

.m-7 {
  margin: var(--spacing-7) !important;
}

.mt-7 {
  margin-top: var(--spacing-7) !important;
}

.mr-7 {
  margin-right: var(--spacing-7) !important;
}

.mb-7 {
  margin-bottom: var(--spacing-7) !important;
}

.ml-7 {
  margin-left: var(--spacing-7) !important;
}

.mx-7 {
  margin-right: var(--spacing-7) !important;
  margin-left: var(--spacing-7) !important;
}

.my-7 {
  margin-top: var(--spacing-7) !important;
  margin-bottom: var(--spacing-7) !important;
}

.p-7 {
  padding: var(--spacing-7) !important;
}

.pt-7 {
  padding-top: var(--spacing-7) !important;
}

.pr-7 {
  padding-right: var(--spacing-7) !important;
}

.pb-7 {
  padding-bottom: var(--spacing-7) !important;
}

.pl-7 {
  padding-left: var(--spacing-7) !important;
}

.px-7 {
  padding-right: var(--spacing-7) !important;
  padding-left: var(--spacing-7) !important;
}

.py-7 {
  padding-top: var(--spacing-7) !important;
  padding-bottom: var(--spacing-7) !important;
}

.m-8 {
  margin: var(--spacing-8) !important;
}

.mt-8 {
  margin-top: var(--spacing-8) !important;
}

.mr-8 {
  margin-right: var(--spacing-8) !important;
}

.mb-8 {
  margin-bottom: var(--spacing-8) !important;
}

.ml-8 {
  margin-left: var(--spacing-8) !important;
}

.mx-8 {
  margin-right: var(--spacing-8) !important;
  margin-left: var(--spacing-8) !important;
}

.my-8 {
  margin-top: var(--spacing-8) !important;
  margin-bottom: var(--spacing-8) !important;
}

.p-8 {
  padding: var(--spacing-8) !important;
}

.pt-8 {
  padding-top: var(--spacing-8) !important;
}

.pr-8 {
  padding-right: var(--spacing-8) !important;
}

.pb-8 {
  padding-bottom: var(--spacing-8) !important;
}

.pl-8 {
  padding-left: var(--spacing-8) !important;
}

.px-8 {
  padding-right: var(--spacing-8) !important;
  padding-left: var(--spacing-8) !important;
}

.py-8 {
  padding-top: var(--spacing-8) !important;
  padding-bottom: var(--spacing-8) !important;
}

.m-9 {
  margin: var(--spacing-9) !important;
}

.mt-9 {
  margin-top: var(--spacing-9) !important;
}

.mr-9 {
  margin-right: var(--spacing-9) !important;
}

.mb-9 {
  margin-bottom: var(--spacing-9) !important;
}

.ml-9 {
  margin-left: var(--spacing-9) !important;
}

.mx-9 {
  margin-right: var(--spacing-9) !important;
  margin-left: var(--spacing-9) !important;
}

.my-9 {
  margin-top: var(--spacing-9) !important;
  margin-bottom: var(--spacing-9) !important;
}

.p-9 {
  padding: var(--spacing-9) !important;
}

.pt-9 {
  padding-top: var(--spacing-9) !important;
}

.pr-9 {
  padding-right: var(--spacing-9) !important;
}

.pb-9 {
  padding-bottom: var(--spacing-9) !important;
}

.pl-9 {
  padding-left: var(--spacing-9) !important;
}

.px-9 {
  padding-right: var(--spacing-9) !important;
  padding-left: var(--spacing-9) !important;
}

.py-9 {
  padding-top: var(--spacing-9) !important;
  padding-bottom: var(--spacing-9) !important;
}

.marker {
  display: inline;
  margin: 0 0.2em;
  padding: 0 0.2em;
  background-color: #f8e23a;
}

.opacity {
  opacity: 1;
}
.opacity:hover {
  opacity: 0.7;
}

.c-container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px; 
  max-width: 1020px;
}

/* 展示会・セミナー一覧 --------------- */
.c-eventsIndex {
  font-size: 0.8125rem;
}

.c-eventsIndex_item {
  padding-left: 10px;
}
.c-eventsIndex_item + .c-eventsIndex_item {
  margin-top: 24px;
}

.c-eventsIndex_item_head {
  position: relative;
  margin-bottom: 2px;
  margin-left: -10px;
  padding: 0 0 0 10px;
}
.c-eventsIndex_item_head::before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 6px;
  height: 5px;
  background: url(/business/area/shared_resp/img/arw_01.png) no-repeat 0 0;
}
@media (max-width: 767.98px) {
  .c-eventsIndex_item_head {
    font-size: 0.75rem;
  }
  .c-eventsIndex_item_head::before {
    top: 5px;
  }
}

.c-eventsIndex_item_desc {
  font-size: 1rem;
}
@media (max-width: 767.98px) {
  .c-eventsIndex_item_desc {
    font-size: 0.8125rem;
  }
}

.c-eventsIndex_item_info {
  display: flex;
  align-items: center;
  margin-top: 3px;
}

.c-eventsIndex_item_endMessage {
  margin-right: 10px;
  color: var(--color-red-700);
  font-size: 0.75rem;
}

/* リンクボタン（囲み線有り） --------------- */
.c-btn {
  display: inline-block;
  position: relative;
  padding: 5px 9px 5px 22px;
  border: 1px solid var(--color-gray-700);
  background-color: var(--color-white);
  text-align: left;
  font-size: 0.75rem;
}
.c-btn:link,
.c-btn:visited,
.c-btn:hover,
.c-btn:active {
  color: var(--color-black);
}
.c-btn:hover {
  opacity: 0.7; 
  text-decoration: none;
}
.c-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 9px;
  margin: auto;
  width: 7px;
  height: 7px;
  background: url(/business/area/shared_resp/img/arw_03.png) no-repeat 0 0;
}
.c-btn:where(.-map) {
  margin-left: 10px;
  vertical-align: 1px;
}
.c-btn:where([target="_blank"])::after,
.c-btn:where([href*=".pdf"])::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.c-btn:where([target="_blank"])::after {
  margin: -6px 0 -5px 4px;
  width: 12px;
  height: 11px;
  background: url(/business/area/shared_resp/img/ico_blank.png) no-repeat 0 0;
}
.c-btn:where([href*=".pdf"])::after {
  margin: -9px 0 -7px 4px;
  width: 16px;
  height: 16px;
  background: url(/business/area/shared_resp/img/ico_pdf.png) no-repeat 0 0;
  background-size: contain;
}
@media (max-width: 767.98px) {
  .c-btn {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 0.8125rem;
  }
}

/* アコーディオン --------------- */
.c-accordions .c-accordion:not(:first-child) {
  margin-top: 10px;
}

.c-accordion {
  padding: 0 20px;
  border: 3px solid var(--color-gray-500);
  background-color: var(--color-white);
}
@media (max-width: 767.98px) {
  .c-accordion {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.c-accordion_h {
  font-size: 1.125rem;
}
@media (max-width: 767.98px) {
  .c-accordion_h {
    font-size: 0.8125rem;
  }
}

.c-accordion_trigger {
  display: block;
  position: relative;
  margin-right: -20px;
  margin-left: -20px;
  padding: 12px 20px;
  color: #005e8c;
  font-size: inherit;
}
@media (max-width: 767.98px) {
  .c-accordion_trigger {
    margin-right: -10px;
    margin-left: -10px;
    padding: 10px 10px;
  }
}

.c-accordion_trigger:hover {
  text-decoration: none;
}

.c-accordion_trigger:visited {
  color: #005e8c;
}

.c-accordion_trigger_ico {
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  width: 17px;
  height: 17px;
}
.c-accordion_trigger_ico::before,
.c-accordion_trigger_ico::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 17px;
  height: 3px;
  background-color: var(--color-gray-800);
}
.c-accordion_trigger_ico::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.is-open .c-accordion_trigger_ico::after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
@media (max-width: 767.98px) {
  .c-accordion_trigger_ico {
    right: 10px;
    width: 13px;
    height: 13px;
  }
  .c-accordion_trigger_ico::before,
  .c-accordion_trigger_ico::after {
    width: 13px;
    height: 2px;
  }
}

.c-accordion_body_inner {
  padding: 25px 0 30px;
  border-top: 1px solid var(--color-gray-500);
}
@media (max-width: 767.98px) {
  .c-accordion_body_inner {
    padding: 22px 0 25px;
  }
}

/* 装飾 --------------- */
.c-arw::before {
  content: "";
  display: inline-block;
  margin: -4px 4px -1px 0;
  width: 6px;
  height: 5px;
  background: url(/business/area/shared_resp/img/arw_01.png) no-repeat; 
  vertical-align: middle;
}

.c-icoLink::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
}

.c-icoLink:where([target="_blank"])::after {
  margin: -7px 4px -4px 4px;
  width: 12px;
  height: 11px;
  background: url(/business/area/shared_resp/img/ico_blank.png) no-repeat 0 0;
}

.c-icoLink:where([href*=".pdf"])::after {
  margin: -11px 4px -7px 4px;
  width: 18px;
  height: 18px;
  background: url(/business/area/shared_resp/img/ico_pdf.png) no-repeat 0 0;
}

/* news ---------- */
.c-news_header {
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--color-gray-600);
}

.c-news_heading {
  font-size: 1.5rem;
  font-weight: normal;
}
@media (max-width: 767.98px) {
  .c-news_heading {
    font-size: 1.1875rem;
  }
}

.c-news_item:not(:first-child) {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #e5e5e5;
}

.c-news_item_date {
  margin-bottom: 4px;
}
.c-news_item_date::before {
  content: "";
  display: inline-block;
  margin: -4px 4px -1px 0;
  width: 6px;
  height: 5px;
  background: url(/business/area/shared_resp/img/arw_01.png) no-repeat; 
  vertical-align: middle;
}

.c-news_item_desc {
  margin-left: 10px;
}

/* cover ---------- */
.c-cover {
  min-height: 180px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.c-cover_header {
  padding: 8px 0 10px;
  background-color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 767.98px) {
  .c-cover_header {
    padding: 12px 0;
  }
}

.c-cover_heading {
  color: var(--color-white);
  font-size: 1.875rem;
  font-weight: normal;
  line-height: var(--leading-none);
}
@media (max-width: 767.98px) {
  .c-cover_heading {
    font-size: 1.25rem;
  }
}

.c-cover_content {
  padding-top: 36px;
}
@media (max-width: 767.98px) {
  .c-cover_content {
    padding-top: 16px;
  }
}

.c-cover_lead {
  font-size: 1.25rem;
}
@media (max-width: 767.98px) {
  .c-cover_lead {
    font-size: 0.875rem;
    font-weight: bold;
  }
}

/* article ---------- */
.c-article {
  padding-top: 90px;
}
@media (max-width: 767.98px) {
  .c-article {
    padding-top: 60px;
  }
}

.c-article_header {
  margin-bottom: var(--spacing-section);
  padding-bottom: var(--spacing-3);
  border-bottom: 1px solid var(--color-gray-700);
}

.c-article_heading {
  font-size: var(--text-3xl);
  line-height: var(--leading-tight);
}

/* text ---------- */
.c-text > p:where(:not(:first-child)) {
  margin-top: var(--spacing-text-p-gap-y);
}

/* heading ---------- */
.c-heading {
  font-weight: bold;
  line-height: var(--leading-tight);
}
.c-heading:where(.-level-3) {
  margin-bottom: var(--spacing-5);
  font-size: var(--text-2xl);
}
.c-heading:where(.-level-3):where(:not(:first-child)) {
  margin-top: var(--spacing-section);
}
.c-heading:where(.-level-3):where(.-border) {
  margin-bottom: var(--spacing-6);
}
.c-heading:where(.-level-4) {
  margin-bottom: var(--spacing-3);
  font-size: var(--text-xl);
}
.c-heading:where(.-level-4):where(:not(:first-child)) {
  margin-top: var(--spacing-5);
}
.c-heading:where(.-level-4):where(.-border) {
  margin-bottom: var(--spacing-4);
}
.c-heading:where(.-level-5) {
  margin-bottom: var(--spacing-3);
  font-size: var(--text-lg);
}
.c-heading:where(.-level-5):where(:not(:first-child)) {
  margin-top: var(--spacing-5);
}
.c-heading:where(.-level-5):where(.-border) {
  margin-bottom: var(--spacing-4);
}
.c-heading:where(.-border):where(:not(.-bg)) {
  padding-bottom: 0.3em;
  border-bottom: 1px solid var(--color-gray-700);
}
.c-heading:where(.-bg) {
  margin-bottom: var(--spacing-4);
  padding: 4px 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 120px;
  background-color: var(--color-yellow-400);
  text-align: center;
}
.c-heading:where(.-bg):where(:not(:first-child)) {
  margin-top: var(--spacing-6);
}

/* list ---------- */
.c-text .c-list:where(:not(:first-child)) {
  margin-top: var(--spacing-3);
}

.c-text .c-list:where(:not(:last-child)) {
  margin-bottom: var(--spacing-3);
}

.c-list > li:where(:not(:first-child)) {
  margin-top: var(--spacing-list-gap-y);
}

.c-list > li[data-bullet] {
  display: -ms-grid;
  display: grid;

  -ms-grid-columns: auto 1fr;

  grid-template-columns: auto 1fr;
}
.c-list > li[data-bullet]::before {
  content: attr(data-bullet);
}

.c-list:where(.-bullet):where(:is(ul)) > li {
  padding-left: 1em;
}
.c-list:where(.-bullet):where(:is(ul)) > li::before {
  content: "・";
  display: inline-block;
  margin-left: -1em; 
  width: 1em;
  height: 1em;
}

.c-list:where(.-bullet):where(:is(ol)) {
  padding-left: 1.25em; 
  list-style: decimal;
}

.c-list:where(.-note) > li {
  padding-left: 1em;
}
.c-list:where(.-note) > li::before {
  content: "※";
  display: inline-block;
  margin-left: -1em; 
  width: 1em;
  height: 1em;
}
.c-list:where(.-note) > li[data-bullet] {
  display: -ms-grid;
  display: grid;
  padding-left: 0; 

  -ms-grid-columns: auto 0.5em 1fr; 

  grid-template-columns: auto 1fr;
  gap: 0.5em;
}
.c-list:where(.-note) > li[data-bullet]::before {
  content: attr(data-bullet);
  margin-left: 0; 
  width: auto;
  height: auto;
}

.c-list:where(.-arw) > li,
.c-list:where([class*="-arw-"]) > li {
  padding-left: 10px;
}
.c-list:where(.-arw) > li::before,
.c-list:where([class*="-arw-"]) > li::before {
  content: "";
  display: inline-block;
  margin: -4px 4px -1px -10px;
  width: 6px;
  height: 5px;
  background: url(/business/area/shared_resp/img/arw_01.png) no-repeat 0 0; 
  vertical-align: middle;
}

@media (min-width: 768px) {
  .c-list:where(.-arw-horizontal) {
    display: flex;
    flex-wrap: wrap;

    gap: var(--spacing-list-gap-y) var(--spacing-list-gap-x);
  }
  .c-list:where(.-arw-horizontal) > li {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .c-list:where(.-arw-grid) {
    display: -ms-grid;
    display: grid;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; 

    gap: var(--spacing-list-gap-y) var(--spacing-list-gap-x);
  }
  .c-list:where(.-arw-grid):where(.-column-2) {
    -ms-grid-columns: (auto)[2];
    grid-template-columns: repeat(2, auto);
  }
  .c-list:where(.-arw-grid):where(.-column-3) {
    -ms-grid-columns: (auto)[3];
    grid-template-columns: repeat(3, auto);
  }
  .c-list:where(.-arw-grid):where(.-column-4) {
    -ms-grid-columns: (auto)[4];
    grid-template-columns: repeat(4, auto);
  }
  .c-list:where(.-arw-grid) > li {
    margin-top: 0;
  }
}

.c-list:where(:is(dl)) {
  display: -ms-grid;
  display: grid;

  -ms-grid-columns: auto var(--spacing-4) 1fr;

  grid-template-columns: auto 1fr;
  gap: var(--spacing-0) var(--spacing-4);
}
@media (max-width: 767.98px) {
  .c-list:where(:is(dl)) {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0;
  }
  .c-list:where(:is(dl)) > dt:where(:not(:first-child)) {
    margin-top: var(--spacing-list-gap-y);
  }
}

/* box ---------- */
.c-box {
  padding: var(--spacing-box-padding); 
  border: 1px solid var(--color-gray-700);
}

/* image ---------- */
.c-image {
  display: table;
  align-self: flex-start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767.98px) {
  .c-imageGroup .c-image + .c-image {
    margin-top: var(--spacing-imageGroup-gap);
  }
}
.c-image > figcaption {
  display: table-caption;
  margin-top: var(--spacing-caption); 
  caption-side: bottom;
}
.c-image:where(.-caption-top) > figcaption {
  margin-top: 0;
  margin-bottom: var(--spacing-caption); 
  caption-side: top;
}
.c-image:where(.-caption-nowrap) > figcaption {
  display: revert;
}
@media (max-width: 767.98px) {
  .c-image:where(.-scrollable) {
    display: block;
    overflow-x: scroll;
    margin-left: -20px;
    padding-right: 20px; 
    padding-left: 20px;
    width: 100vw;
  }
  .c-image:where(.-scrollable) > img {
    max-width: none;
  }
}

.c-imageGroup {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 768px) {
  .c-imageGroup {
    gap: var(--spacing-imageGroup-gap);
  }
  .c-imageGroup:where(.-gap-0) {
    -webkit-column-gap: var(--spacing-0);
       -moz-column-gap: var(--spacing-0);
            column-gap: var(--spacing-0);
  }
  .c-imageGroup:where(.-gap-1) {
    -webkit-column-gap: var(--spacing-1);
       -moz-column-gap: var(--spacing-1);
            column-gap: var(--spacing-1);
  }
  .c-imageGroup:where(.-gap-2) {
    -webkit-column-gap: var(--spacing-2);
       -moz-column-gap: var(--spacing-2);
            column-gap: var(--spacing-2);
  }
  .c-imageGroup:where(.-gap-3) {
    -webkit-column-gap: var(--spacing-3);
       -moz-column-gap: var(--spacing-3);
            column-gap: var(--spacing-3);
  }
  .c-imageGroup:where(.-gap-4) {
    -webkit-column-gap: var(--spacing-4);
       -moz-column-gap: var(--spacing-4);
            column-gap: var(--spacing-4);
  }
  .c-imageGroup:where(.-gap-5) {
    -webkit-column-gap: var(--spacing-5);
       -moz-column-gap: var(--spacing-5);
            column-gap: var(--spacing-5);
  }
  .c-imageGroup:where(.-gap-6) {
    -webkit-column-gap: var(--spacing-6);
       -moz-column-gap: var(--spacing-6);
            column-gap: var(--spacing-6);
  }
  .c-imageGroup:where(.-gap-7) {
    -webkit-column-gap: var(--spacing-7);
       -moz-column-gap: var(--spacing-7);
            column-gap: var(--spacing-7);
  }
  .c-imageGroup:where(.-gap-8) {
    -webkit-column-gap: var(--spacing-8);
       -moz-column-gap: var(--spacing-8);
            column-gap: var(--spacing-8);
  }
  .c-imageGroup:where(.-left) {
    justify-content: flex-start;
  }
}
@media (max-width: 767.98px) {
  .c-imageGroup {
    flex-direction: column;
  }
}
.c-caption + .c-imageGroup {
  margin-top: var(--spacing-caption);
}

/* caption ---------- */
.c-caption {
  font-size: var(--text-sm);
  line-height: var(--leading-tight);
}
.c-image + .c-caption,
.c-imageGroup + .c-caption {
  margin-top: var(--spacing-caption);
}

/* division ---------- */
.c-division {
  display: flex;

  gap: var(--spacing-division-gap);
}
@media (min-width: 768px) {
  .c-division:where(.-reverse) {
    flex-direction: row-reverse;
  }
}
@media (max-width: 767.98px) {
  .c-division {
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  .c-division_item:where(.-content) {
    flex: 1 1 auto;
    width: 1%;
  }
  .c-division_item:where(.-image) {
    flex-shrink: 0;
  }
}

/* table --------------- */
.c-table {
  border: 1px solid var(--color-gray-700); 
  width: 100%;
  border-collapse: collapse;
}
.c-table th,
.c-table td {
  border: 1px solid var(--color-gray-700);
  word-break: break-word;
}
.c-table th:where(.-w-10\%),
.c-table td:where(.-w-10\%) {
  width: 10%;
}
.c-table th:where(.-w-15\%),
.c-table td:where(.-w-15\%) {
  width: 15%;
}
.c-table th:where(.-w-20\%),
.c-table td:where(.-w-20\%) {
  width: 20%;
}
.c-table th:where(.-w-25\%),
.c-table td:where(.-w-25\%) {
  width: 25%;
}
.c-table th:where(.-w-30\%),
.c-table td:where(.-w-30\%) {
  width: 30%;
}
.c-table th:where(.-w-35\%),
.c-table td:where(.-w-35\%) {
  width: 35%;
}
.c-table th:where(.-w-40\%),
.c-table td:where(.-w-40\%) {
  width: 40%;
}
.c-table th:where(.-w-45\%),
.c-table td:where(.-w-45\%) {
  width: 45%;
}
.c-table th:where(.-w-50\%),
.c-table td:where(.-w-50\%) {
  width: 50%;
}
.c-table th {
  padding: var(--spacing-table-th-padding-y) var(--spacing-table-th-padding-x);
  background-color: var(--color-gray-200);
  text-align: left;
  font-weight: normal;
}
@media (max-width: 767.98px) {
  .c-table th {
    text-align: center;
  }
}
.c-table td {
  padding: var(--spacing-table-td-padding-y) var(--spacing-table-td-padding-x);
}

/* map ---------- */
.c-map > iframe {
  width: 100%;
}

/* video ---------- */
.c-video {
  margin-right: auto;
  margin-left: auto; 
  width: 100%;
  max-width: 720px;
}

/* footFunction ---------- */
.areaFootFunction {
  margin-top: 90px;
  padding-top: 17px;
  padding-bottom: 17px;
  background-color: var(--color-gray-300);
}
@media (max-width: 767.98px) {
  .areaFootFunction {
    margin-top: 60px;
  }
}

@media (min-width: 768px) {
  .areaFootFunction_nav {
    margin-left: auto; 
    width: -webkit-fit-content; 
    width: -moz-fit-content; 
    width: fit-content;
  }
}

/* footer ---------- */
.areaFooter {
  position: relative;
  padding: 45px 0;
  background-color: var(--color-gray-300);
}

.footer_pagetop > a {
  position: fixed;
  right: 20px;
  bottom: 0;
}
.footer_pagetop > a:hover {
  opacity: 0.7;
}

.footer_pagetop.is-absoluted > a {
  position: absolute;
  top: -46px;
  bottom: auto;
}

@media (max-width: 767.98px) {
  .footer_pagetop > a {
    width: 37px;
  }
  .footer_pagetop.is-absoluted > a {
    top: -37px;
  }
}

.footer_sitemap {
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
  font-size: 0.875rem;
}
.footer_sitemap a {
  color: inherit;
}
@media screen and (max-width: 1020px) {
  .footer_sitemap {
    max-width: 640px;
  }
}
@media (max-width: 767.98px) {
  .footer_sitemap {
    flex-direction: column; 
    max-width: none;
  }
}

.footer_sitemap_nav > ul {
  margin-top: -7px;
}
.footer_sitemap_nav > ul > li {
  margin-top: 7px;
}
.footer_sitemap_nav > ul > li::before {
  content: "";
  display: inline-block;
  margin: -4px 4px -1px 0;
  width: 6px;
  height: 5px;
  background: url(/business/area/shared_resp/img/arw_02.png) no-repeat; 
  vertical-align: middle;
}

.footer_sitemap_primary {
  flex-shrink: 0;
  padding-right: 40px;
  border-right: 1px solid #b6b6b6;
}
@media screen and (max-width: 1020px) {
  .footer_sitemap_primary {
    flex: 1;
    padding-right: 33px;
  }
}
@media (max-width: 767.98px) {
  .footer_sitemap_primary {
    padding: 0 0 30px;
    border-right: 0;
    border-bottom: 1px solid #b6b6b6;
  }
}

.footer_sitemap_branch {
  flex: 1;
}
@media (min-width: 768px) {
  .footer_sitemap_branch {
    margin: 0 30px 0 33px;
  }
}
@media screen and (max-width: 1020px) {
  .footer_sitemap_branch {
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  .footer_sitemap_branch {
    margin: 0;
  }
}
.footer_sitemap_branch .footer_sitemap_nav > ul {
  display: flex;
  flex-wrap: wrap;
}
.footer_sitemap_branch .footer_sitemap_nav > ul > li {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 767.98px) {
  .footer_sitemap_branch {
    flex-direction: column;
    padding-top: 30px; 
    width: 100%;
  }
}

.footer_sitemap_branch_heading {
  margin-bottom: 9px;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .footer_sitemap_branch_heading {
    margin-bottom: 12px;
  }
}

.footer_aside {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .footer_aside {
    margin-left: auto;
  }
}
@media screen and (max-width: 1020px) {
  .footer_aside {
    margin-top: 36px; 
    width: 100%;
  }
}

.footer_bnrs {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .footer_bnrs {
    max-width: 368px;
  }
}
.footer_bnrs > ul > li:not(:first-child) {
  margin-top: 14px;
}
.footer_bnrs > ul > li img {
  width: 100%;
  vertical-align: bottom;
}

/* modal ---------- */
.areaModal {
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  padding: 0 2rem;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.areaModal.is-ready {
  transition: visibility 0.3s, opacity 0.3s;
}
.areaModal.is-visible {
  visibility: visible;
  overflow: auto; 
  opacity: 1;

  -webkit-overflow-scrolling: touch;
}

.areaModal_container {
  display: table;
  padding: 2.5rem 0; 
  width: 100%;
  height: 100%;
}

.areaModal_body {
  display: table-cell;
  vertical-align: middle;
}

.c-modal_item {
  display: none;
  position: relative;
}
.areaModal.is-ready .c-modal_item {
  display: block;
}
@media screen and (min-width: 840px) {
  .c-modal_item {
    margin-right: auto;
    margin-left: auto; 
    width: 800px;
  }
}

.c-modal_close {
  position: absolute;
  top: -32px;
  right: 0;
}

.c-modal_close_btn {
  display: block;
  position: relative;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 0; 

  -webkit-appearance: none;
}
.c-modal_close_btn:before,
.c-modal_close_btn:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto -10%;
  width: 120%;
  height: 2px;
  background: var(--color-white);
}
.c-modal_close_btn:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c-modal_close_btn:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.installations_modal_help {
  padding: 22px 24px;
  background-color: var(--color-white);
}

.installations_modal_help_item {
  display: flex;
  align-items: center;
}
.installations_modal_help_item + .installations_modal_help_item {
  margin-top: 12px;
}

.installations_modal_help_item_ico {
  align-self: flex-start;
  margin-right: 8px; 
  width: 40px;
  height: 40px;
}

.installations_modal_help_item_h {
  font-size: 0.8125rem;
  font-weight: bold;
}

.installations_modal_help_item_desc {
  font-size: 0.625rem;
  line-height: 1.3;
}