@charset "utf-8";

/************************************************************
  テスティーとは
*************************************************************/
.introduction {
}
  .introduction > section {
    margin-bottom: 2em;
  }
    .introduction > section h2 {
      margin-bottom: 0.75em;
      padding-bottom: 0.25em;
      border-bottom: 2px solid #009E8A;
      font-size: 140%;
    }
      .introduction > section h2:before {
        margin-right: 0.2em;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f138";
        color: #009E8A;
      }

    .introduction > section p {
      margin-bottom: 1em;
      line-height: 1.6;
    }
      .introduction > section p:last-of-type {
        /*margin-bottom: 0;*/
      }

  /* 教育理念①②③
  --------------------------------------------------------*/
    .introduction ul#edid {
      margin-bottom: 1em;
      padding: 1em;
      background: #F3F3F3;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
    }
      .introduction ul#edid li {
        margin-bottom: 0.75em;
        font-size: 125%;
        font-weight: bold;
        color: #009E8A;
        line-height: 1.4;
      }
        .introduction ul#edid li:last-of-type {
          margin-bottom: 0;
        }

  /* 塾長挨拶
  --------------------------------------------------------*/
  .introduction > section h2 + p img {
    float: right;
    margin-bottom: 0.5em;
    margin-left: 1em;
    max-width: 170px;
  }
  .introduction > section p.right {
    text-align: right;
  }

    /* 塾長プロフィール */
    .introduction > section > div#profile {
      margin: 1em 0;
      padding: 1em;
      background: #F3F3F3;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
    }
      .introduction > section > div#profile h3 {
        margin-bottom: 0.75em;
        color: #009E8A;
        font-size: 115%;
      }
      .introduction > section > div#profile p {
        font-size: 90%;
        text-align: left !important;
      }
      .introduction > section > div#profile p.linkTxt {
        font-size: 1rem !important;
      }


