@charset "UTF-8";
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700italic);
@import url(https://fonts.googleapis.com/css?family=Lato:400);
@import url(https://fonts.googleapis.com/css?family=Lato:400italic);
@import url(https://fonts.googleapis.com/css?family=Lato:700);
@import url(https://fonts.googleapis.com/css?family=Lato:700italic);
@import url(https://fonts.googleapis.com/css?family=Lato:900);
@import url(https://fonts.googleapis.com/css?family=Lato:900italic);
@import url(https://fonts.googleapis.com/css?family=Cinzel:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700italic);
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection, ::selection {
  background: #b3d4fc;
  text-shadow: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

audio, canvas, iframe, img, svg, video {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
  color: #333;
  font: 16px/1.8em "游ゴシック", "Yu Gothic", "YuGothic", Arial, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Roboto, "Droid Sans", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif; }

h1, h2, h3, h4, h5, h6, p, dl {
  margin: 0; }

dd {
  margin-left: 0; }

a {
  color: #333; }

a:focus {
  border: 0;
  outline: 0; }

ul, ol {
  margin: 0;
  padding-left: 0; }
  ul li, ol li {
    list-style: none; }

img {
  max-width: 100%;
  height: auto;
  *zoom: 1; }

* {
  box-sizing: border-box; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.invisible {
  visibility: hidden; }

.clearfix {
  *zoom: 1; }
  .clearfix:before {
    content: " ";
    display: table; }
  .clearfix:after {
    content: " ";
    display: table;
    clear: both; }

/* FONT */
/* FONT */
body {
  position: relative; }

a {
  text-decoration: none; }
  a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70); }

.sp {
  display: none; }

.wrap {
  margin: 0 auto;
  width: 1024px; }

.fLeft {
  float: left; }

.fRight {
  float: right; }

.mask {
  display: inline;
  background: #ffff66; }

.cv_btns {
  position: fixed;
  top: 0;
  right: 150px;
  width: 300px;
  z-index: 99999; }
  .cv_btns li {
    width: 50%;
    float: left; }
    .cv_btns li a {
      display: block;
      font-size: 81.25%;
      line-height: 1.8;
      text-align: center;
      padding: 10px;
      background: url("../images/icon_blank.png") top 5px right 5px no-repeat; }
      .cv_btns li a span {
        display: block; }
    .cv_btns li.oc a {
      background-color: #ff0; }
    .cv_btns li.doc a {
      background-color: #ff667f; }

.pagetop {
  display: inline-block;
  position: absolute;
  bottom: 70px;
  right: 30px; }
  .pagetop.fixed {
    position: fixed;
    bottom: 30px; }

header {
  position: relative;
  min-width: 1024px;
  height: 560px;
  padding: 20px 0;
  background: url("../images/mv.jpg") center center no-repeat;
  background-size: cover; }
  header .logo a:hover {
    opacity: 1; }
  header .catch {
    width: 490px;
    margin: 40px 0 0 80px; }
    header .catch .lead {
      font-size: 131.25%;
      text-align: center;
      font-family: "游明朝体";
      font-style: italic;
      font-weight: 900;
      margin-bottom: 30px; }
      header .catch .lead span {
        display: inline-block;
        position: relative; }
        header .catch .lead span:before {
          position: absolute;
          bottom: 0;
          left: -20px;
          content: "";
          width: 23px;
          height: 41px;
          background: url("../images/bf01.png") no-repeat; }
        header .catch .lead span:after {
          position: absolute;
          bottom: 0;
          right: -20px;
          content: "";
          width: 23px;
          height: 41px;
          background: url("../images/af01.png") no-repeat; }
    header .catch .main-catch {
      position: relative;
      width: 450px;
      padding: 20px 35px 35px;
      border: 5px solid #000; }
      header .catch .main-catch h2 {
        font-size: 343.75%;
        line-height: 1.8; }
        header .catch .main-catch h2 span {
          display: inline;
          border-bottom: 5px solid #333; }
          header .catch .main-catch h2 span b {
            font-family: 'Lato', sans-serif;
            font-weight: 700; }
      header .catch .main-catch .employment-rate {
        display: table;
        position: absolute;
        top: -30px;
        right: 30px;
        font-size: 112.5%;
        text-align: center;
        width: 150px;
        height: 150px;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        background: #ff0; }
        header .catch .main-catch .employment-rate .tbc {
          display: table-cell;
          vertical-align: middle; }
          header .catch .main-catch .employment-rate .tbc .bl {
            display: block;
            font-size: 244.44444%;
            font-weight: bold;
            margin-top: 10px; }
            header .catch .main-catch .employment-rate .tbc .bl span {
              font-size: 60%; }
      header .catch .main-catch .schedule {
        display: inline-block;
        position: absolute;
        bottom: -25px;
        right: -40px;
        color: #fff;
        font-size: 112.5%;
        font-weight: bold;
        padding: 10px 25px;
        background: #ff667f; }

.content {
  min-width: 1024px; }
  .content .box {
    font-size: 150%;
    line-height: 1.8;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    margin: 0 auto;
    border: 4px solid #000; }
  .content .block02 {
    padding: 85px 0 0; }
    .content .block02 .inner02 {
      position: relative;
      padding: 35px;
      background: #f1f1f1; }
      .content .block02 .inner02 .imgpoint {
        display: inline-block;
        position: absolute;
        right: 0;
        bottom: 0; }
    .content .block02 .tl_block01 {
      position: relative;
      font-size: 187.5%;
      font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
      text-align: center;
      margin-bottom: 50px; }
      .content .block02 .tl_block01 span {
        font-size: 120%; }
      .content .block02 .tl_block01:before {
        position: absolute;
        top: -30px;
        left: 50%;
        content: "";
        width: 60px;
        height: 4px;
        margin-left: -30px;
        background: #000; }
    .content .block02 .tl_block02 {
      font-size: 131.25%;
      padding: 10px 35px;
      background: #a1e6e6;
      margin-top: 50px; }
    .content .block02 .photo01 {
      width: 380px; }
    .content .block02 .photo02 {
      width: 467px; }
    .content .block02 .txt01 {
      width: 605px; }
      .content .block02 .txt01 .lead {
        font-size: 131.25%;
        line-height: 1.6;
        margin-bottom: 10px; }
    .content .block02 .txt02 {
      position: relative;
      width: 455px; }
  .content .tl_block03 {
    position: relative;
    font-size: 150%;
    padding: 0 15px;
    margin-bottom: 50px;
    border-left: 5px solid #a1e6e6; }
    .content .tl_block03:after {
      position: absolute;
      left: -5px;
      bottom: -10px;
      content: "";
      width: 100%;
      height: 1px;
      background: #000; }
  .content .voice-work {
    position: relative;
    margin: -40px 0 20px;
    z-index: 999; }
    .content .voice-work .tb {
      display: table;
      width: 100%;
      margin-left: 80px; }
      .content .voice-work .tb .photo {
        display: table-cell;
        width: 237px; }
      .content .voice-work .tb .txt {
        display: table-cell;
        vertical-align: middle;
        padding: 40px 150px 0 50px; }
  .content #cont01 .top-cont {
    color: #fff;
    font-weight: bold;
    padding: 90px 0 60px;
    background: url("../images/bg01.jpg") center top no-repeat;
    background-size: cover; }
    .content #cont01 .top-cont .inner {
      position: relative;
      width: 620px;
      margin: 0 auto;
      text-align: center; }
      .content #cont01 .top-cont .inner .tl_top01 {
        font-size: 150%;
        padding: 30px;
        margin-bottom: 55px;
        border-top: 5px solid #fff;
        border-bottom: 5px solid #fff; }
  .content #cont01 .main-cont {
    padding: 55px 0 100px;
    background: #f1f1f1; }
    .content #cont01 .main-cont .tl_main01 {
      font-size: 187.5%;
      line-height: 1.6;
      text-align: center;
      margin-bottom: 65px; }
      .content #cont01 .main-cont .tl_main01 b {
        font-size: 120%; }
      .content #cont01 .main-cont .tl_main01 span {
        background: linear-gradient(transparent 60%, #ffff66 20%); }
    .content #cont01 .main-cont .inner .main_txt {
      width: 620px; }
    .content #cont01 .main-cont .inner .photo {
      width: 380px; }
  .content #cont02 .top-cont {
    padding: 60px;
    background: url("../images/bg02.jpg") center top no-repeat;
    background-size: cover; }
    .content #cont02 .top-cont .box {
      width: 730px; }
  .content #cont02 .main-cont .tab-block {
    margin-top: 70px; }
    .content #cont02 .main-cont .tab-block .lead {
      font-size: 168.75%;
      text-align: center;
      margin-bottom: 40px; }
      .content #cont02 .main-cont .tab-block .lead span {
        display: inline-block;
        position: relative; }
        .content #cont02 .main-cont .tab-block .lead span:before {
          position: absolute;
          bottom: 0;
          left: -25px;
          content: "";
          width: 18px;
          height: 32px;
          background: url("../images/bf02.png") no-repeat; }
        .content #cont02 .main-cont .tab-block .lead span:after {
          position: absolute;
          bottom: 0;
          right: -25px;
          content: "";
          width: 18px;
          height: 32px;
          background: url("../images/af02.png") no-repeat; }
    .content #cont02 .main-cont .tab-block .cont-menu {
      border-bottom: 2px solid #000; }
      .content #cont02 .main-cont .tab-block .cont-menu .menu_tab li {
        width: 330px;
        float: left;
        margin-right: 17px; }
        .content #cont02 .main-cont .tab-block .cont-menu .menu_tab li:last-child {
          margin-right: 0; }
        .content #cont02 .main-cont .tab-block .cont-menu .menu_tab li a {
          display: block;
          position: relative;
          font-size: 131.25%;
          font-weight: bold;
          text-align: center;
          padding: 15px;
          border: 2px solid #000;
          border-bottom: none;
          background: #f1f1f1; }
          .content #cont02 .main-cont .tab-block .cont-menu .menu_tab li a:hover {
            opacity: 1; }
            .content #cont02 .main-cont .tab-block .cont-menu .menu_tab li a:hover span {
              background: #ffff66; }
          .content #cont02 .main-cont .tab-block .cont-menu .menu_tab li a.active {
            background: #a1e6e6; }
            .content #cont02 .main-cont .tab-block .cont-menu .menu_tab li a.active:after {
              position: absolute;
              bottom: -2px;
              left: 0;
              content: "";
              width: 100%;
              height: 2px;
              background: #a1e6e6; }
    .content #cont02 .main-cont .tab-block .cont-tab {
      padding: 30px 0 60px;
      border-bottom: 2px solid #000;
      background: url("../images/bg_tab.png"); }
      .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .head-tab {
        display: table;
        width: 100%; }
        .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .head-tab .img {
          display: table-cell; }
        .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .head-tab .txt {
          display: inline-block;
          font-size: 112.5%;
          line-height: 1.6;
          vertical-align: middle;
          font-weight: bold;
          z-index: 2; }
          .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .head-tab .txt .quotes01 {
            position: relative; }
            .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .head-tab .txt .quotes01:before {
              display: inline-block;
              content: "";
              width: 24px;
              height: 22px;
              background: url("../images/bf03.png");
              position: absolute;
              left: -25px; }
            .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .head-tab .txt .quotes01:after {
              display: none; }
          .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .head-tab .txt .quotes02 {
            position: relative; }
            .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .head-tab .txt .quotes02:before {
              display: none; }
            .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .head-tab .txt .quotes02:after {
              display: inline-block;
              content: "";
              width: 30px;
              height: 26px;
              background: url("../images/af03.png");
              position: absolute;
              top: 3px; }
      .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .main-tab {
        margin-top: 20px; }
        .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .main-tab .common_tbl {
          font-size: 93.75%;
          line-height: 1.4;
          width: 1024px;
          border-top: 1px solid #d4d4d4;
          border-left: 1px solid #d4d4d4;
          background: #fff; }
          .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .main-tab .common_tbl th {
            width: 16.66667%;
            padding: 3px 5px;
            font-style: italic;
            border-bottom: 1px solid #d4d4d4;
            border-right: 1px solid #d4d4d4; }
            .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .main-tab .common_tbl th.bg01 {
              color: #fff;
              background: #000;
              font-style: normal; }
          .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .main-tab .common_tbl td {
            text-align: center;
            padding: 3px;
            border-bottom: 1px solid #d4d4d4;
            border-right: 1px solid #d4d4d4;
            background: #ffe5ea; }
            .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .main-tab .common_tbl td.bg02 {
              background: #f1f1f1;
              text-align: left;
              padding-left: 30px; }
              .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .main-tab .common_tbl td.bg02 span {
                display: inline-block;
                margin-right: 10px;
                font-size: 140%;
                font-weight: bold; }
            .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .main-tab .common_tbl td.bg03 {
              font-weight: bold;
              background: #a1e6e6; }
              .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .main-tab .common_tbl td.bg03 .notes {
                display: inline-block;
                font-size: 80%;
                margin-left: 10px; }
            .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .main-tab .common_tbl td.bg04 {
              background: #a1e6e6; }
            .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .main-tab .common_tbl td.bg05 {
              font-weight: bold;
              background: #fff; }
  .content #cont03 {
    margin-top: 85px; }
    .content #cont03 .block03 {
      margin-bottom: 80px; }
      .content #cont03 .block03 .inner .list-item li {
        width: 232px;
        float: left;
        margin-right: 32px; }
        .content #cont03 .block03 .inner .list-item li:last-child {
          margin-right: 0; }
        .content #cont03 .block03 .inner .list-item li dl {
          padding-top: 20px; }
          .content #cont03 .block03 .inner .list-item li dl dt {
            font-weight: bold;
            line-height: 1.4; }
          .content #cont03 .block03 .inner .list-item li dl dd {
            font-size: 93.75%;
            line-height: 1.4;
            margin-top: 10px; }
      .content #cont03 .block03 .inner .list-item.list02 {
        margin: 40px 0 60px; }
      .content #cont03 .block03 .inner .learning-box .txt {
        width: 600px; }
        .content #cont03 .block03 .inner .learning-box .txt .lead {
          display: inline-block;
          width: 190px;
          padding: 8px 20px;
          margin-bottom: 10px;
          font-size: 93.75%;
          font-weight: bold;
          text-align: center;
          background: #a1e6e6; }
          .content #cont03 .block03 .inner .learning-box .txt .lead span {
            display: inline-block;
            font-size: 160%;
            margin-left: 15px; }
        .content #cont03 .block03 .inner .learning-box .txt .department {
          font-size: 106.25%;
          font-weight: bold;
          margin-bottom: 10px; }
        .content #cont03 .block03 .inner .learning-box .txt .specialized {
          display: inline;
          font-size: 187.5%;
          font-weight: bold;
          background: linear-gradient(transparent 60%, #ff6 20%); }
        .content #cont03 .block03 .inner .learning-box .txt .txt-main {
          font-size: 93.75%;
          margin-top: 15px; }
      .content #cont03 .block03 .inner .learning-box .photo {
        width: 380px; }
      .content #cont03 .block03 .inner .train-box {
        width: 984px;
        padding: 10px;
        margin: 60px auto;
        background: url("../images/bg_box.png"); }
        .content #cont03 .block03 .inner .train-box .inner-box {
          position: relative;
          padding: 45px 30px 30px;
          background: #fff; }
          .content #cont03 .block03 .inner .train-box .inner-box .lead {
            display: inline-block;
            position: absolute;
            top: -30px;
            left: -30px;
            font-size: 112.5%;
            color: #fff;
            padding: 8px 30px;
            background: #333; }
          .content #cont03 .block03 .inner .train-box .inner-box .txt {
            width: 665px; }
          .content #cont03 .block03 .inner .train-box .inner-box .img {
            display: inline-block;
            position: absolute;
            bottom: 20px;
            right: -30px; }
      .content #cont03 .block03 .inner .course-box {
        padding: 50px;
        background: url("../images/bg03.jpg") no-repeat; }
        .content #cont03 .block03 .inner .course-box .tl_course {
          font-size: 168.75%;
          text-align: center;
          padding: 15px;
          margin-bottom: 50px;
          border-top: 3px solid #333;
          border-bottom: 3px solid #333; }
        .content #cont03 .block03 .inner .course-box .list-course li {
          width: 282px;
          float: left;
          margin-right: 39px;
          text-align: center; }
          .content #cont03 .block03 .inner .course-box .list-course li:last-child {
            margin-right: 0; }
          .content #cont03 .block03 .inner .course-box .list-course li .lead {
            display: inline-block;
            font-size: 75%;
            font-family: 'Lato', sans-serif;
            font-style: italic;
            font-weight: 700;
            width: 160px;
            padding: 5px 10px;
            margin-bottom: 20px;
            background: #ff0; }
            .content #cont03 .block03 .inner .course-box .list-course li .lead span {
              display: inline-block;
              font-size: 120%;
              margin-left: 5px; }
          .content #cont03 .block03 .inner .course-box .list-course li .img {
            margin-bottom: 20px; }
          .content #cont03 .block03 .inner .course-box .list-course li dl {
            text-align: left; }
            .content #cont03 .block03 .inner .course-box .list-course li dl dt {
              font-size: 125%;
              font-weight: bold;
              margin-bottom: 10px; }
            .content #cont03 .block03 .inner .course-box .list-course li dl dd {
              font-size: 93.75%; }
  .content #cont04 .top-cont {
    padding: 60px;
    background: url("../images/bg04.jpg") center top no-repeat;
    background-size: cover; }
    .content #cont04 .top-cont .box {
      width: 500px; }
  .content #cont04 .main-cont {
    padding-top: 70px;
    background: url("../images/bg05.jpg") center top no-repeat;
    background-size: 100% auto; }
    .content #cont04 .main-cont .txt-main {
      margin-bottom: 160px; }
      .content #cont04 .main-cont .txt-main p {
        width: 720px;
        float: right;
        color: #fff;
        font-size: 112.5%;
        font-weight: bold;
        -moz-text-shadow: 0px 0px 2px black;
        -webkit-text-shadow: 0px 0px 2px black;
        -ms-text-shadow: 0px 0px 2px black;
        -o-text-shadow: 0px 0px 2px black;
        text-shadow: 0px 0px 2px black; }
    .content #cont04 .main-cont .list-teachers {
      text-align: center; }
      .content #cont04 .main-cont .list-teachers li {
        display: inline-block;
        width: 230px;
        margin-right: 30px;
        vertical-align: top; }
        .content #cont04 .main-cont .list-teachers li:last-child {
          margin-right: 0; }
        .content #cont04 .main-cont .list-teachers li .img {
          margin-bottom: 15px; }
        .content #cont04 .main-cont .list-teachers li .job {
          font-size: 93.75%;
          font-weight: bold; }
        .content #cont04 .main-cont .list-teachers li .name {
          font-size: 131.25%;
          font-weight: bold;
          margin-bottom: 10px; }
          .content #cont04 .main-cont .list-teachers li .name span {
            font-size: 80%; }
        .content #cont04 .main-cont .list-teachers li .text {
          font-size: 87.5%;
          text-align: left; }
  .content #cont05 {
    margin-top: 80px; }
    .content #cont05 .mt50 {
      margin-top: 50px; }
    .content #cont05 .top-cont {
      padding: 60px;
      margin-bottom: 60px;
      background: url("../images/bg06.jpg") center top no-repeat;
      background-size: cover; }
      .content #cont05 .top-cont .box {
        width: 690px; }
    .content #cont05 .main-cont .job-rate .txt {
      width: 610px; }
      .content #cont05 .main-cont .job-rate .txt .top-txt {
        position: relative; }
        .content #cont05 .main-cont .job-rate .txt .top-txt .txt-left {
          font-size: 93.75%; }
          .content #cont05 .main-cont .job-rate .txt .top-txt .txt-left .lead {
            display: block;
            font-size: 220%;
            font-family: 'Lato', sans-serif;
            font-style: italic;
            font-weight: 900;
            font-weight: bold;
            margin-bottom: 20px; }
          .content #cont05 .main-cont .job-rate .txt .top-txt .txt-left .notes {
            font-size: 86.66667%; }
        .content #cont05 .main-cont .job-rate .txt .top-txt .rate {
          display: inline-block;
          font-size: 750%;
          font-family: 'Cinzel', sans-serif;
          font-style: italic;
          font-weight: 700;
          font-weight: bold;
          float: right; }
          .content #cont05 .main-cont .job-rate .txt .top-txt .rate span {
            font-size: 70%; }
        .content #cont05 .main-cont .job-rate .txt .top-txt:after {
          position: absolute;
          top: 88%;
          left: 0;
          content: "";
          width: 100%;
          height: 13px;
          background: #ffff66;
          z-index: -1; }
      .content #cont05 .main-cont .job-rate .txt .txt-main {
        margin-top: 30px; }
    .content #cont05 .main-cont .job-rate .photo {
      width: 360px; }
    .content #cont05 .main-cont .graf-box {
      position: relative;
      background: url("../images/bg_graf.png") center top 0 no-repeat; }
      .content #cont05 .main-cont .graf-box:before {
        position: absolute;
        top: 10px;
        left: 0;
        width: 100%;
        height: 194px;
        display: block;
        background: url("../images/bf-graf.png") center center no-repeat;
        background-size: contain;
        content: ""; }
      .content #cont05 .main-cont .graf-box .list {
        width: 300px; }
        .content #cont05 .main-cont .graf-box .list dl {
          margin-bottom: 15px; }
          .content #cont05 .main-cont .graf-box .list dl:last-child {
            margin-bottom: 0; }
          .content #cont05 .main-cont .graf-box .list dl dt {
            font-size: 112.5%;
            font-weight: bold; }
          .content #cont05 .main-cont .graf-box .list dl dd {
            font-size: 93.75%;
            margin-top: 10px; }
  .content #cont06 {
    margin: 80px 0; }
    .content #cont06 .top-cont {
      padding: 60px;
      margin-bottom: 60px;
      background: url("../images/bg07.jpg") center top no-repeat;
      background-size: cover; }
      .content #cont06 .top-cont .box {
        width: 800px; }
    .content #cont06 .main-cont .movie-box .tl_movie {
      text-align: center; }
      .content #cont06 .main-cont .movie-box .tl_movie span {
        display: inline-block;
        position: relative;
        font-size: 168.75%; }
        .content #cont06 .main-cont .movie-box .tl_movie span:before {
          position: absolute;
          bottom: 0;
          left: -25px;
          content: "";
          width: 18px;
          height: 32px;
          background: url("../images/bf02.png") no-repeat; }
        .content #cont06 .main-cont .movie-box .tl_movie span:after {
          position: absolute;
          bottom: 0;
          right: -25px;
          content: "";
          width: 18px;
          height: 32px;
          background: url("../images/af02.png") no-repeat; }
    .content #cont06 .main-cont .movie-box .inner-movie {
      text-align: center;
      margin-top: 40px; }
  .content #opencampus {
    background: url("../images/bg_opencampus.jpg") top center no-repeat;
    background-size: cover; }
    .content #opencampus .wrap {
      position: relative;
      padding: 80px 0; }
    .content #opencampus .tl_open {
      text-align: center;
      margin-bottom: 10px; }
    .content #opencampus .tl_small {
      font-size: 131.25%;
      font-weight: bold;
      text-align: center;
      margin-bottom: 60px; }
    .content #opencampus .date-box {
      margin: 40px 0; }
      .content #opencampus .date-box.box-b .tl_date {
        overflow: hidden;
        line-height: 1.3;
        text-align: center; }
        .content #opencampus .date-box.box-b .tl_date:before, .content #opencampus .date-box.box-b .tl_date:after {
          display: none; }
        .content #opencampus .date-box.box-b .tl_date .main_txt {
          position: relative;
          padding: 0 20px; }
          .content #opencampus .date-box.box-b .tl_date .main_txt:before {
            position: absolute;
            top: 50%;
            left: 100%;
            content: "";
            width: 1000%;
            height: 4px;
            margin-top: -2px;
            background: #333; }
          .content #opencampus .date-box.box-b .tl_date .main_txt:after {
            position: absolute;
            top: 50%;
            right: 100%;
            content: "";
            width: 1000%;
            height: 4px;
            margin-top: -2px;
            background: #333; }
      .content #opencampus .date-box.box-02 .tl_date {
        position: relative;
        text-align: center; }
        .content #opencampus .date-box.box-02 .tl_date:before {
          width: 360px; }
        .content #opencampus .date-box.box-02 .tl_date:after {
          width: 360px; }
      .content #opencampus .date-box.box-03 .tl_date {
        position: relative;
        text-align: center; }
        .content #opencampus .date-box.box-03 .tl_date:before {
          width: 230px; }
        .content #opencampus .date-box.box-03 .tl_date:after {
          width: 230px; }
      .content #opencampus .date-box.haft {
        width: 470px; }
        .content #opencampus .date-box.haft .tl_date {
          position: relative;
          text-align: center; }
          .content #opencampus .date-box.haft .tl_date:before {
            width: 45px; }
          .content #opencampus .date-box.haft .tl_date:after {
            width: 45px; }
        .content #opencampus .date-box.haft:last-child .tl_date {
          position: relative;
          text-align: center; }
          .content #opencampus .date-box.haft:last-child .tl_date:before {
            width: 80px; }
          .content #opencampus .date-box.haft:last-child .tl_date:after {
            width: 80px; }
      .content #opencampus .date-box .bf_txt {
        text-align: center;
        margin-bottom: 20px; }
        .content #opencampus .date-box .bf_txt span {
          display: inline-block;
          position: relative;
          display: inline-block;
          color: #fff;
          font-weight: bold;
          padding: 0 20px;
          font-size: 112.5%;
          font-style: normal;
          background: #ff667f;
          -webkit-transform: skew(-10deg);
          -moz-transform: skew(-10deg);
          -o-transform: skew(-10deg);
          -ms-transform: skew(-10deg);
          transform: skew(-10deg); }
          .content #opencampus .date-box .bf_txt span:before {
            position: absolute;
            top: 100%;
            left: 10%;
            content: '';
            width: 0;
            height: 0;
            color: #fff;
            border: 4px solid transparent;
            border-right-color: #ff667f;
            border-top-color: #ff667f; }
      .content #opencampus .date-box .tl_date {
        position: relative;
        text-align: center; }
        .content #opencampus .date-box .tl_date:before {
          position: absolute;
          top: 50%;
          left: 0;
          content: "";
          width: 260px;
          height: 4px;
          margin-top: -2px;
          background: #333; }
        .content #opencampus .date-box .tl_date:after {
          position: absolute;
          top: 50%;
          right: 0;
          content: "";
          width: 260px;
          height: 3px;
          margin-top: -2px;
          background: #333; }
        .content #opencampus .date-box .tl_date .main_txt {
          display: inline-block;
          position: relative;
          font-size: 187.5%;
          font-family: "Open Sans", sans-serif;
          font-weight: 700;
          font-style: italic; }
      .content #opencampus .date-box .inner-box {
        margin-top: 30px; }
        .content #opencampus .date-box .inner-box .list_event.txtCen {
          text-align: center; }
        .content #opencampus .date-box .inner-box .list_event li {
          display: inline-block;
          font-family: "Open Sans", sans-serif;
          font-weight: 700;
          font-style: italic;
          width: 110px;
          height: 110px;
          margin-right: 6px;
          margin-bottom: 17px;
          background: #fff;
          text-align: center;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          -ms-border-radius: 100%;
          -o-border-radius: 100%;
          border-radius: 100%;
          border: 2px solid #333; }
          .content #opencampus .date-box .inner-box .list_event li div {
            display: block;
            padding: 25px 0; }
            .content #opencampus .date-box .inner-box .list_event li div .day {
              font-family: 'Open Sans', sans-serif;
              font-size: 156.25%;
              margin-bottom: 5px;
              font-weight: bold; }
              .content #opencampus .date-box .inner-box .list_event li div .day b {
                position: relative;
                top: 6px;
                font-size: 140%; }
              .content #opencampus .date-box .inner-box .list_event li div .day.sat {
                color: #2ea8e6; }
              .content #opencampus .date-box .inner-box .list_event li div .day.sun {
                color: #ff5533; }
            .content #opencampus .date-box .inner-box .list_event li div .week {
              font-size: 100%; }
              .content #opencampus .date-box .inner-box .list_event li div .week.sat {
                color: #2ea8e6; }
              .content #opencampus .date-box .inner-box .list_event li div .week.sun {
                color: #ff5533; }
    .content #opencampus .list_btn ul {
      text-align: center; }
      .content #opencampus .list_btn ul li {
        display: inline-block;
        width: 380px;
        margin-right: 20px; }
        .content #opencampus .list_btn ul li a {
          display: block;
          font-size: 131.25%;
          font-weight: bold;
          font-style: italic;
          padding: 20px 0;
          background: #ff0;
          -webkit-transform: skew(-7deg);
          -moz-transform: skew(-7deg);
          -o-transform: skew(-7deg);
          -ms-transform: skew(-7deg);
          transform: skew(-7deg); }
          .content #opencampus .list_btn ul li a span {
            display: block;
            -webkit-transform: skew(7deg);
            -moz-transform: skew(7deg);
            -o-transform: skew(7deg);
            -ms-transform: skew(7deg);
            transform: skew(7deg); }
    .content #opencampus .imgpoint {
      position: absolute;
      bottom: 0;
      right: -20px; }

