@charset "utf-8";
.measures .headingSub {
  margin-bottom: 60px;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
}
.measures .mv {
  background-image: url("/measures/img/mv_pc.jpg");
}
.measures .mv header h2,
.measures .mv header i {
  text-align: center;
  color: #fff;
}
.measures .mv header p {
  padding-top: 20px;
  text-align: center;
  color: #fff;
}
.measures .block01 {
  margin-bottom: 120px;
}
.measures .block01 .text01 {
  margin-bottom: 80px;
}
.measures .block01 .flowchart {
  position: relative;
  margin: 0 auto;
  width: 860px;
  height: 993px;
  background-image: url("/measures/img/img_flowchart_pc.png");
  background-position: top;
  background-repeat: no-repeat;
}
.measures .block01 .flowchart .flow01,
.measures .block01 .flowchart .flow02,
.measures .block01 .flowchart .flow03,
.measures .block01 .flowchart .flow04,
.measures .block01 .flowchart .flow05,
.measures .block01 .flowchart .flow06,
.measures .block01 .flowchart .flow07 {
  position: absolute;
  left: 86px;
}
.measures .block01 .flowchart .flow02 {
  top: 104px;
}
.measures .block01 .flowchart .flow03 {
  top: 345px;
}
.measures .block01 .flowchart .flow04 {
  top: 449px;
}
.measures .block01 .flowchart .flow05 {
  top: 599px;
}
.measures .block01 .flowchart .flow06 {
  top: 726px;
}
.measures .block01 .flowchart .flow07 {
  top: 831px;
}
.measures .block01 .flowchart .flow08,
.measures .block01 .flowchart .flow09 {
  position: absolute;
  right: 42px;
}
.measures .block01 .flowchart .flow08 {
  top: 449px;
}
.measures .block01 .flowchart .flow09 {
  top: 681px;
}
.measures .block01 .flowchart img {
  width: auto;
}
.measures .block02 {
  margin-bottom: 74px;
}
.measures .block02 .orangeBtn {
  line-height: 1.3125;
}
.measures .block02 .sectionWrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.measures .block02 .sectionWrapper section {
  flex: 0 0 290px;
}
.measures .block02 .sectionWrapper section img {
  margin-bottom: 27px;
}
.measures .block02 .sectionWrapper section h4 {
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 20px;
}
.measures .block02 .sectionWrapper section p {
  font-size: 16px;
  line-height: 1.6875;
  margin-bottom: 19px;
}
.measures .block02 .sectionWrapper section .orangeBtn {
  height: 52px;
  width: 250px;
  color: #fff;
  margin-bottom: 19px;
}
.measures .block02 .sectionWrapper section .orangeBtn:last-child {
  margin-bottom: 89px;
}
@media screen and (max-width: 768px) {
  .measures .mv {
    display: flex;
    align-items: center;
    background-image: url("/measures/img/mv_sp.jpg");
  }
  .measures .mv header p {
    padding-top: 6.510416666666667vw;
  }
  .measures .block01 {
    margin-bottom: 19.53125vw;
  }
  .measures .block01 .text01 {
    margin-bottom: 9.765625vw;
  }
  .measures .block01 .flowchart {
    position: relative;
    width: 100%;
    height: 190.234375vw;
    background-image: url("/measures/img/img_flowchart_sp.png");
    background-size: 100%;
    background-position: top center;
  }
  .measures .block01 .flowchart .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .measures .block01 .flowchart .flowImg {
    position: absolute;
    width: 39.710144927536234%;
  }
  .measures .block01 .flowchart .flow01,
  .measures .block01 .flowchart .flow02 {
    margin: 0 auto;
    width: 79.71014492753623%;
    left: 0;
    right: 0;
  }
  .measures .block01 .flowchart .flow02 a {
    width: 50%;
    display: inline-block;
  }
  .measures .block01 .flowchart .flow03,
  .measures .block01 .flowchart .flow04,
  .measures .block01 .flowchart .flow05,
  .measures .block01 .flowchart .flow06,
  .measures .block01 .flowchart .flow07 {
    left: 7.83%;
  }
  .measures .block01 .flowchart .flow08,
  .measures .block01 .flowchart .flow09 {
    right: 0;
  }
  .measures .block01 .flowchart .flow02 {
    top: 9.37%;
  }
  .measures .block01 .flowchart .flow03 {
    top: 33.40177960301163%;
  }
  .measures .block01 .flowchart .flow04 {
    top: 44.49007529089665%;
  }
  .measures .block01 .flowchart .flow05 {
    top: 60.57494866529775%;
  }
  .measures .block01 .flowchart .flow06 {
    top: 74.1%;
  }
  .measures .block01 .flowchart .flow07 {
    top: 84.89%;
  }
  .measures .block01 .flowchart .flow08 {
    top: 44.49007529089665%;
  }
  .measures .block01 .flowchart .flow09 {
    top: 67.07734428473648%;
  }
  .measures .block01 .flowchart img {
    width: 100%;
  }
  .measures .block02 {
    margin-bottom: 20.833333333333336vw;
  }
  .measures .block02 .sectionWrapper section {
    width: 100%;
    flex: 0 0 100%;
    padding-bottom: 0;
  }
  .measures .block02 .sectionWrapper section img {
    margin-bottom: 5.46875vw;
  }
  .measures .block02 .sectionWrapper section h4 {
    font-size: 4.166666666666666vw;
    margin-bottom: 4.296875vw;
  }
  .measures .block02 .sectionWrapper section p {
    font-size: 3.385416666666667vw;
    margin-bottom: 6.510416666666667vw;
  }
  .measures .block02 .sectionWrapper section .orangeBtn {
    width: 61.588541666666664vw;
    height: 13.020833333333334vw;
    margin-bottom: 10.416666666666668vw;
  }
  .measures .block02 .sectionWrapper section .orangeBtn:last-child {
    margin-bottom: 15.625vw;
  }
  .measures .block02 .sectionWrapper section .orangeBtn a {
    font-size: 3.645833333333333vw;
  }
  .measures .block02 .sectionWrapper section .btnWrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15.625vw;
  }
  .measures .block02 .sectionWrapper section .btnWrapper .orangeBtn {
    flex-basis: 47.81976744186046%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
}