@charset "UTF-8";
.breadcrumb {
  position: absolute;
  top: 78px;
  left: 0;
  z-index: var(--z-base);
  width: 100%;
  padding: 0 calc(12 * var(--px)) 10px;
  overflow-x: auto;
}
.breadcrumb-list {
  display: flex;
  gap: calc(8 * var(--px));
  width: -moz-fit-content;
  width: fit-content;
  color: var(--color-blue);
}
.breadcrumb-list-item {
  display: flex;
  flex-shrink: 0;
  gap: calc(8 * var(--px));
  align-items: center;
  font-size: calc(0.625 * var(--rem));
  font-weight: 500;
  line-height: 1.3;
  pointer-events: auto;
}
.breadcrumb-list-item:not(:first-child)::before {
  content: '／';
}
.breadcrumb-list-item:last-child {
  padding-right: calc(12 * var(--px));
}
.breadcrumb-list-link-text {
  display: inline-block;
}
.breadcrumb-list-arrow {
  width: calc(9 * var(--px));
  height: calc(12 * var(--px));
}

@media screen and (min-width: 960px) {
  .breadcrumb {
    top: calc(106 * var(--px));
    padding: 0 calc(34 * var(--px));
  }
  .breadcrumb-list {
    background-color: transparent;
  }
  .breadcrumb-list-item {
    font-size: calc(0.8125 * var(--rem));
  }
  .breadcrumb-list-link-text {
    padding-bottom: 1px;
  }
}
.lMain {
  padding-bottom: calc(56 * var(--px));
}

.fv-inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: calc(1.5 * var(--rem));
  gap: calc(1.5 * var(--rem));
  padding: calc(var(--header-height) + 58 * var(--px)) calc(20 * var(--px)) 0;
}
.fv-content {
  display: flex;
  flex-direction: column;
  gap: calc(2.5625 * var(--rem));
}
.fv-headline-tag {
  margin-left: calc(-10 * var(--px));
  font-family: var(--font-oswald);
  font-size: calc(0.9375 * var(--rem));
  font-weight: 400;
  line-height: 1.24;
  color: var(--color-blue);
  text-transform: uppercase;
  letter-spacing: 0.09em;
  opacity: var(--init-opacity);
}
.fv-headline-main {
  margin-top: calc(24 * var(--px));
}
.fv-headline-main-text {
  display: flex;
  flex-direction: column;
  font-family: var(--font-shippori-antique);
  font-size: calc(2.25 * var(--rem));
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.04em;
  opacity: var(--init-opacity);
}
.fv-note {
  font-size: calc(1 * var(--rem));
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.04em;
  opacity: var(--init-opacity);
}
.fv-image {
  width: 100%;
  height: 87.5vw;
  overflow: hidden;
  border-radius: calc(4 * var(--px));
  opacity: var(--init-opacity);
}
.fv-image-inner {
  width: 100%;
  height: 100%;
}

