@charset "UTF-8";

.clip-path-group {
  width: 94.54px;
  height: 32px;
}

.clip-path-group,.div,.icon {
  position: relative;
}

.icon {
  width: 100px;
  height: 100px;
}

.clip-path-group-parent,.parent {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}

.parent {
  gap: var(--gap-base);
}

.clip-path-group-parent {
  justify-content: space-between;
  padding: 20px var(--padding-21xl) 0;
  width: 100%;
}

.group,.title-1-icon {
  width: 880px;
}

.title-1-icon {
  position: relative;
  overflow: hidden;
}

.group {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 28px;
  justify-content: flex-end;
}

.group span {
  font-size: 42px;
}

.frame-child {
  position: relative;
  width: 880px;
}

.wrapper {
  padding: 4px 8px;
  border-radius: 2px;
  background-color: var(--color);
  font-size: 12px;
}

.div3 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 56px;
}

.vector-icon {
  position: relative;
}

.div2 {
  box-sizing: border-box;
  padding: 11px 0;
}

.vector-icon1 {
  position: relative;
}

.day,.div5 {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.div5 {
  gap: var(--gap-xs);
  justify-content: center;
}

.day {
  gap: var(--gap-base);
  justify-content: flex-end;
  width: 615px;
  height: 56px;
}

.web {
  position: relative;
  color: var(--base-dark);
  text-align: center;
  font-size: var(--font-size-xs);
}

.day-parent,.frame-parent2 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}

.day-parent {
  gap: var(--gap-xl);
  color: var(--light-background);
  font-size: var(--txt-size);
}

.frame-parent2 {
  gap: 10px;
}

.p {
  margin: 0;
}

.div8,.div9 {
  position: absolute;
}

.div8 {
  top: 0;
  left: 10.11%;
  font-size: var(--font-size-xs);
  line-height: 160%;
}

.div9 {
  top: 82.86%;
  left: 0;
  font-family: var(--txt);
}

.b {
  position: relative;
  z-index: 0;
}

.chevron-right-fill0-wght400-gr-icon {
  position: absolute;
  top: 37px;
  left: 386px;
  z-index: 1;
  overflow: hidden;
  margin: 0 !important;
  width: 24px;
  height: 24px;
}

.frame-a {
  position: absolute;
  top: 53.58px;
  left: -.27px;
  display: flex;
  flex-direction: row;
  gap: var(--gap-3xs);
  justify-content: flex-start;
  padding: var(--padding-13xl) var(--padding-66xl);
  border-radius: var(--br-31xl);
  background-color: var(--color);
  color: var(--light-background);
  text-decoration: none;
  font-size: var(--font-size-5xl);
}

.div10 {
  position: relative;
  text-decoration: underline;
}

.chevron-right-fill0-wght400-gr-icon1 {
  position: relative;
  overflow: hidden;
  width: 14px;
  height: 14px;
}

.frame-parent3,.parent1 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.parent1 {
  align-items: center;
  gap: var(--gap-9xs);
}

.frame-parent3 {
  position: absolute;
  top: calc(50% + 51.5px);
  right: 3.68%;
  left: 3.45%;
  gap: var(--gap-13xl);
  width: 92.87%;
  color: var(--color);
}

.help-fill0-wght400-grad0-opsz4-icon {
  position: relative;
  overflow: hidden;
  width: 16px;
  height: 16px;
}

.parent3 {
  position: absolute;
  top: 93.49%;
  right: 28.05%;
  bottom: .16%;
  left: 28.05%;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: var(--gap-9xs);
  justify-content: flex-start;
  width: 43.91%;
  height: 6.35%;
  color: var(--color);
  font-family: var(--txt);
}

.instance-child {
  position: absolute;
  top: 58.41%;
  right: .23%;
  bottom: 41.27%;
  left: 0;
  width: 99.77%;
  height: .32%;
  background-color: var(--color-gainsboro-200);
}

.group-div {
  position: relative;
  width: 435px;
  height: 315px;
  color: var(--color-gray-300);
  text-align: center;
  font-size: var(--txt-size);
}

.frame-parent1 {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 30px;
  justify-content: flex-start;
  margin-top: 0;
}

.rectangle-parent {
  position: relative;
  width: 991px;
  height: 822px;
}

.rectangle-parent img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.frame-container,.frame-div {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}

.frame-div {
  gap: 120px;
  color: var(--color);
  font-size: 46px;
}

.frame-container {
  z-index: 1;
  gap: var(--gap-5xs);
  width: 100%;
  background-image: url(../images/mvback_pc.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.frame-container-backgroundimg {
  position: absolute;
}
.frame-container-backgroundimg.flower01 {
  top: 0;
  right: 0;
  width: 410px;
}
.frame-container-backgroundimg.flower02 {
  top: 210px;
  left: 0;
  width: 495px;
}
.frame-container-backgroundimg.flower03 {
  top: 470px;
  right: 0px;
  width: 327px;
}
.frame-container-backgroundimg.flower04 {
  top: 217px;
  left: 110px;
  width: 85px;
}
.frame-container-backgroundimg.flower05 {
  top: 563px;
  left: 45px;
  width: 187px;
}
.frame-container-backgroundimg.flower06 {
  top: 962px;
  right: 80px;
  width: 201px;
}
.frame-container-backgroundimg.flower07 {
  display: none;
}
.frame-container-backgroundimg.flower09 {
  display: none;
}
.frame-container-backgroundimg img {
  width: 100%;
}
.vector-parent {
  display: flex;
  flex-direction: column;
  gap: 400px;
  justify-content: flex-end;
  width: 48px;
  height: 498px;
}

@media screen and (max-width: 480px) {
  .frame-div {
    margin-top: 20px !important;
  }
  .frame-parent1 {
    margin-top: 0;
  }
  .frame-container-backgroundimg {
    display: none;
  }
  .frame-container-backgroundimg.flower01 {
    top: 1px;
    right: 0;
    width: 66px;
    display: block;
  }
  .frame-container-backgroundimg.flower02 {
    top: 567px;
    display: block;
    left: 0;
    width: 89px;
  }
  .frame-container-backgroundimg.flower03 {
    top: 144px;
    right: 0;
    display: block;
    width: 80px;
  }
  .frame-container-backgroundimg.flower04 {
    top: 14px;
    left: 8px;
    display: block;
    width: 22px;
  }
  .frame-container-backgroundimg.flower05 {
    display: none;
  }
  .frame-container-backgroundimg.flower06 {
    display: none;
  }
  .frame-container-backgroundimg.flower07 {
    top: 978px;
    left: 5px;
    display: block;
    width: 52px;
  }
  .frame-container-backgroundimg.flower09 {
    top: 1014px;
    right: 0;
    display: block;
    width: 60px;
  }
  .frame-container-backgroundimg img {
    width: 100%;
  }
}
.div13,.div14 {
  position: relative;
  text-align: center;
  line-height: 1.8;
}

.div14 {
  margin: 32px auto 0;
  max-width: 762px;
  color: var(--base-dark);
  font-size: var(--font-size-base);
  line-height: 220%;
}

.frame-parent6,.frame-wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.frame-parent9,.frame-wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.frame-wrapper {
  flex-direction: column;
  justify-content: flex-end;
}

.rectangle-div {
  position: relative;
  width: 48px;
  height: 2px;
  background-color: var(--color);
}

.parent5 {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 24px;
  justify-content: flex-start;
  text-align: center;
  line-height: 1.5;
}

.div17 {
  position: absolute;
  top: 0;
  left: 30px;
}

.div17,.div18 {
  line-height: 100%;
}

.div18,.div19 {
  position: absolute;
}

.div18 {
  top: 32px;
  left: 18.5px;
  font-size: var(--font-size-5xl);
}

.div19 {
  top: 80px;
  left: 0;
  color: var(--color-gray-300);
  font-size: var(--txt-size);
  font-family: var(--txt);
  line-height: 200%;
}

.parent6,.parent7 {
  width: 252px;
}

.parent7 {
  position: relative;
  margin-top: -32px;
  height: 164px;
  color: var(--color);
  text-align: center;
  font-size: var(--font-size-base);
  font-family: var(--font-noto-serif-jp);
}

.parent6 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 228px;
}

.div21 {
  position: absolute;
  top: 0;
  left: 0;
}

.div21,.div22 {
  line-height: 100%;
}

.div22,.div23 {
  position: absolute;
}

.div22 {
  top: 32px;
  left: 7.5px;
  font-size: var(--font-size-5xl);
}

.div23 {
  top: 80px;
  left: 5.5px;
  color: var(--color-gray-300);
  font-size: var(--txt-size);
  font-family: var(--txt);
  line-height: 200%;
}

.parent8,.parent9 {
  width: 207px;
}

.parent9 {
  position: relative;
  margin-top: -32px;
  height: 164px;
  color: var(--color);
  text-align: center;
  font-size: var(--font-size-base);
  font-family: var(--font-noto-serif-jp);
}

.parent8 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 228px;
}

