@charset "utf-8";

/* ---------------------------------------------
Reset
--------------------------------------------- */
html,
body {
  margin: 0;
  padding: 0;
}
/* Modern browser */
.lp_page__wrapper *,
.lp_page__wrapper *::before,
.lp_page__wrapper *::after{box-sizing:border-box}
.lp_page__wrapper *{margin:0;padding:0;}
.lp_page__wrapper img,
.lp_page__wrapper picture,
.lp_page__wrapper video,
.lp_page__wrapper canvas,
.lp_page__wrapper svg{display:block;max-width:100%}
.lp_page__wrapper input,
.lp_page__wrapper button,
.lp_page__wrapper textarea,
.lp_page__wrapper select{font:inherit}
.lp_page__wrapper p,
.lp_page__wrapper h1,
.lp_page__wrapper h2,
.lp_page__wrapper h3,
.lp_page__wrapper h4,
.lp_page__wrapper h5,
.lp_page__wrapper h6{overflow-wrap:break-word}


/* addition */
.lp_page__wrapper img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.lp_page__wrapper em {
  font-style: normal;
}
.lp_page__wrapper small {
  font-size: 70%;
}

.lp_page__wrapper ul,
.lp_page__wrapper ol,
.lp_page__wrapper li {
  padding: 0;
  list-style: none;
}

.lp_page__wrapper button{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}


/* ---------------------------------------------
font
--------------------------------------------- */
html {
  font-size: calc(10 / 750 * 100vw);
}
@media screen and (min-width:751px) {
  html {
    font-size: 62.5%;
  }
}

.lp_page__wrapper {
  line-height: 1.6;
  color: #000;
  font-family: 'Noto Sans JP', sans-serif;
}

.lp_page__class {
  font-size: 2.8rem;
}
@media screen and (min-width:751px) {
  .lp_page__class {
    font-size: 2.4rem;
  }
}

.lp_page__class  form input,
.lp_page__class  form textarea,
.lp_page__class  form select {
  font-size: 16px;
}
@media screen and (min-width:751px) {
  .lp_page__class  form input,
  .lp_page__class  form textarea,
  .lp_page__class  form select {
    font-size: 1.9rem;
  }
}

.lp_page__class strong,
.lp_page__class em {
  font-weight: 700;
}


/* ---------------------------------------------
link
--------------------------------------------- */
.lp_page__class a,
.lp_page__class a:link,
.lp_page__class a:visited {
  color: #1e87f0;
}
.lp_page__class a:hover {
  color: #f01e1e;
  text-decoration: none;
}


/* ---------------------------------------------
width
--------------------------------------------- */
.lp_page__wrapper {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  .lp_page__wrapper {
    width: 100%;
  }
}

.lp_page__class .contents_wrapper {
  width: 89.334%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  .lp_page__class .contents_wrapper {
    width: 94%;
  }
}
@media screen and (min-width:961px) {
  .lp_page__class .contents_wrapper {
    width: 960px;
  }
}

/* ---------------------------------------------
cmn
--------------------------------------------- */
.lp_page__class .sec {
  margin: 0 auto;
}
.lp_page__class .sec .secTitle {
  margin: 0;
  text-align: center;
}

.lp_page__class p {
  margin: 0 0 2em;
}

.lp_page__class sup {
  font-size: 40%;
  vertical-align: super;
}

.lp_page__class .btn a:hover {
  filter: saturate(130%);
}

.lp_page__class .red1 {
  color: #e20000;
}
.lp_page__class .blu1 {
  color: #2860a2;
}

.lp_page__class .taC {
  text-align: center;
}
.lp_page__class .taR {
  text-align: right;
}

.lp_page__class .txt_st1 {
  text-decoration: underline;
}
.lp_page__class .txt_st2 {
  background-color: #fff;
}
.lp_page__class .txt_st3 {
  background-color: #daf5ff;
}

.lp_page__class .note small {
  font-size: 2.7vw;
  display: block;
}
@media screen and (min-width:751px) {
  .lp_page__class .note small {
    font-size: 14px;
  }
}
.lp_page__class .note1 small {
  padding-left: 1em;
  text-indent: -1em;
}
.lp_page__class .note2 small {
  padding-left: 2em;
  text-indent: -2em;
}

.lp_page__class .br_pc {
  display: none;
}
@media screen and (min-width:751px) {
  .lp_page__class .br_sp {
    display: none;
  }
    .lp_page__class .br_pc {
    display: block;
  }
}

