@charset "utf-8";
/*=====================================*/
/* 共通 */
/*=====================================*/
.isDevicePC #contents  .inner {
  max-width: 1024px;
}
#container {
  text-align: justify;
  text-justify: inter-ideograph;
}
ol.caution li {
  padding-left: 1.0em;
  text-indent: -1.0em;
  margin-top: 4px;
}

.section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.ul {
    text-decoration: underline;
}
.colRED {
	color:#ff0000;
}
.colRED02 {
	color:#bb0000;
}
.colPink {
	color:#f00055;
}
.colOrange {
	color:#d96b00;
}
.colYellow{
  color:#f8ff8a;
}
.colGreen{
  color:#0a9985;
}
.colBlue {
	color:#0988d5;
}
.colBlue02 {
	color:#1f529d;
}

.colGray {
  color:#707070;
}
.colNavy{
  color:#112e64;
}
.colWhite {
  color:#fff;
}
.colBlack {
  color:#000;
}


.pc_br {
    display: block;
}

.sp_br {
    display: none;
}

.line_bg {
  background: url(/dokugaku/gyousho/image/2017/common_bg.png) ;
}

.bd {
  border-bottom: 1px solid #a9b3bf;
}
.bd02:after {
  content: "";
  height: 3px;
  width: 100%;
  display: block;
  margin-top: 20px;
  background: url(/dokugaku/gyousho/image/2017/support_dot.png) ;
}

.fntS14 {
  font-size: 14px;
  font-size: 1.4rem;
}
.fntS16 {
  font-size: 16px;
  font-size: 1.6rem;
}
.fntS18 {
  font-size: 18px;
  font-size: 1.8rem;
}
.fntS20 {
  font-size: 20px;
  font-size: 2rem;
}
.fntS28 {
  font-size: 28px;
  font-size: 2.8rem;
}

.font2rem{font-size:22px !important; font-size:2.2rem !important;}
.font3rem{font-size:30px !important; font-size:3.0rem !important;}
.font4rem{font-size:37px !important; font-size:3.7rem !important;}
.font5rem{font-size:45px !important; font-size:4.5rem !important;}
.font6rem{font-size:55px !important; font-size:5.5rem !important;}
.font7rem{font-size:70px !important; font-size:7rem !important;}

.pdf {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  color: #000!important;
  line-height: 1.3;
}
.pdf:before {
  content: "";
  display: block;
  background: url(/dokugaku/gyousho/image/2017/ico_pdfS.png) no-repeat 0 0;
  -webkit-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -9px;
}



a.link_y {
  color: #fffc00;
  font-weight: bold;
  text-decoration: underline;
}

.startinfo {
    font-size: 14px;
    font-size: 1.4rem;
}

/*=====================================*/
/* メイン */
/*=====================================*/
.main-area {
  position: relative;
  width: 100%;
  height: 548px;
  overflow: hidden;
}
.main-area .inner {
  position: relative;
}

.main-area .title {
  margin: 0 auto;
}

.main-area .title img {
  max-width: none;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1920px;
  margin-left: -960px;
}
.main-area .btn-voice {
  position: absolute;
    width: 18%;
    top: 13px;
    left: 84%;
}
.main-area .btn-earlybird {
  position: absolute;
    width: 25%;
    top: 13px;
    left: 75%;
}
.main-area a {
  display: inline-block;
}

.main-area .btn-present {
  position: absolute;
  width: 16.015625%;
  top: 293px;
  right: 17%;
}
@media screen and (max-width:1024px){
.main-area .btn-present {
  right: 15.5%;
}
}
.main-area .btn-faq {
  position: absolute;
  width: 20%;
  top: 10px;
  right: -5%;
}

/*=====================================*/
/* メイン下 */
/*=====================================*/
.main-area-bottom {
  padding-bottom: 60px;
  background: url(/dokugaku/gyousho/image/2017/nav_bg.png) ;
}

.anc-limit {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 5px;
  text-align: right;
}
.anc-limit:before {
  content: "";
  display: block;
  width: auto;
  margin-bottom: -10px;
  margin-right: 210px;
  border-bottom: 1px solid #333;
}

.notes_info01{
  background:#114c8a;
  width:auto;
  max-width:1024px;
  margin:0 auto;
  padding:0.5% 2%;
  text-align:center;
  color:#fff;
  font-size:16px;
  font-size:1.6rem;
}
.notes_info01 a{
  color:#ff0;
}

/*=====================================*/
/* アンカーナビ */
/*=====================================*/
.main-area-bottom .anchor-area {
  width: 100%;
  padding: 5px 0 0;
}
.isDevicePC .main-area-bottom .anchor-area .inner {
  max-width: 1024px;
}
.main-area-bottom .anchor-nav {
  width: 100%;
  font-size:0;
  text-align:center;
}
.main-area-bottom .anchor-nav li {
  display:inline-block;
  width: calc((100% - 16px) / 5);
  word-spacing: normal;
  vertical-align:top;
}
.main-area-bottom .anchor-nav li:not(:last-child) {
  margin-right:4px;
}

.main-area-bottom .anchor-nav li a {
  display: block;
  width:100%;
  min-height:4em;
  font-size:18px;
  font-size:1.8rem;
  line-height:1.2;
  background:#00a76f;
  border-radius:5px;
  color:#fff;
  position:relative;
}
.main-area-bottom .anchor-nav li a:hover {
  text-decoration:none;
  background:#1a6f52;
}

.main-area-bottom .anchor-nav li a > span{
  display:inline-block;
  font-weight:bold;
  width:100%;
  position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.main-area-bottom .anchor-nav li a .modi_txt{
  display:block;
  font-size:12px;
  font-size:1.2rem;
  text-shadow:none;
  color:#feff83;
}



/*=====================================*/
/* メイン下申し込みエリア */
/*=====================================*/
.main-area-bottom .apply-area {
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  font-size:0;
}
.main-area-bottom .apply-area .apply-area-box {
    width: 49%;
    display:inline-block;
    font-size:12px;
    font-size:1.2rem;
}
.main-area-bottom .apply-area .course01 {
    background: #f8b30e;
    border: 2px solid #f8b30e;
    color: #fc8a00;
    margin-right:2%;
}
.main-area-bottom .apply-area .course02 {
    background: #8bb1e2;
    border: 2px solid #8bb1e2;
    color: #1f5697;
}
.main-area-bottom .apply-area .course_ttl{
    background: #fff;
    padding:2%
}
.main-area-bottom .apply-area .course_ttl span{
    font-weight:bold;
}
.main-area-bottom .apply-area .course_ttl .modi_txt {
  font-size:14px;
  font-size:1.4rem;
  color:#333;
}
.main-area-bottom .apply-area .course_ttl .course_name {
  font-size:30px;
  font-size:3.0rem;
  letter-spacing:-0.05em
}

.main-area-bottom .apply-area .btn01 a{
  display:inline-block;
  background:#ff1500;
  color:#fff;
  width:60%;
  height:4em;
  line-height:1;
  font-size:16px;
  font-size:1.6rem;
  white-space: nowrap;
  border-radius:3px;
  position:relative;
}
.main-area-bottom .apply-area .btn01 a:after{
  content:url(/dokugaku/gyousho/image/2019_2/img_arrow03.png);
  display:inline-block;
  position:absolute;
   top: 50%;
   right: 15%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
.main-area-bottom .apply-area .btn01 a:hover{
  background:#a70e00;
}
.main-area-bottom .apply-area .btn01 a .btn_txt{
  font-weight:bold;
  display:inline-block;
  position:absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.main-area-bottom .apply-area .course_price span{
  font-size:30px;
  font-size:3.0rem;
  font-weight:bold;
  letter-spacing:0.05em;
  display:inline-block;
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
}
.main-area-bottom .apply-area .course_price .price {
  font-size:45px;
  font-size:4.5rem;
  letter-spacing:-0.05em
}



.main-area-bottom .apply-area .course-detail {
    margin:2% auto;
    width: 95%;
    color: #333;
    font-size:0;
    text-align:center;
}
.main-area-bottom .apply-area .course-detail > * {
  font-size: 12px;
  font-size: 1.2rem;
  display:inline-block;
}
.main-area-bottom .apply-area .course-detail > p {
  width:65%;
  text-align:left;
  letter-spacing:-0.05em;
}
.main-area-bottom .apply-area .course-detail .btn02{
  width:35%;
}

.main-area-bottom .apply-area .course-detail .btn02 a{
  display:inline-block;
  background:#fff;
  color:#000;
  width:100%;
  height:2.5em;
  line-height:1;
  font-size:12px;
  font-size:1.2rem;
  white-space: nowrap;
  border-radius:3px;
  position:relative;
}
.main-area-bottom .apply-area .course-detail .btn02 a:after{
  content:url(/dokugaku/gyousho/image/2019_2/img_arrow04.png);
  display:inline-block;
  position:absolute;
   top: 50%;
   right: 5%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
.main-area-bottom .apply-area .course-detail .btn02 a:after{
  content:url(/dokugaku/gyousho/image/2019_2/img_arrow04.png);
  display:inline-block;
  position:absolute;
   top: 50%;
   right: 5%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
.main-area-bottom .apply-area .course02 .course-detail .btn02 a:after{
  content:url(/dokugaku/gyousho/image/2019_2/img_arrow05.png);
}
.main-area-bottom .apply-area .course-detail .btn02 a:hover{
  background:#668077;
  color:#fff;
}
.main-area-bottom .apply-area .course-detail .btn02 a .btn_txt{
  font-weight:bold;
  display:inline-block;
  position:absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}











/*=====================================*/
/* intro */
/*=====================================*/
#intro .section-title {
    background-color: #0c9a84;
    margin-bottom: 30px;
    padding: 20px 0;
}
#intro > .section{
  padding-top: 0;
}
#intro > .section .inner{
  padding:0;
}
.intro-ancher {
    position: relative;
}
.intro-ancher:before {
    content:"";
    display: block;
    padding-top: 44%;
}
.intro-ancher-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.intro-ancher .intro-ancher-inner a {
    display: block;
    position: absolute;
}
.intro-ancher .intro-ancher-inner .anch01 {
    top: 0px;
    left: 50%;
    margin-left: -200px;
}
.intro-ancher .intro-ancher-inner .anch02 {
    top: 150px;
    right: 0;

}
.intro-ancher .intro-ancher-inner .anch03 {
    top: 150px;
    left: 0;

}


/* #intro-first */
#intro-first .section-title {
  background: none;
  padding: 0;
  margin-bottom: 0;
}
#intro-first .section-title h2,
#intro-first .section-title h2 img{
  display:block;
  margin:0 auto;
  position:relative;
}
#intro-first .section-title h2 > span{
  display:block;
  width:100%;
  font-weight:bold;
  font-size:35px;
  font-size:3.5rem;
  line-height:1.2;
  position:absolute;
  bottom:24%;
  margin:0 auto;
}
#intro-first .section-title h2 span .colPink{
  font-weight:bold;
  font-size:50px;
  font-size:5rem;
}

