@charset "UTF-8";
ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

img {
  width: 100%;
}

@media (any-hover: hover) {
  a:hover {
    opacity: 0.8;
  }
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
  color: #333;
  font-size: 26px;
}
body * {
  box-sizing: border-box;
  color: #1a1a1a;
}

.wrap {
  position: relative;
}
@media screen and (max-width: 749px) {
  .wrap {
    width: 100%;
    overflow-x: hidden;
  }
}

.pc_contents {
  align-items: center;
  background: 50% 50%/cover no-repeat;
  display: flex;
  justify-content: center;
  height: 100%;
  height: 100dvh;
  position: fixed;
  top: 0;
  width: calc(50% - 375px);
}
@media screen and (max-width: 750px) {
  .pc_contents {
    display: none;
  }
}

@media screen and (min-width: 2000px) {
  .pc_contents_inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 625px;
  }
}

.pc_contents--left {
  background-image: url(../img/pc_bg_left.jpg);
  left: 0;
}
@media screen and (min-width: 2000px) {
  .pc_contents--left .pc_contents_inner {
    margin-inline: auto 0;
  }
}

.pc_contents--right {
  background-image: url(../img/pc_bg_right.jpg);
  right: 0;
}
@media screen and (min-width: 2000px) {
  .pc_contents--right .pc_contents_inner {
    margin-inline: 0 auto;
  }
}

.pc_text_left {
  max-width: 238px;
}
@media screen and (max-width: 1300px) {
  .pc_text_left {
    display: none;
  }
}

.pc_text_right {
  display: flex;
  width: 390px;
}
@media screen and (max-width: 1700px) {
  .pc_text_right {
    width: 24vw;
  }
}
@media screen and (max-width: 1570px) {
  .pc_text_right {
    width: 22vw;
  }
}
@media screen and (max-width: 1400px) {
  .pc_text_right {
    width: 20vw;
  }
}
@media screen and (max-width: 1300px) {
  .pc_text_right {
    display: none;
  }
}
.pc_text_right dt {
  -webkit-filter: drop-shadow(-8px -8px 10px rgba(61, 56, 41, 0.3));
          filter: drop-shadow(-8px -8px 10px rgba(61, 56, 41, 0.3));
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.pc_btn {
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
  margin-inline: 30px 0;
  width: 360px;
}
@media screen and (max-width: 1700px) {
  .pc_btn {
    margin-inline: auto 0;
    width: 22vw;
  }
}
@media screen and (max-width: 1570px) {
  .pc_btn {
    width: 20vw;
  }
}
@media screen and (max-width: 1400px) {
  .pc_btn {
    width: 18vw;
  }
}
@media screen and (max-width: 1300px) {
  .pc_btn {
    display: none;
  }
}
.pc_btn ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pc_btn a {
  -webkit-filter: drop-shadow(0 5px 3px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 5px 3px rgba(0, 0, 0, 0.2));
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.contents {
  width: 750px;
  margin-inline: auto;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 749px) {
  .contents {
    width: 100vw;
    overflow-x: hidden;
  }
}

.fv {
  background: url(../img/fv_bg.jpg) 0 0/100% 100% no-repeat;
  height: 1886px;
  position: relative;
}
@media screen and (max-width: 749px) {
  .fv {
    height: 251.4666666667vw;
  }
}
.fv .offer_list li {
  width: 600px;
  margin-inline: auto;
  -webkit-filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.6));
          filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.6));
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (max-width: 749px) {
  .fv .offer_list li {
    width: 80vw;
    -webkit-filter: drop-shadow(0vw 2vw 1.3333333333vw rgba(0, 0, 0, 0.6));
            filter: drop-shadow(0vw 2vw 1.3333333333vw rgba(0, 0, 0, 0.6));
  }
}
.fv .offer_list li:nth-of-type(2) {
  margin-top: 30px;
}
@media screen and (max-width: 749px) {
  .fv .offer_list li:nth-of-type(2) {
    margin-top: 4vw;
  }
}

.problem {
  background: url(../img/problem_bg.jpg) 0 0/100% 100% no-repeat;
}