/* cta */
.lp_page__class .cta_form {
  margin: 0 0 9rem;
}
.lp_page__class .cta_form .sec_ttl_st1 {
  margin: 0 0 3rem;
  padding: 3.2rem 0 6.6rem;
  background: linear-gradient(115deg, #00c7f5 0%, #0097eb 100%);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2rem), calc(50% + 2rem) calc(100% - 2rem), 50% 100%, calc(50% - 2rem) calc(100% - 2rem), 0 calc(100% - 2rem));
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .sec_ttl_st1 {
    padding: 2.2rem 0 5.6rem;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.9rem), calc(50% + 4rem) calc(100% - 1.9rem), 50% 100%, calc(50% - 4rem) calc(100% - 1.9rem), 0 calc(100% - 1.9rem));
  }
}
.lp_page__class .cta_form .sec_ttl_area .sec_ttl {
  width: 89.2%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .sec_ttl_area .sec_ttl {
    width: 55.209%;
  }
}
@media screen and (min-width:961px) {
  .lp_page__class .cta_form .sec_ttl_area .sec_ttl {
    width: 530px;
  }
}
.lp_page__class .cta_form .txt_area1 {
  width: 95.32%;
  margin: 0 auto 3rem;
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .txt_area1 {
    width: 70%;
  }
}
@media screen and (min-width:961px) {
  .lp_page__class .cta_form .txt_area1 {
    width: 672px;
  }
}
.lp_page__class .cta_form .txt_area1 p:last-child {
  margin-bottom: 0;
}
.lp_page__class .cta_form .form_area {
  padding: 0 0 3rem;
  background-color: #fffcde;
  border: .6rem solid #00aff0;
}
.lp_page__class .cta_form .form_area .ttl_area1 {
  margin-bottom: 4rem;
  padding: 1.4rem 0 2.3rem;
  background-color: #00aff0;
}
.lp_page__class .cta_form .form_area .ttl_area1 .ttl {
  width: 84.272%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .ttl_area1 .ttl {
    width: 59.494%;
  }
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .ttl_area1 .ttl {
    width: 564px;
  }
}
.lp_page__class .cta_form .form_area .form_area__inner {
  width: 89.666%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .form_area__inner {
    width: 88.608%;
  }
}
.lp_page__class .cta_form .form_area .step {
  padding-bottom: 2rem;
}
.lp_page__class .cta_form .form_area .step:last-child {
  padding-bottom: 0;
}
.lp_page__class .cta_form .form_area .step .ttl_area2 {
  margin-bottom: 4rem;
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .step .ttl_area2 {
    margin-bottom: 3rem;
  }
}
.lp_page__class .cta_form .form_area .step .ttl_area2 .ttl {
  background-color: #a6e7ff;
  display: flex;
  align-items: center;
}
.lp_page__class .cta_form .form_area .step .ttl_area2 .ttl .icon {
  padding: 2rem 4rem 2.4rem 3rem;
  line-height: 1;
  color: #fcec29;
  font-size: 2.8rem;
  font-weight: 600;
  background-color: #2860a2;
  clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
  display: flex;
  align-items: center;
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .step .ttl_area2 .ttl .icon {
    margin-right: 2rem;
    padding: .5rem 4rem .9rem 3rem;
    font-size: 1.8rem;
  }
}
.lp_page__class .cta_form .form_area .step .ttl_area2 .ttl .icon .num {
  margin-left: .2em;
  font-size: 130%;
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .step .ttl_area2 .ttl .icon .num {
    font-size: 2.6rem;
  }
}
.lp_page__class .cta_form .form_area .step .ttl_area2 .ttl .txt {
  color: #0e357f;
  font-weight: 500;
}
@media screen and (max-width:750px) {
  .lp_page__class .cta_form .form_area .step .ttl_area2 .ttl .txt {
    text-align: center;
    font-size: 3.6rem;
    flex-grow: 1;
  }
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .step .ttl_area2 .ttl .txt {
    font-size: 1.5rem;
  }
}
.lp_page__class .cta_form .form_area label {
  cursor: pointer;
}
.lp_page__class .cta_form .form_area input[type="text"],
.lp_page__class .cta_form .form_area textarea,
.lp_page__class .cta_form .form_area select {
  width: 100%;
  padding: 1rem 2rem;
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 1.2rem;
}
@media screen and (max-width:750px) {
  .lp_page__class .cta_form .form_area input[type="text"],
  .lp_page__class .cta_form .form_area textarea,
  .lp_page__class .cta_form .form_area select {
    padding: 1rem 2rem;
    font-size: 3.2rem;
  }
}
.lp_page__class .cta_form .form_area input::placeholder{
  color: #ccc;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dt {
  margin-bottom: 1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.lp_page__class .cta_form .form_area select {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
}
.lp_page__class .cta_form .form_area label {
  position: relative;
}
.lp_page__class .cta_form .form_area label:has(select)::after {
  content: " ";
  width: 2.4vw;
  height: 1.6vw;
  background-color: #aaa;
  position: absolute;
  top: 50%;
  right: 3.334vw;
  z-index: 2;
  display: block;
  pointer-events: none;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transform: translateY(-50%);
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area label:has(select)::after {
    width: 16px;
    height: 8px;
    right: 2.5rem;
  }
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dt {
  font-size: 3.2rem;
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .step .input_area .input_st1 dt {
    font-size: 1.5rem;
  }
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dt .icon {
  margin-right: 1rem;
  padding: .5rem 1rem;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width:750px) {
  .lp_page__class .cta_form .form_area .step .input_area .input_st1 dt .icon {
    font-size: 2.4rem;
  }
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .step .input_area .input_st1 dt .icon {
    font-size: 1.2rem;
  }
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dt .icon.required {
  background-color: #e20000;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dt .icon.any {
  background-color: #aaa;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd {
  margin-bottom: 3rem;
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .step .input_area .input_st1 dd {
    margin-bottom: 2rem;
  }
  .lp_page__class .cta_form .form_area .step2 .input_area .input_st1 dd.car_type,
  .lp_page__class .cta_form .form_area .step2 .input_area .input_st1 dd.car_color {
    margin-bottom: 1rem;
  }
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd .check_st1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width:750px) {
  .lp_page__class .cta_form .form_area .step .input_area .input_st1 dd .check_st1::after {
    content: '';
    width: 14.667vw;
    height: 0;
    display: block;
  }
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd .check_st1 li {
  text-align: center;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd .check_st1 li label {
  height: 100%;
  background: linear-gradient(180deg, #fff 25%, #eee 100%);
  border: 2px solid #ccc;
  border-radius: 10px;
  display: block;
  transition: all .3s;
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .step .input_area .input_st1 dd .check_st1 li label {
    padding: .7rem 0 .5rem;
  }
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd .check_st1 li label:has(input:checked) {
  color: #fff;
  background: #00aff0;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd .check_st1 li input {
  display: none;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd .check_st1 li .img {
  display: block;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd .check_st1 li .txt {
  font-weight: 500;
  display: block;
  font-size: 2rem;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_manufacturer .check_st1 li {
  width: 18.645%;
  margin-bottom: 1.2vw;
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_manufacturer .check_st1 li {
    width: 10%;
    margin-bottom: 0;
  }
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_manufacturer .check_st1 li .img {
  width: 75%;
  margin: 0 auto;
  padding-top: .5rem;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_manufacturer .check_st1 li .txt {
  min-height: 2.5em;
  line-height: 1.2;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_manufacturer .check_st1 li .txt {
    white-space: nowrap;
    font-size: 1.4rem;
  }
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 .tab_layout .tabs {
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  border-bottom: 4px solid #00aff0;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 .tab_layout .tabs .tab {
  width: 48%;
  margin: 0 1%;
  padding: .6em 0;
  text-align: center;
  line-height: 1;
  font-weight: 600;
  background-color: #fff;
  border-radius: 20px 20px 0 0;
  transition: all .3s;
  cursor: pointer;
}
@media screen and (max-width:750px) {
  .lp_page__class .cta_form .form_area .step .input_area .input_st1 .tab_layout .tabs .tab {
    padding: .6em 0;
    font-size: 3.2rem;
  }
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 .tab_layout .tabs .tab.active {
  color: #fff;
  background-color: #00aff0;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 .tab_layout .tab_contents {
  position: relative;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 .tab_layout .tab_contents .tab_content {
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 .tab_layout .tab_contents .tab_content.passive {
  opacity: 0;
  animation: fadeOut .25s ease-in-out;
  transform: translateY(1rem);
  pointer-events: none;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  99.9999% {
    opacity: 0;
    transform: translateY(1rem);
  }
  100% {
    display: none;
  }
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 .tab_layout .tab_contents .tab_content.active {
  animation: fadeIn .5s ease-in-out;
  opacity: 1;
  transform: translateY(0);
  position: relative;
  z-index: 2;
  pointer-events: ;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_type .check_st1 li {
  width: 48.306%;
  margin-bottom: 2.5vw;
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_type .check_st1 li {
    width: 23.81%;
    margin-bottom: 1.4rem;
  }
}
@media screen and (max-width:750px) {
  .lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_type .check_st1 li label {
    padding: .5rem 0;
  }
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_type .check_st1 li .img {
  width: 48%;
  margin: 0 auto .5rem;
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_type .check_st1 li .txt {
    font-size: 1.3rem;
  }
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li {
  width: 31.188%;
  margin-bottom: 2.5vw;
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li {
    width: 19.048%;
    margin-bottom: 1.4rem;
  }
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li label {
  padding: 1.3rem;
  display: flex;
  align-items: center;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .color {
  width: 5.3334vw;
  height: 5.3334vw;
  margin: 0 1rem 0 0;
  border: 2px solid #ccc;
  display: block;
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .color {
    width: 32px;
    height: 32px;
  }
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .color.color1 {
  background-color: #fff;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .color.color2 {
  background-color: #000;
  border-color: #000;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .color.color3 {
  background-color: #e62d0d;
  border-color: #e62d0d;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .color.color4 {
  background-color: #1f3dcb;
  border-color: #1f3dcb;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .color.color5 {
  background: linear-gradient(45deg, #fff 0%, #ccc 50%, #fff 50%, #fff 55%, #ccc 100%);
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .color.color6 {
  background-color: #7d7d7d;
  border-color: #7d7d7d;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .color.color7 {
  background: linear-gradient(45deg, #fff 0%, #e1c770 50%, #fff 50%, #fff 55%, #e1c770 100%);
  border-color: #e1c770;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .color.color8 {
  background-color: #eedcb3;
  border-color: #eedcb3;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .color.color9 {
  background-color: #993300;
  border-color: #993300;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .color.color11 {
  background-color: #ff6600;
  border-color: #ff6600;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .color.color12 {
  background-color: #fa37a1;
  border-color: #fa37a1;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .color.color13 {
  background-color: #801b80;
  border-color: #801b80;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .color.color14 {
  background-color: #e8e800;
  border-color: #e8e800;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .color.color17 {
  background-color: #2caf1d;
  border-color: #2caf1d;
}
.lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .color.color18 {
  background: linear-gradient(45deg, rgba(20,161,95,1) 0%, rgba(101,61,149,1) 30%, rgba(34,113,186,1) 55%, rgba(149,92,144,1) 75%, rgba(213,168,74,1) 100%);
  border-color: #d5a84a;
}
@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .step .input_area .input_st1 dd.car_color .check_st1 li .txt {
    font-size: 1.4rem;
  }
}
.lp_page__class .cta_form .form_area .step2 {
  padding-bottom: 0;
}
.lp_page__class .cta_form .form_area .step3 {
  position: relative;
}
.lp_page__class .cta_form .form_area .step3 .ttl_area2 {
  margin-bottom: 0;
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  transform: translateY(50%);
  pointer-events: none;
}
.lp_page__class .cta_form .form_area .step3 .ttl_area2 .ttl {
  background-color: transparent;
}
.lp_page__class .cta_form .form_area .step3 .btn_area {
  position: relative;
  z-index: 1;
}
.lp_page__class .cta_form .form_area .step3 .btn_area .btn {
  box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.25);
  border: 4px solid #ff3f09;
  border-radius: 20px;
  overflow: hidden;
  display: inline-block;
}
.lp_page__class .cta_form .form_area .step3 .btn_area .btn a {
  transition: all .3s;
}
.lp_page__class .cta_form .form_area .step3 .btn_area .btn a:hover {
  filter: saturate(130%) brightness(120%);
}

/* swiper */
.lp_page__class .swiper {
  text-align: center;
}
.lp_page__class .swiper .swiper-wrapper {
  margin-bottom: 3rem;
}
@media screen and (min-width:751px) {
  .lp_page__class .swiper .swiper_nav {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.lp_page__class .swiper .swiper_nav .swiper-button {
  width: 13.334vw;
  height: 13.334vw;
  background-color: rgba(40, 96, 162, .75);
  background-repeat: no-repeat;
  background-size: 2.4vw 4.134vw;
  border-radius: 50%;
  position: relative;
}
@media screen and (max-width:750px) {
  .lp_page__class .swiper .swiper_nav .swiper-button {
    position: absolute;
    top: 36%;
  }
}
@media screen and (min-width:751px) {
  .lp_page__class .swiper .swiper_nav .swiper-button {
    width: 48px;
    height: 48px;
    background-size: 12px 19px;
  }
}
.lp_page__class .swiper .swiper_nav .swiper-button.swiper-button-prev {
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22swiper_arrow_prev.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.33%2018.65%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23efefef%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-width%3A%204px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22_%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97_7%22%20data-name%3D%22%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97_7%22%20class%3D%22cls-1%22%20d%3D%22M9.33%2C2l-7.33%2C7.33%2C7.33%2C7.33%22%2F%3E%3C%2Fsvg%3E');
  background-position: left 49% center;
}
@media screen and (max-width:750px) {
  .lp_page__class .swiper .swiper_nav .swiper-button.swiper-button-prev {
    left: 2vw;
  }
}
.lp_page__class .swiper .swiper_nav .swiper-button.swiper-button-next {
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22swiper_arrow_next.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.33%2018.65%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23efefef%3B%20stroke-linecap%3A%20round%3B%20stroke-linejoin%3A%20round%3B%20stroke-width%3A%204px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22_%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97_7%22%20data-name%3D%22%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97_7%22%20class%3D%22cls-1%22%20d%3D%22M2%2C2l7.33%2C7.33-7.33%2C7.33%22%2F%3E%3C%2Fsvg%3E');
  background-position: left 51% center;
}
@media screen and (max-width:750px) {
  .lp_page__class .swiper .swiper_nav .swiper-button.swiper-button-next {
    right: 2vw;
  }
}
.lp_page__class .swiper .swiper_nav .swiper-button::after {
  display: none;
}
.lp_page__class .swiper .swiper_nav .swiper-pagination {
  width: auto;
  margin: 0 auto;
  position: relative;
  bottom: 4rem;
  display: inline-block;
  white-space: nowrap;
}
@media screen and (min-width:751px) {
  .lp_page__class .swiper .swiper_nav .swiper-pagination {
    margin: 0 22.5rem;
    bottom: 0;
  }
}
.lp_page__class .swiper .swiper_nav .swiper-pagination .swiper-pagination-bullet {
  width: 2.667vw;
  height: 2.667vw;
  margin: 0  6px;
  background-color: #ccc;
  opacity: 1;
}
@media screen and (min-width:751px) {
  .lp_page__class .swiper .swiper_nav .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
}
.lp_page__class .swiper .swiper_nav .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #00abdc;
}




/* ---------------------------------------------
#page_header
--------------------------------------------- */
#lp_page__id #page_header {
  margin: 0;
  padding: 10.667vw 0 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
}
@media screen and (min-width:751px) {
  #lp_page__id #page_header {
    padding-top: 2rem;
  }
}
#lp_page__id #page_header .page_header__inner {
  max-width: 1140px;
  margin: 0 auto;
}
#lp_page__id #page_header .logo {
  width: 57.734vw;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  #lp_page__id #page_header .logo {
    width: 116px;
    margin: 0 auto 0 0;
  }
}
#lp_page__id #page_header .page_title {
  margin: 0;
}


/* ---------------------------------------------
#main_contents
--------------------------------------------- */
#lp_page__id #main_contents {
  position: relative;
  z-index: 1;
}


/* content_header */
#lp_page__id #main_contents #hero {
  width: 100%;
  background: url(../images/hero_bg_sp.jpg) center center / cover no-repeat;
  position: relative;
  overflow: hidden;
  aspect-ratio: 750 / 1303;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #hero {
    background-image: url(../images/hero_bg.jpg);
    aspect-ratio: unset;
  }
}
#lp_page__id #main_contents #hero .hero__inner {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #hero .hero__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 56px 0 0px;
    /* position: relative; */
    display: grid;
    grid-template-areas:
      "title title"
      "sub_copy cars"
      "lead lead";
    grid-auto-columns: 5fr 5fr;
  }
}
#lp_page__id #main_contents #hero .txt_area {
  width: 100%;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #hero .txt_area {
    width: 37.014%;
    position: relative;
    left: 50%;
    z-index: 2;
    transform: translateX(-103%);
  }
}
#lp_page__id #main_contents #hero .txt_area .page_title {
  width: 86.467%;
  margin: 7vw auto 0;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #hero .txt_area .page_title {
    width: 95.873%;
margin: 7vw auto 0;
  }
}

#lp_page__id #main_contents #hero .txt_area .point {
  display: flex;
  justify-content: center;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #hero .txt_area .point {
    justify-content: flex-start;
  }
}
#lp_page__id #main_contents #hero .txt_area .point li {
  width: 28.934%;
  margin: 0 .6666vw;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #hero .txt_area .point li {
    width: 30.02%;
    margin: 0 7px 0 0;
  }
}


/* contents */
#lp_page__id .nav_page_link {
  padding-bottom: 4.5rem;
  background: linear-gradient(0deg, #95e0ff 0%, #baedff 50%, #95e0ff 100%);
}
#lp_page__id .nav_page_link {
  background: linear-gradient(0deg, #95e0ff 0%, #baedff 50%, #95e0ff 100%);
}
#lp_page__id .nav_page_link .sec_ttl_area {
  margin-bottom: 4.5rem;
  padding: 3.5rem 0;
  background: url(../images/nav_page_link_bg1.png) center center / 100% 100% no-repeat;
}
#lp_page__id .nav_page_link .sec_ttl_area .sec_ttl {
  width: 58.934%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  #lp_page__id .nav_page_link .sec_ttl_area .sec_ttl {
    width: 40.522%;
  }
}
@media screen and (min-width:961px) {
  #lp_page__id .nav_page_link .sec_ttl_area .sec_ttl {
    width: 389px;
  }
}
#lp_page__id .nav_page_link .nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width:751px) {
  #lp_page__id .nav_page_link .nav {
    justify-content: center;
  }
}
#lp_page__id .nav_page_link .nav li {
  width: 47.015%;
  margin: 0 0 2.6rem;
  overflow: hidden;
}
@media screen and (min-width:751px) {
  #lp_page__id .nav_page_link .nav li {
    width: 25%;
    margin: 0 2.8rem 2.6rem;
  }
}
@media screen and (min-width:961px) {
  #lp_page__id .nav_page_link .nav li {
    width: 240px;
  }
}
#lp_page__id .nav_page_link .nav li a {
  transition: all .3s;
}
#lp_page__id .nav_page_link .nav li a:hover {
  filter: saturate(110%) brightness(120%);
}


