#lp {
  --s-rem: calc(10 * 100vw / 375);
}
@media (min-width: 768px) {
  #lp {
    --s-rem: clamp(
        8px,
        calc(10 * 100vw / 1500),
        calc(10 * 1920 / 1500 * 1px)
    );
  }
}
#lp {
  --orange-light: #f29a76;
  --orange: #ea5539;
  --blue: #005bac;
  --blue-light: #187fc4;
  --mizuiro: #38a1db;
  --mizu: #d3e6f6;
  --gradient-orange: linear-gradient(to bottom, var(--orange-light) 0%, var(--orange) 100%);
  --gradient-blue: linear-gradient(to bottom, var(--blue) 0%, var(--blue-light) 50%, var(--blue) 100%);
  --gradient-mizu: linear-gradient(-46deg, var(--mizu) 0%, #fff 50%, var(--mizu) 100%);
  --font-base: "Noto Sans JP", sans-serif;
}
#lp .contents {
  max-width: calc(100 * var(--s-rem));
  margin: 0 auto;
}
@media (max-width: 734px) {
  #lp .contents {
    max-width: calc(34.5 * var(--s-rem));
  }
}
#lp h2 {
  font-size: calc(5 * var(--s-rem));
  font-family: serif;
  line-height: 1.6;
  margin-bottom: calc(3 * var(--s-rem));
}
@media (max-width: 734px) {
  #lp h2 {
    font-size: calc(1.59594 * var(--s-rem));
    margin-bottom: calc(1 * var(--s-rem));
  }
}
#lp .subttl {
  position: relative;
  z-index: 1;
}
#lp .subttl::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: calc(-8.2 * var(--s-rem));
  z-index: -1;
}
@media (max-width: 734px) {
  #lp .subttl::after {
    top: calc(-2.8 * var(--s-rem));
  }
}
#lp section {
  padding: calc(11 * var(--s-rem)) 0;
}
@media (max-width: 734px) {
  #lp section {
    padding: calc(3.4 * var(--s-rem)) 0 calc(2.2 * var(--s-rem)) 0;
  }
}
#lp p {
  font-size: calc(3 * var(--s-rem));
  font-family: var(--font-base);
  line-height: 1.7;
  letter-spacing: -0.05em;
}
@media (max-width: 734px) {
  #lp p {
    font-size: calc(1.218 * var(--s-rem));
  }
}
#lp span {
  font-family: var(--font-base);
}
#lp .lp-btn {
  background: var(--gradient-orange);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-weight: bold;
  margin: 0 auto;
}
#lp .fz--l {
  font-size: calc(3.4 * var(--s-rem));
}
@media (max-width: 734px) {
  #lp .fz--l {
    font-size: calc(1.23149 * var(--s-rem));
  }
}
#lp .fz--r {
  font-size: calc(3 * var(--s-rem));
}
@media (max-width: 734px) {
  #lp .fz--r {
    font-size: calc(1.035 * var(--s-rem));
  }
}
#lp .fz--s {
  font-size: calc(2 * var(--s-rem));
}
@media (max-width: 734px) {
  #lp .fz--s {
    font-size: calc(1.8 * var(--s-rem));
  }
}
#lp .fv {
  padding: 0;
  position: relative;
  z-index: 10;
}
#lp .fv__cta {
  position: absolute;
  background: var(--gradient-orange);
  color: #fff;
  width: calc(26.6 * var(--s-rem));
  height: calc(10.76 * var(--s-rem));
  display: flex;
  align-items: center;
  justify-content: center;
  top: calc(2.3 * var(--s-rem));
  right: calc(2.5 * var(--s-rem));
  border-radius: 999px;
  font-size: calc(4 * var(--s-rem));
  font-weight: bold;
}
#lp .fv__cta::after {
  position: absolute;
  content: "";
  background: url(../images/lp/down-icon.svg) no-repeat;
  width: calc(1.96517 * var(--s-rem));
  height: calc(0.97129 * var(--s-rem));
  display: inline-block;
  bottom: calc(1 * var(--s-rem));
}
@media (max-width: 734px) {
  #lp .fv__cta {
    font-size: calc(1.2 * var(--s-rem));
    width: calc(9.17247 * var(--s-rem));
    height: calc(3.71451 * var(--s-rem));
    top: calc(0.9 * var(--s-rem));
    right: calc(1.6 * var(--s-rem));
  }
  #lp .fv__cta::after {
    width: calc(0.7 * var(--s-rem));
    height: calc(0.4 * var(--s-rem));
    bottom: calc(0.3 * var(--s-rem));
  }
}
#lp .experience {
  padding-top: 0;
  position: relative;
  z-index: 100;
  color: #fff;
  text-align: center;
  margin-top: calc(-5.2 * var(--s-rem));
  padding-bottom: calc(7.8 * var(--s-rem));
}
#lp .experience__wrap {
  max-width: calc(120 * var(--s-rem));
  margin: 0 auto calc(7.5 * var(--s-rem));
  background: var(--gradient-blue);
  border-radius: calc(3.5 * var(--s-rem));
  padding: calc(5.5 * var(--s-rem)) 0;
}
#lp .experience__ttl {
  font-size: calc(5.3 * var(--s-rem));
  margin-bottom: calc(4.7 * var(--s-rem));
  line-height: 1;
}
#lp .experience__ttl span {
  font-family: serif;
}
#lp .experience__ttl .num {
  font-size: calc(6.5 * var(--s-rem));
}
#lp .experience__ttl .u-line {
  padding-bottom: calc(2.1 * var(--s-rem));
  border-bottom: solid 3px var(--orange-light);
}
#lp .experience__lead {
  margin-bottom: calc(6.7 * var(--s-rem));
}
#lp .experience__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(6 * var(--s-rem));
}
#lp .experience__grid img {
  margin-bottom: calc(1.4 * var(--s-rem));
}
#lp .experience__grid-txt {
  font-size: calc(2.4 * var(--s-rem));
  line-height: 1.6;
  letter-spacing: -0.05em;
}
#lp .experience__cta {
  width: calc(80 * var(--s-rem));
  height: calc(19.3 * var(--s-rem));
  font-size: calc(6.2 * var(--s-rem));
  letter-spacing: calc(0.4 * var(--s-rem));
}
#lp .experience__cta img {
  margin-left: calc(3.7 * var(--s-rem));
  vertical-align: sub;
  width: calc(8.7 * var(--s-rem));
}
@media (max-width: 734px) {
  #lp .experience {
    padding: calc(1.3 * var(--s-rem)) 0 calc(2.2 * var(--s-rem)) 0;
    margin-top: 0;
  }
  #lp .experience__wrap {
    border-radius: calc(1.2 * var(--s-rem));
    padding: calc(1.8 * var(--s-rem)) 0;
    margin-bottom: calc(2 * var(--s-rem));
  }
  #lp .experience__ttl {
    font-size: calc(1.65 * var(--s-rem));
    margin-bottom: calc(1.7 * var(--s-rem));
    line-height: 1;
  }
  #lp .experience__ttl .num {
    font-size: calc(2 * var(--s-rem));
  }
  #lp .experience__ttl .u-line {
    padding-bottom: calc(0.3 * var(--s-rem));
    border-bottom: solid 1px var(--orange-light);
  }
  #lp .experience__lead {
    margin-bottom: calc(1.5 * var(--s-rem));
  }
  #lp .experience__grid {
    gap: calc(2.3 * var(--s-rem));
  }
  #lp .experience__grid img {
    margin-bottom: calc(0.4 * var(--s-rem));
  }
  #lp .experience__grid-txt {
    font-size: calc(0.828 * var(--s-rem));
    display: block;
  }
  #lp .experience__cta {
    width: calc(22.99815 * var(--s-rem));
    height: calc(5.55046 * var(--s-rem));
    font-size: calc(1.78236 * var(--s-rem));
    letter-spacing: calc(0.2 * var(--s-rem));
  }
  #lp .experience__cta img {
    margin-left: calc(1.7 * var(--s-rem));
    vertical-align: sub;
    width: calc(2.50667 * var(--s-rem));
  }
}
#lp .b-bg {
  background: var(--gradient-mizu);
}
#lp .why {
  position: relative;
  text-align: center;
  padding-bottom: 0;
}
#lp .why .subttl::after {
  background: url(../images/lp/why_write.svg);
  background-size: contain;
  width: calc(21.10084 * var(--s-rem));
  height: calc(13.94703 * var(--s-rem));
}
#lp .why__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(3.1 * var(--s-rem));
  margin-bottom: calc(1.4 * var(--s-rem));
}
#lp .why__grid-item {
  position: relative;
}
#lp .why__grid-item span {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: calc(31.3 * var(--s-rem));
  height: calc(6.94587 * var(--s-rem));
  font-weight: 500;
  border-radius: calc(1 * var(--s-rem));
  color: #fff;
  letter-spacing: -0.05em;
}
#lp .why__grid-item span.ao {
  background: linear-gradient(to left, var(--blue) 0%, var(--blue-light) 50%, var(--blue) 100%);
}
#lp .why__grid-item span.aka {
  background: linear-gradient(to left, var(--orange) 0%, var(--orange-light) 50%, var(--orange) 100%);
}
#lp .why__grid-item span.midori {
  background: linear-gradient(to left, #318e39 0%, #6e9e56 50%, #318e39 100%);
}
#lp .why__lead {
  font-size: calc(2.7 * var(--s-rem));
  line-height: 1.6;
  font-weight: 500;
  margin-bottom: calc(3.4 * var(--s-rem));
}
#lp .why__bluearea {
  max-width: calc(120 * var(--s-rem));
  background: var(--gradient-blue);
  border-radius: calc(3.5 * var(--s-rem));
  padding: calc(5.5 * var(--s-rem)) 0;
  margin: 0 auto;
  color: #fff;
  height: calc(112.6681 * var(--s-rem));
}
#lp .why__bluearea-lead {
  margin-bottom: calc(4 * var(--s-rem));
}
#lp .why__bluearea-text {
  width: calc(65.8 * var(--s-rem));
  margin-bottom: 10px;
  margin-bottom: calc(3 * var(--s-rem));
}
#lp .why__bluearea-description {
  margin-bottom: 30px;
}
#lp .why__bluearea-description:last-child {
  margin-bottom: none;
}
#lp .why__flex {
  position: absolute;
  display: flex;
  justify-content: space-between;
  gap: calc(1 * var(--s-rem));
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
}
#lp .why__flex-item {
  width: calc((100% - 3.5 * var(--s-rem)) / 4);
  display: block;
}
#lp .why__flex-item:nth-of-type(odd) {
  transform: translateY(calc(-9 * var(--s-rem)));
}
@media (max-width: 734px) {
  #lp .why .subttl::after {
    width: calc(6.62845 * var(--s-rem));
    height: calc(4.38096 * var(--s-rem));
  }
  #lp .why__grid {
    gap: calc(0.8 * var(--s-rem));
    margin-bottom: calc(0.5 * var(--s-rem));
  }
  #lp .why__grid-item span {
    width: calc(10.7985 * var(--s-rem));
    height: calc(2.39632 * var(--s-rem));
  }
  #lp .why__lead {
    font-size: calc(1.17982 * var(--s-rem));
    margin-bottom: calc(2.3 * var(--s-rem));
  }
  #lp .why__bluearea {
    border-radius: calc(1 * var(--s-rem));
    padding: calc(2.3 * var(--s-rem)) 0 0;
    height: auto;
  }
  #lp .why__bluearea-lead {
    margin-bottom: calc(1.4 * var(--s-rem));
  }
  #lp .why__bluearea-text {
    width: calc(26.6 * var(--s-rem));
    margin-bottom: calc(1.6 * var(--s-rem));
  }
  #lp .why__bluearea-description {
    margin-bottom: calc(1.4 * var(--s-rem));
  }
  #lp .why__flex {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: calc(34.5 * var(--s-rem));
    margin: 0 auto;
  }
  #lp .why__flex-item {
    width: 100%;
  }
  #lp .why__flex-item:nth-of-type(odd) {
    transform: none;
  }
}
#lp .solution {
  text-align: center;
  padding-top: calc(16.5 * var(--s-rem));
}
#lp .solution .subttl::after {
  background: url(../images/lp/solution_write.svg);
  background-size: contain;
  width: calc(25.42128 * var(--s-rem));
  height: calc(10.18436 * var(--s-rem));
}
#lp .solution__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(4.5 * var(--s-rem));
}
#lp .solution__grid-item {
  color: #fff;
  background: url(../images/lp/sticky.svg) no-repeat;
  background-size: cover;
  padding: calc(1.8 * var(--s-rem)) 0 calc(5 * var(--s-rem));
}
#lp .solution__grid-item img {
  width: calc(5.48893 * var(--s-rem));
  margin-bottom: calc(2.3 * var(--s-rem));
}
@media (max-width: 734px) {
  #lp .solution {
    padding: calc(4.7 * var(--s-rem)) 0 calc(2.6 * var(--s-rem));
  }
  #lp .solution .subttl::after {
    width: calc(7.98568 * var(--s-rem));
    height: calc(3.19903 * var(--s-rem));
  }
  #lp .solution__grid {
    gap: calc(1.7 * var(--s-rem));
  }
  #lp .solution__grid-item {
    padding: 5px 0 calc(1.7 * var(--s-rem));
  }
  #lp .solution__grid-item img {
    width: calc(2 * var(--s-rem));
    margin-bottom: calc(0.9 * var(--s-rem));
  }
  #lp .solution p {
    font-size: calc(1.035 * var(--s-rem));
  }
}
#lp .future {
  text-align: center;
  padding: calc(15.6 * var(--s-rem)) 0 calc(8 * var(--s-rem));
}
#lp .future .subttl::after {
  background: url(../images/lp/future_write.svg) no-repeat;
  background-size: contain;
  width: calc(26.16724 * var(--s-rem));
  height: calc(9.18688 * var(--s-rem));
}
#lp .future__flex {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-flow: wrap;
  gap: calc(2.4 * var(--s-rem));
}
#lp .future__flex--ao {
  color: #08287f;
  border: #08287f solid 2px;
}
#lp .future__flex--orange {
  color: var(--orange-light);
  border: var(--orange-light) solid 2px;
}
#lp .future__flex--midori {
  color: #6e9e56;
  border: #6e9e56 solid 2px;
}
#lp .future__flex--mizu {
  color: #38a1db;
  border: #38a1db solid 2px;
}
#lp .future__flex--yellow {
  color: #f2bb49;
  border: #f2bb49 solid 2px;
}
#lp .future__flex-item {
  width: calc(31.66212 * var(--s-rem));
  border-radius: calc(2.4255 * var(--s-rem));
  padding: calc(1.4 * var(--s-rem)) 0 calc(2 * var(--s-rem));
}
#lp .future__flex-num {
  font-size: calc(5.15482 * var(--s-rem));
  font-style: italic;
  color: inherit;
  opacity: 0.5;
  display: block;
  line-height: 1;
  margin-bottom: calc(1 * var(--s-rem));
  font-family: "Futura";
}
#lp .future__flex-ttl {
  font-size: calc(3 * var(--s-rem));
  color: inherit;
  margin-bottom: calc(2.4 * var(--s-rem));
  letter-spacing: -0.09em;
}
#lp .future__flex img {
  margin-bottom: calc(1.7 * var(--s-rem));
}
#lp .future__flex-txt {
  color: #000;
  margin: 0 auto;
  text-align: left;
  width: calc(27.94324 * var(--s-rem));
  line-height: 1.6;
}
@media (max-width: 734px) {
  #lp .future {
    padding: calc(5.1 * var(--s-rem)) calc(4.3 * var(--s-rem));
  }
  #lp .future .subttl::after {
    width: calc(8.22009 * var(--s-rem));
    height: calc(2.88571 * var(--s-rem));
  }
  #lp .future__flex {
    gap: calc(1.2 * var(--s-rem));
  }
  #lp .future__flex-num {
    font-size: calc(4.63933 * var(--s-rem));
    font-style: normal;
    font-weight: 500;
  }
  #lp .future__flex-ttl {
    font-size: calc(2.7 * var(--s-rem));
    margin-bottom: calc(2.4 * var(--s-rem));
  }
  #lp .future__flex img {
    margin-bottom: 10px;
  }
  #lp .future__flex-txt {
    width: calc(25.14891 * var(--s-rem));
    letter-spacing: -0.1em;
  }
}
#lp .difference {
  text-align: center;
  background: url(../images/lp/difference_bg.webp) no-repeat;
  background-size: cover;
  padding: calc(14.3 * var(--s-rem)) 0 calc(6.5 * var(--s-rem));
}
#lp .difference .subttl::after {
  background: url(../images/lp/difference_write.svg);
  background-size: contain;
  width: calc(32.31672 * var(--s-rem));
  height: calc(11.46785 * var(--s-rem));
}
#lp .difference__ttl {
  color: #fff;
  margin-bottom: calc(4.6 * var(--s-rem));
}
#lp .difference__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(5.5 * var(--s-rem));
}
#lp .difference__grid-item {
  background-color: rgba(255, 255, 255, 0.9);
  padding: calc(2.2 * var(--s-rem)) calc(2 * var(--s-rem)) 0;
  display: flex;
  flex-flow: column;
}
#lp .difference__grid--mizu {
  position: relative;
}
#lp .difference__grid--mizu::after {
  position: absolute;
  content: "";
  background: url(../images/lp/difference_aro.svg) no-repeat;
  background-size: contain;
  right: calc(-5.5 * var(--s-rem));
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: calc(6.88587 * var(--s-rem));
  height: calc(8.74352 * var(--s-rem));
}
#lp .difference__grid--mizu .difference__grid-ttl {
  background-color: var(--mizuiro);
}
#lp .difference__grid--mizu img {
  width: calc(21.70832 * var(--s-rem));
}
#lp .difference__grid--mizu ul li {
  border-bottom: var(--mizuiro) dotted 3px;
}
#lp .difference__grid--mizu ul li::before {
  content: "";
  background: url(../images/lp/check_2.svg) no-repeat;
}
#lp .difference__grid--ao .difference__grid-ttl {
  background-color: var(--blue);
}
#lp .difference__grid--ao img {
  width: calc(30.46398 * var(--s-rem));
}
#lp .difference__grid--ao ul li {
  border-bottom: var(--blue) dotted 3px;
}
#lp .difference__grid--ao ul li::before {
  content: "";
  background: url(../images/lp/check_1.svg) no-repeat;
}
#lp .difference__grid-ttl {
  color: #fff;
  border-radius: 999px;
  font-size: calc(3.4 * var(--s-rem));
  padding: calc(0.9 * var(--s-rem));
  margin-bottom: calc(3 * var(--s-rem));
}
#lp .difference__grid ul {
  text-align: left;
  display: flex;
  flex-flow: column;
  padding-left: 0;
  gap: calc(0.7 * var(--s-rem));
}
#lp .difference__grid ul li {
  padding-bottom: calc(1 * var(--s-rem));
  list-style: none;
  font-size: calc(3 * var(--s-rem));
  display: flex;
  align-items: center;
  letter-spacing: -0.05em;
}
#lp .difference__grid ul li::before {
  content: "";
  background-size: contain;
  display: inline-block;
  width: calc(4.08282 * var(--s-rem));
  height: calc(4.08282 * var(--s-rem));
  margin-right: calc(1.2 * var(--s-rem));
}
#lp .difference__grid ul li:last-child {
  border-bottom: none;
}
#lp .difference__grid img {
  margin: auto auto 0;
}
@media (max-width: 734px) {
  #lp .difference {
    padding: calc(4.6 * var(--s-rem)) 0 calc(2.6 * var(--s-rem));
  }
  #lp .difference .subttl::after {
    width: calc(10.15183 * var(--s-rem));
    height: calc(3.60215 * var(--s-rem));
  }
  #lp .difference__ttl {
    margin-bottom: calc(1.4 * var(--s-rem));
  }
  #lp .difference__grid {
    gap: calc(2 * var(--s-rem));
  }
  #lp .difference__grid-item {
    padding: calc(0.7 * var(--s-rem)) calc(0.7 * var(--s-rem)) 0;
  }
  #lp .difference__grid-ttl {
    font-size: calc(1.173 * var(--s-rem));
    padding: calc(0.3 * var(--s-rem)) 0;
    margin-bottom: calc(1.1 * var(--s-rem));
  }
  #lp .difference__grid--mizu img {
    width: calc(7.48937 * var(--s-rem));
  }
  #lp .difference__grid--mizu::after {
    right: calc(-2 * var(--s-rem));
    width: calc(2.36513 * var(--s-rem));
    height: calc(3.04052 * var(--s-rem));
  }
  #lp .difference__grid--ao img {
    width: calc(10.51007 * var(--s-rem));
  }
  #lp .difference__grid ul {
    gap: calc(0.4 * var(--s-rem));
    margin-bottom: calc(0.5 * var(--s-rem));
  }
  #lp .difference__grid ul li {
    font-size: calc(1.035 * var(--s-rem));
    font-weight: 700;
    border-bottom: var(--mizuiro) dotted 1px;
    padding-bottom: calc(0.2 * var(--s-rem));
  }
  #lp .difference__grid ul li::before {
    width: calc(1.40857 * var(--s-rem));
    height: calc(1.40857 * var(--s-rem));
    margin-right: calc(0.4 * var(--s-rem));
  }
}
#lp .design {
  text-align: center;
  padding-top: calc(15.6 * var(--s-rem));
}
#lp .design .subttl::after {
  background: url(../images/lp/experience_write.svg);
  background-size: contain;
  width: calc(33.07514 * var(--s-rem));
  height: calc(10.69042 * var(--s-rem));
}
#lp .design img {
  margin-bottom: calc(4 * var(--s-rem));
}
#lp .design__box {
  padding: calc(2.6 * var(--s-rem)) 0;
  letter-spacing: -0.05em;
  border-radius: calc(2.5396 * var(--s-rem));
  display: block;
  background: linear-gradient(to right, #fadce2 0%, #fff 50%, #fff5d7 100%);
}
@media (max-width: 734px) {
  #lp .design {
    padding: calc(5 * var(--s-rem)) 0 calc(3 * var(--s-rem));
  }
  #lp .design .subttl::after {
    width: calc(10.39014 * var(--s-rem));
    height: calc(3.35789 * var(--s-rem));
  }
  #lp .design img {
    margin-bottom: calc(1.2 * var(--s-rem));
  }
  #lp .design__box {
    font-size: calc(1.173 * var(--s-rem));
    border-radius: calc(1 * var(--s-rem));
    font-weight: bold;
    padding: calc(1.2 * var(--s-rem)) 0;
    line-height: 1.5;
  }
}
#lp .recruit {
  text-align: center;
  padding: calc(15 * var(--s-rem)) 0 0;
}
#lp .recruit .subttl::after {
  background: url(../images/lp/recruit_write.svg);
  background-size: contain;
  width: calc(41.03736 * var(--s-rem));
  height: calc(14.37573 * var(--s-rem));
}
#lp .recruit__area {
  background-color: #fff;
  padding: calc(3.5 * var(--s-rem)) calc(2.2 * var(--s-rem));
  box-shadow: calc(0.5 * var(--s-rem)) calc(0.5 * var(--s-rem)) calc(0.5 * var(--s-rem)) rgba(0, 0, 0, 0.5);
}
#lp .recruit ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: column;
  gap: calc(2 * var(--s-rem));
}
#lp .recruit ul li {
  display: grid;
  grid-template-columns: calc(24.2 * var(--s-rem)) 1fr;
  align-items: center;
  text-align: left;
  gap: calc(3.5 * var(--s-rem));
  border-bottom: 3px dotted var(--blue);
  padding-bottom: calc(1.2 * var(--s-rem));
}
#lp .recruit ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#lp .recruit ul li span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: calc(3.4 * var(--s-rem));
  background: url(../images/lp/band_1.svg) no-repeat;
  background-size: contain;
}
#lp .recruit ul li p {
  line-height: 1.3;
}
#lp .recruit__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: calc(2 * var(--s-rem));
}
#lp .recruit__grid-item img {
  margin-bottom: calc(0.5 * var(--s-rem));
}
#lp .recruit__grid-item span {
  letter-spacing: -0.05em;
  font-size: calc(1.8 * var(--s-rem));
  line-height: 1.6;
}
@media (max-width: 734px) {
  #lp .recruit {
    padding: calc(4.5 * var(--s-rem)) 0 0;
  }
  #lp .recruit .subttl::after {
    width: calc(12.89141 * var(--s-rem));
    height: calc(4.51563 * var(--s-rem));
  }
  #lp .recruit__area {
    padding: calc(0.8 * var(--s-rem));
  }
  #lp .recruit ul {
    gap: calc(0.5 * var(--s-rem));
    margin-bottom: calc(1 * var(--s-rem));
  }
  #lp .recruit ul li {
    font-size: calc(1.035 * var(--s-rem));
    grid-template-columns: calc(7.71339 * var(--s-rem)) 1fr;
    border-bottom: 1px dotted var(--blue);
    padding-bottom: calc(0.5 * var(--s-rem));
    letter-spacing: -0.05em;
    gap: calc(1 * var(--s-rem));
  }
  #lp .recruit ul li span {
    font-size: calc(1.173 * var(--s-rem));
    width: calc(8 * var(--s-rem));
    height: calc(2 * var(--s-rem));
    line-height: 0;
    background-size: cover;
  }
  #lp .recruit__grid {
    gap: calc(0.7 * var(--s-rem));
  }
  #lp .recruit__grid-item img {
    margin-bottom: calc(0.2 * var(--s-rem));
  }
  #lp .recruit__grid-item span {
    letter-spacing: -0.14em;
    font-size: calc(0.69 * var(--s-rem));
    display: inline-block;
  }
}
#lp .flow {
  padding: calc(13.5 * var(--s-rem)) 0 calc(10.5 * var(--s-rem));
  text-align: center;
}
#lp .flow .subttl::after {
  background: url(../images/lp/flow_write.svg);
  background-size: contain;
  width: calc(15.51493 * var(--s-rem));
  height: calc(8.02274 * var(--s-rem));
}
#lp .flow__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(2.8 * var(--s-rem));
}
#lp .flow__grid-item {
  background: var(--mizuiro);
  color: #fff;
  border-radius: calc(2.5 * var(--s-rem));
  padding: calc(1.5 * var(--s-rem)) 0;
}
#lp .flow__grid-num {
  font-size: calc(5.1 * var(--s-rem));
  font-style: italic;
  opacity: 0.5;
  font-family: "Futura";
  line-height: 1;
}
#lp .flow__grid-ttl {
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: calc(-0.3 * var(--s-rem));
  font-size: calc(2.7 * var(--s-rem));
}
#lp .flow__grid-aro {
  background: url(../images/lp/band_2.svg) no-repeat;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(18.97408 * var(--s-rem));
  height: calc(2.45371 * var(--s-rem));
  margin: 0 auto calc(2.4 * var(--s-rem));
}
#lp .flow__grid img {
  width: calc(14.89474 * var(--s-rem));
}
@media (max-width: 734px) {
  #lp .flow {
    padding: calc(4.2 * var(--s-rem)) 0 calc(3 * var(--s-rem));
  }
  #lp .flow .subttl::after {
    width: calc(4.87359 * var(--s-rem));
    height: calc(2.52003 * var(--s-rem));
  }
  #lp .flow__grid {
    grid-template-columns: repeat(2, 1fr);
    width: calc(28.49591 * var(--s-rem));
    margin: 0 auto;
    gap: calc(1.6 * var(--s-rem));
  }
  #lp .flow__grid-item {
    padding: calc(1 * var(--s-rem));
    border-radius: calc(1.7 * var(--s-rem));
  }
  #lp .flow__grid-item:last-child .flow__grid-ttl span {
    font-size: calc(1.6 * var(--s-rem));
    display: inline-block;
    letter-spacing: -0.25em;
  }
  #lp .flow__grid-num {
    font-size: calc(3.02545 * var(--s-rem));
  }
  #lp .flow__grid-ttl {
    font-size: calc(1.76075 * var(--s-rem));
    line-height: 1.4;
    margin-bottom: calc(0.4 * var(--s-rem));
  }
  #lp .flow__grid-aro {
    background-size: cover;
    width: 100%;
    font-size: calc(1.17383 * var(--s-rem));
    height: calc(1.44012 * var(--s-rem));
    margin-bottom: calc(1.5 * var(--s-rem));
  }
  #lp .flow__grid img {
    width: calc(8.74197 * var(--s-rem));
  }
}
#lp .contact {
  color: #fff;
  text-align: center;
  padding: calc(5 * var(--s-rem)) 0;
  background: var(--gradient-blue);
}
#lp .contact__ttl {
  font-size: calc(6.2 * var(--s-rem));
  margin-bottom: calc(-0.4 * var(--s-rem));
  display: flex;
  align-items: center;
  justify-content: center;
}
#lp .contact__ttl::after, #lp .contact__ttl::before {
  content: "";
  background-size: contain;
  display: inline-block;
  width: calc(4.01779 * var(--s-rem));
  height: calc(5.16705 * var(--s-rem));
  margin: 0 calc(1 * var(--s-rem));
}
#lp .contact__ttl::after {
  background: url(../images/lp/right-icon.svg) no-repeat;
}
#lp .contact__ttl::before {
  background: url(../images/lp/left-icon.svg) no-repeat;
}
#lp .contact__lead {
  margin-bottom: calc(2.6 * var(--s-rem));
}
#lp .contact__box {
  background: var(--gradient-orange);
  border-radius: 999px;
  color: #fff;
  font-weight: bold;
  width: calc(70.02339 * var(--s-rem));
  height: calc(12.84341 * var(--s-rem));
  margin: 0 auto calc(4.6 * var(--s-rem));
  line-height: 1.6;
  display: flex;
  align-items: center;
  justify-content: center;
}
#lp .contact__area {
  background-color: #fff;
  border-radius: 38px;
  padding: 42px;
}
@media (max-width: 734px) {
  #lp .contact {
    padding: calc(1.5 * var(--s-rem)) 0;
  }
  #lp .contact__ttl {
    font-size: calc(2.24567 * var(--s-rem));
  }
  #lp .contact__ttl::after, #lp .contact__ttl::before {
    width: calc(1.45526 * var(--s-rem));
    height: calc(1.87153 * var(--s-rem));
    margin: 0 calc(0.5 * var(--s-rem));
  }
  #lp .contact__lead {
    margin-bottom: calc(1 * var(--s-rem));
  }
  #lp .contact__box {
    width: calc(25.36279 * var(--s-rem));
    height: calc(4.65194 * var(--s-rem));
  }
  #lp .contact__area {
    border-radius: 20px;
    padding: 10px;
  }
}
#lp .close {
  padding: 0;
}

.page .site-footer__bottom {
  background: linear-gradient(to bottom, #005bac 0%, #187fc4 50%, #005bac 100%);
}