@charset "UTF-8";

a {outline: none;}
sup{font-size:60%; vertical-align:top;}

.colWhite{color: #fff !important;}
.colNavy{color:#01256e !important;}
.colBlue{color:#007ece !important;}
.colPink{color:#f44360 !important;}
.colRed{color:#db0a32 !important;}
.colYellow{color:#ffee34 !important;}
.colPurple{color:#8957a1;}

.bgcolRed{background:#de0000;}

.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;}

/* clearfix -------------- */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf {
  *zoom: 1;
}
.cf:after {
  clear: both;
}


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

.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;
}
.notes_info02 h4{
  padding:1%;
}
.notes_info02 p{
  background:#fff;
  padding:3% 5%;
  color:#000;
}
.notes_info02 a{
  color:#de0000;
  text-decoration:underline;
}

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



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

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

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


/* head
--------------------------------------------------------- */
.head {
  background: url("./image/2021_05/img_bg_main.png") left top repeat;
  border-top:1px solid #ccc;
}

.head .head_content {
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
}

.head .head_content .buttons{
  display: inline-block;
  min-width:190px;
  text-align:center;
  position:absolute;
  top:0;
  right:7%;
}
.head .head_content .buttons a{
  display:block;
  width:100%;
  height:30px;
  background:#e14f8c;
  color:#fff;
  border-radius:3px;
  position:relative;
}
.head .head_content .buttons a:hover{
  background:#822e50;
}
.head .head_content .buttons a:after{
  content:url("./image/2020/img_arrow01.png");
  position:absolute;
  top:50%;
  right:10%;
  -webkit-transform:  translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.head .head_content .buttons a span{
  font-weight:bold;
  display:inline-block;
  font-size:14px;
  font-size:1.4rem;
  line-height:1;
  position:absolute;
   top:35%;
   left:50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
}


/* menu
--------------------------------------------------------- */
#boki_menu .button_section{
  margin-bottom: 20px;
}

#boki_menu .button_section ul {
  margin: 0 auto;
  font-size: 0;
  text-align: center;
  max-width: 1280px;
}
#boki_menu .button_section ul li {
  position: relative;
  display: inline-block;
  width: calc((100% - 2.5%) / 6);
  vertical-align: top;
  margin-right:0.5%;
}
#boki_menu .button_section ul li:last-child {
  margin-right:0;
}
#boki_menu .button_section ul li a {
  display:block;
  min-height: 70px;
  border-radius:5px;
  border:2px solid #e94f7a;
  color:#e94f7a;
  position:relative;
}
#boki_menu .button_section ul li a:hover {
  background: #f5d6e3;
}
#boki_menu .button_section ul li a:after {
  content:"";
  background: url("./image/2021_05/img_arrow02.png")no-repeat center center/contain;
  width: 9%;
  height: 100%;
  position:absolute;
  top: 50%;
  left: 90%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#boki_menu .button_section ul li a > span {
  font-size:18px; 
  font-size:1.8rem;
  font-weight:bold;
  width:100%;
  display:inline-block;
  position:absolute; 
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
#boki_menu .button_section ul li a > .sub_text + span {
  top:65%;
}
#boki_menu .button_section ul li a .sub_text {
  top:30%;
  width:75%;
  font-size:12px;
  font-size:1.2rem;
  text-align:center;
  padding:2px;
}
#boki_menu .button_section ul li a:hover .sub_text {
  border-bottom:none;
}
/*
#boki_menu .button_section ul li.boki_3q a .sub_text {
  color:#fcff00;
  background:#0d9df8;

*/
#boki_menu .button_section ul li.boki_2q a {
  color:#45b65d;
}
#boki_menu .button_section ul li.boki_32q a {
  color:#8957a1;
}


@media screen and (max-width: 1200px) {
  #boki_menu .button_section ul li a > span {
    font-size:1.5vw;
  }
  #boki_menu .button_section ul li a .sub_text {
    letter-spacing: -0.05em;
    white-space: nowrap;
    width: 80%;
  }
}

#boki_menu .notes_section{
  margin:0 auto;
  max-width: 1280px;
}
#boki_menu .notes_text{
  font-size:14px;
  font-size:1.4rem;
  margin:0;
  padding:0;
  text-align:right;
  font-weight:bold;
}


/* section
--------------------------------------------------------- */
.section {
}
.section h2 {
  padding: 15px 0;
  text-align: center;
}
.section h3 {
  padding: 10px 3%;
  text-align: center;
}
.section .sectionInner {
  max-width: 1280px;
  margin: 0 auto;
}
.section .wp-1024 {
  margin: 0 auto;
  max-width: 1024px;
}



/* #boki_intro
--------------------------------------------------------- */
#boki_intro {
    padding-bottom: 100px;
    padding-top: 20px;
}
#boki_intro .txt_box {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.7;
    margin: 0 auto;
    max-width: 900px;
}
#boki_intro .intro-contents {
    background: url("./image/2020/img_bg_intro.png") no-repeat center top;
}
#boki_intro .intro-contents h2{
  display:block;
  padding: 150px 0 25px 0;
  font-size:40px;
  font-size:4rem;
  font-weight:bold;
  letter-spacing:-0.03em;
}
#boki_intro .intro-contents h2 .colPink{
  font-size:54px;
  font-size:5.4rem;
  font-weight:bold;
}
#boki_intro .intro-contents h2:after{
  content:url("./image/2020/img_arrow03.png");
  display:block;
}


/* #boki_new
--------------------------------------------------------- */
#boki_new h2 {
  background-color: #f64f71;
  text-align: center;
  position:relative;
}
#boki_new h2:after {
  content:"\25BC";
  color:#f64f71;
  display:block;
  position:absolute;
  top:70%;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
}
#boki_new .sectionInner {
    max-width: 1024px;
    padding: 5% 3%;
    font-size:16px;
    font-size:1.6rem;
}


/* #boki_support
--------------------------------------------------------- */
#boki_support {
  background-color: #fbecef;
}
#boki_support h2 {
  background-color: #f64f71;
  text-align: center;
  position:relative;
}
#boki_support h2:after {
  content:"\25BC";
  color:#f64f71;
  display:block;
  position:absolute;
  top:70%;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
}
#boki_support .sectionInner {
    max-width: 1024px;
}
#boki_support .sectionInner h3{
  font-size:45px;
  font-size:4.5rem
}
#boki_support .sectionInner h3 .colPink{
  font-size:3px;
  font-size:3rem;
}
#boki_support .sectionInner h3 .normal{
  font-size:50px;
  font-size:5rem;
  font-weight:normal !important;
}

