@media screen and (min-width: 640px) {
	.sp{display:none !important;}
}
@media screen and (max-width: 640px) {
	.container {width:100%}

	#main .container {padding:60px 0}
	.img_L {width:100%; height:auto; text-align:center}
	.pc{display:none !important;}
	.h3_lead{
	font-size:14px;
	margin: 0 0 20px 0;
	border-top: 3px solid #72640c;
	box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.1);
	padding: 4px;
}
}


@media screen and (max-width: 480px){
.pb-15-sm {padding-bottom:15px}
.img {width:100%; height:auto}
.container {width:100%}

#menu .container h2 {font-size:18px}
#main { -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;
  background-size: cover;}

#main .container {padding:20px 0}
#main {height:auto;}
#main .container .info {padding:20px 0 10px; background-size:100% auto}

#main .container .info .ttl{font-size:9px;padding:10px 0 5px 95px; line-height:normal; margin-top:-10px}
#main .container .info h1{font-size:18px;  padding:0 0 10px 93px}
#main .container .info .des {font-size:9px; line-height:normal; padding-left:75px;padding-bottom:10px}


#menu .container ul.list_menu001 {width:auto}
#menu .container ul li {display:block; text-align:center; float:inherit; padding-right:0}


#content .content-inner h3 {height:55px;background-size:100% auto !important}
#content .content-inner h3 span.title{font-size:14px}
#content .content-inner h3 span.des {font-size:11px}

#content .content-inner h3.h3_001 span.des{ right:10px;top:19px;}
#content .content-inner h3.h3_001 span.title {top: 35px;right: 5px;}

#content .content-inner h3.h3_002 span.des{ right: 52px;top: 19px;}
#content .content-inner h3.h3_002 span.title {top: 36px;right: 5px;}

#content .content-inner h3.h3_003 span.des{ right: 50px;top: 20px;}
#content .content-inner h3.h3_003 span.title {top: 35px;right:5px; font-size:12px}

#content .content-inner h3.h3_004 span.des{ right: 45px;top: 19px;}
#content .content-inner h3.h3_004 span.title {top: 36px;right:5px;}

#content .content-inner h3.h3_005 span.des{ right: 13px;top: 19px !important;}
#content .content-inner h3.h3_005 span.title {top: 36px;right:10px;}

#content .content-inner h3.h3_006 span.des{ right: 14px;top: 19px;}
#content .content-inner h3.h3_006 span.title {top: 36px;right:8px;}


.qa001 {background-size:100% auto;height:278px}
.qa001 p {color: #fff;font-size: 10px;left: 105px;letter-spacing: -1px;line-height: 18px;position: absolute;
    top: 24px;}

.qa002 {background-size:100% auto;height:250px}
.qa002 p {
	color: #fff;
	font-size: 10px;
	left: 110px;
	letter-spacing: -1px;
	line-height: 18px;
	position: absolute;
	top: 10px;
}

ul.box_inquiry li.btn_inquiry {
	width:98% !important;
}

}

@media screen and (max-width: 320px){
.pb-15-sm {padding-bottom:15px}
.img {width:100%; height:auto}
.container {width:100%}

#menu .container h2 {font-size:18px}
#main { -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;
  background-size: cover;}

#main .container {padding:20px 0}
#main {height:auto;}
#main .container .info {padding:15px 0 10px; background-size:100% auto}

#main .container .info .ttl{font-size:9px;padding:10px 0 5px 95px; line-height:normal}
#main .container .info h1{font-size:18px;  padding:0 0 10px 93px}
#main .container .info .des {font-size:9px; line-height:normal; padding-left:75px;}


#menu .container ul.list_menu001 {width:auto}
#menu .container ul li {display:block; text-align:center; float:inherit; padding-right:0}


#content .content-inner h3 {height:55px;background-size:100% auto !important}
#content .content-inner h3 span.title{font-size:14px}
#content .content-inner h3 span.des {font-size:11px}

#content .content-inner h3.h3_001 span.des{ right:10px;top:19px;}
#content .content-inner h3.h3_001 span.title {top: 33px;right: 5px;}

#content .content-inner h3.h3_002 span.des{ right: 43px;top: 18px;}
#content .content-inner h3.h3_002 span.title {top: 33px;right: 5px;}

#content .content-inner h3.h3_003 span.des{ right: 43px;top: 18px;}
#content .content-inner h3.h3_003 span.title {top: 33px;right:5px; font-size:12px}

#content .content-inner h3.h3_004 span.des{ right: 7px;top: 19px;}
#content .content-inner h3.h3_004 span.title {top: 33px;right:5px;}

#content .content-inner h3.h3_005 span.des{ right: 7px;top: 19px;}
#content .content-inner h3.h3_005 span.title {top: 33px;right:5px;}



.qa001 {background-size:100% auto;height:266px}
.qa001 p {color: #fff;font-size: 10px;left: 105px;letter-spacing: -1px;line-height: 18px;position: absolute;
    top: 24px;}

.qa002 {background-size:100% auto;height:240px}
.qa002 p {color: #fff;font-size: 10px;left: 94px;letter-spacing: -1px;line-height: 18px;position: absolute;
    top: 30px;}



}

@media screen and (max-width: 320px){
.pb-15-sm {padding-bottom:15px}
#main .container .info {padding:10px 0 15px; background-size:100% auto}

#content .content-inner h3 span.title {    font-size: 12px;}
#content .content-inner h3 span.des {font-size: 10px;}

#content .content-inner h3.h3_001 span.des {right: 12px;top: 17px;}
#content .content-inner h3.h3_001 span.title {right:5px;top: 30px;}

#content .content-inner h3.h3_002 span.des {right:43px;top: 16px;}
#content .content-inner h3.h3_002 span.title {right:5px;top: 30px;}

#content .content-inner h3.h3_003 span.des{ right: 43px;top: 17px;}
#content .content-inner h3.h3_003 span.title {top: 30px;right:5px; font-size:11px}

#content .content-inner h3.h3_004 span.des{ right: 5px;top: 17px;}
#content .content-inner h3.h3_004 span.title {top: 30px;right:5px;}

#content .content-inner h3.h3_005 span.des{ right: 5px;top: 17px;}
#content .content-inner h3.h3_005 span.title {top: 30px;right:5px;}

.qa001 {height: 232px;}
.qa001 p {font-size: 9px;left: 91px;line-height: 16px;position: absolute;top: 20px;}


.qa002 {height: 209px;}
.qa002 p {font-size: 9px;left: 82px;line-height: 16px;position: absolute;top: 25px;}


}