@charset "UTF-8";
body {
  color: #4d4d4d;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  line-height: 1;
  overflow-x: hidden;
}

.yumin {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

p {
  margin: 0;
  color: #1a1a1a;
  font-weight: 400;
}

img {
  border: none;
  vertical-align: bottom;
}

a {
  text-decoration: none;
}

a:hover img {
  opacity: 0.8;
  transition: all .3s;
}

ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #1a1a1a;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  line-height: 1em;
  color: #0b0e2d;
}

.sp_only {
  display: none;
}

.inner {
  margin: 0 auto;
  position: relative;
  max-width: 1000px;
  width: 100%;
}

.cta_wrap {
  text-align: center;
}

.txt_b {
  background-color: #f2e421;
  color: #004e9e;
}

.fv {
  background: url(../img/fv_bg.jpg) center 0 no-repeat;
  height: 869px;
  z-index: 10;
}

.fv__sTxt {
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 16%;
  left: 0;
  padding: 1%;
}

.fv__sTxt p {
  writing-mode: vertical-rl;
  line-height: 26px;
  font-size: 15px;
  color: #000000;
  text-align: right;
}

.fv .fvTtl {
  position: relative;
}

.fv .fvTtl h1 {
  font-size: 33px;
  color: #1a1a1a;
  position: absolute;
  left: 43%;
  top: 87%;
}

.fv .speed {
  position: relative;
}

.fv .speed ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: absolute;
  left: 62%;
  top: 18%;
  width: 32%;
}

.fv .speed ul li {
  width: 150px;
  height: 40px;
  margin: 0 10px 10px 0;
  background-color: #0b0e2d;
  box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 8px 9px 26px 1px rgba(0, 0, 0, 0.3);
}

.fv .speed ul li p {
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
}

.fv .cta_wrap {
  text-align: center;
  margin-top: 3.5%;
}

.sec02 {
  background: url(../img/sec02_bg.jpg) center 0 no-repeat;
  height: 1024px;
  position: relative;
  z-index: 5;
}

.sec02 h2 {
  text-align: center;
  font-size: 55px;
  line-height: 70px;
  padding-top: 7%;
  position: relative;
}

.sec02 h2 .quo_txt {
  padding: 0 35px;
  position: relative;
  line-height: 90px;
  font-size: 72px;
}

.sec02 h2 .quo_txt::before,
.sec02 h2 .quo_txt::after {
  position: absolute;
  top: 0;
  content: '';
  width: 35px;
  height: 29px;
}

.sec02 h2 .quo_txt::before {
  background: url(../img/quo_start.png) top center no-repeat;
  background-size: contain;
  left: 0;
}

.sec02 h2 .quo_txt::after {
  background: url(../img/quo_end.png) top center no-repeat;
  background-size: contain;
  right: 0;
}

.sec02 .wh_shadow {
  text-shadow: 0px 0px 9px #fff;
}

.sec02__txt01 {
  font-size: 20px;
  text-align: center;
  margin-top: 2%;
}

.sec02__arrow {
  text-align: center;
  margin: 4% 0 0 1%;
}

.sec02 h3 {
  text-align: center;
  font-size: 42px;
  margin: 5% 0 4%;
}

