@charset "utf-8";


/* main
============================================================================================================ */
#main {
	height: 400px;
	overflow: hidden;
	margin-bottom: 0px;
	background-color: #a1b5d0;	
}
#main .main {
	height: 400px;
	background-position: 50% bottom;
	background-repeat: no-repeat;
	webkit-background-size: cover;
	background-size: cover;
}
#main .main01 {
	background-image: url(/images/main_c.jpg);
}
#main .main02 {
	background-image: url(/images/main_p.jpg);
}

@media screen and (max-width: 768px) {
					#main {
						height: 200px;
						width: 100%;
						/*padding-top: 120px;*/
						border-top: 1px solid #ccc;
					background-color: #ffffff;	
					}
					#main .main {
						height: 200px;

					}
}










h1.secondh1_pp{
background-image: url("/group/images/bg.jpg");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
text-align: center;
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.1em;
padding: 250px 10% 20px 10%;
    text-shadow: 2px 2px 2px #999999,
    -2px 2px 2px #999999,
    2px -2px 2px #999999,
    -2px -2px 2px #999999;
    color: #fff;

}
h1.secondh1_pp span{
display: block;
font-size: 2.0rem;
text-align: center;
}


/* index_contents
============================================================================================================ */
.maincopy {
	font-size: 2.0rem;
	text-align: center;
	margin: 10px 0 20px 0;
}
.basic {
width: 100%;
}
.basic th{
width: 25%;
}






.supprt_mr{margin-right: 20px;}




.e_f_point img{
text-align: center;
margin-bottom: 20px;
}

.e_f_point p{
text-align: center;
color: #ffffff;
font-weight: 600;
font-size: 1.6rem;
line-height: 170%;
letter-spacing: 0.05em;
}

.e_f_point div{
width: 470px;
padding: 25px;
margin: 20px 0;
}

.e_f_point .box01{
float: left;
background-color: #72a0d4;
}

.e_f_point .box02{
float: right;
background-color: #c05f73;
}

.e_f_point .box03{
float: left;
background-color: #89a358;
}

.e_f_point .box04{
float: right;
background-color: #9073ae;
}






.eco_service_box{width: 470px;float: left;padding-bottom: 40px;}

.eco_service_box.llll{margin-right: 40px;}