#lp_page__id #main_contents #sec1 {
  padding: 6rem 0 2rem;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec1 {
    padding: 4rem 0;
  }
}
#lp_page__id #main_contents #sec1 .sec_ttl_area {
  margin-bottom: 4rem;
}
#lp_page__id #main_contents #sec1 .sec_ttl_area .sec_ttl {
  width: 89.467%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec1 .sec_ttl_area .sec_ttl {
    width: 48.334%;
  }
}
@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec1 .sec_ttl_area .sec_ttl {
    width: 464px;
  }
}
#lp_page__id #main_contents #sec1 .slider {
  max-width: 1440px;
  margin: 0 auto;
}


#lp_page__id #main_contents #sec2 {
  padding: 8rem 0 20rem;
  background: url(../images/sec2_bg1_sp.jpg) center center / 100% 100% no-repeat;
  background-color: #daf5ff;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec2 {
    padding: 4rem 0 20rem;
    background: url(../images/sec2_bg1.jpg) center center / 100% 100% no-repeat;
  }
}
#lp_page__id #main_contents #sec2 .sec_ttl_area {
  margin-bottom: 11rem;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec2 .sec_ttl_area {
    margin-bottom: 7rem;
  }
}
#lp_page__id #main_contents #sec2 .sec_ttl_area .sec_ttl {
  width: 79.734%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec2 .sec_ttl_area .sec_ttl {
    width: 46.875%;
  }
}
@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec2 .sec_ttl_area .sec_ttl {
    width: 450px;
  }
}
#lp_page__id #main_contents #sec2 .points {
  display: block;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec2 .points {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#lp_page__id #main_contents #sec2 .points .point {
  width: 100%;
  margin: 0 0 12rem;
  padding-bottom: 2rem;
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(231,237,245,1) 100%);
  border: 4px solid #fff;
  border-radius: 30px;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec2 .points .point {
    width: 48.959%;
    margin-bottom: 6rem;
  }
}
@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec2 .points .point {
    width: 470px;
  }
}
@media screen and (max-width:750px) {
  #lp_page__id #main_contents #sec2 .points .point4 {
    margin-bottom: 4rem;
  }
}
#lp_page__id #main_contents #sec2 .points .point .ttl_area {
  margin-bottom: -20px;
  transform: translateY(-45px);
}
#lp_page__id #main_contents #sec2 .points .point .ttl_area .ttl,
#lp_page__id #main_contents #sec2 .points .point .fig_img,
#lp_page__id #main_contents #sec2 .points .point .txt_area {
  width: 89.124%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec2 .points .point .ttl_area .ttl,
  #lp_page__id #main_contents #sec2 .points .point .fig_img,
  #lp_page__id #main_contents #sec2 .points .point .txt_area {
    width: 89.83%;
  }
}
#lp_page__id #main_contents #sec2 .points .point .fig_img {
  margin: 0 auto 3rem;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec2 .points .point .fig_img {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec2 .points .point .txt_area {
    font-size: 1.4rem;
  }
}
#lp_page__id #main_contents #sec2 .points .point .txt_area p:last-child {
  margin-bottom: 0;
}
#lp_page__id #main_contents #sec2 .txt_area1 .txt {
  width: 27.314%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec2 .txt_area1 .txt {
    width: 15.105%;
  }
}
@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec2 .txt_area1 .txt {
    width: 145px;
  }
}


