@charset "utf-8";

/*下層ページ共通部分-------------------------*/
a{
	cursor: pointer;
    cursor: hand;}

#title {
    width:100%;
    height: 299px;
    margin: 0 auto;
	background-image:url(../../service/img/servis.png);
}

.top-title {
	width:1000px;
    font-size: 45px;
	padding-top:100px;
	margin:0 auto;
	font-family: 'Libre Baskerville', serif;
	color:#003c30;
	text-align:center;
	adding: 0.25em 0;
	line-height:130%;
	text-shadow: -1px -1px 1px #eee, 1px 1px 1px #3a3f24;
}
.top-title span{
	display: block;
	font-size: 25px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-shadow:initial;
}

span.span1{
	content: "";
	height: 2px;
	width:800px;
	margin: 0 auto;
	border-top:1.5px solid rgb(0, 60, 48);
}


#panlist {
    width: 100%;
    height: 25px;
    background-color: #57ae82;
	color:#fff;
	text-align:left;
}

#panlist p {
    padding-bottom: 2px;
	padding-left:18px;
    color: #fff;
	    display: inline;
		}

.pan-box {
    width: 70%;
    margin: 0 auto;
    color:#fff;
    cursor:default;
}

.pan-box a{
    /* width: 60%; */
    margin: 0 auto;
    color:#fff;
    padding:0px 15px;
}


	
.pan-box a:hover{
	color:#1d5539;
	transition:all 1.0s;
}
/* -----------------------------------
事業内容
-------------------------------------*/
#service{
	width:1000px;
	height:3700px;
	margin:0 auto;
	background: url(../../service/img/service_img_01.png) no-repeat top left 50%;
	padding:50px 0;
	position:relative;
}

#cont1 h3{
	color:#347956;
	font-size:36px; font-size: 3.6rem;
	font-weight:bold;
	text-align: center;
	padding-bottom:60px;
}

#cont1 p{
	width:785px;
	margin:0 auto;
	font-size:16px; font-size: 1.6rem;
	padding-bottom:250px;
}

#cont2, #cont3{
	width:1000px;
	margin:0 auto;
}

h4{
	font-size:30px; font-size:3.0rem;
	font-weight:bold;
	line-height:40px;
	letter-spacing: 2px;
}

h5{
	font-size:35px; font-size:3.5rem;
	font-weight:bold;
	letter-spacing: 2px;
	padding-bottom:10px;
}

h4 span{
	font-size:27px; font-size:2.7rem;
	border-bottom:solid 1px;
	color:#00464e;
	line-height:90px;
	
}

.title1{
	text-align:center;
	color:#00464e;
}

.title1 h4{
	color:#8da0a3;
}

.title1 span{
	border-bottom-color:#00464e;
}

.title1 p{
	font-size:30px; font-size:3.0rem;
	font-weight:bold;
	padding-top:40px;
}

.title2, .title3, .title4{
	color:#00464e;
}

.title2{
	position:absolute;
	top:1050px;
	left:10%;
}

.title2 p,.title4 p,.title6 p,.title7 p,.title8 p{
	width:300px;
	line-height:20px;
}

.title3{
	position:absolute;
	top:1390px;
	right:20%;
}

.title3 p{
	width:350px;
}

.title4{
	position:absolute;
	top:1700px;
	left:10%;
}

.title5{
	text-align:center;
	color:#8aaf00;
}

.title5 h4{
	color:#bed18d;
}

.title5 span{
	color:#8aaf00;
	border-bottom-color:#8aaf00;
}

.title5 p{
	font-size:30px; font-size:3.0rem;
	font-weight:bold;
	padding-top:40px;
}

.title6, .title7, .title8{
	color:#8aaf00;
}

.title5{
	padding:1250px 35px 0 0;
}

.title6{
	position:absolute;
	top:2620px;
	right:10.5%;
}

.title6 p{
	padding-left:30px;
}

.title7{
	position:absolute;
	top:2930px;
	left:10%;
}

.title7 p{
	padding-left:35px;
}

.title8{
	position:absolute;
	top:3275px;
	right:10.5%;
}

.title8 p{
	padding-left:10px;
}