/* CSS Document */

#kobetsu nav {
  border-top:7px solid #6e1d19;
}

h3 {
  margin:0 0 10px -15px;
}
.section_inner{
  padding: 35px 15px;
}
/*--class_list--*/
.class_list{
  margin: 0 auto 80px;
}
.class_list_nav + .class_list_nav{
  margin-top: 20px;
}
.class_list_nav{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px 0;
}
.class_list_nav li{
  position: relative;
  padding: 12px 5px 26px;
  display: table-cell;
  background: #fff;
  text-align: center;
  position: relative;
}
.class_list_nav .col03{
  width: 33.33%;
}
.class_list_nav .col04{
  width: 25%;
}
.class_list_nav li:before{
  position: absolute;
  inset: 0 auto auto 0;
  content: "";
  display: block;
  width: calc(100% + 1px);
  height: 4px;
  background: #6e1f19;
  z-index: 10;
}
.class_list_nav li:after{
  content: "";
  display: block;
  width: 11px;
  height: 6px;
  background: url(../../common/img/arrow_down_small.jpg);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  margin: auto;
}
.class_list_nav li:nth-child(2),
.class_list_nav li:nth-child(3),
.class_list_nav li:nth-child(5),
.class_list_nav li:nth-child(6),
.class_list_nav li:nth-child(7){
  border-left: 1px solid #efeee3;
}

/* main_ttl */
.main_ttl{
  padding: 0 0 10px;
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  width: 100%;
}
.main_ttl h2{
  margin: 0 20px 0 0;
}
.main_ttl h2:after{
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: url(../img/ttl_main_bg.jpg) left center repeat-y #c8c9ca;
  position: absolute;
  bottom: 0;
}
.main_ttl .sub_img{
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.main_ttl .sub_img img{
  display: block;
}

/* lead common */
.lead_txt{
  font-size: 20px;
  font-weight: 900;
  font-family: 'Noto Sans Japanese', sans-serif;
  letter-spacing: 0.1em;
}
.lead_txt .fcolor{
  color: #6e1f19;
}

/* ttl_point common */
.ttl_point{
  margin: 10px 0;
  position: relative;
}
.ttl_point span{
  display: block;
  padding: 3px 10px;
  font-size: 20px;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 900;
  color: #fff;
  background: #6e1f19;
  text-align: center;
  letter-spacing: 0.15em;
  border-radius: 5px;
}
.ttl_point.point_img{
  padding: 0 0 0 30px;
}
.ttl_point.point_img img{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* button_big common */
.button_big{
  padding: 10px;
  display: block;
  text-align: center;
  color: #fff !important;
  background: #570d0a;
  font-size: 20px;
  font-family: 'Noto Sans Japanese', sans-serif;
  border-radius: 9999px;
  letter-spacing: 0.1em;
}
.button_big:hover{
  text-decoration: none;
}
.button_big:after{
  margin-left: 10px;
  content: "";
  display: inline-block;
  width: 17px;
  height: 18px;
  background: url(../../common/img/btn_arrow.png);
}

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

KOBETSU

----------------------------------------------*/
#q_kobetsu {
  margin-bottom: 140px;
}
#q_kobetsu .main_ttl .sub_img{
  align-items: center;
}
#q_kobetsu .main_ttl .sub_img .subject{
  margin-right: 15px;
}
/* box_intro
----------------------------------------------*/
#q_kobetsu .box_intro{
  margin: 0 0 30px;
}
#q_kobetsu .box_intro .lead_txt{
  margin: 0 0 15px;
}
/* box_point01
----------------------------------------------*/
#q_kobetsu .box_point01 .ttl_point{
  margin-bottom: 35px;
}
#q_kobetsu .box_point01 .txt_01{
  margin: auto;
  max-width: 785px;
}
#q_kobetsu .box_point01 .img_area_01{
  max-width: 350px;
  margin: 20px auto 35px;
  display: block;
  text-align: center;
}
#q_kobetsu .box_point01 .lead_txt01{
  margin: 0 0 20px;
}
#q_kobetsu .box_point01 .img_area_02{
  margin: 20px auto 50px;
  text-align: center;
}
/* box_point02
----------------------------------------------*/
#q_kobetsu .box_point02 .ttl_point{
  margin: 0 0 30px;
}
#q_kobetsu .box_point02 .img_area_01{
  margin: 0 0 40px;
  text-align: center;
}

/*-- item_area --*/
#q_kobetsu .box_point02 .item_ttl{
  margin: 0 0 10px;
  padding: 3px 10px;
  color: #000;
  font-size: 19px;
  border-left: 15px solid #6e1f19;
  font-weight: 900;
  letter-spacing: 0.15em;
}
#q_kobetsu .box_point02 .item_ttl .small{
  font-size: 14px;
}
#q_kobetsu .box_point02 .item_ttl .fColor{
  color: #6e1f19;
}
#q_kobetsu .box_point02 .item_ttl .memo{
  font-size: 12px;
  font-weight: 500;
}
#q_kobetsu .box_point02 .item_area{
  margin: 0 0 50px;
}
/*shidou*/
#q_kobetsu .box_point02 .item_area.shidou{
  padding: 10px;
  background: #fff;
}
#q_kobetsu .box_point02 .item_area.shidou dl+dl{
  margin-top: 10px;
}
#q_kobetsu .box_point02 .item_area.shidou dl{
  display: table;
  width: 100%;
}
#q_kobetsu .box_point02 .item_area.shidou dt{
  padding: 5px 10px;
  display: table-cell;
  width: 137px;
  color: #fff;
  background: #6e1f19;
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  vertical-align: middle;
}
#q_kobetsu .box_point02 .item_area.shidou dd{
  padding: 0 0 0 20px;
  display: table-cell;
}
#q_kobetsu .box_point02 .item_area.shidou dd .maker{
  background: linear-gradient(transparent 60%, #f7ef8f 60%);
}

