@charset "utf-8";


/* Base css
--------------------------------------------- */
html{
	font-size: 62.5%; /* 10px */
}
body{
	font-family: 'Helvetica','Arial','游ゴシック','YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 2.0;
	color: #333333;
	min-width: 1000px;
}
a{
	text-decoration: none;
	color: #023692;
}
img{
	width: 100%;
	height: auto;
}
.cf:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Layout css
---------------------------------------------- */
.content{
	margin-left: 200px;
	min-width: 800px;
	background: #f7f7f7;
	padding: 38px 0 135px;
	border-bottom: 6px solid #023692;
}
.sectionInner{
	width: 800px;
	padding: 0 10px;
	margin: 0 auto;
}
.textImgArea{
	overflow: hidden;
}
.textImgArea .text{
	width: 57.5%;
	float: left;
}
.textImgArea .img{
	width: 37.62%;
	float: right;
}
.textImgArea .img img{
	width: 100%;
	height: auto;
}
/* Module css
---------------------------------------------- */
/* sectionTitle ----- */
.sectionTitle{
	background: #ffffff;
	box-shadow: 3px 0 3px #e1e1e1 inset;
	position: relative;
	margin-bottom: 40px;
}
.sectionTitle span{
	width: 800px;
	background: url("../images/mark.png") no-repeat 10px 16px;
	background-size: 30px;
	display: block;
	font-size: 2.4rem;
	font-weight: bold;
	color: #023692;
	line-height: 1;
	padding: 20px 10px 20px 45px;
	margin: 0 auto;
}
.sectionTitle:before{
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	position: absolute;
	top: -2px;
	left: 0;
	background: #023692;
}
.sectionTitle span:after{
	content: "";
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	bottom: -22px;
	border: 12px solid transparent;
	border-top:12px solid #ffffff;
}
/* sectionSubTitle ----- */
.sectionSubTitle{
	font-size: 20px;
	color: #023692;
	font-weight: bold;
	text-align: center;
	background: #ffffff;
	border: 1px solid #023692;
	position: relative;
	margin:40px 0 35px;
}
.sectionSubTitle:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 10px solid #ffffff;
	position: absolute;
	left: 49%;
	bottom: -20px;
}
.sectionSubTitle span:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 11px solid transparent;
	border-top: 11px solid #023692;
	position: absolute;
	left: 49%;
	margin-left: -1px;
	bottom: -23px;
}
/* lead ----- */
.leadTitle{
	font-size: 2rem;
	color: #023692;
	font-weight: bold;
	margin-bottom: 20px;
}
/* subLead ----- */
.subLeadTitle{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	color: #023692;
}
.subLeadText{
	font-size: 1.4rem;
	font-weight: normal;
	margin-bottom: 40px;
	text-align: center;
}
/* basic Table---- */
.basicTable{
	width: 640px;
	margin: 0 auto;
	border: 1px solid #cccccc;
}
.basicTable th,
.basicTable td{
	border-right: 1px solid #cccccc;
	border-bottom:  1px solid #cccccc;
}
.basicTable .tableHeader{
	background: #023692;
	color: #ffffff;
	text-align: center;
	border:none;
}
.basicTable .tableItem{
	background: #ffffff;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
}
.table4 .tableHeader{
	width: 160px;
}
.tableItem.ImgItem img{
	width: 90px;
	height: auto;
}
.tableText{
	width: 640px;
	margin: 25px auto 50px;
}
.tableText .tableTextTitle{
	font-size: 1.6rem;
}
/* inquiryBox ------- */
.inquiryBox{
	background: #ffffff;
	box-shadow: 3px 0 3px #e1e1e1 inset;
	margin-bottom: 40px;
}
.inquiryBox .innerBox{
	width: 800px;
	padding: 40px 10px;
	margin: 0 auto;
	overflow: hidden;
}
.inquiryBox .text{
	font-size: 2rem;
	width: 390px;
	float: left;
}
.inquiryBox .tel{
	width: 390px;
	float: right;
}
/* price List ----- */
.priceList .price{
	font-size: 3.2rem;
	color: #b31c20;
	font-weight: bold;
	line-height: 1;
}
.priceList .priceListText{
	font-weight: bold;
}
.badgeList{
	overflow: hidden;
}
.badge{
	font-size: 1.2rem;
	color: #ffffff;
	line-height: 1;
	padding: 5px 15px;
	background: #023692;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	margin-right: 10px;

}
/* box ----- */
.box{
	width: 380px;
	float: left;
	margin:0 20px 30px 0;
}
.box.right{
	margin-right: 0;
}
/* number Box ----- */
.numberBox{
	width: 100%;
}
.setList{
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.setListSub{
	margin-top: -20px;
	text-indent: 3em;
}
.boxNumber{
	font-family: 'Helvetica','Arial',sans-serif;
	font-size: 3.2rem;
	padding-right: 10px;
}
.numberBox .innerBox{
	width: 640px;
	margin-left: 80px;
	border-left: 1px solid #333333;
	padding: 5px 20px;
}
/* Other
-----------------------------------------------------*/
/* mainImageArea ---------- */
.mainImageArea{
	position: relative;
	background: url("../images/main-image.jpg") no-repeat 50% 50%;
	background-size: cover;
	margin-left: 200px;
	position: relative;
	min-height: 600px;
}
.mainImage{
	text-align: center;
	color: #ffffff;
	font-size: 1.6rem;
	line-height: 1;
	position: absolute;
	top:50%;
	left: 50%;
	margin:-210px 0 0 -348px;
}
.mainImage h1{
	margin-bottom: 40px;
}
.mainImage h1 img{
	width: 222px;
}
.mainImage .mainText{
	font-size: 2.4rem;
	line-height: 1.5;
	margin-bottom: 20px;
}
.mainImage .telNumber{
	margin-bottom: 15px;
}
.mainImage .telNumber img{
	width: 263px;
}
/* scrollBtn ------------------- */
.scrollBtn{
	background: #023692;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.scrollBtn a{
	display: block;
	font-size: 1.6rem;
	line-height: 1.1;
	text-align: center;
	color: #ffffff;
	padding: 10px 0;
}
.scrollBtn a span{
	background: url("../images/arrow-scroll.png") no-repeat left top;
	background-size: 16px 16px;
	padding-left: 27px;
}

/* sideBar ---------------------- */
.sideBar{
	width: 200px;
	min-height: 600px;
	height: 100%;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	background: #ffffff;
	padding: 40px 30px 15px;
	box-shadow: 3px 0 3px #e1e1e1;
}
.sideBar .gnavList a{
	display: block;
	font-weight: bold;
	padding: 5px 0;
}
.sideBar .logo{
	margin-bottom: 40px;
}
.sideBar .logo img{
	width: 140px;
}
.infoArea{
	font-size: 1.2rem;
	position: absolute;
	bottom: 15px;
}
.infoArea ul{
	border-top: 1px solid #023692;
	border-bottom: 1px solid #023692;
	padding: 10px 0;
	margin-bottom: 15px;
	color: #023692;
	font-weight: bold;
}
.infoArea ul li:first-child{
	font-size: 1.4rem;
	margin-bottom: 10px;
	line-height: 1.5;
}
.infoArea ul li:first-child span{
	font-size: 2rem;
}
.infoArea .copy{
	font-weight: normal;
}

/* family ------------------- */

.family .images{
	width: 300px;
	float: right;
}
/* workPrice */
.workPrice{
	clear: both;
	margin-bottom: 45px;
}

.boxTitle{
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	border-top:2px solid #333333;
	border-bottom: 1px solid #333333;
	margin-bottom: 15px;
}
.priceList{
	overflow: hidden;
	margin-bottom: 20px;
}
.priceList li{
	width: 50%;
	float:left;
}
.priceList li:nth-child(2n){
	padding-left: 10px;
}
.badge{
	margin-bottom: 15px;
}
.attention{
	font-size: 1.2rem;
	line-height: 1.2;
}

/* workSet */
.workSet{
	margin-bottom: 60px;
}
.workSet .priceList{
	overflow: hidden;
	margin-bottom: 10px;
}
.workSet .priceList li{
	width: 50%;
	float: left;
	overflow: hidden;
}
.workSet .priceList li:nth-child(2n){
	float: right;
}
.workSet .priceListText{
	width: 115px;
	float: left;
}

/* addWork */
.addWork{
	margin-top: 20px;
}
.addWork .addWorkTable{
	padding: 0 40px;
	margin-bottom: 40px;
}
.addWorkTable table th{
	background: #023692;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.5;
	padding: 5px 0;
}
.addWorkTable .works{
	width: 218px;
}
.addWorkTable .size{
	width: 244px;
}
.addWorkTable .price{
	width: 238px;
}
.addWorkTable td{
	padding: 5px 0 5px 20px;
	line-height: 1.5;
	background: #f0f0f0;
}
.addWorkTable tr:nth-child(2n) td{
	background: #ffffff;
}
/* industrial ---------------------- */
/* creaning */
.imgArea2{
	overflow: hidden;
	padding: 20px 60px;
}
.imgArea2 .imgBox{
	text-align: center;
	width: 295px;
	float: left;
}
.imgArea2 .imgBox:last-child{
	float: right;
}
/* repair */
.repair .table4 .tableItem{
	padding: 5px;
	line-height: 1.4;
}
.table2 .priceHeader{
	width: 160px;
}
.table2 .tableItem{
	padding: 5px;
}
/* aboutCompany -------------------- */
.aboutCompany h3{
	font-size: 2rem;
	font-weight: bold;
	width: 140px;
	float: left;
}
.aboutCompany .about{
	margin-bottom: 50px;
}
.about dl{
	margin-left: 140px;
	border-left: 2px solid #023692;
	padding-left: 40px;
	font-size: 1.6rem;
}
.about dt{
	width: 140px;
	float: left;
}
.about dd{
	padding-left: 140px;
	margin-bottom: 20px;
}
.about dd ul{
	overflow: hidden;
}
.about dd ul li{
	width: 160px;
	float: left;
}
.about dd img{
	width: 300px;
}
/*  access */
.access .map{
	margin-left: 140px;
	border-left: 2px solid #023692;
	padding-left: 40px;
}
/* goTop --------------- */
.goTop{
	width: 80px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	display: none;
}