#boki_support .sectionInner .feature-detail{
  font-size:0;
  text-align:center;
}
#boki_support .sectionInner .feature-detail .img_box{
  display:inline-block;
  vertical-align:middle;
  width:20%;
}
#boki_support .sectionInner .feature-detail .txt_box{
  display:inline-block;
  vertical-align:middle;
  width:80%;
  padding-left:3%;
  text-align:left;
  font-size:18px;
  font-size:1.8rem;
}

#boki_support .sectionInner .feature-ex .feature_btn a {
  display:inline-block;
  background: #fff;
  border:1px solid #01256e;
  border-radius:3px;
  position:relative;
  margin-right: 6.5%;
  margin-bottom: 1%;
}
#boki_support .sectionInner .feature-ex .feature_btn a:hover {
  background: #cdefff;
}

#boki_support .sectionInner [class^="flow"]:not(.flow03) .box_rwrap{
    display: block;
    background: #fff;
    padding: 2%;
    border: #ccc 1px solid;
    max-width:980px;
    margin:0 auto;
    font-size: 0;
}
#boki_support .sectionInner [class^="flow"]:not(.flow03):after{
  content:url("image/2020/img_arrow04.png");
  display:block;
}

#boki_support .sectionInner .flow01 .box_rwrap .img_box{
  display:inline-block;
  vertical-align:top;
  width: 25%;
}
#boki_support .sectionInner .flow01 .box_rwrap .txt_box{
  display:inline-block;
  width:70%;
  line-height:2;
}
#boki_support .sectionInner .flow02 h4{
  margin:0 auto 15px;
}
#boki_support .sectionInner .flow02 .box01 .txt_box{
  max-width:650px;
  margin:0 auto 20px;
}
#boki_support .sectionInner .flow02 .box01 h5.book_name{
  font-size:26px;
  font-size:2.6rem;
}
#boki_support .sectionInner .flow02 .box02 .img_box{
  display:inline-block;
  vertical-align:middle;
  width:20%;
}
#boki_support .sectionInner .flow02 .box02 .txt_box{
  display:inline-block;
  vertical-align:middle;
  width:60%;
}


