@media screen and (max-width: 785px){
	
	* {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	table{
		width: 100%!important;
	}
	table th{
		width: auto!important;
	}
	tr{
		display: block;
	}
	th,
	td{
			display: list-item;
			border: none;
		font-size: 0.9rem!important;
	}
	.box p a img{
		margin-top: 8px;
	}
	
	#header{
		width: 100%;
		height:auto;
	}
	
	#header> *,#ftIn>*{
		position:relative;
		text-align: center;
		margin: 10px 0;
		left: 0;
			top: 0;
	}
	#hdFacebook{
		display: none;
	}
	#content{
		padding:0 5px;
	}
	#content h1,#content h2,#content h3{
		font-size: 1rem;
			margin:0 0 10px 0;
	}
	#content p{
			font-size: 18px;
			line-height: 1.7rem;
	}
	#main,#content,#ftIn{
		width: 100%;
	}
	
	#request img[src="/img/bnr_inquiry.png"]{
		display: none;
	}
	#request img[src="/img/bnr_inquiry_sp.png"]{
		display: inline-block;
	}
	#hdTelFukuoka{
		padding-top: 10px;
		border-top: solid 1px #927e78;
		border-bottom: solid 1px #927e78;
	}
	.hdTelFukuokaFixed{
		position: fixed!important;
		position: absolute;
		width: 100%;
		margin: 0px!important;
		background: white;
		z-index: 99999;
		 filter:alpha(opacity=90);
			-moz-opacity: 0.9;
			opacity: 0.9;
	}
	#hdTelFukuoka p{
		text-align: center;
	}
	table.news .thumnail{
		text-align: center;
	}
	
	.visual>.p,.visual>.p>.i,.visual>.p>.t{
		width: 100%!important;
	}
	
	.boxCatch{
		width: 100%!important;
		max-height:139px!important;
		margin:0!important;
	}
	
	#topics{
		display: none;
	}
	#naviG{
		width: 100%;
		margin:0;
	}
	#naviG ul>li{
		float: left;
		width: 50%;
		margin:0;
	}
	#naviG li a {
		background: #373739;
			display: block;
			padding: 0px;
			border:solid 1px #fff;
			text-decoration: none;
	}
	
	h1.hd{
		text-indent:0px!important;
	}
	h2.hd{
		padding-top: 10px;
	}
	p.h2sub{
		text-indent: 0px;
	}
	div.box.info{
		height:auto!important;
	}
	ul.c3>li{
		width: 100%!important;
		margin: 0%!important;
	}
	div.box.caseList ul.case>li{
		height: auto!important;
		background-image: none!important;
	}
	div.box.caseList ul.case>li h3.hd,
	div.box.caseList ul.case>li p.hd,
	div.box.caseList ul.case>li p.hd,
	div.box.caseList ul.case>li p.spec,
	div.box.caseList ul.case>li div.img,
	div.box.caseList,div.box.info,
	div.box.info div.news,div.box.info div.calender,
	div.box.info div.facebook,
	div.box.info div.news div.more{
		position:relative!important;
		width: 100%!important;
		left:0!important;
		top:0!important;
		padding:10px 5px 0px!important;
	}
	div.box.staff,div.box.case{
		padding:20px 15px!important;
	}
	div.box.staff{
		height: auto;
	}
	div.box.staff ul.staffList>li{
		margin-right: 16px;
	}
	div.box.staff a.btn.btnPrev{
		left:5px!important;
			top: 60px!important;
	}
	div.box.staff a.btn.btnNext{
		right: 5px!important;
			top: 60px!important;
	}
	div.box.case a.btn.btnPrev{
		left:5px!important;
			top: 120px!important;
	}
	div.box.case a.btn.btnNext{
		right: 5px!important;
			top: 120px!important;
	}
	div.box.staff ul.staffList>li div.img{
		width: 102px;
			height: 102px;
	}
	div.box.case ul.case>li div.img{
		width: 100px!important;
			height: 100px!important;
	}
	p.hd{
		font-size: 0.7rem!important;
	}
	div.gaiyou ul li{
		font-size: 0.9rem!important;
	}
	div.box.caseList ul.case>li:last-child{
		padding-top: 10px!important;
	}
	
	.compBoxL,.compBoxR{
		float:none;
		width: 100%;
		min-height: auto!important;
	}
	table.news td.t a{
		background: url(/img/li_ar_m.png) no-repeat center right!important;
	}
	h1 span{
		display: block!important;
		width: 6rem;
		margin: 5px 0px;
	}
	h1.hd,
	h1.hd.c2{
		width: 100%;
		padding-top: 15px;
	}
	.boxC2 div.unitContent,.boxC2 div.unitImg, .boxC2 div.unitNavi{
		width: 100%!important;
		float: none;
	}
	div.boxC2 .unitImg ul li{
		width: 48%!important;
	}
	div.box p.detail{
		line-height: 1.8em!important;
	}
	.box.catch div.photo{
		float: none!important;
		margin: 0!important;
	}
	
	.boxMain.point h2.hd,.boxMain.point div.catch,.boxMain.point div.txt{
		position: relative!important;
		left:0!important;
		top:0!important;
	}
	.boxMain.point{
		height: auto!important;
	}
	
	div.listPoint ul.point>li h3.hd,div.listPoint ul.point{
		width: 100%!important;
	}
	div.listPoint ul.point>li{
		height: auto!important;
		padding: 15px 0px;
	}
	
	div.listPoint ul.point>li div.img,
	div.listPoint ul.point>li h3.hd,
	div.listPoint ul.point>li p.detail{
		position: relative!important;
		left:0!important;
		top:0!important;
	}
	div.listPoint ul.point>li div.img{
		padding-bottom: 10px!important
	}
	div.listPoint ul.point>li p{
		width: 100%!important;
	}
	div.boxC2 .unitContent,div.boxC2 .unitContent p{
		padding: 0 10px;
	}
	
	.box.catch div.btn{
		position: relative!important;
		margin-top:10px;
		left: 0!important;
	}
	#naviS{
		width: auto;
		margin:0;
		position: static;
		z-index: 10;
	}
	
	.excerpt p > a{
		font-size: 0.8em!important;
		color: #757575;
	}
	div.c2{
		background: none!important;
	}
	div.line,#ftLink div.in{
		width: 100%;
		display: block;
		margin:0;
	}
	.column .unitContent p{
		line-height: 1.8em;
	}
	.in img{
		height: auto;
		width: 100%;
		border: solid 1px #927e78;
	}
	img[src="/img/bnr_tatsuminagisa.jpg"]{
		height: 100%;
	}
	
	
	#ftLink a{
		display: block;
		margin: 1px;
		width: 49%;
		float: left;
	}
	.ftSocial{
		display: none;
	}
	#footer{
		height:auto;
		clear: both;
	}
	
	.map {
	position: relative;
	padding-bottom: 75%; 
	width: 100%;
	height: 0;
	overflow: hidden;
	}
	.map iframe {
	top: 0;
	left: 0;
	padding: 0 5px;
	width: 100% !important;
	height: 100% !important;
	}
	.gallery{
			border-spacing: 3rem 0;  /* 左右 上下で記述 */
	}
	.top_inquiry th{
			padding-top: 10px;
	}
	.top_inquiry td{
			text-align: center;
			padding-bottom: 10px;
			width: 100%;
	}
	.btn_top_inquiry_pc{
			display: none;
	}
	.btn_top_inquiry_sp{
			display: inline;
	}
	.top_inquiry_scroll {
			width: 300px;
			height: 100px;
			bottom: 40px;
	}
	}
	@media screen and (max-width: 768px){
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	.column_footer_inquiry{
		height: 200px;
	}
	.column_footer_tel{
			margin-top: -70px;
			margin-left: 90px;
	}
	.column_footer_mail{
			margin-top: -110px;
			margin-left: -360px;
		width: 25%;
	}
	.alignright,.alignleft{
		float: none;
		margin: 0px;
	}
	.gallery .arrow{
		display: none;
	}
	
	}
	@media screen and (max-width: 568px){
		.juunisou_animation_wrapper {
				height: 700px; 
		}
		}
	@media screen and (max-width: 568px){
		.juunisou_animation_wrapper {
				height: 600px;
		}
		}
	@media screen and (max-width: 480px){
			.top_inquiry_scroll{
					bottom: 0;
					top: 0;
					margin: auto;
			}
	}
	@media screen and (max-width: 425px){
	
	.column_footer_inquiry{
		height: 150px;
	}
	.column_footer_tel{
			margin-top: -50px;
			margin-left: 100px;
			 width: 65%;
	}
	.column_footer_mail{
			margin-top: -70px;
			margin-left: -260px;
		width: 23%;
	}
	.gallery{
			border-spacing: 1rem 0;  /* 左右 上下で記述 */
	}
	.gallery p{
		font-size: 0.7rem;
	}
	.before:before, .after:before{
		font-size: 1rem;
	}
	.juunisou_animation_wrapper {
		height: 500px;
	}
	.top_inquiry table{
			max-width: 100%;
	}
	.top_inquiry_form td{
			max-width: 100%;
	}
	.top_inquiry_form .wpcf7-text{
			width: 100%;
	}
	}
	@media screen and (max-width: 375px){
	.column_footer_inquiry{
		height: 120px;
	}
	.column_footer_tel{
			margin-top: -40px;
			margin-left: 90px;
			 width: 65%;
	}
	.column_footer_mail{
			margin-top: -60px;
			margin-left: -230px;
		width: 23%;
	}
	
	}
	@media screen and (max-width: 320px){
			.column_footer_inquiry{
				height: 100px;
			}
			.juunisou_animation_wrapper {
					height: 400px;
			}
			.column_footer_tel{
					margin-top: -35px;
					margin-left: 90px;
			}
			.column_footer_mail{
					margin-top: -55px;
					margin-left: -190px;
				width: 25%;
			}
			.case .point{
				width: 131px;
			}
			.top_inquiry_scroll{
					bottom: 25px;
					top: auto;
			}
	}