@charset "UTF-8";

/* Scss Document */

/*max-width:1280px*/

/*max-width:1024px*/

/*max-width:768px*/

@media (max-width: 480px) {

  body {

    padding: 60px 0 0 0; }



  .mv {

    padding: 0 0 50px !important; } }

/*max-width:480px*/

/*******************************************************************/

/*******************************************************************/

.edication_mv_txt {

  color: #fff;

  width: 100%;

  text-align: center; }

  .edication_mv_txt .edication_mv_top {

    font: 3.0rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500;

    letter-spacing: 0.1em;

    width: fit-content;

    margin: 0 auto 20px;

    border-bottom: 1px solid #d7d9de;

    padding: 0 0 20px 10px; }

  .edication_mv_txt .edication_mv_btm {

    font: 3.6rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500;

    letter-spacing: 0.3em; }

  .edication_mv_txt .edication_page_mv {

    letter-spacing: 0.3em;

    font: 3.6rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500;

    margin: 0 0 60px; }



/*max-width:1280px*/

@media (max-width: 1024px) {

  .edication_mv {

    height: calc(50vh + 80px);

    padding: 0 0 65px; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .edication_mv {

    height: calc(45vh + 80px); }



  .edication_mv_txt .edication_mv_top {

    font: 2.0rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500;

    margin: 0 auto 20px; }

  .edication_mv_txt .edication_mv_btm {

    font: 3.0rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500; }

  .edication_mv_txt .edication_page_mv {

    letter-spacing: 0.3em;

    font: 2.2rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500;

    margin: 0 0 50px; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .edication_mv {

    height: calc(38vh + 70px); }



  .edication_mv_txt .edication_mv_top {

    font: 1.6rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500;

    margin: 0 auto 20px; }

  .edication_mv_txt .edication_mv_btm {

    font: 2.0rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500; }

  .edication_mv_txt .edication_page_mv {

    letter-spacing: 0.3em;

    font: 2.2rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500;

    margin: 0 0 50px; } }

/*max-width:480px*/

/**************************************************************/

/**************************************************************/

.page_nav {

  max-width: 1200px;

  width: calc(100% - 40px);

  position: absolute;

  top: auto;

  bottom: -30px;

  left: 50%;

  -webkit-transform: translate(-50%, 0%);

  /* Safari用 */

  transform: translate(-50%, 0%);

  margin: 0 auto;

  z-index: 10;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  align-items: flex-start;

  position: absolute; }

  .page_nav ul {

    margin: 0 auto 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    align-items: flex-start;

    background-color: #fff;

    border: 1px solid #384158;

    padding: 0 35px 0 0;

    letter-spacing: 0.08em;

    position: relative; }

    .page_nav ul li:nth-of-type(1) {

      width: 200px;

      background-color: #384158;

      color: #fff;

      text-align: center;

      color: #fff;

      margin: 0 35px 0 0;

      position: relative;

      padding: 0 0 0 15px; }

      .page_nav ul li:nth-of-type(1):before {

        position: absolute;

        content: "";

        width: 0;

        top: 0;

        right: -20px;

        height: 0;

        border-style: solid;

        border-width: 35px 0 35px 20px;

        border-color: transparent transparent transparent #384158; }

    .page_nav ul li {

      font: 1.8rem/68px 'Noto Serif JP', serif;

      font-weight: 500;

      padding: 0 10px; }

      .page_nav ul li a {

        color: #747A8A;

        padding: 0 0 0 18px;

        position: relative; }

        .page_nav ul li a:after {

          content: "";

          display: block;

          position: absolute;

          width: 100%;

          height: 1px;

          border-bottom: 1px solid #9BA8C9;

          bottom: -5px;

          left: 0; }

        .page_nav ul li a:before {

          position: absolute;

          content: "◆";

          left: 0;

          top: 6.5px;

          font: 1.3rem/1.0em 'Noto Serif JP', serif;

          font-weight: 500; }

        .page_nav ul li a:hover {

          color: #69A3D8; }

        .page_nav ul li a.current {

          color: #384158; }

  .page_nav .page_nav_left {

    width: 400px; }

    .page_nav .page_nav_left:before {

      position: absolute;

      content: "";

      display: block;

      width: calc(100% - 10px);

      height: 100%;

      background-color: #D3E1E2;

      top: 10px;

      left: 5px;

      z-index: -1;

      filter: blur(2px); }

  .page_nav .page_nav_right {

    max-width: 770px;

    width: calc(100% - 450px); }

    .page_nav .page_nav_right:before {

      position: absolute;

      content: "";

      display: block;

      width: calc(100% - 10px);

      height: 100%;

      background-color: #ccdbd9;

      top: 10px;

      left: 5px;

      z-index: -1;

      filter: blur(2px); }



@media (max-width: 1280px) {

  .page_nav {

    max-width: 1000px; }

    .page_nav ul {

      padding: 0 25px 0 0; }

      .page_nav ul li:nth-of-type(1) {

        width: 165px;

        margin: 0 25px 0 0; }

    .page_nav .page_nav_left {

      width: 340px; }

    .page_nav .page_nav_right {

      max-width: 640px;

      width: calc(100% - 360px);

      padding: 0 8px 0 0; }

      .page_nav .page_nav_right li:nth-of-type(1) {

        width: 175px; } }

/*max-width:1280px*/

@media (max-width: 1024px) {

  .page_nav {

    width: 100%;

    max-width: 100%;

    height: 70px;

    bottom: 6px; }

    .page_nav ul {

      position: absolute;

      top: 0;

      display: block;

      padding: 0  !important;

      letter-spacing: 0.08em;

      box-shadow: none;

      border: none; }

      .page_nav ul li:nth-of-type(1) {

        width: 100% !important;

        max-width: 100% !important;

        background-color: #384158;

        color: #fff;

        text-align: center;

        color: #fff;

        margin: 0 35px 0 0;

        position: relative;

        display: block;

        border-bottom: none; }

        .page_nav ul li:nth-of-type(1):before {

          display: none; }

        .page_nav ul li:nth-of-type(1):after {

          display: block;

          position: absolute;

          content: "";

          width: 35px;

          height: 35px;

          top: 15px;

          right: 20px;

          background: url("../images/education/arrow.svg") center center no-repeat;

          background-size: contain; }

      .page_nav ul.sp_active li {

        display: block; }

      .page_nav ul li {

        font: 1.8rem/68px 'Noto Serif JP', serif;

        font-weight: 500;

        padding: 0 30px;

        display: none;

        border-bottom: 1px solid #9BA8C9; }

        .page_nav ul li a {

          color: #747A8A;

          padding: 0 0 0 18px;

          position: relative; }

          .page_nav ul li a:after {

            display: none; }

          .page_nav ul li a:before {

            position: absolute;

            content: "◆";

            left: 0;

            top: 6.5px;

            font: 1.3rem/1.0em 'Noto Serif JP', serif;

            font-weight: 500; }

          .page_nav ul li a:hover {

            color: #69A3D8; }

          .page_nav ul li a.current {

            color: #384158; }

    .page_nav .page_nav_left {

      width: 50%;

      left: 0; }

      .page_nav .page_nav_left li:nth-of-type(1) {

        border-right: 1px solid #A7D7D6; }

      .page_nav .page_nav_left:before {

        display: none !important; }

    .page_nav .page_nav_right {

      max-width: 50%;

      width: 50%;

      right: 0; }

      .page_nav .page_nav_right:before {

        display: none !important; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .page_nav ul li:nth-of-type(1) {

    padding: 0 40px 0 0;

    border-bottom: none; }

  .page_nav ul.sp_active li {

    display: block; }

  .page_nav ul li {

    font: 1.8rem/68px 'Noto Serif JP', serif;

    font-weight: 500;

    padding: 0 30px; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .page_nav {

    margin: 0;

    height: 60px;

    bottom: 5px; }

    .page_nav ul {

      margin: 0; }

      .page_nav ul li:nth-of-type(1) {

        width: 100% !important;

        max-width: 100% !important;

        background-color: #384158;

        color: #fff;

        text-align: center;

        color: #fff;

        margin: 0 0 0 0;

        position: relative;

        display: block;

        padding: 0 30px 0 0;

        font: 1.6rem/58px 'Noto Serif JP', serif;

        font-weight: 500; }

        .page_nav ul li:nth-of-type(1):after {

          display: block;

          position: absolute;

          content: "";

          width: 25px;

          height: 25px;

          top: 50%;

          left: auto;

          right: 8px;

          -webkit-transform: translate(0%, -50%);

          /* Safari用 */

          transform: translate(0%, -50%);

          background: url("../images/education/arrow.svg") center center no-repeat;

          background-size: contain; }

      .page_nav ul.sp_active li {

        display: block; }

      .page_nav ul li {

        font: 1.7rem/58px 'Noto Serif JP', serif;

        font-weight: 500;

        padding: 0 25px; } }

/*max-width:480px*/

/**************************************************************/

/**************************************************************/

.interview {

  background: linear-gradient(#E5EFF8, #EBF4ED);

  padding: 200px 0; }

  .interview.specialist {

    background: #F7F8F8;

    display: none !important; }

  .interview h3 {

    color: #384158;

    width: 100%;

    font: 2.0rem/1.5em 'Noto Serif JP', serif;

    font-weight: 500;

    margin: 0 auto 80px;

    text-align: center;

    padding: 20px;

    letter-spacing: 0.02em;

    border: 1px solid #384158;

    position: relative; }

    .interview h3 span {

      font: 2.4rem/1.5em 'Noto Serif JP', serif;

      font-weight: 500;

      margin: 0 0 0 20px; }

    .interview h3 br {

      display: none; }

    .interview h3:before {

      position: absolute;

      content: "";

      display: block;

      width: 0;

      border-left: 1px solid #384158;

      opacity: 0.8;

      height: 60px;

      bottom: -60px;

      left: 50%;

      -webkit-transform: translate(-50%, 0%);

      /* Safari用 */

      transform: translate(-50%, 0%); }

    .interview h3:after {

      animation: korokoro 3s linear infinite;

      position: absolute;

      content: "";

      display: block;

      width: 6px;

      height: 6px;

      border-radius: 50%;

      background-color: #384158;

      bottom: -5px;

      left: 50%;

      -webkit-transform: translate(-50%, 0%);

      /* Safari用 */

      transform: translate(-50%, 0%); }



@keyframes korokoro {

  0% {

    bottom: -5px; }

  100% {

    bottom: -60px; } }

.interview_box {

  width: calc(100% - 190px);

  max-width: 1000px;

  margin: 0 auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between; }



.video {

  width: 700px;

  height: auto; }

  .video video {

    width: 100%; }



.youtube_video {

  width: 700px;

  aspect-ratio: 16/10;

  position: relative; }

  .youtube_video iframe {

    width: 100%;

    height: 100%; }



.video-wrap {

  position: relative; }

  .video-wrap img {

    width: 100%; }



.video-btn {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 40px;

  /*コントローラー分下部に余白を*/

  cursor: pointer; }



.education_index_interview {

  width: calc(100% - 700px);

  writing-mode: vertical-rl;

  font: 3.0rem/2.0em 'Noto Serif JP', serif;

  font-weight: 500;

  letter-spacing: 0.15em; }



.video_special {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  width: calc(100% - 720px);

  max-width: 260px;

  border-top: dashed 1px #747A8A; }

  .video_special li {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: center;

    justify-content: center;

    font: 1.8rem/2.0em 'Noto Sans JP', sans-serif;

    font-weight: 400;

    border-bottom: dashed 1px #747A8A;

    padding: 0;

    height: calc(100%/2); }

  .video_special a {

    background: linear-gradient(#0080BF, #18A068);

    display: block;

    margin: 20px 0 0;

    width: 100%;

    color: #fff;

    text-align: center;

    border-radius: 50px;

    font: 1.8rem/60px 'Noto Sans JP', sans-serif;

    font-weight: 400;

    position: relative;

    padding: 0 20px 0 0; }

    .video_special a:before {

      position: absolute;

      content: "";

      background: url("../images/education/pdf_icon-white.svg") center center no-repeat;

      background-size: contain;

      width: 28px;

      height: 36px;

      top: 50%;

      left: auto;

      right: 20px;

      -webkit-transform: translate(-50%, -50%);

      /* Safari用 */

      transform: translate(-50%, -50%); }



@media (max-width: 1280px) {

  .interview_box {

    -webkit-justify-content: center;

    justify-content: center;

    align-items: flex-start; }

    .interview_box .video {

      width: calc(100% - 260px); }

    .interview_box p {

      width: 260px; }

    .interview_box.specialist .video {

      width: calc(100% - 300px); }



  .video_special {

    margin: 0 0 0 20px;

    width: 260px;

    height: 420px; }



  .youtube_video {

    width: 100%;

    max-width: 700px;

    margin: 0 auto 40px; } }

/*max-width:1280px*/

@media (max-width: 1024px) {

  .interview {

    padding: 100px 0; }

    .interview h3 {

      order: 2;

      margin: 0 auto 100px; }

      .interview h3 span {

        display: block;

        font: 2.4rem/1.5em 'Noto Serif JP', serif;

        font-weight: 500;

        margin: 0; }

    .interview.specialist h3 {

      order: 1; }



  .youtube_video {

    width: 100%;

    margin: 0 auto 40px;

    aspect-ratio: 16/10;

    position: relative;

    order: 3; }

    .youtube_video iframe {

      width: 100%;

      height: 100%; }



  .interview_box {

    width: calc(100% - 40px);

    max-width: 768px;

    flex-direction: column; }

    .interview_box .video {

      order: 3;

      width: 100%;

      max-width: 700px;

      background-color: #ccc;

      height: auto;

      margin: 0 auto; }

    .interview_box p {

      margin: 0 auto 30px;

      order: 1;

      width: fit-content; }

    .interview_box.specialist .video {

      width: 100%;

      order: 2; }



  .video_special {

    order: 3;

    width: 100%;

    max-width: 640px;

    margin: 0 auto;

    border-top: none;

    height: auto; }

    .video_special li {

      width: 100%;

      font: 1.8rem/2.0em 'Noto Sans JP', sans-serif;

      font-weight: 400;

      height: auto;

      border-bottom: none;

      padding: 30px 20px; }

      .video_special li br {

        display: none; }

      .video_special li:nth-of-type(2) {

        border-top: dashed 1px #747A8A;

        text-align: center; }

    .video_special a {

      margin: 25px auto 0;

      max-width: 260px; } }

/*max-width:1024*/

@media (max-width: 768px) {

  .interview h3 {

    font: 1.8rem/1.5em 'Noto Serif JP', serif;

    font-weight: 500;

    padding: 15px; }

    .interview h3 span {

      font: 2.2rem/1.5em 'Noto Serif JP', serif;

      font-weight: 500;

      margin: 5px 0 0; }

    .interview h3 br {

      display: block; }

  .interview p {

    writing-mode: vertical-rl;

    font: 2.5rem/2.0em 'Noto Serif JP', serif;

    font-weight: 500;

    letter-spacing: 0.15em; } }

@media (max-width: 480px) {

  .interview {

    margin: 0;

    padding: 50px 0 50px; }

    .interview h3 {

      width: calc(100% - 40px);

      font: 1.5rem/1.5em 'Noto Serif JP', serif;

      font-weight: 500;

      margin: 0 auto 85px;

      padding: 13px; }

      .interview h3 span {

        font: 1.8rem/1.5em 'Noto Serif JP', serif;

        font-weight: 500;

        margin: 5px 0 0; }

    .interview p {

      font: 2.0rem/2.2em 'Noto Serif JP', serif;

      font-weight: 500; }



  .interview_box {

    width: 100%; }

    .interview_box .video-wrap {

      width: calc(100% - 40px);

      margin: 0 auto; }



  .video_special {

    order: 3;

    width: calc(100% - 40px);

    max-width: 640px;

    margin: 0 auto;

    border-top: none;

    height: auto; }

    .video_special li {

      width: 100%;

      font: 1.5rem/2.0em 'Noto Sans JP', sans-serif;

      font-weight: 400;

      height: auto;

      border-bottom: none;

      padding: 30px 0 25px; }

      .video_special li:nth-of-type(2) {

        padding: 30px 0 0;

        border-top: dashed 1px #747A8A;

        text-align: center; }

    .video_special a {

      font: 1.6rem/52px 'Noto Sans JP', sans-serif;

      font-weight: 400;

      position: relative;

      padding: 0 20px 3px 0;

      max-width: 280px; }

      .video_special a:before {

        position: absolute;

        content: "";

        background: url("../images/education/pdf_icon-white.svg") center center no-repeat;

        background-size: contain; } }

/*max-width:480px*/

/**************************************************************/

/**************************************************************/

h2 {

  color: #384158;

  position: relative;

  font: 3.4rem/1.0em 'Noto Serif JP', serif;

  font-weight: 500;

  padding: 5px 0 8px 30px;

  letter-spacing: 0.08em;

  margin: 0 auto 100px;

  width: calc(100% - 190px);

  max-width: 1200px; }

  h2 small {

    display: block;

    font: 1.6rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500;

    margin: 0 0 20px; }

  h2:before {

    width: 3px;

    height: 100%;

    position: absolute;

    content: "";

    display: block;

    background: linear-gradient(#0080BF, #18A068);

    left: 0;

    top: 0; }



@media (max-width: 1024px) {

  h2 {

    width: calc(100% - 40px);

    max-width: 1200px; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  h2 {

    font: 2.2rem/1em 'Noto Serif JP', serif !important;

    font-weight: 500;

    margin: 0 auto 50px; }

    h2 small {

      display: block;

      font: 1.4rem/1.0em 'Noto Serif JP', serif;

      font-weight: 500;

      margin: 0 0 15px !important; } }

/*max-width:768px*/

/*max-width:480px*/

/**************************************************************/

/**************************************************************/

.education_training {

  padding: 200px 0; }



.education_training_box {

  margin: 0 auto 100px;

  width: calc(100% - 190px);

  max-width: 1200px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  align-items: flex-start; }

  .education_training_box img {

    width: 400px; }

  .education_training_box dl {

    max-width: 750px;

    width: calc(100% - 450px); }

  .education_training_box h3 {

    margin: 0 0 55px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: flex-start;

    justify-content: flex-start;

    align-items: center; }

    .education_training_box h3 span.bg {

      margin: 10px 20px 0 0;

      letter-spacing: 0.05em;

      display: block;

      background-color: #384158;

      width: fit-content;

      text-align: center;

      color: #fff;

      font: 2.0rem/1.0em 'Noto Serif JP', serif;

      font-weight: 600;

      padding: 12px 20px 13px; }

    .education_training_box h3 span {

      font: 6.6rem/1.0em 'Noto Serif JP', serif;

      font-weight: 500;

      color: #384158;

      letter-spacing: 0.15em; }

  .education_training_box dd {

    font: 1.8rem/2.4em 'Noto Sans JP', sans-serif;

    font-weight: 400;

    text-align: justify;

    text-justify: inter-ideograph;

    color: #4C5469; }

  .education_training_box.training_box02 {

    border-top: 1px solid #D7D9DE;

    margin: 200px auto 0;

    padding: 200px 0; }

    .education_training_box.training_box02 .target_btn {

      margin: 100px auto 0; }



@media (max-width: 1280px) {

  .education_training_box h3 {

    display: block; }

    .education_training_box h3 span.bg {

      margin: 0 0 15px;

      display: block; } }

/*max-width:1280px*/

@media (max-width: 1024px) {

  .education_training {

    padding: 100px 0; }



  .education_training_box {

    margin: 0 auto 100px;

    width: calc(100% - 40px);

    max-width: 768px;

    display: block; }

    .education_training_box dl {

      width: 100%;

      margin: 0 auto 40px; }

    .education_training_box img {

      width: 100%;

      max-width: 400px;

      display: block;

      margin: 0 auto; }

    .education_training_box.training_box02 {

      border-top: 1px solid #D7D9DE;

      margin: 100px auto 0;

      padding: 100px 0; }

      .education_training_box.training_box02 .target_btn {

        margin: 50px auto 0; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .education_training_box h3 span.bg {

    font: 1.6em/1.0em 'Noto Serif JP', serif;

    font-weight: 600; }

  .education_training_box h3 span {

    font: 5.0rem/1.0em 'Noto Serif JP', serif;

    font-weight: 600; }

  .education_training_box dd {

    font: 1.6rem/2.0em 'Noto Sans JP', sans-serif;

    font-weight: 400; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .education_training h2 {

    margin-bottom: 60px; }



  .education_training_box h3 span {

    font: 3.5rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500; }

    .education_training_box h3 span.bg {

      margin: 0 0 22px; } }

/*max-width:480px*/

/**************************************************************/

.training_pict {

  padding: 100px 40px;

  max-width: 1200px;

  width: calc(100% - 100px);

  background-color: #F7F8F8;

  margin: 0 auto 100px;

  border-radius: 15px; }

  .training_pict h4 {

    font: 2.0rem/1.0em 'Noto Serif JP', serif;

    font-weight: 600;

    display: block;

    margin: 0 auto 50px;

    max-width: 640px;

    text-align: center;

    letter-spacing: 0.2em;

    position: relative; }

    .training_pict h4 span {

      text-align: center;

      background-color: #F7F8F8;

      padding: 10px 50px;

      margin: 0 auto;

      border-left: 1px solid #888D9B;

      border-right: 1px solid #888D9B;

      position: relative; }

    .training_pict h4:before {

      width: 100%;

      height: 1px;

      position: absolute;

      content: "";

      display: block;

      background-color: #888D9B;

      top: 50%;

      left: 50%;

      -webkit-transform: translate(-50%, -50%);

      /* Safari用 */

      transform: translate(-50%, -50%); }

  .training_pict p {

    text-align: center;

    font: 2.0rem/2.5em 'Noto Serif JP', serif;

    font-weight: 600;

    margin: 0 0 90px;

    letter-spacing: 0.05em; }



.training_pict_box {

  padding: 0 0 130px;

  position: relative; }

  .training_pict_box .map_link {

    width: 100%;

    max-width: 540px;

    margin: 0 auto; }

  .training_pict_box img {

    width: 100%;

    max-width: 540px;

    display: block;

    margin: 0 auto;

    pointer-events: none; }

  .training_pict_box ul {

    position: absolute;

    bottom: 0;

    max-width: 980px;

    width: 100%;

    left: 50%;

    -webkit-transform: translate(-50%, 0%);

    /* Safari用 */

    transform: translate(-50%, 0%);

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    align-items: flex-start; }

  .training_pict_box li {

    width: calc((100% - 560px)/2); }

    .training_pict_box li:last-of-type {

      margin: 200px auto 0;

      width: 100%;

      max-width: 600px;

      padding: 0 50px; }

  .training_pict_box .medical h5 {

    padding: 0 0 0 40px;

    color: #6FD4A7; }

    .training_pict_box .medical h5:before {

      background: url("../images/education/medical.svg") center center no-repeat;

      width: 34px;

      height: 25px;

      top: 5px; }

  .training_pict_box .treatment h5 {

    padding: 0 0 0 35px;

    color: #7FCFD7; }

    .training_pict_box .treatment h5:before {

      background: url("../images/education/treatment.svg") center center no-repeat;

      width: 29px;

      height: 27px; }

  .training_pict_box .communication h5 {

    padding: 0 0 0 45px;

    color: #5FA7DD; }

    .training_pict_box .communication h5:before {

      background: url("../images/education/communication.svg") center center no-repeat;

      width: 39px;

      height: 25px; }

  .training_pict_box p {

    font: 1.4em/2.0em 'Noto Sans JP', sans-serif;

    font-weight: 400;

    margin: 0;

    text-align: left; }

  .training_pict_box h5 {

    font: 1.7em/1.5em 'Noto Sans JP', sans-serif;

    font-weight: 500;

    margin: 0 0 10px;

    position: relative; }

    .training_pict_box h5:before {

      position: absolute;

      content: "";

      display: block;

      left: 0; }



.modal {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  height: 100vh;

  width: 100%;

  z-index: 99999; }



/* モーダル背景 */

.modal-bg {

  position: absolute;

  height: 100vh;

  width: 100%;

  background: rgba(0, 0, 0, 0.8); }



/* モーダル本体 */

.modal-content {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  overflow-y: scroll;

  width: 95%;

  max-width: 300px;

  background: white;

  padding: 50px 30px 50px;

  border-radius: 15px;

  overflow: hidden; }

  .modal-content h4 br {

    display: none; }

  .modal-content h4:before {

    top: 0 !important; }

  .modal-content .js-modal-close {

    position: absolute;

    right: 0;

    top: 0;

    color: #747A8A;

    display: block;

    width: 50px;

    height: 50px;

    margin: 0 0 0 auto;

    font: 3.5rem/48px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 300;

    text-align: center; }



body.fixed {

  position: fixed;

  width: 100%;

  height: 100%;

  left: 0; }



.modal-content02 {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 95%;

  padding: 50px 0 0 0;

  max-width: 1024px; }

  .modal-content02 .js-modal-close {

    position: absolute;

    right: 0;

    top: 0;

    color: #747A8A;

    display: block;

    width: 50px;

    height: 50px;

    margin: 0 0 0 auto;

    font: 3.5rem/48px 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 300;

    text-align: center; }



.top_close {

  height: 45px;

  width: 45px;

  display: block;

  margin: 0 0 0 auto;

  position: relative; }

  .top_close span {

    position: absolute;

    top: 50%;

    left: 0%;

    -webkit-transform: translate(0%, -50%);

    /* Safari用 */

    transform: translate(0%, -50%);

    display: block;

    width: 45px;

    height: 1px;

    background-color: #fff; }

    .top_close span:nth-of-type(1) {

      transform: rotate(45deg); }

    .top_close span:nth-of-type(2) {

      transform: rotate(-45deg); }



.modal_video {

  width: 100%;

  padding: 55.5% 0 0;

  position: relative; }

  .modal_video iframe {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    /* Safari用 */

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%; }



@media (max-width: 1024px) {

  .training_pict {

    max-width: 768px;

    width: calc(100% - 40px);

    padding: 100px 30px 0;

    margin: 0 auto 50px; }



  .training_pict_box ul {

    display: none; }

  .training_pict_box img {

    display: block;

    opacity: 0;

    pointer-events: all; }

  .training_pict_box .map_link {

    background: url("../images/education/sp_education.png") center center no-repeat;

    background-size: contain; }



  .modal-content02 {

    position: absolute;

    top: 30%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 95%;

    padding: 0;

    max-width: 1024px; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .training_pict {

    max-width: 768px;

    width: calc(100% - 40px);

    padding: 80px 20px 0;

    margin: 0 auto 50px; }

    .training_pict h4 {

      font: 2.0rem/1.0em 'Noto Serif JP', serif;

      font-weight: 600; }

      .training_pict h4:before {

        display: none; }

    .training_pict p {

      text-align: center;

      font: 1.8em/2.0em 'Noto Serif JP', serif;

      font-weight: 600;

      margin: 0 0 40px; }

      .training_pict p br {

        display: none; }

      .training_pict p span {

        display: block; }



  .training_pict_box {

    padding: 0 0 50px; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .training_pict {

    max-width: 768px;

    width: calc(100% - 20px);

    padding: 80px 15px 0;

    margin: 0 auto 50px; }

    .training_pict h4 {

      font: 2.0rem/1.0em 'Noto Serif JP', serif;

      font-weight: 600; }

      .training_pict h4:before {

        display: none; }

      .training_pict h4 span {

        text-align: center;

        background-color: inherit;

        padding: 10px 20px; }

    .training_pict p {

      text-align: center;

      font: 1.6em/2.0em 'Noto Serif JP', serif;

      font-weight: 600;

      margin: 0 0 40px; }

      .training_pict p br {

        display: none; }

      .training_pict p span {

        display: block; }



  .training_pict_box {

    padding: 0 0 50px; } }

/*max-width:480px*/

/**************************************************************/

.education_training_flex {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: flex-start;

  justify-content: flex-start;

  border-top: 1px solid #D7D9DE;

  border-bottom: 1px solid #D7D9DE;

  max-width: 1200px;

  width: calc(100% - 190px);

  margin: 0 auto;

  padding: 20px 0; }

  .education_training_flex div {

    padding: 180px 0;

    width: calc(100% / 2); }

    .education_training_flex div.education_training_flex_left {

      padding-right: 100px;

      border-right: 1px solid #D7D9DE; }

    .education_training_flex div.education_training_flex_right {

      padding-left: 100px; }

  .education_training_flex .target_btn {

    font: 2.0rem/78px 'Noto Sans JP', sans-serif;

    margin: 0 auto; }

  .education_training_flex h3 {

    margin: 0 0 55px; }

    .education_training_flex h3 span.bg {

      letter-spacing: 0.05em;

      display: block;

      background-color: #384158;

      width: fit-content;

      text-align: center;

      color: #fff;

      font: 2.0rem/1.0em 'Noto Serif JP', serif;

      font-weight: 600;

      padding: 12px 20px 13px;

      margin: 0 0 20px; }

    .education_training_flex h3 span {

      font: 5.8rem/1.0em 'Noto Serif JP', serif;

      font-weight: 500;

      color: #384158;

      letter-spacing: 0.15em; }



@media (max-width: 1280px) {

  .education_training_flex {

    padding: 0;

    display: block;

    max-width: 1200px; }

    .education_training_flex div {

      padding: 100px 0;

      width: 100%;

      max-width: 768px;

      margin: 0 auto; }

      .education_training_flex div.education_training_flex_left {

        border-right: none;

        border-bottom: 1px solid #D7D9DE;

        padding-right: 0; }

      .education_training_flex div.education_training_flex_right {

        padding-left: 0; }

    .education_training_flex .target_btn {

      font: 2.0rem/68px 'Noto Sans JP', sans-serif;

      max-width: 480px;

      margin: 0 auto; } }

/*max-width:1280px*/

@media (max-width: 1024px) {

  .education_training_flex {

    width: calc(100% - 40px); } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .education_training_flex h3 {

    margin: 0 0 55px; }

    .education_training_flex h3 span.bg {

      font: 1.6rem/1.0em 'Noto Serif JP', serif;

      font-weight: 600;

      padding: 12px 20px 13px;

      margin: 0 0 20px; }

    .education_training_flex h3 span {

      font: 4.8rem/1.0em 'Noto Serif JP', serif;

      font-weight: 600;

      color: #384158;

      letter-spacing: 0.15em; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .education_training_flex h3 span {

    font: 3.5rem/1.0em 'Noto Serif JP', serif;

    font-weight: 400;

    color: #384158;

    letter-spacing: 0.15em; } }

/*max-width:480px*/

/**************************************************************/

/**************************************************************/

.target_btn {

  color: #fff;

  margin: 0 auto 50px;

  display: block;

  width: 100%;

  max-width: 820px;

  padding: 0 20px 0 0;

  background: linear-gradient(45deg, #0080BF, #18A068);

  border-radius: 50px;

  font: 2.2rem/98px 'Noto Sans JP', sans-serif;

  font-weight: 500;

  text-align: center;

  position: relative;

  letter-spacing: 0.05em; }

  .target_btn:before {

    position: absolute;

    content: "";

    display: block;

    width: 23px;

    height: 19px;

    background: url("../images/common/arrow_icon_white.svg") center center no-repeat;

    background-size: contain;

    top: 50%;

    left: auto;

    -webkit-transform: translate(0%, -50%);

    /* Safari用 */

    transform: translate(0%, -50%);

    right: 30px; }

  .target_btn:hover {

    background: linear-gradient(#384158, #384158);

    color: #fff; }

  .target_btn br {

    display: none; }



@media (max-width: 1024px) {

  .target_btn {

    max-width: 640px;

    width: calc(100% - 40px); } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .target_btn {

    width: 100%;

    max-width: 400px !important;

    font: 1.8rem/58px 'Noto Sans JP', sans-serif !important;

    font-weight: 500; }

    .target_btn:before {

      right: 20px;

      height: 19px; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .target_btn {

    font: 1.5rem/58px 'Noto Sans JP', sans-serif !important;

    font-weight: 500 !important;

    max-width: 320px !important;

    width: 100%; }

    .target_btn:before {

      right: 15px;

      height: 19px; } }

/*max-width:480px*/

/**************************************************************/

/**************************************************************/

.message {

  background-color: #F7F8F8;

  padding: 200px 0 100px; }

  .message ul {

    max-width: 1200px;

    width: calc(100% - 190px);

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    align-items: flex-start; }

  .message li {

    width: calc((100% - 60px)/3);

    margin: 0 0 40px 0;

    max-width: 360px;

    overflow: hidden;

    position: relative; }

    .message li:nth-of-type(3n) {

      margin: 0 0 40px; }

    .message li small {

      font: 1.5rem/1.5em 'Noto Sans JP', sans-serif;

      font-weight: 400;

      display: block;

      margin: 0 0 10px;

      letter-spacing: 0.03em;

      padding: 0 60px 0 0; }

    .message li p {

      display: block;

      padding: 20px 0;

      font: 2.4rem/1.0em 'Noto Serif JP', serif;

      font-weight: 500;

      position: relative;

      letter-spacing: 0.03em; }

      .message li p:before {

        display: block;

        position: absolute;

        content: "";

        background: url("../images/staff/staff_arrow.svg") center center no-repeat;

        width: 45px;

        height: 45px;

        right: 0; }

    .message li .pic {

      display: block;

      position: relative;

      width: 100%;

      padding: 75% 0 0; }

      .message li .pic:before {

        position: absolute;

        content: "";

        display: block;

        width: 100%;

        height: 5px;

        background: linear-gradient(90deg, #0080BF, #18A068);

        z-index: 5;

        left: 0;

        bottom: 0; }

    .message li img {

      position: absolute;

      top: 50%;

      left: 50%;

      -webkit-transform: translate(-50%, -50%);

      /* Safari用 */

      transform: translate(-50%, -50%);

      width: auto;

      height: 100%; }



.message_ttl {

  max-width: 1200px;

  width: calc(100% - 190px);

  margin: 0 auto 120px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  align-items: flex-start; }

  .message_ttl h2 {

    width: fit-content;

    margin: 0; }

  .message_ttl p {

    width: calc(100% - 250px);

    max-width: 820px;

    font: 1.9rem/2.0em 'Noto Serif JP', serif;

    font-weight: 500; }



@media (max-width: 1024px) {

  .message {

    padding: 100px 0 100px; }

    .message ul {

      max-width: 768px;

      width: calc(100% - 40px);

      -webkit-justify-content: space-between;

      justify-content: space-between;

      align-items: flex-start; }

    .message li {

      width: calc((100% - 40px)/2);

      margin: 0 0 40px 0;

      max-width: 400px; }

      .message li:nth-of-type(3n) {

        margin: 0 0 40px; }

      .message li p {

        display: block;

        padding: 15px 0 5px;

        font: 2.2rem/1.0em 'Noto Serif JP', serif;

        font-weight: 500; }



  .message_ttl {

    max-width: 768px;

    width: calc(100% - 40px);

    margin: 0 auto 120px;

    display: block; }

    .message_ttl h2 {

      width: fit-content;

      margin: 0 0 40px; }

    .message_ttl p {

      width: 100%;

      max-width: 100%;

      font: 1.9rem/2.0em 'Noto Serif JP', serif;

      font-weight: 500; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .message {

    padding: 100px 0 60px; }

    .message li {

      width: 100%;

      margin: 0 AUTO 40px auto;

      max-width: 400px; }

      .message li:nth-of-type(3n) {

        margin: 0 auto 40px; }

      .message li p {

        display: block;

        padding: 15px 0;

        position: relative; }

        .message li p:before {

          background: url("../images/staff/staff_arrow.svg") center center no-repeat;

          background-size: contain;

          width: 40px;

          height: 40px;

          right: 10px;

          top: 25%; }



  .message_ttl {

    max-width: 768px;

    width: calc(100% - 40px);

    margin: 0 auto 50px; }

    .message_ttl p {

      width: 100%;

      max-width: 100%;

      font: 1.7rem/2.0em 'Noto Serif JP', serif;

      font-weight: 500; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .message li {

    width: 100%;

    margin: 0 auto 25px;

    max-width: 330px; }

    .message li:nth-of-type(3n) {

      margin: 0 auto 40px; }

    .message li p {

      font: 2.0rem/1.0em 'Noto Serif JP', serif;

      font-weight: 500;

      padding: 15px 0 15px 0; }

    .message li .pic {

      display: block;

      position: relative;

      width: 100%;

      padding: 75% 0 0; }

      .message li .pic:before {

        position: absolute;

        content: "";

        display: block;

        width: 100%;

        height: 5px;

        background: linear-gradient(90deg, #0080BF, #18A068);

        z-index: 5;

        left: 0;

        bottom: 0; }

      .message li .pic img {

        position: absolute;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        /* Safari用 */

        transform: translate(-50%, -50%);

        width: auto;

        height: 100%; }



  .message_ttl {

    margin: 0 auto 40px; }

    .message_ttl h2 {

      margin: 0 0 50px; }

    .message_ttl p {

      width: 100%;

      max-width: 100%;

      font: 1.6rem/2.0em 'Noto Serif JP', serif;

      font-weight: 500; } }

/*max-width:480px*/

/**************************************************************/

/**************************************************************/

/**************************************************************/

/**************************************************************/

/**************************************************************/

/**************************************************************/

/**************************************************************/

/**************************************************************/

/**************************************************************/

/**************************************************************/

.images {

  width: 100%;

  background: url("../images/education/education_image.jpg") center center no-repeat;

  background-size: cover;

  height: 720px; }



/*max-width:1280px*/

@media (max-width: 1024px) {

  .images {

    height: 500px; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .images {

    height: 500px; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .images {

    height: 225px; } }

/*max-width:480px*/

/**************************************************************/

.education_btm {

  background-color: #fff;

  padding: 200px 0 180px; }

  .education_btm .title {

    max-width: 1080px;

    width: calc(100% - 190px);

    margin: 0 auto 100px;

    border-left: 1px solid #D7D9DE;

    border-right: 1px solid #D7D9DE;

    text-align: center;

    padding: 0 30px;

    letter-spacing: 0.1em; }

    .education_btm .title strong {

      font: 5.0rem/1.3em 'Noto Serif JP', serif;

      font-weight: 500;

      letter-spacing: 0.07em; }

    .education_btm .title span {

      margin: 20px 0 0;

      display: block;

      font: 2.8rem/1.5em 'Noto Serif JP', serif;

      font-weight: 500; }

    .education_btm .title br {

      display: none; }

  .education_btm p {

    text-align: center;

    font: 2.0rem/3.0em 'Noto Serif JP', serif;

    font-weight: 500; }



@media (max-width: 1280px) {

  .education_btm {

    padding: 180px 0 180px; }

    .education_btm .title br {

      display: block !important; } }

/*max-width:1280px*/

@media (max-width: 1024px) {

  .education_btm {

    padding: 100px 0 100px; }

    .education_btm .title {

      width: calc(100% - 40px);

      max-width: 768px;

      padding: 0;

      margin: 0 auto 50px; }

      .education_btm .title strong {

        font: 4.3rem/1.3em 'Noto Serif JP', serif;

        font-weight: 500; }

      .education_btm .title span {

        font: 2.4rem/1.5em 'Noto Serif JP', serif;

        font-weight: 500; }

    .education_btm p {

      font: 1.8rem/3.0em 'Noto Serif JP', serif;

      font-weight: 500; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .education_btm .title {

    width: calc(100% - 40px);

    text-align: left;

    padding: 0 0 30px;

    border-left: 0;

    border-right: 0;

    border-bottom: 1px solid #D7D9DE;

    margin: 0 auto 30px;

    max-width: 580px; }

    .education_btm .title strong {

      font: 3.8rem/1.5em 'Noto Serif JP', serif;

      font-weight: 500; }

    .education_btm .title span {

      font: 2.2rem/1.8em 'Noto Serif JP', serif;

      font-weight: 500; }

  .education_btm p {

    width: calc(100% - 40px);

    max-width: 580px;

    margin: 0 auto;

    text-align: left;

    font: 1.8rem/2.0em 'Noto Serif JP', serif;

    font-weight: 500; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .education_btm .title {

    letter-spacing: 0; }

    .education_btm .title strong {

      font: 2.2rem/1.5em 'Noto Serif JP', serif;

      font-weight: 500; }

    .education_btm .title span {

      margin: 20px 0 0;

      display: block;

      font: 1.8rem/1.8em 'Noto Serif JP', serif;

      font-weight: 500; }

  .education_btm p {

    font: 1.5rem/2.0em 'Noto Serif JP', serif;

    font-weight: 500; } }

/*max-width:480px*/