html{
  scroll-padding-top: 9rem;
  -webkit-scroll-padding-top: 9rem;
}

body {
  margin: 0;
  height: 100vh;
  font-family:'メイリオ', 'Meiryo', sans-serif;
  color: #000;
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  overflow-x: hidden;
}
.wrap{
  overflow-x: hidden;
}
a {
  color: #000;
  text-decoration:none;
}
.bg-dark {
  background-color: #000 !important;
}
.container{
  padding: 0;
}
.container-fluid{
  padding: 0;
}

.row{
  margin-right: 0;
  margin-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
  padding: 0;
}

.shadow {
  filter: drop-shadow(5px 5px 5px #aaa);
}

/* slide表示領域 */
.swiper{
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: 1;
}
.swiper img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
  border: none;
  border-radius: 10px;
}
.mainvisual {
  margin-top: 8vw;
  padding: 10px 0 30px 0;
  overflow-x: hidden;
}
.mainvisual-inner{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}

/*スマホ表示 start */
@media screen and (max-width:480px) {
  .mainvisual {
    margin-top: 20vw;
  }
  .mainvisual-inner{
    padding-right: 16px;
    padding-left: 16px;
  }
  .pc_br{
    display: none;
  }
  .sp_br{
    display: inline;
  }
  .tab_br{
    display: none;
  }
}

/*タブレット表示 start */
@media screen and (min-width: 481px) and (max-width: 959px) and (orientation: portrait){
  .mainvisual {
    margin-top: 17vw;
  }
  .mainvisual-inner{
    padding-right: 24px;
    padding-left: 24px;
  }
  .pc_br{
    display: none;
  }
  .sp_br{
    display: none;
  }
  .tab_br{
    display: inline;
  }
}

/*小型PC表示 start */
@media screen and (min-width:960px) and (max-width:1279px){
  .mainvisual {
    margin-top: 15vw;
  }

  .mainvisual-inner{
    padding-right: 32px;
    padding-left: 32px;
  }
  .pc_br{
    display: inline;
  }
  .sp_br{
    display: none;
  }
  .tab_br{
    display: none;
  }
}

/* メッセージ表示領域 */
#message{
  width: 1024px;
}
#message .message_title{
  margin-bottom: 20px;
}

#message .message_img{
  text-align: -webkit-center;
}

#message .message_img img{
  border: 1px solid #dadada;
  width: 85%;
  border-radius: 35px;
  margin-bottom: 2.5%;
}

#message .message_title_text {
  padding: 0.75em 0.5em 0.25em 0.5em;/*上下 左右の余白*/
  font-size: 2.3rem;       /* 文字サイズ指定 */
  position:  relative;    /* 位置調整 */
  font-weight: 700;   /* 文字の太さ調整 */
  margin-bottom: 15px;    /* 周りの余白指定 */
  border-bottom: 4px solid #007bff;        /* 線指定 */
  border-radius: 0px 0px 160px 180px/0px 0px 20px 4px;    /* 角丸指定 */
}

#message .message_text {
  width: 95%;
  margin: 0 auto;
  font-size: 15px;
}

.message_top{
  padding-top: 0rem;
}

/* メッセージスマホ表示 start */
@media screen and (max-width:480px) {
  #message{
    width: 90%;
  }

  .message_top{
    padding-top: 0;
  }

  #message .message_title_text{
    font-size: 20px;
    padding: 0.5rem 0.5rem;
  }

  #message .message_text {
    font-size: 16px;
  }

  #message .message_title img{
    width: 95%;
    margin-right: 5%;
    margin-bottom: 5%;
  }

}
/*メッセージスマホ表示 end */

/*メッセージタブレット表示 start*/
@media screen and (min-width: 481px) and (max-width: 959px) and (orientation: portrait){
  #message{
    width: 90%;
  }
  .message_top{
    padding-top: 0rem;
  }
  #message .message_title_text{
    font-size: 25px;
    padding: 1em 0.5em 0.25em 0.5em;
  }

  #message .message_title img{
    width: 95%;
    margin-right: 5%;
    margin-bottom: 5%;
  }
}
/*メッセージタブレット表示 end */

/*メッセージ小型PC表示 start */
@media screen and (min-width:960px) and (max-width:1279px) {
  #message{
    width: 85%;
  }
  .message_top{
    padding-top: 0rem;
  }
  #message .message_title_text{
    font-size: 25px;
    padding: 0.5rem 0.5rem;
  }
}
/*メッセージ小型PC表示 end */

/* スクールライフ表示領域 */
#schoollife{
  width: 1024px;
}
#schoollife .schoollife_title{
  margin-bottom: 20px;
}

#schoollife .schoollife_title_text:first-letter {
  font-size: 150%;
  color: #007bff;
}

#schoollife .schoollife_title_text {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  font-weight: 700;
  font-size: 2.3rem;
  border-bottom: 3px solid #000;
  margin: 0 10px 0 10px;
}

.schedule_subtitle{
  position: relative;
  padding: 5px 26px 5px 42px;
  background: #e1f4fc;
  color: #2d2d2d;
  line-height: 1.3;
  border-bottom: solid 3px #007bff;
  z-index:-2;
  margin: 0 20px;
}

.schedule_subtitle:before{
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index: -1;
}

.schedule_subtitle:after{
  position: absolute;
  content: '';
  right: -3px;
  top: -7px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px transparent;
  border-bottom: solid 79px white;
  z-index: -1;
}

.schedule_subtext{
  width: 90%;
  margin: 20px auto;
}

.schedule_table{
  font-size: 15px;
}
.schedule_table td{
  height: 85px;
}

.spring_color{
  background-color: #f2a0a1 !important;
  color: #f0f0f0;
}

.summer_color{
  background-color: #38a1db !important;
  color: #f0f0f0;
}

.fall_color{
  background-color: #ed6d3d !important;
  color: #f0f0f0;
}

.winter_color{
  background-color:#316745 !important;
  color: #f0f0f0;
}

/* 学校周辺動画---------------------- */
.around_subtitle {
  position: relative;
  padding: 5px 26px 5px 42px;
  background: #e1f4fc;
  color: #2d2d2d;
  line-height: 1.3;
  border-bottom: solid 3px #007bff;
  z-index: -2;
  margin: 0 20px;
}

.around_subtitle:before{
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index: -1;
}

.around_subtitle:after{
  position: absolute;
  content: '';
  right: -3px;
  top: -7px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px transparent;
  border-bottom: solid 79px white;
  z-index: -1;
}

