/*colum */
	.colum{clear:both; float:none; padding-top:20px; }
		.colum p{margin:1%;line-height:1.8; }
	.right_colum{float:right; width:75%; margin-top:20px; max-width:850px; padding-left:1em; font-family:'Kosugi Maru', sans-serif;}
	.left_colum{float:left;vertical-align:middle; height:auto; width:25%;}
	/* title */
	.left_colum h3{ font-size:1.4em; line-height:60px;  font-family: "M PLUS Rounded 1c", sans-serif; height:60px; text-align:center; color:#fff; border-radius: 0.3em;
			background:#76d34d;
			}
.frame {
	display: inline-block;
	position: relative;
}
.frame:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 
	  inset 0 0 10px #fff /* 背景色と同じ色 */,
	  inset 0 0 10px #fff,
	  inset 0 0 10px #fff,
	  inset 0 0 10px #fff;
}
.right {float:right;}

/*----------------*/
/* Guide */
	/* director */
		p.directorpolicy{font-size:1.6em; font-family: "M PLUS Rounded 1c", sans-serif;}
		p.directorpolicy span{ border-bottom:2px dotted orange;}
	/* staff */
		.stafflist {clear:both; padding-bottom:0.5em; margin:0; line-height:1.5em; width:570px;}
		.stafflist li{display:inline-block;  border:1px solid #fff; padding:1% 0; text-align:center;}
		.member01 li{width:33%;}
		.member02 li{width:25%;}
		.stafflist span{font-size:0.9em; background:#f5f5f5; padding:0 0.2em; margin:0; display:block;}
	/* gakkai */
	.gakkai li{ margin:1% 1% 3em; }
	.gakkai li p{ margin:0.5em 0 0; padding:5px 0 0; border-top:1px dotted #ccc;}
	.gakkai li a{font-size:1.3em;}
	/* sikaku */
	.sikaku{display:flex; justify-content: flex-start; flex-wrap: wrap;}
	.sikaku li{background:#fafafa; width:48%; height:105px; margin:1%; padding:1%; position: relative;}
	/* ruby */
	.gakkai li ruby,.sikaku li ruby{ruby-position:under;}
	.gakkai li rt,.sikaku li rt{font-size:0.7em; color:#888;}
	/*pict */
		img.director{height:250px; width:auto;}
		img.staff{height:auto; width:570px; margin:auto;}
	.sikaku li img{position:absolute; top:0; right:0; margin:auto; height:100px;}
/*----------------*/
/* info */
.info_cate li{line-height:1.7; text-align:left;}
.info_cate li:before{content:"\f111";  font-family:'Font Awesome 5 Free'; font-weight: 900; font-size:0.5em; vertical-align:middle; padding:0 0.6em; color:#76d34d;}
.info_time {width:99%; margin:1em auto; text-align:center; line-height:1.7;}
.info_time td{background:#f5f5f5; border:2px solid #fff; padding:1%; width:33%; vertical-align:middle;}
	td.day18 {background-color:#faf4ba; font-size:1.1em;}
	td.day20 {background-color:#cddbf5; font-size:1.1em;}
.info_re {padding:1%;}
.info_re h5{font-size:1.0em; border-left:#76d34d solid 15px; margin:1.5em 0 0.5em; padding-left:8px; line-height:1.6; color:#339933;}
.info_re h4 { margin:1em 0 2em;}
	.info_re h4 span{border:1px solid #330000; padding:1%;}
.info_re table{width:80%; border:1px solid #f0f0f0;margin-left:1em; line-height:1.6;}
.info_re th {padding:1%; background:#f0f0f0;}
.info_re td img{margin:10px 20px 10px 10px;}
/*----------"\f128"-----*/
/* polisy */
#flow {margin-bottom:5em; margin-left:1em;}
#flow li{text-align:center;}
	#flow li.arrow{width:80%; text-align:center;}
	#flow li.arrow:before{ font-family:'Font Awesome 5 Free'; font-weight: 900; content:"\f063";font-size:50px; color:#76d34d; }
	#flow li h4{  font-family: "M PLUS Rounded 1c", sans-serif; font-size:1.5em; color:#339933; margin-bottom:0.3em;}
	.flow01,.flow02,.flow03,.flow04,.flow05,.flow06{border:1px solid #76d34d; width:80%; margin:0; text-align:left; padding:2%; line-height:1.8; }
/* faq */
	.faq { position: relative; clear:both; padding:0.8em; margin:2em 3%;text-align:left; background:#f8faea; border-radius: 5px; border:1px dotted #330000; }
	.faq h4{ margin:0; font-size:18px; line-height:35px; padding:6px 6px 15px; border-radius: 5px; color:#006600;}
	.faq h4:before{content:"Q"; font-size:30px; margin-right:18px; color:#339933; vertical-align:bottom;}
	.faq h4:before,.answer:before{ font-family: 'Fredericka the Great', cursive; font-weight:normal;}
	.answer {padding:0.5em 0.5em 0 1em; border-top:1px dotted #330000; text-align:center;}
	.answer:before{content:"A"; font-size:35px;  color:#330000; margin-right:10px; float:left; }
	.answer div.answer_text{margin: 1.5em 0 0 25px; display:block; text-align:left;}

	.faq img{width:200px; height:auto; margin:auto;}
/*----------------*/
/* facilities */
	.room img{height:240px; width:auto;}
	.topics .frame,.room .frame{ float:right;}
	.room{margin:auto; vertical-align:middle; padding-bottom:80px;}
.topics .frame img{width:200px; height:200px;}
	.topics {clear:both; background:#f5f5f5; padding:2em; margin:2em 3%; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; text-align:left;}
	.topics h5{font-size:25px; margin-left:10px;}
/*----------------*/
/* link */
	#link h3{margin:2em 0 0.5em; }
	#link li{display:inline-block; width:32%; margin:0.3em 0;}
	#link li a{ padding:1em 0.5em; background:#fafafa; display:block;}
		#link li a:hover{background:#f5f5f5; }
/*--------------------------------*/
@media screen and (max-width: 1024px){
	.colum{ padding-top:0px; line-height:1.8; font-size:103%; }
/* title*/
	.right_colum,.left_colum {clear:both; float:none; width:100%; margin:0.8em auto 0;}
	.right_colum{padding-bottom:30px; padding-left:0.2em; width:95%;}
	.left_colum{position: relative; border-top:2px solid #339933; padding:1em 0 ; color:#339933; margin:4em auto 1em;}
	.left_colum h3{position:absolute; top:0; left:0; transform: translateY(-50%);border-left:none; border-radius: 0px;
 		height:75px; line-height:70px; 
		background:#fff; color:#339933; text-align:left;
		}
	.left_colum h3:before{ font-family:'Font Awesome 5 Free'; font-weight: 900; content:"\f04d"; color:#A6E08D; padding-left:0.5em; padding-right:0.3em;}
	.left_colum h3:after{ font-family:'Font Awesome 5 Free'; font-weight: 900; content:"\f04d"; color:#A6E08D; padding-left:0.3em; padding-right:0.5em;}
.colum{text-align:center; margin:auto;}
.right_colum p,.sikaku li,.gakkai li{text-align:left;}
	/*----------------*/
	/* Guide */
	.sikaku li {width:98%;}
	img.director{height:250px; width:auto; margin:auto;}
	p.directorpolicy{text-align:left;}
	.stafflist {margin:auto;}
	/*----------------*/
	/* Info */
	.info_time td{font-size:0.9em;}
	.info_re {text-align:left;}
	.info_re table {width:95%;}
	/*----------------*/
	/* polisy */
	img.policyimg{width:auto; height:150px;}
	#flow li.arrow{width:100%; text-align:center;}
	.flow01,.flow02,.flow03,.flow04,.flow05,.flow06{width:79%; text-align:center; margin:auto;}
	/*----------------*/
	/* facilities*/
	.room img{height:auto; width:100%;}
	.room.frame{ float:none;}
	.room{margin:auto; vertical-align:middle; padding-bottom:0px;}
	.topics {padding:1%; margin:2em 1%;}
}
@media screen and (max-width: 720px){
.right {clear:both; float:none; }
.left_colum{margin-top:2em;}
.left_colum h3{font-size:1.1em;}
		.colum p{margin:1%;line-height:1.5;}
	/*----------------*/
	p.directorpolicy{font-size:1.1em; margin-bottom:1.8em;}
	.gakkai li a{font-size:1.1em;}
	.gakkai li rt,.sikaku li rt{font-size:0.6em;}
	.stafflist {width:98%; font-size:0.7em; padding:0; margin:0;}
	img.staff{height:auto; width:99%;}
	/*----------------*/
	/* facilities*/
	.topics .frame{ float:none; clear;both;text-align:center; margin:auto;}
	.topics {text-align:center;}
	.topics .frame img{width:100%; height:auto; display:block; margin:auto;}
	/*----------------*/
	/* polisy */
	.faq{ margin:1em auto; padding:0.3em; width:95%; }
	.faq h4{font-size:1em;}

	.faq h4:before,.answer:before{font-size:25px; margin-right:10px;}
	.answer {padding:0.5em;}
	.answer div.answer_text{margin: 0.5em 0px 0px 25px;}
	/*----------------*/
	/* link */
	#link{text-align:left; padding:1%;}
	#link li{display:block; width:99%; margin:0.5rm auto;}
}