.sec02__flex {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.sec02__flex_img {
  /* box-shadow */
}

.sec02__flex_img img {
  box-shadow: 29px 28px 43px -6px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

.sec02__flex p {
  font-size: 24px;
  line-height: 40px;
  margin-top: 10%;
}

.sec03 {
  background: url(../img/sec03_bg.jpg) center 0 no-repeat;
  height: 709px;
}

.sec03__conct {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.sec03__conct_box {
  text-align: center;
  position: relative;
}

.sec03__conct_box h2 {
  position: absolute;
  top: 35%;
  left: 0;
  text-align: center;
  width: 100%;
  font-size: 34px;
  color: #fff;
}

.sec03__ttl {
  text-align: center;
  padding-top: 8%;
}

.sec03 .reasonList {
  display: flex;
  justify-content: space-between;
  transform: translateX(-1%);
}

.sec03 .reasonList li {
  position: relative;
}

.sec03 .reasonList__wrap {
  position: absolute;
  top: 15%;
  left: 14%;
  width: 75%;
}

.sec03 .reasonList__wrap h3 {
  font-size: 36px;
  color: #004e9e;
  line-height: 120%;
}

.sec03 .reasonList__wrap p {
  color: #333;
  font-size: 18px;
  line-height: 180%;
  margin-top: 14%;
}

.sec04 {
  background: url(../img/sec04_bg.jpg) center 0 no-repeat;
  height: 564px;
}

.sec04__txt {
  font-size: 21px;
  color: #fff;
  line-height: 150%;
  padding: 2% 0 0 6%;
}

.sec04__sTxt {
  position: absolute;
  top: 8%;
  right: 0;
  padding: 1%;
  line-height: 150%;
}

.sec04__sTxt p {
  writing-mode: vertical-rl;
  line-height: 26px;
  font-size: 15px;
  color: #fff;
  text-align: right;
}

.sec04 .cta_wrap {
  text-align: center;
  margin-top: 2%;
}

.sec05 {
  background: url(../img/sec05_bg.jpg) center 0 no-repeat;
  height: 1690px;
  padding-top: 80px;
}

.sec05__ttl {
  position: relative;
  text-align: center;
}

.sec05__ttl h2,
.sec05__ttl p {
  position: absolute;
}

.sec05__ttl h2 {
  font-size: 62px;
  text-align: center;
  top: 26%;
  left: 50%;
  transform: translateX(-50%);
}

.sec05__ttl_b {
  font-size: 72px;
}

.sec05__ttl_b02 {
  font-size: 130px;
}

.sec05__ttl sup {
  vertical-align: top;
  font-size: 20px;
}

.sec05__ttl p {
  bottom: 0;
  right: 2%;
}

.sec05__txt {
  text-align: center;
  position: relative;
  margin-top: 4%;
}

.sec05__txt h3 {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 38px;
}

.sec05__txt02 {
  text-align: center;
  font-size: 20px;
  line-height: 200%;
  margin-top: 3%;
}

.sec05 .sampList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 3%;
}

.sec05 .sampList li {
  width: 48%;
  position: relative;
  margin-bottom: 5%;
}

.sec05 .sampList__shadow {
  position: absolute;
  bottom: -11%;
  left: -3%;
  z-index: 0;
}

.sec05 .sampList__txt {
  font-size: 34px;
  margin-bottom: 8%;
  color: #0b0e2d;
}

.sec05 .sampList__sTxt {
  position: absolute;
  left: 5%;
  font-size: 20px;
  top: 72%;
}

.sec05 .sampList__sTxt_price {
  color: #004e9e;
}

.sec06_ttl {
  background-color: #0b0e2d;
  height: 130px;
  text-align: center;
  padding-top: 30px;
}

.sec06_ttl h2 {
  font-size: 44px;
  color: #fff;
  position: absolute;
  top: 58%;
  left: 41%;
  transform: translateY(-50%);
}

.sec06 {
  background: url(../img/sec06_bg.jpg) center 0 no-repeat;
  height: 2087px;
}

.sec06__wrap {
  width: 47%;
}

.sec06__wrap h2 {
  font-size: 36px;
  color: #005487;
  position: relative;
}

.sec06__wrap h2::before {
  content: '';
  width: 180px;
  height: 180px;
  top: -95px;
  left: -6%;
  position: absolute;
}

.sec06__wrap p {
  color: #333333;
  line-height: 200%;
  margin-top: 6%;
  font-size: 18px;
  letter-spacing: 1px;
}

.sec06__wrap_txts {
  font-size: 14px;
}

.sec06__wrap01 {
  padding-top: 25%;
}

.sec06__wrap01 h2::before {
  background: url(../img/merit_bg01.png) top center no-repeat;
  background-size: contain;
}

.sec06__wrap02 {
  padding-top: 24%;
  margin-left: auto;
}

.sec06__wrap02 h2 {
  padding-left: 2%;
}

.sec06__wrap02 h2::before {
  background: url(../img/merit_bg02.png) top center no-repeat;
  background-size: contain;
}

.sec06__wrap03 {
  padding-top: 30%;
  width: 46%;
}

.sec06__wrap03 h2::before {
  background: url(../img/merit_bg03.png) top center no-repeat;
  background-size: contain;
}

.sec06__wrap04 {
  padding-top: 22%;
  margin-left: auto;
}

.sec06__wrap04 h2 {
  line-height: 150%;
}

.sec06__wrap04 h2::before {
  background: url(../img/merit_bg04.png) top center no-repeat;
  background-size: contain;
}

.sec07 {
  background: url(../img/sec07_bg.png) center 0 no-repeat;
  height: 770px;
  margin-top: -70px;
  padding-top: 20px;
}

.sec07__sTxt {
  position: absolute;
  top: 5%;
  left: 1%;
  padding: 1%;
}

.sec07__sTxt p {
  writing-mode: vertical-rl;
  line-height: 26px;
  font-size: 15px;
  color: #fff;
  text-align: right;
}

.sec07__ttl {
  position: relative;
}

.sec07__ttl_img {
  position: absolute;
  left: 38%;
  top: 6%;
}

.sec07__ttl_img_box {
  position: relative;
}

.sec07__ttl_img_box h2 {
  position: absolute;
  text-align: center;
  width: 100%;
  color: #005487;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.sec07 .telWrap {
  text-align: center;
}

.sec07 .telWrap h3 {
  font-size: 34px;
}

.contact, #form.step02 {
  background-color: #e8f1fc;
  padding-bottom: 80px;
}

.contact .inner, #form.step02 .inner {
  max-width: 900px;
}

