.section-contents {
  max-width: 1280px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .section-contents {
    width: 100%;
    padding: 0 20px;
  }
}
@media (min-width: 768px) and (max-width: 1140px) {
  .section-contents {
    width: 100%;
    padding: 0 20px;
  }
}

.underlayer_bg {
  position: relative;
  width: 100%;
  height: 392px;
  background-image: url(../images/about_pc.png);
  background-size: cover;
  background-position: center;
}
@media (max-width: 767px) {
  .underlayer_bg {
    height: 168px;
  }
}
.underlayer_bg .filter {
  background-color: #3d3d3d;
  position: absolute;
  width: 100%;
  height: 392px;
  background-size: cover;
  background-position: center;
  mix-blend-mode: hard-light;
  z-index: 1;
}
@media (max-width: 767px) {
  .underlayer_bg .filter {
    height: 168px;
  }
}
.underlayer_bg h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 48px;
  line-height: 48px;
  font-weight: 500;
  color: #fff;
  z-index: 2;
}
@media (max-width: 767px) {
  .underlayer_bg h2 {
    font-size: 24px;
  }
}

.about-inner {
  max-width: 1280px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .about-inner {
    width: 100%;
    padding: 0 20px;
  }
}
@media (min-width: 768px) and (max-width: 1140px) {
  .about-inner {
    padding: 0 20px;
  }
}

.section-title {
  font-size: 32px;
  font-weight: 500;
  color: #202020;
}

.section-title_en {
  font-size: 16px;
  font-weight: 800;
  margin-top: 10px;
  color: #ef6041;
  font-family: "Sen", sans-serif;
  position: relative;
  letter-spacing: 0.09em;
}
.section-title_en::after {
  position: absolute;
  content: "";
  top: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 400px;
  height: 0;
  border: 2px solid #ef6041;
}
@media (min-width: 768px) and (max-width: 1140px) {
  .section-title_en::after {
    width: 200px !important;
  }
}
@media (max-width: 767px) {
  .section-title_en::after {
    width: 200px !important;
  }
}

.about-info {
  margin-top: 88px;
}
@media (max-width: 767px) {
  .about-info {
    margin-top: 40px;
  }
}

.about-info_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 35px 0;
  font-size: 18px;
  line-height: 1.7;
  color: #202020;
}
.about-info_row:first-child {
  border-top: 3px solid #202020;
}
.about-info_row:not(:first-child) {
  border-top: 1px solid #202020;
}
@media (min-width: 768px) and (max-width: 1140px) {
  .about-info_row {
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  .about-info_row {
    padding: 25px 0;
    font-size: 16px;
  }
}

.about-info_title {
  padding-left: 107px;
  width: 224px;
  line-height: auto;
  font-weight: 100;
  white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1140px) {
  .about-info_title {
    text-align: left;
    padding-left: 0;
    width: 60px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .about-info_title {
    text-align: left;
    padding-left: 0;
    width: 60px;
    font-size: 16px;
  }
}

.about-info_text {
  margin-left: 168px;
  font-weight: 400;
}
@media (min-width: 768px) and (max-width: 1140px) {
  .about-info_text {
    text-align: left;
    margin-left: 59px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .about-info_text {
    margin-left: 59px;
  }
}

.history {
  margin-top: 128px;
  /* margin-bottom: 160px; */
}
@media (max-width: 767px) {
  .history {
    margin-top: 56px;
    /* margin-bottom: 76px; */
  }
}

.section-title_wrapper {
  text-align: center;
}

.history-info {
  margin-top: 88px;
}

.history-info_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: auto;
  font-size: 18px;
  padding: 35px 0;
  line-height: 1.7;
  color: #202020;
}
.history-info_row:first-child {
  border-top: 3px solid #202020;
}
.history-info_row:not(:first-child) {
  border-top: 1px solid #202020;
}
@media (min-width: 768px) and (max-width: 1140px) {
  .history-info_row {
    font-size: 16px;
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  .history-info_row {
    font-size: 16px;
    padding: 25px 0;
  }
}

.history-info_title {
  padding-left: 97px;
  width: 211px;
  line-height: auto;
  font-weight: 100;
  white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1140px) {
  .history-info_title {
    text-align: left;
    padding-left: 0;
    width: 130px;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .history-info_title {
    text-align: left;
    padding-left: 0;
    width: 130px;
    padding-right: 0;
  }
}

.history-info_text {
  max-width: 880px;
  margin-left: 181px;
  padding-right: 80px;
  font-weight: 400;
}
@media (min-width: 768px) and (max-width: 1140px) {
  .history-info_text {
    width: 100%;
    margin-left: 36px;
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .history-info_text {
    width: 100%;
    margin-left: 36px;
    padding-right: 0px;
  }
}

.greeting {
  /* display: none; */
  margin-top: 131px;
  margin-bottom: 160px;
}
@media (max-width: 767px) {
  .greeting {
    margin-top: 56px;
    margin-bottom: 76px;
  }
}

.greeting-contents {
  display: -webkit-box;
  /* display: -ms-flexbox; */
  /* display: flex; */
  margin-top: 88px;
}
@media (max-width: 767px) {
  .greeting-contents {
    display: block;
    margin-top: 40px;
  }
}

.greeting-img {
  width: 20%;
}
.greeting-img img {
  width: 100%;
}
@media (max-width: 767px) {
  .greeting-img {
    width: 70%;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 1140px) {
  .greeting-img {
    width: 20%;
  }
}

.greeting_text_wrapper {
  margin-left: 16px;
  font-size: 24px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.05em;
  line-height: 40px;
  /* max-width: 936px; */
}
@media (max-width: 767px) {
  .greeting_text_wrapper {
    width: 100%;
    font-size: 18px;
    line-height: 35px;
    margin-top: 40px;
    color: #202020;
    margin-left: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1140px) {
  .greeting_text_wrapper {
    /* width: 70%; */
  }
}

.greeting_text {
  text-align: left;
  color: #202020;
}
@media (max-width: 767px) {
  .greeting_text {
    color: #202020;
  }
}

.greeting_name {
  text-align: right;
  margin-top: 60px;
  color: #202020;
}
/*# sourceMappingURL=style.css.map */