.div26,.div27 {
  position: absolute;
  top: 32px;
  left: 24px;
  font-size: var(--font-size-5xl);
  line-height: 100%;
}

.div27 {
  top: 80px;
  left: 8px;
  color: var(--color-gray-300);
  font-size: var(--txt-size);
  font-family: var(--txt);
  line-height: 200%;
}

.parent10,.parent11 {
  width: 240px;
}

.parent11 {
  position: relative;
  margin-top: -32px;
  height: 164px;
  color: var(--color);
  text-align: center;
  font-size: var(--font-size-base);
  font-family: var(--font-noto-serif-jp);
}

.parent10 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 228px;
}

.frame-parent7,.frame-parent8 {
  display: flex;
  justify-content: flex-start;
}

.frame-parent8 {
  flex-direction: row;
  gap: 98px;
  color: var(--color-linen-200);
}

.frame-parent7 {
  align-items: center;
  flex-direction: column;
  gap: 4.8rem;
}

.frame-parent5,.frame-parent9,.frame-parent17,.frame-parent22,.frame-parent23 {
  gap: var(--gap-101xl);
}

.frame-group,.frame-parent4,.frame-parent5,.frame-parent9,.frame-parent17,.frame-parent22,.frame-parent23 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}
.frame-parent17 {
  position: relative;
  padding: 120px 0;
 
}
@media screen and (max-width: 480px) {
  .frame-parent17 {
    position: relative;
    padding: 64px 0;
   background-image: url(../images/mvback_pc.png);
   width: 100%;
   background-size: 1440px;
   
  }
  .frame-parent22 .div14 {
    margin-top: 38px;
  }
}
.frame-parent22 {
  padding: 120px 0;
  background: #fff;
}
.frame-parent23 {
  padding: 96px 0 0;
  background: #fff;
}
.frame-parent23 .div14 {
  margin: 56px auto 0;
}
.frame-parent9 {
  padding: 96px 0 120px;
 
}
@media screen and (max-width: 480px) {
  .frame-parent9 {
    padding: 64px 0 120px;
   
  }
  .frame-parent9 .cv-btn {
    max-width: 100% !important;
  }
}
.frame-parent9-body {
  display: flex;
  gap: 64px;
  margin-top: 66px;
  margin-bottom: 64px;
  width: 1000px;
}

