/*clearfix*/
/*flex*/
/*flex*/
.pc {
  display: block;
}
@media screen and (max-width: 600px) {
  .pc {
    display: none;
  }
}

.pc_inline {
  display: inline-block;
}
@media screen and (max-width: 600px) {
  .pc_inline {
    display: none;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 600px) {
  .sp {
    display: block;
  }
}

.sp_inline {
  display: none;
}
@media screen and (max-width: 600px) {
  .sp_inline {
    display: inline-block;
  }
}

@media screen and (max-width: 600px) {
  .none_pad section:nth-child(n+2) {
    padding: 40px 6vw;
  }
}

.tpl-statement__title.-txt01 {
  max-width: 1095px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .tpl-statement__title.-txt01 {
    width: 100%;
    margin-bottom: 25px;
  }
}

.history_box01 {
  width: 100%;
  max-width: 635px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .history_box01 {
    display: block;
  }
}
.history_box01 + .history_box01 {
  margin-top: 15px;
}
.history_box01 .imgWrap {
  width: 27.16%;
}
@media screen and (max-width: 768px) {
  .history_box01 .imgWrap {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .history_box01 .imgWrap img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.history_box01 .txtWrap {
  width: 72.83%;
  background-color: #f8f7f6;
  box-sizing: border-box;
  padding: 35px 45px;
}
@media screen and (max-width: 768px) {
  .history_box01 .txtWrap {
    width: 100%;
    padding: 20px;
  }
}
.history_box01 .tpl-card__notes.-tr {
  margin-left: auto;
}

.history_box02 {
  background-color: #f8f7f6;
}
@media screen and (max-width: 768px) {
  .history_box02 {
    width: 100vw;
    margin-left: -7vw;
  }
}
.history_box02 .txtWrap {
  box-sizing: border-box;
  padding: 30px;
  padding-top: 0px;
}
@media screen and (max-width: 768px) {
  .history_box02 .txtWrap {
    padding: 7vw;
  }
}
.history_box02 .tpl-card__notes {
  padding-left: 1em;
}

.history_cap01 {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .history_cap01 {
    text-align: justify;
    text-align: left;
  }
}

.tpl-headline__title-en.-logo {
  width: 100%;
  max-width: 145px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .tpl-headline__title-en.-logo {
    margin-left: 0px;
  }
}

.award_row {
  gap: 40px;
}

.award_txt {
  font-size: 1.4rem;
  line-height: 2.14;
  margin-bottom: auto;
}