/* .nav_q -------------- */
.nav_q {
  margin: 0 auto;
  text-align: center;
  max-width: 1024px;
  font-size:0;
  padding-bottom: 60px;
}
.nav_q li {
  display: inline-block;
  margin: 0 0.5%;
  width:calc((100% - 3%) / 3);
}
.nav_q li a{
  display:block;
  background:#ccc;
  font-size:33px;
  font-size:3.3rem;
  color:#fff;
  letter-spacing:-0.02em;
  line-height:2;
  width:100%;
  border-radius:3px;
  position:relative;
}
.nav_q li.nav01 a{background:#ef568c; border:1px solid #f3236c;}
.nav_q li.nav02 a{background:#45b65d; border:1px solid #097c25;}
.nav_q li.nav03 a{background:#8957a1; border:1px solid #743595;}

.nav_q li a:after{
  content:url("./image/2020/img_arrow05.png");
  position:absolute;
  top:50%;
  left:3%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
}
#notes + .section .nav_q li a:after/*下のナビ*/{
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.nav_q li a:hover{
  background:#555;
  text-decoration:none;
}
.nav_q li.nav01 a:hover{background:#f3236c; border:1px solid #f3236c;}
.nav_q li.nav02 a:hover{background:#097c25; border:1px solid #097c25;}
.nav_q li.nav03 a:hover{background:#743595; border:1px solid #743595;}
.nav_q li a span{
  font-weight:bold;
  text-shadow:0px 2px 0px rgba(0,0,0,0.3);
}





/* .section_q
--------------------------------------------------------- */
.section_q h2 img{
  vertical-align:middle;
  display:inline-block;
  margin:0 3% 0 -5%;
}
.section_q .sectionInner {
  text-align:center;
  margin: 2% auto 0;
  padding-bottom:10%;
}
.section_q .sectionInner .boxwrap_col2{
  font-size:0;
}
.section_q [class^="boxwrap_"] {
  max-width:1024px;
  margin:0 auto;
}

.section_q .course_select,
.section_q .course_price {
  display: inline-block;
  margin: 0 auto;
  width: 50%;
  max-width: 512px;
  vertical-align: top;
}

.section_q .course_select .select_catch {
  position: relative;
  min-height: 150px;
  padding: 10px 2% 0;
  text-align: center;
}
.section_q .course_select .select_catch ul {
  display: block;
  padding:3% 3.5%;
  margin-left: 1em;
  text-indent: -1em;
  text-align:left;
}
.section_q .course_select.select_qk h3{
  background:#f179a5;
  border:1px solid #c76c85;
}
.section_q .course_select.select_qs h3{
  background:#55afe1;
  border:1px solid #5f95b5;
}
.section_q .course_select[class*="select_q"] h3 {
  position: relative;
  padding: 1% 1% 0;
  width: 100%;
  max-width: 512px;
  border-radius:5px 5px 0 0;
  border-bottom-width: 0;
}
.section_q h4.select_textbook {
  padding: 8px;
  background-color: #fff;
  border: 1px solid #333;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
.section_q h5[class^="select_"],
.section_q .dvd_note {
  padding: 8px;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
.section_q h5.select_prepare {
  background: #143e7e url("./image/2020/img_bg_boki_q_ttl.png")repeat left top;
}
.section_q h5.select_inout {
  background: #4ea374 url("./image/2020/img_bg_boki_q_ttl.png")repeat left top;
}
.section_q h5.select_chokzuen {
  background: #bf9c6e url("./image/2020/img_bg_boki_q_ttl.png")repeat left top;
}
.section_q .course_select > div{
  padding: 20px 2% 10px;
  text-align: center;
}
.section_q .course_select.select_qk > .parepare_textbook,
.section_q .course_select.select_qk > .inout_textbook
 {
  background-color: #ffecf2;
  border-right: 1px solid #df96a9;
  border-left: 1px solid #df96a9;
}
.section_q .course_select.select_qs > .parepare_textbook,
.section_q .course_select.select_qs > .inout_textbook {
  background-color: #d6f0ff;
  border-right: 1px solid #7cabc6;
  border-left: 1px solid #7cabc6;
}

.section_q .course_select .inout_textbook > img{
  display:inline-block;
  min-height:200px;
}
.section_q .course_select .inout_textbook .details_btn_wrap{
  display:block;
  width: 100%;
  font-size: 0;
  margin: 5% 0 0;
}
.section_q .course_select .inout_textbook .details_btn_wrap a{
  display:inline-block;
  max-width: 49.5%;
}
.section_q .course_select .inout_textbook .details_btn_wrap a:nth-child(odd){
  margin-right:1%;
}
.section_q .course_select .inout_textbook .details_btn_wrap .btn_note{
  display:block;
  max-width: 45%;
  font-size: 12px;
  margin: 0 0 0 51%;
  text-align: left;
}

.section_q .dvd_note {
  background:#ff0000;
  padding:1% 0;
}
.section_q .dvd_note span{
  display:inline-block;
  position:relative;
  max-width: 80%;
}
.section_q .dvd_note span:before{
  display:inline-block;
  content:"";
  width:46px;
  height:46px;
  background:url(/dokugaku/boki23q/image/2021/ico_dvd.png)no-repeat top center/contain;
  position:absolute;
  top:50%;
  left:-50px;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}

.section_q .chokuzen_textbook {
  padding: 20px 0;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #fbf0de;
  border: 1px solid #afafaf;
  border-top-width: 0;
}

.section_q .boki_q_price h5 {
  padding: 30px 0;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  margin:  40px auto 15px;
  padding: 10px 0;
  border: 1px solid #000;
  background:#fff;
}
.section_q .boki_q_price .number_caution{
  display:block;
  width:80%;
  margin:0 auto 20px;
  border:2px solid #3c3f78;
  background:#fff;
}
.section_q .boki_q_price .number_caution h6{
  background:#fff8a4;
  padding:2% 0 1%;
}
.section_q .boki_q_price .number_caution p{
  padding:2%;
}

/*
.section_q .boki_q_price .course_price{
  text-align:left;
  padding:2%;
  font-size: 18px;
  font-size: 1.8rem;
  position:relative;
}
.section_q .boki_q_price .select_qk {
  background: #f87caa;
}
.section_q .boki_q_price .select_qs {
  background: #55afe1;
}
----キャンペーンアイコン----
.section_q:not(#boki_3q) .boki_q_price .course_price:after{
  content:"";
  background:url("./image/2020/img_icon_camp.png")no-repeat top right/contain;
  width: 30%;
  max-width:156px;
  height:50px;
  display:inline-block;
  position:absolute;
  top:4%;
  right: 2%;
  transform:rotate(10deg);
}
----

.section_q .boki_q_price .course_price .limit{
  display:inline-block;
  background:#fff;
  padding:1% 1% 0;
}
.section_q .boki_q_price .course_price .course_name {
  font-size:26px;
  font-size:2.6rem;
  letter-spacing: -0.05em;
  padding: 5% 0 2%;
  display: flex;
  align-items: flex-end;
}
.section_q .boki_q_price .course_price .course_name span{
  display:inline-block;
}
.section_q .boki_q_price .course_price .course_name .newline,
.section_q .boki_q_price .course_price .course_name .font5rem{
  line-height:1;
}
.section_q .boki_q_price .course_price .price{
  background:#fff;
  padding:4% 10%;
}
.section_q .boki_q_price .course_price .price .price_value {
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
}
.section_q .boki_q_price .course_price .price .fullpack{
  display:inline-block;
  text-align:left;
  text-indent:-0.3em;
  line-height:1;
  position:relative;
  bottom: -10px;
  left: -30px;
}
---割引キャンペーン用---
.section_q .boki_q_price .course_price .price .fullpack:before{
  content:"\2192";
  display:inline-block;
  color:#aaa;
  position:absolute;
  top:30%;
  right:-30%;
}
.section_q .boki_q_price .course_price .price .fullpack:after{
  content:"";
  width:4.5em;
  height:2px;
  background:#000;
  position:absolute;
  left:0;  
  bottom:20px;
}
----

.section_q .boki_q_price .course_price .price .fullpack .fontS{
  display:block;
  text-align:right;
}
.section_q .boki_q_price .course_price .price .price_value .font5rem {
  letter-spacing:-0.03em
}
.section_q .boki_q_price .course_price .price .apply_btn a{
  display:block;
  background:#e11031;
  color:#fff;
  min-height: 70px;
  position:relative;
}

.section_q .boki_q_price .course_price .price .apply_btn a:hover{
    background: #960018;
}
.section_q .boki_q_price .course_price .price .apply_btn a:after{
  content:url("./image/2020/img_arrow06.png");
  position:absolute;
  top:55%;
  left:80%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
.section_q .boki_q_price .course_price .price .apply_btn a span{
  display:inline-block;
  width:90%;
  position:absolute;
  top:50%;
  left: 50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}

.section_q .boki_q_price .course_price .price .apply_btn.until a {
  background:#d1d1d1;
  color:#555;
  font-size:14px;
  font-size:1.4rem;
  text-align:left;
  pointer-events:none;
}
.section_q .boki_q_price .course_price .price .apply_btn.until a:after {
  content:none;
}


.section_q .boki_q_price .course_price .already_type p{
  padding:5% 0 0;
}
.section_q .boki_q_price .course_price .already_type .bold{
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: -0.08em;
}
*/






/* #boki_3q -------------- */
#boki_3q {
  background: #fff4f4 url("./image/2020/img_bg_boki_q.png") repeat center top;
}
#boki_3q h2{
  background:#e94f7a;
  padding:0;
}


/* #boki_2q -------------- */
#boki_2q {
  background: #f0fcf6 url("./image/2020/img_bg_boki_q.png") repeat center top;
}
#boki_2q h2{
  background:#45b65d;
  padding:0;
}
#boki_2q .boki_q_price .course_price .already_type{
  min-height:165px;
}


/* #boki_32q -------------- */
#boki_32q {
  background: #f7f0fc url("./image/2020/img_bg_boki_q.png") repeat center top;
}
#boki_32q h2{
  background:#8957a1;
  padding:0;
}

#boki_32q .sectionInner .first_boki > div{
  display:inline-block;
  width: 40%;
  vertical-align:middle;
  text-align: left;
}
#boki_32q .sectionInner .first_boki .txt_box{
  width: 60%;
  line-height:1.2;
}
#boki_32q .sectionInner .first_boki .txt_box .colPurple{
  display:inline-block;
  padding: 0 10%;
  margin:0 auto;
  position:relative;
  letter-spacing: -0.06em;
}
#boki_32q .sectionInner .first_boki .txt_box .colPurple:before{
  content:"";
  width:3px;
  height:100px;
  background:#8957a1;
  position:absolute;
  bottom: 0;
  left: 5%;
  -webkit-transform:rotate(-20deg);
  transform:rotate(-20deg);
}
#boki_32q .sectionInner .first_boki .txt_box .colPurple:after{
  content:"";
  width:3px;
  height:100px;
  background:#8957a1;
  position:absolute;
  bottom: 0;
  right: 7%;
  -webkit-transform:rotate(20deg);
  transform:rotate(20deg);
}
#boki_32q .sectionInner .merit{
  position:relative;
  text-align:left;
}
#boki_32q .sectionInner .merit .txt_box{
  width:85%;
  font-size:18px;
  font-size:1.8rem;
  line-height:1.8;
  position:absolute;
  top:20%;
  left:4%;
  line-height: 1.5;
}