.frame-parent9-body-img {
  width: 411px;
}
.frame-parent9-body-img img {
  width: 411px;
  height: auto;
}
.frame-parent9-body-txt {
  color: #222;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  font-family: "Noto Serif JP";
  line-height: 2.2em;
}
@media screen and (max-width: 480px) {
  .frame-parent9-body {
    display: flex;
    flex-direction: column-reverse;
    gap: 24px;
    margin: 36px auto 48px;
    width: 96%;
  }

  .frame-parent9-body-img {
    margin: 0 auto;
    width: 96%;
  }
  .frame-parent9-body-img img {
    max-width: 96% !important;
    width: 96% !important;
    height: auto;
  }
  .frame-parent9-body-txt {
    color: #222;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    font-family: "Noto Serif JP";
    line-height: 2.2em;
  }
}
.frame-parent22-body {
  margin: 80px auto 0;
  width: 914px;
}
.frame-parent22-body-ttl {
  margin: 0 auto;
  width: 528px;
}
.frame-parent22-body-ttl img {
  width: 528px;
  height: auto;
}
.frame-parent22-body-list {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 64px;
}
.frame-parent22-body-list {
  display: flex;
  justify-content: space-between;
}
.frame-parent22-body-list-item {
  width: 200px;
}
.frame-parent22-body-list-item-img {
  width: 200px;
}
.frame-parent22-body-list-item-img img {
  width: 200px;
  height: auto;
}
.frame-parent22-contents {
  display: flex;
  align-items: center;
  gap: 64px;
  margin-bottom: 48px;
}
.frame-parent22contents_number01 {
  position: relative;
}
.frame-parent22contents_number01::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 77px;
  height: 64px;
  background: url(../images/parent22_number01.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.frame-parent22contents_number02 {
  position: relative;
}
.frame-parent22contents_number02::after {
  content: "";
  position: absolute;
  top: 0;
  right: 384px;
  width: 90px;
  height: 64px;
  background: url(../images/parent22_number02.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.frame-parent22contents_number03 {
  position: relative;
}
.frame-parent22contents_number03::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 64px;
  background: url(../images/parent22_number03.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.frame-parent22contents_number04 {
  position: relative;
}
.frame-parent22contents_number04::after {
  content: "";
  position: absolute;
  top: 0;
  right: 384px;
  width: 93px;
  height: 64px;
  background: url(../images/parent22_number04.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.frame-parent22-contents-img {
  width: 310px;
}
.frame-parent22-contents-img img {
  width: 310px;
  height: auto;
}
.frame-parent22-contents-txterea {
  width: 540px;
}
.frame-parent22-contents-txterea-ttl {
  display: flex;
  align-items: center;
  color: #1688BD;
  font-weight: 500;
  font-size: 24px;
  font-family: "Noto Serif JP";
  line-height: 100%;
}
.frame-parent22-contents-txterea-ttl span {
  margin-left: 16px;
  height: 26px;
}
.frame-parent22-contents-txterea-ttl span img {
  height: 26px;
}
.frame-parent22-contents-txterea-subttl {
  margin-top: 16px;
  color: #222;
  font-weight: 400;
  font-size: 18px;
  font-family: "Noto Serif JP";
  line-height: 1.8em;
}
.frame-parent22-contents-txterea-txt {
  color: #222;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  font-family: "Noto Sans JP";
  line-height: 2em;
}
.frame-parent22-contents-txterea-caption {
  margin-top: 8px;
  color: #222;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  font-family: "Noto Sans JP";
  line-height: 2em;
}
@media screen and (max-width: 480px) {
  .frame-parent22 {
    padding: 64px 0;
  }
  .frame-parent22-body {
    margin: 64px auto 0;
    width: 100%;
  }
  .frame-parent22-body-ttl {
    margin: 0 auto;
    width: 312px;
  }
  .frame-parent22-body-ttl img {
    max-width: 100% !important;
    width: 312px;
    height: auto;
  }
  .frame-parent22-body-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 64px;
  }
  .frame-parent22-body-list {
    display: flex;
    gap: 15px;
    justify-content: space-between;
  }
  .frame-parent22-body-list-item {
    width: calc(50% - 8px);
  }
  .frame-parent22-body-list-item-img {
    width: 100%;
  }
  .frame-parent22-body-list-item-img img {
    max-width: 100% !important;
    width: 100%;
    height: auto;
  }
  .frame-parent22-contents {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 48px;
  }
  .frame-parent22contents_number01 {
    position: relative;
  }
  .frame-parent22contents_number01::after {
    content: "";
    position: absolute;
    top: 251px;
    right: 0;
    width: 48px;
    height: 40px;
    background: url(../images/parent22_number01.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .frame-parent22contents_number02 {
    position: relative;
    flex-direction: column-reverse;
  }
  .frame-parent22contents_number02::after {
    content: "";
    position: absolute;
    top: 251px;
    right: 0;
    width: 56px;
    height: 40px;
    background: url(../images/parent22_number02.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .frame-parent22contents_number03 {
    position: relative;
  }
  .frame-parent22contents_number03::after {
    content: "";
    position: absolute;
    top: 251px;
    right: 0;
    width: 56px;
    height: 40px;
    background: url(../images/parent22_number03.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .frame-parent22contents_number04 {
    position: relative;
    flex-direction: column-reverse;
  }
  .frame-parent22contents_number04::after {
    content: "";
    position: absolute;
    top: 251px;
    right: 0;
    width: 58px;
    height: 40px;
    background: url(../images/parent22_number04.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .frame-parent22-contents-img {
    width: 100%;
  }
  .frame-parent22-contents-img img {
    max-width: 100% !important;
    width: 100%;
    height: auto;
  }
  .frame-parent22-contents-txterea {
    width: 100%;
  }
  .frame-parent22-contents-txterea-ttl {
    display: flex;
    align-items: center;
    color: #1688BD;
    font-weight: 500;
    font-size: 20px;
    font-family: "Noto Serif JP";
    line-height: 100%;
  }
  .frame-parent22-contents-txterea-ttl span {
    margin-left: 16px;
    height: 26px;
  }
  .frame-parent22-contents-txterea-ttl span img {
    max-width: 100% !important;
    height: 22px;
  }
  .frame-parent22-contents-txterea-subttl {
    margin-top: 16px;
    color: #222;
    font-weight: 400;
    font-size: 16px;
    font-family: "Noto Serif JP";
    line-height: 1.8em;
  }
  .frame-parent22-contents-txterea-txt {
    color: #222;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    font-family: "Noto Sans JP";
    line-height: 2em;
  }
  .frame-parent22-contents-txterea-caption {
    margin-top: 8px;
    color: #222;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    font-family: "Noto Sans JP";
    line-height: 2em;
  }
  .frame-parent7 {
    padding: 0 !important;
    padding: 64px 0 50px!important;
  }
  .frame-parent23 .boreder_bottom {
    font-size: 20px;
  }
}
.boreder_bottom {
  position: relative;
  color: #1688BD;
}
.boreder_bottom::after {
  content: "";
  position: absolute; /*positionをabsoluteに指定*/
  bottom: -24px; /*線のタテ位置*/
  left: 50%; /*線のヨコ位置*/
  width: 48px; /*線の幅*/
  height: 2px; /*線の太さ*/
  background-color: #1688BD; /*下線の色*/
  transform: translateX(-50%);
}
@media screen and (max-width: 480px) {
  .boreder_bottom::after {
    content: "";
    position: absolute; /*positionをabsoluteに指定*/
    bottom: -16px; /*線のタテ位置*/
    left: 50%; /*線のヨコ位置*/
    width: 32px; /*線の幅*/
    height: 2px; /*線の太さ*/
    background-color: #1688BD; /*下線の色*/
    transform: translateX(-50%);
  }
}
.frame-parent4 {
  z-index: 0;
  align-self: stretch;
  padding-top: 0rem;
  width: 100%;
  background-image: url(../images/mvback_pc.png);
  background-size: 100%;
  background-repeat: no-repeat;
  color: var(--color);
  font-size: 3.2rem;
}

.frame-group {
  color: var(--color-black);
  font-size: var(--txt-size);
}

.div33 {
  margin-bottom: 40px;
  line-height: 140%;
}

.s {
  top: 129px;
  display: inline-block;
  width: 504px;
  font-size: var(--txt-size);
  line-height: 200%;
}

.div34 {
  margin-bottom: 24px;
  color: var(--color);
  font-size: var(--font-size-xl);
  line-height: 100%;
}

.frame-child2,.parent17 {
  position: relative;
}

.parent17 {
  width: 504px;
}

.frame-child2 {
  width: 130px;
  height: auto;
  object-fit: cover;
}

.frame-parent14,.rectangle-group {
  display: flex;
  justify-content: flex-start;
}

.rectangle-group {
  align-items: flex-end;
  flex-direction: row;
  gap: var(--gap-5xs);
  width: 183px;
  height: auto;
  color: var(--color-black);
  font-size: var(--txt-size);
}

.frame-parent14 {
  flex-direction: column;
  gap: var(--gap-5xl);
}

.div35,.frame-child3 {
  position: relative;
  width: 648px;
}

.frame-child3 {
  max-width: 648px;
  height: auto;
  object-fit: cover;
}

.frame-child3 img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.div35 {
  display: inline-block;
  line-height: 160%;
}

.frame-parent13,.rectangle-container {
  display: flex;
  justify-content: flex-start;
}

.rectangle-container {
  position: relative;
  flex-direction: column;
  gap: var(--gap-5xl);
  font-size: var(--txt-size);
}

.frame-parent13 {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.s2 {
  position: absolute;
  top: 79.88%;
  left: 0;
  display: inline-block;
  width: 100%;
  line-height: 160%;
}

.s3.s2 {
  top: 74.88%;
}

.component-9-child,.component-9-item {
  position: absolute;
  right: 0;
  bottom: 27.44%;
}

.component-9-child {
  top: 0;
  left: 0;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 72.56%;
  object-fit: cover;
}

.component-10-child.component-9-child {
  height: auto;
}

.component-11-child.component-9-child {
  height: auto;
  aspect-ratio: 357/238;
}

.component-12-child.component-9-child {
  height: auto;
  aspect-ratio: 183/238;
}
.component8-list {
  display: flex;
  gap: 41px;
}
.component8-list-item {
  width: 100%;
}
.component8-list-item-text {
  margin-top: 24px;
  color: #222;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 22px;
}
.component8-list-item-img img {
  width: 446px;
}
.component8-list-item-img.jirei04 img {
  width: 227px;
}
@media screen and (max-width: 480px) {
  .component8-list {
    flex-direction: column;
    gap: 60px;
    padding: 0 20px;
  }
  .component8-list-item {
    width: 100%;
  }
  .component8-list-item-text {
    margin-top: 14px;
    color: #222;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 22px;
  }
  .component8-list-item-img img {
    width: 330px;
  }
  .component8-list-item-img.jirei04 {
    margin: 0 auto;
    width: 225px;
  }
}
.component9 {
  display: flex;
  gap: 64px;
  margin: 0;
}
.component9-list {
  display: flex;
  flex-direction: column;
  width: 380px;
}
.component9-list-item {
  width: 100%;
}
.component9-list-item-img {
  width: 380px;
}
.component9-list-item-img img {
  width: 100%;
}

.component9-list-item-txt {
  margin-top: 24px;
  color: #222;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 22px;
}
.component9_1 {
  position: relative;
}
.component9_1::before {
  content: "";
  position: absolute;
  top: 40%;
  left: 50%;
  width: 48px;
  height: 15px;
  background-image: url(../images/arrow_sliver.svg);
  background-position: center;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
}
.component9_1-body {
  display: flex;
  gap: 56px;
  width: 756px;
}

.component9_1-body-img {
  width: 350px;
}
.component9_1-body-img img {
  width: 100%;
}
.component9_1-txt {
  margin-top: 24px;
  color: #222;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 22px;
}
.component-9-item {
  top: 66.46%;
  left: 94.4%;
  width: 5.6%;
  height: 6.1%;
  background-color: var(--color);
}

@media screen and (max-width: 480px) {
  .component9 {
    flex-direction: column;
    gap: 64px;
  }
  .component9-list {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    width: 100%;
  }
  .component9-list-item {
    width: 100%;
  }
  .component9-list-item-img {
    width: 100%;
  }
  .component9-list-item-img img {
    width: 100%;
  }

  .component9-list-item-txt {
    margin-top: 10px;
    color: #222;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 22px;
  }
  .component9_1 {
    padding: 0 20px;
  }
  .component9_1::before {
    top: 39.5%;
    left: 44%;
    width: 48px;
    height: 15px;
    transform: rotate(-90deg) translate(-50%, -50%);
  }
  .component9_1-body {
    display: flex;
    flex-direction: column;
    gap: 56px;
    width: 100%;
  }

  .component9_1-body-img {
    width: 100%;
  }
  .component9_1-body-img img {
    width: 100%;
  }
  .component9_1-txt {
    margin-top: 24px;
    color: #222;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 22px;
  }
  .component-9-item {
    top: 66.46%;
    left: 94.4%;
    width: 5.6%;
    height: 6.1%;
    background-color: var(--color);
  }
}
.div36 {
  position: absolute;
  top: 67.07%;
  left: 96.08%;
  color: var(--light-background);
  font-family: var(--txt);
  line-height: 100%;
}

.component-9 {
  position: relative;
  width: 357px;
}

.component-10.component-9 {
  position: relative;
  width: 270px;
  height: 394px;
}
.component-10.component-9.imgjirei02 {
  width: 348px;
  height: 270px;
}
.component-11.component-9 {
  width: 357px;
  height: 328px;
}

.component-12.component-9 {
  width: 183px;
  height: 350px;
}

.s4 {
  position: absolute;
  top: 70.43%;
  left: 0;
  display: inline-block;
  width: 100%;
  line-height: 160%;
}

.component-3-child,.component-3-item {
  position: absolute;
  right: 0;
  bottom: 36.02%;
}

.component-3-child {
  top: 0;
  left: 0;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 63.98%;
  object-fit: cover;
}

.component-3-item {
  top: 58.6%;
  left: 89.07%;
  width: 10.93%;
  height: 5.38%;
  background-color: var(--color);
}

.div38 {
  position: absolute;
  top: 59.14%;
  left: 92.35%;
  color: var(--light-background);
  font-family: var(--txt);
  line-height: 100%;
}

.component-3 {
  position: relative;
  width: 183px;
  height: 372px;
}

.component-9-parent,.frame-parent12 {
  display: flex;
  justify-content: flex-start;
}

.component-9-parent {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  font-size: var(--txt-size);
}

.frame-parent12 {
  flex-direction: column;
  gap: var(--gap-45xl);
  width: 100%;
}

.ellipse-parent {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
}

.group-icon {
  position: relative;
  width: auto;
  height: 148px;
}

.frame- {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: .5rem;
  justify-content: flex-start;
}

.vector-icon6 {
  position: relative;
  margin-top: 30px;
  width: 18.06px;
  height: 12.74px;
}

@media screen and (max-width: 480px) {
  .vector-icon6 {
    margin-top: initial;
  }
}

.ellipse-parent.be {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #ddd;
  color: #000;
}

.ellipse-parent.af {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--color);
}

.frame-child5 {
  position: relative;
  width: auto;
  height: 208px;
}

.frame-child5.frame-child6 {
  height: 260px;
}

.frame-parent16,.frame-parent18 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.frame-parent18 {
  flex-direction: column;
  gap: 2rem;
  color: var(--light-background);
}

.frame-parent16 {
  flex-direction: row;
  gap: var(--gap-20xl);
}
@media screen and (max-width: 480px) {
  .frame-parent16 {
    margin-left: 0;
  }
}
.reform-data {
  font-size: var(--font-size-xl);
  font-family: "Noto Serif JP", serif;
}

.div41,.icon1,.reform-data {
  position: relative;
}

.icon1 {
  width: 1px;
  height: 32px;
  border-radius: var(--br-8xs);
}

.div41 {
  color: var(--base-dark);
}

.parent18,.reform-data-parent {
  display: flex;
  flex-direction: row;
  gap: var(--gap-5xl);
  justify-content: flex-start;
}

.parent18 {
  gap: 24px;
  padding-left: 40px;
  border-left: 1px solid #e5e3df;
}

.reform-data-parent {
  align-items: center;
  gap: 40px;
  justify-content: center;
  padding: 32px;
  width: 1200px;
  border: 4px solid #f0f3f1;
  border-radius: var(--br-8xs);
  color: var(--color);
  font-size: var(--txt-size);
  font-family: var(--txt);
}

.frame-parent11,.frame-parent15 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.frame-parent15 {
  align-items: center;
  gap: var(--gap-45xl);
  color: var(--color-black);
  font-size: var(--font-size-xs);
}

.frame-parent11 {
  gap: 96px;
  max-width: 1200px;
}

.parent21 {
  position: relative;
  width: 435px;
  height: 315px;
  text-align: center;
  font-size: var(--txt-size);
}

.frame-parent10 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-101xl);
  justify-content: flex-start;
  background-color: var(--light-background);
}

.frame-child12 {
  position: relative;
  width: 240px;
  aspect-ratio: 1/1;
}

.div74 {
  position: relative;
  line-height: 200%;
}

.group-parent {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 44px;
  justify-content: flex-start;
}

.div75 {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 200%;
}

.frame-child13,.frame-child14 {
  position: relative;
  width: 43px;
  height: 43px;
}

.frame-child14 {
  width: 268.87px;
  height: 38.87px;
}

.group-container {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: var(--gap-xs);
  justify-content: flex-start;
}

.div76 {
  position: absolute;
  top: 84px;
  left: 16px;
}

.frame {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: var(--padding-9xs) var(--padding-5xs);
  border-radius: var(--br-mini-5);
  background-color: var(--color-indianred);
}

.b4 {
  top: 21px;
  left: 0;
  line-height: 100%;
}

.b4,.b5,.b6 {
  position: absolute;
}

.b5 {
  top: 0;
  left: 42px;
  font-size: var(--font-size-21xl);
  line-height: 120%;
}

.b6 {
  top: 21px;
  left: 92px;
  line-height: 100%;
}

.parent26 {
  position: relative;
  width: 132px;
  height: 48px;
  color: var(--color-indianred);
  font-size: var(--font-size-xl);
}

.frame-parent36 {
  position: absolute;
  top: 117px;
  left: 50%;
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  gap: var(--gap-base);
  justify-content: flex-start;
  width: 212px;
  height: 48px;
  color: var(--light-background);
  font-size: var(--font-size-xs);
  transform: translateX(-50%);
}

.frame-child15 {
  position: absolute;
  top: 63px;
  left: 0;
  width: 324px;
  height: 1px;
  background-color: var(--color-gainsboro-300);
}

.frame-child17,.frame-parent35 {
  position: relative;
}

.frame-parent35 img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.group-parent1 {
  position: absolute;
  top: 0;
  left: 29px;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: var(--gap-xs);
  justify-content: flex-start;
}

.div77 {
  position: absolute;
  top: 84px;
  left: 22px;
}

.wrapper1 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: var(--padding-9xs) var(--padding-5xs);
  border-radius: var(--br-mini-5);
  background-color: var(--color-steelblue);
}

.b10 {
  position: absolute;
  top: 21px;
  left: 115px;
  line-height: 100%;
}

.parent27 {
  position: relative;
  width: 155px;
  height: 48px;
  color: var(--color-steelblue);
  font-size: var(--font-size-xl);
}

.frame-parent38 {
  position: absolute;
  top: 117px;
  left: 50%;
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  gap: var(--gap-base);
  justify-content: flex-start;
  width: 235px;
  height: 48px;
  color: var(--light-background);
  font-size: var(--font-size-xs);
  transform: translateX(-50%);
}

.frame-child20 {
  position: relative;
  width: 170.48px;
  height: 39.06px;
}

.group-parent2 {
  position: absolute;
  top: 0;
  left: 49px;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: var(--gap-xs);
  justify-content: flex-start;
}

.div78 {
  position: absolute;
  top: 84px;
  left: 15px;
}

.wrapper2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: var(--padding-9xs) var(--padding-5xs);
  border-radius: var(--br-mini-5);
  background-color: var(--color-chocolate);
}

.parent28 {
  position: relative;
  width: 160px;
  height: 48px;
  color: var(--color-chocolate);
  font-size: var(--font-size-xl);
}

.frame-parent34,.frame-parent40 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.frame-parent40 {
  position: absolute;
  top: 117px;
  left: 50%;
  align-items: flex-end;
  gap: var(--gap-base);
  width: 240px;
  height: 48px;
  color: var(--light-background);
  font-size: var(--font-size-xs);
  transform: translateX(-50%);
}

.frame-parent34 {
  align-items: center;
  gap: 48px;
  justify-content: space-between;
  height: auto;
}

.httpsjutaku-shoene2023mlit {
  position: relative;
  display: inline-block;
  color: var(--color-gray-300);
  font-size: var(--font-size-xs);
  line-height: 140%;
}

.frame-parent33,.frame-wrapper1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.frame-parent33 {
  gap: var(--gap-29xl);
}

.frame-wrapper1 {
  padding: var(--padding-45xl) 66px;
  border-radius: var(--br-3xs);
  background-color: var(--light-background);
}

.div80 {
  position: relative;
  font-size: var(--font-size-xs);
  line-height: 100%;
}

.parent30 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
  justify-content: flex-start;
  width: 262px;
  height: 42px;
  font-size: var(--title-size);
}

.span {
  color: var(--color-gray-300);
}

.span1 {
  color: var(--color-darkgray-200);
}

.li {
  margin-bottom: 0;
}

.ul {
  margin: 0;
  padding-left: 19px;
  list-style: initial;
}

.div81 {
  position: relative;
  font-size: 14px;
  line-height: 180%;
}

.parent29,.wrapper3 {
  display: flex;
  justify-content: flex-start;
}

.parent29 {
  flex-direction: column;
  gap: var(--gap-9xl);
  padding: 0 0 var(--padding-5xl);
}

.wrapper3 {
  flex-direction: row;
  padding: var(--padding-9xs) var(--padding-base);
  width: fit-content;
  border-radius: var(--br-mini-5);
  background-color: var(--color-gray-300);
}

.b18 {
  position: absolute;
  top: 21px;
  left: 199px;
  line-height: 100%;
}

.parent31 {
  position: relative;
  width: 219px;
  height: 48px;
  color: var(--color-indianred);
  font-size: var(--font-size-xl);
}

.frame-parent44 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-5xs);
  justify-content: flex-start;
  width: 219px;
  height: 82px;
}

.s15 {
  position: relative;
  color: var(--color-gray-300);
  text-align: center;
  line-height: 100%;
}

.frame-parent43 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
  justify-content: flex-start;
  box-sizing: border-box;
  margin-left: -126px;
  padding: var(--padding-5xl) 0 0;
  width: 219px;
  color: var(--light-background);
  font-size: var(--font-size-xs);
}

.frame-parent42 {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  justify-content: flex-end;
}

.frame-wrapper4,.icon9 {
  position: relative;
}

.icon9 {
  overflow: hidden;
}

.frame-parent41,.frame-wrapper3 {
  display: flex;
  justify-content: flex-start;
}

.frame-parent41 {
  align-items: center;
  flex-direction: row;
  gap: 40px;
}

.frame-wrapper3 {
  align-items: center;
  flex-direction: column;
}

.frame-wrapper2,.ldk2 {
  font-size: var(--font-size-5xl);
}

.frame-wrapper2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-45xl);
  border-radius: var(--br-3xs);
  background-color: var(--light-background);
  color: var(--color-gray-300);
}

.ldk2 {
  line-height: 100%;
}

.div83,.kw2500028000 {
  line-height: 140%;
}

.div83 {
  text-align: center;
  font-size: var(--title-size);
}

.kw2500028000 {
  display: inline-block;
}

.parent32 {
  position: relative;
  width: 219px;
  height: 48px;
}

.div85 {
  position: relative;
  margin-left: -10px;
  color: var(--color-gray-300);
  text-align: center;
  font-size: var(--txt-size);
  line-height: 100%;
}

.frame-parent46,.frame-parent47 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.frame-parent47 {
  width: 231px;
  color: var(--color-indianred);
  font-size: var(--font-size-xl);
}

.frame-parent46 {
  top: 186px;
  left: 121px;
  align-items: center;
  gap: var(--gap-xs);
  color: var(--light-background);
}

.vector-icon10 {
  position: absolute;
}

.vector-icon8,.vector-icon9 {
  position: absolute;
  top: 123.46px;
  left: 123.08px;
  width: 357.37px;
  height: 76.91px;
}

.vector-icon9 {
  left: 76.37px;
  width: 119.13px;
  height: 311.17px;
}

.vector-icon10 {
  top: 279.07px;
  left: 95.79px;
  width: 419.96px;
  height: 61.94px;
}

.vector-icon11,.vector-icon12 {
  position: absolute;
  top: 342.3px;
  left: 62.78px;
  width: 19.53px;
  height: 12.22px;
}

.vector-icon12 {
  top: 162px;
  left: 195.15px;
  width: 173.27px;
  height: 117.39px;
}

.vector-icon13 {
  top: 123.46px;
  left: 367.63px;
  width: 179.95px;
  height: 321.3px;
}

.group-icon1,.vector-icon13,.vector-icon14 {
  position: absolute;
}

.vector-icon14 {
  top: 169.98px;
  left: 384.61px;
  width: 32.4px;
  height: 129.96px;
}

.group-icon1 {
  top: 135.63px;
  left: 124.77px;
  width: 50.48px;
  height: 184.31px;
}

.vector-icon15,.vector-icon16 {
  position: absolute;
  top: 182.79px;
  left: 214.49px;
  width: 64.26px;
  height: 51.85px;
}

.vector-icon16 {
  top: 185.78px;
  left: 217.93px;
  width: 57.62px;
  height: 45.91px;
}

.vector-icon17 {
  top: 286.77px;
  left: 148.03px;
  width: 240.96px;
  height: 40.51px;
}

.text,.vector-icon17 {
  position: absolute;
}

.vector-icon18,.vector-icon19 {
  position: absolute;
  top: 272.11px;
  left: 205.04px;
  width: 112.23px;
  height: 12.33px;
}

.vector-icon19 {
  top: 265.45px;
  width: 112.32px;
  height: 7.31px;
}

.text {
  top: 0;
  left: 0;
  display: inline-block;
  width: 1px;
  height: 40.29px;
}

.vector-icon20,.vector-icon21 {
  position: absolute;
  top: 257.9px;
  left: 200.68px;
  width: 16.93px;
  height: 5.24px;
}

.vector-icon21 {
  top: 258.35px;
  left: 206.16px;
  width: 11.45px;
  height: 13.7px;
}

.vector-icon22,.vector-icon23 {
  position: absolute;
  top: 262.49px;
  left: 200.68px;
  width: 6.61px;
  height: 21.95px;
}

.vector-icon23 {
  left: 313.72px;
}

.vector-icon24,.vector-icon25 {
  position: absolute;
  top: 258.41px;
  left: 305.63px;
  width: 7.98px;
  height: 13.03px;
}

.vector-icon25 {
  top: 257.9px;
  left: 306.09px;
  width: 14.24px;
  height: 5.24px;
}

.vector-icon26 {
  position: absolute;
  left: 314.55px;
}

.vector-icon26,.vector-icon27 {
  top: 283.79px;
  width: 4.09px;
  height: 8.9px;
}

.vector-icon27,.vector-icon28 {
  position: absolute;
}

.vector-icon27 {
  left: 201.95px;
}

.vector-icon28,.vector-icon29 {
  top: 281.51px;
  left: 214.76px;
  width: 81.4px;
  height: 19.02px;
}

.vector-icon29 {
  top: 299.88px;
  height: 5.62px;
}

.frame4,.vector-icon29 {
  position: absolute;
}

.vector-icon30,.vector-icon31 {
  position: absolute;
  top: 304.88px;
  left: 291.88px;
  width: 4.09px;
  height: 17.84px;
}

.vector-icon31 {
  left: 214.7px;
}

.frame4 {
  top: 0;
  left: 0;
  width: 388.67px;
  height: 326.96px;
}

.vector-icon32 {
  position: absolute;
  top: 185.78px;
  left: 245.25px;
  width: 3.98px;
  height: 45.91px;
}

.vector-icon33,.vector-icon34 {
  position: absolute;
  top: 278.75px;
  left: 386.27px;
  width: 30.74px;
  height: 1px;
}

.vector-icon34 {
  top: 123.46px;
  left: 73.73px;
  width: 122.09px;
  height: 307.65px;
}

.vector-icon35 {
  top: 278.73px;
  left: 95.88px;
  width: 418.91px;
  height: 62.38px;
}

.frame3,.vector-icon35 {
  position: absolute;
}

.vector-icon36,.vector-icon37 {
  position: absolute;
  top: 123.46px;
  left: 85.45px;
  width: 11.31px;
  height: 266.5px;
}

.vector-icon37 {
  left: 75.08px;
  width: 4.87px;
}

.frame3 {
  top: -123.46px;
  left: -69.95px;
  width: 547.91px;
  height: 354.52px;
}

.clip-path-group1,.group-icon2 {
  position: absolute;
  top: 0;
  left: 16.06px;
  width: 365.22px;
  height: 220px;
}

.group-icon2 {
  top: 36.47px;
  left: 238.98px;
  width: 66.14px;
  height: 22.3px;
}

.clip-path-group2 {
  position: absolute;
  top: 146.64px;
  left: 0;
  width: 43.3px;
  height: 43.3px;
}

.group-icon3 {
  top: 161.55px;
  left: 321.91px;
  width: 38.39px;
  height: 8.17px;
}

.frame2,.group-icon3,.group-icon4 {
  position: absolute;
}

.group-icon4 {
  top: 98.66px;
  left: 331.5px;
  width: 29.82px;
  height: 8.55px;
}

.frame2 {
  top: 0;
  left: .75px;
  width: 381.28px;
  height: 220px;
}

.group-icon5 {
  top: 172.45px;
  left: 338.09px;
}

.group-icon5,.group-icon6,.group-icon7,.group-icon8 {
  position: absolute;
  width: 16.82px;
  height: 16.82px;
}

.group-icon6 {
  top: 92.54px;
  left: 89.88px;
}

.group-icon7 {
  top: 77.28px;
  left: 184.95px;
}

.group-icon8 {
  top: 131.92px;
  left: 0;
}

.group-icon10,.group-icon11,.group-icon9 {
  position: absolute;
  width: 16.82px;
  height: 16.82px;
}

.group-icon9 {
  top: 62.32px;
  left: 265.8px;
}

.group-icon10 {
  top: 79.86px;
  left: 340.24px;
}

.group-icon11 {
  top: 195.07px;
  left: 287.83px;
}

.frame1 {
  top: 282px;
  left: 103px;
  width: 382.03px;
  height: 220px;
  color: var(--color-black);
}

.ldk-parent {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 32px;
  padding: 64px;
  width: calc(100% / 2 - 12px);
  border-radius: var(--br-3xs);
  background-color: var(--light-background);
}

.b22 {
  font-size: var(--font-size-5xl);
  line-height: 100%;
}

.div86,.div89 {
  text-align: center;
}

.div86 {
  font-size: var(--title-size);
  line-height: 140%;
}

.div89 {
  position: relative;
  margin-left: -10px;
  color: var(--color-gray-300);
  font-size: var(--font-size-xs);
  line-height: 100%;
}

.frame-parent48,.frame-parent49 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.frame-parent49 {
  width: 228px;
  color: var(--color-indianred);
  font-size: var(--font-size-xl);
}

.frame-parent48 {
  align-items: center;
  gap: var(--gap-xs);
  color: var(--light-background);
}

.frame-parent31,.frame-parent45 {
  display: flex;
  justify-content: flex-start;
}

.frame-parent45 {
  flex-direction: row;
  gap: var(--gap-5xl);
  color: var(--color-gray-300);
  font-size: var(--font-size-xs);
}

.frame-parent31 {
  flex-direction: column;
  gap: var(--gap-13xl);
}

.div90 {
  position: relative;
  display: inline-block;
  color: var(--color-floralwhite);
  font-size: var(--font-size-xs);
  line-height: 140%;
}

.frame-parent29,.frame-parent30 {
  display: flex;
  flex-direction: column;
  gap: var(--gap-35xl);
  justify-content: flex-start;
}

.frame-parent30 {
  gap: 32px;
  color: var(--color-black);
  text-align: left;
  font-size: var(--txt-size);
  font-family: var(--txt);
}

.frame-parent29 {
  align-items: center;
  max-width: 1200px;
}

.parent36 {
  top: 53.58px;
  left: -.27px;
  gap: var(--gap-3xs);
  padding: var(--padding-13xl) var(--padding-66xl);
  border-radius: var(--br-31xl);
  background-color: var(--color);
  color: inherit;
  text-decoration: none;
  font-size: var(--font-size-5xl);
}

.frame-parent50,.parent36,.parent39 {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.frame-parent50 {
  top: calc(50% + 51.5px);
  right: 3.68%;
  left: 3.45%;
  gap: var(--gap-13xl);
  width: 92.87%;
}

.parent39 {
  top: 93.49%;
  right: 28.05%;
  bottom: .16%;
  left: 28.05%;
  align-items: center;
  gap: var(--gap-9xs);
  width: 43.91%;
  height: 6.35%;
  font-family: var(--txt);
}

.parent35 {
  position: relative;
  width: 435px;
  height: 315px;
  font-size: var(--txt-size);
}

.frame-parent28 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-direction: column;
  gap: 74px;
  justify-content: flex-start;
  padding: 80px 0 var(--padding-101xl);
  background-color: #64baba;
  color: var(--light-background);
  text-align: center;
}

.frame-parent28 .cv-caption {
  color: #fff !important;
}

.frame-parent28 .cv-btn-sub a {
  border-bottom: 1px solid #fff;
  color: #fff !important;
}

.frame-parent28 .cv-btn-sub a:first-child {
  background-image: url(../images/arrow_down_w.png);
}

.frame-parent28 .cv-btn-sub a:last-child {
  background-image: url(../images/arrow_2_w.png);
}

.frame-parent28 .cv-btn-lounge-txt2 img {
  filter: invert(1) brightness(10);
}

.frame-parent28 .cv-btn-lounge-txt {
  color: #fff !important;
}

.ldk-container {
  position: relative;
  z-index: 0;
  line-height: 150%;
}

.frame-child22 {
  position: absolute;
  top: -30px;
  left: -30px;
  width: 423px;
  height: 423px;
  opacity: .6;
}

.b27,.div96 {
  position: relative;
}

.div96 {
  color: var(--color);
  font-size: var(--font-size-29xl);
  line-height: 100%;
}

.b27 {
  color: var(--color-gray-300);
  font-size: var(--font-size-base);
  font-family: var(--txt);
  line-height: 180%;
}

.floor-plan-parent {
  position: absolute;
  top: 77px;
  left: 60px;
  display: flex;
  flex-direction: column;
  gap: var(--gap-xl);
  justify-content: flex-start;
}

.ellipse-parent2 {
  position: relative;
  width: 363px;
  height: 363px;
}

.clip-path-group3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 288px;
  height: 231px;
}

.group-icon13,.vector-icon38 {
  position: absolute;
}

.vector-icon38 {
  top: 50.42px;
  left: 96.63px;
  width: 159.43px;
  height: 124.64px;
}

.group-icon13 {
  top: 142.99px;
  left: 162.72px;
  width: 31.38px;
  height: 13.37px;
}

.group-icon14 {
  width: 31.38px;
}

.group-icon14,.group-icon15 {
  position: absolute;
}

.group-icon14 {
  top: 44.12px;
  left: 46.32px;
  height: 13.76px;
}

.group-icon15 {
  top: 54.2px;
  left: 126.83px;
  width: 54.96px;
  height: 13.37px;
}

.vector-icon39 {
  position: relative;
  width: 51.78px;
  height: 2.63px;
}

.vector-container {
  position: absolute;
  top: 229px;
  left: 0;
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: var(--gap-6xs);
  justify-content: flex-start;
  width: 131.6px;
  height: 18px;
}

.clip-path-group-group {
  position: relative;
  margin-left: -39px;
  width: 288px;
  height: 247px;
  color: var(--color-black);
  font-family: var(--txt);
}

.clip-path-group-group img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.frame-parent53 {
  z-index: 0;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}

.frame-child24,.frame-child23 {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rectangle-parent3 {
  overflow: hidden;
  width: 412px;
  height: 178px;
}

.div98 {
  position: relative;
  line-height: 140%;
}

.frame-parent54 {
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: var(--gap-5xl);
  justify-content: flex-start;
  max-width: 412px;
  color: var(--color-gray-300);
  font-size: var(--txt-size);
  font-family: var(--txt);
}

.icon10 {
  position: absolute;
  top: 315px;
  left: -42px;
  z-index: 2;
  overflow: hidden;
  margin: 0 !important;
  width: 102px;
  height: 121px;
}

.frame-parent52 {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: var(--gap-5xl);
  justify-content: flex-start;
}

.frame-child25 {
  position: relative;
  width: 423px;
  height: 423px;
  opacity: .6;
}

.b28,.div99,.storage {
  position: absolute;
  left: 0;
}

.div99,.storage {
  top: 34px;
  line-height: 100%;
}

.storage {
  top: 0;
  color: var(--color-pink);
  font-size: var(--title-size);
}

.b28 {
  top: 106px;
  color: var(--color-gray-300);
  font-size: var(--font-size-base);
  font-family: var(--txt);
  line-height: 180%;
}

.parent40 {
  position: relative;
  margin-top: -278px;
  width: 208px;
  height: 193px;
}

.ellipse-parent3 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  width: 363px;
  height: 363px;
}

.frame-child26 {
  position: relative;
  width: 180px;
  height: 267px;
  object-fit: cover;
}

.frame-parent56,.rectangle-parent4 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}

.frame-parent56 {
  position: relative;
  gap: 17px;
}

.rectangle-parent4 {
  gap: var(--gap-base);
  max-height: 178px;
}

.div100 {
  position: relative;
  line-height: 160%;
}

.frame-parent55,.frame-parent57 {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: var(--gap-5xl);
  justify-content: flex-start;
  max-width: 560px;
}

.frame-parent57 {
  color: var(--color-gray-300);
  text-align: center;
  font-size: var(--txt-size);
  font-family: var(--txt);
}

.frame-parent51 {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: var(--gap-5xl);
  justify-content: center;
}

.frame-wrapper5 {
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  color: var(--color-pink);
  text-align: left;
  font-size: var(--title-size);
}

.parent41 {
  position: relative;
  z-index: 2;
  width: 435px;
  height: 315px;
  font-size: var(--txt-size);
}

.icon11 {
  position: absolute;
  top: -75px;
  right: -82px;
  z-index: 3;
  overflow: hidden;
  margin: 0 !important;
  width: 102px;
  height: 121px;
}

.frame-parent,.ldk-group {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  background-color: var(--light-background);
}

.ldk-group {
  align-self: stretch;
  gap: 86px;
  padding: var(--padding-101xl) 0;
  text-align: center;
  font-size: var(--font-size-21xl);
}

.frame-parent {
  width: 100%;
  color: var(--color-gray-300);
  text-align: left;
  font-size: var(--font-size-13xl);
  font-family: var(--font-noto-serif-jp);
}
.frame-parent12-list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.frame-parent12-list-item {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 24px;
}
.frame-child3 {
  position: relative;
}
.frame-parent12-list-item-img {
  position: relative;
}
@media screen and (min-width: 481px) {
  .frame-parent12-list-item.jirei02 {
    width: 373px;
  }
  .frame-parent12-list-item.jirei03 {
    width: 373px;
  }
  .frame-parent12-list-item.jirei04 {
    width: 373px;
  }
  .frame-parent12-list-item.jirei05 {
    width: 270px;
  }
  .frame-parent12-list-item.jirei06 {
    width: 468px;
  }
  .frame-parent12-list-item.jirei08 {
    width: 357px;
  }
  .frame-parent12-list-item.jirei09 {
    width: 183px;
  }
  .frame-parent12-list-item.jirei10 {
    width: 357px;
  }
  .frame-parent12-list-item.jirei11 {
    width: 183px;
  }

  .jireinumber06::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/after_06.png);
    background-size: contain;
  }
  .jireinumber07::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/after_01.png);
    background-size: contain;
  }
  .jireinumber08::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/after_02.png);
    background-size: contain;
  }
  .jireinumber09::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/after_03.png);
    background-size: contain;
  }
  .jireinumber10::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/after_04.png);
    background-size: contain;
  }
  .jireinumber11::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/after_05.png);
    background-size: contain;
  }
}

.frame-parent12-list-item-img {
  width: 100%;
}
.frame-parent12-list-item img {
  width: 100%;
}
.frame-parent12-list-item-txt {
  color: #222;
  font-size: 1.4rem;
  line-height: 1.6em;
}
@media screen and (max-width: 480px) {
  .frame-parent12-list {
    flex-direction: column;
    padding: 0 20px;
  }
  .sp-none {
    display: none;
  }
  
  .jireinumber06::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/after_06.png);
    background-size: contain;
  }
  .jireinumber07::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/after_01.png);
    background-size: contain;
  }
  .jireinumber08::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/after_02.png);
    background-size: contain;
  }
  .jireinumber09::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/after_03.png);
    background-size: contain;
  }
  .jireinumber10::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/after_04.png);
    background-size: contain;
  }
  .jireinumber11::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/after_05.png);
    background-size: contain;
  }
}
.group-icon-parts {
  position: absolute;
  right: 0;
  bottom: -40px;
  width: 152px;
}
.group-icon-parts img {
  width: 100%;
  height: auto;
}