@charset "UTF-8";
/* line 4, value.scss */
article h2 {
  margin-bottom: 32px; }
  @media screen and (max-width: 800px) {
    /* line 4, value.scss */
    article h2 {
      margin-bottom: 20px; } }
  /* line 9, value.scss */
  article h2 .en {
    display: block;
    position: relative;
    color: #004EA2;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
    padding-left: 43px;
    margin-bottom: 15px; }
    @media screen and (max-width: 800px) {
      /* line 9, value.scss */
      article h2 .en {
        font-size: 18px; } }
    /* line 21, value.scss */
    article h2 .en::before {
      position: absolute;
      left: 0;
      top: 50%;
      translate: 0 -50%;
      width: 33px;
      height: 1px;
      content: "";
      background-color: #004EA2; }
  /* line 32, value.scss */
  article h2 .jp {
    display: block;
    font-size: 26px;
    line-height: 1.38; }
    @media screen and (max-width: 800px) {
      /* line 32, value.scss */
      article h2 .jp {
        font-size: 18px; } }

/* line 44, value.scss */
.fact {
  margin-bottom: 480px;
  padding-bottom: 80px; }
  @media screen and (max-width: 800px) {
    /* line 44, value.scss */
    .fact {
      margin-bottom: 255px;
      padding-bottom: 35px; } }
  /* line 51, value.scss */
  .fact p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 0; }
    /* line 55, value.scss */
    .fact p.read-fact {
      color: #004EA2;
      font-size: 18px;
      font-weight: 500;
      line-height: 1.4;
      margin-bottom: 15px; }
      @media screen and (max-width: 800px) {
        /* line 55, value.scss */
        .fact p.read-fact {
          font-size: 16px;
          line-height: 1.6; } }
    /* line 66, value.scss */
    .fact p .bikou {
      font-size: 13px; }
      @media screen and (max-width: 800px) {
        /* line 66, value.scss */
        .fact p .bikou {
          font-size: 15px; } }

