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


.c-content-lessonplan{
    position: relative;
    padding-top: 80px;
}

@media only screen and (max-width:47.9375em) {
.c-content-lessonplan{
    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 4.68% 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
}




.title_sub {
  position: relative;
  padding: 0.6em;
  background: #000000;
  margin-bottom:30px;
  color: #fff;
  font-size: 18px;
}

.title_sub:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #000000;
  width: 0;
  height: 0;
}





.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;} 
  .item2_picA{background:#ffb03f;color:#000;padding:3px;position:absolute;top: -15px;}   
/*   .item2 p span{background:#000; color:#fff; padding:5px;} */


.column_4{width: 100%;border: 1px solid #eee;margin:1%;padding: 2%;}
.column_4 img{/* padding:2%; */width: 80%;margin: 20px;}


@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; */
	  }


	.column_4{width:23%;border: 1px solid #eee;margin:1%;padding: 2%;}
	.column_4 img{/* padding:2%; */width: 80%;margin: 20px;}
	  
	
}


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

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

  
}