@charset "UTF-8";

a {
  outline: none;
  position:relative;
}

.sp_none {
  display: block;
}

.pc_none {
  display: none;
}
.colORN{
  color:#f6751d !important;
}
.colGRN{
  color:#00ae5e !important;
}
.colDRED {
  color:#bf395a !important;
}
.colRED {
  color:#f10000 !important;
}
.colRED02 {
  color:#e60012 !important;
}
.colBLE {
  color:#0033cc !important;
}
.colBLE02 {
  color:#017dd4 !important;
}
.colWhite{
  color:#fff !important;
}
.colYELW{
  color:#FFEB3B !important;
}
.fontXL {
  font-size:26px !important;
  font-size:2.6rem !important;
}

sup{
  font-size:50%;
  vertical-align: top;
}

.pdf a:before{
  display:inline-block;
  content:"";
  background: url(../images/ico_pdf.png) no-repeat top left/100%;
  width:20px;
  height:20px;
  position:absolute;
   top: 40%;
   left: -22px;
   transform: translateY(-50%);
}
  /* ========================================*/

  /* dokugaku_gyousho */
#container {
  width: auto !important;
}

#innerBox {
  width: auto !important;
}

#dokugaku_kensetsu_intro {
  width: auto;
  padding: 0;
  margin: 5px 0 75px 0;
  z-index: 1;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 1.2em;
}

#dokugaku_kensetsu_intro .inner {
  width: auto;
  min-width: auto;
  max-width: auto;
}

#dokugaku_kensetsu_intro img {
  /*  max-width: 100%;*/
}

  /*
  wide use
  ========================================================= */
.wp-1024 {
  margin-right: auto;
  margin-left: auto;
  max-width: 1024px;
}

.spt25 {
  margin-top: 25px !important;
}

.spt50 {
  margin-top: 50px !important;
}

.fsz12 {
  font-size: 12px !important;
}

.title-line {
  text-align: center;
  padding: 10px 3%;
  background: #f93245;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
}
.title-line img {
  margin-top: 16px;
}

  /* clearfix */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf {
  *zoom: 1;
}

.cf:after {
  clear: both;
}




  /* section
  --------------------------------------------------------- */
.section {
}
.section h2 {
  padding: 15px 3%;
  text-align: center;
}
.section h3 {
  padding: 10px 3%;
  text-align: center;
}
.section .sectionInner {
  max-width: 1024px;
  margin: 0 auto;
}
.section_title_box{
}
.section_title_box h2 {
  margin-top: 50px;
  padding: 0 3%;
  background: url("../images/orange_bg.png") center top repeat;
  text-align: center;
  color:#fff;
  font-size:36px;
}
.section_title_box h2 span.text01{
  font-size:52px;
}

.sub_ttl{
  margin:0 auto;
  text-align:center;
}


  /* head
  --------------------------------------------------------- */
.head {
  background: #fffeef url("../images/bg_main.png") left top repeat;
  border-bottom: solid 5px #efb12d;
}

.head_content {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}
.head_content > p {
  position:relative;
}

.head_content .grade_memu{
  width:51%;
  color:#ce074e;
  position:absolute;
  top: 64%;
  left:33%;
  font-size:0;
}
.head_content .grade_memu .grade_memu_box{
  width:49.5%;
  margin:0 0.25%;
  display:inline-block;
  background:#fff;
  border:1px solid #e26068;
  border-radius:2px;
  letter-spacing:-0.05em;
  font-family: 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.head_content .grade_memu_box .grade_name{
  font-size:28px;
  font-size:2.8rem;
  padding: 3% 0 0;
}
.head_content .grade_memu_box .price{
  font-size:15px;
  font-size:1.5rem;
}
.head_content .grade_memu_box .price .bold{
  font-size:20px;
  font-size:2rem;
}
.head_content .grade_memu_box .btn_box{
  font-size:22px;
  font-size:2.2rem;
}
.head_content .grade_memu_box .btn_box a{
  color:#fff;
  display:block;
  background:#c90c0c;
  width:95%;
  margin:0 auto 3%;
  padding:2% 0;
  box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.3);
}
.head_content .grade_memu_box .btn_box a:hover{
  text-decoration:none;
  background:#960404;
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
.head_content .grade_memu_box .limit{
  font-size:14px;
  font-size:1.4rem;
  font-weight:bold;
  background:#facccf;
  padding: 3% 0;
  white-space:nowrap;
}
.head_content .grade_memu_box .limit .date{
  font-size:18px;
  font-size:1.8rem;
}
.head_content .grade_memu_box .limit .week{
  display:inline-block;
  margin:0 1%;
  color:#fff;
  font-size:12px;
  font-size:1.2rem;
  line-height:15px;
  background:#ce074e;
  border-radius:50%;
  width:15px;
  height:15px;
  }


/*=====================================*/
/* menu */
/*=====================================*/
#kensetsu_menu {
  margin-bottom: 20px;
  min-width: 980px;
  padding: 10px 0;
  background: rgb(255,255,255,0.3);
}
#kensetsu_menu.fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
}

#kensetsu_menu ul {
  margin: 0 auto;
  font-size: 0;
  text-align: center;
  max-width: 1024px;
  display: flex;
}
#kensetsu_menu ul li {
  display: inline-block;
  width: calc((100% - 15px) / 6);
  vertical-align: top;
  border-radius: 5px;
}
#kensetsu_menu ul li:not(:last-child){
  margin-right:3px;
}
#kensetsu_menu ul li a {
  display: block;
  width:100%;
  height:4em;
  font-size:16px;
  font-size:1.6rem;
  color:#000;
  border-radius:5px;
  position: relative;
  background: #efb12d;
  text-shadow: 0px 1px 3px #fff;
}

#kensetsu_menu ul li.class01 a {
    background: url("../images/bg_btn_class01.png");
}
#kensetsu_menu ul li.class02 a {
    background: url("../images/bg_btn_class02.png");
}

#kensetsu_menu ul li a:after {
    display: inline-block;
    content: "";
    width: 15px;
    height: 15px;
    background: url("../images/img_arr_nav.png") no-repeat left top/contain;
    position: absolute;
    top: 50%;
    right: 2%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#kensetsu_menu ul li a span {
  display:inline-block;
  font-weight:bold;
  position:absolute;
  width:100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#kensetsu_menu ul li a span.sup {
  display:block;
  background:#fffd6c;
  color:#fb0000;
  box-shadow:0px 2px 1px #9999;
  text-align:center;
  width: 70%;
  border-radius:2px;
  font-size:10px;
  font-size:1rem;
  top:25%;
}

#dokugaku_kensetsu_about.section{
  margin-top:55px;

}

#dokugaku_kensetsu_about h2 {
  background-color: #f6751d;
  color: #fff;
  font-size: 2.3em;
  font-weight: bold;
  margin-top: 20px;
  padding: 5px 0;
}
#dokugaku_kensetsu_about.section .sectionInner {
  max-width: 1024px !important;
  margin: 0 auto 25px;
  padding: 42px 0 0 0;
}
#dokugaku_kensetsu_about.section .sectionInner .fontL{
  line-height:1.8;
}
.about_img{
  margin:0 auto;
  text-align:center;
  padding-top:25px;
}


/*=====================================*/
/* curriculum */
/*=====================================*/
#curriculum {

}
.curriculum_menu{
  margin:0 auto;
  padding:25px 0 0;
  list-style:none;
  font-size:0;
  max-width:1024px;
}
.curriculum_menu li{
  display:inline-block;
  font-size:0;
  margin:0;
  padding:0;
  width:49.218%;
}
.curriculum_menu li:nth-child(1){
  margin-right:1.564%;
  border:1px solid #ef4900;
}
.curriculum_menu li:nth-child(2){
  border:1px solid #00ae5e;
}
.curriculum_menu li a{
  display:block;
  background:#ccc;
  width:100%;
  color:#fff;
  text-align:center;
  position:relative;
}
.curriculum_menu li a:before{
  display:inline-block;
  content:url(../images/btn_arr_01.png);
  position:absolute;
  top:50%;
  right:10%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
.curriculum_menu li:nth-child(1) a{
  border:1px solid #ff9464;
  background:#ef4900;
}
.curriculum_menu li:nth-child(2) a{
  border:1px solid #08d878;
  background:#00ae5e;
}
.curriculum_menu li:nth-child(1) a:hover{
  border:1px solid #d68560;
  background:#b73800;
}
.curriculum_menu li:nth-child(2) a:hover{
  border:1px solid #10b569;
  background:#028448;
}
.curriculum_menu li a span{
  font-size:28px;
  font-size:2.8rem;
  line-height:2;
  font-weight:bold;
  letter-spacing:0.15em;
  display:inline-block;
}

#curriculum .curriculum_menu li a:before{
  -webkit-transform:translateY(-50%) rotate(-180deg);
  transform:translateY(-50%) rotate(-180deg);
}