/* flow */
#q_kobetsu .box_point02 .item_area.flow{
  margin: 0 0 90px;
}
#q_kobetsu .box_point02 .item_area.flow li{
  padding: 10px 10px 15px;
  margin-right: 2.12%;
  width: 23.4%;
  float: left;
  background: #fff;
  position: relative;
}
#q_kobetsu .box_point02 .item_area.flow li:after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: -7%;
  margin: auto;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 10px;
  border-color: transparent transparent transparent #6e1f19;
}
#q_kobetsu .box_point02 .item_area.flow li:last-child{
  margin-right: 0;
}
#q_kobetsu .box_point02 .item_area.flow li:last-child:after{
  border: none;
}
#q_kobetsu .box_point02 .item_area.flow li .txt{
  padding: 0 5px;
}
#q_kobetsu .box_point02 .item_area.flow .ttl{
  margin: 0 0 5px;
  padding: 5px;
  color: #fff;
  background: #6e1f19;
  text-align: center;
  font-weight: 900;
  font-size: 16px;
  letter-spacing: 0.15em;
}

/* box_declaration
----------------------------------------------*/
#q_kobetsu .box_declaration {
  margin: 0 0 20px;
}

#q_kobetsu .box_declaration dl {
  max-width: 680px;
  margin: 12px auto 0;
}
#q_kobetsu .box_declaration dl dt {
  width:30px;
  clear: left;
  float: left;
}
#q_kobetsu .box_declaration dl dt,
#q_kobetsu .box_declaration dl dd {
  margin:0 0 10px 0;
}
#q_kobetsu .box_declaration dl dd {
  margin-left: 30px;
  padding:2px 0 0 0;
  background-image:url(/common/img/sp.gif);
}

#q_kobetsu .box_declaration dl dd span {
  color:#6E1F19;
  font-weight:bold;
  width:630px;
}
/* box_room
----------------------------------------------*/
#q_kobetsu .box_room{
  margin: 0 0 100px;
  padding: 15px;
  background: #fff;
}
#q_kobetsu .box_room .inner{
  width: 51.59%;
  float: left;
  background: #fff;
}
#q_kobetsu .box_room .inner .ttl_point{
  margin-bottom: 10px;
}
#q_kobetsu .box_room .inner p{
  margin: 0 0 20px;
  padding: 0 0 0 70px;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.05em;
}
#q_kobetsu .box_room .inner .list{
  padding: 0 0 0 70px;
}
#q_kobetsu .box_room .inner .list dt{
  margin: 0 0 5px;
  font-size: 16px;
  font-weight: bold;
}
#q_kobetsu .box_room .inner .list li{
  display:  inline-block;
}
#q_kobetsu .box_room .inner .list li:first-child{
  margin: 0 1.5em 0 0;
}
#q_kobetsu .box_room .photo{
  width: 46.27%;
  float: right;
}

/* box_timetable
----------------------------------------------*/
#q_kobetsu .box_timetable{
  margin: 0 0 40px;
}
#q_kobetsu .box_timetable .ttl{
  margin: 0 0 20px;
  padding: 10px;
  border: 2px solid #570d0a;
  background: #fff;
  text-align: center;
  color: #6e1f19;
  font-weight: 900;
  font-size: 20px;
  letter-spacing: 0.15em;
}
#q_kobetsu .box_timetable .ttl img{
  margin-right: 10px;
  vertical-align: middle;
}

/* table */
#q_kobetsu .box_timetable .ttl_table{
  font-size: 16px;
}
#q_kobetsu .box_timetable .table_wrap{
  margin: 0 auto;
  /* max-width: 780px; */
}
#q_kobetsu .box_timetable table{
  table-layout: fixed;
}

#q_kobetsu .box_timetable table,
#q_kobetsu .box_timetable table th,
#q_kobetsu .box_timetable table td{
  text-align: center;
  border:1px solid #570d0a;
}
#q_kobetsu .box_timetable table th{
  padding: 5px;
  background: #ededed;
}
#q_kobetsu .box_timetable table td{
  padding: 5px;
  background: #fff;
}
#q_kobetsu .box_timetable table td .small{
  display: block;
  font-size: 12px;
  line-height: 1;
}
#q_kobetsu .box_timetable table.table01{
  margin: 0 0 10px;
  width: 100%;
}
#q_kobetsu .box_timetable table.table02{
  width: 100%;
}
#q_kobetsu .box_timetable .txt_table01_note{
  margin-bottom: 20px;
  font-size: 13px;
}

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

飛び級コース