/************************************************************
  開成番長メソッド
*************************************************************/
.kaisei-bancho-method {
}
  .kaisei-bancho-method > p {
    margin-bottom: 1em;
    line-height: 1.6;
  }
  .kaisei-bancho-method > p img {
    float: right;
    margin-bottom: 0.5em;
    margin-left: 1em;
    max-width: 170px;
  }
  @media only screen and (max-width: 767px){
    .kaisei-bancho-method > p:nth-of-type(1) {
      text-align: center;
    }
      .kaisei-bancho-method > p img {
        float: none;
        margin-left: 0;
      }
  }

  .kaisei-bancho-method > section {
    margin-bottom: 2em;
  }
    .kaisei-bancho-method > section h2 {
      margin-bottom: 0.75em;
      padding-bottom: 0.25em;
      border-bottom: 2px solid #009E8A;
      font-size: 140%;
    }
      .kaisei-bancho-method > section h2:before {
        margin-right: 0.2em;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f138";
        color: #009E8A;
      }

    .kaisei-bancho-method > section p {
      margin-bottom: 1em;
      line-height: 1.6;
    }

  /* 開成番長推理講座
  --------------------------------------------------------*/
  .kaisei-bancho-method > section.suiri {
  }
    .kaisei-bancho-method > section.suiri h3 {
      margin-bottom: 0.75em;
      font-size: 125%;
      color: #009E8A;
    }
    .kaisei-bancho-method > section.suiri p.image {
      text-align: center;
    }
      .kaisei-bancho-method > section.suiri p.image img {
        max-width: 300px;
      }
    .kaisei-bancho-method > section.suiri p.point {
      font-weight: bold;
    }

    /* 募集要項 */
    .kaisei-bancho-method > section.suiri > div {
      margin-bottom: 1em;
    }
      .kaisei-bancho-method > section.suiri > div > p {
        width: 200px;
        float: left;
      }
        .kaisei-bancho-method > section.suiri > div > p img {
          max-width: 200px;
        }
      .kaisei-bancho-method > section.suiri > div > div {
        width: 450px;
        float: right;
      }
        .kaisei-bancho-method > section.suiri > div > div dl {
          margin-bottom: 0.5em;
        }
          .kaisei-bancho-method > section.suiri > div > div dl dt {
            color: #009e8a;
            line-height: 1.4;
          }
          .kaisei-bancho-method > section.suiri > div > div dl dd {
            line-height: 1.4;
          }
            .kaisei-bancho-method > section.suiri > div > div dl dd span {
              display: block;
              font-size: 90%;
            }
      @media only screen and (min-width: 768px) and (max-width: 959px) {
        .kaisei-bancho-method > section.suiri > div > p {
          width: 30%;
        }
        .kaisei-bancho-method > section.suiri > div > div {
          width: 68%;
        }
      }
      @media only screen and (max-width: 767px){
        .kaisei-bancho-method > section.suiri > div > p {
          width: 100%;
          float: none;
          text-align: center;
        }
          .kaisei-bancho-method > section.suiri > div > p img {
            max-width: 300px;
          }
        .kaisei-bancho-method > section.suiri > div > div {
          width: 100%;
          float: none;
        }
      }

  /* 開成番長記憶講座
  --------------------------------------------------------*/
  .kaisei-bancho-method > section.kioku {
  }
    .kaisei-bancho-method > section.kioku p.image {
      text-align: center;
    }
      .kaisei-bancho-method > section.kioku p.image img {
        max-width: 300px;
      }
    .kaisei-bancho-method > section.kioku .point {
      font-weight: bold;
    }
    .kaisei-bancho-method > section.kioku .notes {
      text-align: center;
      font-size: 90%;
    }

    .kaisei-bancho-method > section.kioku li {
      margin-bottom: 1em;
    }

    /* おすすめ */
    .kaisei-bancho-method > section.kioku ul.recommend {
      margin-bottom: 2em;
    }
      .kaisei-bancho-method > section.kioku ul.recommend li {
        font-size: 115%;
        font-weight: bold;
      }
        .kaisei-bancho-method > section.kioku ul.recommend li:before {
          margin-right: 0.2em;
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f14a";
          color: #009E8A;
        }
      .kaisei-bancho-method > section.kioku ul.recommend li:last-of-type {
        margin-bottom: 0;
      }


    /* 講座概要 */
    .kaisei-bancho-method > section.kioku h3 {
      margin-bottom: 0.75em;
      border-bottom: 1px solid #009E8A;
      font-size: 125%;
      font-weight: bold;
      color: #009E8A;
    }
    /* 受講者の声 */
    .kaisei-bancho-method > section.kioku > div#voice {
      margin: 1em 0 2em;
      padding: 1em;
      background: #F3F3F3;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
    }
      .kaisei-bancho-method > section.kioku > div#voice ul li {
        margin-bottom: 0.75em;
        padding-bottom: 0.75em;
        border-bottom: 1px dotted #CCC;
        line-height: 1.6;
      }
        .kaisei-bancho-method > section.kioku > div#voice ul li:before {
          margin-right: 0.2em;
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\f0e6";
          color: #009E8A;
        }
      .kaisei-bancho-method > section.kioku > div#voice ul li:last-of-type {
        margin-bottom: 0;
        border-bottom: none;
      }


    /* 募集要項 */
    .kaisei-bancho-method > section.kioku > div#req {
      margin-bottom: 1em;
    }
      .kaisei-bancho-method > section.kioku > div#req > p {
        width: 200px;
        float: left;
      }
        .kaisei-bancho-method > section.kioku > div#req > p img {
          max-width: 200px;
        }
      .kaisei-bancho-method > section.kioku > div#req > div {
        width: 450px;
        float: right;
      }
        .kaisei-bancho-method > section.kioku > div#req > div dl {
          margin-bottom: 0.5em;
        }
          .kaisei-bancho-method > section.kioku > div#req > div dl dt {
            color: #009e8a;
            line-height: 1.4;
          }
          .kaisei-bancho-method > section.kioku > div#req > div dl dd {
            line-height: 1.4;
          }
            .kaisei-bancho-method > section.kioku > div#req > div dl dd span {
              display: block;
              font-size: 90%;
            }
      @media only screen and (min-width: 768px) and (max-width: 959px) {
        .kaisei-bancho-method > section.kioku > div#req > p {
          width: 30%;
        }
        .kaisei-bancho-method > section.kioku > div#req > div {
          width: 68%;
        }
      }
      @media only screen and (max-width: 767px){
        .kaisei-bancho-method > section.kioku > div#req > p {
          width: 100%;
          float: none;
          text-align: center;
        }
          .kaisei-bancho-method > section.kioku > div#req > p img {
            max-width: 300px;
          }
        .kaisei-bancho-method > section.kioku > div#req > div {
          width: 100%;
          float: none;
        }
      }


