@charset "UTF-8";



.c-content-lessonplan--type_lessonplan .c-content-lessonplan__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: #f4f4f4; */
}

.c-content-lessonplan--type_lessonplan .c-content-lessonplan__bgW {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.c-content-lessonplan--type_lessonplan .c-content-lessonplan__inner {
    position: relative;
    z-index: 1
}

.c-content-lessonplan--type_lessonplan .c-content-lessonplan__inner {
    padding-top: 60px;
    padding-bottom: 60px
}
@media only screen and (max-width:47.9375em) {
.c-content-lessonplan--type_lessonplan .c-content-lessonplan__inner {
    padding-top: 0px;
    padding-bottom: 0px
}
}

@media print, screen and (min-width:48em) {
.c-content-lessonplan--type_lessonplan .c-content-lessonplan__inner {
    padding-top: 0px;
    padding-bottom: 0;
}
}


.c-content-lessonplan{
    position: relative;
    padding-top: 80px;
}
@media only screen and (max-width:47.9375em) {
.c-content-lessonplan{
    position: relative;
    padding-top: 0px;
}
}

.c-content-lessonplan__inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width:47.9375em) {
.c-content-lessonplan__inner {
    width: 100%;
    padding: 54px 2% 50px;
}
}

@media print, screen and (min-width:48em) {
.c-content-lessonplan__inner {
    position: relative;
    z-index: 1;
    width: 90.64%;
    padding-top: 54px;
    padding-bottom: 50px;
    margin-right: auto;
    margin-left: auto
}
}

@media print, screen and (min-width:61.25em) {
.c-content-lessonplan__inner {
    max-width: 1400px;
    padding-top: 75px;
    padding-bottom: 80px
}
}

@media print, screen and (min-width:87.5em) {
.c-content-lessonplan__inner {
    padding-right: 0;
    padding-left: 0
}
}
.c-content-lessonplan__inner>:first-child {
    margin-top: 0
}




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

   #lesson_nav

   ----------------------------------------------------------- */
   
#lesson_nav {padding: 10px .2%;/* position:relative; *//* top: 90px; */z-index:1;border-top: #ededed 1px solid;border-bottom: #f5f5f5 1px solid;/* margin-bottom: 30px; *//* right: 0; *//* text-align: right; */color: #000;}
#lesson_nav:before { position:absolute; top:-1px; left:5%; right:5%; height:0; content:""; border-top:#ededed 1px solid; z-index:2; }
#lesson_nav ol { font-size: 0; margin: 0; padding: 0; line-height: 1.8; line-height:1; }
#lesson_nav li {display: inline-block;/* display: inline; */zoom: 1;list-style: none;font-size: 12px;font-weight: normal;margin: 0;padding: 0;letter-spacing: 1px;height:20px;line-height:20px;}
/*#lesson_nav li:after { font-size: 6px; font-family: 'themify'; content: "\e649"; font-weight: normal; margin: 0 10px; height:20px; line-height:20px; }*/
#lesson_nav li:after {font-size: 10px;font-family: 'FontAwesome';content: "\f105";font-weight: normal;margin: 0 10px;height:20px;line-height:20px;}


#lesson_nav li:last-child:after { display:none;}
#lesson_nav li i { font-size: 16px; padding-right: 5px; font-weight: normal; line-height: 1.3; }
#lesson_nav li a {/* border-bottom: #999 1px solid; */position:relative;z-index:1;height:20px;line-height:20px;}
#lesson_nav li:first-child a:before {padding-right:5px; font-size: 11px; font-family: 'themify'; content: "\e69b";}
#lesson_nav li:first-child a:before {padding-right:5px;font-size: 1.2rem;font-family: 'FontAwesome';content: "\f1b2";padding-right: 10px;font-size: 15px;text-align: left;font-family: 'FontAwesome';/* content: "\f003"; *//* content: url(../images/icon_home.svg); */font-weight: normal;color: #1f1b19;}

#lesson_nav li a:after { position:absolute; top:0; left:0; bottom:0; width:0; content:""; background:transparent; z-index:-1;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#lesson_nav li a:hover:after { width:100%; background:#d7e4ed; }
#lesson_nav li a:hover { color:#aaa; border-bottom: #fffdfd 1px solid;}