footer .top-foot {
  text-align: center;
  background: url("../images/bg08.jpg") center top no-repeat;
  background-size: cover; }
  footer .top-foot .box {
    position: relative;
    padding: 60px 0; }
    footer .top-foot .box .btn {
      display: inline-block; }
      footer .top-foot .box .btn a {
        display: block;
        font-size: 131.25%;
        font-weight: bold;
        width: 500px;
        padding: 20px;
        -webkit-transform: skew(-15deg);
        -moz-transform: skew(-15deg);
        -o-transform: skew(-15deg);
        -ms-transform: skew(-15deg);
        transform: skew(-15deg);
        border: 4px solid #000; }
        footer .top-foot .box .btn a span {
          display: block;
          -webkit-transform: skew(15deg);
          -moz-transform: skew(15deg);
          -o-transform: skew(15deg);
          -ms-transform: skew(15deg);
          transform: skew(15deg); }
    footer .top-foot .box .imgpoint {
      display: inline-block;
      position: absolute;
      bottom: 0;
      right: 75px; }
footer .info-foot {
  text-align: center;
  padding: 40px 0 30px;
  background: #e2e2e2; }
  footer .info-foot .logo-foot {
    margin-bottom: 5px; }
  footer .info-foot .add {
    font-size: 93.75%; }
  footer .info-foot .contact {
    margin-top: 35px; }
    footer .info-foot .contact ul li {
      display: inline-block;
      margin-right: 26px;
      line-height: 1.2; }
      footer .info-foot .contact ul li.web {
        margin-left: 0; }
      footer .info-foot .contact ul li .icon {
        margin-right: 5px; }
      footer .info-foot .contact ul li .icon_blank {
        margin-top: -10px;
        margin-left: 2px; }
      footer .info-foot .contact ul li a span {
        display: inline-block;
        border-bottom: 1px solid #333; }
footer .copy-right {
  font-size: 81.25%;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  background: #333; }

/* FONT */
@media only screen and (min-width: 602px) {
  header {
    min-width: 1200px; }

  .content {
    min-width: 1200px; }

  footer {
    min-width: 1200px; } }
@media only screen and (max-width: 601px) {
  .pc {
    display: none; }

  .sp {
    display: block; }

  .fLeft {
    float: none; }

  .fRight {
    float: none; }

  .wrap {
    margin: 0 auto;
    width: 90%; }

  a:hover {
    opacity: 1; }

  .cv_btns {
    top: auto;
    bottom: 0 !important;
    right: 0 !important;
    width: 100%; }
    .cv_btns li {
      width: 50%; }
    .cv_btns.sp_style {
      position: static !important; }

  .pagetop {
    display: inline-block;
    position: absolute;
    bottom: 130px;
    right: 3%; }
    .pagetop img {
      width: 40px; }
    .pagetop.fixed {
      position: fixed;
      bottom: 80px; }

  header {
    position: relative;
    min-width: 100%;
    width: 100%;
    height: 87.5%;
    padding: 3% 0;
    background: url("../images/sp_mv.jpg") center top no-repeat;
    background-size: cover; }
    header .logo img {
      width: 65.625%;
      margin-left: -2%; }
    header .catch {
      width: 100%;
      padding: 0;
      margin: 8% 0; }
      header .catch .main-catch {
        width: 100%;
        padding: 0;
        border: none; }
        header .catch .main-catch img {
          width: 53.125%; }

  .content {
    min-width: 100%; }
    .content #opencampus .list_btn ul li {
      margin-right: 0;
      margin-bottom: 6%; }
    .content #opencampus .date-box.box-b .tl_date .main_txt {
      padding: 0 4%; }
    .content #opencampus .date-box.box-02 .tl_date:before {
      width: 15%; }
    .content #opencampus .date-box.box-02 .tl_date:after {
      width: 15%; }
    .content #opencampus .date-box.box-03 .tl_date:before {
      width: 15%; }
    .content #opencampus .date-box.box-03 .tl_date:after {
      width: 15%; }
    .content #opencampus .date-box .tl_date:before {
      width: 15%; }
    .content #opencampus .date-box .tl_date:after {
      width: 15%; }
    .content .box {
      font-size: 125%;
      line-height: 1.4;
      padding: 4%; }
    .content .block02 {
      padding: 30px 0 0; }
      .content .block02 .inner02 {
        position: relative;
        padding: 3%; }
        .content .block02 .inner02 .imgpoint {
          display: none; }
      .content .block02 .tl_block01 {
        position: relative;
        font-size: 125%;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 8%; }
        .content .block02 .tl_block01 span {
          font-size: 120%; }
        .content .block02 .tl_block01:before {
          position: absolute;
          top: -10px;
          left: 50%;
          content: "";
          width: 40px;
          height: 3px;
          margin-left: -20px;
          background: #000; }
      .content .block02 .tl_block02 {
        font-size: 112.5%;
        padding: 2% 3%;
        text-align: center;
        margin-top: 5%; }
      .content .block02 .photo01 {
        width: 100%;
        text-align: center; }
      .content .block02 .photo02 {
        width: 100%;
        text-align: center; }
      .content .block02 .txt01 {
        width: 100%;
        margin-top: 4%;
        text-align: justify; }
        .content .block02 .txt01 .lead {
          font-size: 112.5%;
          line-height: 1.6;
          margin-bottom: 10px; }
      .content .block02 .txt02 {
        position: relative;
        width: 100%;
        margin-top: 4%; }
    .content .tl_block03 {
      position: relative;
      font-size: 125%;
      padding: 0 15px;
      margin-bottom: 10%;
      border-left: 4px solid #a1e6e6; }
      .content .tl_block03:after {
        position: absolute;
        left: -5px;
        bottom: -10px;
        content: "";
        width: 100%;
        height: 1px;
        background: #000; }
    .content .voice-work {
      position: relative;
      margin: 4% 0;
      z-index: 999; }
      .content .voice-work .tb {
        display: block;
        width: 100%;
        margin-left: 0; }
        .content .voice-work .tb .photo {
          display: none;
          width: 237px; }
        .content .voice-work .tb .txt {
          display: block;
          width: 100%;
          padding: 0; }
    .content #cont01 .top-cont {
      color: #fff;
      font-weight: bold;
      padding: 10% 0 8%;
      background: url("../images/bg01.jpg") center top no-repeat;
      background-size: cover; }
      .content #cont01 .top-cont .inner {
        width: 100%;
        margin: 0 auto;
        text-align: center; }
        .content #cont01 .top-cont .inner .tl_top01 {
          font-size: 125%;
          line-height: 1.6;
          padding: 3%;
          margin-bottom: 8%;
          border-top: 3px solid #fff;
          border-bottom: 3px solid #fff; }
        .content #cont01 .top-cont .inner .top_txt {
          display: block;
          text-align: center; }
          .content #cont01 .top-cont .inner .top_txt img {
            width: 90%;
            margin: 0 auto; }
    .content #cont01 .main-cont {
      padding: 6% 0 10%; }
      .content #cont01 .main-cont .tl_main01 {
        font-size: 125%;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 8%; }
        .content #cont01 .main-cont .tl_main01 span {
          background: linear-gradient(transparent 60%, #ffff66 20%); }
      .content #cont01 .main-cont .inner .main_txt {
        width: 100%;
        margin-top: 4%;
        text-align: justify; }
      .content #cont01 .main-cont .inner .photo {
        width: 100%; }
    .content #cont02 .top-cont {
      padding: 8% 0; }
      .content #cont02 .top-cont .box {
        width: 100%; }
    .content #cont02 .main-cont .tab-block {
      margin-top: 8%; }
      .content #cont02 .main-cont .tab-block .lead {
        font-size: 125%;
        text-align: center;
        margin-bottom: 5%; }
        .content #cont02 .main-cont .tab-block .lead span {
          display: inline-block;
          position: relative; }
          .content #cont02 .main-cont .tab-block .lead span:before {
            position: absolute;
            bottom: 0;
            left: -25px;
            content: "";
            width: 18px;
            height: 32px;
            background: url("../images/bf02.png") no-repeat; }
          .content #cont02 .main-cont .tab-block .lead span:after {
            position: absolute;
            bottom: 0;
            right: -25px;
            content: "";
            width: 18px;
            height: 32px;
            background: url("../images/af02.png") no-repeat; }
      .content #cont02 .main-cont .tab-block .cont-menu {
        border-bottom: 2px solid #000; }
        .content #cont02 .main-cont .tab-block .cont-menu .menu_tab li {
          width: 32%;
          float: left;
          margin-right: 2%; }
          .content #cont02 .main-cont .tab-block .cont-menu .menu_tab li:last-child {
            margin-right: 0; }
          .content #cont02 .main-cont .tab-block .cont-menu .menu_tab li a {
            display: block;
            position: relative;
            font-size: 93.75%;
            line-height: 1.4;
            text-align: center;
            padding: 3% 5%;
            border: 2px solid #000;
            border-bottom: none;
            background: #f1f1f1; }
            .content #cont02 .main-cont .tab-block .cont-menu .menu_tab li a:hover {
              opacity: 1; }
              .content #cont02 .main-cont .tab-block .cont-menu .menu_tab li a:hover span {
                background: none; }
            .content #cont02 .main-cont .tab-block .cont-menu .menu_tab li a.active {
              background: #a1e6e6; }
              .content #cont02 .main-cont .tab-block .cont-menu .menu_tab li a.active:after {
                position: absolute;
                bottom: -2px;
                left: 0;
                content: "";
                width: 100%;
                height: 2px;
                background: #a1e6e6; }
      .content #cont02 .main-cont .tab-block .cont-tab {
        padding: 5% 0 10%;
        border-bottom: 2px solid #000;
        background: url("../images/bg_tab.png"); }
        .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .head-tab {
          display: table;
          width: 100%; }
          .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .head-tab .img {
            display: table-cell;
            vertical-align: middle;
            width: 25%; }
          .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .head-tab .txt {
            display: table-cell;
            width: 75%;
            padding: 0 5% 0 12%;
            font-size: 93.75%;
            font-weight: bold; }
        .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .main-tab {
          margin-top: 20px; }
          .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .main-tab .sp_tbl {
            margin-top: 4%;
            padding: 0;
            overflow-x: scroll;
            border-right: 1px solid #e4e4e4; }
            .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .main-tab .sp_tbl::-webkit-scrollbar {
              height: 5px; }
            .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .main-tab .sp_tbl::-webkit-scrollbar-track {
              border-radius: 5px;
              background: #e4e4e4; }
            .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .main-tab .sp_tbl::-webkit-scrollbar-thumb {
              border-radius: 5px;
              background: #333; }
    .content #cont03 {
      margin-top: 15%; }
      .content #cont03 .block03 {
        margin-bottom: 10%; }
        .content #cont03 .block03 .inner .list-item {
          text-align: center; }
          .content #cont03 .block03 .inner .list-item li {
            display: inline-block;
            width: 47%;
            float: none;
            margin-right: 4%;
            vertical-align: top; }
            .content #cont03 .block03 .inner .list-item li:nth-child(2n) {
              margin-right: 0; }
            .content #cont03 .block03 .inner .list-item li:last-child {
              margin-right: 0; }
            .content #cont03 .block03 .inner .list-item li dl {
              padding-top: 3%;
              margin-bottom: 6%;
              text-align: left; }
              .content #cont03 .block03 .inner .list-item li dl dt {
                font-weight: bold; }
              .content #cont03 .block03 .inner .list-item li dl dd {
                font-size: 93.75%; }
          .content #cont03 .block03 .inner .list-item.list02 {
            margin: 40px 0 60px; }
        .content #cont03 .block03 .inner .learning-box .txt {
          width: 100%;
          margin-top: 6%; }
          .content #cont03 .block03 .inner .learning-box .txt .lead {
            display: inline-block;
            width: 190px;
            padding: 8px 20px;
            margin-bottom: 10px;
            font-size: 93.75%;
            font-weight: bold;
            text-align: center;
            background: #a1e6e6; }
            .content #cont03 .block03 .inner .learning-box .txt .lead span {
              display: inline-block;
              font-size: 160%;
              margin-left: 15px; }
          .content #cont03 .block03 .inner .learning-box .txt .department {
            font-size: 100%;
            font-weight: bold;
            margin-bottom: 10px; }
          .content #cont03 .block03 .inner .learning-box .txt .specialized {
            font-size: 162.5%; }
          .content #cont03 .block03 .inner .learning-box .txt .txt-main {
            font-size: 93.75%; }
        .content #cont03 .block03 .inner .learning-box .photo {
          width: 100%; }
          .content #cont03 .block03 .inner .learning-box .photo img {
            width: 100%; }
        .content #cont03 .block03 .inner .train-box {
          width: 100%;
          padding: 8px;
          margin: 18% auto 10% auto; }
          .content #cont03 .block03 .inner .train-box .inner-box {
            position: relative;
            padding: 10% 4% 5%; }
            .content #cont03 .block03 .inner .train-box .inner-box .lead {
              top: -25px;
              left: 4%;
              font-size: 100%;
              padding: 8px 3%;
              background: #333; }
            .content #cont03 .block03 .inner .train-box .inner-box .txt {
              width: 100%; }
            .content #cont03 .block03 .inner .train-box .inner-box .img {
              display: none; }
        .content #cont03 .block03 .inner .course-box {
          padding: 8%;
          background: url("../images/bg03.jpg") no-repeat;
          background-size: cover; }
          .content #cont03 .block03 .inner .course-box .tl_course {
            font-size: 125%;
            text-align: center;
            padding: 4% 0;
            margin-bottom: 20%; }
          .content #cont03 .block03 .inner .course-box .list-course li {
            width: 100%;
            float: left;
            margin-right: 0;
            margin-bottom: 10%;
            text-align: center; }
            .content #cont03 .block03 .inner .course-box .list-course li:last-child {
              margin-right: 0;
              margin-bottom: 0; }
            .content #cont03 .block03 .inner .course-box .list-course li .lead {
              display: inline-block;
              font-size: 75%;
              font-family: 'Lato', sans-serif;
              font-style: italic;
              font-weight: 700;
              width: 160px;
              padding: 5px 10px;
              margin-bottom: 20px;
              background: #ff0; }
              .content #cont03 .block03 .inner .course-box .list-course li .lead span {
                font-size: 120%; }
            .content #cont03 .block03 .inner .course-box .list-course li .img {
              margin-bottom: 20px; }
            .content #cont03 .block03 .inner .course-box .list-course li dl {
              text-align: left; }
              .content #cont03 .block03 .inner .course-box .list-course li dl dt {
                font-size: 125%;
                font-weight: bold;
                margin-bottom: 10px; }
              .content #cont03 .block03 .inner .course-box .list-course li dl dd {
                font-size: 93.75%; }
    .content #cont04 {
      margin-top: 15%; }
      .content #cont04 .top-cont {
        padding: 8% 0; }
        .content #cont04 .top-cont .box {
          width: 100%; }
      .content #cont04 .main-cont {
        padding-top: 5%;
        background-size: 100% 30%; }
        .content #cont04 .main-cont .txt-main {
          margin-bottom: 10%; }
          .content #cont04 .main-cont .txt-main p {
            width: 100%;
            float: none;
            font-size: 93.75%; }
        .content #cont04 .main-cont .list-teachers {
          text-align: center; }
          .content #cont04 .main-cont .list-teachers li {
            display: inline-block;
            width: 45%;
            margin-right: 8%;
            vertical-align: top;
            margin-bottom: 5%; }
            .content #cont04 .main-cont .list-teachers li:nth-child(2n) {
              margin-right: 0; }
            .content #cont04 .main-cont .list-teachers li:last-child {
              margin-right: 0; }
            .content #cont04 .main-cont .list-teachers li .img {
              margin-bottom: 15px; }
            .content #cont04 .main-cont .list-teachers li .job {
              font-size: 93.75%;
              font-weight: bold; }
            .content #cont04 .main-cont .list-teachers li .name {
              font-size: 131.25%;
              font-weight: bold;
              margin-bottom: 10px; }
              .content #cont04 .main-cont .list-teachers li .name span {
                font-size: 80%; }
            .content #cont04 .main-cont .list-teachers li .text {
              font-size: 87.5%;
              line-height: 1.4;
              text-align: left; }
    .content #cont05 {
      margin-top: 15%; }
      .content #cont05 .mt50 {
        margin-top: 8%; }
      .content #cont05 .top-cont {
        padding: 8% 0;
        margin-bottom: 8%; }
        .content #cont05 .top-cont .box {
          width: 100%; }
      .content #cont05 .main-cont .job-rate {
        margin-bottom: 5%; }
        .content #cont05 .main-cont .job-rate .txt {
          width: 100%; }
          .content #cont05 .main-cont .job-rate .txt .top-txt {
            position: relative;
            text-align: center; }
            .content #cont05 .main-cont .job-rate .txt .top-txt .txt-left {
              display: block;
              font-size: 93.75%; }
              .content #cont05 .main-cont .job-rate .txt .top-txt .txt-left .lead {
                display: block;
                font-size: 200%;
                font-family: 'Lato', sans-serif;
                font-style: italic;
                font-weight: 900;
                font-weight: bold;
                margin-bottom: 4%; }
              .content #cont05 .main-cont .job-rate .txt .top-txt .txt-left .notes {
                font-size: 86.66667%; }
            .content #cont05 .main-cont .job-rate .txt .top-txt .rate {
              display: block;
              font-size: 625%;
              float: none;
              margin: 15% 0 10%; }
              .content #cont05 .main-cont .job-rate .txt .top-txt .rate b {
                display: inline-block;
                position: relative; }
                .content #cont05 .main-cont .job-rate .txt .top-txt .rate b:after {
                  position: absolute;
                  top: 150%;
                  left: 0;
                  content: "";
                  width: 100%;
                  height: 13px;
                  background: #ffff66;
                  z-index: -1; }
              .content #cont05 .main-cont .job-rate .txt .top-txt .rate span {
                font-size: 70%; }
            .content #cont05 .main-cont .job-rate .txt .top-txt:after {
              display: none; }
          .content #cont05 .main-cont .job-rate .txt .txt-main {
            margin-top: 5%; }
        .content #cont05 .main-cont .job-rate .photo {
          display: none; }
      .content #cont05 .main-cont .graf-box {
        position: relative;
        background: none; }
        .content #cont05 .main-cont .graf-box:before {
          display: none; }
        .content #cont05 .main-cont .graf-box .img {
          margin-bottom: 8%; }
          .content #cont05 .main-cont .graf-box .img img {
            width: 100%; }
        .content #cont05 .main-cont .graf-box .list {
          width: 100%; }
          .content #cont05 .main-cont .graf-box .list dl {
            margin-bottom: 0; }
            .content #cont05 .main-cont .graf-box .list dl:last-child {
              margin-bottom: 0; }
            .content #cont05 .main-cont .graf-box .list dl dt {
              position: relative;
              font-size: 112.5%;
              line-height: 1.4;
              font-weight: bold;
              padding: 5% 15% 5% 6%;
              cursor: pointer; }
              .content #cont05 .main-cont .graf-box .list dl dt:after {
                position: absolute;
                top: 50%;
                right: 3%;
                content: "";
                width: 20px;
                height: 20px;
                margin-top: -10px;
                background: url("../images/icon_plus.png") center center no-repeat;
                background-size: cover; }
              .content #cont05 .main-cont .graf-box .list dl dt.open:after {
                position: absolute;
                top: 50%;
                right: 3%;
                content: "";
                width: 20px;
                height: 20px;
                margin-top: -10px;
                background: url("../images/icon_sub.png") center center no-repeat;
                background-size: cover; }
            .content #cont05 .main-cont .graf-box .list dl dd {
              display: none;
              font-size: 93.75%;
              margin-top: 0;
              padding: 3%;
              border: 3px solid #333; }
            .content #cont05 .main-cont .graf-box .list dl.dl01 dt {
              background: #a1e6e6; }
            .content #cont05 .main-cont .graf-box .list dl.dl01 dd {
              border-color: #a1e6e6; }
            .content #cont05 .main-cont .graf-box .list dl.dl02 dt {
              background: #ffe5ea; }
            .content #cont05 .main-cont .graf-box .list dl.dl02 dd {
              border-color: #ffe5ea; }
            .content #cont05 .main-cont .graf-box .list dl.dl03 dt {
              background: #ffffb2; }
            .content #cont05 .main-cont .graf-box .list dl.dl03 dd {
              border-color: #ffffb2; }
    .content #cont06 {
      margin-top: 15%; }
      .content #cont06 .top-cont {
        padding: 8% 0;
        margin-bottom: 8%; }
        .content #cont06 .top-cont .box {
          width: 100%; }
      .content #cont06 .main-cont .movie-box .tl_movie {
        text-align: center; }
        .content #cont06 .main-cont .movie-box .tl_movie span {
          display: inline-block;
          position: relative;
          font-size: 125%; }
          .content #cont06 .main-cont .movie-box .tl_movie span:before {
            position: absolute;
            bottom: 0;
            left: -25px;
            content: "";
            width: 18px;
            height: 32px;
            background: url("../images/bf02.png") no-repeat; }
          .content #cont06 .main-cont .movie-box .tl_movie span:after {
            position: absolute;
            bottom: 0;
            right: -25px;
            content: "";
            width: 18px;
            height: 32px;
            background: url("../images/af02.png") no-repeat; }
      .content #cont06 .main-cont .movie-box .inner-movie {
        position: relative;
        padding-bottom: 56.25%;
        /* 16:9 */
        padding-top: 25px;
        margin-top: 5%;
        height: 0; }
        .content #cont06 .main-cont .movie-box .inner-movie iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }

  footer {
    min-width: 100%;
    padding-bottom: 66px; }
    footer .top-foot .box {
      position: relative;
      padding: 10% 0; }
      footer .top-foot .box .btn {
        display: block;
        width: 90%;
        margin: 0 auto; }
        footer .top-foot .box .btn a {
          display: block;
          font-size: 112.5%;
          width: 100%;
          padding: 3% 4%; }
          footer .top-foot .box .btn a span {
            position: relative;
            display: inline-block; }
            footer .top-foot .box .btn a span img {
              position: absolute;
              top: 50%;
              right: -30px;
              margin-top: -8px; }
      footer .top-foot .box .imgpoint {
        display: none; }
    footer .info-foot {
      text-align: center;
      padding: 8% 0 15%; }
      footer .info-foot .wrap {
        width: 100%; }
      footer .info-foot .logo-foot {
        margin-bottom: 5px;
        padding: 0 3%; }
        footer .info-foot .logo-foot img {
          width: 90%; }
      footer .info-foot .add {
        font-size: 93.75%;
        padding: 0 3%; }
      footer .info-foot .contact {
        margin-top: 5%;
        text-align: left;
        font-size: 93.75%; }
        footer .info-foot .contact ul li {
          display: block;
          padding: 4% 3%;
          margin-right: 0;
          line-height: 1.2;
          border-bottom: 1px solid #d1d1d1; }
          footer .info-foot .contact ul li.phone {
            border-top: 1px solid #d1d1d1; }
          footer .info-foot .contact ul li .icon {
            margin-right: 5px; }
          footer .info-foot .contact ul li .icon_blank {
            margin-top: -10px;
            margin-left: 2px; }
          footer .info-foot .contact ul li a span {
            display: inline-block;
            border-bottom: none; }
    footer .copy-right {
      font-size: 81.25%;
      color: #fff;
      text-align: center;
      padding: 10px 0;
      background: #333; } }
@media only screen and (max-width: 480px) {
  .content .box {
    font-size: 112.5%;
    line-height: 1.4;
    padding: 4%; }
  .content .block02 .tl_block01 {
    font-size: 112.5%; }
  .content .tl_block03 {
    position: relative;
    font-size: 112.5%; }
  .content #cont01 .top-cont .inner .tl_top01 {
    font-size: 125%; }
  .content #cont02 .top-cont {
    padding: 8% 0; }
    .content #cont02 .top-cont .box {
      width: 100%; }
  .content #cont02 .main-cont .tab-block {
    margin-top: 8%; }
    .content #cont02 .main-cont .tab-block .lead {
      font-size: 125%;
      text-align: center;
      margin-bottom: 5%; }
      .content #cont02 .main-cont .tab-block .lead span {
        display: inline-block;
        position: relative; }
        .content #cont02 .main-cont .tab-block .lead span:before {
          position: absolute;
          bottom: 0;
          left: -25px;
          content: "";
          width: 18px;
          height: 32px;
          background: url("../images/bf02.png") no-repeat; }
        .content #cont02 .main-cont .tab-block .lead span:after {
          position: absolute;
          bottom: 0;
          right: -25px;
          content: "";
          width: 18px;
          height: 32px;
          background: url("../images/af02.png") no-repeat; }
    .content #cont02 .main-cont .tab-block .cont-menu {
      border-bottom: 2px solid #000; }
      .content #cont02 .main-cont .tab-block .cont-menu .menu_tab li {
        display: table;
        min-height: 65px; }
        .content #cont02 .main-cont .tab-block .cont-menu .menu_tab li a {
          display: table-cell;
          font-size: 81.25%;
          vertical-align: middle; }
    .content #cont02 .main-cont .tab-block .cont-tab .tbl-tab .head-tab .txt {
      font-size: 93.75%; }
  .content #cont03 .block03 .inner .list-item li {
    width: 90%;
    margin-right: 0; }
    .content #cont03 .block03 .inner .list-item li .img img {
      width: 100%; }
    .content #cont03 .block03 .inner .list-item li dl {
      padding-top: 3%;
      margin-bottom: 6%;
      text-align: left; }
      .content #cont03 .block03 .inner .list-item li dl dt {
        font-weight: bold; }
      .content #cont03 .block03 .inner .list-item li dl dd {
        font-size: 93.75%; }
  .content #cont03 .block03 .inner .list-item.list02 {
    margin: 40px 0 60px; }
  .content #cont03 .block03 .inner .learning-box .txt {
    width: 100%;
    margin-top: 6%; }
    .content #cont03 .block03 .inner .learning-box .txt .lead {
      width: 180px; }
    .content #cont03 .block03 .inner .learning-box .txt .department {
      font-size: 93.75%; }
    .content #cont03 .block03 .inner .learning-box .txt .specialized {
      font-size: 125%; }
    .content #cont03 .block03 .inner .learning-box .txt .txt-main {
      font-size: 87.5%; }
  .content #cont03 .block03 .inner .learning-box .photo {
    width: 100%; }
    .content #cont03 .block03 .inner .learning-box .photo img {
      width: 100%; }
  .content #cont03 .block03 .inner .train-box {
    width: 100%;
    padding: 8px;
    margin: 18% auto 10% auto; }
    .content #cont03 .block03 .inner .train-box .inner-box {
      position: relative;
      padding: 10% 4% 5%; }
      .content #cont03 .block03 .inner .train-box .inner-box .lead {
        top: -25px;
        left: 4%;
        font-size: 100%;
        padding: 8px 3%;
        background: #333; }
      .content #cont03 .block03 .inner .train-box .inner-box .txt {
        width: 100%; }
      .content #cont03 .block03 .inner .train-box .inner-box .img {
        display: none; }
  .content #cont03 .block03 .inner .course-box {
    padding: 8%;
    background: url("../images/bg03.jpg") no-repeat;
    background-size: cover; }
    .content #cont03 .block03 .inner .course-box .tl_course {
      font-size: 125%;
      text-align: center;
      padding: 4% 0;
      margin-bottom: 20%; }
    .content #cont03 .block03 .inner .course-box .list-course li {
      width: 100%;
      float: left;
      margin-right: 0;
      margin-bottom: 10%;
      text-align: center; }
      .content #cont03 .block03 .inner .course-box .list-course li:last-child {
        margin-right: 0;
        margin-bottom: 0; }
      .content #cont03 .block03 .inner .course-box .list-course li .lead {
        display: inline-block;
        font-size: 75%;
        font-family: 'Lato', sans-serif;
        font-style: italic;
        font-weight: 700;
        width: 160px;
        padding: 5px 10px;
        margin-bottom: 20px;
        background: #ff0; }
        .content #cont03 .block03 .inner .course-box .list-course li .lead span {
          font-size: 120%; }
      .content #cont03 .block03 .inner .course-box .list-course li .img {
        margin-bottom: 20px; }
      .content #cont03 .block03 .inner .course-box .list-course li dl {
        text-align: left; }
        .content #cont03 .block03 .inner .course-box .list-course li dl dt {
          font-size: 125%;
          font-weight: bold;
          margin-bottom: 10px; }
        .content #cont03 .block03 .inner .course-box .list-course li dl dd {
          font-size: 93.75%; }
  .content #cont04 {
    margin-top: 15%; }
    .content #cont04 .top-cont {
      padding: 8% 0; }
      .content #cont04 .top-cont .box {
        width: 100%; }
    .content #cont04 .main-cont {
      padding-top: 5%;
      background-size: 100% 35%; }
      .content #cont04 .main-cont .txt-main {
        margin-bottom: 10%; }
        .content #cont04 .main-cont .txt-main p {
          width: 100%;
          float: none;
          font-size: 87.5%; }
      .content #cont04 .main-cont .list-teachers {
        text-align: center; }
        .content #cont04 .main-cont .list-teachers li {
          display: inline-block;
          width: 45%;
          margin-right: 8%;
          vertical-align: top;
          margin-bottom: 5%; }
          .content #cont04 .main-cont .list-teachers li:nth-child(2n) {
            margin-right: 0; }
          .content #cont04 .main-cont .list-teachers li:last-child {
            margin-right: 0; }
          .content #cont04 .main-cont .list-teachers li .job {
            font-size: 87.5%; }
          .content #cont04 .main-cont .list-teachers li .name {
            font-size: 112.5%; }
          .content #cont04 .main-cont .list-teachers li .text {
            font-size: 81.25%;
            line-height: 1.4; }
  .content #cont05 {
    margin-top: 15%; }
    .content #cont05 .mt50 {
      margin-top: 8%; }
    .content #cont05 .top-cont {
      padding: 8% 0;
      margin-bottom: 8%; }
      .content #cont05 .top-cont .box {
        width: 100%; }
    .content #cont05 .main-cont .job-rate {
      margin-bottom: 5%; }
      .content #cont05 .main-cont .job-rate .txt {
        width: 100%; }
        .content #cont05 .main-cont .job-rate .txt .top-txt {
          position: relative;
          text-align: center; }
          .content #cont05 .main-cont .job-rate .txt .top-txt .txt-left {
            display: block;
            font-size: 93.75%; }
            .content #cont05 .main-cont .job-rate .txt .top-txt .txt-left .lead {
              display: block;
              font-size: 200%;
              font-family: 'Lato', sans-serif;
              font-style: italic;
              font-weight: 900;
              font-weight: bold;
              margin-bottom: 4%; }
            .content #cont05 .main-cont .job-rate .txt .top-txt .txt-left .notes {
              font-size: 86.66667%; }
          .content #cont05 .main-cont .job-rate .txt .top-txt .rate {
            display: block;
            position: static;
            font-size: 625%;
            font-weight: bold;
            float: none;
            margin: 15% 0 10%; }
            .content #cont05 .main-cont .job-rate .txt .top-txt .rate span {
              font-size: 70%; }
          .content #cont05 .main-cont .job-rate .txt .top-txt:after {
            display: none; }
        .content #cont05 .main-cont .job-rate .txt .txt-main {
          margin-top: 5%; }
      .content #cont05 .main-cont .job-rate .photo {
        display: none; }
    .content #cont05 .main-cont .graf-box {
      position: relative;
      background: none; }
      .content #cont05 .main-cont .graf-box:before {
        display: none; }
      .content #cont05 .main-cont .graf-box .img {
        margin-bottom: 8%; }
        .content #cont05 .main-cont .graf-box .img img {
          width: 100%; }
      .content #cont05 .main-cont .graf-box .list {
        width: 100%; }
        .content #cont05 .main-cont .graf-box .list dl {
          margin-bottom: 0; }
          .content #cont05 .main-cont .graf-box .list dl:last-child {
            margin-bottom: 0; }
          .content #cont05 .main-cont .graf-box .list dl dt {
            position: relative;
            font-size: 100%; }
          .content #cont05 .main-cont .graf-box .list dl dd {
            display: none;
            font-size: 87.5%;
            margin-top: 0;
            padding: 3%;
            border: 3px solid #333; }
  .content #cont06 {
    margin-top: 15%; }
    .content #cont06 .top-cont {
      padding: 8% 0;
      margin-bottom: 8%; }
      .content #cont06 .top-cont .box {
        width: 100%; }
    .content #cont06 .main-cont .movie-box .tl_movie {
      text-align: center; }
      .content #cont06 .main-cont .movie-box .tl_movie span {
        display: inline-block;
        position: relative;
        font-size: 112.5%; }
        .content #cont06 .main-cont .movie-box .tl_movie span:before {
          position: absolute;
          bottom: 0;
          left: -25px;
          content: "";
          width: 18px;
          height: 32px;
          background: url("../images/bf02.png") no-repeat; }
        .content #cont06 .main-cont .movie-box .tl_movie span:after {
          position: absolute;
          bottom: 0;
          right: -25px;
          content: "";
          width: 18px;
          height: 32px;
          background: url("../images/af02.png") no-repeat; }
    .content #cont06 .main-cont .movie-box .inner-movie {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      padding-top: 25px;
      margin-top: 5%;
      height: 0; }
      .content #cont06 .main-cont .movie-box .inner-movie iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .content #opencampus .wrap {
    position: relative;
    padding: 10% 0; }
  .content #opencampus .tl_open img {
    width: 90%; }
  .content #opencampus .tl_small {
    font-size: 112.5%;
    font-weight: bold;
    text-align: center;
    margin-bottom: 8%; }
  .content #opencampus .date-box {
    margin: 5% 0; }
    .content #opencampus .date-box.box-02 .tl_date:before {
      width: 14%; }
    .content #opencampus .date-box.box-02 .tl_date:after {
      width: 14%; }
    .content #opencampus .date-box.box-02 .tl_date .main_txt {
      font-size: 131.25%; }
    .content #opencampus .date-box.haft {
      width: 100%;
      float: none; }
      .content #opencampus .date-box.haft .tl_date {
        position: relative;
        text-align: center; }
        .content #opencampus .date-box.haft .tl_date:before {
          width: 25%; }
        .content #opencampus .date-box.haft .tl_date:after {
          width: 25%; }
      .content #opencampus .date-box.haft:last-child .tl_date {
        position: relative;
        text-align: center; }
        .content #opencampus .date-box.haft:last-child .tl_date:before {
          width: 12%; }
        .content #opencampus .date-box.haft:last-child .tl_date:after {
          width: 12%; }
    .content #opencampus .date-box .bf_txt {
      margin-bottom: 3%; }
      .content #opencampus .date-box .bf_txt span {
        font-size: 87.5%;
        padding: 0 3%; }
    .content #opencampus .date-box .tl_date:before {
      width: 14%; }
    .content #opencampus .date-box .tl_date:after {
      width: 14%; }
    .content #opencampus .date-box .tl_date .main_txt {
      font-size: 131.25%; }
    .content #opencampus .date-box .inner-box {
      margin-top: 5%; }
      .content #opencampus .date-box .inner-box .list_event li {
        display: inline-block;
        font-family: "Open Sans", sans-serif;
        font-weight: 700;
        font-style: italic;
        width: 72px;
        height: 73px;
        margin-right: 6px;
        margin-bottom: 3%; }
        .content #opencampus .date-box .inner-box .list_event li div {
          display: block;
          height: 100%;
          margin: 0 auto;
          padding: 10% 0 3%; }
          .content #opencampus .date-box .inner-box .list_event li div .day {
            font-size: 112.5%;
            margin-bottom: 0; }
          .content #opencampus .date-box .inner-box .list_event li div .week {
            font-size: 87.5%; }
  .content #opencampus .list_btn {
    margin-top: 15%; }
    .content #opencampus .list_btn ul {
      text-align: center; }
      .content #opencampus .list_btn ul li {
        display: inline-block;
        width: 90%;
        margin-right: 0;
        margin-bottom: 6%; }
        .content #opencampus .list_btn ul li a {
          display: block;
          font-size: 112.5%; }
          .content #opencampus .list_btn ul li a span img {
            width: 18px; }

  footer {
    padding-bottom: 66px; }
    footer .top-foot .box {
      position: relative;
      padding: 10% 0; }
      footer .top-foot .box .btn {
        display: block;
        width: 90%;
        margin: 0 auto; }
        footer .top-foot .box .btn a {
          display: block;
          font-size: 112.5%;
          width: 100%;
          padding: 3% 4%; }
          footer .top-foot .box .btn a span {
            position: relative;
            display: inline-block; }
            footer .top-foot .box .btn a span img {
              position: absolute;
              top: 50%;
              right: -30px;
              margin-top: -8px; }
      footer .top-foot .box .imgpoint {
        display: none; }
    footer .info-foot {
      text-align: center;
      padding: 8% 0 15%; }
      footer .info-foot .wrap {
        width: 100%; }
      footer .info-foot .logo-foot {
        margin-bottom: 5px;
        padding: 0 3%; }
        footer .info-foot .logo-foot img {
          width: 90%; }
      footer .info-foot .add {
        font-size: 93.75%;
        padding: 0 3%; }
      footer .info-foot .contact {
        margin-top: 5%;
        text-align: left;
        font-size: 75%; }
        footer .info-foot .contact ul li {
          display: block;
          padding: 3%;
          margin-right: 0;
          line-height: 1.2;
          border-bottom: 1px solid #d1d1d1; }
          footer .info-foot .contact ul li.phone {
            border-top: 1px solid #d1d1d1; }
          footer .info-foot .contact ul li .icon {
            margin-right: 5px; }
          footer .info-foot .contact ul li .icon_blank {
            margin-top: -10px;
            margin-left: 2px; }
          footer .info-foot .contact ul li a span {
            display: inline-block;
            border-bottom: none; }
    footer .copy-right {
      font-size: 56.25%;
      color: #fff;
      text-align: center;
      padding: 10px 0;
      background: #333; } }
@media only screen and (max-width: 320px) {
  .content #opencampus .date-box .inner-box .list_event li {
    width: 62.5px;
    height: 62.5px; }
    .content #opencampus .date-box .inner-box .list_event li div .day {
      font-size: 93.75%;
      margin-bottom: 3px; }
    .content #opencampus .date-box .inner-box .list_event li div .week {
      font-size: 75%;
      line-height: 1; }
  .content #opencampus .list_btn ul li a {
    font-size: 100%; }
    .content #opencampus .list_btn ul li a span img {
      width: 16px; } }

/*# sourceMappingURL=style.css.map */