#curriculum .sectionInner {
  max-width: 1024px;
  margin: 0 auto 25px;
  padding: 30px 0 0 0;
}

#curriculum [id^="dokugaku_kensetsu_contents"] .sectionInner{
  max-width:1024px;
  margin:0 auto;
  text-align:center;
  padding: 2% 0;
}
#curriculum [id^="dokugaku_kensetsu_contents"] h3{
  position:relative;
  padding: 5% 0  0!important;
}
#curriculum [id^="dokugaku_kensetsu_contents"] h3 .box_wrap{
  text-align:left;
  display:inline-block;
  margin:0 auto;
  padding: 0;
  position:relative;
}
#curriculum [id^="dokugaku_kensetsu_contents"] h3:after{
  content:"";
  width: 100%;
  height:8px;
  background:url(../images/bdr_shadow.png) no-repeat top center/cover;
  display:inline-block;
  position:absolute;
  left:0;
  top:100%;
}
#curriculum [id^="dokugaku_kensetsu_contents"] h3 .target{
  display:inline-block;
  border:1px solid #ccc;
  padding:0.5% 3% 0;
  font-size:18px;
  font-size:1.8rem;
}
#curriculum [id^="dokugaku_kensetsu_contents"] h3 .grade_name{
  display:block;
  font-size:45px;
  font-size:4.5rem;
}
#curriculum #dokugaku_kensetsu_contents01 h3 .box_wrap:before{
  content:"";
  background:url(../images/course_pre_ttl_ico.png) no-repeat bottom left/contain;
  width:140px;
  height:108px;
  display:inline-block;
  position:absolute;
  left:-150px;
  bottom:20px;

}
#curriculum #dokugaku_kensetsu_contents01 h3 .target{
  display:inline-block;
  border:1px solid #f6751d;
}
#curriculum #dokugaku_kensetsu_contents02 h3 .target{
  display:inline-block;
  border:1px solid #00ae5e;
}




#dokugaku_kensetsu_contents01{
  border-bottom:#00ae5e solid 17px;
  padding-bottom:110px;
}
#dokugaku_kensetsu_contents02{
  padding-top:20px;
}


#dokugaku_kensetsu_contents01 .grade_name img{
  display:inline-block;
}
.colORN .grade_text:after {
  content:":";
  margin: 0 5px;
  color:#f6751d;
}
.colGRN .grade_text:after {
  content:":";
  margin: 0 5px;
  color:#00ae5e;
}


.moreover{
	width:100%;
	text-align:center;
	margin-top:50px;
}
.moreover .moreover_title{
	font-size:36px;
	font-size:3.6rem;
	display:inline-block;
	position:relative;
}
.moreover .moreover_title:before{
	content:"\3055\3089\306B\FF01\002F";
	display:inline-block;
	color:#556788;
	position:absolute;
	top:-45%;
	left:-8%;
	-webkit-transform:rotate(-10deg);
	transform:rotate(-10deg);
}
.moreover .moreover_title:after{
	content:"\002F";
	display:inline-block;
	color:#556788;
	position:absolute;
	top:-12%;
	left:-11%;
	-webkit-transform:rotate(-30deg) scale(-1, 1);
	transform:rotate(-30deg) scale(-1, 1);
}
.moreover .moreover_title .bold{
	font-size:44px;
	font-size:4.4rem;
}
.moreover .text_box{
	width:90%;
	margin:0 auto 20px;
	text-align:left;
    font-size: 16px;
    font-size: 1.6rem;
}
.moreover .img_box{
	font-size:0;
}
.moreover .img_box > li{
	display:inline-block;
	vertical-align:text-top;
	width: 30%;
}
.moreover .img_box .img_note{
	width: 100%;
	display: block;
	margin:0 15% 0 auto;
	padding:2%;
	text-align: left;
}
.moreover .img_box .img_note li{
	margin-left:1em;
	text-indent:-1em;
	font-size:12px;
	font-size:1.2rem;
}


.kensetsu_contents_set_pre{
  padding-top:10px;
}

.kensetsu_contents_set_pre .set_text{
  width: 90%;
  text-align:left;
  color:#f10000;
  margin: 0 auto 10px;
  font-size:12px;
  font-size:1.2rem;
  font-weight:bold;
}


.course_t{
  font-size:20px;
  font-size:2.0rem;
  color:#1a2e76;
  padding:5px;
  border:#80a6bc solid 1px;
  text-align:center;
  margin-top:40px;
}



/*--旧プライスエリア--

.course_price_box{
  display:block;
  font-size:0;
  margin-top:25px;
  border:#aea4a4 solid 1px;
  padding:0 10px;
  text-align:left;
  position: relative;
}
.course_price_box.bg_orn{background:#f27d00;}

.course_price_box.bg_blu{background:#27adab;}

.course_price_box.bg_gre{background:#02aa65;}


.course_price_box .course_name_box{
  display:inline-block;
  font-size:0;
  width:55%;
  vertical-align: middle;
  position:relative;
}


.course_price_box .course_name_box h6{
  display:block;
  text-align:left;
  position:relative;
}
.course_price_box .course_name_box h6 div{
  display:inline-block;
  padding:15px 0;

}
.course_price_box .course_name_box h6 .img_box {
  vertical-align:top;
  width:20%;
}
.course_price_box .course_name_box h6 .ttl_box {
  text-align:left;
  color:#fff;
  width:80%;
  padding-left:2%;
  position:absolute;
  top:50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.course_price_box .course_name_box h6 .ttl_box .ttl_sup{
  display:block;
  font-size:24px;
  font-size:2.4rem;
  line-height:1;
  font-weight:bold;
}
.course_price_box .course_name_box h6 .ttl_box .target{
  display:inline-block;
  color:#000;
  font-size:18px;
  font-size:1.8rem;
}
.course_price_box .course_name_box h6 .ttl_box .ttl{
  display:block;
  font-size:38px;
  font-size:3.8rem;
  line-height:1.2;
  font-weight:bold;
}
.course_price_box .course_name_box h6 .ttl_box .ttl .course{
  font-weight:bold;
  font-size:30px;
  font-size:3rem;
}
.course_price_box .course_name_box h6 .ttl_box .limit{
  font-size:20px;
  font-size:2rem;
  font-weight:bold;
}

.course_price_box .text_box{
  padding:15px 0;
  border-top: dotted 1px #FFF;
  font-size:12px;
  font-size:1.2rem;
  margin-right:13px;
  text-align: left;
}
.course_price_box .text_box p{
  color:#fff;
  text-indent: -1em;
  margin-left: 1em;
}
.course_price_box .text_box .link{
  color:#fffa7c;  
}
.course_price_box .text_box .link:before {
  content:">";
  margin: 0 auto;
  color:#FFF;
}
.course_price_box .text_box a{
  color:#fffa7c;
  text-decoration:underline;
}
.course_price_box .text_box a:hover{
  text-decoration:none;
}
.course_price_box .price_btn_box{
  display:inline-block;
  font-size:0;
  width: 80%;
  position:absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.course_price_box .price_btn_box .btn_inner{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  margin: 0;
}
.course_price_box .price_btn_box .btn_inner .price_q_link{
  padding: 10px 15px;
  background:#FFF;
  text-align:center;
}
.price_q_link .course_name{
  margin:0;
  padding:0;
  display:block;
  text-align:center;
  transform: skew(-10deg);
}
.price_q_link .course_name span{
  font-size:16px;
  font-size:1.6rem;
  color:#c90c0c;
  font-weight:bold;
  letter-spacing:-0.05em;
}
.price_q_link .course_name .fullpack{
  font-size:20px;
  font-size:2rem;
}
.price_q_link .course_name .price{
  font-size:38px;
  font-size:3.8rem;
}

.q_price_btn{
  margin:0;
  padding:0;
}
.q_price_btn a{
  display:block;
  width:100%;
  height:3em;
  background:#c90c0c;
  color:#fff;
  font-size:22px;
  font-size:2.2rem;
  position:relative;
}
.q_price_btn a:hover{
  background:#a70b0b;
}
.q_price_btn a:before{
  content:"\3009";
  font-weight:bold;
  position:absolute;
  top:50%;
  right: 5%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.q_price_btn a span{
  font-weight:bold;
  position:absolute;
  width:100%;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

*/