@media only screen and (max-width: 800px) {
#lesson_nav {padding: 20px 5%;border-top:none;top: 40px;}
#lesson_nav:before { display:none;}
#lesson_nav li a {/* border-bottom: #aaa 1px solid; */font-size: 12px;color:#000;}
#lesson_nav li a:hover:after { display:none;}
#lesson_nav li a:hover { color:#000;  border-bottom: #999 1px solid; }
}

@media only screen and (max-width: 414px) {
#lesson_nav ol { font-size: 0; margin: -10px auto 0; padding: 0; display:block; text-align:left; }
#lesson_nav li {font-size: 14px;margin: 10px 0 0;padding: 0;letter-spacing: 1px;}
#lesson_nav li:after { margin: 0 5px;}
#lesson_nav li:last-child {overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width:10em;}
#lesson_nav li:first-child a { font-size:0; width:auto;padding-bottom: 7px; }
#lesson_nav li:first-child a:before {padding-right:0; font-size: 18px;}
}

@media only screen and (max-width: 320px) {
#lesson_nav li:last-child { width:6em;}	
}








.item {
    border-radius: 5px;
    /* background: #edf; */
    padding: 10px;
    margin: 5px;
    /* text-align: center; */
    /* border: 1px solid #eee; */
  }

.item2 {
    border-radius: 5px;
    /* background: #edf; */
    padding:15px 10px 10px;
    margin: 20px 5px;
    /* text-align: center; */
    border: 1px solid #ddd;
    position:relative;
  }

