@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap');

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-weight: 500;
  background: #fff;
  line-height: 1.5;
  font-size: 24px;
  letter-spacing: 0;
}

img {
  width: 100%;
  height: auto;
}

a {
  transition: 0.2s;
}

a:hover {
  opacity: 0.7;
}

.pc-none {
  display: none;
}

.sp-none {
  display: block;
}

.is-black {
  font-weight: 900 !important;
}

.common__annotation {
  font-size: 18px;
  line-height: 1.388888888888889;
  color: #595959;
  font-weight: 400;
}

.common__decoration {
  position: relative;
  margin: 0 auto -7.32%;
  z-index: 120;
  width: 100%;
}

.inner {
  padding: 0 20px;
  margin: 0 auto;
  max-width: 790px;
}

.sec {
  position: relative;
}

.fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  padding: 20px 0;
  background: #e6e9f2;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: .3s ease;
}

.fixed a {
  pointer-events: none;
}

.fixed .cta__btn {
  margin-bottom: 0;
}

.fixed.is-shown {
  opacity: 1;
  visibility: visible;
}

.fixed.is-shown a {
  pointer-events: all;
}

.fv {
  background: url(../img/fv_bg_pc.png) bottom center/ cover;
}

.fv__header {
  background: #000;
  padding: 20px 0;
}

.fv__header .inner {
  max-width: 1040px;
}

.fv__header-logo {
  width: 150px;
}

.fv__main {
  padding: 49px 0 9px;
}

.fv__wrapper {
  position: relative;
  margin: 0 0 24px;
}

.fv__ttl {
  width: 646px;
  margin: 0 auto;
  position: relative;
  left: 6px;
}

.fv__lyt {
  position: absolute;
  left: 30px;
  top: 90px;
}

.fv__img-01 {
  position: absolute;
  top: 67px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 183px;
}

.fv__img-02 {
  width: 192px;
  margin: 0 0 16px;
}

.fv__img-03 {
  width: 196px;
}

.fv__annotation {
  font-size: 16px;
  line-height: 1.45;
  padding: 0 0 0 31px;
  font-weight: 400;
}

.intro {
  background: #424e61;
  padding: 11.4%0 58px;
}

.intro__ttl {
  width: 687px;
  margin: 0 auto 40px;
}

.intro__img {
  margin: 0 0 11px;
}

.intro__annotation {
  font-size: 16px;
  text-align: right;
  padding: 0 30px 0 0;
  margin: 0 0 10px;
  font-weight: 400;
}

.intro__txt {
  width: 708px;
  margin: 0 auto 17px;
}

.intro .common__annotation {
  padding: 0 0 0 30px;
  color: #fff;
}

.reason {
  background: #fff;
  color: #d16a7c;
  padding: 47px 0 51px;
  z-index: 110;
}

.reason__ttl {
  font-weight: 900;
  text-align: center;
  font-size: 45px;
  margin: 0 0 29px;
}

.reason__ttl-small {
  display: block;
  font-size: 34px;
  margin: 0 0 9px;
}

.reason__box-container {
  margin: 0 0 30px;
}

.reason__box {
  background: #ffe7eb;
  border-radius: 20px;
  padding: 14px 0 8px 76px;
  display: flex;
  align-items: center;
  box-shadow: 4px 4px 6px 0 rgba(67, 67, 67, 0.3);
  margin: 0 0 38px;
}

.reason__box:last-of-type {
  margin-bottom: 0;
}

.reason__box-img {
  width: 210px;
  flex-shrink: 0;
  margin: 0 54px 0 0;
}

.reason__box-txt {
  position: relative;
  background: #fff;
  border-radius: 10px;
  width: 330px;
  font-size: 17px;
  line-height: 1.8;
  padding: 30px 5px 30px 13px;
}

.reason__box-txt::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -17px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 24px solid #ffffff;
  border-left: 0;
}

.reason .common__annotation {
  padding: 0 0 0 54px;
}

.cta {
  padding: 15.3%0 22px;
  background: #e6e9f2;
  z-index: 100;
}

.cta.is-03 {
  padding: 112px 0 22px;
}

.cta__box-01 {
  background: #fff;
  border-radius: 20px;
  box-shadow: 4px 7px 16px 0 rgba(65, 65, 65, 0.4);
  padding: 0 58px 59px;
  position: relative;
  margin: 0 0 71px;
}

.cta__box-01-ttl {
  width: 598px;
  position: relative;
  top: -56px;
  margin: 0 auto -20px;
}

.cta__box-01-txt-01 {
  width: 618px;
  margin: 0 auto 38px;
}

.cta__box-01-txt-02 {
  color: #424e61;
  font-weight: 700;
  width: 451px;
  font-size: 29px;
  letter-spacing: -.06em;
  margin: 0 0 17px auto;
  line-height: 2;
}

.cta__box-01-txt-02-small {
  font-size: 18px;
  display: inline-block;
  margin: 0 0 0 -9px;
}

.cta__box-01-txt-03 {
  width: 340px;
  margin: 0 0 43px auto;
}

.cta__box-01-txt-04 {
  width: 333px;
  margin: 0 6px 0 auto;
}

.cta__box-01-arrow {
  width: 160px;
  margin: 0 90px 20px auto;
}

.cta__box-01-img {
  position: absolute;
  bottom: 50px;
  left: 44px;
  width: 299px;
}

.cta__btn {
  width: 621px;
  margin: 0 auto 69px;
}

.cta__box-02 {
  background: #fff;
  box-shadow: 4px 4px 10px 0 rgba(40, 40, 40, 0.3);
  border-radius: 20px;
  display: flex;
  padding: 18px 43px 11px 61px;
  color: #111b30;
  margin: 0 0 41px;
  font-weight: 400;
}

.cta__box-02:nth-of-type(2) {
  padding-bottom: 37px;
}

.cta__box-02-img {
  width: 172px;
  flex-shrink: 0;
  margin: 0 -18px 0 0;
}

.cta__box-02:nth-of-type(2) .cta__box-02-img {
  position: relative;
  left: -5px;
  bottom: -24px;
}

.cta__box-02-lyt {
  padding: 33px 0 0;
}

.cta__box-02-ttl {
  font-weight: 700;
  font-size: 27px;
  margin: 0 0 20px;
}

.cta__box-02-txt {
  font-size: 24px;
  width: 408px;
  margin: 0 0 21px auto;
  letter-spacing: .04em;
}

.cta__box-02-txt-asterisk {
  font-size: 14px;
  position: relative;
  top: -8px;
}

.cta__box-02-txt-annotation {
  font-size: 16px;
  text-align: right;
  padding: 0 0 0 0;
  font-weight: 400;
}

.feature {
  padding: 10.3%0 61px;
  background: #2b374a;
}

.feature__circle-container {
  display: flex;
  justify-content: center;
  margin: 0 0 32px;
}