/************************************************************
  コース案内
*************************************************************/
.corse {
}
  .corse > p {
    margin-bottom: 1em;
    line-height: 1.6;
  }
  .corse > p span {
    display: block;
    font-size: 90%;
  }

  .corse > section {
    margin-bottom: 2em;
  }
    .corse > section h2 {
      margin-bottom: 1em;
      padding-bottom: 0.25em;
      border-bottom: 2px solid #009E8A;
      font-size: 140%;
    }
      .corse > section h2:before {
        margin-right: 0.2em;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f138";
        color: #009E8A;
      }

    .corse > section h3 {
      margin-bottom: 0.75em;
      padding-bottom: 0.25em;
      border-bottom: 1px solid #009E8A;
      font-size: 125%;
      font-weight: bold;
      color: #009E8A;
    }
      .corse > section h3:before {
        margin-right: 0.2em;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f040";
        color: #009E8A;
      }
      .corse > section h3.ao:before {
        content: "\f19d";
      }

    .corse > section h4 {
      margin-bottom: 0.75em;
      padding-bottom: 0.25em;
      border-bottom: 1px dotted #009E8A;
      font-size: 100%;
      font-weight: bold;
    }

    .corse > section p {
      margin-bottom: 1em;
      line-height: 1.6;
    }
    .corse > section li {
      margin-bottom: 1em;
    }

  /* 開成番長記憶講座
  --------------------------------------------------------*/
  .corse > section > div.type {
    margin-bottom: 1em;
    padding: 1em;
    background: #F3F3F3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }


/************************************************************
  入塾の流れ
*************************************************************/
.flow {
}
  .flow > section {
	  margin-left: 0.25em;
	  margin-right: 0.25em;
	  margin-bottom: 1em;
  }
    .flow > section h2 {
     margin-bottom: 1em;
	 margin-left: 0.1em;
	 margin-right: 0.1em;
      padding: 0.5em;
      background: #F3F3F3;
      -webkit-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      font-size: 125%;
      font-weight: bold;
    }
      .flow > section h2 span {
        margin-right: 0.5em;
        padding: 0 0.5em;
        background: #009E8A;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        color: #FFF;
        font-weight: normal;
      }

  .flow > section p {
    margin-bottom: 1em;
	margin-left: 0.1em;
	margin-right: 0.1em;
    line-height: 1.6;
  }
  .flow > section li {
    margin-bottom: 1em;
  }

  .flow > section.step:after {
	margin-bottom: 1em;
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f063";
    color: #009E8A;
    font-size: 200%;
    text-align: center;
	margin-top: 0;
	margin-left: 0.1em;
	margin-right: 0;
  }

  /* キャンペーン
  --------------------------------------------------------*/
  .flow #campaign {
    margin-bottom: 1em;
	margin-left: 0.1em;
	margin-right: 0.1em;
    padding: 1em;
    -webkit-background-size: 2px 2px;
    -moz-background-size: 2px 2px;
    background-size: 2px 2px;
    background-color: #E0E0E0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,
          color-stop(.25, #FFF), color-stop(.25, transparent),
          color-stop(.5, transparent), color-stop(.5, #FFF),
          color-stop(.75, #FFF), color-stop(.75, transparent),
          to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #FFF 25%, transparent 25%,
          transparent 50%, #FFF 50%, #FFF 75%,
          transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #FFF 25%, transparent 25%,
          transparent 50%, #FFF 50%, #FFF 75%,
          transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #FFF 25%, transparent 25%,
          transparent 50%, #FFF 50%, #FFF 75%,
          transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #FFF 25%, transparent 25%,
          transparent 50%, #FFF 50%, #FFF 75%,
          transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #FFF 25%, transparent 25%,
          transparent 50%, #FFF 50%, #FFF 75%,
          transparent 75%, transparent);
      -webkit-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
  }
    .flow #campaign h2 {
      color: #ff2690;
      font-size: 125%;
      font-weight: bold;
      margin-bottom: 0.25em;
      text-align: center;
    }
    .flow #campaign p {
      line-height: 1.4;
    }

  /* STEP1
  --------------------------------------------------------*/
  .flow ul#school {
   margin: 0em 0em 1em 0.1em;
  }
    .flow ul#school li {
     margin: 0em 0em 1em 0.1em;
    }
      .flow ul#school li > p {
        float: left;
        width: 15%;
		  margin: 0em 0em 1em 0.1em;
      }
        .flow ul#school li > p img {
          max-width: 600px;
        }
      .flow ul#school li > div {
        float: right;
        width: 83%;
      }
        .flow ul#school li > div h3 {
          line-height: 1.6;
        }
        .flow ul#school li > div p {
          margin-bottom: 0 !important;
        }

    @media only screen and (min-width: 768px) and (max-width: 959px) {
    }
    @media only screen and (max-width: 767px){
      .flow ul#school li > p {
        width: 20%;
      }
      .flow ul#school li > div {
        width: 78%;
      }
    }

  /* STEP4
  --------------------------------------------------------*/
  .flow  > section p.image {
    text-align: center;
  }
    .flow  > section p.image img {
      max-width: 359px;
    }