.around_subtext {
  width: 90%;
  margin: 20px auto;
}

.around_movie{
  text-align: center;
    margin-bottom: 30px;
}

.around_movie iframe{
  width: 560px;
  height: 315px;
}

.bilibili-player .bilibili-player-area .bilibili-player-video-wrap .bilibili-player-video {
  padding: 0!important;
}
/* 動画ここまで------------------ */


.dormitory_subtitle{
  position: relative;
  padding: 5px 26px 5px 42px;
  background: #e1f4fc;
  color: #2d2d2d;
  line-height: 1.3;
  border-bottom: solid 3px #007bff;
  z-index:-2;
  margin: 0 20px;
}

.dormitory_subtitle:before{
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index: -1;
}

.dormitory_subtitle:after{
  position: absolute;
  content: '';
  right: -3px;
  top: -7px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px transparent;
  border-bottom: solid 79px white;
  z-index: -1;
}

.dormitory_subtext{
  width: 90%;
  margin: 20px auto;
}

.dormitory_banner img{
  width: 70%;
  margin: 0 13%;
}

.dormitory_banner p{
  font-size: 18px;
  text-align: center;
  margin-top: 10px;
}

/* スクールライフスマホ表示 start */
@media screen and (max-width:480px) {
  .schedule_table{
    font-size: 14px;
  }
  .schedule_table td{
    height: 100px;
  }

  #schoollife{
    width: 90%;
  }

  #schoollife .schedule_subtitle{
    margin: 0;
  }

  #schoollife .schoollife_title_text{
    font-size: 20px;
    padding: 0.5rem 0.5rem;
  }

  #schoollife .dormitory_subtitle{
    margin: 0;
  }

}
/*スクールライフスマホ表示 end */

/*スクールライフタブレット表示 start*/
@media screen and (min-width: 481px) and (max-width: 959px) and (orientation: portrait){
  #schoollife{
    width: 90%;
  }

  #schoollife .schoollife_title_text{
    font-size: 22px;
    padding: 0.5rem 0.5rem;
  }

}
/*スクールライフタブレット表示 end */

/*スクールライフ小型PC表示 start */
@media screen and (min-width:960px) and (max-width:1279px) {
  #schoollife{
    width: 85%;
  }
  #schoollife .schoollife_title_text{
    font-size: 25px;
    padding: 0.5rem 0.5rem;
  }
}
/*スクールライフ小型PC表示 end */

/* コース紹介表示領域 */
#course{
  width: 1024px;
}
#course .course_title{
  margin-bottom: 20px;
}

#course .course_title_text:first-letter {
  font-size: 150%;
  color: #007bff;
}

#course .course_title_text {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  font-weight: 700;
  font-size: 2.3rem;
  border-bottom: 3px solid #000;
  margin: 0 10px 0 10px;
}

.course_top{
  padding-top: 0rem;
}

.course_subtitle{
  position: relative;
  padding: 5px 26px 5px 42px;
  background: #e1f4fc;
  color: #2d2d2d;
  line-height: 1.3;
  border-bottom: solid 3px #007bff;
  z-index:-2;
  margin: 0 20px;
}

.course_subtitle:before{
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index: -1;
}

.course_subtitle:after{
  position: absolute;
  content: '';
  right: -3px;
  top: -7px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px transparent;
  border-bottom: solid 79px white;
  z-index: -1;
}

.course_subtext{
  width: 90%;
  margin: 20px auto;
}

.course_heading{
  font-weight: 700;
}

.course_subimg{
  margin: auto;
  width: 95%;
}

#design_course h2 {
  width: 95%;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  border: 2px solid #000;
  background: #fff;
}

#design_course h2:before,
#design_course h2:after {
  position: absolute;
  content: '';
}

#design_course h2:before {
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 80px;
  border: 2px solid #000;
  border-radius: 50%;
  background: #fff;
}

#design_course h2:after {
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 2px dashed #000;
  background: #fff;
}

#design_course h2 i {
  font-size: 24px;
  font-size: 2.1rem;
  line-height: 60px;
  position: absolute;
  z-index: 2;
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 60px;
  text-align: center;
}

#design_course h2 span {
  position: relative;
  z-index: 1;
  display: block;
  padding: 1.5rem;
}

#design_course h2 span:before,
#design_course h2 span:after {
  position: absolute;
  content: '';
}

#design_course h2 span:before {
  top: -34px;
  left: calc(50% - 34px);
  width: 68px;
  height: 40px;
  border: 2px dashed #000;
  border-radius: 50vw 50vw 0 0;
}

#design_course h2 span:after {
  position: absolute;
  top: 4px;
  left: calc(50% - 32px);
  width: 64px;
  height: 10px;
  background: #fff;
}

#design_course table {
  width: 940px;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 28px;
  color: #626262;
  border-collapse: separate;
  border-spacing: 10px;
}

#design_course td {
  /* padding: 10px; */
  padding: 2px;
}

#design_course .time{
  background-color: #000;
  color: #FFFFFF;
  width: 120px;
  height: 100px;
  padding-top: 20px;
  line-height: 32px;
}
#design_course .japanese{
  background-color: #fbdac8;
}
#design_course h4 {
  font-size: 22px;
  padding-top: 10px;
}

#design_course .koma {
  width: 158px;
  background: -moz-linear-gradient( 180deg, rgb(232,0,143) 0%, rgb(214,0,89) 100%);
  background: -webkit-linear-gradient( 180deg, rgb(232,0,143) 0%, rgb(214,0,89) 100%);
  background: -ms-linear-gradient( 180deg, rgb(232,0,143) 0%, rgb(214,0,89) 100%);
  color: #FFF;
}

#design_course .special {
  width: 158px;
  background-color: #FFF;
  background-repeat: no-repeat;
  border: solid 2px #e4007f;
}

#design_course .pink_point{
  width: 940px;
  margin: 0 auto;
  margin-bottom: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  border: solid 2px #e4007f;
}

#design_course .pink_point h4{
  color: #e4007f;
}

#design_course .pink_point p{
  font-size: 16px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

#tourism_course h2 {
  width: 95%;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  border: 2px solid #000;
  background: #fff;
}

#tourism_course h2:before,
#tourism_course h2:after {
  position: absolute;
  content: '';
}

#tourism_course h2:before {
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 80px;
  border: 2px solid #000;
  border-radius: 50%;
  background: #fff;
}

#tourism_course h2:after {
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 2px dashed #000;
  background: #fff;
}