/*=====================================*/
/* experience */
/*=====================================*/

#experience .section_title_box h2{
  font-size:52px;
  padding:0.5% 3%;
}
.section_title_box h2 span.text02{ 
  color:#ffe71d;
}

#experience .section_title_box:after {
  content: url(../images/arrow_bg02.png);
  display: block;
  text-align:center;
}
#experience .sub_ttl{
  font-size:66px;
  font-size:6.6rem;
  line-height: 1;
  padding: 35px 0 0;
}


.sub_s_box{
  padding:1em 0 4em;
}
.sub_s_ber{
  background:#848484;
  padding:0.5em 1em;
  font-size:16px;
  font-size:1.6rem;
  color:#FFF;
  margin-bottom:30px;
}

.ex_img_box{
  display:inline-block;
  width:52.5%;
  font-size:0;
  vertical-align:middle;
}

.ex_text_box{
  display:inline-block;
  width:45%;
  font-size:0;
  margin-left:2%;
  vertical-align:middle;
}
.ex_text_box h5{
  color:#343434;
  font-size:24px;
  font-size:2.4rem;
  font-weight:bold;
}
.ex_text_box p{
  margin:0;
  padding:.5em 0 1em;
  color:#343434;
  font-size:14px;
  font-size:1.4rem;
  line-height:1.5;
}
#ex02{
  background-color: #ffeed6;
  background-image: url(../images/ex02_bg.png);
  padding-top:20px;
  padding-bottom: 90px;
}



#ex03 {
  background: url(../images/ex03_bg.png) top left repeat;
  padding:30px 0;
  text-align: justify;
  text-justify: inter-ideograph;
}
#ex03 .app_ttl {
  padding: 0;
  background:#e20011;
  padding:1% 2%;
}
#ex03 .app_ttl span{
  line-height:1.2;
  color:#fff;
  font-weight:bold;
  font-size:20px;
  font-size:2rem;
}
#ex03 .movie-download .movie-img {
  float: right;
}

#ex03 .popular_course_box {
  background: url(../images/ex03_popular_course_box_bg.png);
  margin-top: 50px;
  padding-bottom: 60px;
  border: 1px solid #cfcda1;
}
#ex03 .popular_course_box h4{
  display:block;
  padding:2% 0;
  position:relative;
}
#ex03 .popular_course_box h4:before,
#ex03 .popular_course_box h4:after{
  display:inline-block;
  content: url(../images/img_ex03_popular_course_sttl.png);
  position:absolute;
  top:17.5%;
}
#ex03 .popular_course_box h4:before{
  left:3.5%;
}
#ex03 .popular_course_box h4:after{
  right:3.5%;
}
#ex03 .popular_course_box h4 .ttl_sub{
  display:block;
  font-weight:bold;
  font-size:30px;
  font-size:3rem;
}
#ex03 .popular_course_box h4 .ttl_main{
  display:block;
  font-weight:bold;
  font-size:48px;
  font-size:4.8rem
}
#ex03 .popular_course_box .movie-content {
  width: 90%;
  margin: 0 auto;
}
#ex03 .colLRED {
  color: #e20011 !important;
}
#ex03 .popular_course_box .movie-content {
  width: 90%;
  margin: 0 auto;
}
#ex03 .colLRED {
  color: #e20011 !important;
}

#ex03 .button-list{
  width:50%;
}

#ex03 .button-list li{
  width:50%;
  display:block;
  font-size: 12px;
  font-size: 1.2rem;
}
#ex03 .button-list .spec a{
  display:block;
  width:100%;
  height:3em;
  border:1px solid #ccc;
  border-radius:3px;
  background:linear-gradient(#fff 40%, #eee 95%, #fff 95%);
  position:relative;
}
#ex03 .button-list .spec a:before{
  content:"\3009";
  color:#555;
  position:absolute;
  width:100%;
   top: 50%;
   left: 10%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
#ex03 .button-list .spec a:hover{
  border:1px solid #aaa;
  background:linear-gradient(#eee 5%, #ccc 5%, #ccc 30%, #eee 100%);
}
#ex03 .button-list .spec a span{
  font-weight:bold;
  display:inline-block;
  text-align:center;
  position:absolute;
  width:100%;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}


#ex03 .button-list .btn_app{
    max-width: 208px;
    width: 100%;
    }
#ex03 .button-list .btn_app a {
    display: block;
    height: 40px;
    position: relative;
    color: #fff;
    background: linear-gradient(to bottom, #1d376b 0%, #0e192f 100%);
    -webkit-box-shadow: 0 3px 0 #d4d4d4;
    box-shadow: 0 3px 0 #d4d4d4;
    text-align: center;
}
#ex03 .button-list .btn_app a:hover {
    background: linear-gradient(to bottom, #111d58 0%, #060e1f 100%);
}
#ex03 .button-list .btn_app a:after {
    font-family: iconset!important;
    content: "\e90a";
    display:inline-block;
    position:absolute;
    top: 50%;
    left: 5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color:#fff;
}
#ex03 .button-list .btn_app a span{
    font-size:14px;
    font-size:1.4rem;
    font-weight:bold;
    width:100%;
    display:inline-block;
    position:absolute;
    top: 50%;
    right: 0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}



/*=====================================*/
/* webmerit */
/*=====================================*/
.webmerit-notice{
  margin-top: 30px;
}
.webmerit-exp {
  float: left;
  width: 42%;
}
.webmerit-feature {
  float: right;
  width: 54%;
  background: url(../images/bg_merit.png) repeat 0 0;
  padding: 20px;
}
.webmerit-feature .box {
  background: #FFF;
  padding: 15px;
}
.webmerit-feature .ttl {
  color: #ed4e00;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
}
.webmerit-feature .txt {
  font-size: 14px;
  font-size: 1.4rem;
}
.webmerit-feature .box:nth-child(2) {
  position: relative;
}
.webmerit-feature .box ~ .box {
  margin-top: 20px;
}
.webmerit-exp .btn {
  padding: 0!important;
  margin: 0 0 10px;
  display:block;
  border: 1px solid #ed4e00 !important;
}
.webmerit-exp .btn:hover {
  opacity:1;
}
.webmerit-exp .btn a{
  display:block;
  position:relative;
  background:#ed4e00;
  border: 2px solid #f2834d !important;
  color:#fff;
  width:100%;
  height:3em;
  font-size:22px;
  font-size:2.2rem;
}
.webmerit-exp .btn a:before{
  content:"\3009";
  position:absolute;
  top:50%;
  right: 5%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.webmerit-exp .btn a:hover{
  background:#bd3e00;
  border: 2px solid #d67444 !important;
}
.webmerit-exp .btn 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%);
}

.webmerit-exp .button-list{
  font-size:0;
  margin-top:10px;
}
.webmerit-exp .button-list li{
  width:50%;
  display:inline-block;
  font-size: 12px;
  font-size: 1.2rem;
}
.webmerit-exp .button-list .spec a{
  display:block;
  width:100%;
  height:3em;
  border:1px solid #ccc;
  border-radius:3px;
  background:linear-gradient(#fff 40%, #eee 95%, #fff 95%);
  position:relative;
}
.webmerit-exp .button-list .spec a:before{
  content:"\3009";
  color:#555;
  position:absolute;
  width:100%;
   top: 50%;
   left: 10%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
.webmerit-exp .button-list .spec a:hover{
  border:1px solid #aaa;
  background:linear-gradient(#eee 5%, #ccc 5%, #ccc 30%, #eee 100%);
}
.webmerit-exp .button-list .spec a span{
  font-weight:bold;
  display:inline-block;
  text-align:center;
  position:absolute;
  width:100%;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.webmerit-exp .button-list .howto{
  text-align:right;
  vertical-align:bottom;
}
.webmerit-exp .button-list .howto a{
  display:inline-block;
  position:relative;
}
.webmerit-exp .button-list .howto a span{
  display:inline-block;
  font-size:14px;
  font-size:1.4rem;
  color:#000;
  border-bottom:1px solid transparent;
  position:relative;
}
.webmerit-exp .button-list .howto a:hover span{
  border-bottom:1px solid #000;
}


/*=====================================*/
/* message */
/*=====================================*/

/*message_area*/
#message {
	border-top: 3px solid #f27200;
	padding: 50px 0 80px;
    background: #f8f8f8;
}
#message .sectionInner {
	margin: 0 auto;
	background:#fff;
}
#message h3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight:bold;
  color: #fff;
  background: #f27200;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
#message h3 .message_ttl {
  display: inline-block;
  padding: 0 10px;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight:bold;
}

	ox_wrap {
  padding: 20px;
  border: 1px solid #e4e4e4;
}
#message .message_box {
  line-height: 1.8;
  margin-top: 20px;
  padding: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}
