@charset "utf-8";
/* CSS Document */

/*.main{background: url(../img/shunki_bg2022.png);background-size: cover;}*/


.page-navi {
  margin-top: 20px; }
  @media screen and (max-width: 950px) {
    .page-navi {
      width: 100%;
      margin: 30px auto; } }
  @media screen and (max-width: 640px) {
    .page-navi {
      width: 100%;
      margin-top: 10px;
      margin-bottom: 5px; } }
  .page-navi__check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 10px; }
    @media screen and (max-width: 640px) {
      .page-navi__check {
        display: block;
        padding-bottom: 5px; } }
    .page-navi__check li {
      display: block;
      color: #20BCFD;
      font-size: 18px;
      font-weight: bold; }
      .page-navi__check li:not(:last-child) {
        margin-right: 25px; }
      .page-navi__check li:before {
        background: url(../img/icon/icon_check.png) 0 0 no-repeat;
        content: "";
        display: inline-block;
        width: 30px;
        height: 29px;
        padding-right: 5px;
        vertical-align: middle; }
        @media screen and (max-width: 640px) {
          .page-navi__check li:before {
            width: 20px;
            height: 20px;
            background-size: 20px;
            margin-left: 40px; } }
    @media screen and (max-width: 950px) {
      .page-navi__check {
        width: 100%; }
        .page-navi__check li {
          display: block;
          border-radius: 5px;
          margin: 5px auto 0; } }
  @media screen and (max-width: 640px) {
    .page-navi {
      font-size: 16px; } }
  .page-navi__sub {
    color: #003777;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    margin: 20px 0; }
    @media screen and (max-width: 640px) {
      .page-navi__sub {
        font-size: 20px;
        margin-bottom: 0;
        margin-top: 10px; } }
    .page-navi__sub span {
      padding: 0 30px;
      position: relative;
      display: inline-block; }
      @media screen and (max-width: 640px) {
        .page-navi__sub span {
          padding: 0 50px; } }
      .page-navi__sub span::before, .page-navi__sub span::after {
        content: '';
        position: absolute;
        top: 50%;
        width: 30px;
        height: 3px;
        background-color: #003777; }
        @media screen and (max-width: 640px) {
          .page-navi__sub span::before, .page-navi__sub span::after {
            width: 25px;
            height: 2px;
            top: 66%; } }
      .page-navi__sub span::before {
        left: 0;
        -webkit-transform: rotate(60deg);
                transform: rotate(60deg); }
      .page-navi__sub span::after {
        right: 0;
        -webkit-transform: rotate(-60deg);
                transform: rotate(-60deg); }
  .page-navi__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 950px;
    margin: 0 auto;
    width: 90%; }
    @media screen and (max-width: 640px) {
      .page-navi__btn {
        display: block;
        width: 100%; } }
    .page-navi__btn li {
      width: calc(94% / 2); }
      @media screen and (max-width: 640px) {
        .page-navi__btn li {
          width: 90%;
          margin: 0 auto; } }
      .page-navi__btn li:not(:last-child) {
        margin-right: 10px; }
        @media screen and (max-width: 640px) {
          .page-navi__btn li:not(:last-child) {
            margin-right: auto;
            margin-bottom: 15px; } }
    .page-navi__btn .common-btn, .page-navi__btn .search-btn, .page-navi__btn .cta-panf__btn, .page-navi__btn .cta-btn {
      font-size: 16px;
      height: 80px; }
      @media screen and (max-width: 950px) {
        .page-navi__btn .common-btn, .page-navi__btn .search-btn, .page-navi__btn .cta-panf__btn, .page-navi__btn .cta-btn {
          font-size: 14px; } }
      @media screen and (max-width: 640px) {
        .page-navi__btn .common-btn, .page-navi__btn .search-btn, .page-navi__btn .cta-panf__btn, .page-navi__btn .cta-btn {
          height: 70px;
          font-size: 16px; } }
      .page-navi__btn .common-btn:after, .page-navi__btn .search-btn:after, .page-navi__btn .cta-panf__btn:after, .page-navi__btn .cta-btn:after {
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg); }
        @media screen and (max-width: 950px) {
          .page-navi__btn .common-btn:after, .page-navi__btn .search-btn:after, .page-navi__btn .cta-panf__btn:after, .page-navi__btn .cta-btn:after {
            right: 10px; } }
        @media screen and (max-width: 640px) {
          .page-navi__btn .common-btn:after, .page-navi__btn .search-btn:after, .page-navi__btn .cta-panf__btn:after, .page-navi__btn .cta-btn:after {
            right: 20px; } }
  .page-navi__ttl {
    font-size: 18px;
    text-align: center;
    margin: 40px auto 20px;
    font-weight: bold; }
    @media screen and (max-width: 640px) {
      .page-navi__ttl {
        font-size: 15px;
        margin: 30px auto 10px; } }
  .page-navi__txt {
    border: solid 1px #2FBDFA;
    padding: 20px 0;
    line-height: 1.8;
    text-align: center;
    width: 530px;
    margin: 0 auto;
    margin-bottom: 70px; }
    @media screen and (max-width: 950px) {
      .page-navi__txt {
        width: 80%;
        margin: 0 auto;
        padding: 20px;
        margin-bottom: 70px; } }
    @media screen and (max-width: 640px) {
      .page-navi__txt {
        font-size: 12px;
        width: 85%;
        margin: 0 auto;
        padding: 10px;
        text-align: left;
        margin-bottom: 50px; } }