.feature__circle {
  width: 220px;
  height: 220px;
  margin: 0 20px 0 0;
  background: #fff;
  border-radius: 50%;
  padding: 41px 0 0;
  color: #323d51;
  text-align: center;
  font-size: 30px;
}

.feature__circle:last-of-type {
  margin-right: 0;
}

.feature__circle-img {
  width: 90px;
  margin: 0 auto 13px;
}

.feature__circle-txt {
  font-weight: 400;
}

.feature__circle-txt-asterisk {
  font-size: 12px;
  position: relative;
  top: -16px;
  right: -4px;
}

.feature__circle-annotation {
  font-size: 12px;
  margin: -2px 0 0;
  font-weight: 400;
}

.feature__ttl {
  width: 694px;
  position: relative;
  left: 10px;
  margin: 0 auto 21px;
}

.feature__annotation {
  font-size: 12px;
  padding: 0 0 0 30px;
  line-height: 1.333333333333333;
  letter-spacing: -.07em;
  margin: 0 0 20px;
  font-weight: 400;
}

.feature__annotation.is-02 {
  letter-spacing: .04em;
  margin: 0 0 47px;
}

.feature__txt-01 {
  width: 700px;
  margin: 0 auto 22px;
}

.feature__txt-02 {
  width: 683px;
  margin: 0 auto;
}

.feature__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.feature__list-item {
  width: 167px;
  text-align: center;
  margin: 0 10px 18px 0;
  border: 2px solid #fff;
  border-radius: 10px;
  font-size: 23px;
  letter-spacing: .12em;
  padding: 16px 0;
  font-weight: 400;
}

.feature__list-item:nth-of-type(4n) {
  margin-right: 0;
}

.feature__list-item.is-small {
  font-size: 20px;
  letter-spacing: 0;
}

.feature__list-item-asterisk {
  font-size: 14px;
  position: relative;
  top: -6px;
  right: -2px;
}

.feature__arrow {
  width: 600px;
  margin: 0 auto 50px;
}

.step {
  background: #111b30;
  padding: 149px 0 59px;
  z-index: 110;
}

.step__unit {
  margin: 0 0 95px;
}

.step__unit:nth-of-type(2) {
  margin-bottom: 117px;
}

.step__unit:last-of-type {
  margin-bottom: 0;
}

.step__unit-txt-01 {
  position: relative;
  text-align: center;
  font-size: 29px;
  margin: 0 0 36px;
}

.step__unit-txt-01::before, .step__unit-txt-01::after {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 54%;
  transform: translateY(-50%);
  left: 20px;
}

.step__unit-txt-01::after {
  left: auto;
  right: 20px;
}

.step__unit:nth-of-type(3) .step__unit-txt-01 {
  margin-bottom: 40px;
}

.step__unit-txt-02 {
  font-weight: 400;
  line-height: 1.8;
  margin: 0 0 28px;
  font-size: 22px;
}

.step__unit:nth-of-type(2) .step__unit-txt-02 {
  margin-bottom: 16px;
}

.step__unit:nth-of-type(3) .step__unit-txt-02 {
  margin-bottom: 16px;
}

.step__unit-txt-02-asterisk {
  font-size: 12px;
}

.step__unit-ttl {
  width: 536px;
  margin: 0 auto 25px;
}

.step__unit:nth-of-type(2) .step__unit-ttl {
  width: 612px;
  margin-bottom: 35px;
}

.step__unit:nth-of-type(2) .step__unit-ttl.is-02 {
  width: 402px;
  margin-top: 50px;
  margin-bottom: 17px;
}

.step__unit:nth-of-type(3) .step__unit-ttl {
  width: 500px;
  margin-bottom: 55px;
}

.step__unit-ttl-en {
  font-family: "Roboto", sans-serif;
  font-size: 27px;
  font-weight: 500;
  display: inline-block;
  margin: 0 20px 0 0;
}

.step__unit-ttl-asterisk {
  font-size: 12px;
  position: relative;
  top: -13px;
}

.step__unit-list {
  display: flex;
  justify-content: center;
  margin: 0 0 45px;
}

.step__unit-list-item {
  width: 120px;
  background: #fff;
  color: #111b30;
  text-align: center;
  font-size: 17px;
  margin: 0 13px 0 0;
  border-radius: 10px;
  letter-spacing: .08em;
  padding: 10px 0;
}

.step__unit-list-item:last-of-type {
  margin-right: 0;
}

.step__unit-list-item.is-small {
  font-size: 14px;
  letter-spacing: 0;
}

.step__unit-list-item-asterisk {
  position: relative;
  top: -5px;
  font-size: 12px;
}

.step__unit-img {
  width: 700px;
  margin: 0 auto 13px;
}

.step__unit-annotation {
  font-weight: 400;
  font-size: 12px;
}

.step__unit-annotation.is-image {
  text-align: right;
  padding: 0 27px 0 0;
  margin: 0 0 9px;
}

.step__unit-annotation.is-ttl {
  text-align: right;
  padding: 0 29px 0 0;
  margin: 0 0 9px;
}

.step__unit-annotation.is-graph {
  padding: 0 24px;
}

.step__unit-txt-02-container {
  padding: 0 31px;
}

.step__unit-graph-container {
  display: flex;
  justify-content: center;
  margin: 0 0 11px;
}

.step__unit-graph {
  width: 330px;
  margin: 0 40px 0 0;
  flex-shrink: 0;
}

.step__unit-graph:last-of-type {
  margin-right: 0;
}

.step__unit-graph-ttl {
  text-align: center;
  font-size: 26px;
  line-height: 1.2;
  margin: 0 0 11px;
}

.step__unit-graph-num {
  font-family: "Roboto", sans-serif;
  font-size: 38px;
  display: inline-block;
}

.about {
  color: #323d51;
}

.about__unit {
  position: relative;
  margin: 0 0 -107px;
}

.about__unit:nth-of-type(1) {
  z-index: 50;
}

.about__unit:nth-of-type(2) {
  z-index: 40;
  margin-bottom: -72px;
}

.about__unit:nth-of-type(3) {
  z-index: 30;
  margin-bottom: -125px;
}

.about__unit:nth-of-type(4) {
  z-index: 20;
}

.about__unit:last-of-type {
  margin-bottom: 0;
  text-align: center;
}

.about__unit-lyt {
  position: absolute;
  top: 201px;
  left: 64px;
}

.about__unit:nth-of-type(2) .about__unit-lyt {
  top: 170px;
  left: 64px;
}

.about__unit:nth-of-type(3) .about__unit-lyt {
  top: 151px;
  left: auto;
  right: 0;
}

.about__unit:nth-of-type(4) .about__unit-lyt {
  top: 163px;
  left: auto;
  right: 0;
}

.about__unit-ttl-01 {
  width: 275px;
  margin: 0 0 16px;
}

.about__unit-ttl-02 {
  font-size: 33px;
  background: #fff;
  display: inline-block;
  font-weight: 700;
}

