@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@200;300;400;500&family=Noto+Sans+JP:wght@300;400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;500&text=0123456789&display=swap");
/* -----------------color --------------------------*/
/* -----------------font --------------------------*/
/* -----------------font size --------------------------*/
/* -----------------breakpoint --------------------------*/
/* -----------------mixin --------------------------*/
/* -----------------reset --------------------------*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

a:focus {
  border: none !important;
  box-shadow: none !important;
}

ul {
  padding-left: 0;
}

main {
  position: relative;
  z-index: 0;
  background: #FDC2BE;
  background: linear-gradient(90deg, rgb(253, 194, 190) 0%, rgb(156, 210, 213) 100%);
  padding-top: 11vw;
}
main::before {
  content: "";
  background-image: url("/assets/images/education/back-pattern.webp");
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-position: left -17vw top -35vw;
  background-size: 150% auto;
  z-index: -1;
}
@media screen and (min-width: 992px) {
  main::before {
    background-position: left -21vw top -21vw;
    background-size: cover;
  }
}

.text-box {
  background-color: #ffffff;
  border-radius: 1.5rem;
}
.text-box .entitle {
  font-size: clamp(25px, 23.13px + 0.5vw, 30px);
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .text-box .entitle {
    font-size: calc(clamp(25px, 23.13px + 0.5vw, 30px) * 1.7143);
  }
}
.text-box .entitle > .subtitle {
  font-size: 20px;
}

/*01*/
.page-education-program .page-header .section-title {
  position: relative;
  height: auto;
  padding: 0 0 0 4rem;
  z-index: 0;
  display: flex;
  justify-content: center;
  text-align: left;
  align-items: flex-start;
  word-break: break-word; /* 長い単語を折り返す */
  overflow-wrap: break-word; /* 溢れそうなときに折り返す */
  word-wrap: break-word; /* 旧ブラウザ対応 */
  -webkit-hyphens: auto;
          hyphens: auto;
  width: 100%;
  max-width: 100svw;
  /* ハイフネーション（対応ブラウザのみ） */
}
@media screen and (min-width: 992px) {
  .page-education-program .page-header .section-title {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin-right: auto;
  }
}
.page-education-program .page-header .section-title:before {
  content: attr(data-number) ".";
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(2rem);
}
@media screen and (min-width: 992px) {
  .page-education-program .page-header .section-title:before {
    left: -7rem;
  }
}
.page-education-program .page-header .section-title:after {
  content: "";
  background-image: url("/assets/images/back-title-orange.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left 10vw top;
  display: block;
  width: 100%;
  height: 150%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translate(0, -30%);
}
@media screen and (min-width: 621px) {
  .page-education-program .page-header .section-title:after {
    height: 350%;
    transform: translate(0, -40%);
  }
}
@media screen and (min-width: 992px) {
  .page-education-program .page-header .section-title:after {
    background-position: left top;
    width: 130%;
    height: 300%;
    top: -100%;
    left: -3%;
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 991px) {
  .page-education-program .page-header .section-title > span {
    width: 80%;
    margin: 0 auto;
  }
}
.page-education-program .page-header .section-title > .subtitle {
  text-align: left;
}
.page-education-program .page-header .text-box {
  margin-top: 10rem;
  position: relative;
  z-index: 10;
}
.page-education-program .page-header .text-box:before {
  content: "";
}
@media screen and (min-width: 992px) {
  .page-education-program .page-header .text-box:before {
    background-image: url("/assets/images/education/illust_01.webp");
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    height: auto;
    aspect-ratio: 192/149;
    width: 12.5538461538vw;
    transform: translate(3vw, -125%);
    margin-bottom: -7vw;
    position: absolute;
  }
}
@media screen and (min-width: 1380px) {
  .page-education-program .page-header .text-box:before {
    transform: translate(18%, -125%);
  }
}
@media screen and (min-width: 992px) {
  .page-education-program .page-header .text-box {
    padding: 3rem;
  }
}
.page-education-program .page-header .text-box img {
  margin-bottom: -2rem;
  border-radius: 1.5rem 1.5rem 0 0;
  width: 100%;
  height: auto;
  aspect-ratio: 900/800;
  margin-bottom: 1rem;
}
@media screen and (min-width: 621px) {
  .page-education-program .page-header .text-box img {
    order: 2;
    width: auto;
    height: 100%;
    max-width: 40%;
    border-radius: 1.5rem;
    transform: translateY(-10%);
  }
}
.page-education-program .page-header .text-box .inner {
  padding: 1rem 2rem 3rem 2rem;
}
@media screen and (min-width: 621px) {
  .page-education-program .page-header .text-box .inner {
    order: 1;
    padding: 2rem 2rem 2rem 3rem;
  }
}
.page-education-program .clinical-lad {
  padding-top: 11.5384615385vw;
  padding-bottom: 5.7692307692vw;
}
.page-education-program .clinical-lad .text-box {
  padding: 2rem 1rem;
}
@media screen and (min-width: 992px) {
  .page-education-program .clinical-lad .text-box {
    padding: 3rem;
  }
}
.page-education-program .clinical-lad .text-box .inner {
  border: solid 1px #2fbdf0;
  border-radius: 1.5rem;
  padding: 1rem 2rem;
  height: 100%;
}
.page-education-program .clinical-lad .text-box .inner h3 {
  text-align: center;
  margin-bottom: 1rem;
  font-size: calc(clamp(25px, 23.13px + 0.5vw, 30px) * 0.9);
}
@media screen and (min-width: 992px) {
  .page-education-program .clinical-lad .text-box .inner h3 {
    font-size: calc(clamp(25px, 23.13px + 0.5vw, 30px) * 1.0715);
  }
}
.page-education-program .clinical-lad .text-box .inner .edu-bl-box-bun {
  padding-left: 2rem;
}
.page-education-program .clinical-lad .text-box .inner .edu-bl-box-bun:before {
  content: "○";
  font-size: 110%;
  margin-right: 10px;
  margin-left: -1.7rem;
}
.page-education-program .clinical-lad .text-box .row {
  padding: 2rem 0;
  border-bottom: dashed 1px #252323;
}
.page-education-program .clinical-lad .text-box .row:last-child {
  border-bottom: none;
}
.page-education-program .clinical-lad .text-box ol {
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  .page-education-program .clinical-lad .text-box ol {
    padding: 0 1rem 0 2rem;
  }
}
.page-education-program .clinical-lad .text-box .img-box {
  position: relative;
  aspect-ratio: 654/458;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .page-education-program .clinical-lad .text-box .img-box {
    aspect-ratio: 1124/305;
    padding-bottom: 5rem;
    margin-bottom: 7rem;
  }
}
.page-education-program .clinical-lad .text-box .img-box h3 {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 2;
  font-size: clamp(20px, 22.66px + 0.1vw, 25px);
}
.page-education-program .clinical-lad .text-box .img-box img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.page-education-program .clinical-lad .text-box .img-radius {
  border-radius: 1.5rem;
  position: relative;
  background-color: #2fbdf0;
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
}
@media screen and (min-width: 992px) {
  .page-education-program .clinical-lad .text-box .img-radius {
    max-width: 100%;
  }
}
.page-education-program .clinical-lad .text-box .img-radius img {
  border-radius: 1.5rem;
  transform: translate(1rem, 1rem);
}
.page-education-program .clinical-lad .text-box .img-radius p {
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.75rem;
  padding: 0.5rem;
  transform: translate(2rem, -3rem);
  margin-bottom: -2rem;
}
.page-education-program .clinical-lad .text-box .intext {
  padding: 1rem 0.5rem;
}
@media screen and (min-width: 621px) {
  .page-education-program .clinical-lad .text-box .intext {
    padding: 1rem 3rem;
  }
}
.page-education-program .clinical-lad .text-box .intext h2 + h3 {
  border-top: solid 1px #2fbdf0;
}
.page-education-program .clinical-lad .text-box .intext h2 {
  font-size: calc(clamp(25px, 23.13px + 0.5vw, 30px) * 1.43);
}
.page-education-program .clinical-lad .text-box .intext h3 {
  font-size: calc(clamp(20px, 22.66px + 0.1vw, 25px) * 0.9);
}
.page-education-program .new-program {
  padding: 5.7692307692vw 0;
}
.page-education-program .new-program .text-box {
  padding: 2rem;
}
@media screen and (min-width: 992px) {
  .page-education-program .new-program .text-box {
    padding: 3rem;
  }
}
.page-education-program .new-program .text-box table {
  border-left: solid 1px #2fbdf0;
  border-top: solid 1px #2fbdf0;
  height: 100%;
}
.page-education-program .new-program .text-box table th {
  background-color: #e4f2fb;
  padding: 1rem;
  vertical-align: middle;
  color: #2fbdf0;
  text-align: center;
  width: 130px;
  border-right: solid 1px #2fbdf0;
  border-bottom: solid 1px #2fbdf0;
}
.page-education-program .new-program .text-box table th .number {
  font-size: clamp(25px, 23.13px + 0.5vw, 30px);
  font-weight: 400;
}
.page-education-program .new-program .text-box table td {
  padding: 1rem;
  vertical-align: middle;
  border-right: solid 1px #2fbdf0;
  border-bottom: solid 1px #2fbdf0;
  height: 25%;
}

.box {
  border: solid 1px #2fbdf0;
  padding: 1rem;
}

/*02-04 career*/
.page-career-enhancement .section-title {
  position: relative;
  height: auto;
  padding: 0 0 0 4rem;
  z-index: 0;
  display: flex;
  justify-content: center;
  text-align: left;
  align-items: flex-start;
  word-break: break-word; /* 長い単語を折り返す */
  overflow-wrap: break-word; /* 溢れそうなときに折り返す */
  word-wrap: break-word; /* 旧ブラウザ対応 */
  -webkit-hyphens: auto;
          hyphens: auto;
  width: 100%;
  max-width: 100svw;
  /* ハイフネーション（対応ブラウザのみ） */
}
@media screen and (min-width: 992px) {
  .page-career-enhancement .section-title {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin-right: auto;
  }
}
.page-career-enhancement .section-title:before {
  content: attr(data-number) ".";
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 992px) {
  .page-career-enhancement .section-title:before {
    left: -3rem;
  }
}
.page-career-enhancement .section-title:after {
  content: "";
  background-image: url("/assets/images/back-title-orange.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center top;
  display: block;
  width: 100%;
  height: 150%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translate(0, -30%);
}
@media screen and (min-width: 621px) {
  .page-career-enhancement .section-title:after {
    height: 350%;
    transform: translate(0, -40%);
  }
}
@media screen and (min-width: 992px) {
  .page-career-enhancement .section-title:after {
    background-position: left top;
    width: 150%;
    height: 300%;
    top: -100%;
    left: -3%;
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 991px) {
  .page-career-enhancement .section-title > span {
    width: 100%;
    margin: 0 auto;
  }
}
.page-career-enhancement .section-title > .subtitle {
  text-align: left;
}
.page-career-enhancement .text-box {
  margin-top: 10rem;
  padding: 2rem;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 992px) {
  .page-career-enhancement .text-box {
    padding: 3rem;
  }
}
@media screen and (max-width: 991px) {
  .page-career-enhancement h4.box {
    font-size: 16px;
    overflow: clip;
  }
}
.page-career-enhancement .box {
  border: solid 1px #2fbdf0;
  padding: 0.35rem 1rem;
  position: relative;
  display: flex;
  align-items: center;
  color: #2fbdf0;
  overflow-wrap: break-word; /* 溢れそうなときに折り返す */
  word-wrap: break-word; /* 旧ブラウザ対応 */
  -webkit-hyphens: auto;
          hyphens: auto; /* ハイフネーション（対応ブラウザのみ） */
  word-break: auto-phrase; /* 日本語の自然な改行（Chrome 119+） */
}
@media screen and (min-width: 992px) {
  .page-career-enhancement .box {
    padding: 1rem;
  }
}
.page-career-enhancement .box:before {
  content: attr(data-number);
  background-color: #2fbdf0;
  color: #ffffff;
  font-size: 2rem;
  padding: 0.75rem 1rem;
  transform: translate(-1rem, -1rem);
  margin-bottom: -2rem;
}
.page-career-enhancement .img-area {
  position: relative;
  width: 100%;
  height: 100%;
}
.page-career-enhancement .img-area h4 {
  position: absolute;
  top: 2rem;
  left: 2rem;
  font-size: clamp(20px, 22.66px + 0.1vw, 25px);
}
.page-career-enhancement .img-area h4 .entitle {
  font-size: 1rem;
}
.page-career-enhancement .img-area img {
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.page-career-enhancement .edubation02-1 {
  padding: 5vw 0;
  z-index: 1;
}
.page-career-enhancement .edubation02-1 .text-box {
  margin-top: 0;
  padding: 0 !important;
  z-index: 10;
}
.page-career-enhancement .edubation02-1 .text-box .img-radius {
  border-radius: 1.5rem 1.5rem 0 0 !important;
  width: 100%;
  height: auto;
  max-width: none;
  aspect-ratio: 1202/429;
}
.page-career-enhancement .edubation02-1 .text-box .inner {
  padding: 2rem;
}
@media screen and (min-width: 992px) {
  .page-career-enhancement .edubation02-1 .text-box .inner {
    padding: 3rem;
  }
}
.page-career-enhancement #education3 {
  position: relative;
  z-index: 0;
  padding-top: 10vw;
}
.page-career-enhancement #education3 .section-title::after {
  top: -30%;
  left: -5%;
  transform: rotate(75deg);
}
@media screen and (min-width: 992px) {
  .page-career-enhancement #education3 .section-title::after {
    top: -30%;
    left: -43%;
  }
}
@media screen and (max-width: 991px) {
  .page-career-enhancement #education3 .section-title > span {
    width: 80%;
    margin: 0 auto;
  }
}
.page-career-enhancement #education3 .section-title > .subtitle {
  text-align: left;
}
.page-career-enhancement .text-box {
  margin-top: 0;
}
.page-career-enhancement .education03-1 {
  padding: 0;
}
.page-career-enhancement .education03-1 .text-box {
  margin-top: 0;
}
.page-career-enhancement .education03-1 .text-box .box {
  margin-left: auto;
  margin-right: auto;
  color: #252323;
}
@media screen and (min-width: 992px) {
  .page-career-enhancement .education03-1 .text-box .box {
    max-width: 80%;
  }
}
.page-career-enhancement .education03-1 .text-box .box:before {
  display: none;
}
.page-career-enhancement .education03-1 .text-box .box ul {
  list-style: none;
}
.page-career-enhancement .education03-1 .text-box .box ul li {
  display: flex;
  align-items: center;
}
.page-career-enhancement .education03-1 .text-box .box ul li:before {
  content: "○";
  margin-right: 0.5rem;
  font-size: 1.35rem;
}
.page-career-enhancement .areamap {
  position: relative;
}
@media screen and (min-width: 992px) {
  .page-career-enhancement .areamap {
    padding-top: calc(49.4615384615vw + 5rem);
  }
}
@media screen and (min-width: 1600px) {
  .page-career-enhancement .areamap {
    padding-top: 52.3076923077vw;
  }
}
@media screen and (min-width: 1800px) {
  .page-career-enhancement .areamap {
    padding-top: calc(680px + 13vw);
  }
}
.page-career-enhancement .areamap img {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 1rem;
  margin-left: auto;
}
@media screen and (min-width: 992px) {
  .page-career-enhancement .areamap img {
    width: 70%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 992px) {
  .page-career-enhancement .areamap img {
    position: absolute;
    display: block;
    top: 3rem;
    left: 40%;
    width: 50%;
    height: auto;
  }
}
.page-career-enhancement .areamap .inner {
  top: 1rem;
  left: 5%;
  display: block;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .page-career-enhancement .areamap .inner {
    position: absolute;
    width: 36.1538461538vw;
    max-width: 470px;
  }
}
.page-career-enhancement .areamap .number {
  font-size: clamp(45px, 25.5px + 2.86vw, 70px);
}
.page-career-enhancement .page-image {
  padding: 15vw 0 0 0;
}
@media screen and (min-width: 992px) {
  .page-career-enhancement .page-image {
    padding: 0 0 5vw 0;
  }
}
.page-career-enhancement .page-image .text-box {
  position: relative;
  z-index: 10;
  align-items: flex-start;
}
@media screen and (min-width: 992px) {
  .page-career-enhancement .page-image .text-box {
    margin-top: 10rem;
  }
}
.page-career-enhancement .page-image .text-box .entitle {
  line-height: 1;
}
@media screen and (min-width: 992px) {
  .page-career-enhancement .page-image .text-box {
    padding: 3rem;
  }
}
.page-career-enhancement .page-image .text-box img {
  border-radius: 1.5rem;
  width: 100%;
  height: auto;
  aspect-ratio: 900/800;
}
@media screen and (min-width: 992px) {
  .page-career-enhancement .page-image .text-box img {
    margin-top: -7rem;
    margin-bottom: -2rem;
    order: 2;
    max-width: 29.4230769231vw;
  }
}
.page-career-enhancement .page-image .text-box .inner {
  flex: 1; /* 残りスペースを使う */
  min-width: 0;
  padding: 2rem 0;
}
@media screen and (min-width: 992px) {
  .page-career-enhancement .page-image .text-box .inner {
    order: 1;
    padding-right: 2rem;
  }
}
.page-career-enhancement .page-image + .page-image {
  padding-bottom: 10vw;
}

.page-specialist .page-header {
  position: relative;
  z-index: 0;
}
.page-specialist .page-header .section-title {
  position: relative;
  height: auto;
  padding: 0 0 0 4rem;
  z-index: 0;
  display: flex;
  justify-content: center;
  text-align: left;
  align-items: flex-start;
  word-break: break-word; /* 長い単語を折り返す */
  overflow-wrap: break-word; /* 溢れそうなときに折り返す */
  word-wrap: break-word; /* 旧ブラウザ対応 */
  -webkit-hyphens: auto;
          hyphens: auto;
  width: 100%;
  max-width: 100svw;
  /* ハイフネーション（対応ブラウザのみ） */
}
@media screen and (min-width: 992px) {
  .page-specialist .page-header .section-title {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin-right: auto;
  }
}
.page-specialist .page-header .section-title:before {
  content: attr(data-number) ".";
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(1rem);
}
@media screen and (min-width: 992px) {
  .page-specialist .page-header .section-title:before {
    left: -3rem;
  }
}
.page-specialist .page-header .section-title:after {
  content: "";
  background-image: url("/assets/images/back-title-orange.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center top;
  display: block;
  width: 100%;
  height: 150%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translate(0, -30%);
}
@media screen and (min-width: 621px) {
  .page-specialist .page-header .section-title:after {
    height: 350%;
    transform: translate(0, -40%);
  }
}
@media screen and (min-width: 992px) {
  .page-specialist .page-header .section-title:after {
    background-position: left top;
    width: 200%;
    height: 300%;
    top: -100%;
    left: -3%;
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 991px) {
  .page-specialist .page-header .section-title > span {
    width: 80%;
    margin: 0 auto;
  }
}
.page-specialist .page-header .section-title > .subtitle {
  text-align: left;
}
.page-specialist .education05 {
  padding: 5vw 0;
  z-index: 1;
}
.page-specialist .education05 .text-box {
  margin-top: 0;
  padding: 2rem;
  z-index: 10;
  position: relative;
}
@media screen and (min-width: 992px) {
  .page-specialist .education05 .text-box {
    padding: 3rem;
  }
}
.page-specialist .education05 .flow-box {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .page-specialist .education05 .flow-box {
    flex-direction: row;
  }
}
.page-specialist .education05 .flow-box .item {
  border: solid 1px #2fbdf0;
  position: relative;
  flex: 1 1 0; /* 均等幅：grow=1, shrink=1, basis=0 */
  min-width: 0;
  display: grid;
  place-content: center;
}
.page-specialist .education05 .flow-box .item:before {
  content: attr(data-number);
  padding: 0.25rem 0.75rem;
  background: #edeeee;
  color: #2fbdf0;
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  font-size: 1rem;
}
.page-specialist .education05 .flow-box .item h3 {
  background-color: #2fbdf0;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  letter-spacing: 0.35em;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 0;
  left: 70px;
  font-size: 1rem;
}
.page-specialist .education05 .flow-box .item p {
  padding: 3rem 1rem 2rem 1rem;
  text-align: left;
}
.page-specialist .education05 .flow-box .arrow {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem; /* 縮小しない、コンテンツサイズ */
}
@media screen and (max-width: 991px) {
  .page-specialist .education05 .flow-box .arrow svg {
    transform: rotate(90deg);
  }
}
.page-specialist .education05 + .page-header {
  padding: 7vw 0 0 0;
  z-index: -1;
}
.page-specialist .education05 + .page-header .section-title {
  align-items: center;
  padding: 0;
}
.page-specialist .education05 + .page-header .section-title:before {
  content: "";
  display: none !important;
}
.page-specialist .education05 + .page-header .section-title:after {
  top: -50%;
  left: 0%;
  transform: rotate(75deg);
  width: 100%;
  height: 220%;
}
@media screen and (min-width: 621px) {
  .page-specialist .education05 + .page-header .section-title:after {
    width: 100%;
    height: 500%;
    top: -100%;
    left: 0%;
  }
}
.page-specialist .education05 + .page-header .section-title > .subtitle {
  text-align: center;
}
.page-specialist .education05 + .page-header p {
  position: relative;
  z-index: 10;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem;
}
@media screen and (min-width: 992px) {
  .page-specialist .education05 + .page-header p {
    margin-left: auto;
    max-width: 70vw;
  }
}
.page-specialist .specialist {
  padding-bottom: 5vw;
}
.page-specialist .specialist .container:before {
  content: "";
}
@media screen and (min-width: 992px) {
  .page-specialist .specialist .container:before {
    background-image: url("/assets/images/education/illust_06.webp");
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    height: auto;
    aspect-ratio: 187/112;
    width: 14.3846153846vw;
    transform: translate(3vw, -7vw);
    margin-bottom: -7vw;
  }
}
.page-specialist .specialist .item {
  background-color: #ffffff;
  padding: 2rem;
  border-radius: 1.5rem;
  margin-bottom: 4rem;
}
.page-specialist .specialist .item .img-box {
  text-align: center;
}
.page-specialist .specialist .item .img-box img {
  max-width: 100%;
  height: auto;
}
.page-specialist .specialist .item .img-box .entitle {
  left: 50%;
  font-size: clamp(20px, 22.66px + 0.1vw, 25px);
  text-align: left;
  z-index: 60;
  position: absolute;
}
@media screen and (min-width: 992px) {
  .page-specialist .specialist .item .img-box .entitle {
    left: 70%;
  }
}
.page-specialist .specialist .item h3 {
  color: #f8b418;
  font-size: clamp(20px, 22.66px + 0.1vw, 25px);
}
.page-specialist .specialist .item .persontitle h4 {
  color: #f8b418;
  font-size: calc(clamp(25px, 23.13px + 0.5vw, 30px) * 1.715);
  text-align: right;
  padding-right: 1rem;
}
.page-specialist .specialist .item .person-inner {
  background-color: #f8b418;
  color: #ffffff;
  border-radius: 1rem;
  padding: 0.75rem 1rem;
  width: 100%;
  margin-bottom: 1rem;
}
@media screen and (min-width: 992px) {
  .page-specialist .specialist .item .person-inner {
    width: 120%;
    transform: translate(-5rem, 0);
    margin-bottom: 3rem;
  }
}
.page-specialist .specialist .item .messagearea .inner {
  border: solid 1px #f8b418;
  padding: 1rem 2rem;
  color: #f8b418;
}
.page-specialist .specialist .item .messagearea .inner h4 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-specialist .specialist .item .messagearea .inner h4:before, .page-specialist .specialist .item .messagearea .inner h4:after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 35px;
  background-color: #f8b418;
}
.page-specialist .specialist .item .messagearea .inner h4:before {
  transform: rotate(-25deg) translate(-0.5rem, -0.5rem);
}
.page-specialist .specialist .item .messagearea .inner h4:after {
  transform: rotate(25deg) translate(0.5rem, -0.5rem);
}

.page-education-04 {
  padding-bottom: 7vw;
}
.page-education-04 .page-header .section-title {
  position: relative;
  height: auto;
  padding: 0 0 0 4rem;
  z-index: 0;
  display: flex;
  justify-content: center;
  text-align: left;
  align-items: flex-start;
  word-break: break-word; /* 長い単語を折り返す */
  overflow-wrap: break-word; /* 溢れそうなときに折り返す */
  word-wrap: break-word; /* 旧ブラウザ対応 */
  -webkit-hyphens: auto;
          hyphens: auto;
  width: 100%;
  max-width: 100svw;
  /* ハイフネーション（対応ブラウザのみ） */
}
@media screen and (min-width: 992px) {
  .page-education-04 .page-header .section-title {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin-right: auto;
  }
}
.page-education-04 .page-header .section-title:before {
  content: attr(data-number) ".";
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 992px) {
  .page-education-04 .page-header .section-title:before {
    left: -7rem;
  }
}
.page-education-04 .page-header .section-title:after {
  content: "";
  background-image: url("/assets/images/back-title-orange.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left 10vw top;
  display: block;
  width: 100%;
  height: 150%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translate(0, -30%);
}
@media screen and (min-width: 621px) {
  .page-education-04 .page-header .section-title:after {
    height: 350%;
    transform: translate(0, -40%);
  }
}
@media screen and (min-width: 992px) {
  .page-education-04 .page-header .section-title:after {
    background-position: left top;
    width: 130%;
    height: 300%;
    top: -100%;
    left: -3%;
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 991px) {
  .page-education-04 .page-header .section-title > span {
    width: 100%;
    margin: 0 auto;
  }
}
.page-education-04 .page-header .section-title > .subtitle {
  text-align: left;
}
.page-education-04 .text-box {
  padding: 2rem;
  margin-bottom: 10vw;
}
@media screen and (min-width: 992px) {
  .page-education-04 .text-box {
    padding: 3rem;
  }
}
.page-education-04 .tbl-1 {
  width: 100%;
}
.page-education-04 .tbl-1 th {
  background-color: #f8b418;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  border-bottom: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  padding: 0.5rem;
}
.page-education-04 .tbl-1 td {
  border-bottom: solid 1px #2fbdf0;
  border-right: solid 1px #2fbdf0;
  padding: 0.5rem 0.75rem;
  vertical-align: middle;
  text-align: center;
}
.page-education-04 .tbl-1 td:last-child {
  border-right: none;
}
.page-education-04 .tbl-1 thead th {
  background-color: #2fbdf0;
}
.page-education-04 .tbl-2 {
  width: 100%;
}
.page-education-04 .tbl-2 th {
  background-color: #2fbdf0;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  border-bottom: solid 1px #ffffff;
  padding: 0.5rem;
  min-width: 115px;
}
.page-education-04 .tbl-2 td {
  border-bottom: solid 1px #2fbdf0;
  padding: 0.5rem 0.75rem;
  vertical-align: middle;
}
.page-education-04 .tbl-2 tr:nth-child(even) th {
  background-color: #f8b418;
}
.page-education-04 .tbl-2 tr:first-child td {
  border-top: solid 1px #2fbdf0;
}
.page-education-04 .arrow-label {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding-top: 2rem;
}
@media screen and (min-width: 992px) {
  .page-education-04 .arrow-label {
    flex-direction: row;
    align-items: center;
  }
}
.page-education-04 .arrow-label h4 {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 16px 40px 17px 32px;
  background-color: #2fbdf0;
  color: #fff;
  margin-right: 2rem;
  font-size: 1rem;
}
.page-education-04 .arrow-label h4::after {
  content: "";
  position: absolute;
  right: -15px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
  border-left: 15px solid #2fbdf0;
}
@media screen and (max-width: 991px) {
  .page-education-04 .arrow-label h4::after {
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 16px solid #2fbdf0;
  }
}
.page-education-04 .info-table {
  width: 100%;
}
.page-education-04 .info-table th {
  background-color: #2fbdf0;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  border-bottom: solid 1px #ffffff;
  padding: 0.75rem;
}
.page-education-04 .info-table td {
  padding: 0.75rem;
  border-bottom: solid 1px #2fbdf0;
}
.page-education-04 .info-table tr:first-child td {
  border-top: solid 1px #2fbdf0;
}
.page-education-04 .container .text-box {
  position: relative;
}
.page-education-04 .container .text-box:nth-child(1):before {
  content: "";
}
@media screen and (min-width: 992px) {
  .page-education-04 .container .text-box:nth-child(1):before {
    background-image: url("/assets/images/education/illust_08.webp");
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    height: auto;
    aspect-ratio: 120/106;
    width: 9.2307692308vw;
    transform: translate(-3vw, -10vw);
    margin-bottom: -7vw;
    margin-left: auto;
  }
}
.page-education-04 .container .text-box:nth-child(2):before {
  content: "";
}
@media screen and (min-width: 992px) {
  .page-education-04 .container .text-box:nth-child(2):before {
    background-image: url("/assets/images/education/illust_09.webp");
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    height: auto;
    aspect-ratio: 85/89;
    width: 6.5384615385vw;
    transform: translate(5vw, -10vw);
    margin-bottom: -7vw;
  }
}/*# sourceMappingURL=education.css.map */