/* ==============================================
 ユーティリティ
=============================================== */
/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";}
.clearfix {
    display: block; /* for IE8 */}
.clear {
    clear: both;}

/* リンク指定
----------------------------------------------- */
a:link,
a:visited {
    text-decoration: none;
}
a:link:hover,
a[href]:hover {
    text-decoration: underline;}

li{
	list-style:none;}

img{
	vertical-align:bottom;}

/* ==============================================
 PC
=============================================== */
body{
	margin:0;
	padding:0;
	font-size:15px;
	line-height:1.6em;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}


section#pc,.pc{
	display:block;}
section#sp,.sp{
	display:none;}


header#pc{
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background:#D90000;}
header#pc article{
	width:1000px;
	height:70px;
	margin:0 auto;
	padding:0;}
header#pc h1{
	margin:0;
	padding:0;
	font-size:0.85em;
	line-height:1.4em;
	float:left;}
	header#pc h1 a{
		display:block;
		height:55px;
		padding:15px 0 0 220px;
		color:#FFF;
		background:url(../images/logo.png) no-repeat;}
header#pc p{
	width:220px;
	height:70px;
	margin:0;
	padding:0 0 0 262px;
	background:url(../images/head_tel.png) left no-repeat;
	float:right;}
	header#pc p a{
		display:block;
		width:220px;
		height:40px;
		margin:15px 0 0 0;
		text-indent:-9999px;
		background:url(../images/head_mail.png) no-repeat;}

section#flash{
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	background:url(../images/bg.jpg) top center no-repeat;}
	section#flash object{
		width:1000px;
		height:655px;
		margin:0 0 -7px 0;
		padding:0;}

article#intro{
	width:1000px;
	margin:0 auto;
	padding:0;}
	article#intro h2,article#intro p{
		margin:0;
		padding:0;}

section#factor01{
	clear:both;}

ul#works{
	width:1020px;
	margin:0 auto;
	padding:0;}
	ul#works li{
		width:340px;
		margin:0;
		padding:0;
		float:left;
		background:url(../images/works_bg02.png) bottom no-repeat;}
	ul#works li h2{
		height:110px;
		margin:0;
		padding:0;}
	ul#works li p.text{
		height:130px;
		margin:0 0 10px 0;
		padding:0 30px;
		background:url(../images/works_bg.png) top repeat-y;}
	ul#works li table{
		width:260px;
		margin:0 auto 30px auto;
		font-size:0.9em;
		padding:0;}
	ul#works li table th{
		width:92px;
		margin:0;
		padding:4px 0 4px 6px;
		color:#FF0;
		font-size:0.8em;
		font-weight:bolder;
		text-align:left;
		border-bottom:#CCC 1px solid;
		background:url(../images/bg_th.png) center left no-repeat;}
	ul#works li table td{
		margin:0;
		padding:0 0 6px 0;
		border-bottom:#CCC 1px solid;}
		ul#works li table td strong{
			color:#D90000;
			font-weight:bolder;
			font-size:1.1em;}

p.consultation{
	width:1000px;
	margin:0 auto;
	padding:0;}

article#promise dl{
	width:100%;
	margin:0;
	padding:0;
	background:url(../images/bg_promise.png) top right no-repeat;}
	article#promise dl dt{
		width:1000px;
		height:196px;
		margin:0 auto;
		padding:0;}
	article#promise dl dd.consultation01{
		width:490px;
		height:130px;
		margin:0 auto;
		padding:120px 324px 0 286px;
		background:url(../images/promise01.png) no-repeat;}
	article#promise dl dd.consultation02{
		width:490px;
		height:270px;
		margin:0 auto;
		padding:120px 100px 0 510px;
		background:url(../images/promise02.png) no-repeat;}
	article#promise dl dd.consultation03{
		width:580px;
		height:180px;
		margin:0 auto;
		padding:150px 234px 0 286px;
		background:url(../images/promise03.png) no-repeat;}

