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

/* article-view__circle */

/* text-bubble */

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

wrap

--------------------------------------------*/
.wrap {
    padding-top: 36px;
}

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

article-view

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

/*--------------------------------------------
first-view
--------------------------------------------*/

/*--------------------------------------------
article-view article-flow__title
--------------------------------------------*/
/* article-view article-flow__title menu-slider */
.menu-slide {
    font-size: 135%;
}

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

article-flow

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

/*--------------------------------------------
article-flow__content
--------------------------------------------*/

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

article-case

--------------------------------------------*/
/* article-case__title */

/*--------------------------------------------
article-case__content
--------------------------------------------*/

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

contact-wrap

--------------------------------------------*/
/*--------------------------------------------
line-wrap
--------------------------------------------*/

/*--------------------------------------------
form-wrap
--------------------------------------------*/

}



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

/* article-view__circle */

/* text-bubble */

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

wrap

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

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

article-view

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

/*--------------------------------------------
first-view
--------------------------------------------*/

/*--------------------------------------------
article-view article-flow__title
--------------------------------------------*/
/* article-view article-flow__title menu-slider */
.menu-slide {
    padding: 2em 1em;
}

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

article-flow

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

/*--------------------------------------------
article-flow__content
--------------------------------------------*/

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

article-case

--------------------------------------------*/
/* article-case__title */

/*--------------------------------------------
article-case__content
--------------------------------------------*/

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

contact-wrap

--------------------------------------------*/
/*--------------------------------------------
line-wrap
--------------------------------------------*/

/*--------------------------------------------
form-wrap
--------------------------------------------*/

}

/*--------------------------------------------
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

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

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

article-view

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

/*--------------------------------------------
first-view
--------------------------------------------*/

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

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

article-flow

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

/*--------------------------------------------
article-flow__content
--------------------------------------------*/
/* article-flow flow_4 */
ul.flow-4__list li {
    width: calc(100% / 2 - 1.5em);
}

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

article-case

--------------------------------------------*/
/* article-case__title */
.article-case__title {
    gap: 1em;
}
.article-case__title h2 {
    font-size: 8.8vw;
    font-size: 8.8svw;
}

/*--------------------------------------------
article-case__content
--------------------------------------------*/

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

contact-wrap

--------------------------------------------*/
/*--------------------------------------------
line-wrap
--------------------------------------------*/

/*--------------------------------------------
form-wrap
--------------------------------------------*/

}



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

/* article-view__circle */

/* text-bubble */

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

wrap

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

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

article-view

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

/*--------------------------------------------
first-view
--------------------------------------------*/
.article-view__first::before {
    width: 30em;
    height: 30em;
}
.article-view__first h1 {
    font-size: 180%;
}

/*--------------------------------------------
article-view article-flow__title
--------------------------------------------*/
/* article-view article-flow__title menu-slider */
.menu-slide {
    font-size: 120%;
}

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

article-flow

--------------------------------------------*/
.article-flow {
    padding-top: 5em;
}
/* article-flow flow_4 */
ul.flow-4__list li {
    width: 100%;
}

/*--------------------------------------------
article-flow__content
--------------------------------------------*/
.article-flow__content {
    padding-top: 5em;
}
.article-flow .article-flow__content:last-child {
    padding-bottom: 5em;
}


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

article-case

--------------------------------------------*/
/* article-case__title */
.article-case__title p {
    font-size: 120%;
}

/*--------------------------------------------
article-case__content
--------------------------------------------*/
.article-case {
    gap: 5em;
    padding: 5em 0;
}

/* case-machine */
.case-machine {
    gap: 1em;
    padding: 2em;
}
.case-machine ul li {
    font-size: 110%;
}

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

contact-wrap

--------------------------------------------*/
.contact-wrap {
    padding: 5em 0;
}

/*--------------------------------------------
line-wrap
--------------------------------------------*/
.line-wrap a {
    font-size: 155%;
}

/*--------------------------------------------
form-wrap
--------------------------------------------*/
#contact-form {
    font-size: 100%;
    padding: 2em 1em;
}
}