#lp_page__id #main_contents #sec3 {
  padding: 4rem 0 12rem;
  background: linear-gradient(180deg, #daf5ff 0%, #baebff 100%);
}
#lp_page__id #main_contents #sec3 .sec_ttl_area {
  margin-bottom: 5rem;
}
#lp_page__id #main_contents #sec3 .sec_ttl_area .sec_ttl {
  width: 72%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec3 .sec_ttl_area .sec_ttl {
    width: 38.543%;
  }
}
@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec3 .sec_ttl_area .sec_ttl {
    width: 370px;
  }
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec3 .flex_block {
    display: flex;
    justify-content: center;
  }
}
#lp_page__id #main_contents #sec3 .flex_block .fig_img1 {
  width: 85.201%;
  margin: 0 auto 2rem;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec3 .flex_block .fig_img1 {
    width: 50%;
    margin: 0;
  }
}
@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec3 .flex_block .fig_img1 {
    width: 482px;
  }
}
#lp_page__id #main_contents #sec3 .flex_block .txt_area1 {
  width: 95.2%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec3 .flex_block .txt_area1 {
    width: 50%;
    margin: 0;
  }
}
@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec3 .flex_block .txt_area1 {
    width: 530px;
  }
}
#lp_page__id #main_contents #sec3 .flex_block .txt_area1 .txt1 .txt {
  margin-bottom: 0;
}
#lp_page__id #main_contents #sec3 .flex_block .txt_area1 .txt2 {
  margin: 0 .8em;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec3 .flex_block .txt_area1 .txt2 {
    font-size: 1.4rem;
    margin: 0;
  }
}
#lp_page__id #main_contents #sec3 .flex_block .txt_area1 .txt2 p:last-child {
  margin-bottom: 0;
}