#message .message_box .left_box {
  float:left;
  width: 17%;
  margin-top: 15px;
  border: 1px solid #e4e4e4;
  vertical-arign:middle;
}
#message .message_box .right_box {
  float:
  right;
  width: 83%;
  padding: 0 25px;
}
#message .message_box .right_box .teacher_name{
  color: #f27200;
  margin-bottom:20px;
  border-bottom:1px solid #f27200;
	
}
#message .message_box .right_box .teacher_name > span{
  font-size:24px;
  font-size:2.4rem;
}

#message .message_btn_area{
	padding:20px;
	background: #e4e4e4;
	text-align: center;
}
#message .message_btn_area .open_btn{
	display: inline-block;
	width:30%;
	height: 5rem;
	margin:0 auto;
	background: linear-gradient(to bottom, #4c4c4c, #000);
	border-radius:12px;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
	position:relative;
}
#message .message_btn_area .open_btn:after {
	content:"メッセージを見る";
	display: inline-block;
	width:100%;
	text-align: center;
	color:#fff;
	padding:0.5% 2%;
	border-radius:20px;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
#message .message_btn_area .open_btn.selected:after {
	content:"閉じる";
}
#message .message_btn_area .open_btn span {
	display:
	inline-block;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 10px;
	position: relative;
	top: 50%;
	left: 40%;
	transform: translateY(-50%);
}
#message .message_btn_area .open_btn span:after {
	content:"＋";
	display: inline-block;
	text-align: center;
	color:#000;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
#message .message_btn_area .open_btn.selected span:after {
	content:"－";
}

.winSP #message h3 {
  font-size: 5vw;
}
.winSP #message h3 .message_ttl {
  font-size: 10vw;
}
.winSP #message .message_box_wrap {
  padding:10px;
}
.winSP #message .message_box .left_box {
  float:
  none;
  width: 100%;
  max-width: 150px;
  margin:0 auto;
  text-align: center;
  margin-top: 15px;
}
.winSP #message .message_box .left_box:after {
  left: calc(50% - 70px);
}
.winSP #message .message_box .right_box {
  float:none;
  width: 100%;
  padding: 0 15px 15px;
}
.winSP #message .message_btn_area{
	padding:10px;
}
.winSP #message .message_btn_area .open_btn{
	width:80%;
}



/*=====================================*/
/* success */
/*=====================================*/
#success{
  border-top:#f27200 solid 3px;
  border-bottom:#f27200 solid 3px;
  padding-top:10px;
  padding-bottom:65px;
}
#success .sub_ttl .ttl_sub{
  display:inline-block;
  font-weight:bold;
  font-size:30px;
  font-size:3rem;
}
#success .sub_ttl .ttl_main{
  display:inline-block;
  font-weight:bold;
  font-size:48px;
  font-size:4.8rem
}
.winSP #success .sub_ttl .ttl_sub{
  font-size:4vw;
}
.winSP #success .sub_ttl .ttl_main{
  font-size:8vw;
}
.success_advice{
  padding-top:32px;
  padding-bottom: 32px;
  border: 1px solid #f27200;
  background:url(../images/success_bg.png) repeat;
  max-width:1024px;
  margin:20px auto;
}
.success_advice dl {
  overflow: hidden;
}
.success_advice dl dt {
  margin-left: 30px;
  display:inline-block;
  max-width:190px;
  font-size:0;
  vertical-align:top;
}
.success_advice dl dt span {
  display: block;
  /* float: left;
  width: 230px;*/
}
.success_advice dl dd {
  /* margin-left: 270px;*/
  padding-top:1.5em;
  padding-right:0;
  padding-left:4%;
  color: #dd6800;
  font-size:14px;
  font-size:1.4rem;
  display:inline-block;
  width:74%;
  line-height:2.0;
}
.success_advice dl dd .text_t01{
  color:#221815;
  font-size:20px;
  font-size:2.0rem;
  margin:0;
  padding:0;
  font-weight:bold;
}

.success_advice dl dd .text_t02{
  color:#221815;
  font-size:14px;
  font-size:1.4rem;
  margin:0;
  padding:0;
  line-height:2.0;
}





/*=====================================*/
/* faq */
/*=====================================*/
#faq {
  border-top:3px solid #f27200;
  padding: 30px 0 60px;
  background: #f8f8f8;
}

#faq h3 {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
    color: #f27200;
}

.faq-list li {
  margin-bottom: 30px;
	border:1px solid #ccc;
	border-radius:10px;
	padding: 2% 3%;
	background: #fff;
}


.faq-list dt {
  position: relative;
  color: #333;
  padding: 8px 100px 8px 50px;
  font-size: 18px;
  font-size: 1.8rem;
}

.faq-list dt i {
  position: absolute;
  width: 30px;
  height: 25px;
  top: 8px;
  left: 12px;
}
.faq-list dt:after {
	content:"見る＋";
	display:inline-block;
	background:#f27200;
	text-align:center;
	color:#fff;
	padding:0.5% 2%;
	border-radius:20px;
 　 font-size: 14px;
　  font-size: 1.4rem;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}
.faq-list dt.open:after {
	content:"閉じる－";
}

.faq-list dd {
  font-size: 16px;
  font-size: 1.6rem;
  border-top: 2px solid #ccc;
  position: relative;
}

.faq-list dd i {
  position: absolute;
  width: 30px;
  height: 25px;
  top: 20px;
  left: 12px;
}
.faq-list dd .txt {
  margin: 8px 0 15px;
  padding: 15px 10px 15px 50px;
  color: #333;
}


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

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


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

.winSP .faq-list dt i {
  width: 25px;
  height: 20px;
  top: 10px;
  left: 0px;
}
.winSP .faq-list dt:after {
	font-size:4vw;
}

.winSP .faq-list dd {
  font-size: 13px;
  font-size: 1.3rem;
}

.winSP .faq-list dd i {
  width: 25px;
  height: 20px;
    top: 14px;
    left: 0px;
}
.winSP .faq-list dd .txt {
  margin: 8px 0 15px;
  padding: 9px 10px 10px 36px;
}


/*=====================================*/
/* system */
/*=====================================*/

.sub-block-otoku {
  background: #e6f5fe url(../images/waribiki_bg.jpg) no-repeat center top/cover;
  padding-bottom:3%;
  border-top: #f27200 solid 3px;
}
.sub-block-otoku h3{
  padding-top:5%;
  padding-bottom:3%;
}
.sub-block-otoku h3 .ttl_sub{
  display:inline-block;
  font-weight:bold;
  font-size:30px;
  font-size:3rem;
}
.sub-block-otoku h3 .ttl_main{
  display:inline-block;
  font-weight:bold;
  font-size:48px;
  font-size:4.8rem
}
.sub-block-otoku h3 .ttl_main span{
  font-weight:bold;
}
.sub-block-otoku .waribiki_s_text01{
  margin:0 auto;
  padding:0;
  width:95%;
  font-size:24px;
  font-size:2.4rem;
  font-weight:bold;
  line-height:1.6;
}
.sub-block-otoku .waribiki_s_text02{
  margin:0 auto;
  padding:0;
  width:95%;
  font-size:14px;
  font-size:1.4rem;
  font-weight:bold;
}
.sub-block-otoku .waribiki_img{
  margin:0 auto;
  padding-top:3%;
}
.sub-block-otoku .waribiki_img p{
  width:100%;
  max-width: 963px;
  display: inline-block;
}
.sub-block-otoku  .waribiki_1point{
  background:#fff;
  max-width:963px;
  margin:20px auto;
  padding:2% 5%;
  border:6px solid #e60012;
  font-size:18px;
  font-size:1.8rem;
}
.sub-block-otoku  .waribiki_1point .ttl_box{
  font-size:30px;
  font-size:3rem;
  font-weight:bold;
  line-height:88px;
  color:#e60012;
  padding:0 0 0 90px;
  position:relative;
}
.sub-block-otoku .waribiki_1point .ttl_box:before{
  display:inline-block;
  content:"";
  background:url(../images/waribiki_img_icon.jpg) no-repeat center left/contain;
  width:84px;
  height:84px;
  position:absolute;
  left:0;
  top:0;
}



