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

@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;

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

}
.contact_box .midashi{
	width:100%;
	margin:20px auto 0px auto;
	color:#000;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	line-height:180%;
}
/*box01*/
.contact_box .box01{
	width:65%;
	max-width:600px;
	margin:30px auto 70px auto;
	padding:15px 30px;
	font-size:16px;
	color:#000;
	text-align:center;
	font-weight:normal;
	line-height:150%;
	border:solid 1px #000;
	overflow: hidden;
}
.contact_box .box01 .tel{
	width:100%;
	color:#ff6800;
	font-size:34px;
	text-align:center;
	font-weight:bold;
	line-height:150%;
}


/*box02*/
.contact_box .box02{
	width:81%;
	max-width:810px;
	padding:0px;
	margin:40px auto 80px auto;
	overflow: hidden;
}

.contact_box .box02 .title{
	width:96%;
	max-width:778px;
	font-size:16px;
	color:#000;
	text-align:left;
	font-weight:bold;
	padding:4px 2%;
	margin:10px auto 0px auto;
	background-color:#c8c9ca;
	line-height:180%;
}
.contact_box .box02 .title .hissu{
	width:40px;
	font-size:16px;
	color:#db0000;
	text-align:center;
	font-weight:bold;
	padding:0%;
	margin:0px 0px 0px 10px;
	background-color:#fff;
	border:solid 1px #db0000;
	display:inline-block;
	line-height:150%;

}
.contact_box .box02 .txtbox{
	width:96%;
	max-width:880px;
	padding:0% 2%;
	font-size:16px;
	color:#000;
	text-align:left;
	font-weight:normal;
	margin:15px auto 40px auto;
	line-height:180%;
}
.contact_box .box02 .txtbox .name{
	width:45%;
	font-size:16px;
	padding:1% 2%;
	background-color:#cef485;
	line-height:110%;
}
.contact_box .box02 .txtbox .email{
	width:70%;
	font-size:16px;
	padding:1% 2%;
	background-color:#cef485;
	line-height:110%;
}
.contact_box .box02 .txtbox .message{
	width:70%;
	height:105px;
	font-size:16px;
	padding:1% 2%;
	background-color:#cef485;
	line-height:130%;
}

.contact_box  .txtbox02{
	width:87%;
	max-width:870px;
	padding:0%;
	font-size:16px;
	color:#000;
	text-align:left;
	font-weight:normal;
	margin:30px auto 40px auto;
	line-height:180%;
}

.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;

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

}
.contact_box .midashi{
	width:100%;
	margin:20px auto 0px auto;
	color:#000;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	line-height:180%;
}
/*box01*/
.contact_box .box01{
	width:65%;
	max-width:600px;
	margin:3% auto 7% auto;
	padding:15px 30px;
	font-size:12px;
	color:#000;
	text-align:center;
	font-weight:normal;
	line-height:150%;
	border:solid 1px #000;
	overflow: hidden;
}
.contact_box .box01 .tel{
	width:100%;
	color:#ff6800;
	font-size:32px;
	text-align:center;
	font-weight:bold;
	line-height:150%;
}


/*box02*/
.contact_box .box02{
	width:81%;
	max-width:810px;
	padding:0px;
	margin:4% auto 2% auto;
	overflow: hidden;
}

.contact_box .box02 .title{
	width:96%;
	max-width:778px;
	font-size:14px;
	color:#000;
	text-align:left;
	font-weight:bold;
	padding:4px 2%;
	margin:10px auto 0px auto;
	background-color:#c8c9ca;
	line-height:180%;
}
.contact_box .box02 .title .hissu{
	width:40px;
	font-size:14px;
	color:#db0000;
	text-align:center;
	font-weight:bold;
	padding:0%;
	margin:0px 0px 0px 10px;
	background-color:#fff;
	border:solid 1px #db0000;
	display:inline-block;
	line-height:150%;

}
.contact_box .box02 .txtbox{
	width:96%;
	max-width:880px;
	padding:0% 2%;
	font-size:14px;
	color:#000;
	text-align:left;
	font-weight:normal;
	margin:15px auto 40px auto;
	line-height:180%;
}
.contact_box .box02 .txtbox .name{
	width:45%;
	font-size:14px;
	padding:1% 2%;
	background-color:#cef485;
	line-height:110%;
}
.contact_box .box02 .txtbox .email{
	width:70%;
	font-size:14px;
	padding:1% 2%;
	background-color:#cef485;
	line-height:110%;
}
.contact_box .box02 .txtbox .message{
	width:70%;
	height:105px;
	font-size:14px;
	padding:1% 2%;
	background-color:#cef485;
	line-height:130%;
}

.contact_box  .txtbox02{
	width:87%;
	max-width:870px;
	padding:0%;
	font-size:14px;
	color:#000;
	text-align:left;
	font-weight:normal;
	margin:30px auto 40px auto;
	line-height:180%;
}


.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;
}
.contact_box{
	width:90%;
	margin:5% auto 4% auto;
	padding:0% 5%;
	overflow: hidden;

}
.contact_box .midashi{
	width:100%;
	margin:20px auto 0px auto;
	color:#000;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:180%;
}
/*box01*/
.contact_box .box01{
	width:84%;
	max-width:600px;
	margin:3% auto 7% auto;
	padding:5% 3%;
	font-size:12px;
	color:#000;
	text-align:center;
	font-weight:normal;
	line-height:150%;
	border:solid 1px #000;
	overflow: hidden;
}
.contact_box .box01 .tel{
	width:100%;
	color:#ff6800;
	font-size:20px;
	text-align:center;
	font-weight:bold;
	line-height:150%;
}


/*box02*/
.contact_box .box02{
	width:90%;
	max-width:810px;
	padding:0px;
	margin:3% auto 2% auto;
	overflow: hidden;
}

.contact_box .box02 .title{
	width:96%;
	max-width:778px;
	font-size:12px;
	color:#000;
	text-align:left;
	font-weight:bold;
	padding:4px 2%;
	margin:10px auto 0px auto;
	background-color:#c8c9ca;
	line-height:180%;
}
.contact_box .box02 .title .hissu{
	width:40px;
	font-size:12px;
	color:#db0000;
	text-align:center;
	font-weight:bold;
	padding:0%;
	margin:0px 0px 0px 10px;
	background-color:#fff;
	border:solid 1px #db0000;
	display:inline-block;
	line-height:150%;

}
.contact_box .box02 .txtbox{
	width:96%;
	max-width:880px;
	padding:0% 2%;
	font-size:12px;
	color:#000;
	text-align:left;
	font-weight:normal;
	margin:15px auto 40px auto;
	line-height:180%;
}
.contact_box .box02 .txtbox .name{
	width:80%;
	font-size:12px;
	padding:1% 2%;
	background-color:#cef485;
	line-height:110%;
}
.contact_box .box02 .txtbox .email{
	width:90%;
	font-size:12px;
	padding:1% 2%;
	background-color:#cef485;
	line-height:110%;
}
.contact_box .box02 .txtbox .message{
	width:90%;
	height:105px;
	font-size:12px;
	padding:1% 2%;
	background-color:#cef485;
	line-height:130%;
}

.contact_box  .txtbox02{
	width:87%;
	max-width:870px;
	padding:0%;
	font-size:12px;
	color:#000;
	text-align:left;
	font-weight:normal;
	margin:3% auto 3% auto;
	line-height:180%;
}





.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;
}