@charset "UTF-8";
/* テンプレート
------------------------*/
.template {
  background-color: #eee;
  width: 100%;
  height: 50px; }
  @media screen and (max-width: 640px) {
    .template {
      width: 100%;
      height: 25px;
      background-color: #999; } }

.wrap--m {
  width: 100%;
  margin: auto;
  max-width: 980px;
  overflow-y: hidden; }

.pc {
  display: block; }

.main {
  overflow: hidden; }
  .main .position-headline {
    position: relative;
    width: 100%;
    max-width: 1800px;
    margin: 0 auto; }
  .main .position-lastimg {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 5rem 0rem; }
  .main .position-footer {
    position: relative;
    width: 100%;
    max-width: 1800px;
    margin: 0 auto; }
  .main section .wrap--l .wrap--m .template {
    height: 570px;
    text-align: center;
    font-size: 1.5rem;
    padding-top: 7rem; }
  .main section .wrap--l .wrap--m .text-space {
    font-size: 2.3rem;
    padding-bottom: 10rem; }
    @media screen and (max-width: 640px) {
      .main section .wrap--l .wrap--m .text-space {
        font-size: 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center; } }
  .main .section1 .wrap--l {
    padding-top: 3rem;
    padding-bottom: 0rem;
    margin: 0 auto;
    text-align: center;
    position: relative; }
    @media screen and (max-width: 640px) {
      .main .section1 .wrap--l {
        padding-top: 8%; } }
    .main .section1 .wrap--l .int_deco3 {
      position: absolute;
      left: -10%;
      top: 35%; }
      @media screen and (max-width: 640px) {
        .main .section1 .wrap--l .int_deco3 {
          display: none; } }
    .main .section1 .wrap--l .int_deco4 {
      position: absolute;
      right: 0%;
      top: 60%; }
      @media screen and (max-width: 640px) {
        .main .section1 .wrap--l .int_deco4 {
          display: none; } }
  .main .section1 .section1-text {
    padding-bottom: 5rem;
    text-align: center;
    font-weight: bold; }
    @media screen and (max-width: 640px) {
      .main .section1 .section1-text {
        padding-bottom: 5%; } }
    .main .section1 .section1-text b {
      font-size: 5rem;
      letter-spacing: 0.2rem;
      vertical-align: baseline; }
      @media screen and (max-width: 640px) {
        .main .section1 .section1-text b {
          letter-spacing: 0.3rem;
          font-size: 2.8rem;
          text-align: center;
          padding: 0% 5%; } }
    .main .section1 .section1-text p {
      font-size: 1.8rem;
      letter-spacing: 0.3rem;
      line-height: 200%;
      vertical-align: baseline; }
      @media screen and (max-width: 640px) {
        .main .section1 .section1-text p {
          font-size: 1.3rem;
          text-align: center;
          padding: 0% 8%; } }
  .main .section2 {
    background-color: #f6ad3c; }
    .main .section2 .wrap--l {
      padding-top: 8rem;
      padding-bottom: 0rem;
      text-align: center;
      position: relative; }
    .main .section2 .section2-text {
      padding-bottom: 6rem;
      text-align: center;
      font-weight: bold; }
      @media screen and (max-width: 640px) {
        .main .section2 .section2-text {
          padding-bottom: 3rem; } }
      .main .section2 .section2-text b.fukidasideco {
        position: relative;
        line-height: 2em;
        text-indent: 2em; }
      .main .section2 .section2-text b.fukidasideco:before {
        position: absolute;
        left: -31rem;
        top: -4rem;
        content: "";
        display: inline-block;
        width: 293px;
        height: 161px;
        background: url(/../_assets/img/kashiwa/int_floor/int_deco1.png) no-repeat;
        background-size: contain; }
        @media screen and (max-width: 640px) {
          .main .section2 .section2-text b.fukidasideco:before {
            display: none; } }
      .main .section2 .section2-text .int_deco1 {
        display: none; }
        @media screen and (max-width: 640px) {
          .main .section2 .section2-text .int_deco1 {
            display: block;
            width: 30%;
            position: absolute;
            left: 5%;
            top: 5%; } }
      .main .section2 .section2-text img {
        width: 600px; }
        @media screen and (max-width: 640px) {
          .main .section2 .section2-text img {
            width: 85%; } }
      .main .section2 .section2-text b {
        color: black;
        font-size: 3.5rem;
        letter-spacing: 0.3rem;
        vertical-align: baseline; }
        @media screen and (max-width: 640px) {
          .main .section2 .section2-text b {
            letter-spacing: 0.3rem;
            font-size: 2rem;
            text-align: center; } }
      .main .section2 .section2-text .btext {
        font-size: 6rem;
        letter-spacing: 0.3rem;
        vertical-align: baseline; }
        @media screen and (max-width: 640px) {
          .main .section2 .section2-text .btext {
            letter-spacing: 0.3rem;
            font-size: 2em;
            text-align: center; } }
      .main .section2 .section2-text p {
        color: white;
        font-size: 8.5rem;
        font-weight: bold;
        letter-spacing: 0.4rem;
        vertical-align: baseline; }
        @media screen and (max-width: 640px) {
          .main .section2 .section2-text p {
            font-size: 3rem;
            text-align: center; } }
      .main .section2 .section2-text .ptext {
        color: black;
        font-size: 15.5rem;
        font-weight: bold;
        vertical-align: baseline;
        letter-spacing: 0rem; }
        @media screen and (max-width: 640px) {
          .main .section2 .section2-text .ptext {
            font-size: 6rem;
            text-align: center; } }
      .main .section2 .section2-text .p2text {
        color: white;
        font-size: 10.2rem;
        font-weight: 600;
        vertical-align: baseline; }
        @media screen and (max-width: 640px) {
          .main .section2 .section2-text .p2text {
            font-size: 4rem;
            text-align: center; } }
  .main .section3 {
    background: url("/../_assets/img/kashiwa/int_floor/int_backimg.jpg") no-repeat;
    background-size: cover;
    background-repeat: no-repeat; }
    .main .section3 .wrap--l {
      padding-top: 8rem;
      padding-bottom: 7rem;
      margin: 0 auto;
      text-align: center;
      position: relative; }
      @media screen and (max-width: 640px) {
        .main .section3 .wrap--l {
          padding-top: 12%;
          padding-bottom: 7%; } }
    .main .section3 .int_deco5 {
      position: absolute;
      left: -13%;
      top: 95%; }
      @media screen and (max-width: 640px) {
        .main .section3 .int_deco5 {
          display: none; } }
    .main .section3 .int_deco6 {
      position: absolute;
      right: -15%;
      top: 160%; }
      @media screen and (max-width: 640px) {
        .main .section3 .int_deco6 {
          display: none; } }
    .main .section3 .section3-text {
      padding-bottom: 3rem;
      text-align: center;
      font-weight: bold;
      color: white; }
      .main .section3 .section3-text b {
        font-size: 4rem;
        letter-spacing: 0.3rem;
        vertical-align: baseline; }
        @media screen and (max-width: 640px) {
          .main .section3 .section3-text b {
            letter-spacing: 0.3rem;
            font-size: 2.2rem;
            text-align: center;
            padding: 0% 5%; } }
      .main .section3 .section3-text p {
        font-size: 1.6rem;
        letter-spacing: 0.2rem;
        line-height: 190%;
        vertical-align: baseline; }
        @media screen and (max-width: 640px) {
          .main .section3 .section3-text p {
            font-size: 1.3rem;
            text-align: center;
            padding: 0% 5%; } }
    .main .section3 .int-box {
      display: block;
      width: 960px;
      border: 10px solid #f6ad3c;
      padding: 0; }
      @media screen and (max-width: 640px) {
        .main .section3 .int-box {
          display: inline-block;
          width: 80%;
          text-align: center; } }
    .main .section3 .listTest {
      display: inline-block;
      width: 780px;
      padding: 9rem 0rem 5rem 0rem;
      text-align: left; }
      @media screen and (max-width: 640px) {
        .main .section3 .listTest {
          display: inline-block;
          width: 90%;
          padding: 10% 0% 2% 0%; } }
    .main .section3 .listTest ol li {
      margin-bottom: 4rem;
      text-indent: -1em;
      padding-left: 1em; }
      @media screen and (max-width: 640px) {
        .main .section3 .listTest ol li {
          margin-bottom: 1%; } }
    .main .section3 li {
      color: #f6ad3c;
      font-size: 2.3rem;
      font-weight: bold;
      letter-spacing: 0.2rem;
      ine-height: 190%;
      padding-bottom: 2rem; }
      @media screen and (max-width: 640px) {
        .main .section3 li {
          font-size: 1.8rem; } }
      .main .section3 li p {
        color: white;
        font-size: 1.6rem; }
        @media screen and (max-width: 640px) {
          .main .section3 li p {
            font-size: 1.3rem; } }

.main .border-dot {
  margin: 0 auto; }

.teacher {
  width: 100%;
  background: #f5ac3c; }
  @media screen and (max-width: 640px) {
    .teacher {
      padding: 0 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }