@charset "utf-8";

.page-id-11, .page-id-1770 {
  
  /*　画像入りヘッダーの設定
  ================================================================================*/
  .main-header {
    background-repeat: no-repeat;
    background-size: cover;
    height: 60vh;
    display: flex;
    align-items: center
  }
  .main-header h2 {
    width: 100%;
    font-size: 4.5vw;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px 10px #000000;
    text-align: center;
    font-style: italic;
  }
  

  /*　全体設定
  ================================================================================*/
  .main {
    line-height: 1.5;
  }


  /*　学生募集の設定
  ================================================================================*/
  .student-recruitment {
    max-width: 1200px;
    min-width: 600px;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top -100px;
    background-color:rgba(255,255,255,0.2);
    background-blend-mode:lighten;
    display: flex;
    flex-direction: column;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 2px 2px 10px #000000;
  }
  .student-recruitment h3 {
    text-align: center;
    letter-spacing: 15px;
    margin-top: 30px;
  }
  .student-recruitment:hover a {
    color: #0615FD;
    transition-duration: 0.3s;
  }

    /*　連絡先&アクセスのグレーボックス内の設定
  ================================================================================*/
  .contacts-and-access {
    max-width: 1000px;
    min-width: 600px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    background-color: #f7f7f7;
  }
  .contacts-and-access h3::after {
    content: '';
    display: block;
    width: 100%;
    background-color: #2C2E2C;
    height: 2px;
    margin-top: 4px;
    margin-bottom: 30px;
  }
  .contacts-and-access-inner {
    padding: 20px;
  }
  .contacts-and-access-inner iframe {
    display: block;
    height: 450px;
    width: 100%;
    margin-top: 20px;
  }
  .contacts-and-access ul {
    padding-left: 40px;
    list-style-type: square;
  }
  .contacts-and-access ul li {
    margin-bottom: 10px;
  }


  /*　================================================================================
  タブレット設定（iPad Mini（768✖︎1024）〜 iPad Pro（1024✖︎1336））
  ================================================================================　*/
  @media (max-width: 1050px) {

    /*　ナビゲーション設定
    ================================================================================*/
    .site-menu ul li:nth-child(7) {
      color:#0615FD;
      font-weight: bold;
    }
    .site-menu ul li:nth-child(7)::after {
      content: '';
      display: block;
      width: 100%;
      height: 3px;
      background-color:#0615FD;
      margin-top: 5px;
      margin-left: 0%;
      visibility: visible;
    }



    /*　画像入りヘッダーの設定
    ================================================================================*/
    .main-header {
      /* background-repeat: no-repeat;
      background-size: cover; */
      height: 40vh;
      /* display: flex;
      align-items: center */
    }
    .main-header h2 {
      /* width: 100%; */
      font-size: 6.5vw;
      /* color: #ffffff;
      font-weight: bold;
      text-shadow: 1px 1px 10px #000000;
      text-align: center;
      font-style: italic; */
    }
    

    /*　全体設定
    ================================================================================*/
    /* .main {
      line-height: 1.5;
    } */


    /*　学生募集の設定
    ================================================================================*/
    .student-recruitment {
      /* max-width: 1200px;
      min-width: 600px;
      height: 600px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 40px;
      padding-right: 40px;
      background-repeat: no-repeat;
      background-size: cover; */
      background-position: center top 0px;
      /* background-color:rgba(255,255,255,0.2);
      background-blend-mode:lighten;
      display: flex;
      flex-direction: column;
      color: #ffffff;
      font-weight: bold;
      text-shadow: 2px 2px 10px #000000; */
    }
    .student-recruitment h3 {
      /* text-align: center;
      letter-spacing: 15px;
      margin-top: 30px; */
      font-size: 40px !important;
    }
    .student-recruitment p {
      font-size: 20px !important;
    }
    .student-recruitment:hover a {
      color: inherit;
      transition-duration: inherit;
    }

      /*　連絡先&アクセスのグレーボックス内の設定
    ================================================================================*/
    .contacts-and-access {
      /* max-width: 1000px;
      min-width: 600px;
      margin-top: 100px; */
      margin-left: 40px;
      margin-right: 40px;
      /* padding: 40px;
      background-color: #f7f7f7; */
    }
    .contacts-and-access h3 {
      font-size: 28px !important;
    }
    .contacts-and-access li {
      font-size: 18px !important;
    }
    /* .contacts-and-access h3::after {
      content: '';
      display: block;
      width: 100%;
      background-color: #2C2E2C;
      height: 2px;
      margin-top: 4px;
      margin-bottom: 30px;
    } */
    /* .contacts-and-access-inner {
      padding: 20px;
    } */
    /* .contacts-and-access-inner iframe {
      display: block;
      height: 450px;
      width: 100%;
      margin-top: 20px;
    } */
  }

  /*　================================================================================
  スマホ設定
  ================================================================================　*/
  @media (max-width: 750px) {

    /* .site-menu ul li:nth-child(7) {
      color:#0615FD;
      font-weight: bold;
    } */
    /* .site-menu ul li:nth-child(7)::after {
      content: '';
      display: block;
      width: 100%;
      height: 3px;
      background-color:#0615FD;
      margin-top: 5px;
      margin-left: 0%;
      visibility: visible;
    } */



    /*　画像入りヘッダーの設定
    ================================================================================*/
    .main-header {
      /* background-repeat: no-repeat;
      background-size: cover; */
      height: 30vh;
      /* display: flex;
      align-items: center */
    }
    .main-header h2 {
      /* width: 100%; */
      font-size: 8vw;
      /* color: #ffffff;
      font-weight: bold;
      text-shadow: 1px 1px 10px #000000;
      text-align: center;
      font-style: italic; */
    }
    

    /*　全体設定
    ================================================================================*/
    /* .main {
      line-height: 1.5;
    } */


    /*　学生募集の設定
    ================================================================================*/
    .student-recruitment {
      max-width: 600px;
      min-width: initial;
      height: 350px;
      /* margin-left: auto;
      margin-right: auto;
      padding-left: 40px;
      padding-right: 40px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center top 0px;
      background-color:rgba(255,255,255,0.2);
      background-blend-mode:lighten;
      display: flex;
      flex-direction: column;
      color: #ffffff;
      font-weight: bold;
      text-shadow: 2px 2px 10px #000000; */
    }
    .student-recruitment h3 {
      /* text-align: center;
      letter-spacing: 15px; */
      /* margin-top: 30px; */
      font-size: 28px !important;
    }
    .student-recruitment .wp-block-spacer {
      height: 20px !important;
    }
    .student-recruitment p {
      font-size: 16px !important;
    }
    .student-recruitment:hover a {
      color: inherit;
      transition-duration: inherit;
    }

      /*　連絡先&アクセスのグレーボックス内の設定
    ================================================================================*/
    .contacts-and-access {
      max-width: 100%;
      min-width: 50%;
      margin-top: 400px;
      margin-left: 20px;
      margin-right: 20px;
      padding: 20px;
      background-color: #f7f7f7;
    }
    /* .contacts-and-access {
      margin-top: 0 !important;
    } */
    .contacts-and-access h3 {
      font-size: 20px !important;
    }
    .contacts-and-access h3::after {
      content: '';
      display: block;
      width: 100%;
      background-color: #2C2E2C;
      height: 2px;
      margin-top: 4px;
      margin-bottom: 30px;
    }
    .contacts-and-access ul {
      padding-left: 15px;
    }
    .contacts-and-access li {
      font-size: 14px !important;
    }
    .contacts-and-access-inner {
      padding: 0px;
    }
    .contacts-and-access-inner h4 {
      font-size: 20px !important;
    }
    .contacts-and-access-inner p {
      font-size: 16px !important;
    }
    .contacts-and-access-inner iframe {
      display: block;
      height: 10%;
      width: 100%;
      margin-top: 20px;
    }
  }
}

.page-id-1770 {
  @media (max-width: 1050px) {

    /*　ナビゲーション設定
    ================================================================================*/
    .site-menu ul li:nth-child(5) {
      color:#0615FD;
      font-weight: bold;
    }
    .site-menu ul li:nth-child(7) {
      color:initial;
      font-weight: initial;
    }
    .site-menu ul li:nth-child(5)::after {
      content: '';
      display: block;
      width: 100%;
      height: 3px;
      background-color:#0615FD;
      margin-top: 5px;
      margin-left: 0%;
      visibility: visible;
    }
    .site-menu ul li:nth-child(7)::after {
      content: '';
      display: block;
      width: 100%;
      height: 3px;
      background-color:#0615FD;
      margin-top: 5px;
      margin-left: 0%;
      visibility: hidden;
    }
  }
}