@charset "utf-8";

/*************************
**************************
****** Base **************
**************************
*************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
ol, ul, li { list-style: none; }
blockquote, q {	quotes: none; }
:focus { outline: 0; }
*html body { overflow-y:auto; }   /*IE6だけに適用*/
*+html body { overflow-y:auto; }   /*IE7だけに適用*/
body { overflow-y:scroll; }
input, select { vertical-align:middle; }
img {
	vertical-align: bottom;
	font-size:0;
	line-height: 0;
	border:none;
}
table{ border-collapse: collapse; }

/* Font======================================= */
html { font-size:62.5%;overflow: auto;}
body {
	font-size:1.5em;
	font-weight: normal;
	line-height:1.6em;
	color: #222;
	text-decoration: none;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, 'メイリオ', Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
}
h1, h2 { font-size:1.6em; }
h3, h4, h5, h6 { font-size:1em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
table, thead, tbody, tfoot, tr, th, td {
	font-size:1em;
	font-weight: normal;
}
input, textarea, select, option {
	font-size:1em;
	color: #555;
}
textarea { font-family: sans-serif; }
.bold { font-weight: bold; }
.red { color: #F33; }
.blue { color: #03679C; }
.brown { color: #643200; }
.text-l{ font-size:1.2em;}
.text-ll{ font-size:1.4em;}
.text-m{ font-size:0.95em;}
.text-s{ font-size:0.85em;}
.text-ss{ font-size:0.78em;}


/* Link======================================= */
a:link {
	color: #03679C;
	text-decoration: underline;
	cursor: pointer;
}
a:visited {
	color: #03679C;
}
a:hover {
	color: #0398D8;
}

/* Clearfix======================================= */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }
.clr {
	clear:both;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

/* Float======================================= */
.float-left { float: left; }
.float-right { float: right; }
.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.block { display: block; }
.inline {	display: inline; }
.text-float {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.relative{
	position: relative;
}
.imgleft{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}
.imgright{
	float:right;
	margin-left:15px;
	margin-bottom:10px;
}

/* List======================================= */
.ullist li{
	list-style-type: disc;
	margin-left: 25px;
	margin-top: 4px;
	list-style-position: outside;
}
.ullist02 li{
	list-style-type: disc;
	list-style-position: inside;
}
.ollist li {
	list-style-type: decimal;
	margin-left: 30px;
	margin-top: 4px;
	list-style-position: outside;
}
.list01 {
	margin-left:32px;
}
.list01 li{
	padding-left: 12px;
	margin-bottom: 5px;
	background-image: url(../img/tag4.png);
	background-repeat: no-repeat;
	background-position: left 10px;
}
.numlist {
	margin-left:25px;
}
.numlist li{
	padding-left:22px;
	margin-bottom:5px;
	background-repeat: no-repeat;
	background-position: left 1px;

}
.numlist li.l01{
	background-image: url(../img/num01.png);
}
.numlist li.l02{
	background-image: url(../img/num02.png);
}
.numlist li.l03{
	background-image: url(../img/num03.png);
}
.numlist li.l04{
	background-image: url(../img/num04.png);
}
.numlist li.l05{
	background-image: url(../img/num05.png);
}
.numlist li.l06{
	background-image: url(../img/num06.png);
}
.numlist li.l07{
	background-image: url(../img/num07.png);
}
.numlist li.l08{
	background-image: url(../img/num08.png);
}
.numlist li.l09{
	background-image: url(../img/num09.png);
}

/* Indent======================================= */
.ind dt { position: relative; }
.ind dt span { position: absolute; }
.ind dd { padding-left: 1em; }
.kon {
	color: #0D4479;
}

/* Margin======================================= */
.mg-t5  {margin-top:5px;}
.mg-t10 {margin-top:10px;}
.mg-t15 {margin-top:15px;}
.mg-t20 {margin-top:20px;}
.mg-t25 {margin-top:25px;}
.mg-t30 {margin-top:30px;}
.mg-t35 {margin-top:35px;}
.mg-t40 {margin-top:40px;}
.mg-t45 {margin-top:45px;}
.mg-t50 {margin-top:50px;}
.mg-t60 {margin-top:60px;}
.mg-t70 {margin-top:70px;}
.mg-t80 {margin-top:80px;}
.mg-b5  {margin-bottom:5px;}
.mg-b10 {margin-bottom:10px;}
.mg-b15 {margin-bottom:15px;}
.mg-b20 {margin-bottom:20px;}
.mg-b25 {margin-bottom:25px;}
.mg-b30 {margin-bottom:30px;}
.mg-b35 {margin-bottom:35px;}
.mg-b40 {margin-bottom:40px;}
.mg-b50 {margin-bottom:50px;}
.mg-b60 {margin-bottom:60px;}
.mg-b70 {margin-bottom:70px;}
.mg-b80 {margin-bottom:80px;}
.mg-l5  {margin-left:5px;}
.mg-l10 {margin-left:10px;}
.mg-l15 {margin-left:15px;}
.mg-l20 {margin-left:20px;}
.mg-l25 {margin-left:25px;}
.mg-l30 {margin-left:30px;}
.mg-l35 {margin-left:35px;}
.mg-l40 {margin-left:40px;}
.mg-l50 {margin-left:50px;}
.mg-l60 {margin-left:60px;}
.mg-r5  {margin-right:5px;}
.mg-r10 {margin-right:10px;}
.mg-r15 {margin-right:15px;}
.mg-r20 {margin-right:20px;}
.mg-r25 {margin-right:25px;}
.mg-r30 {margin-right:30px;}
.mg-r35 {margin-right:35px;}
.mg-r40 {margin-right:40px;}
.mg-r50 {margin-right:50px;}
.mg-r60 {margin-right:60px;}
.pd-t5  {padding-top:5px;}
.pd-t10 {padding-top:10px;}
.pd-t15 {padding-top:15px;}
.pd-t20 {padding-top:20px;}
.pd-t25 {padding-top:25px;}
.pd-t30 {padding-top:30px;}
.pd-l5  {padding-left:5px;}
.pd-l10 {padding-left:10px;}
.pd-l15 {padding-left:15px;}
.pd-l20 {padding-left:20px;}
.pd-l25 {padding-left:25px;}
.pd-l30 {padding-left:30px;}



/*************************
**************************
****** Content ***********
**************************
*************************/

body {
	background-color: #FFF;
}
.wrapper {
	width: 100%;
	max-width: 930px;
	margin-right: auto;
	margin-left: auto;
}
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:30px;
	right:15px;
	overflow:hidden;
	width:112px;
	height:20px;
	border:none;
	text-indent:100%;
	background:url(../img/pagetop.png) no-repeat left top;
}
#toTopHover {
	background:url(../img/pagetop.png) no-repeat left -20px;
	width:112px;
	height:20px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
	outline:none;
}


/* Hader======================================= */
#header {
}
#header-top {
	font-size: 0.7em;
	background-color: #274265;
	color: #DDD;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 1.2em;
}
#header-top p{
	float: left;
}
#header-top ul{
	float: right;
}
#header-top ul li{
	float: left;
	padding-right: 8px;
	padding-left: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BBB;
}
#header-top ul li:last-child {
	border-right:none;
}
#header-top ul li a{
	color: #DDD;
	text-decoration: none;
}
#header-top ul li a:hover{
	text-decoration: underline;
}
#header-box{
	background-image: url(../img/header_bk.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 93px;
	width: 100%;
}
#nav{
	background-image: url(../img/nav_bk.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#nav ul{
	width: 100%;
	max-width:930px;
	height:30px;
	margin:0 auto 0 auto;
}
#nav ul li{
	float:left;
}
#nav ul li#home{
	width:91px;
}
#nav ul li#greeting{
	width:163px;
}
#nav ul li#achievement{
	width:163px;
}
#nav ul li#user{
	width:162px;
}
#nav ul li#voice{
	width:163px;
}
#nav ul li#showroom{
	width:188px;
}


