@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1&display=swap");
:root {
  --text-color: #191919;
  --wh: #fff;
  --bk: #191919;
  --gray: #f4f4f4;
  --green: #45b035;
  --border-color: #f2f2f2;
}

@media screen and (max-width: 834px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 835px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .pc-tb {
    display: none !important;
  }
}

@media screen and (min-width: 1025px) {
  .sp-tb {
    display: none !important;
  }
}

@media screen and (max-width: 640px) {
  .pc-sm {
    display: none !important;
  }
}

@media screen and (min-width: 641px) {
  .sp-sm {
    display: none !important;
  }
}

@media screen and (max-width: 499px) {
  .pc-xsl {
    display: none !important;
  }
}

@media screen and (min-width:500px) {
  .sp-xsl {
    display: none !important;
  }
}

@media screen and (max-width: 376px) {
  .pc-xs {
    display: none !important;
  }
}

@media screen and (min-width: 377px) {
  .sp-xs {
    display: none !important;
  }
}

.--inbound .under-mv1__text-wrap::before {
  content: "";
  display: block;
  width: 100%;
  max-width: 224px;
  aspect-ratio: 224/37;
  background: url(../img/common/logo-jmhc.svg) no-repeat center;
  background-size: 100%;
}
@media screen and (max-width: 834px) {
  .--inbound .under-mv1__text-wrap::before {
    max-width: 180px;
    transform: translateY(1rem);
  }
}
@media screen and (max-width: 640px) {
  .--inbound .under-mv1__text-wrap::before {
    max-width: 120px;
    transform: translateY(1.5rem);
  }
}
.--inbound .under-mv1__contents {
  padding: 30dvh 0 2.9dvh;
}
@media screen and (max-width: 834px) {
  .--inbound .under-mv1__contents {
    padding: 7rem 0 2rem;
  }
}
.--inbound .under-mv1__title {
  white-space: nowrap;
}
@media screen and (max-width: 640px) {
  .--inbound .under-mv1__title {
    white-space: normal;
    font-size: clamp(1.7rem, 1vw + 1rem, 2.1rem);
  }
}
.--inbound .under-mv1__title span {
  display: inline-block;
  transform: translateY(-8px);
  margin: 0 5px;
}
@media screen and (max-width: 640px) {
  .--inbound .under-mv1__title span {
    font-size: 1.2rem;
    transform: translateY(-1px);
  }
}
.--inbound .service__lead {
  flex-direction: column;
  gap: clamp(1rem, 2vw, 3rem);
}
.--inbound .service__lead-title {
  width: 100%;
  font-size: clamp(2.1rem, 1vw + 1rem, 2.8rem);
}
.--inbound .service__lead-text {
  width: 100%;
  font-size: clamp(1.4rem, 0.8vw + 0.8rem, 1.6rem);
}

.service__policy-img {
  background-color: #e9f5e8;
  border-radius: 1rem;
  padding: clamp(2rem, 5vw, 5rem) clamp(2rem, 6vw, 7rem);
}
@media screen and (max-width: 834px) {
  .service__policy-img {
    overflow-x: auto;
  }
}
.service__policy-img-title {
  font-size: clamp(2rem, 1vw + 1rem, 2.4rem);
  color: #208012;
  font-weight: 600;
  margin-bottom: clamp(2rem, 3vw, 5rem);
}
@media screen and (max-width: 834px) {
  .service__policy-img-title {
    text-align: center;
  }
}
.service__policy-img img {
  margin: 0 auto;
}
@media screen and (max-width: 834px) {
  .service__policy-img-wrapper {
    width: clamp(840px, 100%, 980px);
  }
}