#intro-first .section {
  padding-top: 30px;
}
#intro-first .section .inner p{
  line-height: 1.6;
}


/*=====================================*/
/* anc_feat */
/*=====================================*/
#anc_feat {
    background: #ebfdf9;
}
#anc_feat .section-title {
    background-color: #0c9a84;
    margin-bottom: 30px;
    padding: 20px 0;
}
#anc_feat .section {
  padding-top: 0;
}


#anc_feat h2.font6rem {
  color:#fff;
  line-height:1;
}
#anc_feat .inner > h3 > span{
  display:block;
  font-weight:bold;
  font-size:38px;
  font-size:3.8rem;
}
#anc_feat h3 .colPink{
  font-size:18px !important;
  font-size:1.8rem !important;
}
#anc_feat h3 .font6rem{
  display:block;
  font-weight:bold;
  line-height:1.2;
  letter-spacing:-0.05em;
}

.isDeviceTB #anc_feat .section-title h2 img {
  padding: 0 2%;
}


.feature-detail {
  margin-top:15px;
  text-align:center;
}
.feature-detail > div{
  display:inline-block;
}
.feature-detail .image {
    width: 15%;
    vertical-align:middle;
}
.feature-detail .text {
    width: auto;
    vertical-align:middle;
    text-align:left;
    line-height:1.7;
    margin-left: 15px;
}

.feature-detail_flow-box .flow00 .text_box span{
  font-size:35px;
  font-size:3.5rem;
  font-weight:bold;
}
.feature-detail_flow-box [class^="flow"]:not(.flow00):not(.flow03){
  display:block;
  background:#fff;
  padding:2%;
  border:#0a9984 1px solid;
  font-size:0;
}
.feature-detail_flow-box [class^="flow"]:not(.flow00) div{
  display:inline-block;
  vertical-align:middle;
}
.feature-detail_flow-box [class^="flow"]:not(.flow00) .text_box{
  font-size:14px;
  font-size:1.4rem;
}
.feature-detail_flow-box .flow01 > .img_box{
  width: 30%;
}
.feature-detail_flow-box .flow01 > .box_wrap{
  width: 70%;
}
.feature-detail_flow-box .flow01 .box01 .text_box{
  font-size:22px;
  font-size:2.2rem;
  margin-bottom:20px;
}
.feature-detail_flow-box .flow01 .box02 .img_box{
  width:25%;
  text-align:left;
}
.feature-detail_flow-box .flow01 .box02 .text_box{
  width:75%;
  font-size:15px;
  font-size:1.5rem;
  line-height:1.8;
}
.feature-detail_flow-box .flow02 h3.text_box{
  font-size:50px !important;
  font-size:5.0rem !important;
}
.feature-detail_flow-box .flow02 h3.text_box .font6rem{
  display: inline-block !important;
}
.feature-detail_flow-box .flow02 h4{
  font-size:28px;
  font-size:2.8rem;
  font-weight:bold;
}
.feature-detail_flow-box .flow02 .box01 > div{
  display:block;
}
.feature-detail_flow-box .flow02 .box01 .colGreen{
  font-weight:bold;
  display:block;
}
.feature-detail_flow-box .flow02 .box02{
  position:relative;
}
.feature-detail_flow-box .flow02 .box02 .text_box{
  position:absolute;
   top:0;
   left:15%;
  width:62%;
  text-align:left;
}
.feature-detail_flow-box .flow03 h3{
  font-size: 35px !important;
  font-size: 3.5rem !important;
  line-height:1.2;
}
.feature-detail_flow-box .flow03 h3 span{
  font-size: 45px !important;
  font-size: 4.5rem !important;
}

.feature-detail_flow-box .flow03 .course_choice {
  width: 700px;
  margin: 0 auto;
}
.feature-detail_flow-box .flow03 .course_choice a {
  float: left;
  display: block;
}
.feature-detail_flow-box .flow03 .course_choice a+a {
  float: right;
}



/*=====================================*/
/* course_m, course_g common */
/*=====================================*/
[id^="course_"] .section-title h2{
  display:block;
  max-width:1024px;
  margin:0 auto;
}
[id^="course_"] .section-title h2 .img_box,
[id^="course_"] .section-title h2 .text_box{
  display:inline-block;
  vertical-align:bottom;
}
[id^="course_"] .section-title h2 .text_box{
  font-size:26px;
  font-size:2.2rem;
  margin:0 0 0 2%;
}
[id^="course_"] .section-title h2 .course_name{
  font-size:46px;
  font-size:4.6rem;
  display:inline-block;
  transform:skew(-10deg);
  line-height:1.5;
}
[id^="course_"] .section-title h2 .course_name span{
  font-size:58px;
  font-size:5.8rem;
}
[id^="course_"] .section-title .course_thacher{
  background:#ededed;
  text-align:left;
  padding:0.5% 0;
}
[id^="course_"] .section-title .course_thacher p{
  max-width:1024px;
  margin:0 auto;
}

[id^="course_"] .inner .popular_course_btn .btn_bookpage{
  display:inline-block;
  margin:0 0.5%;
  width:30%;
}
[id^="course_"] .inner .popular_course_btn .btn_bookpage a{
  display:block;
  background:#e93e32;
  width:100%;
  min-height:50px;
  text-decoration:none;
  position:relative;
}
[id^="course_"] .inner .popular_course_btn .btn_bookpage a:hover{
  background:#941309;
}
[id^="course_"] .inner .popular_course_btn .btn_bookpage a:after{
  content:"";
  width:26px;
  height:20px;
  background:url(/dokugaku/gyousho/image/2019_2/img_ico01.png)no-repeat center center/contain;
  display:inline-block;
  position:absolute;
  top:50%;
  left:10%;
  transform:translateY(-50%);
}
[id^="course_"] .inner .popular_course_btn .btn_bookpage a span{
  line-height:50px;
}
[id^="course_"] .inner .popular_course_btn .btn_list a{
  display:block;
  background:#27447e;
  width:30%;
  margin:0 auto;
  min-height:50px;
  text-decoration:none;
  position:relative;
}
[id^="course_"] .inner .popular_course_btn .btn_list a:hover{
  background:#0b2354;
}
[id^="course_"] .inner .popular_course_btn .btn_list a:after{
  content:"";
  width:28px;
  height:34px;
  background:url(/dokugaku/gyousho/image/2019_2/img_ico02.png)no-repeat center center/contain;
  display:inline-block;
  position:absolute;
  top:50%;
  left:10%;
  transform:translateY(-50%);
}
[id^="course_"] .inner .popular_course_btn .btn_list a span{
  line-height:50px;
}


[id^="course_"]  .section > .inner{
  padding: 0;
}

[id^="course_"]  .teacher {
  margin-top: 20px;
  font-size:0;
}
[id^="course_"]  .teacher .photo {
  display:inline-block;
  vertical-align:top;
  width: 20%;
  margin-right: 7%;
}
[id^="course_"]  .teacher .photo img {
  border: 1px solid #cac9c9;
}
[id^="course_"]  .teacher .voice-outer {
  display:inline-block;
  width: 73%;
}
[id^="course_"] .teacher .voice {
  position: relative;
  background: #fff;
  border: 2px solid #000;
  border-radius: 3px;
  padding: 2%;
}
[id^="course_"] .teacher .voice:after, .voice:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
[id^="course_"] .teacher .voice:after {
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #fff;
  border-width: 26px 28px 0 0;
  margin-top: -78px;
  left:-27px;
  right:auto;
}
[id^="course_"] .teacher .voice:before {
  border-color: rgba(0, 0, 0, 0);
  border-right-color: #000;
  border-width: 30px 33px 0 0;
  margin-top: -80px;
}
[id^="course_"] .teacher .voice .obi {
  display: inline-block;
  background: #ff0096;
  padding: 5px 5px 3px 10px;
  color: #fff;
  margin-top: 10px;
}