.achievement {
  margin-top: calc(56 * var(--px));
}
.achievement-inner {
  padding: 0 calc(20 * var(--px));
}
.achievement-data {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: calc(2.5 * var(--rem));
  gap: calc(2.5 * var(--rem));
}
.achievement-data-item-image {
  width: 89.5vw;
  height: 34.5vw;
}
.achievement-data-item-text {
  padding-right: calc(7 * var(--px));
  margin-top: calc(0.3125 * var(--rem));
  font-size: calc(0.875 * var(--rem));
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
  letter-spacing: 0.04em;
}
.achievement-data-item-text.--sales {
  padding-right: calc(2 * var(--px));
  margin-top: calc(0.625 * var(--rem));
  font-size: calc(0.75 * var(--rem));
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
.achievement-data-item-note {
  padding: 0 calc(7 * var(--px)) 0 calc(14 * var(--px));
  margin-top: calc(0.5 * var(--rem));
  font-size: calc(0.875 * var(--rem));
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
.achievement-about {
  margin-top: calc(2 * var(--rem));
}
.achievement-about-text {
  font-size: calc(1 * var(--rem));
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.04em;
}

.strength {
  margin-top: calc(3 * var(--rem));
}
.strength-inner {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 7vw;
  gap: 7vw;
  padding: calc(2.25 * var(--rem)) calc(20 * var(--px));
  background-color: var(--color-white);
  border-radius: calc(8 * var(--px));
}
.strength-head {
  width: calc(2.5 * var(--rem));
  padding-right: 3.75vw;
  border-right: solid 1px #92b6cc;
}
.strength-head-title {
  display: flex;
  flex-direction: column;
  gap: calc(0.25 * var(--rem));
  font-family: var(--font-shippori-antique);
  font-weight: 400;
  color: var(--color-blue);
}
.strength-head-title-num {
  margin-top: calc(-2 * var(--px));
  margin-left: calc(-7 * var(--px));
  font-size: calc(2.5 * var(--rem));
  line-height: 1;
}
.strength-head-title-text {
  font-size: calc(1.625 * var(--rem));
  line-height: 1;
  writing-mode: vertical-lr;
}
.strength-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: calc(2 * var(--rem));
  gap: calc(2 * var(--rem));
}
.strength-list-item {
  display: flex;
  flex-direction: column;
  gap: calc(1 * var(--rem));
}
.strength-list-item-headline {
  display: flex;
  gap: calc(16 * var(--px));
}
.strength-list-item-headline-index {
  position: relative;
  z-index: 1;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: calc(2.5 * var(--rem));
  height: calc(2.5 * var(--rem));
  padding-bottom: calc(0.25 * var(--rem));
  font-family: var(--font-shippori-antique);
  font-size: calc(2 * var(--rem));
  font-weight: 400;
  line-height: 1;
  color: var(--color-white);
}
.strength-list-item-headline-index::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: '';
  background: linear-gradient(58deg, #137bee -8.51%, #0f36c4 104.67%);
  border-radius: calc(8 * var(--px));
  opacity: 0.87;
}
.strength-list-item-headline-text {
  padding-bottom: calc(1 * var(--px));
  font-size: calc(2.5 * var(--rem));
  font-weight: 600;
  line-height: 1;
  color: transparent;
  letter-spacing: 0.04em;
  background: linear-gradient(58deg, #137bee -8.51%, #0f36c4 104.67%);
  -webkit-background-clip: text;
  background-clip: text;
  opacity: 0.87;
}
.strength-list-item-text {
  font-size: calc(1 * var(--rem));
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.04em;
}
.strength-list-item:nth-child(5) .strength-list-item-headline-text {
  margin-top: calc(0.25 * var(--rem));
  font-size: calc(1.9375 * var(--rem));
}

.data {
  margin-top: calc(56 * var(--px));
}
.data-inner {
  padding: 0 calc(20 * var(--px));
}
.data-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: calc(26 * var(--px));
  gap: calc(26 * var(--px));
}
.data-list-item {
  display: flex;
  flex-direction: column;
  gap: calc(0.75 * var(--rem));
  align-items: center;
  padding: calc(2.5625 * var(--rem)) calc(16 * var(--px));
  color: var(--color-white);
  border-radius: calc(8 * var(--px));
}
.data-list-item-headline {
  font-size: calc(1.125 * var(--rem));
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.04em;
}
.data-list-item-icon {
  width: calc(94 * var(--px));
  height: calc(90 * var(--px));
}
.data-list-item-body {
  display: flex;
  flex-direction: column;
  gap: calc(0.75 * var(--rem));
  align-items: center;
}
.data-list-item-data {
  width: 80vw;
  height: 14vw;
}
.data-list-item-note {
  font-size: calc(1 * var(--rem));
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.04em;
}
.data-list-item:nth-child(odd) {
  background: linear-gradient(45deg, #51c2e0 -35.43%, #258fb6 81%);
}
.data-list-item:nth-child(even) {
  background: linear-gradient(45deg, #51e0d2 -35.43%, #29aab8 81%);
}

@media screen and (min-width: 960px) {
  .lMain {
    padding-bottom: calc(160 * var(--px));
  }
  .fv-inner {
    display: grid;
    grid-template-rows: min-content;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    grid-gap: 0;
    gap: 0;
    grid-row-gap: calc(2.875 * var(--rem));
    row-gap: calc(2.875 * var(--rem));
    padding: calc(var(--header-height) + 113 * var(--px)) 0 0;
  }
  .fv-content {
    display: grid;
    grid-template-rows: min-content;
    grid-template-columns: repeat(36, 1fr);
    grid-column: 3/39;
    grid-gap: 0;
    gap: 0;
    align-items: flex-end;
  }
  .fv-headline {
    grid-column: 1/18;
  }
  .fv-headline-tag {
    margin-left: calc(-11 * var(--px));
    font-size: calc(1 * var(--rem));
  }
  .fv-headline-main {
    margin-top: calc(1.1875 * var(--rem));
  }
  .fv-headline-main-text {
    font-size: calc(3.25 * var(--rem));
  }
  .fv-note {
    grid-column: 19/37;
    padding-right: 0.73vw;
  }
  .fv-image {
    grid-column: 3/39;
    height: 27.23vw;
  }
  .achievement {
    display: grid;
    grid-template-rows: min-content;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    margin-top: calc(112 * var(--px));
  }
  .achievement-inner {
    grid-column: 5/37;
    padding: 0;
  }
  .achievement-data {
    display: grid;
    grid-template-rows: min-content;
    grid-template-columns: repeat(32, 1fr);
    grid-gap: 0;
    gap: 0;
  }
  .achievement-data-item:nth-child(odd) {
    grid-column: 1/16;
  }
  .achievement-data-item:nth-child(even) {
    grid-column: 18/33;
  }
  .achievement-data-item-image {
    width: 100%;
    height: 14.42vw;
  }
  .achievement-data-item-text {
    padding-right: 6.44vw;
    margin-top: calc(1.1875 * var(--rem));
  }
  .achievement-data-item-text.--sales {
    padding-right: 0;
    margin-top: calc(1.1875 * var(--rem));
    font-size: calc(0.875 * var(--rem));
  }
  .achievement-data-item-note {
    padding: 0 6.44vw 0 1.46vw;
    margin-top: calc(0.875 * var(--rem));
  }
  .achievement-about {
    display: grid;
    grid-template-rows: min-content;
    grid-template-columns: repeat(32, 1fr);
    margin-top: calc(2 * var(--rem));
  }
  .achievement-about-text {
    grid-column: 17/33;
  }
  .strength {
    display: grid;
    grid-template-rows: min-content;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    margin-top: calc(5.5 * var(--rem));
  }
  .strength-inner {
    grid-column: 4/38;
    gap: 5.34vw;
    padding: calc(3.25 * var(--rem)) calc(68 * var(--px))
      calc(3.75 * var(--rem)) calc(50 * var(--px));
  }
  .strength-head {
    width: calc(4.625 * var(--rem));
    padding-right: 2.64vw;
  }
  .strength-head-title-num {
    margin-top: 0;
    margin-left: calc(-10 * var(--px));
    font-size: calc(3.75 * var(--rem));
  }
  .strength-head-title-text {
    font-size: calc(2.375 * var(--rem));
  }
  .strength-list {
    grid-template-columns: 1fr 1fr;
    row-gap: calc(2.5 * var(--rem));
    -moz-column-gap: calc(40 * var(--px));
    column-gap: calc(40 * var(--px));
  }
  .strength-list-item {
    gap: calc(1.3125 * var(--rem));
  }
  .strength-list-item-headline {
    flex-shrink: 0;
  }
  .strength-list-item-headline-index {
    width: calc(3 * var(--rem));
    height: calc(3 * var(--rem));
    margin-top: calc(0.3125 * var(--rem));
    font-size: calc(2.0625 * var(--rem));
  }
  .strength-list-item-headline-text {
    font-size: calc(3.375 * var(--rem));
  }
  .strength-list-item:nth-child(5) {
    grid-column: 1/3;
    gap: calc(1.8125 * var(--rem));
  }
  .strength-list-item:nth-child(5) .strength-list-item-headline-text {
    margin-top: 0;
    font-size: calc(3.375 * var(--rem));
  }
  .strength-list-item:nth-child(5) .strength-list-item-body {
    margin-top: calc(0.125 * var(--rem));
  }
  .data {
    display: grid;
    grid-template-rows: min-content;
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    margin-top: calc(88 * var(--px));
  }
  .data-inner {
    grid-column: 4/38;
    padding: 0;
  }
  .data-list {
    grid-template-columns: repeat(3, 1fr);
    row-gap: calc(26 * var(--px));
    -moz-column-gap: 1.9vw;
    column-gap: 1.9vw;
  }
  .data-list-item {
    justify-content: center;
    aspect-ratio: 1/1;
    padding: calc(3.5 * var(--rem)) calc(16 * var(--px));
  }
  .data-list-item-headline {
    font-size: calc(1.375 * var(--rem));
  }
  .data-list-item-data {
    width: 23.5vw;
    height: 4.98vw;
  }
  .data-list-item:nth-child(1) .data-list-item-data,
  .data-list-item:nth-child(6) .data-list-item-data {
    height: 4.25vw;
  }
}