#boki_32q .sectionInner .select_note{
  position:relative;
}
#boki_32q .sectionInner .select_note:after{
  content:"";
  width: 1px;
  height: 100%;
  background: url("./image/2020/img_bg_dash.png") left top repeat-y;
  display: inline-block;
  position: absolute;
  top: 5%;
  left: 50%;
}
#boki_32q .sectionInner .select_note .txt_box{
  display:inline-block;
  width:50%;
  font-size:12px;
  font-size:1.2rem;
  vertical-align:top;
  text-align:left;
  padding:2% 2% 0;
}
#boki_32q .sectionInner .select_note .txt_box ul li{
  text-indent:-1em;
  padding-left:1em;
}
/*
#boki_32q .boki_q_price .course_price .course_name {
  letter-spacing: -0.02em;
  padding: 2% 0 2%;
}
#boki_32q .boki_q_price .course_price .img_box {
  display:flex;
  align-items:center;
}
#boki_32q .boki_q_price .course_price .already_type{
  min-height:50px;
}
*/


/* .sub-block-koshi
--------------------------------------------------------- */
.sub-block-koshi {
  background: #fef3f3;
  max-width: 100%;
}
.sub-block-koshi .inner {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  min-width: auto;
}
.sub-block-koshi h3 {
  margin-top: 42px;
  margin-top: 4.2rem;
  text-align: center;
  font-size: 1.8em;
  font-weight: bold;
  color: #cc1a28;
}
.sub-block-koshi h3 span {
  font-weight: bold;
  font-size: 1.6em;
  display: inline-block;
}
.sub-block-koshi .boxes {
  margin-top: 30px;
}
.sub-block-koshi .box {
  border-bottom: 1px solid #cc1a28;
  border-top: 1px solid #e37f87;
}
.sub-block-koshi .box.first {
  border-top: none;
}
.sub-block-koshi .box.last {
  border-bottom: none;
}
.sub-block-koshi .box > img {
  float: left;
  margin-top: 11px;
}
.sub-block-koshi .box > p {
  overflow: hidden;
  color: #cc1a28;
  font-size: 16px;
  line-height: 2;
  padding: 35px 10px 0 30px;
}


/* #voice
--------------------------------------------------------- */
.sub-block-voice .inner {
  width: 100%;
  margin:0 auto;
  min-width: auto;
}

.sub-block-voice h3 {
  margin-top: 45px;
  font-size: 2.6em;
  font-weight: bold;
  color: #cc1a28;
}
.sub-block-voice h3+p {
  font-size: 1.2em;
}

.sub-block-voice h3 img {
  vertical-align: bottom;
  display: inline-block;
  margin-bottom: 5px;
}
.sub-block-voice .voice_box {
  border:1px solid #fd242e;
  line-height: 1.8;
  margin-top: 20px;
}

.sub-block-voice .voice_box .left_box {
  float:left;
  width: 17%;
  margin-top: 15px;
  padding: 20px calc((17% - 97px)/2);
  position:relative;
}
.sub-block-voice .voice_box .left_box:after {
   content:"";
  width: 47px;
  height: 100%;
  background: url("/dokugaku/boki23q/image/2021_04/ico_voice.png") no-repeat;
  display: inline-block;
  position: absolute;
  top: 0%;
  left: 10%;
}

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



/* #challenge
--------------------------------------------------------- */
#challenge h3 {
  margin: 50px 0;
  background-color: #e9374d;
  text-align: center;
  position:relative;
  letter-spacing: -0.06em;
}
#challenge h3:after {
  content:"\25BC";
  color:#e9374d;
  display:block;
  position:absolute;
  top:70%;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
}
#challenge p {
  font-size: 16px;
  line-height: 2;
  font-weight: bold;
}
#challenge p span {
  font-weight: bold;
}
#challenge img {
  margin-top: 40px;
}



/* #skillup
--------------------------------------------------------- */
#skillup h3 {
  margin: 50px 0;
  background-color: #e9374d;
  text-align: center;
  position:relative;
  letter-spacing: -0.05em;
}
#skillup h3:after {
  content:"\25BC";
  color:#e9374d;
  display:block;
  position:absolute;
  top:70%;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
}

.sub-block-liup .sectionInner{
    margin-right: auto;
    margin-left: auto;
    max-width: 1024px;
    padding: 0 0 5%;
    overflow: hidden;
}
.sub-block-liup .main-text {
  font-weight: bold;
  font-size: 18px;
  color: #1c2577;
  margin: 30px 0 10px 35px;
}
.sub-block-liup .fig {
  position: relative;
  max-width: 1024px;
  min-height: 493px;
  background: url("image/2018/lineup_bg.png")no-repeat left top/100%;
  font-size: 14px;
  line-height: 1.4;
}
.sub-block-liup .items p {
  margin-top: 4px;
}
.sub-block-liup .item {
  position: absolute;
  width: 20%;
}
.sub-block-liup .item img {
  vertical-align: bottom;
  width:100%;
}
.sub-block-liup .item01 {
  top: 8px;
  left: 54%;
}
.sub-block-liup .item02 {
  top: 8px;
  left: 27.9%;
}
.sub-block-liup .item03 {
  top: 8px;
  left: 1.8%;
}
.sub-block-liup .item04 {
  top: 180px;
  left: 54%;
}
.sub-block-liup .item05 {
  top: 402px;
  left: 8%;
}
.sub-block-liup .item06 {
  top: 280px;
  left: 1.8%;
}
.sub-block-liup .item07 {
  top: 145px;
  left: 0;
}
.sub-block-liup .item08 {
  top: 152px;
  right: 0;
}
.sub-block-liup .item09 {
  top: 226px;
  left: 54%;
}
.sub-block-liup .item10 {
  top: 226px;
  left: 27.9%;
}
.sub-block-liup .item11 {
  top: 0;
  right: 0;
}
.sub-block-liup .itemdd {
  top: 402px;
  left: 40%;
  width: 300px;
  border: 1px solid #000;
  background-color: #fef3f3;
}
.sub-block-liup .itemdd > img {
  float: left;
  margin: 10px 8px 0 10px;
  width: auto;
}
.sub-block-liup .itemdd p {
  padding: 16px 0;
}


/* sub-block
--------------------------------------------------------- */
.sub-block {
  clear: both;
  margin: 0 auto;
}
.sub-block-pb {
  padding-bottom: 70px;
}

