@charset "utf-8";

.stepbox{
	margin: 0 auto;
	padding: 12px 5px 26px 5px;
	width:75%;
    border: 1px solid #006934;
}

.step{
 float: left;
}

.stepimg{
margin-top: 10px;
 margin-bottom: 15px;
}

stepno {
	padding: 2px 18px;
	font-size: 1.2em;
	background-color: #006934;
	color:#fff;
}

.stepbox2{
	margin: 0 auto;
	padding-top: 10px;
	width:75%;
	border: none;
	font-size: 1em;
	font-family: "游ゴシック",YuGothic,"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	text-align: left;
	
}

.step stepmenu{
	margin-left: 10px;
	font-size: 1em;
	font-family: "游ゴシック",YuGothic,"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 0.8em;
	letter-spacing: 0.1em;
}




h4 {
	width: 200px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-family: 'Cinzel', serif;
	font-size: 1.5em;
	color: #000;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.05em;
}

stepmenu {
	width: 200px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-family: 'Cinzel', serif;
	font-size: 1em;
	color: #000;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.05em;
}

@media only screen and (max-width: 798px) {
.stepbox{
	padding: 8px 5px 22px 5px;
	width:90%;
}	
.stepbox2{
	width:90%;
	font-size: 0.8em;
	line-height: 1.5em;
	letter-spacing: 0.1em;	
}
	
.step stepmenu{
	font-size: 0.8em;
	line-height: 0.8em;
	letter-spacing: 0.1em;
}	
	
	
stepno {
	padding: 3px 10px;
	font-size: 0.9em;
}
	

@media only screen and (max-width: 600px) {
.stepbox{
	width:95%;
}	
.stepbox2{
	width:95%;
	font-size: 0.8em;
	line-height: 1.5em;
	letter-spacing: 0.1em;	
}
	
	
}