#tourism_course h2 i {
  font-size: 24px;
  font-size: 2.1rem;
  line-height: 60px;
  position: absolute;
  z-index: 2;
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 60px;
  text-align: center;
}

#tourism_course h2 span {
  position: relative;
  z-index: 1;
  display: block;
  padding: 1.5rem;
}

#tourism_course h2 span:before,
#tourism_course h2 span:after {
  position: absolute;
  content: '';
}

#tourism_course h2 span:before {
  top: -34px;
  left: calc(50% - 34px);
  width: 68px;
  height: 40px;
  border: 2px dashed #000;
  border-radius: 50vw 50vw 0 0;
}

#tourism_course h2 span:after {
  position: absolute;
  top: 4px;
  left: calc(50% - 32px);
  width: 64px;
  height: 10px;
  background: #fff;
}

#tourism_course table {
  width: 940px;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 28px;
  color: #626262;
  border-collapse: separate;
  border-spacing: 10px;
}

#tourism_course td {
  padding: 10px;
}

#tourism_course .time{
  background-color: #000;
  color: #FFFFFF;
  width: 120px;
  height: 100px;
  padding-top: 20px;
  line-height: 32px;
}
#tourism_course .japanese{
  background-color: #e0ffff;
}
#tourism_course h4 {
  font-size: 22px;
  padding-top: 10px;
}

#tourism_course .koma {
  width: 158px;
  background: -moz-linear-gradient( 180deg, rgb(70,170,186) 0%, rgb(124,205,216) 100%);
  background: -webkit-linear-gradient( 180deg, rgb(70,170,186) 0%, rgb(124,205,216) 100%);
  background: -ms-linear-gradient( 180deg, rgb(70,170,186) 0%, rgb(124,205,216) 100%);
  color: #FFF;
}

#tourism_course .special {
  width: 158px;
  background-color: #FFF;
  background-repeat: no-repeat;
  border: solid 2px #87cefa;
}

#tourism_course .light_blue_point{
  width: 940px;
  margin: 0 auto;
  margin-bottom: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  border: solid 2px #87cefa;
}

#tourism_course .light_blue_point h4{
  color: #e4007f;
}

#tourism_course .pink_point p{
  font-size: 16px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

#business_course h2 {
  width: 95%;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  border: 2px solid #000;
  background: #fff;
}

#business_course h2:before,
#business_course h2:after {
  position: absolute;
  content: '';
}

#business_course h2:before {
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 80px;
  border: 2px solid #000;
  border-radius: 50%;
  background: #fff;
}

#business_course h2:after {
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 2px dashed #000;
  background: #fff;
}

#business_course h2 i {
  font-size: 24px;
  font-size: 2.1rem;
  line-height: 60px;
  position: absolute;
  z-index: 2;
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 60px;
  text-align: center;
}

#business_course h2 span {
  position: relative;
  z-index: 1;
  display: block;
  padding: 1.5rem;
}

#business_course h2 span:before,
#business_course h2 span:after {
  position: absolute;
  content: '';
}

#business_course h2 span:before {
  top: -34px;
  left: calc(50% - 34px);
  width: 68px;
  height: 40px;
  border: 2px dashed #000;
  border-radius: 50vw 50vw 0 0;
}

#business_course h2 span:after {
  position: absolute;
  top: 4px;
  left: calc(50% - 32px);
  width: 64px;
  height: 10px;
  background: #fff;
}

#business_course table {
  width: 940px;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 28px;
  color: #626262;
  border-collapse: separate;
  border-spacing: 10px;
}

#business_course td {
  padding: 10px;
}

#business_course .time{
  background-color: #000;
  color: #FFFFFF;
  width: 120px;
  height: 100px;
  padding-top: 20px;
  line-height: 32px;
}
#business_course .japanese{
  background-color: #bbdbf3;
}
#business_course h4 {
  font-size: 22px;
  padding-top: 10px;
}

#business_course .koma {
  width: 158px;
  background: -moz-linear-gradient( 180deg, rgb(0,126,221) 0%, rgb(0,173,236) 100%);
  background: -webkit-linear-gradient( 180deg, rgb(0,126,221) 0%, rgb(0,173,236) 100%);
  background: -ms-linear-gradient( 180deg, rgb(0,126,221) 0%, rgb(0,173,236) 100%);
  color: #FFF;
}

#business_course .special {
  width: 158px;
  background-color: #FFF;
  background-repeat: no-repeat;
  border: solid 2px #0780BA;
}

#business_course .blue_point{
  width: 940px;
  margin: 0 auto;
  margin-bottom: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  border: solid 2px #0780BA;
}

#business_course .blue_point h4{
  color: #e4007f;
}

#business_course .pink_point p{
  font-size: 16px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

#entertainment_course h2 {
  width: 95%;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  border: 2px solid #000;
  background: #fff;
}

#entertainment_course h2:before,
#entertainment_course h2:after {
  position: absolute;
  content: '';
}

#entertainment_course h2:before {
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 80px;
  border: 2px solid #000;
  border-radius: 50%;
  background: #fff;
}

#entertainment_course h2:after {
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 2px dashed #000;
  background: #fff;
}

#entertainment_course h2 i {
  font-size: 24px;
  font-size: 2.1rem;
  line-height: 60px;
  position: absolute;
  z-index: 2;
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 60px;
  text-align: center;
}

#entertainment_course h2 span {
  position: relative;
  z-index: 1;
  display: block;
  padding: 1.5rem;
}

#entertainment_course h2 span:before,
#entertainment_course h2 span:after {
  position: absolute;
  content: '';
}

#entertainment_course h2 span:before {
  top: -34px;
  left: calc(50% - 34px);
  width: 68px;
  height: 40px;
  border: 2px dashed #000;
  border-radius: 50vw 50vw 0 0;
}

#entertainment_course h2 span:after {
  position: absolute;
  top: 4px;
  left: calc(50% - 32px);
  width: 64px;
  height: 10px;
  background: #fff;
}

#entertainment_course table {
  width: 940px;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 28px;
  color: #626262;
  border-collapse: separate;
  border-spacing: 10px;
}

#entertainment_course td {
  padding: 10px;
}

#entertainment_course .time{
  background-color: #000;
  color: #FFFFFF;
  width: 120px;
  height: 100px;
  padding-top: 20px;
  line-height: 32px;
}
#entertainment_course .japanese{
  background-color: #7abcff;
}
#entertainment_course h4 {
  font-size: 22px;
  padding-top: 10px;
}