----------------------------------------------*/
#skip{
  margin-bottom: 180px;
}
#skip .main_ttl .sub_img .img_01{
  margin-right: 15px;
}
#skip .main_ttl .sub_img .img_02{
  margin-right: 5px;
}

#skip .ttl_sec{
  display: block;
  margin: 0;
  padding: 3px 10px;
  font-size: 20px;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 900;
  color: #fff;
  background: #6e1f19;
  text-align: center;
  letter-spacing: 0.15em;
  border-radius: 5px;
  box-sizing: border-box;
}
#skip .ttl_sec span{
  font-size: 13px;
  vertical-align: middle;
}

/* box_intro
----------------------------------------------*/
#skip .box_intro{
  margin-bottom: 30px;
}
#skip .box_intro .lead_txt{
  margin: 0 0 10px;
}

/* box_overview
----------------------------------------------*/
#skip .box_overview{
  margin: 0 0 50px;
}
#skip .box_overview .ttl_sec{
  margin-bottom: 20px;
}
#skip .box_overview_list{
  margin: 25px 0 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
/* box_flow
----------------------------------------------*/
#skip .box_flow{
  margin: 0 0 50px;
}
#skip .box_flow_in{
  padding: 35px 0 0;
  display: grid;
  grid-template-columns: 485px 1fr;
  gap: 0 25px;
}
#skip .box_flow_txt_wrap{
  display: flex;
  gap: 20px;
}
#skip .box_flow_txt_wrap::before{
  display: block;
  content: "";
  width: 18px;
  height: 66px;
  background: url("../img/skip_flow_02.svg") center center no-repeat;
  background-size: contain;
}
#skip .box_flow_ttl{
  padding: 5px 0 10px;
  color: #1792cc;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-family: 'Noto Sans Japanese', sans-serif;
  line-height: 1;
}
#skip .box_flow_txt .marker{
  background: linear-gradient(transparent 50%, rgb(255, 255, 0) 50%);
}
/* box_timetable
----------------------------------------------*/
#skip .box_timetable{
  margin: 0 0 40px;
}
#skip .box_timetable .ttl{
  margin: 0 0 20px;
  padding: 10px;
  border: 2px solid #570d0a;
  background: #fff;
  text-align: center;
  color: #6e1f19;
  font-weight: 900;
  font-size: 20px;
  letter-spacing: 0.15em;
}
#skip .box_timetable .ttl img{
  margin-right: 10px;
  vertical-align: middle;
}

/* table */
#skip .box_timetable .ttl_table{
  font-size: 16px;
}
#skip .box_timetable .table_wrap{
  margin: 0 auto;
  /* max-width: 780px; */
}
#skip .box_timetable table{
  table-layout: fixed;
}

#skip .box_timetable table,
#skip .box_timetable table th,
#skip .box_timetable table td{
  text-align: center;
  border:1px solid #570d0a;
}
#skip .box_timetable table th{
  padding: 5px;
  background: #ededed;
}
#skip .box_timetable table td{
  padding: 5px;
  background: #fff;
}
#skip .box_timetable table td .small{
  display: block;
  font-size: 12px;
  line-height: 1;
}
#skip .box_timetable table.table01{
  margin: 0 0 10px;
  width: 100%;
}
#skip .box_timetable table.table02{
  width: 100%;
}
#skip .box_timetable .txt_table01_note{
  margin-bottom: 20px;
  font-size: 13px;
}

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

学校テスト満点コース

----------------------------------------------*/
#manten{
  margin-bottom: 180px;
}
#manten .main_ttl .sub_img .img_01{
  margin-right: 15px;
}
#manten .main_ttl .sub_img .img_02{
  margin-right: 5px;
}

/* box_intro
----------------------------------------------*/
#manten .box_intro .lead_txt{
  margin-bottom: 25px;
}
/* box_content
----------------------------------------------*/
#manten .box_content{
  margin: 0 0 30px;
}
#manten .box_content_txt01{
  padding: 15px 0 25px;
  font-size: 18px;
  letter-spacing: 0.1em;
}
#manten .box_content_txt01 .marker{
  background: linear-gradient(transparent 50%, rgb(255, 255, 0) 50%);
}
#manten .box_content_txt01 .small{
  font-size: 15px;
}
#manten .box_content_txt01 .red{
  color: #ff0000;
}
#manten .box_content_info{
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #fff;
  padding: 10px;
}
#manten .box_content_info_item{
  display: grid;
  grid-template-columns: 135px 1fr;
  gap: 0 15px;
}
#manten .box_content_info{
  margin: 0 0 15px;
}
#manten .box_content_info_ttl{
  background: #6e1f19;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#manten .box_content_info_txt{
  display: flex;
  align-items: center;
}
#manten .box_content_notes{
  line-height: 1.9;
  font-size: 14px;
}
/* box_timetable
----------------------------------------------*/
#manten .box_timetable{
  margin: 0 0 40px;
}
#manten .box_timetable .ttl{
  margin: 0 0 20px;
  padding: 10px;
  border: 2px solid #570d0a;
  background: #fff;
  text-align: center;
  color: #6e1f19;
  font-weight: 900;
  font-size: 20px;
  letter-spacing: 0.15em;
}
#manten .box_timetable .ttl img{
  margin-right: 10px;
  vertical-align: middle;
}

