@charset "utf-8";

html {
	overflow-x: hidden;
}

@media screen and (min-width:415px){
		.spmenu{display:none;}


/*PC　SP共通*/	
	
	body{ 
		max-width:960px;
		margin: 0 auto;
		padding: 0px;
		color: #4d4d4d;
		font-size: 15px;
		line-height : 1.7;
		font-weight:normal;
		font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
		text-align: justify;
	}

	img{
		margin: 0px;
		padding: 0px;
	}

/*ヘッダー枠PC*/

	#h1_card h1{
		font-size: 14.5px;
		line-height: 20px;
		margin: 0px;
		padding: 10px 0px 10px 10px;
		font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	}

	#header{
		margin-right: auto;
		margin-left : auto;
		width: 100%;
		height: 172px;
	}

	#header_top{
		margin-right: auto;
		margin-left : auto;
		width: 100%;
		height: 118px;
	}

	a {
		text-decoration: none;
		margin: 0px;
		padding: 0px;
	}

	#logo {
		float: left;	
	}

	#chara {
		float: left;
		margin-top: 7px;
		height:110px;
	}

	#h1_card {
		display: block;
		height: 114px;
		float: left;
		margin: 0px;
		padding: 0px;
		position: relative;
	}

	#card {
		padding-left: 10px;
		position: absolute;
		bottom: 0px;
	}

	#tel{
		width:426px;
		float: right;
	}
	
	#tel>img{
		width:426px
	}
	a#telb {
		display: none;
}

	
/*グローバルナビPC*/

	#navi_container{
		width: 100%;
		margin-right: auto;
		margin-left : auto;
	}

	#navi_base{
		margin: 0 -3000px;
		padding: 0 3000px;
		height: 60px;
		background-image: linear-gradient(0deg,rgba(100,200,255,1.00) 0%,rgba(40,150,200,1.00) 100%);
	}


	#gloval_navi{
		width: 80.8%; /*776px*/
		height: 60px;
		float: right;
		padding: 0px;
		margin: -1px 0px 0px 0px;
	}

	#gloval_navi li{ 
		clear: right;
		float: left;
		list-style: none;
		display: block;
		line-height: 75px;
		margin: 0px;
		width: 20%;
		border-right: 2px;
	}

	#gloval_navi>li>a{ 
		display: block;
		width:100%;
		height: 60px;
		margin:0px;
		padding: 0px;
		font-size: 15px;
		float: left;
		text-align: center;
		line-height: 60px;
		color: #FFFFFF;
	}
		#gloval_navi>li>a>img{ 
		display: block;
		margin: 0px;
		width:100%;
		height: 60px;

	}


	#gloval_navi>li>a:hover{
		display: block;
		width:100%;
		margin: 0px;
		height: 60px;
		padding: 0px;
		font-size: 15px;
		float: left;
		text-align: center;
		line-height: 60px;
		background-image: linear-gradient(0deg,rgba(120,220,255,1.00) 0%,rgba(60,190,240,1.00) 100%);
	}

/*パンくずリストPC*/
	.topicpath{
		clear:both;
		width:100%;
		margin:0px;
		padding:20px 0px 30px 0px;	
	}
	.topicpath ol{
		float:right;
		margin:0px;	
	}

	.topicpath ol li {
		display: inline;
		list-style-type: none;
	}
	.topicpath ol li:after {
		content:" > ";
	}
	.topicpath ol li:last-child:after {
    	content: none;
		float:left;		
	}

/*メインコンテンツPC*/
/*トップページPC*/
	
	#main{
		width: 100%;
		display: block;
		margin-right: auto;
		margin-left : auto;	
	}
	#price_example{
		width: 100%;
		display: block;
		margin-right: auto;
		margin-left : auto;
		margin-bottom: 22px;
	}

	#main_menu {
		margin:0 auto;
		width: 100%;
		text-align: center;
		list-style: none;
		padding: 0px ;
	}

	#main_menu li:last-child{
		margin: 0px -6px 0px 0px;
		padding: 0px ;
		float: right;
		width: 24%; /*231px*/
	}

	#main_menu li{
		margin:0 px;
		padding: 0px ;
		text-align: left;
		float: left;
		width: 25%; /*245px*/
	}
	
	.inner{
		width:100%;
		margin: 0 auto;
		text-align: center;
	}
	
