@charset "UTF-8";
 /* CSS Document */
#underWrap {
	margin:0 auto;
	margin-top:30px;
}

#underRightCon  {
	width:550px;
	margin-left:10px;

	
}

.underTitle{
	font-size:1.3em;
	border-left: 5px solid #004381;
	margin-top:20px;
}

.underTitle p{
	color:#004381;
	font-weight:600;
	margin-left:10px;
}

.underTitle_1 {
	font-size: 1.1em;
	font-weight: bold;
	color:#910028;
	padding: 20px 0;
}
.underTitle_2 {
	font-size:1.1em;
	font-weight:bold;
	color: #004381;
	padding:20px 0;
}

.underBorder {
		display: block;
	width: 100%;
	height: 2px;
	background:  #004381;
	margin-top:10px;
}

.underCon {
	justify-content:flex-start;
	margin-bottom:30px;
}

.underConImg img {
	width:250px;
	height:auto;
}

.businessCon {
	margin-left:20px;
	line-height:2em;
}

.businessCon dl {
	margin-bottom:30px;
	}

.businessCon dd {
	margin-left:20px;
}

.businessCon a{
	color: #004381;
	text-decoration: underline;
}

.businessCon a:hover {
		color: #910028;
}


.comment {
	font-size:0.8em;
	color: #910028;
	}

.underButton {
	width: 100%;
	height:auto;
	text-align:center;
	margin-top:20px;
	margin-bottom:50px;
}

/*マウント事業部ページ*/

#headerMount {
	width:100%;
	height:auto;
}


.mountComment_a {
	font-size:1.4em;
	font-weight:bold;
		color: #910028;
		text-align: center;
		margin-top:10px;
		margin-bottom:20px;
	}

.mountTitle_a {
	font-size:1.6em;
	font-weight:700;
	color:#fff;
	width:100%;
	background: #910028;
	padding:10px 0;
	text-align:center;
	margin: 0 auto;
	margin-bottom:30px;
	}

.mountTitle_b {
	font-size:1.3em;
	font-weight:700;
	color:#fff;
	width: 100%;
	background: #910028;
	padding:10px 0;
	text-align:center;
	margin: 0 auto;
	margin-bottom:30px;
	}

.mountComment_b {
	margin:0 auto;
	font-size:1.2em;
	font-weight:bold;
		color: #910028;
		margin-bottom:20px;
	display: block;
	line-height:1.5em;
	}



.MountSection{
	margin:0 auto;
	margin-bottom:20px;
	line-height:1.5em;
	display: block;
	text-align:center;
	}

.MountSection img{
	width:80%;
	height:auto;
	text-align:center;
}

.number {
	font-size:1.3em;
	font-weight:700;
	text-align:center;
}

.number_2 {
	margin:0 auto;
	text-align:left;
	margin-top:30px;
	display: inline-block;
	}
	
.MountSection ul{
	padding-left: 0;
	display:inline-block;
}

.MountSection p{
	padding-left: 0;
	display:inline-block;
	text-align:left;
}


.captionUl {
	width:80%;
	}

.MountSection ul li {
	text-align:left;
}

.MountSection table {
	margin:0 auto;
	border:1px solid #000;
	margin-bottom:30px;
}

.MountSection table th{
	font-size: 0.8em;
	color: #fff;
	background: #910028;
	text-align: center;
	border:1px solid #000;
	vertical-align: middle;
	}

.MountSection table td{
	border:1px solid #000;
}
	
 #MountPhoto {
	 width:100%;
 }
  #MountPhoto img{
	  margin-top:30px;
	  width:100%;
	  height:auto;
	   }
	   
 /*漏水調査のページ*/ 
	   
	   .waterComment_a {
	font-size:1.4em;
	font-weight:bold;
		color:  #004381;
		text-align: center;
		margin-top:30px;
		margin-bottom:20px;
		   line-height: 1.5em;
	}

.waterTitle_a {
	font-size:1.6em;
	font-weight:700;
	color:#fff;
	width:100%;
	background:  #004381;
	padding:10px 0;
	text-align:center;
	margin: 0 auto;
	margin-bottom:30px;
	}

.waterCon {
	width: 90%;
	margin: 0 auto;
	justify-content: flex-start;
}

.waterCon p{
}

.waterCon img{
	width: 50%;
}

.waterTitle_b {
	font-size:1.3em;
	font-weight:700;
	color:#fff;
	width: 100%;
	background:  #004381;
	padding:10px 0;
	text-align:center;
	margin: 0 auto;
	margin-bottom:30px;
	}

.waterComment_b img {
	width: 50%;
	height: auto;
}

.waterComment_b {
	width:90%;
	margin:0 auto;
		color:  #004381;
		text-align: left;
		margin-bottom:20px;
	line-height:1.5em;
	display:inline-block;
	justify-content:flex-start;
	}

#gasImag {
	width: 90%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	justify-content:flex-start;
	vertical-align:middle;
	margin-top:30px;
	}
#gasImag  img{
	height:auto;
	}
	   
#gasImag  p{
	font-size:0.8em;
		color:  #004381;
	}	   

#waterUlcon {
	width: 90%;
	display:flex;
	margin: 0 auto;
	justify-content:space-around;
	}

