@media only screen and (max-width: 1400px) {
  .arrow {
    top: -85px;
  }
}

/*--------------------------------------------------------
解像度1200px以下
--------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
  .site-header,
  .global-nav,
  .main-body,
  .site-footer {
    min-width: 100%;
  }

  .site-header-in,
  .global-nav-in,
  .main-body-in,
  .site-footer-in {
    width: 100%;
    margin: auto;
  }

  .main-image-in,
  .main-image-in-text,
  .main-image-in-text .main-image-in-text-cont,
  .main-image-in-text.wide .main-image-in-text-cont {
    width: 100%;
  }

  .col1 .section-wrap,
  .col1 .breadcrumbs,
  .col1 .section-wrap.wide .section-in,
  .col1 .section-wrap.wide {
    width: auto;
  }

  .col1 .breadcrumbs-in,
  .col1 .float-area {
    width: 96%;
    margin-right: auto;
    margin-left: auto;
  }

  /*吹き出し*/
  .bubble {
    width: 70%;
  }

  .talker {
    width: 25%;
  }

  .bubble .bubble-in:after,
  .bubble .bubble-in:before {
    top: 30px;
  }

  .together .bubble,
  .together .talker {
    width: 100%;
  }

  .together .talker b {
    max-width: 25%;
  }

  .ranking-list04 .rank-box,
  .ranking-list05 .rank-box,
  .post-list01 .post-box,
  .post-list02 .post-box {
    width: 100%;
  }

  .col1 .ranking-list05 .rank-box,
  .col1 .post-list02 .post-box {
    width: 320px;
  }

  .site-title {
    width: 86px;
  }
  .smaller .site-title {
    width: 70px;
  }
  .smaller .site-title a img {
    margin: 11px 0;
  }
  .header-document {
    width: 54px;
    padding: 14px 23px;
    font-size: 12px;
  }
  .smaller .header-document img {
    margin-bottom: 0;
  }
  .header-opencampus {
    width: 60px;
    padding: 10px 20px 4px;
    font-size: 12px;
  }
  .header-opencampus img {
    margin-bottom: 14px;
  }
  .smaller .header-opencampus img {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .header-access {
    width: 60px;
    padding: 13px 20px 17px;
    font-size: 12px;
  }
  .smaller .header-access {
    width: 44px;
    padding: 15px 10px 16px 10px;
    font-size: 10px;
  }
  .smaller .header-access img {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .metaslider {
    top: 97px !important;
  }
  .sub-menu {
    top: 77px;
  }
  .global-nav {
    margin-top: 106px;
  }
  .arrow {
    top: 25px;
  }
  .top-news ul {
    margin: 0 auto;
    width: 96%;
  }
  .top-news-listcard {
    width: 32%;
    margin: 0 2% 20px 0;
  }
  .top-kanbi-strength {
    padding: 70px 0;
  }
  .top-kanbi-strength-cover {
    width: 96%;
  }
  .top-kanbi-strength-conts {
    padding: 7px 0;
    font-size: 14px;
  }
  .top-kanbi-strength-conts h1 {
    font-size: 19px;
    margin: 6px 0;
    padding: 0 10px;
  }
  .top-kanbi-strength-btn {
    padding: 3px 0 7px;
    font-size: 20px;
    margin-top: 4px;
    line-height: 30px;
  }
  .top-kanbi-strength-btn:before {
    top: 5px;
  }
  .top-contents01 {
    padding: 8px 0;
  }
  .top-contents02 {
    padding: 8px 0;
  }
  .top-contents03 {
    padding: 8px 0;
  }
  .top-contents04 {
    padding: 8px 0;
  }
  .top-contents05 {
    padding: 8px 0;
  }
  .top-contents06 {
    padding: 8px 0;
  }
  .top-contents07 {
    padding: 8px 0;
  }
  .strength-in01 {
    padding: 30px 0 20px 2%;
  }
  .strength-subtitle {
    font-size: 23px;
    line-height: 32px;
  }
  .strength-title {
    font-size: 35px;
    line-height: 38px;
  }
  .strength-in02 {
    padding: 30px 2% 20px 40%;
  }
  .strength-in03 {
    padding: 30px 0 20px 2%;
  }
  .strength-in04 {
    padding: 30px 2% 20px 40%;
  }
  .strength-in05 {
    padding: 30px 0 20px 2%;
  }
  .btn-blog img {
    width: 200px !important;
  }
  .btn-blog:after {
    top: -6px;
    left: 20px;
    width: 22px;
    height: 22px;
  }
  .btn-photo img {
    width: 200px !important;
  }
  .btn-photo:after {
    top: -6px;
    left: 20px;
    width: 22px;
    height: 22px;
  }
  .btn-youtube img {
    width: 200px !important;
  }
  .btn-youtube:after {
    top: -6px;
    left: 20px;
    width: 22px;
    height: 22px;
  }
  .btn-works img {
    width: 200px !important;
  }
  .btn-works:after {
    top: -6px;
    left: 20px;
    width: 22px;
    height: 22px;
  }
  .curiculum-annex1day-sconts {
    width: 90%;
  }
  .curiculum-annex-ex-title {
    width: 90%;
    margin: 0 auto 15px;
    font-size: 19px;
  }
  .curiculum-annex-ex {
    width: 90%;
    margin: 0 auto;
  }
  .school-message {
    width: 90%;
  }
  .school-message-more {
    width: 90%;
  }
  .qualification-list {
    width: 96%;
  }
  .school-qualification-list li {
    width: 32%;
    margin-right: 1.5%;
  }
  .school-qualification-list li:nth-child(3n) {
    margin-right: 0;
  }
  .school-qualification-list-title {
    font-size: 18px;
    line-height: 32px;
  }
  .school-qualification-list2 {
    width: 96%;
  }
  .school-qualification-list2 li {
    width: 27.5%;
    margin-right: 8.75%;
  }
  .school-qualification-list-title2 {
    height: 100px;
  }
  .school-intro .hogosya-b {
    margin-bottom: 30px;
    font-size: 15px;
  }
  .school-intro .hogosya-b span {
    font-size: 20px;
  }
  .school-intro .hogosya-b02 {
    text-align: left;
  }
  .parents-conts-01 {
    text-align: left;
    width: 90%;
    margin: 30px auto 60px;
  }
  .parents-conts-01 .caution {
    font-size: 16px;
  }
  .parents-conts-img {
    margin: 10px auto 20px;
  }
  .parents-conts-01 .caution {
    text-align: center;
  }
  .parents-conts-02 {
    width: 100%;
    text-align: center;
  }
  .parents-conts-03 {
    width: 100%;
  }
  .pass-rate-l {
    font-size: 25px;
    line-height: 34px;
  }
  .pass-rate-r {
    font-size: 70px;
  }
  .pass-rate-r span {
    font-size: 40px;
  }
  /*イベント用*/
  .event-intro {
    width: 90%;
    text-align: left;
  }
  .event-prize01 {
    width: 22%;
    margin-right: 4%;
  }
  .event-prize02 {
    width: 22%;
  }
  .event-prize03 {
    width: 22%;
    margin-right: 4%;
    margin-left: 11%;
  }
  .event-prize04 {
    width: 22%;
    margin-right: 4%;
  }
  .event-art2-w {
    display: inline-block;
  }
  /*就職用*/
  .job-info-list li {
    width: 25%;
  }
  .job-1year-title {
    font-size: 36px;
    padding: 40px 0;
  }
  .job-2year-title {
    font-size: 36px;
    padding: 40px 0;
  }
  /*その他用*/
  .kanby-merit {
    font-size: 30px;
    line-height: 40px;
    padding: 25px 0;
  }
  .kanby-merit span {
    font-size: 16px;
  }
  .kanby-merit-left01 {
    width: 48%;
    margin-right: 4%;
  }
  .kanby-merit-left02 {
    width: 48%;
  }
  .kanby-merit-right01 {
    width: 48%;
    margin-left: 4%;
  }
  .kanby-merit-right02 {
    width: 48%;
  }
  .privacy-conts {
    width: 90%;
  }
  .privacy-h2title {
    margin: 50px auto 30px !important;
  }
  .privacy-h2title span {
    font-size: 16px !important;
  }
  .plus-kanby-title01 {
    font-size: 32px;
    line-height: 35px;
    padding: 30px 0;
  }
  .plus-kanby-title02 {
    font-size: 32px;
    line-height: 35px;
    padding: 30px 0;
  }
  .plus-kanby-title03 {
    font-size: 32px;
    line-height: 35px;
    padding: 51px 0;
  }
  .plus-kanby-title04 {
    font-size: 32px;
    line-height: 35px;
    padding: 16px 0;
  }
  .plus-kanby-title05 {
    font-size: 32px;
    line-height: 35px;
    padding: 30px 0;
  }
  /*フォーム用*/
  .form-group {
    width: 90%;
  }
  .steps .step {
    width: 70%;
  }
} /*解像度1200px以下*/

/*--------------------------------------------------------
解像度737px以上950px以下
--------------------------------------------------------*/
@media (min-width: 737px) and (max-width: 950px) {
  .metaslider {
    top: 95px !important;
  }
  .sub-menu {
    top: 75px;
  }
  .global-nav {
    margin-top: 107px;
  }
  .arrow {
    top: -25px;
  }
  .home .main-body {
    margin-top: 70px;
  }

  /*ランキング*/
  .col2 .sub-conts .ranking-list03 .rank-thumb,
  .col2r .sub-conts .ranking-list03 .rank-thumb,
  .col2 .comparative-list01 .rank-thumb,
  .col2 .comparative-list02 .rank-thumb,
  .col2r .comparative-list01 .rank-thumb,
  .col2r .comparative-list02 .rank-thumb {
    float: none;
  }

  .col2 .comparative-list01 .rank-thumb,
  .col2 .comparative-list02 .rank-thumb,
  .col2r .comparative-list01 .rank-thumb,
  .col2r .comparative-list02 .rank-thumb {
    display: inline-block;
  }

  .col1 .ranking-list04 li,
  .col1 .ranking-list05 li,
  .col1 .post-list01 li,
  .col1 .post-list02 li {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .col1 .ranking-list04 .rank-box,
  .col1 .ranking-list05 .rank-box,
  .col1 .post-list01 .post-box,
  .col1 .post-list02 .post-box {
    width: 320px;
  }

  .col1 .banner-list li {
    display: list-item;
    margin-left: 0;
  }

  .site-title {
    width: 79px;
  }
  .site-title a img {
    margin: 24px 0 20px;
  }
  .header-opencampus {
    width: 50px;
    font-size: 10px;
    padding: 12px 23px 6px;
  }
  .header-opencampus img {
    margin: 0 0 14px;
  }
  .header-document {
    width: 50px;
    font-size: 10px;
    padding: 15px 23px 15px;
  }
  .header-document img {
    margin: 0 0 18px;
  }
  .header-access {
    width: 50px;
    font-size: 10px;
  }
  .header-access img {
    margin: 0 0 18px;
  }
  .global-nav-in li {
    font-size: 12px;
  }
  .global-nav-in li ul li {
    font-size: 12px;
  }
  /*トップページ*/
  .top-information-title {
    font-size: 24px;
    margin: 20px auto 40px;
  }
  .top-kanbi-strength {
    padding: 30px 0;
  }
  .top-kanbi-strength-conts {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
    padding: 4px 0;
    font-size: 15px;
  }
  .top-kanbi-strength-conts h1 {
    font-size: 18px;
    margin: 6px 0 15px;
  }
  .top-kanbi-strength-btn {
    padding: 0 0 2px;
    font-size: 20px;
    margin-top: 22px;
  }
  .top-blog-title {
    font-size: 20px;
    width: 28%;
    line-height: 25px;
    padding: 22px 1% 22px 2%;
  }
  .top-blog-conts ul {
    margin: 4px 0 4px 10%;
  }
  .top-contents01 {
    padding: 5px 0;
  }
  .top-contents01-title {
    font-size: 16px;
    padding-top: 6px;
    margin-bottom: 6px;
  }
  .top-contents01 p {
    margin-bottom: 8px;
  }
  .top-contents02 {
    padding: 5px 0;
  }
  .top-contents02-title {
    font-size: 16px;
    padding-top: 6px;
    margin-bottom: 6px;
  }
  .top-contents02 p {
    margin-bottom: 8px;
  }
  .top-contents03 {
    padding: 5px 0;
  }
  .top-contents03-title {
    font-size: 16px;
    padding-top: 6px;
    margin-bottom: 6px;
  }
  .top-contents03 p {
    margin-bottom: 8px;
  }
  .top-contents04 {
    padding: 5px 0;
  }
  .top-contents04-title {
    font-size: 16px;
    padding-top: 6px;
    margin-bottom: 6px;
  }
  .top-contents04 p {
    margin-bottom: 8px;
  }
  .top-contents05 {
    padding: 5px 0;
  }
  .top-contents05-title {
    font-size: 16px;
    padding-top: 6px;
    margin-bottom: 6px;
  }
  .top-contents05 p {
    margin-bottom: 8px;
    width: 55%;
    margin-left: 45%;
  }
  .top-contents06 {
    padding: 5px 0;
  }
  .top-contents06-title {
    font-size: 16px;
    padding-top: 6px;
    margin-bottom: 6px;
  }
  .top-contents06 p {
    margin-bottom: 8px;
  }
  .top-contents07 {
    padding: 5px 0;
  }
  .top-contents07-title {
    font-size: 16px;
    padding-top: 6px;
    margin-bottom: 6px;
  }
  .top-contents07 p {
    margin-bottom: 8px;
  }
  .top-app-btn-conts {
    width: 80%;
  }
  .top-app-btn01 {
    width: 47%;
    margin-right: 6%;
  }
  .top-app-btn01:before {
    left: 70%;
  }
  .top-app-btn02 {
    width: 47%;
  }
  .top-app-btn02:before {
    left: 57%;
  }
  .curiculum-index-title {
    font-size: 14px !important;
  }
  .curiculum-conts-title {
    font-size: 14px !important;
  }
  .curiculum-tec-title {
    font-size: 14px !important;
  }
  .curiculum-conts-caotion {
    font-size: 16px;
  }
  .curiculum-stepup-text {
    width: 61%;
  }
  .curiculum-annex1day {
    width: 90%;
  }
  .btn-blog img {
    width: 180px !important;
  }
  .btn-blog:after {
    top: -4px;
    left: 7px;
    width: 22px;
    height: 22px;
  }
  .btn-photo img {
    width: 180px !important;
  }
  .btn-photo:after {
    top: -4px;
    left: 7px;
    width: 22px;
    height: 22px;
  }
  .btn-youtube img {
    width: 180px !important;
  }
  .btn-youtube:after {
    top: -4px;
    left: 7px;
    width: 22px;
    height: 22px;
  }
  .btn-works img {
    width: 180px !important;
  }
  .btn-works:after {
    top: -4px;
    left: 7px;
    width: 22px;
    height: 22px;
  }
  .strength-in01 {
    padding: 19px 0 19px 2%;
  }
  .strength-point01 {
    width: 76px;
    font-size: 13px;
  }
  .strength-subtitle {
    font-size: 20px;
    line-height: 27px;
  }
  .strength-title {
    line-height: 34px;
    font-size: 30px;
  }
  .strength-click01 {
    font-size: 15px;
  }
  .strength-in02 {
    padding: 16px 0 16px 40%;
  }
  .strength-point02 {
    width: 76px;
    font-size: 13px;
  }
  .strength-click02 {
    font-size: 15px;
  }
  .strength-in03 {
    padding: 19px 0 19px 2%;
  }
  .strength-in04 {
    padding: 16px 0 16px 40%;
  }
  .strength-in05 {
    padding: 19px 0 19px 2%;
  }
  .school-qualification-list-title2 {
    height: 120px;
  }
  .curiculum-annex1day-sconts {
    width: 90%;
  }
  .annex-salon {
    width: 90%;
  }
  .annex-salon-tenpo {
    width: 90%;
  }
  .school-index-title-sub {
    font-size: 17px;
  }
  .h90 {
    height: auto;
  }
  /*校費留学用*/
  .oversea-slider {
    width: 90%;
  }
  /*イベント用*/
  .event-index-conts {
    font-size: 15px;
  }
  .event-index-conts p {
    margin-bottom: 10px;
  }
  .event-month-circle {
    width: 48px;
    height: 48px;
    font-size: 20px;
    padding-top: 11px;
    margin: 10px auto 10px;
  }
  .event-prize01 {
    width: 22%;
    margin-right: 4%;
  }
  .event-prize02 {
    width: 22%;
  }
  /*コンテスト用*/
  .gp-conts-list-title {
    font-size: 18px;
  }
  .gp-conts-list-title2 {
    font-size: 18px;
  }
  .gp-conts-list-title.mh100 {
    min-height: 114px;
  }
  .gp-conts-list-title2.mh100 {
    min-height: 100px;
  }
  /*就職用*/
  .job-info-list li {
    width: 33%;
  }
  .job-1year-title {
    font-size: 36px;
    padding: 33px 0;
  }
  .job-2year-title {
    font-size: 36px;
    padding: 33px 0;
  }
  .job-month-button01 {
    font-size: 15px;
  }
  .job-month-button02 {
    font-size: 15px;
  }
  .job-month-button03 {
    width: 300px;
    font-size: 15px;
  }
  /*入学用*/
  .admission-support-kanbi-title {
    font-size: 30px;
    line-height: 42px;
    padding: 22px 0;
  }
  .admission-support-kanbi-l {
    width: 50%;
    margin-right: 3%;
  }
  .admission-support-kanbi-r {
    width: 47%;
  }
  /*その他用*/
  .other-btn-list {
    width: 100%;
  }
  .kanby-member-btn {
    width: 47%;
    font-size: 15px;
  }
  .kanby-touroku-btn {
    width: 47%;
    margin-left: 6%;
    font-size: 15px;
  }
  .kanby-touroku-btn02 {
    width: 47%;
    font-size: 15px;
  }
  .kanby-slider {
    width: 90%;
  }
  .kanby-merit {
    font-size: 25px;
    line-height: 32px;
    padding: 17px 0;
  }
  .kanby-merit span {
    font-size: 16px;
  }
  .siryo-seikyu-btn {
    font-size: 15px;
  }
  .opencampus-list {
    width: 96%;
  }
  .opencampus-8gastu-title {
    font-size: 40px;
    line-height: 42px;
    padding: 22px 0;
  }
  .opencampus-8gastu-title span {
    font-size: 24px;
  }
  .opencampus-9gastu-title {
    font-size: 40px;
    line-height: 42px;
    padding: 22px 0;
  }
  .opencampus-9gastu-title span {
    font-size: 24px;
  }
  .opencampus-10gastu-title {
    font-size: 40px;
    line-height: 42px;
    padding: 22px 0;
  }
  .opencampus-10gastu-title span {
    font-size: 24px;
  }
  .opencampus-11gastu-title {
    font-size: 40px;
    line-height: 42px;
    padding: 22px 0;
  }
  .opencampus-11gastu-title span {
    font-size: 24px;
  }
  .opencampus-12gastu-title {
    font-size: 40px;
    line-height: 42px;
    padding: 22px 0;
  }
  .opencampus-12gastu-title span {
    font-size: 24px;
  }
  .opencampus-1gastu-title {
    font-size: 40px;
    line-height: 42px;
    padding: 22px 0;
  }
  .opencampus-1gastu-title span {
    font-size: 24px;
  }
  .opencampus-2gastu-title {
    font-size: 40px;
    line-height: 42px;
    padding: 22px 0;
  }
  .opencampus-2gastu-title span {
    font-size: 24px;
  }
  .opencampus-3gastu-title {
    font-size: 40px;
    line-height: 42px;
    padding: 22px 0;
  }
  .opencampus-3gastu-title span {
    font-size: 24px;
  }
  .opencampus-4gastu-title {
    font-size: 40px;
    line-height: 42px;
    padding: 22px 0;
  }
  .opencampus-4gastu-title span {
    font-size: 24px;
  }
  .opencampus-5gastu-title {
    font-size: 40px;
    line-height: 42px;
    padding: 22px 0;
  }
  .opencampus-5gastu-title span {
    font-size: 24px;
  }
  .opencampus-6gastu-title {
    font-size: 40px;
    line-height: 42px;
    padding: 22px 0;
  }
  .opencampus-6gastu-title span {
    font-size: 24px;
  }
  .opencampus-7gastu-title {
    font-size: 40px;
    line-height: 42px;
    padding: 22px 0;
  }
  .opencampus-7gastu-title span {
    font-size: 24px;
  }
  .plus-kanby-title01 {
    font-size: 28px;
    line-height: 30px;
    padding: 22px 0;
  }
  .plus-kanby-title01 span {
    font-size: 17px;
  }
  .plus-kanby-title02 {
    font-size: 28px;
    line-height: 30px;
    padding: 22px 0;
  }
  .plus-kanby-title02 span {
    font-size: 17px;
  }
  .plus-kanby-title03 {
    font-size: 28px;
    line-height: 30px;
    padding: 36px 0;
  }
  .plus-kanby-title04 {
    font-size: 28px;
    line-height: 30px;
    padding: 4px 0;
  }
  .plus-kanby-title04 span {
    font-size: 17px;
  }
  .plus-kanby-title05 {
    font-size: 28px;
    line-height: 30px;
    padding: 22px 0;
  }
  .plus-kanby-title05 span {
    font-size: 17px;
  }
  /*高校１・２年生のみなさまへ用*/
  .junior-step02 {
    width: 84%;
  }
  .junior-step01 {
    width: 36%;
  }
  .junior-yajirushi01 {
    width: 47%;
  }
  .junior-step02-01 {
    width: 43%;
  }
  .junior-step02-02 {
    width: 43%;
  }
  .junior-yajirushi02 {
    width: 47%;
  }
  .junior-step03 {
    width: 36%;
  }
  .junior-yajirushi03 {
    width: 70%;
  }
  .junior-step04 {
    width: 96%;
  }
  .junior-step04-01 {
    width: 31%;
    margin-right: 3.5%;
  }
  .junior-step04-02 {
    width: 31%;
    margin-right: 3.5%;
  }
  .junior-step04-03 {
    width: 31%;
  }
  /*フォーム用*/
  .steps .step {
    width: 70%;
  }
  .btn-default {
    width: 230px;
  }
  /*フッター用*/
  .footerList li {
    font-size: 14px;
  }
} /*解像度737px以上950px以下*/

/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media only screen and (max-width: 736px) {
  html,
  body,
  .containr {
    min-width: 0;
  }

  html {
    overflow-x: hidden;
    overflow-y: scroll;
  }

  html,
  body {
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-color: #fff;
  }

  textarea,
  input,
  select {
    max-width: 98%;
  }

  input[type="submit"],
  input[type="image"],
  input[type="reset"],
  input[type="button"],
  input[type="file"] {
    max-width: none;
  }

  blockquote {
    position: relative;
    margin: 2em 0;
    padding: 115px 20px 80px;
    background: #eee;
  }

  .site-header-in,
  .global-nav-in,
  .main-body-in,
  .site-footer-in {
    width: 100%;
  }

  .main-conts {
    background: #fff;
  }

  .col2 .main-conts,
  .col2 .sub-conts,
  .col2r .main-conts,
  .col2r .sub-conts {
    float: none;
    width: auto;
  }

  /*ヘッダー*/
  .site-header-conts,
  .site-title,
  .header-box {
    display: block;
  }

  .header-box {
    margin-top: 15px;
  }

  .site-header-conts {
    padding-top: 0;
  }

  .no-gn .site-header-conts {
    padding-top: 0;
  }

  .site-header-conts {
    padding-bottom: 0;
  }

  .site-title {
    padding: 0;
    font-size: 1.4em;
    width: 57px;
    margin-left: 5px;
  }
  .smaller .site-title {
    width: 50px;
    margin-left: 5px;
  }

  .site-title a img {
    margin: 12px 0 10px;
  }
  .smaller .site-title a img {
    margin: 9px 0 9px;
  }

  .normal-screen .site-title {
    font-size: 2em;
  }

  .normal-screen .lp-catch {
    padding: 15px 15px 0;
    font-size: 1em;
  }

  .header-box {
    margin-left: 0;
    text-align: center;
  }

  .site-header-in {
    position: relative;
    padding-bottom: 0;
  }

  .home .main-image {
    margin-bottom: 0;
  }
  .header-document {
    width: 30px;
    padding: 7px 10px;
    font-size: 7px;
    line-height: 10px;
  }
  .header-document img {
    margin: 0 0 10px;
  }
  .smaller .header-document {
    width: 30px;
    padding: 8px 6px;
    font-size: 7px;
    line-height: 10px;
    margin: 10px 10px 0 0;
  }
  .smaller .header-document img {
    margin-bottom: 0;
  }
  .header-opencampus {
    width: 35px;
    padding: 5px 8px 1px;
    font-size: 7px;
    line-height: 10px;
  }
  .header-opencampus img {
    margin: 0 0 4px;
  }
  .smaller .header-opencampus {
    width: 74px;
    padding: 8px 6px;
    font-size: 7px;
    line-height: 10px;
    margin: 10px 0 0 0;
  }
  .smaller .header-opencampus img {
    margin-bottom: 0;
  }
  .header-access {
    width: 30px;
    padding: 7px 10px;
    font-size: 7px;
    margin-right: 42px;
    line-height: 10px;
  }
  .smaller .header-access {
    width: 30px;
    padding: 13px 7px 13px;
    font-size: 7px;
    margin-right: 32px;
    line-height: 10px;
  }
  .header-access img {
    margin: 0 0 10px;
  }
  .smaller .header-access img {
    margin-bottom: 0;
  }
  .sp-gnav-document {
    display: block;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 7px;
    font-size: 14px;
    margin: 10px 0;
  }
  .sp-gnav-opencampus {
    display: block;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 7px;
    font-size: 14px;
    margin-bottom: 20px;
  }
  .sp-gnav-other {
    display: block;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3px 2%;
    font-size: 14px;
    margin: 5px 0;
    text-align: left;
  }
  .sp-gnav-other.mt20 {
    margin-top: 20px;
  }
  .sp-gnav-other.mb60 {
    margin-bottom: 60px;
  }
  .metaslider {
    top: 56px !important;
  }
  .sub-menu {
    top: 62px;
  }
  .home .main-body {
    margin-top: 70px;
  }

  /*グローバルナビ*/
  .global-nav {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    border: 0;
  }

  .global-nav ul {
    display: none;
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    left: -2%;
    z-index: 2;
    width: 94%;
    height: 100%;
    border: 0;
    padding: 40px 3% 0 5%;
    background-color: #d90000;
    -webkit-overflow-scrolling: touch;
  }

  .global-nav-panel {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
  }

  .global-nav-panel span {
    position: absolute;
    right: -12px;
    z-index: 3;
    top: 15px;
  }

  .global-nav-in li {
    display: list-item;
    width: auto;
    border-right: 0;
    text-align: left;
  }

  .global-nav-in li:last-child {
    margin-bottom: 60px;
  }

  .global-nav-in li ul {
    position: static;
    width: auto;
    margin-left: 0;
    border-bottom: 0;
    padding: 0;
  }

  .global-nav-in li ul li {
    width: 100%;
    border-right: 0;
    border-bottom: 0;
  }

  .global-nav-in li ul li:last-child {
    margin: 0;
  }

  .global-nav-in li a {
    display: block;
    margin: 12px 0;
    border-right: 0;
    background: #d90000;
    width: 100%;
    box-sizing: border-box;
    border-left: 2px solid #ffffff;
    line-height: 19px;
    height: auto;
    text-align: left;
    padding: 0 2%;
    text-shadow: none;
  }
  .global-nav li ul li a {
    display: block;
    margin: 5px 0;
    border-right: 0;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    box-sizing: border-box;
    border-left: none;
    line-height: 19px;
    height: auto;
    text-align: left;
    padding: 5px 2%;
    text-shadow: none;
  }

  .global-nav li ul li ul {
    margin-left: 1em;
  }

  .global-nav li ul li ul a {
  }

  /*Retina（高解像度）ディスプレイ用*/
  @media screen and (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 2dppx) {
  }

  .global-nav-in li ul li:hover > a {
    background-color: #ffffff;
  }
  .section-wrap,
  .col1 .section-wrap.wide {
    padding: 0;
    border: 0;
  }

  .col1 .section-wrap {
    padding: 0;
  }

  .section-wrap .section-in,
  .col1 .section-wrap.wide .section-in,
  .float-area,
  .col1 .float-area {
    padding: 0;
  }

  .col1 .sub-conts .section-wrap .section-in {
    padding: 0 20px 30px;
  }

  .section-wrap .section-in .section-title,
  .section-wrap .article-header .section-title {
    margin: 10px 0 20px;
    padding: 0;
    font-size: 22px;
  }

  .sub-conts .section-wrap .section-in .section-title,
  .sub-conts .section-wrap .article-header .section-title,
  .col1 .sub-conts .section-wrap .section-in .section-title,
  .col1 .sub-conts .section-wrap .article-header .section-title {
    margin: 0 0 30px;
    padding: 10px 0;
  }
  .section-title:before {
    top: 23px;
  }
  .section-title span {
    background-color: #fff;
    letter-spacing: normal;
  }
  .section-title-h1 {
    margin-top: 0 !important;
  }
  .section-title-h1:before {
    top: 23px;
  }
  .section-title-h1 span {
    background-color: #fff;
    letter-spacing: normal;
  }
  .main-body {
    background-color: #fff;
  }

  .main-body h1,
  .main-body h2,
  .main-body h3,
  .main-body h4,
  .main-body h5,
  .main-body h6 {
    margin: 35px 0 20px;
  }

  .main-body h1,
  .main-body h2 {
    font-size: 1.5em;
  }

  /*パンくずリスト*/
  .breadcrumbs-in {
    margin-bottom: 1em;
    padding: 0 1em;
  }

  .breadcrumbs-in li:last-child {
    display: none;
  }
  .col1 .breadcrumbs-in {
    width: auto;
  }

  /*フッターナビ*/
  .site-footer-nav {
    display: block;
    text-align: center;
  }

  .site-footer-nav li,
  .site-footer-nav li:first-child {
    margin-left: 0;
    font-size: 15px;
  }

  /*フッター*/
  .footer-logo {
    width: 100%;
    margin: 10px auto 40px;
  }
  .footer-logo .img {
    display: block;
    width: 30%;
    margin: 0 auto;
  }
  .footer-logo .text {
    display: block;
    text-align: center;
    font-size: 14px;
    margin-top: 30px;
    width: 100%;
  }
  .footer-logo .text span {
    font-size: 12px;
  }

  /*コピーライト*/
  .copyright {
    padding: 15px;
    text-align: center;
  }

  .copyright small {
    font-size: 11px;
  }
  .page-top {
    right: 0;
  }
  .page-top img {
    width: 40px;
  }

  /*最新情報*/
  .news .news-thumb {
    float: none;
    text-align: center;
  }

  .main-body .news-title {
    font-size: 1.25em;
  }

  /*テーブル（左端がth、右側がtdの場合にスマホ表示で立て並びに変化）*/
  .table-block,
  .table-block thead,
  .table-block tbody,
  .table-block tfoot,
  .table-block tr,
  .table-block th,
  .table-block td {
    display: block;
  }

  .table-block {
    border-bottom: 1px solid #959595;
  }

  .table-block th,
  .table-block td {
    float: left;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .table-block:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
  }

  .table-scroll:before {
    content: "※はみ出ている場合、横にスクロールできます。";
  }
  /*バナーエリア*/
  .banner-list li {
    text-align: center;
  }

  .banner-list li,
  .col1 .banner-list li,
  .main-conts .banner-list li {
    display: list-item;
    margin-left: 0;
  }

  /*ボタン*/
  .btn-area {
    text-align: center;
  }

  .btn {
    float: none;
    margin-right: 0;
    margin-left: 0;
  }

  .btn-area .btn {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .btn-green,
  .btn-blue,
  .btn-orange,
  .btn-red {
    padding: 25px;
  }

  .btn-form01 {
    padding: 25px 40px;
  }

  .btn-form02 {
    padding: 25px 20px;
  }

  .btn-mail {
    padding: 12px;
  }

  /*ソーシャルボタン*/
  .sns-list li {
    margin-right: 1em;
    margin-left: 0;
  }

  /*登場人物紹介２*/
  .col1 .cast-box02 .cast {
    min-height: 0;
  }

  .col1 .cast-box02 .cast-name,
  .col1 .cast-box02 .cast-profile {
    padding-left: 0;
  }

  .col1 .cast-box02 .cast .cast-headshot {
    width: 100%;
  }

  /*ランキング*/
  .rank-thumb {
    float: none;
  }

  .ranking-list04 .rank-box,
  .ranking-list05 .rank-box,
  .post-list01 .post-box,
  .post-list02 .post-box {
    width: 320px;
  }

  .sub-conts .ranking-list03 .rank-thumb,
  .col2 .sub-conts .ranking-list03 .rank-thumb,
  .col2r .sub-conts .ranking-list03 .rank-thumb {
    float: left;
  }

  .col1 .ranking-list04 li,
  .col1 .ranking-list05 li,
  .col1 .post-list01 li,
  .col1 .post-list02 li {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .col2 .link-menu-image-thumb,
  .col2r .link-menu-image-thumb {
    float: left;
  }

  .comparative-list01 .rank-thumb,
  .comparative-list02 .rank-thumb {
    display: inline-block;
    float: none;
  }

  .ranking-list04 .rank-box,
  .ranking-list05 .rank-box,
  .post-list01 .post-box,
  .post-list02 .post-box {
    width: 320px;
  }

  /*関連記事*/
  .related-articles-thumbs02 li {
    float: none;
    width: auto;
    margin-left: 0;
  }

  .eye-catch {
    float: none;
    margin: 0 0 1em;
    text-align: center;
  }
  .arrow {
    top: 17px;
    margin-left: -17.5px;
  }
  .scrolldown:before {
    width: 35px;
    height: 35px;
  }
  .scrolldown:after {
    top: -5px;
    left: 11.5px;
    width: 11px;
    height: 11px;
  }
  /*トップページ*/
  #top-information {
    margin-top: -100px;
  }
  .top-information-title {
    font-size: 22px;
  }
  .top-information {
    border: none;
    margin: 20px auto 40px;
    width: 90%;
  }
  .top-information ul {
    margin: 5px auto 0;
    width: 100%;
  }
  .top-information ul li {
    font-size: 11.6px;
    margin-bottom: 2px;
  }
  .top-information ul li a {
    font-size: 11.6px;
  }
  .top-kanbi-strength-cover {
    background: none;
    width: 90%;
  }
  .top-kanbi-strength {
    background: none;
    margin: 40px auto 0;
    padding: 0;
  }
  .top-kanbi-strength-conts {
    width: 90%;
    margin: 0 auto;
    color: #333;
    font-size: 15px;
  }
  .top-kanbi-strength-conts h1 {
    color: #d90000;
    border-left: 2px solid;
    font-size: 17px;
    line-height: 24px;
    margin: 10px 0;
    font-weight: bold;
  }
  .top-kanbi-strength-btn {
    border: 3px solid #d90000;
    color: #d90000;
    background-color: #fff;
    padding: 5px 10% 5px 0;
  }
  .top-kanbi-strength-btn:before {
    left: 70%;
    top: -6.5px;
    background: url(./images/common/top-kanbi-strength-btn-icon-sp.png)
      no-repeat;
    background-size: contain;
    width: 9px;
    height: 16px;
  }
  .top-pickup {
    padding: 10px 0;
    margin: 40px 0 20px;
  }
  .top-pickup-conts {
    margin-bottom: 40px;
    width: 90%;
  }
  .top-pickup-title {
    width: 100%;
    padding: 0;
    margin: 40px auto 20px;
  }
  .top-pickup-title:before {
    content: none;
  }
  .top-pickup-title h2 {
    width: 100%;
    margin: 0;
    color: #d90000;
    font-size: 22px;
    padding: 3px 0;
  }
  .top-news-title {
    width: 100%;
    padding: 0;
    margin: 60px auto 10px;
  }
  .top-news-title:before {
    content: none;
  }
  .top-news-title h2 {
    width: 100%;
    margin: 0;
    color: #d90000;
    font-size: 22px;
    padding: 3px 0;
  }
  .top-news-listcard {
    width: 100%;
    margin: 10px 0;
    font-size: 14px;
    line-height: 21px;
  }
  .top-news ul {
    width: 90%;
  }
  .top-news ul li:nth-child(2),
  .top-news ul li:nth-child(5) {
    margin: 10px 0;
  }
  .top-news ul li:nth-child(3),
  .top-news ul li:nth-child(6) {
    margin: 10px 0;
  }
  .top-news-thumbnail {
    width: 48%;
    float: left;
    margin-right: 2%;
  }
  .top-news-listcard img {
    width: 100%;
  }
  .top-news-content {
    float: left;
    width: 50%;
  }
  .top-news-listcard-title {
    margin: 0 2% 3px 0;
    font-size: 14px;
    font-weight: normal;
    min-height: auto;
  }
  .top-news-listcard p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin-bottom: 5px;
  }
  .top-news-btn-more {
    margin: 5px auto 0;
    font-size: 12px;
    width: 38%;
    background-color: #fff;
  }
  .top-news-cat {
    margin: 5px 0 3px;
    font-size: 11px;
  }
  .top-blog {
    padding: 30px 0;
  }
  .top-blog-content {
    margin: 20px auto;
    width: 90%;
  }
  .top-blog-title {
    width: 100%;
    text-align: center;
    padding: 9px 0 5px;
  }
  .top-blog-title-icon {
    width: 170px;
  }
  .top-blog-title-title {
    vertical-align: 5px;
  }
  .top-blog-title-title span {
    margin-right: 10px;
  }
  .top-blog-conts {
    width: 100%;
    margin: 0;
  }
  .top-blog-conts ul {
    margin: 10px 0;
  }
  .top-blog-conts ul li a {
    font-weight: normal;
    font-size: 14px;
  }
  .top-contents-title {
    width: 100%;
    padding: 0;
    margin: 0 auto 20px;
  }
  .top-contents-title:before {
    content: none;
  }
  .top-contents-title h2 {
    width: 100%;
    margin: 0;
    color: #d90000;
    font-size: 22px;
    padding: 3px 0;
    line-height: 1.8;
  }
  .top-contents01 {
    padding: 2px 0;
    background-repeat: no-repeat;
    margin-bottom: 15px;
  }
  .top-contents01-title {
    font-size: 16px;
    padding-top: 5%;
    margin-bottom: 7%;
  }
  .top-contents01 p {
    font-size: 15px;
    width: 90%;
    margin: 0 auto;
    color: #333;
  }
  .top-contents02 {
    padding: 2px 0;
    background-repeat: no-repeat;
    margin-bottom: 15px;
  }
  .top-contents02-title {
    font-size: 16px;
    padding-top: 3%;
    line-height: 22px;
    margin-bottom: 7%;
  }
  .top-contents02 p {
    font-size: 15px;
    width: 90%;
    margin: 0 auto;
    color: #333;
  }
  .top-contents03 {
    padding: 2px 0;
    background-repeat: no-repeat;
    margin-bottom: 15px;
  }
  .top-contents03-title {
    font-size: 16px;
    padding-top: 5%;
    margin-bottom: 7%;
  }
  .top-contents03 p {
    font-size: 15px;
    width: 90%;
    margin: 0 auto;
    color: #333;
  }
  .top-contents04 {
    padding: 2px 0;
    background-repeat: no-repeat;
    margin-bottom: 15px;
  }
  .top-contents04-title {
    font-size: 16px;
    padding-top: 5%;
    margin-bottom: 7%;
  }
  .top-contents04 p {
    font-size: 15px;
    width: 90%;
    margin: 0 auto;
    color: #333;
  }
  .top-contents05 {
    padding: 2px 0;
    background-repeat: no-repeat;
    margin-bottom: 15px;
  }
  .top-contents05-title {
    font-size: 16px;
    padding-top: 5%;
    margin-bottom: 7%;
  }
  .top-contents05 p {
    font-size: 15px;
    width: 90%;
    margin: 0 auto;
    color: #333;
  }
  .top-contents06 {
    padding: 2px 0;
    background-repeat: no-repeat;
    margin-bottom: 15px;
  }
  .top-contents06-title {
    font-size: 16px;
    padding-top: 3%;
    line-height: 22px;
    margin-bottom: 7%;
  }
  .top-contents06 p {
    font-size: 15px;
    width: 90%;
    margin: 0 auto;
    color: #333;
  }
  .top-contents07 {
    padding: 2px 0;
    background-repeat: no-repeat;
    margin-bottom: 15px;
  }
  .top-contents07-title {
    font-size: 16px;
    padding-top: 3%;
    line-height: 22px;
    margin-bottom: 7%;
  }
  .top-contents07 p {
    font-size: 15px;
    width: 90%;
    margin: 0 auto;
    color: #333;
  }
  .top-app {
    padding: 30px 2%;
  }
  .top-app-btn-conts {
    width: 94%;
  }
  .top-app-btn01 {
    width: 47%;
    margin-right: 6%;
    font-size: 14px;
    padding-right: 7%;
    line-height: 28px;
    padding-bottom: 2px;
    padding-top: 2px;
  }
  .top-app-btn01:before {
    left: 86%;
    font-size: 20px;
    top: 1px;
    width: 9px;
    height: 12px;
  }
  .top-app-btn02 {
    width: 47%;
    font-size: 14px;
    padding-right: 7%;
    line-height: 28px;
    padding-bottom: 2px;
    padding-top: 2px;
  }
  .top-app-btn02:before {
    left: 71%;
    font-size: 20px;
    top: 1px;
    width: 9px;
    height: 12px;
  }
  .h2-title-sub {
    font-size: 11px;
    margin-bottom: 20px;
    margin-top: -23px;
  }
  .sub-menu {
    font-size: 10px;
  }
  .sub-menu ul li {
    margin: 5px 6px 5px 0;
  }
  .sub02-menu {
    display: none;
  }
  /*カリキュラム用*/
  #curiculum-int-semminer {
    padding-top: 60px;
    margin-top: -60px;
    padding-bottom: 0;
  }
  #curiculum-pro-semminer {
    padding-top: 60px;
    margin-top: -20px;
  }
  .page-title-curriculum {
    -webkit-animation: bgiLoop 55s linear infinite;
    animation: bgiLoop 55s linear infinite;
    padding-top: 70px;
    height: 220px;
  }
  .page-title-curriculum-conts {
    padding: 38px 0 !important;
    font-size: 30px !important;
    line-height: 24px;
  }
  .page-title-curriculum-conts span {
    font-size: 15px;
  }
  .curriculum-nav {
    top: -8px;
    font-size: 8px;
    text-align: center;
  }
  .curriculum-nav li {
    border: 1px solid #fff;
    padding: 5px 1%;
    margin: 4px 1%;
    display: inline-block;
    box-sizing: border-box;
    width: 31%;
  }
  .curriculum-nav .current_page_item {
    background: #fff;
  }
  .curriculum-nav .current_page_item a {
    color: #000;
    text-shadow: none;
  }
  .curriculum-nav-footer {
    font-size: 8px;
    width: 100%;
  }
  .curriculum-nav-footer li {
    border: 1px solid #333;
    padding: 5px 1%;
    margin: 4px 1%;
    display: inline-block;
    box-sizing: border-box;
    width: 31%;
  }
  .curriculum-nav-footer .current_page_item {
    background: #333;
    border: none;
  }
  .curriculum-nav-footer .current_page_item a {
    color: #fff;
  }
  .curiculum-introduction {
    text-align: left;
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
  }
  .curiculum-introduction-sub {
    text-align: left;
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
  }
  .curiculum-h3title {
    margin-top: 50px !important;
  }
  .curiculum-h3title span {
    font-size: 16px !important;
  }
  #curiculum-conts3-01,
  #curiculum-conts3-02,
  #curiculum-conts3-03,
  #curiculum-conts3-04,
  #curiculum-conts3-05,
  #curiculum-conts3-06,
  #curiculum-conts3-07,
  #curiculum-conts3-08,
  #curiculum-conts3-09,
  #curiculum-conts3-10,
  #curiculum-conts3-11,
  #curiculum-conts3-12,
  #curiculum-conts3-13,
  #curiculum-conts3-14,
  #curiculum-conts3-15,
  #curiculum-conts3-16,
  #curiculum-conts3-17,
  #curiculum-conts3-18,
  #curiculum-conts3-19,
  #curiculum-conts3-20,
  #curiculum-conts3-21,
  #curiculum-conts3-22,
  #curiculum-conts3-23 {
    padding-top: 30px;
    margin-top: -30px;
  }
  .curiculum-mainconts3 li {
    width: 100%;
    margin: 10px 0;
  }
  .curiculum-mainconts3 li:nth-child(3),
  .curiculum-mainconts3 li:nth-child(6),
  .curiculum-mainconts3 li:nth-child(9),
  .curiculum-mainconts3 li:nth-child(12) {
    margin: 10px 0;
  }
  .curiculum-mainconts3 li div {
    width: 30%;
    margin-right: 5%;
    float: left;
  }
  .curiculum-conts3 {
    width: 90%;
    margin: 0 auto;
  }
  .curiculum-conts3 li {
    width: 100%;
    margin: 0 0 0;
    padding-bottom: 0;
    position: static;
  }
  .curiculum-conts3 li:nth-child(3n) {
    margin: 0;
  }
  .curiculum-conts3 li .button-list {
    position: static;
  }
  .curiculum-index-title {
    font-size: 15px !important;
    width: 90% !important;
    letter-spacing: -0.8px;
    position: relative !important;
    top: 17px;
    margin: 0 4% !important;
  }
  .curiculum-index-caption {
    font-size: 15px;
  }
  .curiculum-mainconts3-inner {
    width: 65% !important;
    margin-right: 0 !important;
    float: left;
  }
  .curiculum-mainconts3-caption {
    font-size: 13px;
    margin: 0 auto 5px;
    float: none !important;
    width: 100% !important;
  }
  .curiculum-mainconts3 ul {
    margin-left: 0;
    width: 100%;
  }
  .curiculum-mainconts3 ul li {
    font-size: 10px;
    line-height: 11px;
    background-size: 9px;
    margin: 3px 0 3px 0;
    padding-left: 13px;
    background-position: 0 3px;
    padding-top: 2px;
  }
  .curiculum-conts-title {
    font-size: 18px !important;
    width: 80%;
  }
  .curiculum-tec-title {
    font-size: 15px !important;
    width: 80% !important;
    position: relative !important;
    top: 20px;
  }
  .curiculum-conts-caotion {
    font-size: 16px;
  }
  .curiculum-stepup-text {
    width: 64%;
    margin: 1em 0 1.5em 5%;
  }
  .curiculum-int-img {
    width: 90%;
    margin: 0 auto 22px;
  }
  .curiculum-int-text {
    font-size: 16px;
    text-align: left;
    width: 90%;
    margin: 0 auto;
  }
  .curiculum-int-sch-text {
    font-size: 15px;
  }
  .curiculum-int-sch-text-inner {
    font-size: 15px;
  }
  .curiculum-int-sch-conts {
    background-color: #fbe6e5;
    padding: 40px 5% 20px;
    margin: 40px auto 20px;
    width: 90%;
    box-sizing: border-box;
  }
  .curiculum-int-title {
    font-size: 18px;
  }
  .curiculum-int-title span {
    font-size: 15px;
  }
  .curiculum-int-sch {
    width: 100%;
    margin: 20px auto;
    font-size: 15px;
    line-height: 20px;
  }
  .curiculum-int-sch dt {
    width: 100%;
    padding-left: 0;
    float: none;
    padding-top: 5px;
  }
  .curiculum-int-sch dd {
    padding: 5px 0;
  }
  .curiculum-conts3 li p.button01 {
    position: static;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .curiculum-conts3 li p.button01 a {
    position: static;
  }
  .curiculum-conts3 li p.button02 {
    position: static;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .curiculum-conts3 li p.button02 a {
    position: static;
  }
  .curiculum-conts3 li p.button03 {
    position: static;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .curiculum-conts3 li p.button03 a {
    position: static;
  }
  .button04 a {
    width: 90%;
    margin: 30px auto 45px;
    height: 43px;
  }
  .button04 a img {
    width: 200px !important;
    position: relative;
    top: 0;
  }
  .button04 a:after {
    width: 22px;
    height: 22px;
    top: 1px;
    left: 10%;
  }
  .mb100 {
    margin-bottom: 0px !important;
  }
  .btn-blog img {
    width: 176px !important;
  }
  .btn-blog:after {
    top: -4px;
    width: 24px;
    height: 24px;
  }
  .btn-photo img {
    width: 176px !important;
  }
  .btn-photo:after {
    top: -4px;
    width: 24px;
    height: 24px;
  }
  .btn-youtube img {
    width: 176px !important;
  }
  .btn-youtube:after {
    top: -4px;
    width: 24px;
    height: 24px;
  }
  .btn-works img {
    width: 176px !important;
  }
  .btn-works:after {
    top: -4px;
    width: 24px;
    height: 24px;
  }
  .curiculum-annex-img {
    margin: 35px 0;
    width: 100%;
  }
  .curiculum-annex1day {
    width: 90%;
    margin: 0 auto 30px;
  }
  .curiculum-annex1day-title {
    font-size: 19px;
  }
  .curiculum-annex1day-sconts {
    width: 90%;
    margin: 20px auto;
  }
  .curiculum-annex1day-sconts li {
    width: 100%;
    margin: 0 auto 10px;
    font-size: 15px;
  }
  .curiculum-annex1day-sconts li:nth-child(3) {
    margin: 0 auto 10px;
  }
  .curiculum-annex-ex-title {
    font-size: 19px;
  }
  .curiculum-annex-ex-img {
    width: 100%;
    margin: 0 auto 30px;
  }
  .curiculum-annex-ex-img img {
    margin-bottom: 10px;
  }
  .curiculum-annex-ex-text {
    width: 100%;
    margin: 0 auto;
    font-size: 15px;
  }
  .annex-salon {
    width: 90%;
    font-size: 9px;
  }
  .annex-salon-price {
    font-size: 15px;
    width: 100%;
    margin: 45px auto 20px;
  }
  .annex-salon-price-table {
    font-size: 9px;
    margin: 10px 0 15px;
  }
  .w140 {
    width: 17%;
  }
  .w200 {
    width: 12%;
  }
  .annex-salon-terms {
    font-size: 15px;
  }
  .annex-salon-tenpo {
    font-size: 15px;
    width: 90%;
  }
  .ft15 {
    font-size: 15px;
  }
  /*KANBIの強み用*/
  .information-nav {
    top: -8px;
    font-size: 8px;
    text-align: center;
    width: 100%;
  }
  .information-nav ul {
    margin: 0 auto;
  }
  .information-nav li {
    border: 1px solid #fff;
    padding: 5px 1%;
    margin: 4px 1%;
    display: inline-block;
    box-sizing: border-box;
    width: 31%;
  }
  .information-nav .current_page_item {
    background: #fff;
  }
  .information-nav .current_page_item a {
    color: #000;
    text-shadow: none;
  }
  .information-nav-footer {
    font-size: 8px;
    width: 100%;
  }
  .information-nav-footer li {
    border: 1px solid #333;
    padding: 5px 1%;
    margin: 4px 1%;
    display: inline-block;
    box-sizing: border-box;
    width: 31%;
  }
  .information-nav-footer .current_page_item {
    background: #333;
    border: none;
  }
  .information-nav-footer .current_page_item a {
    color: #fff;
  }
  .page-title-strength {
    -webkit-animation: bgiLoop 50s linear infinite;
    animation: bgiLoop 50s linear infinite;
    padding-top: 70px;
    height: 220px;
  }
  .page-title-strength-conts {
    padding: 38px 0 !important;
    font-size: 30px !important;
    line-height: 24px;
  }
  .strength-intro {
    font-size: 15px;
    width: 90%;
    text-align: left;
  }
  .strength-conts01 {
    background: url(./images/common/about_bg01_sp.png);
    background-size: 100%;
    width: 90%;
  }
  .strength-in01 {
    width: 94%;
    padding: 10px 3% 10px;
  }
  .strength-point01 {
    font-size: 10px;
    width: 62px;
    margin-bottom: 6px;
  }
  .strength-conts02 {
    background: url(./images/common/about_bg02_sp.png);
    background-size: 100%;
    width: 90%;
  }
  .strength-in02 {
    width: 94%;
    padding: 10px 3% 10px;
  }
  .strength-point02 {
    font-size: 10px;
    width: 62px;
    margin-bottom: 6px;
  }
  .strength-subtitle {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 3px;
  }
  .strength-title {
    font-size: 15px;
    line-height: 20px;
  }
  .strength-click01 {
    font-size: 11px;
    padding: 0px 5px 1px;
    width: 66px;
    margin: 5px 0 0;
  }
  .strength-click02 {
    font-size: 11px;
    padding: 0px 5px 1px;
    width: 66px;
    margin: 5px 0 0;
    margin-left: auto;
  }
  .strength-des {
    width: 90%;
    font-size: 15px;
    line-height: 26px;
  }
  .strength-conts03 {
    background: url(./images/common/about_bg03_sp.png);
    background-size: 100%;
    width: 90%;
  }
  .strength-in03 {
    width: 94%;
    padding: 10px 3% 10px;
  }
  .strength-conts04 {
    background: url(./images/common/about_bg04_sp.png);
    background-size: 100%;
    width: 90%;
  }
  .strength-in04 {
    width: 94%;
    padding: 10px 3% 10px;
  }
  .strength-conts05 {
    background: url(./images/common/about_bg05_sp.png);
    background-size: 100%;
    width: 90%;
  }
  .strength-in05 {
    width: 94%;
    padding: 10px 3% 10px;
  }
  #school-qua01,
  #school-qua02,
  #school-qua03,
  #school-qua04,
  #school-qua05,
  #school-qua06,
  #school-qua07,
  #school-qua08,
  #school-qua09 {
    margin-top: -30px !important;
    padding-top: 60px;
  }
  .school-qualification-intro {
    width: 90%;
    text-align: left;
    margin: 30px auto 30px;
  }
  .school-qualification-intro2 {
    width: 90%;
    font-size: 16px;
    margin: 10px auto 25px;
  }
  .school-qualification-list {
    width: 90%;
  }
  .school-qualification-list li {
    width: 100%;
    display: block;
    margin: 0 auto 40px;
  }
  .school-qualification-list li:nth-child(3),
  .school-qualification-list li:nth-child(6) {
    margin: 0 auto 40px;
  }
  .school-qualification-list-title {
    font-size: 16px;
    width: 60%;
    margin: 0 auto 15px;
  }
  .school-qualification-list li p {
    font-size: 15px;
  }
  .school-qualification-list2 {
    width: 90%;
  }
  .school-qualification-list2 li {
    width: 90%;
    display: block;
    margin: 0 auto;
  }
  .school-qualification-list-title2 {
    font-size: 14.4px;
    height: auto;
  }
  .school-qualification-list2 li p {
    font-size: 15px;
  }
  .school-qualification-flow {
    width: 90%;
    margin: 0 auto 30px;
  }
  .school-qualification-merit {
    width: 90%;
  }
  .school-qualification-merit01 {
    margin: 0 auto 20px;
  }
  .school-qualification-merit-text01 {
    font-size: 15px;
    padding-top: 4px;
  }
  .school-qualification-merit-text02 {
    font-size: 15px;
  }
  /*学校案内用*/
  .school-tilte {
    font-size: 16px !important;
    margin: 40px 0 20px !important;
  }
  .school-intro {
    width: 90%;
    font-size: 16px;
    line-height: 24px;
    margin: 20px auto 40px;
  }
  .school-conts {
    width: 90%;
    margin: 30px auto 30px;
  }
  .school-img01 {
    float: none;
    width: 100%;
    margin: 0 0 30px;
  }
  .school-text01 {
    float: none;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
  }
  .school-img02 {
    float: none;
    width: 100%;
    margin: 0 0 30px;
  }
  .school-text02 {
    float: none;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
  }
  .school-history-title {
    font-size: 15px;
  }
  .school-history dt {
    float: none;
    width: 100%;
    padding: 10px 10px 5px;
    font-size: 15px;
  }
  .school-history dd {
    padding: 0 10px 10px;
    font-size: 15px;
  }
  .school-facility {
    font-size: 15px;
    line-height: 24px;
    width: 90%;
    margin: 0 auto;
    text-align: left;
  }
  .school-facility-img {
    width: 90%;
  }
  .school-facility-img li {
    float: none;
    width: 100%;
    margin: 0 0 30px;
  }
  .school-facility-img li:last-child {
    margin-bottom: 60px;
  }
  .school-tilte-sub {
    font-size: 16px;
  }
  .school-message {
    width: 90%;
  }
  .school-message li {
    width: 100%;
    margin-right: 0;
    font-size: 15px;
    margin-bottom: 30px;
  }
  .school-message li:last-child {
    margin-bottom: 0;
  }
  .school-message-img {
    float: left;
    width: 48%;
    margin-right: 4%;
  }
  .school-message-conts {
    width: 48%;
    float: left;
  }
  .school-message li p {
    width: 100%;
  }
  .school-message-link {
    width: 100%;
  }
  .school-message-more {
    width: 90%;
    padding-top: 50px;
    border: none;
  }
  .school-message-more-img {
    width: 100%;
    margin-right: 0;
    float: none;
    margin-bottom: 30px;
  }
  .school-message-more-img2 {
    width: 100%;
    margin-left: 0;
    float: none;
    margin-bottom: 30px;
  }
  .school-message-more-text {
    width: 100%;
    float: none;
  }
  .school-message-more-text2 {
    width: 100%;
    float: none;
  }
  .school-conts3 {
    width: 90%;
    margin: 0 auto;
  }
  .school-conts3 li {
    width: 100%;
    margin: 0 0 30px;
    padding-bottom: 0;
    position: static;
  }
  .school-conts3 li:nth-child(3n) {
    margin: 0 0 30px;
  }
  .school-index-title {
    font-size: 15px !important;
    letter-spacing: -0.8px;
  }
  .school-index-title-sub {
    font-size: 16px;
  }
  .curiculum-index-caption {
    font-size: 15px;
  }
  .h90 {
    height: auto;
  }
  .accredited {
    width: 90%;
  }
  /*校費留学用*/
  .page-title-oversea {
    -webkit-animation: bgiLoop 50s linear infinite;
    animation: bgiLoop 50s linear infinite;
    padding-top: 70px;
    height: 220px;
  }
  .page-title-oversea-conts {
    padding: 38px 0 !important;
    font-size: 30px !important;
    line-height: 24px;
  }
  .oversea-nav {
    top: -8px;
    font-size: 8px;
    text-align: center;
    width: 100%;
  }
  .oversea-nav ul {
    margin: 0 auto;
  }
  .oversea-nav li {
    border: 1px solid #fff;
    padding: 5px 1%;
    margin: 4px 1%;
    display: inline-block;
    box-sizing: border-box;
    width: 31%;
  }
  .oversea-nav .current_page_item {
    background: #fff;
  }
  .oversea-nav .current_page_item a {
    color: #000;
    text-shadow: none;
  }
  .oversea-nav-footer {
    font-size: 8px;
    width: 100%;
  }
  .oversea-nav-footer li {
    border: 1px solid #333;
    padding: 5px 1%;
    margin: 4px 1%;
    display: inline-block;
    box-sizing: border-box;
    width: 31%;
  }
  .oversea-nav-footer .current_page_item {
    background: #333;
    border: none;
  }
  .oversea-nav-footer .current_page_item a {
    color: #fff;
  }
  .oversea-slider {
    width: 90%;
  }
  .oversea-intro {
    width: 90%;
    text-align: left;
    font-size: 15px;
    line-height: 24px;
    margin: 30px auto 30px;
  }
  .oversea-conts {
    width: 90%;
  }
  .oversea-tilte span {
    font-size: 16px;
    width: 90%;
  }
  .oversea-btn-voice {
    font-size: 15px;
    width: 90%;
  }
  .oversea-btn-voice:before {
    left: 60%;
    top: 12px;
  }
  .oversea-london-img {
    width: 90%;
    margin: 0 auto 40px;
  }
  .oversea-conts4 {
    width: 90%;
  }
  .oversea-conts4 li {
    width: 100%;
    margin: 10px 0 30px 0;
    padding-bottom: 50px;
  }
  .oversea-index-title {
    font-size: 15px;
  }
  .oversea-conts4 li p {
    font-size: 15px;
  }
  .oversea-london-flag {
    width: 47px;
    position: relative;
    top: 40px;
  }
  .oversea-photo-btn01 {
    width: 30%;
    margin: 0 2.5%;
  }
  .oversea-photo-btn02 {
    width: 30%;
    margin: 0 2.5%;
  }
  /*イベント用*/
  .page-title-event {
    -webkit-animation: bgiLoop 50s linear infinite;
    animation: bgiLoop 50s linear infinite;
    padding-top: 70px;
    height: 220px;
  }
  .page-title-event-conts {
    padding: 38px 0 !important;
    font-size: 30px !important;
    line-height: 24px;
  }
  .event-nav {
    top: -8px;
    font-size: 8px;
    text-align: center;
    width: 100%;
  }
  .event-nav ul {
    margin: 0 auto;
  }
  .event-nav li {
    border: 1px solid #fff;
    padding: 5px 1%;
    margin: 4px 1%;
    display: inline-block;
    box-sizing: border-box;
    width: 31%;
  }
  .event-nav .current_page_item {
    background: #fff;
  }
  .event-nav .current_page_item a {
    color: #000;
    text-shadow: none;
  }
  .event-nav-footer {
    font-size: 8px;
    width: 100%;
  }
  .event-nav-footer li {
    border: 1px solid #333;
    padding: 5px 1%;
    margin: 4px 1%;
    display: inline-block;
    box-sizing: border-box;
    width: 31%;
  }
  .event-nav-footer .current_page_item {
    background: #333;
    border: none;
  }
  .event-nav-footer .current_page_item a {
    color: #fff;
  }
  .event-intro {
    font-size: 16px;
    line-height: 24px;
  }
  .event-index-conts {
    font-size: 15px;
  }
  .event-month-list-left {
    float: none;
    width: 100%;
  }
  .event-month-list-right {
    float: none;
    width: 100%;
  }
  .event-index-conts .mb60 {
    margin-bottom: 60px;
  }
  .event-month-circle {
    width: 51px;
    height: 51px;
    font-size: 21px;
  }
  .event-month-circle span {
    font-size: 8px;
  }
  .event-kansai-conts {
    width: 90%;
  }
  .event-kansai-conts {
    font-size: 15px;
    width: 90%;
  }
  .event-kansai-conts span {
    font-size: 16px;
    line-height: 26px;
  }
  .event-art-conts {
    font-size: 15px;
    width: 90%;
  }
  .event-art-conts2 {
    font-size: 15px;
    width: 90%;
  }
  .event-art-conts span {
    font-size: 16px;
    line-height: 26px;
  }
  .event-photo-btn-list {
    width: 100%;
  }
  .event-photo-btn01 {
    width: 30%;
    margin: 0 2.5%;
  }
  .event-photo-btn02 {
    width: 30%;
    margin: 0 2.5%;
  }
  .event-photo-btn03 {
    width: 30%;
    margin: 0 2.5%;
  }
  .event-slider {
    width: 100%;
  }
  .event-access {
    width: 100%;
    margin: 30px auto;
  }
  .event-access-title {
    font-size: 15px;
  }
  .event-h3title {
    font-size: 18px !important;
  }
  .event-prize01 {
    width: 100%;
    margin-right: 0;
  }
  .event-prize02 {
    width: 100%;
  }
  .event-prize03 {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .event-prize04 {
    width: 100%;
    margin-right: 0;
  }
  .event-prize-conts {
    margin-bottom: 30px;
    font-size: 15px;
  }
  .event-prize-conts img {
    margin-bottom: 30px;
  }
  .m30-120 {
    margin: 30px auto 40px !important;
  }
  /*その他用*/
  .page-title-other {
    background: none;
    padding-top: 55px;
    height: 0;
  }
  .section-title-other {
    font-size: 34px !important;
    line-height: 30px;
  }
  .other-intro {
    width: 90%;
    text-align: left;
    margin: 30px auto 30px;
    font-size: 16px;
    line-height: 24px;
  }
  .other-intro2 {
    width: 100%;
    text-align: left;
  }
  .other-conts {
    width: 90%;
  }
  .other-conts2 {
    width: 90%;
    font-size: 15px;
  }
  .other-conts3 {
    width: 90%;
    font-size: 15px;
  }
  .photogallary-conts {
    width: 90%;
  }
  .h1-title-sub {
    font-size: 11px;
    margin-bottom: 20px;
    margin-top: -13px;
  }
  .other-btn-list {
    width: 100%;
  }
  .other-button03 {
    width: 200px;
    font-size: 15px;
  }
  .other-slider {
    width: 90%;
  }
  .siryo-seikyu-btn {
    font-size: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 200px;
  }
  .siryo-seikyu-btn:after {
    top: 9px;
  }
  .kanby-member-btn {
    font-size: 15px;
    width: 100%;
  }
  .kanby-touroku-btn {
    font-size: 15px;
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  .kanby-touroku-btn02 {
    font-size: 15px;
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  .kanby-slider {
    width: 90%;
  }
  .kanby-merit {
    font-size: 18px;
    line-height: 24px;
    padding: 23px 0;
    background: url(./images/common/kanby-merit-bg-sp.png);
  }
  .kanby-merit span {
    font-size: 23px;
  }
  .kanby-merit-conts {
    width: 90%;
    font-size: 15px;
    line-height: 26px;
  }
  .kanby-merit-left01 {
    width: 100%;
    margin-right: 0;
  }
  .kanby-merit-left02 {
    width: 100%;
  }
  .kanby-merit-right01 {
    width: 100%;
    margin-left: 0;
  }
  .kanby-merit-right02 {
    width: 100%;
  }
  .kanby-merit-circle {
    width: 56px;
    height: 56px;
    font-size: 15px;
    padding-top: 15px;
    line-height: 16px;
    margin: 20px auto 16px;
    border: 2px solid #f8b500;
  }
  .kanby-merit-title {
    font-size: 16px;
  }
  .kanby-merit-inner-title {
    margin-top: 15px;
  }
  .kanby-merit-inner-title span {
    font-size: 15px;
    line-height: 30px;
  }
  .kanby-merit-arrow {
    width: 23px;
    margin: 10px auto;
  }
  .sitemap-conts {
    width: 90%;
  }
  .sitemap-conts-innner {
    width: 100%;
    margin-right: 0;
  }
  .sitemap-conts-innner-last {
    width: 100%;
  }
  .salon-conts {
    width: 90%;
  }
  .salon-conts-title {
    font-size: 16px;
    display: inline;
  }
  .salon-conts-text {
    text-align: left;
  }
  .salon-btn {
    width: 100%;
    margin: 20px auto 30px;
  }
  .salon-btn:after {
    left: 38%;
  }
  .salon-career-map-title {
    width: 100%;
  }
  .salon-career-map-img {
    width: 90%;
  }
  .opencampus-conts {
    width: 90%;
  }
  .opencampus-conts-sp-l {
    text-align: left;
  }
  .opencampus-she-title {
    width: 100%;
  }
  .opencampus-she-img {
    width: 23px;
  }
  .opencampus-visual-img {
    width: 100%;
    margin-bottom: 60px;
  }
  .opencampus-8gastu-title {
    font-size: 24px;
    line-height: 30px;
    padding: 18px 0;
    background: url(./images/common/opencampus-month-title-bg01-sp.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .opencampus-8gastu-title span {
    font-size: 16px;
  }
  .opencampus-9gastu-title {
    font-size: 24px;
    line-height: 30px;
    padding: 18px 0;
    background: url(./images/common/opencampus-month-title-bg02-sp.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .opencampus-9gastu-title span {
    font-size: 16px;
  }
  .opencampus-10gastu-title {
    font-size: 24px;
    line-height: 30px;
    padding: 18px 0;
    background: url(./images/common/opencampus-month-title-bg03-sp.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .opencampus-10gastu-title span {
    font-size: 16px;
  }
  .opencampus-11gastu-title {
    font-size: 24px;
    line-height: 30px;
    padding: 18px 0;
    background: url(./images/common/opencampus-month-title-bg04-sp.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .opencampus-11gastu-title span {
    font-size: 16px;
  }
  .opencampus-12gastu-title {
    font-size: 24px;
    line-height: 30px;
    padding: 18px 0;
    background: url(./images/common/opencampus-month-title-bg01-sp.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .opencampus-12gastu-title span {
    font-size: 16px;
  }
  .opencampus-1gastu-title {
    font-size: 24px;
    line-height: 30px;
    padding: 18px 0;
    background: url(./images/common/opencampus-month-title-bg02-sp.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .opencampus-1gastu-title span {
    font-size: 16px;
  }
  .opencampus-2gastu-title {
    font-size: 24px;
    line-height: 30px;
    padding: 18px 0;
    background: url(./images/common/opencampus-month-title-bg03-sp.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .opencampus-2gastu-title span {
    font-size: 16px;
  }
  .opencampus-3gastu-title {
    font-size: 24px;
    line-height: 30px;
    padding: 18px 0;
    background: url(./images/common/opencampus-month-title-bg04-sp.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .opencampus-3gastu-title span {
    font-size: 16px;
  }
  .opencampus-4gastu-title {
    font-size: 24px;
    line-height: 30px;
    padding: 18px 0;
    background: url(./images/common/opencampus-month-title-bg01-sp.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .opencampus-4gastu-title span {
    font-size: 16px;
  }
  .opencampus-5gastu-title {
    font-size: 24px;
    line-height: 30px;
    padding: 18px 0;
    background: url(./images/common/opencampus-month-title-bg02-sp.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .opencampus-5gastu-title span {
    font-size: 16px;
  }
  .opencampus-6gastu-title {
    font-size: 24px;
    line-height: 30px;
    padding: 18px 0;
    background: url(./images/common/opencampus-month-title-bg03-sp.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .opencampus-6gastu-title span {
    font-size: 16px;
  }
  .opencampus-7gastu-title {
    font-size: 24px;
    line-height: 30px;
    padding: 18px 0;
    background: url(./images/common/opencampus-month-title-bg04-sp.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .opencampus-7gastu-title span {
    font-size: 16px;
  }
  .opencampus-list {
    text-align: left;
    width: 330px;
    margin-bottom: 50px;
  }
  .opencampus-list li {
    width: 100px;
    height: 100px;
    font-size: 10px;
    line-height: 14px;
    margin: 10px 5px;
  }
  .opencampus-list li .day {
    font-size: 21px;
  }
  .opencampus-list li .week {
    font-size: 12px;
  }
  .opencampus-list li .title {
    font-size: 8px;
    line-height: 11px;
    padding-top: 3px;
  }
  .opencampus-list li a {
    padding: 37px 0 26px;
    border: 2.5px solid #d90000;
  }
  .opencampus-list .goudou a {
    padding: 27.5px 0 21.2px;
    border: 2.5px solid #d90000;
  }
  .opencampus-list .halloween a {
    padding: 24.5px 0 13.5px;
    border: 2.5px solid #050505;
  }
  .opencampus-list .end {
    padding: 33px 0 46px;
  }
  .opencampus-list .goudou.end {
    padding: 24px 0;
  }
  .opencampus-list .halloween.end {
    padding: 22.5px 0 28.5px;
  }
  .opencampus-kanby-img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .opencampus-kanby-text {
    width: 100%;
  }
  .opencampus-kanby-logo {
    width: 200px;
  }
  .opencampus-kanby {
    margin: 60px 0 60px;
  }
  .opencampus-conts2 {
    margin: 0 auto 30px;
    width: 90%;
  }
  .opencampus-img {
    width: 100%;
    margin: 0 auto 30px;
  }
  .opencampus-attention {
    font-size: 16px;
    display: inline;
    padding-bottom: 3px;
    margin-bottom: 20px;
    line-height: 34px;
  }
  .t-al-sp {
    text-align: left;
  }
  .mt20-sp {
    margin-top: 20px;
  }
  .opencampus-transport-list li {
    width: 100%;
    margin-right: 0;
  }
  .opencampus-h3title {
    margin-top: 60px !important;
  }
  .opencampus-h3title span {
    font-size: 16px !important;
  }
  .opencampus-real-estate {
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
  }
  .opencampus-real-estate br {
    display: inline-block;
  }
  .opencampus-real-estate span {
    font-size: 16px;
    padding-bottom: 20px;
  }
  .opencampus-real-estate2 {
    text-align: left;
  }
  .opencampus-conts .m60-b {
    margin-bottom: 40px !important;
  }
  .graduate-h2 {
    font-size: 16px !important;
  }
  .graduate-h3 {
    font-size: 15px !important;
    margin: 0 0 15px !important;
  }
  .graduate-conts {
    margin-bottom: 60px;
  }
  .graduate-conts-left {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .graduate-conts-left2 {
    float: none;
    width: 100%;
    margin-top: 15px;
  }
  .graduate-conts-right {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .graduate-conts-right2 {
    float: none;
    width: 100%;
    margin-top: 15px;
  }
  .graduate-mail {
    margin-bottom: 50px;
  }
  .graduate-mail-text {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .graduate-mail-qr {
    width: 100%;
    margin: 0 auto;
  }
  .graduate-letter {
    margin: 0 auto 60px;
  }
  .photogallary-h2 {
    font-size: 16px !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
  }
  .expert-h2 {
    font-size: 15px !important;
    margin: 15px 0 15px !important;
  }
  .expert-dl {
    width: 100%;
  }
  .expert-dl dt {
    width: 100%;
    float: none;
    padding-bottom: 0;
  }
  .expert-caution {
    font-size: 18px;
  }
  .plus-kanby-title01 {
    font-size: 16px;
    line-height: 20px;
    padding: 22px 0;
    background: url(./images/common/plus-kanby-img-sp01.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .plus-kanby-title01 span {
    font-size: 16px;
  }
  .plus-kanby-title02 {
    font-size: 16px;
    line-height: 20px;
    padding: 22px 0;
    background: url(./images/common/plus-kanby-img-sp02.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .plus-kanby-title02 span {
    font-size: 16px;
  }
  .plus-kanby-title03 {
    font-size: 16px;
    line-height: 20px;
    padding: 36px 0;
    background: url(./images/common/plus-kanby-img-sp03.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .plus-kanby-title04 {
    font-size: 16px;
    line-height: 20px;
    padding: 0;
    background: url(./images/common/plus-kanby-img-sp04.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .plus-kanby-title04 span {
    font-size: 16px;
  }
  .plus-kanby-title05 {
    font-size: 16px;
    line-height: 20px;
    padding: 22px 0;
    background: url(./images/common/plus-kanby-img-sp05.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .plus-kanby-title05 span {
    font-size: 16px;
  }
  .plus-kanby-h3title span {
    font-size: 16px !important;
  }
  .plus-kanby-seminner-list li {
    width: 100%;
    margin: 10px 0 20px;
  }
  .plus-kanby-yoyaku .title {
    font-size: 16px;
    margin-bottom: 0;
  }
  .other-conts .yellow {
    text-align: center;
  }
  .other-conts .red {
    text-align: center;
  }
  /*就職用*/
  .page-title-job {
    -webkit-animation: bgiLoop 55s linear infinite;
    animation: bgiLoop 55s linear infinite;
    padding-top: 70px;
    height: 220px;
  }
  .page-title-job-conts {
    padding: 38px 0 !important;
    font-size: 30px !important;
    line-height: 24px;
  }
  .page-title-job-conts span {
    font-size: 15px;
  }
  .job-nav {
    top: -8px;
    font-size: 8px;
    text-align: center;
  }
  .job-nav li {
    border: 1px solid #fff;
    padding: 5px 1%;
    margin: 4px 1%;
    display: inline-block;
    box-sizing: border-box;
    width: 31%;
  }
  .job-nav .current_page_item {
    background: #fff;
  }
  .job-nav .current_page_item a {
    color: #000;
    text-shadow: none;
  }
  .job-nav .choiced-page {
    background: #fff;
  }
  .job-nav .choiced-page a {
    color: #000;
    text-shadow: none;
  }
  .job-nav-footer {
    font-size: 8px;
    width: 100%;
  }
  .job-nav-footer li {
    border: 1px solid #333;
    padding: 5px 1%;
    margin: 4px 1%;
    display: inline-block;
    box-sizing: border-box;
    width: 31%;
  }
  .job-nav-footer .current_page_item {
    background: #333;
    border: none;
  }
  .job-nav-footer .current_page_item a {
    color: #fff;
  }
  .job-nav-footer .choiced-page {
    background: #333;
    border: none;
  }
  .job-nav-footer .choiced-page a {
    color: #fff;
  }
  .job-conts .job-intro {
    width: 100%;
  }
  .job-intro {
    width: 90%;
    text-align: left;
    font-size: 15px;
    line-height: 24px;
    margin: 30px auto 30px;
  }
  .job-conts {
    width: 90%;
  }
  .job-conts p {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .job-conts2 {
    width: 90%;
  }
  #job-index-flow {
    margin-top: -40px !important;
  }
  #job-index-briefing {
    margin-top: -40px !important;
  }
  #job-index-seminner {
    margin-top: -40px !important;
  }
  #job-index-int-seminner {
    margin-top: -40px !important;
  }
  #job-tokyo {
    margin-top: -50px !important;
  }
  .job-slider {
    width: 100%;
  }
  .job-index-list li {
    width: 100%;
    margin: 10px 0 20px 0;
    font-size: 15px;
  }
  .job-index-list li p.button01 {
    width: 30%;
  }
  .job-index-list li p.button02 {
    width: 30%;
  }
  /* admission-app 20230202追加 */
  .admission-app-list li {
    width: 100% !important;
    margin: 10px 0 20px 0;
    font-size: 15px;
  }
  /* admission 20230202追加ここまで */

  .job-1year-title {
    background: url(./images/common/job-index-title-bg01-sp.png);
    background-size: 100% auto;
    font-size: 24px;
    padding: 68px 0;
  }
  .job-2year-title {
    background: url(./images/common/job-index-title-bg02-sp.png);
    background-size: 100% auto;
    font-size: 24px;
    padding: 68px 0;
  }
  .job-creator-title-h3 {
    margin: 0 10px 30px 0;
  }
  .job-creator-title-h3 h3 {
    font-size: 23px;
  }
  .job-creator-title-h3 h3 span {
    font-size: 16px;
  }
  .job-employment-title {
    font-size: 16px;
  }
  .job-employment-list li {
    width: 48%;
    margin: 10px 4% 30px 0;
  }
  .job-employment-list li:nth-child(even) {
    margin: 10px 0 30px 0;
  }
  .button-list li {
    width: 100%;
    margin: 10px auto 30px;
  }
  .job-creator-title-img {
    width: 40px;
  }
  .job-creator-list li {
    width: 100%;
    margin: 10px 0 20px 0;
  }
  .job-creator-list li p.button01 {
    width: 30%;
  }
  .job-creator-list li p.button02 {
    width: 30%;
  }
  .job-creator-salon {
    width: 100%;
  }
  .job-creator-salon-text {
    text-align: left;
  }
  .job-month-list {
    width: 90%;
    margin: 0 auto 20px;
  }
  .job-month-list-left {
    float: none;
    width: 100%;
  }
  .job-month-list-left p {
    padding: 0;
  }
  .job-month-list-left span {
    font-size: 15px;
  }
  .job-month-list-right {
    float: none;
    width: 100%;
  }
  .job-month-list-right p {
    padding: 0;
  }
  .job-month-list-right span {
    font-size: 15px;
  }
  .job-month-arrow {
    width: 23px;
  }
  .job-month-button01 {
    font-size: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 200px;
  }
  .job-month-button01:after {
    top: 9px;
  }
  .job-month-button02 {
    width: 270px;
    font-size: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .job-month-button02:after {
    top: 9px;
  }
  .job-month-button03 {
    width: 335px;
    font-size: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .job-month-button03:after {
    top: 9px;
  }
  .job-h3title {
    margin-top: 10px !important;
  }
  .job-h3title span {
    font-size: 16px !important;
    display: inline;
    padding-bottom: 3px;
  }
  .job-graf-img {
    width: 80%;
  }
  .job-info-list li {
    width: 50%;
    font-size: 15px;
    padding-right: 2%;
  }
  .employment-rate {
    margin: 30px auto 30px;
  }
  .employment-rate-l {
    font-size: 32px;
  }
  .employment-rate-l span {
    display: none;
  }
  .employment-rate-r {
    font-size: 90px;
    line-height: 60px;
  }
  .employment-rate-r span {
    font-size: 55px;
  }
  .employment-rate-af {
    font-size: 15px;
    color: #333;
    text-align: center;
    display: block;
  }
  /*入学用*/
  .page-title-admission {
    -webkit-animation: bgiLoop 55s linear infinite;
    animation: bgiLoop 55s linear infinite;
    padding-top: 70px;
    height: 220px;
  }
  .page-title-admission-conts {
    padding: 38px 0 !important;
    font-size: 30px !important;
    line-height: 24px;
  }
  .page-title-admission-conts span {
    font-size: 15px;
  }
  .admission-nav {
    top: -8px;
    font-size: 8px;
    text-align: center;
  }
  .admission-nav li {
    border: 1px solid #fff;
    padding: 5px 1%;
    margin: 4px 1%;
    display: inline-block;
    box-sizing: border-box;
    width: 31%;
  }
  .admission-nav .current_page_item {
    background: #fff;
  }
  .admission-nav .current_page_item a {
    color: #000;
    text-shadow: none;
  }
  .admission-nav-footer {
    font-size: 8px;
    width: 100%;
  }
  .admission-nav-footer li {
    border: 1px solid #333;
    padding: 5px 1%;
    margin: 4px 1%;
    display: inline-block;
    box-sizing: border-box;
    width: 31%;
  }
  .admission-nav-footer .current_page_item {
    background: #333;
    border: none;
  }
  .admission-nav-footer .current_page_item a {
    color: #fff;
  }
  .admission-intro {
    width: 90%;
    text-align: left;
    font-size: 15px;
    line-height: 24px;
    margin: 30px auto 30px;
  }
  .admission-conts {
    width: 90%;
  }
  .admission-conts2 {
    width: 90%;
  }
  .admission-conts3 {
    width: 90%;
  }
  .admission-upport-img {
    width: 100%;
    margin: 30px auto 30px;
  }
  .ta-l-sp {
    text-align: left;
  }
  #ao-frontier,
  #ao-exam,
  #scholarship-exam,
  #rec-exam,
  #general-exam {
    margin-top: -20px !important;
    padding-top: 60px !important;
  }
  .admission-attention {
    font-size: 16px;
    display: inline;
    padding-bottom: 3px;
    margin-bottom: 20px;
    line-height: 34px;
  }
  .admission-conts .f22px {
    font-size: 15px;
  }
  .admission-h3title {
    margin-top: 10px !important;
  }
  .admission-h3title span {
    font-size: 16px !important;
  }
  .admission-table th {
    font-size: 10px;
  }
  .admission-table td {
    font-size: 10px;
  }
  .admission-table2 th {
    font-size: 15px;
  }
  .admission-table2 td {
    font-size: 15px;
  }
  .admission-h4title {
    font-size: 16px !important;
  }
  .scholarship-request {
    width: 100%;
  }
  .scholarship-request-img {
    width: 24px;
  }
  .loan-outline dt {
    font-size: 16px;
  }
  .loan-outline dd {
    font-size: 10px;
  }
  .loan-outline2 dt {
    font-size: 16px;
  }
  .loan-outline2 dd {
    font-size: 15px;
  }
  .loan-outline2 .f16px {
    font-size: 15px;
  }
  .admission-tokuten {
    font-size: 15px;
    text-align: left;
  }
  .admission-tokuten-title {
    font-size: 16px;
  }
  .admission-tokuten-img {
    width: 100%;
  }
  .admission-flow-title {
    width: 100%;
    margin: 0 auto 20px;
  }
  .admission-flow p {
    margin-bottom: 20px;
  }
  .admission-flow-img {
    width: 23px;
    margin: 0 auto 20px;
  }
  .admission-support-btn01 {
    width: 100%;
    margin-bottom: 15px;
  }
  .admission-support-btn02 {
    margin-left: 0;
    margin-bottom: 0;
    width: 100%;
  }
  .admission-real-estate-list {
    width: 100%;
  }
  .admission-real-estate-list li {
    width: 100%;
  }
  .admission-real-estate {
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
    text-align: left;
  }
  .admission-real-estate br {
    display: inline-block;
  }
  .admission-real-estate span {
    font-size: 16px;
    padding-bottom: 20px;
  }
  .admission-support-kanbi-title {
    font-size: 24px;
    line-height: 30px;
    padding: 18px 0;
    background: url(./images/common/admission-support-kanbi-bg-sp.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-bottom: 40px;
    margin-top: 50px;
  }
  .admission-support-kanbi-l {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .admission-support-kanbi-l .title {
    font-size: 16px;
    margin: 10px 0 20px;
  }
  .admission-support-kanbi-l span {
    font-size: 23px;
  }
  .admission-support-kanbi-r {
    width: 100%;
    float: none;
    margin-top: 25px;
  }
  #oc-sche,
  #oc-expenses,
  #oc-lodging {
    margin-top: -60px;
    padding-top: 60px;
  }
  .f20px {
    font-size: 15px;
  }
  .p60-b {
    padding-bottom: 30px !important;
  }
  /*コンテスト用*/
  .page-title-contest {
    -webkit-animation: bgiLoop 50s linear infinite;
    animation: bgiLoop 50s linear infinite;
    padding-top: 70px;
    height: 220px;
  }
  .page-title-contest-conts {
    padding: 38px 0 !important;
    font-size: 30px !important;
    line-height: 24px;
  }
  .contest-nav {
    top: -8px;
    font-size: 8px;
    text-align: center;
    width: 100%;
  }
  .contest-nav ul {
    margin: 0 auto;
  }
  .contest-nav li {
    border: 1px solid #fff;
    padding: 5px 0.2%;
    margin: 4px 1%;
    display: inline-block;
    box-sizing: border-box;
    width: 31%;
  }
  .contest-nav .current_page_item {
    background: #fff;
  }
  .contest-nav .current_page_item a {
    color: #000;
    text-shadow: none;
  }
  .contest-nav .choiced-page {
    background: #fff;
  }
  .contest-nav .choiced-page a {
    color: #000;
    text-shadow: none;
  }
  .contest-nav-footer {
    font-size: 8px;
    width: 100%;
  }
  .contest-nav-footer li {
    border: 1px solid #333;
    padding: 5px 1%;
    margin: 4px 1%;
    display: inline-block;
    box-sizing: border-box;
    width: 31%;
  }
  .contest-nav-footer .current_page_item {
    background: #333;
    border: none;
  }
  .contest-nav-footer .current_page_item a {
    color: #fff;
  }
  .contest-nav-footer .choiced-page {
    background: #333;
    border: none;
  }
  .contest-nav-footer .choiced-page a {
    color: #fff;
  }
  .contest-intro {
    width: 90%;
    text-align: left;
    font-size: 15px;
    line-height: 24px;
    margin: 30px auto 30px;
  }
  .contest-intro2 {
    text-align: left;
    font-size: 15px;
  }
  .contest-conts {
    width: 90%;
    text-align: left;
  }
  .contest-conts2 {
    width: 90%;
    text-align: left;
  }
  .contest-conts3 {
    width: 90%;
  }
  .contest-conts4 {
    width: 90%;
  }
  .contest-conts2-3 {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  .contest-conts1-3 {
    width: 100%;
    float: none;
    margin: 0 auto 80px;
  }
  .contest-conts5 {
    width: 90%;
  }
  .contest-list {
    width: 90%;
  }
  .contest-list li {
    width: 100%;
    margin: 10px 0 20px 0;
    font-size: 15px;
  }
  .line01 {
    margin-top: 0;
  }
  .contest-past-btn01 {
    width: 46%;
  }
  .contest-title-gray {
    margin-top: 10px !important;
  }
  .contest-list li p.button01 {
    width: 30%;
    margin-bottom: 10px;
  }
  .contest-btn01 {
    width: 200px;
    font-size: 15px;
    padding: 2px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
  }
  .contest-btn01:after {
    width: 5px;
    top: 9px;
  }
  .contest-main-title {
    font-size: 18px;
    margin-bottom: 30px;
    padding-top: 30px;
  }
  .contest-main-title:before {
    top: -18px;
  }
  .contest-main-title span {
    font-size: 15px;
  }
  .contest-main-title2 {
    font-size: 15px;
    margin-bottom: 15px;
    padding-top: 50px;
    margin-top: 60px;
  }
  .contest-main-title3 {
    font-size: 16px;
  }
  .contest-main-title4 {
    font-size: 16px;
  }
  .contest-main-title5 {
    font-size: 15px;
    margin-bottom: 15px;
    padding-top: 50px;
    margin-top: 60px;
  }
  .contest-main-title6 {
    font-size: 15px;
    margin-bottom: 15px;
    padding-top: 20px;
    margin-top: 60px;
  }
  .contest-conts2-img {
    width: 100%;
  }
  .contest-caption {
    font-size: 15px;
  }
  .gp-conts-list {
    margin: 30px auto 40px;
  }
  .gp-conts-left {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .gp-conts-right {
    float: none;
    width: 100%;
  }
  .gp-conts-qa {
    margin-top: 50px;
  }
  .gp-conts-qa dt,
  .gp-conts-qa dd {
    padding-left: 30px;
  }
  .gp-conts-qa dt:before {
    left: 5px;
  }
  .gp-conts-qa dd:before {
    left: 5px;
  }
  .gp-conts-list li {
    width: 100%;
    margin: 0 auto 30px;
  }
  .gp-conts-list-title {
    font-size: 15px;
    margin-bottom: 0;
  }
  .gp-conts-list-title2 {
    font-size: 15px;
    margin-bottom: 0;
  }
  .gp-conts-list-title.mh100 {
    min-height: auto;
  }
  .gp-conts-list-title2.mh100 {
    min-height: auto;
  }
  .gp-conts-list li .gp-name {
    min-height: auto;
  }
  .gp-conts-list2 li {
    width: 100%;
    margin: 0 auto 30px;
  }
  .gp-conts-list2 li .gp-name {
    min-height: auto;
  }
  .gp-conts-list3 {
    margin: 30px auto 40px;
  }
  .gp-conts-list3 li {
    width: 100%;
    margin: 0 auto 40px;
  }
  .contest-award-title.mh78 {
    min-height: auto;
    padding: 3px;
  }
  .contest-tb {
    display: none;
  }
  .contest-tb2 {
    display: none;
  }
  .contest-dl {
    display: block;
    width: 100%;
    border-top: 1px solid #b2b2b2;
    margin-bottom: 30px;
  }
  .contest-dl dt {
    text-align: left;
    float: left;
    padding-bottom: 7px;
    padding-top: 7px;
    font-size: 10px;
    font-weight: bold;
    line-height: 23px;
  }
  .contest-dl dd {
    padding-left: 20%;
    text-align: right;
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 7px;
    padding-top: 7px;
    font-size: 10px;
    line-height: 23px;
  }
  .contest-img2-l {
    float: none;
    width: 100%;
  }
  .contest-img2-l .mb15 {
    margin-bottom: 15px;
  }
  /*ブログ用*/
  .blog-body-in {
    width: 90%;
  }
  .section-wrap {
    font-size: 15px;
  }
  .col2 .main-body {
    margin-top: 40px;
  }
  .blog-body-in {
    margin: 65px auto 0;
  }
  .col2 .main-conts {
    margin-top: 20px;
  }
  .page-nav-bf li {
    font-size: 15px;
  }
  .popular-post-h3 {
    font-size: 18px !important;
  }
  .news-list-time {
    display: block;
    width: 100%;
  }
  .news-list-cat {
    display: block;
    width: 100%;
  }
  .news-list-title {
    display: block;
    width: 100%;
  }
  /*ポートフォリオ用*/
  .page-title-portfolio {
    -webkit-animation: bgiLoop 50s linear infinite;
    animation: bgiLoop 50s linear infinite;
    padding-top: 70px;
    height: 220px;
  }
  .page-title-portfolio-conts {
    padding: 38px 0 !important;
    font-size: 30px !important;
    line-height: 24px;
  }
  .portfolio-nav {
    top: -8px;
    font-size: 8px;
    text-align: center;
    width: 100%;
  }
  .portfolio-nav ul {
    margin: 0 auto;
  }
  .portfolio-nav li {
    border: 1px solid #fff;
    padding: 5px 0.2%;
    margin: 4px 1%;
    display: inline-block;
    box-sizing: border-box;
    width: 8%;
  }
  .portfolio-nav .current_page_item {
    background: #fff;
  }
  .portfolio-nav .current_page_item a {
    color: #000;
    text-shadow: none;
  }
  .portfolio-nav .choiced-page {
    background: #fff;
  }
  .portfolio-nav .choiced-page a {
    color: #000;
    text-shadow: none;
  }
  .portfolio-nav-footer {
    font-size: 8px;
    width: 100%;
  }
  .portfolio-nav-footer li {
    border: 1px solid #333;
    padding: 5px 1%;
    margin: 4px 1%;
    display: inline-block;
    box-sizing: border-box;
    width: 8%;
  }
  .portfolio-nav-footer .current_page_item {
    background: #333;
    border: none;
  }
  .portfolio-nav-footer .current_page_item a {
    color: #fff;
  }
  .portfolio-nav-footer .choiced-page {
    background: #333;
    border: none;
  }
  .portfolio-nav-footer .choiced-page a {
    color: #fff;
  }
  .portfolio-intro {
    width: 90%;
    text-align: left;
    font-size: 15px;
    line-height: 24px;
    margin: 30px auto 30px;
  }
  .portfolio-intro2 {
    text-align: left;
  }
  .portfolio-conts {
    width: 90%;
    text-align: left;
  }
  /*高校１・２年生のみなさまへ用*/
  .junior-intro-title {
    font-size: 16px;
    font-weight: bold;
  }
  .junior-h3title {
    margin-top: 50px !important;
  }
  .junior-h3title span {
    font-size: 16px !important;
  }
  .junior-conts {
    width: 90%;
  }
  .junior-txt-l {
    text-align: left;
  }
  .junior-qa {
    width: 100%;
    margin: 20px auto 20px;
  }
  .junior-q-icon {
    width: 10%;
    margin-right: 3%;
  }
  .junior-q-title {
    width: 75%;
    margin-right: 3%;
  }
  .junior-arrow-icon {
    width: 8%;
  }
  .junior-a-icon {
    width: 10%;
    margin-right: 3%;
  }
  .junior-a {
    width: 86%;
  }
  .junior-sub-title2 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }
  .junior-banner01 {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .junior-banner02 {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .junior-first-conts {
    padding: 20px 0 1px;
  }
  .junior-third-conts {
    padding: 20px 0 1px;
  }
  .junior-first-icon-sp {
    margin: 20px auto;
  }
  .junior-yajirushi01 {
    width: 26px;
    margin: 15px auto;
  }
  .junior-yajirushi02 {
    width: 26px;
    margin: 15px auto;
  }
  .junior-yajirushi03 {
    width: 26px;
    margin: 15px auto;
  }
  .junior-step01 {
    width: 84%;
  }
  .junior-step02 {
    background-color: #fff2a1;
    width: 96%;
    margin: 10px auto;
    padding-bottom: 30px;
  }
  .junior-step02-01 {
    width: 88%;
    float: none;
    position: relative;
    margin: 0 auto;
  }
  .junior-step02-02 {
    width: 88%;
    float: none;
    position: relative;
    margin: 0 auto;
  }
  .junior-step02-sub01 {
    top: 30px;
  }
  .junior-step02-01 .mt80 {
    margin-top: 50px;
  }
  .junior-step02-sub02 {
    top: 30px;
  }
  .junior-step02-02 .mt80 {
    margin-top: 50px;
  }
  .junior-third-icon-sp {
    margin: 20px auto;
  }
  .junior-step03 {
    width: 84%;
  }
  .junior-step03-sub {
    top: 0;
  }
  .junior-step03 .mt80 {
    margin-top: 20px;
  }
  .junior-step04 {
    background-color: #ffd5bf;
    width: 96%;
    margin: 10px auto;
    padding-top: 30px;
  }
  .junior-step04-01 {
    width: 86%;
    float: none;
    position: relative;
    margin: 0 auto;
  }
  .junior-step04-02 {
    width: 86%;
    float: none;
    position: relative;
    margin: 0 auto;
  }
  .junior-step04-03 {
    width: 86%;
    float: none;
    position: relative;
    margin: 0 auto;
  }
  .junior-step04-sub01 {
    bottom: 20px;
  }
  .junior-step04-sub02 {
    bottom: 20px;
  }
  .school-message .m0-b {
    margin-bottom: 30px !important;
  }
  /*フォーム用*/
  .page-title-form {
    background: none;
    padding-top: 55px;
    height: 0;
  }
  .section-title-form {
    font-size: 22px !important;
    line-height: 30px;
  }
  .section-title-form span {
    font-size: 18px;
  }
  .section-title-form .note {
    font-size: 20px;
  }
  .section-title-gray {
    line-height: 26px;
  }
  .section-title-gray span {
    font-size: 22px;
    letter-spacing: 3px;
  }
  .section-title-gray:before {
    top: 19px;
  }
  .form-contents {
    font-size: 15px;
  }
  .step3conts {
    margin: 0 auto;
    text-align: center;
    width: 35%;
    font-size: 0;
  }
  .step3conts-last {
    margin: 0 auto;
    width: 28%;
    font-size: 0;
  }
  .steps .step {
    font-size: 13px;
    padding: 8px 5px;
    margin: 2px auto;
    box-sizing: border-box;
  }
  .step3conts-last .step {
    font-size: 13px;
    padding: 8px 5px;
    margin: 2px auto;
    box-sizing: border-box;
    width: 88%;
  }
  .steps {
    width: 90%;
  }
  .steps .fa {
    font-size: 24px;
  }
  .step-arrows {
    margin-bottom: 0;
    margin-left: 10%;
  }
  .fa-play:before {
    width: 13px;
    height: 13px;
  }
  .form-group dt {
    width: 100%;
    float: none;
    margin-bottom: 10px;
    padding-top: 0;
    min-height: 5px;
  }
  .form-group dd {
    width: 100%;
    float: none;
    box-sizing: border-box;
    padding-left: 2%;
    margin-bottom: 20px;
  }
  .form-control {
    width: 100%;
    margin-bottom: 5px;
    height: 35px;
  }
  .cpissl {
    width: 20%;
    margin-left: 5%;
  }
  .btn-default {
    width: 90%;
    margin: 0 auto 10px;
  }
  #id_year {
    width: 28%;
    margin: 0 1% 5px;
  }
  #id_month {
    width: 20%;
    margin: 0 1%;
  }
  #id_day {
    width: 20%;
    margin: 0 1%;
  }
  #form-parent {
    width: 80%;
  }
  .form-kakunin {
    font-size: 13px;
  }
  /*フッター用*/
  .site-footer-conts {
    width: 100%;
  }
  .footerList {
    margin: 0 0 20px;
  }
  .footerList li {
    width: 100% !important;
    box-sizing: border-box;
    padding: 0 3%;
    border-bottom: 0.6px solid #fff;
  }
  .footerList ul li {
    width: 100% !important;
    border: none;
  }
  .footAccordion ul {
    display: none;
    width: 100%;
    box-sizing: border-box;
    padding: 3px 3%;
    margin: 3px 0 0;
  }
  .footAccordion span {
    pointer-events: all;
    box-sizing: border-box;
    padding: 0 3%;
    width: 50%;
  }
  .footList01 .accordion_icon {
    display: inline-block;
    top: 4px;
    margin-right: 0;
  }
  .footList01 p {
    font-weight: normal;
  }
  .footer-menu-title {
    display: inline-block !important;
    width: 80%;
    border: none;
  }
} /*解像度736px以下*/

/*--------------------------------------------------------
解像度582px以下
--------------------------------------------------------*/
@media only screen and (max-width: 582px) {
  .job-information-button02-ml0 {
    margin-left: 0;
  }
  .admission-button-ml0 {
    margin-left: 0;
  }
  .other-button-ml0 {
    margin-left: 0;
  }
}
/*--------------------------------------------------------
解像度480px以下
--------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  /*段組*/
  .col4-wrap,
  .col3-wrap,
  .col2-wrap {
    margin: 0 0 1em;
  }

  .col4-wrap .col,
  .col4-wrap .col_2of4,
  .col4-wrap .col_3of4,
  .col3-wrap .col,
  .col3-wrap .col_2of3,
  .col2-wrap .col {
    float: none;
    margin-left: 0;
  }

  .col4-wrap .col,
  .col4-wrap .col_2of4,
  .col4-wrap .col_3of4,
  .col3-wrap .col,
  .col3-wrap .col_2of3,
  .col2-wrap .col {
    width: auto;
  }

  .left,
  .right {
    float: none;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
  }

  .alignleft,
  .alignright {
    float: none;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
  }
  .ranking-list04 .rank-box,
  .ranking-list05 .rank-box,
  .post-list01 .post-box,
  .post-list02 .post-box,
  .col1 .ranking-list05 .rank-box,
  .col1 .post-list02 .post-box {
    width: 100%;
  }
  .top-news-listcard {
    font-size: 12px;
    line-height: 15px;
  }
  .top-news-listcard-conts {
    margin: 0 2% 0 0;
    font-size: 14px;
  }
  .top-news-btn-more {
    font-size: 10px;
  }
  .top-blog-title {
    font-size: 20px;
    line-height: 22px;
  }
  .top-blog-title-icon {
    width: 170px;
  }
  .top-blog-title-title {
    vertical-align: 5px;
  }
  .top-contents01 {
    padding: 2px 0;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .top-contents01-title {
    font-size: 14px;
    padding-top: 4%;
    margin-bottom: 6%;
  }
  .top-contents01 p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
    font-weight: normal;
  }
  .top-contents02 {
    padding: 2px 0;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .top-contents02-title {
    font-size: 14px;
    padding-top: 2.5%;
    margin-bottom: 6%;
    line-height: 18px;
  }
  .top-contents02 p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
    font-weight: normal;
  }
  .top-contents03 {
    padding: 2px 0;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .top-contents03-title {
    font-size: 14px;
    padding-top: 4%;
    margin-bottom: 6%;
  }
  .top-contents03 p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
    font-weight: normal;
  }
  .top-contents04 {
    padding: 2px 0;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .top-contents04-title {
    font-size: 14px;
    padding-top: 4%;
    margin-bottom: 6%;
  }
  .top-contents04 p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
    font-weight: normal;
  }
  .top-contents05 {
    padding: 2px 0;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .top-contents05-title {
    font-size: 14px;
    padding-top: 4%;
    margin-bottom: 6%;
  }
  .top-contents05 p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
    font-weight: normal;
  }
  .top-contents06 {
    padding: 2px 0;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .top-contents06-title {
    font-size: 14px;
    padding-top: 2.5%;
    margin-bottom: 6%;
    line-height: 18px;
    width: 52%;
  }
  .top-contents06 p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
    font-weight: normal;
  }
  .top-contents07 {
    padding: 2px 0;
    background-repeat: no-repeat;
    margin-bottom: 20px;
  }
  .top-contents07-title {
    font-size: 15px;
    padding-top: 2.5%;
    margin-bottom: 6%;
    line-height: 18px;
  }
  .top-contents07 p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
    font-weight: normal;
  }
  .top-app {
    padding: 20px 2%;
  }
  .top-app-btn-conts {
    margin: 20px auto 0;
  }
  .top-app-btn01 {
    font-size: 11px;
  }
  .top-app-btn01:before {
    left: 127px;
    font-size: 20px;
    top: 1px;
  }
  .top-app-btn02 {
    font-size: 11px;
  }
  .top-app-btn02:before {
    left: 100px;
    font-size: 20px;
    top: 1px;
  }
  .job-1year-title {
    padding: 25px 0;
  }
  .job-2year-title {
    padding: 25px 0;
  }
  .opencampus-8gastu-title {
    padding: 13px 0;
  }
  .opencampus-9gastu-title {
    padding: 13px 0;
  }
  .opencampus-10gastu-title {
    padding: 13px 0;
  }
  .opencampus-11gastu-title {
    padding: 13px 0;
  }
  .opencampus-12gastu-title {
    padding: 13px 0;
  }
  .opencampus-1gastu-title {
    padding: 13px 0;
  }
  .opencampus-2gastu-title {
    padding: 13px 0;
  }
  .opencampus-3gastu-title {
    padding: 13px 0;
  }
  .opencampus-4gastu-title {
    padding: 13px 0;
  }
  .opencampus-5gastu-title {
    padding: 13px 0;
  }
  .opencampus-6gastu-title {
    padding: 13px 0;
  }
  .opencampus-7gastu-title {
    padding: 13px 0;
  }
  .admission-support-kanbi-title {
    padding: 13px 0;
  }
  .site-footer-nav {
    padding: 20px 0;
  }
  .copyright {
    padding: 14px 0 6px;
  }
  .oversea-btn-voice:before {
    left: 78%;
  }
} /*解像度480px以下*/

/*--------------------------------------------------------
解像度382px以下
--------------------------------------------------------*/
@media only screen and (max-width: 382px) {
  .admission-button02 {
    margin-left: 10px;
  }
  .admission-button-ml0 {
    margin-left: 0;
  }
  .job-information-button02 {
    margin-left: 10px;
  }
  .job-information-button02-ml0 {
    margin-left: 0;
  }
  .other-button02 {
    margin-left: 10px;
  }
  .other-button-ml0 {
    margin-left: 0;
  }
}

/*--------------------------------------------------------
メインビジュアルサイズ別設定
--------------------------------------------------------*/

/*解像度1200px以下*/

@media only screen and (max-width: 1200px) {
  .site-header,
  .global-nav,
  .main-body,
  .site-footer {
    min-width: 100%;
  }

  .main-image-in-text {
    height: auto !important;
    max-height: 500px;
    min-height: 500px !important;
  }

  .main-image-in-text-box {
    width: 100%;
    height: 100% !important;
    max-height: 500px;
    min-height: 500px !important;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-position: right bottom;
  }

  .main-image-in-text-box .contact-btn {
    margin-top: 5px;
    bottom: 30px;
    left: 5%;
  }

  .main-image-in-text-cont {
    padding: 60px 0 0;
    background-color: rgba(52, 73, 94, 0); /*PC表示での透過設定を無効化*/
    font-size: 2em;
  }
  .main-copy,
  .sub-copy {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4D34495e,endColorstr=#4D34495e); /*IE8の透過対策*/
    background-color: rgba(
      52,
      73,
      94,
      0.3
    ); /*レスポンシブ時のメインコピーとサブコピーの透過設定*/
    text-align: left;
  }

  .main-copy:not(:target),
  .sub-copy:not(:target) {
    filter: none;
  }

  .main-copy {
    width: 100%;
    margin: 0 !important;
    padding: 20px 40% 10px 5%;
    font-size: 1.125em; /*メインコピーの基本フォントサイズ*/
  }
  .sub-copy {
    width: 100%;
    margin: 0 !important;
    padding: 0 40% 20px 5%;
    font-size: 0.925em; /*サブコピーの基本フォントサイズ*/
  }
} /*解像度1200px以下*/

/*解像度1100px以下*/

@media only screen and (max-width: 1100px) {
  .main-image-in-text {
    height: auto !important;
    min-height: 458px !important;
    padding: 0 !important;
  }

  .main-image-in-text-box {
    min-height: 458px !important;
    padding: 0 !important;
  }

  .main-image-in-text-cont {
    padding: 100px 0 0;
  }
} /*解像度1100px以下*/

/*解像度950px以下*/

@media only screen and (max-width: 950px) {
  .main-image-in-text {
    height: auto !important;
    min-height: 395px !important;
    padding: 0 !important;
  }

  .main-image-in-text-box {
    min-height: 395px !important;
    padding: 0 !important;
  }

  .main-image-in-text-cont {
    padding: 100px 0 0;
    font-size: 1.425em;
  }
} /*解像度950px以下*/

/*解像度860px以下*/

@media only screen and (max-width: 860px) {
  .main-image-in-text {
    height: auto !important;
    min-height: 358px !important;
    padding: 0 !important;
  }

  .main-image-in-text-box {
    min-height: 358px !important;
    padding: 0 !important;
  }

  .main-image-in-text-cont {
    padding: 80px 0 0;
  }
} /*解像度860px以下*/

/*解像度736px以下*/

@media only screen and (max-width: 736px) {
  .main-image-in-text {
    height: auto !important;
    min-height: 306px !important;
    padding: 0 !important;
  }

  .main-image-in-text-box {
    min-height: 306px !important;
    padding: 0 !important;
  }

  .main-image-in-text-cont {
    padding: 80px 0 0;
    font-size: 1.25em;
  }

  .main-image-in-text-box .contact-btn {
    display: block;
    top: 105%;
    left: 0%;
    width: 98%;
    margin: 0 1%;
  }
} /*解像度736px以下*/

/*解像度700px以下*/

@media only screen and (max-width: 700px) {
  .main-image-in-text {
    min-height: 291px !important;
  }
  .main-image-in-text-box {
    min-height: 291px !important;
  }
  .main-image-in-text-cont {
    padding: 120px 0 0;
    font-size: 1.25em;
  }
  .main-copy {
    padding: 10px 40% 10px 5%;
  }
  .sub-copy {
    padding: 0 40% 10px 5%;
  }
} /*解像度700px以下*/

/*解像度620px以下*/

@media only screen and (max-width: 620px) {
  .main-image-in-text {
    min-height: 258px !important;
  }
  .main-image-in-text-box {
    min-height: 258px !important;
  }
  .main-image-in-text-cont {
    padding: 100px 0 0;
    font-size: 1.125em;
  }
} /*解像度620px以下*/

/*解像度540px以下*/

@media only screen and (max-width: 540px) {
  .main-image-in-text {
    min-height: 225px !important;
  }
  .main-image-in-text-box {
    min-height: 225px !important;
  }
  .main-image-in-text-cont {
    padding: 80px 0 0;
    font-size: 1.125em;
  }
} /*解像度540px以下*/

/*解像度480px以下*/

@media only screen and (max-width: 480px) {
  .main-image-in-text {
    height: auto !important;
    min-height: 200px !important;
    padding: 0 !important;
  }
  .main-image-in-text-box {
    min-height: 200px !important;
    padding: 0 !important;
  }
  .main-image-in-text-cont {
    padding: 80px 0 0;
    font-size: 1em;
  }
} /*解像度480px以下*/

/*解像度400px以下*/

@media only screen and (max-width: 400px) {
  .main-image-in-text {
    min-height: 166px !important;
  }
  .main-image-in-text-box {
    min-height: 166px !important;
  }
  .main-image-in-text-cont {
    padding: 60px 0 0;
    font-size: 0.825em;
  }
} /*解像度400px以下*/

/*解像度320px以下*/

@media only screen and (max-width: 320px) {
  .main-image-in-text {
    min-height: 133px !important;
    padding: 0 !important;
  }
  .main-image-in-text-box {
    min-height: 133px !important;
    padding: 0 !important;
  }
  .main-image-in-text-cont {
    padding: 30px 0 0;
    font-size: 0.725em;
  }
} /*解像度320px以下*/

/*--------------------------------------------------------
登場人物紹介の帯部分サイズ毎設定
--------------------------------------------------------*/

/*解像度900px以下*/
@media only screen and (max-width: 900px) {
  .cast-box02 .cast-name {
    top: 135px;
  }
} /*解像度900px以下*/

/*解像度860px以下*/
@media only screen and (max-width: 860px) {
  .cast-box02 .cast-name {
    top: 125px;
  }
} /*解像度860px以下*/

/*解像度820px以下*/
@media only screen and (max-width: 820px) {
  .cast-box02 .cast-name {
    top: 115px;
  }
} /*解像度820px以下*/

/*解像度780px以下*/
@media only screen and (max-width: 780px) {
  .cast-box02 .cast-name {
    top: 105px;
  }
} /*解像度780px以下*/

/*解像度740px以下*/
@media only screen and (max-width: 740px) {
  .cast-box02 .cast-name {
    top: 90px;
  }
} /*解像度740px以下*/

/*解像度736px以下*/
@media only screen and (max-width: 736px) {
  .cast-box02 .cast-name {
    top: 150px;
  }
} /*解像度736px以下*/

/*解像度1200px以下*/
@media only screen and (max-width: 1200px) {
  .site-header,
  .global-nav,
  .main-body,
  .site-footer {
    min-width: 0;
  }
  .col1 .cast-box02 .cast-name {
    top: 150px !important;
  }
} /*ワンカラムの場合解像度1200px以下*/

@media only screen and (max-width: 736px) {
  #b-pro-banner {
    position: fixed;
    bottom: 0;
    right: 0;
    max-width: 100%;
  }
  #b-pro-banner-sp {
    position: fixed;
    bottom: 0;
    right: 0;
    max-width: 100%;
  }
}

/*---------------------------------------------------------------------
	generated by Keni Template Maker Ver.7.1 on 2018-02-02 16:03:57
----------------------------------------------------------------------*/