/*--------------------------------------------
max-width 1199
--------------------------------------------*/
@media (max-width: 1199px) {
/*--------------------------------------------

wrap

--------------------------------------------*/
.wrap {
    padding-top: 37px;
}
/*--------------------------------------------
first-view
--------------------------------------------*/
/*--------------------------------------------
    article-catch
--------------------------------------------*/
/*--------------------------------------------
    article-step
--------------------------------------------*/
}



/*--------------------------------------------
max-width 1080
--------------------------------------------*/
@media (max-width: 1080px) {
/*--------------------------------------------

wrap

--------------------------------------------*/
/*--------------------------------------------
first-view
--------------------------------------------*/
/*--------------------------------------------
    article-catch
--------------------------------------------*/
/*--------------------------------------------
    article-step
--------------------------------------------*/
}

/*--------------------------------------------
max-width 1100
--------------------------------------------*/
@media (max-width: 1100px) {
/*--------------------------------------------
first-view
--------------------------------------------*/
    .article-view__first {
        background-image: none;
    }
}

/*--------------------------------------------
article-view article-flow__title
--------------------------------------------*/
/* article-view article-flow__title menu-slider */


/*--------------------------------------------
max-width 810
--------------------------------------------*/
@media (max-width: 810px) {
/* article-view__title */

/* article-view__circle */

/* text-bubble */

/*--------------------------------------------

wrap

--------------------------------------------*/
/*--------------------------------------------
first-view
--------------------------------------------*/
.section-first {
    padding: 5em 0;
}
.section-first h1 {
    font-size: 3vw;
    font-size: 3svw;
}
.first-contents {
    flex-direction: column;
}
.first-catch {
    order: 2;
    font-size: 8vw;
    font-size: 8svw;
    margin: 1rem 5% 0 auto;
}
.first-content {
    order: 1;
    width: 90%;
}
.first-content p {
    font-size: 11.2vw;
    font-size: 11.2svw;
    text-align: center;
}
.first-img__1 {
    width: 40%;
    top: -3rem;
}
.first-img__2 {
    width: 35%;
    top: 1rem;
}
.first-img__3 {
    width: 55%;
    bottom: -2rem;
}
.first-img__4 {
    width: 35%;
    bottom: -1rem;
    right: auto;
    left: calc(5% + 30%);
}
/*--------------------------------------------
    article-catch
--------------------------------------------*/
.section-catch h2 {
    font-size: 180%;
}
/*--------------------------------------------
    article-step
--------------------------------------------*/
.step-contents h2 {
    font-size: 180%;
}
.step-contents {
    gap: 2em;
}
.step-content__wrap {
    flex-direction: column-reverse;
}

}



/*--------------------------------------------
max-width 600
--------------------------------------------*/
@media (max-width: 600px) {
/*--------------------------------------------

wrap

--------------------------------------------*/
/*--------------------------------------------
first-view
--------------------------------------------*/
/*--------------------------------------------
    article-catch
--------------------------------------------*/
/*--------------------------------------------
    article-step
--------------------------------------------*/
.step-parts {
    width: 2.5rem;
}
.step-number {
    font-size: 135%;
}
.step-contents {
    padding: 2em 1.5em;
}
.step-contents h2 {
    font-size: 160%;
}
}