/* CSS Document */

/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                トップページ専用CSS

□□□□□□□□□□□□□□□□□□□□□□□□□□
*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 769px) {
/*ここにcss*/
.m_visual{
	width:100%;
	height:100vh;
	margin:0 auto;
}
#m_visual_con{
	width:100%;
	height:100%;
	background:url(images/bg02.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
}
.test_bg{
	margin-top:30px;
}
.m_visual_txt_con{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#FFF;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}
.m_visual_txt_box{
	font-size:50px;
	letter-spacing:0.2em;
	font-weight:900;
	text-shadow:
    	1px 1px 2px rgba(0, 0, 0, 0.057),
    	2px 2px 3px rgba(0, 0, 0, 0.076),
    	3px 3px 4px rgba(0, 0, 0, 0.086),
    	4px 4px 5px rgba(0, 0, 0, 0.092);
}



/*挨拶*/
.info{
	width:100%;
	padding:80px 0;
}
.info_con{
	width:1000px;
	margin:0 auto;
}

.info_title{
	border-top:3px solid #000;
	border-bottom:3px solid #000;
	margin-bottom:20px;
	padding:20px 0 23px;
	font-size:1.8em;
	text-align:center;
	font-weight:bold;
}
.info_txt{
	font-size:1.2em;
	line-height:1.3em;
	margin-bottom:40px;
}
.info_bot_con{
	text-align:center;
}
.info_bot{
	width:400px;
	margin:0 auto;
	padding:14px 20px;
	border:1px solid #000;
	font-size:1.2em;
	text-align:center;
}
.info_bot:hover{
	background-color:#BDD7EC;
}

/*業務内容*/
.occupation{
	width:100%;
	padding:80px 0 0;
	background-color:#eee;
	overflow:hidden;
}
.slide img{
	width:320px;
	height:auto;
}

.sp-slide{
	width:320px;
}
.sp-image{
	margin-bottom:10px;
}
.sp-slide_title{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:8px;
}


/*施工事例*/
.works{
	width:100%;
	padding:80px 0;
}
.works_title{
	width:1000px;
	margin:0 auto 20px;
	border-top:3px solid #000;
	border-bottom:3px solid #000;
	padding:20px 0 23px;
	font-size:1.8em;
	text-align:center;
	font-weight:bold;
}

.works_con{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
	width:1000px;
	margin:0 auto;
}
.works_box{
	width:306px;
	margin-right:40px;
	box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.057),
    0 2px 2px rgba(0, 0, 0, 0.076),
    0 10px 10px rgba(0, 0, 0, 0.3);	
}
.works_box:last-child{
	margin-right:0;
}
.works_cel1{
	box-sizing:border-box;
	margin-bottom:30px;
}
.works_cel1 img{
	width:306px;
	height:auto;
	
}
.works_cel2{
	font-weight:bold;
	box-sizing:border-box;
	padding:0 15px 10px;
}
.works_cel3{
	box-sizing:border-box;
	padding:0 15px 20px;
}


/*井戸*/
.groundwater{
	width:100%;
	padding:200px 0;
	background:url(groundwater/images/bg01.jpg) no-repeat center center;
}
.groundwater_title{
	text-align:center;
	font-size:1.4em;
	margin-bottom:60px;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
	color:#FFF;
}
.groundwater_con{
	text-align:center;
	font-size:2em;
	color:#FFF;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
}
.groundwater_con a{
	color:#FFF;
	padding:10px 20px;
	background-color:rgba(0,128,255,0.5);
	border:3px solid #FFF;
	text-decoration:none;
}
.groundwater_con a:hover{
	background-color:rgba(0,128,255,0.9);
}


/*blog*/
.blog{
	padding:120px 0;
	width:100%;
}
.blog_con{
	text-align:center;
	width:1000px;
	margin:0 auto;
}
.blog_title{
	font-size:1.4em;
	margin-bottom:25px;
}

.blog_box{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}

.blog_cel_l, .blog_cel_r{
	float:left;
	line-height:1.3em;
	text-align:left;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:2px dashed #000033;
}

.blog_cel_l{
	font-weight:bold;
	width:140px;
}
.blog_cel_r{
	width:860px;
}




/*リンク*/
.link{
	width:100%;
	padding:80px 0;
	background-color:#E2E2EB;
	text-align:center;
}

.link img{
	height:50px;
	width:auto;
	margin:0 15px;
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 768px) {
/*ここにcss*/

.m_visual{
	width:100%;
	height:90vh;
	margin:0 auto;
}
#m_visual_con{
	width:100%;
	height:100%;
	background:url(images/bg02.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
}

.m_visual_txt_con{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#FFF;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}
.m_visual_txt_box{
	text-align:center;
	font-size:1.8em;
	line-height:1.3em;
	letter-spacing:0.1em;
	font-weight:900;
	text-shadow:
    	1px 1px 2px rgba(0, 0, 0, 0.057),
    	2px 2px 3px rgba(0, 0, 0, 0.076),
    	3px 3px 4px rgba(0, 0, 0, 0.086),
    	4px 4px 5px rgba(0, 0, 0, 0.092);
}



/*挨拶*/
.info{
	width:100%;
	padding:80px 0;
}
.info_con{
	width:100%;
	margin:0 auto;
}

.info_title{
	border-top:3px solid #000;
	border-bottom:3px solid #000;
	margin-bottom:20px;
	padding:20px 0 23px;
	font-size:1.3em;
	line-height:1.3em;
	text-align:center;
	font-weight:bold;
}
.info_txt{
	width:90%;
	margin:0 auto 20px;
	font-size:1.2em;
	line-height:1.3em;
}
.info_bot_con{
	text-align:center;
}
.info_bot{
	width:85%;
	margin:0 auto;
	padding:14px 20px;
	border:1px solid #000;
	font-size:1.2em;
	text-align:center;
}
.info_bot:hover{
	background-color:#BDD7EC;
}

/*業務内容*/
.occupation{
	width:100%;
	padding:80px 0 0;
	background-color:#eee;
	overflow:hidden;
}

.sp-image{
	margin-bottom:10px;
}
.sp-slide_title{
	font-size:1.15em;
	font-weight:bold;
	margin-bottom:8px;
}

/*施工事例*/
.works{
	width:100%;
	padding:80px 0;
}
.works_title{
	border-top:3px solid #000;
	border-bottom:3px solid #000;
	margin-bottom:20px;
	padding:20px 0 23px;
	font-size:1.3em;
	line-height:1.3em;
	text-align:center;
	font-weight:bold;
	
}

.works_con{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
	width:90%;
	margin:0 auto;
}
.works_box{
	width:90%;
	margin:0 5% 40px;
	box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.057),
    0 2px 2px rgba(0, 0, 0, 0.076),
    0 10px 10px rgba(0, 0, 0, 0.3);	
}
.works_box:last-child{
	margin-right:0;
}
.works_cel1{
	box-sizing:border-box;
	margin-bottom:30px;
}
.works_cel1 img{
	width:100%;
	height:auto;
	
}
.works_cel2{
	font-weight:bold;
	box-sizing:border-box;
	padding:0 15px 10px;
}
.works_cel3{
	box-sizing:border-box;
	padding:0 15px 20px;
}
/*井戸*/
.groundwater{
	width:100%;
	padding:80px 0;
	background:url(groundwater/images/bg01.jpg) no-repeat center center;
	text-align:center;
}
.groundwater_title{
	text-align:center;
	font-size:1.3em;
	line-height:1.4em;
	margin-bottom:60px;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
	color:#FFF;
}
.groundwater_con{
	display:inline-block;
	margin:0 auto;
	text-align:center;
	font-size:1.8em;
	line-height:1.6em;
	color:#FFF;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
	padding:10px 20px;
	background-color:rgba(0,128,255,0.5);
	border:3px solid #FFF;
}
.groundwater_con a{
	color:#FFF;
	text-decoration:none;
}
.groundwater_con:hover{
	background-color:rgba(0,128,255,0.9);
}

/*blog*/
.blog{
	width:100%;
	padding:60px 0;
}

.blog_title{
	text-align:center;
	font-size:1.4em;
	margin-bottom:25px;
}

.blog_box{
	text-align:center;
	width:90%;
	margin:0 auto;
}

.blog_cel_l, .blog_cel_r{
	font-size:0.9em;
	line-height:1.3em;
	text-align:left;
}

.blog_cel_l{
	padding:0 0.8em;
	padding-left:0.8em;
	box-sizing:border-box;
	margin-bottom:6px;
}
.blog_cel_r{
	border-bottom:4px solid #333;
	margin-bottom:8px;
	padding:0 0.8em 8px 2em;
	box-sizing:border-box;
}


/*リンク*/
.link{
	width:100%;
	padding:40px 0;
	background-color:#E2E2EB;
	text-align:center;
}

.link img{
	height:auto;
	width:80%;
	margin-bottom:30px;
}





/*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/    
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/