#lp_page__id #main_contents #sec4 {
  padding: 5.5rem 0 5rem;
  background-color: #daf5ff;
}
#lp_page__id #main_contents #sec4 .sec_ttl_area {
  margin-bottom: 1rem;
}
#lp_page__id #main_contents #sec4 .sec_ttl_area .sec_ttl {
  width: 40.8%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec4 .sec_ttl_area .sec_ttl {
    width: 25.938%;
  }
}
@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec4 .sec_ttl_area .sec_ttl {
    width: 249px;
  }
}
#lp_page__id #main_contents #sec4 .slider {
  max-width: 1440px;
  margin: 0 auto;
}
#lp_page__id #main_contents #sec4 .txt_area1 {
  margin-bottom: 2rem;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec4 .txt_area1 {
    margin-bottom: 4.5rem;
  }
}
#lp_page__id #main_contents #sec4 .txt_area1 .txt {
  width: 81.467%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec4 .txt_area1 .txt {
    width: 46.355%;
  }
}
@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec4 .txt_area1 .txt {
    width: 445px;
  }
}
#lp_page__id #main_contents #sec4 .voices .swiper-slide {
  height: auto;
}
#lp_page__id #main_contents #sec4 .voices .swiper-pagination {
  bottom: 0;
}
#lp_page__id #main_contents #sec4 .voices .voice {
  height: 100%;
  padding: 1.4rem 1.4rem 2rem;
  background: url(../images/voice_bg1.jpg) center / 100% 100% no-repeat;
  border: 4px solid #fff;
  border-radius: 20px;
  position: relative;
}
#lp_page__id #main_contents #sec4 .voices .voice::after {
  content: '';
  width: 100%;
  height: 16.134vw;
  background: url(../images/voice_bg2.png) center bottom / 100% auto no-repeat;
  position: absolute;
  top: 89.5%;
  left: 0;
  z-index: -1;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec4 .voices .voice::after {
    height: 121px;
    top: 88%;
  }
}
#lp_page__id #main_contents #sec4 .voices .voice .fig_img {
  margin: 0 auto 5rem;
}
#lp_page__id #main_contents #sec4 .voices .voice .fig_img figcaption {
  text-align: right;
  padding-top: .5rem;
  font-size: 1.2rem;
}
#lp_page__id #main_contents #sec4 .voices .voice .txt_area {
  margin-left: .5em;
  text-align: left;
  font-size: 2rem;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec4 .voices .voice .txt_area {
    font-size: 1.5rem;
  }
}
#lp_page__id #main_contents #sec4 .voices .voice .txt_area .voice_txt {
  margin-bottom: 1.5em;
  padding-left: 1em;
  border-left: .8vw solid #daf5ff;
  position: relative;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec4 .voices .voice .txt_area .voice_txt {
    border-left-width: 4px;
  }
}
#lp_page__id #main_contents #sec4 .voices .voice .txt_area .voice_txt::before {
  content: '';
  width: 4vw;
  height: 3.2vw;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22voice_icon1.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2039.78%2033.39%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20isolation%3A%20isolate%3B%20%7D%20.cls-2%20%7B%20fill%3A%20%23daf5ff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20class%3D%22cls-1%22%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M8.64%2C17.1h9v16.29H0v-16.29L9.27%2C0h7.65l-8.28%2C17.1ZM30.78%2C17.1h9v16.29h-17.64v-16.29L31.41%2C0h7.65l-8.28%2C17.1Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center / 100% auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -190%);
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec4 .voices .voice .txt_area .voice_txt::before {
    width: 30px;
    height: 24px;
    transform: translate(-50%, -190%);
  }
}
#lp_page__id #main_contents #sec4 .voices .voice .txt_area .comment {
  padding: 1.5em 0 0 1em;
  position: relative;
}
#lp_page__id #main_contents #sec4 .voices .voice .txt_area .comment::after {
  content: '';
  height: 2px;
  background: linear-gradient(to right, #000 0%, #000 75%, transparent 75%, transparent 100%) repeat-x left center;
  background-size: 12px 2px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: .7em;
}
#lp_page__id #main_contents #sec4 .voices .voice .txt_area .voice_txt p:last-child,
#lp_page__id #main_contents #sec4 .voices .voice .txt_area .comment p:last-child {
  margin-bottom: 0;
}


