@charset "UTF-8";
/* =======================================================

	ひょうしんについて

======================================================= */
.about .sec_1 {
  padding: 20px 0 80px; }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    .about .sec_1 {
      padding: 0px 0 50px; } }
  .about .sec_1 video {
    width: 100%; }
.about .sec_2 {
  padding: 80px 0 90px; }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    .about .sec_2 {
      padding: 30px 0 40px; } }
.about .sec_3 {
  overflow: hidden;
  padding-bottom: 4em; }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    .about .sec_3 {
      padding-bottom: 2em; } }
.about .box_message {
  border-radius: 16px;
  margin-top: 55px;
  padding: 55px 50px 40px;
  border: solid 3px #E7380D;
  background-color: #fff; }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    .about .box_message {
      padding: 55px 20px 40px;
      margin-top: 40px;
      border-width: 2px; } }
  .about .box_message h3 {
    color: #E7380D;
    font-size: 2.8rem;
    text-align: center;
    font-weight: 600;
    line-height: 1.4;
    position: relative;
    z-index: 1;
    margin-bottom: 0.9em; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .about .box_message h3 {
        font-size: 2.2rem; } }
    .about .box_message h3::before {
      content: "";
      width: 270px;
      height: 60px;
      position: absolute;
      left: 50%;
      top: -42px;
      background: url("../img/about/txt_forstudent.svg") no-repeat center/contain;
      z-index: -1; }
      @media only screen and (max-width: 768px), print and (min-width: 2cm) {
        .about .box_message h3::before {
          width: 340px;
          left: -20px; } }
@media only screen and (max-width: 768px), print and (min-width: 2cm) {
  .about .box_img3 img {
    object-fit: cover;
    height: 160px; } }
.about .box_about {
  border-radius: 16px;
  margin: 40px 0;
  padding-top: 10px; }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    .about .box_about {
      margin: 20px 0; } }
  .about .box_about__inner {
    padding: 0 50px 50px; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .about .box_about__inner {
        padding: 0 20px 30px; } }
  .about .box_about .list_kanousei {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 2em 0 1.6em; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .about .box_about .list_kanousei {
        gap: 10px; } }
    .about .box_about .list_kanousei li {
      color: #E7380D;
      border: solid 2px #E7380D;
      font-size: 2.2rem;
      width: calc((100% - 45px)/4);
      text-align: center;
      font-weight: 500;
      padding: 0.4em 1em 0.5em;
      line-height: 1.4; }
      @media only screen and (max-width: 768px), print and (min-width: 2cm) {
        .about .box_about .list_kanousei li {
          width: calc((100% - 10px)/2);
          font-size: 1.6rem; } }
  .about .box_about .txt_kanousei {
    text-align: center; }
    .about .box_about .txt_kanousei span {
      font-size: 2.4rem;
      font-weight: 600;
      line-height: 1.7;
      letter-spacing: 0.08em;
      color: #E7380D;
      background: linear-gradient(transparent 70%, rgba(245, 162, 0, 0.25) 0%); }
      @media only screen and (max-width: 768px), print and (min-width: 2cm) {
        .about .box_about .txt_kanousei span {
          font-size: 1.8rem; } }

/*# sourceMappingURL=about.css.map */