@charset "UTF-8";
/* ==================================================
   Hero
================================================== */

.hero-image-list {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 68.605%;
}

.hero-image-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease;
}

.hero-image-media.is-active {
  opacity: 1;
}

/* ==================================================
   About
================================================== */

.p-about .l-button {
  display: none;
}

.sp-br {
  display: none;
}

.p-about-sample {
  margin-top: -85px;
}

.about-card-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin: 0 auto 50px;
}

.about-card-item {
  position: relative;
  flex: 1;
  width: 100%;
  max-width: 480px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 12px 40px rgba(41, 61, 77, 0.1);
}

.about-card-item-inner {
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}

.about-card-item-label {
  position: absolute;
  inset: 0 0 auto;
  margin: auto;
  width: 130px;
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;

  border-radius: 50%;

  color: #0061b0;
  text-align: center;
  font-family: var(--Font-family-jp, "Noto Sans JP");
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;

  background-color: #fff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTciIGhlaWdodD0iMTE4IiB2aWV3Qm94PSIwIDAgMTE3IDExOCIgZmlsbD0ibm9uZSI+IDxwYXRoIGQ9Ik00My41OTcyIDExNC4xNUMxOC44NDM3IDEwNy43NDMgMC41NjI1IDg1LjI1MiAwLjU2MjUgNTguNDk1MkMwLjU2MjUgMzEuNzM4NSAxOS4xMjc2IDguODk5MSA0NC4xNjQ5IDIuNjg2NCIgc3Ryb2tlPSIjNTdBOUYyIiBzdHJva2Utd2lkdGg9IjEuMTI1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4gPHBhdGggZD0iTTcxLjk1OTEgMi42ODY0Qzk2Ljk5NjQgOC45MDcyMSAxMTUuNTQ1IDMxLjUyNzYgMTE1LjU0NSA1OC40ODcxQzExNS41NDUgODUuNDQ2NyA5Ni43MjA3IDEwOC40IDcxLjQxNTcgMTE0LjQxOCIgc3Ryb2tlPSIjNTdBOUYyIiBzdHJva2Utd2lkdGg9IjEuMTI1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4gPHBhdGggZD0iTTUxLjEyMjkgMTE1LjU1M0M1MS4xMjI5IDExNC45MjggNTAuNjIgMTE0LjQyNSA0OS45OTU1IDExNC40MjVDNDkuMzcxIDExNC40MjUgNDguODY4MiAxMTQuOTI4IDQ4Ljg2ODIgMTE1LjU1M0M0OC44NjgyIDExNi4xNzcgNDkuMzcxIDExNi42OCA0OS45OTU1IDExNi42OEM1MC42MiAxMTYuNjggNTEuMTIyOSAxMTYuMTc3IDUxLjEyMjkgMTE1LjU1M1oiIGZpbGw9IiM1N0E5RjIiLz4gPHBhdGggZD0iTTU2LjQ5MTEgMTE1Ljk4NEM1Ni40OTExIDExNS4zNiA1NS45ODgzIDExNC44NTcgNTUuMzYzOCAxMTQuODU3QzU0LjczOTIgMTE0Ljg1NyA1NC4yMzY0IDExNS4zNiA1NC4yMzY0IDExNS45ODRDNTQuMjM2NCAxMTYuNjA5IDU0LjczOTIgMTE3LjExMiA1NS4zNjM4IDExNy4xMTJDNTUuOTg4MyAxMTcuMTEyIDU2LjQ5MTEgMTE2LjYwOSA1Ni40OTExIDExNS45ODRaIiBmaWxsPSIjNTdBOUYyIi8+IDxwYXRoIGQ9Ik02MS44Njk1IDExNS45ODRDNjEuODY5NSAxMTUuMzYgNjEuMzY2NiAxMTQuODU3IDYwLjc0MjEgMTE0Ljg1N0M2MC4xMTc2IDExNC44NTcgNTkuNjE0NyAxMTUuMzYgNTkuNjE0NyAxMTUuOTg0QzU5LjYxNDcgMTE2LjYwOSA2MC4xMTc2IDExNy4xMTIgNjAuNzQyMSAxMTcuMTEyQzYxLjM2NjYgMTE3LjExMiA2MS44Njk1IDExNi42MDkgNjEuODY5NSAxMTUuOTg0WiIgZmlsbD0iIzU3QTlGMiIvPiA8cGF0aCBkPSJNNjcuMjM4MyAxMTUuNTUzQzY3LjIzODMgMTE0LjkyOCA2Ni43MzU1IDExNC40MjUgNjYuMTEwOSAxMTQuNDI1QzY1LjQ4NjQgMTE0LjQyNSA2NC45ODM2IDExNC45MjggNjQuOTgzNiAxMTUuNTUzQzY0Ljk4MzYgMTE2LjE3NyA2NS40ODY0IDExNi42OCA2Ni4xMTA5IDExNi42OEM2Ni43MzU1IDExNi42OCA2Ny4yMzgzIDExNi4xNzcgNjcuMjM4MyAxMTUuNTUzWiIgZmlsbD0iIzU3QTlGMiIvPiA8cGF0aCBkPSJNNjQuOTg0MiAxLjU2NzkyQzY0Ljk4NDIgMi4xOTI0MyA2NS40ODcxIDIuNjk1MjkgNjYuMTExNiAyLjY5NTI5QzY2LjczNjEgMi42OTUyOSA2Ny4yMzkgMi4xOTI0MyA2Ny4yMzkgMS41Njc5MkM2Ny4yMzkgMC45NDM0MDcgNjYuNzM2MSAwLjQ0MDU1MiA2Ni4xMTE2IDAuNDQwNTUyQzY1LjQ4NzEgMC40NDA1NTIgNjQuOTg0MiAwLjk0MzQwNyA2NC45ODQyIDEuNTY3OTJaIiBmaWxsPSIjNTdBOUYyIi8+IDxwYXRoIGQ9Ik01OS42MTQ3IDEuMTI3MzdDNTkuNjE0NyAxLjc1MTg4IDYwLjExNzYgMi4yNTQ3NCA2MC43NDIxIDIuMjU0NzRDNjEuMzY2NiAyLjI1NDc0IDYxLjg2OTUgMS43NTE4OCA2MS44Njk1IDEuMTI3MzdDNjEuODY5NSAwLjUwMjg1NSA2MS4zNjY2IDAgNjAuNzQyMSAwQzYwLjExNzYgMCA1OS42MTQ3IDAuNTAyODU1IDU5LjYxNDcgMS4xMjczN1oiIGZpbGw9IiM1N0E5RjIiLz4gPHBhdGggZD0iTTU0LjI0NTkgMS4xMjczN0M1NC4yNDU5IDEuNzUxODggNTQuNzQ4NyAyLjI1NDc0IDU1LjM3MzIgMi4yNTQ3NEM1NS45OTc4IDIuMjU0NzQgNTYuNTAwNiAxLjc1MTg4IDU2LjUwMDYgMS4xMjczN0M1Ni41MDA2IDAuNTAyODU1IDU1Ljk5NzggMCA1NS4zNzMyIDBDNTQuNzQ4NyAwIDU0LjI0NTkgMC41MDI4NTUgNTQuMjQ1OSAxLjEyNzM3WiIgZmlsbD0iIzU3QTlGMiIvPiA8cGF0aCBkPSJNNDguODc3IDEuNTY3OTJDNDguODc3IDIuMTkyNDMgNDkuMzc5OSAyLjY5NTI5IDUwLjAwNDQgMi42OTUyOUM1MC42Mjg5IDIuNjk1MjkgNTEuMTMxOCAyLjE5MjQzIDUxLjEzMTggMS41Njc5MkM1MS4xMzE4IDAuOTQzNDA3IDUwLjYyODkgMC40NDA1NTIgNTAuMDA0NCAwLjQ0MDU1MkM0OS4zNzk5IDAuNDQwNTUyIDQ4Ljg3NyAwLjk0MzQwNyA0OC44NzcgMS41Njc5MloiIGZpbGw9IiM1N0E5RjIiLz48L3N2Zz4=");
  background-size: calc(100% - 15px);
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}