#lp_page__id #main_contents #sec5 {
  padding: 4rem 0 0;
  background-image: linear-gradient(0deg,   transparent calc(100% - 1px), #f2f2f2 calc(100% - 1px)),
                    linear-gradient(90deg,  transparent calc(100% - 1px), #f2f2f2 calc(100% - 1px));
  background-size: 1.334vw 1.334vw;
  background-repeat: repeat;
  background-position: center center;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 {
    padding: 4rem 0 6rem;
    background-size: 10px 10px;
  }
}
#lp_page__id #main_contents #sec5 .sec_ttl_area {
  margin-bottom: 1rem;
}
#lp_page__id #main_contents #sec5 .sec_ttl_area .sec_ttl {
  width: 92.8%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 .sec_ttl_area .sec_ttl {
    width: 53.855%;
  }
}
@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec5 .sec_ttl_area .sec_ttl {
    width: 517px;
  }
}
#lp_page__id #main_contents #sec5 .steps_area {
  padding-bottom: 5rem;
  position: relative;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 .steps_area {
    padding-bottom: 1px;
  }
}
#lp_page__id #main_contents #sec5 .steps_area::after {
  content: '';
  width: 100%;
  height: 9.2vw;
  background: url(../images/sec5_bg1.png) no-repeat right 5.734vw top;
  background-size: 57.2vw auto;
  border-bottom: .8vw solid #00b5e1;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 .steps_area::after {
    width: 480px;
    height: 44px;
    background-position: right 25px top;
    background-size: 276px auto;
    border-bottom-width: 4px;
    right: auto;
    left: 50%;
  }
}
#lp_page__id #main_contents #sec5 .steps_area .steps .step {
  padding-bottom: 10rem;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 .steps_area .steps .step {
    padding-bottom: 7rem;
  }
}
#lp_page__id #main_contents #sec5 .steps_area .steps .step::after {
  content: '';
  width: .534vw;
  height: 100%;
  background-color: #00abdc;
  position: absolute;
  top: 0;
  left: 9.4%;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 .steps_area .steps .step::after {
    width: 4px;
    left: 48px;
  }
}
#lp_page__id #main_contents #sec5 .steps_area .steps .step:last-child:after {
  display: none;
}
#lp_page__id #main_contents #sec5 .steps_area .steps .step .icon {
  width: 18.75%;
  position: relative;
  z-index: 2;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 .steps_area .steps .step .icon {
    width: 10.417%;
  }
}
@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec5 .steps_area .steps .step .icon {
    width: 100px;
  }
}
#lp_page__id #main_contents #sec5 .steps_area .steps .step .cont {
  width: 76.12%;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 .steps_area .steps .step .cont {
    width: 85.938%;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec5 .steps_area .steps .step .cont {
    width: 825px;
  }
}
#lp_page__id #main_contents #sec5 .steps_area .steps .step .cont .fig_img {
  margin-bottom: 2rem;
  border: .534vw solid #00abdc;
  box-shadow: 1.067vw 1.2vw 0 0 #00abdc;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 .steps_area .steps .step .cont .fig_img {
    width: 37.268%;
    margin-bottom: 0;
    border-width: 4px;
    box-shadow: 8px 9px 0 0 #00abdc;
    }
}
@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec5 .steps_area .steps .step .cont .fig_img {
    width: 289px;
  }
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 .steps_area .steps .step .cont .txt {
    width: 57%;
    font-size: 1.8rem;
  }
}
@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec5 .steps_area .steps .step .cont .txt {
    width: 500px;
  }
}
#lp_page__id #main_contents #sec5 .steps_area .steps .step .cont .txt p:last-child {
  margin-bottom: 0;
}