.about__unit:nth-of-type(4) .about__unit-ttl-02 {
  padding: 4px 30px;
  position: relative;
  left: -25px;
}

.about__unit-ttl-03 {
  font-size: 33px;
  margin: 0 0 15px;
}

.about__unit:nth-of-type(3) .about__unit-ttl-03 {
  position: relative;
  left: 55px;
  width: 280px;
}

.about__unit-txt-01 {
  text-align: center;
  line-height: 1.8;
}

.about__unit-txt-02 {
  width: 447px;
  margin: 10px auto 105px;
}

.about__unit-txt-03 {
  font-weight: 400;
  font-size: 19px;
  text-align: center;
  width: 291px;
  line-height: 1.6;
  letter-spacing: .02em;
}

.about__unit:nth-of-type(3) .about__unit-txt-03 {
  width: 422px;
}

.about__unit-img-02 {
  width: 710px;
  position: relative;
  top: 15px;
  left: -20px;
  margin: 0 auto;
}

.about__unit-circle-container {
  display: flex;
  position: relative;
  left: 14px;
  margin: 0 0 15px;
  width: 272px;
}

.about__unit:nth-of-type(3) .about__unit-circle-container {
  left: 57px;
}

.about__unit-circle {
  width: 130px;
  text-align: center;
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  border-radius: 50%;
  border: 2px solid #323d51;
  margin: 0 12px 0 0;
  letter-spacing: -.1em;
  font-weight: 400;
}

.about__unit-circle:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 1050px) and (min-width: 791px) {
  .common__decoration.is-cta.is-02 {
    margin: 0 0 calc(50% - 59%);
  }
}