/*水猿紹介PC*/	
	.about{	
		clear: both;
		margin : 0 auto;
		padding : 10px 0px 0px 0px;
		width: 100%;
	}

	.about_title{
		width: 100%;
		margin : 0 auto;
		padding: 0px;
		text-align: center;
		font-size: 28px;
		font-weight: bold;
		line-height: 50px;
		color: #0071ba;
	}

	.about_title img{
		vertical-align: middle;
		margin: 0px 0px 0px -12px;
	}

	.about_dot_frame{
		float: left;
		border: dotted;
		border-width:4px;
		border-color:#0071ba;
		width: 62%;
		padding: 10px 20px 20px 20px;
		margin: 0px 0px 20px 0px;;
		border-radius:9px;
		box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	}

	#line{
		text-align: center;
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 4px;	
	}
	
	#line img{
		text-align: center;
		margin: 0px;
		padding: 0px;
	}

	.about_subhead{
		margin: 0px;
		padding: 0px;
		width: 100%;
		text-align:center;
		font-size:18px;
		color:#0071ba;
		font-weight:normal;
	}
		
	.about_text{
		margin: 0px;
		padding: 0px;
		width: 100%;
		font-size:12.5px;
		color: #4d4d4d;
		line-height :1.7;
		font-weight:normal;
		text-align:justify;
	}
	
	.about_text>img{
		display: block;
		margin: 0px;
		padding: 0px;
		width: 100%;
	}

	.about_text>p{
		margin: 5px 0px 0px 0px;
		padding: 0px;
		width: 100%;
	}
	.about_text_area{
		color:#0071ba;
	}
	.about_text a:link{ 
		color:#0071ba;
		text-decoration:none
	}
	.about_text a:visited{
		color:#0071ba; 
		text-decoration:none
	}
	.about_text a:hover{
		color:#0071ba; 
		text-decoration:none
	}
	.about_text a:active{
		color:#0071ba; 
		text-decoration:none
	}
	
	.car{
		float: right;
		width: 308px;
		margin: 50px 0px 0px 0px;
		padding: 0px;
	}
	
/*3つの理由PC*/
	.reason img{
		clear: both;
		width: 100%;
		margin: 20px 0px 20px 0px;
	}	
	
/*トップページ施工事例紹介PC*/

	.title_block{
		float:left;
		width: 100%;
		height: 82px;
		background-image: url("../images/title_bar.png");
		background-position: bottom;
		background-repeat: no-repeat;
	}

	.top_works{
		clear:both;
		max-width:100%;
		margin: 0px;
	}

	.top_works_case{
		float:left;
		width:100%;
		margin:0px;
		padding: 0px;
		border-bottom: dotted 1px;
	}
	.top_works_tittle{
		margin-top: 10px;
		padding-top: 10px;

	}

	.mark{
		float:left;
		width:67%;
		margin:10px 2px 0px 5px;
	}


	.top_works_img{
		float:left;
		width:30%;
		margin:10px 10px 10px 0px;
	}

	.top_works_subhead{
		float:left;
		margin:-2px 10px 5px 5px;
		padding: 0px;
		font-size:18px;
		line-height: 1.5;
		color:#0071ba;;
	}

	.top_works_text{
		float:left;
		margin:-5px 10px 0px 5px;
		width:67%;
		padding: 0px;
		font-size:13px;
		line-height :1.5;
	}
	
	.top_works_text a{
	text-decoration: underline;
	}
	
	.top_works_case a img:hover{
         opacity: 0.7;
         filter: alpha(opacity=70);
}
	

/*料金表ページ*/

	.page_title {
		width:32%;
		margin: 0 auto;
		padding: 0px;
	}

	.price_top {
		margin: 0px 0px 10px 0px;
		padding: 0px;
		width: 100%; 
	}

	.price_top_lead {
		width: 62%;
		float: left;
		margin: 0px;
		padding: 0px;
	}
	.price_top_text{
		float: left;
		margin: 0px;
		padding: 0px 10px 0px 0px;
		width: 64%;  /*620px*/
	}
	.price_top_img{
		float: right;
		margin: 5px;
		padding: 0px;	
	}
	
	.bottom_small_container img{
		clear: both;
		margin: 0 auto;
		padding: 0px;
		width: 100%;
	}
	.price_list{
		margin: 0px;
		padding: 0px;	
	}

	.price_list_text{
		margin: 0px 0px 50px 0px;
		padding: 0px 0px 0px 5px;
	}

	.price_list>img{
		width: 100%; /*650px*/	
	}

/*共通PC*/

	.clear{
		clear: both;
	}
	.center{
		text-align: center;
	}	
	.center_block{	
		margin-right: 0 auto;
		margin-left : 0 auto;
		width: 100%;
	}

	.shadow {
		border-radius:9px;
		box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	}
	.center_text{
		text-align: center;
	}


	.top_container{
		margin: 0px 0px 20px 0px;
		padding: 0px;
		width: 100%;
	}

	.bottom_middle_container{
		clear: both;
		margin: 0 auto;
		padding: 0px;
		width: 72%; /*700px*/
	}

	.bottom_small_container{
		clear: both;
		margin: 0 auto;
		padding: 0px;
		width: 68%;
	}

	.title_line{
		margin: -15px 0px 5px 0px;
		padding: 0px;
	}

	.title_line>img{
		display: inline-block;
		width: 100%;
	}