.about-card-item-img-wrap {
  overflow: hidden;
}

.about-card-item-img {
  width: 100%;
  height: auto;
  aspect-ratio: 12 / 7;
}

.about-card-item-disc {
  display: flex;
  flex-direction: column;
  padding: 15px 20px;

  color: #172935;
  font-size: 20px;
  font-weight: 500;
  line-height: 170%;
}

.about-card-item-disc .text-heighlight {
  color: #0061b0;
}

/* ==================================================
   Operation Image
================================================== */

.p-operation-image {
  padding-top: 0;
}

.operation-image-frame-outer {
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  padding: 20px;

  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 40px rgba(41, 61, 77, 0.1);
}

.operation-image-frame-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
}

.operation-image-frame-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* ==================================================
   Responsive
================================================== */

@media (max-width: 1023px) {

  /* Hero */
  .p-hero {
    padding-top: 60%;
  }

  .hero-image {
    width: 82.05% !important;
  }

  /* About */
  .sp-br {
    display: block;
  }

  .p-about-sample {
    margin-top: -40px;
  }

  .about-card-list {
    flex-direction: column;
    gap: 80px;
    margin-bottom: 40px;
  }

  .about-card-item-label {
    width: 100px;
    height: 100px;
    font-size: 16px;
  }

  .about-card-item-img {
    aspect-ratio: 175 / 102;
  }

  .about-card-item-disc {
    font-size: 14px;
  }

  /* Operation Image */
  .operation-image-frame-outer {
    max-width: 100%;
    padding: 15px;
  }
}