/* CSS Document */
/* CSS Document */
.heroContent .tit {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  font-family: "futura-pt", sans-serif;
  font-weight: 800;
  font-size: 80px;
  line-height: 90px;
  text-align: center;
  color: #fff;
}

.mainContent .mainTextBox {
  background: #f0f0f0;
}

.mainContent .mainTextBox .mainTextBoxInner li .subtit {
  margin-bottom: 25px;
  font-size: 24px;
  line-height: 30px;
}

.mainContent .mainTextBox .mainTextBoxInner li .text {
  font-size: 16px;
  line-height: 30px;
}

.mainContent .mainTextBox .mainTextBoxInner li.jp .subtit {
  margin-left: -0.5em;
}

.mainContent .mainTextBox .mainTextBoxInner li.en .subtit,
.mainContent .mainTextBox .mainTextBoxInner li.en .text {
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
}

.academy-top .mainContent .leadBox p {
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
}

.academy-top .mainContent .philosophyBox .philosophyBoxInner .philosophyTitBox .subtit {
  font-family: "futura-pt", sans-serif;
  font-weight: 800;
  font-size: 80px;
  line-height: 90px;
  text-align: center;
}

.academy-top .mainContent .philosophyBox .philosophyBoxInner .philosophyTitBox .btn {
  margin: 50px auto 10px;
  width: 214px;
  height: 54px;
  border: 3px solid #000;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 54px;
  text-align: center;
  color: #000;
  text-decoration: none;
}

