.html {
  font-family: 'Noto Sans JP', 'Futura', sans-serif;
}

.header {
  height: 80px;
  background: #FFFFFF;
}

.header-container {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo1 {
  height: 56px;
  margin: 10px 40px;
}

.header-button {
  width: 320px;
  height: 46px;
  margin: 10px 40px;

  filter: drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.25));
  border-radius: 2px;
}

.download-button {
  width: 320px;
  text-align: center;
  margin: 0;
  padding: 10px 0;

  background: #211715;
  border-radius: 16px;
}

.download1 {
  margin: 10px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-decoration: none;

  color: #FFFFFF;
}

.first-view {
  height: 603px;
  background: linear-gradient(90deg, #D9ECF8 0%, #A5DCF0 50%, #B4E9F7 100%);
}

.first-view-background {
  position: absolute;
  width: 55%;
  height: 603px;
  right: 0;
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  background: #ED70C0;
}

.first-view-title1 {
  position: absolute;
  top: 178px;
  left: calc(25%);

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.09em;

  color: #000000;
}

.first-view-title2 {
  position: absolute;
  top: 201px;
  left: calc(30%);

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.09em;

  color: #000000;
}

.logo2 {
  position: absolute;
  width: 548px;
  height: 189px;
  top: 200px;
  left: calc(8%);
}

.phone {
  position: absolute;
  height: 272px;
  right: calc(18%);
  top: 197px;

  filter: drop-shadow(-29px 36px 20.9px rgba(0, 0, 0, 0.19));
}

.ambassador1 {
  position: absolute;
  width: 206px;
  height: 423px;
  right: calc(10%);
  top: 268px;
}

.ambassador-text {
  position: absolute;
  right: calc(10%);
  top: 635px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.01em;

  color: #FFFFFF;
}

.first-view-text1 {
  position: absolute;
  height: 70px;
  left: 93px;
  top: 399px;
  margin: 0;
  color: #000000;
}

.first-view-text2 {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 48px;
  line-height: 58px;
}

.first-view-text3 {
  position: relative;
  bottom: -5px;
  margin: 0 -10px;
  font-family: 'Futura';
  font-style: normal;
  font-weight: 800;
  font-size: 96px;
  line-height: 125px;
}

.first-view-text4 {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.09em;
}

.first-view-text5 {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0.1em;
}

.pr1 {
  display: flex;
  position: absolute;
  height: 90px;
  left: 93px;
  top: 514px;
}

.pr2 {
  display: block;
  padding: 5px 15px;
  background: #ED70C0;
  border-radius: 15px;
}

.pr3 {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-family: 'Futura';
  font-style: normal;
  font-weight: 800;
  font-size: 40px;
  line-height: 40px;
  /* ボックスの高さと同一 */
  letter-spacing: 0.03em;

  color: #FFFFFF;
}

.pr4 {
  position: relative;
  top: -10px;
  margin-left: 5px;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 90px;
  line-height: 108px;
  letter-spacing: -0.01em;

  color: #000000;
}

.pr5 {
  position: relative;
  top: -10px;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 96px;
  line-height: 115px;
  letter-spacing: 0.09em;

  color: #000000;
}

.concerns {
  height: 657px;
  background: linear-gradient(90deg, #D9ECF8 0%, #A5DCF0 50%, #B4E9F7 100%);
}

.concerns-title {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: 0.08em;
  text-align: center;
  margin: 0;
  padding: 40px;

  color: #000000;
}

.concerns-shadow {
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}

.concerns-background {
  height: 557px;
  clip-path: polygon(52% 100%, 100% 76%, 100% 0, 0 0, 0 76%);

  background: #83D6FD;
  position: relative;
  z-index: -1;
}

.concerns-box {
  width: 174px;
  height: 139px;
  background: #FFFFFF;
  border-radius: 10px;
  filter: drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.25));
}

.concerns-pr1 {
  position: absolute;
  left: 10%;
  top: 25%;
}

.concerns-arrow {
  position: absolute;
  width: 107.33px;
  height: 53.67px;
  left: 18.51%;
  top: -13%;
  bottom: 68.84%;
}

.concerns-text {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  position: relative;
  top: 62px;
  margin: 5px;

  color: #000000;
}

.concerns-pr2 {
  position: absolute;
  left: 30%;
  top: 25%;
}

.concerns-money {
  position: absolute;
  width: 68px;
  height: 75px;
  left: 30%;
  top: -13%;
  bottom: 68.84%;
}

.concerns-pr3 {
  position: absolute;
  left: 50%;
  top: 25%;
}

.concerns-comment {
  position: absolute;
  width: 75px;
  height: 72px;
  left: 30%;
  top: -13%;
  bottom: 68.84%;
}