[id^="course_"] .movie_box{
  margin-top:20px;
  padding:5%;
  background:#fff;
  border:1px solid #ddd;
  text-align:center;
}
[id^="course_"] .movie_box h2 span{
  font-size:30px;
  font-size:3rem;
  font-weight:bold;
  line-height:1;
  margin-bottom:15px;
  display:inline-block;
  background: linear-gradient(transparent 60%, #ddd 0)
}
[id^="course_"] .movie_box .txt{
  font-size:16px;
  font-size:1.6rem;
}
[id^="course_"] .movie_box .youtubeRes{
  margin-top:20px;
}

[id^="course_"] .movie_box.none{
    display:block !important;
}
[id^="course_"] .movie_box.none .youtubeRes iframe {
    display:none;
}
[id^="course_"] .movie_box.none .youtubeRes{
    background:#aaa;
}
[id^="course_"] .movie_box.none .youtubeRes:after{
    display:inline-block;
    width:100%;
    color:#fff;
    font-size:26px;
    font-size:2.6rem;
    white-space:pre;
    text-align:center;
    content:"ただいま準備中です！\a今しばらくお待ちください！";
    position:absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


[id^="course_"] .curriculum.course_text {
  color: #0c9a85;
}


[id^="course_"] .teach-section {
  margin-top: 50px;
}
[id^="course_"] .teach-section .teach-ttl{
  background: #0c9a85;
  padding: 10px 0 5px 5%;
}
[id^="course_"] .teach-section .teach-ttl span{
  font-size:24px;
  font-size:2.4rem;
  display:inline-block;
  transform:skew(-10deg)  
}
[id^="course_"] .teach-section .covers {
  background: #FFF;
  padding: 20px 30px 30px;
  font-size:15px;
  font-size: 1.5rem;
  border: 1px solid #cbcbc5;
  border-top: #F2F2F2 3px solid;
}
[id^="course_"] .teach-section .book-box {
  margin-top: 20px;
  zoom:1;
  border-top: 23px solid #d9d9d9;
}
[id^="course_"] .teach-section .book-box:after {
  content: "";
  display: block;
  clear: both;
}
[id^="course_"] .teach-section .book-box ~ .book-box {
  margin-top: 50px;
}
[id^="course_"] .teach-section .book-box .book-box_data,
[id^="course_"] .teach-section .book-box .book-box_txt {
  margin-top: 30px;
}
[id^="course_"] .teach-section .book-box .book-box_data {
  float: left;
  width: 54%;
}
[id^="course_"] .teach-section .book-box .book-box_txt {
  float: right;
  width: 42%;
}

[id^="course_"] .teach-section .book-box .book-cathc dt {
  margin-top: 1.5em;
  margin-left: -.5em;
  font-weight: bold;
}
[id^="course_"] .teach-section .book-box .book-cathc dd {
  margin-top: 2px;
  font-size:14px;
  font-size: 1.4rem;
  line-height: 1.3;
}

[id^="course_"] .teach-section .book-box .book-name {
  font-size:24px;
  font-size: 2.4rem;
  line-height: 1.3;
  margin-top: 15px;
  font-weight: bold;
}
[id^="course_"] .teach-section .book-box .book-name span {
  font-size:14px;
  font-size: 1.4rem;
}

[id^="course_"] .notes_info02{
  background:#de0000;
  width:800px;
  max-width:100%;
  margin:0 auto;
  padding:1px;
  text-align:center;
  color:#fff;
  font-size:24px;
  font-size:2.4rem;
}
[id^="course_"] .notes_info02 h5{
  padding:1%;
}
[id^="course_"] .notes_info02 p{
  background:#fff;
  padding:3% 5%;
  color:#000;
}
[id^="course_"] .notes_info02 a{
  color:#de0000;
  text-decoration:underline;
}


[id^="course_"] .popular_course_price_box {
  height: 220px;
  width: 100%;
}
[id^="course_"] .popular_course_price_box .left_box {
  float: left;
  width: 55%;
  height: 100%;
}
[id^="course_"] .popular_course_price_box .right_box {
  float: right;
  width: 45%;
  padding: 2.5% 2%;
  height: 100%;
}
[id^="course_"] .popular_course_price_box .left_box div {
  margin-left: 3%;
  padding-left: 3%;
}
[id^="course_"] .popular_course_price_box .left_box > .top {
  border-bottom: 1px dashed #fff;
  width: 87%;
  margin-top:15px;
  margin-bottom: 15px;
}
[id^="course_"] .popular_course_price_box .left_box > .top .text01 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
[id^="course_"] .popular_course_price_box .left_box > .top .text02 {
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: bold;
  letter-spacing: -1px;
  white-space: nowrap;
  line-height: 1.2;
}
[id^="course_"] .popular_course_price_box .left_box > .top .text02 span {
  font-size: 30px;
  font-size: 3rem;
}
[id^="course_"] .popular_course_price_box .left_box > .top .text03 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}
[id^="course_"] .popular_course_price_box .right_box .popular_course_price_box_outer {
  height:100%;
  background-color: #fff;
  position:relative;
}
[id^="course_"] .popular_course_price_box .right_box .popular_course_price_box_inner {
  padding: 5%;
  display:block;
  width:100%;
  margin:0 auto;
  text-align: center;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

[id^="course_"] .course_title {
  color: #1a2e76;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  border: 1px solid #7ea4bb;
  margin: 20px 0 15px;
}
[id^="course_"] .popular_course_price_box .right_box .price_value {
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  color:#e11031;
}
[id^="course_"] .popular_course_price_box .right_box .apply_btn a{
  display:block;
  background:#e11031;
  color:#fff;
  min-height: 70px;
  position:relative;
}
[id^="course_"] .popular_course_price_box .right_box .apply_btn a:hover{
    background: #960018;
}
[id^="course_"] .popular_course_price_box .right_box .apply_btn a:after{
  content:url("./image/2019_2/img_arrow03.png");
  position:absolute;
  top:55%;
  left:80%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
[id^="course_"] .popular_course_price_box .right_box .apply_btn a > span{
  display:inline-block;
  width:100%;
  padding: 1.5% 0 0 0;
  position:absolute;
  top:50%;
  left: 50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}



















[id^="course_"] .popular_course_box {
  background: url(/dokugaku/gyousho/image/2017/popular_course_box_bg.png);
  padding: 15px 0;
  border: 1px solid #cfcda1;
  box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);
}

[id^="course_"] .popular_course_box .detail_box {
  width: 100%;
  margin: 0 auto;
  padding: 0 3%;
}

[id^="course_"] .popular_course_box .detail_box .left_box {
  float: left;
  width: 44%;

}

[id^="course_"] .popular_course_box .detail_box .right_box {
  float: right;
  width: 54%;

}

/*=====================================*/
/* course_m */
/*=====================================*/
#course_m {
    border-top: 10px solid #fc7614;
}
#course_m .section-title {
    background: #f8b30d;
}

#course_m .course_image {
  background: #ffffff;
}

#course_m .movie_box h2 span{
  background: linear-gradient(transparent 60%, #ffdb86 0)
}

#course_m .popular_course_price_box {
  background-color: #fca714;
}


/*=====================================*/
/* course_g */
/*=====================================*/


#course_g {
    border-top: 10px solid #1f529d;
}
#course_g .section-title {
    background:#b1cbea;
}
#course_g .course_g_text .text strong {
  color: #ec3853;
  font-size: 48px;
  font-size: 4.8rem;
}
#course_g .course_image {
  background: #ffffff;
}

#course_g .popular_course_price_box {
  background-color: #6094d1;
}

#course_g .movie_box h2 span{
  background: linear-gradient(transparent 60%, #bbdaff 0)
}

#course_g .popular_course_price_box .left_box > .top {
  color: #171717;
}

/*=====================================*/
/* price */
/*=====================================*/
#price .section {
  padding-top: 0;
}
#price .section > .inner {
  padding: 0;
}


#price .section-title {
    background-color: #0c9a84;
    margin-bottom: 30px;
    padding: 20px 0;
}

#price .text {
  width: 890px;
  margin: 0 auto;
}

#price .course_detail_box {
  width:100%;
  border: 1px solid #9f9f81;
  margin-top:40px;
}
#price .course_detail_box .course_detail_box_top{
  padding:0 2%;
}
#price .course_detail_box .course_detail_box_top .course_detail_box_title {
  float:left;
  width: 75%;
  -webkit-transform:skew(-10deg);
  transform:skew(-10deg);
}
#price .course_detail_box .course_detail_box_top .course_detail_box_title .font3rem{
  display:inline-block;
  padding:0 0 0 2%;
}
#price .course_detail_box .course_detail_box_top .course_detail_box_btn {
  float:right;
  width: 25%;
  padding-top: 8px;
}
#price .course_detail_box .course_detail_box_top .course_detail_box_btn a{
  display:block;
  background:#fff;
  border-radius:5px;
  color:#333;
  min-height: 2em;
  line-height:2em;
  text-align:center;
  text-decoration:none;
  position:relative;
}
#price .course_detail_box .course_detail_box_top .course_detail_box_btn a:hover{
  background:#ccc;
}
#price .course_detail_box .course_detail_box_top .course_detail_box_btn a:before{
  content:"";
  background:#888;
  width:16px;
  height:16px;
  border-radius:2px;
  margin-top:1px;
  position:absolute;
  top:50%;
  left:calc(90% - 6px);
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
#price .course_detail_box .course_detail_box_top .course_detail_box_btn a:after{
  content:"";
  width: 12px;
  height: 100%;
  background: url("./image/2019_2/img_arrow03.png")no-repeat center left/50%;
  position:absolute;
  top:50%;
  left:90%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
#price .course_detail_box .course_detail_box_bottom {
  padding:2%;
}

