.c-pagelist01 {
  padding-bottom: 5.5rem;
}
@media screen and (max-width: 768px) {
  .c-pagelist01 {
    padding-bottom: 0;
  }
}

/* ------------------------------
    p-features
------------------------------ */
.p-feature {
  background: url(../img/education/bg_feature01_pc.jpg) no-repeat center top/100% auto;
}
@media screen and (min-width: 1660px) {
  .p-feature {
    background-size: 100% 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-feature {
    background: url(../img/education/bg_feature01_sp.jpg) no-repeat center center/100% auto;
  }
}
.p-feature .u-wrap__1100 {
  padding: 5.2rem 0 0;
}
@media screen and (max-width: 768px) {
  .p-feature .u-wrap__1100 {
    padding: 8.8rem 0 0;
  }
}

.p-feature-box01 {
  margin-top: 6.3rem;
}
@media screen and (max-width: 768px) {
  .p-feature-box01 {
    margin-top: 5rem;
  }
}

.p-feature-box01__item {
  width: 100%;
  position: relative;
  border-radius: 0.8rem;
  background: -webkit-gradient(linear, left top, right top, from(rgb(96, 243, 193)), to(rgb(78, 178, 215)));
  background: linear-gradient(90deg, rgb(96, 243, 193) 0%, rgb(78, 178, 215) 100%);
  padding: 1px;
  overflow: hidden;
}
.p-feature-box01__item::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 0.6rem;
  background: #ffffff;
}
@media screen and (max-width: 768px) {
  .p-feature-box01__item {
    border-radius: 1rem;
  }
  .p-feature-box01__item::before {
    border-radius: 0.8rem;
  }
}
.p-feature-box01__item:nth-of-type(n+2) {
  margin-top: 1.8rem;
}
@media screen and (max-width: 768px) {
  .p-feature-box01__item:nth-of-type(n+2) {
    margin-top: 2.5em;
  }
}
.p-feature-box01__item > * {
  position: relative;
}

.p-feature-box01__img {
  position: relative;
  width: 100%;
  height: 36.7rem;
  border-radius: 0.6rem 0.6rem 0 0;
  overflow: hidden;
}
.p-feature-box01__img picture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .p-feature-box01__img {
    height: 28.7rem;
  }
}

.p-feature-box01__num {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 12.2rem;
  height: 12.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #008482;
  font-size: 4.7rem;
  line-height: 1;
  text-align: center;
  font-family: "Lexend";
  border-radius: 0.8rem 0 0 0;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .p-feature-box01__num {
    width: 11.3rem;
    height: 11.3rem;
    font-size: 4.5rem;
  }
}

.p-feature-box01__txtarea {
  padding: 4.3rem 8.6rem 7rem;
}
@media screen and (max-width: 768px) {
  .p-feature-box01__txtarea {
    padding: 4.5rem 3rem 6rem;
  }
}

.p-feature-box01__ttl {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.3333333333;
  color: #134e3b;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .p-feature-box01__ttl {
    font-size: 3.4rem;
    line-height: 1.5294117647;
  }
}

.p-feature-box01__txt {
  font-size: 1.5rem;
  line-height: 1.9333333333;
  margin: 2.5rem 0 0;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-feature-box01__txt {
    font-size: 2.6rem;
    line-height: 1.5384615385;
    margin: 1.5rem 0 0;
  }
}