.eco_service_box .box_bg_g{width: 470px;background-color: #f2f5f8;}

.eco_service_box a{width: 470px;display: block;background-color: #fff;}

.eco_service_box .ph200{float: left;width: 200px;margin: 20px 15px 20px 20px;}

.eco_service_box .servicebox_t{float: left;width: 215px;text-align: right;}

.eco_service_box .servicebox_t .ectit{display: block;font-size: 1.8rem;font-weight: 900;margin: 15px 15px 0px 0;text-align: left;}
.eco_service_box .servicebox_t .ectit_a{display: block;font-size: 1.5rem;font-weight: 900;margin: 15px 15px 5px 0;text-align: left;line-height: 1.4;}
.eco_service_box .servicebox_t .ectxt{font-size: 1.4rem;display: block;line-height: 1.4;text-align: left;}
.eco_service_box .servicebox_t .ectxt2{font-size: 1.4rem;display: block;line-height: 2;text-align: left;}
.eco_service_box .servicebox_t .ectxt2{margin-top: 10px;border-bottom: 1px solid #ccc;padding-bottom: 5px;}
.eco_service_box .servicebox_t .ectxt2 span{background: #005fa3;margin-right: 0.5em;color: #ffffff;font-size: 94% !important; padding: 1% 2%;}

.eco_service_box .servicebox_t .ectxt2_a{font-size: 1.4rem;display: block;line-height: 1.8;text-align: left;}
.eco_service_box .servicebox_t .ectxt2_a{margin-top: 15px;padding-bottom: 10px;}
.eco_service_box .servicebox_t .ectxt2_a span{background: #005fa3;margin-right: 0.5em;color: #ffffff;font-size: 94% !important; padding: 1% 2%;}

.eco_service_box .servicebox_t img.linbtn000{margin: 5px 0 15px 0;width: 130px !important;;height: 20px !important;}
.eco_service_box a:link{text-decoration: none;}
.eco_service_box a:hover .servicebox_t .ectit{text-decoration: underline;}



.logo_box{margin-bottom: 20px;}
.logo_box img{margin:0 5px 0 0;}
.logo_box .logo_last{margin-right: 0px !important;}

.contact_btn{display: block; margin: 0 auto;}



a.box_in_link{
width: 100%;
text-align: center !important;
margin: 10px 5px 10px 0 !important;
padding: 5px 0;
text-align: right;
color: #005fa3;
}

a.box_in_link:hover{
opacity: 0.7;
}

.more_link{
color: #005fa3 !important;
display: block;
font-size: 150%;
padding: 15px 0;
margin: 20px auto !important;
text-align: center;
border: solid 1px #005fa3;
width: 60%;
text-decoration: none !important;
}


.blue_box{
border: solid 1px #005fa3;
margin: 10px 0;
width: 49%;
height: 120px;
}

.blue_box .ml{
margin-left: 20px;
}

.blue_box th{
width: 25%;
padding: 0 15px;
}

.blue_box td{
width: 85%;
}

.blue_box img{
width: 90px;
height: 90px;
}

.blue_box p{
font-weight: 700;
font-size: 110%;
color: #005fa3;
text-align: left !important;
}






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

				.bg_graybox .tac{
				text-align: left !important;
				margin-left: 20px;
				margin-right: 20px;
				}
								.e_f_point div{
				width: 100%;
				}
				.e_f_point .box01,
				.e_f_point .box02,
				.e_f_point .box03,
				.e_f_point .box04{
				float: none;
				
				}
				.e_f_point h4{
				text-align: center;
				}
				.e_f_point p{
				text-align: left;
				}
				
				
				.eco_service_box,
				.eco_service_box .box_bg_g{
				width: 100%;
				float: none !important;
				}
				.eco_service_box.llll{margin-right: 0 !important;}
				.eco_service_box a{
				width: 96%;
				margin-left: 2%;
				margin-right: 2%;
				}
				.eco_service_box .ph200{
				float: none;
				display: block;
				text-align: center;
				margin: 20px auto 0 auto !important;
				padding: 10px 0 0 0;
				height: auto;

				}
				.eco_service_box .servicebox_t{
				display: block;
				float: none;width: 90%;text-align: right;
				margin-left: 5%;
				}
				.eco_service_box .servicebox_t .ectit{
				margin: 5px 0 0px 0;
				text-align: left;
				}
				.eco_service_box .servicebox_t .ectit_a{
				margin-top: 5px;
				text-align: left;
				}
				
				.eco_service_box .servicebox_t .ectxt2,
				.eco_service_box .servicebox_t .ectxt2_a{
				}
				
				.eco_service_box .servicebox_t .ectxt2_a{
				position: relative !important;
				top: 0;
				margin-top: 20px;
				margin-bottom: 10px;
				}
				.logo_box{margin-bottom: 20px;padding: 0 1% 0 2%;}
				.logo_box img{width: 47%;margin:5px 1% 5px 1%;}
				.logo_box .logo_last{margin-right: 0px !important;}
				
				#page_eco00 .w{
				padding-left: 20px;
				padding-right: 20px;
				}
				#page_eco00 .w img{
				width: 100%;
				height: auto;
				}
				#page_eco00 .w .more_link{
				width: 100%;
				}

				.blue_box{
				width: 90%;
				margin-left: auto;
				margin-right: auto;
				min-height: 120px;
				}
				.blue_box th{
				width: 30%;
				padding: 5px;
				}
				.blue_box td{
				width: 70%;
				padding: 5px 0px;
				}
				.blue_box img{
				width: 90px;
				height: auto;
				}
				.blue_box.fl,
				.blue_box.fr{
				float: none;
				
				}
				.blue_box .ml{
				margin-left: 0;
				}
				
				
				}