.concerns-pr4 {
  position: absolute;
  left: 70%;
  top: 25%;
}

.concerns-instagram {
  position: absolute;
  width: 76px;
  height: 76px;
  left: 15%;
  top: -13%;
  bottom: 68.84%;
}

.concerns-x {
  position: absolute;
  width: 42px;
  height: 42px;
  left: 57%;
  top: 0%;
  bottom: 68.84%;
}

.concerns-description {
  text-align: center;
  margin: 220px 0;
}

.concerns-description1 {
  font-family: 'Futura';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 64px;
  /* ボックスの高さと同一 */
  letter-spacing: 0.14em;

  color: #000000;
}

.concerns-description2 {
  font-family: 'Futura';
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 53px;
  letter-spacing: 0.14em;

  color: #000000;
}

.concerns-line {
  position: relative;
  width: 200px;
  height: 0px;
  margin: auto;
  top: -182px;

  border: 7px solid #FFFFFF;
  border-radius: 20px;
}

.ambassador2 {
  position: absolute;
  width: 194.17px;
  height: 325.62px;
  left: 80%;
  top: 1022px;

  transform: rotate(-0.26deg);
}

.solution {
  height: 980px;
  left: 0px;
  background: linear-gradient(90deg, #D9ECF8 0%, #A5DCF0 50%, #B4E9F7 100%);
}

.solution-box {
  width: 80%;
  height: 235px;

  background: #ED70C0;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.25);
}

.solution-box1 {
  position: absolute;
  right: 0;
  border-radius: 20px 0 0 20px;
}

.circle-arrow {
  position: relative;
  width: 174px;
  height: 174px;
  top: 15%;
  left: calc(-10%);
}

.solution-title {
  position: absolute;
  top: 10px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: 0.06em;

  color: #FFFFFF;
}

.solution-title1 {
  left: 13%;
}

.solution-list {
  position: absolute;
  top: 40%;
}

.solution-list1 {
  left: 10%;
}

.solution-text {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  margin: 8px 0;

  color: #FFFFFF;
}

.solution-box2 {
  position: absolute;
  top: 1670px;
  left: 0;
  border-radius: 0 20px 20px 0;
}

.solution-title2 {
  left: 5%;
}

.solution-list2 {
  left: 2%;
}

.circle-comment {
  position: relative;
  width: 174px;
  height: 174px;
  top: 15%;
  left: calc(100% - 80px);
}

.solution-box3 {
  position: absolute;
  top: 2000px;
  right: 0;
  border-radius: 20px 0 0 20px;
}

.double-arrow {
  position: relative;
  width: 174px;
  height: 104.47px;
  top: 25%;
  left: calc(-10%);
}

.download2 {
  position: relative;
  z-index: 10;
  height: 91px;
  background: #4D4544;
}

.download3 {
  display: block;
  width: 361px;
  height: 39px;
  position: relative;
  top: 30%;
  margin: auto;
  background: #211715;
  box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  text-align: center;
}

.download-text {
  position: relative;
  top: 8px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;

  color: #FFFFFF;
}

.about {
  height: 1100px;

  background: linear-gradient(90deg, #D9ECF8 0%, #A5DCF0 50%, #B4E9F7 100%);
}

.about-background {
  height: 939px;
  clip-path: polygon(0 0, 0% 100%, 95% 0);
  background: #83D6FD;
}

.about-title {
  position: relative;
  top: 120px;
  margin: 0;

  font-family: 'Futura';
  font-style: normal;
  font-weight: 500;
  font-size: 96px;
  line-height: 118px;
  text-align: center;
  letter-spacing: 0.02em;

  color: #FFFFFF;
}

.about-line {
  position: relative;
  width: 200px;
  height: 0px;
  top: 138px;
  margin: auto;

  border: 7px solid #FFFFFF;
  border-radius: 20px;
}

.about-text1 {
  position: relative;
  top: 148px;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.1em;

  color: #000000;
}

.about-text2 {
  position: relative;
  top: -540px;
  text-align: center;
}

.about-text3 {
  font-family: 'Futura';
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 85px;
  /* ボックスの高さと同一 */
  text-align: center;
  letter-spacing: 0.09em;

  color: #000000;
}

.about-text4 {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 48px;
  line-height: 58px;
  letter-spacing: -0.03em;

  color: #000000;
}

.box1 {
  position: absolute;
  right: 0;
  top: 2700px;
  width: 446px;
  height: 454px;
}

.about-text5 {
  position: relative;
  top: -520px;
  margin: 20px 30px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 20px;
  line-height: 164%;
  /* ボックスの高さと同一、または33px */
  letter-spacing: 0.04em;

  color: #000000;
}

.about-text6 {
  position: relative;
  top: -525px;
  margin: 20px 30px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 200%;
  /* または36px */
  letter-spacing: 0.02em;

  color: #000000;
  z-index: 10;
}

.about-text6:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -8px;
  bottom: 1px;
  width: 190px;
  height: 0px;
  border: 8px solid #F6DF0B;
  border-radius: 20px;
  z-index: -1;
}

.about-text7 {
  position: relative;
  top: -537px;
  margin: 20px 30px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 200%;
  /* または36px */
  letter-spacing: 0.02em;

  color: #000000;
  z-index: 10;
}

.about-text7:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -8px;
  bottom: 1px;
  width: 254px;
  height: 0px;
  border: 8px solid #F6DF0B;
  border-radius: 20px;
  z-index: -1;
}