#price .course_detail_box .course_detail_box_bottom .left_box {
  float:left;
  width:40%;
}
#price .course_detail_box .course_detail_box_bottom .left_box > *{
  vertical-align: middle;
  display:inline-block;
}
#price .course_detail_box .course_detail_box_bottom .left_box dl{
  font-size:11px;
  font-size:1.1rem;
  border: #aaa 1px solid;
  border-radius:3px;
  padding:3px 0;
  background:#fffff8;
  width: 80%;
  margin-right:3%;
  position: relative;
  white-space:nowrap;
}
#price .course_detail_box .course_detail_box_bottom .left_box dl dt{
  display:inline-block;
  padding:3px 5px;
  position:relative;
}
#price .course_detail_box .course_detail_box_bottom .left_box dl dt span{
  display:inline-block;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-align: center;
}
#price .course_detail_box .course_detail_box_bottom .left_box dl dd{
  display:inline-block;
  border-left: #aaa 1px dashed;
  text-align:left;
}
#price .course_detail_box .course_detail_box_bottom .left_box dl dd li{
  text-indent:-1em;
  padding-left:1em;
}
#price .course_detail_box .course_detail_box_bottom .right_box{
  width:60%;
  float:right;
  font-size:0;
}
#price .course_detail_box .course_detail_box_bottom .right_box .txt_box{
  display:inline-block;
  width:50%;
  vertical-align:bottom;
}
#price .course_detail_box .course_detail_box_bottom .right_box .txt_box.price_value{
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  color:#e11031;
}
#price .course_detail_box .course_detail_box_bottom .right_box .txt_box.apply_btn a{
  display:block;
  background:#e11031;
  border-radius:5px;
  color:#fff;
  min-height: 70px;
  position:relative;
}
#price .course_detail_box .course_detail_box_bottom .right_box .txt_box.apply_btn a:hover{
    background: #960018;
  text-decoration:none;
}
#price .course_detail_box .course_detail_box_bottom .right_box .txt_box.apply_btn a:before{
  content:"";
  background:#fff;
  width:16px;
  height:16px;
  border-radius:2px;
  margin-top:1px;
  position:absolute;
  top:50%;
  left:calc(90% - 6px);
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
#price .course_detail_box .course_detail_box_bottom .right_box .txt_box.apply_btn a:after{
  content:url("./image/2019_2/img_arrow06.png");
  position:absolute;
  top:50%;
  left:90%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
#price .course_detail_box .course_detail_box_bottom .right_box .txt_box.apply_btn a span{
  display:inline-block;
  width:90%;
  padding: 1.5% 0 0 0;
  position:absolute;
  top:50%;
  left: 55%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}








#price .course_detail_box.course01 .course_detail_box_top {
  background-color: #ffaa15;
}
#price .course_detail_box.course02 .course_detail_box_top {
  background-color: #6e99cf;
}
#price .course_detail_box +div {
  margin-top: 15px;
  padding-left: 20px;
}


/*=====================================*/
/* preferential */
/*=====================================*/
#three-merits .section-title {
    background-color: #0c9a84;
    padding: 20px 0;
    position:relative;
}
#three-merits .section-title:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    border: 50px solid transparent;
    border-top-color: #0c9a84;
    top: 99%;
    left: 50%;
    transform: translateX(-50px);
}
.preferential-box {
  background: #FFF;
  border: #1d376b 8px solid;
  margin-top: 50px;
  padding-bottom: 30px;
}

.preferential-box .preferential-ttl {
  font-size:26px;
  font-size: 2.6rem;
  color: #fff;
  background: #1d376b;
  text-align: center;
  padding: 15px;
  margin-top: -5px;
}
.preferential-box .preferential-ttl > span{
  display:inline-block;
  position:relative;
}
.preferential-box .preferential-ttl > span:before,
.preferential-box .preferential-ttl > span:after{
  content: '';
  display: inline-block;
  background: #fff;
  height: 90%;
  width: 3px;
  position:absolute;
  bottom:0;
  left:-10%;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.preferential-box .preferential-ttl > span:after{
  left:auto;
  right:-10%;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.preferential-box .preferential-ttl strong {
  font-size:36px;
  font-size: 3.6rem;
}
.preferential-box .preferential-ttl strong span {
  color: #E60012;
}
.preferential-box .box {
  margin-top: 30px;
  padding: 0 30px;
}
.preferential-box .box ~ .box {
  margin-top: 50px;
}
.preferential-box .ttl-box {
  position: relative;
  padding: 15px 10px 15px 120px;
  border-bottom: #ffa4a4 3px solid;
  min-height: 110px;
}
.preferential-box .ttl-box .ico-num {
  display: block;
  position: absolute;
  top: 15px;
  left: 15px;
  background: #d71318;
  border: #fff 3px solid;
  -webkit-box-shadow: 0 0 0 5px;
          box-shadow: 0 0 0 5px #35337b;
  width: 80px;
  height: 80px;
  color: #fff;
  font-weight: bold;
  font-size:56px;
  font-size: 5.6rem;
  text-align: center;
  line-height: 84px;
}
.preferential-box .ttl-box .ttl {
  font-weight: bold;
  font-size:32px;
  font-size: 3.2rem;
  line-height: 1.3;
}

.preferential-box .ttl-box + .txt {
  padding: 20px 30px;
  font-size:15px;
  font-size: 1.5rem;
}

.preferential-box .notice {
  position: relative;
  width: 80%;
  max-width: 850px;
  padding-left: 100px;
  margin: 20px auto 40px auto;
}
.preferential-box .notice .ttl {
  background: #e60012;
  position: absolute;
  left: 0;
  top: 50%;
  font-size:18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 84px;
  color: #fff;
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin-top: -40px;
}
.preferential-box .notice .caution li {
  font-size:12px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #E60012;
  }
.preferential-box .notice .caution li ~ li {
  margin-top: 0;
}

.preferential-box .campaign {
  position: relative;
  background: #fff;
  border: 2px solid #ed6d47;
  border-radius: 3px;
  max-width: 870px;
  margin: 40px auto 20px auto;
  padding: 2%;
}
.preferential-box .campaign:after, .preferential-box .campaign:before {
  right: 88%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.preferential-box .campaign:after {
  border-bottom-color: #fff;
  border-width: 25px;
  bottom: 98%;
  margin-top: -77px;
}
.preferential-box .campaign:before {
  border-bottom-color: #ed6d47;
  border-width: 25px;
  bottom: 100%;
  margin-top: -80px;
}
.preferential-box .campaign .ttl {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
}
.preferential-box .campaign .caution li {
  font-size:12px;
  font-size: 1.2rem;
  margin-top: 0;
}

.preferential-box .present {
  background: #e83737;
  border-radius: 3px;
  color: #fff;
  padding: 15px 30px 15px;
  line-height: 1.4;
  width: 96%;
  margin: 50px auto 0;
  position:relative;
}
.preferential-box .present:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  border: 10px solid transparent;
  border-top: 20px solid transparent;
  border-bottom: 20px solid #e83737;
  top: -40px;
  left: 4%;
}
.preferential-box .present .present-txt {
  letter-spacing: -0.02em;
}
.preferential-box .present .caution li {
  margin-top: 0;
}


/*=====================================*/
/* earlybird */
/*=====================================*/
#earlybird .section {
    padding-top: 10px;
}
#earlybird .section .inner {
    border: 4px solid #e11431;
    background: url(/dokugaku/gyousho/image/2017/campaign_bg.png) #fff repeat left top;
    padding: 10px;
}
#earlybird .section-title h2 {
    background-color: #e11431;
    padding: 10px 0;
    font-size: 38px;
    font-size: 3.8rem;
    font-weight: bold;
    color: #fff;
}
#earlybird .section-title span {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}
#earlybird .section .left_box {
    display: inline-block;
    width: 68%;
    vertical-align: top;
}
#earlybird .section h3 {
    margin: 20px;
}
#earlybird .section p {
    margin: 20px;
}
#earlybird .section ul {
    margin: 20px;
    line-height: 1.8;
}
#earlybird .section .right_box {
    display: inline-block;
    width: 30%;
    padding: 20px 0;
    text-align: center;
    vertical-align: top;
}
/*=====================================*/
/* voice */
/*=====================================*/
#voice {
  border-top:3px solid #099983;
}
#voice .title {
  margin: 30px 0;
}
#voice .title img {
  vertical-align: bottom;
}
#voice .section {
  padding-top: 0;
}

#voice .voice_box {
  border:1px solid #099983;
  line-height: 1.8;
  margin-top: 20px;
}

#voice .voice_box .left_box {
  float:left;
  width: 17%;
  text-align: center;
  padding: 1%;
}
#voice .voice_box .left_box img{
  margin-left:-20%;
}


#voice .voice_box .right_box {
  float:right;
  width: 83%;
  padding: 25px;
}

/*=====================================*/
/* faq */
/*=====================================*/
#faq {
  border-top:3px solid #099983;
  padding: 50px 0 60px;
}
#faq .title {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
    color: #099983;
}

.faq-list {
  border-bottom: 1px solid #404f84;
  margin-top: 30px;
}


.faq-list dt {
  border-top: 1px solid #404f84;
  position: relative;
  cursor:pointer;
  color: #099983;
  font-weight: bold;
  padding: 8px 90px 8px 48px;
  font-size: 18px;
  font-size: 1.8rem;
}

.faq-list dt i {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 8px;
  left: 12px;
}
/*
.faq-list dt:after {
  content: "";
  position: absolute;
  display: block;
  background: url(/dokugaku/gyousho/image/2016/faq_ico_open.png) no-repeat 0 0;
  width: 74px;
  height: 19px;
  top: 13px;
  right: 8px;
}
*/
.faq-list dt.open:after {
  background-image: url(/dokugaku/gyousho/image/2016/faq_ico_close.png);
}
.faq-list dd {
  font-size: 14px;
  font-size: 1.4rem;
  border-top: 1px solid #404f84;
  position: relative;
}

.faq-list dd i {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 20px;
  left: 33px;
}
.faq-list dd .txt {
  margin: 8px 0 15px;
  padding: 15px 10px 15px 65px;
  background-color: #f1f1f1;
  color: #009b63;
}


