@charset "utf-8";
/*
スマホサイズ（480px以下）	全体
------------------------------------------------------------*/
h2, h3, h4, p,li,dt,dd,a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #4F4E4E;
}
a{
color: #d3686a;
font-size:85%;
width:100%;
height:auto;

}
p {
display: inline-block;
width: 70%;
}
#wrapper{
background:url(../img/bg.png);	
width:100%;
overflow:hidden;

}
/*

ヘッダー
------------------------------------------------------------*/
header#header {
background: #2b2b2b;
color: #fff;
padding: 10px;
letter-spacing: 0.2em;
overflow: hidden;
width: 100%;
position:relative;
overflow:hidden;
display:block;
}
#header h1 {
font-size: 24px;
}
#header h1 a{
text-decoration:none;
}

#header h1 span {
font-family:"Times New Roman", Times, serif;
font-size: 24px;
color: #d3686a;
letter-spacing:normal;
}
.lead_pc {
display: none;
}
/*
パンくず
------------------------------------------------------------*/
.brCrumbs{
display:none;
}

/*
共通
------------------------------------------------------------*/
.btn_tel {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #ededed), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
border-radius: 2px;
color: #14CAD3;
display: inline-block;
padding: 10px;
box-shadow: 1px 1px 1px agbr(0, 0, 0, .6);
width: 96px;
min-height: 67px;
float: left;
margin-right: 6px;
text-align: center;
}
.telTxt{
color: #14CAD3;
text-decoration: none;
}
.btn_mail {
background: #dd6464; /* Old browsers */
background: -moz-linear-gradient(top, #dd6464 0%, #c03c5f 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd6464), color-stop(99%, #c03c5f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dd6464 0%, #c03c5f 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dd6464 0%, #c03c5f 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dd6464 0%, #c03c5f 99%); /* IE10+ */
background: linear-gradient(to bottom, #dd6464 0%, #c03c5f 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd6464', endColorstr='#c03c5f', GradientType=0 ); /* IE6-9 */
border-radius: 2px;
color: #fff;
display: inline-block;
padding: 10px;
box-shadow: 1px 1px 1px agbr(0, 0, 0, .6);
width: 96px;
min-height: 67px;
float: left;
box-shadow: 1px 1px 3px rgba(0,0,0,.4);
font-size:90%;
text-align: center;
}
.btn_mail a {
color: #fff;
text-decoration: none;
}
.btn_detail {
width: 80px;
min-height: 40px;
line-height: 3;
float: left;
margin: 0 0 20px 30px;	border: 1px solid #800909;
border-radius: 4px;
box-shadow: 1px 1px 3px rgba(0,0,0,.4);
}
/*

nav  mainImg
------------------------------------------------------------*/
a.nav-toggle {
color: #CCC8C8;
font-size:16px;
text-decoration:none;
border:1px solid #CCC8C8;
width:14%;
/*display:inline-block;
float:left;
*/	letter-spacing:normal;
/*	margin:60px 0 0 6px;
*/	text-align:center;
position:absolute;
top:150px;
right:10%;
}
#nav {
background: #A4A3A3;
width: 100%;
}
#nav li {
border-bottom: 1px solid #fff;
margin: 0 20px 0 0;
width: 80%;
}
#nav li a {
color: #fff;
text-decoration: none;
font-size: 18px;
padding: 10px;
width: 100%;
display: block;
}
#nav li a:hover {
color: #F59797;
}
.mainImg img {
clear: both;
}
.mainImg img {
width: 100%;
height: auto;
}
.mainImg p {
display: none;
}
/*
メインコンテンツ
------------------------------------------------------------*/
.mainContents {
background:#FFFFFF;
}
.news, .contact{
background:#fff;
}
.news{
margin:30px 0;
}	
.mainContents img {
border: 1px solid #ccc;
box-shadow: 1px 1px 3px rgba(0,0,0,.4);

}
p.lead_sp {
text-align: center;
width: 84%;
line-height: 2;
margin: 0 auto;
display: block;
}
.mainContents h2, .news h2, .contact h2 {
background: #7e7e7e;
color: #fff;
padding: 10px 8px;
letter-spacing: .2em;
}
.planBox img {
margin:10px auto;
border: none;
display:block;
}
.about p{
width:50%;
float:left;
margin:10px 4px 10px;
}
.about img{
width:30%;
height:auto;
float:left;
}
.service p, .contact p, .news p, .company p{
padding:10px 0 10px 4px;
display:block;
margin:0 auto;
}
.about img,.service img, .company img, .contact img{
margin:10px auto;
display:block;
}
.news dl{
margin:10px auto;
width:90%;
}
#information .news dl{
height:200px;
overflow-y:auto;
}
/*
サイドコンテンツ
------------------------------------------------------------*/

