/*===============================================*/

/*  top.css */

/*===============================================*/


.sp_only {
	display: none;
}
section.concept .img_r {float: right;
margin-left: 10px;
margin-bottom: 10px;
width: 40%;
text-align: center}

/*section concept
---------------------------*/	
section.concept {
	margin:0px auto 0px;
	padding:30px 0px 20px;
	width:100%;
	position:relative;


}

section.concept h3 {
	margin-bottom:10px;


	font-size:20px;
	line-height:20px;
	font-weight:800;
	
display: inline-block;
	letter-spacing: 0.1em;
	border-bottom: 6px solid #fae901;

	color: #000000;
}

section.concept .contents_area {
	margin:0px auto 10px;
	max-width:860px;
	height:auto;
	text-align: left;

	line-height:26px;
}

section.concept .contents_area p {
	height:auto;
	

	margin-bottom:20px;
}

section.concept .contents_area p .conts_ttl {
	margin-bottom:10px;
	width: 100%;
	height:auto;
	font-size:16px;
	line-height:28px;
	font-weight:600;
	text-align: justify;/*文字を均等配置する*/
	text-align:center;
	letter-spacing: 0.1em;
	font-family:amin;
	color:#73BE2D;
}

section.concept .contents_area p .pickup_font {
	margin-bottom:10px;
	width: 100%;
	height:auto;
	font-size:24px;
	line-height:30px;
	font-weight:600;

	font-family:amin;
	color:#73BE2D;
}


section.concept table {
	margin-left:auto;
	margin-right:auto;
	
	
}

section.concept table th {
	color: #646464;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #646464;
	padding: 5px;

}

section.concept table td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C9C9C9;
	padding: 5px;
}

section.concept table.seminar_time  {margin-bottom: 20px;

}

section.concept table.seminar_time th {
	width: 20%;
}
section.concept table.seminar_time th,section.concept table.seminar_time td {
	vertical-align:top;
}


section.concept div.menu_pdf {
	background-color: #2180C4;
	padding: 10px;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top:20px;
	}
section.concept div.menu_pdf a {
	color: #FFF;
	display: block;
	}

section.concept ul.taiou {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width: 640px;
	margin:0px auto 0px;
}
section.concept ul.taiou li{
	padding: 20px;
	font-size: 20px;
	text-align: center;
}
section.concept ul.taiou li img{
width: 260px
}

section.concept ul.koushi_list {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width: 860px;
	margin:0px auto 10px;
}
section.concept ul.koushi_list li{
	padding: 10px;
	font-size: 14px;
	width: 190px;
	text-align: center;	
}
section.concept ul.koushi_list li img{
width: 180px
}

section.concept ul.zoom_flow {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width: 860px;
	margin:0px auto 0px;
}
section.concept ul.zoom_flow li{
	padding: 5px;
	font-size: 14px;
	width: 120px;
}
section.concept ul.zoom_flow li img{
width: 120px
}



section.concept .contents_area dl.list{
width: 100%;
display: flex;
flex-wrap:wrap;
margin-bottom: 10px;
}

section.concept .contents_area dl.list dt{
width: 20%;
color: #646464;
}



section.concept .contents_area .staffphoto {
	width:200px;


}
section.concept .contents_area .staffvoice {
	width:600px;
}
section.concept .contents_area .staffvoice h3 {
text-align:left;
}
section.concept .contents_area .staffvoice p {
text-align:left;
}


section.concept .contents_area dl.darwin {
	width: 100%;
display: flex;
flex-wrap:wrap;
margin-bottom: 20px;
}
section.concept .contents_area dl.darwin dt{
font-weight: bold;
font-size: 18px;
}
section.concept .contents_area dl.darwin dd{
font-weight: bold;
	font-size: 18px;
}
section.concept .logo {
	width: 100%;
	text-align: right;
}
section.concept .logo img{
	width: 43%;

}
section.concept .thema_info {
	position:absolute;
	border: #B1B1B1 1px solid;
	padding: 5px;
	left: 65%;
margin-top: 50px;
}

/*section info
---------------------------*/
section.info {
	margin:0px auto 0px;
	padding:80px 0px 20px;
	width:100%;
	height:auto;
	position:relative;
	background: url(../images/top/footerline.gif) repeat-x left top;
}
section.info h3 {
	margin-bottom:10px;
	width: 100%;
	height:auto;
	font-size:20px;
	line-height:40px;
	font-weight:600;
	text-align: justify;/*文字を均等配置する*/
	text-align:center;
	letter-spacing: 0.1em;
	font-family:amin;
}

section.info table {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	
}

section.info table th {
	color: #00D2FF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00D2FF;
	padding: 5px;
	width:110px;
}

section.info table td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding: 5px;
}

section.info div.menu_pdf {
	background-color: #2180C4;
	padding: 10px;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top:20px;
	}

section.info div.menu_pdf a {
	color: #FFF;
	display: block;
	}





/*===============================================*/

/*  for tablet     画面の横幅が600px-958pxまで */

/*===============================================*/


@media screen and (max-width: 959px){

/*section menu
---------------------------*/
section.menu {padding:0px 0px 50px;}
section.menu ul li h2 {font-size:60px;line-height:60px;}
	
	
/*section info
---------------------------*/
section.info .infoWrap {width:90%;}
section.info .fbPage {margin-bottom:20px;width:100%;}
section.info .rightBox {width:100%;}
section.info .rightBox .news dl{flex-wrap: wrap;}
section.info .rightBox .news dt{width:100%;}
section.info .rightBox .news dd{width:100%;}
section.info table{width:100%;}
section.concept table{width:100%;}

/*section topBana
---------------------------*/
section.topbana .topbanaWrap {width:90%;}
section.topbana ul.topBana {margin-bottom:20px;width:100%;}
}
/*===============================================*/





/*===============================================*/

/*  for SP   画面の横幅が600px以下 */

/*===============================================*/

@media screen and (max-width: 599px){
	
.sp_only {display: block}
	
/*section concept
---------------------------*/	
section.concept {padding:20px 0px;}
section.concept h3 {margin-bottom: 20px auto 10px; width: 100%;font-size:18px;line-height:30px;text-align: inherit;}
section.concept h3 br {display: none;}
section.concept p {margin: 0 auto; width: 90%;text-align: inherit;}
section.concept .staffphoto {margin-left: 20px;}	
section.concept .contents_area {width: 90%; margin:0px auto 0px;display: block}
section.concept .contents_area dl.list dt{width: 100%;}
section.concept .contents_area dl.list dd{width: 100%;}
section.concept .thema_info {position:static;margin-top:10px;margin-bottom: 10px }
section.concept .logo img{	width: 80%;}
section.concept .img_r {width: 30%}


	
/*taiou
---------------------------*/
section.concept ul.taiou {width: 90%}
section.concept ul.taiou li {width: 40%; padding: 10px;	font-size: 20px;}
section.concept ul.taiou li img{width: 100%}
	

/*section info
---------------------------*/
section.concept .contents_area .staffphoto {width:100%; text-align: center}

	
/*zoom_merit
---------------------------*/
section.concept ul.koushi_list {width: 100%;justify-content: center;	}
section.concept ul.koushi_list li {width: 42%;padding: 5px;}
section.concept ul.koushi_list li img {width: 100%;}	
	


}
/*===============================================*/