#lp_page__id #main_contents #sec6 {
  padding: 10rem 0;
}
#lp_page__id #main_contents #sec6 .sec_ttl_area {
  margin-bottom: 4.5rem;
}
#lp_page__id #main_contents #sec6 .sec_ttl_area .sec_ttl {
  width: 54.267%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec6 .sec_ttl_area .sec_ttl {
    width: 34.063%;
  }
}
@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec6 .sec_ttl_area .sec_ttl {
    width: 327px;
  }
}
#lp_page__id #main_contents #sec6 .faq_area .faq {
  margin-bottom: 3.5rem;
  padding: 4px;
  background-color: #2860a2;
  border-radius: 20px;
  overflow: hidden;
}
#lp_page__id #main_contents #sec6 .faq_area .faq_ttl {
  padding: 3rem;
  background-color: #2860a2;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec6 .faq_area .faq_ttl {
    padding: 2rem 4rem;
  }
}
#lp_page__id #main_contents #sec6 .faq_area .faq_ttl .ttl {
  line-height: 1.2;
  color: #fff;
  font-size: 3.5rem;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec6 .faq_area .faq_ttl .ttl {
    font-size: 2.4rem;
  }
}
#lp_page__id #main_contents #sec6 .faq_area .faq_ttl .ttl .icon,
#lp_page__id #main_contents #sec6 .faq_area .faq_cont .comment_area .icon {
  width: 5.067vw;
  height: 9.2vw;
  padding-top: 9.2vw;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec6 .faq_area .faq_ttl .ttl .icon,
  #lp_page__id #main_contents #sec6 .faq_area .faq_cont .comment_area .icon {
    width: 36px;
    height: 46px;
    padding-top: 46px;
  }
}
#lp_page__id #main_contents #sec6 .faq_area .faq_ttl .ttl .icon {
  margin-right: 2.5rem;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22faq_icn_q.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034.56%2044.04%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22Q%22%20class%3D%22cls-1%22%20d%3D%22M31.02%2C23.88v-5.28C31.02%2C5.58%2C24.78%2C0%2C15.48%2C0S0%2C5.58%2C0%2C18.6v5.28c0%2C13.02%2C6.24%2C18.6%2C15.48%2C18.6%2C3.9%2C0%2C7.32-.96%2C9.9-3.12l5.28%2C4.68%2C3.9-4.44-5.58-4.98c1.46-3.39%2C2.16-7.05%2C2.04-10.74ZM6.96%2C18.6c0-8.94%2C3-12.54%2C8.52-12.54s8.58%2C3.6%2C8.58%2C12.54v5.28c.05%2C1.94-.15%2C3.87-.6%2C5.76l-4.32-3.9-4.02%2C4.5%2C5.28%2C4.74c-1.44%2C1-3.17%2C1.51-4.92%2C1.44-5.52%2C0-8.52-3.6-8.52-12.54v-5.28h0Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center / 100% auto;
  display: block;
  overflow: hidden;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec6 .faq_area .faq_ttl .ttl .icon {
    margin-right: 4rem;
  }
}
#lp_page__id #main_contents #sec6 .faq_area .faq_ttl .ttl::after {
  content: '';
  width: 5.382vw;
  height: 2vw;
  margin-left: auto;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22faq_arrow.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032.97%2019.03%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23fff%3B%20stroke-width%3A%204px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22_%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97_3%22%20data-name%3D%22%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97_3%22%20class%3D%22cls-1%22%20d%3D%22M31.57%2C1.43l-15.09%2C14.8L1.4%2C1.43%22%2F%3E%3C%2Fsvg%3E') no-repeat center / auto 100%;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec6 .faq_area .faq_ttl .ttl::after {
    width: 31px;
    height: 15px;
  }
}
#lp_page__id #main_contents #sec6 .faq_area .faq_ttl .ttl .txt {
  width: 64vw;
  letter-spacing: .1rem;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec6 .faq_area .faq_ttl .ttl .txt {
    width: 760px;
  }
}
#lp_page__id #main_contents #sec6 .faq_area .faq_cont {
  background-color: #fff;
  border-radius: 0 0 16px 16px;
}
#lp_page__id #main_contents #sec6 .faq_area .faq_cont .comment_area {
  padding: 3rem;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec6 .faq_area .faq_cont .comment_area {
    padding: 2rem 4rem;
  }
}
#lp_page__id #main_contents #sec6 .faq_area .faq_cont .comment_area .icon {
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22faq_icn_a.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2035.4%2041.4%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%232860a2%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22A%22%20class%3D%22cls-1%22%20d%3D%22M7.44%2C41.4l2.82-8.58h14.94l2.82%2C8.58h7.38L21%2C0h-6.6L0%2C41.4h7.44ZM17.7%2C10.08l5.52%2C16.74h-11.04l5.52-16.74Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center / 100% auto;
  overflow: hidden;
}
#lp_page__id #main_contents #sec6 .faq_area .faq_cont .comment_area .comment {
  width: 70vw;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec6 .faq_area .faq_cont .comment_area .comment {
    width: 795px;
  }
}
#lp_page__id #main_contents #sec6 .faq_area .faq_cont .comment_area p:last-child {
  margin-bottom: 0;
}