/*=====================================*/
/* dokugaku_apply */
/*=====================================*/

.dokugaku_apply h2 {
  background-color: #f6751d;
  color: #fff;
  font-size: 2.3em;
  font-weight: bold;
  margin: 0 auto;
  padding: 5px 0;
  text-align:center;

}
.dokugaku_apply ul.flow_img{
  margin:0 auto;
  text-align:center;
  font-size:0;
  }


.dokugaku_apply ul.flow_img [class^="flow_box"]{
  font-size:16px;
  font-size:1.6rem;
  display:
  inline-block;
  width:
  calc(94% / 4);
  margin:0 2% 0 0;
  border:1px solid #e8ae5d;
  border-radius:2px;
  padding: 1% 1%;
  min-height: 490px;
  vertical-align:
  top;
}
.dokugaku_apply ul.flow_img [class^="flow_box"] .flow_ttl{
  font-size:24px;
  font-size:2.4rem;
  line-height:55px;
  height:50px;
  display:block;
  background:#ffe080;
  position:relative;
}
.dokugaku_apply ul.flow_img [class^="flow_box"] .flow_ttl:after{
  content:"";
  background: url(../images/img_dokugaku_apply_arrow.png) no-repeat left top/contain;
  width:70px;
  height:24px;
  position:absolute;
  top:50%;
  left: 100%;
  -webkit-transform:translate(-40%,-50%);
  transform:translate(-40%,-50%);
}
.dokugaku_apply ul.flow_img [class^="flow_box"] .flow_text{
  padding:10% 0;
}
.dokugaku_apply ul.flow_img [class^="flow_box"] .flow_text .btn_box a{
  display:block;
  background:#f6751d;
  color:#fff;
  line-height:3;
  margin:15px 0 0;
}
.dokugaku_apply ul.flow_img [class^="flow_box"] .flow_text .btn_box a:hover{
  background:#b95917;
  text-decoration:none;
}
.dokugaku_apply ul.flow_img [class^="flow_box"] .flow_text > a{
  display:inline-block;
  font-size:14px;
  font-size:1.4rem;
  text-decoration:underline;
  margin:20px 0 0;
}
.dokugaku_apply ul.flow_img [class^="flow_box"] .flow_text > a:hover{
  background:#b95917;
  text-decoration:none;
}
.dokugaku_apply ul.flow_img [class^="flow_box"] .flow_text ul{
  margin: 0 0 15px;
  white-space: nowrap;
}
.dokugaku_apply ul.flow_img [class^="flow_box"] .flow_text ul li{
  border:1px solid #f6751d;
  margin-bottom:10px;
  padding:1% 0;
  font-weight:bold;
}
.dokugaku_apply ul.flow_img [class^="flow_box"] .flow_text .fontS{
  display: inline-block;
}


.dokugaku_apply ul.flow_img .flow_box_01{
  background: url(../images/img_dokugaku_apply01.png) no-repeat center bottom/auto;
}
.dokugaku_apply ul.flow_img .flow_box_02{
  background: url(../images/img_dokugaku_apply02.png) no-repeat center bottom/auto;
}
.dokugaku_apply ul.flow_img .flow_box_03{
  background: url(../images/img_dokugaku_apply03.png) no-repeat center bottom/auto;
}
.dokugaku_apply ul.flow_img .flow_box_04{
  background: url(../images/img_dokugaku_apply04.png) no-repeat center bottom/auto;
  margin:0;
}
.dokugaku_apply ul.flow_img .flow_box_04 .flow_ttl:after{
  width:0;
}
.dokugaku_apply ul.flow_img .flow_box_04 .flow_text p{
  margin-bottom:10px;
}

.dokugaku_apply .apply-limit {
  margin:50px auto 30px;
  text-align: center;
  font-size:22px;
  font-size:2.2rem;
  font-weight:bold;
}
.dokugaku_apply .apply-limit *{
  font-weight:bold;
}
.dokugaku_apply .apply-limit > div{
  display:inline-block;
  padding:1% 2%;
  margin:0 auto;
  border-bottom:3px solid #f6751d;
}
.dokugaku_apply .apply-limit img{
  display:inline-block;
  margin-right:10px;
}
.dokugaku_apply .apply-limit .date_box{
  display:inline-block;
  text-align:left;
}
.dokugaku_apply .apply-limit .limit{
  color:#f6751d;
  font-weight:bold;
}
.dokugaku_apply .apply-limit .num{
  font-weight:bold;
  font-size:36px;
  font-size:3.6rem;
}










/*=====================================*/
/* close_Info */
/*=====================================*/
.close_Text{
	width: 80%;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #f64f35;
	padding: 25px 1%;
	margin-top:35px;
	margin-left:auto;
	margin-right:auto;
}


.close_Text em {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff352;
}

.winSP .close_Text{
  width: 80%;
  margin-left: 10%;
  background:   #f64f35;
  text-align: center;
  color: #ffffff;
  font-size:13px;
  font-size: 1.3rem;
  font-weight: bold;
}

.winSP .close_Text em {
  width: 80%;
  background:   #f64f35;
  text-align: center;
  color: #fff352;
  font-size:13px;
  font-size: 1.3rem;
  font-weight: bold;
}



























  /*==========================================================================*/
  /* 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 .sp_none {
  display: none;
}
.winSP .pc_none {
  display: block;
}
.winSP .section {
}
.winSP .title-bar {
  font-size: 20px;
  font-size: 2.0rem;
}

.winSP .button-list,
.winSP .button-list li {
  width: 100%;
  margin-left: 0;
}
.winSP .button-list li ~ li {
  margin: 5px;
}



.winSP #dokugaku_kensetsu_about h2{
  font-size:23px;
  font-size:2.3rem;
}
.winSP .head_content .buttons .btn_privilege {
  bottom: 5%;
  right: 2%;
  width: 96%;
}


.winSP .head_content > p {
  padding-bottom: 0;
}

.winSP .head_content .grade_memu{
  width:100%;
  position:relative;
  top:0;
  left:0;;
}
.winSP .head_content .grade_memu .grade_memu_box{
  width:50%;
  display:inline-block;
  margin:0 auto 10px
}
.winSP .head_content .grade_memu_box .grade_name{
  font-size:5vw;
}
.winSP .head_content .grade_memu_box .price{
  font-size:3vw;
}
.winSP .head_content .grade_memu_box .price .bold{
  font-size:3.5vw;
}
.winSP .head_content .grade_memu_box .btn_box{
  font-size:4vw;
}
.winSP .head_content .grade_memu_box .limit{
  font-size:2.5vw;
}
.winSP .head_content .grade_memu_box .limit .date{
  font-size:3.5vw;
  display:inline-block;
  position:relative;
}
.winSP .head_content .grade_memu_box .limit .week{
  font-size:2.5vw;
  width:3.7vw;
  height:3.5vw;
  line-height:3.5vw;
}



  /* menu
  --------------------------------------------------------- */
.winSP #kensetsu_menu {
  text-align: center;
  min-width: 100%;
}
.winSP #kensetsu_menu ul{
  width: 100%;
  padding: 0 2%;
  display: block;
}
.winSP #kensetsu_menu ul li {
  padding-bottom:0.5%;
  width: calc((100% - 6px) / 3);
}
.winSP #kensetsu_menu ul li:nth-child(3n+3){
  margin-right:0;
  margin-bottom:2px;
}
.winSP #kensetsu_menu ul li a {
  font-size:3.5vw;
  height: 2.5em;
}
.winSP #kensetsu_menu ul li a span.sup{
  font-size:2vw;
  width:90%;
}

.winSP #dokugaku_kensetsu_about.section{
  margin-top:0;
}
.winSP #dokugaku_kensetsu_intro{
  margin: 5px 0 0 0;
}
.winSP #dokugaku_kensetsu_about.section .sectionInner{
  max-width: initial;
  margin: 0 auto;
  padding: 3%;
}
.winSP .about_img{
  padding-top:0;
}
.winSP .section_title_box h2{
  font-size:1.8rem;
  margin-top:25px;
}
.winSP .section_title_box h2 span.text01{
  font-size:2.6rem;
  display:block;
}
.winSP #experience .section_title_box h2{
  font-size:2.6rem;
}