@media screen and (max-width: 790px) and (min-width: 751px) {
  body {
    font-size: min(calc(24 / 790 * 100vw), 24px);
  }
  
  .common__annotation {
    font-size: min(calc(18 / 790 * 100vw), 18px);
  }

  .common__decoration.is-cta.is-02 {
    margin: 0 0 -9%;
  }
  
  .inner {
    padding: 0 min(calc(20 / 790 * 100vw), 20px);
  }

  .fixed {
    padding: min(calc(20 / 790 * 100vw), 20px) 0;
  }
  
  .fv__header {
    padding: min(calc(20 / 790 * 100vw), 20px) 0;
  }
  
  .fv__header-logo {
    width: min(calc(150 / 790 * 100vw), 150px);
  }
  
  .fv__main {
    padding: min(calc(49 / 790 * 100vw), 49px) 0 min(calc(9 / 790 * 100vw), 9px);
  }
  
  .fv__wrapper {
    margin: 0 0 min(calc(24 / 790 * 100vw), 24px);
  }
  
  .fv__ttl {
    width: min(calc(646 / 790 * 100vw), 646px);
    left: min(calc(6 / 790 * 100vw), 6px);
  }
  
  .fv__lyt {
    left: min(calc(30 / 790 * 100vw), 30px);
    top: min(calc(90 / 790 * 100vw), 90px);
  }
  
  .fv__img-01 {
    top: min(calc(67 / 790 * 100vw), 67px);
    width: min(calc(183 / 790 * 100vw), 183px);
  }
  
  .fv__img-02 {
    width: min(calc(192 / 790 * 100vw), 192px);
    margin: 0 0 min(calc(16 / 790 * 100vw), 16px);
  }
  
  .fv__img-03 {
    width: min(calc(196 / 790 * 100vw), 196px);
  }
  
  .fv__annotation {
    font-size: min(calc(16 / 790 * 100vw), 16px);
    padding: 0 0 0 min(calc(31 / 790 * 100vw), 31px);
  }
  
  .intro {
    padding: min(calc(171 / 790 * 100vw), 171px) 0 min(calc(58 / 790 * 100vw), 58px);
  }
  
  .intro__ttl {
    width: min(calc(687 / 790 * 100vw), 687px);
    margin: 0 auto min(calc(40 / 790 * 100vw), 40px);
  }
  
  .intro__img {
    margin: 0 0 min(calc(11 / 790 * 100vw), 11px);
  }
  
  .intro__annotation {
    font-size: min(calc(16 / 790 * 100vw), 16px);
    padding: 0 min(calc(30 / 790 * 100vw), 30px) 0 0;
    margin: 0 0 min(calc(10 / 790 * 100vw), 10px);
  }
  
  .intro__txt {
    width: min(calc(708 / 790 * 100vw), 708px);
    margin: 0 auto min(calc(17 / 790 * 100vw), 17px);
  }
  
  .intro .common__annotation {
    padding: 0 0 0 min(calc(30 / 790 * 100vw), 30px);
  }
  
  .reason {
    padding: min(calc(47 / 790 * 100vw), 47px) 0 min(calc(51 / 790 * 100vw), 51px);
  }
  
  .reason__ttl {
    font-size: min(calc(45 / 790 * 100vw), 45px);
    margin: 0 0 min(calc(29 / 790 * 100vw), 29px);
  }
  
  .reason__ttl-small {
    font-size: min(calc(34 / 790 * 100vw), 34px);
    margin: 0 0 min(calc(9 / 790 * 100vw), 9px);
  }
  
  .reason__box-container {
    margin: 0 0 min(calc(30 / 790 * 100vw), 30px);
  }
  
  .reason__box {
    border-radius: min(calc(20 / 790 * 100vw), 20px);
    padding: min(calc(14 / 790 * 100vw), 14px) 0 min(calc(8 / 790 * 100vw), 8px) min(calc(76 / 790 * 100vw), 76px);
    box-shadow: min(calc(4 / 790 * 100vw), 4px) min(calc(4 / 790 * 100vw), 4px) min(calc(6 / 790 * 100vw), 6px) 0 rgba(67, 67, 67, 0.3);
    margin: 0 0 min(calc(38 / 790 * 100vw), 38px);
  }
  
  .reason__box-img {
    width: min(calc(210 / 790 * 100vw), 210px);
    margin: 0 min(calc(54 / 790 * 100vw), 54px) 0 0;
  }
  
  .reason__box-txt {
    border-radius: min(calc(10 / 790 * 100vw), 10px);
    width: min(calc(330 / 790 * 100vw), 330px);
    font-size: min(calc(17 / 790 * 100vw), 17px);
    padding: min(calc(30 / 790 * 100vw), 30px) min(calc(5 / 790 * 100vw), 5px) min(calc(30 / 790 * 100vw), 30px) min(calc(13 / 790 * 100vw), 13px);
  }
  
  .reason__box-txt::after {
    left: max(calc(-17 / 790 * 100vw), -17px);
    border-top: min(calc(12 / 790 * 100vw), 12px) solid transparent;
    border-bottom: min(calc(12 / 790 * 100vw), 12px) solid transparent;
    border-right: min(calc(24 / 790 * 100vw), 24px) solid #ffffff;
  }
  
  .reason .common__annotation {
    padding: 0 0 0 min(calc(54 / 790 * 100vw), 54px);
  }
  
  .cta {
    padding: min(calc(233 / 790 * 100vw), 233px) 0 min(calc(22 / 790 * 100vw), 22px);
  }
  
  .cta.is-03 {
    padding: min(calc(112 / 790 * 100vw), 112px) 0 min(calc(22 / 790 * 100vw), 22px);
  }
  
  .cta__box-01 {
    border-radius: min(calc(20 / 790 * 100vw), 20px);
    box-shadow: min(calc(4 / 790 * 100vw), 4px) min(calc(7 / 790 * 100vw), 7px) min(calc(16 / 790 * 100vw), 16px) 0 rgba(65, 65, 65, 0.4);
    padding: 0 min(calc(58 / 790 * 100vw), 58px) min(calc(59 / 790 * 100vw), 59px);
    margin: 0 0 min(calc(71 / 790 * 100vw), 71px);
  }
  
  .cta__box-01-ttl {
    width: min(calc(598 / 790 * 100vw), 598px);
    top: max(calc(-56 / 790 * 100vw), -56px);
    margin: 0 auto max(calc(-20 / 790 * 100vw), -20px);
  }
  
  .cta__box-01-txt-01 {
    width: min(calc(618 / 790 * 100vw), 618px);
    margin: 0 auto min(calc(38 / 790 * 100vw), 38px);
  }
  
  .cta__box-01-txt-02 {
    width: min(calc(451 / 790 * 100vw), 451px);
    font-size: min(calc(29 / 790 * 100vw), 29px);
    margin: 0 0 min(calc(17 / 790 * 100vw), 17px) auto;
  }
  
  .cta__box-01-txt-02-small {
    font-size: min(calc(18 / 790 * 100vw), 18px);
    margin: 0 0 0 max(calc(-9 / 790 * 100vw), -9px);
  }
  
  .cta__box-01-txt-03 {
    width: min(calc(340 / 790 * 100vw), 340px);
    margin: 0 0 min(calc(43 / 790 * 100vw), 43px) auto;
  }
  
  .cta__box-01-txt-04 {
    width: min(calc(333 / 790 * 100vw), 333px);
    margin: 0 min(calc(6 / 790 * 100vw), 6px) 0 auto;
  }
  
  .cta__box-01-arrow {
    width: min(calc(160 / 790 * 100vw), 160px);
    margin: 0 min(calc(90 / 790 * 100vw), 90px) min(calc(20 / 790 * 100vw), 20px) auto;
  }
  
  .cta__box-01-img {
    bottom: min(calc(50 / 790 * 100vw), 50px);
    left: min(calc(44 / 790 * 100vw), 44px);
    width: min(calc(299 / 790 * 100vw), 299px);
  }
  
  .cta__btn {
    width: min(calc(621 / 790 * 100vw), 621px);
    margin: 0 auto min(calc(69 / 790 * 100vw), 69px);
  }
  
  .cta__box-02 {
    box-shadow: min(calc(4 / 790 * 100vw), 4px) min(calc(4 / 790 * 100vw), 4px) min(calc(10 / 790 * 100vw), 10px) 0 rgba(40, 40, 40, 0.3);
    border-radius: min(calc(20 / 790 * 100vw), 20px);
    padding: min(calc(18 / 790 * 100vw), 18px) min(calc(43 / 790 * 100vw), 43px) min(calc(11 / 790 * 100vw), 11px) min(calc(61 / 790 * 100vw), 61px);
    margin: 0 0 min(calc(41 / 790 * 100vw), 41px);
  }
  
  .cta__box-02:nth-of-type(2) {
    padding-bottom: min(calc(37 / 790 * 100vw), 37px);
  }
  
  .cta__box-02-img {
    width: min(calc(172 / 790 * 100vw), 172px);
    margin: 0 max(calc(-18 / 790 * 100vw), -18px) 0 0;
  }
  
  .cta__box-02:nth-of-type(2) .cta__box-02-img {
    left: max(calc(-5 / 790 * 100vw), -5px);
    bottom: max(calc(-24 / 790 * 100vw), -24px);
  }
  
  .cta__box-02-lyt {
    padding: min(calc(33 / 790 * 100vw), 33px) 0 0;
  }
  
  .cta__box-02-ttl {
    font-size: min(calc(27 / 790 * 100vw), 27px);
    margin: 0 0 min(calc(20 / 790 * 100vw), 20px);
  }
  
  .cta__box-02-txt {
    font-size: min(calc(24 / 790 * 100vw), 24px);
    width: min(calc(408 / 790 * 100vw), 408px);
    margin: 0 0 min(calc(21 / 790 * 100vw), 21px) auto;
  }

  .cta__box-02-txt-asterisk {
    font-size: min(calc(14 / 790 * 100vw), 14px);
    top: max(calc(-8 / 790 * 100vw), -8px);
  }
  
  .cta__box-02-txt-annotation {
    font-size: min(calc(16 / 790 * 100vw), 16px);
  }
  
  .feature {
    padding: min(calc(155 / 790 * 100vw), 155px) 0 min(calc(61 / 790 * 100vw), 61px);
  }
  
  .feature__circle-container {
    margin: 0 0 min(calc(32 / 790 * 100vw), 32px);
  }
  
  .feature__circle {
    width: min(calc(220 / 790 * 100vw), 220px);
    height: min(calc(220 / 790 * 100vw), 220px);
    margin: 0 min(calc(20 / 790 * 100vw), 20px) 0 0;
    padding: min(calc(41 / 790 * 100vw), 41px) 0 0;
    font-size: min(calc(30 / 790 * 100vw), 30px);
  }
  
  .feature__circle-img {
    width: min(calc(90 / 790 * 100vw), 90px);
    margin: 0 auto min(calc(13 / 790 * 100vw), 13px);
  }
  
  .feature__circle-txt-asterisk {
    font-size: min(calc(12 / 790 * 100vw), 12px);
    top: max(calc(-16 / 790 * 100vw), -16px);
    right: max(calc(-4 / 790 * 100vw), -4px);
  }
  
  .feature__circle-annotation {
    font-size: min(calc(12 / 790 * 100vw), 12px);
    margin: max(calc(-2 / 790 * 100vw), -2px)  0 0;
  }
  
  .feature__ttl {
    width: min(calc(694 / 790 * 100vw), 694px);
    left: min(calc(10 / 790 * 100vw), 10px);
    margin: 0 auto min(calc(21 / 790 * 100vw), 21px);
  }
  
  .feature__annotation {
    font-size: min(calc(12 / 790 * 100vw), 12px);
    padding: 0 0 0 min(calc(30 / 790 * 100vw), 30px);
    margin: 0 0 min(calc(20 / 790 * 100vw), 20px);
  }
  
  .feature__annotation.is-02 {
    margin: 0 0 min(calc(47 / 790 * 100vw), 47px);
  }
  
  .feature__txt-01 {
    width: min(calc(700 / 790 * 100vw), 700px);
    margin: 0 auto min(calc(22 / 790 * 100vw), 22px);
  }
  
  .feature__txt-02 {
    width: min(calc(683 / 790 * 100vw), 683px);
  }
  
  .feature__list-item {
    width: min(calc(167 / 790 * 100vw), 167px);
    margin: 0 min(calc(10 / 790 * 100vw), 10px) min(calc(18 / 790 * 100vw), 18px) 0;
    border: min(calc(2 / 790 * 100vw), 2px) solid #fff;
    border-radius: min(calc(10 / 790 * 100vw), 10px);
    font-size: min(calc(23 / 790 * 100vw), 23px);
    padding: min(calc(16 / 790 * 100vw), 16px) 0;
  }
  
  .feature__list-item.is-small {
    font-size: min(calc(20 / 790 * 100vw), 20px);
  }
  
  .feature__list-item-asterisk {
    font-size: min(calc(14 / 790 * 100vw), 14px);
    top: max(calc(-6 / 790 * 100vw), -6px);
    right: max(calc(-2 / 790 * 100vw), -2px);
  }
  
  .feature__arrow {
    width: min(calc(600 / 790 * 100vw), 600px);
    margin: 0 auto min(calc(50 / 790 * 100vw), 50px);
  }
  
  .step {
    padding: min(calc(149 / 790 * 100vw), 149px) 0 min(calc(59 / 790 * 100vw), 59px);
  }
  
  .step__unit {
    margin: 0 0 min(calc(95 / 790 * 100vw), 95px);
  }
  
  .step__unit:nth-of-type(2) {
    margin-bottom: min(calc(117 / 790 * 100vw), 117px);
  }
  
  .step__unit-txt-01 {
    font-size: min(calc(29 / 790 * 100vw), 29px);
    margin: 0 0 min(calc(36 / 790 * 100vw), 36px);
  }
  
  .step__unit-txt-01::before, .step__unit-txt-01::after {
    width: min(calc(100 / 790 * 100vw), 100px);
    left: min(calc(20 / 790 * 100vw), 20px);
  }
  
  .step__unit-txt-01::after {
    right: min(calc(20 / 790 * 100vw), 20px);
  }
  
  .step__unit:nth-of-type(3) .step__unit-txt-01 {
    margin-bottom: min(calc(40 / 790 * 100vw), 40px);
  }
  
  .step__unit-txt-02 {
    margin: 0 0 min(calc(28 / 790 * 100vw), 28px);
    font-size: min(calc(22 / 790 * 100vw), 22px);
  }
  
  .step__unit:nth-of-type(2) .step__unit-txt-02 {
    margin-bottom: min(calc(16 / 790 * 100vw), 16px);
  }
  
  .step__unit:nth-of-type(3) .step__unit-txt-02 {
    margin-bottom: min(calc(16 / 790 * 100vw), 16px);
  }
  
  .step__unit-txt-02-asterisk {
    font-size: min(calc(12 / 790 * 100vw), 12px);
  }
  
  .step__unit-ttl {
    width: min(calc(536 / 790 * 100vw), 536px);
    margin: 0 auto min(calc(25 / 790 * 100vw), 25px);
  }
  
  .step__unit:nth-of-type(2) .step__unit-ttl {
    width: min(calc(612 / 790 * 100vw), 612px);
    margin-bottom: min(calc(35 / 790 * 100vw), 35px);
  }
  
  .step__unit:nth-of-type(2) .step__unit-ttl.is-02 {
    width: min(calc(402 / 790 * 100vw), 402px);
    margin-top: min(calc(50 / 790 * 100vw), 50px);
    margin-bottom: min(calc(17 / 790 * 100vw), 17px);
  }
  
  .step__unit:nth-of-type(3) .step__unit-ttl {
    width: min(calc(500 / 790 * 100vw), 500px);
    margin-bottom: min(calc(55 / 790 * 100vw), 55px);
  }
  
  .step__unit-ttl-en {
    font-size: min(calc(27 / 790 * 100vw), 27px);
    margin: 0 min(calc(20 / 790 * 100vw), 20px) 0 0;
  }
  
  .step__unit-ttl-asterisk {
    font-size: min(calc(12 / 790 * 100vw), 12px);
    top: max(calc(-13 / 790 * 100vw), -13px);
  }
  
  .step__unit-list {
    margin: 0 0 min(calc(45 / 790 * 100vw), 45px);
  }
  
  .step__unit-list-item {
    width: min(calc(120 / 790 * 100vw), 120px);
    font-size: min(calc(17 / 790 * 100vw), 17px);
    margin: 0 min(calc(13 / 790 * 100vw), 13px) 0 0;
    border-radius: min(calc(10 / 790 * 100vw), 10px);
    padding: min(calc(10 / 790 * 100vw), 10px) 0;
  }
  
  .step__unit-list-item.is-small {
    font-size: min(calc(14 / 790 * 100vw), 14px);
  }
  
  .step__unit-list-item-asterisk {
    top: max(calc(-5 / 790 * 100vw), -5px);
    font-size: min(calc(12 / 790 * 100vw), 12px);
  }
  
  .step__unit-img {
    width: min(calc(700 / 790 * 100vw), 700px);
    margin: 0 auto min(calc(13 / 790 * 100vw), 13px);
  }
  
  .step__unit-annotation {
    font-size: min(calc(12 / 790 * 100vw), 12px);
  }
  
  .step__unit-annotation.is-image {
    padding: 0 min(calc(27 / 790 * 100vw), 27px) 0 0;
    margin: 0 0 min(calc(9 / 790 * 100vw), 9px);
  }
  
  .step__unit-annotation.is-ttl {
    padding: 0 min(calc(29 / 790 * 100vw), 29px) 0 0;
    margin: 0 0 min(calc(9 / 790 * 100vw), 9px);
  }
  
  .step__unit-annotation.is-graph {
    padding: 0 min(calc(24 / 790 * 100vw), 24px);
  }
  
  .step__unit-txt-02-container {
    padding: 0 min(calc(31 / 790 * 100vw), 31px);
  }
  
  .step__unit-graph-container {
    margin: 0 0 min(calc(11 / 790 * 100vw), 11px);
  }
  
  .step__unit-graph {
    width: min(calc(330 / 790 * 100vw), 330px);
    margin: 0 min(calc(40 / 790 * 100vw), 40px) 0 0;
  }
  
  .step__unit-graph-ttl {
    font-size: min(calc(26 / 790 * 100vw), 26px);
    margin: 0 0 min(calc(11 / 790 * 100vw), 11px);
  }
  
  .step__unit-graph-num {
    font-size: min(calc(38 / 790 * 100vw), 38px);
  }
  
  .about__unit {
    margin: 0 0 max(calc(-107 / 790 * 100vw), -107px);
  }
  
  .about__unit:nth-of-type(2) {
    margin-bottom: max(calc(-72 / 790 * 100vw), -72px);
  }
  
  .about__unit:nth-of-type(3) {
    margin-bottom: max(calc(-125 / 790 * 100vw), -125px);
  }
  
  .about__unit-lyt {
    top: min(calc(201 / 790 * 100vw), 201px);
    left: min(calc(64 / 790 * 100vw), 64px);
  }
  
  .about__unit:nth-of-type(2) .about__unit-lyt {
    top: min(calc(170 / 790 * 100vw), 170px);
    left: min(calc(64 / 790 * 100vw), 64px);
  }
  
  .about__unit:nth-of-type(3) .about__unit-lyt {
    top: min(calc(151 / 790 * 100vw), 151px);
  }
  
  .about__unit:nth-of-type(4) .about__unit-lyt {
    top: min(calc(163 / 790 * 100vw), 163px);
  }
  
  .about__unit-ttl-01 {
    width: min(calc(275 / 790 * 100vw), 275px);
    margin: 0 0 min(calc(16 / 790 * 100vw), 16px);
  }
  
  .about__unit-ttl-02 {
    font-size: min(calc(33 / 790 * 100vw), 33px);
  }
  
  .about__unit:nth-of-type(4) .about__unit-ttl-02 {
    padding: min(calc(4 / 790 * 100vw), 4px) min(calc(30 / 790 * 100vw), 30px);
    left: max(calc(-25 / 790 * 100vw), -25px);
  }
  
  .about__unit-ttl-03 {
    font-size: min(calc(33 / 790 * 100vw), 33px);
    margin: 0 0 min(calc(15 / 790 * 100vw), 15px);
  }
  
  .about__unit:nth-of-type(3) .about__unit-ttl-03 {
    left: min(calc(55 / 790 * 100vw), 55px);
    width: min(calc(280 / 790 * 100vw), 100vw);
  }
  
  .about__unit-txt-02 {
    width: min(calc(447 / 790 * 100vw), 447px);
    margin: min(calc(10 / 790 * 100vw), 10px) auto min(calc(105 / 790 * 100vw), 105px);
  }
  
  .about__unit-txt-03 {
    font-size: min(calc(19 / 790 * 100vw), 19px);
    width: min(calc(291 / 790 * 100vw), 291px);
  }
  
  .about__unit:nth-of-type(3) .about__unit-txt-03 {
    width: min(calc(422 / 790 * 100vw), 422px);
  }
  
  .about__unit-img-02 {
    width: min(calc(710 / 790 * 100vw), 710px);
    top: min(calc(15 / 790 * 100vw), 15px);
    left: max(calc(-20 / 790 * 100vw), -20px);
  }
  
  .about__unit-circle-container {
    left: min(calc(14 / 790 * 100vw), 14px);
    margin: 0 0 min(calc(15 / 790 * 100vw), 15px);
    width: min(calc(272 / 790 * 100vw), 272px);
  }
  
  .about__unit:nth-of-type(3) .about__unit-circle-container {
    left: min(calc(57 / 790 * 100vw), 57px);
  }
  
  .about__unit-circle {
    width: min(calc(130 / 790 * 100vw), 130px);
    height: min(calc(130 / 790 * 100vw), 130px);
    font-size: min(calc(18 / 790 * 100vw), 18px);
    border: min(calc(2 / 790 * 100vw), 2px) solid #323d51;
    margin: 0 min(calc(12 / 790 * 100vw), 12px) 0 0;
  }
}