/************************************************************
  ウェブ個別指導
*************************************************************/
.webko {
}
  .webko > p {
  }
    .webko p.center {
      margin-bottom: 2em !important;
      /*text-align: center;*/
    }
    .webko p.inquiry {
      margin: 2em 0;
    }
    .webko p.profile img {
      float: right;
      margin-bottom: 0.5em;
      margin-left: 1em;
      max-width: 170px;
    }
    @media only screen and (max-width: 767px){
      .webko p.profile img {
        float: none;
        margin: 0 auto;
      }
    }

  .webko img {
    display: block;
    margin: 0 auto;
    max-width: 670px;
  }
    .webko img.skype { max-width: 333px !important;}
    .webko img.base { max-width: 200px !important;}
    .webko img.flow1 { max-width: 592px !important;}
    .webko img.flow2 { max-width: 145px !important;}
    .webko img.voice { max-width: 370px !important;}

  .webko > section {
  }
    .webko > section h2 {
      margin-bottom: 0.75em;
      padding: 0.5em;
      background: #00A8A0;
      -webkit-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      font-size: 175%;
      font-weight: bold;
      text-align: center;
      color: #FFF;
      line-height: 1.2;
    }
      .webko > section h2 span {
        color: #FF0;
      }
      .webko > section h2.trophy:before {
        margin-right: 0.2em;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f091";
      }

    .webko > section h3 {
      margin-bottom: 1em;
      padding-bottom: 0.25em;
      border-bottom: 2px solid #00A8A0;
      font-size: 140%;
      line-height: 1.2;
    }
      .webko > section h3:before {
        margin-right: 0.2em;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f138";
        color: #00A8A0;
      }
      .webko > section h3.qstn:before {
        content: "\f059";
      }
    @media only screen and (max-width: 767px){
      .webko > section h2 {
        font-size: 140%;
      }
    }

  .webko > section p {
    margin-bottom: 1em;
    line-height: 1.6;
  }
  .webko > section li {
    margin-bottom: 1em;
    font-weight: bold;
    line-height: 1.4;
  }
    .webko > section li:before {
      margin-right: 0.2em;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f111";
      color: #00A8A0;
    }

  /* 塾長プロフィール
  --------------------------------------------------------*/
  .webko > section > div#profile {
    margin: 1em 0;
    padding: 1em;
    background: #F3F3F3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
    .webko > section > div#profile h4 {
      margin-bottom: 0.75em;
      color: #009E8A;
      font-size: 115%;
    }
    .webko > section > div#profile p {
      font-size: 90%;
      text-align: left !important;
    }

  /* Q&A
  --------------------------------------------------------*/
  .webko > section h3.qstn {
    margin-bottom: 0.5em !important;
  }
  .webko > section h3.qstn + p {
    margin-bottom: 2em !important;
  }


/************************************************************
  講師陣
*************************************************************/
.teachers {
}
  .teachers > section {
    margin-bottom: 2em;
  }

    .teachers > section h1 {
      margin-bottom: 0.5em;
      padding: 0.5em;
      background: #F3F3F3;
      -webkit-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      font-size: 115%;
      font-weight: bold;
    }
      .teachers > section h1 span {
        margin-right: 0.5em;
        color: #009E8A;
      }
    .teachers > section > div {
    }
      .teachers > section div > p {
        float: left;
        width: 140px;
      }
      .teachers > section dl {
        float: right;
        margin-bottom: 0.5em;
        width: 500px;
        line-height: 1.4;
      }
        .teachers > section dl dt {
          float: left;
          width: 90px;
          color: #009E8A;
        }
        .teachers > section dl dd {
          float: left;
          width: 410px;
        }

  .teachers > section h2 {
    margin-bottom: 0.75em;
    padding-bottom: 0.25em;
    border-bottom: 2px solid #009E8A;
    font-size: 140%;
  }
    .teachers > section h2:before {
      margin-right: 0.2em;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f138";
      color: #009E8A;
    }
  .teachers > section h3 {
    margin-bottom: 0.5em;
    font-size: 115%;
    color: #009E8A;
  }
  .teachers > section > p {
    margin-bottom: 1em;
    line-height: 1.4;
  }

  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .teachers > section div > p {
      width: 30%;
    }
      .teachers > section div > p img {
        max-width: 140px;
      }
      .teachers > section dl {
        width: 68%;
        font-size: 90%;
      }
        .teachers > section dl dt {
          width: 20%;
        }
        .teachers > section dl dd {
          width: 78%;
        }

  }
  @media only screen and (max-width: 767px){
    .teachers > section div > p {
      float: none;
      margin-bottom: 0.5em;
      width: 100%;
      text-align: center;
    }
      .teachers > section div > p img {
        max-width: 140px;
      }
    .teachers > section dl {
      float: none;
      width: 100%;
      font-size: 90%;
    }
      .teachers > section dl dt {
        width: 25%;
      }
      .teachers > section dl dd {
        width: 73%;
      }

      .teachers > section h2 {
        font-size: 125%;
      }
      .teachers > section h3 {
        font-size: 100%;
      }
  }