/*page-navi*/

h3 {
    clear: both;
    margin:  30px auto;
    padding: 10px;
    font-size: 100%;
    line-height: 1;
    clear: both;
    background: unset;
    border-left: unset;
    border-bottom: unset;
		
}	
	
#shunki .pic_base h3 {
    position: relative;
    display: inline-block;
    padding: 0px 300px;
    font-size: 180%;
	font-weight: bold;
    color: #1d2088;
	
}	
#shunki .pic_base h3:before, h3:after {
    content: '';
    position: absolute;
    top: 50%;
	right: 0;
    display: inline-block;
    width: 150px;
    height: 3px;
    background-color: #1d2088;
}	
#shunki .pic_base h3:before {
    left: 0;
}	
	@media screen and (max-width: 480px){
#shunki .pic_base h3 {
    position: relative;
    display: inline-block;
    padding: 0px 80px;
    font-size: 150%;
    color: #1d2088;
}	
#shunki .pic_base h3:before, h3:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 80px;
    height: 3px;
    background-color: #1d2088;
}
		}
		.box_bnr {
  position      : relative;            /* タイトル用に親要素定義  */
  box-sizing    : border-box;          /* 罫線・余白も含む大きさ  */
  margin        : 14px auto 0 auto;    /* BOXの位置               */
  /*max-width     : 500px;                BOXの最大横幅           */
  background    : #fff;                /* BOXの背景色             */
  padding       : 33px 10px 25px 10px; /* BOX内の余白             */
  border        : 3px solid #0059b3;   /* BOXの枠線               */
}
 
 /* --- タイトル部分の定義 ----------------------------------------*/