/* Main======================================= */
#main {
	width: 100%;
	padding-top: 30px;
	background-image: url(../img/main_bk.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#main-box {
	float: right;
	max-width: 700px;
	width: 100%;
}
ul.bread{
	margin-top: 10px;
	margin-left: -5px;
}
ul.bread li{
	float: left;
	background-image: url(../img/bread_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	padding-left: 10px;
	font-size: 0.85em;
}
#top-md {
	background-image: url(../img/top_md2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
}
#top-information-box {
	position: relative;
}
#top-information-box #bt{
	position: absolute;
	z-index: 10;
	top: 6px;
	right: 11px;
	height: 16px;
	width: 45px;
}
#top-information ul{
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 15px;
}
#top-information ul li{
	margin-bottom: 8px;
	background-image: url(../img/arrow1.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 8px;
}
#top-information ul li a span{
	padding-left: 10px;
}
#top-service-box{
	background-image: url(../img/top_service_bk.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 255px;
	width: 688px;
	padding-left:12px;
	padding-top:2px;
}
#top-service-box li{
	height: 233px;
	width: 153px;
	float: left;
	margin-right: 8px;
	margin-left: 8px;
}
#top-showroom-box a{
	display:block;
	height: 241px;
	width: 700px;
}
#top-knowledge #expert-btn{
	height: 22px;
	width: 84px;
	position: absolute;
	z-index: 11;
	left: 36px;
	bottom: 32px;
}
#top-knowledge #economics{
	float: left;
	width: 236px;
}
/*#top-knowledge #economics-btn{
	height: 22px;
	width: 84px;
	position: absolute;
	z-index: 12;
	left: 25px;
	bottom: 28px;
}*/
#top-knowledge #inlife{
	float: left;
	width: 225px;
}
/*#top-knowledge #inlife-btn{
	height: 22px;
	width: 84px;
	position: absolute;
	z-index: 12;
	left: 14px;
	bottom: 28px;
}*/
#top-knowledge #present{
	float: left;
	width: 239px;
}
/*#top-knowledge #present-btn{
	height: 22px;
	width: 84px;
	position: absolute;
	z-index: 12;
	left: 14px;
	bottom: 28px;
}*/
/*#top-aftersupport{
	height: 148px;
	width: 700px;
	background-image: url(../img/top_aftersupport.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
}
#top-aftersupport p{
	display:block;
	height: 22px;
	width: 84px;
	position: absolute;
	left: 420px;
	bottom: 23px;
}*/
.tx1{
	background-image: url(../img/underline2.png);
	background-repeat: repeat;
	background-position: left bottom;
	line-height: 28px;
	padding-right: 4px;
	padding-left: 4px;
}
.text-line1{
	background-image: url(../img/underline1.png);
	background-repeat: repeat;
	background-position: left bottom;
	line-height: 26px;
	padding-right: 4px;
	padding-left: 4px;
}
.title1{
	background-image: url(../img/title_bk1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 28px;
	width: 678px;
	padding-top: 6px;
	padding-left: 22px;
	font-size: 1.2em;
	font-weight: bold;
}
.title2{
	background-image: url(../img/title_bk2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 685px;
	padding-top: 6px;
	padding-left: 15px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 43px;
	color: #335A87;
}
#under-bnr{
	margin-top: 50px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BBB;
}
.tag1{
	background-image: url(../img/arrow1.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 7px;
}
.tag2{
	background-image: url(../img/tag2.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}
.pt1{
	padding: 1px;
	border: 1px solid #CCC;
}
.right_pt1{
	float: right;
	background-color: #FFF;
	padding-left: 20px;
}
.right_pt2{
	float: right;
	background-color: #FFF;
	padding-left: 20px;
	padding-bottom: 10px;
}
.left_pt1{
	float: left
	background-color: #FFF;
	padding-right: 20px;
}
.left_pt2{
	float: left;
	background-color: #FFF;
	padding-right: 20px;
	padding-bottom: 10px;
}
.gray-box1{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-image: url(../img/tbk1.png);
	background-repeat: repeat;
	background-position: left top;
	border: 1px solid #CCC;
	padding: 14px 18px 14px 18px;
}
.sqr-box1{
	border: 1px dotted #888;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}
.arrow1{
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(../img/arrow2.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.arrow2{
	background-image: url(../img/arrow2.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}
.arrow3{
	background-image: url(../img/arrow3.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	padding-left: 17px;
}
#achievement-box1{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-image: url(../img/tbk1.png);
	background-repeat: repeat;
	background-position: left top;
	border: 1px solid #CCC;
	margin-right: 20px;
	margin-left: 20px;
	padding: 17px;
}
.check01{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:;
	border: 2px solid #F99;
	margin-left:10px;
	margin-right:10px;
	padding: 20px;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	color:#F03;
}


/* Side======================================= */
#side {
	float: left;
	width: 194px;
}
#side-contact-box {
	height: 110px;
	width: 194px;
	background-image: url(../img/side_contact_bk.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top:10px;
}
#side-contact-box a{
	display: block;
	height: 38px;
	width: 172px;
	margin-right: auto;
	margin-left: auto;
}

#side-box {
	margin-top: 15px;
	width: 194px;
	background-color: #F1F1F1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0D0D0;
}
.side-inside1{
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 5px;
	background-image: url(../img/side_bk.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.side-inside2{
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 5px;
	background-image: url(../img/side_bk.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding-bottom: 20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.side-nav1{
	margin-top: 15px;
	padding-left: 5px;
}
.side-nav2{
	padding-left: 5px;
}
.side-nav1 li,
.side-nav2 li{
	margin-bottom: 6px;
	background-image: url(../img/arrow1.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left: 8px;
	font-size: 0.85em;
}
.side-nav1 li a,
.side-nav2 li a{
	color: #222;
	text-decoration: none;
}
.side-nav1 li a:visited,
.side-nav2 li a:visited{
	color: #222;
	text-decoration: none;
}
.side-nav1 li a:hover,
.side-nav2 li a:hover{
	color: #0398D8;
	text-decoration: underline;
}
.side-ban{
	margin-top: 0px;
}
.side-ban li{
	margin-bottom:5px;
}
.side-ban li a:hover img{
	opacity:0.6;
}

.text_y{
	text-align: center;
	font-size: 12px;
}

/*20151225追記*/
.spbnr{
	display: none;
	margin-bottom: 10px;
	margin-top: 10px;
}

.spbnr .bnr1{
width: 47%;
float: left;
}
.spbnr .bnr1 img{
width: 100%;
}

.spbnr .bnr2{
width: 47%;
float: right;
}

.spbnr .bnr2 img{
width: 100%;
}
/* Footer======================================= */
#footer {
	padding-bottom: 20px;
	margin-top:50px;
}
#footer small {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	text-align: center;
	font-size: 0.75em;
	margin-top: 20px;
	color: #a3a3a3;
	font-weight: bold;
}
.footer-box01{
	background:#FFF url(../img/footer_bk.png) repeat-x left top;
	padding-top:15px;
}
.footer-listbox01{
	background:#F3F3F3 url(../img/footer_bk.png) repeat-x left top;
	padding:20px 0 15px 0;
}
.footer-listbox01 ul{
	font-size: 0.75em;
}
.footer-listbox01 ul li{
	float:left;
	border-left:1px solid #CCC;
	padding:0 5px;
	margin-bottom:5px;
}
.footer-listbox01 ul li.right{
	border-right:1px solid #CCC;
}
.footer-listbox01 p{
	font-size: 0.75em;
	text-align:center;
}

/***************
by roid lab
****************/
.navBtn{display: none;float: left;}
.menu{
float: left;
	width: 194px;
}
#sp-bnr{display: none;}
@media screen and (min-width: 1025px) {
	#header div.ad,
	#header .telphone{display: none;}
}
@media screen and (max-width: 1024px) {
	.sp{display: none;}
	.pc{display: block;}
	/* 全画面共通 */
	#sp-bnr{display: block;position: static;margin-top: 15rem;}
	#header .navBtn{display: block;position: static;margin-top: 2em;}
	#slideshow img{max-width: 100%;height: auto;}
	.menu {
		overflow-y:auto;
		position: absolute;
		top:0;
		left:0;
		width: 50%;
		max-width:320px;
		color: #333;
		font-size:110%;
		background: #eee;
		text-align:left;
		z-index:9999;
		/* アニメーション */
		-webkit-transition:0.2s ease-in-out;
		-moz-transition:0.2s ease-in-out;
		transition:0.2s ease-in-out;
	}
	.menu ul li a {
		display:block;
		padding:0.4em;
		color:#555;
		font-weight:300;
		text-shadow:none;
		text-decoration:none;
	}
	.menu ul li a:hover {
		color:#fff;
		background:#81D4FA;
	}
	.menuOff {
	-webkit-transform:translate3d(-100%, 0, 0);
	-moz-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0);
	z-index:9999; /* 最前面に来るように */
	}
	.menuOn {
		box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.2);
		-webkit-transform:translate3d(0, 0, 0);
		-moz-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
	}
	.ie .menuOff {
		left:-100%; /* IE向け */
	}
	.wrapper{max-width: 930px;width: 100%;margin: auto;}

	#main-box{float:none;margin: auto;}

	#header-box h1 img{max-width: 100%;height: auto;}
	#main-box h2 img{max-width: 100%;height: auto;}
	#header-box .float-left:nth-child(2){display: inline;}
	#header-box .float-left:nth-child(2){text-align: center;float: left;margin-left: 10em;}
	#header-box .float-left:nth-child(2) img{max-width: 100%;height: auto;}
	#header-box .float-left:nth-child(3){display: none; text-align: center;float: none;}
	#header-box .float-left:nth-child(4){text-align: center;float: left;}
	#header-box .float-left:nth-child(4) img{max-width: 100%;height: auto;}
	/* リンク時は画像は非表示*/
	#nav ul li#home:hover img,
	#nav ul li#greeting:hover img,
	#nav ul li#achievement:hover img,
	#nav ul li#user:hover img,
	#nav ul li#voice:hover img,
	#nav ul li#showroom:hover img{display: none!important;}

	#main-box .shadow{width: 100%;height: auto;}
	/* sidedrawer */
	#side{float: none;width: 100%;padding-top: 15px;}
	#side-contact{width: 100%;text-align: center;margin: auto;}
	#side-contact > img{max-width: 100%;height: auto;}
	#side-contact-box,
	#side-box{width: 100%;}
	#side-box h2{text-align: center;margin-left: auto;margin-right: auto;}
	#side-box h2 img{max-width: 100%;height: auto;}
	#side-contact-box{}

	#side-box .side-nav1 li,
	#side-box .side-nav2 li {
	  margin-bottom: 0;
	  background-image: url(../img/arrow1.png);
	  background-repeat: no-repeat;
	  background-position: left 1.0em;
	  padding-left: 0.5em;
	  font-size: 0.9em;
	}


	/* footer */
	#footer img{max-width: 100%;height: auto;}
	/* top */

	ul#top-service-box {
	  background-image: none;
	  width: auto;
	  height: auto;
	  margin: auto;
	  text-align: center;
	  padding-left: 0;
	  padding-top: 1em;
	}
	ul#top-service-box li{
		display: inline-block;
		margin: 0.2em;
		float: none;
	}
	ul#top-service-box li img{max-width:152px;height:auto;max-height: 222px;}
	ul#top-service-box li a{display: block;width: 100%;height: 100%;}
	#top-showroom-box{
	  display: block;
	  position: static;
	  width: auto;
	  height: auto;
	}
	#top-showroom-box a{height: auto!important;width: auto!important;}
	#top-showroom-box a img{max-width: 100%;height: auto;position: static!important;}
	#top-showroom-box a img:nth-child(2){display: none!important;}

	.mg-t20{display: block;width: 100%;height: auto;margin:1.5em auto;}
	body.home .mg-t20 > div{display: inline-table;width: 50%;}
	body.home .mg-t20 > div a,
	body.home .mg-t20 > div a img
	{max-width: 100%;height: auto;width: auto;}
	#top-knowledge{width: 100%;text-align: center;margin: 1em auto;clear: both;}
	#top-knowledge div{max-width: 100%;height: auto;}
	#top-knowledge a,
	#top-aftersupport a
	{width: 100%!important;}
	#top-knowledge h2{max-width: 100%;height: auto;}
	#top-knowledge img{max-width: 100%;height: auto;}
	#top-aftersupport img{max-width: 100%;height: auto;}
	#main-box #economics,
	#main-box #inlife,
	#main-box #present{
		max-width: 33.3%;
		height: auto;
		margin: auto;
		padding: 0;
		float: none;
		clear: both;

	}
	#main-box .mg-t25{}
	#top-aftersupport img{/*position: relative!important;*/max-width: 100%;height: auto;}
	#top-aftersupport img:nth-child(2){display: none;}

	#top-knowledge .clearfix{display: block;
	  position: relative;
	  width: 100%;
	  float: none;
	  clear: both;
	  /*margin-top: 31%;*/
	}
	#top-knowledge .clearfix > div{
	  height: auto;
	  margin: auto;
	  padding: 0;
	  float: none;
	  clear: both;
	  display: table-cell;
	}

	#main-box #economics a img,
	#main-box #inlife a img,
	#main-box #present a img{
		position: static!important;
	}
	#main-box #economics a img:nth-child(2),
	#main-box #inlife a img:nth-child(2),
	#main-box #present a img:nth-child(2){
		display: none!important;
	}
	#main-box #economics a,
	#main-box #inlife a,
	#main-box #present a{
		display: block!important;
		position: static!important;
	}
	#header #nav{width: 100%;background:none;}
	/*
	#header #nav:before{content :"墓石販売とお墓の修理・リフォーム専門店石半創業８０年以上の信頼と実績を持つお墓屋さん";font-size: 12px;
	color:#fff;background-color:#224E7D;display: inline-block;width: 100%;text-align: center;}
	*/

	#header div.ad{color:#fff;background-color:#224E7D;display: inline-block;text-align: center;width: 100%;padding-top: 0.2em;}
	#header div.ad div:nth-child(1){color: #fff;font-size: 12px;display: block;}
	#header div.ad div:nth-child(2){color: #fff;font-size: 12px;display: block;}
	#header .telphone{width: 100%;text-align: right;position: relative;z-index: 1999;display: none;}
	#header .telphone a{display:inline-block;position: fixed;top:3.0rem;right:0;}
	#header .telphone a img{width: 43%;height: auto;}
	div#footer ul li{
		width:50%;
		font-size: 1.2em;
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border:none;
     }
     div#footer .footer-listbox01 ul li.right{border: none;}

}
.sp-nav-btn,.sp-nav{display: none;}
.wsp600{display: none;}

