@charset "UTF-8";
.specialSpec {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 30px;
  background-color: #442412;
  border-top: #753606 1px solid;
  border-left: #753606 1px solid; }
  .specialSpec th, .specialSpec td {
    border-right: #753606 1px solid;
    border-bottom: #753606 1px solid;
    padding: 5px 10px; }
  .specialSpec th {
    font-weight: bold; }
  .specialSpec thead {
    white-space: nowrap; }
    .specialSpec thead th {
      text-align: left;
      background-color: #A76515; }
  .specialSpec tbody th {
    background-color: #653903; }
  .specialSpec .thumb {
    background-color: #fff;
    width: 140px;
    text-align: center; }

/*テンプレようスタイル
----------------------------------------------------------*/
#about div.box {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  background: #b0d6d7;
  height: 300px; }

#about div.box:last-child {
  margin-right: 0; }

#walk div.boxA {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  background: #b0d6d7;
  height: 300px; }

#walk div.boxA:last-child {
  margin-right: 0; }

#walk div.boxB {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%;
  background: #b0d6d7;
  height: 300px; }

#walk div.boxB:last-child {
  margin-right: 0; }

/*
----------------------------------------------------------*/
* {
  -webkit-font-smoothing: antialiased; }

p {
  line-height: 1.7; }

img {
  vertical-align: bottom; }

html {
  background: #070415;
  color: #fff;
  min-width: 960px; }

a {
  color: #ffcf2a; }

.section h2 {
  text-indent: -9999px; }

.section .inner {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }

.section .inner::after {
  clear: both;
  content: "";
  display: table; }

#gungho {
  width: 100%;
  height: 31px;
  background: #fff;
  border-bottom: 4px solid #ccc; }

#gungho .inner {
  width: 960px;
  height: 31px;
  margin: 0 auto;
  position: relative; }

#gungho #ragnarok {
  float: left; }

#gungho #roInfo {
  text-align: right; }

#gungho #roInfo li {
  display: inline-block;
  line-height: 31px;
  margin-left: 1.5em; }

#gungho #roInfo li a {
  font-size: 12px;
  font-weight: bold;
  color: #000; }

/*
----------------------------------------------------------*/
/*header
----------------------------------------------------------*/
.inner {
  width: 960px;
  margin: 0 auto;
  position: relative; }

#gnaviWrap {
  position: absolute;
  top: 35px;
  z-index: 1000;
  width: 100%; }
  #gnaviWrap.fixed {
    position: fixed;
    top: 0; }

#gnavi {
  background: url(../img/header_bg.jpg) no-repeat center top #1b061e;
  height: 102px; }
  #gnavi ul#sns {
    position: absolute;
    top: 10px;
    right: 260px; }
    #gnavi ul#sns li {
      display: inline-block; }
  #gnavi ul#subNavi {
    position: absolute;
    top: 10px;
    right: 0px; }
    #gnavi ul#subNavi li {
      display: inline-block; }
  #gnavi ul#mainNavi {
    position: absolute;
    top: 35px;
    right: 0px; }
    #gnavi ul#mainNavi li {
      display: inline-block; }
      #gnavi ul#mainNavi li:hover {
        transform: rotate(10deg);
        -moz-transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg); }