.p-feature-box01__external-link {
  font-size: 1.6rem;
  margin: 3.5rem 0 0;
  font-weight: bold;
}
.p-feature-box01__external-link::after {
  content: "";
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="%23000000" d="m3,36c-.8000002,0-1.5-.2999992-2.0999999-.9000015-.5999999-.5999985-.9000001-1.2999992-.9000001-2.0999985V3c0-.8000002.3000002-1.5.9000001-2.0999999s1.2999997-.9000001,2.0999999-.9000001h14v3H3v30h30v-14h3v14c0,.7999992-.2999992,1.5-.9000015,2.0999985-.5999985.6000023-1.2999992.9000015-2.0999985.9000015H3Zm10.1000004-11l-2.1000004-2.1000004L30.9000015,3h-10.9000015V0h16v16h-3V5.1000004L13.1000004,25Z" /></svg>') no-repeat center center/contain;
  -webkit-transform: translate(0.5rem, 0.1rem);
          transform: translate(0.5rem, 0.1rem);
}
@media screen and (min-width: 769px) {
  .p-feature-box01__external-link {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .p-feature-box01__external-link::after {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .p-feature-box01__external-link:hover {
    color: #008482;
  }
  .p-feature-box01__external-link:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="%23008482" d="m3,36c-.8000002,0-1.5-.2999992-2.0999999-.9000015-.5999999-.5999985-.9000001-1.2999992-.9000001-2.0999985V3c0-.8000002.3000002-1.5.9000001-2.0999999s1.2999997-.9000001,2.0999999-.9000001h14v3H3v30h30v-14h3v14c0,.7999992-.2999992,1.5-.9000015,2.0999985-.5999985.6000023-1.2999992.9000015-2.0999985.9000015H3Zm10.1000004-11l-2.1000004-2.1000004L30.9000015,3h-10.9000015V0h16v16h-3V5.1000004L13.1000004,25Z" /></svg>') no-repeat center center/contain;
    -webkit-transform: translate(1.5rem, 0.1rem);
            transform: translate(1.5rem, 0.1rem);
  }
}
@media screen and (max-width: 768px) {
  .p-feature-box01__external-link {
    font-size: 2.8rem;
    line-height: 1.4642857143;
    margin: 4.2rem 0 0;
  }
  .p-feature-box01__external-link::after {
    width: 2.3rem;
    height: 2.3rem;
    -webkit-transform: translate(0, 0.1rem);
            transform: translate(0, 0.1rem);
  }
}

.p-feature-box01__bnr {
  width: 61.5rem;
  margin: 3.2rem auto 0;
}
@media screen and (max-width: 768px) {
  .p-feature-box01__bnr {
    width: 100%;
    margin: 5.2rem auto 0;
  }
}

.p-feature-box01__list {
  margin: 4.3rem 0 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.2rem 0;
  width: 70rem;
}
@media screen and (max-width: 768px) {
  .p-feature-box01__list {
    margin: 3rem 0 0;
    width: 100%;
    gap: 2.4rem 0;
  }
}
.p-feature-box01__list li {
  list-style: none;
  width: 22rem;
}
@media screen and (max-width: 768px) {
  .p-feature-box01__list li {
    width: 50%;
  }
}
.p-feature-box01__list li a {
  display: inline-block;
  position: relative;
  padding-right: 3rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-feature-box01__list li a::after {
  content: "";
  position: absolute;
  top: 0.8rem;
  right: 0;
  width: 1.2rem;
  height: 1rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 84.107544 68.1074219"><path fill="%23000000" d="m50.0498047,68.1074219c-1.5341797,0-3.0683594-.5976562-4.2636719-1.7929688-1.1523438-1.1513672-1.7861328-2.6660156-1.7861328-4.2646484s.6337891-3.1132812,1.7861328-4.2646484l17.7011719-17.7851562H6c-3.3085938,0-6-2.6914062-6-6s2.6914062-6,6-6h57.4716797l-17.6855469-17.6860352c-1.1523438-1.1513672-1.7861328-2.6655273-1.7861328-4.2641602s.6337891-3.112793,1.7861328-4.2641602c1.1503906-1.1513672,2.6474609-1.7856445,4.2138672-1.7856445,1.5117188,0,2.9736328.5898438,4.2294922,1.7055664l.0849609.0805664,28,28c2.390625,2.3901367,2.390625,6.1367188.0009766,8.5283203l-28.0009766,28c-1.1953125,1.1953125-2.7304688,1.7929688-4.2646484,1.7929688Z" /></svg>') no-repeat center center/contain;
}
@media screen and (min-width: 769px) {
  .p-feature-box01__list li a {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .p-feature-box01__list li a::after {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .p-feature-box01__list li a:hover {
    color: #008482;
  }
  .p-feature-box01__list li a:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 84.107544 68.1074219"><path fill="%23008482" d="m50.0498047,68.1074219c-1.5341797,0-3.0683594-.5976562-4.2636719-1.7929688-1.1523438-1.1513672-1.7861328-2.6660156-1.7861328-4.2646484s.6337891-3.1132812,1.7861328-4.2646484l17.7011719-17.7851562H6c-3.3085938,0-6-2.6914062-6-6s2.6914062-6,6-6h57.4716797l-17.6855469-17.6860352c-1.1523438-1.1513672-1.7861328-2.6655273-1.7861328-4.2641602s.6337891-3.112793,1.7861328-4.2641602c1.1503906-1.1513672,2.6474609-1.7856445,4.2138672-1.7856445,1.5117188,0,2.9736328.5898438,4.2294922,1.7055664l.0849609.0805664,28,28c2.390625,2.3901367,2.390625,6.1367188.0009766,8.5283203l-28.0009766,28c-1.1953125,1.1953125-2.7304688,1.7929688-4.2646484,1.7929688Z" /></svg>') no-repeat center center/contain;
    -webkit-transform: translate(1rem, 0);
            transform: translate(1rem, 0);
  }
  .p-feature-box01__list li:nth-of-type(4) a {
    padding-right: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .p-feature-box01__list li a {
    font-size: 2.8rem;
    line-height: 1.5;
    padding-right: 4.4rem;
  }
  .p-feature-box01__list li a::after {
    top: 1.1rem;
    width: 2.2rem;
    height: 2rem;
  }
  .p-feature-box01__list li:nth-of-type(4) a {
    padding-right: 1.4rem;
  }
}

/* ------------------------------
    p-bnrareaarea
------------------------------ */
.p-bnrarea {
  width: 73.7rem;
  height: 20.88rem;
  margin: 6.5rem auto 12.2rem;
}
@media screen and (max-width: 768px) {
  .p-bnrarea {
    width: 66.9rem;
    height: 27.6rem;
    margin: 6.5rem auto 9.2rem;
  }
}
.p-bnrarea a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.p-bnrarea a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.8rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 5rem;
  height: 5rem;
  border-radius: 100vh;
  border: 1px solid #ffffff;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-bnrarea a::before {
    right: 1.7rem;
    width: 8rem;
    height: 8rem;
  }
}
.p-bnrarea a::after {
  content: "";
  opacity: 1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 3.7rem;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 84.107544 68.1074219"><path fill="%23ffffff" d="m50.0498047,68.1074219c-1.5341797,0-3.0683594-.5976562-4.2636719-1.7929688-1.1523438-1.1513672-1.7861328-2.6660156-1.7861328-4.2646484s.6337891-3.1132812,1.7861328-4.2646484l17.7011719-17.7851562H6c-3.3085938,0-6-2.6914062-6-6s2.6914062-6,6-6h57.4716797l-17.6855469-17.6860352c-1.1523438-1.1513672-1.7861328-2.6655273-1.7861328-4.2641602s.6337891-3.112793,1.7861328-4.2641602c1.1503906-1.1513672,2.6474609-1.7856445,4.2138672-1.7856445,1.5117188,0,2.9736328.5898438,4.2294922,1.7055664l.0849609.0805664,28,28c2.390625,2.3901367,2.390625,6.1367188.0009766,8.5283203l-28.0009766,28c-1.1953125,1.1953125-2.7304688,1.7929688-4.2646484,1.7929688Z" /></svg>') no-repeat center center/contain;
  width: 1.2rem;
  height: 1rem;
}
@media screen and (max-width: 768px) {
  .p-bnrarea a::after {
    right: 4.6rem;
    width: 2.2rem;
    height: 2rem;
  }
}
@media screen and (min-width: 769px) {
  .p-bnrarea a::before {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .p-bnrarea a:hover::before {
    -webkit-transform: translateY(-50%) scale(1.16);
            transform: translateY(-50%) scale(1.16);
  }
}

.p-bnrarea__img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 769px) {
  .p-bnrarea__img {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .p-bnrarea a:hover .p-bnrarea__img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.p-bnrarea__txt {
  position: absolute;
  bottom: 7.9rem;
  left: 4rem;
  z-index: 1;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .p-bnrarea__txt {
    left: 3rem;
    font-size: 2.6rem;
  }
}

.p-bnrarea__ttl {
  position: absolute;
  bottom: 2.9rem;
  left: 4rem;
  color: #ffffff;
  font-size: 3.1rem;
  font-weight: 500;
  text-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  letter-spacing: 0.02em;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .p-bnrarea__ttl {
    bottom: 1rem;
    left: 2.7rem;
    font-size: 3.8rem;
    letter-spacing: 0;
  }
}
/*# sourceMappingURL=education.css.map */