#entertainment_course .koma {
  width: 158px;
  background: -moz-linear-gradient( 180deg, rgb(0,44,123) 0%, rgb(2,95,171) 100%);
  background: -webkit-linear-gradient( 180deg, rgb(0,44,123) 0%, rgb(2,95,171) 100%);
  background: -ms-linear-gradient( 180deg, rgb(0,44,123) 0%, rgb(2,95,171) 100%);
  color: #FFF;
}

#entertainment_course .special {
  width: 158px;
  background-color: #FFF;
  background-repeat: no-repeat;
  border: solid 2px #014c9f;
}

#entertainment_course .navy_point{
  width: 940px;
  margin: 0 auto;
  margin-bottom: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  border: solid 2px #014c9f;
}

#entertainment_course .navy_point h4{
  color: #e4007f;
}

#entertainment_course .pink_point p{
  font-size: 16px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

#course .professional_course_subimg{
  margin: auto;
  width: 60%;
}

.comprehensive_attainment_target{
  width: 85%;
  margin: 0 auto;
  margin-bottom: 50px;
}

.comprehensive_attainment_target h3{
  border-bottom: 4px solid #FFEE00;
  /* width: 115px; */
  width: 245px;
  margin-bottom: 20px;
}

.comprehensive_attainment_target .color1 th{
  background-color: #f9bb00;
  color: #FFF;
}

.comprehensive_attainment_target .color2 th{
  background-color: #f5a600;
  color: #FFF;
}

.comprehensive_attainment_target .color3 th{
  background-color: #f37e00;
  color: #FFF;
}

.comprehensive_attainment_target th{
  padding: 10px;
  width: 25%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.comprehensive_attainment_target td{
  width: 60%;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  line-height: 1.8em;
}

.works_attainment_target{
  width: 85%;
  margin: 0 auto;
  margin-bottom: 50px;
}

.works_attainment_target h3{
  border-bottom: 4px solid #FFEE00;
  width: 245px;
  margin-bottom: 20px;
}

.works_attainment_target .color1 th{
  background-color: #f9bb00;
  color: #FFF;
}

.works_attainment_target .color2 th{
  background-color: #f5a600;
  color: #FFF;
}

.works_attainment_target .color3 th{
  background-color: #f37e00;
  color: #FFF;
}

.works_attainment_target th{
  padding: 10px;
  width: 25%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.works_attainment_target td{
  width: 60%;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  line-height: 1.8em;
}

/* コース紹介スマホ表示 start */
@media screen and (max-width:480px) {
  #course{
    width: 90%;
  }

  #course .course_top{
    padding-top: 0;
  }

  #course .course_subtitle{
    margin: 0;
  }

  #course .course_title_text{
    font-size: 20px;
    padding: 0.5rem 0.5rem;
  }

  #course .course_title img{
    width: 95%;
    margin-right: 5%;
    margin-bottom: 5%;
  }

  #course.course_heading{
    font-size: 20px;
  }

  #course .course_subtext {
    width: 95%;
    margin: 20px 10px;
  }

  #design_course h2 {
    width: 100%;
    font-size: 17px;
  }

  #design_course .black_box{
    background-color: #000;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  #design_course .black_box p {
    font-size: 18px;
    color: #FFF;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #design_course .japanese_box{
    background-color: #fbdac8;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #design_course .japanese_box p{
    font-size: 12px;
    line-height: 1.6em;
  }

  #design_course .pink_box{
    background-size: 100% 100%;
    margin-bottom: 10px;
    background-repeat: repeat-y;
    background: -moz-linear-gradient( 180deg, rgb(232,0,143) 0%, rgb(214,0,89) 100%);
    background: -webkit-linear-gradient( 180deg, rgb(232,0,143) 0%, rgb(214,0,89) 100%);
    background: -ms-linear-gradient( 180deg, rgb(232,0,143) 0%, rgb(214,0,89) 100%);
  }

  #design_course .pink_box .week{
    color: #FFF;
    background-color: #000;
    padding: 3.5px 6px;
    float: left;
    font-size: 18px;
  }

  #design_course .pink_box p{
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
  }

  #design_course .pink_special{
    margin-bottom: 10px;
    background-repeat: repeat-y;
    border: 1px solid #e4007f;
  }

  #design_course .pink_special .week_pink{
    color: #FFF;
    background-color: #D5267D;
    padding: 3.5px 6px;
    float: left;
    font-size: 18px;
  }

  #design_course .pink_special p{
    font-size: 16px;
    text-align: center;
    margin-bottom: 5px;
    padding-top: 5px;
  }

  #design_course .pink_point{
    width: 100%;
    margin-bottom: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #design_course .pink_point h4{
    font-size: 16px;
  }

  #design_course .pink_point p{
    font-size: 12px;
    width: 80%;
    margin: 0 auto;
    text-align: left;
  }

  #tourism_course h2 {
    width: 100%;
    font-size: 17px;
  }

  #tourism_course .black_box{
    background-color: #000;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  #tourism_course .black_box p {
    font-size: 18px;
    color: #FFF;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #tourism_course .japanese_box{
    background-color: #e0ffff;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #tourism_course .japanese_box p{
    font-size: 12px;
    line-height: 1.6em;
  }

  #tourism_course .light_blue_box{
    background-size: 100% 100%;
    margin-bottom: 10px;
    background-repeat: repeat-y;
    background: -moz-linear-gradient( 180deg, rgb(70,170,186) 0%, rgb(124,205,216) 100%);
    background: -webkit-linear-gradient( 180deg, rgb(70,170,186) 0%, rgb(124,205,216) 100%);
    background: -ms-linear-gradient( 180deg, rgb(70,170,186) 0%, rgb(124,205,216) 100%);
  }

  #tourism_course .light_blue_box .week{
    color: #FFF;
    background-color: #000;
    padding: 3.5px 6px;
    float: left;
    font-size: 18px;
  }

  #tourism_course .light_blue_box p{
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
  }

  #tourism_course .light_blue_special{
    margin-bottom: 10px;
    background-repeat: repeat-y;
    border: 1px solid #6bc6d2;
  }

  #tourism_course .light_blue_special .week_light_blue{
    color: #FFF;
    background-color: #6bc6d2;
    padding: 3.5px 6px;
    float: left;
    font-size: 18px;
  }

  #tourism_course .light_blue_special p{
    font-size: 16px;
    text-align: center;
    margin-bottom: 5px;
    padding-top: 5px;
  }

  #tourism_course .light_blue_point{
    width: 100%;
    margin-bottom: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #tourism_course .light_blue_point h4{
    font-size: 16px;
  }

  #tourism_course .light_blue_point p{
    font-size: 12px;
    width: 80%;
    margin: 0 auto;
    text-align: left;
  }

  #business_course h2 {
    width: 100%;
    font-size: 17px;
  }

  #business_course .black_box{
    background-color: #000;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  #business_course .black_box p {
    font-size: 18px;
    color: #FFF;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #business_course .japanese_box{
    background-color: #bbdbf3;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #business_course .japanese_box p{
    font-size: 12px;
    line-height: 1.6em;
  }

  #business_course .blue_box{
    background-size: 100% 100%;
    margin-bottom: 10px;
    background-repeat: repeat-y;
    background: -moz-linear-gradient( 180deg, rgb(0,126,221) 0%, rgb(0,173,236) 100%);
    background: -webkit-linear-gradient( 180deg, rgb(0,126,221) 0%, rgb(0,173,236) 100%);
    background: -ms-linear-gradient( 180deg, rgb(0,126,221) 0%, rgb(0,173,236) 100%);
  }

  #business_course .blue_box .week{
    color: #FFF;
    background-color: #000;
    padding: 3.5px 6px;
    float: left;
    font-size: 18px;
  }

  #business_course .blue_box p{
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
  }

  #business_course .blue_special{
    margin-bottom: 10px;
    background-repeat: repeat-y;
    border: 1px solid #0780BA;
  }

  #business_course .blue_special .week_blue{
    color: #FFF;
    background-color: #0780BA;
    padding: 3.5px 6px;
    float: left;
    font-size: 18px;
  }

  #business_course .blue_special p{
    font-size: 16px;
    text-align: center;
    margin-bottom: 5px;
    padding-top: 5px;
  }

  #business_course .blue_point{
    width: 100%;
    margin-bottom: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #business_course .blue_point h4{
    font-size: 16px;
  }

  #business_course .blue_point p{
    font-size: 12px;
    width: 80%;
    margin: 0 auto;
    text-align: left;
  }

  #entertainment_course h2 {
    width: 100%;
    font-size: 17px;
  }

  #entertainment_course .black_box{
    background-color: #000;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  #entertainment_course .black_box p {
    font-size: 18px;
    color: #FFF;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #entertainment_course .japanese_box{
    background-color: #7abcff;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #entertainment_course .japanese_box p{
    font-size: 12px;
    line-height: 1.6em;
  }

  #entertainment_course .navy_box{
    background-size: 100% 100%;
    margin-bottom: 10px;
    background-repeat: repeat-y;
    background: -moz-linear-gradient( 180deg, rgb(0,44,123) 0%, rgb(2,95,171) 100%);
    background: -webkit-linear-gradient( 180deg, rgb(0,44,123) 0%, rgb(2,95,171) 100%);
    background: -ms-linear-gradient( 180deg, rgb(0,44,123) 0%, rgb(2,95,171) 100%);
  }

  #entertainment_course .navy_box .week{
    color: #FFF;
    background-color: #000;
    padding: 3.5px 6px;
    float: left;
    font-size: 18px;
  }

  #entertainment_course .navy_box p{
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
  }

  #entertainment_course .navy_special{
    margin-bottom: 10px;
    background-repeat: repeat-y;
    border: 1px solid #014c9f;
  }

  #entertainment_course .navy_special .week_navy{
    color: #FFF;
    background-color: #014c9f;
    padding: 3.5px 6px;
    float: left;
    font-size: 18px;
  }

  #entertainment_course .navy_special p{
    font-size: 16px;
    text-align: center;
    margin-bottom: 5px;
    padding-top: 5px;
  }

  #entertainment_course .navy_point{
    width: 100%;
    margin-bottom: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #entertainment_course .navy_point h4{
    font-size: 16px;
  }

  #entertainment_course .navy_point p{
    font-size: 12px;
    width: 80%;
    margin: 0 auto;
    text-align: left;
  }

}
/*コース紹介スマホ表示 end */