.academy-top .mainContent .philosophyBox .philosophyBoxInner .philosophyTitBox .btnNotice {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.academy-top .mainContent .box .subtit {
  margin-bottom: 50px;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  font-size: 50px;
  line-height: 50px;
  text-align: center;
}

.academy-top .mainContent .courseBox .wrap {
  background: #f0f0f0;
}

.academy-top .mainContent .courseBox .wrap .courseBoxInner {
  margin: 0 auto;
}

.academy-top .mainContent .courseBox .wrap .courseBoxInner li div {
  margin: 0 auto;
  padding: 40px 0;
  width: 94%;
  background: #fff;
  text-align: center;
}

.academy-top .mainContent .courseBox .wrap .courseBoxInner li div .pic {
  margin: 0 15px;
}

.academy-top .mainContent .courseBox .wrap .courseBoxInner li div .courseTit {
  margin: 45px 0 15px;
  font-family: "futura-pt", sans-serif;
  font-weight: 800;
  font-size: 30px;
  line-height: 40px;
  height: 120px;
}

.academy-top .mainContent .courseBox .wrap .courseBoxInner li div .courseTitJp {
  font-size: 18px;
  line-height: 24px;
}

.academy-top .mainContent .courseBox .wrap .courseBoxInner li div a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.academy-top .mainContent .staffBox {
  background: #666666;
}

.academy-top .mainContent .staffBox .subtit {
  color: #fff;
}

.academy-top .mainContent .staffBox .staffBoxInnner {
  margin: 0 auto;
}

.academy-top .mainContent .staffBox .staffBoxInnner li .prof {
  padding: 15px 0 15px 15px;
  color: #fff;
}

.academy-top .mainContent .staffBox .staffBoxInnner li .prof .position,
.academy-top .mainContent .staffBox .staffBoxInnner li .prof .nameEn {
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
}

.academy-top .mainContent .staffBox .staffBoxInnner li .prof .position {
  height: 46px;
}

.academy-top .mainContent .staffBox .staffBoxInnner li .prof .name {
  margin: 15px 0 10px;
  /*
						font-size: 32px;
						line-height: 32px;
						*/
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
}

.academy-top .mainContent .staffBox .staffBoxInnner li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.academy-top .mainContent .accessBox {
  background: #f0f0f0;
}

.academy-top .mainContent .accessBox .accessBoxInner .addrBox {
  font-style: normal;
  font-size: 16px;
  line-height: 50px;
}

.academy-top .mainContent .accessBox .accessBoxInner .addrBox a {
  color: #000;
  text-decoration: none;
}

.academy-top .mainContent .accessBox .accessBoxInner .addrBox .addrEn {
  margin-top: 50px;
}

.philosophy .mainContent {
  background: #f0f0f0;
}

.philosophy .mainContent .btnBox .btn {
  margin: 0 auto 10px;
  width: 214px;
  height: 54px;
  border: 3px solid #000;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 54px;
  text-align: center;
  color: #000;
  text-decoration: none;
}

.philosophy .mainContent .btnBox .btnNotice {
  margin-bottom: 50px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.course .heroContent .tit {
  color: #000;
}

.course .mainContent {
  background: #f0f0f0;
}

.course .mainContent .courseBox {
  margin: 0 auto;
  background: #fff;
}

.course .mainContent .courseBox .coursePicBox {
  text-align: center;
}

.course .mainContent .courseBox .coursePicBox .courseTit {
  margin: 30px auto 10px;
  font-family: "futura-pt", sans-serif;
  font-weight: 800;
  font-size: 30px;
  line-height: 40px;
}

.course .mainContent .courseBox .coursePicBox .courseTitJp {
  font-size: 18px;
  line-height: 24px;
}

.course .mainContent .courseBox .courseTextBox p {
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 32px;
}

/* 20250520 追加　*/

.course .mainContent .courseBox .courseTextBox .btn.btnOff {
  line-height: 21px;
  font-size: 14px;
}

.course .mainContent .courseBox .courseTextBox p.en,
.course .mainContent .courseBox .courseTextBox p .en {
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
}

.course .mainContent .courseBox .courseTextBox p:last-child {
  margin-bottom: 0;
}

.course .mainContent .courseBox .btn {
  margin: 48px auto 0;
  padding: 10px 0;
  width: 194px;
  border: 3px solid #000;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #000;
  text-decoration: none;
}

.course .mainContent .courseBox .btn.btnOff {
  border-color: #000;
  color: #000;
}

.course .mainContent .noticeBox {
  margin: 0 auto;
}

.course .mainContent .noticeBox p {
  margin: 0 auto 32px;
  font-size: 16px;
  line-height: 32px;
}

.course .mainContent .noticeBox p.end {
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
}

.applications {
  background: #f0f0f0;
}

.applications .heroContent .tit {
  position: relative;
  top: inherit;
  -moz-transform: none;
  -webkit-transform: none;
  transform: none;
  font-size: 60px;
  line-height: 70px;
  text-align: center;
  color: #000;
}

.applications .heroContent .tit::after {
  margin: 0 auto;
  content: url(../imgs/common/arw_down.svg);
  display: block;
  width: 30px;
  height: 18px;
}

.applications .heroContent .text {
  margin-top: 60px;
  font-size: 40px;
  line-height: 56px;
  font-weight: 700;
}

.applications .heroContent .text .en {
  font-family: "futura-pt", sans-serif;
  font-weight: 800;
}

.applications .mainContent .formBox {
  background: #fff;
  padding: 40px 0;
}

.applications .mainContent .formBox .subtit {
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  font-family: "futura-pt", sans-serif;
  font-weight: 800;
}

.applications .mainContent .formBox .formBoxInner .form {
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  color: #4d4d4d;
}

.applications .mainContent .formBox .formBoxInner .form .dayTit,
.applications .mainContent .formBox .formBoxInner .form em {
  margin-bottom: 5px;
  font-style: normal;
  font-weight: 700;
  display: block;
}

.applications .mainContent .formBox .formBoxInner .form .dayTit .en,
.applications .mainContent .formBox .formBoxInner .form em .en {
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
}

.applications .mainContent .formBox .formBoxInner .form .dayTit {
  margin-bottom: 30px;
}

.applications .mainContent .formBox .formBoxInner .form label {
  font-weight: 700;
}

.applications .mainContent .formBox .formBoxInner .form a {
  margin-top: -8px;
  margin-bottom: 15px;
  color: #ff3dde;
  font-size: 10px;
  font-weight: 400;
}

.applications .mainContent .formBox .formBoxInner .form .dayBox img {
  width: 10px;
  height: 6px;
  margin-left: 0.5em;
}

.applications .mainContent .formBox .formBoxInner .form p,
.applications .mainContent .formBox .formBoxInner .form dd {
  margin-bottom: 40px;
  font-weight: 700;
}

.applications .mainContent .formBox .formBoxInner .form p.notice,
.applications .mainContent .formBox .formBoxInner .form dd.notice {
  margin-top: -5px;
  margin-bottom: 20px;
  font-size: 10px;
  font-weight: 400;
}

.applications .mainContent .formBox .formBoxInner .form p.notice.en,
.applications .mainContent .formBox .formBoxInner .form dd.notice.en {
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
}

.applications .mainContent .formBox .formBoxInner .form p.people,
.applications .mainContent .formBox .formBoxInner .form dd.people {
  margin-top: 60px;
}

.applications .mainContent .formBox .formBoxInner .form p input[type="text"],
.applications .mainContent .formBox .formBoxInner .form dd input[type="text"] {
  width: 95%;
  padding-left: 5px;
  border: 1px solid #333;
  font-size: 16px;
  line-height: 24px;
  background: #fff;
}

.applications .mainContent .formBox .formBoxInner .form p input[type="text"].text_short,
.applications .mainContent .formBox .formBoxInner .form dd input[type="text"].text_short {
  width: 100px;
}

.applications .mainContent .formBox .formBoxInner .form p textarea,
.applications .mainContent .formBox .formBoxInner .form dd textarea {
  width: 95%;
  height: 100px;
  padding-left: 5px;
  border: 1px solid #333;
  font-size: 16px;
  line-height: 24px;
  background: #fff;
}

.applications .mainContent .formBox .formBoxInner .form .sBox {
  text-align: center;
  margin-bottom: 20px;
}

.applications .mainContent .formBox .formBoxInner .form input[type="submit"] {
  position: relative;
  cursor: pointer;
  margin: 20px 10px 0 10px;
  font-family: "futura-pt", sans-serif;
  font-weight: 800;
  text-align: center;
  border: 3px solid #000;
  width: 170px;
  height: 40px;
  font-size: 14px;
  line-height: 34px;
}

.applications .mainContent .infoBox {
  background: #fff;
}

.applications .mainContent .infoBox .infoBoxInner {
  font-size: 15px;
  line-height: 40px;
  color: #333333;
}

.applications .mainContent .infoBox .infoBoxInner .belongings li {
  font-size: 14px;
}

@media screen and (min-width: 751px) {
  .br_sp {
    display: none;
  }

  .mainContent .mainTextBox {
    padding: 50px 0;
  }

  .mainContent .mainTextBox .mainTextBoxInner {
    margin: 0 auto;
    width: 95%;
    max-width: 1150px;
  }

  .mainContent .mainTextBox .mainTextBoxInner li {
    width: 45%;
  }

  .mainContent .mainTextBox .mainTextBoxInner li.jp {
    float: left;
  }

  .mainContent .mainTextBox .mainTextBoxInner li.en {
    float: right;
  }

  .academy-top .heroContent {
    height: 760px;
    background: url(../imgs/academy/hero_academy_pc.jpg) right center no-repeat;
    background-size: cover;
  }

  .academy-top .heroContent .tit {
    width: 50%;
  }

  .academy-top .mainContent .leadBox {
    margin: 50px auto;
    width: 95%;
    max-width: 1150px;
  }

  .academy-top .mainContent .leadBox p {
    margin-bottom: 28px;
    font-size: 28px;
    line-height: 42px;
  }

  .academy-top .mainContent .philosophyBox .philosophyBoxInner {
    margin: 0 auto;
    max-width: 1365px;
    height: 794px;
  }

  .academy-top .mainContent .philosophyBox .philosophyBoxInner .pic {
    float: left;
    width: 50%;
    height: 794px;
    background: url(../imgs/academy/pic_philosophy.jpg) center center no-repeat;
    background-size: cover;
  }

  .academy-top .mainContent .philosophyBox .philosophyBoxInner .philosophyTitBox {
    float: right;
    width: 50%;
  }

  .academy-top .mainContent .philosophyBox .philosophyBoxInner .philosophyTitBox .subtit {
    margin: 275px auto 70px;
  }

  .academy-top .mainContent .philosophyBox .philosophyBoxInner .philosophyTitBox .btn {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }

  .academy-top .mainContent .philosophyBox .philosophyBoxInner .philosophyTitBox .btn:hover {
    background: #000;
    color: #fff;
  }

  .academy-top .mainContent .courseBox {
    padding-top: 50px;
  }

  .academy-top .mainContent .courseBox .wrap {
    padding: 50px 0;
  }

  .academy-top .mainContent .courseBox .wrap .courseBoxInner {
    width: 95%;
    max-width: 1224px;
  }

  .academy-top .mainContent .courseBox .wrap .courseBoxInner li {
    float: left;
    width: 25%;
  }

  .academy-top .mainContent .courseBox .wrap .courseBoxInner li div {
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    transition: transform 0.3s;
  }

  .academy-top .mainContent .courseBox .wrap .courseBoxInner li div:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
  }

  .academy-top .mainContent .staffBox {
    padding: 50px 0;
  }

  .academy-top .mainContent .staffBox .staffBoxInnner {
    max-width: 1365px;
  }

  .academy-top .mainContent .staffBox .staffBoxInnner li {
    float: left;
    width: 16.66%;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }

  .academy-top .mainContent .staffBox .staffBoxInnner li:hover {
    opacity: 0.7;
  }

  .academy-top .mainContent .accessBox {
    padding: 50px 0;
  }

  .academy-top .mainContent .accessBox .accessBoxInner {
    margin: 0 auto;
    width: 95%;
    max-width: 1150px;
  }

  .academy-top .mainContent .accessBox .accessBoxInner .addrBox {
    float: left;
    width: 40%;
  }

  .academy-top .mainContent .accessBox .accessBoxInner .addrBox a {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }

  .academy-top .mainContent .accessBox .accessBoxInner .addrBox a:hover {
    opacity: 0.7;
  }

  .academy-top .mainContent .accessBox .accessBoxInner .map {
    float: right;
    width: 60%;
    max-width: 590px;
    height: 590px;
  }

  .philosophy .heroContent {
    height: 794px;
    background: url(../imgs/academy/hero_philosophy_pc.jpg) left center no-repeat;
    background-size: cover;
  }

  .philosophy .heroContent .tit {
    left: inherit;
    right: 0;
    width: 50%;
  }

  .philosophy .mainContent {
    padding: 0 0 50px;
  }

  .philosophy .mainContent .mainTextBox {
    margin-bottom: 50px;
  }

  .philosophy .mainContent .btnBox .btn {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }

  .philosophy .mainContent .btnBox .btn:hover {
    background: #000;
    color: #fff;
  }

  .course .heroContent {
    height: 360px;
  }

  .course .mainContent {
    padding: 50px 0;
  }

  .course .mainContent .courseBox {
    margin: 0 auto 50px;
    padding: 50px 0;
    width: 95%;
    max-width: 1220px;
  }

  .course .mainContent .courseBox .coursePicBox {
    margin-right: 50px;
    float: right;
    width: 42%;
  }

  .course .mainContent .courseBox .courseTextBox {
    float: left;
    margin-left: 50px;
    width: 40%;
  }

  .course .mainContent .courseBox .btn:not(.btnOff) {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }

  .course .mainContent .courseBox .btn:not(.btnOff):hover {
    background: #000;
    color: #fff;
  }

  .course .mainContent .courseBox .btnSP {
    display: none;
  }

  .course .mainContent .noticeBox {
    margin: 0 auto;
    width: 95%;
    max-width: 1220px;
  }

  .applications .heroContent {
    margin: 0 auto 125px;
    padding-top: 65px;
    max-width: 1215px;
  }

  .applications .heroContent .heroPic {
    float: right;
    width: 50%;
  }

  .applications .heroContent .heroPic {
    float: right;
    width: 50%;
  }

  .applications .heroContent .titBox {
    position: absolute;
    top: 55%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 50%;
  }

  .applications .mainContent .formBox {
    margin: 0 auto 60px;
    width: 95%;
    max-width: 1215px;
  }

  .applications .mainContent .formBox .formBoxInner {
    margin: 0 auto;
    width: 94%;
  }

  .applications .mainContent .formBox .formBoxInner .form {
    width: 47%;
  }

  .applications .mainContent .formBox .formBoxInner .form.formL {
    float: left;
  }

  .applications .mainContent .formBox .formBoxInner .form.formR {
    float: right;
  }

  .applications .mainContent .formBox .formBoxInner .form input[type="submit"] {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }

  .applications .mainContent .formBox .formBoxInner .form input[type="submit"]:hover {
    color: #fff;
    background: #000;
  }

  .applications .mainContent .infoBox {
    padding: 60px 0;
  }

  .applications .mainContent .infoBox .infoBoxInner {
    margin: 0 auto;
    width: 95%;
    max-width: 1215px;
  }

  .applications .mainContent .infoBox .infoBoxInner .info.infoL {
    width: 46%;
    float: left;
  }

  .applications .mainContent .infoBox .infoBoxInner .info.infoR {
    width: 50%;
    float: right;
  }

  .applications .mainContent .infoBox .infoBoxInner .info .infoInner {
    margin-bottom: 70px;
  }

  .applications .mainContent .infoBox .infoBoxInner .info .infoInner span {
    font-weight: 700;
  }

  .applications .mainContent .infoBox .infoBoxInner .info .belongings {
    /*margin-top: 110px;*/
  }

  .applications .mainContent .infoBox .infoBoxInner .info .belongings li {
    float: left;
    width: 33.33%;
  }
}

@media screen and (min-width: 1001px) and (max-width: 1300px) {
  .academy-top .mainContent .courseBox .wrap .courseBoxInner li div .courseTitJp span {
    display: block;
  }

  .academy-top .mainContent .staffBox .staffBoxInnner li {
    width: 20%;
  }
}

@media screen and (min-width: 750px) and (max-width: 1100px) {
  .academy-top .heroContent .tit {
    width: auto;
    text-align: left;
    left: 2.5%;
  }

  .academy-top .mainContent .leadBox p br {
    display: none;
  }

  .academy-top .mainContent .mainTextBox .mainTextBoxInner li .subtit {
    height: 60px;
  }

  .academy-top .mainContent .philosophyBox .philosophyBoxInner .philosophyTitBox .subtit {
    font-size: 55px;
    line-height: 65px;
  }

  .philosophy .heroContent .tit {
    width: auto;
    text-align: right;
    right: 2.5%;
  }
}

@media screen and (min-width: 750px) and (max-width: 1000px) {
  .academy-top .mainContent .courseBox .wrap .courseBoxInner li div .courseTit {
    font-size: 24px;
    line-height: 36px;
    height: 108px;
  }

  .academy-top .mainContent .courseBox .wrap .courseBoxInner li div .courseTitJp {
    font-size: 14px;
    line-height: 18px;
  }

  .academy-top .mainContent .courseBox .wrap .courseBoxInner li div .courseTitJp span {
    display: block;
  }

  .academy-top .mainContent .staffBox .staffBoxInnner li {
    width: 25%;
  }

  .academy-top .mainContent .staffBox .staffBoxInnner li .prof .position,
  .academy-top .mainContent .staffBox .staffBoxInnner li .prof .nameEn {
    font-size: 18px;
    line-height: 20px;
  }

  .academy-top .mainContent .staffBox .staffBoxInnner li .prof .position {
    height: 40px;
  }

  .academy-top .mainContent .staffBox .staffBoxInnner li .prof .name {
    font-size: 26px;
    line-height: 26px;
  }

}

@media screen and (min-width: 750px) and (max-width: 790px) {
  .philosophy .mainContent .mainTextBox .mainTextBoxInner li .subtit {
    height: 60px;
  }

}

@media screen and (max-width: 750px) {
  .heroContent .tit {
    top: inherit;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    bottom: 25px;
    font-size: 40px;
    line-height: 40px;
  }

  .mainContent .mainTextBox {
    padding: 50px 0;
  }

  .mainContent .mainTextBox .subtit {
    text-align: center;
  }

  .mainContent .mainTextBox .mainTextBoxInner li .text {
    margin: 0 auto;
    width: 72%;
  }

  .mainContent .mainTextBox .mainTextBoxInner li.en {
    margin-top: 60px;
  }

  .academy-top .heroContent {
    height: 375px;
    background: url(../imgs/academy/hero_academy_sp.jpg) center center no-repeat;
    background-size: cover;
  }

  .academy-top .mainContent .leadBox {
    margin: 25px;
  }

  .academy-top .mainContent .leadBox p {
    margin-bottom: 21px;
    font-size: 20px;
    line-height: 21px;
  }

  .academy-top .mainContent .philosophyBox {
    padding: 20px 0 15px;
    background: #f0f0f0;
  }

  .academy-top .mainContent .philosophyBox .philosophyBoxInner .pic {
    display: none;
  }

  .academy-top .mainContent .philosophyBox .philosophyBoxInner .philosophyTitBox .subtit {
    display: none;
  }

  .academy-top .mainContent .philosophyBox .philosophyBoxInner .philosophyTitBox .btn {
    margin: 0 auto 10px;
    width: 194px;
    height: 44px;
    font-size: 20px;
    line-height: 44px;
  }

  .academy-top .mainContent .philosophyBox .philosophyBoxInner .philosophyTitBox .btnNotice {
    margin-bottom: 35px;
  }

  .academy-top .mainContent .box .subtit {
    margin-bottom: 30px;
    font-size: 40px;
    line-height: 40px;
  }

  .academy-top .mainContent .courseBox {
    padding-top: 30px;
  }

  .academy-top .mainContent .courseBox .wrap {
    padding: 30px 0;
  }

  .academy-top .mainContent .courseBox .wrap .courseBoxInner {
    width: 84%;
  }

  .academy-top .mainContent .courseBox .wrap .courseBoxInner li {
    margin-bottom: 20px;
  }

  .academy-top .mainContent .courseBox .wrap .courseBoxInner li div {
    margin: 0 auto;
    padding: 40px 0;
    width: auto;
  }

  .academy-top .mainContent .courseBox .wrap .courseBoxInner li div .courseTit {
    height: auto;
  }

  .academy-top .mainContent .staffBox {
    padding: 30px 0;
  }

  .academy-top .mainContent .staffBox .staffBoxInnner li {
    float: left;
    width: 33.33%;
  }

  .academy-top .mainContent .staffBox .staffBoxInnner li .prof {
    padding: 10px;
  }

  .academy-top .mainContent .staffBox .staffBoxInnner li .prof .position,
  .academy-top .mainContent .staffBox .staffBoxInnner li .prof .nameEn {
    font-size: 10px;
    line-height: 12px;
    height: 24px;
  }

  .academy-top .mainContent .staffBox .staffBoxInnner li .prof .name {
    margin: 8px 0;
    font-size: 16px;
    line-height: 16px;
  }

  .academy-top .mainContent .accessBox {
    padding: 30px 0;
  }

  .academy-top .mainContent .accessBox .accessBoxInner {
    margin: 0 auto;
    width: 84%;
  }

  .academy-top .mainContent .accessBox .accessBoxInner .map {
    width: 100%;
    height: 300px;
  }

  .academy-top .mainContent .accessBox .accessBoxInner .addrBox {
    margin: 30px auto 0;
  }

  .academy-top .mainContent .accessBox .accessBoxInner .addrBox .addrBox {
    width: auto;
    font-size: 16px;
    line-height: 32px;
  }

  .academy-top .mainContent .accessBox .accessBoxInner .addrBox .addrBox .addrEn {
    margin-top: 32px;
  }

  .philosophy .heroContent {
    height: 450px;
    background: url(../imgs/academy/hero_philosophy_sp.jpg) left center no-repeat;
    background-size: cover;
  }

  .philosophy .mainContent {
    padding: 0 0 50px;
  }

  .philosophy .mainContent .mainTextBox {
    margin-bottom: 50px;
  }

  .philosophy .mainContent .btnBox .btn {
    margin: 0 auto 10px;
    width: 194px;
    height: 44px;
    font-size: 20px;
    line-height: 44px;
  }

  .philosophy .mainContent .btnBox .btnNotice {
    margin-bottom: 35px;
  }

  .course .heroContent {
    height: 215px;
  }

  .course .heroContent .tit {
    bottom: inherit;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .course .mainContent {
    padding: 36px 0;
  }

  .course .mainContent .courseBox {
    margin: 0 auto 36px;
    padding-bottom: 36px;
    width: 84%;
  }

  .course .mainContent .courseBox .courseTextBox {
    margin: 36px auto 0;
    width: 82%;
  }

  .course .mainContent .courseBox .btnPC {
    display: none;
  }

  .course .mainContent .noticeBox {
    margin: 0 auto;
    width: 84%;
  }

  .applications .heroContent {
    margin: 0 auto 50px;
    padding-top: 40px;
    width: 84%;
  }

  .applications .heroContent .titBox {
    margin-top: 40px;
    text-align: center;
  }

  .applications .heroContent .titBox .tit {
    font-size: 30px;
    line-height: 35px;
    bottom: inherit;
  }

  .applications .heroContent .titBox .tit::after {
    width: 15px;
    height: 9px;
  }

  .applications .heroContent .titBox .text {
    margin-top: 40px;
    font-size: 30px;
    line-height: 36px;
  }

  .applications .mainContent .formBox {
    margin: 0 auto 60px;
    width: 84%;
  }

  .applications .mainContent .formBox .formBoxInner {
    margin: 0 auto;
    width: 86%;
  }

  .applications .mainContent .formBox .formBoxInner .formR {
    margin-top: 60px;
  }

  .applications .mainContent .mainContentInner.form .sBox {
    text-align: center;
    margin-bottom: 20px;
  }

  .applications .mainContent .mainContentInner.form input[type="submit"] {
    margin: 20px auto 0px;
  }

  .applications .mainContent .infoBox {
    padding: 60px 0;
  }

  .applications .mainContent .infoBox .infoBoxInner {
    margin: 0 auto;
    width: 84%;
  }

  .applications .mainContent .infoBox .infoBoxInner .info .infoInner {
    margin-bottom: 60px;
  }

  .applications .mainContent .infoBox .infoBoxInner .info .belongings li {
    margin-bottom: 60px;
  }
}