.item p,
  .item2 p{/* text-align:left; *//* font-size:13px; *//* font-weight:600; *//* line-height: 1.7; *//* padding: 2%; */}
  .item2_pic{background:#000;color:#fff;padding:3px;position:absolute;top: -15px;left: 10px;font-size: 12px;letter-spacing: 0.0002em;} 
  .item2_picA{background:#ffb03f;color:#000;padding:3px;position:absolute;top: -15px;}   
  .item2_picB{background:#9BC2E6;color:#000;padding:3px;} 
.item2_picC{background:#c6edfa;color:#000;padding:3px;} 
  .item2 p span{background:#000; color:#fff; padding:5px;}


@media only screen and (max-width: 320px) {
  .item2_pic{background:#000;color:#fff;padding:3px;position:absolute;top: -15px;left: 10px;font-size: 9px;letter-spacing: 0.0002em;} 
  }

@media ( min-width : 600px ){
    .flexbox {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      /* max-width: 1200px; */
      justify-content: center; /* 子要素をflexboxにより中央に配置する */
      /* align-items: center; */  /* 子要素をflexboxにより中央に配置する */
      /* margin-bottom: 100px; */
      }
    .item {
      width: 75%;
    }
  .item img{width: 70%;}
  .item2 {width: 100%;}
  .item2 img{width: 50%;}
  .item p,
  .item2 p{/* text-align:left; *//* font-size: 17px; *//* font-weight:600; *//* line-height: 1.7; *//* padding: 2%; */}
  .item2_pic{background:#000;color:#fff;padding:3px;position:absolute;top: -35px;padding: 1%;font-size: 18px;left: 40px;} 
  .item2_picA{background:#ffb03f;color:#000;padding:3px;position:absolute;top: -15px;padding: 2%;font-size: 18px;} 
  .item2_picB{background:#9BC2E6;color:#000;padding:3px 10px;font-size: 18px;} 
	.item2_picC{background:#c6edfa;color:#000;padding:3px 10px;font-size: 18px;} 
  .item2_txt{text-align:left;font-size: 16px;font-weight: 500;line-height: 2;padding: 1%;padding-top: 3%;}
  .item2 p span{background:#000; color:#fff; padding:5px;}


   .item3 {
      width: 20%;
      padding: 3%;
    }
   .item3 img{width: 100%;}

  }




.Entry_sec{
    width:100%;
    padding:1%;
    max-width: 700px;
}

.Entry_sec p{
  font-size:15px;
  text-align: right;
  padding:5px 0;
}

.table_box{
  width:100%;
  margin-bottom: 80px;
}

.table_box2{
  width: 60%;
  margin-bottom: 10px;
  text-align: center;
}



.title_course {
   margin-bottom:30px;
   line-height:2;
   font-size:20px;
}

.title_course span{
  background: linear-gradient(transparent 70%, #f5d2d2 70%);

  
}




table.tbEntry{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    /* font-size: 18px; */
    /* max-width: 710px; */
  }
  
  table.tbEntry th,table.tbEntry td{
    padding: 10px 3px;
    text-align: center;
    border: 1px solid #9E9E9E;
    /* font-size: 14px; */
  }
  
  table.tbEntry tr:nth-child(odd){
    background-color: #eee
  }



table.tbEntry td label {
  display:block;
  position:relative;
  padding-left:2em;
  line-height:2em;
  font-size:13px;
}
table.tbEntry td label input{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  margin:auto;
}

.txt_com{
  font-size:16px;
  font-weight:600;
}


/* ナンバー */
  .w1{width:30%;text-align:center}
  .w2{width:10%;text-align:center}
  .w3{width:15%;text-align:center}
  .w4{width:15%;text-align:center}
  .w5{width:15%;text-align:center} 
  .w6{width:15%;text-align:center}
  .w7{width:30%;text-align:center}





  .Thanks_sec{
    width:100%;
    padding:1%;
    max-width: 700px;
}

.Thanks_sec p{
  font-size:16px;
  text-align: cnter;
  padding:5px 0;
  line-height:2;
}


.tx_c{text-align:center}
.tx_l{text-align:left}

.tx_vm{vertical-align: middle}


@media ( min-width : 600px ){
	.flexbox {
	  display: flex;
	  flex-wrap: wrap;
	  width: 100%;
	  /* max-width: 1200px; */
	  justify-content: center; /* 子要素をflexboxにより中央に配置する */
	  /* align-items: center; */  /* 子要素をflexboxにより中央に配置する */
	  /* margin-bottom: 100px; */
	  }
	.item_40 {
	width: 38%;
	padding: 2%;
	}
	.item_40 img{width: 100%;padding:3%;}

	.item_60 {
		width: 60%;
		padding: 2%;
		}
	.item_60 img{width: 100%;}
	.item_60 .tTaisho {font-size:18px;
		margin-bottom:20px;font-weight:600;
	}

	.item_60 .kyu {font-size:16px;color:#000;
		font-weight:500;border:0px solid #ddd; padding:1%; margin:1%;background:#f0d174;
	}

	.item_100 {
		width: 100%;
		padding: 2%;
		}
	.item_100 img{width: 100%;}
	.item_100 .tTaisho {font-size:18px;
		margin-bottom:20px;font-weight:600;
	}

	.item_100 .clswake {font-size:16px;color:#000;
		font-weight:500;border:0px solid #ddd; padding:1%; margin:1%;background:#f0d174;
	}


	.item2 {width: 100%;}
	.item2 img{width: 50%;}
	.item p,
	.item2 p{/* text-align:left; *//* font-size: 17px; *//* font-weight:600; *//* line-height: 1.7; *//* padding: 2%; */}
	.item2_pic{background:#000;color:#fff;padding:3px;position:absolute;top: -35px;padding: 1%;font-size: 18px;left: 40px;} 
	.item2_picA{background:#ffb03f;color:#000;padding:3px;position:absolute;top: -15px;padding: 2%;font-size: 18px;} 
	.item2_txt{text-align:left;font-size: 16px;font-weight: 500;line-height: 2;padding: 2%;padding-top: 3%;}
/* 	.item2_title span color:#fff; padding:5px;} */

}

table.group {
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	table-layout: fixed;
	}
  
  table.group tr {
	background-color: #fff;
	border: 1px solid #bbb;
	padding: .35em;
  }
  table.group th,
  table.group td {
	padding: 1em 10px 1em 1em;
	border-right: 1px solid #bbb;
  }
  table.group th {
	font-size: 16px;
	}
  table.group thead tr{
	background-color: #eee;
  }
  .txt{
	 text-align: left;
	 font-size: .85em;
  }
  .price{
	 text-align: left;
  }
  @media screen and (max-width: 600px) {
    table.group {
	  border: 0;
	  width:100%
	}
	table.group th{
	  background-color: #eee;
	  display: block;
	  border-right: none;
	}
	table.group thead {
	  border: none;
	  clip: rect(0 0 0 0);
	  height: 1px;
	  margin: -1px;
	  overflow: hidden;
	  padding: 0;
	  position: absolute;
	  width: 1px;
	}
	
	table.group tr {
	  display: block;
	  margin-bottom: .625em;
	}
	
	table.group td {
	  border-bottom: 1px solid #bbb;
	  display: block;
	  font-size: .8em;
	  text-align: left;
	  position: relative;
	  padding: .625em .625em .625em 10em;
	  border-right: none;
	}
	
	table.group td::before {
	  content: attr(data-label);
	  font-weight: bold;
	  position: absolute;
	  left: 10px;
	}
	
	table.group td:last-child {
	  border-bottom: 0;
	
	}



  table.group.info01 td.r1 {
    width: 100%;
    text-align: left;
    /* border-right: #999 1px solid;
     background: #447791;*/
	}

	table.group.info01 td.r2 {
		width: 100%;
		text-align: left;
	  /*  border-left: 1px #999 solid;*/
	}

.about_yoyaku{
      padding:10px;
      margin-top: 50px;
   }

   .about_yoyaku ol {
      counter-reset:number;
      list-style-type: none!important;
      padding: 0.3em 0.8em;
      border: solid 1px #aaa;
    }
    .about_yoyaku ol li {
      border-bottom: dashed 1px #000000;
      position: relative;
      padding: 0.5em 1em 0.5em 40px;
      line-height: 1.5em;
    }
    .about_yoyaku ol li:before{
      position: absolute;
      content: "● ";
      display:inline-block;
/*       background: #ffb107; */
      color: ffb107;
        font-weight:bold;
      font-size: 15px;
      border-radius: 50%;
      left: 8px;
      width: 25px;
      height: 25px;
      line-height: 25px;
      text-align: center;

      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .about_yoyaku ol li:last-of-type {
      border-bottom: none; 
    }



.about_yoyaku_r{
/*      padding:10px; */
      margin-top: 50px;
   }

   .about_yoyaku_r ol {
      counter-reset:number;
      list-style-type: none!important;
/*      padding: 0.3em 0.8em; */
/*      border: solid 1px #aaa; */
    }
    .about_yoyaku_r ol li {
      border-bottom: dashed 1px #000000;
      position: relative;
      padding: 0.5em 1em 0.5em 40px;
      line-height: 1.5em;
    }
    .about_yoyaku_r ol li:before{
      position: absolute;
      content: "● ";
      display:inline-block;
/*       background: #ffb107; */
      color: ffb107;
        font-weight:bold;
      font-size: 15px;
      border-radius: 50%;
      left: 8px;
      width: 25px;
      height: 25px;
      line-height: 25px;
      text-align: center;

      top: 12%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .about_yoyaku_r ol li:last-of-type {
      border-bottom: none; 
    }



	
  }
  
  @charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);


section table {width: 100%;font-size: 15px;}
section th, section td  {padding: 10px;border: 1px solid #666;}
section th  { background: #ddd; }
.w01{width: 10em;}
.w02{width: 5em;}
.w03{width: 6em;}
.w04{width: 5em}
.w05{width: 2em}
.w06{width: 2em}
.w07{width: 2em}
.w08{width: 15em;}

table tr:nth-child(even) td {
	background: #eee;
}
.rtablwidth80 { width: 80%; }
.rtablwidth60 { width: 60%; }
.rtablwidth40 { width: 40%; }
/*----------------------------------------------------
  .actual
----------------------------------------------------*/
.actual th  {/* width: 0; */}
.actual td  {text-align: center;}
.actual td:first-child  { text-align: center; }

.r1 {
    width: 12em;
}

.r2 {
    width: 12em;
}

.r3 {
    width: 8em;
}

.r4 {
    width: 10em;
}

.r5 {
    width: 8em;
}

.r6 {
    width: 8em;
}

.r7 {
    width: 11em;
}
.r8 {
    width: 6em;
}