/************************************************************
  校舎詳細、校舎一覧
*************************************************************/
#schoolData {
}
  #schoolData > section {
    margin-bottom: 2em;
  }

  #schoolData > section h2 {
    margin-bottom: 0.75em;
    padding-bottom: 0.25em;
    border-bottom: 4px solid #009E8A;
    font-size: 175%;
  }
  #schoolData > section h3 {
    margin-bottom: 0.75em;
    padding-bottom: 0.25em;
    border-bottom: 2px solid #009E8A;
    font-size: 140%;
  }
    #schoolData > section h3:before {
      margin-right: 0.2em;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f138";
      color: #009E8A;
    }

  /* 校舎写真x2
  --------------------------------------------------------*/
  #schoolData > div#pic {
    margin-bottom: 2em;
  }
    #schoolData > div#pic ul {
    }
      #schoolData > div#pic ul li {
        width: 330px;
      }
        #schoolData > div#pic ul li:nth-of-type(1) { float: left;}
        #schoolData > div#pic ul li:nth-of-type(2) { float: right;}

      #schoolData > div#pic ul li img {
        height: auto;
        max-width: 100%;
        width: 100%;
        /* Firefox 品質重視(https://developer.mozilla.org/ja/docs/Web/CSS/image-rendering) */
        image-rendering: optimizeQuality;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
      }

    @media only screen and (min-width: 480px) and (max-width: 959px) {
      #schoolData > div#pic ul li {
        width: 49%;
      }
    }
    @media only screen and (max-width: 479px){
      #schoolData > div#pic ul li {
        width: 100%;
      }
        #schoolData > div#pic ul li:nth-of-type(1) {
          margin-bottom: 0.5em;
          float: none;
          text-align: center;
        }
        #schoolData > div#pic ul li:nth-of-type(2) {
          float: none;
          text-align: center;
        }

      #schoolData > div#pic ul li img {
        max-width: 480px;
      }
    }

  /* 校舎情報
  --------------------------------------------------------*/
  #schoolData > section#data {
    margin-bottom: 2em;
  }
    #schoolData > section#data > div {
    }
    #schoolData > section#data > div.list { /* 一覧専用 */
      margin-bottom: 1em;
      padding-bottom: 1em;
      border-bottom: 1px dotted #999;
    }
      #schoolData > section#data > div > p {
        width: 47%;
        float: left;
      }
        #schoolData > section#data > div > p img {
          height: auto;
          max-width: 100%;
          width: 100%;
          /* Firefox 品質重視(https://developer.mozilla.org/ja/docs/Web/CSS/image-rendering) */
          image-rendering: optimizeQuality;
        }
      #schoolData > section#data > div > div {
        width: 50%;
        float: right;
      }
        #schoolData > section#data > div > div h1 a {
          margin-bottom: 0.25em;
          font-size: 150%;
          line-height: 1.4;
        }
        #schoolData > section#data > div > div dl {
          margin-bottom: 0.5em;
        }
          #schoolData > section#data > div > div dl dt {
            line-height: 1.4;
            color: #009E8A;
          }
          #schoolData > section#data > div > div dl dd {
            line-height: 1.4;
          }
    @media only screen and (min-width: 768px) and (max-width: 959px) {
      #schoolData > section#data > div > p {
        width: 37%;
      }
      #schoolData > section#data > div > div {
        width: 60%;
      }
    }
    @media only screen and (max-width: 767px){
      #schoolData > section#data > div > p {
        margin-bottom: 0.75em;
        width: 100%;
        float: none;
        text-align:center;
      }
        #schoolData > section#data > div > p img {
          max-width: 600px;
        }
      #schoolData > section#data > div > div {
        width: 100%;
        float: none;
      }
    }

  /* キャンペーン
  --------------------------------------------------------*/
  #schoolData > section#campaign {
    margin-bottom: 2em;
  }
    #schoolData > section#campaign > p.text {
      margin: 1.5em 0;
      font-size: 115%;
      font-weight: bold;
      line-height: 1.4;
      color:#FF288F;
    }

    #schoolData > section#campaign ul li {
      margin-bottom: 0.75em;
    }
      #schoolData > section#campaign ul li p {
        width: 30%;
        float: left;
      }
      #schoolData > section#campaign ul li p img {
        height: auto;
        max-width: 100%;
        width: 100%;
        /* Firefox 品質重視(https://developer.mozilla.org/ja/docs/Web/CSS/image-rendering) */
        image-rendering: optimizeQuality;
      }
      #schoolData > section#campaign ul li dl {
        width: 68%;
        float: right;
      }
        #schoolData > section#campaign ul li dl dt {
          line-height: 1.4;
          color: #009E8A;
        }
          #schoolData > section#campaign ul li dl dt:before {
            margin-right: 0.2em;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f041";
            color: #009E8A;
          }
        #schoolData > section#campaign ul li dl dd {
          line-height: 1.4;
        }
          #schoolData > section#campaign ul li dl dd:after {
            margin-right: 0.2em;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f0ab";
            color: #009E8A;
          }
          #schoolData > section#campaign ul li:last-of-type dl dd:after {
            content: "";
          }

  /* アクセス
  --------------------------------------------------------*/
  #schoolData > section#access {
    margin-bottom: 2em;
  }
    #schoolData > section#access > h3 + p {
      margin: 1em 0 !important;
      font-size: 100% !important;
      font-weight: normal !important;
    }
    #schoolData > section#access > p {
      margin: 1.5em 0;
      font-size: 115%;
      font-weight: bold;
      line-height: 1.4;
    }

    #schoolData > section#access ul li {
      margin-bottom: 0.75em;
    }
      #schoolData > section#access ul li p {
        width: 30%;
        float: left;
      }
      #schoolData > section#access ul li p img {
        height: auto;
        max-width: 100%;
        width: 100%;
        /* Firefox 品質重視(https://developer.mozilla.org/ja/docs/Web/CSS/image-rendering) */
        image-rendering: optimizeQuality;
      }
      #schoolData > section#access ul li dl {
        width: 68%;
        float: right;
      }
        #schoolData > section#access ul li dl dt {
          line-height: 1.4;
          color: #009E8A;
        }
          #schoolData > section#access ul li dl dt:before {
            margin-right: 0.2em;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f041";
            color: #009E8A;
          }
        #schoolData > section#access ul li dl dd {
          line-height: 1.4;
        }
          #schoolData > section#access ul li dl dd:after {
            margin-right: 0.2em;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f0ab";
            color: #009E8A;
          }
          #schoolData > section#access ul li:last-of-type dl dd:after {
            content: "";
          }

  /* 通塾エリア
  --------------------------------------------------------*/
  #schoolData > section#area {
    margin-bottom: 2em;
  }
    #schoolData > section#area h3 + p {
      margin-bottom: 1em;
      line-height: 1.4;
    }
    #schoolData > section#area h4 {
      margin-bottom: 0.5em;
      padding: 0.5em;
      background: #F3F3F3;
      -webkit-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      font-size: 115%;
    }
      #schoolData > section#area h4:before {
        margin-right: 0.2em;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #009E8A;
      }
      #schoolData > section#area h4.train:before   { content: "\f239";}
      #schoolData > section#area h4.address:before { content: "\f124";}



    #schoolData > section#area dl {
      margin-bottom: 0.75em;
      padding-bottom: 0.75em;
      border-bottom: 1px dotted #009E8A;
    }
      #schoolData > section#area dl.bn {
        border-bottom: none !important;
      }
      #schoolData > section#area dl dt {
        margin-bottom: 0.25em;
          line-height: 1.4;
          color: #009E8A;
      }
      #schoolData > section#area dl dd {
        line-height: 1.4;
      }