.winSP .curriculum_menu{
  max-width: initial;
  padding: 5px 0 5%;
  width:94%;
}
.winSP .curriculum_menu li{
  width:100%;
  display:block;
}
.winSP .curriculum_menu li:first-child{
  margin-right: 0;
  margin-bottom:5%;
}
.winSP .curriculum_menu li a:before{
  display:inline-block;
  content:"";
  background:url(../images/btn_arr_01.png) no-repeat center left/contain;
  width:8vw;
  height:4vw;
  position:absolute;
  top:50%;
  right:10%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
.winSP .curriculum_menu li a span{
  font-size:6vw;
}

.winSP #curriculum [id^="dokugaku_kensetsu_contents"] h3 .box_wrap{
  text-align:center;
}
.winSP #curriculum #dokugaku_kensetsu_contents01 h3 .box_wrap{
}
.winSP #curriculum #dokugaku_kensetsu_contents01 h3 .box_wrap:before{
  width: 40%;
  height:100%;
  display:inline-block;
  position:absolute;
  left: -38%;
  bottom:60%;
}
.winSP #curriculum [id^="dokugaku_kensetsu_contents"] h3 .target{
  font-size:4vw;
  white-space:nowrap;
}
.winSP #curriculum [id^="dokugaku_kensetsu_contents"] h3 .grade_name{
  font-size:7vw;
}
.winSP #curriculum #dokugaku_kensetsu_contents01 h3:before{
  width:20vw;
  height:17vw;
  left:-18vw;
  bottom:50%;
}

.winSP .grade_text{
  display:block;
  font-size:6vw;
}
.winSP .grade_text{
  display:block;
  font-size:6vw;
}
.winSP .grade_text:after {
  content: none;
  margin: 0;
  color:#f6751d;
}
.winSP #dokugaku_kensetsu_contents01 .tcenter {
  padding: 0 3%;
  line-height:1.0;
}
.winSP #dokugaku_kensetsu_contents02 .tcenter {
  padding: 0 3%;
  line-height:1.0;
}
.winSP #experience .sub_ttl{
  font-size:8vw;
}
.winSP #ex01 .tcenter,.winSP #ex02 .tcenter ,.winSP #success .tcenter {
  padding-right:5%;
  padding-left:5%;
} 
.winSP #ex03 .movie-download .movie-img {
  float: none;
  margin-bottom: 20px;
}
.winSP #ex03 .popular_course_box {
  margin-top: 30px;
  padding-bottom: 15px;
}

.winSP #ex03 .popular_course_box h4 .ttl_sub{
  font-size:3vw;
}
.winSP #ex03 .popular_course_box h4 .ttl_main{
  font-size:4.8vw;
}
.winSP #ex03 .button-list,
.winSP #ex03 .button-list li{
  width:100%;
}
.winSP #ex03 .button-list .btn_app{
    margin:0 auto;
    max-width:100%;
}
@media screen and (max-width:240px) {
.winSP #ex03 .button-list .btn_app a span{
    font-size:6vw;
}
}

.winSP .font_g01{
  font-size: 4vw !important;
}
.winSP #curriculum .sectionInner {
  max-width: initial;
  margin: 0 auto;
  padding: 15px 0 0;
}

.winSP #grade2 .set_img{
  background:#fde9d9;
  margin-bottom:10px;  
}
.winSP #grade1 .set_img{
  background:#deeee0;
  margin-bottom:10px;  
}
.winSP .sp_contents_set_pre_sche ul{
  list-style:none;
}
.winSP .sp_contents_set_pre_sche ul li{
  margin:0 auto;
  padding-bottom:2em;
}
.winSP .sp_contents_set_pre_sche ul li:last-of-type{
  padding-bottom:0em;
}

.winSP .sp_contents_set_pre_sche ul li h5{
  margin:0 auto;
  padding-bottom:2em;
}
.winSP .sp_contents_set_pre_sche ul li p{
  margin:0 auto;
  padding:0;
  text-align:center;
  width:80%;
}


.winSP .moreover .moreover_title{
	font-size:5vw;
}
.winSP .moreover .moreover_title:before{
	top: -100%;
	left: 0;
}
.winSP .moreover .moreover_title:after{
	top: -60%;
	left: -4%;
}
.winSP .moreover .moreover_title .bold{
	font-size:6vw;
}
.winSP .moreover .img_box > li{
	width: 50%;
}
.winSP .moreover .img_box .img_note li{
	font-size:2.5vw;
}

/*--旧プライスエリア--
.winSP .course_price_box.bg_orn .course_name_box{background: #f67b09; background-size: auto;}
.winSP .course_price_box.bg_blu .course_name_box{ background:#27adab; background-size: auto;}
.winSP .course_price_box.bg_gre .course_name_box{background:#02aa65; background-size: auto;}

.winSP .course_price_box .course_name_box{
  display: block;
  width: 100%;
  padding:2% 3% 3%;
  vertical-align: middle;
}
.winSP .course_price_box .course_name_box h6{
  padding-left:2%;
  padding-right:2%;
}
.winSP .course_price_box .course_name_box h6 .ttl_box {
  width:78%;
  margin-left:2%;
}
.winSP .course_price_box .course_name_box h6 .ttl_box .ttl_sup{
  font-size:5vw;
}
.winSP .course_price_box .course_name_box h6 .ttl_box .ttl{
  font-size:7vw;
}
.winSP .course_price_box .course_name_box h6 .ttl_box .ttl .course{
  font-size:5vw;
}
.winSP .course_price_box .course_name_box h6 .ttl_box .limit{
  font-size:4vw;
}

.winSP .course_price_box .course_name_box .text_box{
  padding:0;
  width:96%;
  margin:0 auto;
  border-top:none;
  padding-top:5px;
}
.winSP .course_price_box .price_btn_box{
  position:relative;
  width:100%;
  top: 0;
  left: 0;
  transform: translateY(0);
}
.winSP .course_price_box .price_btn_box .btn_inner{
  width:100%;
  margin:0 auto;
}
.winSP .price_q_link .course_name span{
  font-size:4vw;
}
.winSP .price_q_link .course_name .price{
  font-size:8vw;
}
.winSP .price_q_link .q_price_btn a{
  font-size:5vw;
}
.winSP .course_price_box .text_box .link{
  padding-left: 1em;
  text-indent: -1em;
}
*/

.winSP #dokugaku_kensetsu_contents01{
  border-bottom: none;
  padding-bottom: 0;
}
.winSP #dokugaku_kensetsu_contents02{
  padding-top:0;
}
.winSP .sub_s_ber{
  margin-bottom: 1em;
}
.winSP .sub_ttl{
  padding: 3% 5% !important;
}
.winSP .ex_img_box{
  width: 90%;
  margin:0 auto;
  display:block;
}
.winSP .ex_text_box{
  width: 90%;
  margin:2% auto;
  display:block;
}
.winSP .ex_text_box p{

}
.winSP .ex_text_box h5{
  font-size:1.8rem;
  line-height:1.2;
}
.winSP .sub_s_box{
  padding: 1em 0 1em;
}
.winSP .webmerit-exp{
  float:none;
  width: 90%;
  margin:auto;
}
.winSP .webmerit-feature{
  float:none;
  width: 90%;
  margin:auto;
}
.winSP #ex02{
  padding-bottom: 20px;
}
.winSP .success_advice{
  padding-top: 3%;
  padding-bottom: 3%;
  width:88%;
}
.winSP .message_advice dl dt{
  width: 100%;
  margin:0 auto 10px;
  font-size:3vw;
  display:block;
}
.winSP .message_advice dl dt .img_box .teach_name span{
  font-size:6vw;
}
.winSP .message_advice dl dd{
  width:100%;
  padding-top:0;
}
.winSP  #success{
  border-bottom:none;
}
.winSP .success_advice dl dt{
  display: block;
  max-width: 190px;
  margin: 0 auto;
  text-align:center;
}
.winSP .success_advice dl dd{
  padding: 1.5em 0 0;
  color: #dd6800;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  width: 90%;
  line-height: 2.0;
  margin:0 auto;
}
.winSP .sub-block-otoku h3{
  padding-left:3%;
  padding-right:3%;
}
.winSP .sub-block-otoku h3 .ttl_sub{
  font-size:4vw;
}
.winSP .sub-block-otoku h3 .ttl_main{
  font-size:8vw;
}

