@charset "UTF-8";
#sub-main {
  width: 100%;
  height: auto;
  padding-top: 100px;
}
@media (max-width: 768px) {
  #sub-main {
    padding-top: 60px;
  }
}

.subvisual {
  width: 100%;
  height: 420px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (max-width: 1280px) {
  .subvisual {
    height: 360px;
  }
}
@media (max-width: 768px) {
  .subvisual {
    height: 300px;
  }
}
.subvisual .cover {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.subvisual .cover .container {
  width: 95%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.subvisual .cover .container .sub-title-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.subvisual .cover .container .sub-title-wrap > h1 {
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 16px;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.2;
  color: white;
  word-break: keep-all;
  text-align: center;
}
@media (max-width: 1280px) {
  .subvisual .cover .container .sub-title-wrap > h1 {
    padding-bottom: 12px;
    margin-bottom: 12px;
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .subvisual .cover .container .sub-title-wrap > h1 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 24px;
  }
}
.subvisual .cover .container .sub-title-wrap > h1::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 80px;
  height: 1px;
  background: white;
}
@media (max-width: 1280px) {
  .subvisual .cover .container .sub-title-wrap > h1::after {
    width: 60px;
  }
}
@media (max-width: 768px) {
  .subvisual .cover .container .sub-title-wrap > h1::after {
    width: 40px;
  }
}
.subvisual .cover .container .sub-title-wrap p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  text-align: center;
  color: white;
}
@media (max-width: 768px) {
  .subvisual .cover .container .sub-title-wrap p {
    font-size: 14px;
  }
}

.local-nav-bar {
  width: 100%;
  height: 60px;
  background: #F2FAFD;
}
@media (max-width: 1280px) {
  .local-nav-bar {
    height: 52px;
  }
}
.local-nav-bar .container {
  width: 95%;
  height: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
}
@media (max-width: 1280px) {
  .local-nav-bar .container {
    gap: 24px;
  }
}
.local-nav-bar .container .current-page {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
@media (max-width: 1280px) {
  .local-nav-bar .container .current-page {
    gap: 8px;
  }
}
.local-nav-bar .container .current-page .home-box {
  width: 34px;
  height: 34px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #28336E;
  border-radius: 10000rem;
}
@media (max-width: 1280px) {
  .local-nav-bar .container .current-page .home-box {
    width: 28px;
    height: 28px;
  }
}
.local-nav-bar .container .current-page .home-box > i {
  font-size: 24px;
  line-height: 1;
  color: white;
  font-variation-settings: "FILL" 1;
}
@media (max-width: 1280px) {
  .local-nav-bar .container .current-page .home-box > i {
    font-size: 20px;
  }
}
.local-nav-bar .container .current-page > span {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #28336E;
  word-break: keep-all;
}
@media (max-width: 1280px) {
  .local-nav-bar .container .current-page > span {
    font-size: 14px;
  }
}
.local-nav-bar .container .current-page > i {
  font-size: 16px;
  line-height: 1;
  color: #28336E;
}
@media (max-width: 1280px) {
  .local-nav-bar .container .current-page > i {
    font-size: 14px;
  }
}
.local-nav-bar .container .local-nav-wrap {
  position: relative;
  width: 180px;
  height: 100%;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
@media (max-width: 1280px) {
  .local-nav-bar .container .local-nav-wrap {
    width: 148px;
  }
}
.local-nav-bar .container .local-nav-wrap .selected {
  width: 100%;
  height: 100%;
  padding: 0 6%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
@media (max-width: 1280px) {
  .local-nav-bar .container .local-nav-wrap .selected {
    padding: 0 4%;
    gap: 8px;
  }
}
.local-nav-bar .container .local-nav-wrap .selected span {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #3D3D3D;
}
@media (max-width: 1280px) {
  .local-nav-bar .container .local-nav-wrap .selected span {
    font-size: 14px;
  }
}
.local-nav-bar .container .local-nav-wrap .selected i {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  color: #3D3D3D;
}
@media (max-width: 1280px) {
  .local-nav-bar .container .local-nav-wrap .selected i {
    font-size: 18px;
  }
}
.local-nav-bar .container .local-nav-wrap .local-pages {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: auto;
  display: none;
  flex-direction: column;
  background: #F2FAFD;
  border: 1px soild #ddd;
  z-index: 3;
}
.local-nav-bar .container .local-nav-wrap .local-pages.on {
  display: flex;
}
.local-nav-bar .container .local-nav-wrap .local-pages li {
  width: 100%;
  height: 52px;
}
@media (max-width: 1280px) {
  .local-nav-bar .container .local-nav-wrap .local-pages li {
    height: 48px;
  }
}
.local-nav-bar .container .local-nav-wrap .local-pages li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.local-nav-bar .container .local-nav-wrap .local-pages li > a {
  width: 100%;
  height: 100%;
  padding: 0 6%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #3D3D3D;
}
@media (max-width: 1280px) {
  .local-nav-bar .container .local-nav-wrap .local-pages li > a {
    padding: 0 4%;
    font-size: 14px;
  }
}

.about-us-page {
  width: 100%;
  height: auto;
  padding: 100px 0;
  background: white;
}
@media (max-width: 1280px) {
  .about-us-page {
    padding: 70px 0;
  }
}
.about-us-page .container {
  width: 95%;
  height: auto;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about-us-page .container .about-us-subject {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.3;
  color: #2D2D2D;
  word-break: keep-all;
  text-align: center;
}
@media (max-width: 1280px) {
  .about-us-page .container .about-us-subject {
    margin-bottom: 32px;
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .about-us-page .container .about-us-subject {
    margin-bottom: 24px;
    font-size: 24px;
  }
}
.about-us-page .container .about-bluebox {
  width: 100%;
  height: auto;
  max-width: 1200px;
  padding: 64px 4%;
  margin: 0 auto;
  margin-bottom: 40px;
  border-radius: 10px;
  background: #F2FAFD;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1280px) {
  .about-us-page .container .about-bluebox {
    padding: 40px 4%;
    margin-bottom: 32px;
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .about-us-page .container .about-bluebox {
    padding: 24px 4%;
    margin-bottom: 24px;
  }
}
.about-us-page .container .about-bluebox p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  color: #3D3D3D;
  text-align: center;
}
@media (max-width: 768px) {
  .about-us-page .container .about-bluebox p {
    font-size: 14px;
  }
}
.about-us-page .container .about-bluebox .images {
  width: 80%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 768px) {
  .about-us-page .container .about-bluebox .images {
    width: 100%;
    gap: 12px;
  }
}
@media (max-width: 480px) {
  .about-us-page .container .about-bluebox .images {
    grid-template-columns: 1fr;
  }
}
.about-us-page .container .about-bluebox .images img {
  width: 100%;
  height: auto;
}
.about-us-page .container .about-bg-box {
  width: 100%;
  height: 440px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (max-width: 1280px) {
  .about-us-page .container .about-bg-box {
    height: 380px;
  }
}
@media (max-width: 768px) {
  .about-us-page .container .about-bg-box {
    height: 280px;
    background-position: 95% center;
  }
}
.about-us-page .container .about-bg-box .cover {
  width: 70%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.8), transparent);
  padding: 0 4% 0 6%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1280px) {
  .about-us-page .container .about-bg-box .cover {
    padding: 0 4%;
  }
}
.about-us-page .container .about-bg-box .cover p {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: #2D2D2D;
  word-break: keep-all;
}
@media (max-width: 1280px) {
  .about-us-page .container .about-bg-box .cover p {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .about-us-page .container .about-bg-box .cover p {
    font-size: 16px;
  }
}

.org-page {
  width: 100%;
  height: auto;
  padding: 100px 0;
}
@media (max-width: 1280px) {
  .org-page {
    padding: 70px 0;
  }
}
.org-page .container {
  width: 95%;
  height: auto;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.org-page .container .title-wrap {
  margin-bottom: 30px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1280px) {
  .org-page .container .title-wrap {
    margin-bottom: 24px;
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .org-page .container .title-wrap {
    margin-bottom: 20px;
    gap: 12px;
  }
}
.org-page .container .title-wrap h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  color: #2D2D2D;
  word-break: keep-all;
  text-align: center;
}
@media (max-width: 1280px) {
  .org-page .container .title-wrap h2 {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .org-page .container .title-wrap h2 {
    font-size: 24px;
  }
}
.org-page .container .title-wrap p {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  color: #464646;
  text-align: center;
}
@media (max-width: 768px) {
  .org-page .container .title-wrap p {
    font-size: 16px;
  }
}
.org-page .container .org-chart {
  width: 100%;
  height: auto;
  margin-bottom: 70px;
  display: flex;
}
@media (max-width: 768px) {
  .org-page .container .org-chart {
    margin-bottom: 40px;
  }
}
.org-page .container .org-chart > img {
  width: 100%;
  height: auto;
}
.org-page .container .contact-info-title {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1280px) {
  .org-page .container .contact-info-title {
    margin-bottom: 24px;
  }
}
@media (max-width: 768px) {
  .org-page .container .contact-info-title {
    margin-bottom: 20px;
  }
}
.org-page .container .contact-info-title h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  color: #2D2D2D;
  word-break: keep-all;
  text-align: center;
}
@media (max-width: 1280px) {
  .org-page .container .contact-info-title h2 {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .org-page .container .contact-info-title h2 {
    font-size: 24px;
  }
}
.org-page .container .contact-info-title p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  word-break: keep-all;
  text-align: center;
  color: #28336E;
}
@media (max-width: 768px) {
  .org-page .container .contact-info-title p {
    font-size: 16px;
  }
}
.org-page .container .contact-box {
  width: 100%;
  height: auto;
  display: flex;
}
.org-page .container .contact-box > img {
  width: 100%;
  height: auto;
}

.facility-page {
  width: 100%;
  height: auto;
  padding: 100px 0;
  background: white;
}
@media (max-width: 1280px) {
  .facility-page {
    padding: 70px 0;
  }
}
.facility-page .container {
  width: 95%;
  height: auto;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
@media (max-width: 1280px) {
  .facility-page .container {
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .facility-page .container {
    gap: 32px;
  }
}
.facility-page .container .floor-tabs {
  width: 100%;
  height: auto;
  padding: 18px 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  gap: 16px 24px;
  background: #FAFAFA;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 1280px) {
  .facility-page .container .floor-tabs {
    padding: 16px 20px;
    flex-wrap: wrap;
    gap: 16px 20px;
  }
}
.facility-page .container .floor-tabs > a {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  color: #2D2D2D;
  opacity: 0.6;
  transition: all 0.2s ease-in-out;
}
.facility-page .container .floor-tabs > a.now, .facility-page .container .floor-tabs > a:hover {
  opacity: 1;
}
.facility-page .container .floor-tabs > a em {
  color: #1AA4E1;
}
.facility-page .container .floor-info {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  color: #2D2D2D;
  word-break: keep-all;
}
@media (max-width: 768px) {
  .facility-page .container .floor-info {
    font-size: 16px;
  }
}
.facility-page .container .floor-info > em {
  color: #1AA4E1;
}
.facility-page .container .facility-images {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1024px) {
  .facility-page .container .facility-images {
    flex-direction: column;
  }
}
.facility-page .container .facility-images .big-image {
  position: relative;
  flex: 1 1 auto;
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .facility-page .container .facility-images .big-image {
    flex: unset;
    width: 100%;
    height: 480px;
  }
}
@media (max-width: 768px) {
  .facility-page .container .facility-images .big-image {
    height: 400px;
  }
}
@media (max-width: 480px) {
  .facility-page .container .facility-images .big-image {
    height: 320px;
  }
}
.facility-page .container .facility-images .big-image > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.facility-page .container .facility-images .image-select-box {
  position: relative;
  flex: 0 0 200px;
}
@media (max-width: 1280px) {
  .facility-page .container .facility-images .image-select-box {
    flex: 0 0 180px;
  }
}
@media (max-width: 1024px) {
  .facility-page .container .facility-images .image-select-box {
    flex: unset;
    width: 100%;
  }
}
.facility-page .container .facility-images .image-select-box .image-select-swiper {
  width: 100%;
  height: 576px;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .facility-page .container .facility-images .image-select-box .image-select-swiper {
    height: 504px;
  }
}
@media (max-width: 1024px) {
  .facility-page .container .facility-images .image-select-box .image-select-swiper {
    height: auto;
  }
}
.facility-page .container .facility-images .image-select-box .image-select-swiper .swiper-wrapper {
  width: 100%;
  height: auto;
}
.facility-page .container .facility-images .image-select-box .image-select-swiper .swiper-wrapper .swiper-slide {
  position: relative;
  width: 100%;
  height: 138px !important;
  overflow: hidden;
  opacity: 0.7;
  filter: brightness(0.5);
}
@media (max-width: 1280px) {
  .facility-page .container .facility-images .image-select-box .image-select-swiper .swiper-wrapper .swiper-slide {
    height: 120px !important;
  }
}
.facility-page .container .facility-images .image-select-box .image-select-swiper .swiper-wrapper .swiper-slide.active {
  opacity: 1;
  filter: brightness(1);
}
.facility-page .container .facility-images .image-select-box .image-select-swiper .swiper-wrapper .swiper-slide > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.facility-page .container .facility-images .image-select-box .image-select-swiper .swiper-notification {
  display: none;
}
.facility-page .container .facility-images .image-select-box .image-navigation {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: calc(100% + 48px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  visibility: hidden;
  z-index: 3;
}
@media (max-width: 1024px) {
  .facility-page .container .facility-images .image-select-box .image-navigation {
    width: 100%;
    height: auto;
    flex-direction: row;
  }
}
.facility-page .container .facility-images .image-select-box .image-navigation div {
  width: 48px;
  height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px) brightness(1.2);
  border-radius: 100000rem;
  visibility: visible;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .facility-page .container .facility-images .image-select-box .image-navigation div {
    width: 40px;
    height: 40px;
    transform: rotate(-90deg);
  }
}
.facility-page .container .facility-images .image-select-box .image-navigation div i {
  font-size: 36px;
  line-height: 1;
  color: #28336E;
}
@media (max-width: 1024px) {
  .facility-page .container .facility-images .image-select-box .image-navigation div i {
    font-size: 28px;
  }
}

.medipium-page {
  width: 100%;
  height: auto;
  padding: 100px 0;
}
@media (max-width: 1280px) {
  .medipium-page {
    padding: 70px 0;
  }
}
.medipium-page .container {
  width: 95%;
  height: auto;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.medipium-page .container .title-wrap {
  width: 100%;
  height: auto;
  margin-bottom: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1280px) {
  .medipium-page .container .title-wrap {
    margin-bottom: 52px;
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .medipium-page .container .title-wrap {
    margin-bottom: 40px;
    gap: 20px;
  }
}
.medipium-page .container .title-wrap > img {
  max-width: 100%;
  height: 44px;
}
@media (max-width: 1280px) {
  .medipium-page .container .title-wrap > img {
    height: 32px;
  }
}
@media (max-width: 768px) {
  .medipium-page .container .title-wrap > img {
    height: 24px;
  }
}
.medipium-page .container .title-wrap p {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
  word-break: keep-all;
  text-align: center;
  color: #464646;
}
@media (max-width: 1280px) {
  .medipium-page .container .title-wrap p {
    font-size: 16px;
  }
}
.medipium-page .container .page-body {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 70px;
}
@media (max-width: 1280px) {
  .medipium-page .container .page-body {
    gap: 52px;
  }
}
@media (max-width: 768px) {
  .medipium-page .container .page-body {
    gap: 40px;
  }
}
.medipium-page .container .page-body .medi-wrap {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.medipium-page .container .page-body .medi-wrap .wrap-head {
  width: 100%;
  height: 54px;
  padding: 0 12px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #28336E;
}
@media (max-width: 1280px) {
  .medipium-page .container .page-body .medi-wrap .wrap-head {
    height: 48px;
  }
}
@media (max-width: 768px) {
  .medipium-page .container .page-body .medi-wrap .wrap-head {
    height: 40px;
  }
}
.medipium-page .container .page-body .medi-wrap .wrap-head b {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  word-break: keep-all;
  text-align: center;
  color: white;
}
@media (max-width: 768px) {
  .medipium-page .container .page-body .medi-wrap .wrap-head b {
    font-size: 16px;
  }
}
.medipium-page .container .page-body .medi-wrap .medi-building-grid {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media (max-width: 768px) {
  .medipium-page .container .page-body .medi-wrap .medi-building-grid {
    grid-template-columns: 1fr;
  }
}
.medipium-page .container .page-body .medi-wrap .medi-building-grid .building-cell {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1280px) {
  .medipium-page .container .page-body .medi-wrap .medi-building-grid .building-cell {
    gap: 12px;
  }
}
.medipium-page .container .page-body .medi-wrap .medi-building-grid .building-cell .building-image {
  width: 100%;
  height: auto;
  display: flex;
}
.medipium-page .container .page-body .medi-wrap .medi-building-grid .building-cell .building-image > img {
  width: 100%;
  height: auto;
}
.medipium-page .container .page-body .medi-wrap .medi-building-grid .building-cell > span {
  width: 100%;
  height: auto;
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
  word-break: keep-all;
  text-align: center;
  color: #464646;
  padding: 0 12px;
  padding-bottom: 16px;
  border-bottom: 3px solid #1AA4E1;
}
@media (max-width: 1280px) {
  .medipium-page .container .page-body .medi-wrap .medi-building-grid .building-cell > span {
    font-size: 16px;
    padding-bottom: 14px;
  }
}
.medipium-page .container .page-body .medi-wrap .about-medipium {
  width: 100%;
  height: auto;
  padding: 50px 6%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #F2FAFD;
}
@media (max-width: 1280px) {
  .medipium-page .container .page-body .medi-wrap .about-medipium {
    padding: 32px 4%;
  }
}
.medipium-page .container .page-body .medi-wrap .about-medipium p {
  margin-bottom: 56px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  -moz-text-align-last: center;
       text-align-last: center;
  color: #464646;
}
@media (max-width: 1280px) {
  .medipium-page .container .page-body .medi-wrap .about-medipium p {
    margin-bottom: 36px;
  }
}
@media (max-width: 768px) {
  .medipium-page .container .page-body .medi-wrap .about-medipium p {
    margin-bottom: 24px;
    font-size: 14px;
  }
}
.medipium-page .container .page-body .medi-wrap .about-medipium .medipium-desc-grid {
  width: 100%;
  height: auto;
  margin-bottom: 56px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 32px 0;
}
.medipium-page .container .page-body .medi-wrap .about-medipium .medipium-desc-grid .cell {
  flex: 1 1 10%;
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1280px) {
  .medipium-page .container .page-body .medi-wrap .about-medipium .medipium-desc-grid .cell {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .medipium-page .container .page-body .medi-wrap .about-medipium .medipium-desc-grid .cell {
    flex: 1 1 30%;
    gap: 16px;
  }
}
.medipium-page .container .page-body .medi-wrap .about-medipium .medipium-desc-grid .cell .icon-box {
  position: relative;
  width: 52px;
  height: 52px;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .medipium-page .container .page-body .medi-wrap .about-medipium .medipium-desc-grid .cell .icon-box {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 768px) {
  .medipium-page .container .page-body .medi-wrap .about-medipium .medipium-desc-grid .cell .icon-box {
    width: 32px;
    height: 32px;
  }
}
.medipium-page .container .page-body .medi-wrap .about-medipium .medipium-desc-grid .cell .icon-box > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.medipium-page .container .page-body .medi-wrap .about-medipium .medipium-desc-grid .cell span {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  text-align: center;
  color: #2D2D2D;
}
@media (max-width: 768px) {
  .medipium-page .container .page-body .medi-wrap .about-medipium .medipium-desc-grid .cell span {
    font-size: 14px;
  }
}
.medipium-page .container .page-body .medi-wrap .about-medipium .medipium-desc-grid .cell:not(:last-child) {
  border-right: 1px solid #ddd;
}
.medipium-page .container .page-body .medi-wrap .about-medipium .ci-infos {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 56px 100px;
  background: white;
}
@media (max-width: 1280px) {
  .medipium-page .container .page-body .medi-wrap .about-medipium .ci-infos {
    padding: 40px 4%;
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
}
.medipium-page .container .page-body .medi-wrap .about-medipium .ci-infos article {
  flex: 0 1 auto;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.medipium-page .container .page-body .medi-wrap .about-medipium .ci-infos article .ci-head {
  width: 100%;
  height: auto;
  padding-bottom: 10px;
  border-bottom: 3px solid #1AA4E1;
}
.medipium-page .container .page-body .medi-wrap .about-medipium .ci-infos article .ci-head b {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  word-break: keep-all;
  color: #2D2D2D;
}
@media (max-width: 768px) {
  .medipium-page .container .page-body .medi-wrap .about-medipium .ci-infos article .ci-head b {
    font-size: 14px;
  }
}
.medipium-page .container .page-body .medi-wrap .about-medipium .ci-infos article .ci-body {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
@media (max-width: 768px) {
  .medipium-page .container .page-body .medi-wrap .about-medipium .ci-infos article .ci-body {
    flex-direction: column;
  }
}
.medipium-page .container .page-body .medi-wrap .about-medipium .ci-infos article .ci-body > img {
  flex: 1 1 40%;
  max-width: 100%;
}

.direction-page {
  width: 100%;
  height: auto;
  padding: 100px 0;
}
@media (max-width: 1280px) {
  .direction-page {
    padding: 70px 0;
  }
}
.direction-page .container {
  width: 95%;
  height: auto;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.direction-page .container .page-title-wrap {
  width: 100%;
  height: auto;
  margin-bottom: 88px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1280px) {
  .direction-page .container .page-title-wrap {
    margin-bottom: 60px;
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .direction-page .container .page-title-wrap {
    margin-bottom: 40px;
    gap: 12px;
  }
}
.direction-page .container .page-title-wrap h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  color: #2D2D2D;
  word-break: keep-all;
  text-align: center;
}
@media (max-width: 1280px) {
  .direction-page .container .page-title-wrap h2 {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .direction-page .container .page-title-wrap h2 {
    font-size: 24px;
  }
}
.direction-page .container .page-title-wrap p {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  color: #464646;
  text-align: center;
}
@media (max-width: 768px) {
  .direction-page .container .page-title-wrap p {
    font-size: 16px;
  }
}
.direction-page .container .map-area {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 1280px) {
  .direction-page .container .map-area {
    margin-bottom: 16px;
  }
}
.direction-page .container .map-area .area-head {
  width: 100%;
  height: 56px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  background: #28336E;
}
@media (max-width: 1280px) {
  .direction-page .container .map-area .area-head {
    height: 48px;
  }
}
@media (max-width: 768px) {
  .direction-page .container .map-area .area-head {
    height: 40px;
  }
}
.direction-page .container .map-area .area-head b {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: white;
  word-break: keep-all;
  -moz-text-align-last: center;
       text-align-last: center;
}
@media (max-width: 768px) {
  .direction-page .container .map-area .area-head b {
    font-size: 16px;
  }
}
.direction-page .container .map-area .area-body {
  width: 100%;
  height: 500px;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .direction-page .container .map-area .area-body {
    height: 440px;
  }
}
@media (max-width: 768px) {
  .direction-page .container .map-area .area-body {
    height: 320px;
  }
}
.direction-page .container .map-area .area-body .root_daum_roughmap {
  width: 100%;
  height: 100%;
}
.direction-page .container .map-area .area-body .root_daum_roughmap .wrap_map {
  width: 100%;
  height: 100%;
}
.direction-page .container .dir-transport-list {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1280px) {
  .direction-page .container .dir-transport-list {
    gap: 16px;
  }
}
.direction-page .container .dir-transport-list .row {
  width: 100%;
  height: auto;
  padding: 60px 52px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 80px;
  min-width: 320px;
}
@media (max-width: 1280px) {
  .direction-page .container .dir-transport-list .row {
    padding: 32px;
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .direction-page .container .dir-transport-list .row {
    padding: 24px;
    flex-direction: column;
    gap: 24px;
    min-width: unset;
  }
}
.direction-page .container .dir-transport-list .row .transport-icon-box {
  flex: 0 0 180px;
  display: flex;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 1280px) {
  .direction-page .container .dir-transport-list .row .transport-icon-box {
    flex: 0 0 140px;
  }
}
@media (max-width: 768px) {
  .direction-page .container .dir-transport-list .row .transport-icon-box {
    flex: unset;
    width: 120px;
  }
}
.direction-page .container .dir-transport-list .row .transport-icon-box > img {
  width: 100%;
  height: auto;
}
.direction-page .container .dir-transport-list .row .transport-contents {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 26px;
}
@media (max-width: 1280px) {
  .direction-page .container .dir-transport-list .row .transport-contents {
    gap: 24px;
  }
}
.direction-page .container .dir-transport-list .row .transport-contents .content-row {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.direction-page .container .dir-transport-list .row .transport-contents .content-row .row-title {
  position: relative;
  padding-left: 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #2D2D2D;
  word-break: keep-all;
}
@media (max-width: 768px) {
  .direction-page .container .dir-transport-list .row .transport-contents .content-row .row-title {
    padding-left: 12px;
    font-size: 14px;
  }
}
.direction-page .container .dir-transport-list .row .transport-contents .content-row .row-title p {
  font-weight: 300;
}
.direction-page .container .dir-transport-list .row .transport-contents .content-row .row-title p > em {
  font-weight: 600;
}
.direction-page .container .dir-transport-list .row .transport-contents .content-row .row-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 8px;
  height: 8px;
  background: #1AA4E1;
  border-radius: 100000rem;
}
@media (max-width: 768px) {
  .direction-page .container .dir-transport-list .row .transport-contents .content-row .row-title::before {
    top: 8px;
    width: 4px;
    height: 4px;
  }
}
.direction-page .container .dir-transport-list .row .transport-contents .content-row > p {
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.direction-page .container .dir-transport-list .row .transport-contents .content-row > p span {
  position: relative;
  padding-left: 16px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  color: #464646;
}
.direction-page .container .dir-transport-list .row .transport-contents .content-row > p span b {
  font-weight: 600;
}
.direction-page .container .dir-transport-list .row .transport-contents .content-row > p span::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}
.direction-page .container .dir-transport-list .row .transport-contents .bus-numbers {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 768px) {
  .direction-page .container .dir-transport-list .row .transport-contents .bus-numbers {
    gap: 4px;
  }
}
.direction-page .container .dir-transport-list .row .transport-contents .bus-numbers .number-row {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
}
.direction-page .container .dir-transport-list .row .transport-contents .bus-numbers .number-row .bus-type {
  flex: 0 0 auto;
  width: 74px;
  height: auto;
  padding: 4px 0;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: white;
  word-break: keep-all;
  text-align: center;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .direction-page .container .dir-transport-list .row .transport-contents .bus-numbers .number-row .bus-type {
    width: 64px;
    font-size: 14px;
  }
}
.direction-page .container .dir-transport-list .row .transport-contents .bus-numbers .number-row .bus-type.bt-1 {
  background: #13AF57;
}
.direction-page .container .dir-transport-list .row .transport-contents .bus-numbers .number-row .bus-type.bt-2 {
  background: #0451C4;
}
.direction-page .container .dir-transport-list .row .transport-contents .bus-numbers .number-row .number-contents {
  margin-top: 4px;
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  color: #464646;
}
.direction-page .container .dir-transport-list .row:nth-child(1) {
  background: #F9FDFE;
}
.direction-page .container .dir-transport-list .row:nth-child(2) {
  background: #FDF9F2;
}
.direction-page .container .dir-transport-list .row:nth-child(3) {
  background: #F1F9F7;
}

.admission-application-page {
  width: 100%;
  height: auto;
  padding: 100px 0;
}
@media (max-width: 1280px) {
  .admission-application-page {
    padding: 70px 0;
  }
}
.admission-application-page .container {
  width: 95%;
  height: auto;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.business-facility-page {
  width: 100%;
  height: auto;
  padding: 100px 0;
}
@media (max-width: 1280px) {
  .business-facility-page {
    padding: 70px 0;
  }
}
.business-facility-page .container {
  width: 95%;
  height: auto;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.business-facility-page .container .business-color-box {
  position: relative;
  width: 100%;
  height: 340px;
  padding: 0 70px;
  margin-bottom: 80px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-color-box {
    padding: 0 48px;
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-color-box {
    height: auto;
    padding: 36px 24px;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 36px;
    margin-bottom: 40px;
  }
}
.business-facility-page .container .business-color-box .inner {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
}
.business-facility-page .container .business-color-box .inner .box-title {
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  color: #2EA9DF;
  word-break: keep-all;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-color-box .inner .box-title {
    margin-bottom: 12px;
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-color-box .inner .box-title {
    font-size: 20px;
  }
}
.business-facility-page .container .business-color-box .inner .box-contents {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  word-break: keep-all;
  color: #3D3D3D;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-color-box .inner .box-contents {
    font-size: 14px;
  }
}
.business-facility-page .container .business-color-box .inner .box-contents b {
  font-weight: 700;
  color: black;
}
.business-facility-page .container .business-color-box .inner .etc {
  margin-top: 28px;
  padding: 18px 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 80px;
  background: #2EA9DF;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-color-box .inner .etc {
    margin-top: 24px;
    padding: 16px 24px;
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-color-box .inner .etc {
    margin-top: 20px;
    padding: 14px 20px;
    gap: 20px;
  }
}
@media (max-width: 540px) {
  .business-facility-page .container .business-color-box .inner .etc {
    width: 100%;
    padding: 12px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
.business-facility-page .container .business-color-box .inner .etc b {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: white;
  word-break: keep-all;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-color-box .inner .etc b {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-color-box .inner .etc b {
    font-size: 16px;
  }
}
.business-facility-page .container .business-color-box .inner .etc span {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: white;
  word-break: keep-all;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-color-box .inner .etc span {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-color-box .inner .etc span {
    font-size: 16px;
  }
}
.business-facility-page .container .business-color-box.cb1 {
  background: #FAFAFA;
}
.business-facility-page .container .business-color-box.cb1 .business-vector-box {
  position: absolute;
  right: 40px;
  bottom: 0;
  width: auto;
  height: 100%;
  display: flex;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-color-box.cb1 .business-vector-box {
    position: relative;
    right: unset;
    bottom: unset;
    width: 100%;
    height: 340px;
    overflow: hidden;
  }
}
.business-facility-page .container .business-color-box.cb1 .business-vector-box > img {
  width: auto;
  height: 100%;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-color-box.cb1 .business-vector-box > img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.business-facility-page .container .business-color-box.cb2 {
  background: #FDF8F1;
}
.business-facility-page .container .business-color-box.cb2 .inner .box-title {
  color: #E99400;
}
.business-facility-page .container .business-color-box.cb2 .business-vector-box {
  position: absolute;
  right: 40px;
  bottom: 0;
  width: auto;
  height: 80%;
  display: flex;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-color-box.cb2 .business-vector-box {
    position: relative;
    right: unset;
    bottom: unset;
    width: 100%;
    height: 280px;
    overflow: hidden;
  }
}
.business-facility-page .container .business-color-box.cb2 .business-vector-box > img {
  width: auto;
  height: 100%;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-color-box.cb2 .business-vector-box > img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.business-facility-page .container .business-color-box.cb3 {
  background: #F1F9F7;
}
.business-facility-page .container .business-color-box.cb3 .inner .box-title {
  color: #109A7D;
}
.business-facility-page .container .business-color-box.cb3 .business-vector-box {
  position: absolute;
  right: 40px;
  bottom: 0;
  width: auto;
  height: 90%;
  display: flex;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-color-box.cb3 .business-vector-box {
    position: relative;
    right: unset;
    bottom: unset;
    width: 100%;
    height: 280px;
    overflow: hidden;
  }
}
.business-facility-page .container .business-color-box.cb3 .business-vector-box > img {
  width: auto;
  height: 100%;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-color-box.cb3 .business-vector-box > img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.business-facility-page .container .business-color-box.cb4 {
  background: #FDF2F9;
}
.business-facility-page .container .business-color-box.cb4 .inner .box-title {
  color: #28336E;
}
.business-facility-page .container .business-color-box.cb4 .business-vector-box {
  position: absolute;
  right: 40px;
  bottom: 0;
  width: auto;
  height: 95%;
  display: flex;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-color-box.cb4 .business-vector-box {
    position: relative;
    right: unset;
    bottom: unset;
    width: 100%;
    height: 280px;
    overflow: hidden;
  }
}
.business-facility-page .container .business-color-box.cb4 .business-vector-box > img {
  width: auto;
  height: 100%;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-color-box.cb4 .business-vector-box > img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.business-facility-page .container .business-color-box.cb5 {
  background: #FDFDF2;
}
.business-facility-page .container .business-color-box.cb5 .inner .box-title {
  color: #7C26A7;
}
.business-facility-page .container .business-color-box.cb5 .business-vector-box {
  position: absolute;
  right: 40px;
  bottom: 0;
  width: auto;
  height: 95%;
  display: flex;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-color-box.cb5 .business-vector-box {
    position: relative;
    right: unset;
    bottom: unset;
    width: 100%;
    height: 280px;
    overflow: hidden;
  }
}
.business-facility-page .container .business-color-box.cb5 .business-vector-box > img {
  width: auto;
  height: 100%;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-color-box.cb5 .business-vector-box > img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.business-facility-page .container .business-content-group {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.business-facility-page .container .business-content-group.scr-hor {
  overflow-x: auto;
  padding-bottom: 2px;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group {
    gap: 60px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group {
    gap: 40px;
  }
}
.business-facility-page .container .business-content-group .content-box {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box {
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box {
    gap: 12px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-head {
  width: 100%;
  height: 60px;
  padding: 0 12px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #28336E;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-head {
    height: 52px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-head {
    height: 48px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-head > b {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: white;
  word-break: keep-all;
  text-align: center;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-head > b {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-head > b {
    font-size: 16px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body {
  width: 100%;
  height: auto;
}
.business-facility-page .container .business-content-group .content-box .content-body.scr-hor {
  overflow-x: auto;
  padding-bottom: 2px;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-guide-table {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-guide-table .row {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-guide-table .row dt {
  flex: 0 0 190px;
  padding: 12px;
  padding-left: 6%;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: black;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .admission-guide-table .row dt {
    flex: 0 0 150px;
    padding-left: 4%;
    font-size: 16px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-guide-table .row dd {
  flex: 1 1 auto;
  padding: 12px;
  padding-left: 4%;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  color: #464646;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .admission-guide-table .row dd {
    font-size: 14px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-guide-table .row:nth-child(odd) dt, .business-facility-page .container .business-content-group .content-box .content-body .admission-guide-table .row:nth-child(odd) dd {
  background: #FAFAFA;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-guide-table .row:nth-child(even) dt, .business-facility-page .container .business-content-group .content-box .content-body .admission-guide-table .row:nth-child(even) dd {
  background: #F2FAFD;
}
.business-facility-page .container .business-content-group .content-box .content-body .service-guide-table {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.business-facility-page .container .business-content-group .content-box .content-body .service-guide-table .row {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  gap: 4px;
}
@media (max-width: 640px) {
  .business-facility-page .container .business-content-group .content-box .content-body .service-guide-table .row {
    flex-direction: column;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .service-guide-table .row dt {
  flex: 0 0 300px;
  padding: 12px;
  padding-left: 6%;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: black;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .service-guide-table .row dt {
    flex: 0 0 240px;
    padding-left: 4%;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .service-guide-table .row dt {
    flex: 0 0 200px;
  }
}
@media (max-width: 640px) {
  .business-facility-page .container .business-content-group .content-box .content-body .service-guide-table .row dt {
    flex: unset;
    width: 100%;
    height: auto;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .service-guide-table .row dd {
  flex: 1 1 auto;
  padding: 12px;
  padding-left: 4%;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  color: #464646;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .service-guide-table .row dd {
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  .business-facility-page .container .business-content-group .content-box .content-body .service-guide-table .row dd {
    flex: unset;
    width: 100%;
    height: auto;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .service-guide-table .row:nth-child(odd) dt, .business-facility-page .container .business-content-group .content-box .content-body .service-guide-table .row:nth-child(odd) dd {
  background: #F2FAFD;
}
.business-facility-page .container .business-content-group .content-box .content-body .service-guide-table .row:nth-child(even) dt, .business-facility-page .container .business-content-group .content-box .content-body .service-guide-table .row:nth-child(even) dd {
  background: #FAFAFA;
}
.business-facility-page .container .business-content-group .content-box .content-body .process-grid {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 6px;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .process-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 540px) {
  .business-facility-page .container .business-content-group .content-box .content-body .process-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .process-grid .cell {
  width: 100%;
  height: 265px;
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  background: white;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
}
.business-facility-page .container .business-content-group .content-box .content-body .process-grid .cell > img {
  width: 100%;
  height: auto;
  max-width: 148px;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .process-grid .cell > img {
    max-width: 120px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .process-grid .cell p {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.business-facility-page .container .business-content-group .content-box .content-body .process-grid .cell p b {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: black;
  word-break: keep-all;
  text-align: center;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .process-grid .cell p b {
    font-size: 16px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .process-grid .cell p span {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.2;
  color: #464646;
  word-break: keep-all;
  text-align: center;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .process-grid .cell p span {
    font-size: 14px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table {
  width: 100%;
  height: auto;
  min-width: 840px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 2px;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table .dg {
  background: #707070;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table .bl {
  background: #0E87BB;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table .yl {
  background: #E99400;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table .cn {
  background: #CC0074;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table .lg {
  background: #ECECEC;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table .lb {
  background: #F2FAFD;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table .ly {
  background: #FDF9F2;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table .lc {
  background: #FDF2FA;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table colgroup col:nth-child(1) {
  width: 18%;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table colgroup col:nth-child(2) {
  width: 19%;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table colgroup col:nth-child(3) {
  width: 22%;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table colgroup col:nth-child(4) {
  width: 22%;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table colgroup col:nth-child(5) {
  width: 22%;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table thead tr th {
  height: 64px;
  padding: 0 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  color: white;
  word-break: keep-all;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table thead tr th {
    height: 56px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table thead tr th {
    height: 48px;
    font-size: 14px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table tbody tr th {
  vertical-align: middle;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table tbody tr th > div {
  width: 100%;
  height: auto;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table tbody tr th > div b {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: white;
  word-break: keep-all;
  text-align: center;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table tbody tr th > div b {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table tbody tr th > div b {
    font-size: 14px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table tbody tr th > div span {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2;
  color: white;
  word-break: keep-all;
  text-align: center;
}
.business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table tbody tr td {
  height: 50px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  color: #2D2D2D;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .admission-cost-table tbody tr td {
    font-size: 14px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box.scr-hor {
  overflow-x: auto;
  padding-bottom: 2px;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box {
    gap: 16px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .box-title {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .box-title strong {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  word-break: keep-all;
  text-align: center;
  color: black;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box .box-title strong {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box .box-title strong {
    font-size: 16px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .box-title span {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  text-align: center;
  color: #28336E;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box .box-title span {
    font-size: 14px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .use-for-grid {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box .use-for-grid {
    grid-template-columns: 1fr;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .use-for-grid .cell {
  width: 100%;
  height: 270px;
  padding: 0 12px;
  padding-top: 30px;
  background: #fafafa;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box .use-for-grid .cell {
    height: auto;
    padding: 28px 12px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .use-for-grid .cell .cell-icon-box {
  width: 100%;
  height: auto;
  max-width: 112px;
  display: flex;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box .use-for-grid .cell .cell-icon-box {
    max-width: 90px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .use-for-grid .cell .cell-icon-box > img {
  width: 100%;
  height: auto;
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .use-for-grid .cell .cell-contents {
  width: 100%;
  height: auto;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  word-break: keep-all;
  text-align: center;
  color: #3D3D3D;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box .use-for-grid .cell .cell-contents {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box .use-for-grid .cell .cell-contents {
    font-size: 14px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-programs {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-programs {
    flex-direction: column;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-programs .program-box {
  flex: 1 1 40%;
  height: 190px;
  padding: 0 4%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  background: #F2FAFD;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-programs .program-box {
    flex: unset;
    width: 100%;
    height: auto;
    padding: 20px 4%;
    gap: 12px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-programs .program-box b {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: #28336E;
  word-break: keep-all;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-programs .program-box b {
    font-size: 16px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-programs .program-box p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  word-break: keep-all;
  color: #464646;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-programs .program-box p {
    font-size: 14px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-programs .program-box p > em {
  font-weight: 500;
  color: black;
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table {
  width: 100%;
  height: auto;
  min-width: 640px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 2px;
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table colgroup col:nth-child(1) {
  width: 25%;
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table colgroup col:nth-child(2) {
  width: 25%;
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table colgroup col:nth-child(3) {
  width: 25%;
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table colgroup col:nth-child(4) {
  width: 25%;
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table .dg {
  background: #707070;
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table .bl {
  background: #0E87BB;
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table .yl {
  background: #E99400;
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table .cn {
  background: #CC0074;
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table .lg {
  background: #ECECEC;
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table .lb {
  background: #F2FAFD;
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table .ly {
  background: #FDF9F2;
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table .lc {
  background: #FDF2FA;
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table thead tr th {
  height: 64px;
  padding: 0 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  color: white;
  word-break: keep-all;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table thead tr th {
    height: 56px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table thead tr th {
    height: 52px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table tbody tr th {
  padding: 14px 12px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  word-break: keep-all;
  text-align: center;
  vertical-align: middle;
  color: white;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table tbody tr th {
    font-size: 16px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table tbody tr td {
  padding: 14px 12px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  text-align: center;
  vertical-align: middle;
  color: #464646;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .dementia-box .dementia-cost-table tbody tr td {
    font-size: 16px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .content-notice {
  display: inline-block;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  color: #28336E;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .content-notice {
    font-size: 14px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide {
    gap: 16px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide .guide-title {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide .guide-title strong {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  word-break: keep-all;
  text-align: center;
  color: black;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide .guide-title strong {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide .guide-title strong {
    font-size: 16px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide .vol-guide-table {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide .vol-guide-table .row {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide .vol-guide-table .row dt {
  flex: 0 0 200px;
  padding: 12px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: black;
  word-break: keep-all;
  text-align: center;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide .vol-guide-table .row dt {
    flex: 0 0 120px;
    font-size: 16px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide .vol-guide-table .row dd {
  flex: 1 1 auto;
  padding: 12px;
  padding-left: 36px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 300;
  color: #464646;
  word-break: keep-all;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide .vol-guide-table .row dd {
    padding-left: 24px;
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide .vol-guide-table .row dd {
    padding-left: 12px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide .vol-guide-table .row:nth-child(odd) dt, .business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide .vol-guide-table .row:nth-child(odd) dd {
  background: #FAFAFA;
}
.business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide .vol-guide-table .row:nth-child(even) dt, .business-facility-page .container .business-content-group .content-box .content-body .volunteer-guide .vol-guide-table .row:nth-child(even) dd {
  background: #F2FAFD;
}
.business-facility-page .container .business-content-group .content-box .content-body .volunteer-process {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .volunteer-process {
    grid-template-columns: repeat(2, 1fr);
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .volunteer-process .cell {
  width: 100%;
  height: auto;
  padding: 24px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  background: white;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .volunteer-process .cell {
    gap: 16px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .volunteer-process .cell .icon-box {
  width: 90%;
  height: auto;
  max-width: 148px;
  display: flex;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .volunteer-process .cell .icon-box {
    max-width: 100px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .volunteer-process .cell .icon-box > img {
  width: 100%;
  height: auto;
}
.business-facility-page .container .business-content-group .content-box .content-body .volunteer-process .cell .cell-contents {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.business-facility-page .container .business-content-group .content-box .content-body .volunteer-process .cell .cell-contents b {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: black;
  word-break: keep-all;
  text-align: center;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .volunteer-process .cell .cell-contents b {
    font-size: 16px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .volunteer-process .cell .cell-contents span {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.2;
  color: #464646;
  word-break: keep-all;
  text-align: center;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .content-box .content-body .volunteer-process .cell .cell-contents span {
    font-size: 14px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .application-box {
  position: relative;
  width: 100%;
  height: 295px;
  padding-left: 170px;
  background: #F2FAFD;
}
@media (max-width: 1024px) {
  .business-facility-page .container .business-content-group .content-box .content-body .application-box {
    height: auto;
    padding: 36px 4% 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .application-box {
    padding: 24px 4% 0;
    flex-direction: column;
    gap: 20px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .application-box .inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}
@media (max-width: 1024px) {
  .business-facility-page .container .business-content-group .content-box .content-body .application-box .inner {
    width: auto;
    height: auto;
    flex: 1 1 auto;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .application-box .inner {
    width: 100%;
    height: auto;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .application-box .inner p {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.business-facility-page .container .business-content-group .content-box .content-body .application-box .inner p span {
  position: relative;
  padding-left: 12px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  color: #464646;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .application-box .inner p span {
    font-size: 14px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .application-box .inner p span::before {
  content: "⦁";
  position: absolute;
  left: 0;
  top: 0;
}
.business-facility-page .container .business-content-group .content-box .content-body .application-box .inner > a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.business-facility-page .container .business-content-group .content-box .content-body .application-box .inner > a p {
  padding: 12px 24px;
  background: white;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: black;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 1024px) {
  .business-facility-page .container .business-content-group .content-box .content-body .application-box .inner > a p {
    padding: 8px 16px;
    font-size: 16px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .application-box .inner > a > img {
  flex: 0 0 auto;
  height: 44px;
}
@media (max-width: 1024px) {
  .business-facility-page .container .business-content-group .content-box .content-body .application-box .inner > a > img {
    height: 36px;
  }
}
.business-facility-page .container .business-content-group .content-box .content-body .application-box > img {
  position: absolute;
  right: 10%;
  bottom: 0;
  width: auto;
  height: 95%;
}
@media (max-width: 1024px) {
  .business-facility-page .container .business-content-group .content-box .content-body .application-box > img {
    position: relative;
    right: unset;
    bottom: unset;
    width: auto;
    height: auto;
    flex: 0 0 200px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .content-box .content-body .application-box > img {
    flex: unset;
    width: 100%;
    height: auto;
    max-width: 60%;
  }
}
.business-facility-page .container .business-content-group .schedules-box {
  width: 100%;
  height: auto;
  min-width: 800px;
  display: flex;
  flex-direction: column;
}
.business-facility-page .container .business-content-group .schedules-box .week-row {
  width: 100%;
  height: auto;
  padding: 0 4px;
  margin-bottom: 4px;
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.business-facility-page .container .business-content-group .schedules-box .week-row p {
  flex: 1 1 12%;
  height: 60px;
  padding: 0 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: white;
  word-break: keep-all;
  text-align: center;
  background: #28336E;
}
.business-facility-page .container .business-content-group .schedules-box .week-row p:nth-child(1) {
  flex: 0 0 200px;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .schedules-box .week-row p:nth-child(1) {
    flex: 0 0 160px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .schedules-box .week-row p:nth-child(1) {
    flex: 0 0 140px;
  }
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .schedules-box .week-row p {
    height: 52px;
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .schedules-box .week-row p {
    height: 48px;
    font-size: 16px;
  }
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table {
  width: 100%;
  height: auto;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 4px;
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table:nth-of-type(2) {
  margin-top: 30px;
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table colgroup col:nth-child(1) {
  width: 200px;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .schedules-box .schedule-table colgroup col:nth-child(1) {
    width: 160px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .schedules-box .schedule-table colgroup col:nth-child(1) {
    width: 140px;
  }
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table colgroup col:nth-child(2) {
  width: 12%;
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table colgroup col:nth-child(3) {
  width: 12%;
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table colgroup col:nth-child(4) {
  width: 12%;
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table colgroup col:nth-child(5) {
  width: 12%;
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table colgroup col:nth-child(6) {
  width: 12%;
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table colgroup col:nth-child(7) {
  width: 12%;
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table colgroup col:nth-child(8) {
  width: 12%;
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table thead tr {
  background: #1AA4E1;
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table thead tr th {
  height: 50px;
  padding: 0 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  color: white;
  word-break: keep-all;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .schedules-box .schedule-table thead tr th {
    height: 44px;
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .schedules-box .schedule-table thead tr th {
    height: 40px;
    font-size: 16px;
  }
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table tbody tr.odd th, .business-facility-page .container .business-content-group .schedules-box .schedule-table tbody tr.odd td {
  background: #F2FAFD;
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table tbody tr.even th, .business-facility-page .container .business-content-group .schedules-box .schedule-table tbody tr.even td {
  background: #FAFAFA;
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table tbody tr th {
  padding: 12px;
  padding-left: 36px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: black;
  word-break: keep-all;
  text-align: left;
  vertical-align: top;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .schedules-box .schedule-table tbody tr th {
    padding-left: 24px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .schedules-box .schedule-table tbody tr th {
    padding-left: 12px;
    font-size: 16px;
  }
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table tbody tr td {
  padding: 12px;
  padding-left: 36px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  color: #464646;
  word-break: keep-all;
}
@media (max-width: 1280px) {
  .business-facility-page .container .business-content-group .schedules-box .schedule-table tbody tr td {
    padding-left: 24px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .schedules-box .schedule-table tbody tr td {
    padding-left: 12px;
    font-size: 14px;
  }
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table tbody tr td.ly {
  background: #FDF8F1;
  text-align: center;
  padding: 12px;
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table tbody tr td.lv {
  background: #FDF2F9;
  text-align: center;
  padding: 12px;
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table tbody tr td b {
  font-weight: 500;
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table tbody tr td b.text-orange {
  color: #E99400;
}
.business-facility-page .container .business-content-group .schedules-box .schedule-table tbody tr td b.text-lavender {
  color: #8F056A;
}
.business-facility-page .container .business-content-group .schedules-box .content-notice {
  display: inline-block;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  color: #28336E;
}
@media (max-width: 768px) {
  .business-facility-page .container .business-content-group .schedules-box .content-notice {
    font-size: 14px;
  }
}
.business-facility-page .container .admission-documents {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.business-facility-page .container .admission-documents > strong {
  margin-bottom: 22px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  word-break: keep-all;
  color: black;
  text-align: center;
}
@media (max-width: 1280px) {
  .business-facility-page .container .admission-documents > strong {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .admission-documents > strong {
    margin-bottom: 16px;
    font-size: 16px;
  }
}
.business-facility-page .container .admission-documents .documents-info {
  width: 100%;
  height: auto;
  padding: 56px 4%;
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: #FAFAFA;
}
@media (max-width: 1280px) {
  .business-facility-page .container .admission-documents .documents-info {
    padding: 36px 4%;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .admission-documents .documents-info {
    padding: 24px 4%;
  }
}
.business-facility-page .container .admission-documents .documents-info p {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.business-facility-page .container .admission-documents .documents-info p span {
  position: relative;
  padding-left: 12px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  color: #3D3D3D;
}
@media (max-width: 768px) {
  .business-facility-page .container .admission-documents .documents-info p span {
    font-size: 14px;
  }
}
.business-facility-page .container .admission-documents .documents-info p span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 6px;
  height: 6px;
  background: #3D3D3D;
  border-radius: 10000rem;
}
@media (max-width: 768px) {
  .business-facility-page .container .admission-documents .documents-info p span::before {
    width: 4px;
    height: 4px;
  }
}
.business-facility-page .container .admission-documents .document-caution {
  width: 100%;
  height: auto;
  padding: 14px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
  background: #FDF9F2;
}
@media (max-width: 768px) {
  .business-facility-page .container .admission-documents .document-caution {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
.business-facility-page .container .admission-documents .document-caution p {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
  word-break: keep-all;
  color: #E99400;
}
@media (max-width: 768px) {
  .business-facility-page .container .admission-documents .document-caution p {
    font-size: 16px;
  }
}
.business-facility-page .container .admission-documents .document-caution p > em {
  font-weight: 700;
}
.business-facility-page .container .admission-documents .document-caution span {
  position: relative;
  padding-left: 12px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  color: #3D3D3D;
}
@media (max-width: 768px) {
  .business-facility-page .container .admission-documents .document-caution span {
    font-size: 14px;
  }
}
.business-facility-page .container .admission-documents .document-caution span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 5px;
  height: 5px;
  background: #3D3D3D;
  border-radius: 100000rem;
}
.business-facility-page .container .service-images {
  width: 100%;
  height: auto;
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1024px) {
  .business-facility-page .container .service-images {
    flex-direction: column;
  }
}
.business-facility-page .container .service-images .big-image {
  position: relative;
  flex: 1 1 auto;
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .business-facility-page .container .service-images .big-image {
    flex: unset;
    width: 100%;
    height: 480px;
  }
}
@media (max-width: 768px) {
  .business-facility-page .container .service-images .big-image {
    height: 400px;
  }
}
@media (max-width: 480px) {
  .business-facility-page .container .service-images .big-image {
    height: 320px;
  }
}
.business-facility-page .container .service-images .big-image > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.business-facility-page .container .service-images .image-select-box {
  position: relative;
  flex: 0 0 200px;
}
@media (max-width: 1280px) {
  .business-facility-page .container .service-images .image-select-box {
    flex: 0 0 180px;
  }
}
@media (max-width: 1024px) {
  .business-facility-page .container .service-images .image-select-box {
    flex: unset;
    width: 100%;
  }
}
.business-facility-page .container .service-images .image-select-box .image-select-swiper {
  width: 100%;
  height: 576px;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .business-facility-page .container .service-images .image-select-box .image-select-swiper {
    height: 504px;
  }
}
@media (max-width: 1024px) {
  .business-facility-page .container .service-images .image-select-box .image-select-swiper {
    height: auto;
  }
}
.business-facility-page .container .service-images .image-select-box .image-select-swiper .swiper-wrapper {
  width: 100%;
  height: auto;
}
.business-facility-page .container .service-images .image-select-box .image-select-swiper .swiper-wrapper .swiper-slide {
  position: relative;
  width: 100%;
  height: 138px !important;
  overflow: hidden;
  opacity: 0.7;
  filter: brightness(0.5);
}
@media (max-width: 1280px) {
  .business-facility-page .container .service-images .image-select-box .image-select-swiper .swiper-wrapper .swiper-slide {
    height: 120px !important;
  }
}
.business-facility-page .container .service-images .image-select-box .image-select-swiper .swiper-wrapper .swiper-slide.active {
  opacity: 1;
  filter: brightness(1);
}
.business-facility-page .container .service-images .image-select-box .image-select-swiper .swiper-wrapper .swiper-slide > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.business-facility-page .container .service-images .image-select-box .image-select-swiper .swiper-notification {
  display: none;
}
.business-facility-page .container .service-images .image-select-box .image-navigation {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: calc(100% + 48px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  visibility: hidden;
  z-index: 3;
}
@media (max-width: 1024px) {
  .business-facility-page .container .service-images .image-select-box .image-navigation {
    width: 100%;
    height: auto;
    flex-direction: row;
  }
}
.business-facility-page .container .service-images .image-select-box .image-navigation div {
  width: 48px;
  height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px) brightness(1.2);
  border-radius: 100000rem;
  visibility: visible;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .business-facility-page .container .service-images .image-select-box .image-navigation div {
    width: 40px;
    height: 40px;
    transform: rotate(-90deg);
  }
}
.business-facility-page .container .service-images .image-select-box .image-navigation div i {
  font-size: 36px;
  line-height: 1;
  color: #28336E;
}
@media (max-width: 1024px) {
  .business-facility-page .container .service-images .image-select-box .image-navigation div i {
    font-size: 28px;
  }
}/*# sourceMappingURL=sub.css.map */