/************************************************************
  Q&A
*************************************************************/
.qa {
}
  .qa > section {
    margin-bottom: 2em;
  }
    .qa > section h2 {
      margin-bottom: 0.5em;
      padding-bottom: 0.25em;
      border-bottom: 2px solid #009E8A;
      font-size: 140%;
      line-height: 1.2;
    }
      .qa > section h2:before {
        margin-right: 0.2em;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f059";
        color: #009E8A;
      }
    .qa > section h3 {
      margin-bottom: 0.5em;
      font-size: 115%;
      color: #009E8A;
      line-height: 1.2;
    }

  .qa > section p {
    margin-bottom: 1em;
    line-height: 1.6;
  }
    .qa > section p:last-of-type {
      margin-bottom: 0;
    }
      .qa > section p:first-of-type:before {
        margin-right: 0.2em;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f075";
        color: #009E8A;
      }
  .qa > section table {
    margin-bottom: 0.5em;
  }
    .qa > section table th {
      text-align: center;
    }
    .qa > section table + p {
      font-size: 90%;
    }
    @media only screen and (min-width: 768px) and (max-width: 959px) {
    }
    @media only screen and (max-width: 767px){
      .qa > section table {
        font-size: 90%;
      }
        .qa > section table td {
          padding: 0.5em;
        }
    }

