.PC {
  background-color: var(--basicback);
  width: 1440px;
  min-width: 1440px;
  min-height: 1832px;
  position: relative;
  margin: 0 auto;
}

.PC .BG-TOP {
  position: absolute;
  top: 0;
  left: 0;
  width: 1440px;
  height: 358px;
  display: flex;
  background: linear-gradient(
    90deg,
    rgba(216, 194, 245, 1) 0%,
    rgba(255, 221, 217, 1) 100%
  );
}

.PC .vector {
  margin-top: 275.5px;
  width: 1440px;
  height: 82.47px;
}

.PC .frame {
  display: flex;
  width: 1200px;
  align-items: flex-start;
  justify-content: center;
  gap: var(--1-32);
  padding: var(--1-40) var(--1-40) var(--1-0) var(--1-40);
  position: absolute;
  top: 124px;
  left: calc(50.00% - 600px);
}

.PC .view {
  position: relative;
  width: 347px;
  height: 92px;
  gap: var(--1-0);
}

.PC .text-wrapper {
  position: absolute;
  top: 0;
  left: 46px;
  font-family: var(--PC-background-text-m-font-family);
  font-weight: var(--PC-background-text-m-font-weight);
  color: var(--secondarysecondary-50);
  font-size: var(--PC-background-text-m-font-size);
  text-align: center;
  letter-spacing: var(--PC-background-text-m-letter-spacing);
  line-height: var(--PC-background-text-m-line-height);
  white-space: nowrap;
  font-style: var(--PC-background-text-m-font-style);
}

.PC .div {
  position: absolute;
  top: 36px;
  left: 0;
  font-family: var(--PC-h1-sans-bold-font-family);
  font-weight: var(--PC-h1-sans-bold-font-weight);
  font-size: var(--PC-h1-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--PC-h1-sans-bold-letter-spacing);
  line-height: var(--PC-h1-sans-bold-line-height);
  color: var(--basictext);
  white-space: nowrap;
  font-style: var(--PC-h1-sans-bold-font-style);
}

.PC .footer {
  display: flex;
  flex-direction: column;
  width: var(--1-1440);
  align-items: center;
  gap: var(--1-40);
  padding: var(--1-64) 120px var(--1-64) 120px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--grayscalegray-800);
}

.PC .frame-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.PC .img {
  position: relative;
  width: 256px;
}

.PC .div-2 {
  display: inline-flex;
  align-items: center;
  gap: var(--1-32);
  position: relative;
  flex: 0 0 auto;
}

.PC .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--PC-btns-header-sans-bold-font-family);
  font-weight: var(--PC-btns-header-sans-bold-font-weight);
  color: var(--basicwhite);
  font-size: var(--PC-btns-header-sans-bold-font-size);
  letter-spacing: var(--PC-btns-header-sans-bold-letter-spacing);
  line-height: var(--PC-btns-header-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--PC-btns-header-sans-bold-font-style);
}

.PC .frame-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--1-24);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.PC .line {
  height: 1px;
  margin-top: -1.00px;
  object-fit: cover;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.PC .frame-4 {
  display: flex;
  align-items: center;
  gap: var(--1-36);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.PC .text-wrapper-3 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--PC-bodys-sans-regular-13-font-family);
  font-weight: var(--PC-bodys-sans-regular-13-font-weight);
  color: var(--basicwhite);
  font-size: var(--PC-bodys-sans-regular-13-font-size);
  letter-spacing: var(--PC-bodys-sans-regular-13-letter-spacing);
  line-height: var(--PC-bodys-sans-regular-13-line-height);
  font-style: var(--PC-bodys-sans-regular-13-font-style);
}

.PC .text-wrapper-4 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--PC-btns-header-sans-bold-font-family);
  font-weight: var(--PC-btns-header-sans-bold-font-weight);
  color: var(--grayscalegray-200);
  font-size: var(--PC-btns-header-sans-bold-font-size);
  letter-spacing: var(--PC-btns-header-sans-bold-letter-spacing);
  line-height: var(--PC-btns-header-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--PC-btns-header-sans-bold-font-style);
}