/*トラブル各ページPC*/

	.trouble_top_right{
		float: left;
		margin: 0px;
		padding: 0px 0px 0px 10px;
		width: 57%;
	}
	.clear:after{
		content: "";
		display: block;
		clear: both;
		height: 0;
	}
	.trouble_title{
		float: left;
		text-align: center;
		padding: 0px;
		width:100%;
	}
	.trouble_title img{
		padding: 0px;
		width:70%;
	}
	
	.trouble_illust img{
		width: 130%;
	}

	.trouble_image{
		float: left;
		margin: 0px;
		padding: 0px;
	}

	.trouble_line{
		float: left;
		margin: -25px 0px 10px 0px;
		padding: 0px;
	}

	.trouble_illust{
		float: left;
		margin: 0px;
		padding: 0px;
		width: 72%; /*400px*/
		clear:both;
	}

	.trouble_text{
		clear: both;
		margin: 0px;
		padding: 0px 0px 10px 0px;
		width: 100%;
	}

	.trouble_work_img{
		width: 32%; /*310px*/
		float: left;
		margin: 0px;
		padding: 0px;
	}

	.portion_container{
		float: right;
		margin: 0px;
		padding: 0px;
		width: 45%;
		position: relative;
		-webkit-transform: translateY(50%); /* Safari用 */
		transform: translateY(50%);
		border-radius: 10px;
		border: 4px #0071ba solid;
	}

	.portion_title{
		margin: 0px;
		height: 32px;
		padding: 5px 5px;
		text-align: center;
		font-size: 22px;
		color: #ffffff;
		background-color: #0071ba;
	}

	.portion_container>p{
		padding: 0px 15px 0px 15px;
		font-size: 15px;
	}
	.trouble_bottom_text{
		clear: both;
		margin: 0px;
		padding-bottom: 10px;
		width: 72%; /*700px*/
		
	}
	.structure_text{
		margin: 0px ;
		padding: 0px 10px 0px 0px;

	}
	

/*よくあるご質問PC*/

	.questions_top_lead {
		margin: 0px;
		padding: 0px;
	}
	

	.questions {
		margin-bottom: 20px;
		padding:10px 0px 0px 0px;
	}

	.questions li{
		list-style-type: none;
		padding-bottom: 10px;
	}

	.question{
		padding-top: 10px;
		font-size: 20px;
		font-weight: bold;
		color:#0071ba;
	}

	.questions img {
		display: inline-block;
		vertical-align: middle;
		padding-right: 10px;
	}

	.question {
		border-top: dotted 1px;
	}

	.answer>span {
		display: inline-block;
		margin: 0px;
		padding: 0px;
		vertical-align: top;
		width:92% 
	}

	.questions li:last-child {	
		border-bottom: dotted 1px;
		border-color: #0071ba;
	}


/*エリアページPC*/


	.area_top_lead,.ward{	
		margin: 0px;
		padding: 0px;
	}

	.prefectures{
		margin: 5px 0px;
		padding: 5px 5px 5px 10px;
		font-size: 20px;
		color:#0071ba;	
		background-color:#bfe5f6;
	}
	.city{
		margin: 0px 0px 0px -10px;
		padding: 5px 0px 0px 0px;
		font-size: 16px;
		color: #4d4d4d;
	}


	
/*施工事例PC*/

	.works_top_lead,.works_top_text{
		margin: 0px;
		padding: 0px;
	}
	

	.works_case_title {
		width: 100%;
		height: 60px;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		background-color: #0071ba;
	}

	.works_case_title>p {
		margin: 0px;
		padding: 0px 0px 0px 25px;
		line-height: 60px;
		font-size: 22px;
		color: #ffffff;
	}

	.voice {
		width: 100%;
		margin: 0px;
		padding-left: 10px;
		height: 40px;
		line-height: 40px;
		font-size: 22px;
		background-color: #009cd5;
		color: #FFFFFF;
	}

