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

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

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


.c-content-lessonplan{
    position: relative;
    /* overflow: auto; */
    /* padding-bottom: 100px; */
    padding-top: 80px;
}
.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
}


@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_20 {	width: 20%;	padding: 2%;}
	.item_20 img{width: 90%;padding:3%;}
	  
	.item_30 {width: 28%;padding: 2% 0;}
	.item_30 img{width: 100%;padding:3%;}

	.item_40 {	width: 38%;	padding: 2%;}
	.item_40 img{width: 100%;padding:3%;}
	
	.item_50 {	width: 46%;	padding: 2%;}
	.item_50 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_70 {width: 70%;padding: 2%;}
	.item_70 img{width: 100%;}
	.item_70 .tTaisho {font-size:18px;margin-bottom:20px;font-weight:600;}
	.item_70 .kyu {font-size:16px;color:#000;
		font-weight:500;border:0px solid #ddd; padding:1%; margin:1%;background:#f0d174;
	}
	
	.item_100 {width: 100%;padding: 3%;}


}

.line-solid{border-bottom:1px solid #ddd;}
.txtColor_red{color:#d00e00;font-weight:600;font-size:20px;}




  .box_access {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    /* border: solid 1px #ddd; */
}
.box_access .box-title {

    line-height: 30px;
    font-size: 20px;
    /* background: #FFC107; */
    color: #000;
    font-weight: bold;
}
.box_access p {
    margin: 0; 
    padding: 0;
}


.id_ptop{padding-top:60px}



table.company th {width:30%;padding:20px;}
table.company td {padding:20px;}	




   
   /* -----------------------------------------------------------
   
      access_map
   
   ----------------------------------------------------------- */
   
   
   .access_map{
       padding: 10px;
       margin: 0 0 20px;
       border: 1px solid #dedede;
       /* -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 -1px 0 #f2f2f2; */
       -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 -1px 0 #f2f2f2;
       /* box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 -1px 0 #f2f2f2; */
   }
   
    .access_map p{font-size: 18px;font-weight: 600;}
    .access_map h3{font-size: 15px;font-weight: 600;}
   

   /* ======== table.tableOther ======== */
   table.access {border-collapse: collapse;text-align: left;font-size:14px;letter-spacing:1px;line-height:2; width:100%;}
   table.access tr {display:block; }
   table.access th {display:block;width:100%;padding:5px;font-weight: 600;vertical-align: 0;color: #056d70;font-size: 17px;}
   table.access td {display:block;width:100%;padding: 5px;padding-left: 5px;vertical-align: 0;border-bottom: #ddd 1px solid;}
   table.access td .linkArea {display:blockmargin-top:10px;text-align:left;}
   table.access td .linkArea a.btn {margin:0;}

   table.access td h3{color:#056d70}


   /* ======== table.tableOther ======== */
   table.company2 {border-collapse: collapse;text-align: left;font-size:14px;letter-spacing:1px;line-height: 1.5;width:100%;margin-bottom: 20px;}
   table.company2 tr {display:block; }
   table.company2 th {display: inline-block;width: 8em;padding:5px;vertical-align: 0;}
   table.company2 td {display: inline-block;/* width:100%; */padding: 5px;padding-left: 5px;vertical-align: 0;/* border-bottom: #ddd 1px solid; */}
   table.company2 td .linkArea {display:blockmargin-top:10px;text-align:left;}
   table.company2 td .linkArea a.btn {margin:0;}

   
   /* --- #map_canvas --- */
   #map_canvas { width:100%; margin-top:70px; height:400px;position: relative; z-index: 1; border: #ededed 1px solid;}
   
   
   
   @media only screen and (max-width: 950px) {
   table.access th {/* width:30%; *//* padding:20px; */}
   table.access td {padding:20px;}
   table.company2 th {/* width:30%; *//* padding:20px; */}
   table.company2 td {padding:20px;}
   }
   
   @media only screen and (max-width: 800px) { 
  
    table.access { font-size:13px;}
    table.company2 { font-size:13px;}
   }
   @media only screen and (max-width: 738px) {
     
       table.access { font-size:12px;}	
       table.company2 { font-size:12px;}	
   /*	#map_canvas { display:none; }*/
   }
   @media only screen and (max-width: 414px) {
   table.access th {width: 100%;padding:15px;font-size: 15px;font-weight: 600;}
   table.access td {padding:15px;}
   table.company2 th {width: 100%;padding:15px;font-size: 15px;font-weight: 600;}
   table.company2 td {padding:15px;}
   }
   
   
    table.access ul{
    list-style-type: circle;
    }   
    table.access li{line-height:1.5;padding: 0.5%;}