/* bbs-container */

.support-container.sub-bnr-container .sub-img-bnr {
    background: url(../img/sub_bg_about.jpg) no-repeat center / cover;
}

.support-info {
  text-align: center;
}

.support-info-contents {width:1050px; margin: 0 auto;}
.support-info-contents:after {clear:both; content: ""; display: block;}
.support-info-left {float:left; width:40%;}
.support-info-left img {width:100%;}
.support-info-right {
    float:right; width:55%;
    letter-spacing: 1px;
}

.support-info-text li {
  font-size: 1.6rem;
  color: #000;
  line-height: 1.5;
  margin-bottom: 1em;
  text-align: left;
}

.support-info-text li .font-b {
  font-weight: bold;
  color: #000;
  font-size: 2.0rem;
}

.support-info-text .info-text-title{
    font-size: 2.0rem;
    
}
.support-info-text .info-text-title:after {
    display: block;
    width:25px; height: 2px;
    background-color: #000;
    content: "";
    margin-top:10px;
}
.support-info-text .info-text-title span{
  font-size: 2.8rem;
  color: #021358;
  line-height: 1.5;
  margin-bottom: 1em;
  text-align: left;
}

/* support-container */

@media (max-width: 1200px){
  .support-info-text li {
    font-size: 1.8rem;
  }
  .support-info-right {padding-right: 10px;}
    
}
@media (max-width: 1024px) {


}

@media (max-width: 820px) {
  .support-info-left {float:none; width:100%; text-align: center; background-color:#fbfbfa; margin-bottom: 20px;}
  .support-info-left img {width: auto;}
  .support-info-right {float:none; width:100%; text-align: center;}
  .support-info-text li {
    text-align: center;
  }
}

@media (max-width: 650px) {
  .support-container .profile-container {
    aspect-ratio: 3 / 2;
    background-image: url('../img/ceo-picture-m.jpg');
  }

  .support-container .profile-bg-text {
    font-size: 2.4rem;
    text-align: center;
    align-items: center;
  }

  .support-container .profile-bg-text br {
    display: inline-block;
  }
  .support-info .sub-mid-tit {
    line-height: 1.2;
  }
  .support-info-text li {
    font-size: 1.4rem;
    line-height: 1.5;
  }

  .support-info-text li br {
    display: none;
  }
}
@media (max-width: 440px) {
    .support-info-left img {width: 80%;}
    
}