@charset "utf-8";

/*「教材」ブロック
---------------------------------------------------------------------------*/
/*お知らせブロック*/
#kplist {
	margin: 0 auto;
}

#kplist dl {
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	padding: 0 20px;	/*上下、左右へのボックス内の余白*/
}

#kplist dt {
	width:30%;
	padding: 5px 10px;		/*上下、左右へのボックス内の余白*/
	text-align:right;
	font-size:1.2em;
}

#kplist dd {
	width:65%;
	margin-top:4px;
	padding: 5px 2%;		/*上下、左右へのボックス内の余白*/
}


.kyozai {
	width:80%;
	margin:0 auto;
}

.kyozai img {
	text-align:center;
	border-radius: 50%;
	margin:0 auto 20px;
}



.tt1 {
	font-size:1.5em;
	border: 1px solid #9B5FA4;
	border-radius: 20px;
	margin:20px 0;
	padding:10px 0;
}

.tc1 {
	text-align:left;
	padding:10px 20px;
}

.tc2 {
	text-align:left;
	margin:20px 0;
	padding:10px 20px;
}

.daihyo {
	text-align:center;	
}

.daihyo img {
	width:70%;
	margin:0px auto 20px;
}

.fnavi {
	text-align:center;
}


/*---------------------------------------------------------------------------
ここから下は画面幅400px以下の追加指定
---------------------------------------------------------------------------*/
@media screen and (max-width:400px) {



}



/*---------------------------------------------------------------------------
ここから下は画面幅900px以上の追加指定
---------------------------------------------------------------------------*/
@media screen and (min-width:900px) {


#kplist dt {
	width:45%;
	padding: 5px 10px;		/*上下、左右へのボックス内の余白*/
	text-align:right;
}

#kplist dd {
	width:50%;
	padding: 5px 2%;		/*上下、左右へのボックス内の余白*/
}

.daihyo img {
	width:30%;
	margin:20px auto;
}


}