/*コース紹介タブレット表示 start*/
@media screen and (min-width: 481px) and (max-width: 959px) and (orientation: portrait){
  #course{
    width: 90%;
  }
  .course_top{
    padding-top: 0rem;
  }
  .course_subtitle{
    margin: 0;
  }
  #course .course_title_text{
    font-size: 22px;
    padding: 0.5rem 0.5rem;
  }
  #course .course_title img{
    width: 95%;
    margin-right: 5%;
    margin-bottom: 5%;
  }
  #design_course h2{
    width: 85vw;
  }
  #design_course table{
    width: 90vw;
    font-size: 12px;
  }
  #design_course .pink_point{
    width: 85vw;
  }
  #tourism_course h2{
    width: 85vw;
  }
  #tourism_course table{
    width: 90vw;
    font-size: 12px;
  }
  #tourism_course .light_blue_point{
    width: 85vw;
  }
  #business_course h2{
    width: 85vw;
  }
  #business_course table{
    width: 90vw;
    font-size: 12px;
  }
  #business_course .blue_point{
    width: 85vw;
  }
  #entertainment_course h2{
    width: 85vw;
  }
  #entertainment_course table{
    width: 90vw;
    font-size: 12px;
  }
  #entertainment_course .navy_point{
    width: 85vw;
  }

  #design_course .pink_point p,
  #tourism_course .light_blue_point p,
  #business_course .blue_point p,
  #entertainment_course .navy_point p{
  width: 90%;
    margin: 0 auto;
    text-align: left;
  }
}
/*コース紹介タブレット表示 end */

/*コース紹介小型PC表示 start */
@media screen and (min-width:960px) and (max-width:1279px) {
  #course{
    width: 85%;
  }
  .course_top{
    padding-top: 0rem;
  }
  .course_subtitle{
    margin: 0;
  }
  #course .course_title_text{
    font-size: 25px;
    padding: 0.5rem 0.5rem;
  }
  #design_course h2{
    width: 70vw;
  }
  #design_course table{
    width: 75vw;
    font-size: 14px;
  }
  #design_course .pink_point{
    width: 70vw;
  }
  #tourism_course h2{
    width: 70vw;
  }
  #tourism_course table{
    width: 75vw;
    font-size: 14px;
  }
  #tourism_course .light_blue_point{
    width: 70vw;
  }
  #business_course h2{
    width: 70vw;
  }
  #business_course table{
    width: 75vw;
    font-size: 14px;
  }
  #business_course .blue_point{
    width: 70vw;
  }
  #entertainment_course h2{
    width: 70vw;
  }
  #entertainment_course table{
    width: 75vw;
    font-size: 14px;
  }
  #entertainment_course .navy_point{
    width: 70vw;
  }
}
/*コース紹介小型PC表示 end */