#header {
  position: relative;
  background: url(../img/visual.jpg) center 102px no-repeat #1A0411;
  padding-top: 724px; }
  #header #header_btm {
    background: url(../img/header_banner_bg.jpg) no-repeat center top #000002;
    height: 323px;
    padding-bottom: 10px; }
    #header #header_btm #recruit {
      position: relative;
      width: 960px;
      margin: 0 auto; }
    #header #header_btm #recruit img {
      position: absolute;
      top: -70px;
      left: -50px;
      width: 213px;
      z-index: 100;
      text-indent: 0; }
    #header #header_btm .eIcon {
      position: absolute;
      top: 100px;
      right: 102px;
      vertical-align: middle; }
      #header #header_btm .eIcon li {
        float: left;
        margin: 0 10px;
        position: relative; }
        #header #header_btm .eIcon li.icon02 {
          padding-top: 4px; }
      #header #header_btm .eIcon li:hover span {
        display: block;
        position: absolute;
        top: 65px;
        right: -20px;
        width: 250px;
        background: #fff;
        border: 3px solid #ffffff;
        border-radius: 3px;
        padding: 3px;
        color: #9f3c41;
        font-weight: bold;
        font-size: 12px; }
      #header #header_btm .eIcon span {
        display: none;
        position: absolute;
        z-index: 1000;
        text-align: left; }
      #header #header_btm .eIcon span:after {
        border-bottom: 10px solid #fff;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        content: " ";
        position: absolute;
        top: -10px;
        right: 35px;
        width: 0;
        height: 0; }
    #header #header_btm ul.banner {
      position: absolute;
      top: 200px;
      left: 80px;
      z-index: 999;
      text-align: center; }
      #header #header_btm ul.banner li {
        display: inline-block;
        margin: 0 10px; }
  #header p {
    text-indent: -9999px; }
  #header #slideWrap {
    background: url(../img/slidebg.png) no-repeat center top;
    width: 906px;
    margin: 0 auto;
    height: 261px; }
    #header #slideWrap img {
      vertical-align: bottom;
      line-height: 1; }
    #header #slideWrap .bx-wrapper {
      margin: 0 auto;
      line-height: 1;
      padding-top: 20px; }
      #header #slideWrap .bx-wrapper .bx-next {
        background: url(../img/arrow_l.png) no-repeat;
        width: 28px;
        height: 76px;
        display: inline-block;
        text-indent: -9999px;
        position: absolute;
        top: 95px;
        right: -17px; }
      #header #slideWrap .bx-wrapper .bx-prev {
        background: url(../img/arrow_r.png) no-repeat;
        width: 28px;
        height: 76px;
        display: inline-block;
        text-indent: -9999px;
        position: absolute;
        top: 95px;
        left: -17px; }

/*content
----------------------------------------------------------*/
#content h2 {
  position: absolute;
  width: 100%; }
  #content h2 img {
    position: absolute;
    display: block;
    margin-left: -600px;
    left: 50%; }

#content #section01 {
  position: relative;
  padding-top: 250px;
  margin-top: -100px;
  margin-bottom: 50px; }
  #content #section01 h2 {
    top: 30px;
    position: absolute; }
    #content #section01 h2 img {
      top: 10px; }
  #content #section01 .message {
    background: url(../img/message.jpg) center top no-repeat;
    height: 420px;
    text-indent: -9999px; }
  #content #section01 #point div {
    width: 980px;
    margin: 0 auto;
    padding-left: 20px; }
  #content #section01 #point #point01 {
    background: url(../img/point01.jpg) no-repeat center top;
    height: 280px;
    padding-top: 140px; }
    #content #section01 #point #point01 h3 {
      margin-bottom: 30px; }
    #content #section01 #point #point01 p {
      width: 400px; }
  #content #section01 #point #point02 {
    background: url(../img/point02.jpg) no-repeat center top;
    height: 292px;
    padding-top: 50px;
    padding-left: 500px;
    width: 480px; }
    #content #section01 #point #point02 h3 {
      margin-bottom: 30px; }
    #content #section01 #point #point02 p {
      width: 400px; }
  #content #section01 #point #point03 {
    background: url(../img/point03.jpg) no-repeat center top;
    height: 272px;
    padding-top: 70px; }
    #content #section01 #point #point03 h3 {
      margin-bottom: 30px; }
    #content #section01 #point #point03 p {
      width: 450px; }

#content #section02 {
  position: relative;
  padding-top: 250px;
  margin-top: -100px; }
  #content #section02 h2 {
    top: 50px; }
  #content #section02 p {
    margin-bottom: 50px; }
  #content #section02 .box01 {
    background: url(../img/sec02_img01.jpg) no-repeat center top;
    height: 383px; }
  #content #section02 .box02 {
    background: url(../img/sec02_img02.jpg) no-repeat center top;
    height: 592px; }
  #content #section02 .box03 {
    background: url(../img/sec02_img03.jpg) no-repeat center top;
    height: 344px; }
    #content #section02 .box03 h3, #content #section02 .box03 p {
      text-indent: -9999px; }
  #content #section02 #day_example h3, #content #section02 #voice {
    width: 960px;
    margin: 0 auto; }
  #content #section02 #day_example {
    background: url(../img/day.jpg) center 100px no-repeat;
    height: 780px;
    margin-bottom: 50px; }
  #content #section02 #voice {
    min-height: 300px; }
    #content #section02 #voice h3 {
      margin-bottom: 36px; }
    #content #section02 #voice .colTwo {
      overflow: hidden;
      width: 960px;
      margin: 0 auto 40px; }
      #content #section02 #voice .colTwo h4 {
        font-size: 18px;
        padding-bottom: 10px;
        margin-bottom: 18px;
        border-bottom: 1px solid #6b0d34;
        overflow: hidden; }
      #content #section02 #voice .colTwo img {
        float: left;
        width: 148px;
        margin-right: 32px;
        margin-bottom: 28px; }
      #content #section02 #voice .colTwo .name {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 0; }
      #content #section02 #voice .colTwo .interview {
        clear: both;
        font-size: 14px; }
        #content #section02 #voice .colTwo .interview span {
          color: #eb1345; }
      #content #section02 #voice .colTwo .leftCol {
        float: left;
        width: 450px;
        margin-right: 54px; }
      #content #section02 #voice .colTwo .rightCol {
        overflow: hidden; }