.inbound__attempt {
  margin-top: clamp(5rem, 5vw, 14rem);
  padding: 0 0 clamp(5rem, 5vw, 10rem);
}
.inbound__attempt-content-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: clamp(3rem, 6vw, 8rem);
}
@media screen and (max-width: 834px) {
  .inbound__attempt-content-header {
    flex-direction: column;
    gap: 2rem;
  }
}
.inbound__attempt-content-title {
  font-size: clamp(2.1rem, 1vw + 1rem, 3.2rem);
  font-weight: 600;
  width: 40%;
  white-space: nowrap;
}
@media screen and (max-width: 834px) {
  .inbound__attempt-content-title {
    width: 100%;
    white-space: normal;
  }
}
.inbound__attempt-content-text {
  width: 50%;
}
@media screen and (max-width: 834px) {
  .inbound__attempt-content-text {
    width: 100%;
  }
}
@media screen and (max-width: 834px) {
  .inbound__attempt-content-img {
    overflow-x: auto;
  }
}
@media screen and (max-width: 834px) {
  .inbound__attempt-content-img-wrapper {
    width: 150%;
  }
}
.inbound__attempt-content-img img {
  margin: 0 auto;
}
.inbound__role-content {
  background-color: #f6f6f7;
  border-radius: 2rem;
  margin-top: clamp(3rem, 5vw, 7rem);
  padding: clamp(2rem, 5vw, 7rem) clamp(2rem, 5vw, 7rem) clamp(2rem, 5vw, 8rem);
}
.inbound__role-content-title {
  font-size: clamp(1.8rem, 1vw + 1rem, 2.4rem);
  color: #208012;
  font-weight: 600;
  margin-bottom: clamp(2rem, 3vw, 7rem);
}
.inbound__role-content-dl.--01 {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dddddd;
  padding-bottom: clamp(2rem, 5vw, 4rem);
  margin-bottom: clamp(2rem, 5vw, 4rem);
}
@media screen and (max-width: 834px) {
  .inbound__role-content-dl.--01 {
    flex-direction: column;
    gap: 2rem;
  }
}
.inbound__role-content-dl.--01 dt {
  background-color: #eaeaea;
  border-radius: 4px;
  padding: 5px 8px;
  font-size: clamp(1.6rem, 0.8vw + 0.8rem, 1.8rem);
  color: #208012;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
}
.inbound__role-content-dl.--01 dd {
  font-size: 1.4rem;
  margin-top: clamp(1rem, 1vw, 2rem);
  line-height: 1.8;
}
.inbound__role-content-dl.--01 span {
  display: block;
  color: #d91212;
}
.inbound__role-content-dl.--01 .item {
  width: 45%;
  display: flex;
  gap: clamp(1rem, 2vw, 2rem);
}
@media screen and (max-width: 834px) {
  .inbound__role-content-dl.--01 .item {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .inbound__role-content-dl.--01 .item {
    flex-direction: column-reverse;
  }
}
.inbound__role-content-dl.--01 .item:first-child::before {
  content: "";
  display: block;
  width: clamp(6rem, 10vw, 8rem);
  height: clamp(6rem, 10vw, 8rem);
  aspect-ratio: 1/1;
  background: url("../../assets/img/service/inbound/service-inbound-license-amtac.webp") no-repeat center/contain;
}
.inbound__role-content-dl.--01 .item:nth-child(2)::before {
  content: "";
  display: block;
  width: clamp(6rem, 10vw, 8rem);
  height: clamp(6rem, 10vw, 8rem);
  aspect-ratio: 1/1;
  background: url("../../assets/img/service/inbound/service-inbound-mtf.webp") no-repeat center/contain;
}
.inbound__role-content-dl.--02 {
  margin-top: clamp(2rem, 5vw, 4rem);
  padding: clamp(2rem, 5vw, 4rem) clamp(2rem, 5vw, 6rem);
  background-color: var(--wh);
  border-radius: 2rem;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 834px) {
  .inbound__role-content-dl.--02 {
    flex-direction: column;
    gap: 3rem;
  }
}
.inbound__role-content-dl.--02 dt {
  font-size: clamp(1.6rem, 0.8vw + 0.8rem, 1.8rem);
  font-weight: 600;
}
.inbound__role-content-dl.--02 dd {
  font-size: 1.4rem;
  margin-top: clamp(1rem, 1vw, 2rem);
  line-height: 1.8;
}
.inbound__role-content-dl.--02 .item {
  width: 45%;
  display: flex;
  gap: clamp(1rem, 2vw, 2rem);
}
@media screen and (max-width: 834px) {
  .inbound__role-content-dl.--02 .item {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .inbound__role-content-dl.--02 .item {
    flex-direction: column-reverse;
  }
}
.inbound__role-content-dl.--02 .item:first-child::before {
  content: "";
  display: block;
  width: clamp(5.5rem, 6vw, 8.5rem);
  height: clamp(6rem, 8vw, 9.5rem);
  aspect-ratio: 85/95;
  background: url("../../assets/img/service/inbound/foreign-ministry-logo.webp") no-repeat center/contain;
}
.inbound__role-content-dl.--02 .item:nth-child(2)::before {
  content: "";
  display: block;
  width: clamp(6rem, 6vw, 8.5rem);
  height: clamp(6rem, 6vw, 8.5rem);
  aspect-ratio: 1/1;
  background: url("../../assets/img/service/inbound/international-travel-logo.webp") no-repeat center/contain;
}
.inbound__role-content-dl.--03 {
  margin-top: clamp(2rem, 5vw, 5rem);
}
.inbound__role-content-dl.--03 dt {
  font-size: clamp(1.6rem, 0.8vw + 0.8rem, 1.8rem);
  font-weight: 600;
}
.inbound__role-content-dl.--03 dd {
  font-size: 1.4rem;
  margin-top: 2rem;
  line-height: 1.8;
}
.inbound__role-content-dl.--03 .item {
  display: flex;
  gap: clamp(1rem, 2vw, 2rem);
}
@media screen and (max-width: 834px) {
  .inbound__role-content-dl.--03 .item {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.inbound__role-content-dl.--03 .item:first-child::before {
  content: "";
  display: block;
  width: clamp(12rem, 18vw, 22rem);
  height: clamp(8rem, 12vw, 14rem);
  aspect-ratio: 22/14;
  background: url("../../assets/img/service/inbound/service-inbound-mej.webp") no-repeat center/contain;
}
/* ====================================================
SimpleBar Custom Scrollbar
==================================================== */
.simplebar-scrollbar:before {
  background: var(--green) !important;
  /* スクロールバーの色 */
}

.simplebar-track.simplebar-horizontal {
  height: 6px !important;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 5px !important;
  opacity: 1 !important;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  width: 6px !important;
}

.simplebar-track {
  background: var(--wh);
  /* トラックの色（任意） */
  border-radius: 0;
}/*# sourceMappingURL=service-inbound.css.map */