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

header

--------------------------------------------*/
/*--------------------------------------------
max-width 1080
--------------------------------------------*/
@media (max-width: 1080px) {
.header_bottom {
    padding-bottom: 60px;
}
.header_bottom__inner {
    text-align: center;
    align-items: center;
}
.header_bottom__inner h1 {
    font-size: 300%;
}
.header_bottom__inner .renewup_link_btn {
    margin: 0 auto;
}
}
/*--------------------------------------------
max-width 810
--------------------------------------------*/
@media (max-width: 810px) {

}
/*--------------------------------------------
max-width 600
--------------------------------------------*/
@media (max-width: 600px) {
.header_bottom {
    height: 80vh;
    height: 80svh;
    background-position: center;
}
.header_bottom__inner h1 {
    font-size: 230%;
    padding-bottom: 3em;
}
}

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

wrap

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

}
/*--------------------------------------------
max-width 1080
--------------------------------------------*/
@media (max-width: 1080px) {
    
}
/*--------------------------------------------
max-width 810
--------------------------------------------*/
@media (max-width: 810px) {
.article_view {
    font-size: 100%;
}
.article_view__inner h2 span {
    display: block;
}
}
/*--------------------------------------------
max-width 600
--------------------------------------------*/
@media (max-width: 600px) {
.article_view__inner h2 {
    font-size: 180%;
}
}

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

first_view

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

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

}
/*--------------------------------------------
max-width 810
--------------------------------------------*/
@media (max-width: 810px) {
/*--------------------------------------------
overview
--------------------------------------------*/
.overview_content {
    flex-direction: column;
}
.overview_content > * {
    width: 100%;
}
}
/*--------------------------------------------
max-width 600
--------------------------------------------*/
@media (max-width: 600px) {
/*--------------------------------------------
overview
--------------------------------------------*/

}


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

second_view

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

/*--------------------------------------------
flow
--------------------------------------------*/
}
/*--------------------------------------------
max-width 1080
--------------------------------------------*/
@media (max-width: 1080px) {
/*--------------------------------------------
merit
--------------------------------------------*/
}
/*--------------------------------------------
max-width 810
--------------------------------------------*/
@media (max-width: 810px) {
/*--------------------------------------------
merit
--------------------------------------------*/
#merit > p {
    line-height: 1.6em;
    margin-bottom: 3em;
}
.merit_content__inner {
    flex-direction: column-reverse;
    padding: 1em;
    border-radius: 1em;
}
.merit_content__inner dl,
.merit_content__inner img {
    width: 100%;
}
.merit_content__inner dd {
    line-height: 1.6em;
}
}
/*--------------------------------------------
max-width 600
--------------------------------------------*/
@media (max-width: 600px) {
/*--------------------------------------------
merit
--------------------------------------------*/
}


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

third_view

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

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

/*--------------------------------------------
flow
--------------------------------------------*/
.flow_content__inner {
    width: 100%;
}
}
/*--------------------------------------------
max-width 810
--------------------------------------------*/
@media (max-width: 810px) {
/*--------------------------------------------
support
--------------------------------------------*/
.support_content__inner {
    padding: 1em;
}
.support_content__list {
    flex-direction: column;
    margin: 2em 0 0 0;
    padding: 1em;
}

/*support_content__inner__4*/
.support_content__inner__4 {
    width: calc(100% - 3em);
}

/*--------------------------------------------
flow
--------------------------------------------*/

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

/*--------------------------------------------
flow
--------------------------------------------*/
.flow_content__inner hgroup p {
    font-size: 150%;
}
}


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

fourth_view

--------------------------------------------*/
/*--------------------------------------------
max-width 1200
--------------------------------------------*/
@media (max-width: 1200px) {
/*--------------------------------------------
cost
--------------------------------------------*/
}
/*--------------------------------------------
max-width 1080
--------------------------------------------*/
@media (max-width: 1080px) {
/*--------------------------------------------
cost
--------------------------------------------*/
}
/*--------------------------------------------
max-width 810
--------------------------------------------*/
@media (max-width: 810px) {
/*--------------------------------------------
cost
--------------------------------------------*/
}
/*--------------------------------------------
max-width 600
--------------------------------------------*/
@media (max-width: 600px) {
/*--------------------------------------------
cost
--------------------------------------------*/
.cost_content {
    padding: 1em;
}
.cost_content__inner div dl {
    text-align: center;
    flex-direction: column;
}
.cost_content__inner div dt {
    width: 100%;
    border-right: 0;
    margin: 0 auto;
    border-bottom: solid 1px var(--main);
    padding-bottom: 0.5em;
}
.cost_content__inner div dd {
    padding-right: 1em;
}
}