.box_bnr::before {
  position      : absolute;          /* 親からの相対位置の定義  */
  display       : inline-block;      /* インラインボックス定義  */
  box-sizing    : border-box;        /* 罫線・余白も含む大きさ  */
  line-height   : 1;                 /* 1行の高さを初期化       */
  background    : #0059b3;           /* タイトル背景色          */
  color         : #ffffff;           /* タイトルの文字色        */
  content       : attr(title);       /* タイトルに[title]を表示 */
  font-weight   : bold;              /* タイトルは太字          */
  padding       : 8px 22px;          /* タイトル内の余白        */
  top           : -17px;             /* タイトル上位置はマイナス*/
  left          : 16px;              /* タイトル右位置は1文字分 */
  font-size     : 16px;              /* タイトルの文字サイズ    */
}		  
	  
	.pic_base{text-align: center;}
	
	.nittei_tittle{text-align: center;font-size: 2em;}	
	.nittei_tittle span{border-bottom: 1px solid #000;}
	table.jukourei{border: solid 1px #000;text-align: center;width: 100%}
	table.jukourei th{border: solid 1px #000;text-align: center;padding: 5px;}
	table.jukourei td{border: solid 1px #000;text-align: center;padding: 5px;}
	.bg_red1{background: #F7090D;color: #fff;}
	.bg_green1{background: #26B110;color:#fff ;}
	.bg_blu{background: #3641B5;color:#fff ;}
	.bg_ora{background: #E0AC14;color:#fff ;}
	.sub_tittle {margin-top: 20px}
	.sub_tittle span{ border-bottom: double 5px #FFC778;font-size: 18px}
.button2 {
  font-family : inherit;
  font-size   : 100%;
}
.button2 {
  display: inline-block;
  width: 340px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  background-color: #1d2088;
  color: #fff;
  font-weight:600;
  font-size:100%;
}
.button2:hover {
  background-color: #59b1eb;
}	
.button2 a{color:#fff;}
.button2 a:link{color:#fff;}
.button2 a:visited{color:#fff;}
	
.button2::before,
.button2::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button2,
.button2::before,
.button2::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}	
	.jukourei_couse01{display: flex;flex-wrap: nowrap;box-sizing: border-box;align-items: center; justify-content: center;}
	.jukourei_couse02{display: flex;flex-wrap: nowrap;box-sizing: border-box;align-items: center; justify-content: center;}
	.couse_plus{display: inline-block;width:20px; }
	.couse{display: inline-block;width:30%;padding: 0.7em 0.5em;}
	.couse2{display: inline-block;width:100%;padding: 0.7em 0.5em;}
	@media only screen and (max-width: 640px) {  
	.jukourei_couse01{display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: center; justify-content: center;}  
	.couse{display: inline-block;width:100%;padding: 0.7em 0.5em;}
	}
.tittle_1{font-size: 20px}



/*.flex{ display: flex;flex-wrap: wrap;justify-content :space-between;align-content: center; text-align: center}*/
.flex2{ display: flex;flex-wrap: nowrap;justify-content :space-between;align-content: center;}
.flex_item{width : calc(100% / 3) ;}
.flex_item2{width: 50%}

.s_area{background-color: #fff;border-radius: 0 0 10px;font-weight: bold;margin: 0px 0 20px;}
.s_area_pk{color: #ea6188;}
.s_area_bg{background-color:#ea6188;}
.s_area ul{list-style: none;text-align: left;}
.s_area_line{color: #ea6188; }
.line_up{padding: 20px}
.line_up_ttl{font-size: 20px}
.line_up table {width: 100%;border-collapse: separate;}

.c_area{background-color: #fff;border-radius: 0 0 10px;font-weight: bold;margin: 0px 0 20px;}
.c_area_bl{color: #00afc3;}
.c_area ul{list-style: none;text-align: left;}
.c_area_line{color: #00afc3; }
.c_area_bg{background-color:#00afc3; }

.k_area{background-color: #fff;border-radius: 0 0 10px;font-weight: bold;margin: 0px 0 20px;}
.k_area_bl{color: #1f51a2;}
.k_area ul{list-style: none;text-align: left;}
.k_area_line{color: #1f51a2; }
.k_area_bg{background-color:#1f51a2; }
.k_area_tittl{font-size: 20px;color: #000;font-weight: bold}
.gakunen{color: #fff;font-size: 25px;font-weight: bold;text-align: center;}

.sokushu_tittle{position: relative; }
.sokushu_tittle_box_inner{position: absolute; left: 10px; top: 10px;}

.sokushu_tittle_bg1{background-color: #f6bedc;height: 80px;line-height: 1.8}
.sokushu_tittle_bg2{background-color: #fff100;height: 120px;}



.tittle3{color: #000000;font-weight: bold;font-size: 16px;line-height: 1.5}
			.tittle4{color: #1d2088;font-weight: bold;font-size: 18px;line-height: 1.5}

.soku_ttl_txt3{font-size: 3em;color: #fff;}	
.font-l{font-size: 1.8em}
@media screen and (max-width:760px){
.nagare_arrow{background: url(../img/nagare_arrow2.png);
    background-size: 100%;
   
    background-repeat: no-repeat;
    background-position: bottom;}	
	
.nav {
    line-height: 2.5;
    font-size: 80%;
}	
.sokushu_tittle{position: relative;}
.sokushu_tittle_box_inner{position: absolute; left: 10px; top: 90px;}
.sokushu_tittle_bg1{background-color: #f6bedc;height: 50px;line-height: 1.8}
.sokushu_tittle_bg2{background-color: #fff100;height: 90px;}
.soku_ttl_txt3{font-size: 2em;}	
/*#kaki .container h1 {position: relative;display: inline-block;padding: 0px 140px ;font-size: 150%;color: #1d2088;}
#kaki .container h1:before, h1:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 100px; height: 3px; background-color: #1d2088;}	*/
.flex2{ display: flex;flex-wrap: wrap;justify-content :space-between;align-content: center;}	
.line_up table {width: 100%;}
.line_up_c table {width: 100%;}	
.line_up_ttl{font-size: 18px;padding-right: 80px;}	
	
.scroll-table {
	
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}	
.tokutyo_img{width:100%;margin-bottom: 10px}

.tokutyo_item_box_inner{left: 20px; top: 250px; width: 90%;font-size: 13px;line-height: 1.5}

.tokutyo_item{width: 100%}
.flex_item{width: 100%}	
.flex_item2{width: 100%}
.tokuten_img{width: 100%;}
	.font-l{font-size: 1.3em}	
	.gakunen{font-size: 20px;}
}
@media screen and (max-width:350px){

.tokutyo_item_box_inner{left: 20px; top: 200px; font-size: 11px;line-height: 1.3}
	
	}


#touki .pic_base ul {list-style: none;margin: 0 10px;padding: 0.5em 5px;}
	#touki .pic_base li:before { font-family: FontAwesome; content: '\f111';color: #8f82bc}
	#touki .pic_base li{margin-left: 1.4em;	text-indent: -1.4em;}
		
		/*	.pic_base{max-width: 685px}
	#touki .pic_base h1 {position: relative;display: inline-block;padding: 0px 240px ;font-size: 150%;color: #1d2088;}
	#touki .pic_base h1:before, h1:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 180px; height: 3px; background-color: #1d2088;}
	#touki .pic_base h1:before { left:0;}
	#touki .pic_base h1:after {right: 0;}
	#touki .pic_base ul {list-style: none;margin: 0 10px;padding: 0.5em 5px;}
	#touki .pic_base li:before { font-family: FontAwesome; content: '\f111';color: #8f82bc}
	#touki .pic_base li{margin-left: 1.4em;	text-indent: -1.4em;}*/
			.text_font{font-family: "Verdana','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック',sans-serif;"}
			.flex{display: flex;flex-wrap: nowrap;width: 100%;}
            .flex_nagare{display: flex;flex-wrap: nowrap;width: 100%;justify-content: flex-start}
			.flex_box{width: 50%}
			.flex_box2{width: 30%}
			.flex_box3{width: 70%;margin-bottom: 20px;}
            .flex_box4{width: 40%;margin-bottom: 20px;}
            .flex_box5{width: 20%;margin-bottom: 20px;}


             
            .flex_box6{width: 20px;margin-bottom: 20px;display: flex;align-items: center; justify-content: center;}
            .flex_box7{width: 120px;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;}
            .flex_box8{width: 150px;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;}
            .marker1{background: linear-gradient(transparent 80%, #ec6d81 10%);}
			.marker2{background: linear-gradient(transparent 80%, #ffff00 10%);background:-ms-linear-gradient(transparent 80%, #ffff00 10%);background:-webkit-linear-gradient(transparent 80%, #ffff00 10%);background:-moz-linear-gradient(transparent 80%, #ffff00 10%);}
			.dotte{border: dotted 1px #0599d9;padding: 8px;}
			.tittle1{color: #000;font-weight: bold;font-size: 22px;}
			.tittle2{color: #f39800;font-weight: bold;font-size: 20px;text-align: center;margin: 20px 0}
			.tittle3{color: #000000;font-weight: bold;font-size: 16px;line-height: 1.5}
			.tittle4{color: #1d2088;font-weight: bold;font-size: 18px;line-height: 1.5}
			table.touki{border-collapse: separate;width: 100%}
			table.touki th{text-align: center;margin: 8px;}
			table.touki td{text-align: left;font-weight: bold;}
			/*.kouza_area{background-image: url("/kyoiku/kotaro/tabid/774/img/shunki_bg.png");background-repeat: no-repeat;margin-bottom: 20px;}*/
			.red{color: red;}
			.sokushu{background-image: url("/kyoiku/kotaro/tabid/774/img/sokushu_bg.png");background-repeat: repeat; color: #000}
		.tokutyou{background-color: #fff;border-radius: 10px;border: solid 1px #9d8c8a;margin:0 8px;margin-bottom: 20px;}
		.tokutyou p{ color: #2B2828}
		table.kamoku{border-collapse: separate;width: 400px; font-size: 12px;}
        table.kamoku td{text-align: left!important;padding-left:  10px;}
		table.kamoku .tbl-r02 th{width: 40px;color: #000; }
		table.kamoku .tbl-r02 td{width: 280px;color: #000;padding: 8px;text-align: left!important; }
		.tangen{display: block;position: relative;color: #000;}
		.tangen_img{
    display: block;
    position: absolute;
    top: -87px;
    left: 600px;
}
		.bg1{background-color: #dcdddd;padding: 8px;color: #000;border: solid #fff 1px;}
		.bg2{background-color: #d2cfe8;padding: 8px;color: #000;border: solid #fff 1px;}
		.bg3{background-color: #e3f0dc;padding: 8px;color: #000;border: solid #fff 1px;}
		.bg4{background-color: #fce5e9;padding: 8px;color: #000;border: solid #fff 1px;}
		.bg5{background-color: #e6f1d9;border: solid #fff 1px;}
		.bg6{background-color: #00afc3;border: solid #fff 1px;}
        .bg7{background-color: #dcdddd!important;border: solid #fff 1px;}
        .bg8{background-color: #ea6188!important;border: solid #fff 1px;}
        .bg9{background-color: #00aec4!important;border: solid #fff 1px;}
        .bg10{background-color: #1f51a2!important;border: solid #fff 1px;}
		.txt_ct{text-align: center;}
		.pk{color: #ea6188;}
		.grn{color: #00afc3;}
		table.sokushukouza{border-collapse: separate;font-size: 13px}
		table.sokushukouza th{text-align: center;background-color: #fff;}
		table.sokushukouza td{color: #000; padding: 8px ; text-align: left; background-color: #fff;}
        .kyouka{border: solid 1px #00afc3;text-align: center!important;width: 20px}
.nagare_box{border: dashed 1px #00b0ec;background: #fff;padding: 5px;text-align:center;font-size: 12px}
.nagare_box2{border: dashed 1px #00b0ec;background: #eff8fe;padding: 5px;text-align:center;font-size: 12px}

			@media screen and (max-width:760px){
			.flex{flex-wrap: wrap;width: 100%;}	
			.flex_nagare{display: flex;flex-wrap: wrap;width: 100%;justify-content: center}
			.flex_box6{width: 80%;margin-bottom: 20px;display: flex;align-items: center; justify-content: center;}
            .flex_box7{width: 80%;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;}	
			.flex_box8{width: 80%;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;}	
				
			.tangen_img{
    display: block;
    position: absolute;
    top: -70px;
    left: 564px
}	
			.flex_box{width: 100%}
			.flex_box2{width: 100%;text-align: center;}
			.flex_box3{width: 100%}	
			.flex_box4{width: 100%;margin-bottom: 0px}
            .flex_box5{width: 100%;margin-bottom: 0px}	
			table.kamoku{border-collapse: separate;width: 100%; font-size: 12px}
		table.kamoku .tbl-r02 th{width: 100%;color: #000;}
		table.kamoku .tbl-r02 td{width: 100%;color: #000;padding: 8px;text-align: left; }	
			 .last td:last-child { width: 100%;  }
		}


  .tbl-r th {padding: 10px;width: 10%}
  .tbl-r td { padding: 10px;}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    
    width: 80%;
  }
  .tbl-r {
    width: 100%;
  }
  .tbl-r th,
  .tbl-r td {display: block; width: 90%;  }
}
	.kyouka{border: solid 1px #00afc3;text-align: center;width: auto}		
	@media screen and (max-width:480px){ 
#touki .pic_base h1 {position: relative;display: inline-block;padding: 0px 140px ;font-size: 150%;color: #1d2088;}
#touki .pic_base h1:before, h1:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 100px; height: 3px; background-color: #1d2088;}			
 		
 table .scroll-table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  
}

}	 
.sho{color: #fff;font-size: 2em;text-align: center;padding: 5px;border: solid 2px #ea6088;background: #ea6088; }
	table .sho{width: 90%;margin:20px 0;}
		table .sho th{color: #fff;font-size: 2em;text-align: center;padding: 5px;border: solid 2px #ea6088;background: #ea6088;width: 20%; }
		table .sho td{color: #000;padding: 5px 0 5px 5px;text-align: left;border: solid 2px #ea6088;}
		table .sho ul{}
		table .sho li {font-size: 1.4em;
    list-style-type: none;
    position: relative; 
	padding-left: 0.8em;
    }
table .sho li:before {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    left: -20px;
    top: 0.5em;
    content: "";
    background: #ea6088;
    }
.sho_tittle{font-size: 2em;font-weight: bold;margin-bottom: 10px;}
.sho_tittle span{color:#ea6088 }
.shogaku .tsujou{width: 90%;;text-align: center;margin:0 0 20px 0;}
.shogaku .tsujou th{border: 2px solid #3B3939;background:#ea6088;padding: 10px 1px; color: #fff;}
.shogaku .tsujou td{border: 2px solid #3B3939;background:#fff;padding: 10px  1px; }
/*.shogaku .harucan{width: 250px;;text-align: center;margin:0 0 20px 0;}
.shogaku .harucan th{border: 2px solid #3B3939;background:#ea6088;padding: 10px 1px;  color: #fff;}
.shogaku .harucan td{border: 2px solid #3B3939;background:#fff;padding: 10px  1px;color: #E4191C;font-weight: bold;}
.shogaku .img50off{text-align: center;width: 120px}*/




.chu {color: #fff;font-size: 2em;text-align: center;padding: 5px;border: solid 2px #00aec4;background: #00aec4;}

.chu_tittle{font-size: 2em;font-weight: bold;margin-bottom: 10px;}
.chu_tittle span{color:#00aec4 }
	table.chu{width: 90%;margin:20px 0;}
		table.chu th{color: #fff;font-size: 2em;text-align: center;padding: 5px;border: solid 2px #00aec4;background: #00aec4;width: 20%; }
		table.chu td{color: #000;padding: 5px 0 5px 5px;text-align: left;border: solid 2px #00aec4;}
		table.chu ul{}
		table.chu li {font-size: 1.4em;
    list-style-type: none;
    position: relative; 
	padding-left: 0.8em;
    }
table.chu li:before {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    left: -20px;
    top: 0.5em;
    content: "";
    background: #00aec4;
    }
.chugaku .tsujou{width: 90%;text-align: center;margin:0 0 20px 0;}
.chugaku .tsujou th{border: 2px solid #3B3939;background:#00aec4;padding: 10px 1px; color: #fff;}
.chugaku .tsujou td{border: 2px solid #3B3939;background:#fff;padding: 10px  1px; }
/*.chugaku .harucan{width: 250px;;text-align: center;margin:0 0 20px 0;}
.chugaku .harucan th{border: 2px solid #3B3939;background:#00aec4;padding: 10px 1px;  color: #fff;}
.chugaku .harucan td{border: 2px solid #3B3939;background:#fff;padding: 10px  1px;color: #E4191C;font-weight: bold;}
.chugaku .img50off{text-align: center;width: 120px}*/





.sm{font-size: 13px;color: #000!important;}
.sm2{font-size: 16px;color: #000!important;}
.sm3{font-size: 13px;}
 .kou {color: #fff;font-size: 2em;text-align: center;padding: 5px;border: solid 2px #1f51a2;background: #1f51a2; }
table .kou {width: 100%; margin:20px 0;}
		table .kou th{color: #fff;font-size: 2em;text-align: center;padding: 5px;border: solid 2px #1f51a2;background: #1f51a2;width: 20%; }
		table .kou td{color: #000;padding: 5px 0 5px 5px;text-align: left;border: solid 2px #1f51a2;}
		table .kou ul{}
		table .kou li {font-size: 1.4em;
    list-style-type: none;
    position: relative; 
	padding-left: 0.8em;
    }
table .kou li:before {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    left: -20px;
    top: 0.5em;
    content: "";
    background: #1f51a2;
    }
.soku_ryo {color: #fff;font-size: 2em;text-align: center;padding: 5px;border: solid 2px #236403;background: #236403;}

.soku_ryo_tittle{font-size: 2em;font-weight: bold;margin-bottom: 10px;}
.soku_ryo_tittle span{color:#236403 }
	table.soku_ryo{width: 90%;margin:20px 0;}
		table.soku_ryo th{color: #fff;font-size: 2em;text-align: center;padding: 5px;border: solid 2px #236403;background: #236403;width: 20%; }
		table.soku_ryo td{color: #000;padding: 5px 0 5px 5px;text-align: left;border: solid 2px #236403;}
		table.soku_ryo ul{}
		table.soku_ryo li {font-size: 1.4em;
    list-style-type: none;
    position: relative; 
	padding-left: 0.8em;
    }
table.soku_ryo li:before {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    left: -20px;
    top: 0.5em;
    content: "";
    background: #236403;
    }

.sokushu_ryokin .tsujou{width: 98%;text-align: center;margin:0 0 20px 0;}
.sokushu_ryokin .tsujou th{border: 2px solid #3B3939;background:#236403;padding: 10px 1px; color: #fff;}
.sokushu_ryokin .tsujou td{border: 2px solid #3B3939;background:#fff;padding: 10px  1px; }

.koukou .tsujou{width: 90%;;text-align: center;margin:0 0 20px 0;}
.koukou  .tsujou th{border: 2px solid #3B3939;background:#1f51a2;padding: 10px 1px; color: #fff;}
.koukou  .tsujou td{border: 2px solid #3B3939;background:#fff;padding: 10px  1px; }
.koukou  .harucan{width: 250px;;text-align: center;margin:0 0 20px 0;}
.koukou  .harucan th{border: 2px solid #3B3939;background:#1f51a2;padding: 10px 1px;  color: #fff;}
.koukou  .harucan td{border: 2px solid #3B3939;background:#fff;padding: 10px  1px;color: #E4191C;font-weight: bold;}
.koukou  .img50off{text-align: center;width: 120px}
.kou_tittle{font-size: 2em;font-weight: bold;margin-bottom: 10px;}
.kou_tittle span{color:#1f51a2 }

.basic_tittle{font-size: 1.8em;font-weight: bold;margin-bottom: 10px;}
.basic_tittle span{color:#14ae67 }
.basic_2{background-color: #ebf4eb;text-align: center;padding: 20px 0}
.basic_2_txt{font-size: 16px;}
.basic_2_txt span{font-weight: bold;font-size: 18px;}
h3.tittle_a {
  position: relative;
  padding: 0.25em 0;
  background:none;
  border-left:none;
  border-bottom:none;
	font-size: 18px;
	
}
h3.tittle_a:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
  background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}

@media screen and (max-width:480px){ 
	
	.outline {	font-size      : 1.6em; letter-spacing : 0px; text-shadow    : none; color:#0099d9;font-weight: bold;padding-bottom: 0px;}
	table .sho th{font-size: 1.6em;}
	table .chu th{font-size: 1.6em;}
	table .kou th{font-size: 1.6em;}
	.shogaku .tsujou{width: 100%;margin-bottom: 0px}
	.shogaku .harucan{width: 100%;margin-bottom: 10px}
	.chugaku .tsujou{width: 100%;margin-bottom: 0px}
	.chugaku .harucan{width: 100%;margin-bottom: 10px}
	.koukou .tsujou{width: 100%;margin-bottom: 0px}
	.koukou .harucan{width: 100%;margin-bottom: 10px}
	.shogaku  .img50off{width: 100%;}
	.chugaku  .img50off{width: 100%;}
	.koukou  .img50off{width: 100%;}
	table .sokushu_ryokin th{font-size: 1.6em;}	
	.sokushu_ryokin .tsujou{width: 100%;margin: 0 auto;margin-bottom: 10px}
	
}

.curriculum{padding: 10px;}


/***************************************************************
| accordion
***************************************************************/
/*.acd-check{
    display: none;
}
.acd-label{
    background: #fff;
    color: #000000;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
    position: relative;
}
.acd-label:after{
    background: #00479d;
    box-sizing: border-box;
    content: '\f067';
    display: block;
    font-family: "Font Awesome 5 Free";
    height: 52px;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0px;
	color: #fff;
}
.acd-content{
    
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label:after{
    content: '\f068';
}
.acd-check:checked + .acd-label + .acd-content{
    height: fit;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}*/

.accordion {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  max-width: 300px;
  position: relative;
  width: 100%;
	
}
.accordion-title {
  color: #000;
  cursor: pointer;
  margin: 20px 0 0px;
  font-size: 18px;
  padding-right:70px;
  padding-left: 10px;
  font-weight: bold;
	height: 80px;
	line-height: 4.5;
}
.accordion-content {
  display: none;
  padding: 0 0 10px ;
}
.accordion-content p {
  /*font-size: 13px;*/
  line-height: 1.5;
}
/* タイトルの背景色 */
.accordion-item:nth-of-type(1) .accordion-title {
  background-color: #fff;
}
.accordion-item:nth-of-type(2) .accordion-title {
  background-color: #fff;
}
.accordion-item:nth-of-type(3) .accordion-title {
  background-color: #fff;
}
/* コンテンツボックスの枠線 */
.accordion-item:nth-of-type(1) .accordion-content {
  /*border-bottom: 2px solid #7f7fff;
  border-left: 2px solid #7f7fff;
  border-right: 2px solid #7f7fff;*/
}
.accordion-item:nth-of-type(2) .accordion-content {
  /*border-bottom: 2px solid #66cdaa;
  border-left: 2px solid #66cdaa;
  border-right: 2px solid #66cdaa;*/
}
.accordion-item:nth-of-type(3) .accordion-content {
  /*border-bottom: 2px solid #ff7f7f;
  border-left: 2px solid #ff7f7f;
  border-right: 2px solid #ff7f7f;*/
}
/* 矢印 */
.accordion-title {
  position: relative;
}
.accordion-title::after {
  border-right: solid 2px #151db8;
  border-top: solid 2px #151db8;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 25px;
  top: 38%;
  transform: rotate(135deg);
  transition: transform .3s ease-in-out, top .3s ease-in-out;
  width: 8px;
}
.accordion-title.open::after {
  top: 45%;
  transform: rotate(-45deg);
}
@media screen and (max-width:760px){
.accordion-title {
    line-height: 1.3;
	height: 90px;
	padding-top: 30px
		
}	

	
}

		.box01{border: solid 1px #f11d6d;background: #fff;z-index: 1;padding: 20px;margin-top: 20px;font-weight: bold;}
		.box01 .ttl_help{font-size: 23px;text-align: center;color: #1d2975}
		.box01 .txt_help{text-align: center;font-size: 18px;color: #1d2975}
		.box01 .txt_last{text-align: right;font-size: 18px;padding-right: 30px;color: #1d2975}

.box02{border: solid 1px #ffff00;background: #fff;z-index: 1;padding: 20px;margin-top: 20px;font-weight: bold;}
		.box02 .ttl_help2{font-size: 25px;text-align: center;color: #1d2975;font-family: vdl-v7gothic, sans-serif;font-weight: 800;font-style: normal; }
		.box02 .txt_help2{text-align: center;font-size: 19px;color: #1d2975;line-height: 1.8;font-family: vdl-v7gothic, sans-serif;font-weight: 800;font-style: normal;letter-spacing: -2px;}
		.box02 .txt_last{text-align: right;font-size: 18px;padding-right: 30px;color: #1d2975;font-family: vdl-v7gothic, sans-serif;font-weight: 800;font-style: normal; }
.txt_help2_u{border-bottom: #989696 dotted 1px;padding-bottom: 0px}

@media screen and (max-width:760px){
.box01 .ttl_help{font-size: 16px}
		.box01 .txt_help{font-size: 12px;}
		.box01 .txt_last{font-size: 12px;padding-right: 0px}	
.box02 .ttl_help2{font-size: 16px}
		.box02 .txt_help2{font-size: 12px;letter-spacing: 0px;}
		.box02 .txt_last{font-size: 12px;padding-right: 0px}	
}