@media screen and (max-width: 750px) {
  body {
    font-size: min(calc(24 / 750 * 100vw), 24px);
  }
  
  .common__annotation {
    font-size: min(calc(18 / 750 * 100vw), 18px);
  }

  .common__decoration {
    margin-bottom: -11.9%;
  }
  
  .inner {
    padding: 0 4%;
  }

  .fixed {
    padding: 3.2% 0;
  }

  .fv {
    background: url(../img/fv_bg_sp.png) bottom center / cover;
  }
  
  .fv__header {
    padding: 5% 0;
    background: none;
  }
  
  .fv__header-logo {
    width: 27.5%;
  }
  
  .fv__main {
    padding: 0 0 6.2%;
  }

  .fv__main .inner {
    padding: 0 2.2%;
  }
  
  .fv__wrapper {
    margin: 0 0 -4.4%;
  }
  
  .fv__ttl {
    width: 100%;
    left: 0;
  }
  
  .fv__lyt {
    left: 2.1%;
    top: 30.5%;
    width: 33.7%;
  }
  
  .fv__img-01 {
    top: 9.6%;
    width: 41.7%;
  }
  
  .fv__img-02 {
    width: 98.2%;
    margin: 0 0 11.8%;
  }
  
  .fv__img-03 {
    width: 99%;
  }
  
  .fv__annotation {
    font-size: min(calc(16 / 750 * 100vw), 16px);
    padding: 0 0 0 1.8%;
  }
  
  .intro {
    padding: 20.7% 0 7.7%;
  }
  
  .intro__ttl {
    width: min(calc(687 / 750 * 100vw), 687px);
    margin: 0 auto min(calc(40 / 750 * 100vw), 40px);
  }
  
  .intro__img {
    margin: 0 0 min(calc(11 / 750 * 100vw), 11px);
  }
  
  .intro__annotation {
    font-size: min(calc(16 / 750 * 100vw), 16px);
    padding: 0 0 0 0;
    margin: 0 0 1%;
  }
  
  .intro__txt {
    width: 103%;
    margin: 0 0 2.3% -1.1%;
  }
  
  .intro .common__annotation {
    padding: 0 0 0 0;
  }
  
  .reason {
    padding: 6.5% 0 6.7%;
  }
  
  .reason__ttl {
    font-size: min(calc(45 / 750 * 100vw), 45px);
    margin: 0 0 4%;
  }
  
  .reason__ttl-small {
    font-size: min(calc(34 / 750 * 100vw), 34px);
    margin: 0 0 min(calc(9 / 750 * 100vw), 9px);
  }
  
  .reason__box-container {
    margin: 0 auto 5%;
    width: 93%;
  }
  
  .reason__box {
    border-radius: min(calc(20 / 750 * 100vw), 20px);
    padding: 2.5% 0 1% 7.6%;
    box-shadow: min(calc(4 / 750 * 100vw), 4px) min(calc(4 / 750 * 100vw), 4px) min(calc(6 / 750 * 100vw), 6px) 0 rgba(67, 67, 67, 0.3);
    margin: 0 0 6.3%;
  }
  
  .reason__box-img {
    width: 35%;
    margin: 0 7% 0 0;
  }
  
  .reason__box-txt {
    border-radius: min(calc(10 / 750 * 100vw), 10px);
    width: 50.6%;
    font-size: min(calc(16 / 750 * 100vw), 16px);
    padding: 5% 3% 5% 2%;
  }
  
  .reason__box-txt::after {
    left: max(calc(-17 / 750 * 100vw), -17px);
    border-top: min(calc(12 / 750 * 100vw), 12px) solid transparent;
    border-bottom: min(calc(12 / 750 * 100vw), 12px) solid transparent;
    border-right: min(calc(24 / 750 * 100vw), 24px) solid #ffffff;
  }
  
  .reason .common__annotation {
    padding: 0 0 0 3.4%;
  }
  
  .cta {
    padding: 28% 0 2.4%;
  }
  
  .cta.is-03 {
    padding: 15% 0 3%;
  }
  
  .cta__box-01 {
    border-radius: min(calc(20 / 750 * 100vw), 20px);
    box-shadow: min(calc(4 / 750 * 100vw), 4px) min(calc(7 / 750 * 100vw), 7px) min(calc(16 / 750 * 100vw), 16px) 0 rgba(65, 65, 65, 0.4);
    padding: 0 4% 8.5%;
    margin: 0 0 10.6%;
  }
  
  .cta__box-01-ttl {
    width: 94%;
    top: max(calc(-56 / 750 * 100vw), -56px);
    margin: 0 auto -3.1%;
  }
  
  .cta__box-01-txt-01 {
    width: min(calc(618 / 750 * 100vw), 618px);
    margin: 0 auto min(calc(38 / 750 * 100vw), 38px);
  }
  
  .cta__box-01-txt-02 {
    width: 70.1%;
    font-size: min(calc(29 / 750 * 100vw), 29px);
    margin: 0 0 3% auto;
  }
  
  .cta__box-01-txt-02-small {
    font-size: min(calc(18 / 750 * 100vw), 18px);
    margin: 0 0 0 max(calc(-9 / 750 * 100vw), -9px);
  }
  
  .cta__box-01-txt-03 {
    width: 53.8%;
    margin: 0 0 6.6% auto;
  }
  
  .cta__box-01-txt-04 {
    width: min(calc(333 / 750 * 100vw), 333px);
    margin: 0 min(calc(6 / 750 * 100vw), 6px) 0 auto;
  }
  
  .cta__box-01-arrow {
    width: 25%;
    margin: 0 14% 3.4% auto;
  }
  
  .cta__box-01-img {
    bottom: 6.2%;
    left: 2%;
    width: 43.4%;
  }
  
  .cta__btn {
    width: 90%;
    margin: 0 auto 9.6%;
  }
  
  .cta__box-02 {
    box-shadow: min(calc(4 / 750 * 100vw), 4px) min(calc(4 / 750 * 100vw), 4px) min(calc(10 / 750 * 100vw), 10px) 0 rgba(40, 40, 40, 0.3);
    border-radius: min(calc(20 / 750 * 100vw), 20px);
    padding: 2.6% 1.5% 1.2% 4.5%;
    margin: 0 0 5.8%;
  }
  
  .cta__box-02:nth-of-type(2) {
    padding-bottom: 5.6%;
  }
  
  .cta__box-02-img {
    width: 26.6%;
    margin: 0 max(calc(-18 / 750 * 100vw), -18px) 0 0;
  }
  
  .cta__box-02:nth-of-type(2) .cta__box-02-img {
    left: max(calc(-5 / 750 * 100vw), -5px);
    bottom: max(calc(-24 / 750 * 100vw), -24px);
  }
  
  .cta__box-02-lyt {
    padding: min(calc(33 / 750 * 100vw), 33px) 0 0;
  }
  
  .cta__box-02-ttl {
    font-size: min(calc(27 / 750 * 100vw), 27px);
    margin: 0 0 4.5%;
  }
  
  .cta__box-02-txt {
    font-size: min(calc(24 / 750 * 100vw), 24px);
    width: min(calc(408 / 750 * 100vw), 408px);
    margin: 0 0 3.9% auto;
  }

  .cta__box-02-txt-asterisk {
    font-size: min(calc(14 / 750 * 100vw), 14px);
    top: max(calc(-8 / 750 * 100vw), -8px);
  }
  
  .cta__box-02-txt-annotation {
    font-size: min(calc(16 / 750 * 100vw), 16px);
  }
  
  .feature {
    padding: 18.4% 0 8%;
  }

  .feature .inner {
    padding: 0 3%;
  }
  
  .feature__circle-container {
    margin: 0 0 min(calc(32 / 750 * 100vw), 32px);
  }
  
  .feature__circle {
    width: 31%;
    height: min(calc(220 / 750 * 100vw), 220px);
    margin: 0 3% 0 0;
    padding: 5.5% 0 0;
    font-size: min(calc(30 / 750 * 100vw), 30px);
  }
  
  .feature__circle-img {
    width: 41%;
    margin: 0 auto 6.4%;
  }
  
  .feature__circle-txt-asterisk {
    font-size: min(calc(12 / 750 * 100vw), 12px);
    top: max(calc(-16 / 750 * 100vw), -16px);
    right: -3.9%;
  }
  
  .feature__circle-annotation {
    font-size: min(calc(12 / 750 * 100vw), 12px);
    margin: -1% 0 0;
  }
  
  .feature__ttl {
    width: 98%;
    left: 0;
    margin: 0 auto 2.8%;
  }
  
  .feature__annotation {
    font-size: min(calc(12 / 750 * 100vw), 12px);
    padding: 0 0 0 1.1%;
    margin: 0 0 3.1%;
    letter-spacing: -.09em;
  }
  
  .feature__annotation.is-02 {
    margin: 0 0 min(calc(47 / 750 * 100vw), 47px);
  }
  
  .feature__txt-01 {
    width: 99%;
    margin: 0 auto 3%;
  }
  
  .feature__txt-02 {
    width: min(calc(683 / 750 * 100vw), 683px);
  }
  
  .feature__list-item {
    width: 24%;
    margin: 0 1% 2.2% 0;
    border: min(calc(2 / 750 * 100vw), 2px) solid #fff;
    border-radius: min(calc(10 / 750 * 100vw), 10px);
    font-size: min(calc(23 / 750 * 100vw), 23px);
    padding: 2.5% 0;
  }
  
  .feature__list-item.is-small {
    font-size: min(calc(20 / 750 * 100vw), 20px);
  }
  
  .feature__list-item-asterisk {
    font-size: min(calc(14 / 750 * 100vw), 14px);
    top: max(calc(-6 / 750 * 100vw), -6px);
    right: -1%;
  }
  
  .feature__arrow {
    width: 42.4%;
    position: relative;
    left: -2.5%;
    margin: 0 auto 7%;
  }
  
  .step {
    padding: 17.2% 0 7.7%;
  }
  
  .step__unit {
    margin: 0 0 14.4%;
  }
  
  .step__unit:nth-of-type(2) {
    margin-bottom: 17.2%;
  }
  
  .step__unit-txt-01 {
    font-size: min(calc(29 / 750 * 100vw), 29px);
    margin: 0 0 5.4%;
  }
  
  .step__unit-txt-01::before, .step__unit-txt-01::after {
    width: 14.3%;
    left: -1.4%;
  }
  
  .step__unit-txt-01::after {
    right: -1.4%;
    left: auto;
  }
  
  .step__unit:nth-of-type(3) .step__unit-txt-01 {
    margin-bottom: 6.2%;
  }
  
  .step__unit-txt-02 {
    margin: 0 0 4.3%;
    font-size: min(calc(22 / 750 * 100vw), 22px);
  }
  
  .step__unit:nth-of-type(2) .step__unit-txt-02 {
    margin-bottom: 3%;
  }
  
  .step__unit:nth-of-type(3) .step__unit-txt-02 {
    margin-bottom: min(calc(16 / 750 * 100vw), 16px);
  }
  
  .step__unit-txt-02-asterisk {
    font-size: min(calc(12 / 750 * 100vw), 12px);
  }
  
  .step__unit-ttl {
    width: 78%;
    margin: 0 auto 3.5%;
  }
  
  .step__unit:nth-of-type(2) .step__unit-ttl {
    width: 90%;
    margin-bottom: 5.6%;
  }
  
  .step__unit:nth-of-type(2) .step__unit-ttl.is-02 {
    width: 58.6%;
    margin-top: 6.9%;
    margin-bottom: 2.4%;
  }
  
  .step__unit:nth-of-type(3) .step__unit-ttl {
    width: 72%;
    margin-bottom: 7.7%;
  }
  
  .step__unit-ttl-en {
    font-size: min(calc(27 / 750 * 100vw), 27px);
    margin: 0 min(calc(20 / 750 * 100vw), 20px) 0 0;
  }
  
  .step__unit-ttl-asterisk {
    font-size: min(calc(12 / 750 * 100vw), 12px);
    top: max(calc(-13 / 750 * 100vw), -13px);
  }
  
  .step__unit-list {
    margin: 0 0 6%;
  }
  
  .step__unit-list-item {
    width: 17.4%;
    font-size: min(calc(17 / 750 * 100vw), 17px);
    margin: 0 1.8% 0 0;
    border-radius: min(calc(10 / 750 * 100vw), 10px);
    padding: 1.5% 0;
  }
  
  .step__unit-list-item.is-small {
    font-size: min(calc(14 / 750 * 100vw), 14px);
  }
  
  .step__unit-list-item-asterisk {
    top: max(calc(-5 / 750 * 100vw), -5px);
    font-size: min(calc(12 / 750 * 100vw), 12px);
  }
  
  .step__unit-img {
    width: 101%;
    margin: 0 auto min(calc(13 / 750 * 100vw), 13px);
  }
  
  .step__unit-annotation {
    font-size: min(calc(12 / 750 * 100vw), 12px);
  }
  
  .step__unit-annotation.is-image {
    padding: 0 0 0 0;
    margin: 0 0 1.6%;
  }
  
  .step__unit-annotation.is-ttl {
    padding: 0 0 0 0;
    margin: 0 0 1.7%;
  }
  
  .step__unit-annotation.is-graph {
    padding: 0 0;
  }
  
  .step__unit-txt-02-container {
    padding: 0 0;
  }
  
  .step__unit-graph-container {
    margin: 0 0 min(calc(11 / 750 * 100vw), 11px);
  }
  
  .step__unit-graph {
    width: min(calc(330 / 750 * 100vw), 330px);
    margin: 0 min(calc(40 / 750 * 100vw), 40px) 0 0;
  }
  
  .step__unit-graph-ttl {
    font-size: min(calc(26 / 750 * 100vw), 26px);
    margin: 0 0 2.4%;
  }
  
  .step__unit-graph-num {
    font-size: min(calc(38 / 750 * 100vw), 38px);
  }

  .about {
    overflow-x: hidden;
  }

  .about .inner {
    padding: 0 0;
  }
  
  .about__unit {
    margin: 0 0 -19.2%;
  }
  
  .about__unit:nth-of-type(2) {
    margin-bottom: -12.2%;
  }
  
  .about__unit:nth-of-type(3) {
    margin-bottom: -9.1%;
  }
  
  .about__unit-lyt {
    top: 38.8%;
    left: 6.6%;
    width: 100%;
  }
  
  .about__unit:nth-of-type(2) .about__unit-lyt {
    top: 23.2%;
    left: 6.4%;
  }
  
  .about__unit:nth-of-type(3) .about__unit-lyt {
    top: 27.9%;
    left: 41.7%;
  }
  
  .about__unit:nth-of-type(4) .about__unit-lyt {
    top: 19.2%;
  }
  
  .about__unit-ttl-01 {
    width: 36.7%;
    margin: 0 0 2.4%;
  }
  
  .about__unit-ttl-02 {
    font-size: min(calc(33 / 750 * 100vw), 33px);
    padding: .5% 0;
  }
  
  .about__unit:nth-of-type(4) .about__unit-ttl-02 {
    padding: min(calc(4 / 750 * 100vw), 4px) min(calc(30 / 750 * 100vw), 30px);
    left: max(calc(-25 / 750 * 100vw), -25px);
  }
  
  .about__unit-ttl-03 {
    font-size: min(calc(33 / 750 * 100vw), 33px);
    margin: 0 0 2.4%;
  }
  
  .about__unit:nth-of-type(3) .about__unit-ttl-03 {
    left: min(calc(55 / 750 * 100vw), 55px);
    width: min(calc(280 / 750 * 100vw), 100vw);
  }
  
  .about__unit-txt-02 {
    width: 59%;
    margin: 1% auto 13.6%;
    position: relative;
    left: -8.2%;
  }
  
  .about__unit-txt-03 {
    font-size: min(calc(19 / 750 * 100vw), 19px);
    width: min(calc(291 / 750 * 100vw), 291px);
  }
  
  .about__unit:nth-of-type(3) .about__unit-txt-03 {
    width: min(calc(422 / 750 * 100vw), 422px);
  }
  
  .about__unit-img-02 {
    width: min(calc(710 / 750 * 100vw), 710px);
    top: min(calc(15 / 750 * 100vw), 15px);
    left: -1.6%;
  }
  
  .about__unit-circle-container {
    left: min(calc(14 / 750 * 100vw), 14px);
    margin: 0 0 min(calc(15 / 750 * 100vw), 15px);
    width: min(calc(272 / 750 * 100vw), 272px);
  }
  
  .about__unit:nth-of-type(3) .about__unit-circle-container {
    left: min(calc(57 / 750 * 100vw), 57px);
  }
  
  .about__unit-circle {
    width: min(calc(130 / 750 * 100vw), 130px);
    height: min(calc(130 / 750 * 100vw), 130px);
    font-size: min(calc(18 / 750 * 100vw), 18px);
    border: min(calc(2 / 750 * 100vw), 2px) solid #323d51;
    margin: 0 min(calc(12 / 750 * 100vw), 12px) 0 0;
  }

  .about__unit-txt-01 {
    width: 38.7%;
  }
}