@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: 1.6rem;
}

@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;
  position: relative;
  z-index: 1;
}

.lp_page__class .sec .secTitle {
  margin: 0;
  text-align: center;
}

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

.lp_page__class sup {
  font-size: 60%;
  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 .br_pc {
  display: none;
}

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

  .lp_page__class .br_pc {
    display: block;
  }
}

.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.5vw;
  display: block;
}

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

.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 {
  padding: 1em 0 .3em;
}

.lp_page__class .cta .cta_ttl {
  margin: 0 auto 1em;
}

.lp_page__class .cta .cta_btn_area {
  display: flex;
  justify-content: center;
}

.lp_page__class .cta .cta_btn_area .cta_btn {
  width: 46.934%;
  margin: 0 .3%;
}

@media screen and (min-width:961px) {
  .lp_page__class .cta .cta_btn_area .cta_btn {
    width: 48.4rem;
    margin: 0 .5rem;
  }
}

.lp_page__class .cta1 {
  margin-bottom: -1px;
  background-color: #313a3f;
}

.lp_page__class .cta1 .cta_ttl {
  width: 94.523%;
}

@media screen and (min-width:961px) {
  .lp_page__class .cta1 .cta_ttl {
    width: 63%;
  }
}

.lp_page__class .cta2 {
  padding: 0;
  position: relative;
  z-index: 10;
}

.lp_page__class .cta2 .bg1 {
  padding: 4.5rem 0 3.5rem;
  background: linear-gradient(115deg, #00c7f5 0%, #0097eb 100%);
}

@media screen and (min-width:751px) {
  .lp_page__class .cta2 .bg1 {
    padding: 4.5rem 0;
  }
}

.lp_page__class .cta2 .cta_bn {
  margin: 0 auto;
}

@media screen and (min-width:751px) {
  .lp_page__class .cta2 .cta_bn {
    padding: 2.5rem 0;
    background-color: #fff;
    border-radius: 2.5rem;
    position: relative;
  }
}

.lp_page__class .cta2 .cta_bn .cta_ttl {
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width:751px) {
  .lp_page__class .cta2 .cta_bn .cta_ttl {
    width: 64.688%;
    margin: 0 auto 0 6rem;
  }
}

@media screen and (min-width:751px) {
  .lp_page__class .cta2 .cta_bn .cta_ttl {
    margin-left: 6.25vw;
  }
}

@media screen and (min-width:961px) {
  .lp_page__class .cta2 .cta_bn .cta_ttl {
    margin-left: 6rem;
  }
}

.lp_page__class .cta2 .cta_bn .cta_ttl_fig {
  display: none;
}

@media screen and (min-width:751px) {
  .lp_page__class .cta2 .cta_bn .cta_ttl_fig {
    width: 23.959%;
    position: absolute;
    right: 4.6875vw;
    bottom: 0;
    display: block;
  }
}

@media screen and (min-width:961px) {
  .lp_page__class .cta2 .cta_bn .cta_ttl_fig {
    right: 4.5rem;
  }
}

.lp_page__class .cta2 .bg2 {
  padding: 4.5rem 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.3334vw 1.3334vw;
}

@media screen and (min-width:751px) {
  .lp_page__class .cta2 .bg2 {
    background-size: 1rem 1rem;
  }
}

.lp_page__class .cta2 .cta_btn_area .cta_btn_ttl {
  width: 43.86%;
  margin: 0 auto;
}

@media screen and (min-width:751px) {
  .lp_page__class .cta2 .cta_btn_area .cta_btn_ttl {
    width: 50%;
  }
}

.lp_page__class .cta2 .cta_btn_area .cta_btn_ttl .txt {
  margin-bottom: 1rem;
}

@media screen and (max-width:750px) {
  .lp_page__class .cta2 .bg1 .contents_wrapper {
    width: 96%;
  }

  .lp_page__class .cta2 .cta_btn_area {
    display: block;
  }

  .lp_page__class .cta2 .cta_btn_area .cta_btn {
    width: 91.2vw;
    margin: 0 auto 2rem;
  }
}


.lp_page__class .cta_form {
  margin: 0 0 9rem;
}

.lp_page__class .cta_form .sec_ttl_st1 {
  margin: 0 0 4rem;
  padding: 3.2rem 0 6.6rem;
  background: linear-gradient(115deg, #00c7f5 0%, #0097eb 100%);
  clip-path: polygon(0 1px, 100% 1px, 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 {
    margin: 0 0 3em;
    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: 55.734%;
  margin: 0 auto;
}

@media screen and (min-width:751px) {
  .lp_page__class .cta_form .sec_ttl_area .sec_ttl {
    width: 43.542%;
  }
}

@media screen and (min-width:961px) {
  .lp_page__class .cta_form .sec_ttl_area .sec_ttl {
    width: 418px;
  }
}

.lp_page__class .cta_form .form_area {
  background-color: #fffcde;
  border: .6rem solid #00aff0;
  border-top: 0;
}

.lp_page__class .cta_form .form_area .ttl_area1 {
  margin-bottom: 6rem;
  padding: 1.3rem 0;
  background-color: #00aff0;
}

.lp_page__class .cta_form .form_area .ttl_area1 .ttl {
  text-align: center;
  color: #fff;
  letter-spacing: .1em;
  font-size: 4.2rem;
}

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

.lp_page__class .cta_form .form_area .form_area__inner {
  width: 89.666%;
  margin: 0 auto;
  padding-bottom: 1.5em;
}

@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 {
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .step {
    width: 76.191%;
  }
}

.lp_page__class .cta_form .form_area .step:last-child {
  padding-bottom: 0;
}

.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: .7rem 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,
.lp_page__class .cta_form .form_area select {
  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;
  white-space: nowrap;
}

@media screen and (max-width:750px) {
  .lp_page__class .cta_form .form_area .step .input_area .input_st1 dt small {
    font-size: 1.6rem;
  }
}

.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;
  display: block;
  cursor: pointer;
}

.lp_page__class .cta_form .form_area label:has(select)::after {
  content: " ";
  width: 2.4vw;
  height: 1.6vw;
  background-color: #aaa;
  position: absolute;
  top: 1.5em;
  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;
top: 1em;
  }
}

.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: 2rem;
  }
}