/* table */
#manten .box_timetable .ttl_table{
  font-size: 16px;
}
#manten .box_timetable .table_wrap{
  margin: 0 auto;
  /* max-width: 780px; */
}
#manten .box_timetable table{
  table-layout: fixed;
}

#manten .box_timetable table,
#manten .box_timetable table th,
#manten .box_timetable table td{
  text-align: center;
  border:1px solid #570d0a;
}
#manten .box_timetable table th{
  padding: 5px;
  background: #ededed;
}
#manten .box_timetable table td{
  padding: 5px;
  background: #fff;
}
#manten .box_timetable table td .small{
  display: block;
  font-size: 12px;
  line-height: 1;
}
#manten .box_timetable table.table01{
  margin: 0 0 10px;
  width: 100%;
}
#manten .box_timetable table.table02{
  width: 100%;
}


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

学力UPコース

----------------------------------------------*/
#up{
  margin-bottom: 180px;
}
#up .main_ttl .sub_img .img_01{
  margin-right: 15px;
}
#up .main_ttl .sub_img .img_02{
  margin-right: 5px;
}

/* box_intro
----------------------------------------------*/
#up .box_intro .lead_txt{
  margin-bottom: 25px;
}
/* box_content
----------------------------------------------*/
#up .box_content{
  margin: 0 0 50px;
}
#up .box_content_txt01{
  padding: 10px 0 5px;
  font-size: 18px;
  letter-spacing: 0.1em;
}
#up .box_content_txt01 .marker{
  background: linear-gradient(transparent 50%, rgb(255, 255, 0) 50%);
}
#up .box_content_txt01 .small{
  font-size: 15px;
}
#up .box_content_txt01 .red{
  color: #ff0000;
}
#up .box_content_txt02{
  margin: 0 0 20px;
  font-size: 14px;
}
#up .box_content_info{
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #fff;
  padding: 10px;
}
#up .box_content_info_item{
  display: grid;
  grid-template-columns: 135px 1fr;
  gap: 0 15px;
}
#up .box_content_info{
  margin: 0 0 15px;
}
#up .box_content_info_ttl{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #6e1f19;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-align: center;
}
#up .box_content_info_txt{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#up .box_content_info_txt .small{
  font-size: 13px;
}

/* box_timetable
----------------------------------------------*/
#up .box_timetable{
  margin: 0 0 40px;
}
#up .box_timetable .ttl{
  margin: 0 0 20px;
  padding: 10px;
  border: 2px solid #570d0a;
  background: #fff;
  text-align: center;
  color: #6e1f19;
  font-weight: 900;
  font-size: 20px;
  letter-spacing: 0.15em;
}
#up .box_timetable .ttl img{
  margin-right: 10px;
  vertical-align: middle;
}

/* table */
#up .box_timetable .ttl_table{
  font-size: 16px;
}
#up .box_timetable .table_wrap{
  margin: 0 auto;
  /* max-width: 780px; */
}
#up .box_timetable table{
  table-layout: fixed;
}

#up .box_timetable table,
#up .box_timetable table th,
#up .box_timetable table td{
  text-align: center;
  border:1px solid #570d0a;
}
#up .box_timetable table th{
  padding: 5px;
  background: #ededed;
}
#up .box_timetable table td{
  padding: 5px;
  background: #fff;
}
#up .box_timetable table td .small{
  display: block;
  font-size: 12px;
  line-height: 1;
}
#up .box_timetable table.table01{
  margin: 0 0 10px;
  width: 100%;
}
#up .box_timetable table.table02{
  width: 100%;
}

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

INFORMATION

----------------------------------------------*/
#information{
  margin-bottom: 180px;
}
#information .marker{
  background:linear-gradient(transparent 60%, rgb(255, 255, 0) 60%);
}
#information .ttl_point span{
  background: #1792cc;
}
#information .main_ttl .sub_img .img_01{
  margin-right: 15px;
}
#information .main_ttl .sub_img .img_02{
  margin-right: 5px;
}
/* box_intro
----------------------------------------------*/
#information .box_intro{
  margin: 0 0 40px;
}
/* box_outline
----------------------------------------------*/
#information .box_outline{
  margin: 0 0 45px;
}
#information .box_outline .lead_txt{
  margin-bottom: 15px;
}

/* 学習内容 */
#information .box_outline .sec_contents .ttl{
  padding: 8px 5px;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1792cc;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.3em;
}
#information .box_outline .sec_contents_in{
  padding: 15px 25px;
  background: #fff;
}
#information .box_outline .sec_contents .txt_main{
  margin: 0 0 15px;
  padding: 0 0 5px;
  color: #1792cc;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.075em;
  border-bottom: 1px solid #1792cc;
}