.winSP .success_advice dl dd .text_t01{
  line-height:1.2;
}
.winSP .sub-block-otoku .waribiki_s_text01{
  font-size:18px;
  font-size:1.8rem;
  font-weight:400;
  padding-top:1em;
  width:92%;
}
.winSP .sub-block-otoku .waribiki_s_text02{
  font-size:18px;
  font-size:1.8rem;
  font-weight:400;
  padding-top:1em;
  padding-bottom:1em;
  width:92%;
}

.winSP .flow_img{
  width:94%;
}
.winSP .deadline{
  width:94%;
  margin: 25px auto 35px;
}


.winSP .apply-limit {
  width:94%;
  font-size:4vw;
}
.winSP .apply-limit img{
  width:20%;
}
.winSP .apply-limit .num{
  font-size:7vw;
}

.winSP .sub-block-otoku .waribiki_img p {
    width: 90%;
    text-align:left !important;
}
.winSP .sub-block-otoku  .waribiki_1point{
  font-size:3.5vw;
  width:90%;
}
.winSP .sub-block-otoku  .waribiki_1point .ttl_box{
  font-size:4vw;
  line-height:1.5;
  padding:2% 0 2% 20%;
}
.winSP .sub-block-otoku .waribiki_1point .ttl_box:before{
  width:14vw;
  height:15vw;
  position:absolute;
  left:0;
  top:0;
}


.winSP .dokugaku_apply h2 {
  font-size: 5vw;
  }
.winSP .dokugaku_apply ul.flow_img [class^="flow_box"]{
  font-size:4vw;
  display:block;
  width:100%;
  margin:0 0 2% 0;
  padding: 3%;
  min-height:auto;
  background-position:right bottom;
  background-size:40%
}
.winSP .dokugaku_apply ul.flow_img [class^="flow_box"] .flow_ttl{
  font-size:5vw;
  width:80%;
}
.winSP .dokugaku_apply ul.flow_img [class^="flow_box"] .flow_text{
  padding:6% 0;
}
.winSP .dokugaku_apply ul.flow_img [class^="flow_box"] .flow_text .btn_box a{
  display:block;
  text-align:center;
  max-width:80%;
  margin:2% auto 15%;
}
.winSP .dokugaku_apply ul.flow_img [class^="flow_box"] .flow_text > a{
  display:block;
  font-size:4vw;
  text-decoration:underline;
}
.winSP .dokugaku_apply ul.flow_img [class^="flow_box"] .flow_text > a:hover{
  background:none;
}

.winSP .dokugaku_apply ul.flow_img [class^="flow_box"] .flow_text .fontS{
  font-size:3vw !important;
  white-space:normal !important;
}
.winSP .dokugaku_apply ul.flow_img .flow_box_02 .flow_text{
  margin:0 0 10%;
}
.winSP .dokugaku_apply ul.flow_img .flow_box_03 .flow_text{
  margin:0 0 15%;
}
.winSP .dokugaku_apply ul.flow_img .flow_box_04 .flow_text{
  margin:5% 0 15%;
}



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



  /*=====================================*/
  /* isDeviceTB */
  /*=====================================*/

  @media screen and (max-width: 768px) {
.isDeviceTB .section_q .boki_32q_price .price_q {
  min-height: 530px;
}
}

.isDeviceTB {
}
.isDeviceTB #dokugaku_kensetsu_contents01 .grade_name img{
}
.isDeviceTB #dokugaku_kensetsu_about .sectionInner{
  padding:3% 3% 0 !important;
}
.isDeviceTB .about_img{
  width:80%;
}
.isDeviceTB .teach-guidebook dl dd{
  width:57%;
  margin:0 2%;
}
.isDeviceTB .ex_img_box{
  width:50%;
  margin-left:2%;
}

.isDeviceTB .webmerit-notice{
  padding:0 3%;
}

.isDeviceTB .message_advice dl dd{
  width:65%;
}

.isDeviceTB .success_advice{
  /*padding-left: 3%;
  padding-right:3%;*/
  width:94%;
}
.isDeviceTB .success_advice dl dd{
  width:70%;
}

.isDeviceTB .system_inner{
  padding-left: 3%;
  padding-right:3%;
}
.isDeviceTB .flow_img{
  width:94%;
}

.isDeviceTB #dokugaku_kensetsu_contents01 h4 ,.isDeviceTB #dokugaku_kensetsu_contents02 h4{
  text-align:left !important;

}
.isDeviceTB #grade1 ,.isDeviceTB #grade2{
  padding:0 3%;
}

.isDeviceTB .grade_name{
  padding: 30px 3%!important;
}
.isDeviceTB .section_title_box h2 span.text01{
  display:block;
}



















/*============================
料金カセット改修
============================*/

/*course_price*/

.course_price {
	padding: 25px 20px 20px;
	position:relative;
	background:#ccc;
}
.course_price [class^=box0] {
	width: 50%;
	margin-top:10px 0;
	color: #343434;
	display:block;
}
.course_price .box01 {
	margin-bottom: 10px;
	font-weight:bold;
  text-align:left;
  font-size:0;
}
.course_price .box01 .img_box {
  display:inline-block;
  vertical-align:top;
  width:20%;
}
.course_price .box01 .ttl_box {
  display:inline-block;
  width:80%;
  padding-left:2%;
  font-size:20px;
  font-size:2rem;
}

.course_price .box01 span{
	font-weight:bold;
}
.course_price .box01 .date {
	color:#001fa6;
}
.course_price .box01 .date_num{
	font-size:24px;
	font-size:2.4rem;
}
.course_price .box01 .course{
	font-size:30px;
	font-size:3rem;
	line-height: 1.5;
}
.course_price .box01 .course_name{
	font-size:40px;
	font-size:4rem;
}
.course_price .box01 .course_lank{
	color:#cc0000;
}
.course_price .box01 .limit{
	font-size:20px;
	font-size:2rem;
	color:#555;	
}


.course_price .box02 {
	font-size: 12px;
	border-top: 1px dashed #665059;
	padding-top: 20px;
}

.course_price .box02 .limit{
	font-size:20px;
	font-size:2rem;
	color:#555;	
	font-weight:bold;
}


.course_price .course_r {
	width: 45%;
	position: absolute;
	top: 50%;
	right: 3%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
    margin-top: 0;
    padding: 0;
}

.course_price .course_r  *{
	font-weight:bold;
}
.course_price .course_r .inner_fullpack{
	padding: 15px 0;
	border-radius: 3px;
	background:#fff;
}
.course_price .course_r .full_price{
	font-weight:bold;
	color:#ca1111;
	font-size:16px;
	font-size:1.6rem;
	display:inline-block;
	-webkit-transform:skew(-10deg);
	transform:skew(-10deg);
}
.course_price .course_r .full_price .price{
	font-size:40px;
	font-size:4rem;
}
.course_price .course_r .price_btn{
	display:block;
	width:100%;
}

.course_price .course_r .price_btn a{
	display:block;
	width:80%;
	height:3em;
	margin:0 auto;
	background:#ff6600;
	font-size:20px;
	font-size:2rem;
	position:relative;
}
.course_price .course_r .price_btn a:hover{
	background:#b34902;
    right: 0%;
}
.course_price .course_r .price_btn a:after{
	position: absolute;
	display:inline-block;
	content:"\3009";
    top: 50%;
    right: 3%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color:#fff;
}
.course_price .course_r .price_btn a span{
	position: absolute;
	display:inline-block;
	width:100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color:#fff;
}


.course_price .course_r .inner_nopack{
	margin-top:15px;
}
.course_price .course_r .inner_nopack .price_btn a{
	background:#ff9755;
	font-size:15px;
	font-size:1.5rem;
	letter-spacing:-0.1em;
}
.course_price .course_r .inner_nopack .price_btn a:hover{
	background:#b34902;
}
.course_price .course_r .inner_nopack .price_btn a sup{
	vertical-align:top;
}


.price_note{
  padding-left:1em;
  text-indent:-1em;
}


.course_price.pricebox_a {
	background:#ffddcc;
}
.course_price.pricebox_b {
	background:#ccebfa;
}
.course_price.pricebox_c {
	background:#9defaf;
}
.course_price.pricebox_c .box01 .course_name .course_lank{
	color:#c8495d;  
}
.course_price.pricebox_d {
	background:#9defaf;
}
.course_price.pricebox_d .box01 .course_name .course_lank{
	color:#0082cc;  
}
.course_price.pricebox_e {
	background:#9defaf;
}
.course_price.pricebox_e .box01 .course_name .course_lank{
	color:#d79145;  
}

