@charset "utf-8";

.st-flex {
    flex-wrap: wrap;
    justify-content: space-between;
}

.st-flex .text {
    width: 48%;
}

.st-flex .image {
    width: 48%;
}

.st-item02 .itemttl {
    margin-top: 0;
}

.sub-item-flex {
    flex-wrap: wrap;
    justify-content: space-between;
}

.sub-item-flex .text {
    width: 60%;
}

.sub-item-flex .image {
    width: 36%;
}

.follow .itemttl {
    margin-top: 0;
}

.system {
    flex-wrap: wrap;
    justify-content: space-between;
}

.system .itemttl {
    margin-top: 0;
}

.system .text {
    width: 66%;
}

.system .image {
    justify-content: space-between;
    width: 30%;
}

.system .system-image {
    width: 80%;
    margin: 30px auto 0;
}

.system .image figure {
    width: 48%;
}

.keep {
justify-content: space-between;
}

.keep .text {
    width: 36%;
}

.keep .image {
    justify-content: space-between;
    width: 60%;
}

.keep .image figure:nth-of-type(1) {
    width: 74%;
}

.keep .image figure:nth-of-type(2) {
    width: 20%;
}

.construction .repair {
    justify-content: space-between;
}

.construction .repair .text {
    width: 48%;
}

.construction .repair .image {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 48%;
}

.construction .repair .image figure:nth-of-type(1) {
    width: 60%;
}

.construction .repair .image figure:nth-of-type(2) {
    width: 36%;
}

.construction .repair .image figure:nth-of-type(2) img {
    margin-bottom: 5px;
}

.maintenance-com figure{
    width: 70%;
    margin: 0 auto 0;
}


/*---------------------------
tab
---------------------------*/
@media only screen and (max-width: 1024px) {
}

/*---------------------------
sp
---------------------------*/
@media only screen and (max-width: 820px) {

.st-flex .image {
    width: 100%;
}

.st-flex .text {
    width: 100%;
}

.st-flex.order .text {
    order: 2;
}

.st-flex.order .text .itemttl {
    margin-top: 10px;
}

.st-flex.order .image {
    order: 1;
}

.follow .sub-item-flex:nth-of-type(2) {
    margin-top: 40px;
}

.sub-item-flex .text {
    width: 100%;
}

.sub-item-flex .image {
    width: 100%;
    margin-top: 10px;
}

.sub-item-flex .image.st08 {
    width: 70%;
    margin: 20px auto 0;
}

.sub-item-flex .image.st09 {
    width: 70%;
    margin: 20px auto 0;
}

.system .text {
    width: 100%;
}

.system .image {
    width: 100%;
    margin-top: 20px;
}

.system .system-image {
    width: 80%;
}
.keep .text {
    width: 100%;
}

.keep .image {
    width: 100%;
    margin-top: 20px;
}

.keep .image figure:nth-of-type(1) {
    width: 54%;
}

.keep .image figure:nth-of-type(2) {
    width: 42%;
}

.construction .repair .text {
    width: 100%;
}

.construction .repair .image {
    width: 100%;
    margin-top: 20px;
}

.maintenance-com figure {
    width: 100%;
}

}