@charset "utf-8";
/* CSS Document */
@import url("layout_sp.css");
@media (max-width: 1023px) {
  /* ----------------------------------------------- wrapper */
  #wrapper {}
  main {}
  .inner_wrap {
    padding: 140px 0 0;
  }
  @media (max-width: 767px) {
    #wrapper {}
    main {}
    .inner_wrap {
      padding: 110px 0 0;
    }
  }
  /* ----------------------------------------------- title_area */
  #title_area {}
  #title_area::before {
    transform: scale(.8);
    transform-origin: right;
  }
  #title_area::after {
    transform: scale(.8);
    transform-origin: left;
  }
  #title_area .inner {}
  #title_area .inner::before {}
  #title_area .inner::after {}
  .text_inner {
    padding: 72px 0;
    width: calc(100% - 120px);
  }
  .sub_area {
    font-size: 1.8rem;
  }
  .text_inner #text_inner_target {
    font-size: 3.2rem;
  }
  .text_inner #text_inner_target::before {}
  @media (max-width: 767px) {
    #title_area {}
    #title_area::before {
      transform: scale(.4);
    }
    #title_area::after {
      transform: scale(.4);
    }
    #title_area .inner {
      width: calc(100% - 20px);
    }
    #title_area .inner::before {
      transform: scale(.3);
      transform-origin: left top;
    }
    #title_area .inner::after {
      clip-path: polygon(50% 0, 100% 0, 100% 100%, 0% 100%);
    }
    .text_inner {
      padding: 40px 0;
      width: calc(100% - 60px);
    }
    .sub_area {
      margin: 0 0 4px;
      font-size: 1.4rem;
    }
    .text_inner #text_inner_target {
      font-size: 1.8rem;
    }
    .text_inner #text_inner_target::before {}
  }
  /* ------------------------- breadcrumb */
  #breadcrumb {
    display: none;
  }
  #breadcrumb ul {}
  #breadcrumb ul li {}
  #breadcrumb ul li::after {}
  #breadcrumb ul li:last-child::after {}
  #breadcrumb ul li a {}
  /* ----------------------------------------------- main */
  #main {}
  #main .inner {
    padding: 60px 0 118px;
    width: calc(100% - 100px);
  }
  @media (max-width: 767px) {
    #main .inner {
      padding: 40px 0 118px;
      width: calc(100% - 20px);
    }
  }
  /* ------------------------- main サイドメニューver. */
  #main.column_sidenav {
    display: flex;
    flex-direction: column;
    width: calc(100% - 100px);
  }
  #main .inner.main_column {
    width: 100%;
  }
  #main .inner.main_column:has(+ aside) {
    padding-bottom: 0;
  }
  @media (max-width: 767px) {
    #main.column_sidenav {
      width: calc(100% - 20px);
    }
    #main .inner.main_column {}
  }
  /* ----------------------------------------------- h */
  h2 {}
  h2::before, h2::after {}
  h2::before {}
  h2::after {}
  h3 {}
  h3::after {}
  h4 {}
  h4::before, h4::after {}
  h4::before {}
  h4::after {}
  h5 {}
  h6 {}
  @media (max-width: 767px) {
    h2 {
      padding: 24px 26px;
      font-size: 2.1rem;
    }
    h2::before, h2::after {}
    h2::before {}
    h2::after {}
    h3 {
      padding: 20px 26px;
      font-size: 2.0rem;
    }
    h3::after {}
    h4 {
      padding: 8px 28px;
      font-size: 1.9rem;
    }
    h4::before, h4::after {}
    h4::before {}
    h4::after {}
    h5 {
      font-size: 1.8rem;
    }
    h6 {
      font-size: 1.7rem;
    }
  }
  /**/
  #main p {}
  #main a {
    word-break: break-all;
    overflow-wrap: break-word;
  }
  #main a:hover {}
  /* ----------------------------------------------- btn */
  #main .btn {}
  #main .btn::before {}
  /* ----------------------------------------------- ul,ol */
  #main ul, #main ol {}
  #main ul li, #main ol li {}
  #main ul {}
  #main ul li {
    font-size: 1.6rem;
  }
  #main ul li::before {}
  #main ol {}
  #main ol li {
    font-size: 1.6rem;
  }
  #main ol li::before {
    top: -3px;
    font-size: 2.0rem;
  }
  /* ----------------------------------------------- table */
  table {}
  table tr {}
  table th, table td {
    font-size: 85%;
  }
  table th {
    padding: 4px 12px;
  }
  table td {
    padding: 4px 12px;
  }
  /* table_line */
  .table_line {}
  .table_line th {}
  .table_line td {}
  /* ----------------------------------------------- 作業中 */
  /* ----------------------------------------------- balloon */
  .balloon {}
  .balloon.pink {}
  .balloon.green {}
  .balloon.yl {}
  .balloon.gray {}
  @media (max-width: 767px) {
    .balloon {
      padding: 32px;
    }
  }
  /* ----------------------------------------------- photo */
  .photo {}
  .photo.column3 {}
  .photo div {
    width: calc(100% / 2 - 20px);
  }
  .photo.column3 div {
    width: calc(100% / 2 - 20px);
  }
  @media (max-width: 767px) {
    .photo {}
    .photo.column3 {}
    .photo div {
      width: 100%;
    }
    .photo.column3 div {
      width: 100%;
    }
  }
  /* ----------------------------------------------- index_nav_list */
  #index-nav {}
  #index-nav .index-nav-list {}
  #index-nav .index-nav-list {}
  #index-nav .index-nav-list li {
    width: calc(100% / 2 - 16px);
  }
  #index-nav .index-nav-list li::before {}
  #index-nav .index-nav-list li a {}
  #index-nav .index-nav-list li a:hover {}
  #index-nav .index-nav-list li a::before {}
  #index-nav .index-nav-list li a:hover::before {}
  #index-nav .index-nav-list li a::after {}
  #index-nav .index-nav-list li a:hover::after {}
  @media (max-width: 767px) {
    #index-nav {}
    #index-nav .index-nav-list {}
    #index-nav .index-nav-list {}
    #index-nav .index-nav-list li {
      margin: 4px 6px;
      width: 100%;
    }
    #index-nav .index-nav-list li::before {}
    #index-nav .index-nav-list li a {}
    #index-nav .index-nav-list li a:hover {}
    #index-nav .index-nav-list li a::before {}
    #index-nav .index-nav-list li a:hover::before {}
    #index-nav .index-nav-list li a::after {}
    #index-nav .index-nav-list li a:hover::after {}
  }
  /* ----------------------------------------------- page-navi */
  #page-navi {}
  #page-navi ul {
    display: flex;
    flex-wrap: wrap;
  }
  #page-navi ul li {
    margin: 4px;
    width: calc(100% / 2 - 8px);
  }
  #page-navi ul li::before {}
  #page-navi ul li::after {}
  #page-navi ul li a {
    font-size: 1.5rem;
  }
  #page-navi ul li a::before {}
  #page-navi ul li a:hover::before {}
  #page-navi ul li a::after {}
  #page-navi ul li a:hover::after {}
  @media (max-width: 767px) {
    #page-navi {}
    #page-navi ul {}
    #page-navi ul li {
      margin: 4px 6px;
      width: 100%;
    }
    #page-navi ul li::before {}
    #page-navi ul li::after {}
    #page-navi ul li a {}
    #page-navi ul li a::before {}
    #page-navi ul li a:hover::before {}
    #page-navi ul li a::after {}
    #page-navi ul li a:hover::after {}
  }
  /* ----------------------------------------------- news_list（お知らせ・教職員専用） */
  #news_list ul {}
  #news_list ul li {}
  #news_list ul li::before {}
  #news_list ul li:hover::before {}
  #news_list ul li a {}
  #news_list ul li a::after {}
  #news_list ul li a:hover {}
  #news_list ul li .day {}
  #news_list .day .category {
    flex-wrap: wrap;
  }
  #news_list ul li span {
    margin: 4px;
  }
  #news_list ul li span.daiichi {}
  #news_list ul li span.gifujoshi {}
  #news_list ul li span.bunkyo {}
  #news_list ul li p {}
  #news_list ul li a[href$=".pdf"] p::after,
  #news_list ul li a[href$=".pdf"] p::after,
  #news_list ul li a[href$=".doc"] p::after,
  #news_list ul li a[href$=".docx"] p::after,
  #news_list ul li a[href$=".xls"] p::after,
  #news_list ul li a[href$=".xlsx"] p::after {}
  #news_list ul li a[href$=".pdf"] p::after {}
  #news_list ul li a[href$=".doc"] p::after,
  #news_list ul li a[href$=".docx"] p::after {}
  #news_list ul li a[href$=".xls"] p::after,
  #news_list ul li a[href$=".xlsx"] p::after {}
  /* ------------------------- 記事 */
  .data_day {}
  .data_day span {}
  .data_day span.daiichi {}
  .data_day span.gifujoshi {}
  .data_day span.bunkyo {}
  /* ----------------------------------------------- pager */
  .pager {
    padding: 20px 0;
  }
  .pager li {}
  .pager li::before {}
  .pager li a {}
  .pager li.current {}
  .pager li.prev {}
  .pager li.prev .link_before {}
  .pager li.next {}
  .pager li.next .link_next {}
  /* ----------------------------------------------- news */
  #news {}
  /* ----------------------------------------------- about */
  #about {}
  /* ------------------------- 理事長挨拶 */
  .president-photo {}
  .president-photo img {}
  .president-name {}
  .president-name img {}
  /* model-list */
  .model-list {}
  .model-list::before {
    width: 65%;
    height: 65%;
  }
  .model-list .model-box {
    width: calc(100% / 2 - 20px);
  }
  .model-list .model-box::before {}
  .model-box .model-title {
    font-size: 2.6rem;
  }
  .model-box .model-title::before {}
  .model-box p {
    font-size: 1.5rem;
  }
  /* action-plan */
  .action-plan {
    display: flex;
    flex-wrap: wrap;
  }
  .action-plan .plan-box {
    margin: 10px;
    width: calc(100% / 2 - 20px);
  }
  .action-plan .plan-box::before {
    top: 26px;
    left: 26px;
  }
  .action-plan .plan-box::after {
    clip-path: polygon(100% 45%, 100% 100%, 0 100%);
  }
  .action-plan .plan-box-inner {
    display: flex;
    flex-direction: column;
  }
  .plan-box figure {
    margin: 0 auto 20px;
  }
  .plan-box figure img {}
  .plan-title {
    max-width: 100%;
    padding: 0;
  }
  .plan-title div {
    font-size: 2.4rem;
  }
  .plan-title p {
    font-size: 1.7rem;
  }
  .plan-box p {}
  @media (max-width: 767px) {
    .president-photo {}
    .president-photo img {}
    .president-name {}
    .president-name img {}
    /* model-list */
    .model-list {
      display: flex;
    }
    .model-list::before {
      display: none;
    }
    .model-list .model-box {
      margin: 4px 10px;
      padding: 26px 20px;
      width: 100%;
      min-height: auto;
    }
    .model-list .model-box::before {}
    .model-box .model-title {}
    .model-box .model-title::before {}
    .model-box p {
      padding: 10px 0 0;
    }
    /* action-plan */
    .action-plan {}
    .action-plan .plan-box {
      width: 100%;
    }
    .action-plan .plan-box::before {}
    .action-plan .plan-box::after {}
    .action-plan .plan-box-inner {}
    .plan-box figure {}
    .plan-box figure img {}
    .plan-title {}
    .plan-title div {}
    .plan-title p {}
    .plan-box p {}    
  }
  /* ------------------------- 建学の精神・教育理念 */
  .spirit {}
  .spirit p {}
  .philosophy {}
  .philosophy .underline {}
  @media (max-width: 767px) {
    .spirit {}
    .spirit p {
      font-size: 2.1rem;
    }
    .philosophy {}
    .philosophy .underline {}
  }
  /* ------------------------- 沿革 */
  table.history {}
  table.history th,
  table.history td {}
  table.history th {
    padding: 10px 10px 10px 0;
  }
  table.history td {}
  table.history td::before,
  table.history td::after {}
  table.history td::before {}
  table.history tr:first-child td::before {}
  table.history tr:last-child td::before {}
  table.history td::after {}
  @media (max-width: 767px) {
    table.history {}
    table.history th,
    table.history td {}
    table.history th {}
    table.history td {}
    table.history td::before,
    table.history td::after {}
    table.history td::before {}
    table.history tr:first-child td::before {}
    table.history tr:last-child td::before {}
    table.history td::after {}
  }
  /* ------------------------- 施設関連 */
  h3.bunkyo {}
  h3.daiichi {}
  h3.gifujoshi {}
  /* ------------------------- 国際交流 */
  .photo.international {}
  .photo.international p {}
  /* ----------------------------------------------- installation */
  #installation {}
  .school-list {}
  .school-box {
    margin: 30px 10px;
    width: calc(100% / 2 - 20px);
  }
  .school-box figure {}
  .school-box figure img {}
  .school-box .name {}
  .school-box .name.bunkyo {}
  .school-box .name.bunkyo::first-letter {}
  .school-box .name.daiichi {}
  .school-box .name.daiichi::first-letter {}
  .school-box .name.gifujoshi {}
  .school-box .name.gifujoshi::first-letter {}
  .school-box .type {}
  .school-box .type.woman {}
  .school-box .department {}
  .school-box table {}
  .school-box table th,
  .school-box table td {}
  .school-box table th {}
  .school-box table td {}
  @media (max-width: 767px) {
    #installation {}
    .school-list {}
    .school-box {
      width: 100%;
    }
    .school-box figure {
      max-width: 300px;
    }
    .school-box figure img {}
    .school-box .name {}
    .school-box .name.bunkyo {}
    .school-box .name.bunkyo::first-letter {}
    .school-box .name.daiichi {}
    .school-box .name.daiichi::first-letter {}
    .school-box .name.gifujoshi {}
    .school-box .name.gifujoshi::first-letter {}
    .school-box .type {}
    .school-box .type.woman {}
    .school-box .department {}
    .school-box table {}
    .school-box table th,
    .school-box table td {}
    .school-box table th {}
    .school-box table td {}
  }
  /* ----------------------------------------------- recruit */
  #recruit {}
  .balloon.recruit {}
  .balloon.recruit .list-name {}
  .balloon.recruit .btn-area {}
  #main .balloon.recruit .btn-area .btn {}
  /* look-for */
  .look-for {
    flex-wrap: wrap;
  }
  .look-for-box {
    width: calc(100% / 2 - 30px);
  }
  .look-for-box img {}
  .look-for-box ul {}
  .look-for-box ul li {}
  /* school-outline */
  .school-outline {}
  .school-outline-box {}
  .school-outline-box h3 {}
  .school-outline-box h3.bunkyo {}
  .school-outline-box h3.daiichi {}
  .school-outline-box h3.gifujoshi {}
  .school-outline-box .box-wrap {
    display: flex;
    flex-direction: column;
  }
  .school-outline-box table {}
  .school-outline-box table th,
  .school-outline-box table td {}
  .school-outline-box table th {}
  .school-outline-box table td {}
  .school-outline-box .photo-area {}
  .school-outline-box .photo-area img {}
  /* recruit-info */
  .recruit-info {}
  .recruit-info h4 {}
  .recruit-info .btn {}
  @media (max-width: 767px) {
    #recruit {}
    .balloon.recruit {}
    .balloon.recruit .list-name {}
    .balloon.recruit .btn-area {}
    #main .balloon.recruit .btn-area .btn {}
    /* look-for */
    .look-for {
      margin: 40px auto;
      max-width: 300px;
      width: calc(100% - 30px);
    }
    .look-for-box {
      width: 100%;
    }
    .look-for-box img {}
    .look-for-box ul {}
    .look-for-box ul li {}
    /* school-outline */
    .school-outline {}
    .school-outline-box {}
    .school-outline-box h3 {}
    .school-outline-box h3.bunkyo {}
    .school-outline-box h3.daiichi {}
    .school-outline-box h3.gifujoshi {}
    .school-outline-box .box-wrap {}
    .school-outline-box table {}
    .school-outline-box table th,
    .school-outline-box table td {
      font-size: 90%;
    }
    .school-outline-box table th {}
    .school-outline-box table td {}
    .school-outline-box .photo-area {}
    .school-outline-box .photo-area img {}
    /* recruit-info */
    .recruit-info {}
    .recruit-info h4 {}
    #main .recruit-info .btn {}
  }
  /* ----------------------------------------------- contact */
  /* inquiry-list（contact, recruit 共通） */
  .inquiry-list {}
  .inquiry-list .inquiry-box {}
  .inquiry-list .inquiry-box table.inquiry {}
  table.inquiry {}
  table.inquiry th,
  table.inquiry td {
    padding: 12px;
  }
  table.inquiry th {}
  table.inquiry td {}
  table.inquiry .number {
    font-size: 2.6rem;
  }
  table.inquiry .address {}
  table.inquiry .address img {}
  @media (max-width: 767px) {
    .inquiry-list {
      display: flex;
      flex-wrap: wrap;
      margin: 10px 0;
    }
    .inquiry-list .inquiry-box {
      margin: 10px 0;
      width: 100%;
    }
    .inquiry-list .inquiry-box table.inquiry {}
    table.inquiry {}
    table.inquiry th,
    table.inquiry td {}
    table.inquiry th {}
    table.inquiry td {}
    table.inquiry .number {}
    table.inquiry .address {}
    table.inquiry .address img {}
  }
  /* ----------------------------------------------- member */
  #member {}
  #member #news_list {}
  #member #news_list ul {}
  #member #news_list ul li {}
  #member #news_list ul li a {}
  #member #news_list .day {
    max-width: 100%;
  }
  #member #news_list ul li p {}
  /* ----------------------------------------------- sitemap */
  #sitemap {}
  #sitemap .sitemap-list {}
  #sitemap .sitemap-list .box {
    width: calc(100% / 2 - 12px);
  }
  #sitemap .sitemap-list .box::after {}
  #sitemap .sitemap-list ul {}
  #sitemap .sitemap-list ul li {}
  #sitemap .sitemap-list ul li::before {}
  #sitemap .sitemap-list ul li a {}
  #sitemap .sitemap-list ul li a::after {}
  #sitemap .sitemap-list ul li a:hover::after {}
  #sitemap .sitemap-list ul ul {}
  #sitemap .sitemap-list ul ul li {}
  #sitemap .sitemap-list ul ul li a {}
  #sitemap .sitemap-list ul ul li a::after {}
  #sitemap ul li a.member {}
  #sitemap ul li a.member::before {}
  @media (max-width: 767px) {
    #sitemap {}
    #sitemap .sitemap-list {}
    #sitemap .sitemap-list .box {
      width: 100%;
    }
    #sitemap .sitemap-list .box::after {}
    #sitemap .sitemap-list ul {}
    #sitemap .sitemap-list ul li {}
    #sitemap .sitemap-list ul li::before {}
    #sitemap .sitemap-list ul li a {}
    #sitemap .sitemap-list ul li a::after {}
    #sitemap .sitemap-list ul li a:hover::after {}
    #sitemap .sitemap-list ul ul {}
    #sitemap .sitemap-list ul ul li {}
    #sitemap .sitemap-list ul ul li a {}
    #sitemap .sitemap-list ul ul li a::after {}
    #sitemap ul li a.member {}
    #sitemap ul li a.member::before {}
  }
  /* ----------------------------------------------- aside */
  aside {
    margin: 0;
    padding: 60px 0 120px;
    max-width: 100%;
  }
  #side-nav {
    margin: 0;
    width: 100%;
  }
  #side-nav::before {}
  #side-nav ul {}
  #side-nav ul li {}
  #side-nav ul li::before {}
  #side-nav ul li a {}
  #side-nav ul li a::before {}
  @media (max-width: 767px) {
    aside {
      padding: 40px 0 120px;
    }
    #side-nav {}
    #side-nav ul {}
    #side-nav ul li {}
    #side-nav ul li a {}
  }
}