/* line 77, value.scss */
.reason {
  padding: 100px 0 195px;
  counter-reset: count; }
  @media screen and (max-width: 800px) {
    /* line 77, value.scss */
    .reason {
      padding: 35px 0 70px; } }
  /* line 83, value.scss */
  .reason h3 {
    color: #004EA2;
    margin-bottom: 40px; }
    @media screen and (max-width: 800px) {
      /* line 83, value.scss */
      .reason h3 {
        margin-bottom: 32px;
        padding-left: 64px; } }
    /* line 90, value.scss */
    .reason h3::before {
      position: absolute;
      left: -280px;
      top: 0;
      font-family: "Roboto", sans-serif;
      font-size: 240px;
      font-weight: 500;
      line-height: 0.8;
      counter-increment: count;
      content: counter(count,decimal-leading-zero); }
      @media screen and (max-width: 800px) {
        /* line 90, value.scss */
        .reason h3::before {
          left: -45px;
          font-size: 88px; } }
    /* line 105, value.scss */
    .reason h3 .en {
      display: block;
      font-size: 97px;
      font-weight: 100;
      line-height: 1; }
      @media screen and (max-width: 800px) {
        /* line 105, value.scss */
        .reason h3 .en {
          font-size: 44px;
          margin-bottom: 3px; } }
    /* line 115, value.scss */
    .reason h3 .jp {
      display: block;
      font-size: 22px;
      line-height: 1.18; }
      @media screen and (max-width: 800px) {
        /* line 115, value.scss */
        .reason h3 .jp {
          font-size: 15px; } }
  /* line 124, value.scss */
  .reason h4 {
    color: #004EA2;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 10px; }
    @media screen and (max-width: 800px) {
      /* line 124, value.scss */
      .reason h4 {
        width: 100%;
        margin-bottom: 20px; } }
    @media screen and (max-width: 800px) {
      /* line 133, value.scss */
      .reason h4.circle {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 78px;
        padding-left: 92px;
        margin-bottom: 25px; } }

/* line 145, value.scss */
.read-knowledge {
  font-weight: 500;
  margin-bottom: 75px; }
  @media screen and (max-width: 800px) {
    /* line 145, value.scss */
    .read-knowledge {
      margin-bottom: 45px; } }

/* line 152, value.scss */
.reason-content {
  margin-bottom: 130px; }
  @media screen and (max-width: 800px) {
    /* line 152, value.scss */
    .reason-content {
      margin-bottom: 80px; } }
  /* line 157, value.scss */
  .reason-content:last-child {
    margin-bottom: 0; }

/* line 161, value.scss */
.reason-detail {
  position: relative;
  padding-left: 145px; }
  @media screen and (max-width: 800px) {
    /* line 161, value.scss */
    .reason-detail {
      padding-left: 0; } }
  /* line 167, value.scss */
  .reason-detail .reason-title {
    position: absolute;
    left: 0;
    top: 0;
    display: grid;
    place-content: center;
    width: 108px;
    height: 108px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    background-color: #6FC9F3;
    border-radius: 50%; }
    @media screen and (max-width: 800px) {
      /* line 167, value.scss */
      .reason-detail .reason-title {
        width: 78px;
        height: 78px;
        font-size: 14px; } }
  /* line 186, value.scss */
  .reason-detail p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 0; }
  /* line 191, value.scss */
  .reason-detail .speed {
    border: 1px dashed #004EA2;
    padding: 30px 45px;
    margin: 35px 0 80px; }
    @media screen and (max-width: 800px) {
      /* line 191, value.scss */
      .reason-detail .speed {
        margin: 30px 0 45px;
        padding: 25px 30px; } }
    /* line 199, value.scss */
    .reason-detail .speed h5 {
      color: #004EA2;
      font-size: 15px;
      font-weight: 500;
      margin-bottom: 20px; }
      @media screen and (max-width: 800px) {
        /* line 199, value.scss */
        .reason-detail .speed h5 {
          font-size: 14px; } }
      /* line 207, value.scss */
      .reason-detail .speed h5::before {
        position: absolute;
        left: -45px;
        top: 3px;
        width: 32px;
        height: 10px;
        content: "";
        background-color: #004EA2; }
        @media screen and (max-width: 800px) {
          /* line 207, value.scss */
          .reason-detail .speed h5::before {
            top: 5px;
            left: -30px;
            width: 20px;
            height: 6px; } }
      /* line 222, value.scss */
      .reason-detail .speed h5 strong {
        display: block;
        font-size: 23px;
        margin-top: 8px; }
        @media screen and (max-width: 800px) {
          /* line 222, value.scss */
          .reason-detail .speed h5 strong {
            font-size: 20px; } }

/* line 236, value.scss */
.belief {
  padding: 120px 0 130px; }
  @media screen and (max-width: 800px) {
    /* line 236, value.scss */
    .belief {
      padding: 60px 0 70px; } }
  /* line 241, value.scss */
  .belief .read {
    margin-bottom: 65px; }
    @media screen and (max-width: 800px) {
      /* line 241, value.scss */
      .belief .read {
        margin-bottom: 35px; }
        /* line 245, value.scss */
        .belief .read p {
          text-align: center; } }

/* line 251, value.scss */
.belief-content {
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 55px 85px 80px;
  margin-bottom: 95px; }
  @media screen and (max-width: 800px) {
    /* line 251, value.scss */
    .belief-content {
      padding: 40px 20px;
      margin-bottom: 60px; } }
  /* line 260, value.scss */
  .belief-content .belief-head {
    display: flex;
    margin-bottom: 20px; }
    @media screen and (max-width: 800px) {
      /* line 260, value.scss */
      .belief-content .belief-head {
        display: block; } }
    /* line 266, value.scss */
    .belief-content .belief-head h3 {
      width: 50%;
      color: #004EA2;
      font-size: 18px;
      text-align: center;
      margin: 0; }
      @media screen and (max-width: 800px) {
        /* line 266, value.scss */
        .belief-content .belief-head h3 {
          width: 100%; } }
      @media screen and (max-width: 800px) {
        /* line 275, value.scss */
        .belief-content .belief-head h3:last-child {
          display: none; } }
  /* line 282, value.scss */
  .belief-content .belief-detail {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 25px 0 35px;
    border-bottom: 1px dashed #004EA2; }
    @media screen and (max-width: 800px) {
      /* line 282, value.scss */
      .belief-content .belief-detail {
        padding: 25px 0; } }
    /* line 291, value.scss */
    .belief-content .belief-detail:last-child {
      border-bottom: none;
      padding-bottom: 0; }
    /* line 295, value.scss */
    .belief-content .belief-detail h4 {
      display: flex;
      align-items: center;
      color: #004EA2;
      width: 100%;
      line-height: 1;
      margin-bottom: 20px; }
      @media screen and (max-width: 800px) {
        /* line 295, value.scss */
        .belief-content .belief-detail h4 {
          margin-bottom: 20px; } }
      /* line 305, value.scss */
      .belief-content .belief-detail h4 .en {
        position: relative;
        display: inline-block;
        width: 120px;
        font-size: 28px; }
        @media screen and (max-width: 800px) {
          /* line 305, value.scss */
          .belief-content .belief-detail h4 .en {
            width: 102px;
            font-size: 24px; } }
        /* line 314, value.scss */
        .belief-content .belief-detail h4 .en::after {
          position: absolute;
          right: 0;
          top: 50%;
          translate: 0 -50%;
          width: 1px;
          height: 21px;
          content: "";
          background-color: #004EA2; }
      /* line 325, value.scss */
      .belief-content .belief-detail h4 .jp {
        position: relative;
        display: inline-block;
        font-size: 17px;
        font-weight: 500;
        padding-left: 15px; }
        @media screen and (max-width: 800px) {
          /* line 325, value.scss */
          .belief-content .belief-detail h4 .jp {
            font-size: 15px;
            padding-left: 10px; } }
    /* line 337, value.scss */
    .belief-content .belief-detail .l-belief {
      width: 50%; }
      @media screen and (max-width: 800px) {
        /* line 337, value.scss */
        .belief-content .belief-detail .l-belief {
          width: 100%; } }
      /* line 342, value.scss */
      .belief-content .belief-detail .l-belief p {
        position: relative;
        font-weight: 500;
        line-height: 1.6;
        padding-right: 30px;
        margin: 0; }
        @media screen and (max-width: 800px) {
          /* line 342, value.scss */
          .belief-content .belief-detail .l-belief p {
            padding: 0 0 20px; } }
        /* line 351, value.scss */
        .belief-content .belief-detail .l-belief p::after {
          position: absolute;
          right: 15px;
          top: 50%;
          translate: 0 -50%;
          width: 13px;
          height: 15px;
          content: "";
          background-color: #004EA2;
          clip-path: polygon(0 0, 0% 100%, 100% 50%); }
          @media screen and (max-width: 800px) {
            /* line 351, value.scss */
            .belief-content .belief-detail .l-belief p::after {
              width: 30px;
              top: auto;
              bottom: -7px;
              right: auto;
              left: 50%;
              translate: -50% 0;
              clip-path: polygon(50% 100%, 0 0, 100% 0); } }
        /* line 371, value.scss */
        .belief-content .belief-detail .l-belief p .t-values {
          position: relative;
          display: inline-block;
          width: 90px;
          margin-right: 10px; }
          /* line 376, value.scss */
          .belief-content .belief-detail .l-belief p .t-values::after {
            position: absolute;
            right: 0;
            top: 50%;
            translate: 0 -50%;
            content: "-"; }
    /* line 386, value.scss */
    .belief-content .belief-detail .r-belief {
      width: 50%; }
      @media screen and (max-width: 800px) {
        /* line 386, value.scss */
        .belief-content .belief-detail .r-belief {
          width: 100%;
          background-color: rgba(188, 228, 247, 0.35);
          border-radius: 10px;
          padding: 20px; } }
      /* line 394, value.scss */
      .belief-content .belief-detail .r-belief p {
        font-weight: 500;
        line-height: 1.6;
        padding-left: 30px;
        margin: 0; }
        @media screen and (max-width: 800px) {
          /* line 394, value.scss */
          .belief-content .belief-detail .r-belief p {
            padding-left: 0; } }
        @media screen and (max-width: 800px) {
          /* line 402, value.scss */
          .belief-content .belief-detail .r-belief p::before {
            display: block;
            color: #004EA2;
            font-size: 16px;
            font-weight: 700;
            content: "教育分野における理念の反映";
            margin-bottom: 5px; } }

/* line 416, value.scss */
.read-belief {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 35px; }
  @media screen and (max-width: 800px) {
    /* line 416, value.scss */
    .read-belief {
      font-size: 15px;
      margin-bottom: 20px; } }

/* line 427, value.scss */
.fade-text {
  max-width: 905px; }
  @media screen and (max-width: 800px) {
    /* line 427, value.scss */
    .fade-text {
      max-width: 246px; } }
  /* line 433, value.scss */
  .fade-text img:nth-child(1) {
    width: 90.6%; }
    @media screen and (max-width: 800px) {
      /* line 433, value.scss */
      .fade-text img:nth-child(1) {
        width: 61.9%; } }
  /* line 439, value.scss */
  .fade-text img:nth-child(2) {
    width: 100%; }
    @media screen and (max-width: 800px) {
      /* line 439, value.scss */
      .fade-text img:nth-child(2) {
        width: 82.1%; } }
  @media screen and (max-width: 800px) {
    /* line 445, value.scss */
    .fade-text img:nth-child(3) {
      width: 100%; } }
  @media screen and (max-width: 800px) {
    /* line 450, value.scss */
    .fade-text img:nth-child(4) {
      width: 71.1%; } }

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