@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("/service/images/bg.jpg");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
text-align: center;

font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-weight: normal;
padding: 240px 10% 20px 10%;
letter-spacing: 0.3em;
    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;
}




.js-matchHeight01 {
	display: block;
	height: 200px;
	overflow: hidden;
}




/* 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; position: relative;}

.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: 2;text-align: left;}
/*.eco_service_box .servicebox_t .ectxt2_a{margin-top: 15px;padding-bottom: 10px;}*/
.eco_service_box .servicebox_t .ectxt2_a{position: absolute; top: 165px; width: 100% !important;}
.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;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: 80px;}
.logo_box img{margin-right: 10px;}
.logo_box .logo_last{margin-right: 0px !important;}

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






/* slick
============================================================================================================ */
.slide_link_area {
	position: relative;
	margin: 0 auto 30px auto;
	padding: 0;
	width: 920px;
}
.slide_link_area ul:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}


.slide_inn {
	margin: 0 auto 0px auto;
	padding: 0;
	width: 900px;
}
.slide_inn:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}



.slide_link_area div.newsbox {
	float: left;
	display: block;
	padding: 0 auto;
	text-decoration: none;
	text-align: center;
	margin: 10px;
	width: 280px;
	background-color: #fff;
	box-shadow: 0px 0px 10px;
	border: 1px solid #eaeaea;
	font-size: 15px; font-size: 1.5rem;
line-height: 1.4;
}

.slide_link_area div.newsbox {

}

.slide_link_area div.newsbox .title {
	display: block;
	margin: 10px 5px 5px 5px;
	font-weight: 900;
	font-size: 1.6rem;
}
.slide_link_area div.newsbox .copy {
	display: block;
	text-align: left;
	margin: 0 10px 15px;
}

.slide_link_area div.newsbox a {

}

.slide_link_area div.newsbox .title {
	display: block;
}
.slide_link_area div.newsbox .img img {
	text-align: center;
}
.slide_link_area div.newsbox a:hover .title {
	text-decoration: underline;
}


.slide_link_area div.newsbox .btn130{
	display: block;
	text-align: center;
	margin: 0 auto;
	padding: 5px 0 5px 73px;
	border-top: 1px solid #eaeaea;
}





.slide_link_area .arrow {
	position: absolute;
	top: 38px;
	cursor: pointer;
}
.slide_link_area .arrow.l {
}
.slide_link_area .arrow.r {
	right: -5px;
	text-align: right;
}
.slide_link_area .arrow.slick-disabled {
	cursor: default;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.slide_link_area .arrow.slick-disabled:after {
	content: none;
}



.slide_link_area .arrow {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50px;
	/*background-color: rgba(0,0,0,0.5);*/
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	z-index: 30;
}
.slide_link_area .arrow span {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 35px;
	height: 35px;
	border-radius: 100%;

}
.slide_link_area .arrow span {
	background-color: #005fa3;
}


.slide_link_area .arrow span:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	margin-left: -9px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.slide_link_area .arrow.next {
	right:-30px;
}
.slide_link_area .arrow.prev {
	left: -40px;
}
.slide_link_area .arrow.prev span {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.js-matchHeight000 {
	display: block;
	height: 200px;
	overflow: hidden;
}

.cat01{
background-color: #215798;
color: #fff;
text-align: center;
padding: 3px 5px ;
}

				@media screen and (max-width: 768px) {
				.slide_link_area {
					width: 98%;
				}
				.slide_inn {
					width: 96%;
				}
				.slide_link_area div.newsbox {
				width: 98%;
				
				}
				
				.js-matchHeight000 {
margin-bottom: 10px;
}



				.slide_link_area div.newsbox .title {

				}
				.slide_link_area div.newsbox .copy {

				}

				.slide_link_area div.newsbox .img img {
					width: 100%;
				}

				.slide_link_area div.newsbox a {

				}



				.slide_link_area div.newsbox .btn130{
					padding: 5px 0 5px 0px !important;

				}
					.slide_link_area div.newsbox .btn130 img{
					text-align: center !important;
					margin: 0 auto;
					}





				.slide_link_area .arrow.r {
					right: 45px;
					text-align: right;
				}







				.slide_link_area .arrow span:after {

				}
				.slide_link_area .arrow.next {
					right:10px;
				}
				.slide_link_area .arrow.prev {
					left: 10px;
				}

				
				.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{
				line-height: 2.5;
				}
				
				.eco_service_box .servicebox_t .ectxt2_a{
				position: relative !important;
				top: 0;
				margin-top: 20px;
				margin-bottom: 10px;
				}
				.logo_box{text-align: center;}

				.logo_box img{margin-right: 10px !important;margin-left: 10px;margin-bottom: 10px;}

				.logo_box .logo_last{margin-right: 10px !important;}

				}