.contact .txt_s, #form.step02 .txt_s {
  font-size: 18px;
}

.contact h2, #form.step02 h2 {
  font-size: 42px;
  position: relative;
  padding: 13% 0 2%;
}

.contact h2::before, #form.step02 h2::before {
  position: absolute;
  content: '';
  background-color: #0b0e2d;
  height: 2px;
  width: 44px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.contact__ttl, #form.step02__ttl {
  text-align: center;
}

.contact__ttl p, #form.step02__ttl p {
  font-size: 18px;
  padding: 3% 0 5%;
}

.contact form, #form.step02 form {
  background-color: #fff;
  border-radius: 8px;
  padding: 1% 0 8%;
}

.contact form .hankaku, #form.step02 form .hankaku {
  font-size: 16px;
  margin-left: 1%;
  color: #e31c24;
}

.contact form table, #form.step02 form table {
  width: 100%;
}

.contact form th, #form.step02 form th {
  font-size: 33px;
  color: #004e9e;
  position: relative;
  height: 90px;
  text-align: left;
  font-weight: 500;
  padding-left: 10%;
  border-top: 38px solid transparent;
}

.contact form th::before, #form.step02 form th::before {
  content: '';
  position: absolute;
  width: 90px;
  height: 57px;
  top: 50%;
  left: -1%;
  transform: translateY(-50%);
}

.contact form .qa01::before, #form.step02 form .qa01::before {
  background: url(../img/qa01.png) top center no-repeat;
  background-size: contain;
}

.contact form .qa02::before, #form.step02 form .qa02::before {
  background: url(../img/qa02.png) top center no-repeat;
  background-size: contain;
}

.contact form .qa03::before, #form.step02 form .qa03::before {
  background: url(../img/qa03.png) top center no-repeat;
  background-size: contain;
}

.contact form .qa04::before, #form.step02 form .qa04::before {
  background: url(../img/qa04.png) top center no-repeat;
  background-size: contain;
}

.contact form .qa05::before, #form.step02 form .qa05::before {
  background: url(../img/qa05.png) top center no-repeat;
  background-size: contain;
}

.contact form .qa06::before, #form.step02 form .qa06::before {
  background: url(../img/qa06.png) top center no-repeat;
  background-size: contain;
}

.contact form .qa07::before, #form.step02 form .qa07::before {
  background: url(../img/qa07.png) top center no-repeat;
  background-size: contain;
}

.contact form .qa08::before, #form.step02 form .qa08::before {
  background: url(../img/qa08.png) top center no-repeat;
  background-size: contain;
}

.contact form .qa09::before, #form.step02 form .qa09::before {
  background: url(../img/qa09.png) top center no-repeat;
  background-size: contain;
}

.contact form .qa10::before, #form.step02 form .qa10::before {
  background: url(../img/qa10.png) top center no-repeat;
  background-size: contain;
}

.contact form td, #form.step02 form td {
  padding: 4% 5% 5%;
  position: relative;
}

.contact form td input[type="radio"], #form.step02 form td input[type="radio"] {
  margin-right: 1%;
}

.contact form td label, #form.step02 form td label {
  font-size: 16px;
  color: #1a1a1a;
}

.contact form td input[type="radio"]:nth-child(n+2), #form.step02 form td input[type="radio"]:nth-child(n+2) {
  margin-left: 3%;
}

.contact form td input[type="text"], .contact form td input[type="number"], #form.step02 form td input[type="text"], #form.step02 form td input[type="number"] {
  height: 40px;
  width: 100px;
  font-size: 16px;
  margin-right: 1%;
  padding-left: 1%;
  border: 1px solid #a9a9a9;
}

.contact form td::before, #form.step02 form td::before {
  border-bottom: 1px dotted #4d4d4d;
  content: '';
  position: absolute;
  height: 1px;
  width: 92%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.contact form .no_border, #form.step02 form .no_border {
  padding-bottom: 0;
}

.contact form .no_border::before, #form.step02 form .no_border::before {
  border: none;
}

