@charset "UTF-8";
/* CSS Document */

#s_Sarchit h3{margin-bottom:.5em;font-size:1.8vw;font-weight:normal;text-align:center;line-height:1.5em;}

#s_Sarchit .koushin_list {
	border: 15px solid #F9E3BD;
	margin: 15px 0;
	padding: 15px 0px 0px 0px;
	color: #000000;
}
.siteInner.clearfix .left .koushin_list {
}
.siteInner.clearfix .left .koushin_list {
}


#s_Sarchit .koushin_list li {
	border-top:#ccc 1px dotted;
	line-height: 1.8em;
	}

#s_Sarchit .koushin_list li a{
	display: block;
}
#s_Sarchit .koushin_list li a:hover{background:#fed;} 


#s_Sarchit .koushin_list dl {
	padding:.5em 1em;
	color: #000;
	font-size:1.1vw;
	margin: 0;
}
#s_Sarchit .koushin_list dt {
	border: none;
	padding: 0;
	margin: 0;
}
#s_Sarchit .koushin_list dd {
	padding: 0;
	margin: 0 0 0 0.5em;
}


#s_Sarchit .about_kikaku {
	background: #F9E3BD;
	padding: 30px 8vw;
}

#s_Sarchit .oneColumn {
	background: #fff!important;
}

#s_Sarchit .feature {
	margin: 0;
	padding: 0 !important;
}

#s_Sarchit .feature h4 {
	font-size: 2vw;
	color: #94650E;
}
#s_Sarchit .feature h4 a {color: #94650E;}
#s_Sarchit .feature h4 a:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity:.7;}

#s_Sarchit .feature h4 img {
	margin:0px 10px 6px 0px;
	width: 50px;
	height: 50px;
}

#s_Sarchit .feature .right_box {padding: 20px;}

#s_Sarchit .feature .right_box h5 {
	font-size: 1.2vw;
	display: inline;
	padding: 6px 15px 8px 15px; 
	border-left: 4px solid #94650E;
	border-bottom: 1px solid #94650E;
}
#s_Sarchit .feature .right_box p {
	margin: 0.5em 3em 2em 1em;
}

#s_Sarchit .feature .left_box {padding: 20px;}

#s_Sarchit .feature .left_box ul {
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 2em;
}
#s_Sarchit .feature .left_box ul li {
	margin-right: 3%;
	width: 30%;
	margin-bottom: 10px;
	border-radius: 6px;
	border: 1px solid #94650E;
}
#s_Sarchit .feature .left_box ul li a {
	display: block;
	color: #000;
	padding: 10px 0px;
	margin-right: 3%;
	border-radius: 6px;
	width: 100%;
}
#s_Sarchit .feature .left_box ul li a:hover{background:#fed;} 






/* =================================================== max-width:767px ========================================================== */
@media screen and (max-width:767px), print{
	
	#s_Sarchit h3 {
		font-size: 4vw;
		line-height: 2em;
	}
	#s_Sarchit .feature h4 {
		font-size: 6vw;
	}
	#s_Sarchit .feature .left_box h5 {
		font-size: 5vw;
	}

	#s_Sarchit .koushin_list dl {
		font-size:3vw;
		line-height: 1.5em;
	}

#s_Sarchit .feature .left_box ul.type2 li {
	width: 42%;
}

	
}


.00 {
color: #F1BD65;
color: #94650E;
color: #F9E3BD
}