@charset "UTF-8";
/* 変数 */
body {
  --s-val: 10px;
  --color-text: #5C5B5B;
  --color-txtlink: #5C5B5B;
  --color-white: #fff;
}
@media screen and (max-width: 768px) {
  body {
    --s-val: 1.35vw;
  }
}

/* 共通  ====================================== */
.lp .image {
  width: 100%;
  display: block;
}
.lp .image.text-image {
  display: inline;
}
.lp a:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.lp a:visited {
  /* サイトに既定で入っているので解除 */
  color: var(--color-txtlink);
}

.lp {
  max-width: calc(var(--s-val) * 75);
  background-color: #fff;
  color: var(--color-text);
  margin-inline: auto;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(var(--s-val) * 2.8);
  -webkit-padding-after: calc(var(--s-val) * 40.5);
          padding-block-end: calc(var(--s-val) * 10.5);
}

@media screen and (max-width: 768px) {
  .lp {
    max-width: none;
  }
}
.item {
  -webkit-margin-before: calc(var(--s-val) * 25);
          margin-block-start: calc(var(--s-val) * 25);
}

/* ボタン共通 */
.lp .btn {
  font-size: calc(var(--s-val) * 2.6);
  -webkit-margin-before: calc(var(--s-val) * 4.5);
          margin-block-start: calc(var(--s-val) * 4.5);
  -webkit-margin-start: calc(var(--s-val) * 5.5);
          margin-inline-start: calc(var(--s-val) * 5.5);
  line-height: calc(var(--s-val) * 5.5);
}
.lp .btn__link {
  text-decoration: none;
  color: var(--color-txtlink);
}
.lp .btn__link__text {
  display: inline-block;
}
.lp .btn__link__text .text_line {
  position: relative;
}
.lp .btn__link__text .text_line::after {
  content: "";
  width: 100%;
  height: calc(var(--s-val) * 0.1);
  background-color: var(--color-txtlink);
  position: absolute;
  bottom: calc(var(--s-val) * -0.5);
  left: 0;
}
.lp .btn_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lp .btn_center {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.lp .btn_right {
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-inline: 0 calc(var(--s-val) * 5.5);
}

/* top_block ====================================== */
.top_block .text-area {
  text-align: center;
  -webkit-margin-before: calc(var(--s-val) * 11);
          margin-block-start: calc(var(--s-val) * 11);
}
.top_block .text-area .image_wrap--text_image .image {
  width: calc(var(--s-val) * 29.3);
  margin-inline: auto;
}
.top_block .text-area .text {
  -webkit-margin-before: calc(var(--s-val) * 3);
          margin-block-start: calc(var(--s-val) * 3);
  line-height: calc(var(--s-val) * 5.5);
}

/* item01 ====================================== */
.item01 {
  -webkit-margin-before: calc(var(--s-val) * 18);
          margin-block-start: calc(var(--s-val) * 18);
}

/* item02 ====================================== */
.item02 {
  position: relative;
}
.item02 .btn {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* item05 ====================================== */
.item05 {
  position: relative;
}
.item05 .btn {
  position: absolute;
  bottom: 0;
  left: 0;
}