/* お申し込み方法・学費表示領域 */
#apply{
  width: 1024px;
}
#apply .apply_title{
  margin-bottom: 20px;
}

#apply .apply_title_text:first-letter {
  font-size: 150%;
  color: #007bff;
}

#apply .apply_title_text {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  font-weight: 700;
  font-size: 2.3rem;
  border-bottom: 3px solid #000;
  margin: 0 10px 0 10px;
}

.student_visa_subtitle{
  position: relative;
  padding: 5px 26px 5px 42px;
  background: #e1f4fc;
  color: #2d2d2d;
  line-height: 1.3;
  border-bottom: solid 3px #007bff;
  z-index:-2;
  margin: 0 20px;
}

.student_visa_subtitle:before{
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index: -1;
}

.student_visa_subtitle:after{
  position: absolute;
  content: '';
  right: -3px;
  top: -7px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px transparent;
  border-bottom: solid 79px white;
  z-index: -1;
}

.student_visa_subtext{
  width: 90%;
  margin: 20px 50px;
}

.student_visa_admission_time{
  width: 90%;
  margin: 0 auto;
  margin-bottom: 50px;
}

.student_visa_admission_time h4{
  padding: 1rem 1rem;
  border-left: 6px solid #007bff;
  font-weight: bold;
  margin-bottom: 30px;
}

.admission_time_name{
  background-color: #eaa83b;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  color: #FFF;
  margin-bottom: 10px;
}

.student_visa_admission_time table{
  border-color: #000 !important ;
}

.student_visa_admission_time table td{
  border-color: #000 !important ;
}

.student_visa_application_flow{
  width: 90%;
  margin: 0 auto;
  margin-bottom: 50px;
}

.student_visa_application_flow h4{
  padding: 1rem 1rem;
  border-left: 6px solid #007bff;
  font-weight: bold;
  margin-bottom: 30px;
}

.student_visa_application_flow .small_tx b {
  color: #999999;
  margin-left: 20px;
}

.student_visa_application_flow .small_tx strong {
  color: #007bff;
  margin-left: 20px;
}

.student_visa_application_flow_table table{
  margin: 0 auto;
}

.student_visa_application_flow_table td{
  background-color: #007bff;
  color: #FFF;
  padding-top: 10px;
  font-size: 16px;
  padding-left: 10px;
  padding-bottom: 10px;
  width: 450px;
  text-align: center;
}

.student_visa_application_flow_table .arrow {
  color: #333333;
  background-color: #FFF;
  text-align: center;
}

.student_visa_application_flow_table .given {
  background-color: #CCCCCC;
  color: #000;
  font-size: 18px;
  padding-left: 8px;
  border: 2px dashed #007bff;
}

.student_visa_tuition{
  width: 90%;
  margin: 0 auto;
  margin-bottom: 50px;
}

.student_visa_tuition h4{
  padding: 1rem 1rem;
  border-left: 6px solid #007bff;
  font-weight: bold;
  margin-bottom: 30px;
}

.student_visa_tuition table{
  border-color: #fff !important ;
}

.student_visa_tuition table td{
  border-color: #fff !important ;
}

.initial_payment_name{
  background-color: #0D357C;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  color: #FFF;
  margin-bottom: 10px;
}

.student_visa_tuition .student_visa_fee{
  background-color: #3a5585;
  color: #FFF;
  font-size: 18px;
  width: 500px;
}

.student_visa_tuition .student_visa_total{
  background-color: #cb505f;
  color: #FFF;
  font-size: 18px;
  width: 500px;
}

.student_visa_necessary_doc{
  width: 90%;
  margin: 0 auto;
  margin-bottom: 50px;
}

.student_visa_necessary_doc strong{
  color: #ff5353;
  margin-right: 10px;
}

.student_visa_necessary_doc h4{
  padding: 1rem 1rem;
  border-left: 6px solid #007bff;
  font-weight: bold;
  margin-bottom: 30px;
}

.other_visa_subtitle{
  position: relative;
  padding: 5px 26px 5px 42px;
  background: #e1f4fc;
  color: #2d2d2d;
  line-height: 1.3;
  border-bottom: solid 3px #007bff;
  z-index:-2;
  margin: 0 20px;
}

.other_visa_subtitle:before{
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index: -1;
}

.other_visa_subtitle:after{
  position: absolute;
  content: '';
  right: -3px;
  top: -7px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px transparent;
  border-bottom: solid 79px white;
  z-index: -1;
}

.other_visa_subtext{
  width: 90%;
  margin: 20px 50px;
}

.other_visa_tuition{
  width: 90%;
  margin: 0 auto;
  margin-bottom: 50px;
}

.other_visa_tuition h4{
  padding: 1rem 1rem;
  border-left: 6px solid #007bff;
  font-weight: bold;
  margin-bottom: 30px;
}

.other_visa_tuition table{
  border-color: #fff !important ;
}

.other_visa_tuition table td{
  border-color: #fff !important ;
}

.other_visa_tuition .other_visa_fee{
  background-color: #3a5585;
  color: #FFF;
  font-size: 18px;
  width: 500px;
}

.other_visa_tuition .other_visa_total{
  background-color: #cb505f;
  color: #FFF;
  font-size: 18px;
  width: 500px;
}

.other_visa_flow{
  width: 90%;
  margin: 0 auto;
  margin-bottom: 50px;
}

.other_visa_flow h4{
  padding: 1rem 1rem;
  border-left: 6px solid #007bff;
  font-weight: bold;
}

.other_visa_flow strong{
  color: #ff5353;
}

.other_visa_necessary_doc{
  width: 90%;
  margin: 0 auto;
  margin-bottom: 50px;
}

.other_visa_necessary_doc h4{
  padding: 1rem 1rem;
  border-left: 6px solid #007bff;
  font-weight: bold;
}
.other_visa_necessary_doc strong{
  color: #ff5353;
  margin-right: 10px;
}