.sideContents{
background:#fff;
width:80%;
margin: 30px auto;
display:block;
padding-bottom: 20px;
}
h3{
font-size:18px;
padding:10px 0 10px 10px;
}	
.side_conpanyName{
width:94%;
background:#2B2B2B;
font-family:"Times New Roman", Times, serif;
font-size: 28px;
color: #d3686a;
letter-spacing:normal;
line-height:1.2;
padding:10px 2% 10px 4%; 
}
.side_conpanyName span{
font-size: 14px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.telArea{
padding:20px 0 0 4px;
}
.telArea p{
width:100%;
}				
.telArea .telTxt{
font-size:20px;
}		
.telArea .telTxt{
font-size:20px;
}		
.sideContents .btn_mail {
display: block;
width: 60%;
margin: 4px auto 10px;
clear: both;
float: none;
}
.sideContents .btn_mail a {
font-size: 16px;
line-height: 2;
}
.pageTop .icon-play3{
display:inline-block;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}
.pageTop a {
background: #5E5E5E;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #fff;
padding: 4px;
margin: 0 auto;
display: block;
width:14%;
text-decoration:none;
text-align:center;
}
/*
フッター
------------------------------------------------------------*/

footer {
background: #5E5E5E;
padding:20px 0 0;
}	
footer p, footer h4{
color:#fff;
width:100%;
overflow:hidden;

}	
footer p{
font-size:14px;
}	

footer h4{
font-size:16px;
}
.ftrBox{
background:#8E8D8D;
border-radius:6px;
width:70%;
display:block;
margin:10px auto;
padding:10px;
}
footer a{
color:#F1D4D5;
text-decoration:underline;
}	
footer .social li {
width: 30%;
height:80px;
float:left;
background: #5E5E5E;
border-radius: 4px;
box-shadow:1px 1px 3px rgba(0,0,0,.5);
margin-right:4px
}footer .social span {
text-align:center;
display:block;
color:#FFFFFF;

}
footer .icon-facebook, footer .icon-twitter, footer .icon-google-plus{
font-size:24px;
}

footer .social a {
text-decoration: none;
width: 100%;
display: block;
height: auto;
margin: 10px 4px;
}.copy {
color: #BFBBBB;
font-size: 12px;
background: #2B2B2B;
display: block;
padding: 20px 0;
text-align:center;
}
@media screen and (min-width: 480px){
.lead_pc{
display:block;
color:#DFDBDB;
font-size:14px;
line-height:1;
width:100%;
margin-bottom:10px;
overflow:hidden;

}	
.mainContents .lead_sp{
display:none;
}	

.about .btn_detail,.service .btn_detail, .company .btn_detail, .contact .btn_detail{
clear:both;
display:block;
}


}
/*
PCサイズ
------------------------------------------------------------*/

@media screen and (min-width: 768px){

#wrappper{
width:1200px;
}
header#header {
padding: 10px 0 0;
}.lead_pc{
font-size:12px;
margin: 0 auto;
width:800px;
}
.hdrBox{
display:block;
width:900px;
margin:0 auto;
}	
#header h1 {
font-size: 36px;
display: inline-block;
width: 560px;
float:left;
height:100px;
margin: 0;
}.btnBox {
width: 250px;
height: 150px;
display: inline-block;
}
.btn_tel {
background: #2b2b2b;
width: 200px;
text-align: left;
min-height:40px;
}
.btn_mail {
width: 200px;
font-size: 18px;
}	

#nav  {
clear:both;
background:#F9F9ED;	
width:100%;
margin:0;
padding:10px;
}
#nav ul {
display: block;
width: 1000px;
margin: 0 auto;
}
#nav li{
display: inline;
border:none;
padding:0 10px 0 0;
}
#nav li:nth-child(1) a{
padding-left:40px;
}

#nav li a {
color:#2b2b2b;
text-decoration:none;
font-size:16px;
padding:10px 0;
display: inline;
}

#nav a:hover {
color: #d3686a;
}
.mainImg {
  max-height: 400px;
  display: block;
  overflow: hidden;
}

.Container {
width: 2000px;
margin: 0 auto 20px;
display: block;
}.mainContainer {
float: right;
width: 1200px;
margin: 10px 340px 0 0;
overflow: hidden;
}.planBox img {
margin: 10px;
border: none;
display: inline-block;
float: left;
}
.mainContents .btn_detail {
width: 100px;
font-size: 18px;
min-height: 20px;
line-height: 2;
}
.about img{
width: 159px;
}
.about p {
margin: 20px 10px 0;
font-size: 20px;
width: 80%;
}.mainContents .service, .mainContents .contact, .mainContents .company {
float: left;
display: block;
margin: 0 0 20px;
width: 360px;
background: #fff;
padding: 0 16px;
min-height: 540px;
}.mainContents .service p, .mainContents .contact p, .mainContents .company p{
width:300px;
}

.mainContainer .news{
clear:both;
padding-bottom:10px;
}
.sideContents {
float: left;
display: block;
width: 240px;
margin: 10px 10px 0 200px;
}.ftrContainer {
display: block;
width: 1000px;
margin: 0 auto;
}.ftrBox {
width: 200px;
margin: 10px;
padding: 10px;
float: left;
min-height: 314px;
}
.ftrBox.conpany {
margin-left: 50px;
}
footer .social li {
width: 100px;
height: 80px;
clear:both;
margin:0 0 10px 0;}
.copy {
clear:both;}

}