@charset "utf-8";

/* ========================================================
	index.css => index用CSS
======================================================== */

/* 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;

					}
				}

/* index_contents
============================================================================================================ */
.index_contents {
}
.index_contents section {
	float: left;
	width: 420px;
	margin-bottom: 50px;
	font-size: 1.3rem;
}
.index_contents section + section {
	float: right;
}
.index_contents section a {
	display: block;
	text-decoration: none;
	color: #4d4d4d;
}
.index_contents section a .ph {
	text-align: center;
}
.index_contents section a h1 {
	margin: 15px 0 10px;
	color: #000;
	font-size: 1.7rem;
	line-height: 1.5;
}
.index_contents section a:hover h1 {
	text-decoration: underline;
}

.maincopy{
	text-align: center;
	margin: 10px 0;
}

.bg_indexecobox{
	background-image: url(/common/images/bg_eco.jpg);
	background-position: 50% bottom;
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-bottom: 460px;
}

.white_bgbase{
	/*background-position: 50% 30px;
	background-repeat: no-repeat;
	background-image: url(/common/images/white_base.png);*/
	padding:15px 0 15px 0;
	background-color:  #fff;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.white_bgbase h2.icontit{
	padding: 0px 0 10px 0;
}


				@media screen and (max-width: 768px) {
					.index_contents {
					}
					.index_contents section {
						float: none !important;
						width: auto;
						margin-bottom: 40px;
						font-size: 1.2rem;
					}
					.index_contents section a .ph img {
						width: 100%;
					}
					.maincopy{
					width: 90%;
					margin: 10px auto;
				}
					.bg_indexecobox .white_bgbase .maincopy{
					text-align: left;
					}

				}





/* 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 a:hover .title {
	text-decoration: underline;
}

.slide_link_area div.newsbox .img img {
	text-align: center;
}
.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);
}


.g_box_tac {
	text-align: center;
}
.g_box_tac img {
	margin-top: 20px;
}
.g_box_tac img.mr10 {
	margin-right: 20px;
}

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


					@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 .title {
						display: block;
					}

					.slide_link_area div.newsbox a:hover .title {
						text-decoration: underline;
					}


					.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 {

					}
					.slide_link_area .arrow.l {
					}
					.slide_link_area .arrow.r {
						right: 45px;
						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:10px;
					}
					.slide_link_area .arrow.prev {
						left: 10px;
					}
					.slide_link_area .arrow.prev span {
						-webkit-transform: rotate(180deg);
						-ms-transform: rotate(180deg);
						-o-transform: rotate(180deg);
						transform: rotate(180deg);
					}
					
					.g_box_tac img.mr10 {	margin-right: 0 !important;}
					.js-matchHeight000 {
	display: block;
	height: 215px;
	overflow: hidden;
}

					
					}















.service_box_menu{}
.service_box_menu .fl,
.service_box_menu .fr{border: 1px solid #ddd5cd;}

.service_box_menu a{display: block;text-align: center;width: 480px;padding-bottom: 3px;}

.service_box_menu a:link,
.service_box_menu a:hover{text-decoration: none;}

.service_box_menu .subtit159{display: block;padding: 5px 5px 0 5px;font-size: 2.2rem;font-weight: 900;}
.service_box_menu .txt55{display: block;border-bottom: 1px solid #eaeaea;padding: 5px 10px;text-align: left;line-height: 1.5;}

.service_box_menu a:hover .subtit159 {text-decoration: underline !important;}





.pointbox00{}

.pointbox00 .flw315_in0{float: left;width: 315px;margin: 0 5px 0 6px;}


.pointbox00 .flw315_in0 h2{text-align: center;font-size: 2.2rem;font-weight: 900;}

.pointbox00 .flw315_in0 p{width: 300px;line-height: 1.3;}



.top_copy00{
text-align: center;
padding: 30px 0 0 0;
}

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


			@media screen and (max-width: 768px) {
			.service_box_menu{}
			.service_box_menu .fl,
			.service_box_menu .fr{border: 2px solid #ddd5cd;margin-bottom: 20px;}

			.service_box_menu a{display: block;text-align: center;width: 100%;padding-bottom: 3px;}



			.service_box_menu .subtit159{font-size: 1.8rem;}


			.pointbox00{}

			.pointbox00 .flw315_in0{float: none;width: 98%;margin: 0 auto 20px auto;text-align: center !important;}
			.pointbox00 .flw315_in0 img{margin-left: auto;margin-right: auto;}


			.pointbox00 .flw315_in0 h2{text-align: center;font-size: 2.0rem;font-weight: 900;}

			.pointbox00 .flw315_in0 p{width: 98%;line-height: 1.3;text-align: left;}

			.top_copy00{
			text-align: left;
			padding: 30px 20px 0 20px;
			}
			}


.oshirase0603 a{
			display: block;
			margin:5px 0 ;
			}
.oshirase0603 a.border_link{
			border-bottom: 1px dotted #ccc;
			padding-bottom: 5px;
			}