.PC .view-2 {
  display: flex;
  flex-direction: column;
  width: 1200px;
  align-items: center;
  padding: var(--1-80) var(--1-40) 120px var(--1-40);
  position: absolute;
  top: 256px;
  left: calc(50.00% - 600px);
  gap: var(--1-0);
}

.PC .frame-5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: var(--1-24);
  padding: var(--1-16) 0px var(--1-16) 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.PC .text-wrapper-5 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--PC-bodym-sans-regular-16-font-family);
  font-weight: var(--PC-bodym-sans-regular-16-font-weight);
  font-size: var(--PC-bodym-sans-regular-16-font-size);
  text-align: right;
  letter-spacing: var(--PC-bodym-sans-regular-16-letter-spacing);
  line-height: var(--PC-bodym-sans-regular-16-line-height);
  color: var(--basictext);
  white-space: nowrap;
  font-style: var(--PC-bodym-sans-regular-16-font-style);
}

.PC .p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  align-self: stretch;
  width: 100%;
  padding: var(--1-16) 0px var(--1-16) 0px;
  position: relative;
  flex: 0 0 auto;
}

.PC .text-wrapper-6 {
  position: relative;
  width: 1120px;
  margin-top: -1.00px;
  font-family: var(--PC-bodym-sans-regular-16-font-family);
  font-weight: var(--PC-bodym-sans-regular-16-font-weight);
  color: var(--basictext);
  font-size: var(--PC-bodym-sans-regular-16-font-size);
  letter-spacing: var(--PC-bodym-sans-regular-16-letter-spacing);
  line-height: var(--PC-bodym-sans-regular-16-line-height);
  font-style: var(--PC-bodym-sans-regular-16-font-style);
}

.PC .h {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--1-16);
  padding: var(--1-64) 0px var(--1-16) 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.PC .h-h-h {
  position: relative;
  align-self: stretch;
  margin-top: -2.00px;
  font-family: var(--PC-h2-bold-font-family);
  font-weight: var(--PC-h2-bold-font-weight);
  color: var(--basictext);
  font-size: var(--PC-h2-bold-font-size);
  letter-spacing: var(--PC-h2-bold-letter-spacing);
  line-height: var(--PC-h2-bold-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  font-style: var(--PC-h2-bold-font-style);
}

.PC .line-2 {
  height: 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.PC .div-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: var(--1-16) 0px var(--1-8) 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.PC .text-wrapper-7 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--PC-h3-bold-font-family);
  font-weight: var(--PC-h3-bold-font-weight);
  color: var(--secondarysecondary);
  font-size: var(--PC-h3-bold-font-size);
  letter-spacing: var(--PC-h3-bold-letter-spacing);
  line-height: var(--PC-h3-bold-line-height);
  white-space: nowrap;
  font-style: var(--PC-h3-bold-font-style);
}

.PC .p-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  width: 100%;
  padding: var(--1-16) 0px var(--1-16) 0px;
  position: relative;
  flex: 0 0 auto;
}

.PC .text-wrapper-8 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Noto Sans CJK JP-Bold", Helvetica;
  font-weight: 700;
  color: var(--basictext);
  font-size: 20px;
  letter-spacing: 1.00px;
  line-height: 32.0px;
}

.PC .p-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--1-16) 0px var(--1-16) 0px;
  position: relative;
  flex: 0 0 auto;
}

.PC .YORISOU-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
  width: 100%;
  padding: var(--1-16) 0px var(--1-16) 0px;
  position: relative;
  flex: 0 0 auto;
  gap: var(--1-0);
}

.PC .btn-small {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--1-16);
  padding: var(--1-64) var(--1-0) var(--1-0) var(--1-0);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  box-shadow: 0px 0px 40px #664e9740;
}

