.box{
}

.waku{
border:2px solid #99CC99;
background:#fff;
padding:1.5em 1em 1em;
margin:0em 0 1.5em;

}


.waku2{
border:2px solid #F90;
background:#fff;
padding:1em;
margin:2em 0 1em;
background-color:rgba(255,204,0,0.08);


}

#main section {
/*font-size:120%;
color:#663300;
padding:0.3em 0.5em 0.2em;
border-bottom:1px solid #ccc;
background-color:#F1F2EA;
text-align:left;
clear:both;
*/
}


figure.fimg{
/*border:1px solid #ccc;
float:left;
width:48%;*/
padding:4px;
box-sizing:border-box;
margin-bottom:0em;
text-align:center;
border:none;
}


ol.olstyle {
counter-reset:number;
list-style:none;
margin:0 0 1em 10px;
padding:0;
font-size:120%;
}

ol.olstyle li{
	padding:1em 0 1em 40px;
	border-bottom:1px dotted #ccc;
	position:relative;
}

ol.olstyle li:before{
counter-increment: number; 
content: counter(number); 
display:inline-block;
width:30px;
background:#C60;
border-radius:100%;
text-align:center;
color:#fff;
position:absolute;
top:1em;
left:0;
}
.flex_box {
	margin:2em 0;
}

.table1 th{
	width:40%;
}

@media screen and (min-width: 768px){/*pc*/

#main section {
padding-left:1em;

}


.flex_box {
display: flex;
justify-content: space-between;
}


.flex_box figure.fimg1{
	flex:0 1 46.2%;
}

.flex_box figure.fimg2{
	flex:0 1 26%;
}
.flex_box figure.fimg3{
	flex:0 1 26%;
}



.flex_box figure img {
    width: 100%;
    height: auto;
}

.table1 th{
	width:40%;
}


/*figure.fimg img{
	width:100%;
	height:auto;
}


figure.fimg1{
	float:left;
	padding:0 4px;
}


figure.fimg1 img{
	width:auto;
	height:410px;
	margin-bottom:1em;
}


figure.fimg2{
	width:49%;
	float:left;
	padding:0 4px;
	margin-bottom:2em;
	margin-top:1.5em;
	
}


figure.fimg2 img{
	width:auto;
	height:300px;
}
*/
/*figure.fimg3{
	width:33%;
	float:left;
	padding:0 4px;
	margin-bottom:2em;
	
}

figure.fimg3 img{
	width:100%;
	height:auto;
}


.table1 {
    max-width: 700px;
    margin: 0 auto 1em;
}


figure.fimg{
white-space:nowrap;
}

figure.fimg img.imgcol2{
width:48.0%;
height:auto;
margin:4px;
display:inline-block;
}


figure.fimg img.img1{
width:30.0%;
height:auto;
margin:4px;
display:inline-block;
}
figure.fimg img.img2{
width:35.2%;
height:auto;
margin:3px;
display:inline-block;
}



figure.fimg2 img.yoko{
width:48%;
height:auto;
margin:3px;
}


figure.fimg2 img.tate{
	width:48%;
height:auto;
float:left;
margin:3px 3px 3px 10px;

}
*/

}


@media screen and (min-width: 1000px){/*pc*/

}

@media screen and (max-width: 767px){/*pc*/
figure.fimg img{
margin:0px!important;
}
figure.fimg2 img{
margin:0px!important;
}


}