/* 学習内容-単元 */
#information .box_outline .sec_contents .unit_wrap{
  display: flex;
  align-items: flex-end;
}
#information .box_outline .sec_contents .unit{
  width: 68%;
}
#information .box_outline .sec_contents .unit dt{
  font-size: 17px;
  font-weight: bold;
}
#information .box_outline .sec_contents .unit dd{
  display: flex;
}
#information .box_outline .sec_contents .unit dd ul{
  display: flex;
  flex-wrap: wrap;
  gap: 5px 0;
}
#information .box_outline .sec_contents .unit dd li{
  padding: 0 1em 0 0;
  font-size: 15px;
  font-weight: bold;
}
#information .box_outline .sec_contents .unit dd li::before{
  margin: 0 0.2em;
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #1792cc;
  border-radius: 50%;
  vertical-align: middle;
}
#information .box_outline .sec_contents .unit dd li:nth-child(1),
#information .box_outline .sec_contents .unit dd li:nth-child(4){
  width: 19em;
}
#information .box_outline .sec_contents .balloon{
  position: relative;
  padding: 10px;
  width: 31.11%;
  background: #64ae36;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.075em;
  text-align: center;
}
#information .box_outline .sec_contents .balloon::before{
  position: absolute;
  left: -11px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 14px solid #64ae36;
  border-left: 0;
}
/* box_flow
----------------------------------------------*/
#information .box_flow{
  margin: 0 0 60px;
}
#information .box_flow .ttl_point{
  margin-bottom: 15px;
}
#information .box_flow .lead_txt{
  margin-bottom: 15px;
}
#information .box_flow .card_col{
  display: flex;
  justify-content: space-between;
}
#information .box_flow .card{
  width: 30.74%;
}
#information .box_flow .card .img{
  margin: 0 0 10px;
}
/* box_workbook
----------------------------------------------*/
#information .box_workbook .ttl_point{
  margin-bottom: 45px;
}
/* sec_logo */
#information .box_workbook .sec_logo{
  margin: 0 0 70px;
  text-align: center;
}
#information .box_workbook .sec_logo .img_logo{
  margin: 0 0 15px;
}
#information .box_workbook .sec_logo .fcolor{
  color: #1792cc;
}

/* sec_point */
#information .box_workbook .sec_point_wrap{
  margin: 0 0 50px;
}
#information .box_workbook .sec_point_wrap > div + div{
  margin-top: 65px;
}
#information .box_workbook .sec_point{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#information .box_workbook .sec_point > .illust{
  width: 17.27%;
}
#information .box_workbook .sec_point .box{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  max-width: 79.79%;
  padding: 20px 20px 20px 30px;
  background: #fff;
  border: 3px solid #004b68;
  border-radius: 8px;
}
#information .box_workbook .sec_point .box .num{
  position: absolute;
  left: -45px;
  top: -45px;
}
#information .box_workbook .sec_point .box .contents{
  width: 62.8%;
}
#information .box_workbook .sec_point .box .ttl{
  margin: 5px 0 5px;
  font-size: 20px;
  font-weight: bold;
  color: #004b68;
  letter-spacing: 0.075em;
}
#information .box_workbook .sec_point .box .note{
  padding: 0 0 0 1em;
  text-indent: -1em;
}
#information .box_workbook .sec_point .box .img{
  width: 28.5%;
  outline: 1px solid #ccc;
}
/* box_curriculum
----------------------------------------------*/
#information .box_curriculum{
  margin: 0 0 70px;
}
#information .box_curriculum .ttl_point{
  margin-bottom: 30px;
}
#information .box_curriculum .sec_note{
  margin: 0 0 30px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#information .box_curriculum .sec_note .note{
  display: flex;
}
#information .box_curriculum .sec_note .balloon{
  position: relative;
  width: 205px;
  padding: 5px 10px;
  background: #fff;
  color: #004b68;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
}
#information .box_curriculum .sec_note .balloon:before{
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 25px;
  width: 33px;
  height: 16px;
  background: url(/kobetsu-inc/img/info_balloon.svg) center center no-repeat;
}
#information .box_curriculum .sec_note .balloon .maker{
  background:linear-gradient(transparent 60%, rgb(255, 255, 0) 60%);
}

/* sec_flow */
#information .box_curriculum .sec_flow{
  margin: 0 0 20px;
}
#information .box_curriculum .sec_flow .list{
  margin: 0 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 25px 0;
}
#information .box_curriculum .sec_flow .list li{
  width: 24.53%;
  min-height: 85px;
  display: flex;
  justify-content: space-between;
  background: #1792cc;
  color: #fff;
}
#information .box_curriculum .sec_flow .list .normal dl{
  padding: 8px 0 10px 15px;
  line-height: 1.3;
}
#information .box_curriculum .sec_flow .list .normal dt{
  margin: 0 0 5px;
  font-size: 20px;
  font-weight: bold;
}
#information .box_curriculum .sec_flow .list .normal dd{
  font-size: 14px;
}
#information .box_curriculum .sec_flow .list .normal:after{
  content: "";
  display: block;
  width: 23px;
  background: url(/kobetsu-inc/img/info_flow_arrow.png) left center no-repeat #efeee3;
  background-size: 100% 100%;
}
#information .box_curriculum .sec_flow .list .last{
  width: 49.7%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #004b68;
}
#information .box_curriculum .sec_flow .list .last p{
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
#information .box_curriculum .sec_flow .txt_period{
  position: relative;
  display: flex;
  align-items: center;
}
#information .box_curriculum .sec_flow .txt_period::before,
#information .box_curriculum .sec_flow .txt_period::after{
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  background: #a3a3a3;
}
#information .box_curriculum .sec_flow .txt_period span{
  display: block;
  width: 100%;
  max-width: max-content;
  padding: 0 1em;
  font-size: 17px;
  font-weight: bold;
  color: #004b68;
  letter-spacing: 0.075em;
  white-space: nowrap;
}
#information .box_curriculum .sec_flow .txt_period span::after{
  position: absolute;
  right: -5px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 17px solid #a3a3a3;
  border-right: 0;
}
/* sec_txt */
#information .box_curriculum .sec_txt p{
  font-size: 20px;
  font-weight: bold;
  color: #004b68;
  letter-spacing: 0.075em;
  text-align: center;
}
#information .box_curriculum .sec_txt .maker{
  background:linear-gradient(transparent 60%, rgb(255, 255, 0) 60%);
}
#information .box_curriculum .sec_txt .color{
  color: #ff0000;
}
/* box_timetable
----------------------------------------------*/
#information .box_timetable{
  margin: 0 0 40px;
}
#information .box_timetable .ttl{
  margin: 0 0 20px;
  padding: 10px;
  border: 2px solid #570d0a;
  background: #fff;
  text-align: center;
  color: #6e1f19;
  font-weight: 900;
  font-size: 20px;
  letter-spacing: 0.15em;
}
#information .box_timetable .ttl img{
  margin-right: 10px;
  vertical-align: middle;
}