/*sp*/

.winSP .course_price {
	margin: 0 2%;
	padding: 23px 2% 20px;
	width: auto;
}
.winSP .course_price [class^=box0] {
    width: 100%;
	margin-top: 0;
}
.winSP .course_price .box01 .ttl_box{
	font-size:4vw;
}
.winSP .course_price .box01 .date_num{
	font-size:6vw;
}
.winSP .course_price .box01 .course{
	font-size:6vw;
}
.winSP .course_price .box01 .course_name{
	font-size:8vw;
}
.winSP .course_price .box01 .limit{
	font-size:4vw;	
}
.winSP .course_price .box02 {
    border-top: none;
	text-align:center;
}
.winSP .course_price .box02 .limit{
	font-size:5vw;
}
.winSP .course_price .course_r {
	position: relative;
	width: 100%;
	padding:5px;
	top: 0;
	right: 0;
	transform: none;
}
.winSP .course_price .course_r .full_price{
	font-size:3vw;
}
.winSP .course_price .course_r .full_price .price{
	font-size:9vw;
}
.winSP .course_price .course_r .price_btn a{
	font-size:5vw;
	font-size:4vw;
    width: 90%;
}
.winSP .course_price .course_r .inner_nopack .price_btn a{
	font-size:3vw;
}

.winSP .price_note {
	margin: 0 2%;
}







/*============================
料金カセット周辺
============================*/
.course_materials {
    border:thin solid #e9e9e9;
}
.course_materials .course_materials_inner {
    background: #fff;
    padding: 2%;
}
.course_materials_inner dt{
    text-align:center;
    padding:5px;
    background:#e9e9e9;
	position:relative;
}
.course_materials_inner dt:after{
	position:absolute;
	content:"\25BC";
	color:#aaa;
	top:50%;
	right: 2%;
	-webkit-transform: translateY(-50%) scale(1.5,1);
	transform: translateY(-50%) scale(1.5,1);
}
.course_materials_inner dt.open:after{
	content:"\25B2";
	-webkit-transform: translateY(-50%) scale(1.5,1);
	transform: translateY(-50%) scale(1.5,1);
}
.course_materials dd{
    padding: 2% 2% 0;
    text-align: left;
}
.course_materials dd li{
    margin-bottom:5px;
}

.course_materials dd p{
    text-align:center;
    margin-top:50px;
    position:relative;
}

.course_materials dd p:before{
	position: absolute;
	display:inline-block;
	content:"\3009";
	font-size:100px;
	font-weight:lighter;
    top: -70px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(90deg) scale(1,1.5);
    transform: translateX(-50%) rotate(90deg) scale(1,1.5);
    color:#e9e9e9;
}

.winSP .course_materials {
    width:96%;
	margin:0 auto;
}





/* ========================================*/

.notes_info01{
  background:#191d7c;
  width:100%;
  border:thin solid #191d7c;
  color:#fff;
  position:relative;
}

.notes_info01 h5{
  padding:1% 1% 1% calc(220px + 1%);
  font-size:24px;
  font-size:2.4rem;
  position:relative;
}
.notes_info01 h5 img{
	display:inline-block;
	position:absolute;
	top:50%;
	left:50px;
	transform: translateY(-50%);
}

.notes_info01 h5 p{
	display: block;
	width:90%;
	text-align:left;
}
.notes_info01 > p{
  background:#fff;
  padding:3% 5%;
  color:#000;
  font-size:16px;
  font-size:1.6rem;
  text-align:left;
}


.winSP .notes_info01{
  margin:20% auto 0;
  width: 96%;
}
.winSP .notes_info01 h5{
	font-size:4vw;
	padding:1%;
}
.winSP .notes_info01 h5 img{
	display:none;
}
.winSP .notes_info01 > p{
	font-size:4vw;
}

/* ========================================*/




/* #notes
--------------------------------------------------------- */
.apply-list_wrap h3{
	text-align:center;
	font-size:30px;
	font-size:3rem;
	margin-top:30px;
}

.apply-list_wrap .kiyaku{
	background:#fffaa5;
	padding:2%;
	color: #333;
}
.apply-list_wrap dl{
	margin:30px 0;
}
.apply-list_wrap dt{
	background:#d9d9d9;
	margin-top:20px;
}
.apply-list_wrap dt span{
	display:block;
	text-align:left;
	background:#f4696a;
	width:9em;
	font-size:20px;
	font-size:2rem;
	color:#fff;
	font-weight:bold;
	padding:2px 0 0 5px;
}
.apply-list {
	margin: 0 2%;
	font-size: 14px;
	font-size: 1.4rem;
}
.apply-list li {
	line-height: 1.8;
    margin-left: 1em;
    text-indent: -1em;
}

.winSP .apply-notes .apply-list_wrap{
	padding:2%;
}
.winSP .apply-notes .apply-list_wrap h3{
	font-size:5vw;
}
.winSP .apply-list_wrap .kiyaku {
  font-size: 4vw !important;
  letter-spacing: -0.04em;
}


/* ========================================*/

.notes_info02{
  background:#de0000;
  width: 900px;
  max-width:100%;
  margin:0 auto;
  border: thin solid #de0000;
  text-align:
  center;
  color:#fff;
  font-size:24px;
  font-size:2.4rem;
}

.notes_info02 h5{
  padding:1%;
}
.notes_info02 p{
  background:#fff;
  padding:3% 5%;
  color:#000;
}
.notes_info02 p {
    position:relative;
    cursor: pointer;
}
.notes_info02 p span{
	display: block;
	width:90%;
}
.notes_info02 p:after{
	content:"";
	background: url(../images/icon_click_01.png) no-repeat center center / contain;
	width: 15%;
	height:100%;
	line-height:400%;
	position:absolute;
	top:0;
	right: 1%;
}
.notes_info02 p.open:after{
	background: url(../images/icon_click_02.png) no-repeat center center / contain;

}
.notes_info02 .apply-list_wrap{
	background:#fff;
	padding:2%;
	border-top:thin solid #de0000;
}
.notes_info02 .apply-list_wrap h6{
	color:#000;
	margin-top:30px;
}
.notes_info02 .apply-list{
	background:#fff;
	color:#000;
	font-size:14px;
	font-size:1.4rem;
	text-align:left;
	padding: 2% 0;
	margin-top:1px;
}
.notes_info02 .apply-list a{
	color:#2a6be3 !important;
	text-decoration:none !important;
}
.notes_info02 .apply-list a:hover{
	text-decoration:underline !important;
}

.winSP .notes_info02{
  max-width:98%;
}
.winSP .notes_info02 h5 img{
	vertical-align:middle;
}
.winSP .notes_info02 h5{
  font-size:4.5vw;
}
.winSP .notes_info02 p span{
	font-size:4vw;
}
.winSP .notes_info02 p:after{
	line-height:15vw;
}
.winSP .notes_info02 h6{
  font-size:4.5vw;
}



/* ========================================*/




.copyrightText{
    font-size: 12px;
    font-size: 1.2rem;
    width: 1024px;
    margin: 150px auto 0;
}
.winSP .copyrightText{
    font-size: 3;
    width:95%;
    margin: 50px auto 0;
}

/* 2025/06
--------------------------------------------------------- */

@font-face {
    font-family: pageico;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/icoset.woff) format("woff");
}

.main-visual_voice {
    position: absolute!important;
    z-index: 1;
    top: 9%;
    right: 2%;
    border: 1px solid #f27200;
    border-radius: 4px;
    text-align: center;
    background: #fff;
}
.main-visual_voice:hover {
    background: linear-gradient(to top, #f27200 15%, rgba(255, 255, 255, 1) 15%);
}
.main-visual_voice a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #f27200;
    width: 100%;
    padding: 3px 25px 20px;
    text-decoration: none !important;
    position: relative;
    line-height: 1.4;
  }
.main-visual_voice a span {
  font-weight: bold;
}
.main-visual_voice a:before {
    font-family: pageico !important;
    color: #ffd3ae;
    position: absolute;
    content: "\e902";
    position: absolute;
    bottom: 0%;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg);
    text-transform: none;
    speak: none;
}


.winSP .main-visual_voice {
    top: 2%;
    right: 2%;
    width: 19%;
}
.winSP .main-visual_voice a {
    padding: 2% 2% 20% 2%;
    font-size: 2vw;
    letter-spacing: -0.05em;
}
.winSP .main-visual_voice a img {
    display: inline-block;
    width: 30%;
}