/*=====================================*/
/* apply-flow */
/*=====================================*/
#apply_flow .title {
  font-size: 36px;
  font-size: 3.6rem;
  background-color: #099983;
  color: #fff;
}
.apply-flow .flow {
  display: table;
  width: 102%;
  word-spacing: -1em;
  margin-left: -2%;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0f9781;
}
.apply-flow .flow > li {
  word-spacing: normal;
  display: inline-block;
  vertical-align: top;
  border: #333 1px solid;
  padding: 10px 10px 120px 10px;
  text-align: center;
  width: 23%;
  margin-left: 2%;
  background-repeat: no-repeat;
  background-position: center bottom;
  -webkit-background-size: auto 117px;
       -o-background-size: auto 117px;
          background-size: auto 117px;
}
.apply-flow .flow .ttl {
  margin-right: -10px;
  margin-bottom: 10px;
  max-height: 48px;
  max-width: 100%;
}
.apply-flow .flow p ~ p {
  margin-top: 1em;
}
.apply-flow .flow > li:nth-child(1) {
  background-image: url(/dokugaku/gyousho/image/2017/flow01_img.png);
}
.apply-flow .flow > li:nth-child(2) {
  background-image: url(/dokugaku/gyousho/image/2017/flow02_img.png);
}
.apply-flow .flow > li:nth-child(3) {
  background-image: url(/dokugaku/gyousho/image/2017/flow03_img.png);
}
.apply-flow .flow > li:nth-child(4) {
  background-image: url(/dokugaku/gyousho/image/2017/flow04_img.png);
}

.apply-flow .flow > li .info{
    background: #FFCA28;
    display: inline-block;
    margin: 0 auto;
    padding: 5px 10px;
}
.apply-flow .flow .colRED {
  color: #c00;
}
.apply-flow .flow .colGRY {
  color: #707070;
}
.apply-flow .flow .caution li {
  margin-top: 0;
}
.apply-flow .flow > li:nth-child(2) .ib + p {
  margin-top: 1.3em;
}

.apply-limit {
	display: flex;
	justify-content: center;
	align-items: center;
    margin-top: 30px;
	color: #099983;
	text-align: center;
	font-size:22px;
	font-size:2.2rem;
}
.apply-limit img {
	margin: 0 10px;
}
.apply-limit .colBlack{
  font-size:30px;
  font-size:3rem;
}
.apply-limit .colBlack span{
  font-size:20px;
  font-size:2rem;
}

.apply-notes {
  font-size: 14px;
  font-size: 1.4rem;
}
.apply-notes .apply-notes_btn {margin-top: 60px;}
.apply-notes .apply-notes_btn a{
  display:block;
  background:#e11031;
  color:#fff;
  min-height: 60px;
  width:40%;
  margin:0 0 0 auto;
  position:relative;
}
.apply-notes .apply-notes_btn a:hover{
    background: #960018;
    text-decoration:none;
}
.apply-notes .apply-notes_btn a:after{
  content:url("./image/2019_2/img_arrow03.png");
  position:absolute;
  top:55%;
  left: 95%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
.apply-notes .apply-notes_btn a > span{
  display:inline-block;
  width:100%;
  padding: 0;
  position:absolute;
  top:50%;
  left: 50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  text-align: center;
}





.flow + p {
  margin-top: 30px;
}
.flow + p + div {
  margin-top: 50px;
}

/*=====================================*/
/* apply-flow */
/*=====================================*/
#notes .title {
  font-size: 36px;
  font-size: 3.6rem;
  background-color: #099983;
  color: #fff;
}

/*=====================================*/
/* close-Info */
/*=====================================*/

.close_Text {
    	width: 75%;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #eb6101;
	padding: 20px 1%;
	margin:20px auto;
}

.winSP .close_Text{
  	width: 80%;
  	margin-left: 10%;
  	background:   #eb6101;
  	text-align: left;
  	color: #ffffff;
  	font-size:16px;
  	font-size: 1.6rem;
  	font-weight: bold;
}


/*=====================================*/
/* webmerit-download */
/*=====================================*/
.webmerit-download h4{
  background:#e21010;
  padding:0.5% 0 0.1%;
}
.webmerit-download .download-txt {
  display: inline-block;
  width: 65%;
  vertical-align: top;
}
.webmerit-download .download-img {
  display: inline-block;
  width: 33%;
  vertical-align: top;
}

.webmerit-download .btn {
  text-align:left;
  text-indent: 0;
}
.webmerit-download .btn a{
  display:inline-block;
  width: 249px;
}
.webmerit-download .btn a img{
  width:100%;
}

/*=====================================*/
/* souki-cam */
/*=====================================*/
.souki-cam {
  background: url(/dokugaku/gyousho/image/2018/souki-cam_bg.png) ;
  border: 3px solid #e11431;
  margin-top: 35px;
  padding: 16px;
}
.souki-cam .ttl-box {
  background: #e11431;
  padding: 10px 5px 3px;
}
.souki-cam .ttl-box .ttl {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 38px;
  font-size: 3.8rem;
  line-height: 1.1;
}
.souki-cam .ttl-box .kikan {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
}
.souki-cam .cam-txt {
  display: inline-block;
  width: 76%;
  vertical-align: top;
  padding-left: 40px;
  padding-right: 30px;
}
.souki-cam .cam-img {
  display: inline-block;
  width: 22%;
  vertical-align: bottom;
}




/*==========================================================================*/
/* SP*/
/*==========================================================================*/
.winSP .fntS14 {
  font-size: 12px;
  font-size: 1.2rem;
}
.winSP .fntS16 {
  font-size: 14px;
  font-size: 1.4rem;
}
.winSP .fntS18 {
  font-size: 16px;
  font-size: 1.6rem;
}
.winSP .fntS20 {
  font-size: 18px;
  font-size: 1.8rem;
}
.winSP .fntS28 {
  font-size: 24px;
  font-size: 2.4rem;
}

.winSP .fontM,
.winSP .fontL {
    font-size: 2.5vw !important;
}
.winSP .fontLL {
    font-size:3vw !important;
}


.winSP .font2rem{font-size:4vw !important;}
.winSP .font3rem{font-size:5.5vw !important;}
.winSP .font4rem{font-size:6vw !important;}
.winSP .font5rem{font-size:7vw !important;}
.winSP .font6rem{font-size:8vw !important;}
.winSP .font7rem{font-size:9vw !important;}

/*--------------------*/

.winSP .pc_br {
    display: none;
}
.winSP .sp_br {
    display: block;
}
.winSP .section {
    padding-top: 30px;
    padding-bottom: 30px;
}
.winSP .title-bar {
    font-size: 20px;
    font-size: 2.0rem;
}
.winSP .startinfo {    
    text-align:left;
    display:inline-block;
    margin: 5px auto;
}
/*=====================================*/
/* メイン */
/*=====================================*/
.winSP .main-area {
    height: auto;
}
.winSP .main-area .title img {
    max-width: none;
    position: static;
    width: 100%;
    margin-left: 0;
}
.winSP .main-area .inner {
    padding: 0;
}

.winSP .main-area .title {
    padding-top: 0;
    max-width: none;
}
.winSP .main-area .btn-voice {
    left: 62%;
    top: 16px;
    width: 34%;
}
.winSP .main-area .btn-earlybird {
    left: 52%;
    top: 19px;
    width: 44%;
}
.winSP .main-area-bottom {
  padding-bottom: 5%;
}
.winSP .anc-limit {
  text-align: center;
}
.winSP .anc-limit:before {
  margin-bottom: 0;
  margin-right: 0;
  border-bottom-width: 0;
}

.winSP .main-area .btn-present {
  position: absolute;
  width: 24%;
  top: 69%;
  right: 1.5%;
}
.winSP .main-area .btn-faq {
  position: absolute;
  width: 30%;
  top: 10px;
  right: 3%;
}
.winSP .main-area .btn-present a {
  width: 100%;
}
.winSP .main-area .btn-present img {
  width: 100%;
}



/*=====================================*/
/* アンカーナビ */
/*=====================================*/
.winSP .main-area-bottom .anchor-nav{
  text-align:center;
}
.winSP .main-area-bottom .anchor-nav li {
  display:inline-block;
  width: calc((100% - 8px) / 3);
  word-spacing: normal;
  margin-bottom:4px;
  vertical-align:top;
}

.winSP .main-area-bottom .anchor-nav li:not(:nth-child(3)):not(:last-child) {
  margin-right:2px;
}

.winSP .main-area-bottom .anchor-nav li a {
  font-size:4vw;
  min-height:5em;
}
.winSP .main-area-bottom .anchor-nav li a .modi_txt{
  font-size:2.5vw;
}


/*=====================================*/
/* メイン下申し込みエリア */
/*=====================================*/
.winSP .main-area-bottom .apply-area {
  width: 80%;
}
.winSP .main-area-bottom .apply-area img {
  width: 100%;
}
.winSP .main-area-bottom .apply-area .apply-area-box {
    width: 100%;
    margin: 0 auto 2%;
    padding-bottom: 3%;
}
.winSP .main-area-bottom .apply-area > div .btn01 {
    margin: 0 auto;
    width: 75%;
}
.winSP .main-area-bottom .apply-area * {
    float: none;
}
.winSP .main-area-bottom .apply-area .startinfo {
    font-size: 4vw;
}
.winSP .main-area-bottom .apply-area .course-detail {
    margin:2% auto 0;
    width: 80%;
}
.winSP .main-area-bottom .apply-area .course-detail > p {
    float: none;
    text-align: left;
}
.winSP .main-area-bottom .apply-area .course-detail > div {
    float: none;
    margin: 3% auto 0;
    width: 65%
}