.PC .arrow-forward-filled {
  position: relative;
  width: var(--1-32);
  height: 32px;
  border-radius: 9999px;
  overflow: hidden;
  box-shadow: var(--shadow-btn);
  aspect-ratio: 1;
  background: linear-gradient(
    90deg,
    rgba(99, 60, 181, 1) 0%,
    rgba(151, 71, 255, 1) 100%
  );
}

.PC .vector-2 {
  position: absolute;
  width: 43.75%;
  height: 43.75%;
  top: 28.12%;
  left: 28.12%;
}

.PC .text-wrapper-9 {
  position: relative;
  width: fit-content;
  margin-top: -2.50px;
  font-family: var(--PC-btns-english-font-family);
  font-weight: var(--PC-btns-english-font-weight);
  color: var(--secondarysecondary);
  font-size: var(--PC-btns-english-font-size);
  letter-spacing: var(--PC-btns-english-letter-spacing);
  line-height: var(--PC-btns-english-line-height);
  white-space: nowrap;
  font-style: var(--PC-btns-english-font-style);
}

.PC .header {
  display: flex;
  width: 1440px;
  height: 88px;
  align-items: center;
  justify-content: flex-end;
  gap: var(--1-40);
  padding: var(--1-20) var(--1-40) var(--1-20) var(--1-40);
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
}

.PC .element {
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.PC .text-wrapper-10 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--PC-btns-header-sans-bold-font-family);
  font-weight: var(--PC-btns-header-sans-bold-font-weight);
  color: var(--basictext);
  font-size: var(--PC-btns-header-sans-bold-font-size);
  letter-spacing: var(--PC-btns-header-sans-bold-letter-spacing);
  line-height: var(--PC-btns-header-sans-bold-line-height);
  white-space: nowrap;
  font-style: var(--PC-btns-header-sans-bold-font-style);
}

.PC .c-vbtn {
  display: flex;
  width: var(--1-200);
  height: var(--1-48);
  align-items: center;
  justify-content: center;
  gap: var(--1-4);
  padding: var(--1-8);
  position: relative;
  background-color: var(--otherline);
  border-radius: var(--1-200);
  box-shadow: var(--shadow-btn);
}

.PC .LINE-APP-ios {
  position: relative;
  width: 24px;
  height: 24px;
  aspect-ratio: 1;
  object-fit: cover;
}

.PC .text-wrapper-11 {
  position: relative;
  flex: 1;
  font-family: var(--PC-btns-header-sans-bold-font-family);
  font-weight: var(--PC-btns-header-sans-bold-font-weight);
  color: var(--basicwhite);
  font-size: var(--PC-btns-header-sans-bold-font-size);
  text-align: center;
  letter-spacing: var(--PC-btns-header-sans-bold-letter-spacing);
  line-height: var(--PC-btns-header-sans-bold-line-height);
  font-style: var(--PC-btns-header-sans-bold-font-style);
}

.PC .vector-wrapper {
  width: var(--1-24);
  height: 24px;
  background-color: var(--basicwhite);
  border-radius: 9999px;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1;
}

.PC .breadcrumbs {
  display: flex;
  width: 1200px;
  align-items: center;
  gap: var(--1-4);
  padding: var(--1-16) var(--1-40) 0px var(--1-40);
  position: absolute;
  top: 88px;
  left: 120px;
}

.PC .text-wrapper-12 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans CJK JP-Regular", Helvetica;
  font-weight: 400;
  color: var(--basictext);
  font-size: 12px;
  letter-spacing: 0.60px;
  line-height: 12px;
  white-space: nowrap;
}

.PC .arrow-forward-filled-2 {
  width: 85.83px;
  height: 89.17px;
  margin-top: -30.58px;
  margin-bottom: -38.58px;
  margin-left: -3.92px;
  position: relative;
  aspect-ratio: 1;
}

.PC .text-wrapper-13 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans CJK JP-Regular", Helvetica;
  font-weight: 400;
  color: var(--grayscalegray-900);
  font-size: 12px;
  letter-spacing: 0.60px;
  line-height: 12px;
  white-space: nowrap;
}