@charset "UTF-8";
/* CSS Document */

/*ヘッダー*/

#pageHeader{
	background:url(../img/MainVisual_bg.png)  no-repeat center top;
	background-size:cover;
}

.loop{
	background:url(../img/loop_img.png) repeat-x;
	height:700px;
	margin-top:30px;
	-moz-animation: loop 90s linear infinite;
	animation: loop 90s linear infinite;
	}
	
	@keyframes loop {
	0% {background-position: 2000px 0;}
	25% {background-position: 1500px 0;}
	50% {background-position: 1000px 0;}
	75% {background-position: 500px 0;}
	100% {background-position: 0 0;}
	}
	@-moz-keyframes loop {
	0% {background-position: 2000px 0;}
	25% {background-position: 1500px 0;}
	50% {background-position: 1000px 0;}
	75% {background-position: 500px 0;}
	100% {background-position: 0 0;}
	}

div.inner{
	width:1000px;
	margin:0 auto;
	position:relative;
}

div h1.logo{
	text-align:center;
	margin-top:-100px;
	margin-bottom:30px;
}

div p.tel{
	display:inline-block;
	position:absolute;
	right:0px;
	bottom:30px;
}

/*コンテンツ1*/

#section1{
	width:1000px;
	margin:0 auto;
}

#section1 p{
	text-align:center;
	margin-top:-30px;
	line-height:2.1em;
	letter-spacing:0.1em;
}


/*コンテンツ2*/

#section2{
	display:flex;
	justify-content:space-between;
	width:1000px;
	margin:0 auto;
	margin-top:100px;
}

section#box{
	border:1px solid #009c95;
	width:43%;
	padding:25px;
	border-radius:10px;
}

section#box h3{
	display:block;
	background:#009c95;
	color:#fff;
	padding:20px;
	font-size:1.3em;
	text-align:center;
	margin-bottom:25px;
	border-radius:10px 10px 0 0;
}

section#box p{
	font-size:0.9em;
	line-height:1.7em;
	margin-bottom:10px;
}

section#box p img{
	width:100%;
	margin-top:20px;
}


section#box a{
	display:block;
	color:#009c95;
	font-size:1em;
	text-align:center;
	border:1px solid #009c95;
	background:#d9f0ef;
	padding:10px;
	border-radius:0 0 10px 10px;
}

/*コンテンツ3*/

#section3{
	background:#b2e1df;
	margin-top:100px;
}

#section3 section.innerBox{
	width:1000px;
	margin:0 auto;
}

#section3 h2{
	display:inline-block;
	margin-top:30px;
	width:100%;
}

.TroubleList{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}


#section3 li{
	width:23%;
	background:#fff;
	border:1px solid #fff;
	padding-bottom:40px;
	margin-bottom:40px;
	border-radius:10px;
}

#section3 li dt{
	color:#009c95;
	font-size:1.8em;
	text-align:center;
	margin-bottom:10px;	
}

#section3 li dd{
	font-size:0.9em;
	text-align:center;
	line-height:1.3em;
}

#section3 li dt.Trouble1{
	background:url(../img/Trouble01.png) no-repeat center;
	padding-top:130px;
}

#section3 li dt.Trouble2{
	background:url(../img/Trouble02.png) no-repeat center;
	padding-top:130px;
}

#section3 li dt.Trouble3{
	background:url(../img/Trouble03.png) no-repeat center;
	padding-top:130px;
}

#section3 li dt.Trouble4{
	background:url(../img/Trouble04.png) no-repeat center;
	padding-top:130px;
}

#section3 li dt.Trouble5{
	background:url(../img/Trouble05.png) no-repeat center;
	padding-top:130px;
}

#section3 li dt.Trouble6{
	background:url(../img/Trouble06.png) no-repeat center;
	padding-top:130px;
}

#section3 li dt.Trouble7{
	background:url(../img/Trouble07.png) no-repeat center;
	padding-top:130px;
}

#section3 li dt.Trouble8{
	background:url(../img/Trouble08.png) no-repeat center;
	padding-top:130px;
}

/*コンテンツ4*/

#section4{
	width:1000px;
	margin:0 auto;
}

#section4 .ServiceFlow li dl{
	display:flex;
}

#section4 .ServiceFlow li dt{
	border:1px solid #009C95;
	border-right:none;
	background:#E5F5F4;
	width:50%;
	margin-bottom:20px;
	padding:20px;
	color:#009C95;
	font-size:1.8em;
	border-radius:10px 0 0 10px;
}

#section4 .ServiceFlow li dd{
	border:1px solid #009C95;
	border-left:none;
	width:50%;
	margin-bottom:20px;
	padding:20px;
	line-height:1.3em;
	border-radius:0 10px 10px 0;
}

#section4 .ServiceFlow li dt span.ServiceFlow1{
	background:url(../img/Serviceflow1.png) no-repeat left;
	padding-left:50px;
}

#section4 .ServiceFlow li dt span.ServiceFlow2{
	background:url(../img/Serviceflow2.png) no-repeat left;
	padding-left:50px;
}

#section4 .ServiceFlow li dt span.ServiceFlow3{
	background:url(../img/Serviceflow3.png) no-repeat left;
	padding-left:50px;
}

#section4 .ServiceFlow li dt span.ServiceFlow4{
	background:url(../img/Serviceflow4.png) no-repeat left;
	padding-left:50px;
}

#section4 .ServiceFlow li dt span.ServiceFlow5{
	background:url(../img/Serviceflow5.png) no-repeat left;
	padding-left:50px;
}

#section4 .ServiceFlow li dt span.ServiceFlow6{
	background:url(../img/Serviceflow6.png) no-repeat left;
	padding-left:50px;
}

#section4 .ServiceFlow li dt span.ServiceFlow7{
	background:url(../img/Serviceflow7.png) no-repeat left;
	padding-left:50px;
}


#section4 .ServiceFlow li dt.kaikei{
	padding-top:60px;}