.winSP .main-area-bottom .apply-area .course_ttl{
  padding:2% 0;
}
.winSP .main-area-bottom .apply-area .course_ttl .modi_txt {
  font-size:3vw;
}
.winSP .main-area-bottom .apply-area .course_ttl .course_name {
  font-size:6vw !important;
}
.winSP .main-area-bottom .apply-area .course_ttl .course_name .font2em {
  font-size:3.5vw !important;
}
.winSP .main-area-bottom .apply-area .course_price *:not(.fontM):not(.price){
  font-size:4.5vw !important;
}
.winSP .main-area-bottom .apply-area .course_price .price {
  font-size:9vw !important;
}
.winSP .main-area-bottom .apply-area .course_price .fontM {
  font-size:3vw !important;
}



.winSP .main-area-bottom .apply-area .btn01 a{
  display:block;
  width:100%;
  font-size:3vw;
}
.winSP .main-area-bottom .apply-area .course-detail > * {
  display:block;
}
.winSP .main-area-bottom .apply-area .course-detail > p,
.winSP .main-area-bottom .apply-area .course-detail .btn02{
  width:100%;
}
.winSP .main-area-bottom .apply-area .course-detail > *,
.winSP .main-area-bottom .apply-area .course-detail .btn02 a{
  font-size:2.5vw;
}
.winSP .main-area-bottom .apply-area .course-detail .btn02 a:after{
  right: 15%;
}


















/*=====================================*/
/* intro */
/*=====================================*/
.winSP #intro {
  background-position: center top;
}

.winSP #intro .section-title img {
    width: 100%;
}
.winSP #intro > .section .inner{
  padding:0 20px;
}
.winSP .intro-ancher:before {
    padding-top: 115%;
}
.winSP .intro-ancher .intro-ancher-inner a img {
  width: 100%;
}
.winSP .intro-ancher .intro-ancher-inner .anch01 {
    top: 0px;
    left: -10px;
    width: 70%;
    margin-left: 0;
}
.winSP .intro-ancher .intro-ancher-inner .anch02 {
    top: 110px;
    right: -15px;
    width: 70%;

}
.winSP .intro-ancher .intro-ancher-inner .anch03 {
    top: 245px;
    left: 0;
    width: 70%;

}
@media screen and (orientation: landscape) {
  .winSP .intro-ancher:before {
    padding-top: 70%;
  }
   .winSP .intro-ancher .intro-ancher-inner .anch01 {
    top: 0px;
    left: -10px;
    width: 50%;
    margin-left: 0;
}
.winSP .intro-ancher .intro-ancher-inner .anch02 {
    top: 100px;
    right: -15px;
    width: 50%;

}
.winSP .intro-ancher .intro-ancher-inner .anch03 {
    top: 225px;
    left: 0;
    width: 50%;

}
}

/* #intro-first */
.winSP #intro-first .section-title h2 img.bg{
  max-width: none !important;
  width: 200vw;
  margin-left: calc(50% - 100vw);
}
.winSP #intro-first .section-title h2 img.arrow{
  width:35%;
}
.winSP #intro-first .section-title h2 > span{
  font-size:6vw;
  line-height:1.25;
  bottom:15%;
}
.winSP #intro-first .section-title h2 span .colPink{
  font-size:9vw;
}

/*=====================================*/
/* anc_feat */
/*=====================================*/
.winSP #anc_feat h2.font6rem {
  font-size: 7vw !important;
  line-height:1;
}
.winSP #anc_feat h3 span{
  font-size:6.5vw !important;
}
.winSP #anc_feat h3 .colPink{
  font-size:5vw !important;
  font-weight:normal;
}
.winSP #anc_feat h3 .font6rem{
  font-size: 10vw !important;
}

.winSP #anc_feat .feature-detail .image {
    width: 100%;
    text-align: center;
}
.winSP #anc_feat .feature-detail .image img {
    width: 80%;
}

.winSP #anc_feat .feature-detail .text {
    width: 100%;
    margin: 0 auto;
}
.winSP #anc_feat .feature-detail .text ul {
    margin-top: 30px;
    margin-left: 15px;
}

.winSP #anc_feat .feature-detail_flow-box [class^="flow"]:not(.flow00):not(.flow03) + .img_box{
  width:40%;
  margin:0 auto;
}

.winSP #anc_feat .feature-detail_flow-box .flow00 .text_box span{
  font-size:7vw;
}
.winSP #anc_feat .feature-detail_flow-box .flow01 div{
  display:block;
  width:100% !important;
}
.winSP #anc_feat .feature-detail_flow-box .flow01 .box01 .text_box{
  font-size:4vw;
}
.winSP #anc_feat .feature-detail_flow-box .flow01 .box02 .img_box{
  width: 30% !important;
  float: left;
  margin: 0 3% 3px 0;
}
.winSP #anc_feat .feature-detail_flow-box .flow01 .box02 .text_box{
  font-size:3vw;
}
.winSP #anc_feat .feature-detail_flow-box .flow01 .box02:after{
  display: block;
  clear: both;
  content: "";
}

.winSP #anc_feat .feature-detail_flow-box .flow02 h3.text_box,
.winSP #anc_feat .feature-detail_flow-box .flow02 h3.text_box .font6rem{
  font-size:6vw !important;
}

.winSP #anc_feat .feature-detail_flow-box .flow02 h4{
  font-size:4vw;
}

.winSP #anc_feat .feature-detail_flow-box .flow02 .box02 .text_box{
  position:relative;
   left:0;
  width:100%;
  margin-top:5%;
}

.winSP #anc_feat .feature-detail_flow-box .flow02 .box02 .text_box.isSPb {
  margin-top:0;
  text-align:center;
}
.winSP #anc_feat .feature-detail_flow-box .flow03 h3{
  font-size: 5vw !important;
}
.winSP #anc_feat .feature-detail_flow-box .flow03 h3 span{
  font-size: 7vw !important;
}
.winSP #anc_feat .feature-detail_flow-box .flow03 .course_choice {
  width: 100%;
  margin: 0 auto;
}
.winSP #anc_feat .feature-detail_flow-box .flow03 .course_choice img {
  width: 100%;
}
.winSP #anc_feat .feature-detail_flow-box .flow03 .course_choice a {
  float: none;
  margin: 0 auto 3%;
  width: 85%;
}
.winSP #anc_feat .feature-detail_flow-box .flow03 .course_choice a+a {
  float: none;
}




/*=====================================*/
/* course_m, course_w common */
/*=====================================*/

.winSP [id^="course_"] .section-title h2{
  max-width:100%;
}
.winSP [id^="course_"] .section-title h2 .img_box,
.winSP [id^="course_"] .section-title h2 .text_box{
  display:inline-block;
  vertical-align:bottom;
}
.winSP [id^="course_"] .section-title h2 .img_box{
  width:20%;
  margin:0 3% 0 0;
}
.winSP [id^="course_"] .section-title h2 .text_box{
  font-size:3vw;
  width:70%;
}
.winSP [id^="course_"] .section-title h2 .course_name{
  font-size:3vw;
}
.winSP [id^="course_"] .section-title h2 .course_name span{
  font-size:5.5vw;
}

.winSP [id^="course_"] .section-title .course_thacher p{
  max-width:100%;
}

.winSP [id^="course_"] .inner .popular_course_btn .btn_bookpage{
  display:block;
  margin:1% auto;
}
.winSP [id^="course_"] .inner .popular_course_btn .btn_bookpage,
.winSP [id^="course_"] .inner .popular_course_btn .btn_list a{
  width: 100%;
}
.winSP [id^="course_"] .inner .popular_course_btn + p{
  text-align:left !important;
}
.winSP #course_m .section > .inner,
.winSP #course_g .section > .inner {
  padding: 0 20px;
}

.winSP #course_m .sub-title-outer > div,
.winSP #course_g .sub-title-outer > div {
  float: none;
  width: 100%;
  text-align: center;
}
.winSP #course_m .sub-title-outer .sub-title,
.winSP #course_g .sub-title-outer .sub-title {
  float: none;
  width: 100%;
  font-size: 28px;
    font-size: 2.8rem;
}
.winSP #course_m .sub-title-outer .sub-title strong,
.winSP #course_g .sub-title-outer .sub-title strong {
    font-size: 30px;
    font-size: 3rem;
}
.winSP .popular_course_btn {
  width: 100%;
  margin: 0 auto;
}
.winSP .popular_course_btn img {
  width: auto;
}
.winSP .popular_course_btn div {
  float: none;
  width: 100%;
  margin: 0 auto;
}
.winSP .popular_course_btn div+div {
  margin-top: 3%;
  float: none;
}
.winSP .popular_course_btn + p{
  width: 100%;
  text-align: left;
}
.winSP .teacher {
  margin-top: 20px;
}
.winSP .teacher .photo {
  float: none;
  width: 100%;
  text-align: center;
}
.winSP .teacher .photo img {
  border: 1px solid #cac9c9;
}
.winSP .teacher .voice-outer {
  float: none;
  width: 100%;
  margin-top: 15%;
}

.winSP [id^="course_"] .movie_box h2 span{
  font-size:5vw;
  margin-bottom:5px;
}

.winSP [id^="course_"] .movie_box .txt{
  font-size:3.5vw;
}
.winSP [id^="course_"] .movie_box .youtubeRes{
  margin-top:10px;
}
.winSP [id^="course_"] .movie_box.none .youtubeRes:after{
    font-size:3.5vw;
}


.winSP .teacher .voice:after, .winSP .teacher .voice:before {
  top: -30px;
  bottom: 100%;
  left: 50%;
}

.winSP .teacher .voice:after {
  border-color: transparent transparent #fff;
  border-width: 0 30px 30px 30px;
  margin-top: 0;
  margin-left: -30px;

}
.winSP .teacher .voice:before {
  border-color: transparent transparent #000;
  border-width: 0 33px 33px 33px;
  margin-top: -3px;
  margin-left: -33px;
}