/*ローカルページPC*/
	
	.local_container{
		width: 100%;
	}

	.local_toiret_container,.local_kitchen_container,.local_bath_container,.local_washroom_container{
		width: 100%;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;	
	}

	.local_toiret_img,.local_kitchen_img{
		float:left;
		width: 38%;
		margin: 0px;
		padding: 0px;
	}

	.local_bath_img,.local_washroom_img {
		float:right;
		width: 38%;
		margin: 0px;
		padding: 0px;
	}


	.local_toiret_img>img,.local_kitchen_img>img,.local_bath_img>img,.local_washroom_img>img {
		width: 100%;
	}

	.local_toiret_img>p,.local_kitchen_img>p,.local_bath_img>p,.local_washroom_img>p{
		margin:0px;
		padding:0px;
	}


	.local_toiret_text,.local_kitchen_text{
		float:right;
		width: 59%;	
		margin: 0px;
		padding: 0px 0px  10px 0px;
		line-height : 1.5;
	}

	.local_bath_text,.local_washroom_text{
		float:left;
		width: 59%;	
		margin: 0px;
		padding: 0px;
		line-height : 1.5;
	}

	.local_toiret_text>p,.local_kitchen_text>p,.local_bath_text>p,.local_washroom_text>p{
		margin:0px;
		padding:0px;
	}

	.local_toiret_text>img,.local_kitchen_text>img,.local_bath_text>img,.local_washroom_text>img{
		margin:0px 0px 20px 0px;
	}

	.local_toiret_title,.local_kitchen_title,.local_bath_title,.local_washroom_title{
		padding: 0px ;
	}
	.local_subhead_text{
		font-size: 18px;
		line-height : 1.5;
		font-weight: middle;
	}
	.local_sub_title{
		display: block;
		margin:8px 0px;
	}
	.local_area_frame{
		width:100%;	
		text-align: center;
		margin: 20px 0px 20px 0px;
		padding: 5px 20px 5px 20px;
		border-color:#0071ba;
		background-color: #FFFFCC;
		border-radius: 8px;
		box-sizing: border-box;
	}
	.local_area_subhead{
		width:100%;
		padding: 0px;
		margin-top: 5px;
		margin-bottom: 16px;
		text-align: center;
		border-bottom-color: #4d4d4d;
		border-bottom: dotted 1px;
		font-size: 26px;
		color:#0071ba;
		background-position: bottom;
	}
	.local_area_ward {
		display: inline-block;
		width:100%;
		margin-top: -5px;
		font-size: 13px;
		line-height: 17px;
		color: #0071ba;
		padding: 0px 0px 0px 0px;
		text-align: left;
	}
	
	
/*サイトマップPC*/
	
	#sitemap{
		padding-top:50px;
		padding-left:50px;
		margin:0 auto;
		width: 600px;
	}

	.sitemap_left,.sitemap_right{
		width:300px;
		font-size: 20px;
		margin: 0 auto;
		padding: 0px;
		float: left;
	}
	
	.sitemap_left:before{
		content: "";
		display: block;
		clear: both;
		height: 0;
	}

	.sitemap_left>li,.sitemap_right>li{
		list-style: none;
		padding-bottom: 20px;
	}
	
	.sitemap_left>li>a>img,.sitemap_right>li>a>img{
		margin-left: 5px;
		margin-bottom:-4px;	
		padding-right: 6px;	
		width:20px;
	}

	#copy {
		font-size: 10px;
	}
	

/*お問合せから作業までPC*/

	.flow_container{
		clear: both;
		margin :10px 0px 0px 0px;
		padding :20px 0px 0px 0px;
		width: 100%;
		overflow:hidden;
	}

	#flow{
		width: 100%;
		heigth: 400px;
		margin: 0px ;
		padding: 0px 0px 20px 0px;
		list-style: none;

	}

	#flow img{
		display: block;
		vertical-align: middle;
	}

	.illust{
		width: 154px;
		heigth: 300px;
		float: left;
		margin-right: auto;
		margin-left : auto;
		padding: 0;
	}
	.arrow{
		float: left;
		width: 40px;
		heigth: 102px;
		padding: 0;
	}

/*フッターPC*/

	footer{
		margin-right: auto;
		margin-left : auto;
		width: 100%;
		text-align: center;
	}
	
	footer img{
		width:100%;	
	}

	#footer{
		font-size: 13px;
		margin: 0 auto;
		padding: 0px;
	}
	.footer_map_frame{
		text-align: center;
		padding: 5px 20px 10px 10px;
		width: 100%;
		margin: 15px 0px 10px 0px;
		background-color: #29AAE1;
		border-radius:12px;
		box-sizing: border-box;
	}
	.footer_image_frame{
		float:left;
		width:45%;	
		padding: 20px 0px 0px 0px;
		border-radius:9px;
	}
	.footer_map_subhead{
		width:100%;
		padding: 0px;
		margin-top: 5px;
		margin-bottom: 16px;
		text-align: left;
		border-bottom-color: #FFFFFF;
		border-bottom: dotted 1px;
		font-size: 26px;
		color: #FFFFFF;
		background-position: bottom;
	}

	.footer_map_text {
		display: inline-block;
		width:100%;
		margin-top: -10px;
		font-size: 13px;
		line-height: 17px;
		padding: 5px 0px 0px 0px;
		text-align: left;
	}
	.footer_map_text>a { 
		color: #ffffff;
	}　
	.footer_map_text>a:visited { 
		color: #ffffff;
	}　
	.footer_map_text>a:link { 
		color: #ffffff;
	}　
	.footer_map_text>a:active { 
		color: #ffffff;
	}
	.footer_map_text>a:hover{ 
		color: #aabbff;
	}
	
	#footer{
		margin:0 auto;	
	}
	#footer_map_text{
		display: inline-block;
		width: 50%;
		margin: 0px;
		font-size: 16px;
		color: #FFFFFF;
		padding: 0px;
		text-align: left;
	}
	#footer li{
		display: inline-block;

		list-style: none;
		border-left: 1px solid #CCCCCC;
		padding-left: 6px;	
	}

	#footer li:last-child{
		padding-right: 6px;
		border-right: 1px solid #CCCCCC;	
	}
	
	#footer a{
    	color:#4d4d4d;
	}
	
	#footer a:link {
    	color:#4d4d4d;
	}

	#footer a:visited {
    	color:#4d4d4d;
	}
	
	#footer a:active {
    	color:#4d4d4d;
	}

	#copy {
		font-size: 10px;
	}



	}




