@media screen and (min-width: 821px) {
  .home-hero {
    aspect-ratio: 1440/814;
  }
  .home-hero > .inner {
    padding: 13.75vw 8.61vw 0;
  }
  .home-hero-content > .text {
    padding-top: 0;
  }
  .home-hero-content > .text > .title {
    font-size: 1.125rem;
    margin-bottom: 1.875rem;
  }
  .home-hero-content > .text > .message {
    margin-bottom: 2.5rem;
  }
  .home-hero-content > .text > .message img {
    max-width: none;
    width: 29.375rem;
  }
  .home-hero-content > .text > .button > .site-button-primary {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .home-hero-content > .image > .main.-main01 {
    inset: 7.36vw 29.44vw auto auto;
    width: 24.44vw;
  }
  .home-hero-content > .image > .main.-main02 {
    inset: 32.22vw 29.72vw auto auto;
    width: 29.65vw;
  }
  .home-hero-content > .image > .main.-main03 {
    inset: 15.56vw 7.36vw auto auto;
    width: 24.31vw;
  }
  .home-hero-content > .image > .main.-main03 > .ornament {
    inset: -6.67vw auto auto 1.94vw;
    width: 11.53vw;
  }
  .home-hero-content > .image > .ornament.-ornament01 {
    inset: 6.88vw auto auto -2.85vw;
    width: 13.19vw;
  }
  .home-hero-content > .image > .ornament.-ornament02 {
    inset: -3.82vw auto auto 32.78vw;
    width: 16.39vw;
  }
  .home-hero-content > .image > .ornament.-ornament03 {
    display: block;
    inset: -2.92vw 35.76vw auto auto;
    width: 6.32vw;
  }
  .home-hero-content > .image > .ornament.-ornament04 {
    inset: -0.83vw 8.54vw auto auto;
    width: 14.1vw;
  }
  .home-hero-content > .image > .ornament.-ornament05 {
    display: block;
    inset: 9.86vw auto auto 39.65vw;
    width: 5.28vw;
  }
  .home-hero-content > .image > .ornament.-ornament06 {
    display: block;
    inset: 34.17vw 4.51vw auto auto;
    width: 12.71vw;
  }
  .home-hero-content > .image > .ornament.-ornament07 {
    inset: 12.64vw 2.57vw auto auto;
    width: 4.86vw;
  }
  .home-hero-content > .image > .ornament.-ornament08 {
    inset: 47.43vw auto auto 35.21vw;
    width: 11.46vw;
  }
  .home-hero-content > .image > .ornament.-ornament09 {
    display: block;
    inset: 53.75vw 23.82vw auto auto;
    width: 8.89vw;
  }
  .home-hero-content > .image > .ornament.-ornament10 {
    inset: 24.58vw 45vw auto auto;
    width: 9.03vw;
  }
  .home-hero-content > .image > .ornament.-ornament11 {
    inset: 44.72vw auto auto -3.26vw;
  }
  .home-hero-news {
    border-radius: 40px 0 0 40px;
    gap: 1.5rem;
    padding: 2rem 2rem 2rem 4.5rem;
    position: absolute;
    top: 100%;
    right: 0;
    transform: translateY(-100%);
  }
  .home-hero-news > .title {
    font-size: 1.125rem;
    inset: 50% auto auto 1.75rem;
  }
  .home-hero-news > .image {
    width: 4.625rem;
  }
}

@media screen and (min-width: 821px) {
  .home-intro {
    gap: 3.125rem;
    grid-template-columns: repeat(6, 1fr);
    max-width: 43.438rem;
  }
  .home-intro::after {
    inset: 1.6666666667vw -19.5138888889vw auto auto;
    width: 17.2222222222vw;
  }
  .home-intro > .title {
    text-align: left;
  }
  .home-intro > .title img {
    height: 18.438rem;
  }
  .home-intro > .description {
    margin-left: 0;
  }
  .home-problem {
    max-width: 59rem;
  }
  .home-problem::before {
    inset: -10.125rem auto auto calc(50% - 40.688rem);
    width: 7.188rem;
  }
  .home-problem::after {
    inset: auto calc(50% - 40.25rem) -10.625rem auto;
    width: 7.188rem;
  }
  .home-problem > .list {
    gap: 1.5rem 2.125rem;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto 3rem;
    max-width: 50.25rem;
  }
  .home-problem > .list > li {
    font-size: 1.313rem;
  }
  .home-problem > .list > li.item02, .home-problem > .list > li.item05 {
    transform: translateY(3.625rem);
  }
  .home-problem > .list > li.item03, .home-problem > .list > li.item04 {
    width: calc(100% + 0.813rem);
  }
  .home-problem > .list > li.item04 {
    margin-left: -0.813rem;
  }
  .home-strength {
    gap: 4.5rem;
  }
  .home-strength > .title {
    gap: 2rem;
  }
  .home-strength > .content {
    grid-template-columns: repeat(2, 1fr);
  }
  .home-strength > .content > .item {
    border-right: 2px solid var(--color-black);
    padding: 3.75rem var(--margin-side) 4.688rem;
  }
  .home-strength > .content > .item.-wide {
    grid-column: span 2;
    padding: 5.313rem var(--margin-side);
  }
  .home-strength > .button {
    margin: 0 var(--margin-side);
  }
  .home-strength > .button > .item {
    margin-top: 2.5rem;
  }
  .home-strength-content {
    gap: 3.5rem;
  }
  .home-strength-content.-wide {
    gap: 3.125rem;
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
  .home-strength-content.-item01 > .text img {
    width: 24.75rem;
  }
  .home-strength-content.-item01 > .image {
    text-align: right;
  }
  .home-strength-content.-item01 > .image img {
    width: 25.188rem;
  }
  .home-strength-content.-item02 > .text img {
    width: 22.688rem;
  }
  .home-strength-content.-item02 > .image img {
    width: 23.188rem;
  }
  .home-strength-content.-item03 > .text img {
    width: 19.625rem;
  }
  .home-strength-content.-item03 > .image img {
    width: 23.688rem;
  }
  .home-strength-content.-item04 > .text img {
    width: 18.75rem;
  }
  .home-strength-content.-item04 > .image {
    text-align: right;
  }
  .home-strength-content.-item04 > .image img {
    width: 23.563rem;
  }
  .home-line {
    gap: 3rem;
    max-width: 60.875rem;
  }
  .home-line > .content {
    gap: 5rem;
    grid-template-columns: repeat(8, 1fr);
  }
  .home-line > .content > .list {
    grid-column: span 5;
    gap: 2.5rem;
  }
  .home-line > .content > .image {
    grid-column: span 3;
    margin: 0;
    width: auto;
  }
  .home-line > .message > .title img {
    width: 28.688rem;
  }
  .home-line > .message > .item {
    flex-wrap: nowrap;
  }
  .home-line > .message > .item > .text {
    font-size: 1.063rem;
    padding: 1.5rem 1.5rem 1.5rem 2.5rem;
  }
  .home-line > .message > .item > .text::after {
    inset: 0 auto 0 -15px;
    transform: rotate(0);
  }
  .home-line > .message > .item > .image {
    width: 17.375rem;
  }
  .home-line-content {
    grid-template-columns: 46.03% 56.61%;
  }
  .home-line-content > .title {
    width: auto;
  }
  .home-line-content > .title::after {
    margin: auto;
    inset: auto 0 -14px 0;
  }
  .home-line-content > .description {
    margin-top: 0.938rem;
    margin-left: -2.62%;
    padding: 0.938rem;
    width: 97.38%;
  }
  .home-line-content > .description::after {
    inset: auto 0 -18px 0;
  }
  .home-announce {
    margin: auto;
    max-width: 59rem;
  }
  .home-announce > .list {
    gap: 3.75rem;
    grid-template-columns: repeat(3, 1fr);
  }
  .home-step {
    gap: 3.5rem;
    max-width: 59rem;
  }
  .home-step > .content {
    gap: 3rem;
  }
  .home-step > .content > .ornament {
    display: block;
  }
  .home-step-content {
    gap: 4.5rem;
    flex-wrap: nowrap;
    padding: 3rem;
  }
  .home-step-content > .text {
    max-width: 23.75rem;
    width: auto;
  }
  .home-step-content > .text > .ornament {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
    text-align: left;
  }
  .home-step-content > .text > .title {
    font-size: 2.25rem;
    margin-bottom: 1.5rem;
    text-decoration-thickness: 1rem;
    text-underline-offset: -0.5rem;
    text-align: left;
  }
  .home-step-content > .image {
    max-width: 18.25rem;
    order: -1;
    width: auto;
  }
  .home-note {
    gap: 4.5rem 3.125rem;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(10, auto);
    max-width: 65.938rem;
  }
  .home-note > .text {
    margin-bottom: 0;
    gap: 2.5rem;
    grid-column: 1/5;
    grid-row: 1/4;
  }
  .home-note > .text > .title img {
    width: 24.063rem;
  }
  .home-note > .content {
    min-height: 18.125rem;
    padding: 3.5rem 2.5rem 1.5rem;
  }
  .home-note > .content.-item01 {
    grid-column: 5/9;
    grid-row: 3/6;
  }
  .home-note > .content.-item02 {
    grid-column: 1/5;
    grid-row: 4/7;
  }
  .home-note > .content.-item03 {
    grid-column: 5/9;
    grid-row: 6/9;
  }
  .home-note > .content.-item04 {
    grid-column: 1/5;
    grid-row: 7/10;
  }
  .home-note > .content > .title img {
    width: 17.813rem;
  }
  .home-note > .content > .title.-comingsoon {
    font-size: 1.563rem;
    padding: 0 0 2rem 0;
  }
  .home-note > .content::before, .home-note > .content::after {
    background-position: top left 10px, top right 10px;
    background-position: top left 15px, top right 15px;
    background-size: 10px 10px, 10px 10px;
    height: 10px;
  }
  .home-note > .content::before {
    inset: 15px auto auto 0;
  }
  .home-note > .content::after {
    inset: auto auto 15px 0;
  }
  .home-note > .content.-theme01::before, .home-note > .content.-theme01::after {
    background-image: radial-gradient(circle, #06b6d4 5px, transparent 5px), radial-gradient(circle, #06b6d4 5px, transparent 5px);
  }
  .home-note > .content.-theme02::before, .home-note > .content.-theme02::after {
    background-image: radial-gradient(circle, #FFDD00 5px, transparent 5px), radial-gradient(circle, #FFDD00 5px, transparent 5px);
  }
  .home-note > .content.-theme03::before, .home-note > .content.-theme03::after {
    background-image: radial-gradient(circle, #FF6219 5px, transparent 5px), radial-gradient(circle, #FF6219 5px, transparent 5px);
  }
  .home-note > .content.-theme04::before, .home-note > .content.-theme04::after {
    background-image: radial-gradient(circle, #9CE2A1 5px, transparent 5px), radial-gradient(circle, #9CE2A1 5px, transparent 5px);
  }
  .home-note > .button {
    grid-column: 1/9;
    grid-row: 10/11;
  }
  .home-note > .ornament > .item.-item01 {
    inset: 5rem calc(50% - 38rem) auto auto;
    width: 14.125rem;
  }
  .home-note > .ornament > .item.-item02 {
    display: block;
    aspect-ratio: 184/183;
    inset: 50.5rem auto auto calc(50% - 44.5rem);
    width: 11.5rem;
  }
  .home-note > .ornament > .item.-item03 {
    display: block;
    aspect-ratio: 375/374;
    inset: 70rem calc(50% - 44.688rem) auto auto;
    width: 23.438rem;
  }
  .home-faq {
    gap: 3.125rem;
    grid-template-columns: repeat(10, 1fr);
  }
  .home-faq > .title {
    align-items: center;
    gap: 1.75rem;
    grid-column: 1/2;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
  .home-faq > .title > .ornament {
    font-size: 2.188rem;
    -webkit-text-stroke: 4px var(--color-black);
    letter-spacing: 0;
  }
  .home-faq > .content {
    gap: 3rem;
    grid-column: 3/11;
  }
  .home-faq-item {
    gap: 0.625rem;
  }
  .home-faq-item > .title {
    gap: 0.625rem;
  }
  .home-faq-item > .content {
    border-radius: 20px;
    padding: 1.5rem 2rem;
  }
  .home-closer {
    gap: 7rem;
  }
  .home-closer > .content {
    gap: 2rem;
  }
  .home-closer > .content > .message img {
    width: 75.563rem;
  }
  .home-closer > .event {
    gap: 3rem;
    padding: 3rem 6.5rem;
    max-width: 62.5rem;
  }
  .home-closer-event {
    gap: 3.75rem;
  }
  .home-closer-event > .item {
    width: calc(25% - 2.813rem);
  }
  .home-action {
    gap: 1.5rem;
  }
  .home-action > .list {
    gap: 3.125rem;
    grid-template-columns: 1fr 1fr;
    margin: auto;
    max-width: 43.438rem;
  }
  .home-action > .list > li > .item {
    padding: 1.5rem 2.5rem;
  }
}