.about-text8 {
  position: relative;
  top: -550px;
  margin: 20px 30px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 200%;
  /* または36px */
  letter-spacing: 0.02em;

  color: #000000;
}

.about-content {
  display: flex;
  justify-content: center;
  position: relative;
  top: -500px;
  text-align: center;
}

.about-box {
  width: 245px;
  height: 325px;
  background: #FFFFFF;
  border-radius: 15px;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
}

.about-box-title {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 20px;
  line-height: 164%;
  text-align: center;
  margin: 13px;
  /* ボックスの高さと同一、または33px */
  letter-spacing: 0.04em;

  color: #000000;
}

.corporate {
  width: 115px;
  height: 115px;
  margin-top: -7px;
}

.about-box-line {
  width: 182px;
  height: 0px;
  margin: 10px auto 30px;
  border: 3px solid #4D4544;
}

.about-box-text {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  /* または147% */
  text-align: center;
  letter-spacing: 0.01em;
  margin: 3px;

  color: #4D4544;
}

.about-arrow {
  width: 62px;
  height: 62px;
  margin: auto 10px auto 18px;
}

.logo3 {
  width: 176.77px;
  height: 61px;
}

.about-box-logo {
  margin: 70px auto 20px;
}

.about-box-space {
  height: 13px;
}

.about-box-influencer {
  text-align: center;
}

.influencer {
  width: 182px;
  height: 93px;
}

.about-box-line3 {
  width: 182px;
  height: 0px;
  margin: 10px auto;
  border: 3px solid #4D4544;
}

.merit {
  height: 1000px;

  background: linear-gradient(90deg, #D9ECF8 0%, #A5DCF0 50%, #B4E9F7 100%);
}

.merit-background {
  position: relative;
  top: 250px;
  height: 634px;
  clip-path: polygon(0 45%, 100% 0, 100% 100%, 0 55%);
  background: #83D6FD;
}

.box2 {
  position: absolute;
  width: 473px;
  height: 557.81px;
  right: 0;
  top: 3567px;
}

.merit-text1 {
  position: absolute;
  left: 64px;
  top: 3547px;
}

.merit-line1 {
  position: relative;
  z-index: 10;
}

.merit-line1:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -8px;
  bottom: -15px;
  width: 386px;
  height: 0px;

  border: 25px solid #F6DF0B;
  border-radius: 25px;
  z-index: -1;
}

.merit-text2 {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 64px;
  line-height: 77px;

  color: #000000;
}

.merit-text3 {
  position: relative;
  bottom: -5px;
  margin: -25px;
  font-family: 'Futura';
  font-style: normal;
  font-weight: 700;
  font-size: 200px;
  line-height: 266px;
  /* ボックスの高さと同一 */
  text-align: center;

  color: #000000;
}

.merit-text4 {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 96px;
  line-height: 115px;
  letter-spacing: 0.06em;

  color: #000000;
}

.merit-text5 {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 64px;
  line-height: 77px;
  letter-spacing: 0.06em;

  color: #000000;
}

.merit-text6 {
  position: absolute;
  left: 64px;
  top: 3747px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 62px;
  line-height: 74px;
  letter-spacing: 0.01em;

  color: #000000;
}

.merit-line2 {
  position: relative;
  z-index: 10;
}

.merit-line2:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -8px;
  bottom: -15px;
  width: 682px;
  height: 0px;

  border: 25px solid #F6DF0B;
  border-radius: 25px;
  z-index: -1;
}

.merit-text7 {
  position: absolute;
  left: 64px;
  top: 3907px;
  margin: 0;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 96px;
  line-height: 115px;
  letter-spacing: 0.11em;

  color: #000000;
}

.demerit-title {
  position: relative;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 32px;
  line-height: 38px;
  text-align: center;
  letter-spacing: 0.01em;

  color: #000000;
}