.course_text {
  font-size: 28px;
  font-size: 2.8rem;
}

.winSP .teach-section {
  margin-top: 30px;
}
.winSP .teach-ttl{
  background: #0c9a85;
  padding: 8px;
  font-size:16px;
  font-size: 1.6rem;
}

.winSP .teach-section .covers {
  padding: 15px 8px;
  font-size:14px;
  font-size: 1.4rem;
}

.winSP #teach-curriculum .covers p img {
    max-width: 100%;
}
.winSP .teach-section .book-box {
  margin-top: 10px;
  zoom:1;
}
.winSP .teach-section .book-box ~ .book-box {
  margin-top: 30px;
}
.winSP .teach-section .book-box .teach-subtimtl {
  padding: 5px 8px;
}
.winSP .teach-section .book-box .book-box_data,
.winSP .teach-section .book-box .book-box_txt {
  float: none;
  width: 100%;
}

.winSP .teach-section .book-box .book-cathc dt {
  margin-top: 1em;
  margin-left: -.5em;
  font-weight: bold;
}

.winSP .teach-section .book-box .book-name {
  font-size:18px;
  font-size: 1.8rem;
  margin-top: 8px;
}
.winSP .teach-section .book-box .book-name span {
  font-size:12px;
  font-size: 1.2rem;
}

.winSP .popular_course_price_box {
  height: auto;
  width: 100%;

}
.winSP .popular_course_price_box .left_box {
  float: none;
  width: 100%;
}
.winSP .popular_course_price_box .right_box {
  float: none;
  width: 100%;
  padding: 0 2% 2%;

}
.winSP .popular_course_price_box .left_box div {
  margin-left: 0;
  padding-left: 0;
}
.winSP .popular_course_price_box .left_box > .top {
  border-bottom: none;
  width: 100%;
  margin-top: 5px;
}
.winSP .popular_course_price_box .left_box > .top .text01 {
  font-size: 12px;
  font-size: 1.2rem;
  padding:1% 2%;
}
.winSP .popular_course_price_box .left_box > .top .text02 {
  font-size: 6vw;
  letter-spacing: -1px;
  padding:2% 2% 0;
}
.winSP .popular_course_price_box .left_box > .top .text02 span {
  font-size: 4vw;
  font-weight: bold;
}
.winSP .popular_course_price_box .left_box > .top .text03 {
  padding: 0 2%;
  font-size: 4vw;
}
.winSP .popular_course_price_box .right_box .popular_course_price_box_inner {
  border: 1px dotted #000;
  border-radius: 5px;
  padding: 2%;
  background-color: #fff;
  text-align: center;
}
.winSP #course_m .popular_course_price_box .right_box .popular_course_price_box_outer,
.winSP #course_g .popular_course_price_box .right_box .popular_course_price_box_outer {
  padding:2%;
  width: 100%;
  margin: 0 auto 2%;
}
.winSP .course_title {
  color: #1a2e76;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  border: 1px solid #7ea4bb;
  margin: 20px 0 15px;
}

.winSP .popular_course_box h4 {
  margin: 0 5%;;
}
.winSP .popular_course_box img {
  width: 100%;
  display:block;
  margin:0 auto;
}

.winSP .popular_course_box .detail_box {
  width: 100%;
  margin: 0 auto;
  padding: 0 2%;
}

.winSP .popular_course_box .detail_box .left_box {
  float: none;
  width: 100%;

}

.winSP .popular_course_box .detail_box .right_box {
  float: none;
  width: 100%;
}
.winSP .popular_course_box .detail_box .right_box a {
  display: block;
  width: 80%;
  margin: 5px auto;
}

/*=====================================*/
/* #course_m  #course_g*/
/*=====================================*/

.winSP [id^="course_"] .popular_course_price_box .right_box .popular_course_price_box_outer {
  height:auto;
  background-color: #fff;
  position:relative;
}
.winSP [id^="course_"] .popular_course_price_box .right_box .popular_course_price_box_inner {
  position:relative;
  top:0%;
  left:0%;
  transform: none;
  border: none;
}
.winSP [id^="course_"] .popular_course_price_box .right_box .price_value {
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  color:#e11031;
}
.winSP [id^="course_"] .popular_course_price_box .right_box .apply_btn a{
  display:block;
  background:#e11031;
  color:#fff;
  min-height: 70px;
  position:relative;
}
.winSP [id^="course_"] .popular_course_price_box .right_box .apply_btn a:hover{
    background: #960018;
}
.winSP [id^="course_"] .popular_course_price_box .right_box .apply_btn a:after{
  content:url("./image/2019_2/img_arrow03.png");
  position:absolute;
  top:55%;
  left:80%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
.winSP [id^="course_"] .popular_course_price_box .right_box .apply_btn a > span{
  display:inline-block;
  width:100%;
  padding: 1.5% 0 0 0;
  position:absolute;
  top:50%;
  left: 50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}


/*=====================================*/
/* price */
/*=====================================*/
.winSP #price .section-title {
 padding: 0;
}
.winSP #price .section {
/* padding-top: 20px;*/
}
.winSP #price .section > .inner {
  padding: 0 20px;
}


.winSP #price .section-title {
  height: auto;
}
.winSP #price .section-title img {
  width: 100%;
}


.winSP #price .text {
  width: 100%;
}

.winSP #price .course_detail_box {
  margin-top:20px;
}
.winSP #price .course_detail_box .course_detail_box_top .course_detail_box_title {
  float:none;
  width: 100%;
  text-align: center;
}
.winSP #price .course_detail_box .course_detail_box_top .course_detail_box_btn {
  float:none;
  width: 60%;
  padding-top: 0;
  padding-bottom: 3%;
  margin: 3% auto 0;
  text-align: center;
}

.winSP #price .course_detail_box .course_detail_box_bottom .left_box {
  float:none;
  text-align: center;
  width: 100%;
  margin-bottom: 5px;
}

.winSP #price .course_detail_box .course_detail_box_bottom .left_box dl{
  font-size:2vw;
  width: 90%;
  margin-right:0;
  text-align: left;
  margin-bottom: 10px;
}

.winSP #price .course_detail_box .course_detail_box_bottom .left_box dl dt{
  width:10%;
  height: 7em;
  vertical-align: middle;
}
.winSP #price .course_detail_box .course_detail_box_bottom .left_box dl dt span{
  height:100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.winSP #price .course_detail_box .course_detail_box_bottom .left_box dl dd{
  width:calc(90% - 6px);
  vertical-align: middle;
}


.winSP #price .course_detail_box .course_detail_box_bottom .left_box img {
  padding: 1% 0;
}
.winSP #price .course_detail_box .course_detail_box_bottom .right_box {
  float:none;
  margin: 0 auto;
  width: 70%;
  text-align: center;
}
.winSP #price .course_detail_box .course_detail_box_bottom .right_box .txt_box {
    display: block;
    width: 100%;
    text-align:center;
}
.winSP #price .course_detail_box .course_detail_box_bottom .right_box .txt_box.apply_btn a{
  min-height:3em;
}
.winSP #price .course_detail_box .course_detail_box_bottom .right_box .txt_box.apply_btn a span {
    display: inline-block;
    width: 100%;
    left: 50%;
}
.winSP #price .course_detail_box +div {
  margin-top: 15px;
  padding-left: 0;
}

/*=====================================*/
/* preferential */
/*=====================================*/

.winSP #three-merits .section-title {
  padding: 0;
}
.winSP #three-merits .section-title:after {
  border-width: 0;
}

.winSP #three-merits .section {
  padding-top: 0;
}

.winSP .preferential-box {
  border: #1d376b 3px solid;
  margin-top: 30px;
  padding-bottom: 20px;
}

.winSP .preferential-box .preferential-ttl {
  font-size:16px;
  font-size: 1.6rem;
  padding: 8px;
  margin-top: 0;
}
.winSP .preferential-box .preferential-ttl strong {
  font-size:26px;
  font-size: 2.6rem;
}
.winSP .preferential-box .box {
  margin-top: 20px;
  padding: 0 8px;
}
.winSP .preferential-box .box ~ .box {
  margin-top: 30px;
}
.winSP .preferential-box .ttl-box {
  padding: 12px 10px 12px 45px;
  min-height: 0;
}
.winSP .preferential-box .ttl-box .ico-num {
  top: 8px;
  left: 8px;
  -webkit-box-shadow: 0 0 0 3px;
          box-shadow: 0 0 0 3px #35337b;
  width: 28px;
  height: 28px;
  font-size:16px;
  font-size: 1.6rem;
  line-height: 22px;
}
.winSP .preferential-box .ttl-box .ttl {
  font-size:16px;
  font-size: 1.6rem;
}

.winSP .preferential-box .ttl-box + .txt {
  padding: 10px 0;
  font-size:14px;
  font-size: 1.4rem;
}

.winSP .preferential-box .box .tright{
  text-align:left !important;
  text-indent:-1em;
  padding-left:1em;
}

.winSP .preferential-box .notice {
  position: relative;
  padding-left: 0;
  width: auto;
  margin: 0;
  padding-top: 2.8em;
}
.winSP .preferential-box .notice .ttl {
  background: #e60012;
  position: absolute;
  left: 0;
  top: 0;
  font-size:16px;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #fff;
  width: 45%;
  padding: 5px 20px;
  height: auto;
  -webkit-border-radius: 15px;
          border-radius: 15px;
  margin-top: 0;
}
.winSP .preferential-box .notice .caution li {
  font-size:14px;
  font-size: 1.4rem;
  font-weight: normal;
  }
.winSP .preferential-box .notice .caution li ~ li {
  margin-top: 0;
}