.sub-block-bd {
  border-top: 3px solid #f4212e;
}
.sub-block-bd h3 {
  text-align: center;
}

.sub-block-text {
  background: #d64564;
  padding: 25px 3% 20px;
  text-align: center;
  max-width: 100%;
}

.sub-block-faq h3 {
  margin-top: 57px;
}

/* sub-block present
--------------------------------------------------------- */
.sub-block-present {
 padding: 20px 0 25px 0;
 background-color: #ffffe1;
}

/* sub-block faq
--------------------------------------------------------- */
.sub-block-faq {
  max-width: 100%;
}
.sub-block-faq h3 {
  font-size: 2.6em;
  font-weight: bold;
  color: #cc1a28;
  line-height: 1.3;
}
.sub-block-faq h3 span {
  font-weight: bold;
}
.faq {
  margin: 34px auto 0;
}
.faq dl {
  max-width: 864px;
  margin: 0 auto;
  border-bottom: 1px solid #404f84;
  color: #cc1a28;
}
.faq .qw {
  border-top: 1px solid #404f84;
  font-size: 18px;
  font-weight: bold;
  /* cursor: pointer; */
  padding: 10px 0 9px 36px;
  background: url("image/2016/faq_ico_q.png") 5px 12px no-repeat;
}
.faq .qw span {
  display: block;
  /* background: url("image/2016/faq_open.png") 98% 5px no-repeat; */
  /* padding-right: 105px; */
  padding-right: 20px;
}
.faq .qw.open span {
  background: url("image/2016/faq_close.png") 98% 5px no-repeat;
}
.faq .ans {
  font-size: 14px;
  border-top: 1px solid #404f84;
  padding: 5px 0;
}
.faq .ans .inner {
  padding: 15px 60px;
  background: #fef2f3 url("image/2016/faq_ico_a.png") 26px 12px no-repeat;
  min-width: auto;
}



/* content - #apply_flow
-------------------------------------*/

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

#apply_flow .sectionInner {
  padding: 50px 0;
  text-align: center;
  max-width:1024px;
  margin:0 auto;
}
#apply_flow .sectionInner strong{
  color: #e01f3f;
}
#apply_flow .sectionInner ol{
  font-size:0;
}
#apply_flow .sectionInner ol li {
  display: inline-block;
  min-height: 380px;
  vertical-align: top;
  border: 1px solid #b5b5b5;
  border-radius: 2px;
  color: #e01f3f;
  font-weight: bold;
  font-size:12px;
  font-size:1.2rem;
}
#apply_flow .sectionInner ol > li:not(:last-child) {
  margin-right: 32.5px;
}
#apply_flow .sectionInner ol li a {
  color: #0066cc;
  text-decoration: underline;
}

#apply_flow .sectionInner ol li.flow01 {
  width: calc(100% - 502px);
}
#apply_flow .sectionInner ol li.flow01 h4, 
#apply_flow .sectionInner ol li.flow01 p {
  margin: 0 10px;
  color: #323232;
}
#apply_flow .sectionInner ol li.flow01 h4 {
  margin-bottom: 5px;
}
#apply_flow .sectionInner ol li.flow02 {
  width: 217px;
  background: url(image/2016/flow_step02_bg.png) no-repeat center 96%;
}
#apply_flow .sectionInner ol li.flow03 {
  max-width: 220px;
  margin-right: 0;
  background: url(image/2016/flow_step03_bg.png) no-repeat center 96%;
}
#apply_flow .sectionInner ol li[class^="flow0"] dt{
  display:block;
  padding:10px;
}
#apply_flow .sectionInner ol li[class^="flow0"] dt .flow_ttl{
  color: #323232;
  font-weight:bold;
  font-size:24px;
  font-size:2.4rem;
  text-align:center;
  display:inline-block;
  background:#f29c9f;
  padding:10px 0 8px;
  width:100%;
  position:relative;
}
#apply_flow .sectionInner ol li[class^="flow0"]:not(.flow01) dt .flow_ttl:before{
  content:url("./image/2020/img_arrow07.png");
  position:absolute;
  top: 50%;
  left: -21px;
  -webkit-transform:translateY(-12px);
  transform:translateY(-12px);
}
#apply_flow .sectionInner ol li[class^="flow0"]:not(.flow03) dt .flow_ttl:after{
  content:"";
  width:50px;
  height:5px;
  background:#f29c9f;
  position:absolute;
  top: 52%;
  left: 100%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
#apply_flow .sectionInner ol li.flow03 dl dd {
  padding-left: 1em;
  text-indent: -1em;
  padding: 0 13px 15px 13px;
}
#apply_flow .sectionInner ol li dl dd .start_date {
  font-size: 2em;
  line-height: 1.1;
}
#apply_flow .sectionInner ol li dl dd .start_date {
}
#apply_flow .sectionInner ol li dl dd.notes {
}
#apply_flow .sectionInner ol li dl dd ul {
  width: 80%;
  margin: 0 10%;
}
#apply_flow .sectionInner ol li dl dd ul li {
  display: block;
  width: auto;
  min-height: 0;
  margin-right: 0;
  border-width: 0;
  font-size: 0.9em;
  text-align: left;
}
#apply_flow .sectionInner ol li dl dd.flow_link {
  margin-top: 15px;
}
#apply_flow .sectionInner ol li dl dd.flow_link a {
  margin-top: 15px;
  font-weight: bold;
}

#apply_flow .sectionInner .apply_now{
  background-color:#ffe9ea;
  font-size:17px;
  font-size:1.7rem;
  font-weight:bold;
  padding:30px;
}

/* .apply #notes
---------------------------------------------------------*/
#notes .title-line {
  text-align: center;
  padding: 10px 3%;
  background: #f93245;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
}
.apply-list {
  max-width: 900px;
  margin: 0 auto;
  padding-top: 30px;
}
.apply-list li {
  text-indent:-1em;
  padding-left:1em;
  font-size:14px;
  font-size:1.4rem;
}





/*==========================================================================*/
/* SP */
/*==========================================================================*/
.winSP .fntS14 {
  font-size: 12px;
  font-size: 1.2rem;
}
.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 #dokugaku_boki23q {
  margin: 0;
}


/* menu
--------------------------------------------------------- */

