/*---------------------------全体---------------------------*/


body {

	margin: 0;
	color: #333;
	letter-spacing: 0.2em;
	font-family: "Zen Maru Gothic", "ZEN丸ゴシック", sans-serif;
	background-image:url(image/BackGround020.png); 
	background-repeat: repeat;

}
/*,"游ゴシック","Hiragino Kaku Gothic ProN","Hiragino sans","Meiryo"*/

/*---------------------------ヘッダー---------------------------*/

header {

	max-width: 100%;

}

picture img {

	width: 90%;
	margin: auto;
	display: block;
	vertical-align: bottom;

}

/*---------------------------メイン-----------------------------*/

h1 {

	margin: 5px 10px 20px 10px;
	padding: 0 10px;
	color: #ffb2b2;/*ff7f7f*/
	text-shadow: -2px -2px 3px #ff0000, 2px 2px 3px #ff0000;
	border-bottom: dotted 5px #fa8072;/**/

}

h2 {

	margin: 0;
	padding: 15px;
	color: #fff;
	text-align: center;

}

h3 {

	margin: 0;
	color: #1e90ff;/*#87cefa*/

}

main {

	margin: auto;
	padding: 0 10px 0 10px;
	max-width: 95%;
	/*background: #eee;*/
	/*width: 800px;PC用*/

}

#catch {

	margin: 30px;
	padding: 10px;
	max-width: 100%;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	/*background: #eee;*/

}

#catch span {

	margin-top: 30px;
	font-size: 22px;
	display: block;
	text-shadow: -3px -3px 8px #ff0000, 3px 3px 8px #ff0000;


}

#mainimage {

	padding: 5px;
	max-width: 100%;
	border: solid 5px #ffd700;
	background: #fff;/*ffd1d1*/

}

.b-a {

	width: 65%;
	margin: 2px auto;
	padding: 10px;
	border: solid 2px #fa8072;
	display: block;

}

#cm {

	margin: 50px 30px 50px 30px;
	padding: 20px;
	color: #1e90ff;
	text-align: center;
	background: #fff;
	border: solid 5px #1e90ff;
	border-radius: 80px;

}

.cm-h {

	font-weight: bold;
	color: #333;
	/*color: #1e90ff;*/

}

#lecturer {

	margin-top: 30px;
	padding: 10px;
/*	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;*/
	background: #fff;/**/

}*/

#lec_name { 

	margin: 0 5px; 
	/*background: #999;*/

}/*?*/

.lec1 {

	padding: 10px;
	color: #fff;
	font-weight: bold;
	background: #fa8072;
	border-radius: 25px;

}

#lec-come {

	/*max-width:65%;*/
	padding: 20px 5px 20px 5px;
	/*background: #333;*/

}

#lec_port_box{

	/*max-width: 30%;*/

}

img#lec_port{

	width: 40%;
	margin: 30px auto 10px auto;
	/*align-items: flex-end;*/
	display: block;

}

#quali { 

	width: 100%;
	text-align: right;

}

#sub1 {

	margin-top: 50px;
	border: solid 5px #87cefa;
	background: #87cefa;/*87cefa*/

}

#sub1-1{

	margin: 0px;
	padding: 10px;
	background: #fff;

}

.b-a2 {

	width: 75%;
	margin: 2px auto 10px auto;
	padding: 10px;
	/*border: solid 2px #fa8072;*/
	display: block;

}

#sub1-2{

	margin: 0px;
	padding: 10px;
	background: #fff;

}

.thoughts {

	margin: 10px 5px 20px 5px;
	padding: 10px;
	max-width: 100%;
	font-size:14px;
	line-height: 2em;
	text-indent: 1em;
	border: solid 1px #eee;
	/*text-decoration: underline;
	border: dotted 1px #87cefa;*/

}

.thou {

	border-bottom: dotted 2px #87cefa;

}

#sub2 {

	margin-top: 50px;
	padding: 10px;
	background: #fff;/*#87cefa*/

}

#sub2-1 {

	margin-bottom: 50px;
	/*background: #333;*/

}

dd {

	padding: 10px;

}

.po1 {

	padding: 5px 5px 5px 15px;
	width: 85px;
	color: #fff;
	font-weight: bold;
	background: #ffc1e0;
	border-radius: 25px;

}

.po2 {

	padding: 5px 5px 5px 15px;
	width: 85px;
	color: #fff;
	font-weight: bold;
	background: #98fb98;
	border-radius: 25px;

}

.po3 {

	padding: 5px 5px 5px 15px;
	width: 85px;
	color: #fff;
	font-weight: bold;
	background: #87cefa;
	border-radius: 25px;

}

.step3 {

	max-width: 100%;
	padding: 10px;
	border-bottom: dotted 2px #1e90ff;
	/*background: #eee;*/

}

.step {

	width: 50%;
	margin: auto;
	display: block;

}

#en {

	max-width: 100%;
	margin: 80px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;

}

#en a {

	margin: auto;
	padding: 15px 5px 15px 15px;
	color: #fff;
	font-size: 24px;
	letter-spacing: 10px;
	display: block;
	background: #ffd700;
	text-decoration: none;
	border: solid 1px #ffd700;
	border-radius: 40px;

}

#en a:hover { color: #ffd700; background: #ffff7f; border: solid 1px #ffd700; }

/*---------------------------フッター---------------------------*/

footer {

	margin: 80px 0 0 0;
	padding: 30px 10px 10px 10px;
	max-width: 100%;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	background: #ffc0cb;/*ffc1e0*/

}

address {

	margin-top: 30px;
	font-style: normal;
	font-weight: normal;

}

.footad {

	margin: 0;
	font-size: 14px;

}

#copyright {

	width: 100%;
	margin-top: 30px;
	font-size: 14px;
	text-align: center;

}

#copyright a {

	text-decoration: none;

}

#copyright a:link { color: #fff; }
#copyright a:hover { color: #fa8072; }