.demerit-line {
  position: relative;
  width: 94px;
  height: 0px;
  margin: auto;

  border: 6px solid #FFFFFF;
  border-radius: 20px;
}

.demerit-content {
  display: flex;
  justify-content: center;
  margin: 100px;
}

.demerit-box {
  width: 254px;
  height: 305px;
  margin: 25px;

  background: #4F4F4F;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 13px;
}

.demerit-box-title {
  text-align: center;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 20px;
  line-height: 24px;

  color: #F6DF0B;
}

.demerit-box-line {
  width: 105px;
  height: 0px;
  margin: auto;

  border: 3px solid #FFFFFF;
  border-radius: 20px;
}

.demerit-box-text1 {
  position: relative;
  top: 20px;
  display: block;
  width: 186px;
  margin: auto;
  text-align: left;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.09em;

  color: #FFFFFF;
}

.demerit-box-img {
  text-align: center;
  margin: 13px;
}

.triangle1 {
  position: relative;
  top: 20px;
  width: 20px;
  height: 20px;
}

.demerit-box-text2 {
  position: relative;
  top: 20px;
  margin: 5px auto;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-align: center;

  color: #FFFFFF;
}

.demerit-box-space {
  height: 10px;
}

.feature {
  height: 2200px;

  background: linear-gradient(90deg, #D9ECF8 0%, #A5DCF0 50%, #B4E9F7 100%);
}

.feature-background {
  position: relative;
  top: 250px;
  height: 634px;
  clip-path: polygon(0 45%, 100% 0, 100% 100%, 0 55%);
  transform: rotate(-180deg);
  background: #83D6FD;
}

.feature-title {
  position: relative;
  top: -260px;
  margin: 0;

  font-family: 'Futura';
  font-style: normal;
  font-weight: 500;
  font-size: 96px;
  line-height: 118px;
  text-align: center;
  letter-spacing: 0.02em;

  color: #FFFFFF;
}

.feature-line {
  position: relative;
  width: 200px;
  height: 0px;
  top: -240px;
  margin: auto;

  border: 7px solid #FFFFFF;
  border-radius: 20px;
}

.box3 {
  position: relative;
  width: 409.71px;
  height: 409.5px;
  left: 0px;
  top: -292px;
}

.feature-text1 {
  position: relative;
  top: -220px;
  text-align: center;
}

.feature-text2 {
  font-family: 'Futura';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 43px;
  /* ボックスの高さと同一 */
  text-align: center;
  letter-spacing: 0.17em;

  color: #000000;
}

.feature-text3 {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.1em;

  color: #000000;
}

.feature-box {
  width: 80%;
  height: 184px;

  background: #ED70C0;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.25);
}

.feature-box1 {
  position: absolute;
  top: 5230px;
  right: 0;
  border-radius: 20px 0 0 20px;
}

.good {
  position: relative;
  top: calc(20%);
  left: calc(5%);
  width: 106.62px;
  height: 99px;
}

.feature-box-text1 {
  position: relative;
  top: -80px;
  margin-left: 200px;
}

.feature-box-text2 {
  margin-right: 40px;
  font-family: 'Futura';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  /* ボックスの高さと同一 */
  text-align: center;

  color: #FFFFFF;
}

.feature-box-text3 {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
  letter-spacing: 0.06em;

  color: #FFFFFF;
}

.feature-box-text4 {
  position: relative;
  top: -66px;
  margin-left: 200px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;

  color: #FFFFFF;
}

.feature-box2 {
  position: absolute;
  top: 5500px;
  border-radius: 0 20px 20px 0;
}

.feature-box-text5 {
  position: relative;
  top: 35px;
  margin: auto 50px;
}

.feature-box-text6 {
  position: relative;
  top: 46px;
  margin-left: 50px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;

  color: #FFFFFF;
}

.jewery {
  position: relative;
  width: 145px;
  height: 136px;
  left: calc(80%);
  top: -85px;
}

.feature-box3 {
  position: absolute;
  top: 5770px;
  right: 0;
  border-radius: 20px 0 0 20px;
}

.gear {
  position: relative;
  top: calc(20%);
  left: calc(5%);
  width: 103.33px;
  height: 103.33px;
}

.feature-box4 {
  position: absolute;
  top: 6040px;
  border-radius: 0 20px 20px 0;
}

.feature-box-text7 {
  position: relative;
  top: 46px;
  margin-left: 50px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;

  color: #FFFFFF;
}

.feature-box-text8 {
  position: relative;
  top: 46px;
  margin-left: 10px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;

  color: #FFFFFF;
}

.piggy {
  position: relative;
  width: 118.33px;
  height: 123.46px;
  top: -85px;
  left: calc(80%);
}

.feature-box5 {
  position: absolute;
  top: 6310px;
  right: 0;
  border-radius: 20px 0 0 20px;
}

.people {
  position: relative;
  top: calc(20%);
  left: calc(5%);
  width: 113.74px;
  height: 107.25px;
}

.success-report {
  height: 1300px;

  background: linear-gradient(90deg, #D9ECF8 0%, #A5DCF0 50%, #B4E9F7 100%);
}

.success-report-background1 {
  height: 939px;
  clip-path: polygon(0 0, 0% 100%, 95% 0);
  background: #83D6FD;
}

.box4 {
  position: absolute;
  width: 284.68px;
  height: 318.02px;
  left: 0;
  top: 6800px;
}

.success-report-title {
  position: relative;
  top: -860px;
  margin: 0;

  font-family: 'Futura';
  font-style: normal;
  font-weight: 500;
  font-size: 96px;
  line-height: 118px;
  text-align: center;
  letter-spacing: 0.02em;

  color: #FFFFFF;
}

.success-report-line1 {
  position: relative;
  width: 200px;
  height: 0px;
  top: -840px;
  margin: auto;

  border: 7px solid #FFFFFF;
  border-radius: 20px;
}

.success-report-text1 {
  position: relative;
  top: -835px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.1em;

  color: #000000;
}

.success-report-box-background {
  position: absolute;
  width: 897px;
  height: 519px;
  right: 0;
  top: 7200px;

  background: #FFFFFF;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 15px 0 0 15px;
}

.example {
  position: absolute;
  width: 433.48px;
  height: 419px;
  left: 10%;
  top: 7250px;
}

.success-report-box1 {
  position: absolute;
  left: 60%;
  top: 7226px;
}

.success-report-box-text1 {
  margin: 10px auto;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  text-align: center;

  color: #000000;
}

.success-report-box2 {
  width: 375px;
  height: 80px;
  margin: 20px auto;

  background: #000000;
  border-radius: 23px;
}

.success-report-box-text2 {
  padding-top: 10px;
  margin: 0 auto;
  text-align: center;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;

  color: #FFFFFF;
}

.success-report-box-text3 {
  margin: 10px auto;
  text-align: center;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;

  color: #FFFFFF;
}

.success-report-box-text4 {
  margin: 40px auto 30px;
  text-align: center;
}

.triangle2 {
  width: 54px;
  height: 54px;
}

.success-report-box-line1 {
  margin: 35px auto 0;
  width: 369px;
  height: 24px;

  background: #F6DF0B;
}

.success-report-box-text5 {
  text-align: center;
  margin: -45px auto;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  display: flex;
  align-items: flex-end;

  color: #000000;
}

.success-report-box-text6 {
  text-align: center;
  margin: 65px auto 0;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  align-items: flex-end;
  letter-spacing: 0.05em;

  color: #000000;
}

.success-report-box-line2 {
  margin: 40px auto 0;
  width: 237px;
  height: 24px;

  background: #F6DF0B;
}

.success-report-box-text7 {
  margin: -58px auto 0;
  text-align: center;

  font-family: 'Futura';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 64px;

  color: #000000;
}

.success-report-line2 {
  position: relative;
  z-index: 10;
}

.success-report-line2:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -8px;
  bottom: -15px;
  width: 432.5px;
  height: 0px;

  border: 17px solid #F6DF0B;
  border-radius: 20px;
  z-index: -1;
}

.success-report-text2 {
  position: relative;
  top: -800px;
  text-align: center;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 48px;
  line-height: 58px;
  letter-spacing: 0.09em;

  color: #000000;
}

.success-report-background2 {
  position: relative;
  top: -300px;
  height: 634px;
  clip-path: polygon(0 45%, 100% 0, 100% 100%, 0 55%);
  background: #83D6FD;
}

.service-flow {
  height: 800px;

  background: linear-gradient(90deg, #D9ECF8 0%, #A5DCF0 50%, #B4E9F7 100%);
}

.service-flow-title {
  position: relative;
  top: 100px;
  margin: 0;

  font-family: 'Futura';
  font-style: normal;
  font-weight: 500;
  font-size: 96px;
  line-height: 118px;
  text-align: center;
  letter-spacing: 0.02em;

  color: #FFFFFF;
}

.service-flow-line {
  position: relative;
  width: 200px;
  height: 0px;
  top: 120px;
  margin: auto;

  border: 7px solid #FFFFFF;
  border-radius: 20px;
}

.service-flow-text {
  position: relative;
  top: 140px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.1em;

  color: #000000;
}

.box5 {
  position: absolute;
  width: 248px;
  height: 323px;
  right: 0;
  top: 8225px;
}

.service-flow-circle {
  width: 69px;
  height: 67px;
  border-radius: 40px;
  padding: 5px;
  margin: -30px auto;

  font-family: 'Futura';
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 59px;
  letter-spacing: 0.02em;
  text-align: center;

  color: #4F4F4F;
  background: #FFFFFF;

}

.service-flow-content {
  display: flex;
  justify-content: center;
  margin: 220px 50px;
}

.service-flow-box {
  width: 154px;
  height: 246px;
  margin: auto 25px;

  background: #FFFFFF;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
}

.service-flow-box-img1 {
  position: relative;
  z-index: 10;
  text-align: center;
  margin-top: 25px;
}

.hearing {
  width: 26px;
  height: 40px;
}

.service-flow-box-text1 {
  margin: 10px 0;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: center;

  color: #000000;
}

.service-flow-box-text2 {
  margin: 5px auto;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.02em;

  color: #000000;
}

.service-flow-box-img2 {
  position: relative;
  z-index: 10;
  text-align: center;
  margin-top: 23px;
}

.service-flow-box-img3 {
  position: relative;
  z-index: 10;
  text-align: center;
  margin-top: 10px;
}

.service-flow-box-img4 {
  margin: auto 5px auto 6px;
}

.triangle3 {
  width: 17px;
  height: 17px;
}

.select {
  width: 36px;
  height: 42px;
}

.ship {
  width: 45px;
  height: 43.79px;
}

.pr {
  width: 57px;
  height: 57px;
}

.graph {
  width: 39px;
  height: 43px;
}

.service-flow-box-text3 {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 13px;
  text-align: center;
  letter-spacing: -0.03em;

  color: #000000;
}

.plan {
  height: 1350px;

  background: linear-gradient(90deg, #D9ECF8 0%, #A5DCF0 50%, #B4E9F7 100%);
}

.plan-background {
  height: 634px;
  clip-path: polygon(0 45%, 100% 0, 100% 100%, 0 55%);
  transform: rotate(-180deg);
  background: #83D6FD;
}

.plan-title {
  position: relative;
  top: -580px;
  margin: 0;

  font-family: 'Futura';
  font-style: normal;
  font-weight: 500;
  font-size: 96px;
  line-height: 118px;
  text-align: center;
  letter-spacing: 0.02em;

  color: #FFFFFF;
}

.plan-line {
  position: relative;
  width: 200px;
  height: 0px;
  top: -550px;
  margin: auto;

  border: 7px solid #FFFFFF;
  border-radius: 20px;
}

.plan-text {
  position: relative;
  top: -520px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.1em;

  color: #000000;
}

.plan-content {
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: -430px;
}

.plan-box {
  width: 264px;
  height: 794px;
  margin: 0 20px;

  background: #FFFFFF;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
}

.plan-box-header {
  padding: 15px 0;
  width: 264px;
  border-radius: 15px 15px 0 0;
}

.plan-box-header1 {
  background: #F6DF0B;
}

.plan-box-text1 {
  margin: 0;
  font-family: 'Futura';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 144.97%;
  text-align: center;
  letter-spacing: 0.05em;

  color: #FFFFFF;
}

.plan-box-text2 {
  margin: 0;
  font-family: 'Futura';
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 144.97%;
  text-align: center;
  letter-spacing: 0.05em;

  color: #FFFFFF;
}

.plan-box-text3 {
  margin-top: 20px;

  font-family: 'Futura';
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 144.97%;
  text-align: center;

  color: #000000;
}

.plan-box-line {
  width: 203.5px;
  height: 0px;
  margin: auto;

  border: 1px solid #000000;
}

.plan-box-text4 {
  margin: 30px auto -2px;
  font-family: 'Futura';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 144.97%;
  text-align: center;

  color: #FFFFFF;

  width: 83px;
  height: 18px;

  background: #000000;
  border-radius: 70px;
}

.plan-box-text5 {
  margin: 0;
  text-align: center;
}

.plan-box-text6 {
  font-family: 'Futura';
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 144.97%;

  color: #000000;
}

.plan-box-text7 {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 20px;
  line-height: 144.97%;

  color: #000000;
}

.plan-box-text8 {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 144.97%;

  color: #000000;
}

.plan-box-text9 {
  font-family: 'Futura';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 144.97%;

  color: #000000;
}

.plan-box-text10 {
  margin-right: 30px;
  text-align: right;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 9px;
  line-height: 144.97%;

  color: #000000;
}

.check1 {
  margin: 20px;
  width: 29px;
  height: 29px;
}

.plan-box-check1 {
  display: flex;
}

.plan-box-check2 {
  display: block;
  margin: 20px 0;
}

.plan-box-text11 {
  margin: 0;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 144.97%;

  color: #000000;
}

.check2 {
  margin: 10px 20px;
  width: 29px;
  height: 29px;
}

.plan-box-text12 {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 144.97%;

  color: #BBBABA;
}

.plan-box-text13 {
  margin: 0;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 144.97%;

  color: #BBBABA;
}

.plan-box-header2 {
  background: #E78309;
}

.plan-box-text14 {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 144.97%;

  color: #000000;
}

.plan-box-header3 {
  background: #ED70C0;
}

.faq {
  height: 1500px;

  background: linear-gradient(90deg, #D9ECF8 0%, #A5DCF0 50%, #B4E9F7 100%);
}

.faq-background {
  height: 1047px;
  clip-path: polygon(0 0, 0% 100%, 70% 0);
  background: #83D6FD;
}

.box6 {
  position: absolute;
  width: 391.01px;
  height: 465.01px;
  top: 10350px;
  right: 0;
}

.faq-title {
  position: relative;
  top: -900px;
  margin: 0;

  font-family: 'Futura';
  font-style: normal;
  font-weight: 500;
  font-size: 96px;
  line-height: 118px;
  text-align: center;
  letter-spacing: 0.02em;

  color: #FFFFFF;
}

.faq-line {
  position: relative;
  width: 200px;
  height: 0px;
  top: -870px;
  margin: auto;

  border: 7px solid #FFFFFF;
  border-radius: 20px;
}

.faq-text {
  position: relative;
  top: -850px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.1em;

  color: #000000;
}

.question {
  position: absolute;
  left: 15%;
  width: 325px;
  height: 102px;
  background-size: cover;
  background-image: url("img/question.png");
}

.question1 {
  top: 10900px;
  display: flex;
}

.question-text1 {
  margin: 20px 10px 20px 15px;
  width: 50px;
  height: 56px;

  background: #FFFFFF;
}

.question-text2 {
  margin: 0;
  padding: 5px 0;
  font-family: 'Futura';
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 44px;
  letter-spacing: 0.02em;
  text-align: center;

  color: #000000;
}

.question-text3 {
  display: block;
  margin: 15px 0;
}

.question-text4 {
  margin: 10px 0;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;

  color: #000000;
}

.answer {
  position: absolute;
  left: 47%;
  width: 450px;
  background-size: cover;
}

.answer1 {
  top: 10900px;
  display: flex;
  height: 128px;
  background-image: url("img/answer1.png");
}

.answer-text1 {
  margin: 35px 15px 20px 35px;
  width: 50px;
  height: 56px;

  background: #ED70C0;
}

.answer-text2 {
  margin: 0;
  padding: 5px 0;
  font-family: 'Futura';
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 44px;
  letter-spacing: 0.02em;
  text-align: center;

  color: #000000;
}

.answer-text3 {
  display: block;
  margin: 15px 0;
}

.answer-text4 {
  margin: 5px 0;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;

  color: #000000;
}

.question2 {
  top: 11140px;
  display: flex;
}

.answer2 {
  top: 11140px;
  display: flex;
  height: 138px;
  background-image: url("img/answer2.png");
}

.answer-text5 {
  margin: 40px 15px 20px 35px;
  width: 50px;
  height: 56px;

  background: #ED70C0;
}

.answer-text6 {
  margin: 3px 0;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;

  color: #000000;
}

.question3 {
  top: 11380px;
  display: flex;
}

.question-text7 {
  margin: 25px 0;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;

  color: #000000;
}

.answer3 {
  top: 11380px;
  display: flex;
  height: 128px;
  background-image: url("img/answer1.png");
}

.question4 {
  top: 11620px;
  display: flex;
}

.question-text8 {
  margin: 5px 0;
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;

  color: #000000;
}

.answer4 {
  top: 11620px;
  display: flex;
  height: 128px;
  background-image: url("img/answer1.png");
}

.how-to-start {
  height: 1000px;

  background: linear-gradient(90deg, #D9ECF8 0%, #A5DCF0 50%, #B4E9F7 100%);
}

.box7 {
  position: absolute;
  top: 12000px;
  width: 176.07px;
  height: 228.57px;
}

.how-to-start-background {
  height: 1047px;
  clip-path: polygon(30% 0, 100% 100%, 100% 0);
  background: #83D6FD;
}

.how-to-start-title {
  position: relative;
  top: -900px;
  margin: 0;

  font-family: 'Futura';
  font-style: normal;
  font-weight: 500;
  font-size: 96px;
  line-height: 118px;
  text-align: center;
  letter-spacing: 0.02em;

  color: #FFFFFF;
}

.how-to-start-line1 {
  position: relative;
  width: 200px;
  height: 0px;
  top: -870px;
  margin: auto;

  border: 7px solid #FFFFFF;
  border-radius: 20px;
}

.how-to-start-text1 {
  position: relative;
  top: -850px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.1em;

  color: #000000;
}

.how-to-start-circle {
  width: 69px;
  height: 67px;
  border-radius: 40px;
  padding: 5px;
  margin: -25px auto;

  font-family: 'Futura';
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 59px;
  letter-spacing: 0.02em;
  text-align: center;

  color: #4F4F4F;
  background: #FFFFFF;

}

.how-to-start-content {
  display: flex;
  justify-content: center;
  position: relative;
  text-align: center;
  margin-top: -800px;
}

.how-to-start-box {
  width: 192px;
  height: 301px;
  margin: 0 20px;

  background: #FFFFFF;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
}

.mail1 {
  width: 43px;
  height: 35px;
  margin: 20px;
}

.how-to-start-box-img1 {
  z-index: 10;
  margin: auto 8px auto 10px;
  text-align: center;
}

.how-to-start-box-text1 {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  font-size: 20px;
  line-height: 24px;
  /* ボックスの高さと同一 */
  letter-spacing: 0.02em;
  text-align: center;
  margin: 10px 0 15px;

  color: #000000;
}

.how-to-start-box-text2 {
  margin: 5px auto;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  /* または157% */
  text-align: center;
  letter-spacing: 0.02em;

  color: #000000;
}

.hearing2 {
  width: 26px;
  height: 40px;
  margin: 15px;
}

.glass {
  width: 39px;
  height: 38.86px;
  margin: 15px 0 10px;
}

.contract {
  width: 38.98px;
  height: 42.74px;
  margin: 15px 8px 8px 15px;
}

.how-to-start-line2 {
  position: relative;
  z-index: 10;
}

.how-to-start-line2:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -8px;
  bottom: -15px;
  width: 182px;
  height: 0px;

  border: 17px solid #F6DF0B;
  border-radius: 20px;
  z-index: -1;
}

.how-to-start-text2 {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 58px;
  /* ボックスの高さと同一 */
  text-align: center;
  letter-spacing: 0.09em;

  color: #000000;
}

.contact {
  height: 1125px;

  background: linear-gradient(90deg, #D9ECF8 0%, #A5DCF0 50%, #B4E9F7 100%);
}

.contact-background {
  height: 634px;
  clip-path: polygon(0 45%, 100% 0, 100% 100%, 0 55%);
  transform: rotate(-180deg);
  background: #83D6FD;
}

.contact-title {
  position: relative;
  top: -600px;
  margin: 0;

  font-family: 'Futura';
  font-style: normal;
  font-weight: 500;
  font-size: 96px;
  line-height: 118px;
  text-align: center;
  letter-spacing: 0.02em;

  color: #FFFFFF;
}

.contact-line {
  position: relative;
  width: 200px;
  height: 0px;
  top: -570px;
  margin: auto;

  border: 7px solid #FFFFFF;
  border-radius: 20px;
}

.contact-text {
  position: relative;
  top: -550px;

  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  letter-spacing: 0.1em;

  color: #000000;
}

.contact-content {
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: -480px;
}

.line {
  width: 315px;
  height: 315px;
  margin-right: 15px;
}

.contact-box {
  width: 455px;
  height: 315px;
  margin-left: 15px;

  background: #FFFFFF;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
}

.tel {
  margin: 10px 15px;
  width: 38px;
  height: 49px;
}

.contact-box-text1 {
  display: flex;
  justify-content: center;
  margin: 25px;
}

.contact-box-text2 {
  margin: 10px;
  font-family: 'Futura';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 43px;
  /* ボックスの高さと同一 */
  letter-spacing: 0.1em;
  text-decoration: none;

  color: #ED70C0;
}

.mail2 {
  margin: 15px 10px;
  width: 43px;
  height: 35px;
}

.web {
  margin: 10px;
  width: 48px;
  height: 47px;
}

.contact-img {
  margin-top: 110px;
  text-align: center;
}


.ambassador3 {
  width: 355px;
  height: 320px;
}

.box8 {
  position: absolute;
  top: 13700px;
  right: 0;
  width: 332px;
  height: 371.35px;
}

.footer {
  height: 166px;
}

.footer-container {
  display: flex;
  justify-content: center;
}

.logo4 {
  height: 56px;
  margin: 40px 30px 30px;
}

.footer-button {
  width: 320px;
  height: 46px;
  margin: 50px 40px 30px;

  filter: drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.25));
  border-radius: 2px;
}

.footer-text {
  font-family: 'Futura';
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0.36em;
  text-align: center;

  color: #000000;
}