/************************************************************
  プライバシーポリシー
*************************************************************/
.privacy {
}
  .privacy > section {
    margin-bottom: 2em;
  }
    .privacy > section h2 {
      margin-bottom: 0.5em;
      padding-bottom: 0.25em;
      border-bottom: 2px solid #009E8A;
      font-size: 125%;
      line-height: 1.2;
    }

  .privacy p {
    margin-bottom: 1.5em;
    line-height: 1.4;
    font-size: 90%;
  }
    .privacy > section p:last-of-type {
      margin-bottom: 0;
    }

    .privacy > section ol {
      margin-bottom: 1em;
    }
      .privacy > section ol li {
        list-style: lower-roman inside;
        line-height: 1.4;
        font-size: 90%;
      }

    .privacy > section > div#cookie {
      margin: 1.5em 0;
      padding: 1em;
      background: #F3F3F3;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
    }
      .privacy > section > div#cookie h3 {
        margin-bottom: 0.75em;
        color: #009E8A;
        font-size: 90%;
      }
      .privacy > section > div#cookie p {
        font-size: 78%;
        text-align: left !important;
      }


/************************************************************
  無料面談・体験授業
*************************************************************/
#inquiryBox {
  padding: 10px;
-webkit-background-size: 2px 2px;
-moz-background-size: 2px 2px;
background-size: 2px 2px;
background-color: #E0E0E0;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #FFF), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #FFF),
            color-stop(.75, #FFF), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #FFF 25%, transparent 25%,
          transparent 50%, #FFF 50%, #FFF 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #FFF 25%, transparent 25%,
          transparent 50%, #FFF 50%, #FFF 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #FFF 25%, transparent 25%,
          transparent 50%, #FFF 50%, #FFF 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #FFF 25%, transparent 25%,
          transparent 50%, #FFF 50%, #FFF 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #FFF 25%, transparent 25%,
          transparent 50%, #FFF 50%, #FFF 75%,
          transparent 75%, transparent);
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

  #inquiryBox > p {
    float: left;
    width: 30%;
  }
    #inquiryBox > p img {
      height: auto;
      max-width: 100%;
      width: auto; /* for ie8 */
    }
  #inquiryBox > div {
    float: right;
    width: 68%;
  }
    #inquiryBox > div h2 {
      margin-bottom: 0.25em;
      text-align: center;
      font-size: 165%;
      font-weight: bold;
      color: #FF2690;
    }
    #inquiryBox > div dl dt {
      margin-bottom: 0.5em;
      font-weight: bold;
    }
    #inquiryBox > div dl dd {
      margin-bottom: 0.5em;
      font-size: 90%;
    }
    #inquiryBox p.linkBtnMax {
      background: #FF2790 !important;
    }
  @media only screen and (max-width: 640px){
    #inquiryBox > p {
      float: none;
      margin-bottom: 0.75em;
      width: 100%;
      text-align: center;
    }
      #inquiryBox > p img {
        max-width: 80%;
      }
    #inquiryBox > div {
      float: none;
      width: 100%;
    }
      #inquiryBox > div dl dd {
        font-size: 100%;
      }
  }


