@charset "utf-8";
/* CSS Document */
@import url("layout_sp.css");
@media (max-width: 1023px) {
  /* ----------------------------------------------- wrapper */
  #wrapper {}
  /* ----------------------------------------------- */
  h2 {}
  h2::before {}
  .btn {}
  .btn:hover {}
  .btn::after {}
  .btn:hover::after {}
  /* ----------------------------------------------- mainvisual */
  #mainvisual {}
  #mainvisual .inner {
    padding: 80px 0 0;
  }
  /*philosophy*/
  .philosophy {
    display: flex;
    flex-direction: column;
    padding: 90px 0 0;
  }
  .philosophy::after {
    width: 70%;
  }
  .philosophy .slogan {
    margin: 0 0 40px;
    text-align: left;
  }
  .philosophy .slogan img {
    max-width: 60%;
  }
  /*slider*/
  .slider_wrap {}
  .slider_wrap::before {}
  .slider_wrap::after {}
  .slider {}
  .slider li {
    max-width: 65vw;
  }
  .slider li img {}
  @media (max-width: 767px) {
    #mainvisual {}
    #mainvisual .inner {}
    /*philosophy*/
    .philosophy {
      padding: 50px 0 0;
    }
    .philosophy::after {}
    .philosophy .slogan {
      margin: 0 0 40px;
      padding-left: 20px;
    }
    .philosophy .slogan img {
      max-width: 85%;
    }
    /*slider*/
    .slider_wrap {}
    .slider_wrap::before {
      transform: scale(.4);
      transform-origin: left;
    }
    .slider_wrap::after {
      transform: scale(.4);
      transform-origin: right;
    }
    .slider {}
    .slider li {
      max-width: 74vw;
      margin: 0 8px;
    }
    .slider li img {}
  }
  /* ----------------------------------------------- topic-banner */
  #topic-banner {}
  #topic-banner .inner {}
  #topic-banner ul {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0 0;
    width: calc(100% - 60px);
  }
  #topic-banner ul li {
    max-width: 460px;
    margin: 4px 0;
  }
  #topic-banner ul li a {}
  #topic-banner ul li a img {}
  /* ----------------------------------------------- news */
  #news {}
  #news .inner {}
  #news h2 {}
  #news h2::before {}
  #news ul {
    margin: 44px auto;
  }
  #news ul li {}
  #news ul li::before {}
  #news ul li:hover::before {}
  #news ul li a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #news ul li .day {
    display: flex;
    justify-content: flex-start;
    max-width: none;
    font-size: 1.7rem;
  }
  #news ul li .day .category {
    display: flex;
    justify-content: flex-start;
    margin: auto 0;
    padding: 0 0 0 10px;
    max-width: none;
  }
  #news ul li span {
    margin: 4px;
    font-size: 1.3rem;
  }
  #news ul li span.daiichi {}
  #news ul li span.gifujoshi {}
  #news ul li p {
    text-align: left;
  }
  #news .btn {
    position: relative;
    margin-bottom: 100px;
    top: 0;
  }
  @media (max-width: 767px) {
    #news {}
    #news .inner {
      width: calc(100% - 20px);
    }
    #news h2 {
      font-size: 3.6rem;
    }
    #news h2::before {}
    #news ul {}
    #news ul li {}
    #news ul li::before {}
    #news ul li:hover::before {}
    #news ul li a {}
    #news ul li .day {}
    #news ul li span {}
    #news ul li span.daiichi {}
    #news ul li span.gifujoshi {}
    #news ul li p {}
    #news .btn {}
  }
  /* ----------------------------------------------- about */
  #about {}
  #about::before {}
  #about .inner {
    display: flex;
    flex-direction: column-reverse;
  }
  #about .inner::before {
    clip-path: polygon(0 0, 20% 0, 80% 100%, 0% 100%)
  }
  #about figure {}
  #about figure ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    top: 0;
    margin-bottom: 80px;
  }
  #about figure ul li {
    max-width: 65vw;
  }
  #about figure ul li:nth-child(2) {
    margin: 0 0 0 auto;
  }
  #about figure ul li img {}
  #about figure ul li p {}
  #about .about {
    padding: 120px 0 0;
    max-width: 100%;
    width: calc(100% - 120px);
  }
  #about .about .heading {}
  #about h2 {}
  #about h2::before {}
  #about .heading p {}
  #about .about-list {
    margin: 60px 0 40px;
  }
  #about .about-list li {}
  #about .about-list li a {}
  #about .about-list li a::before {}
  #about .about-list li a::after {}
  @media (max-width: 767px) {
    #about {}
    #about::before {
      transform: scale(.4);
      transform-origin: right;
    }
    #about .inner {}
    #about .inner::before {}
    #about .about {
      padding: 80px 0 0;
      width: calc(100% - 40px);
    }
    #about .about .heading {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 0 auto;
    }
    #about h2 {
      margin: 0 auto;
      font-size: 3.2rem;
    }
    #about h2::before {
      position: absolute;
      top: 0;
      left: 0;
    }
    #about .heading p {
      margin: 20px auto;
    }
    #about .about-list {
      margin: 20px 0 40px;
    }
    #about .about-list li {
      margin: 4px 0;
      width: 100%;
    }
    #about .about-list li a {
      width: 100%;
    }
    #about .about-list li a::before {}
    #about .about-list li a::after {}
  }
  /* ----------------------------------------------- school-list */
  #school-list {}
  #school-list .inner {
    display: flex;
    flex-direction: column;
  }
  #school-list .inner::before {}
  #school-list .heading {
    max-width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 65%, 50% 100%, 0 65%);
    background-size: 100% auto;
  }
  #school-list .heading::before {}
  #school-list h2 {
    padding: 60px 0 72px;
  }
  #school-list h2::before {}
  #school-list .school-list {}
  .school-list ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .school-list ul li {
    margin: 10px;
    width: calc(100% / 2 - 20px);
  }
  .school-list ul li a {}
  .school-list ul li figure {}
  .school-list ul li.daiichi figure {}
  .school-list ul li.gifujoshi figure {}
  .school-list ul li p {}
  .school-list ul li.daiichi p {}
  .school-list ul li.gifujoshi p {}
  .school-list ul li p::before {}
  .school-list ul li.daiichi p::before {}
  .school-list ul li.gifujoshi p::before {}
  @media (max-width: 767px) {
    #school-list {}
    #school-list .inner {}
    #school-list .inner::before {
      transform: scale(.4);
      transform-origin: left;
    }
    #school-list .heading {}
    #school-list .heading::before {}
    #school-list h2 {}
    #school-list h2::before {}
    #school-list .school-list {
      padding: 40px 0;
    }
    .school-list ul {
      width: calc(100% - 60px);
    }
    .school-list ul li {
      width: 100%;
    }
    .school-list ul li a {}
    .school-list ul li figure {}
    .school-list ul li.daiichi figure {}
    .school-list ul li.gifujoshi figure {}
    .school-list ul li p {}
    .school-list ul li.daiichi p {}
    .school-list ul li.gifujoshi p {}
    .school-list ul li p::before {}
    .school-list ul li.daiichi p::before {}
    .school-list ul li.gifujoshi p::before {}
  }
  /* ----------------------------------------------- access */
  #access {}
  #access::before {}
  #access::after {}
  #access .inner {
    display: flex;
    flex-direction: column;
  }
  #access .heading {
    padding: 0 0 70px;
  }
  #access h2 {}
  #access h2::before {}
  #access .map-area {}
  #access iframe {}
  #access .overview {
    max-width: 100%;
  }
  #access h3 {}
  #access h3::before {}
  #access h3 span {}
  #access dl {}
  #access dl dt,
  #access dl dd {}
  #access dl dt {}
  #access dl dd {}
  #access .tel-fax {}
  #access .tel-fax dl {}
  #access .tel-fax dl:first-child {}
  #access .tel-fax dl dt {}
  #access .tel-fax dl dd {}
  #access .btn {}
  #access .googlemap {}
  #access .googlemap::before {}
  @media (max-width: 767px) {
    #access {}
    #access::before {}
    #access::after {}
    #access .inner {
      width: calc(100% - 40px);
    }
    #access .heading {
      padding: 0 0 40px;
    }
    #access h2 {
      left: -10px;
      font-size: 3.6rem;
    }
    #access h2::before {}
    #access .map-area {}
    #access iframe {}
    #access .overview {}
    #access h3 {
      font-size: 2.4rem;
    }
    #access h3::before {}
    #access h3 span {
      margin: 0;
      font-size: 1.8rem;
    }
    #access dl {
      margin: 4px 0;
    }
    #access dl dt,
    #access dl dd {}
    #access dl dt {}
    #access dl dd {}
    #access .tel-fax {}
    #access .tel-fax dl {}
    #access .tel-fax dl:first-child {}
    #access .tel-fax dl dt {}
    #access .tel-fax dl dd {}
    #access .btn {}
    #access .googlemap {}
    #access .googlemap::before {}
  }
}