article#flow{
	width:100%;
	margin:0;
	padding:0;
	background:url(../images/bg_flow.png) repeat;}
	article#flow h2{
		width:100%;
		margin:0 0 20px 0;
		padding:0;
		text-align:center;
		background:#000;}
	article#flow ul{
		width:1000px;
		margin:0 auto;
		padding:0;}
		article#flow ul li{
			width:290px;
			height:193px;
			margin:0;
			float:left;}
		article#flow ul li.flow01,article#flow ul li.flow02,article#flow ul li.flow05,article#flow ul li.flow06,article#flow ul li.flow07,article#flow ul li.flow08{
			padding:280px 30px 0 20px;}
		article#flow ul li.flow03,article#flow ul li.flow04,article#flow ul li.flow09{
			padding:280px 15px 0 15px;}
			article#flow ul li.flow01{
				background:url(../images/flow01.png) center no-repeat;}
			article#flow ul li.flow02{
				background:url(../images/flow02.png) center no-repeat;}
			article#flow ul li.flow03{
				background:url(../images/flow03.png) center no-repeat;}
			article#flow ul li.flow04{
				background:url(../images/flow04.png) center no-repeat;}
			article#flow ul li.flow05{
				background:url(../images/flow05.png) center no-repeat;}
			article#flow ul li.flow06{
				background:url(../images/flow06.png) center no-repeat;}
			article#flow ul li.flow07{
				background:url(../images/flow07.png) center no-repeat;}
			article#flow ul li.flow08{
				background:url(../images/flow08.png) center no-repeat;}
			article#flow ul li.flow09{
				background:url(../images/flow09.png) center no-repeat;}

article#model{
	clear:both;
	width:100%;
	margin:0;
	padding:0;}

article#model h2{
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	background:#000;}
article#model div{
	width:100%;
	margin:0;
	padding:0;
	background:url(../images/model_bg.jpg) top no-repeat;}
	article#model div p{
		width:1000px;
		margin:0 auto 25px auto;
		padding:0;}

section.inquiry{
	width:100%;
	margin:0;
	padding:0 0 50px 0;
	background:url(../images/bg_inquiry.jpg) top repeat-x #000;}
	section.inquiry h2{
		width:1000px;
		margin:0 auto;
		padding:0;}
	section.inquiry ul,section.inquiry02 ul{
		width:1000px;
		margin:0 auto 20px auto;
		padding:0;}
		section.inquiry ul li,section.inquiry02 ul li{
			margin:0;
			padding:0;}
		section.inquiry ul li.tel,section.inquiry02 ul li.tel{
			width:450px;
			float:left;}
		section.inquiry ul li.form,section.inquiry02 ul li.form{
			width:550px;
			float:right;}
	section.inquiry article,section.inquiry02 article{
		width:1000px;
		margin:0 auto 20px auto;
		padding:0;
		background:url(../images/anxiety_bg.jpg) bottom no-repeat;}
	section.inquiry article h3,section.inquiry02 article h3{
		margin:0 0 20px 0;
		padding:0;}
	section.inquiry article p,section.inquiry02 article p{
		width:950px;
		margin:0 auto 25px auto;
		padding:0;
		color:#FFF;
		font-size:1.2em;
		line-height:1.6em;}
		section.inquiry article p strong,section.inquiry02 article p strong{
			font-weight:bolder;
			line-height:2.2em;}
	section.inquiry h4,section.inquiry02 h4{
		width:1000px;
		margin:0 auto 10px auto;
		padding:0;}
	section.inquiry p.area,section.inquiry02 p.area{
		width:1000px;
		margin:0 auto;
		padding:0;}

section#factor02{
	width:100%;
	margin:0;
	padding:0;
	background:url(../images/bg_factor02.jpg) top center no-repeat;}
	article.works02 header{
		width:612px;
		height:275px;
		margin:0 auto 20px auto;
		padding:50px 0 0 388px;}
	article.works02 header h1{
		margin:0 0 10px 0;
		padding:0;}
	article.works02 header p{
		width:612px;
		margin:0;
		padding:0;}
		article.works02 ul{
			width:1020px;
			margin:0 auto;}
			article.works02 ul li{
				width:340px;
				height:250px;
				margin:0;
				padding:0;
				float:left;
				background:url(../images/factor02_li.png) no-repeat;}
			article.works02 ul li h2{
				margin:0 0 20px 0;
				padding:40px 0 0 70px;}
			article.works02 ul li table{
				width:280px;
				margin:0 auto;}
			article.works02 ul li table th{
				width:92px;
				margin:0;
				padding:4px 0 4px 6px;
				color:#FF0;
				font-size:0.8em;
				font-weight:bolder;
				text-align:left;
				border-bottom:#CCC 1px solid;
				background:url(../images/bg_th.png) center left no-repeat;}
			article.works02 ul li table td{
				margin:0;
				padding:0 0 6px 0;
				border-bottom:#CCC 1px solid;}
			article.works02 p{
				width:1000px;
				margin:0 auto;}

article#greeting{
	width:100%;
	margin:0;
	padding:30px 0 0 0;
	background:url(../images/greeting_bg.jpg) top repeat-x #FFF;}
	article#greeting p{
		width:1020px;
		margin:0 auto;}	

