/* BASIC css start */
.container.container--about_bx {margin-left: 0; margin-right: 0; padding-top: 40px; padding-bottom: 40px;}
.container--about_bx .pp-wrap {width: 100%; max-width: 2600px; margin-left: auto; margin-right: auto;}

.about-box {width: 100%; display: flex; align-items: center;}
.about-box__i {flex: 1 1 45%; padding-right: 8%;}
.about-box__t {flex: 1 1 50%; padding-left: 2.7%;}

.about-box__i img {display: block; width: 100%;}
.about-box__t {padding-right: 80px; word-break: keep-all;}
.about-box__t h3 {
  padding-top: min(5vw, 200px);
  margin-bottom: 2em;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 2.6px;
}
.about-box__t p {
  margin-bottom: 1.6em;
  font-size: 13px;
  line-height: 1.67;
}
.about-box__t p:last-child {margin-bottom: 0}

@media screen and (max-width: 980px) {
  .about-box {display: block;}
  .about-box__i {padding: 0 20px;}
  .about-box__t {padding: 0 20px; margin-top: 50px;}
  .about-box__t h3 {padding: 0;}
}

@media screen and (max-width: 600px) {
  .about-box__t h3 {font-size: 18px; letter-spacing: 0.12em; line-height: 1.417;}
  .about-box__t p {font-size: 14px; letter-spacing: 0.7px; line-height: 1.7;}
}

/* BASIC css end */