html, body {
	overflow-x: hidden;
}
.s_box.info_tab {
  min-height: 38.4rem;
}

#bn_change,
#bn_change2,
#bn_change3 {
  position: relative;
  margin-bottom: 15px;
}

#bn_change::before,
#bn_change2::before,
#bn_change3::before {
  content: "";
  display: block;
  padding-top: 25.9%;
  left: 0;
  top: 0;
}

#bn_change a,
#bn_change2 a,
#bn_change3 a {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  margin: 0 auto;
}

.main_menu_bn {
  width: 1140px;
  margin: 0px auto;
  padding-top: 30px;
}

.main_menu_bn__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
}

.main_menu_bn__item {
  flex-basis: calc((100% - 48px) / 3);
}

.main_menu_bn__item a:hover {
  opacity: 0.5;
}

.main_menu_bn__item img {
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

.main_menu_bn__item {
    display: flex;
}
.main_menu_bn__item a {
    display: flex;
    align-items: center;
    gap: 0.9%;
    color: #006697;
    background: #fff;
    border: 4px solid #C7F1FF;
    border-radius: 5px;
    width: 100%;
    min-height: 95px;
    box-sizing: border-box;
    box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.2);
}
.main_menu_bn__img {
    width: 28.1%;
}
.main_menu_bn__img img {
    width: 100%;
    height: auto;
    box-shadow: none;
    border-radius: 0;
}
.main_menu_bn__text {
    width: 71%;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
	align-self: center;
    padding: 5px 0;
}
.main_menu_bn__text span {
    display: block;
    font-size: 27px;
    font-weight: bold;
    line-height: 1.2;
    margin-top: 2px;
    color: #0093CB;
}

html[lang="ja"] .main_menu_bn__text {
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
html[lang="ja"] .main_menu_bn__text span {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN","Hiragino Sans", "Noto Sans", Meiryo, sans-serif;
}

@media screen and (max-width: 1200px) {
  .main_menu_bn {
    width: 86%;
  }

  .main_menu_bn__text {
    font-size: 1.35vw;
   }
  .main_menu_bn__text span {
    font-size: 1.95vw;
  }
}

@media screen and (max-width: 768px) {
  .main_menu_bg {
    background-color: #fff;
    padding-bottom: 30px;
  }
  .main_menu_bn__inner {
    flex-direction: column;
    align-items: center;
  }

  .main_menu_bn__item {
    width: 100%;
    max-width: 371px;
  }
  .main_menu_bn__item a {
    min-height: inherit;
  }
  .main_menu_bn__text {
    font-size: clamp(0.813rem, 0.514rem + 1.27vw, 1.125rem);
   }
  .main_menu_bn__text span {
    font-size: clamp(1.25rem, 0.833rem + 1.78vw, 1.688rem);
  }
}

@media screen and (max-width: 680px) {
  .main_menu_bn {
    width: 72.8%;
  }
}

.slick-prev {
  left: 14%;
}

.slick-next {
  right: 14%;
}

.slick-track {
    display: flex;
}
.case_list li {
  width: 255px;
  margin: 0 14px;
    height: auto !important;
}

.case_list li a {
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  border-radius: 0;
  border: 0;
  position: relative;
    height: 100% !important;
    box-sizing: border-box;
}

.case_list li a:hover {
  border: 0;
}

.case_list li a::before {
  content: "";
  width: 14px;
  height: 14px;
  background: url(/shared/img/parts/blank_ar_w.svg) no-repeat right center / contain;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 2;
}
.case_list li a::after {
  content: "";
  width: 98%;
  height: 99%;
  position: absolute;
  left: 0;
  top: 0;
  border: 3px solid #ff8f00;
  opacity: 0;
  transition: all 0.3s;
}
.case_list li a:hover::after {
  opacity: 1;
}

.case_list li span.img {
  height: 150px;
  margin-bottom: 24px;
}

.case_list li .title {
  margin-bottom: 12px;
  font-size: 16px;
  padding: 0 20px;
  text-align: center;
}

.case_list li .description {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 12px;
  line-height: 1.7;
  padding: 0 20px;
  text-align: center;
}

.case_list .case_day {
  font-size: 14px;
  text-align: center;
  color: #86939f;
}

.case_list li .more {
  margin-top: auto;
  margin-right: 20px;
}

.case_list span.img img.cover {
  object-position: top center;
}

@media screen and (max-width: 680px) {
  .slick-prev {
    left: 5%;
  }

  .slick-next {
    right: 5%;
  }
}

.banner_blc {
  width: 100%;
  /* display: flex;
  gap: 15px; */
}

/* .banner_blc div {
  flex-basis: calc((100% - 30px) / 3);
} */
.banner_blc .slick-slide {
  max-width: 370px;
  margin: 0 7px;
}

.banner_blc .slick-slide img {
  height: 95px;
}

.info_test .add_jlc .test_blc {
  border-color: #c7f1ff;
}

.info_test .add_jlc dl dt {
  color: #006697;
}

.info_test .add_jlc dl dt::before {
  color: #00c0ff;
}

.info_test .add_jlc dl {
  border-bottom: none;
  margin-bottom: 6px;
}

.info_test .add_jlc dl:nth-last-of-type(1) {
  border-bottom: 1px solid #00c0ff;
  margin-bottom: 20px;
}

.info_onlinemenu__inner {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
  margin-bottom: 20px;
  @media screen and (max-width: 990px) {
    gap: 18px 0;
  }
}

.s_box.info_onlinemenu {
  border: 5px solid #c7f1ff;
  @media screen and (max-width: 990px) {
    border: none;
    background-color: #fff;
  }
}

.info_onlinemenu__heading {
  font-size: 16px;
  color: #006697;
  position: relative;
  padding-left: 26px;
}

.info_onlinemenu__heading::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  width: 12px;
  height: 12px;
  background-color: #00c0ff;
}

.onlinemenu-box {
  margin-left: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px 4px;
  margin-top: 4px;
  @media screen and (max-width: 990px) {
    margin-left: 0;
    flex-wrap: wrap;
  }
}

.onlinemenu-box__item {
  border: 2px solid #006695;
  border-radius: 4px;
  padding: 0 6px;
  font-size: 14px;
  color: #006695;
}

.onlinemenu-box__item--id {
  color: #1e7600;
  border-color: #1e7600;
}
.onlinemenu-box__item--en {
  color: #7e4500;
  border-color: #7e4500;
}
.onlinemenu-box__item--ch {
  color: #9b1000;
  border-color: #9b1000;
}
.onlinemenu-box__item--cb {
  color: #653c97;
  border-color: #653c97;
}

.onlinemenu-box__item--disable {
  opacity: 0.3;
}

@media screen and (max-width: 990px) {
  .info_test .add_jlc .test_blc {
    background-color: #c7f1ff;
    margin-bottom: 0;
  }

  .banner_blc {
    width: auto;
    padding: 30px 5%;
    background-color: #fff;
  }
}

@media screen and (max-width: 680px) {
  .banner_blc {
    flex-direction: column;
  }

  .banner_blc div {
    flex-basis: 100%;
  }

  .banner_blc a {
    width: 100%;
  }

  .banner_blc a img {
    width: 100%;
  }
}