section.inquiry02{
	width:100%;
	margin:0;
	padding:0 0 50px 0;
	background:url(../images/inquiry02_bg.jpg) top repeat-x #000;}
	section.inquiry02 h2{
		width:1020px;
		margin:0 auto;
		padding:0;}

section#form{
	width:100%;
	margin:0;
	padding:30px 0 0 0;
	background:url(../images/form_bg.jpg) top repeat-x no-repeat;}
	section#form h1{
		width:1000px;
		margin:0 auto 10px auto;}
	section#form table{
		width:1000px;
		margin:0 auto;}
	section#form table tr:nth-child(even){
		background: #F2F2F2;}
	section#form table th{
		width:40%;
		padding:10px 0 10px 80px;
		text-align:left;
		background:url(../images/icon_form.png) left center no-repeat;}
	section#form p.submit{
		width:1000px;
		margin:0 auto;
		padding:30px 0;
		text-align:center;
		background:#F6F6F6;}

article.privacy{
	width:1000px;
	margin:0 auto 50px auto;
	padding:0 0 20px 0;
	background:#F6F6F6;}
	article.privacy h2{
		width:970px;
		margin:0 auto;
		text-align:center;
		line-height:4.0em;
		border-top:#666 1px solid;
		border-bottom:#666 1px solid;}
	article.privacy p{
		width:970px;
		height:220px;
		margin:0 auto;
		padding:0;
		overflow:scroll;
		border-bottom:#666 1px solid;}

section#profile{
	width:1000px;
	margin:0 auto 50px auto;
	padding:0;}
	section#profile table{
		width:970px;
		margin:0 auto;
		padding:0;}
		section#profile table th{
			width:20%;
			padding:8px 0;
			text-align:left;
			color:#D90000;
			border-bottom:#666 1px dashed;}
		section#profile table td{
			padding:8px 0;
			border-bottom:#666 1px dashed;}

footer{
	width:100%;
	margin:0;
	padding:0;
	background:url(../images/foot_bg.jpg) top repeat-x;}
	footer ul{
		width:700px;
		margin:0 auto;
		padding:0;}
		footer ul li{
			margin:0;
			padding:0;
			float:left;}
		footer address{
			width:1000px;
			margin:0 auto;
			padding:20px 0;}





/* ==============================================
 SP
=============================================== */
@media(max-width: 768px) {

section#pc,.pc{
	display:none;}
section#sp,.sp{
	display:block;}


header,img{
	width:100%;
	margin:0;
	padding:0;}
img{
	vertical-align:bottom;}

article#works{
	width:100%;
	margin:0;
	padding:0 0 10px 0;
	background-image:url(../images/sp/works_bg.jpg);
	background-repeat:repeat-y;
	background-size:100% auto;}
	article#works h2{
		width:100%;
		margin:0;}
	article#works p{
		width:90%;
		margin:0 auto 5px auto;
		padding:0;}
	article#works table{
		width:90%;
		margin:0 auto 10px auto;}
		article#works table th{
			width:30%;
			padding:5px 5% 5px 0;
			border-bottom:#CCC 1px solid;}
		article#works table td{
			vertical-align:bottom;
			padding:5px 0;
			border-bottom:#CCC 1px solid;}
			article#works table td strong{
				font-weight:bolder;
				color:#D90000;}

article#promise_sp{
	width:100%;
	margin:0;
	padding:0;}


article#flow_sp,article#flow_sp h2,article#flow_sp ul,article#flow_sp ul li{
	width:100%;
	margin:0;
	padding:0;}
article#model{
	width:100%;
	margin:0;
	padding:0;}
