/******************************************/
/*##################################################################################################*/

@media (min-width:768px) {

.top_img{
	margin-top:214px;
	padding:80px 0px 0px 0px;
        width:100%;
        height:140px;
	color:#804f21;
	font-size:34px;
	font-weight:bold;
	text-align:center;
	display:block;
	background:url(../img/about/top_img.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;

}
.staff_box{
	width:1000px;
	margin:55px auto 40px auto;
	padding:0px 50px;
	overflow: hidden;

}
.staff_box .midashi{
	width:100%;
	margin:20px auto 0px auto;
	color:#804f21;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:180%;
}
.staff_box .midashi .name{
	font-size:24px;
}
.staff_box .midashi .fname{
	font-size:16px;
}
.staff_box .midashi02{
	width:100%;
	margin:20px auto 0px auto;
	color:#804f21;
	font-size:22px;
	text-align:center;
	font-weight:bold;
	line-height:180%;
}
.staff_box .midashi03{
	width:100%;
	margin:70px auto 0px auto;
	color:#ff6800;
	font-size:22px;
	text-align:center;
	font-weight:bold;
	line-height:180%;
}
/*box01*/
.staff_box .box01{
	width:100%;
	margin:40px auto 40px auto;
	overflow: hidden;
}
.staff_box .box01 .txtbox{
	width:62%;
	max-width:620px;
	font-size:18px;
	color:#000;
	text-align:left;
	overflow: hidden;
	float:left;
	line-height:130%;
}
.staff_box .box01 .txtbox .maru{
	font-size:20px;
	color:#f7b52c;
	text-align:left;
	font-weight:bold;
	margin:0px;
	line-height:150%;
}

.staff_box .box01  .img_box{
	width:38%;
	max-width:38px;
	margin:0% 0% 0% 0%;
	float:left;
}
.staff_box .box01 .img_box img{
	width:365px;
	text-align:right;
}
/*box02*/
.staff_box .box02{
	width:88%;
	max-width:880px;
	padding:45px 60px;
	margin:40px auto 60px auto;
	background-color:#a6db72;
	border-radius:30px;
	overflow: hidden;
}

.staff_box .box02 .title{
	font-size:24px;
	color:#804f21;
	text-align:center;
	font-weight:bold;
	margin:0px auto 20px auto;
	line-height:180%;
}
.staff_box .box02 .txtbox{
	width:100%;
	max-width:880px;
	font-size:18px;
	color:#000;
	text-align:left;
	overflow: hidden;
	float:left;
	line-height:200%;
}
/*box03*/
.staff_box .box03{
	width:100%;
	max-width:1000px;
	margin:0% auto 5% auto;
	padding:0px;
	font-size:16px;
	padding:0px;
	text-align:left;
	color:#000;
	overflow:hidden;
}
.staff_box .box03 .img_box{
	margin:0px;
	width:30%;
	max-width:300px;
	padding:0px;
	float:left;
	display:block;
}

.staff_box .box03 .img_box img{ 
    width:100%;
}
.staff_box .box03 .txtbox{
	width:67%;
	max-width:670px;
	margin:0% 0% 0% 3%;
	padding:0px;
	color:#000;
	text-align:left;
	font-size:16px;
	font-weight:normal;
	line-height:180%;
	float:left;
	display:block;
}
.staff_box .box03 .txtbox .title{
	margin:0px 0px 20px 0px;
	text-align:left;
	font-size:28px;
	font-weight:bold;
	line-height:150%;
}
.staff_box .box03 .txtbox .title .ora{
	color:#ff6800;
}

.f22{
	font-size:22px;
}
.staff_box .lbox{
	width:48%;
	max-width:480px;
	padding:0px;
	margin:0% 0% 4% 0%;
	font-size:16px;
	color:#000;
	text-align:left;
	float:left;
	overflow: hidden;
}
.staff_box .box01 .txtbox02{
	width:100%;
	max-width:1000px;
	font-size:16px;
	color:#000;
	text-align:left;
	overflow: hidden;
	line-height:180%;
}
.staff_box .rbox{
	width:48%;
	max-width:480px;
	padding:0px;
	margin:0% 0% 4% 4%;
	font-size:16px;
	color:#000;
	text-align:left;
	float:right;
	overflow: hidden;
}
.staff_box .lbox img, .staff_box .rbox img{
	width:100%;
	max-width:480px;
	margin:0% 0% 0% 0%;
}
.staff_box .cbox{
	width:100%;
	max-width:1000px;
	padding:0px;
	margin:0% auto
	font-size:16px;
	color:#000;
	text-align:left;
	overflow: hidden;
}
.staff_box .txtbox02{
	width:77%;
	max-width:770px;
	margin:0px auto 40px auto;
	font-size:18px;
	color:#000;
	text-align:left;
	overflow: hidden;
	line-height:200%;
}
.staff_box .txtbox02 .stg{
	font-size:18px;
	color:#ff0000;
	font-weight:bold;
	text-align:left;
}

.flow_ya{
	text-align:center;
	margin:0px auto;
}


.mr5{
margin-right:5%;
}
.ml5{
margin-left:5%;
}
.mr3{
margin-right:3%;
}

}

/******************************************/
/*##################################################################################################*/

@media screen and (min-width:768px) and ( max-width:1050px) {
.top_img{
	margin-top:176px;
	padding:80px 0px 0px 0px;
        width:100%;
        height:140px;
	color:#804f21;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	display:block;
	background:url(../img/about/top_img.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:center center;


}
.staff_box{
	width:90%;
	margin:5% auto 4% auto;
	padding:0% 5%;
	overflow: hidden;

}
.staff_box .midashi{
	width:100%;
	margin:20px auto 0px auto;
	color:#804f21;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:180%;
}
.staff_box .midashi .name{
	font-size:20px;
}
.staff_box .midashi .fname{
	font-size:14px;
}
.staff_box .midashi02{
	width:100%;
	margin:20px auto 0px auto;
	color:#804f21;
	font-size:18px;
	text-align:center;
	font-weight:bold;
	line-height:180%;
}
.staff_box .midashi03{
	width:100%;
	margin:70px auto 0px auto;
	color:#ff6800;
	font-size:18px;
	text-align:center;
	font-weight:bold;
	line-height:180%;
}
/*box01*/
.staff_box .box01{
	width:100%;
	margin:4% auto 4% auto;
	overflow: hidden;
}
.staff_box .box01 .txtbox{
	width:62%;
	max-width:620px;
	font-size:16px;
	color:#000;
	text-align:left;
	overflow: hidden;
	float:left;
	line-height:130%;
	overflow: hidden;
}
.staff_box .box01 .txtbox .maru{
	font-size:18px;
	color:#f7b52c;
	text-align:left;
	font-weight:bold;
	margin:0px;
	line-height:150%;
}

.staff_box .box01  .img_box{
	width:36%;
	max-width:380px;
	margin:0% 0% 0% 2%;
	float:left;
}
.staff_box .box01 .img_box img{
	width:100%;
	text-align:right;
}
/*box02*/
.staff_box .box02{
	width:88%;
	max-width:880px;
	padding:4.5% 6%;
	margin:4% auto 6% auto;
	background-color:#a6db72;
	border-radius:3%;
	overflow: hidden;
}

.staff_box .box02 .title{
	font-size:20px;
	color:#804f21;
	text-align:center;
	font-weight:bold;
	margin:0% auto 2% auto;
	line-height:180%;
}
.staff_box .box02 .txtbox{
	width:100%;
	max-width:880px;
	font-size:16px;
	color:#000;
	text-align:left;
	overflow: hidden;
	float:left;
	line-height:200%;
}
/*box03*/
.staff_box .box03{
	width:100%;
	max-width:1000px;
	margin:0% auto 5% auto;
	padding:0px;
	font-size:16px;
	padding:0px;
	text-align:left;
	color:#000;
	overflow:hidden;
}
.staff_box .box03 .img_box{
	margin:0px;
	width:30%;
	max-width:300px;
	padding:0px;
	float:left;
	display:block;
}

.staff_box .box03 .img_box img{ 
    width:100%;
}
.staff_box .box03 .txtbox{
	width:67%;
	max-width:670px;
	margin:0% 0% 0% 3%;
	padding:0px;
	color:#000;
	text-align:left;
	font-size:16px;
	font-weight:normal;
	line-height:180%;
	float:left;
	display:block;
}
.staff_box .box03 .txtbox .title{
	margin:0px 0px 20px 0px;
	text-align:left;
	font-size:22px;
	font-weight:bold;
	line-height:150%;
}
.staff_box .box03 .txtbox .title .ora{
	color:#ff6800;
}

.f22{
	font-size:16px;
}
.staff_box .lbox{
	width:48%;
	max-width:480px;
	padding:0px;
	margin:0% 0% 4% 0%;
	font-size:16px;
	color:#000;
	text-align:left;
	float:left;
	overflow: hidden;
}
.staff_box .box01 .txtbox02{
	width:100%;
	max-width:1000px;
	font-size:16px;
	color:#000;
	text-align:left;
	overflow: hidden;
	line-height:180%;
}
.staff_box .rbox{
	width:48%;
	max-width:480px;
	padding:0px;
	margin:0% 0% 4% 4%;
	font-size:16px;
	color:#000;
	text-align:left;
	float:right;
	overflow: hidden;
}
.staff_box .lbox img, .staff_box .rbox img{
	width:100%;
	max-width:480px;
	margin:0% 0% 0% 0%;
}
.staff_box .cbox{
	width:100%;
	max-width:1000px;
	padding:0px;
	margin:0% auto
	font-size:16px;
	color:#000;
	text-align:left;
	overflow: hidden;
}
.staff_box .cbox img{
	width:100%;
}
.staff_box .txtbox02{
	width:77%;
	max-width:770px;
	margin:3% auto 4% auto;
	font-size:16px;
	color:#000;
	text-align:left;
	overflow: hidden;
	line-height:200%;
}
.staff_box .txtbox02 .stg{
	font-size:18px;
	color:#ff0000;
	font-weight:bold;
	text-align:left;
}

.flow_ya{
	text-align:center;
	margin:0px auto;
}


.mr5{
margin-right:5%;
}
.ml5{
margin-left:5%;
}
.mr3{
margin-right:3%;
}

}

/******************************************/
/*##################################################################################################*/


@media (max-width:767px) {

.top_img{
	margin-top:90px;
	padding-top:12vw;
	width: 100vw;
	height: 20vw;
	color:#804f21;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:100%;
	display:block;
	background:url(../img/about/sp_img.jpg);
	background-repeat:no-repeat;
	/*background-size:cover;*/
	background-size:contain;
}
.staff_box{
	width:90%;
	margin:5% auto 4% auto;
	padding:0% 5%;
	overflow: hidden;

}
.staff_box .midashi{
	width:100%;
	margin:2% auto 0px auto;
	color:#804f21;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	line-height:180%;
}
.staff_box .midashi .name{
	font-size:13px;
}
.staff_box .midashi .fname{
	font-size:11px;
}
.staff_box .midashi02{
	width:100%;
	margin:3% auto % auto;
	color:#804f21;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	line-height:180%;
}
.staff_box .midashi03{
	width:100%;
	margin:6% auto 0% auto;
	color:#ff6800;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	line-height:180%;
}
/*box01*/
.staff_box .box01{
	width:100%;
	margin:4% auto 4% auto;
	overflow: hidden;
}
.staff_box .box01 .txtbox{
	width:100%;
	font-size:12px;
	color:#000;
	text-align:left;
	overflow: hidden;
	line-height:130%;
	overflow: hidden;
}
.staff_box .box01 .txtbox .maru{
	font-size:13px;
	color:#f7b52c;
	text-align:left;
	font-weight:bold;
	margin:0px;
	line-height:150%;
}

.staff_box .box01  .img_box{
	width:100%;
	max-width:380px;
	margin:5% 0% 0% 0%;
}
.staff_box .box01 .img_box img{
	width:100%;
}
.staff_box .box01 .txtbox02{
	width:100%;
	font-size:12px;
	color:#000;
	text-align:left;
	overflow: hidden;
	line-height:180%;
	overflow: hidden;
}
/*box02*/
.staff_box .box02{
	width:88%;
	max-width:880px;
	padding:4.5% 6%;
	margin:4% auto 6% auto;
	background-color:#a6db72;
	border-radius:10px;
	overflow: hidden;
}

.staff_box .box02 .title{
	font-size:13px;
	color:#804f21;
	text-align:center;
	font-weight:bold;
	margin:0% auto 2% auto;
	line-height:180%;
}
.staff_box .box02 .txtbox{
	width:100%;
	max-width:880px;
	font-size:12px;
	color:#000;
	text-align:left;
	overflow: hidden;
	float:left;
	line-height:180%;
}
/*box03*/
.staff_box .box03{
	width:100%;
	max-width:1000px;
	margin:0% auto 5% auto;
	padding:0px;
	font-size:12px;
	padding:0px;
	text-align:left;
	color:#000;
	overflow:hidden;
}
.staff_box .box03 .img_box{
	margin:0px;
	width:100%;
	max-width:300px;
	text-align:center;
	padding:0px;
	display:block;
}

.staff_box .box03 .img_box img{ 
    width:70%;
}
.staff_box .box03 .txtbox{
	width:100%;
	max-width:670px;
	margin:5% 0% 0% 3%;
	padding:0px;
	color:#000;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	line-height:180%;
	display:block;
}
.staff_box .box03 .txtbox .title{
	margin:0px 0px 20px 0px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
}
.staff_box .box03 .txtbox .title .ora{
	color:#ff6800;
}

.f22{
	font-size:12px;
}
.staff_box .lbox{
	width:48%;
	max-width:480px;
	padding:0px;
	margin:0% 0% 4% 0%;
	font-size:16px;
	color:#000;
	text-align:left;
	float:left;
	overflow: hidden;
}

.staff_box .rbox{
	width:48%;
	max-width:480px;
	padding:0px;
	margin:0% 0% 4% 4%;
	font-size:16px;
	color:#000;
	text-align:left;
	float:right;
	overflow: hidden;
}
.staff_box .lbox img, .staff_box .rbox img{
	width:100%;
	max-width:480px;
	margin:0% 0% 0% 0%;
}
.staff_box .cbox{
	width:100%;
	max-width:1000px;
	padding:0px;
	margin:5% auto 0% auto
	font-size:16px;
	color:#000;
	text-align:left;
	overflow: hidden;
}
.staff_box .cbox img{
	width:100%;
}
.staff_box .txtbox02{
	max-width:770px;
	margin:3% auto 4% auto;
	font-size:12px;
	color:#000;
	text-align:left;
	overflow: hidden;
	line-height:180%;
}
.staff_box .txtbox02 .stg{
	font-size:12px;
	color:#ff0000;
	font-weight:bold;
	text-align:left;
}

.flow_ya{
	text-align:center;
	margin:0px auto;
}


.mr5{
margin-right:5%;
}
.ml5{
margin-left:5%;
}
.mr3{
margin-right:3%;
}



}

/*#######################################################################################*/




.clear{
	clear:both;
}
.list60{
width:60px;
padding:3px 2px;
}
.list130{
width:130px;
padding:3px 2px;
}
.list250{
width:270px;
padding:3px 2px;
}