.contact form .tableForm02 th, .contact form .tableForm02 td, #form.step02 form .tableForm02 th, #form.step02 form .tableForm02 td {
  display: inline-block;
  border-bottom: 30px solid transparent;
}

.contact form .tableForm02 th, #form.step02 form .tableForm02 th {
  padding-left: 0;
  font-size: 16px;
  color: #1a1a1a;
  width: 35%;
  position: relative;
  border-top: none;
  font-weight: 400;
  vertical-align: middle;
  height: auto;
}

.contact form .tableForm02 th::before, #form.step02 form .tableForm02 th::before {
  display: none;
}

.contact form .tableForm02 .req::after, #form.step02 form .tableForm02 .req::after {
  position: absolute;
  top: 50%;
  left: 48%;
  transform: translateY(-50%);
  content: '必須';
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  background-color: #e31c24;
  padding: 1% 3% 2%;
}

.contact form .tableForm02 td, #form.step02 form .tableForm02 td {
  padding: 0 5% 0 0;
  width: 65%;
}

.contact form .tableForm02 td input[type="text"], .contact form .tableForm02 td input[type="email"], .contact form .tableForm02 td select, #form.step02 form .tableForm02 td input[type="text"], #form.step02 form .tableForm02 td input[type="email"], #form.step02 form .tableForm02 td select {
  width: 100%;
  height: 44px;
  padding-left: 2%;
  border: 1px solid #a9a9a9;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
}

.contact form .tableForm02 td input[type="text"]::placeholder, .contact form .tableForm02 td input[type="email"]::placeholder, .contact form .tableForm02 td select, #form.step02 form .tableForm02 td input[type="text"]::placeholder, #form.step02 form .tableForm02 td input[type="email"]::placeholder, #form.step02 form .tableForm02 td select {
  color: #a9a9a9;
}

.contact form .tableForm02 td .error + .error, #form.step02 form .tableForm02 td .error + .error {
  color: red;
  margin-top: 2%;
}

.contact form .tableForm02 td::before, #form.step02 form .tableForm02 td::before {
  display: none;
}

.contact form .btnArea, #form.step02 form .btnArea {
  text-align: center;
}

.contact form .btnArea input[type="submit"], #form.step02 form .btnArea input[type="submit"] {
  background: url(../img/submit_btn.png) 0 0 no-repeat;
  width: 536px;
  height: 121px;
  margin: 0 auto;
  display: block;
  display: inline-block;
  border: none;
  color: transparent;
}

#form.step02 h2 {
  padding-top: 10%;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

#form.step02 tr:nth-child(1) th:before {
  background: url(../img/qa01.png) top center no-repeat;
  background-size: contain;
}

#form.step02 tr:nth-child(3) th:before {
  background: url(../img/qa02.png) top center no-repeat;
  background-size: contain;
}

#form.step02 tr:nth-child(5) th:before {
  background: url(../img/qa03.png) top center no-repeat;
  background-size: contain;
}

#form.step02 tr:nth-child(7) th:before {
  background: url(../img/qa04.png) top center no-repeat;
  background-size: contain;
}

#form.step02 tr:nth-child(9) th:before {
  background: url(../img/qa05.png) top center no-repeat;
  background-size: contain;
}

#form.step02 tr:nth-child(11) th:before {
  background: url(../img/qa06.png) top center no-repeat;
  background-size: contain;
}

#form.step02 tr:nth-child(13) th:before {
  background: url(../img/qa07.png) top center no-repeat;
  background-size: contain;
}

#form.step02 tr:nth-child(15) th:before {
  background: url(../img/qa08.png) top center no-repeat;
  background-size: contain;
}

#form.step02 tr:nth-child(17) th:before {
  background: url(../img/qa09.png) top center no-repeat;
  background-size: contain;
}

#form.step02 form td {
  padding-left: 6%;
  font-size: 16px;
}

#form.step02 form tr:nth-child(n+19) {
  display: inline;
}

#form.step02 form tr:nth-child(n+19) th {
  font-size: 16px;
  color: #1a1a1a;
  display: inline-block;
  width: 30%;
  padding-left: 6%;
  padding-top: 4%;
  height: auto;
  border-top: none;
}

#form.step02 form tr:nth-child(n+19) td {
  font-size: 16px;
  color: #1a1a1a;
  display: inline-block;
  width: 70%;
  padding-bottom: 1%;
}

#form.step02 form tr:nth-child(n+19) td::before {
  border: none;
}

#form.step02 form tr:nth-child(19) {
  position: relative;
}