.lp_page__class .cta_form .form_area .step .input_area .input_st1 dt .icon {
  margin-right: 1rem;
  padding: .5rem 1.5rem;
  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: 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 .step .consent {
  margin-bottom: 2rem;
  text-align: center;
  font-size: 2.4rem;
}

@media screen and (min-width:751px) {
  .lp_page__class .cta_form .form_area .step .consent {
    white-space: nowrap;
    font-size: 1.4rem;
  }
}

.lp_page__class .cta_form .form_area .step .consent .txt {
  margin-bottom: 1rem;
}

.lp_page__class .cta_form .form_area .step .consent .check {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lp_page__class .cta_form .form_area .step .consent .check input.policy {
  width: 2.2rem !important;
  height: 2.2rem !important;
  margin-right: 1rem;
}

.lp_page__class .cta_form .form_area .step .btn_area {
  text-align: center;
  position: relative;
  z-index: 1;
}

.lp_page__class .cta_form .form_area .step .btn_area .btn {
  margin: 0 auto;
  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 .step .btn_area .btn a {
  transition: all .3s;
}

.lp_page__class .cta_form .form_area .step .btn_area .btn a:hover {
  filter: saturate(130%) brightness(120%);
}

.lp_page__class .cta_form .form_area .step2 dl dd .name {
  display: flex;
}


/* ---------------------------------------------
#page_header
--------------------------------------------- */
#lp_page__id #page_header {
  margin: 0;
  padding: 4.6666vw 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: 20.8vw;
  margin: 0 auto 0 4.6666vw;
}

@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;
}









/* contents */
#lp_page__id #main_contents #sec1 {
  padding: 10rem 0;
  background-color: #daf5ff;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec1 {
    padding: 6rem 0 12rem;
  }
}