.banner_campaign {
background: linear-gradient(to right, #90c648 49.9%,#f1788e 50.1% );
}

.banner_campaign a {
display: block;width: min(1050px, 100%);margin: 0 auto;
}

/* キャンペーン詳細 */
.detail__wrapper {
color: #016198;
background-color: #1d4a7e;
padding: 3rem;
line-height: 1.2;
}
.detail {
padding: 3rem 3rem; 
background-color: #fff;
max-width: 96rem; 
margin:auto;
border-radius: 2rem;
display: grid;
gap: 2rem;
}


.detail__title {
display: flex;
align-items: center;
font-size: 4rem;
font-weight: bold;
text-align: center;
gap:1rem
}

.detail__title::before,
.detail__title::after {
content: "";
flex-grow: 1;
height: 1px;
background-color: #016198;
}

.detail__section {
margin-bottom: 0; 
}

.detail__section-title {
font-size: 1.4rem;
margin-bottom: 1rem; 
}

.detail__list {
list-style-type: none;
padding-left: 0;
margin: 0;
}

.detail__list--support {
list-style-type: decimal !important;
margin-left: 2rem;}
.detail__list--support  li { list-style-type: decimal !important;}
.detail__list-item {
font-size: 1.4rem; 
line-height: 1.6;
}

.detail__text {
font-size: 1.4rem;
margin-bottom: 0 !important;
line-height: 1.6;
}

.detail__note {
font-size: 1.2rem; 
margin-top: 1rem; 
line-height: 1.5;
margin-bottom: 0 !important;
}


.detail__caption{ list-style: disc !important;margin-left: 2rem;}
.detail__caption-item{font-size: 1.4rem;position: relative;}
.detail__caption-item::before{content: "・";position: absolute;left: -2%;top: 0%;}

@media screen and (min-width:751px) {

.detail {
grid-template-columns: 1fr 1fr;
padding: 2rem;
border-radius: 1.5rem;
}

.detail__title {
grid-area: 1 / 1 / 2 / 3;
font-size: 2.5rem;
}



.detail__title::before{margin-left: 19%;}
.detail__title::after{margin-right: 19%;}

.detail__section--support {grid-area: 2 / 1 / 3 / 2;}
.detail__section--tradein {grid-area: 2/2/3/3;}
.detail__section-title {font-size: 1.0rem;}
.detail__list-item {font-size: 1rem;}
.detail__caption-item {font-size: 1.0rem;}
.detail__text {font-size: 1.0rem;}
.detail__note {font-size: 1.0rem;}


}


body {padding-top: 54px}
.content_header {
aspect-ratio: 750/1256;
}


@media screen and (min-width:751px) {
body {padding-top: 0}
.content_header {
aspect-ratio: unset;
}

}


#main_contents .hero__inner .page_title{
	margin-top: 7vw;
width: 91%;
	margin-inline: auto;
}
#main_contents .hero__inner .cars{
	padding-left: 4vw;
	margin-top: 2vw;
}
#main_contents .hero__inner .sub_copy{
	margin: 0;
	width: 84%;
	margin: 2vw auto 0;
}
#main_contents .hero__inner .lead{
	width: 84%;
	margin: 0 !important;
	margin-inline: auto !important;
	margin-block: 4vw 0 !important;
}


@media screen and (min-width:751px) {

#main_contents .hero__inner .page_title{
	grid-area: title;
margin-top: 0;
width: auto;
margin-bottom: 0.5rem
}
#main_contents .hero__inner .cars{
	grid-area: cars;
	padding-left: 0;
	margin-top: 34px;
	margin-left: 34px;
	margin-right: -95px;
}
#main_contents .hero__inner .sub_copy{
	grid-area: sub_copy;
	margin-top: 16px;
	margin-left: 15px;
	width: auto;
}
#main_contents .hero__inner .lead{
	grid-area: lead;
	width: 43%;
	margin-top: 16px !important;
	margin-bottom: 24px !important;
}

}