@media screen and (max-width: 950px) {
	.sp{display: block;}
	.pc{display: none;}	
	#header-box .float-left:nth-child(2){margin-left: 6em;}
	#header #nav {background-color:#224E7D;padding-top: 0.2em;padding-bottom:0.1em;}
	#nav ul li#home img,
	#nav ul li#greeting img,
	#nav ul li#achievement img,
	#nav ul li#user img,
	#nav ul li#voice img,
	#nav ul li#showroom img{display: none!important;}
	/* リンク時は画像は非表示*/
	#nav ul li#home:hover img,
	#nav ul li#greeting:hover img,
	#nav ul li#achievement:hover img,
	#nav ul li#user:hover img,
	#nav ul li#voice:hover img,
	#nav ul li#showroom:hover img{display: none!important;}
	/*
	#nav ul li:nth-child(1){
		float:none;
		display: table-cell;
		width: 50%;
		margin: auto;
	}
	*/

	#nav{background-image:none!important;}
	#nav ul{text-align: center!important;height: 0;width: auto;}
		#header #nav ul li{width:16.5%;}
		#nav ul li a{width:auto!important;display:block;color:#000;text-decoration: none;border-right:1px solid #000;line-height: 60px!important;height: 60px!important;font-weight: bold;z-index: 9990;}
		#nav ul li#showroom a{border-right:none!important;}
		#nav ul li#home,
		#nav ul li#greeting,
		#nav ul li#achievement,
		#nav ul li#user,
		#nav ul li#voice,
		#nav ul li#showroom
		{display: block;}

		#nav ul li#home a::before{content: "HOME";word-break: break-all;display:block;}
		#nav ul li#greeting a::before{content: "ごあいさつ";word-break: break-all;display:block;}
		#nav ul li#achievement a::before{content: "実績紹介";word-break: break-all;display:block;}
		#nav ul li#user a::before{content: "お客様の声";word-break: break-all;display:block;}
		#nav ul li#voice a::before{content: "ご住職の声";word-break: break-all;display:block;}
		#nav ul li#showroom a::before{content: "ショールーム";word-break: break-all;display:block;}

		#nav ul li#home img,
		#nav ul li#greeting img,
		#nav ul li#achievement img,
		#nav ul li#user img,
		#nav ul li#voice img,
		#nav ul li#showroom img
		{display: none;}
	#footer {
	  margin-top: 70px;
	}
	/*
	#nav:before{content:".";background-image: url(../img/reform_kouro_md2.png)no-repeat;
		max-width:320px;height: 28px;z-index: 12000;background-color: #000;}
*/
    .mg-t40 img,
	h3 img{max-width: 100%;height: auto;}


}