.point {
  background: url(../img/point_bg.jpg) 0 0/100% 100% no-repeat;
}

.case {
  background: url(../img/case_bg.jpg) 0 0/100% 100% no-repeat;
  height: 1420px;
}
@media screen and (max-width: 749px) {
  .case {
    height: 189.3333333333vw;
  }
}

.case_inner {
  width: 680px;
  padding-bottom: 40px;
  margin: 58px 0 0 auto;
  overflow-x: scroll;
  scrollbar-width: thin;
}
@media screen and (max-width: 749px) {
  .case_inner {
    margin-top: 7.7333333333vw;
    padding-bottom: 5.3333333333vw;
    width: 90.6666666667vw;
  }
}
.case_inner ul {
  display: flex;
  gap: 50px;
  width: 1900px;
}
@media screen and (max-width: 749px) {
  .case_inner ul {
    gap: 6.6666666667vw;
    width: 253.3333333333vw;
  }
}
.case_inner li {
  width: 580px;
}
@media screen and (max-width: 749px) {
  .case_inner li {
    width: 77.3333333333vw;
  }
}

.flow {
  background: url(../img/flow_bg.jpg) 0 100%/100% auto no-repeat #fff;
}

.faq {
  background: url(../img/faq_bg.jpg) 0 0/100% 100% no-repeat;
}

.company {
  background: #fff;
  padding-bottom: 180px;
}
@media screen and (max-width: 749px) {
  .company {
    padding-bottom: 24vw;
  }
}

.map {
  height: 650px;
  margin-inline: auto;
  position: relative;
  width: 650px;
}
@media screen and (max-width: 749px) {
  .map {
    height: 86.6666666667vw;
    width: 86.6666666667vw;
  }
}
.map iframe {
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}

