@charset "utf-8";
/* ====================================================
.flow ヘッダー
==================================================== */
.flow main {
  padding-top: 0;
}
@media (max-width: 767px) {
  .flow main {
    padding-top: 142px;
  }
}
/* ====================================================
.layout-split 追従メニュー
==================================================== */
.layout-split {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 50px;
}
.layout-split .layout-split__left {
  position: sticky;
  top: 130px;
  height: fit-content;
}
.layout-split .layout-split__left .menu-box h5 {
  margin-bottom: 20px;
  color: var(--c-red1);
  font-size: var(--font-size35);
  font-weight: bold;
  line-height: 1;
}
.layout-split .layout-split__left .menu-box ul li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 1.5em;
  font-size: var(--font-size18);
  font-weight: bold;
}
.layout-split .layout-split__left .menu-box ul li:before {
  position: absolute;
  left: 0;
  top: 15px;
  display: inline-block;
  width: 13.55px;
  height: 6.77px;
  background-image: url(../img/common/arrow_down_red.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  content: "";
}
.layout-split .layout-split__right {
  width: calc(100% - 285.53px);
  width: calc(100% - 20.903vw);
  min-width: 750px;
}
@media (max-width: 1024px) {
  .layout-split .layout-split__right {
    min-width: auto;
  }
}
@media (max-width: 767px) {
  .layout-split {
    display: block;
    padding-top: 25px;
  }
  .layout-split .layout-split__left {
    position: static;
    height: auto;
    margin-bottom: 40px;
  }
  .layout-split .layout-split__left .menu-box {
    display: flex;
  }
  .layout-split .layout-split__left .menu-box h5 {
    margin: 0 25px 0 0;
    font-size: var(--font-size24);
  }
  .layout-split .layout-split__left .menu-box ul li {
    margin-bottom: 10px;
    font-size: var(--font-size15);
  }
  .layout-split .layout-split__right {
    width: 100%;
  }
}
/* ====================================================
.contents-wrap_read
==================================================== */
.contents-wrap_read {
  padding-top: 50px;
}
.contents-wrap_read .block-read .read-box .txt-box {
  margin-bottom: 50px;
}
.contents-wrap_read .block-read .read-box .txt-box p:not(:last-child) {
  margin-bottom: 30px;
}
.contents-wrap_read .block-read .read-box .ttl-box {
  position: relative;
  height: 130.74px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.contents-wrap_read .block-read .read-box .ttl-box:before {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 100%;
  height: 130.74px;
  background-image: url(../img/survey/flow-read_bg.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
  z-index: -1;
}
.contents-wrap_read .block-read .read-box .ttl-box h3 {
  padding-bottom: 10px;
  font-size: var(--font-size27);
  font-weight: bold;
  line-height: 1;
}
.contents-wrap_read .block-read .read-box .ttl-box h3 span {
  display: block;
  margin-bottom: 10px;
  color: var(--c-red1);
  font-size: var(--font-size18);
}
@media (max-width: 767px) {
  .contents-wrap_read {
    padding-top: 155px;
  }
  .contents-wrap_read .block-read .read-box .txt-box {
    margin-bottom: 40px;
  }
  .contents-wrap_read .block-read .read-box .ttl-box {
    max-height: 108.18px;
    height: 28.848vw;
    padding-bottom: 20px;
  }
  .contents-wrap_read .block-read .read-box .ttl-box:before {
    width: 100%;
    max-height: 108.18px;
    height: 28.848vw;
    background-image: url(../img/survey/flow-read_bg_sp.svg);
    background-size: contain;
  }
  .contents-wrap_read .block-read .read-box .ttl-box h3 {
    font-size: var(--font-size22);
  }
  .contents-wrap_read .block-read .read-box .ttl-box h3 span {
    margin-bottom: 5px;
    font-size: var(--font-size14);
  }
}
/* ====================================================
.contents-wrap_step
==================================================== */
.contents-wrap_step {}
.contents-wrap_step .block-step .step-box {
  padding-top: 100px;
}
.contents-wrap_step .block-step .step-box .ttl-box {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  max-height: 243px;
  height: 17.789vw;
  margin-bottom: 30px;
}
.contents-wrap_step .block-step .step-box .ttl-box h4 {
  position: relative;
  padding: 0 33px 26px 0;
  color: #fff;
  font-size: var(--font-size39);
  line-height: 1;
  z-index: 1;
}
.contents-wrap_step .block-step .step-box .ttl-box h4:after {
  position: absolute;
  top: -40px;
  right: 135px;
  display: inline-block;
  max-width: 194.79px;
  max-height: 57.04px;
  width: 14.26vw;
  height: 4.176vw;
  background-image: url(../img/survey/flow-step_bg.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  content: "";
  z-index: -1;
}
.contents-wrap_step .block-step .step-box .list-box {
  margin-bottom: 35px;
  padding: 0 15px 35px 10px;
  border-bottom: 1px solid #D5D5D5;
}
.contents-wrap_step .block-step .step-box .list-box:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.contents-wrap_step .block-step .step-box .list-box span.num {
  display: inline-block;
  width: 50px;
  margin-right: 22px;
  color: var(--c-red1);
  font-size: var(--font-size43);
  font-weight: bold;
  line-height: 1;
}
.contents-wrap_step .block-step .step-box .list-box .txt-box {
  width: 91%;
  text-align: center;
}
.contents-wrap_step .block-step .step-box .list-box .txt-box h5 {
  margin-bottom: 10px;
  font-size: var(--font-size20);
  font-weight: bold;
  text-align: left;
}
.contents-wrap_step .block-step .step-box .list-box .txt-box p {
  text-align: left;
}
.contents-wrap_step .block-step .step-box .list-box .txt-box:after {
  content: '';
  display: inline-block;
  max-width: 144px;
  max-height: 17px;
  width: 10.542vw;
  height: 1.245vw;
  margin-top: 20px;
  background-image: url(../img/survey/flow-step_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
/*.contents-wrap_step .block-step .step-box.step-01*/
.contents-wrap_step .block-step .step-box.step-01 {
  padding-top: 0;
}
.contents-wrap_step .block-step .step-box.step-01 .ttl-box:after {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 100%;
  max-height: 243px;
  height: 17.789vw;
  background-image: url(../img/survey/flow-step_img01.webp);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  content: "";
  z-index: -1;
}
/*.contents-wrap_step .block-step .step-box.step-02*/
.contents-wrap_step .block-step .step-box.step-02 .ttl-box:after {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 100%;
  max-height: 243px;
  height: 17.789vw;
  background-image: url(../img/survey/flow-step_img02.webp);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  content: "";
  z-index: -1;
}
/*.contents-wrap_step .block-step .step-box.step-03*/
.contents-wrap_step .block-step .step-box.step-03 .ttl-box:after {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 100%;
  max-height: 243px;
  height: 17.789vw;
  background-image: url(../img/survey/flow-step_img03.webp);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  content: "";
  z-index: -1;
}
/*.contents-wrap_step .block-step .step-box.step-04*/
.contents-wrap_step .block-step .step-box.step-04 .ttl-box:after {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 100%;
  max-height: 243px;
  height: 17.789vw;
  background-image: url(../img/survey/flow-step_img04.webp);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  content: "";
  z-index: -1;
}
.contents-wrap_step .block-step .step-box.step-04 .list-box:last-child .txt-box:after {
  content: none;
}
@media (max-width: 1024px) {
  .contents-wrap_step .block-step .step-box {
    padding-top: 65px;
  }
  .contents-wrap_step .block-step .step-box .ttl-box h4 {
    font-size: var(--font-size28);
  }
  .contents-wrap_step .block-step .step-box .ttl-box h4:after {
    right: 100px;
    top: -30px;
  }
  .contents-wrap_step .block-step .step-box .list-box span.num {
    width: 40px;
  }
  .contents-wrap_step .block-step .step-box .list-box .txt-box h5 {
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .contents-wrap_step {
    counter-reset: step;
  }
  .contents-wrap_step .block-step .step-box {
    padding-top: 55px;
  }
  .contents-wrap_step .block-step .step-box .ttl-box {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    max-height: 100%;
    height: 73.067vw;;
    margin-bottom: 50px;
  }
  .contents-wrap_step .block-step .step-box .ttl-box h4 {
    position: relative;
    padding: 0 6.667vw 20px 0;
    font-size: var(--font-size25);
    line-height: 1;
  }
  .contents-wrap_step .block-step .step-box .ttl-box h4:after {
    top: -20px;
    right: 94px;
    max-width: 126.49px;
    max-height: 37.04px;
    width: 33.731vw;
    height: 9.877vw;
  }
  .contents-wrap_step .block-step .step-box .list-box {
    margin-bottom: 25px;
    padding: 0 0 25px 0;
  }
  .contents-wrap_step .block-step .step-box .list-box .flex {
    display: block;
  }
  .contents-wrap_step .block-step .step-box .list-box .txt-box {
    width: 100%;
  }
  .contents-wrap_step .block-step .step-box .list-box .txt-box h5 {
    position: relative;
    display: flex;
    align-items: center;
    font-size: var(--font-size18);
  }
  .contents-wrap_step .block-step .step-box .list-box .txt-box h5:before {
    content: "" counter(step, decimal-leading-zero) "";
    counter-increment: step;
    display: inline-block;
    margin-right: 17px;
    color: var(--c-red1);
    font-family: "Arial", "メイリオ", serif;
    font-size: var(--font-size34);
    font-weight: bold;
    line-height: 1;
  }
  .contents-wrap_step .block-step .step-box .list-box .txt-box:after {
    max-width: 100%;
    max-height: 100%;
    width: 144px;
    height: 17px;
    margin-top: 20px;
  }
  .contents-wrap_step .block-step .step-box.step-01 .ttl-box:after {
    max-height: 100%;
    height: 73.067vw;;
    background-image: url(../img/survey/flow-step_img01_sp.webp);
  }
  .contents-wrap_step .block-step .step-box.step-02 .ttl-box:after {
    max-height: 100%;
    height: 73.067vw;;
    background-image: url(../img/survey/flow-step_img02_sp.webp);
  }
  .contents-wrap_step .block-step .step-box.step-03 .ttl-box:after {
    max-height: 100%;
    height: 73.067vw;;
    background-image: url(../img/survey/flow-step_img03_sp.webp);
  }
  .contents-wrap_step .block-step .step-box.step-04 .ttl-box:after {
    max-height: 100%;
    height: 73.067vw;;
    background-image: url(../img/survey/flow-step_img04_sp.webp);
  }
}
/* ====================================================
.contents-cmn__estimate .block-achievement
==================================================== */
.contents-cmn__estimate {
  padding-top: 180px;
}
.contents-cmn__estimate .block-achievement {
  padding-top: 0;
}
.contents-cmn__estimate .block-estimate {
  padding-top: 100px;
}
@media (max-width: 767px) {
  .contents-cmn__estimate {
    padding-top: 35px;
  }
  .contents-cmn__estimate .block-estimate {
    padding-top: 50px;
  }
}