@media screen and (max-width: 670px) {
	p.sp-layer.sp-01.sp-bottom02,
	p.sp-layer.sp-01.sp-bottom01{top:auto!important;bottom:30px;}
}
@media screen and (max-width: 650px) {
	ul#top-service-box li{width:23%;height: auto;}
	ul#top-service-box li a{width: 100%!important;height: auto!important;}
	ul#top-service-box li a img{width:100%;height:auto;}
	ul#top-service-box li a img:first-child{position: relative!important;}
}

@media screen and (min-width: 420px) and (max-device-width: 600px){
	#nav ul{height:13.5rem;}
	#sp-bnr {margin-top: 12rem;}
	body#top #under-bnr img{max-width: 100%;height:auto;}
	body#top #under-bnr p.float-left,
	body#top #under-bnr p.float-right
	{width: 50%;display: inline;}
	body#top #under-bnr p.float-right{float: right;}
	body#top ul#top-service-box li{width: 100%;display: table-cell;}
	body#top ul#top-service-box li a{width: 149px!important;margin: 0!important;}
	#footer {margin-top: 0rem;}
}

@media screen and (max-width: 600px){
	input, textarea, select, option,.form-box .form-right{max-width: 100%!important;box-sizing: border-box;}
	div#main-box > div:not(#slideshow) {padding: 0 5%;box-sizing: border-box;}
	img{max-width:100%;height: auto;}
	.wpc600{display: none!important;}
	.wsp600{display: block;}
	p.sp-layer.sp-01.sp-left01 {left: 42%!important;}
	p.sp-layer.sp-01.sp-left02 {left: 42%!important;}
	#header .navBtn button,.menu{display: none;}
	#header-top .wrapper p{display: none;}
	div#nav{display: none;}
	#main{padding-top: 0;}
	.sp-nav-btn,.sp-nav{display: block;}
	
	.sp-nav-btn {width: 48px;height: 48px;background: #fff;border: solid 1px #274265;position: fixed;top: 32px;right: 10px;z-index: 100;}
	.sp-nav-btn:before{content:"";width:80%;height:7px;background: #274265;position: absolute;top:7px;left:10%;box-shadow: 0 14px 0 0 #274265;transition: 0.3s;}
	.sp-nav-btn:after{content:"";width:80%;height:7px;background: #274265;position: absolute;bottom:5px;left:10%;transition: 0.3s;}
	
	.sp-nav-btn.opon:before {box-shadow: none;transform: rotateZ(45deg);top: 21px;}
	.sp-nav-btn.opon:after {transform: rotateZ(-45deg);bottom: 21px;}
	
	.overlay-nav {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: -2;opacity: 0;transition: 0.3s;}
	.overlay-nav.opon {z-index: 10;opacity: 1;}
	div.navs-list {position: fixed;width: calc(100% - 70px);height: 100%;z-index: 20;top: 0;box-sizing: border-box;background: #fff;left: calc(-100% - 70px);transition: 0.3s;overflow: auto;}
	div.navs-list.opon{left:0;}
	
	.wsp-top a {margin: 5px;display: block;padding: 10px;border: solid 2px;text-decoration: none;background: url("../img/sp-nav/wsp-nav01.png") no-repeat right 10px center;background-size: 12px;}
	
	.navs-list > h2 {margin-top: 0;color: #fff;font-size: 18px;padding: 10px;margin: 0 5px;position: relative;background: url("../img/sp-nav/wsp-nav02.png") no-repeat right 10px center #03679C;background-size: 20px;border-bottom: solid 2px #fff;}
	.navs-list > h2.on {background: url("../img/sp-nav/wsp-nav03.png") no-repeat right 10px center #03679C;background-size: 20px;}
	.side-inside2,.side-inside1 {    margin: 5px;    padding: 0;    background: no-repeat;display: none;}
	
	.sp-nav > div > div > h3 {font-weight: bold;margin: 20px 0 0;}
	.sp-nav > div > div > h3:first-child {margin-top: 0;}
	ul.side-nav1{margin-top: 0;}
	.side-nav1 li a, .side-nav2 li a {display: block;padding: 10px;font-size: 16px;}
	.side-nav1 li, .side-nav2 li{background-position: left 18px;border-bottom: solid 1px #03679C;}
	.side-nav1 li:last-child, .side-nav2 li:last-child{border-bottom: none;}
	ul#top-service-box li{width: 45%;}
	body.home .mg-t20 > div {width: 100%;}
	#under-bnr{margin-top: 0;padding: 10% 5%!important;}
	
#top-information-box #bt{
	position: absolute;
	z-index: 10;
	top: 0px;
	right: 11px;
	height: 16px;
	width: 45px;
}	
	.spbnr{
		display: block;
	}
	#nav ul{height:0;}
	#header-box .float-left:nth-child(2){margin-left: 0;
    max-width: 130px;}
		.right_pt1 {
	  float: none;
	  background-color: #FFF;
	  padding-left: 0;
	  text-align: center;
	  margin: auto;
	}
	div.sp-slider{width: 100%;height: auto;}
	div.sp-slider img{max-width:100%;height:auto;display: none!important;margin-top: 1em!important;border: solid 3px #fff;border-left: none;border-right:none;}
	div.sp-slider img:nth-child(1){border-top: none;}
	.mg-t30 img{max-width: 100%;height: auto;}
	.content img{max-width: 100%;height: auto;}
	#main-box #information-list{width: 100%;max-width: 680px;}
	#main-box #information-list>li {display: inline-block;}
	#main-box #information-list>li p{display: block;}
	#main-box #information-list li .title {
	  float: left;
	  width: auto;
	  padding-right: 0;
	}
}


span.hissu {color: #FF1111;display: inline-block;font-size: 10px;font-weight: bold;border: solid 1px;background: #FFECEC;width: 40px;
box-sizing: border-box;text-align: center;line-height: 16px;margin-left: 10px;}

.contactArea {}

.contactTBL tr{border-bottom:dashed 1px #37638E;}

ul.contact-state { width: 100%; height: 36px; position: relative; margin: 0 0 40px; }

ul.contact-state > li { width: 100%; height: 36px; }

ul.contact-state > li > span { display: none; }

ul.contact-state > li.state01 { background: url("../img/state01.png") no-repeat center;background-size: contain; }

ul.contact-state > li.state02 { background: url("../img/state02.png") no-repeat center;background-size: contain; position: absolute; left: 0; top: 0; }

.contactWrap { padding: 50px; background: #fff; }

.contactTBL tr:last-child { border-bottom: none; }

.contactTBL th, .contactTBL td { box-sizing: border-box; padding: 20px 0; vertical-align: middle; line-height: 1.6; font-weight: 700; font-size: 12px;}

.contactTBL th { width: 180px; font-size: 12px; font-weight: 700;color: #37638E; }
span.botti{display: inline-block;padding-left: 16px;background: url(../img/botti.svg) no-repeat left center;}

.contactTBL th .red { color: #FF0000; display: inline-block; margin-left: 10px; }

.contactTBL tr.vt th, .contactTBL tr.vt td, th.vt { vertical-align: top; }

/*入力フォーム*/
span.file-size { font-size: 14px; display: inline-block; }

input.wpcf7-form-control.wpcf7-text.age { width: 50px; margin: 0 10px; }

.koumoku span.wpcf7-list-item { margin-bottom: 5px; }

p.items-check > label { display: inline-block; margin-bottom: 5px; }

span.wpcf7-form-control-wrap.other-text { display: block; width: calc(100% - 80px); margin-left: auto; }

p.others-check { display: flex; flex-wrap: wrap; align-items: center; }

input.wpcf7-text {width: 100%;height: 26px;box-sizing: border-box;padding: 5px 10px;font-size: 12px;border: solid 1px #000000;}

ul.address-list {}

ul.address-list > li { display: table; width: 100%; height: 28px; margin-bottom: 15px; }

ul.address-list > li:last-child { margin-bottom: 0; }

ul.address-list > li > div { display: table-cell; vertical-align: middle; }

ul.address-list > li:first-child { margin-bottom: 26px; }

ul.address-list > li:first-child > div { position: relative; }

span.wpcf7-form-control-wrap.zip01-2 span.wpcf7-not-valid-tip { position: absolute; width: 225px; top: -30px; }

.meth span.wpcf7-list-item { display: block; margin-bottom: 8px; }

ul.address-list > li > div.th {width: 60px;font-size: 11px;font-weight: 400;}

ul.address-list > li.ikou > div.th { width: 140px; }

span.block.ckomoji { font-size: 14px; line-height: 1.5; }

input#zip01, input#zip01-2 { width: 150px; }

input#zip1-btn, input#zip2-btn {border: none;background: #37638E;color: #fff;font-size: 10px;width: 150px;height: 26px;margin: 0 0 0 20px;transition: 0.3s;cursor: pointer;position: absolute;left: 144px;top: 0;font-weight: 700;}

input#zip1-btn:hover, input#zip2-btn:hover { opacity: 0.7; }

p.form-bikou { font-size: 12px; line-height: 1.43; margin-top: 5px; }

select.wpcf7-form-control.wpcf7-select { border: solid 1px #000000; height: 26px; padding: 5px; font-size: 12px; box-sizing: border-box;width: 150px; }

span.hyo { position: relative; }

span.hyo:before { content: "ハイフンは不要です"; font-size: 10px; position: absolute; bottom: -20px; }

input.wpcf7-form-control.wpcf7-text.birth01, input.wpcf7-form-control.wpcf7-text.birth02, input.wpcf7-form-control.wpcf7-text.birth03 { width: 109px; margin-right: 5px; }

span.inb.nen, span.inb.gatsu { margin-right: 40px; }

span.sonota-text01, span.sonota-text02, span.sonota-text03, span.sonota-text04 { width: 330px; display: inline-block; }

span.sonota-text04 { position: relative; left: 85px; top: -60px; }

span.wpcf7-form-control-wrap.tikunensu { display: inline-block; width: 330px; }

textarea.wpcf7-form-control.wpcf7-textarea { width: 100%; height: 100px; padding: 8px; font-size: 12px; border: solid 1px #D4D4D4; box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.16); box-sizing: border-box; }

span.block.pp-set { font-size: 16px; }

td.file-up p { margin-bottom: 10px; }

td.file-up p:last-child { margin-bottom: 0; }

.form-next {width: 270px;height: 40px;display: table;margin: 60px auto 0;}
.form-next > span {display: table-cell;text-align: center;vertical-align: middle;border: solid 1px #477BAA;background: #4D8BC4;color: #fff;font-size: 15px;cursor: pointer;box-shadow: inset 2px 2px 2px rgba(255,255,255,0.3);}
.form-next:hover{opacity: 0.7;}


input.wpcf7-form-control.btn04 { width: 270px; height:40px;border: solid 1px #477BAA; cursor: pointer; transition: 0.3s; color: #fff; font-size: 15px;box-shadow: inset 2px 2px 2px rgba(255,255,255,0.3); background: #4D8BC4;}

input.wpcf7-form-control.btn04.wpcf7c-btn-back { background: #fff; margin-right: 20px; color: #4D8BC4; }

input.wpcf7-form-control.btn04:hover { opacity: 0.7; }

input.wpcf7-form-control.btn04:focus { outline: none; }

p.wpcf7c-elm-step2.mt20 { display: block; width: 100%; text-align: center; }

.contact-submit.flex { justify-content: center; margin-top: 20px;display: flex;flex-wrap: wrap;}

input.wpcf7-form-control.wpcf7-text.nen-form { width: 116px; margin-right: 5px; }

select.wpcf7-form-control.wpcf7-select.gatu-select, select.wpcf7-form-control.wpcf7-select.niti-select { width: 116px; margin-right: 5px; }

ul.birth-list > li { margin-bottom: 8px; }

ul.birth-list > li:last-child { margin-bottom: 0; }

span.wpcf7-list-item { margin-left: 0 !important; margin-right: 10px !important; }

td.sikakus p { margin-bottom: 7px; }

td.sikakus p:last-child { margin-bottom: 0; }

.form-chuui { font-size: 14px; }

.files > p { margin-bottom: 15px; }

.kouji span.wpcf7-list-item { display: block; margin-bottom: 5px; }

.kouji span.wpcf7-list-item:last-child { margin-bottom: 0; }

.nyusui span.wpcf7-list-item { display: block; margin-bottom: 5px; }

.nyusui span.wpcf7-list-item:last-child { margin-bottom: 0; }

.file-chuui { font-size: 16px; color: #D85920; margin-top: 15px; }

input#mfcf7_zl_add_file { display: none; }

.file-list .wpcf7-field-group { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 10px; }

.file-list .wpcf7-field-group:last-child { margin-bottom: 0; }

.file-list button.wpcf7-field-group-add { font-size: 0; border: none; transition: 0.3s; background: url("../img/p12/file-plus.jpg") no-repeat center; cursor: pointer; color: #fff; padding: 5px; box-sizing: border-box; width: 55px; height: 55px; position: relative; top: -10px; }

.file-list button.wpcf7-field-group-add:before { content: "ファイル欄を追加"; font-size: 12px; display: block; color: #fff; position: absolute; background: rgba(0, 0, 0, 0.95); padding: 5px; left: 50%; transform: translateX(-50px); bottom: calc(100% + 5px); width: 100px; opacity: 0; transition: 0.3s; z-index: -2; }

.file-list button.wpcf7-field-group-add:hover:before { opacity: 1; z-index: 0; }

.file-list button.wpcf7-field-group-remove { font-size: 0; margin-right: 10px; border: none; transition: 0.3s; background: url("../img/p12/file-minus.jpg") no-repeat center; cursor: pointer; color: #fff; padding: 5px; box-sizing: border-box; width: 55px; height: 55px; position: relative; top: -10px; }

.file-list button.wpcf7-field-group-remove:before { content: "ファイル欄を削除"; font-size: 12px; display: block; color: #fff; position: absolute; background: rgba(0, 0, 0, 0.95); padding: 5px; left: 50%; transform: translateX(-50px); bottom: calc(100% + 5px); width: 100px; opacity: 0; transition: opacity 0.3s,bottom 0.3s; z-index: -2; }

.file-list button.wpcf7-field-group-remove:hover:before { opacity: 1; z-index: 0; }

.file-list button:hover { opacity: 0.7; }

.che .file-list button.wpcf7-field-group-add, .che .file-list button.wpcf7-field-group-remove { opacity: 0.5; pointer-events: none; }

span.wpcf7-form-control.wpcf7-radio.types span.wpcf7-list-item.last { display: block; position: relative; z-index: 3; width: 90px; }

input.wpcf7-form-control.wpcf7-text.ots { width: calc(100% - 95px); position: relative; left: 95px; margin-top: -32px; display: block; }

input.date-sel { width: 224px; height: 35px; box-sizing: border-box; }

select.time01-sel { width: 200px; height: 35px; box-sizing: border-box; }

.time-chuui { margin-top: 10px; font-size: 15px; }

ul.sche-list.flex > li { margin-right: 40px; }
ul.sche-list.flex > li:last-child { margin-right: 0; }

.wpcf7c-conf { background-color: #e8f0fe !important; }

input:-webkit-autofill, input:-internal-autofill-selected { -webkit-appearance: none; -webkit-box-shadow: 0 0 0px 1000px #e8f0fe inset !important; box-shadow: 0 0 0px 1000px #e8f0fe inset !important; }



.form-next {width: 270px;height: 40px;display: table;margin: 60px auto 0;}
.form-next > span {display: table-cell;text-align: center;vertical-align: middle;border: solid 1px #477BAA;background: #4D8BC4;color: #fff;font-size: 15px;cursor: pointer;box-shadow: inset 2px 2px 2px rgba(255,255,255,0.3);}
.form-next:hover{opacity: 0.7;}

.form-back-btn {width: 160px;height: 36px;display: table;margin: 20px 0;}
.form-back-btn > span {display: table-cell;text-align: center;vertical-align: middle;border: solid 1px #ccc;background: #ccc;color: #000;font-size: 15px;cursor: pointer;box-shadow: inset 2px 2px 2px rgba(255,255,255,0.3);}
.form-back-btn:hover{opacity: 0.7;}

.contactTBL.contactTBL-step02 tr:first-child {border-bottom: dashed 1px #37638E;}
.contactTBL.contactTBL-step02 table.formBox02 tr:first-child{border-bottom:none;}

table.formBox02 {background: rgba(55,99,142,0.1);padding: 0 15px!important;display: block;}

table.formBox03 {display: block;width: 100%;padding: 0 15px;background: rgba(240,141,68,0.1);margin-top: 10px;}

.contactTBL.contactTBL-step02 table.formBox01 {margin-bottom: 30px;}

p.mid {font-size: 12px;color: #37638E;font-weight: 700;margin-bottom: 5px;}

span.wpcf7-form-control-wrap.radio03 {display: block;margin-bottom: 12px;}

ul.nen-flex.flex{display: flex;flex-wrap: wrap;align-items: center;}
ul.nen-flex.flex li.list01{margin-left: 0;}
ul.nen-flex.flex li{margin-right: 10px;}
ul.nen-flex.flex li:last-child{margin-right: 0;}

ul.nen-flex02.flex{display: flex;flex-wrap: wrap;align-items: center;}
ul.nen-flex02.flex li.list01{margin-left: 0;}
ul.nen-flex02.flex li{margin-right: 10px;}
ul.nen-flex02.flex li:last-child{margin-right: 0;}

p.bikoured {color: #FF0000;margin-top: 5px;}
.fileBox04{margin-bottom: 15px;}
.noukotu-jikoku {margin-top: 10px;}

select.wpcf7-form-control.wpcf7-select.st04 {width: auto;height: 26px;margin-right: 5px;border: solid 1px #000000;}

input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date.date01 {border: solid 1px #000;height: 26px;}

ul.kaimeis > li{margin-bottom: 12px;}
ul.kaimeis > li:last-child{margin-bottom: 0;}

.contactTBL table {width: 100%;}
.contactTBL tbody {width: 100%;}
.contactTBL input,
.contactTBL select,
.contactTBL textarea{color: #000;}

table.formBox03 td{width: 480px;}

::placeholder{color: #999;}
p.step-error {text-align: center;margin-bottom: -48px;color: #FF1111;font-weight: 700;}
.contactTBL.contactTBL-step02 {transition: 0.3s;opacity: 0;height: 0;overflow: hidden;}
.contactTBL.contactTBL-step01 {transition: 0.3s;}

.form-box.step02 .contactTBL.contactTBL-step01{opacity: 0;height: 0;overflow: hidden;}
.form-box.step02 .contactTBL.contactTBL-step02{opacity: 1;height: auto;overflow: visible;}
.form-box.step03 .contactTBL.contactTBL-step01{opacity: 1;height: auto;overflow: visible;}
.form-box.step03 .form-back-btn{display: none;}
.form-box.step03 .form-next{display: none;}
.form-box.step03 #zip1-btn{display: none;}

.f-textBox01 {font-size: 14px;font-weight: 700;color: #37638E;margin-bottom: 40px;}

form.wpcf7-form.custom-wpcf7c-confirmed {
    padding-top: 50px;
    margin-top: -50px;
}

@media screen and (max-width: 600px){
	.contactTBL th, .contactTBL td{width: auto;height: auto;display: block;}
	.contactTBL th{padding-bottom: 0;}
	ul.contact-state { width: 100%; height:auto; position: relative; margin: 0 0 15px; }
	ul.contact-state > li { width: 100%; height:0;padding-top: 9.61%; }
	ul.contact-state > li > span { display: none; }
	ul.contact-state > li.state01 { background: url("../img/sp-state01.png") no-repeat center;background-size: contain; }
	ul.contact-state > li.state02 { background: url("../img/sp-state02.png") no-repeat center;background-size: contain; position: absolute; left: 0; top: 0; }
	.contactTBL.contactTBL-step02 .contactTBL tbody,
	.contactTBL.contactTBL-step02 .contactTBL tr{display: block;}
	table.formBox03 td{width: 100%;}
	.formError {right: 0!important;left: auto!important;}
	input.wpcf7-form-control.btn04{width: 100%;}
	input.wpcf7-form-control.btn04.wpcf7c-btn-back{margin-right: 0;margin-bottom: 15px;}
}
@media screen and (max-width: 400px){
	input#zip1-btn {position: relative;left: auto;margin: 17px 0 0 0;}
}
@media screen and (max-width: 560px){
	#nav ul li a{font-size: 14px;height: 50px;line-height: 50px;}
}


@media screen and (min-width: 320px) and (max-device-width: 415px) {

	/* 全画面共通 */
	#header-top .wrapper p{display: none;}
	#header .navBtn{}
	#header-box{height: auto;}
	#header #nav:before {width:auto;}
	#header-box .float-left:nth-child(2){max-width: 100px;}
	#header-box .float-left:nth-child(4){max-width: 134px;}
	.menu {
		width: 70%;
		max-width:320px;
	}
	#nav ul li#home,
	#nav ul li#greeting,
	#nav ul li#achievement,
	#nav ul li#user,
	#nav ul li#voice,
	#nav ul li#showroom
	{width: 50%;border-bottom: 1px solid #000;}
	#header #nav{background-color:#224E7D;width: 100%;padding-top: 0.2em;padding-bottom:0.1em;height:0;}
	/*
	#nav ul{
		width: 100%;
		max-width:930px;
		margin:0 auto 0 auto;
	}

	#nav ul li{
		display: block;
		width: 100%;
		margin: auto;
	}
	#nav ul li#greeting,
	#nav ul li#achievement,
	#nav ul li#user,
	#nav ul li#voice,
	#nav ul li#showroom
	{width: 50%;display: inline-table;}
	#nav ul li#home img,
	#nav ul li#greeting img,
	#nav ul li#achievement img,
	#nav ul li#user img,
	#nav ul li#voice img,
	#nav ul li#showroom img
	{max-width:100%;height:auto;width: 100%;position: static!important;}
	#nav ul li#showroom{border-left: 1px solid #000;}
	#nav ul li:nth-child(1){
		float:none;
		display: table-cell;
		width: 100%;
		margin: auto;
	}
	*/
	#main-box .mg-l10{margin-left: auto;padding-left: 0;padding-right: 0;}
	.align-center img,
	h5 img
	{max-width: 100%!important;height: auto!important;width: auto!important;padding: 0!important;}
	.img-box01 img {
		max-width: 96%!important;
		height: auto!important;
	  border: 2px solid #88ACD0!important;
	  -webkit-border-radius: 3px!important;
	  border-radius: 3px!important;
	  padding: 1%!important;
	}

	div.sp-slider{width: 100%;height: auto;}
	div.sp-slider img{max-width:100%;height:auto;display: none!important;margin-top: 1em!important;}
}

@media screen and (max-width: 414px){
	#main{background-image:none; }

	#header-box .float-left:nth-child(2){margin-left: 1.5em;}
	#nav ul{height:13.5rem;}
	#sp-bnr {margin-top: 8rem;}
	#under-bnr img{max-width: 100%;height:auto;}
	body#top #under-bnr p.float-left,
	body#top #under-bnr p.float-right
	{width: 100%;text-align: center;clear: both;margin: :auto;}
	#footer {margin-top: 0rem;}
}
@media screen and (max-width: 385px){
	#header-box .float-left:nth-child(2){margin-left: 0.2em;}
	#nav ul{height:12.5rem;}
}
@media screen and (max-width: 362px){
	#header-box .float-left:nth-child(2){margin-left: 0.5em;}
	#nav ul{height:12.5rem;}
}
@media screen and (max-width: 320px){
	#header-box .float-left:nth-child(2){margin-left: 0em;}
	#nav ul{height:11.5rem;}

}


/* 大谷石の石塀リフォーム (ishibei) */
.i_box {margin-top:45px;}
.i_box01 {margin-bottom:100px;}
.i_box01 h3 {margin-bottom:50px;}
.i_box01 .i_text {}
.i_box02 {}
.i_box02 h3 {margin-bottom:50px;}
.i_box02 .results_list {}
.i_box02 .results_list .results01 {margin-bottom:35px;}
.i_box02 .results_list .results01 .r_title {font-size:16px;font-weight:400;padding-bottom:3px;border-bottom:2px solid #548135;}
.i_box02 .results_list .results01 .img_box {padding-top:15px;border-top:2px solid #7AB94F;display:flex;justify-content: space-between;margin-bottom:15px;position:relative;}
.i_box02 .results_list .results01 .img_box::before {content:"";background: url("../img/ishibei/kaku.png") no-repeat;width: 21px;height: 25px;position: absolute;left:0;right:0;top:100px;margin:auto;}
.i_box02 .results_list .results01 .img_box > div {width:300px;position:relative;}
.i_box02 .results_list .results01 .img_box > div .pop {position:absolute;left:0;top:10px;z-index: 2;}
.i_box02 .results_list .results01 .img_box > div .pop span {display:inline-block;font-size:14px;font-weight:bold;line-height:normal;padding:7px 10px;color:#fff;background:#214D7C;}

.i_box02 .results_list .results01 .img_box .main_img {margin-bottom:15px!important;} 
.i_box02 .results_list .results01 .img_box .thum_img {margin-bottom:0!important;} 
.i_box02 .results_list .results01 .img_box .thum_img .slick-track {width: 100%!important} 
.i_box02 .results_list .results01 .img_box .thum_img .img {width: calc(100% / 2 - 10px);margin-right: 20px;cursor:pointer;}
.i_box02 .results_list .results01 .img_box .thum_img .img:nth-child(2) {margin-right: 0!important}
.i_box02 .results_list .results01 .bg {padding:30px;box-sizing:border-box;background:#EDEDED;}
.i_box02 .results_list .results01 .bg h5 {font-size:16px;font-weight:bold;margin-bottom:20px;color:#548135;}
.i_box02 .results_list .results01 .bg .comment {}
.i_box02 .btn {width:390px;height:60px;display:table;margin: 0 auto;}
.i_box02 .btn a {display:table-cell;vertical-align:middle;text-align:center;color:#fff;text-decoration:none;border-radius:10px;background:url("../img/ishibei/pass01.png") no-repeat center right 15px #214D7C;transform:0.3s;}
.i_box02 .btn a:hover {opacity:0.7;}
.i_box02 .btn a br {display: none;}






@media screen and (max-width: 950px) {
	.i_box {display: block;width: 100%;height: auto;margin: 1.5em auto;}
	.i_box01 {margin-bottom:50px;}
	.i_box01 h3 {margin-bottom:25px;}
	.i_box02 h3 {margin-bottom:25px;}
	.i_box02 .results_list .results01 {margin-bottom:15px;}
	.i_box02 .results_list .results01 .r_title {padding-bottom:3px;border:0;position:relative;}
	.i_box02 .results_list .results01 .img_box {padding-top:10px;margin-bottom:15px;position:relative;display:block;}
	.i_box02 .results_list .results01 .img_box::before {content:"";background: url("../img/ishibei/kaku.png") no-repeat;width: 21px;height: 25px;position: absolute;left:0;right:0;top:49%;margin:auto;transform: rotate(90deg);}	
	.i_box02 .results_list .results01 .img_box > div {width:100%;}
	.i_box02 .results_list .results01 .img_box .before_img {margin-bottom:50px!important;} 
	.i_box02 .results_list .results01 .img_box img {width:100%!important; }
	.i_box02 .results_list .results01 .img_box > div .pop span {font-size:1em;padding:3px 5px;}
	.i_box02 .results_list .results01 .bg {padding:15px;}
	.i_box02 .results_list .results01 .bg h5 {font-size:15px;margin-bottom:10px;}
	.i_box02 .btn {width:100%;}
	.i_box02 .btn a {font-size:14px;}
	.i_box02 .btn a br {display: block;}
}