/************************************************************
  固定ページ / Contact Form 7
*************************************************************/
.inquiry {
  margin-bottom: 0 !important;
}
div[role="form"] {
  font-size: 18px;
}
  #cf7Form {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }

    #cf7Form section {
      margin-bottom: 1em;
    }

    #cf7Form p {
      margin-bottom: 1em;
      font-size: 100%;
      line-height:1.6;
    }
      #cf7Form p.notes {
        color: #009E8A;
      }
      #cf7Form p b {
        color: #F00;
      }

  /* 電話番号 */
  #cf7Form > div#tel {
    margin-bottom: 2em;
    padding: 1em;
    background: #F3F3F3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
    #cf7Form > div#tel h3 {
      margin-bottom: 0.75em;
      color: #009E8A;
      font-size: 100%;
    }
    #cf7Form > div#tel ul li {
      margin-bottom: 0.6em;
      font-size: 115%;
      text-align: left !important;
    }

  /* 枠線 個別指定 */
  #cf7Form input[type="text"],
  #cf7Form input[type="tel"],
  #cf7Form input[type="email"],
  #cf7Form textarea {
    border: 1px solid #d4d4d7 !important;
  }
  /* ボタンサイズ 個別指定 */
  #cf7Form input[type="submit"] { font-size: 125%;}
  #cf7Form input[type="reset"]  { font-size: 90%;}
  #cf7Form input[type="button"] { font-size: 90%;}

  @media only screen and (max-width: 767px){
    #cf7Form p.check {
      font-size: 100%;
    }

    /* ボタンサイズ 個別指定 */
    #cf7Form input[type="submit"] { font-size: 100%;}
  }

  #cf7Form dl {
    margin-bottom: 1em;
    padding: 1em;
    background: #FFF;
    border: 1px solid #CCCCCC;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    line-height:1.4;
  }
    #cf7Form dl dt {
      float: left;
      width: 40%;
      margin-bottom: 1em;
      font-size: 90%;
    }
      #cf7Form dl dt.must:after {
        float: right;
        content: "必須";
        margin-right: 1.5em;
        padding: 0 0.5em;
        background: #FF288F;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        font-size: 90%;
        color: #FFFFFF;
        text-align: center;
      }
    #cf7Form dl dd {
      float: left;
      width: 60%;
      margin-bottom: 1em;
      font-size: 90%;
    }
      #cf7Form dl dd span.exp {
        display: block;
      }
        #cf7Form dl dd span.exp span {
          color: #F00;
        }

  /* 中央寄せ（確認, 送信ボタン） */
  #cf7Form p.btn {
    text-align: center;
  }
  #cf7Form p.check {
    padding: 0.25em 0;
    background: #CFFED3;
    text-align: center;
  }

  /* Checkboxを縦並び */
  span.wpcf7-list-item {
    display: block !important;
    margin-left: 0 !important;
  }

  @media only screen and (max-width: 959px){
    #cf7Form dl dt {
      float: none;
      width: 100%;
      margin-bottom: 0.5em;
    }
      #cf7Form dl dt.must:after {
        margin-right: 0.25em;
        float: left;
      }
    #cf7Form dl dd {
      float: none;
      width: 100%;
    }
    span.wpcf7-form-control-wrap {
      display: block !important;
    }
  }

  /* Contact Form 7 メッセージ枠
  ------------------------------------------------------------*/
  .wpcf7 .wpcf7-response-output {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }
    .wpcf7 .wpcf7-validation-errors,
    .wpcf7-mail-sent-ng {
      border: none !important;
      background: #FF0000;
      font-size: 90%;
      color: #FFFFFF;
      text-align: center;
    }
    .wpcf7 .wpcf7-mail-sent-ok {
      padding: 1em 0;
      border: none !important;
      background: #009E8A;
      font-size: 100%;
      color: #FFFFFF;
      text-align: center;
    }
  .wpcf7 .wpcf7-not-valid {
    background: #FFC4C4;
  }

  /* 送信ボタン
  ------------------------------------------------------------*/
  .wpcf7 input[type="submit"] {
    padding-left: 3em;
    padding-right: 3em;
    background: #009E8A;
    color: #FFF;
    /* http://stackoverflow.com/questions/5449412/styling-input-buttons-for-ipad-and-iphone */
     -webkit-appearance: none;
  }
  .wpcf7 input[type="submit"]:hover {
    background: #006054;
  }

  .wpcf7c-conf {
    background: #CFFED3 !important;
    border: none !important;
    color: #000000 !important;
  }

  /* ajax-loader (imgのwidth:100%による隙間対応) */
  .btn img.ajax-loader {
    width: auto;
  }

  /* 送信完了
  ------------------------------------------------------------*/
  .finish p {
    margin-bottom: 1.5em;
    font-size: 90%;
    line-height:1.4;
  }
    @media only screen and (max-width: 767px){
      .finish p {
        font-size: 100%;
      }
    }


/************************************************************
  検索結果ページ(search.php)
*************************************************************/

/************************************************************
  エラーページ(404.php)
*************************************************************/
section.err {
}
  section.err p {
    margin-bottom: 1em;
    line-height: 1.4;
  }

/*******************************************************************************
            ▼　自由が丘校　新規開校 / １０周年特別記念キャンペーン実施中！　▼
*******************************************************************************/

.jiyugaoka-sp-frame,
.spring-sp-frame{
  display:none;
}

@media screen and (min-width: 0px) and (max-width: 768px) {

  .jiyugaoka-pc-frame,
  .spring-pc-frame{
    display:none;
  }

  .jiyugaoka-sp-frame,
  .spring-sp-frame{
    display:block;
  }

  .jiyugaoka-sp-frame img,
  .spring-sp-frame img{
    width:100%;
  }

}

/*******************************************************************************
            ▲　自由が丘校　新規開校 / １０周年特別記念キャンペーン実施中！　▲
*******************************************************************************/