.form {
  background-color: #fff;
  background-image: url(../img/form_bg_01.png), url(../img/form_bg_02.png);
  background-position: 0 0, 0 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-bottom: 120px;
}
@media screen and (max-width: 749px) {
  .form {
    padding-bottom: 16vw;
  }
}
.form .form_text {
  font-size: 28px;
  letter-spacing: 0.04em;
  line-height: 1.785;
  -webkit-margin-before: 25px;
          margin-block-start: 25px;
  margin-inline: auto;
  text-align: center;
  width: 650px;
}
@media screen and (max-width: 749px) {
  .form .form_text {
    font-size: 3.7333333333vw;
    -webkit-margin-before: 3.3333333333vw;
            margin-block-start: 3.3333333333vw;
    width: 86.6666666667vw;
  }
}
.form form {
  -webkit-margin-before: 35px;
          margin-block-start: 35px;
}
@media screen and (max-width: 749px) {
  .form form {
    -webkit-margin-before: 4.6666666667vw;
            margin-block-start: 4.6666666667vw;
  }
}
.form #form_table {
  border: none;
  border-collapse: collapse;
  display: block;
  width: 650px;
  margin-inline: auto;
}
@media screen and (max-width: 749px) {
  .form #form_table {
    width: 86.6666666667vw;
  }
}
.form #form_table tr {
  width: 650px;
  display: block;
}
@media screen and (max-width: 749px) {
  .form #form_table tr {
    width: 86.6666666667vw;
  }
}
.form #form_table tr:nth-last-of-type(1) th::after {
  content: none;
}
.form #form_table th {
  width: 100%;
  display: block;
  text-align: left;
  color: #1A1A1A;
  font-size: 30px;
  position: relative;
  height: 72px;
  padding: 19px 0 0;
  margin-bottom: 8px;
}
@media screen and (max-width: 749px) {
  .form #form_table th {
    font-size: 4vw;
    height: 9.6vw;
    padding: 2.5333333333vw 0 0;
    margin-bottom: 1.0666666667vw;
  }
}
.form #form_table th::after {
  content: "";
  display: block;
  background: url(../img/require.png) no-repeat center 0/100%;
  width: 58px;
  height: 32px;
  position: absolute;
  right: 0;
  top: 22px;
}
@media screen and (max-width: 749px) {
  .form #form_table th::after {
    width: 7.7333333333vw;
    height: 4.2666666667vw;
    top: 2.9333333333vw;
  }
}
.form #form_table tr:nth-last-of-type(2) th::after {
  background-image: url(../img/optional.png);
}
.form #form_table td {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
@media screen and (max-width: 749px) {
  .form #form_table td {
    margin-bottom: 4vw;
  }
}
.form #form_table input[type=text], .form #form_table input[type=name], .form #form_table input[type=tel], .form #form_table input[type=email], .form #form_table textarea {
  background: #ebf0f0;
  width: 650px;
  height: 90px;
  border: 0;
  outline: none;
  font-size: 28px;
  padding: 0 40px;
}
@media screen and (max-width: 749px) {
  .form #form_table input[type=text], .form #form_table input[type=name], .form #form_table input[type=tel], .form #form_table input[type=email], .form #form_table textarea {
    width: 86.6666666667vw;
    height: 12vw;
    font-size: 3.7333333333vw;
    padding: 0 5.3333333333vw;
  }
}
.form #form_table textarea {
  padding: 20px 40px;
  height: 300px;
}
@media screen and (max-width: 749px) {
  .form #form_table textarea {
    padding: 2.6666666667vw 5.3333333333vw;
    height: 40vw;
  }
}
.form .form_btn {
  display: block;
  width: 600px;
  height: 150px;
  cursor: pointer;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-filter: drop-shadow(0 10px 5px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 10px 5px rgba(0, 0, 0, 0.3));
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (max-width: 749px) {
  .form .form_btn {
    width: 80vw;
    height: 20vw;
    -webkit-filter: drop-shadow(0 1.3333333333vw 0.6666666667vw rgba(0, 0, 0, 0.3));
            filter: drop-shadow(0 1.3333333333vw 0.6666666667vw rgba(0, 0, 0, 0.3));
  }
}
@media (any-hover: hover) {
  .form .form_btn:hover {
    opacity: 0.8;
  }
}
.form .btn_confirm {
  background: url(../img/btn_confirm.png) no-repeat center 0/100%;
  margin: 42px auto 0;
}
@media screen and (max-width: 749px) {
  .form .btn_confirm {
    margin: 5.6vw auto 0;
  }
}
.form .btn_submit {
  background: url(../img/btn_send.png) no-repeat center 0/100%;
  margin: 30px auto 47px;
}
@media screen and (max-width: 749px) {
  .form .btn_submit {
    margin: 4vw auto 6.2666666667vw;
  }
}
.form .btn_back {
  background: url(../img/btn_back.png) no-repeat center 0/100%;
  margin: 0 auto;
}
.form .btn_end {
  text-indent: 0;
  margin-inline: auto;
  margin-top: 100px;
}
@media screen and (max-width: 749px) {
  .form .btn_end {
    margin-top: 13.3333333333vw;
  }
}
.form.form_confirm .lead {
  margin-bottom: 35px;
}
@media screen and (max-width: 749px) {
  .form.form_confirm .lead {
    margin-bottom: 4.6666666667vw;
  }
}
.form.form_confirm #form_table tr {
  border-bottom: 1px solid #b2b2b2;
  margin-bottom: 30px;
}
@media screen and (max-width: 749px) {
  .form.form_confirm #form_table tr {
    margin-bottom: 4vw;
  }
}
.form.form_confirm #form_table td {
  font-size: 28px;
  padding-left: 1em;
  margin-bottom: 20px;
  line-height: 48px;
}
@media screen and (max-width: 749px) {
  .form.form_confirm #form_table td {
    font-size: 3.7333333333vw;
    margin-bottom: 2.6666666667vw;
    line-height: 6.4vw;
  }
}
.form.thanks {
  text-align: center;
  height: 100vh;
  height: 100dvh;
}
.form.thanks .end_txt {
  margin-top: 25px;
  font-size: 28px;
  line-height: 50px;
  margin-bottom: 50px;
}
@media screen and (max-width: 749px) {
  .form.thanks .end_txt {
    margin-top: 3.3333333333vw;
    font-size: 3.7333333333vw;
    line-height: 6.6666666667vw;
    margin-bottom: 6.6666666667vw;
  }
}/*# sourceMappingURL=style.css.map */