/* お申し込み方法・学費スマホ表示 start */
@media screen and (max-width:480px) {
  #apply{
    width: 90%;
  }

  #apply .apply_title_text{
    font-size: 20px;
    padding: 0.5rem 0.5rem;
  }

  #apply .sp-only {
    margin-bottom: 30px;
  }

  .student_visa_subtitle{
    margin: 0;
    font-size: 21px;
  }

  .student_visa_subtext{
    margin: 20px;
  }

  .student_visa_application_flow .small_tx b {
    margin-left: 5px;
  }

  .student_visa_application_flow .small_tx strong {
    margin-left: 5px;
  }

  .other_visa_subtitle{
    margin: 0;
    font-size: 21px;
  }
  .other_visa_subtext{
    margin: 20px;
  }

}
/*お申し込み方法・学費スマホ表示 end */

/*お申し込み方法・学費タブレット表示 start*/
@media screen and (min-width: 481px) and (max-width: 959px) and (orientation: portrait){
  #apply{
    width: 90%;
  }

  #apply .apply_title_text{
    font-size: 22px;
    padding: 0.5rem 0.5rem;
  }
  #apply .pc-only{
    margin-bottom: 80px;
  }
}
/*お申し込み方法・学費タブレット表示 end */

/*お申し込み方法・学費小型PC表示 start */
@media screen and (min-width:960px) and (max-width:1279px) {
  #apply{
    width: 85%;
  }
  #apply .apply_title_text{
    font-size: 25px;
    padding: 0.5rem 0.5rem;
  }

}
/*お申し込み方法・学費小型PC表示 end */

/* よくある質問表示領域 */
#question{
  width: 1024px;
}
#question .question_title{
  margin-bottom: 20px;
}

#question .question_title_text:first-letter {
  font-size: 150%;
  color: #007bff;
}

#question .question_title_text {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  font-weight: 700;
  font-size: 2.3rem;
  border-bottom: 3px solid #000;
  margin: 0 10px 0 10px;
}

#question .admission_title{
  width: 320px;
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #fff100;
  margin-bottom: 25px;
}

#question .admission_title:before{
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #000;
}

#question .lesson_question{
  width: 90%;
  margin: 0 auto;
  padding-bottom: 40px;
}

#question .living_question{
  width: 90%;
  margin: 0 auto;
  padding-bottom: 40px;
}

#question .visa_question{
  width: 90%;
  margin: 0 auto;
  padding-bottom: 40px;
}

#question .graduates_title{
  width: 215px;
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #fff100;
  margin-bottom: 10px;
}

#question .graduates_title:before{
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #000;
}

#question .graduates_question{
  width: 90%;
  margin: 0 auto;
  padding-bottom: 40px;
}

#question .other_title{
  width: 215px;
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #fff100;
  margin-bottom: 10px;
}

#question .other_title:before{
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #000;
}

#question .other_question{
  width: 90%;
  margin: 0 auto;
  padding-bottom: 40px;
}
#question .other_question .other_question_mail_img{
  width: 215px;
}

/* よくある質問スマホ表示 start */
@media screen and (max-width:480px) {
  #question{
    width: 90%;
  }

  #question .question_title_text{
    font-size: 20px;
    padding: 0.5rem 0.5rem;
  }

  #question .admission_title {
    font-size: 18px;
    width: 235px;
  }

  #question .graduates_title{
    font-size: 18px;
    width: 170px;
  }

  #question .other_title{
    font-size: 18px;
    width: 170px;
  }

}
/*よくある質問スマホ表示 end */

/*よくある質問タブレット表示 start*/
@media screen and (min-width: 481px) and (max-width: 959px) and (orientation: portrait){
  #question{
    width: 90%;
  }

  #question .question_title_text{
    font-size: 22px;
    padding: 0.5rem 0.5rem;
  }
}
/*よくある質問タブレット表示 end */

/*よくある質問小型PC表示 start */
@media screen and (min-width:960px) and (max-width:1279px) {
  #question{
    width: 85%;
  }
  #question .question_title_text{
    font-size: 25px;
    padding: 0.5rem 0.5rem;
  }
}
/*よくある質問小型PC表示 end */

/* お問い合わせ表示領域 */
#contact{
  width: 1024px;
}
#contact .contact_title{
  margin-bottom: 20px;
}

#contact .contact_title_text:first-letter {
  font-size: 150%;
  color: #007bff;
}

#contact .contact_title_text {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  font-weight: 700;
  font-size: 2.3rem;
  border-bottom: 3px solid #000;
  margin: 0 10px 0 10px;
}

#contact .contact_tel {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 40px;
}

#contact .contact_tel h4{
  background-color: #e1f4fc;
  padding: 10px;
}

#contact .contact_tel h5{
  margin: 25px;
}

#contact .contact_tel h5 a {
  color: #060;
  font-weight: bold;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #FF0;
  font-size: 24px;
}

#contact .contact_form{
  width: 90%;
  margin: 0 auto;
  padding-bottom: 40px;
}
#contact .contact_form h4{
  background-color: #e1f4fc;
  padding: 10px;
}
#contact .contact_form img{
  width: 175px;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #FF0;
}
.contact_form_privacy{
  padding: 12px;
  background-color: #f0f0f0;
}

.contact_form_btn{
  width: 23vw;
  margin: 0 auto;
}

.contact_form_btn button{
  width: 23vw;
  height: 3vw;
  font-size: 1.3vw;
}


/* お問い合わせスマホ表示 start */
@media screen and (max-width:480px) {
  #contact{
    width: 90%;
  }

  #contact .contact_title_text{
    font-size: 20px;
    padding: 0.5rem 0.5rem;
  }

  #contact .contact_tel h5{
    margin: 15px;
  }

  #contact .contact_mail p{
    margin: 10px;
  }

  .contact_form_btn{
    width: 55vw;
    margin: 0 auto;
  }

  .contact_form_btn button{
    width: 55vw;
    height: 14vw;
    font-size: 4vw;
  }

}
/*お問い合わせスマホ表示 end */

/*お問い合わせタブレット表示 start*/
@media screen and (min-width: 481px) and (max-width: 959px) and (orientation: portrait){
  #contact{
    width: 90%;
  }

  #contact .contact_title_text{
    font-size: 22px;
    padding: 0.5rem 0.5rem;
  }
  .contact_form_btn{
    width: 40vw;
    margin: 0 auto;
  }

  .contact_form_btn button{
    width: 40vw;
    height: 6vw;
    font-size: 2.5vw;
  }

}
/*お問い合わせタブレット表示 end */