/* table */
#information .box_timetable .table_wrap{
  margin: 0 auto;
  /* max-width: 780px; */
}
#information .box_timetable table{
  table-layout: fixed;
}

#information .box_timetable table,
#information .box_timetable table th,
#information .box_timetable table td{
  text-align: center;
  border:1px solid #570d0a;
}
#information .box_timetable table th{
  padding: 5px;
  background: #ededed;
}
#information .box_timetable table td{
  padding: 5px;
  background: #fff;
}
#information .box_timetable table td .small{
  display: block;
  font-size: 12px;
  line-height: 1;
}
#information .box_timetable table.table01{
  margin: 0 0 10px;
  width: 100%;
}
#information .box_timetable table.table02{
  width: 100%;
}
#information .box_timetable .txt_table01_note{
  margin-bottom: 20px;
  font-size: 13px;
}

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

Q NET

----------------------------------------------*/
/* main_ttl */
#q_net .main_ttl .sub_img img{
  margin-left: 15px;
}
/* ttl_point */
#q_net .ttl_point span{
  background: #182987;
}
/* box_intro
----------------------------------------------*/
#q_net .box_intro{
  margin: 0 0 30px;
}
#q_net .box_intro .lead_txt{
  margin: 0 0 25px;
}
/* box_point01
----------------------------------------------*/
#q_net .box_point01{
  margin: 0 0 50px;
}
#q_net .box_point01 .ttl_point,
#q_net .box_point02 .ttl_point {
    margin-bottom: 30px;
}
#q_net .box_point01 .txt_01,
#q_net .box_point02 .txt_01 {
  margin: 0 auto 25px;
  max-width: 785px;
}
#q_net .box_point01 .img_area_01{
  display: block;
  margin: auto;
}
/* box_point02
----------------------------------------------*/
#q_net .box_point02{
  margin: 0 0 40px;
}
/*-- item_area --*/
#q_net .box_point02 .item_ttl{
  margin: 0 0 20px;
  padding: 3px 10px;
  color: #000;
  font-size: 19px;
  border-left: 15px solid #182987;
  font-weight: 900;
  letter-spacing: 0.15em;
}
#q_net .box_point02 .item_ttl .fColor{
  color: #6e1f19;
}
#q_net .box_point02 .item_area{
  margin: 0 0 50px;
}

/* flow */
#q_net .box_point02 .item_area.flow{
  margin: 0 0 90px;
}
#q_net .box_point02 .item_area.flow li{
  padding: 10px 10px 15px;
  margin-right: 2.12%;
  width: 31.9%;
  float: left;
  background: #fff;
  position: relative;
}
#q_net .box_point02 .item_area.flow li:after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: -5.5%;
  margin: auto;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 10px;
  border-color: transparent transparent transparent #182987;
}
#q_net .box_point02 .item_area.flow li:last-child{
  margin-right: 0;
}
#q_net .box_point02 .item_area.flow li:last-child:after{
  border: none;
}
#q_net .box_point02 .item_area.flow li .txt{
  padding: 0 5px;  
}
#q_net .box_point02 .item_area.flow .ttl{
  margin: 0 0 5px;
  padding: 5px;
  color: #fff;
  background: #182987;
  text-align: center;
  font-weight: 900;
  font-size: 16px;
  letter-spacing: 0.15em;
}

/* course_area */
#q_net .course_ttl{
  margin: 0 0 10px;
  border-bottom: 1px solid #1d2087;
}
#q_net .course_ttl .main{
  padding: 8px 5px;
  display: inline-block;
  width: 110px;
  font-size: 15px;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.5em;
  background: #182987;
  text-align: center;
  text-indent: 0.5em;
}
#q_net .course_ttl .sub{
  padding: 0 0 0 10px;
  font-size: 13px;
}
#q_net .course_area .check_list{
  padding: 15px;
  background: #fff;
  border: 1px solid #182987;
}
#q_net .course_area .check_list .lead{
  margin: 0 0 10px;
  padding: 5px;
  background: #036eb7;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.1em;
  border-radius: 5px;
}
#q_net .course_area .check_list li{
  padding: 8px 0 8px 30px;
  text-indent: -30px;
  font-size: 14px;
  font-weight: bold;
  background: url(../img/line_01.jpg) left bottom repeat-x;
  line-height: 1.3;
}
#q_net .course_area .check_list li:last-child{
  background: none;
}
#q_net .course_area .check_list li:before{
  margin: 0 10px 0 0;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/ico_02.jpg);
  vertical-align: middle;
}