.winSP #boki_menu .button_section ul {
  max-width: 100%;
}
.winSP #boki_menu .button_section ul li {
  width: 49.5%;
  margin-right:1%;
  margin-bottom:1%;
}
.winSP #boki_menu .button_section ul li:nth-child(even) {
  margin-right:0;
}
/*
.winSP #boki_menu .button_section ul li a {
  background: -webkit-linear-gradient(to bottom, #e94e4e, #ff6d6d);
  background: linear-gradient(to bottom, #e94e4e, #ff6d6d);
  border-radius: 0;
}
*/
.winSP #boki_menu .button_section ul li a:after {
  width:7%;
  left: 90%;
}
.winSP #boki_menu .button_section ul li a span {
  font-size:3.5vw !important;
}
.winSP #boki_menu .button_section ul li a > .sub_text + span {
  top:65%;
}
.winSP #boki_menu .button_section ul li a .sub_text {
    font-size:2vw;
}
.winSP #boki_menu .notes_text{
  font-size:3vw;
}


/* section
--------------------------------------------------------- */
.winSP .section .sectionInner {
  max-width: 100%;
  margin: 0 auto;
  padding: 1% 3% 5%;
}



/* #boki_intro
--------------------------------------------------------- */
.winSP #boki_intro {
    padding-bottom: 5%;
    padding-top: 2%;
}
.winSP #boki_intro .txt_box {
    font-size:3vw;
    max-width: 95%;
}
.winSP #boki_intro .intro-contents{
  margin-top:-10%;
}
.winSP #boki_intro .intro-contents h2{
  font-size:4vw;
  padding: 25% 0 3%;
}
.winSP #boki_intro .intro-contents h2 .colPink{
  font-size:5vw;
  font-weight:bold;
}
.winSP #boki_intro .intro-contents h2:after{
  content:"";
  background:url("image/2020/img_arrow03.png")no-repeat center bottom/contain;
  width:auto;
  height:20px;
}



/* #boki_support
--------------------------------------------------------- */
.winSP #boki_support h2 {
    margin-top: 0;
}
.winSP #boki_support .sectionInner {
    max-width: 100%;
}
.winSP #boki_support .sectionInner h3{
  font-size:7vw;
}
.winSP #boki_support .sectionInner h3 .colPink{
  font-size:5vw;
}
.winSP #boki_support .sectionInner h3 .normal{
  font-size:8vw;
}

.winSP #boki_support .sectionInner .feature-detail .img_box{
  display:block;
  width:60%;
  margin:0 auto 3%;
}
.winSP #boki_support .sectionInner .feature-detail .txt_box{
  display:block;
  width:95%;
  margin:0 auto;
  padding-left:0;
  font-size:4vw;
}
.winSP #boki_support .sectionInner .feature-ex .feature_btn.tright{
  text-align:center !important;
}
.winSP #boki_support .sectionInner .feature-ex .feature_btn a {
  width:80%;
  margin-right: 0;
}
.winSP #boki_support .sectionInner .feature-ex .feature_btn a img{
  width:100%;
}


.winSP #boki_support .sectionInner [class^="flow"]:not(.flow03) .box_rwrap{
    display: block;
    background: #fff;
    padding: 2%;
    border: #ccc 1px solid;
    max-width:980px;
    margin:0 auto;
    font-size: 0;
}
.winSP #boki_support .sectionInner [class^="flow"]:not(.flow03):after{
  content:"";
  background:url("image/2020/img_arrow04.png")no-repeat center center/contain;
  width:100%;
  height:50px;
  display:block;
}

.winSP #boki_support .sectionInner .flow01 .box_rwrap .img_box{
  display:block;
  width: 100%;
  margin:0 auto;
  text-align: center !important;
}
.winSP #boki_support .sectionInner .flow01 .box_rwrap .txt_box{
  display:block;
  width:100%;
}

.winSP #boki_support .sectionInner .flow02 .box01 h5.book_name{
  font-size:5vw;
}
.winSP #boki_support .sectionInner .flow02 .box02{
  position:relative;
  text-align:left;
  max-width:100%;
}
.winSP #boki_support .sectionInner .flow02 .box02 .img_box{
  width:50%;
  text-align: center;
  margin: 0 auto 5%;
}
.winSP #boki_support .sectionInner .flow02 .box02 .img_box.img07{
  position:absolute;
  top:0;
  left:50%;
}
.winSP #boki_support .sectionInner .flow02 .box02 .txt_box{
  width:100%;
  text-align:center;
}
.winSP #boki_support .sectionInner .flow02 .box02 .txt_box h4{
  letter-spacing: -0.05em;
}


/* .nav_q -------------- */
.winSP .nav_q {
  max-width: 100%;
  padding-bottom:10%;
}
.winSP .nav_q li {
  display: block;
  margin: 0 auto 1%;
  width:80% ;
}
.winSP .nav_q li a {
    font-size: 5.5vw;
}


/* .section_q
--------------------------------------------------------- */
.winSP .section_q h2 img{
  vertical-align:middle;
  display:block;
  margin:0 auto;
  padding:2% 0 0;
  width: 70%;
}
.winSP .section_q .sectionInner {
  margin: 2% auto 0;
  padding-bottom:10%;
}
.winSP .section_q [class^="boxwrap_"] {
  max-width:100%;
  margin:0 auto;
}
.winSP .section_q .course_select,
.winSP .section_q .course_price {
  display: block;
  width: 100%;
}

.winSP .section_q .dvd_note {
  text-align:left;
  padding:1% 1% 1% 15%;
  font-size:3.5vw;
  line-height:1.2;
}
.winSP .section_q .dvd_note span{
  max-width: 100%;
}
.winSP .section_q .dvd_note span:before{
  width: 22%;
  height:3.5em;
  left:-20%;
}


.winSP .section_q .course_select .select_catch ul {
  font-size: 3.5vw !important;
  padding: 3% 3% 0 0;
}
.winSP .section_q .course_select[class*="select_q"] h3 {
  border-radius:0;
  width: 100%;
  max-width: none;
  padding:1% 3% 0;
}
.winSP .section_q h4.select_textbook {
  font-size: 3vw;
}

.winSP .section_q .course_select .inout_textbook .details_btn_wrap{
  display:block;
  padding: 0 0 2% 0;
}
.winSP .section_q .course_select .inout_textbook .details_btn_wrap a{
  display:block;
  max-width: none;
  width:80%;
  margin:2% auto;
}
.winSP .section_q .course_select .inout_textbook .details_btn_wrap .btn_note {
    max-width: 85%;
    margin: 0 auto;
}
.winSP .section_q .course_select .inout_textbook .details_btn_wrap a img{
  width:100%;
}
.winSP .section_q .chokuzen_textbook {
  padding:1%;
}
.winSP .section_q .chokuzen_textbook .txt_box{
  letter-spacing:-0.05em;
  font-size: 3.5vw;
}
.winSP .section_q .boki_q_price h5 {
  margin:  3% auto 1%;
}
.winSP .section_q .boki_q_price .number_caution{
  width:100%;
}
.winSP .section_q .boki_q_price .number_caution h6{
  font-size:5vw !important;
}