#content #section03 {
  position: relative;
  padding-top: 250px;
  background: url(../img/section03_bg.jpg) no-repeat right bottom;
  padding-bottom: 80px;
  margin-top: -100px; }
  #content #section03 h2 {
    top: 0px; }
  #content #section03 .colThree {
    width: 960px;
    margin: 0 auto;
    overflow: hidden; }
    #content #section03 .colThree div {
      width: 276px;
      float: left;
      margin: 0 44px 30px 0; }
      #content #section03 .colThree div h4 {
        font-size: 16px;
        margin-bottom: 12px;
        border-bottom: 1px solid #6b0d34;
        overflow: hidden; }
      #content #section03 .colThree div img {
        float: left;
        max-width: 84px;
        text-align: center;
        margin-right: 32px;
        margin-bottom: 28px; }
      #content #section03 .colThree div p {
        font-size: 12px;
        overflow: hidden; }
    #content #section03 .colThree .last {
      margin-right: 0; }
      #content #section03 .colThree .last + div {
        clear: both; }

#content #section04 {
  position: relative;
  padding-top: 280px;
  margin-top: -100px;
  background: url(../img/section04_bg.jpg) no-repeat left bottom;
  padding-bottom: 200px; }
  #content #section04 h2 {
    top: -20px; }
  #content #section04 .colTwo {
    overflow: hidden;
    width: 960px;
    margin: 0 auto 40px; }
    #content #section04 .colTwo .leftCol {
      float: left;
      text-align: center; }
      #content #section04 .colTwo .leftCol ul {
        margin-top: 15px; }
        #content #section04 .colTwo .leftCol ul li {
          margin-bottom: 10px; }
    #content #section04 .colTwo .rightCol {
      margin-left: 430px;
      font-size: 14px; }
      #content #section04 .colTwo .rightCol h3 {
        margin-bottom: 15px; }
      #content #section04 .colTwo .rightCol p {
        margin-bottom: 15px; }
  #content #section04 #photos {
    text-align: center; }
    #content #section04 #photos li {
      display: inline-block;
      margin: 0 20px; }

#content #section05 {
  position: relative;
  padding-top: 250px;
  margin-top: -150px;
  margin-bottom: 140px; }
  #content #section05 h2 {
    top: 0px; }
  #content #section05 table {
    width: 960px;
    margin: 0 auto 30px; }
  #content #section05 .itemTable tbody th {
    width: 86px; }

#content #section06 {
  position: relative;
  margin-bottom: 60px;
  padding-top: 280px;
  margin-top: -100px; }
  #content #section06 h2 {
    top: 60px; }
  #content #section06 .colTwo {
    overflow: hidden; }
    #content #section06 .colTwo .leftCol {
      float: left;
      text-align: center; }
      #content #section06 .colTwo .leftCol ul {
        margin-top: 15px; }
        #content #section06 .colTwo .leftCol ul li {
          margin-bottom: 10px; }
    #content #section06 .colTwo .rightCol {
      margin-left: 430px;
      font-size: 14px; }
      #content #section06 .colTwo .rightCol h3 {
        margin-bottom: 15px; }
      #content #section06 .colTwo .rightCol p {
        margin-bottom: 15px; }
  #content #section06 #floor01 {
    background: url(../img/floor01.jpg) no-repeat center top;
    height: 460px; }
  #content #section06 #floor02 {
    background: url(../img/floor02.jpg) no-repeat center top;
    height: 530px; }
  #content #section06 #floor03 {
    background: url(../img/floor03.jpg) no-repeat center top;
    height: 319px; }

#content #section07 {
  position: relative;
  padding-top: 280px;
  margin-top: -100px;
  background: url(../img/school_rule.png) no-repeat center 250px;
  height: 1341px; }
  #content #section07 h2 {
    top: 50px; }
  #content #section07 p {
    text-indent: -9999px; }

#footer {
  background: #000;
  padding: 30px 0;
  color: #6c6c6c; }
  #footer .credit {
    font-size: 12px;
    width: 960px;
    margin: 0 auto; }