@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+Kannada:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Zen+Kaku+Gothic+Antique&family=Zen+Kaku+Gothic+New&family=Zen+Old+Mincho&display=swap");
.main {
  background-color: #fff;
  --background-title:#F63E40;
  --background-text:#F63E40;
  --background-linear: linear-gradient(to bottom, #FF966F, #D10000);
  --background-target-box:#B8251E;
  --background-message: #B8251E;
  --group-svg:#F63E40;
  --background-service: url("../images/bg-service-01.png");
  ----background-step:url("../images/bg-step.png");
}
.main.blue {
  background-color: #fff;
  --background-title: #12519A;
  --background-text:#12519A;
  --background-linear: linear-gradient(to bottom, #9278EA, #0D5296);
  --background-target-box:#12519A;
  --background-message:#12519A;
  --group-svg:#12519A;
  --background-service: url("../images/bg-service-02.png");
  ----background-step:url("../images/bg-step-bl.png");
}
.main .container {
  width: 96%;
  max-width: none;
}
.main .bg-header {
  background: url(../images/bg-header.png) no-repeat center center;
  background-size: cover;
  padding: 2vw 0 12vw 11vw;
  position: relative;
}
.main .bg-header .container {
  width: 100%;
}
.main .bg-header .container .content .hero {
  display: flex;
  flex-direction: column;
  max-width: 53.4rem;
  gap: 9.3rem;
}
.main .bg-header .container .content .hero .hero-logo img {
  max-width: 19rem;
}
.main .bg-header .container .content .hero .group-txt {
  display: flex;
  flex-direction: column;
}
.main .bg-header .container .content .hero .group-txt .title {
  width: 100%;
  max-width: 24.7rem;
  padding: 0.9rem 0;
  background-color: var(--background-title);
}
.main .bg-header .container .content .hero .group-txt .title p {
  color: #FFFFFF;
  font-size: 2rem;
  line-height: 1.6;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  text-align: center;
}
.main .bg-header .container .content .hero .group-txt .text {
  margin-top: 1.38rem;
}
.main .bg-header .container .content .hero .group-txt .text p {
  font-weight: 700;
  font-size: 2.9rem;
  line-height: 1.7;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: #111111;
}
.main .bg-header .container .content .hero .group-txt .text p span {
  color: var(--background-text);
}
.main .bg-header .container .content .hero .group-txt .txt {
  margin-top: 0.62rem;
  display: flex;
  flex-direction: column;
}
.main .bg-header .container .content .hero .group-txt .txt p {
  font-weight: 900;
  font-size: 11rem;
  line-height: 1.2;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: var(--background-text);
}
.main .bg-header .container .content .hero .group-txt .txt .signature {
  display: flex;
  justify-content: flex-end;
}
.main .bg-header .container .content .hero .group-txt .txt .signature img {
  max-width: 20rem;
}
.main .bg-header .container .content .hero .group-txt .group-text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.main .bg-header .container .content .hero .group-txt .group-text .item-text {
  width: 100%;
  max-width: 53.4rem;
  background-color: #111111;
  padding: 0.5rem 0;
}
.main .bg-header .container .content .hero .group-txt .group-text .item-text p {
  font-weight: 700;
  font-size: 2.2rem;
  text-align: center;
  color: #FFFFFF;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
.main .bg-header .container .content .hero .group-txt .group-text .item-text:nth-child(2) {
  max-width: 46.4rem;
}
.main .bg-header .container .content .button-book {
  position: fixed;
  z-index: 9999999;
  background: var(--background-linear);
  padding: 1.37rem 1.5rem 1.37rem 1.5rem;
  border-radius: 1rem 0 0 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.66rem;
  right: 0;
  top: 17.3rem;
  align-items: center;
}
.main .bg-header .container .content .button-book .book-img img {
  width: 3.3rem;
}
.main .bg-header .container .content .button-book .text {
  display: flex;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  gap: 0.46rem;
  align-items: center;
}
.main .bg-header .container .content .button-book .text p {
  font-weight: 700;
  font-size: 1.8rem;
  font-family: "noto-sans-cjk-jp", sans-serif;
  line-height: 1;
  color: #FFFFFF;
}
.main .bg-header .container .content .button-book .text img {
  max-width: 1.9rem;
}
.main .button-book.book {
  background: var(--background-linear);
  padding: 3.1rem 0;
  width: 100%;
  display: flex;
  gap: 1.75rem;
  justify-content: center;
  align-items: center;
}
.main .button-book.book .book-img img {
  width: 3.3rem;
}
.main .button-book.book .text {
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
.main .button-book.book .text p {
  font-weight: 700;
  font-size: 2.6rem;
  font-family: "noto-sans-cjk-jp", sans-serif;
  line-height: 1;
  color: #FFFFFF;
}
.main .button-book.book .text img {
  max-width: 1.9rem;
}
.main .target-company {
  background: url(../images/bg-target-company.png) no-repeat center center;
  background-size: cover;
  padding: 6.4rem 0;
}
.main .target-company .container .content .company-target-box {
  padding: 2rem 3.05rem 3.6rem 3.05rem;
  background-color: var(--background-target-box);
  width: 100%;
  max-width: 73rem;
  border-radius: 1rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.main .target-company .container .content .company-target-box .company-target__title {
  position: relative;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: #FFFFFF;
  padding: 0 5.3rem;
}
.main .target-company .container .content .company-target-box .company-target__title::before, .main .target-company .container .content .company-target-box .company-target__title::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 22rem;
  height: 1px;
  background-color: #FFFFFF;
  transform: translateY(-50%);
}
.main .target-company .container .content .company-target-box .company-target__title::before {
  left: 0;
  transform: translateX(-100%) translateY(-50%);
}
.main .target-company .container .content .company-target-box .company-target__title::after {
  right: 0;
  transform: translateX(100%) translateY(-50%);
}
.main .target-company .container .content .company-target-box .company-target__text {
  margin-top: 1.25rem;
}
.main .target-company .container .content .company-target-box .company-target__text p {
  font-size: 2rem;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  line-height: 1.4;
  color: #FFFFFF;
}
.main .problems {
  background-color: #F2F2F2;
  padding-top: 8.2rem;
}
.main .problems .container {
  max-width: 99.8rem;
}
.main .problems .container .content .problems-title {
  display: flex;
  flex-direction: column;
}
.main .problems .container .content .problems-title .problems-title__text {
  display: flex;
  gap: 2.1rem;
  align-items: center;
  justify-content: center;
}
.main .problems .container .content .problems-title .problems-title__text .text {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.main .problems .container .content .problems-title .problems-title__text .text p {
  font-size: 2rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: #111111;
  line-height: 1.6;
}
.main .problems .container .content .problems-title .problems-title__text .text img {
  max-width: 3.2rem;
}
.main .problems .container .content .problems-title .problems-title__text .img img {
  max-width: 2.1rem;
}
.main .problems .container .content .problems-title .problems-title__txt {
  display: flex;
  gap: 3.1rem;
  align-items: center;
  justify-content: center;
}
.main .problems .container .content .problems-title .problems-title__txt .txt p {
  font-size: 3.2rem;
  font-weight: 900;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: #111111;
  line-height: 1.3;
}
.main .problems .container .content .problems-title .problems-title__txt .txt span {
  font-size: 4.7rem;
  color: #134BA5;
  font-weight: 900;
  font-family: "noto-sans-cjk-jp", sans-serif;
  line-height: 1.3;
}
.main .problems .container .content .problems-title .problems-title__txt .img img {
  max-width: 0.9rem;
}
.main .problems .container .content .problems-list {
  margin-top: 5.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
  gap: 4.5rem;
}
.main .problems .container .content .problems-list .item {
  position: relative;
  height: 41.5rem;
}
.main .problems .container .content .problems-list .item .item-box {
  background-color: #FFFFFF;
  border-radius: 2.1rem;
  padding: 2.6rem 2rem 5.4rem 2rem;
  height: 31.6rem;
}
.main .problems .container .content .problems-list .item .item-box .item-img {
  max-width: 11.8rem;
  margin: 0 auto;
}
.main .problems .container .content .problems-list .item .item-box .text {
  margin-top: 2.4rem;
}
.main .problems .container .content .problems-list .item .item-box .text p {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  color: #111111;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
.main .problems .container .content .problems-list .item .item-box .text span {
  color: #F63E40;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
.main .problems .container .content .problems-list .item .img {
  position: absolute;
  top: 29.6rem;
  left: 50%;
  transform: translateX(-50%);
}
.main .problems .container .content .problems-list .item .img img {
  max-width: 11.5rem;
}
.main .problems .container .content .problems-list .item:nth-child(2) .img img {
  max-width: 11.2rem;
}
.main .message {
  background: url(../images/message.png) no-repeat center center;
  background-size: cover;
  background-color: var(--background-message);
  background-blend-mode: overlay;
  z-index: 1;
  position: relative;
}
.main .message .container {
  max-width: 77rem;
}
.main .message .container .content .text {
  padding: 8.2rem 0;
  text-align: center;
}
.main .message .container .content .text p {
  font-size: 2rem;
  color: #FFFFFF;
  font-weight: 700;
  line-height: 2.2;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
.main .message .container .content .text span {
  font-size: 2.4rem;
  color: #F9FF5C;
  line-height: 2;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
.main .sec-problem .container {
  width: 100%;
}
.main .sec-problem .container .content .problem {
  position: relative;
}
.main .sec-problem .container .content .problem .problem-content {
  position: relative;
  background: url(../images/bg-cloud.png) no-repeat center center;
  background-size: cover;
  height: 82.2rem;
}
.main .sec-problem .container .content .problem .problem-content .problem-list {
  display: flex;
  gap: 0.93rem;
  padding-top: 8rem;
  width: 100%;
  max-width: 95.4rem;
  margin: 0 auto;
}
.main .sec-problem .container .content .problem .problem-content .problem-list .item {
  position: relative;
}
.main .sec-problem .container .content .problem .problem-content .problem-list .item .item-text {
  width: 26rem;
  position: absolute;
  z-index: 2;
  left: 3.7rem;
  top: 0;
}
.main .sec-problem .container .content .problem .problem-content .problem-list .item .item-text .item-text__title {
  background-color: #111111;
  padding: 0.4rem 0;
  width: 100%;
  max-width: 9.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .sec-problem .container .content .problem .problem-content .problem-list .item .item-text .item-text__title p {
  color: #FFFFFF;
  font-family: "Inter", sans-serif;
  font-weight: 700;
}
.main .sec-problem .container .content .problem .problem-content .problem-list .item .item-text .item-text__text {
  margin-top: 0.5rem;
}
.main .sec-problem .container .content .problem .problem-content .problem-list .item .item-text .item-text__text p {
  color: #111111;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
}
.main .sec-problem .container .content .problem .problem-content .problem-list .item .item-text .item-text__txt {
  margin-top: 3rem;
}
.main .sec-problem .container .content .problem .problem-content .problem-list .item .item-text .item-text__txt p {
  line-height: 1.7;
  color: #111111;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-size: 1.4rem;
}
.main .sec-problem .container .content .problem .problem-content .problem-list .item:nth-child(1) .item-img img {
  max-width: 33.9rem;
}
.main .sec-problem .container .content .problem .problem-content .problem-list .item:nth-child(2) {
  top: 14.5rem;
}
.main .sec-problem .container .content .problem .problem-content .problem-list .item:nth-child(2) .item-text {
  top: -3rem;
  left: 4rem;
}
.main .sec-problem .container .content .problem .problem-content .problem-list .item:nth-child(3) {
  padding-left: 10rem;
  padding-top: 1.7rem;
}
.main .sec-problem .container .content .problem .problem-content .problem-list .item:nth-child(3) .item-img img {
  max-width: 24.3rem;
}
.main .sec-problem .container .content .problem .problem-content .problem-list .item:nth-child(3) .item-text {
  left: 8rem;
}
.main .sec-problem .container .content .problem .problem-mask {
  background: url(../images/bg-mask.png) no-repeat center center;
  background-size: cover;
  max-width: 130.2rem;
  margin: 0 auto;
  position: relative;
  transform: translateY(-25.3rem);
  z-index: 1;
}
.main .sec-problem .container .content .problem .problem-mask .problem-mask-group {
  width: 100%;
  max-width: 84.4rem;
  margin: 0 auto;
  text-align: center;
}
.main .sec-problem .container .content .problem .problem-mask .problem-mask-group .circle-text {
  position: relative;
  z-index: 1;
  background: url(../images/circle.png) no-repeat center center;
}
.main .sec-problem .container .content .problem .problem-mask .problem-mask-group .circle-text p {
  color: #111111;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-size: 2.6rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-align: center;
  padding-left: 1.2rem;
}
.main .sec-problem .container .content .problem .problem-mask .problem-mask-group .text {
  margin-top: 0.98rem;
}
.main .sec-problem .container .content .problem .problem-mask .problem-mask-group .text p {
  font-size: 3.6rem;
  font-weight: 900;
  line-height: 1.2;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: var(--background-text);
}
.main .sec-problem .container .content .problem .problem-mask .problem-mask-group .txt {
  margin-top: 3.8rem;
  display: flex;
  gap: 3rem;
  align-items: baseline;
}
.main .sec-problem .container .content .problem .problem-mask .problem-mask-group .txt .txt-img {
  display: flex;
  gap: 1.8rem;
  align-items: center;
}
.main .sec-problem .container .content .problem .problem-mask .problem-mask-group .txt .txt-img img {
  max-width: 16.7rem;
}
.main .sec-problem .container .content .problem .problem-mask .problem-mask-group .txt .txt-img p {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.1;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: #111111;
  white-space: nowrap;
}
.main .sec-problem .container .content .problem .problem-mask .problem-mask-group .txt .txt-img span {
  color: var(--background-text);
}
.main .sec-problem .container .content .problem .problem-mask .problem-mask-group .txt .img img {
  max-width: 11.6rem;
}
.main .sec-problem .container .content .problem .triangle {
  background: url(../images/bg-triangle.png) no-repeat center center;
  height: 13.1rem;
  padding-top: 7.3rem;
  background-size: cover;
  position: relative;
  z-index: 1;
  max-width: 130.2rem;
  margin: 0 auto;
  transform: translateY(-25.5rem);
  display: flex;
  align-items: center;
  flex-direction: column;
}
.main .sec-problem .container .content .problem .triangle p {
  font-size: 1.6rem;
  font-weight: 900;
  font-family: "noto-sans-cjk-jp", sans-serif;
  line-height: 1;
  text-align: center;
  color: var(--background-text);
}
.main .sec-problem .container .content .problem .triangle .group-svg {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-top: 3.4rem;
}
.main .sec-problem .container .content .problem .triangle .group-svg svg path {
  fill: var(--group-svg);
}
.main .sec-problem .container .content .problem .service {
  background: var(--background-service);
  margin-top: -52.5rem;
  padding: 35.8rem 0 10.5rem 0;
}
.main .sec-problem .container .content .problem .service .service-group {
  max-width: 100rem;
  margin: 0 auto;
}
.main .sec-problem .container .content .problem .service .service-group .txt {
  margin-bottom: 8.4rem;
  text-align: center;
}
.main .sec-problem .container .content .problem .service .service-group .txt p {
  color: #111111;
  font-size: 4.2rem;
  font-weight: 900;
  font-family: "noto-sans-cjk-jp", sans-serif;
  line-height: 1.5;
}
.main .sec-problem .container .content .problem .service .service-group .txt span {
  color: var(--background-text);
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row {
  width: 100%;
  max-width: 85rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-circle {
  display: flex;
  gap: 6rem;
  justify-content: center;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-circle .circle-item {
  width: 29.2rem;
  height: 28.7rem;
  border-radius: 50%;
  border: 3px solid var(--background-title);
  background: rgba(255, 255, 255, 0.6);
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1.76rem;
  justify-content: center;
  align-items: center;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-circle .circle-item p {
  font-size: 2.8rem;
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: var(--background-text);
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-circle .circle-item span {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: #111111;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-circle .circle-item:nth-child(1) span {
  padding-left: 3.7rem;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-circle.bottom {
  margin-top: -9rem;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon {
  position: absolute;
  width: 100%;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon {
  position: absolute;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(1) {
  top: 12.1rem;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(1) img {
  max-width: 7.4rem;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(2) {
  top: 22.6rem;
  left: 3.6rem;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(2) img {
  max-width: 11.2rem;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(3) {
  top: 34.4rem;
  left: 16.3rem;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(3) img {
  max-width: 9.2rem;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(4) {
  top: 14.7rem;
  right: 0;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(4) img {
  max-width: 7.3rem;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(5) {
  top: 27rem;
  right: 3.7rem;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(5) img {
  max-width: 9.2rem;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(6) {
  top: 35.7rem;
  right: 16.4rem;
}
.main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(6) img {
  max-width: 9.3rem;
}
.main .sec-problem .container .content .problem .service .service-group .text {
  margin-top: 3.8rem;
}
.main .sec-problem .container .content .problem .service .service-group .text p {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: #111111;
  text-align: center;
}
.main .sec-problem .container .content .problem .service .service-group .media-list {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
}
.main .sec-problem .container .content .problem .service .service-group .media-list .media-item {
  background: #FFFFFF;
  border-radius: 1rem;
  display: flex;
  gap: 5rem;
  padding: 2rem 5.1rem 2rem 5.1rem;
}
.main .sec-problem .container .content .problem .service .service-group .media-list .media-item .left {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 17.6rem;
}
.main .sec-problem .container .content .problem .service .service-group .media-list .media-item .left p {
  font-size: 2.2rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  line-height: 1.5;
  color: #111111;
}
.main .sec-problem .container .content .problem .service .service-group .media-list .media-item .split-screen {
  position: relative;
}
.main .sec-problem .container .content .problem .service .service-group .media-list .media-item .split-screen::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #BABABA;
}
.main .sec-problem .container .content .problem .service .service-group .media-list .media-item .right {
  display: flex;
  gap: 9.7rem;
  padding-top: 1.1rem;
}
.main .sec-problem .container .content .problem .service .service-group .media-list .media-item .right .group-text {
  display: flex;
  flex-direction: column;
}
.main .sec-problem .container .content .problem .service .service-group .media-list .media-item .right .group-text .item-text {
  display: flex;
  gap: 1.2rem;
  align-items: center;
}
.main .sec-problem .container .content .problem .service .service-group .media-list .media-item .right .group-text .item-text .item-circle {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: var(--background-text);
}
.main .sec-problem .container .content .problem .service .service-group .media-list .media-item .right .group-text .item-text .item-txt p {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.7;
  color: #111111;
}
.main .sec-problem .container .content .problem .service .service-group .media-list .media-item .right .group-text.text {
  margin-top: 0;
}
.main .sec-deco {
  background: url(../images/bg_deco.png) no-repeat center center;
  background-size: cover;
  padding: 9.9rem 0 13.8rem 0;
}
.main .sec-deco .container {
  max-width: 99.8rem;
}
.main .sec-deco .container .content .title {
  text-align: center;
}
.main .sec-deco .container .content .title p {
  font-size: 4.2rem;
  font-weight: 900;
  line-height: 1.4;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: #111111;
}
.main .sec-deco .container .content .title span {
  color: var(--background-text);
}
.main .sec-deco .container .content .group-deco-list {
  margin-top: 9.7rem;
  display: flex;
  flex-direction: column;
  gap: 11rem;
}
.main .sec-deco .container .content .group-deco-list .deco-item {
  display: flex;
  gap: 5.7rem;
}
.main .sec-deco .container .content .group-deco-list .deco-item .right img {
  max-width: 38rem;
}
.main .sec-deco .container .content .group-deco-list .deco-item .left {
  display: flex;
  flex-direction: column;
}
.main .sec-deco .container .content .group-deco-list .deco-item .left .title {
  display: flex;
  gap: 0.8rem;
  align-items: flex-start;
}
.main .sec-deco .container .content .group-deco-list .deco-item .left .title svg {
  fill: var(--group-svg);
  margin-top: 0.9rem;
}
.main .sec-deco .container .content .group-deco-list .deco-item .left .title p {
  font-size: 4.2rem;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  line-height: 1;
  color: var(--background-text);
}
.main .sec-deco .container .content .group-deco-list .deco-item .left .text {
  margin-top: 3rem;
}
.main .sec-deco .container .content .group-deco-list .deco-item .left .text p {
  font-size: 2.8rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  line-height: 1.5;
  color: #111111;
}
.main .sec-deco .container .content .group-deco-list .deco-item .left .txt {
  margin-top: 1.6rem;
}
.main .sec-deco .container .content .group-deco-list .deco-item .left .txt p {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #111111;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
.main .sec-deco .container .content .group-deco-list .deco-item .left .text.text-title p {
  font-size: 1.9rem;
  line-height: 1.5;
}
.main .sec-deco .container .content .group-deco-list .deco-item .left .box {
  width: 100%;
  max-width: 42.6rem;
  background-color: #F2F2F2;
  border-radius: 1rem;
  padding: 2rem 7.3rem 2rem 1.6rem;
  margin-top: 1.6rem;
}
.main .sec-deco .container .content .group-deco-list .deco-item .left .box .group-box {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
.main .sec-deco .container .content .group-deco-list .deco-item .left .box .group-box .item {
  display: grid;
  grid-template-columns: 13.5rem 1fr;
}
.main .sec-deco .container .content .group-deco-list .deco-item .left .box .group-box .item .left p {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.2;
  color: #111111;
}
.main .sec-deco .container .content .group-deco-list .deco-item .left .box .group-box .item .right p {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.2;
  color: #111111;
}
.main .sec-deco .container .content .group-deco-list .deco-item:nth-child(2) {
  gap: 8.1rem;
}
.main .sec-deco .container .content .group-deco-list .deco-item:nth-child(2) .right img {
  max-width: 35.4rem;
}
.main .sec-deco .container .content .group-deco-list .deco-item:nth-child(2) .left .box .group-box .item:nth-child(2) p {
  color: var(--background-text);
}
.main .sec-deco .container .content .group-deco-list.bottom {
  margin-top: 8.5rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item {
  flex-direction: column;
  gap: 4.5rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right {
  gap: 1.7rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr));
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item {
  background: #FFFFFF;
  border-radius: 1rem;
  border: 1px solid #111111;
  padding-top: 1.7rem;
  position: relative;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .title-box {
  width: 100%;
  margin: 0 auto;
  max-width: 28.3rem;
  background-color: #EBEBEB;
  border-radius: 1rem;
  padding: 0.7rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .title-box p {
  text-align: center;
  font-size: 2rem;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: #111111;
  font-weight: 700;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .text-box {
  display: flex;
  gap: 5.1rem;
  margin-top: 8.6rem;
  padding-left: 1.1rem;
  align-items: baseline;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .text-box p {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #111111;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .text-box .group-txt {
  flex-direction: column;
  gap: 0.5rem;
  display: flex;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .text-box .group-txt .txt {
  background-color: #111111;
  width: 100%;
  max-width: 13.5rem;
  padding: 0.5rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .text-box .group-txt .txt p {
  color: #FFFFFF;
  font-size: 1.5rem;
  line-height: 1.5;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .text-box .group-txt span {
  color: #111111;
  font-size: 1.3rem;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  display: block;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .box-img {
  padding-left: 3.1rem;
  position: relative;
  margin-top: -2rem;
  margin-bottom: 5.5rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .box-img img {
  max-width: 24.4rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .box-img .txt-box {
  position: absolute;
  bottom: 0;
  right: 4.4rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .box-img .txt-box p {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #111111;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .box-img .img-txt {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  align-items: center;
  top: 13.5rem;
  right: 1.1rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .box-img .img-txt .txt {
  width: 7rem;
  padding: 0.5rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--background-title);
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .box-img .img-txt .txt p {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #FFFFFF;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .box-img .img-txt .underline-text {
  text-align: center;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .box-img .img-txt .underline-text p {
  font-size: 1.9rem;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: var(--background-text);
  font-weight: 700;
  line-height: 1.3;
  border-bottom: 3px solid var(--background-text);
  display: inline-block;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .box-img .img-txt .underline-text p:nth-of-type(2) {
  padding-top: 0.7rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column {
  display: flex;
  margin-top: 4.8rem;
  justify-content: space-evenly;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item {
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  gap: 0.8rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .column {
  background: #D3D3D3;
  width: 100%;
  max-width: 9.2rem;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5.2rem 1.6rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .column p {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  line-height: 1.2;
  color: #111111;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .column .txt-colummn p {
  font-size: 3.6rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: #111111;
  line-height: 1.3;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .column .txt-colummn span {
  font-size: 2.1rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: #111111;
  line-height: 1.3;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .text {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .text p {
  font-size: 2rem;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: #111111;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .txt {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
  padding-bottom: 0.5rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .txt p {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: var(--background-text);
  text-align: center;
  white-space: nowrap;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .txt span {
  font-size: 2.2rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item:nth-child(2) {
  width: 100%;
  max-width: 15.2rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item:nth-child(2) .column {
  background: var(--background-title);
  padding: 4.7rem 1.6rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item:nth-child(2) .column p {
  color: #FFFFFF;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .img {
  margin-top: 3rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .img img {
  max-width: 11.2rem;
  margin: 0 auto;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  margin-top: 2.3rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img .item-img {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img .item-img img {
  max-width: 5.2rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img .item-img p {
  font-size: 1.6rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  line-height: 1.5;
  color: #111111;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img .item-img .img-box {
  background: #004290;
  padding: 0.5rem 0;
  width: 21.8rem;
  text-align: center;
  border-radius: 0.5rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img .item-img .img-box p {
  font-size: 1.6rem;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: #FFFFFF;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img .item-img .img-box span {
  font-size: 2.2rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  line-height: 1.5;
  color: #FFFFFF;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img .item-img .img-box small {
  font-size: 1.1rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: #FFFFFF;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img .item-img .txt p {
  font-size: 1.6rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  line-height: 1.4;
  color: #004290;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img .item-img .txt span {
  font-size: 2.6rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  line-height: 1.2;
  color: #004290;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement {
  margin-top: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement {
  position: relative;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement .item-img img {
  max-width: 17rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement .item-txt {
  transform: rotate(-20deg);
  top: 36%;
  left: 25%;
  position: absolute;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement .item-txt p {
  line-height: 1;
  font-size: 1.2rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  color: #111111;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement .item-txt span {
  font-size: 2.3rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  color: #111111;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement .item-txt small {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  color: #111111;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement:nth-child(2) .item-img img {
  max-width: 13.7rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement:nth-child(2) .item-txt {
  transform: rotate(20deg);
  top: 36%;
  left: 26%;
  position: absolute;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement:nth-child(2) .item-txt p {
  line-height: 1;
  font-size: 1rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  color: #111111;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement:nth-child(2) .item-txt span {
  font-size: 1.7rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  color: #111111;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement:nth-child(2) .item-txt small {
  font-size: 0.9rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  color: #111111;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement:nth-child(2) .item-txt .down {
  font-size: 1.1rem;
  font-weight: 700;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  color: #111111;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img.img {
  margin-top: 0;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img.img .item-img img {
  max-width: 6.6rem;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img.img .item-img .img-box {
  padding: 0.6rem 0;
  background-color: #F63E40;
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img.img .item-img .txt p {
  color: var(--background-text);
}
.main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img.img .item-img .txt span {
  color: var(--background-text);
}
.main .cta-benefit {
  background: var(--background-title);
  padding-top: 5.1rem;
}
.main .cta-benefit .container {
  max-width: 99.5rem;
}
.main .cta-benefit .container .content .text {
  margin-bottom: 2.3rem;
}
.main .cta-benefit .container .content .text p {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.8;
  font-family: "noto-sans-cjk-jp", sans-serif;
  color: #FFFFFF;
}
.main .cta-benefit .container .content .box {
  width: 100%;
  max-width: 60.9rem;
  padding: 2.6rem 0;
  border: 2px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.main .cta-benefit .container .content .box p {
  font-size: 3rem;
  color: #FFFFFF;
  font-weight: 900;
  line-height: 1.5;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
.main .cta-benefit .container .content .txt {
  margin-top: 1.7rem;
  text-align: center;
}
.main .cta-benefit .container .content .txt p {
  font-size: 2.4rem;
  line-height: 1.8;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  color: #FFFFFF;
}
.main .cta-benefit .container .content .txt img {
  margin: 0 auto;
  max-width: 50.4rem;
}
.main .sec-step {
  background: var(----background-step) no-repeat center center;
  padding: 8.7rem 0 15.3rem;
  background-size: cover;
}
.main .sec-step .container {
  max-width: 73rem;
}
.main .sec-step .container .content .title p {
  text-align: center;
  font-size: 4.2rem;
  font-weight: 900;
  font-family: "noto-sans-cjk-jp", sans-serif;
  line-height: 1.4;
}
.main .sec-step .container .content .group-list {
  margin-top: 3.9rem;
  display: flex;
  gap: 1rem;
  align-items: center;
}
.main .sec-step .container .content .group-list .item {
  position: relative;
  background: #FFFFFF;
  padding: 3.2rem 4.7rem 1.4rem;
  border-radius: 2.1rem;
  width: 100%;
  max-width: 22rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 20.6rem;
  justify-content: space-between;
}
.main .sec-step .container .content .group-list .item .text {
  position: absolute;
  top: -3.3rem;
  left: 0;
}
.main .sec-step .container .content .group-list .item .text p {
  font-family: "Inter", sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 2;
  color: var(--background-text);
}
.main .sec-step .container .content .group-list .item .img img {
  max-width: 12.5rem;
}
.main .sec-step .container .content .group-list .item .txt p {
  margin-top: -5rem;
  font-size: 1.8rem;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
  position: absolute;
  left: 0rem;
  width: 100%;
  color: #111111;
}
.main .sec-step .container .content .group-list .item:nth-child(3) .img img {
  max-width: 6.7rem;
}
.main .sec-step .container .content .group-list .item:nth-child(5) {
  padding: 3.2rem 3.1rem 1.4rem 5.9rem;
}
.main .sec-step .container .content .group-list .item:nth-child(5) .img img {
  max-width: 12.9rem;
}
.main .sec-step .container .content .note {
  margin-top: 1.7rem;
}
.main .sec-step .container .content .note p {
  font-size: 1.4rem;
  font-family: "noto-sans-cjk-jp", sans-serif;
  line-height: 2;
  color: #111111;
}
.main .sec-step .container .content .title.step {
  margin-top: 9.9rem;
}
.main .sec-step .container .content .list-step {
  position: relative;
  margin-top: 6.5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.main .sec-step .container .content .list-step::before {
  content: "";
  position: absolute;
  top: 8.5rem;
  left: 8.7rem;
  width: 6px;
  height: 58rem;
  background-color: var(--background-text);
  opacity: 0.3;
  z-index: 0;
}
.main .sec-step .container .content .list-step .item {
  padding: 3.4rem 0 3.4rem 19.4rem;
  position: relative;
  border-radius: 2rem;
  background: rgba(255, 255, 255, 0.6);
  z-index: 1;
}
.main .sec-step .container .content .list-step .item p {
  font-size: 2.4rem;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 700;
  color: #111111;
  line-height: 1.3;
}
.main .sec-step .container .content .list-step .item .title {
  position: absolute;
  top: 0;
  left: 2.7rem;
  width: 100%;
  max-width: 12.1rem;
  padding: 0.9rem 0;
  text-align: center;
  border-radius: 0 0 1rem 1rem;
  background-color: var(--background-title);
}
.main .sec-step .container .content .list-step .item .title p {
  font-size: 1.8rem;
  color: #FFFFFF;
  line-height: 2;
  font-weight: 700;
  font-family: "Inter", sans-serif;
}
.main .sec-cta {
  background: url(../images/bg-cta.png) no-repeat center center;
  background-size: cover;
  padding: 7.3rem 0 9.1rem 0;
}
.main .sec-cta .container .content .txt {
  margin-bottom: 2.5rem;
}
.main .sec-cta .container .content .txt p {
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.5;
  color: #FFFFFF;
  text-align: center;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
.main .sec-cta .container .content .title {
  display: flex;
  gap: 0.9rem;
  width: 100%;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  max-width: 46.9rem;
  padding: 3.1rem 0;
  background-color: var(--background-title);
  border-radius: 1rem;
  box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.5);
}
.main .sec-cta .container .content .title p {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  color: #FFFFFF;
  text-align: center;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
.main .sec-cta .container .content .title img {
  max-width: 1.9rem;
}

.footer {
  --bg-footer:#111111;
  --text:#FFFFFF;
  --bg-footer-on:#f6f7fb;
  background-color: var(--bg-footer);
  margin-bottom: 0;
}
.footer.blue {
  --bg-footer:#FFFFFF;
  --text:#111111;
  --bg-footer-on:#f6f7fb;
}
.footer .container {
  width: 96%;
  max-width: none;
}
.footer .group-footer {
  padding: 5rem 0 1.1rem 0;
  text-align: center;
  max-width: 38.3rem;
  margin: 0 auto;
}
.footer .group-footer .footer-logo img {
  max-width: 16.4rem;
  margin: 0 auto;
}
.footer .group-footer .txt {
  margin-top: 2.1rem;
}
.footer .group-footer .txt p {
  color: var(--text);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
.footer .group-footer .text {
  margin-top: 1.1rem;
}
.footer .group-footer .text p {
  color: var(--text);
  font-size: 1.4rem;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
.footer .group-footer .copyright {
  margin-top: 2.7rem;
}
.footer .group-footer .copyright p {
  line-height: 1.8;
  color: var(--text);
  font-size: 1rem;
  font-family: "noto-sans-cjk-jp", sans-serif;
}

footer.footer-re-fas {
  background-color: #f6f7fb;
}
footer.footer-re-fas .group-footer .txt p {
  color: #333;
}
footer.footer-re-fas .group-footer .text p {
  color: #333;
}
footer.footer-re-fas .group-footer .copyright p {
  color: #333;
}

@media (min-width: 769px) {
  .sp {
    display: none !important;
  }
}
@media (max-width: 768px) {
  html {
    font-size: min(10px, 1.33333vw);
  }
  .main {
    --background-linear: linear-gradient(to right, #FF966F, #D10000);
  }
  .main.blue {
    --background-linear: linear-gradient(to right, #9278EA, #0D5296);
  }
  .container {
    width: 90% !important;
    margin: 0 auto;
  }
  .pc {
    display: none !important;
  }
  .main .bg-header {
    background: url(../images/bg-header-sp.png) no-repeat center center;
    padding: 3.8rem 0 0 3.2rem;
    background-size: cover;
  }
  .main .bg-header .container .content .hero-logo.sp img {
    max-width: 24.3rem;
  }
  .main .bg-header .container .content .hero {
    max-width: 62.8rem;
    padding: 37.5rem 0 39rem 4.3rem;
  }
  .main .bg-header .container .content .hero .group-txt .title {
    max-width: 30.3rem;
  }
  .main .bg-header .container .content .hero .group-txt .title p {
    font-size: 2.4rem;
  }
  .main .bg-header .container .content .hero .group-txt .text {
    margin-top: 4rem;
  }
  .main .bg-header .container .content .hero .group-txt .text p {
    font-size: 3rem;
  }
  .main .bg-header .container .content .hero .group-txt .txt .signature {
    margin-top: -4rem;
    padding-left: 33rem;
    justify-content: flex-start;
  }
  .main .bg-header .container .content .hero .group-txt .group-text {
    margin-top: 2rem;
  }
  .main .bg-header .container .content .hero .group-txt .group-text .item-text p {
    font-size: 2.5rem;
  }
  .main .bg-header .container .content .hero .group-txt .group-text .item-text:nth-child(2) {
    max-width: 55.3rem;
  }
  .main .bg-header .container .content .hero .group-txt .group-text .item-text {
    max-width: 62.8rem;
  }
  .main .target-company {
    padding: 9rem 0;
  }
  .main .target-company .container .content .company-target-box {
    padding: 4.7rem 3.7rem 5.6rem;
    max-width: 60rem;
  }
  .main .target-company .container .content .company-target-box .company-target__title {
    font-size: 3.6rem;
    padding: 0 3.1rem;
  }
  .main .target-company .container .content .company-target-box .company-target__title::before, .main .target-company .container .content .company-target-box .company-target__title::after {
    width: 14rem;
  }
  .main .target-company .container .content .company-target-box .company-target__text {
    margin-top: 3.5rem;
  }
  .main .target-company .container .content .company-target-box .company-target__text p {
    font-size: 2.8rem;
  }
  .main .problems {
    padding-top: 7.6rem;
    overflow: hidden;
  }
  .main .problems .container .content .problems-list {
    margin-top: 5rem;
    gap: 4rem;
    margin-bottom: 1rem;
  }
  .main .problems .container .content .problems-list .item:nth-child(3) {
    width: 46.2rem;
    left: 35%;
  }
  .main .problems .container .content .problems-list .item .item-box .text p {
    font-size: 2.8rem;
  }
  .main .problems .container .content .problems-list .item .item-box .text span {
    font-size: 2.8rem;
  }
  .main .problems .container .content .problems-list .item .item-box {
    padding: 2.6rem 1.8rem 2.3rem 1.8rem;
  }
  .main .problems .container .content .problems-list .item .img {
    top: 31rem;
  }
  .main .problems .container .content .problems-list .item:nth-child(3) .img img {
    max-width: 11.3rem;
  }
  .main .problems .container .content .problems-list .item:nth-child(2) .img img {
    max-width: 11.6rem;
  }
  .main .message .container .content .text p {
    font-size: 2.8rem;
    line-height: 1.7;
  }
  .main .message {
    background: url(../images/bg-message.png) no-repeat center bottom;
    background-size: 100% 63%;
    background-color: var(--background-message);
    background-blend-mode: overlay;
  }
  .main .message .container {
    max-width: none;
  }
  .main .message .container .content .text span {
    font-size: 3.5rem;
    line-height: 1.5;
  }
  .main .sec-problem .container {
    width: 100% !important;
  }
  .main .sec-problem .container .content .problem .problem-content {
    background: url(../images/bg-cloud-sp.png) no-repeat center center;
    height: 170rem;
    background-size: cover !important;
  }
  .main .sec-problem .container .content .problem .problem-content .problem-list .item .item-text {
    width: 60rem;
    left: 7.5rem;
  }
  .main .sec-problem .container .content .problem .problem-content .problem-list .item .item-text .item-text__title p {
    font-size: 1.8rem;
  }
  .main .sec-problem .container .content .problem .problem-content .problem-list .item .item-text .item-text__title {
    max-width: 12rem;
  }
  .main .sec-problem .container .content .problem .problem-content .problem-list .item .item-text .item-text__text p {
    font-size: 3.2rem;
  }
  .main .sec-problem .container .content .problem .problem-content .problem-list .item .item-text .item-text__txt p {
    font-size: 2.8rem;
  }
  .main .sec-problem .container .content .problem .problem-content .problem-list {
    padding-top: 11.2rem;
    justify-items: initial !important;
    gap: 0 !important;
  }
  .main .sec-problem .container .content .problem .problem-content .problem-list .item:nth-child(2) .item-text {
    top: 37rem;
    left: -28.5rem;
  }
  .main .sec-problem .container .content .problem .problem-content .problem-list .item:nth-child(3) .item-text {
    left: 7.5rem !important;
    top: 102rem;
  }
  .main .sec-problem .container .content .problem .problem-mask {
    max-width: 69.8rem;
    transform: translateY(-1.5rem) !important;
    z-index: 1;
  }
  .main .sec-problem .container .content .problem .problem-mask .problem-mask-group .circle-text {
    background-size: contain;
  }
  .main .sec-problem .container .content .problem .problem-mask .problem-mask-group .txt {
    margin-top: 3.2rem;
  }
  .main .sec-problem .container .content .problem .problem-mask .problem-mask-group .txt {
    align-items: center;
    justify-content: center;
  }
  .main .sec-problem .container .content .problem .problem-mask .problem-mask-group .txt .txt-img {
    align-items: center;
    flex-direction: column-reverse;
    justify-content: center;
    gap: 7.9rem;
  }
  .main .sec-problem .container .content .problem .problem-mask .problem-mask-group .txt .txt-img p {
    font-size: 2.8rem;
    line-height: 1.8;
  }
  .main .sec-problem .container .content .problem .problem-mask .problem-mask-group .txt .txt-img .gr-img {
    display: flex;
    gap: 2.4rem;
    align-items: baseline;
  }
  .main .sec-problem .container .content .problem .problem-mask .problem-mask-group .txt .txt-img .gr-img .man {
    max-width: 16.6rem;
  }
  .main .sec-problem .container .content .problem .problem-mask .problem-mask-group .txt .txt-img .gr-img .woman {
    max-width: 11.6rem;
  }
  .main .sec-problem .container .content .problem .triangle {
    max-width: 69.8rem;
    transform: translateY(-2.5rem) !important;
    background-size: 130% 100%;
    z-index: 0;
    padding-top: 5.3rem;
  }
  .main .sec-problem .container .content .problem .problem-mask .problem-mask-group .circle-text p {
    padding-left: 0.5rem;
  }
  .main .sec-problem .container .content .problem .service {
    margin-top: -81.5rem !important;
    padding: 87.5rem 0 6.4rem 0 !important;
    background: url(../images/bg-service-sp.png) no-repeat center center/cover;
    background-size: cover;
  }
  .main .sec-problem .container .content .problem .service .service-group .service-group__row .group-circle .circle-item span {
    font-size: 2.4rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .service-group__row .group-circle .circle-item {
    margin-left: -3rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .service-group__row .group-circle {
    gap: 0 !important;
  }
  .main .sec-deco {
    padding: 9.9rem 0 9.7rem 0;
    background: url(../images/bg_deco.png) no-repeat top center;
    background-size: 100% 45%;
  }
  .main .sec-deco .container .content .group-deco-list {
    gap: 9.4rem;
    width: 100%;
    max-width: 60rem;
    margin: 0 auto;
    padding-top: 7.4rem;
  }
  .main .sec-deco .container .content .group-deco-list .deco-item {
    gap: 2.6rem;
    flex-direction: column-reverse;
  }
  .main .sec-deco .container .content .group-deco-list .deco-item .right img {
    width: 100%;
    max-width: none;
  }
  .main .sec-deco .container .content .group-deco-list .deco-item .left .text p {
    font-size: 3.2rem;
  }
  .main .sec-deco .container .content .group-deco-list .deco-item .left .txt p {
    font-size: 2.8rem;
  }
  .main .sec-deco .container .content .group-deco-list .deco-item:nth-child(2) {
    gap: 2.5rem;
    flex-direction: column;
  }
  .main .sec-deco .container .content .group-deco-list .deco-item:nth-child(2) .right img {
    max-width: none;
    width: 100%;
  }
  .main .sec-deco .container .content .group-deco-list .deco-item .left .text.text-title p {
    font-size: 2.8rem;
  }
  .main .sec-deco .container .content .group-deco-list .deco-item .left .box {
    max-width: 60rem;
    padding: 3.7rem 0rem 3.7rem 1.6rem;
    margin-top: 2.5rem;
  }
  .main .sec-deco .container .content .group-deco-list .deco-item .left .box .group-box {
    gap: 0.8rem;
  }
  .main .sec-deco .container .content .group-deco-list .deco-item .left .box .group-box .item .left p {
    font-size: 2.8rem;
  }
  .main .sec-deco .container .content .group-deco-list .deco-item .left .box .group-box .item .right p {
    font-size: 2.8rem;
  }
  .main .sec-deco .container .content .group-deco-list .deco-item .left .box .group-box .item {
    grid-template-columns: 20rem 1fr;
  }
  .main .sec-deco .container .content .group-deco-list.bottom {
    margin-top: 7.1rem;
    padding-top: 0;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item {
    gap: 5.1rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right {
    display: flex;
    flex-direction: column;
    width: 60rem;
    margin: 0 auto;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .title-box {
    max-width: 56rem;
    padding: 0.7rem 0;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .title-box p {
    font-size: 3.2rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .text-box p {
    font-size: 2rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .box-img .txt-box p {
    font-size: 2rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .box-img img {
    max-width: 52.2rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .text-box .group-txt .txt {
    max-width: 19rem;
    padding: 0.5rem 2.5rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .text-box .group-txt .txt p {
    font-size: 2rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .text-box .group-txt span {
    font-size: 1.8rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .box-img .img-txt .txt p {
    font-size: 2rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .box-img .img-txt .underline-text p {
    font-size: 2.1rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .box-img .img-txt .txt {
    width: 10rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .box-img .img-txt {
    gap: 1rem;
    right: 4.4rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .box-img .txt-box {
    right: 4.5rem;
    bottom: -4rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column {
    margin-bottom: 3rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .column p {
    font-size: 2.1rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .column .txt-colummn p {
    font-size: 5.2rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .column .txt-colummn span {
    font-size: 3rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .column {
    max-width: 13.5rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .txt {
    gap: 1.4rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .txt p {
    font-size: 2.1rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .txt span {
    font-size: 3.1rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .img {
    margin-top: 4.3rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .txt svg {
    width: 2.4rem;
    height: 5.7rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img {
    gap: 2.1rem;
    margin-top: 3.7rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img .item-img img {
    max-width: 6.9rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img .item-img .img-box small {
    font-size: 1.4rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img .item-img .img-box p {
    font-size: 2rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img .item-img .img-box span {
    font-size: 2.8rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img .item-img .img-box {
    width: 28.4rem;
    padding: 1rem 0;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img .item-img .txt p {
    font-size: 2rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img .item-img .txt span {
    font-size: 3.3rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement .item-txt p {
    font-size: 1.7rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement .item-txt span {
    font-size: 2.8rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement .item-txt small {
    font-size: 2rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement .item-img img {
    max-width: 23rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement .item-txt {
    top: 37%;
    left: 29%;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement:nth-child(2) .item-img img {
    max-width: 24.6rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement:nth-child(2) .item-txt p {
    font-size: 1.8rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement:nth-child(2) .item-txt span {
    font-size: 2.5rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement:nth-child(2) .item-txt small {
    font-size: 1.7rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement:nth-child(2) .item-txt .down {
    font-size: 1.9rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .advertisement .item-advertisement:nth-child(2) .item-txt {
    top: 38%;
    left: 28%;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img.img .item-img img {
    max-width: 8.5rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img.img .item-img .img-box {
    padding: 1.2rem 0;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-img.img {
    margin-bottom: 3.7rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .service-group__row .group-circle.bottom {
    margin-top: -7rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(1) {
    left: -1rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(1) img {
    max-width: 6.1rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(2) {
    left: 3rem;
    top: 22rem;
    z-index: 1;
  }
  .main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(2) img {
    max-width: 9.2rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(3) {
    top: 37.5rem;
    left: 9.4rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(3) img {
    max-width: 7.6rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(4) img {
    max-width: 6.1rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .service-group__row {
    max-width: 70rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(5) img {
    max-width: 7.7rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(5) {
    top: 25.7rem;
    right: 3.8rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(6) img {
    max-width: 7.7rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .service-group__row .group-icon .icon:nth-child(6) {
    top: 35.5rem;
    left: 53rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .text p {
    font-size: 2.8rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .media-list .media-item {
    padding: 4.6rem 5rem 5.1rem;
    flex-direction: column;
    gap: 1.6rem;
    align-items: center;
  }
  .main .sec-problem .container .content .problem .service .service-group .media-list {
    width: 100%;
    max-width: 70rem;
    margin: 0 auto;
  }
  .main .sec-problem .container .content .problem .service .service-group .text {
    margin-bottom: 3rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .media-list .media-item .left p {
    font-size: 3.2rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .media-list .media-item .left {
    max-width: none;
    justify-content: center;
  }
  .main .sec-problem .container .content .problem .service .service-group .media-list .media-item .split-screen::before {
    content: none;
  }
  .main .sec-problem .container .content .problem .service .service-group .media-list .media-item .split-screen {
    height: 1px;
    background-color: #BABABA;
    width: 100%;
  }
  .main .sec-problem .container .content .problem .service .service-group .media-list .media-item .right {
    display: flex;
    gap: 2rem !important;
    padding-top: 1.3rem;
    flex-direction: column;
    width: 100%;
    max-width: 45rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .media-list .media-item .right .group-text .item-text {
    gap: 1.8rem;
    align-items: flex-end;
  }
  .main .sec-problem .container .content .problem .service .service-group .media-list .media-item .right .group-text .item-text .item-txt p {
    font-size: 2.8rem;
    line-height: 1;
  }
  .main .sec-problem .container .content .problem .service .service-group .media-list .media-item .right .group-text .item-text .item-circle {
    width: 2.5rem;
    height: 2.5rem;
  }
  .main .cta-benefit {
    padding: 7.3rem 0 8.3rem;
  }
  .main .cta-benefit .container .content .text p {
    font-size: 3.2rem;
    line-height: 1.6;
  }
  .main .cta-benefit .container .content .text {
    margin-bottom: 4rem;
  }
  .main .cta-benefit .container .content .box {
    max-width: none;
  }
  .main .cta-benefit .container .content .txt {
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    gap: 5rem;
  }
  .main .cta-benefit .container .content .txt p {
    font-size: 3.2rem;
    line-height: 1.6;
  }
  .main .sec-step {
    background: url(../images/bg-step-sp.png) no-repeat center center;
    padding: 8.7rem 0 10.7rem;
    background-size: 100% 100%;
  }
  .main .sec-step .container .content .group-list {
    margin-top: 6.2rem;
  }
  .main .sec-step .container .content .group-list .item .text p {
    font-size: 2.7rem;
  }
  .main .sec-step .container .content .group-list .item .img img {
    max-width: 12rem;
  }
  .main .sec-step .container .content .group-list .item {
    padding: 3.1rem 4.5rem 1.1rem;
    height: 19.8rem;
    width: 21rem;
  }
  .main .sec-step .container .content .group-list .item:nth-child(5) .img img {
    max-width: 12.4rem;
  }
  .main .sec-step .container .content .group-list .item .text {
    top: -3rem;
  }
  .main .sec-step .container .content .note {
    margin-top: 2.5rem;
  }
  .main .sec-step .container .content .note p {
    font-size: 2rem;
  }
  .main .sec-step .container .content .title.step {
    margin-top: 9.1rem;
  }
  .main .sec-step .container .content .list-step .item {
    padding: 3.2rem 0 3.2rem 16.9rem;
  }
  .main .sec-step .container .content .list-step {
    margin-top: 3.9rem;
  }
  .main .sec-cta .container .content .txt p {
    font-size: 2.8rem;
  }
  .footer .group-footer {
    padding: 7.4rem 0 1.1rem 0;
  }
  .footer .group-footer .footer-logo img {
    max-width: 22.2rem;
  }
  .footer .group-footer .txt {
    margin-top: 4rem;
  }
  .footer .group-footer .txt p {
    font-size: 2.8rem;
  }
  .footer .group-footer .text p {
    font-size: 2.4rem;
  }
  .footer .group-footer .copyright {
    margin-top: 5rem;
  }
  .footer .group-footer .copyright p {
    font-size: 1.5rem;
  }
  .main .sec-deco .container .content .group-deco-list.bottom .deco-item .right .right-item .group-column .column-item .text {
    writing-mode: horizontal-tb;
    text-orientation: initial;
  }
  .main .sec-problem .container .content .problem .service .service-group .media-list .media-item .right .group-text {
    gap: 2rem;
  }
  .main .sec-problem .container .content .problem .service .service-group .media-list .media-item .right .group-text.text {
    margin: 0;
  }
  .main .sec-problem .container .content .problem .problem-content .problem-list .item:nth-child(3) {
    padding-left: 10rem;
    padding-top: 1.7rem;
  }
}
@media (max-width: 1024px) {
  .main .sec-problem .container .content .problem .problem-mask .problem-mask-group .txt .txt-img p {
    white-space: normal;
  }
  .main .sec-problem .container .content .problem .problem-content .problem-list {
    width: 96%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
    justify-items: center;
    gap: 4rem;
  }
  .main .sec-problem .container .content .problem .problem-content .problem-list .item:nth-child(3) .item-text {
    left: 1rem;
  }
  .main .sec-problem .container .content .problem .problem-content .problem-list .item:nth-child(3) {
    padding: 0;
  }
  .main .sec-problem .container .content .problem .problem-mask {
    width: 96%;
    transform: translateY(-8.3rem);
  }
  .main .sec-problem .container .content .problem .problem-mask .problem-mask-group {
    width: 96%;
  }
  .main .sec-problem .container .content .problem .triangle {
    width: 96%;
    transform: translateY(-12.5rem);
  }
  .main .sec-problem .container .content .problem .service {
    margin-top: -56.5rem;
    padding: 52.8rem 0 10.5rem 0;
  }
  .main .sec-problem .container .content .problem .service .service-group {
    width: 96%;
  }
  .main .sec-problem .container .content .problem .service .service-group .media-list .media-item .right {
    gap: 0.5rem;
    flex-wrap: wrap;
  }
}
@media (max-width: 420px) {
  .main .sec-deco .container .content .group-deco-list .deco-item .left .title svg {
    margin-top: 0;
  }
  .main .sec-deco .container .content .group-deco-list .deco-item .left .title {
    align-items: center;
  }
}/*# sourceMappingURL=style.css.map */