/*
.winSP .section_q .boki_q_price .course_price .course_name {
  font-size: 5.5vw;
  line-height: 1;
  }
----割引キャンペーン用----
.winSP .section_q .boki_q_price .course_price .price .fullpack{
  bottom:-2vw;
  font-size: 3.5vw;
}
.winSP .section_q .boki_q_price .course_price .price .fullpack:after{
  bottom:5vw;
}
-----
.winSP .section_q .boki_q_price .course_price .price .apply_btn a{
  min-height: 4em;
}
.winSP .section_q .boki_q_price .course_price .price .apply_btn a span {
    width:100%;
    font-size: 4vw;
}
.winSP .section_q .boki_q_price .course_price .price .apply_btn.until a span {
    width:90%;
    font-size: 3vw;
}
.winSP .section_q .boki_q_price .course_price .already_type p{
  padding:5% 0 0;
}
.winSP .section_q .boki_q_price .course_price .already_type .bold{
  font-size:3vw;
}
*/

/* #boki_2q -------------- 
.winSP #boki_2q .boki_q_price .course_price:after{
  content:"";
  background:url("./image/2020/img_icon_camp.png")no-repeat center center/contain;
  width:35%;
  height:7vw;
  top:7%;
  right:0%;
}
.winSP #boki_2q .boki_q_price .course_price .already_type{
  min-height:none;
}
*/

/* #boki_32q -------------- */
.winSP #boki_32q .sectionInner .first_boki > div{
  display:block;
  width: 100%;
  text-align: center;
}
.winSP #boki_32q .sectionInner .first_boki .txt_box .colPurple{
  padding: 0 10% 2%;
}
.winSP #boki_32q .sectionInner .first_boki .txt_box .colPurple:before,
.winSP #boki_32q .sectionInner .first_boki .txt_box .colPurple:after{
  width:0;
  height:0;
}
.winSP #boki_32q .sectionInner .merit{
  position:relative;
  text-align:left;
}
.winSP #boki_32q .sectionInner .merit .txt_box{
  width: 100%;
  font-size:3.5vw;
  line-height:1.8;
  position: relative;
  top: 0;
  left: 0;
  background:#fed15a;
  padding:3%;
  margin:2% 0 5%;
  border:1px solid #dba71b;
}
.winSP #boki_32q .sectionInner .select_note:after{
  content:"";
  width: 0;
  height: 0;
  position: relative;
}
.winSP #boki_32q .sectionInner .select_note .txt_box{
  width:100%;
  font-size:2.5vw;
}


/* sub-block
--------------------------------------------------------- */
.winSP .sub-block-pb {
  padding-bottom: 0;
}


/* .sub-block-koshi
--------------------------------------------------------- */
.winSP .sub-block-koshi .boxes {
  margin-top: 10px;
}
.winSP .sub-block-koshi .box {
  text-align:center;
}
.winSP .sub-block-koshi .box > img {
  float: none;
  margin-top: 2%;
}
.winSP .sub-block-koshi .box > p {
  overflow: hidden;
  color: #cc1a28;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  padding: 2% 0;
  text-align:left;
}



/* #voice
--------------------------------------------------------- */
.winSP .sub-block-voice .inner {
  width: 100%;
}
.winSP .sub-block-voice h3 {
  margin-top: 10%;
}
.winSP .sub-block-voice .voice_box .left_box {
  float:none;
  width: 100%;
  text-align: center;
}
.winSP .sub-block-voice .voice_box .left_box p{
  width: 100%;
  max-width:97px;
  margin:0 auto;
}
.winSP .sub-block-voice .voice_box .left_box:after {
  left: calc(50% - 70px);
}
.winSP .sub-block-voice .voice_box .right_box {
  float:none;
  width: 100%;
  padding: 3%;
}
.winSP .sub-block-voice .voice_box .right_box h4{
  text-align:center;
}



/* #challenge
--------------------------------------------------------- */
.winSP #challenge h3 .colWhite{
  font-weight:normal !important;
  font-size: 5vw !important;
}
.winSP #challenge h3:after {
  top: 80%;
}
.winSP #challenge p {
  text-align:left !important;
}
.winSP #challenge .tright {
  line-height:1.2;
  margin-top:10px;
}



/* #skillup
--------------------------------------------------------- */
.winSP #skillup h3 .colWhite{
  font-weight:normal !important;
  font-size: 5vw !important;
}
.winSP #skillup h3:after {
  top: 80%;
}
.sub-block-liup .main-text,
.sub-block-liup .isSPb {
  width:90%;
  margin: 0 auto 10px;
}


/* sub-block faq
--------------------------------------------------------- */
.winSP .sub-block-faq{
  padding:0 0 10% 0;
}
.winSP .sub-block-faq h3 {
  margin-top: 10%;
}



/* content - #apply_flow
-------------------------------------*/
.winSP #apply_flow .sectionInner {
  max-width:100%;
  padding: 3% 0 10%;
}
.winSP #apply_flow .sectionInner ol{
  padding:0 2%;
}
.winSP #apply_flow .sectionInner ol li[class^="flow"] {
  display: block;
  min-height: auto;
  font-size:1.2rem;
  width: 100% !important;
  padding:2%;
}
.winSP #apply_flow .sectionInner ol > li:not(:last-child) {
  margin-right: 0;
  margin-bottom:2%;
}
.winSP #apply_flow .sectionInner ol li.flow02 {
  width: auto;
  background: url(image/2016/flow_step02_bg.png) no-repeat 95% 80%/30%;
}
.winSP #apply_flow .sectionInner ol li.flow02 dd{
  text-align:left;
  padding:0 2%;
}
.winSP #apply_flow .sectionInner ol li dl dd ul {
  width: 100%;
  margin: 0 auto;
}
.winSP #apply_flow .sectionInner ol li dl dd ul li {
  margin-right: auto;
  font-size: 2.2vw;
  text-align: left;

}
.winSP #apply_flow .sectionInner ol li dl dd.flow_link {
  text-align:left;
  padding:0 2% 2%;
}
.winSP #apply_flow .sectionInner ol li.flow03 {
  max-width: none;
  margin-right: 0;
  background: url(image/2016/flow_step03_bg.png) no-repeat 95% 80%/30%;
}
.winSP #apply_flow .sectionInner ol li[class^="flow0"] dt{
  display:block;
  padding:10px;
  margin:0 0 5%
}
.winSP #apply_flow .sectionInner ol li[class^="flow0"] dt .flow_ttl{
  font-size:3.5vw;
  text-align:center;
  display:block;
  width:80%;
  position:relative;
}
.winSP #apply_flow .sectionInner ol li[class^="flow0"]:not(.flow01) dt .flow_ttl:before{
 content:none;
}
.winSP #apply_flow .sectionInner ol li[class^="flow0"]:not(.flow03) dt .flow_ttl:before{
  content:url("./image/2020/img_arrow07.png");
  position:absolute;
  top: 50%;
  left: auto;
  right:-22%;
  -webkit-transform:translateY(-11px);
  transform:translateY(-11px);
}
.winSP #apply_flow .sectionInner ol li[class^="flow0"]:not(.flow03) dt .flow_ttl:after{
    width:20%;
}