@media screen and (max-width:414px){
	.pcmenu{display:none;}
	
	html {
	overflow-x: hidden;
}
	
	
	body{ 
		max-width:100%;
		margin: 0 auto;
		padding: 0px 10px;
		color: #4d4d4d;
		font-size: 13px;
		line-height : 1.6;
		font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
		text-align: justify;
		overflow: hidden;
		zoom:1;
	}

	img,p{
		margin: 0px;
		padding: 0px;
	}
	
	a{
		text-decoration: none;
		margin-left : auto;
	}


	
/*共通SP*/
	
	.clear{
		clear: both;
	}
	.center{
		text-align: center;
	}	
	.shadow {
		width:100%;
		border-radius:9px;
		box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	}
	.center_text{
		text-align: center;
	}

	.bottom_small_container{
		clear: both;
		margin: 0 auto;
		padding: 0px;
		width: 100%;
	}

	.title_line{
		margin: -15px 0px 5px 0px;
		padding: 0px;
	}

	.title_line>img{
		display: inline-block;
		width: 100%;
	}
	.spmenu{
		width: 100%;
	}

	.sp_inner{
		width:100%;
		margin: 0 auto;
		text-align: center;
	}
		
	
/*共通SPここまで*/
/*ヘッダーSP*/
	
	#header_top{
		margin: 0px;
		padding: 0px;
		text-align: center;
		background-image: linear-gradient(0deg,rgba(255,255,255,1.00) 85%,rgba(50,180,225,1.00) 100%);
	}
	
	#logo img{
	float: left;
		width:30%;
		padding:20px 0px 0px 0px;
	}

	#h1_card {
		float: right;
		width:70%;
		margin: 0px;
		padding:30px 0px 0px 0px;
	}

	#h1_card h1{
		font-size: 11.5px;
		line-height: 1.3;
		margin: 0px;
		paddin: 25px 0px 0px 0px;
		font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	}
	#h1_card img{
		width: 95%;
		padding: 2px 0px 0px 0px;
		
	}		
	#navi_base_sp{
		padding: 0px;
		width: 100%;
		height: 60px;
		background-image: 
		linear-gradient(0deg,rgba(100,200,255,1.00) 0%,rgba(40,150,200,1.00) 100%);
		clear: right;
	}
	
	#tel img{
		width: 100%;
	}
	
	#gloval_navi_sp{
		width: 100%;
		padding: 0px;
		margin: 0 auto;
		text-align: center;
	}	
	
	#gloval_navi_sp li{ 
		clear: right;
		float: left;
		list-style: none;
		margin: 0px;
		padding: 0px;
		width: 20%;
		border-color:#0071ba;
	}
	#gloval_navi_sp img{ 
		margin: 0px;
		padding: 0px;
		width: 100%;
	}
	#main_sp img{
		margin-right: auto;
		margin-left : auto;
		margin-top: -6px;
		width: 100%;
	}
	#price_example_sp img{
		margin-right: auto;
		margin-left : auto;
		margin-bottom: 10px;
		width: 100%;
	}
	#main_menu_sp{
		width: 100%;
		margin: 0 auto;
		padding: 0px;	
		list-style: none;
	}
	#main_menu_sp:after{
		content: "";
		display: block;
		clear: both;
		height: 0;
	}
	#main_menu_sp>li{
		float:left;
		width: 47%;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		padding: 0px;		
	}

	.about{	
		clear: both;
		margin : 0 auto;
		padding : 10px 0px 0px 0px;
		width: 100%;
	}
	
	/*パンくずリストSP*/
	
	.topicpath ol{
		clear:both;
		margin_top:0;
		padding:0;	
	}
	
	.topicpath ol li {
		font-size: 11px;
		display: inline;
		list-style-type: none;
	}
	
	.topicpath ol li:after {
		content:" > ";
	}
	
	.topicpath ol li:last-child:after {
    	content: none;
	}
	
	/*ページTOP*/
	#page_top{
 		width: 50px;
  		height: 50px;
  		position: fixed;
  		right: 10px;
  		bottom: 110px;
  		background: #3f98ef;
  		opacity: 0.6;
  		border-radius: 50%;
	}
	#page_top a{
 		position: relative;
  		display: block;
  		width: 50px;
  		height: 50px;
  		text-decoration: none;
	}
	#page_top a::before{
  		font-family: FontAwesome;
  		content: '\f102';
  		font-size: 25px;
  		color: #fff;
  		position: absolute;
  		width: 25px;
  		height: 40px;
  		top: 0;
  		bottom: 0;
  		right: 0;
  		left: 0;
  		margin: auto;
  		text-align: center;
		z-index: 999;
  	}
	
	/*水猿紹介*/
	.about{	
		padding : 0px;
		width: 100%;
	}
	.about_dot_frame{
		border: dotted;
		border-width:4px;
		border-color:#0071ba;
		width: 87%;
		padding: 5% 5% 3% 5%;
		margin: 0 auto;
		border-radius:9px;
		box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	}

	.about_title{
		display: block;
		text-align: center;
		font-size:16px;
		margin: -10px 0px -10px 0px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		line-height: 50px;
		color: #0071ba;
	}

	.about_title img{
		margin: 0px 0px -5px 0px;
		width:20px;	
		height:20px;
	}	
	
	.about_subhead{
		margin: 0px;
		padding: 0px;
		width: 100%;
		text-align:center;
		font-size:13.5px;
		line-height: 1.2;
		color:#0071ba;	
	}

	.about_text{
		font-size: 13.5px;
		color: #4d4d4d;
		font-weight:normal;
		line-height : 1.6;
		text-align:justify;
	}
	
	.about_text img{
		text-align: center;
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 4px;	
	}
	.about_text_area{
		color: #0071ba;
	}
	.about_text a:link{ 
		color:#0071ba;
		text-decoration:none
	}
	.about_text a:visited{
		color:#0071ba; 
		text-decoration:none
	}
	.about_text a:hover{
		color:#0071ba; 
		text-decoration:none
	}
	.about_text a:active{
		color:#0071ba; 
		text-decoration:none
	}
	.car img{
		clear: both;
		display: block;
		margin: 0 auto;
		width: 75%;
		height: 75%；
	}
	
	#telb {
		width: 100%;
		position: fixed;
		left: 0px;
		height: 100px;
		bottom: 0px;
		background: linear-gradient(rgba(255,60,60, 0) 0, rgba(255,60,60, 1) 10%, rgba(255,60,60, 1) 100%);
		z-index: 999;
	}
	
	#telb img{
		width:100%;
		text-align:left;
	}