#lp_page__id #main_contents #sec1 .sec_ttl_area {
  margin-bottom: 5rem;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec1 .sec_ttl_area {
    margin-bottom: 4rem;
  }
}

#lp_page__id #main_contents #sec1 .sec_ttl_area .sec_ttl {
  width: 67.734%;
  margin: 0 auto;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec1 .sec_ttl_area .sec_ttl {
    width: 52.917%;
  }
}

@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec1 .sec_ttl_area .sec_ttl {
    width: 508px;
  }
}

#lp_page__id #main_contents #sec1 .items .item_list {
  width: 89.334%;
  margin: 0 auto 1px;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec1 .items .item_list {
    width: 100%;
    margin-bottom: 2rem;
    display: flex;
    justify-content: center;
  }
}

#lp_page__id #main_contents #sec1 .items .item_list li {
  width: 100%;
  margin: 0 0 4rem;
}

@media screen and (max-width:750px) {
  #lp_page__id #main_contents #sec1 .items .item_list li:last-child {
    margin-bottom: 2rem;
  }
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec1 .items .item_list li {
    width: 252px;
    margin: 0 5px;
  }
}

#lp_page__id #main_contents #sec1 .note_area1 {
  white-space: nowrap;
}


#lp_page__id #main_contents #sec2 {
  padding: 8rem 0 1rem;
  background: url(/wc2/assess/kantan_kaitori001/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: 10rem 0 6rem;
    background: url(/wc2/assess/kantan_kaitori001/images/sec2_bg1.jpg) center center / 100% 100% no-repeat;
  }
}

#lp_page__id #main_contents #sec2 .sec_ttl_area {
  margin-bottom: 11rem;
  order: 1;
}

@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: 84.8%;
  margin: 0 auto;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec2 .sec_ttl_area .sec_ttl {
    width: 66.25%;
  }
}

@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec2 .sec_ttl_area .sec_ttl {
    width: 636px;
  }
}

#lp_page__id #main_contents #sec2 .points {
  display: block;
}

#lp_page__id #main_contents #sec2 .points .point {
  width: 100%;
  margin: 0 0 10rem;
  padding: 9rem 0 3rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(231, 237, 245, 1) 100%);
  border: 4px solid #fff;
  border-radius: 30px;
  position: relative;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .15);
  display: flex;
  flex-direction: column;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec2 .points .point {
    margin-bottom: 2.5em;
    padding: 6rem 0;
    border-radius: 30px;
    position: relative;
    flex-direction: row;
    justify-content: center;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .15);
  }
}

@media screen and (max-width:750px) {
  #lp_page__id #main_contents #sec2 .points .point2 {
    margin-bottom: 17rem;
  }
}

#lp_page__id #main_contents #sec2 .points .point .txt_block {
  width: 78.667vw;
  margin: 0 auto;
}

@media screen and (max-width:750px) {
  #lp_page__id #main_contents #sec2 .points .point .txt_block {
    display: contents;
  }
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec2 .points .point .txt_block {
    width: 45.064%;
    margin: 0 2rem 0 0;
  }
}

#lp_page__id #main_contents #sec2 .points .point .ttl_area {
  margin: 0 auto 3.5rem;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec2 .points .point .ttl_area {
    margin-bottom: 2.5rem;
  }
}

#lp_page__id #main_contents #sec2 .points .point .ttl_area .ttl .icn {
  width: 16.267vw;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-50% - 4px));
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec2 .points .point .ttl_area .ttl .icn {
    width: 70px;
  }
}

@media screen and (max-width:750px) {
  #lp_page__id #main_contents #sec2 .points .point .ttl_area .ttl .txt {
    width: 77.334vw;
    margin: 0 auto;
    display: block;
  }
}

#lp_page__id #main_contents #sec2 .points .point .fig_img {
  width: 78.667vw;
  margin: 0 auto 3rem;
  order: 2;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec2 .points .point .fig_img {
    width: 43.593%;
    margin: 0;
  }
}

