.about-box{ max-width: 1100px; margin: auto;  }
.about-tit{ font-weight: bold; font-size: 18px; width: 100%; }
.about-text{ font-size: 15px; }
.about-text li{ display: inline-block; width: calc(100% / 3 - 20px); margin-right: 10px; }
.about-article{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 4% 0 4%; }
.about-article__box{ width: calc(50% - 10px); width: 50%; }
.text-orange{ color: #f27200; }
.about-pic--btm{ width: 70%; margin: 40px auto; }
.text-red{ color: #ee220c; }
.text-bold{ font-weight: bold; }
.about-item{ margin-bottom: 10px;}
.about-wrap{ padding: 20px;  background: #efefef; color: #4b4b4b; }
.about-logo{ border: 1px solid #efefef; align-items: center; display: flex;}


@media only screen and (max-width: 1200px) {

.about-box{ padding: 0 20px 40px; max-width: 100%; }
}


@media only screen and (max-width: 768px) {
.about-article__box{ width: 100%; order: 2;}
.about-article{ margin: 5% 0; }
.about-pic--btm{ width: 100%; }
.about-logo{ order: 1;}

}

@media only screen and (max-width: 480px) {
.about-pic--btm{ width: 100%; }
.about-article{ margin: 20px 0 0; }
}

@media only screen and (max-width: 400px) {
.about-text li{ width: calc(100% / 2 - 20px); }
}