.winSP .preferential-box .campaign .ttl {
  font-size:16px;
  font-size: 1.6rem;
}
.winSP .preferential-box .campaign:after, .winSP .preferential-box .campaign:before {
  right: 68%;
}


.winSP .preferential-box .present {
  margin-top: 20px;
  padding: 10px;
}


/*=====================================*/
/* earlybird */
/*=====================================*/
.winSP #earlybird .section {
    padding: 0 3% 20px 3%;
}
.winSP #earlybird .section-title h2 {
    padding: 10px;
    font-size:24px;
    font-size: 2.4rem;
}
.winSP #earlybird .section .left_box {
    width: auto;
}
.winSP #earlybird .section .left_box h3 {
    text-align: center;
}
.winSP #earlybird .section .left_box h3 img {
    max-width: 75%;
}
.winSP #earlybird .section .left_box h3 img+img {
    max-width: 50%;
}

/*=====================================*/
/* voice */
/*=====================================*/
.winSP #voice .title {
  margin: 20px 0;
}
.winSP #voice .title img {
  margin-bottom: 10px;
}
.winSP #voice .voice_box .left_box {
  float:none;
  width: 100%;
  text-align: center;
}
.winSP #voice .voice_box .left_box img {
  margin-left: -10%;
}


.winSP #voice .voice_box .right_box {
  float:none;
  width: 100%;
  padding: 25px;
}




/*=====================================*/
/* faq */
/*=====================================*/
.winSP #faq {
  padding: 20px 0 30px;
  border-top-width: 5px;
}
.winSP #faq .title {
  font-size: 24px;
  font-size: 2.4rem;
}

.winSP .faq-list {
  margin-top: 20px;
}


.winSP .faq-list dt {
  padding: 8px 64px 8px 24px;
  font-size: 15px;
  font-size: 1.5rem;
}

.winSP .faq-list dt i {
  width: 20px;
  height: 20px;
  top: 6px;
  left: 0px;
}

/*
.winSP .faq-list dt:after {
  -webkit-background-size: auto 14px;
       -o-background-size: auto 14px;
          background-size: auto 14px;
  width: 54px;
  height: 14px;
  top: 10px;
  right: 0px;}

.winSP .faq-list dd {
  font-size: 13px;
  font-size: 1.3rem;
}
*/
.winSP .faq-list dd i {
  width: 20px;
  height: 20px;
    top: 14px;
    left: 5px;
}
.winSP .faq-list dd .txt {
  margin: 8px 0 15px;
  padding: 9px 10px 10px 32px;
  background-color: #fff6f6;
  color: #ce1e2a;
}




/*=====================================*/
/* apply-flow */
/*=====================================*/
.winSP .apply-flow .flow {
  display: block;
  width: 100%;
  margin-left: 0;
  font-size: 15px;
  font-size: 1.5rem;
}
.winSP .apply-flow .flow > li {
  display: block;
  border: #333 1px solid;
  padding: 15px;
  width: 100%;
  margin-left:0;
  background-position: 97% 5%;
  -webkit-background-size: auto 58px;
  -o-background-size: auto 58px;
  background-size: auto 58px;
}
.winSP .apply-flow .flow > li ~ li {margin-top: 10px;}
.winSP .apply-flow .flow .ttl {
  margin-right: -10px;
  margin-bottom: 25px;
  text-align:left;
}
.winSP .apply-flow .flow .ttl img {
  width: auto;
  height: 35px;
}
.winSP .apply-flow .flow p ~ p {
  margin-top: .5em;
}
.winSP .apply-flow .flow .caution li {
  margin-top: 0;
}
.winSP .apply-flow .flow .caution.colRED {
  font-size: 12px!important;
  font-size: 1.2rem!important;
}
.winSP .apply-flow .flow > li > * {
  
}
.winSP .apply-flow .flow > li:nth-child(2) .ib li {
  display:inline-block
}
.winSP .apply-flow .flow > li:nth-child(2) .ib + p {
  margin-top: .5em;
}

.winSP .apply-flow .btn {
  margin-top: 10px;
}

.winSP .apply-notes {
  font-size: 12px;
  font-size: 1.2rem;
}
.winSP .apply-notes .apply-notes_btn {margin-top: 20px;}
.winSP .apply-notes .apply-notes_btn a{
  width:auto;
}


.winSP .apply-flow .flow > li .info {
  width:auto !important;
}

.winSP .apply-limit img{
  width:20%;
}
.winSP .apply-limit *{
  font-size:5vw;
}
.winSP .apply-limit .colBlack{
  font-size:7vw;
}
.winSP .apply-limit .colBlack span{
  font-size:4vw;
}
/*=====================================*/
/* notes */
/*=====================================*/

.winSP #notes .title {
  font-size: 20px;
  font-size: 2rem;
}
.winSP #notes .title h2 {
  padding: 12px 0;
}


/*=====================================*/
/* webmerit-download */
/*=====================================*/
.winSP .webmerit-download {
  margin: 10px 1%;
}
.winSP .webmerit-download .download-txt {
  display: block;
  width: auto;
}
.winSP .webmerit-download .download-img {
  display: block;
  width: 60%;
  margin: 20px auto 0 auto;
  text-align: center;
}
.winSP .webmerit-download .btn{
  text-align:center;
}
.winSP .webmerit-download .btn a{
  width:100%;
}


/*=====================================*/
/* souki-cam */
/*=====================================*/
.winSP .souki-cam {
  margin: 30px 0 0;
  padding: 8px 8px 0;
}
.winSP .souki-cam .ttl-box .ttl {
  font-size: 30px;
  font-size: 3.0rem;
}
.winSP .souki-cam .ttl-box .kikan {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}
.winSP .souki-cam .cam-txt {
  display: block;
  width: auto;
  padding: 0;
}
.winSP .souki-cam .cam-img {
  display: block;
  width: 60%;
  margin: 20px auto 0 auto;
  text-align: center;
}



/*==========================================================================*/
/* tablet*/
/*==========================================================================*/
.isDeviceTB .section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.isDeviceTB .section-title h2 img {
    max-width: 90% !important;
}
/*=====================================*/
/* メイン */
/*=====================================*/
.isDeviceTB .main-area .title img {
  width: 1400px;
  margin-left: -700px;
}

.isDeviceTB .main-area .btn-voice {
    left: 82%;
    top: 40px;
    width: 16%;
}
.isDeviceTB .main-area {
  height: 395px;
}

.isDeviceTB .apply-area {
  width: 100%;
}

/*=====================================*/
/* intro */
/*=====================================*/
.isDeviceTB #intro > .section .inner{
  padding:0 10px;
}
.isDeviceTB .intro-ancher:before {
    padding-top: 58%;
}
.isDeviceTB .intro-ancher .intro-ancher-inner .anch02 {
    top: 190px;

}
.isDeviceTB .intro-ancher .intro-ancher-inner .anch03 {
    top: 190px;

}


/*=====================================*/
/* course_m, course_w common */
/*=====================================*/
.isDeviceTB #course_m .section > .inner,
.isDeviceTB #course_g .section > .inner {
  padding: 0 10px;
}
.isDeviceTB .popular_course_btn,
.isDeviceTB .popular_course_btn + p {
  width: 100%;
  margin: 0 auto;
}

.isDeviceTB #course_m .section-title,
.isDeviceTB #course_g .section-title {
/*  background-size: 190%;*/
}

.isDeviceTB .popular_course_box h4 {
  margin: 0 5%;;
}

.isDeviceTB .popular_course_price_box .left_box > .top {
  margin-top: 15px;
  margin-bottom: 15px;
}
.isDeviceTB .popular_course_price_box .left_box > .top .text02 {
  font-size: 28px;
  font-size: 2.8rem;
}
.isDeviceTB .popular_course_price_box .left_box > .top .text02 span {
  font-size: 25px;
  font-size: 2.5rem;
}
.isDeviceTB .popular_course_price_box .left_box .bottom {
  width: 80%;
}


/*=====================================*/
/* price */
/*=====================================*/
.isDeviceTB #price .section > .inner {
  padding: 0 10px;
}
.isDeviceTB #price .section-title h2 img {
  padding: 0 2%;
}
.isDeviceTB #price .course_detail_box .course_detail_box_top .course_detail_box_title {
  width: 70%;
}
.isDeviceTB #price .course_detail_box .course_detail_box_bottom .left_box img {
  max-width: 60%;
  margin-right: 1%;
}
.isDeviceTB #price .course_detail_box .course_detail_box_bottom .left_box img+br+img {
  max-width: 38%;
}
.isDeviceTB #price .course_detail_box .course_detail_box_top .course_detail_box_btn {
  width: 30%;
  padding-right: 1%;
}

/*=====================================*/
/* preferential */
/*=====================================*/
.isDeviceTB .preferential-box .preferential-ttl strong {
  font-size:26px;
  font-size: 2.6rem;
}
.isDeviceTB .preferential-box .campaign .ttl {
  font-size:16px;
  font-size: 1.6rem;
}
.isDeviceTB .preferential-box .campaign:after, .isDeviceTB .preferential-box .campaign:before {
  right: 78%;
}

/*=====================================*/
/* earlybird */
/*=====================================*/
.isDeviceTB #earlybird .section {
    padding: 0 10px 50px 10px;
}

/*=====================================*/
/* voice */
/*=====================================*/
.isDeviceTB #voice .title img {
  margin-bottom: 10px;
}


/*=====================================*/
/* apply-flow */
/*=====================================*/
.isDeviceTB .apply-flow .flow > li {
  background-size: contain;
}
.isDeviceTB .apply-flow .flow .ttl img {
  width: 117%;
}
.isDeviceTB .apply-flow .flow li:last-child .ttl {
  margin-left: 5px;
  margin-right: 5px;
}
.isDeviceTB .apply-flow .flow li:last-child .ttl img {
  width: auto;
}