/*3つの理由PC*/
	.reason{		
		text-align:center;
	}
	.reason img{
		clear:both;
		max-width: 100%;
	}		

		
/*トップページ施工事例紹介*/
	.title_container_sp{
		clear: both;
		margin :20px 0px 0px 0px;
		padding :0px;
		width: 100%;
		overflow:hidden;
	}
	.title_container_sp p{
		margin :0px;
		padding :0px;
	
	}

	.title_container_sp img{
		width:100%
	
	}
	.title_block{
		max-width: 100%;
		height: 82px;
		background-image: url("../images/title_bar.png");
		background-position: bottom;
		background-repeat: no-repeat;
	}
	.title_block img{
		width: 100%;
		margin:0px;
		padding: 0px;
	}	

	.top_works{
		clear:both;
		width:100%;
		margin: 0px;
	}
		
	.title img{
		width: 100%;
		margin:0px;
		padding: 0px;
	}	

	.top_works_case{
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:5px 0px 10px 0px;
		border-bottom: dotted 1px;
	}	
	
	.mark{
		float:left;
		width:67%;
		margin:0px 0px 0px 0px;
	}

	.top_works_subhead{
		clear:both;
		margin:0px;
		padding: 0px 0px 5px 0px;
		font-size:16px;
		color:#0071ba;;
	}
	

	.top_works_img{
		width:100%
	}

	.top_works_text{
		float:left;
		margin:0px 0px 0px 0px;
		width:100%
	}
	
	.top_works_text a{
		text-decoration: underline;
	}
	
	.top_works_img>img{
		margin:0px;
		padding: 0px;
	}
	
/*料金表ページSP*/

	.page_title {
		margin: 0 auto;
		padding: 0px;
		width: 60%;
	}
	.page_title img{
		width: 100%;
	}
	
	.price_top {
		margin: 0px 0px 10px 0px;
		padding: 0px;
		width: 100%; 
	}

	.price_top_lead_sp img{
		width: 100%;
		margin: 10px 0px 10px 0px;
	}
	
	.price_top_text{
		clear: both;
		display: block;
		margin: 10px;
		padding: 10px 0px; 
	}
	
	.price_top_img img{
		display: block;
		margin: 0 auto;
		padding: 0px;	
	}
	
	.price_contents{
		width: 98%;
		margin: 15px 0px 0px 0px ;
		padding: 0px;
	}
	
	.price_list{
		margin: 0px;
		padding: 0px;
		width: 100%;
	}

	.price_list_text{
		padding: 0px;
		text-align: justify;
	}

	.price_list img{
		width: 100%;	
	}

	.bottom_small_container img{
		clear: both;
		margin: 0 auto;
		padding: 0px;
		width: 100%;
	}
	
	
