.page_about {
  padding-block: 80px 100px;
}
.page_about .about_div .sec_ttl {
  font-size: 38px;
  font-weight: 600;
  margin-bottom: 100px;
}
.page_about .about_div article .article_ttl {
  color: #004EA1;
  font-size: 30px;
  font-weight: 600;
  border-bottom: 2px solid #B5DEFF;
  padding-bottom: 12px;
  margin-bottom: 30px;
}
.page_about .about_div article .article_subttl {
  font-size: 22px;
  font-weight: 600;
}
.page_about .about_div article .article_txt {
  font-size: 16px;
}
.page_about .about_div article.company_name {
  margin-bottom: 60px;
  scroll-margin-top: 50px;
}
.page_about .about_div article.logomark {
  margin-bottom: 80px;
  display: grid;
  grid-template-columns: 200px auto;
  grid-template-rows: auto;
  column-gap: 60px;
}
.page_about .about_div article.logomark .img_logo {
  grid-column: 1/2;
  grid-row: 2/3;
}
.page_about .about_div article.logomark > .article_txt {
  grid-column: 2/3;
  grid-row: 1/3;
}
.page_about .about_div article.itkism {
  margin-bottom: 80px;
  scroll-margin-top: 50px;
}
.page_about .about_div article.itkism .itkism_div {
  display: grid;
  grid-template-columns: auto 420px;
  grid-template-rows: auto;
}
.page_about .about_div article.itkism .itkism_div > .article_txt {
  margin-bottom: 40px;
  grid-column: 1/2;
  grid-row: 1/2;
}
.page_about .about_div article.itkism .itkism_div .link {
  color: #004EA1;
  font-size: 16px;
  text-decoration-line: underline;
  text-decoration-color: #004EA1;
  text-decoration-style: solid;
  grid-column: 1/2;
  grid-row: 2/3;
}
.page_about .about_div article.itkism .itkism_div .img_magic {
  grid-column: 2/3;
}
.page_about .about_div article.business {
  margin-bottom: 80px;
  scroll-margin-top: 210px;
}
.page_about .message {
  background-color: #EBF6FF;
}
.page_about .message .message_div {
  padding-block: 80px;
}
.page_about .message .message_div > .article_ttl {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 32px;
  position: relative;
}
.page_about .message .message_div > .article_ttl::after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #818181;
  width: 195px;
  transform: rotate(-45deg);
  top: 50px;
  left: 280px;
}
.page_about .message .message_div .message_area {
  background-color: white;
  border-radius: 12px;
  padding: 92px 50px 50px;
}
.page_about .message .message_div .message_area .message_ttl {
  color: #004EA1;
  font-size: 34px;
  font-weight: 600;
  line-height: 57.8px;
}
.page_about .message .message_div .message_area .un_gray {
  display: inline-block;
  background-color: #C4C4C6;
  height: 1px;
  margin-block: 40px;
  width: 100%;
}
.page_about .message .message_div .message_area .message_txt {
  font-size: 16px;
}
@media (max-width: 768px) {
  .page_about {
    padding-block: 40px 80px;
  }
  .page_about .about_div .sec_ttl {
    font-size: 24px;
    margin-bottom: 50px;
  }
  .page_about .about_div article .article_ttl {
    font-size: 20px;
  }
  .page_about .about_div article .article_subttl {
    font-size: 18px;
    grid-row: 1/2;
    margin-bottom: 15px;
    text-align: center;
  }
  .page_about .about_div article .un_blue {
    height: 1px;
    margin-block: 12px 15px;
  }
  .page_about .about_div article .article_txt {
    font-size: 14px;
  }
  .page_about .about_div article.company_name {
    margin-bottom: 40px;
  }
  .page_about .about_div article.logomark {
    margin-bottom: 60px;
    grid-template-columns: 1fr;
  }
  .page_about .about_div article.logomark .img_logo {
    width: 110px;
    grid-column: 1/2;
    grid-row: 2/3;
    margin-inline: auto;
    margin-bottom: 30px;
  }
  .page_about .about_div article.logomark > .article_txt {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .page_about .about_div article.itkism {
    margin-bottom: 60px;
  }
  .page_about .about_div article.itkism .itkism_div {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .page_about .about_div article.itkism .itkism_div > .article_txt {
    margin-bottom: 40px;
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .page_about .about_div article.itkism .itkism_div .link {
    font-size: 14px;
  }
  .page_about .about_div article.itkism .itkism_div .img_magic {
    display: none;
  }
  .page_about .about_div article.business {
    margin-bottom: 60px;
  }
  .page_about .message {
    background-color: #EBF6FF;
    padding-block: 60px;
  }
  .page_about .message .message_div {
    padding-block: 0;
  }
  .page_about .message .message_div > .article_ttl {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .page_about .message .message_div > .article_ttl::after {
    width: 85px;
    top: 25px;
    left: 12rem;
  }
  .page_about .message .message_div .message_area {
    padding: 40px 20px 30px;
  }
  .page_about .message .message_div .message_area .message_ttl {
    font-size: 20px;
    line-height: 32px;
  }
  .page_about .message .message_div .message_area .message_ttl .letter_space_smaller {
    letter-spacing: -6px;
  }
  .page_about .message .message_div .message_area .un_gray {
    margin-block: 20px;
  }
  .page_about .message .message_div .message_area .message_txt {
    font-size: 14px;
  }
}/*# sourceMappingURL=about.css.map */