@media screen and (max-width: 1200px) {
  .sec {
    margin-top: 60px; }
  .secPad {
    padding: 60px 0; }
  .top .mv .mvSlider {
    width: 75%; }
  .top .sec01::before {
    width: 800px;
    margin-left: -400px; }
  .top .sec02 .reasonList > li .txBox {
    width: calc(100% - 30px);
    padding: 40px 20px 55px; }
    .top .sec02 .reasonList > li .txBox .copy {
      font-size: 1.8rem; }
  .top .sec03 .courseList > li .img {
    width: 55%; }
  .top .sec03 .courseList > li .txBox {
    width: 45%; }
    .top .sec03 .courseList > li .txBox .txBoxIn .ttl {
      font-size: 2.2rem; }
    .top .sec03 .courseList > li .txBox .txBoxIn .tagList > li {
      font-size: 1.3rem; } }

@media screen and (max-width: 768px) {
  /*=================================================================
common
================================================================= */
  #wrapper {
    float: none;
    width: 100%; }
  /*=================================================================
cmn_parts
================================================================= */
  .cmn_newsList li .txBox {
    margin-top: 20px; }
    .cmn_newsList li .txBox .day {
      font-size: 1.2rem; }
    .cmn_newsList li .txBox .tx {
      font-size: 1.3rem; }
    .cmn_newsList li .txBox .tagList {
      margin-top: 10px; }
      .cmn_newsList li .txBox .tagList > li {
        font-size: 1.2rem; }
  .cmn_navArea {
    position: absolute;
    right: 0;
    width: calc(100% - 65px);
    top: 0; }
    .cmn_navArea .logo {
      padding: 15px 20px 15px 0; }
      .cmn_navArea .logo img {
        width: 242px !important;
        height: 36px !important; }
  /*=================================================================
top
================================================================= */
  #loader .enCopy .in {
    font-size: 2.0rem;
    letter-spacing: -1px; }
  .top {
    position: relative; }
    .top::before {
      display: none; }
    .top .secTtl {
      text-align: center;
      line-height: 1.7;
      margin-bottom: 30px; }
      .top .secTtl span {
        font-size: 4.0rem;
        display: block;
        letter-spacing: -2px;
        line-height: 1; }
    .top .mv {
      height: auto; }
      .top .mv::before {
        height: 65px; }
      .top .mv .mvSlider {
        position: relative;
        width: 100%;
        height: 500px; }
      .top .mv .txBox {
        position: absolute;
        top: 260px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        bottom: 30px;
        left: 20px;
        width: calc(100% - 40px);
        text-align: center; }
        .top .mv .txBox .main {
          font-size: 11.0rem;
          letter-spacing: -8px; }
          .top .mv .txBox .main::before {
            bottom: 15px;
            height: 5px; }
        .top .mv .txBox .copy {
          font-size: 1.8rem; }
        .top .mv .txBox .enTx {
          margin-top: 15px; }
      .top .mv .newsBox {
        position: relative;
        width: 100%;
        bottom: 0; }
        .top .mv .newsBox .wrap {
          padding: 20px; }
          .top .mv .newsBox .wrap .day {
            font-size: 1.2rem; }
          .top .mv .newsBox .wrap .tx {
            font-size: 1.3rem; }
            .top .mv .newsBox a .wrap .tagList {
              margin-top: 12px; }
              .top .mv .newsBox a .wrap .tagList > li {
                font-size: 1.1rem; }
    .top .sec01 {
      margin-top: 60px; }
      .top .sec01::before {
        top: 150px;
        width: calc(100% - 140px);
        left: 70px;
        margin-left: 0; }
      .top .sec01 .inrL {
        width: 100%; }
      .top .sec01 .secTtl span {
        font-size: 3.6rem; }
      .top .sec01 .secWrap .cmn_newsList .slick-current a .txBox .tx {
        font-size: 1.3rem; }
      .top .sec01 .secWrap .slick-list {
        padding-top: 0 !important;
        padding-left: 32px !important;
        padding-right: 32px !important; }
      .top .sec01 .secWrap .slick-slide {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        padding: 0; }
      .top .sec01 .secWrap .slick-current {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }
      .top .sec01 .secWrap .slick-next {
        width: 20px;
        height: 70px;
        top: 25%; }
      .top .sec01 .secWrap .slick-prev {
        width: 20px;
        height: 70px;
        top: 25%; }
    .top .sec02 {
      margin-top: 70px; }
      .top .sec02 .secTtl {
        text-align: center;
        margin-bottom: 30px; }
      .top .sec02 .reasonList > li {
        width: 100%;
        margin: 0 0 50px; }
        .top .sec02 .reasonList > li::before {
          top: -25px;
          right: 25px;
          font-size: 6.0rem; }
        .top .sec02 .reasonList > li:nth-child(2), .top .sec02 .reasonList > li:nth-child(3) {
          margin-top: 0; }
        .top .sec02 .reasonList > li a .img {
          padding-top: 66%; }
        .top .sec02 .reasonList > li .txBox {
          width: calc(100% - 40px);
          margin-top: -35px;
          padding: 25px 20px 45px; }
          .top .sec02 .reasonList > li .txBox .copy {
            font-size: 1.7rem; }
          .top .sec02 .reasonList > li .txBox .btnStyle_02 {
            right: 20px;
            bottom: 10px; }
    .top .sec03 {
      margin-top: 70px; }
      .top .sec03 .secTtl span {
        display: block;
        margin-right: 0; }
      .top .sec03 .courseList > li {
        margin-bottom: 40px; }
        .top .sec03 .courseList > li .img {
          width: calc(100% - 40px);
          height: auto;
          float: none;
          padding-top: 66%; }
        .top .sec03 .courseList > li .txBox {
          position: static;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
          width: calc(100% - 50px);
          margin: -25px 0 0 30px; }
          .top .sec03 .courseList > li .txBox .txBoxIn {
            padding: 40px 20px 25px 20px; }
            .top .sec03 .courseList > li .txBox .txBoxIn::before {
              top: 25px;
              bottom: 0;
              left: 0;
              width: 100%;
              height: calc(100% - 25px); }
            .top .sec03 .courseList > li .txBox .txBoxIn::after {
              right: -15px;
              bottom: -13px;
              -webkit-transform: scale(0.8, 0.8);
              -ms-transform: scale(0.8, 0.8);
              transform: scale(0.8, 0.8); }
            .top .sec03 .courseList > li .txBox .txBoxIn .ttl {
              font-size: 1.8rem; }
              .top .sec03 .courseList > li .txBox .txBoxIn .ttl span {
                font-size: 1.4rem;
                margin-right: 6px; }
            .top .sec03 .courseList > li .txBox .txBoxIn .tagList {
              margin-top: 12px; }
              .top .sec03 .courseList > li .txBox .txBoxIn .tagList > li {
                font-size: 1.2rem; }
            .top .sec03 .courseList > li .txBox .txBoxIn .tx {
              font-size: 1.4rem;
              margin-top: 10px; }
            .top .sec03 .courseList > li .txBox .txBoxIn .btnStyle_01 a {
              margin-left: auto; }
    .top .sec04 {
      margin-top: 70px; }
      .top .sec04 .bnrWrap .wrap_01 {
        width: 100%;
        margin-right: 0;
        font-size: 0; }
        .top .sec04 .bnrWrap .wrap_01 > li {
          display: inline-block;
          vertical-align: top;
          width: 48.5%;
          margin-bottom: 0; }
          .top .sec04 .bnrWrap .wrap_01 > li:nth-child(1) {
            margin-right: 3%; }
      .top .sec04 .bnrWrap .wrap_02 {
        width: 100%;
        margin: 3% 0 0 0; }
      .top .sec04 .bnrWrap .wrap_03 {
        width: 100%;
        margin-top: 3%;
        font-size: 0; }
        .top .sec04 .bnrWrap .wrap_03.bnrList > li {
          margin-bottom: 3%; }
          .top .sec04 .bnrWrap .wrap_03.bnrList > li:nth-child(1), .top .sec04 .bnrWrap .wrap_03.bnrList > li:nth-child(2) {
            width: 48.5%;
            display: inline-block;
            vertical-align: top; }
          .top .sec04 .bnrWrap .wrap_03.bnrList > li:nth-child(1) {
            margin-right: 3%; }
          .top .sec04 .bnrWrap .wrap_03.bnrList > li:nth-child(3) {
            width: 100%;
            margin: 0; }
    .top .sec05 {
      margin-top: 70px; }
      .top .sec05 .ocList > li {
        width: 100%;
        margin: 0 0 30px; }
        .top .sec05 .ocList > li .txBox {
          width: calc(100% - 40px);
          margin-top: -30px;
          padding: 6px; }
          .top .sec05 .ocList > li .txBox .txBoxIn {
            padding: 17px 10px; }
            .top .sec05 .ocList > li .txBox .txBoxIn .ttl {
              font-size: 1.5rem; }
    .top .sec06 {
      margin-top: 70px; }
      .top .sec06 .secTtl span {
        font-size: 4.0rem; }
      .top .sec06 .movieList {
        text-align: center; }
        .top .sec06 .movieList li {
          text-align: left;
          margin-bottom: 30px; }
          .top .sec06 .movieList li:last-child {
            margin-bottom: 0; }
          .top .sec06 .movieList li a .tx {
            font-size: 1.5rem;
            margin-top: 15px;
            line-height: 1.7; }
            .top .sec06 .movieList li a .tx span {
              font-size: 1.2rem;
              margin-left: 0px;
              padding: 2px 6px; }
    .top .sec07 {
      margin-top: 70px;
      padding-bottom: 70px; }
      .top .sec07::before {
        top: 25px; }
      .top .sec07 .secTtl {
        text-align: left; }
        .top .sec07 .secTtl span {
          font-size: 4.0rem; }
      .top .sec07 .accordion .en {
        width: 30px;
        font-size: 2.0rem;
        padding: 7px 0 4px;
        vertical-align: top; }
      .top .sec07 .accordion dt {
        font-size: 1.4rem; }
        .top .sec07 .accordion dt .tx {
          width: calc(100% - 40px); }
      .top .sec07 .accordion dd .txBox {
        padding: 0 0 30px; }
        .top .sec07 .accordion dd .txBox .nmlTx {
          width: calc(100% - 40px);
          font-size: 1.3rem; }
    .top .footer {
      margin: 0; }
  /*=================================================================
inPage
================================================================= */
  .inPage {
    /*=================================================================
opencampus
================================================================= */ }
	.inPage{
		overflow-x: hidden!important;
	}
    .inPage #container {
      padding-top: 50px; }
    .inPage .mv {
      margin-top: 65px;
      margin-bottom: 20px; }
      .inPage .mv .imgBox {
        width: 100%;
        padding-top: 50%;
        height: auto; }
      .inPage .mv .txBox {
        width: 100%;
        padding: 0 20px;
        position: static;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        margin-top: -30px; }
        .inPage .mv .txBox .enTx {
          font-size: 3.2rem;
          padding: 9px 8px 0 8px; }
        .inPage .mv .txBox .jaTx {
          font-size: 1.5rem;
          padding: 0;
          margin-top: 5px; }
      .inPage .mv .tegaki {
        right: 0px;
        bottom: -21px;
        max-width: 50%; }
    .inPage .hukidashiTx_01 span {
      font-size: 1.5rem;
      padding: 0 22px; }
      .inPage .hukidashiTx_01 span::before {
        width: 21px;
        height: 40px; }
      .inPage .hukidashiTx_01 span::after {
        width: 21px;
        height: 40px; }
    .inPage .opencampus .sec01 .ocWrap .mainBox {
      width: 100%; }
      .inPage .opencampus .sec01 .ocWrap .mainBox .img {
        float: none; }
      .inPage .opencampus .sec01 .ocWrap .mainBox .txBox {
        width: calc(100% - 30px);
        padding: 6px;
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        margin: -25px auto 0; }
        .inPage .opencampus .sec01 .ocWrap .mainBox .txBox .in {
          background: #fff;
          padding: 20px 10px;
          text-align: center;
          position: relative; }
          .inPage .opencampus .sec01 .ocWrap .mainBox .txBox .in::before {
            font-size: 10.0rem; }
          .inPage .opencampus .sec01 .ocWrap .mainBox .txBox .in .inin .ttl {
            font-size: 2.0rem;
            margin-bottom: 5px; }
            .inPage .opencampus .sec01 .ocWrap .mainBox .txBox .in .inin .ttl span {
              font-size: 1.4rem; }
          .inPage .opencampus .sec01 .ocWrap .mainBox .txBox .in .inin .read {
            font-size: 1.4rem; }
    .inPage .opencampus .sec01 .ocWrap .bgOn {
      padding: 100px 15px 40px 15px;
      margin-top: -60px; }
      .inPage .opencampus .sec01 .ocWrap .bgOn .readTx01 {
        font-size: 1.5rem; }
      .inPage .opencampus .sec01 .ocWrap .bgOn table.infoTbl tr td, .inPage .opencampus .sec01 .ocWrap .bgOn table.infoTbl tr th {
        font-size: 1.3rem;
        padding: 10px; }
      .inPage .opencampus .sec01 .ocWrap .bgOn table .movieBnr a {
        padding: 7px; }
        .inPage .opencampus .sec01 .ocWrap .bgOn table .movieBnr a .img {
          width: 80px;
          margin-right: 10px; }
        .inPage .opencampus .sec01 .ocWrap .bgOn table .movieBnr a .tx {
          width: calc(100% - 90px);
          font-size: 1.3rem; }
      .inPage .opencampus .sec01 .ocWrap .bgOn .ctList > li {
        padding: 15px; }
        .inPage .opencampus .sec01 .ocWrap .bgOn .ctList > li::before {
          top: 5px;
          left: 5px;
          border-width: 30px 30px 0 0; }
        .inPage .opencampus .sec01 .ocWrap .bgOn .ctList > li .txBox {
          width: 100%; }
          .inPage .opencampus .sec01 .ocWrap .bgOn .ctList > li .txBox .num {
            width: 100%;
            display: block;
            font-size: 3.0rem;
            text-align: center; }
          .inPage .opencampus .sec01 .ocWrap .bgOn .ctList > li .txBox .txWrap {
            display: block;
            width: 100%;
            text-align: center; }
            .inPage .opencampus .sec01 .ocWrap .bgOn .ctList > li .txBox .txWrap .ttl {
              font-size: 2.0rem;
              line-height: 1.55; }
              .inPage .opencampus .sec01 .ocWrap .bgOn .ctList > li .txBox .txWrap .ttl span {
                font-size: 1.3rem; }
            .inPage .opencampus .sec01 .ocWrap .bgOn .ctList > li .txBox .txWrap .tx {
              font-size: 1.4rem; }
        .inPage .opencampus .sec01 .ocWrap .bgOn .ctList > li .imgBox {
          width: 100%;
          max-width: 310px;
          display: block;
          margin: 15px auto 0 auto; }
      .inPage .opencampus .sec01 .ocWrap .bgOn .cvBtn a {
        font-size: 1.4rem;
        padding: 20px 5px; }
    .inPage .opencampus .sec02 {
        display: none;
    }
    .inPage .opencampus .sec02 .read01 {
      font-size: 1.5rem; }
    .inPage .opencampus .sec02 .scheBox {
      padding: 3px; }
      .inPage .opencampus .sec02 .scheBox .ttl {
        width: 100%;
        font-size: 1.6rem;
        line-height: 1.6;
        padding: 3px 10px 6px 10px; }
      .inPage .opencampus .sec02 .scheBox .whiteBox {
        padding: 15px; }
        .inPage .opencampus .sec02 .scheBox .whiteBox .dayList > li {
          font-size: 1.4rem;
          padding: 2px 5px; }
    .inPage .opencampus .sec03 .boxWrap {
      font-size: 0; }
      .inPage .opencampus .sec03 .boxWrap .txBox, .inPage .opencampus .sec03 .boxWrap .mapBox {
        width: 100%; }
      .inPage .opencampus .sec03 .boxWrap .txBox {
        text-align: center;
        margin-bottom: 20px; }
        .inPage .opencampus .sec03 .boxWrap .txBox .tx01 {
          font-size: 1.8rem; }
        .inPage .opencampus .sec03 .boxWrap .txBox .tx02 {
          font-size: 1.4rem; } }