#form.step02 form tr:nth-child(19)::before {
  content: '会社情報をご記入ください';
  position: absolute;
  font-size: 33px;
  color: #004e9e;
  text-align: left;
  font-weight: 400;
  width: 480px;
  top: -55%;
  left: 35%;
}

#form.step02 form tr:nth-child(19)::after {
  background: url(../img/qa10.png) top center no-repeat;
  background-size: contain;
  content: '';
  position: absolute;
  width: 90px;
  height: 57px;
  top: -93%;
  left: -3%;
}

#form.step02 form tr:nth-child(19) th {
  padding-top: 17%;
}

#form.step02 form tr:nth-child(20) td {
  padding-top: 17%;
}

#form.step02 .submit_wrap {
  margin-top: 5%;
}

#form.step02 .error {
  margin-top: 5%;
}

#form.step02 .error_messe {
  line-height: 150%;
}

#form.step02 #sendBtn {
  background: url(../img/btn_send.png) 0 0 no-repeat;
  width: 536px;
  height: 109px;
  margin: 0 auto;
  border: none;
  color: transparent;
  display: block;
}

#form.step02 #backBtn {
  background: url(../img/btn_back.png) 0 0 no-repeat;
  width: 536px;
  height: 109px;
  margin: 0 auto;
  border: none;
  color: transparent;
  display: block;
}

.contact.thanks {
  margin-top: 0;
  padding-top: 50px;
  height: 100vh;
}

.contact.thanks .inner {
  background-color: #fff;
  border-radius: 8px;
  margin: auto;
}

.thanks h2 {
  text-align: center;
  padding: 8% 0 4%;
}

.thanks .contact_ttl02 {
  text-align: center;
  letter-spacing: 2px;
  font-size: 18px;
  line-height: 32px;
  margin-top: 5%;
}

.thanks .to_top {
  padding: 14% 0 4%;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  .yumin {
    font-family: 'Noto Serif JP', serif;
  }
  img {
    max-width: 100%;
  }
  .head {
    height: 6vw;
  }
  .fv {
    height: 86.9vw;
    background-size: cover;
  }
  .fv .fvTtl h1 {
    font-size: 3.3vw;
  }
  .fv .speed ul {
    width: 34%;
  }
  .fv .speed ul li {
    width: 15vw;
    height: 4vw;
  }
  .fv .speed ul li p {
    font-size: 2vw;
    line-height: 4vw;
  }
  .sec02 {
    height: 102.4vw;
    background-size: cover;
  }
  .sec02 h2 {
    font-size: 5.5vw;
  }
  .sec02 h3 {
    font-size: 4.2vw;
  }
  .sec02__txt01 {
    font-size: 2vw;
  }
  .sec02__arrow img {
    width: 1.2vw;
  }
  .sec02__flex li {
    width: 23%;
  }
  .sec02__flex p {
    font-size: 2.4vw;
  }
  .sec03 {
    height: 70.9vw;
    background-size: cover;
  }
  .sec03__conct {
    top: -1%;
  }
  .sec03__conct_box img {
    width: 13.2vw;
  }
  .sec03__conct_box h2 {
    font-size: 3.4vw;
  }
  .sec03 .reasonList__wrap h3 {
    font-size: 3.4vw;
  }
  .sec03 .reasonList__wrap p {
    font-size: 1.8vw;
  }
  .sec04 {
    height: 56.4vw;
    background-size: cover;
  }
  .sec05 {
    height: 169vw;
    background-size: cover;
    padding-top: 1vw;
  }
  .sec05__ttl h2 {
    width: 100%;
  }
  .sec05 .sampList__txt {
    font-size: 3.4vw;
  }
  .sec05 .sampList__txt02 {
    font-size: 2vw;
  }
  .sec05 .sampList__shadow {
    width: 105%;
    max-width: inherit;
  }
  .sec06 {
    background: url(../img/sec06_bg_tb.jpg) top center no-repeat;
    height: 208.7vw;
    background-size: cover;
  }
  .sec06__wrap h2 {
    font-size: 3.6vw;
  }
  .sec06__wrap p {
    font-size: 1.6vw;
  }
  .sec07 {
    height: 77vw;
    background-size: cover;
  }
  .sec07__ttl_img img {
    width: 10.1vw;
  }
  .sec07__ttl_img h2 {
    font-size: 2.4vw;
  }
  .contact form th, #form.step02 form th {
    padding-left: 12%;
  }
  .contact form tr:nth-child(19)::before, #form.step02 form tr:nth-child(19)::before {
    left: 41%;
  }
}
/*# sourceMappingURL=style.css.map */