/*--course01--*/
#q_net .course_area.course01{
  margin: 0 0 50px;
}
/*--course02--*/
#q_net .course_area.course02{
  margin: 0 0 60px;
}
#q_net .course_area.course02 .check_list{
  margin: 0 0 30px;
}
/*select_course*/
#q_net .select_course{
  margin: 0 auto;
  max-width: 780px;
}
#q_net .select_course dl{
  margin: 0 2% 15px 0;
  width: 32%;
  float: left;
}
#q_net .select_course dl.last{
  margin-right: 0;
}
#q_net .select_course dt{
  padding: 5px 10px;
  background: #182987;
  color: #fff;
  font-size: 15px;
  text-align: center;
}
#q_net .select_course dd{
  padding: 10px 15px 15px;
  background: #fff;
}
#q_net .select_course dd img{
  display: block;
  margin: 0 auto 15px;
}
#q_net .select_course dd p{
  line-height: 1.5;
}
#q_net .select_course .image{
  clear: both;
}

/* box_subject
----------------------------------------------*/
#q_net .box_subject{
  margin: 0 auto 100px;
  max-width: 780px;
}
#q_net .box_subject .ttl{
  margin: 0;
  padding: 10px;
  color: #fff;
  background: #182987;
  font-size: 15px;
  text-align: center;
}
#q_net .box_subject .inner{
  margin: 0 0 15px;
  padding: 30px 40px 5px;
  background: #fff;
}
#q_net .box_subject .inner .subject_ttl{
  margin: 0 0 15px;
}
#q_net .box_subject .inner .img{
  margin: 0 0 25px;
}


/* box_timetable
----------------------------------------------*/
#q_net .box_timetable{
  margin: 0 0 40px;
}
#q_net .box_timetable .ttl{
  margin: 0 0 30px;
  padding: 10px;
  border: 2px solid #570d0a;
  background: #fff;
  text-align: center;
  color: #6e1f19;
  font-weight: 900;
  font-size: 20px;
  letter-spacing: 0.15em;
}
#q_net .box_timetable .ttl img{
  margin-right: 10px;
  vertical-align: middle;
}

/* table */
#q_net .box_timetable .table_wrap{
  margin: 0 auto;
  max-width: 780px;
}
#q_net .box_timetable table{
  table-layout: fixed;
}
#q_net .box_timetable table,
#q_net .box_timetable table th,
#q_net .box_timetable table td{
  text-align: center;
  border:1px solid #570d0a;
}
#q_net .box_timetable table th{
  padding: 5px;
  background: #ededed;
}
#q_net .box_timetable table td{
  padding: 5px;
  background: #fff;
}
#q_net .box_timetable table.table01{
  width: 100%;
}

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

SUPER KIDS

----------------------------------------------*/
#super_kids{
  margin: 0 0 140px;
}
#super_kids .ttl_sub_box{
  border-bottom: 1px solid #7ECEF4;
}
#super_kids .ttl_sub_box .main{
  padding: 8px 5px;
  display: inline-block;
  min-width: 110px;
  font-size: 15px;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.5em;
  background: #7ECEF4;
  text-align: center;
  text-indent: 0.5em;
}
#super_kids .ttl_sub_box .sub{
  padding: 0 0 0 15px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.25em;
}

/* list */
#super_kids .list_effect{
  margin: 15px 0 20px;
  padding: 15px 15px 5px;
  background: #fff;
  border: 1px solid #7ECEF4;
}
#super_kids .list_effect .lead{
  margin: 0 0 10px;
  padding: 5px;
  background: #7ECEF4;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.1em;
  border-radius: 5px;
}
#super_kids .list_effect li{
  padding: 8px 0 8px 0;
  font-size: 14px;
  font-weight: bold;
  background: url(../img/line_01.jpg) left bottom repeat-x;
  line-height: 1.3;
}
#super_kids .list_effect li:last-child{
  background: none;
}

/* box_intro
----------------------------------------------*/
#super_kids .box_intro{
  margin: 0 0 50px;
}
#super_kids .box_intro .lead_txt{
  margin: 0 0 15px;
}
/* box_point_sorotouch
----------------------------------------------*/
#super_kids .box_point_sorotouch{
  margin: 0 0 70px;
}
#super_kids .box_point_sorotouch .ttl_point{
  margin-bottom: 30px;
}
#super_kids .box_point_sorotouch .ttl_sub_box{
  margin: 0 0 15px;
}
#super_kids .box_point_sorotouch .area_01 .list dl{
  display: table;
}
#super_kids .box_point_sorotouch .area_01 .list dl + dl{
  margin: 8px 0 0;
}
#super_kids .box_point_sorotouch .area_01 .list dt{
  display: table-cell;
  width: 140px;
  padding: 5px;
  background: #6E1F19;
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}
#super_kids .box_point_sorotouch .area_01 .list dt span{
  margin-right: -2.5em;
  letter-spacing: 2.5em;  
}
#super_kids .box_point_sorotouch .area_01 .list dd{
  display: table-cell;
  padding: 5px 0 5px 15px;
}