#lp_page__id #main_contents #sec2 .points .point .txt_area {
  margin: 0 1.3em;
  order: 3;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec2 .points .point .txt_area {
    margin: 0;
    font-size: 2rem;
  }
}

#lp_page__id #main_contents #sec2 .points .point .txt_area p:last-child {
  margin-bottom: 0;
}

#lp_page__id #main_contents #sec2 .points .point .note_area1 {
  color: #fff;
  position: absolute;
  top: 103%;
  right: 0;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec2 .points .point .note_area1 small {
    font-size: 1rem;
  }
}



#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 #sec5 {
  padding: 10rem 0 0;
  background-color: #daf5ff;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 {
    padding: 10rem 0 7rem;
  }
}

#lp_page__id #main_contents #sec5 .sec_ttl_area {
  margin-bottom: 6rem;
}

#lp_page__id #main_contents #sec5 .sec_ttl_area .sec_ttl {
  width: 75.467%;
  margin: 0 auto;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 .sec_ttl_area .sec_ttl {
    width: 58.959%;
  }
}

@media screen and (min-width:961px) {
  #lp_page__id #main_contents #sec5 .sec_ttl_area .sec_ttl {
    width: 566px;
  }
}

#lp_page__id #main_contents #sec5 .steps_area {
  padding-bottom: 3rem;
  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 .steps .step {
  margin-bottom: 7rem;
  background-color: #fff;
  border-top: 1.3334vw solid #00abdc;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  box-shadow: 0 1.5rem 3rem 0 rgba(0, 0, 0, .15);
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 .steps_area .steps .step {
    border-top-width: 1rem;
  }
}

#lp_page__id #main_contents #sec5 .steps_area .steps .step .icon {
  width: 28.8vw;
  margin-bottom: 2rem;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 .steps_area .steps .step .icon {
    width: 41.54%;
    margin-bottom: 2rem;
  }
}

#lp_page__id #main_contents #sec5 .steps_area .steps .step .cont {
  width: 44.6667vw;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 .steps_area .steps .step .cont {
    width: 54.167%;
  }
}

#lp_page__id #main_contents #sec5 .steps_area .steps .step .cont .txt {
  font-size: 2.3rem;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 .steps_area .steps .step .cont .txt {
    font-size: 1.8rem;
  }
}

#lp_page__id #main_contents #sec5 .steps_area .steps .step .cont .txt p:last-child {
  margin-bottom: 0;
}

#lp_page__id #main_contents #sec5 .steps_area .steps .step .fig_img {
  width: 37vw;
  margin: 0 0 0 3.2vw;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 .steps_area .steps .step .fig_img {
    width: 34.375%;
    margin-left: 5.5%;
  }
}

#lp_page__id #main_contents #sec5 .steps_area .steps .step .dot,
#lp_page__id #main_contents #sec5 .steps_area .steps .step .dot::before,
#lp_page__id #main_contents #sec5 .steps_area .steps .step .dot::after {
  width: 1.4667vw;
  height: 1.4667vw;
  background-color: #00abdc;
  border-radius: 50%;
  position: absolute;
}

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

  #lp_page__id #main_contents #sec5 .steps_area .steps .step .dot,
  #lp_page__id #main_contents #sec5 .steps_area .steps .step .dot::before,
  #lp_page__id #main_contents #sec5 .steps_area .steps .step .dot::after {
    width: 1.1rem;
    height: 1.1rem;
  }
}

#lp_page__id #main_contents #sec5 .steps_area .steps .step .dot {
  top: calc(100% + 4vw);
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #sec5 .steps_area .steps .step .dot {
    top: calc(100% + 3rem);
  }
}

#lp_page__id #main_contents #sec5 .steps_area .steps .step .dot::before,
#lp_page__id #main_contents #sec5 .steps_area .steps .step .dot::after {
  content: '';
  display: block;
  top: 0;
  left: 0;
}

#lp_page__id #main_contents #sec5 .steps_area .steps .step .dot::before {
  transform: translateY(-180%);
}