article.inquiry{
	margin:0;
	padding:0;
	background:#000;}
	article.inquiry h2{
		margin:0;
		padding:0;}
	article.inquiry p{
		margin:0;
		padding:0;}
		article.inquiry div{
			width:84%;
			margin:0 auto 15px auto;
			padding:10px 5%;
			border:#FFF 2px solid;
			color:#F2F2F2;
			-moz-border-radius: 0.5em;
			-webkit-border-radius: 0.5em;
			-o-border-radius: 0.5em;
			-ms-border-radius: 0.5em;}
			article.inquiry div p{
				font-weight:normal;
				margin:0 0 10px 0;
				padding:0;}
			article.inquiry div p strong{
				color:#FF0;
				font-size:1.1em;}

article#works02_sp{
	margin:0;
	padding:0;}
article#works02_sp h2{
	margin:0;
	padding:0;}
	article#works02_sp ul{
		width:100%;
		margin:0;
		padding:0;}
		article#works02_sp ul li{
			width:100%;
			margin:0;
			padding:0 0 20px 0;
			background-image:url(../images/sp/works02_li.jpg);
			background-position:bottom;
			background-repeat:no-repeat;
			background-size:100% auto;}
			article#works02_sp ul li h3{
				margin:0;
				padding:20px 0 10px 20%;
				background-image:url(../images/sp/works02_li_title.jpg);
				background-position:top;
				background-repeat:no-repeat;
				background-size:100% auto;}
			article#works02_sp ul li table{
				width:90%;
				margin:-8px auto 0 auto;
				padding:0;}
				article#works02_sp ul li table th{
					width:30%;
					padding:5px 5% 5px 0;
					border-bottom:#CCC 1px solid;}
				article#works02_sp ul li table td{
					vertical-align:bottom;
					padding:5px 0;
					border-bottom:#CCC 1px solid;}
					article#works02_sp ul li table td strong{
						color:#D90000;
						font-size:1.1em;}

article#greeting_sp,article#greeting_sp p{
	margin:0;
	padding:0;}

section#form h1.sp{
	width:100%;
	margin:0 0 5px 0;
	padding:0;}
section#form table{
	width:90%;
	margin:0 auto 5px auto;
	padding:0;}
	section#form table th{
		display:block;
		width:75%;
		padding:5px 0 5px 25%;
		background-color:#F2F2F2;}
	section#form table td{
		display:block;
		width:100%;
		padding:5px 0;
		background:#FFF;}
	section#form table tr:nth-child(even){
		background:none;}
	section#form p.submit{
		width:100%;
		margin:0 15px 0 0;
		padding:0;
		background:none;}

article.privacy{
	width:90%;
	padding:10px 5%;
	margin:0;}
	article.privacy h2{
		width:100%;
		line-height:1.6em;
		padding:10px 0;}
	article.privacy p{
		width:100%;
		height:150px;
		overflow:hidden;}

section#profile{
	width:100%;
	margin:0;
	padding:0;}
	section#profile table{
		width:90%;
		margin:0 auto 10px auto;
		padding:0;}
		section#profile table th,section#profile table td{
			display:block;
			width:100%;}
		section#profile table img{
			width:auto;}

footer{
	width:100%;
	margin:0;
	padding:0;
	background-image:url(../images/sp/foot_bg.jpg);
	background-position:top;
	background-size:100% auto;}
	footer p{
		padding:80px 0;
		text-align:center;
		color:#FFF;}

nav.sp{
	width:100%;
	margin:0;
	padding:0;
	position:fixed;
	bottom:0;
	left:0;}
	nav.sp ul.fnav01,nav.sp ul.fnav02{
		width:100%;
		margin:0;
		padding:0;}
		nav.sp ul.fnav01 li{
			width:25%;
			margin:0;
			padding:0;
			float:left;}
		nav.sp ul.fnav02 li{
			width:50%;
			margin:0;
			padding:0;
			float:left;}




/*じゃばら*/
#jabara,#jabara2,,#jabara3{
	width:100%;
	margin:0;
	padding:0;}
#acMenu dl,#acMenu2 dl,#acMenu3 dl{
	width:100%;
	margin:0;
	padding:0;}
#acMenu dt,#acMenu2 dt,#acMenu3 dt{
    display:block;
    width:90%;
	margin:0 auto;
	padding:10px 0;
	border:#333 1px solid;
	text-align:center;}
#acMenu dd,#acMenu2 dd,#acMenu3 dd{
	width:90%;
	margin:0 auto;
	padding:0;
    display:none;}


}