/* box_point_sokudoku
----------------------------------------------*/
#super_kids .box_point_sokudoku{
  margin: 0 0 70px;
}
#super_kids .box_point_sokudoku .ttl_point{
  margin-bottom:30px;
}
#super_kids .box_point_sokudoku .ttl_sub_box{
  margin: 0 0 15px;
}
#super_kids .box_point_sokudoku .ttl_sub_box .main{
  letter-spacing: 2em;
}
#super_kids .box_point_sokudoku .ttl_sub_box .main span{
  margin-right: -1.3em;
}

/* area_01 */
#super_kids .box_point_sokudoku .area_01{
  margin: 0 0 50px;
}
#super_kids .box_point_sokudoku .area_01 .list dl{
  display: table;
}
#super_kids .box_point_sokudoku .area_01 .list dl + dl{
  margin: 8px 0 0;
}
#super_kids .box_point_sokudoku .area_01 .list dt{
  display: table-cell;
  width: 140px;
  padding: 5px;
  background: #6E1F19;
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}
#super_kids .box_point_sokudoku .area_01 .list dt span{
  margin-right: -2.5em;
  letter-spacing: 2.5em;  
}
#super_kids .box_point_sokudoku .area_01 .list dd{
  display: table-cell;
  padding: 5px 0 5px 15px;
}

/* box_point_shikouryoku
----------------------------------------------*/
#super_kids .box_point_shikouryoku .ttl_point{
  margin-bottom:40px;
}

/* area_01 */
#super_kids .box_point_shikouryoku .area_01 .ttl_sub_box{
  margin: 0 0 20px;
}
#super_kids .box_point_shikouryoku .area_01 .txt_01{
  margin: 0 0 25px;
}
#super_kids .box_point_shikouryoku .area_01 .txt_02{
  margin: 0 0 10px;
}
#super_kids .box_point_shikouryoku .area_01 .lead_txt01{
  margin: 0 0 25px;
}
#super_kids .box_point_shikouryoku .area_01 .lead_txt02{
  margin: 0 0 15px;
}
/* list-skills */
#super_kids .box_point_shikouryoku .area_01 .list-skills{
  margin: 0 0 25px;
  padding: 14px;
  background: #fff;
  border: 1px solid #7ECEF4;
}
#super_kids .box_point_shikouryoku .area_01 .list-skills dt{
  margin: 0 -0.2em 18px 0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.2em;
}
#super_kids .box_point_shikouryoku .area_01 .list-skills ul{
  display: flex;
  justify-content: space-between;
}
#super_kids .box_point_shikouryoku .area_01 .list-skills li{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  width: 32.3%;
  height: 190px;
  background: #7ECEF4;
  text-align: center;
}
#super_kids .box_point_shikouryoku .area_01 .list_effect{
  margin: 0 0 40px;
}

/* box_content
----------------------------------------------*/
#super_kids .box_content{
  margin: 0 0 60px;
}
#super_kids .box_content .ttl{
  margin: 0 0 10px;
  padding: 0 0 0 12px;
  border-left: 15px solid #570d0a;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.15em;
}
#super_kids .box_content .ttl > span{
  font-size: 14px;
}
#super_kids .box_content .ttl > span .time{
  color: #570d0a;
}
#super_kids .box_content .box{
  display: flex;
  padding: 10px 20px;
  background: #fff;
}
#super_kids .box_content .box .txt_main{
  padding: 0 15px 0 0;
  display: flex;
  min-width: max-content;
  align-items: center;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 900;
  font-size: 20px;
}
#super_kids .box_content .box .txt_note{
  font-size: 12px;
}
#super_kids .box_content .box .marker{
  background: linear-gradient(transparent 70%, #f7ef8f 70%);
}
/* box_timetable
----------------------------------------------*/
#super_kids .box_timetable{
  margin: 0 0 40px;
}
#super_kids .box_timetable .ttl{
  margin: 0 0 15px;
  padding: 10px;
  border: 2px solid #570d0a;
  background: #fff;
  text-align: center;
  color: #6e1f19;
  font-weight: 900;
  font-size: 20px;
  letter-spacing: 0.15em;
}
#super_kids .box_timetable .ttl img{
  margin-right: 10px;
  vertical-align: middle;
}

/* table */
#super_kids .box_timetable .table_wrap{
  margin: 0 auto;
  /* max-width: 780px; */
}
#super_kids .box_timetable table{
  table-layout: fixed;
}
#super_kids .box_timetable table,
#super_kids .box_timetable table th,
#super_kids .box_timetable table td{
  text-align: center;
  border:1px solid #570d0a;
}
#super_kids .box_timetable table th{
  padding: 5px;
  background: #ededed;
}
#super_kids .box_timetable table td{
  padding: 5px;
  background: #fff;
}
#super_kids .box_timetable table.table01{
  width: 100%;
}
#super_kids .box_timetable .small_soro{
  display: block;
  font-size: 11px;
  line-height: 1;
}