@charset "UTF-8";


.c_box {
	display: block;
	width: 70%;
	margin: 0 auto;
	text-align:center;
}

.c_title {
	 font-size: 24px;
	 font-weight:bold;
	 text-align:center;
	 padding: 20px;
 }

.c_textbox {
	width: 70%;
	line-height: 2;
	margin: 10px auto;
}

/*================================================
 *  GUiDE
 ================================================*/


#guide {
	 background: #FFF;
	 }

#guide .g_box{
	display: block;
	width: 70%;
	margin: 0 auto;
 }

#guide .g_titlebox{
     width: 80%;
 	margin: 20px auto;
	}

#guide .g_imgbox {
	text-align:center;
	margin: 20px 0;
}

#guide img{
	width: 60%;
	text-align:center;
}

#guide .news {
 font-size: 18px;
 font-weight: bold;
 color: #FFFFFF;
 }

#guide table {
 width: 90%;
 background-color: #008080;
 border: 1;
 }

 #guide table td{
	text-align: center;
  }

#guide a {
 color: #FFFFFF;
 }

#guide a:hover {
 color: #00FFFF;
 text-decoration: none;
 }

.ct_text{
	 line-height: 2;
	 text-align: left;
	 padding: 10px 0;
 }


/*================================================
 *  CURRICULUM
 ================================================*/


#curriculum {
	 background: #FFF;
 }

#curriculum	.cur_box {
	display: block;
	width: 70%;
	margin: 0 auto;

}

#curriculum .cur_bt_box {
	text-align:left;
	}


#curriculum .cur_button {
	margin: 20px 0 ;
	text-align:left;
	padding: 0.3em 1em;
    background: #5B9BD5;

	width : 48%;
	height: 25px;

    border: solid 0px ;
    border-radius: 50px;        /* CSS3草案 */
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;   /* Firefox用 */
    transition: .4s;
}

#curriculum .cur_bt_text{
	font-size: 16px;
	font-weight:bold;
	text-align:left;
    color: #fff;
}

#curriculum .cur_textbox {
	display:block;
	margin-left: 20px;
}

#curriculum .cur_text {
	width : 100%;
	line-height: 2;
	}

#curriculum .cur_imgbox {
	text-align:center;
	margin: 20px 0;
}

#curriculum img{
	width: 60%
	}


#curriculum table {
	margin: 20px auto;
	width : 80%;
	border: 1 solid  #333;
}

#curriculum dt {
	float: left;
}

#curriculum dd {
	margin-left: 80px;
}

#curriculum a{
	color:#0000FF;
}

#curriculum a:hover{
	color:#0000FF;
}


#curriculum .**_textbox{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 20px;
}

#curriculum .**_minibox {
	-webkit-flex-grow: 0;
	flex-grow: 0;
	margin: 20px ;
	width :40%;
	border: 0;
	}

/*================================================
	 *  bosyu
 ================================================*/
#bosyu {
 	overflow:hidden;
 	width:1100px;
	padding:10px;
 	margin:20px auto;
 	background:#fff;
 }

#bosyu .b_sub_title{
	font-size: 16px;
	font-weight: bold;
  text-align: left;
 }

#bosyu a{
	 color: #0000FF
  }

#bosyu a:hover{
	color: #000000
	 }

/*================================================
 *  SCHEDULE
 ================================================*/
#schedule {
	padding: 10px;
	margin:20px auto;
	line-height:1.3;
	width:1100px;
}

#schedule .sch_text_nt {
	margin: 20px;
	text-align:left;
	font-weight:bold;
}

#schedule .sch_box {
	width :100%;
}



#schedule table {
	width :100%;
}

#schedule table td {
	width: 0;
}

#schedule table td {
	padding: 2px;
}

#schedule .sch_tbl_b {
	line-height: 2;
	padding: 10px 0;
	text-align: center;

}


#schedule a {
	color:#00F;

}



#schedule a:hover {
	color:#00F;
	text-decoration:none;
}


/*================================================
 *  KUBUN
 ================================================*/
#kubun {
	background:#FFF;
}

#kubun .ku_title{
	text-align:left;
}

#kubun .ku_text{
	margin:20px 0;
	line-height: 2;
	text-align:left;
}



#kubun .ku_bt_box {
	text-align:left;
}

#kubun .ku_button {
	margin: 20px 0 ;
	text-align:left;
	padding: 0.3em 1em;
    background: #5B9BD5;

	width : 70%;
	height: 25px;

    border: solid 0px ;
    border-radius: 50px;        /* CSS3草案 */

    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 50px;   /* Firefox用 */
    transition: .4s;

}

#kubun .ku_bt_text {
	color:#FFF;
	font-weight:bold;
	padding: 0 auto;
}

#kubun img {
	margin-bottom: 30px;
}


/*================================================
 *  remote(遠隔授業)
 ================================================*/
#remote {
		 background: #FFF;
	 }


#remote .rem_box {
	display: block;
	width: 70%;
	margin: 0 auto;
	}

#remote img {
		 float: left;
		 padding: 30px;
		}

#remote .rem_title {
	 font-size: 18px;
	 font-weight: bold;
	 padding-top: 30px;
	 padding-bottom: 10px;
	 clear: left;
	}



#remote .rem_subtitle {
	 font-size: 15px;
	 font-weight: bold;
	 margin-left: 10px;
	 padding-top: 20px;
	 padding-bottom: 10px;
	}

#remote .rem_text {
	width : 100%;
	line-height: 2;
	margin-left: 30px;
	}

#remote a {
	color: #0000ff;
	}

#remote a:hover {
	color: #000000;
	text-decoration: none;
  }



#remote .en_noticebox2 {
	display: block;
	width: 90%;
	text-align: left;
	margin: 0 auto ;
	padding-left: 10px;
	color: #000000;
}


/*================================================
 *  FAQ
 ================================================*/
#faq {
	background: #fff;
	display: block;
	width: 100%;
	margin: 10px 0 ;
}

#faq .faq_box {
	width: 70%;
	padding: 30px 0;
	margin: 0 auto;
}


#faq .faq_title {
	font-weight:bold;
	margin: 10px;
	text-align:left;
}

#faq .faq_ad {
	line-height: 2;
	text-align:left;
}


/*================================================
 *  タブレット向けデザイン
 ================================================*/
@media screen and (max-width:1100px) {

	#kubun .ku_button {
	 width : 80%;
	}


/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:980px) {


	#course .crs_box {
	 width: 90%;
	}

	#curriculum img{
	 width: 100%
	}

	#curriculum	table {
		width: 90%;
	}

	#guide .c_box {
	 width : 90%;
	}

	#guide img {
	width: 100%;
	}

	#kubun .ku_button {
	 width : 90%;
	}

	#course img {
		width: 100%;
	}

}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:780px) {

	#course .crs_textbox {
		 width: 90%;
	}

	#course .crs_box{
		width: 100%;
		text-align: center;
	}

	#course .crs_minibox {
		display: block;
		width: calc(100%);
 		padding: auto;
		text-align: center;
		width :90%;
	}

	#guide .g_box{
		width: 90%;
	}


	#guide .c_textbox {
		width: 90%;
	}

	#curriculum	.cur_box {
		width: 90%;
	}

	#curriculum	table {
		width: 90%;
	}

	#kubun .ku_bt_text {
		font-size: 12px;
		}

	#faq .faq_box {
	width: 90%;
}