/*トラブル各ページSP*/
	
	.trouble_title img{
		display: block;
		width: 80%;
		margin: 0 auto;
	}

	.trouble_illust img{
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	
	.trouble_image img{
		width: 80%;
		display: block;
		margin: 0 auto;
	}
	
	.trouble_line{
		float: left;
		margin: -5px 0px 10px 0px;
		padding: 0px;
	}
	
	.trouble_sub_title{
		width: 100%;
		margin: 8px 0px 0px 0px;
	}
	.trouble_work_img{
		width: 85%;
		margin: 0 auto;
		padding: 5px 0px 20px 0px;
	}

	.trouble_price{
		width: 100%;
		padding: 20px 0px 0px 0px;
	}
	
	.portion_container{
		width: 70%;
		margin: 0 auto;
		margin-bottom:20px;
		border-radius: 10px;
		border: 4px #0071ba solid;
	}

	.portion_title{
		margin: 0px;
		height: 32px;
		padding: 5px 5px;
		text-align: center;
		font-size: 22px;
		color: #ffffff;
		background-color: #0071ba;
	}
	
	.portion_container>p{
		padding: 8px 15px 10px 15px;
		font-size: 15px;
		line-height: 1.5;
	}
	
	.trouble_bottom_text{
		clear: both;
		margin: 0px;
		padding: 0px;
		width: 100%;
	}
	.structure_text{
		clear: both;
		margin: 0px;
		padding: 0px;
		width: 100%;
	}
	
/*よくあるご質問SP*/
	
	.questions_lead_sp img {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	
	.questions {
		margin-bottom: 20px;
		padding:10px 0px 0px 0px;
	}

	.questions li{
		list-style-type: none;
		padding-bottom: 10px;
	}

	.question{
		padding-top: 10px;
		font-weight: bold;
		color:#0071ba;
	}
	
	.question>span{
		border: 0px;
		margin: 0px;
		padding: 0px;
		font-size: 15px;
		font-weight: bold;
		color:#0071ba;
	}

	.questions img {
		display: inline-block;
		vertical-align: middle;
		padding-right: 10px;
	}

	.question {
		border-top: dotted 1px;
		position: relative;
	}
	
	.question li {
		width:100%;
	}
	
	.answer img {
		display: inline-block;
		float:left;
		margin-right: 2%;
		padding: 0px;
	}

	.answer>span {
		display: inline-block;
		float:left;
		margin: 0px;
		padding: 0px;
		vertical-align: top;
		width:80% 
	}
	
	.question>span{
		padding: 0px 0px 0px 7px;
		position: absolute;
    	top: 50%;
		margin: -0.5em;
	}
		
	.question img {
		display: inline-block;
		float:left;
		margin-right: 2%;
		padding: 0px;
	}

	.questions li:last-child {	
		border-bottom: dotted 1px;
		border-color: #0071ba;

	}

/*エリアページSP*/

	.area_top_lead,.ward{	
		margin: 0px;
		padding: 0px;
	}
	.area_top_lead_sp img {
		display: block;
		width: 100%;
		margin: 0px;
		padding: 0px 0px 10px 0px;
	}

	.prefectures{
		margin: 5px 0px;
		padding: 5px 5px 5px 10px;
		font-size: 20px;
		color:#0071ba;	
		background-color:#bfe5f6;
	}
	.city{
		margin: 0px 0px 0px -10px;
		padding: 5px 0px 0px 0px;
		font-size: 16px;
		color: #4d4d4d;
	}


	
	/*ローカルページSP*/
	.local_container{
		width: 100%;
	}
	.local_toiret_container,.local_kitchen_container,.local_bath_container,.local_washroom_container{
		clear: both;
		width: 100%;
		margin: 0px;
		padding: 0px;
	}

	.local_toiret_img,.local_kitchen_img,.local_bath_img,.local_washroom_img{
		width: 70%;
		margin: 0 auto;
	}
	.local_toiret_img>img,.local_kitchen_img>img,.local_bath_img>img,.local_washroom_img>img {
		width: 100%;
		margin: 0 auto;
	}

	.local_toiret_img>p,.local_kitchen_img>p,.local_bath_img>p,.local_washroom_img>p{
		margin: 0 auto;
	}

	.local_toiret_text,.local_kitchen_text,.local_bath_text,.local_washroom_text{
		width: 100%;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		line-height : 1.5;
	}

	.local_toiret_text>p,.local_kitchen_text>p,.local_bath_text>p,.local_washroom_text>p{
		margin:0px;
		padding:0px;
	}

	.local_toiret_text>p>img,.local_kitchen_text>p>img,.local_bath_text>p>img,.local_washroom_text>p>img{
		width: 100%;
		margin: 0px 0px;
		padding-top: 10px;
	}

	.local_toiret_title,.local_kitchen_title,.local_bath_title,.local_washroom_title{
		width: 100%;
		padding-top: 18px;
	}

	.local_subhead_text{
		font-size: 16px;
		line-height : 1.5;
		display: block;
		margin: 0 auto;
	}
	
	.local_area_frame{
		width: 100%;	
		text-align: center;
		margin: 0px;
		padding: 10px 20px 20px 20px;
		background-color: #FFFFCC;
		border-radius: 8px;
		box-sizing: border-box;
	}
	.local_area_subhead{
		width: 100%;
		padding: 0px;
		margin-top: 5px;
		margin-bottom: 15px;
		text-align: center;
		border-bottom-color: #4d4d4d;
		border-bottom: dotted 1px;
		font-size: 17px;
		color: #0071ba;
		background-position: bottom;
	}
	.local_area_ward {
		display: inline-block;
		width:100%;
		margin-top: -5px;
		font-size: 13px;
		line-height: 16px;
		color: #0071ba;
		padding: 0px;
		text-align: left;
	}
	

/*施工事例SP*/
	
	.works_case_title{
		width:100%;
		height: 2;
		padding: 0px 0px 10px 0px;
	}
	
	.works_top_lead_sp img{
		display: block;
		width: 100%;
		margin: 15px 0px;
		padding: 10px 0px ;
	}

	.works_case_title>p {
		margin: 10px 0px 0px 0px;
		padding: 10px 0px 10px 10px;
		line-height: 1;
		font-size: 14px;
		color:#ffffff;
		background-color: #0071ba;
	}

	.voice{
		margin: 5px 0px;
		padding: 0px 10px 0px 10px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		background-color: #009cd5;
		color: #FFFFFF;
	}
	
	
	#sitemap{
		padding-top:30px;
		padding-left:70px;
		margin:0 auto;
		width: 300px;
	}

	.sitemap_left,.sitemap_right{
		font-size: 16px;
		margin: 0 auto;
		padding: 0px;
	}

	.sitemap_left>li,.sitemap_right>li{
		list-style: none;
		padding-bottom: 20px;
	}
	
	.sitemap_left>li>a>img,.sitemap_right>li>a>img{
		margin-left: 5px;
		margin-bottom:-5px;	
		padding-right: 6px;	
		width:15px;
	}


/*お問合せから作業までSP*/
	
	.flow_container_sp{
		clear: both;
		margin :20px 0px 0px 0px;
		padding :0px;
		width: 100%;
		overflow:hidden;
	}

	.flow_container_sp p{
		margin: 0px;
		padding: 0px;
	
	}

	.flow_container_sp img{
		width: 100%
	
	}
	
/*フッターSP*/

	footer{
		margin-right: auto;
		margin-left : auto;
		width: 100%;
		display: block;
		text-align: center;
	}

	footer img{
		width: 100%;	
	}
	.footer_map_frame{
		margin-right: auto;
		margin-left : auto;
		max-width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 10px;
		display: block;
		background-color: #29AAE1;
		border-radius: 12px;
	}
	.footer_image_frame{
		padding: 0px;
		max-width: 95%;
		border-radius: 9px;
	}
	.footer_image_frame img{
		padding: 0px;
		width: 100%;
	}
	#footer_map_text{
		display: block;
		border-bottom-color: #FFFFFF;
		text-align: center;
	}
	.footer_map_subhead{
		display: block;
		padding: 0px;
		border-bottom-color: #FFFFFF;
		border-bottom: dotted 1px;
		font-size: 18px;
		color: #FFFFFF;
		background-position: bottom;
	}

	.footer_map_text{
		display: block;
		font-size: 16px;
		line-height: 24px;
		color: #FFFFFF;
		padding: 12px;
		text-align: left;
	}
	
	#footer>a:visited {
    	color:#ffffff;
	}

	footer img{
		width:100%;	
	}

	#footer{
		width:80%;	
		font-size: 14px;
		line-height: 20px;
		display: block;
	}

	#footer li{
		display: inline-block;
		list-style: none;
		border-left: 1px solid #CCCCCC;
		margin: 0px 5px 8px 5px;	
		padding-left: 10px;	
	}

	#footer li:last-child{
		padding-right: 10px;
		border-right: 1px solid #CCCCCC;		
	}
	
	.footer_map_text>a{ 
		color: #ffffff;
	}　
	.footer_map_text>a:link{ 
		color: #ffffff;
	}　
	.footer_map_text>a:visited{ 
		color: #ffffff;
	}　
	.footer_map_text>a:hover{ 
		color: #aabbff;
	}　
	.footer_map_text>a:active{ 
		color: #ffffff;
	}　
	#footer a{
    	color:#4d4d4d;
	}
	#footer a:link{
    	color:#4d4d4d;
	}

	#footer a:visited{
    	color:#4d4d4d;
	}
	
	#footer a:active{
    	color:#4d4d4d;
	}

	#copy {
		font-size: 10px;
				padding-bottom: 100px;
	}

}