.flow__pageTtl {
  background-image: url(/assets/img/flow/h2_bg_pc_01.jpg);
}
@media screen and (max-width: 640px) {
  .flow__pageTtl {
    background-image: url(/assets/img/flow/h2_bg_sp_01.jpg);
  }
}
.flowInner {
  position: relative;
}
@media screen and (min-width: 641px) {
  .flowInner {
    max-width: 1080px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner {
    max-width: 108vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .flowInner {
    padding: 0 5.46875vw;
    margin: 0 auto 15.7%;
  }
}
.flowInner::before, .flowInner::after {
  position: absolute;
  display: block;
  content: "";
  z-index: 1;
}
.flowInner::before {
  background: 0% 0%/100% auto url(/assets/img/flow/elm_pc_01.png) no-repeat;
  top: 1120px;
  left: -497px;
  width: 533px;
  height: 571px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner::before {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .flowInner::before {
    background: 0% 0%/100% auto url(/assets/img/flow/elm_sp_02.png) no-repeat;
    top: 59%;
    left: 0;
    width: 23.4375vw;
    height: 57.8125vw;
  }
}
.flowInner::after {
  background: 0% 0%/100% auto url(/assets/img/flow/elm_pc_02.png) no-repeat;
  top: 425px;
  right: -401px;
  width: 365px;
  height: 749px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner::after {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .flowInner::after {
    background: 0% 0%/100% auto url(/assets/img/flow/elm_sp_01.png) no-repeat;
    top: 0.6%;
    right: 0;
    width: 23.4375vw;
    height: 51.5625vw;
  }
}
.flowInner__list {
  padding: 88px 0 112px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__list {
    padding: 8.8vw 0 11.2vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__list {
    padding: 12.2% 0 0;
  }
}
.flowInner__item {
  background: rgba(253, 232, 140, 0.1);
  border-radius: 10px;
  padding: 0 40px;
  position: relative;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__item {
    border-radius: 0;
    padding: 0 4vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__item {
    border-radius: 1.5625vw;
    padding: 0 5.46875vw;
  }
}
.flowInner__item::before {
  position: absolute;
  display: block;
  content: "";
  width: 420px;
  height: 228px;
  top: 43px;
  left: 40px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__item::before {
    width: 42vw;
    height: 22.8vw;
    top: 4.3vw;
    left: 4vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__item::before {
    width: 75vw;
    height: 39.375vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.flowInner__item--01::before {
  background: 0% 0%/100% auto url(/assets/img/flow/pic_pc_01.png) no-repeat;
}
@media screen and (max-width: 640px) {
  .flowInner__item--01::before {
    background: 0% 0%/100% auto url(/assets/img/flow/pic_sp_01.png) no-repeat;
    top: 16.9%;
  }
}
.flowInner__item--02::before {
  background: 0% 0%/100% auto url(/assets/img/flow/pic_pc_02.png) no-repeat;
}
@media screen and (max-width: 640px) {
  .flowInner__item--02::before {
    background: 0% 0%/100% auto url(/assets/img/flow/pic_sp_02.png) no-repeat;
    top: 20.8%;
  }
}
.flowInner__item--03::before {
  background: 0% 0%/100% auto url(/assets/img/flow/pic_pc_03.png) no-repeat;
}
@media screen and (max-width: 640px) {
  .flowInner__item--03::before {
    background: 0% 0%/100% auto url(/assets/img/flow/pic_sp_03.png) no-repeat;
    top: 22.4%;
  }
}
.flowInner__item--04::before {
  background: 0% 0%/100% auto url(/assets/img/flow/pic_pc_04.png) no-repeat;
}
@media screen and (max-width: 640px) {
  .flowInner__item--04::before {
    background: 0% 0%/100% auto url(/assets/img/flow/pic_sp_04.png) no-repeat;
    top: 20.9%;
  }
}
.flowInner__item--05::before {
  background: 0% 0%/100% auto url(/assets/img/flow/pic_pc_05.png) no-repeat;
}
@media screen and (max-width: 640px) {
  .flowInner__item--05::before {
    background: 0% 0%/100% auto url(/assets/img/flow/pic_sp_05.png) no-repeat;
    top: 18.9%;
  }
}
.flowInner__itemTtl {
  padding-left: 450px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemTtl {
    padding-left: 45vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemTtl {
    padding-left: 0;
  }
}
.flowInner__itemTtl--01 {
  padding-top: 57px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemTtl--01 {
    padding-top: 5.7vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemTtl--01 {
    padding-top: 7.6%;
  }
}
.flowInner__itemTtl--02 {
  padding-top: 57px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemTtl--02 {
    padding-top: 5.7vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemTtl--02 {
    padding-top: 10.7%;
  }
}
.flowInner__itemTtl--03 {
  padding-top: 73px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemTtl--03 {
    padding-top: 7.3vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemTtl--03 {
    padding-top: 10.7%;
  }
}
.flowInner__itemTtl--04 {
  padding-top: 57px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemTtl--04 {
    padding-top: 5.7vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemTtl--04 {
    padding-top: 11%;
  }
}
.flowInner__itemTtl--05 {
  padding-top: 76px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemTtl--05 {
    padding-top: 7.6vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemTtl--05 {
    padding-top: 10.9%;
  }
}
.flowInner__itemTtlTxt {
  letter-spacing: 0.015rem;
  font-size: 1.375rem;
  line-height: 1.7272727273;
  color: #0597A3;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemTtlTxt {
    letter-spacing: 0.024vw;
    font-size: 2.2vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemTtlTxt {
    font-weight: 500;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .flowInner__itemTtlTxt {
    font-size: 4.6875vw;
    letter-spacing: 0.046875vw;
    line-height: 1.4;
  }
}
.flowInner__itemNum {
  padding-right: 23px;
  letter-spacing: 0.01rem;
  font-size: 3.125rem;
  line-height: 1.08;
  font-weight: 700;
  color: rgba(5, 151, 163, 0.3);
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemNum {
    letter-spacing: 0.016vw;
    font-size: 5vw;
  }
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemNum {
    padding-right: 2.3vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemNum {
    padding-left: 2.3%;
    padding-right: 4.5%;
    font-weight: 500;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .flowInner__itemNum {
    font-size: 7.8125vw;
    letter-spacing: 0.078125vw;
    line-height: 1.08;
  }
}
.flowInner__itemTxt {
  letter-spacing: 0.01rem;
  font-size: 1rem;
  line-height: 2.125;
  text-align: justify;
  color: #454545;
  padding-left: 449px;
  padding-top: 19px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemTxt {
    letter-spacing: 0.016vw;
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemTxt {
    padding-left: 44.9vw;
    padding-top: 1.9vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemTxt {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
}
@media screen and (max-width: 640px) and (max-width: 640px) {
  .flowInner__itemTxt {
    font-size: 3.28125vw;
    letter-spacing: 0.04921875vw;
    line-height: 2.0952380952;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemTxt--01 {
    padding-top: 59.5%;
  }
}
.flowInner__itemTxt--02 {
  padding-bottom: 70px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemTxt--02 {
    padding-bottom: 7vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemTxt--02 {
    padding-top: 58.2%;
    padding-bottom: 13.8%;
  }
}
.flowInner__itemTxt--03 {
  padding-bottom: 88px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemTxt--03 {
    padding-bottom: 8.8vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemTxt--03 {
    padding-top: 58.2%;
    padding-bottom: 13.8%;
  }
}
.flowInner__itemTxt--04 {
  padding-bottom: 69px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemTxt--04 {
    padding-bottom: 6.9vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemTxt--04 {
    padding-top: 58.1%;
    padding-bottom: 13.6%;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemTxt--05 {
    padding-top: 58.2%;
  }
}
.flowInner__itemBtn {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}
@media screen and (max-width: 640px) {
  .flowInner__itemBtn {
    display: block;
  }
}
.flowInner__itemBtn--01 {
  padding: 64px 0 36px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemBtn--01 {
    padding: 6.4vw 0 3.6vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemBtn--01 {
    padding: 6% 0 14.5%;
  }
}
.flowInner__itemBtn--05 {
  padding: 78px 0 36px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemBtn--05 {
    padding: 7.8vw 0 3.6vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemBtn--05 {
    padding: 6% 0 14.5%;
  }
}
.flowInner__itemLink01--01 {
  margin-right: 10px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemLink01--01 {
    margin-right: 1vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemLink01--01 {
    margin-right: 0;
    margin-bottom: 4%;
  }
}
.flowInner__itemLink01--02 {
  margin-left: 10px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__itemLink01--02 {
    margin-left: 1vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__itemLink01--02 {
    margin-left: 0;
  }
}
.flowInner__arrow {
  width: 0;
  height: 0;
  border-left: 26px solid transparent;
  border-right: 26px solid transparent;
  border-top: 26px solid #0597A3;
  margin: 26px auto 16px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .flowInner__arrow {
    border-left: 2.6vw solid transparent;
    border-right: 2.6vw solid transparent;
    border-top: 2.6vw solid #0597A3;
    margin: 2.6vw auto 1.6vw;
  }
}
@media screen and (max-width: 640px) {
  .flowInner__arrow {
    border-left: 4.0625vw solid transparent;
    border-right: 4.0625vw solid transparent;
    border-top: 4.0625vw solid #0597A3;
    margin: 5% auto 3.4%;
  }
}

/* CSS Document *//*# sourceMappingURL=flow.css.map */