/*お問い合わせ小型PC表示 start */
@media screen and (min-width:960px) and (max-width:1279px) {
  #contact{
    width: 85%;
  }
  #contact .contact_title_text{
    font-size: 25px;
    padding: 0.5rem 0.5rem;
  }
  .contact_form_btn{
    width: 40vw;
    margin: 0 auto;
  }

  .contact_form_btn button{
    width: 40vw;
    height: 6vw;
    font-size: 2.5vw;
  }
}
/*お問い合わせ小型PC表示 end */

/* アクセス表示領域 */
#access{
  width: 1024px;
}
#access .access_title{
  margin-bottom: 20px;
}

#access .access_title_text:first-letter {
  font-size: 150%;
  color: #007bff;
}

#access .access_title_text {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  font-weight: 700;
  font-size: 2.3rem;
  border-bottom: 3px solid #000;
  margin: 0 10px 0 10px;
}

.access_top{
  padding-top: 0rem;
}

.access_map{
  margin: 0 auto;
}

#access .access_text {
  width: 95%;
  margin: 0 auto;
}

#access .pc-only{
  display: inline;
}

#access .sp-only{
  display: none;
}

/* アクセススマホ表示 start */
@media screen and (max-width:480px) {
  #access{
    width: 90%;
  }

  .access_top{
    padding-top: 0;
  }

  #access .access_title_text{
    font-size: 20px;
    padding: 0.5rem 0.5rem;
  }

  #access .pc-only{
    display: none;
  }

  #access .sp-only{
    display: inline;
  }

}
/*アクセススマホ表示 end */

/*アクセスタブレット表示 start*/
@media screen and (min-width: 481px) and (max-width: 959px) and (orientation: portrait){
  #access{
    width: 90%;
  }
  .access_top{
    padding-top: 0rem;
  }
  #access .access_title_text{
    font-size: 22px;
    padding: 0.5rem 0.5rem;
  }

  #access .pc-only{
    display: inline;
  }

  #access .sp-only{
    display: none;
  }
}
/*アクセスタブレット表示 end */

/*アクセス小型PC表示 start */
@media screen and (min-width:960px) and (max-width:1279px) {
  #access{
    width: 85%;
  }
  .access_top{
    padding-top: 0rem;
  }
  #access .access_title_text{
    font-size: 25px;
    padding: 0.5rem 0.5rem;
  }

  #access .pc-only{
    display: inline;
  }

  #access .sp-only{
    display: none;
  }
}
/*アクセス小型PC表示 end */


/* グループ校表示領域 */
#group{
  width: 1024px;
}
#group .group_title .title{
  text-align: center;
  margin-top: 20px;
  font-weight: normal;
  margin-bottom: 20px;
}
#group .group_title .title strong{
  font-size: 20px;
  letter-spacing: 8px;
  text-align: center;
  font-weight: normal;
}
#group .group_title .title h4{
  font-size: 50px;
  letter-spacing: 10px;
  font-weight: normal;
  padding-top: 10px;
  font-style: italic;
}
#group .group_title .title h4{
  color: #000;
}
#group .group_title .title h4 strong{
  letter-spacing: 10px;
  font-size: 40px;
  font-style: italic;
  padding-right: 10px;
  font-weight: normal;
}
#group .group_title .title h4 span{
  color: #007bff;
}

#group .group_title .title div{
  font-size: 30px;
}
#group .group_logo{
  width: 65%;
}
#group .group_link{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}

#group .group_nav{
  text-align: left;
  width: 320px;
  margin-left: 0.45rem;
  margin-right: 0.45rem;
}
#group .group_nav img{
  margin: 0 10px;
  width: 300px;
  margin-bottom: 2.5%;
}

#group .group_nav a {
  font-weight: bold;
}

#group .group_nav span{
  text-align: center;
  color: #FFF;
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#group1 span{
  background-color: #d5017c;
}
#group2 span{
  background-color: #014c9f;
}
#group3 span{
  background-color: #6bc5d1;
}
#group4 span{
  background-color: #008ad3;
}
#group5 span{
  background-color: #eb8505;
}

#group .group_nav p{
  padding: 0 10px;
  height: 175px;
}

#group .group_nav img{
  margin-bottom: 8.5%;
}

/*グループ校スマホ表示 start */
@media screen and (max-width:480px) {
  #group{
    width: 90%;
  }
  #group .group_title h2{
    font-size: 18px;
  }

  #group .group_title .title strong{
    font-size: 18px;
  }

  #group .group_title .title h4{
    font-size: 18px;
    font-weight: bold;
  }

  #group .group_title .title h4 strong{
    font-size: 18px;
  }

  #group .group_title .title div{
    font-size: 18px;
  }

  #group .group_logo{
    width: 100%;
  }

  #group .group_link{
    display: block;
  }

  #group .group_nav{
    width: 100%;
    margin-left: 0.45rem;
    margin-right: 0.45rem;
    margin-bottom: 1rem;
    float: left;
  }

  #group .group_nav img{
    width: 90%;
  }

  #group .group_nav span{
    font-size: 12px;
  }

  #group .group_nav p{
    font-size: 12px;
  }

}
/* グループ校スマホ表示 end */

/*グループ校タブレット表示 start*/
@media screen and (min-width: 481px) and (max-width: 959px) and (orientation: portrait){
  #group{
    width: 95%;
  }
  #group .group_title h2{
    font-size: 24px;
  }

  #group em{
    font-size: 24px;
  }

  #group .group_logo{
    width: 90%;
  }

  #group .group_nav{
    width: 70%;
    margin-left: 0.45rem;
    margin-right: 0.45rem;
    margin-bottom: 10px;
  }

  #group .group_nav img{
    width: 100%;
    margin-bottom: 11.5%;
  }

  #group .group_nav span{
    font-size: 10px;
  }

  #group .group_nav p{
    font-size: 17px;
    padding: 0 8px;
  }
  #group .group_link {
    flex-wrap: wrap;
}

}
/*グループ校タブレット表示 end */

/*グループ校小型PC表示 start */
@media screen and (min-width:960px) and (max-width:1279px) {
  #group{
    width: 85%;
  }
  #group .group_nav{
    width: 45%;
    margin-left: 0.45rem;
    margin-right: 0.45rem;
    margin-bottom: 10px;
  }

  #group .group_nav img{
    width: 100%;
  }

  #group .group_nav span{
    font-size: 10px;
  }

  #group .group_nav p{
    font-size: 14px;
    padding: 0 8px;
  }
}
/*グループ校小型PC表示 end */