#lp_page__id #main_contents #sec5 .steps_area .steps .step .dot::after {
  transform: translateY(180%);
}



body {
  padding-top: 54px;
  scroll-padding-top: 54px;
}

@media screen and (min-width:1025px) {
  body {
    padding-top: 0px;
    scroll-padding-top: 161px;
  }
}

#lp_page__id #main_contents #hero {
  background-color: #245f8f;
  background-image: url("/wc2/assess/kantan_kaitori002/images/bg_sp.webp");
  background-repeat: no-repeat;
  background-size: cover;
}


@media screen and (min-width:751px) {
  #lp_page__id #main_contents #hero {
    background-image: url("/wc2/assess/kantan_kaitori002/images/bg.webp");
    background-repeat: repeat-x;
    background-size: 100% 100%;
  }
}

#lp_page__id #main_contents #hero .hero__inner {
  width: 100%;
  height: auto;
  aspect-ratio: 750/1260;
  color: #FFF;
  container-type: inline-size;
  padding-inline: 2.67vw;
  display: grid;
  justify-content: center;
  justify-items: center;
  padding-top: 4vw;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #hero .hero__inner {
    max-width: 1200px;
    aspect-ratio: 1017/554;
    padding: 0;
    margin-inline: auto;
    grid-template-areas:
      "title title"
      "sub feature"
      "caption feature"
      "cars cars";
  }
}

#lp_page__id #main_contents #hero .page_title {
  width: 84.6%;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #hero .page_title {
    grid-area: title;
    width: 97%;
    margin-top: 3cqw;
  }
}


#lp_page__id #main_contents #hero .sub_copy {
  width: 71.67%;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #hero .sub_copy {
    grid-area: sub;
    width: auto;
    padding: 2.5cqw 0cqw 0 7cqw;
  }
}

#lp_page__id #main_contents #hero .cars {
  width: 82.07%;
margin-block: 2rem;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #hero .cars {
margin-block: 0;
    grid-area: cars;
    width: auto;
width: min(100%,1090px);
  }

.hero__img {max-width: unset;
	width: 100%;}

}

#lp_page__id #main_contents #hero .feature {
  width: 84.07%;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #hero .feature {
    grid-area: feature;
    width: auto;
    padding: 1cqw 9cqw 0 1.5cqw;
  }
}


#lp_page__id #main_contents #hero .caption {
  font-size: 2.3vw;
  white-space: nowrap;
  margin: 0;
  line-height: 1.1;
}

@media screen and (min-width:751px) {
  #lp_page__id #main_contents #hero .caption {
    grid-area: caption;
    white-space: normal;
    font-size: 1.05cqw;
    padding-left: 6.1cqw;
    transform: translateY(-1.6cqw);
  }
}


@media screen and (max-width: 1024px) {
  * {
max-width: 100dvw;
}
}


/*




 #lp_page__id #main_contents #hero .hero__inner {
  width: 100%;
  margin: 0 auto;
  padding: 16vw 0 6.8vw;
  position: relative;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #hero .hero__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 11rem 0 9rem;
    position: relative;
  }
}

#lp_page__id #main_contents #hero .txt_area .page_title {
  width: 100%;
  margin: 0 auto 47.6666vw;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #hero .txt_area .page_title {
    margin: 0 0 3rem;
  }
}

#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: 55.278%;
    position: relative;
    left: 50%;
    z-index: 2;
    transform: translateX(-74%);
  }
}

#lp_page__id #main_contents #hero .txt_area .sub_copy {
  width: 74%;
  margin: 0 auto;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #hero .txt_area .sub_copy {
    width: 57.288%;
    margin: 0 0 1rem 25px;
  }
}


#lp_page__id #main_contents #hero .cars {
  width: 85.734%;
  position: absolute;
  top: 73vw;
  left: 6.9334vw;
  z-index: 1;
}
@media screen and (min-width:751px) {
  #lp_page__id #main_contents #hero .cars {
    width: 52.848%;
    top: 23rem;
    right: auto;
    left: 45.25%;
  }
} */