/* .apply #notes
---------------------------------------------------------*/
.winSP .apply-list {
  max-width: 100%;
  margin: 0 auto;
  padding-top: 0;
  padding:2%;
}


/*=====================================*/
/* close_Info */
/*=====================================*/
.blackboard-box{
	background: #104300;
	width: 90%;
	margin: 25px auto;
	padding: 10px;
	border: 8px solid #a60;
	box-shadow: 2px 2px 4px #999, 2px 2px 2px #020 inset;
}

.blackboard-box1{
	margin: 0;
	padding: 0;
	color: #ffff00;
	text-shadow: 0 0 2px #fff;
	font-size:25px;
	font:2.5rem;
	text-align:center;
	font-weight:bold;
}

.blackboard-box2 {
	margin: 0;
	padding: 0;
	color: #fff;
	text-shadow: 0 0 2px #fff;
	font-size:18px;
	font:1.8rem;
	text-align:center;
	font-weight:bold;	
}

.blackbd {
	color: #ffff00;
	font-weight:bold;
	font-size:25px;
	font:2.5rem;	
}

.winSP .blackboard-box2 {
  text-align:left;
}

/*=====================================*/
/* close_Info */
/*=====================================*/
.close_Text {
	width: 70%;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #eb6101;
	padding: 20px 1%;
	margin-top:20px;
	margin-bottom:25px;
	margin-left: 15%;
}

.close_Text p {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-top:10px;
	color: #ffffff;
}

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



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

/*course_price*/
.course_price [class^=box0] {
	margin-top:20px;
	color: #343434;
}
.course_price .box01 {
	color: #343434;
	font-weight:bold;
	line-height:2;
	font-size:24px;
	font-size:2.4rem;
}

.course_price .box01 .date {
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
}

.course_price .box01 .date_num {
	color:#001fa6;
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
}

.course_price .box01 .course{
	color:#cc0000;
	line-height: 1.5;
	font-size:30px;
	font-size:3rem;
	font-weight:bold;
}

.course_price .box01 .course_name,
.course_price .box01 .course_lank{
	font-size:42px;
	font-size:4.2rem;
	font-weight:bold;
}

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

.course_price .box02 {
    margin-top: 0;
    padding: 0;
    border: none;
}
.course_price .box02  *{
	font-weight:bold;
}
.course_price .box02 .inner_fullpack{
	padding: 15px 0;
	border-radius: 3px;
	background:#fff;
}
.course_price .box02 .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 .box02 .full_price .price{
	font-size:40px;
	font-size:4rem;
}

.course_price .box02 .price_btn{
	display:block;
	width:100%;
}

.course_price .box02 .price_btn a{
	background:#ff6600;
	display:block;
	width:80%;
	height:3em;
	margin:0 auto;
	font-size:20px;
	font-size:2rem;
	position:relative;
}
.course_price .box02 .price_btn a:hover{
	background:#940f0f;
}
.course_price .box02 .price_btn a:after{
	position: absolute;
	display:inline-block;
	content:"\3009";
    top: 50%;
    right: 5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color:#fff;
}
.course_price .box02 .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 .box02 .inner_nopack{
	margin-top:15px;
}

.course_price .box02 .inner_nopack .price_btn a{
	background:#ff9755;
	font-size:15px;
	font-size:1.5rem;
	letter-spacing:-0.1em;
}
.course_price .box02 .inner_nopack .price_btn a:hover{
	background:#940f0f;
}
.course_price .box02 .inner_nopack .price_btn a sup{
	vertical-align:top;
}
.course_price .note{
  font-size:12px;
  font-size:1.2rem;
  text-align:left;
  padding: 0 3%;
}

.winSP .course_price [class^=box0]  {
	margin-top: 0;
}

.winSP .course_price .box01 {
	font-size:5vw;
}

.winSP .course_price .box01 .date {
	font-size:4vw;
}

.winSP .course_price .box01 .date_num {
	font-size:5vw;
}

.winSP .course_price .box01 .course{
	font-size:5vw;
}

.winSP .course_price .box01 .course_name,
.winSP .course_price .box01 .course_lank{
	font-size:8vw;
}

.winSP .course_price .box02 .full_price{
	font-size:4vw;
}
.winSP .course_price .box02 .full_price .price{
	font-size:8vw;
}

.winSP .course_price .box01 .limit{
	font-size:5vw;
}
.winSP .course_price .box02 {
	padding:5px;
}
.winSP .course_price .box02 .price_btn a{
	font-size:4vw;
    width: 90%;
}
.winSP .course_price .box02 .inner_nopack .price_btn a{
	font-size:3vw;
}

/* 教科書
--------------------------------------------------------- */
.course_price .select_qk {
	background: #fed1e2;
	padding:1% 5% 5%;
}

/* スッキリ
--------------------------------------------------------- */
.course_price .select_qs {
	background: #ccebfa;
	padding:1% 5% 5%;
}



/* 3・2級
--------------------------------------------------------- */
#boki_32q .course_price .box01 .course{
	display: inline-block;
	padding-bottom: 5px;
	width:100%;
}
#boki_32q .course_price .select_qk .box01 .course{
    line-height: 2;
        vertical-align: middle;
}
#boki_32q .course_price .select_qs .box01 .course{
	position:relative;
	padding-left:5em;
}
#boki_32q .course_price .select_qs .box01 .course_lank{
	display:inline-block;
	position:absolute;
	left:5%;
	top: 25%;
    line-height: 1;
}
#boki_32q .course_price .select_qs .box01 .course_name{
    display:inline-block;
    line-height: 0.95;
}
#boki_32q .course_price .box01 .img_box{
    font-size:15px;
    font-size:1.5rem;
    line-height: 1.2;
}
#boki_32q .course_price .select_qk .box01 .img_box{
    color:#e5006e;
}
#boki_32q .course_price .select_qs .box01 .img_box{
    color:#007bb4;
}
#boki_32q .course_price .box01 .img_box img{
    margin-bottom:10px;
}

.winSP #boki_32q .course_price .box01 .img_box{
    font-size:3vw;
}