.videoTitle {
	text-align: left;
	font-size: 0.8em;
	color:  #004381;
	margin-top: 20px;
}

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
	
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.nishinomiya_rousui {
	width: 100%;
	display: flex;
	margin-top: 30px;
}

.nishinomiya_rousui_img {
	width: 50%;
	height: auto;
}

   /*お問い合わせフォーム*/
   
   
   
   .formTitle {
	   font-size:1.6em;
	   font-weight: 600;
	   color: #fff;
	   text-align:center;
	   padding: 30px;
	background:  #004381;
	margin-top: 20px;
   }
   
   #form {
	margin: 0 auto;
	width:500px;
	margin-top: 20px;
	  margin-bottom: 40px;
}

#form  table td {
	width: 50%;
	margin: 0 auto;
}

#form  table th {
	color: #004381;
	font-size: 1em;
	font-weight: 400;

}

input{
	border:1px solid  #004381;
}

#form  table th{
	margin-right: 10px;
}

#form  table th, td{
	border: none;
	height: 20px;
	padding: 20px 0;
}

under_title {
	margin-bottom: 20px;
}

   
 #form   .form_btn {
	width: 100%;
	margin-top: 20px;
}

#form .btn-img {
	margin-top:20px;
	border: 0px;
    width: 100%;
	height:80px;
    background: url(../images/formbutton.png) center center/ contain no-repeat;

}

#form  .formSection {
	width: 80%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 60px;
	line-height: 1.4em;
}

#form  textarea {
	border:1px solid  #004381;
	 vertical-align:top;
	}

/*会社概要*/

#companywrap{
	width: 50%;
	margin: 0 auto;
	float: right;

}

#companyGuide {

	max-width: 1200px;
	margin-top: 30px;
}

.company_t {
	font-size: 22px;
	font-weight: 800;
	color: #004381;
	border-left :solid 5px #004381;
	margin-bottom: 30px;
}

.companyTitle {
	width: 100px;;
	text-align: right;
}

#companySection {

}

#companySection table {
	width: 100%;
	margin-bottom: 50px;
	border-spacing : 0 15px;
	border-collapse : separate ;
}

#companySection table th{
	background: #004381;
	width: 15%;
	color: #fff;
	vertical-align: middle;
	padding: 10px 0;
	
}

#companySection table td{
	width: 85%;
	vertical-align: middle;
	padding: 10px 25px;

}

#companyAdress {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.companyMapContainer{
	width:100%;
}

.companyMap {
	margin-right: 50px;
}

.companyInfo{
	margin-bottom: 50px;
}

.companyInfo p {
	margin-top: 10px;
}

.companyMapContainer img{
	width: 100%;
	max-width: 250px;
	height: auto;
	float: left;
}

.iflame {
	width: 40%;
}

#jimusyo {
	width: 50px;
	background: #004381;	
	padding: 5px;
	color: #fff;
}

#factory {
	width: 200px;
	background: #910028;	
	padding: 5px;
	color: #fff;
}

table span {
	font-weight: 800;
	
}


@media screen and (min-width: 768px) and (max-width: 768px) {
	
		.nav {
		display: none;
	}

	#underWrap{
		width: 80%;
		margin: 0 auto;
	}
	
	#underRightCon  {
		width: 100%;
	}
	
	#form table th{
		padding-left: 30px;
		padding-right: 40px;
	}
	
	
}

@media screen and (min-width:769px) { 
    /*　画面サイズが770pxからはここを読み込む　*/
	
	#underWrap {
		width:900px;
	}
	
	#underRightCon {
		float: right;
	}
	
	#companyAdress {
		display: flex;

	}
	.companyMapContainer {
		margin-bottom: 50px;
	}
	
	.underCon {
		display: flex;
	}
	.MountSection{
		width: 550px;
	}
	
	#form  table th {
		text-align: right;
		padding-right:20px;
	}
	
		#gasImg img {
		width: 150px;
	}

	
}


@media screen and (max-width : 768px ){  
	/*　画面サイズが768pxまではここを読み込む　*/
	
	.nav {
		display: none;
	}
	
	#companyGuide {
		width: 100%;
	}
	
	#underRightCon {
		width: 90%;
		margin: 0 auto;
	}
	
	#companyAdress {
		margin-bottom: 20px;

	}
	
	#companySection {
				margin-bottom: 20px;
	}
	
	#companySection table {
		margin: 0 auto;
	}
	
	#companySection table th{
		width: 30%;

	}
	
	#underWrap {
		width: 90%;
		margin: 0 auto;
	}
	
	.underConImg img{
		text-align: center;
	}
	
	.companyMap {
		width: 100%;
		justify-content: space-between;
	}
	
	.iflame {
		width: 100%;
	}
	
	.MountSection table {

	}

	table{
	width:100%;
		}
	
	.mountComment_b {
				text-align: left;
	}
	
.scroll2{
	overflow: auto;
	white-space: nowrap;
	display:block;
	width:auto;
}
	
.scroll2 table tbody {
	width: 100%;
	display:table;
}	
	
	.scroll2 table::-webkit-scrollbar{
		height: 5px;
	}
	
	.scroll2 table::-webkit-scrollbar-track{
		 background: #F1F1F1;
	}
	.scroll2 table::-webkit-scrollbar-thumb {
		 background: #BCBCBC;
	}
	
}