@charset "utf-8";
/* default PC */

.strengths-area {
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  max-width:1200px;
  width:90%;
}

.strengths-item {
  background-color:#FFF;
  margin-bottom:40px;
  padding:40px 40px 30px;
}

.strengths-item .img-box {
  width:40%;
}

.strengths-item .txt-box {
  width:calc(60% - 40px);
}

#contents .strengths-item .txt-box h3 .num {
  background-color:#3A2885;
  color:#FFF;
  font-family:"Noto SansJP", "Roboto", sans-serif;
  font-size:100%;
  font-weight:600;
  left:0;
  padding:10px 14px 7px 15px;
  position:absolute;
}

#contents .strengths-item .txt-box h3 {
  align-items:center;
  background-color:transparent;
  clip-path:none;
  color:#333;
  display:flex;
  font-size:30px;
  font-weight:bold;
  margin-bottom:30px;
  margin-top:0;
  padding:10px 0 10px 65px;
  position:relative;
}

.parents-area .bg-gray {
  margin-bottom:60px;
  padding:60px 0 60px;
}

#contents .main-txt {
  color:#EC6319;
  font-size:25px;
  font-weight:600;
  letter-spacing:.05em;
  line-height:1.7;
}

#contents .strengths-item .img-box p.txt-center,
#contents .strengths-item .txt-box p:last-child {
  margin-bottom:0;
}

.strengths-item:last-child {
  margin-bottom:0;
}

#contents .ttl-bnr .txt-3box.end .link-bnr .bnr-ttl .en-txt {
  font-size:30px;
}

@media screen and (max-width: 1500px) {
  #contents .main-txt {
    font-size:22px;
  }

  #contents .strengths-item .txt-box h3 {
    font-size:22px;
    margin-bottom:25px;
  }

  #contents .strengths-item .txt-box h3 .num {
    padding:8px 14px 5px 15px;
  }
}

@media screen and (max-width: 1400px) {
  #contents .ttl-bnr .txt-3box.end .link-bnr .bnr-ttl .en-txt {
    font-size:27px;
  }
}

@media screen and (max-width: 1300px) {
  #contents .ttl-bnr .txt-3box.end .link-bnr .bnr-ttl .en-txt {
    font-size:25px;
  }
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
  .strengths-item {
    padding:30px;
  }

  #contents .strengths-item .txt-box h3 {
    margin-bottom:15px;
  }

  #contents .ttl-bnr .txt-3box.end .link-bnr .bnr-ttl .en-txt {
    font-size:20px;
  }
}


@media screen and (max-width: 1024px) {
  #contents .ttl-bnr .txt-3box.end .link-bnr .bnr-ttl .en-txt {
    font-size:18px;
  }
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
  .strengths-item .img-box {
    order:2;
    width:100%;
  }

  .strengths-item .txt-box {
    margin-bottom:20px;
    order:1;
    width:100%;
  }

  .strengths-area {
    width:100%;
  }

  .strengths-item {
    margin-bottom:30px;
    padding:30px;
  }

  #contents .strengths-item .txt-box h3 .num {
    padding:8px 14px 5px 15px;
  }

  #contents .strengths-item .txt-box h3 {
    font-size:18px;
    padding:0 0 0 52px;
  }

  #contents .flex.ttl-bnr {
    justify-content:space-evenly;
  }

  #contents .ttl-bnr .txt-3box.end .link-bnr .bnr-ttl .en-txt {
    font-size:20px;
  }
}

@media screen and (max-width: 640px) {
  #contents .ttl-bnr .txt-3box.end .link-bnr .bnr-ttl .en-txt {
    font-size:15px;
  }
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {
  #contents .main-txt {
    font-size:17px;
    letter-spacing:.02em;
  }

  #contents .parents-area .sub-txt {
    text-align:left;
  }

  #contents .parents-area .sub-txt br {
    display:none;
  }

  .strengths-item {
    padding:20px 15px;
  }

  #contents .ttl-bnr .txt-3box.end .link-bnr .bnr-ttl .en-txt {
    font-size:22px;
  }
}
