@charset "UTF-8";
/*
 * top_layout.css
 *
 */
 
#header h1 a {
	position:absolute;
	font-size:12px;
	font-weight: 500;
	height:40px;
	line-height:40px;
	color:#FFF;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	top:0;
	right:350px;
}
 
#header a#headerLogo img {
	display:block;
	position:absolute;
	width:226px;
	height:72px;
	top:25px;
	left:30px;
}

#gnavi {
	position:absolute;
	clear:both;
	width:730px;
	height:60px;
	top:60px;
	right:20px;
}
	#gnavi ul {
		position:absolute;
		display:block;
		width:730px;
		height:60px;
		
		*zoom: 1;
		z-index:100;
	}
		#gnavi ul * {
			box-sizing: border-box;
		}
		#gnavi ul:before, .dropmenu:after {
			content: "";
			display: table;
		}
		#gnavi ul:after {
			clear: both;
		}
		#gnavi ul li {
			float:left;
			display: inline-block;
			line-height:1.8;
			font-weight:bold;
			list-style: outside none none;
			
			position: relative;
		}
			#gnavi ul li span {
				font-family: 'Fira Sans Condensed', sans-serif;
				font-size:10px;
				font-weight:normal;
				letter-spacing:0.1em;
				display:block;
			}
		#gnavi ul li a {
			display:block;
			font-size:14px;
			height:60px;
			text-align:center;
			color: #FFF;
			-webkit-transition: all 0.7s ease;
			-moz-transition: all 0.7s ease;
			transition: all 0.7s ease;
			padding: 0 0 10px 0;
			color: rgba(0, 0, 0, 1);
			position: relative;
			text-decoration: none;
		}
			#gnavi ul li a:before,
			#gnavi ul li a:after {
				position: absolute;
				-webkit-transition: all 0.35s ease;
				transition: all 0.35s ease;
			}
			#gnavi ul li a:before {
				bottom: 0;
				display: block;
				height: 3px;
				width: 0%;
				content: "";
				background-color: #FF9600;
			}
			#gnavi ul li a:after {
				left: 0;
				top: 0;
				padding: 0 0 0 0;
				position: absolute;
				content: attr(data-hover);
				color: #111;
				white-space: nowrap;
				max-width: 0%;
				overflow: hidden;
			}
			#gnavi ul li a:hover,
			#gnavi ul li .current a {
				color: #FFF;
			}
			#gnavi ul li a:hover:before,
			#gnavi ul li .current a:before {
				opacity: 1;
				width: 100%;
			}
			#gnavi ul li a:hover:after,
			#gnavi ul li .current a:after {
				max-width: 100%;
			}
			#gnavi ul > li#merit a {
				width:140px;
				color:#FFF;
				margin:0 5px;
			}
			#gnavi ul > li#works a {
				width:130px;
				color:#FFF;
				margin:0 5px;
			}
			#gnavi ul > li#price a {
				width:160px;
				color:#FFF;
				margin:0 5px;
			}
			#gnavi ul > li#flow a {
				width:80px;
				color:#FFF;
				margin:0 5px;
			}
			#gnavi ul > li#specification a {
				width:70px;
				color:#FFF;
				margin:0 5px;
			}
			#gnavi ul > li#faq a {
				width:90px;
				color:#FFF;
				margin:0 5px;
			}
			
			#gnavi ul li ul {
				width: 420px;
				list-style: none;
				position: absolute;
				z-index: 100;
				top: 100%;
				left: 0;
				margin: 0px 0 0 0;
				padding: 0;
			}
				#gnavi ul li ul li {
					width:auto;
					float:none;
				}
					#gnavi ul li#merit ul li a {
						width: 220px;
						font-size:14px;
						font-weight:normal;
						height:46px;
						line-height:46px;
						margin: 0px 5px 1px 5px;
						padding:0 0 0 15px;
						border-radius:0;
						background:rgba(0,0,0,0.65);
						color:#FFF;
						text-align: left;
						transition: .5s;
					}
						#gnavi ul li#merit ul li a:hover {
							color:#F8B141;
						}
					#gnavi ul li#works ul li a {
						width: 260px;
						font-size:14px;
						font-weight:normal;
						height:46px;
						line-height:46px;
						margin: 0px 5px 1px 5px;
						padding:0 0 0 15px;
						border-radius:0;
						background:rgba(0,0,0,0.65);
						color:#FFF;
						text-align: left;
						transition: .5s;
					}
						#gnavi ul li#works ul li a:hover {
							color:#F8B141;
						}
					#gnavi ul li#price ul li a {
						width: 325px;
						font-size:14px;
						font-weight:normal;
						height:46px;
						line-height:46px;
						margin: 0px 5px 1px 5px;
						padding:0 0 0 15px;
						border-radius:0;
						background:rgba(0,0,0,0.65);
						color:#FFF;
						text-align: left;
						transition: .5s;
					}
						#gnavi ul li#price ul li a:hover {
							color:#F8B141;
						}
							#gnavi ul li ul li a:before {
								display:none;
							}
						#gnavi ul#fade-in2 li ul{
							opacity: 0;
							top: 100%;
							left:-15px;
							visibility: hidden;
							transition: .5s;
						}
						#gnavi ul#fade-in2 li:hover ul{
							top: 100%;
							left:0;
							visibility: visible;
							opacity: 1;
						}
			
@media screen and (max-width:1039px){

}

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

}


/* !mainvisual
---------------------------------------------------------- */
.main {
	position: relative;
    height: 100vh;
    min-height: 780px;
	background-repeat:no-repeat;
	background-position:50% 50%;
    background-size: cover;
	z-index:1;
}
	.main div.mainCopy{
		display:block;
		position:absolute;
		width:1000px;
		height:600px;
		top:58%;
		left:50%;
		margin-top:-300px;
		margin-left:-500px;
	}
		.main div.mainCopy h2{
			font-size:50px;
			font-weight:bold;
			text-align:center;
			color:#FFF;
			line-height:1.4;
			text-shadow: rgba(0,0,0,0.5) 1px 1px 3px;
			margin-bottom:30px;
		}
		.main div.mainCopy p.mainLogo{
			display:block;
			width:80px;
			height:92px;
			margin:0 auto 10px auto;
		}
		.main div.mainCopy p.mainLogoTxt{
			font-family: 'Fira Sans Condensed', sans-serif;
			font-size:14px;
			font-weight:normal;
			color:#FFF;
			letter-spacing:0.4em;
			text-align:center;
			text-shadow: rgba(0,0,0,0.5) 1px 1px 3px;
			margin-bottom:50px;
		}
		.main div.mainCopy ul.pr {
			width:100%;
			display: flex;
			justify-content: center;
			margin-bottom: 30px;
		}
			.main div.mainCopy ul.pr li {
				width:auto;
				margin-right: 40px;
			}
			.main div.mainCopy ul.pr li:last-child {
				margin-right: 0;
			}
				.main div.mainCopy ul.pr li strong {
					display: inline-block;
					height: 46px;
					font-size:22px;
					font-weight: bold;
					color: #111;
					line-height: 46px;
					padding:0 0.6em;
					background: #FFF;
					position: relative;
				}
					.main div.mainCopy ul.pr li:nth-child(1) strong span {
						color:#ff9600;
					}
					.main div.mainCopy ul.pr li:nth-child(2) strong span {
						color:#95c112;
					}
					.main div.mainCopy ul.pr li:nth-child(3) strong span {
						color:#80c7ce;
					}
					.main div.mainCopy ul.pr li strong:before {
						position: absolute;
						content:"";
						width: 0;
						height: 0;
						border-style: solid;
						border-width: 0 0 46px 18px;
						border-color: transparent transparent #FFF transparent;
						top:0;
						left:-18px;
					}
					.main div.mainCopy ul.pr li strong:after {
						position: absolute;
						content:"";
						width: 0;
						height: 0;
						border-style: solid;
						border-width: 46px 18px 0 0;
						border-color: #FFF transparent transparent transparent;
						top:0;
						right:-18px;
					}
		.main div.mainCopy p.read{
			font-size:22px;
			font-weight:bold;
			text-align:center;
			color:#FFF;
			text-shadow: rgba(0,0,0,0.5) 1px 1px 3px;
			line-height:1.8;
			margin-bottom: 40px;
		}
		.main div.mainCopy ul.links {
			width:100%;
			display: flex;
			justify-content: center;
		}
			.main div.mainCopy ul.links li {
				width:auto;
				margin-right: 20px;
			}
			.main div.mainCopy ul.links li:last-child {
				margin-right: 0;
			}
				.main div.mainCopy ul.links li a {
					display: inline-block;
					font-size:17px;
					font-weight: 700;
					height: 50px;
					line-height: 50px;
					color: #FFF;
					padding:0 1.6em;
					border-radius: 25px;
					overflow: hidden;
					transition:.5s;
				}
				.main div.mainCopy ul.links li:first-child a {
					background: #95c112;
				}
				.main div.mainCopy ul.links li:last-child a {
					background: #ff9600;
				}
					.main div.mainCopy ul.links li a:hover {
						filter: brightness(0.9);
						padding:0 1em 0 1.6em;
					}
					.main div.mainCopy ul.links li a i {
						margin-left: 0.8em;
						transition:.5s;
					}
						.main div.mainCopy ul.links li a:hover i {
							margin-left: 1.4em;
						}
		.main div.mainCopy img.anniversary {
			position:absolute;
			display: block;
			width:110px;
			top:-45px;
			left:100px;
			z-index: 2;
		}

@media screen and (max-width:1039px){
.main {
	position: relative;
    height: 700px;
	min-height:0;
    background-repeat:no-repeat;
	background-position:50% 50%;
    background-size: cover;
}
	.main div.mainCopy{
		width:748px;
		height:550px;
		top:50%;
		left:50%;
		margin-top:-270px;
		margin-left:-374px;
	}
		.main div.mainCopy h2{
			font-size:44px;
			margin-bottom:30px;
		}
		.main div.mainCopy p.mainLogoTxt{
			font-size:14px;
			letter-spacing:0.4em;
			margin-bottom:50px;
		}
		.main div.mainCopy ul.pr {
			margin-bottom: 25px;
		}
				.main div.mainCopy ul.pr li strong {
					font-size:20px;
				}
		.main div.mainCopy p.read{
			font-size:18px;
			margin-bottom: 30px;
		}
					.main div.mainCopy ul.links li a:hover {
						filter: none;
						padding:0 1.6em;
					}
					.main div.mainCopy ul.links li a i {
						margin-left: 0.8em;
					}
						.main div.mainCopy ul.links li a:hover i {
							margin-left: 0.8em;
						}
		.main div.mainCopy img.anniversary {
			width:100px;
			top:-40px;
			left:20px;
		}
}

@media screen and (max-width:767px){
.main {
	position: relative;
    height: 500px;
    background-repeat:no-repeat;
	background-position:50% 50%;
    background-size: cover;
}
	.main div.mainCopy{
		width:340px;
		height:400px;
		top:50%;
		left:50%;
		margin-top:-200px;
		margin-left:-170px;
	}
		.main div.mainCopy h2{
			font-size:22px;
			margin-bottom:15px;
		}
		.main div.mainCopy p.mainLogo{
			width:60px;
			height:69px;
			margin:0 auto 8px auto;
		}
		.main div.mainCopy p.mainLogoTxt{
			font-size:10px;
			letter-spacing:0.3em;
			margin-bottom:30px;
		}
		.main div.mainCopy ul.pr {
			margin-bottom: 20px;
		}
			.main div.mainCopy ul.pr li {
				margin-right: 20px;
			}
			.main div.mainCopy ul.pr li:last-child {
				margin-right: 0;
			}
				.main div.mainCopy ul.pr li strong {
					height: 36px;
					font-size:13px;
					line-height: 36px;
					padding:0 0.4em;
				}
					.main div.mainCopy ul.pr li strong:before {
						border-width: 0 0 36px 12px;
						left:-12px;
					}
					.main div.mainCopy ul.pr li strong:after {
						border-width: 36px 12px 0 0;
						right:-12px;
					}
		.main div.mainCopy p.read{
			font-size:13px;
			line-height:1.8;
			text-align: left;
			margin-bottom: 20px;
		}
			.main div.mainCopy p.read br {
				display: none;
			}
			.main div.mainCopy ul.links li {
				margin-right: 10px;
			}
			.main div.mainCopy ul.links li:last-child {
				margin-right: 0;
			}
				.main div.mainCopy ul.links li a {
					font-size:12px;
					height: 44px;
					line-height: 44px;
					padding:0 1.4em;
				}
					.main div.mainCopy ul.links li a i {
						display: none;
					}
					.main div.mainCopy ul.links li a:hover {
						padding:0 1.4em;
					}
		.main div.mainCopy img.anniversary {
			width:70px;
			top:-35px;
			left:-15px;
		}
}

@media screen and (max-width:360px){
	.main div.mainCopy{
		width:320px;
		margin-left:-160px;
	}
				.main div.mainCopy ul.pr li strong {
					font-size:12px;
				}
			.main div.mainCopy ul.links li {
				margin-right: 10px;
			}
			.main div.mainCopy ul.links li:last-child {
				margin-right: 0;
			}
				.main div.mainCopy ul.links li a {
					font-size:11px;
				}
		.main div.mainCopy img.anniversary {
			width:60px;
			top:-30px;
			left:-15px;
		}
}

@media screen and (max-width:359px){
		.main div.mainCopy h2{
			font-size:20px;
		}
	.main div.mainCopy{
		width:300px;
		margin-left:-150px;
	}
				.main div.mainCopy ul.links li a {
					font-size:10px;
				}
		.main div.mainCopy img.anniversary {
			left:-15px;
		}
}

/* !最新の実績
---------------------------------------------------------- */
.newWorks {
	width:auto;
	padding:70px 0;
	background:url(../../img/new_works_bg.jpg) 50% 50% no-repeat;
	background-size:cover;
	overflow:hidden;
}

	.newWorks h2 {
		font-size:28px;
		font-weight:bold;
		text-align:center;
		background:url(../../img/service_tit_bg.gif) center bottom no-repeat;
		padding-bottom:20px;
		margin-bottom:50px; 
	}
		.newWorks h2 span {
			font-weight:normal;
		}
	
.newWorksCarousel {
	width:100%;
}
	.newWorksCarousel div {
		width:100%;
		margin:0 auto;
	}
		.newWorksCarousel div img {
			display:block;
			width:90%;
			margin:0 auto 20px auto;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
			.newWorksCarousel div img:hover {
				opacity:0.7;
			}
	
@media screen and (max-width:1039px){
.newWorks {
	padding:70px 0;
}
	.newWorks h2 {
		margin-bottom:40px; 
	}
		.newWorksCarousel div img:hover {
				opacity:1;
			}
}

@media screen and (max-width:767px){
.newWorks {
	padding:50px 0 50px 0;
}
	.newWorks h2 {
		font-size:20px;
		padding-bottom:16px;
		margin-bottom:50px; 
	}
}

/* !実績
---------------------------------------------------------- */
.topWorks {
	padding:0;
}
	.topWorks ul li {
		width:25%;
		height:300px;
		float:left;
	}
	.topWorks ul li.tit {
		position: relative;
	}
		.topWorks ul li.tit p.fukidashi {
			position: absolute;
			display: inline-block;
			width:90px;
			height: 90px;
			background: #80C7CE;
			border-radius: 50%;
			padding-top:22px;
			font-size:18px;
			font-weight: 700;
			line-height: 1.1;
			color: #FFF;
			text-align: center;
			transform: rotate(-20deg);
			top:15px;
			left:50%;
			margin-left: -130px;
		}
			.topWorks ul li.tit p.fukidashi:after {
				position: absolute;
				content:"";
				width: 0;
				height: 0;
				border-style: solid;
				border-right: 10px solid transparent;
				border-left: 10px solid transparent;
				border-top: 20px solid #80C7CE;
				border-bottom: 0;
				left:50%;
				margin-left: -10px;
				bottom:-14px;
			}
			.topWorks ul li.tit p.fukidashi span {
				font-size:160%;
				color: #FBED86;
			}
		.topWorks ul li.tit h2 {
			font-size:20px;
			font-weight:bold;
			line-height:1.4;
			text-align:center;
			padding-top:80px;
			margin-bottom:40px;	
		}
		.topWorks ul li.tit a {
			display:block;
			width:220px;
			height:44px;
			line-height:44px;
			background:#95C112;
			color:#FFF;
			text-align:center;
			border-radius:22px;
			margin:0 auto;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
			.topWorks ul li.tit a:hover {
				opacity:0.7;
			}
		.topWorks ul li.works a {
			border:0px solid #FF9600;
			-webkit-transition: all 0.12s ease-out;
			-moz-transition: all 0.12s ease-out;
			transition: all 0.12s ease-out;
		}
			.topWorks ul li.works a:hover {
				border:5px solid #FF9600;
			}
		.topWorks ul li.works a.pamph {
			display:block;
			width:100%;
			height:300px;
			background:url(../../img/works01_img.jpg) 50% 50% no-repeat;
			background-size:cover;
			position:relative;
		}
		.topWorks ul li.works a.recruit {
			display:block;
			width:100%;
			height:300px;
			background:url(../../img/works02_img.jpg) 50% 50% no-repeat;
			background-size:cover;
			position:relative;
		}
		.topWorks ul li.works a.corp {
			display:block;
			width:100%;
			height:300px;
			background:url(../../img/works03_img.jpg) 50% 50% no-repeat;
			background-size:cover;
			position:relative;
		}
		.topWorks ul li.works a.catalog {
			display:block;
			width:100%;
			height:300px;
			background:url(../../img/works04_img.jpg) 50% 50% no-repeat;
			background-size:cover;
			position:relative;
		}
		.topWorks ul li.works a.poster {
			display:block;
			width:100%;
			height:300px;
			background:url(../../img/works05_img.jpg) 50% 50% no-repeat;
			background-size:cover;
			position:relative;
		}
		.topWorks ul li.works a.leaflet {
			display:block;
			width:100%;
			height:300px;
			background:url(../../img/works06_img.jpg) 50% 50% no-repeat;
			background-size:cover;
			position:relative;
		}
		.topWorks ul li.works a.hp {
			display:block;
			width:100%;
			height:300px;
			background:url(../../img/works07_img.jpg) 50% 50% no-repeat;
			background-size:cover;
			position:relative;
		}
			.topWorks ul li.works a div {
				position:absolute;
				width:100%;
				height:75px;
				color:#111;
				background-color:rgba(255,255,255,0.7);
				bottom:0px;
				left:0;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}
				.topWorks ul li.works a:hover div {
					background-color:rgba(255,150,0,1);
					color:#FFF;
				}
				.topWorks ul li.works a div h3 {
					font-size:16px;
					font-weight:bold;
					line-height:1.4;
					text-align:center;
					padding-top:14px;
				}
			.topWorks ul li.works a span {
				position:absolute;
				display:inline-block;
				font-family: 'Fira Sans Condensed', sans-serif;
				font-size:18px;
				letter-spacing:0.1em;
				width:40px;
				height:40px;
				background:#FF9600;
				color:#FFF;
				line-height:40px;
				text-align:center;
				top:0;
				left:0;
			}

@media screen and (max-width:1039px){
	.topWorks ul li {
		width:50%;
		height:300px;
		float:left;
	}
}

@media screen and (max-width:767px){
	.topWorks ul li {
		width:50%;
		height:200px;
		float:left;
	}
		.topWorks ul li.tit p.fukidashi {
			width:56px;
			height: 56px;
			padding-top:14px;
			font-size:11px;
			line-height: 1.1;
			top:10px;
			left:50%;
			margin-left: -80px;
		}
			.topWorks ul li.tit p.fukidashi:after {
				border-right: 5px solid transparent;
				border-left: 5px solid transparent;
				border-top: 10px solid #80C7CE;
				border-bottom: 0;
				left:50%;
				margin-left: -5px;
				bottom:-9px;
			}
			.topWorks ul li.tit p.fukidashi span {
				font-size:160%;
			}
		.topWorks ul li.tit h2 {
			font-size:16px;
			font-weight:bold;
			line-height:1.4;
			text-align:center;
			padding-top:50px;
			margin-bottom:20px;
		}
		.topWorks ul li.tit a {
			width:140px;
			height:40px;
			font-size:13px;
			line-height:40px;
			margin:0 auto;
		}
			.topWorks ul li.tit a span {
				display:none;
			}
		.topWorks ul li.works a.pamph {
			height:200px;
		}
		.topWorks ul li.works a.recruit {
			height:200px;
		}
		.topWorks ul li.works a.corp {
			height:200px;
		}
		.topWorks ul li.works a.catalog {
			height:200px;
		}
		.topWorks ul li.works a.poster {
			height:200px;
		}
		.topWorks ul li.works a.leaflet {
			height:200px;
		}
		.topWorks ul li.works a.hp {
			height:200px;
		}
}

/* !選ばれる理由
---------------------------------------------------------- */
.topMeritBg {
	background:#F2F2F2;
}
.topMerit {
	padding:70px 0;
}
	.topMerit h2 {
		font-size:32px;
		text-align:center;
		margin-bottom:50px; 
	}
		.topMerit h2 span {
			display:inline-block;
			background:url(../img/wave.gif) left bottom repeat-x;
			padding-bottom:20px;
		}
			.topMerit h2 span i.em {
				font-weight:bold;
				color:#FF9600;
				font-size:40px;
			}
		.topMerit h2 br {
			display:none;
		}
	.topMerit ul.meritList {
		width:100%;
		margin-bottom:50px;
	}
		.topMerit ul.meritList li {
			width:24.8%;
			margin:0.1%;
			float:left;
			background:#FFF;
			border-radius:4px;
			padding:35px 0;
		}
			.topMerit ul.meritList li img {
				display:block;
				width:160px;
				border-radius:50%;
				margin:0 auto 30px auto;
			}
			.topMerit ul.meritList li p {
				font-size:20px;
				text-align:center;
				line-height:1.4;
			}
				.topMerit ul.meritList li p  span {
					color:#FE8500;
					font-weight:bold;
				}
				
	.topMerit ul.meritList2 {
		width:100%;
		max-width:1000px;
		margin:0 auto 40px auto;
	}
		.topMerit ul.meritList2 li {
			width:48%;
			float:left;
			font-size:20px;
			color:#666;
			line-height:1.5;
			text-align:center;
			font-weight:bold;
			padding:5px 0;
			margin:0 1% 20px 1%;
			border-left:4px solid #AFCCCD;
			border-right:4px solid #AFCCCD;
			background-image:url(../../img/merit_list2_bg.gif),url(../../img/merit_list2_bg.gif),url(../../img/merit_list2_bg.gif),url(../../img/merit_list2_bg.gif);
			background-position:top left, top right, bottom left, bottom right;
			background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
		}
			.topMerit ul.meritList2 li br.tit {
				display:none;
			}
			.topMerit ul.meritList2 li span.tokucho1{
				display:inline-block;
				font-size:16px;
				color:#FFF;
				font-weight:normal;
				background:#95C112;
				padding:0.3em 0.8em;
				border-radius:20px;
				margin-right:10px;
				margin-top:10px;
			}
			.topMerit ul.meritList2 li span.tokucho2{
				display:inline-block;
				font-size:16px;
				color:#FFF;
				font-weight:normal;
				background:#FF9600;
				padding:0.3em 0.8em;
				border-radius:20px;
			}
a.topMeritBtn {
	display:block;
	width:330px;
	height:55px;
	line-height:55px;
	font-size:20px;
	color:#111;
	border:1px solid #333;
	text-align:center;
	margin:0 auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	position:relative;
	overflow:hidden;
}
	a.topMeritBtn:hover {
		border:1px solid #AFCCCD;
		background:#9EC1C2;
		color:#FFF;
	}
	a.topMeritBtn:before {
		font-family: FontAwesome;
		content:"\f105";
		color:#FFF;
		transition: 0.5s;
		position:absolute;
		right:-10px;
		overflow:hidden;
	}
	a:hover.topMeritBtn:before {
		right:20px;
		overflow:hidden;
	}

@media screen and (max-width:1039px){
.topMerit {
	padding:70px 0;
}
	.topMerit h2 {
		font-size:30px;
		margin-bottom:40px; 
	}
			.topMerit ul.meritList li img {
				width:140px;
			}
			.topMerit ul.meritList li p {
				font-size:18px;
			}
			
	.topMerit ul.meritList2 {
		max-width:760px;
	}
		.topMerit ul.meritList2 li {
			font-size:15px;
			margin:0 1% 15px 1%;
		}
			.topMerit ul.meritList2 li span.tokucho1{
				font-size:13px;
			}
			.topMerit ul.meritList2 li span.tokucho2{
				font-size:13px;
			}
a.topMeritBtn {
	width:300px;
	font-size:18px;
}

}

@media screen and (max-width:767px){
.topMerit {
	padding:70px 0 50px 0;
}
	.topMerit h2 {
		font-size:22px;
		line-height:1.5;
		margin-bottom:40px;
	}
		.topMerit h2 span {
			background-size:700px 6px;
		}
			.topMerit h2 span i.em {
				font-size:30px;
			}
		.topMerit h2 br {
			display:inherit;
		}
	.topMerit ul.meritList {
		width:100%;
		margin-bottom:30px;
	}
		.topMerit ul.meritList li {
			width:49.6%;
			margin:0 0.2% 2px 0.2%;
			float:left;
			padding:30px 0 25px 0;
		}
			.topMerit ul.meritList li img {
				display:block;
				width:80%;
				max-width:140px;
				border-radius:50%;
				margin:0 auto 20px auto;
			}
			.topMerit ul.meritList li p {
				font-size:16px;
				text-align:center;
				line-height:1.4;
			}
				.topMerit ul.meritList li p  span {
					color:#FE8500;
					font-weight:bold;
				}
				
	.topMerit ul.meritList2 {
		max-width:300px;
	}
	.topMerit ul.meritList2 li {
			width:100%;
			float:none;
			font-size:16px;
			margin:0 0 15px 0;
		}
		.topMerit ul.meritList2 li br.tit {
				display:inherit;
			}
			.topMerit ul.meritList2 li span.tokucho1{
				font-size:12px;
				margin-right:5px;
			}
			.topMerit ul.meritList2 li span.tokucho2{
				font-size:12px;
			}
a.topMeritBtn {
	width:260px;
	height:50px;
	line-height:50px;
	font-size:16px;
}
	a.topMeritBtn:hover {
		border:1px solid #333;
		background:none;
		color:#111;
	}
	a.topMeritBtn:before {
		font-family: FontAwesome;
		content:"\f105";
		color:#111;
		transition: 0.5s;
		position:absolute;
		right:15px;
		overflow:hidden;
	}
	a:hover.topMeritBtn:before {
		right:15px;
		overflow:hidden;
	}
}

/* !サービスMAP
---------------------------------------------------------- */
.topService {
	padding:70px 0 90px 0;
}
	.topService h2 {
		font-size:32px;
		font-weight:bold;
		text-align:center;
		background:url(../../img/service_tit_bg.gif) center bottom no-repeat;
		padding-bottom:20px;
		margin-bottom:50px; 
	}
	.topService ul {
		width:100%;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 40px;
	}
		.topService ul li {
			position: relative;
			width:31%;
			background:#FFF;
			border-radius:8px;
			box-shadow:0px 0px 3px rgba(0,0,0,0.25);
			margin-left:3.5%;
			margin-bottom:40px;
		}
			.topService ul li:nth-child(3n+1) {
				margin-left:0;
			}
			.topService ul li img {
				width:100%;
				border-radius:8px 8px 0 0;
			}
			.topService ul li div {
				padding:20px;
			}
			.topService ul li div.btmBtn {
				padding-bottom:64px;
			}
			.topService ul li div.btmBtn2 {
				padding-bottom:108px;
			}
				.topService ul li div h3 {
					font-size:20px;
					font-weight:bold;
					margin-bottom:10px;
					text-align:center;
				}
				.topService ul li div p {
					margin-bottom:20px;
				}
				.topService ul li div a.worksBtn {
					display:block;
					width:80%;
					font-size:14px;
					line-height:1.4;
					text-align:center;
					background:#FFF;
					border:1px solid #DDD;
					border-radius:20px;
					padding:0.6em 0.5em 0.5em 0.5em;
					margin:0 auto 5px auto;
					-webkit-transition: all 0.5s ease;
					-moz-transition: all 0.5s ease;
					transition: all 0.5s ease;
				}
					.topService ul li div a.worksBtn:hover {
						color:#FFF;
						background:#95C112;
						border:1px solid #95C112;
					}
				.topService ul li div a.priceBtn {
					display:block;
					width:80%;
					font-size:14px;
					line-height:1.4;
					text-align:center;
					background:#FFF;
					border:1px solid #DDD;
					border-radius:20px;
					padding:0.6em 0.5em 0.5em 0.5em;
					margin:0 auto 0 auto;
					-webkit-transition: all 0.5s ease;
					-moz-transition: all 0.5s ease;
					transition: all 0.5s ease;
				}
					.topService ul li div a.priceBtn:hover {
						color:#FFF;
						background:#FF9600;
						border:1px solid #FF9600;
					}
				.topService ul li a.guideBtn {
					position: absolute;
					display:block;
					width:100%;
					height: 44px;
					font-size:14px;
					line-height:44px;
					text-align:center;
					color:#FFF;
					background:#80C7CE;
					border-radius:0 0 8px 8px;
					padding:0 0.5em;
					margin:0 auto;
					-webkit-transition: all 0.5s ease;
					-moz-transition: all 0.5s ease;
					transition: all 0.5s ease;
					bottom:0;
					left:0;
				}
					.topService ul li a.guideBtn:hover {
						background:#68C4BD;
					}
				.topService ul li a.guideBtn2 {
					position: absolute;
					display:block;
					width:100%;
					height: 44px;
					font-size:14px;
					line-height:44px;
					text-align:center;
					color:#FFF;
					background:#80C7CE;
					border-bottom: 1px solid rgba(255,255,255,.3);
					padding:0 0.5em;
					margin:0 auto;
					-webkit-transition: all 0.5s ease;
					-moz-transition: all 0.5s ease;
					transition: all 0.5s ease;
					bottom:44px;
					left:0;
				}
					.topService ul li a.guideBtn2:hover {
						background:#68C4BD;
					}

	.topService a.fscBnr {
		display: block;
		width:100%;
		max-width: 1000px;
		height: 300px;
		background: url("../../img/fsc_bnr_bg.jpg") 50% 50% no-repeat;
		background-size: cover;
		border: 10px solid #FFF;
		border-radius: 6px;
		box-shadow:0px 0px 3px rgba(0,0,0,0.25);
		transition: .6s;
		overflow: hidden;
		margin: 0 auto;
	}
		.topService a.fscBnr:hover {
			opacity:.7;
		}
		.topService a.fscBnr div.inner {
			width:60%;
			padding:30px 20px 0;
			position: relative;
		}		
			.topService a.fscBnr div.inner p.enTit {
				font-family: 'Fira Sans Condensed', sans-serif;
				font-size:16px;
				font-weight: bold;
				color:#95C112;
				text-align: center;
				letter-spacing:0.1em;
				position: relative;
				padding-top:45px;
			}
				.topService a.fscBnr div.inner p.enTit:before {
					position: absolute;
					content:"";
					width:50px;
					height: 45px;
					background: url("../../img/fsc_icon.png") 0 0 no-repeat;
					background-size:50px 45px;
					top:0;
					left:50%;
					margin-left: -25px;
				}
			.topService a.fscBnr div.inner p.tit {
				font-size:28px;
				font-weight: bold;
				text-align: center;
				margin-bottom: 15px;
			}
				.topService a.fscBnr div.inner p.tit span {
					font-size:70%;
				}
			.topService a.fscBnr div.inner p.read {
				font-size:16px;
				font-weight: bold;
				text-align: center;
			}
	
@media screen and (max-width:1039px){
	.topService h2 {
		font-size:32px;
		font-weight:bold;
		text-align:center;
		background:url(../../img/service_tit_bg.gif) center bottom no-repeat;
		padding-bottom:20px;
		margin-bottom:50px; 
	}
	.topService ul {
		width:100%;
	}
		.topService ul li {
			width:32%;
			margin-left:2%;
			margin-bottom:30px;
		}
			.topService ul li:nth-child(3n+1) {
				margin-left:0;
			}
			.topService ul li img {
				width:100%;
				border-radius:8px 8px 0 0;
			}
			.topService ul li div {
				padding:20px 20px 15px 20px;
			}
				.topService ul li div h3 {
					font-size:17px;
					font-weight:bold;
					margin-bottom:10px;
					text-align:center;
				}
				.topService ul li div p {
					margin-bottom:20px;
				}
				.topService ul li div a.worksBtn {
					width:100%;
					font-size:13px;
					padding:0.7em 0.5em;
				}
				.topService ul li div a.priceBtn {
					width:100%;
					font-size:13px;
					padding:0.7em 0.5em;
				}
				.topService ul li a.guideBtn {
					padding:0 0.5em;
					font-size:12px;
				}
				.topService ul li a.guideBtn2 {
					padding:0 0.5em;
					font-size:12px;
				}
	.topService a.fscBnr {
		height: 270px;
	}
		.topService a.fscBnr:hover {
			opacity:1;
		}	
			.topService a.fscBnr div.inner p.enTit {
				font-size:15px;
			}
			.topService a.fscBnr div.inner p.tit {
				font-size:22px;
				margin-bottom: 15px;
			}
			.topService a.fscBnr div.inner p.read {
				font-size:15px;
			}
}

@media screen and (max-width:767px){
.topService {
	padding:50px 0 60px 0;
}
	.topService h2 {
		font-size:24px;
		padding-bottom:16px;
		margin-bottom:50px; 
	}
	.topService ul {
		width:100%;
		max-width:360px;
		margin: 0 auto 40px auto;
	}
		.topService ul li {
			width:100%;
			margin-left:0;
			margin-bottom:20px;
		}
				.topService ul li div h3 {
					font-size:18px;
				}
				.topService ul li div p {
					margin-bottom:20px;
				}
				.topService ul li div a.worksBtn {
					width:200px;
				}
				.topService ul li div a.priceBtn {
					width:200px;
				}
				.topService ul li a.guideBtn {
					font-size:13px;
				}
				.topService ul li a.guideBtn2 {
					font-size:13px;
				}
	.topService a.fscBnr {
		height: 300px;
		background: url("../../img/fsc_bnr_bg.jpg") 20% 50% no-repeat;
		background-size: cover;
		border: 8px solid #FFF;
	}
		.topService a.fscBnr div.inner {
			width:90%;
			padding:40px 0 0;
			margin: 0 auto;
		}		
			.topService a.fscBnr div.inner p.enTit {
				font-size:14px;
				padding-top:40px;
			}
				.topService a.fscBnr div.inner p.enTit:before {
					width:40px;
					height: 36px;
					background: url("../../img/fsc_icon.png") 0 0 no-repeat;
					background-size:40px 36px;
					margin-left: -20px;
				}
			.topService a.fscBnr div.inner p.tit {
				font-size:22px;
				margin-bottom: 30px;
			}
			.topService a.fscBnr div.inner p.read {
				font-size:14px;
			}
}

/* !コミュニケーション重視のデザイン会社
---------------------------------------------------------- */
.topFlowBg {
	background:url(../../img/flw_bg.jpg) 50% 50% no-repeat;
	background-size:cover;
}
.topFlow {
	padding:80px 0 90px 0;
}
	.topFlow h2 {
		font-size:32px;
		font-weight:bold;
		text-align:center;
		color:#FFF;
		background:url(../../img/service_tit_bg.gif) center bottom no-repeat;
		padding-bottom:20px;
		margin-bottom:60px; 
	}
		.topFlow h2 br {
			display:none;
		}
		.topFlow div.inner {
			width:100%;
			margin-bottom:60px;
		}
			.topFlow div.left {
				width:30%;
				float:left;
			}
			.topFlow div.right {
				width:70%;
				float:right;
			}
				.topFlow div.left img {
					display:block;
					width:220px;
				}
				.topFlow div.right p.copy {
					font-size:20px;
					font-weight:bold;
					line-height:1.6;
					color:#FFF;
					margin-bottom:40px;
				}
				.topFlow div.right h3 {
					display:inline-block;
					font-size:28px;
					font-weight:bold;
					color:#FC8C03;
					background:#FFF;
					line-height:1.5;
					padding:0.2em 0.6em;
					margin-bottom:40px;
				}
				.topFlow div.right ul li {
					font-size:20px;
					color:#FFF;
					background:url(../../img/icon_check.png) 0 1px no-repeat;
					background-size:26px 27px;
					line-height:1.6;
					padding:0 0 0 35px;
					margin-bottom:15px;
				}
					.topFlow div.right ul li:nth-child(2) {
						margin-left:30px;
					}
					.topFlow div.right ul li:nth-child(3) {
						margin-left:60px;
					}
					
a.topFlowBtn {
	display:block;
	width:370px;
	height:55px;
	line-height:55px;
	font-size:20px;
	color:#FFF;
	border:2px solid #FFF;
	text-align:center;
	margin:0 auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	position:relative;
	overflow:hidden;
}
	a.topFlowBtn:hover {
		border:2px solid #6DBA86;
		background:#6DBA86;
		color:#FFF;
	}
	a.topFlowBtn:before {
		font-family: FontAwesome;
		content:"\f105";
		color:#FFF;
		transition: 0.5s;
		position:absolute;
		right:-10px;
		overflow:hidden;
	}
	a:hover.topFlowBtn:before {
		right:20px;
		overflow:hidden;
	}
	
@media screen and (max-width:1039px){
.topFlow {
	padding:70px 0 70px 0;
}
	.topFlow h2 {
		font-size:30px;
		margin-bottom:50px; 
	}
		.topFlow div.inner {
			margin-bottom:40px;
		}
			.topFlow div.left {
				width:25%;
			}
			.topFlow div.right {
				width:70%;
			}
				.topFlow div.right p.copy {
					font-size:18px;
					margin-bottom:30px;
				}
					.topFlow div.right p.copy br {
						display:none;
					}
				.topFlow div.right h3 {
					font-size:20px;
					margin-bottom:30px;
				}
				.topFlow div.right ul li {
					font-size:18px;
					background:url(../../img/icon_check.png) 0 1px no-repeat;
					background-size:22px 22px;
					padding:0 0 0 30px;
				}
					.topFlow div.right ul li:nth-child(2) {
						margin-left:15px;
					}
					.topFlow div.right ul li:nth-child(3) {
						margin-left:30px;
					}
					
a.topFlowBtn {
	width:340px;
	font-size:18px;
}
}

@media screen and (max-width:767px){
.topFlowBg {
	background:url(../../img/flw_bg.jpg) 42% 50% no-repeat;
	background-size:cover;
}
.topFlow {
	padding:60px 0 60px 0;
}
	.topFlow h2 {
		font-size:22px;
		line-height:1.5;
		margin-bottom:50px; 
	}
		.topFlow h2 br {
			display:inherit;
		}
		.topFlow div.inner {
			width:100%;
			margin-bottom:40px;
		}
			.topFlow div.left {
				width:100%;
				float:none;
				margin-bottom:30px;
			}
			.topFlow div.right {
				width:100%;
				float:none;
			}
				.topFlow div.left img {
					width:160px;
					margin:0 auto;
				}
				.topFlow div.right p.copy {
					font-size:16px;
				}
					.topFlow div.right p.copy br {
						display:none;
					}
				.topFlow div.right h3 {
					font-size:18px;
				}
				.topFlow div.right ul li {
					font-size:14px;
					color:#FFF;
					background:url(../../img/icon_check.png) 0 1px no-repeat;
					background-size:20px 20px;
					line-height:1.6;
					padding:0 0 0 28px;
					margin-bottom:15px;
				}
					.topFlow div.right ul li:nth-child(2) {
						margin-left:0;
					}
					.topFlow div.right ul li:nth-child(3) {
						margin-left:0;
					}
					
a.topFlowBtn {
	width:290px;
	height:50px;
	line-height:50px;
	font-size:16px;
	color:#FFF;
}
	a.topFlowBtn:hover {
		border:2px solid #FFF;
		background:none;
		color:#FFF;
	}
	a.topFlowBtn:before {
		color:#FFF;
		right:15px;
	}
	a:hover.topFlowBtn:before {
		right:15px;
	}
}

/* !6つの安心
---------------------------------------------------------- */
.topAnshin {
	padding:70px 0;
}
	.topAnshin h2 {
		font-size:32px;
		font-weight:bold;
		text-align:center;
		background:url(../../img/service_tit_bg.gif) center bottom no-repeat;
		padding-bottom:20px;
		margin-bottom:50px; 
	}
		.topAnshin h2 span.em1 {
			font-size:50px;
			color:#FF9600;
		}
		.topAnshin h2 span.em2 {
			font-size:46px;
			color:#FF9600;
		}
		.topAnshin h2 br {
			display:none;
		}
	.topAnshin ul {
		width:100%;
		margin-bottom: 80px;
	}
		.topAnshin ul li {
			width:33.3%;
			float:left;
			border-right:1px dotted #D8D8D8;
			margin-bottom:30px;
		}
			.topAnshin ul li:nth-child(3n+1) {
				border-left:1px dotted #D8D8D8;
			}
			.topAnshin ul li a {
				display:block;
				background:#FFF;
				padding:20px 0 35px 0;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				transition: all 0.5s ease;
				position:relative;
				overflow:hidden;
			}
				.topAnshin ul li a:before{
					font-family: FontAwesome;
					content:"\f107";
					font-size:40px;
					color:#95C112;
					transition: 0.5s;
					position:absolute;
					left:50%;
					bottom:-50px;
					margin-left:-12px;
					
					overflow:hidden;
				}
					.topAnshin ul li a:hover:before{
						bottom:-20px;
						overflow:hidden;
					}
				.topAnshin ul li a:hover {
					background:#F3F3F3;
				}
				.topAnshin ul li p.number {
					font-family: 'Fira Sans Condensed', sans-serif;
					font-size:28px;
					color:#CAE088;
					text-align:center;
					letter-spacing:0.1em;
					line-height:1;
					margin-bottom:10px;
				}
				.topAnshin ul li h3 {
					font-size:20px;
					font-weight:bold;
					text-align:center;
					line-height:1.6;
					margin-bottom:30px;
				}
				.topAnshin ul li img {
					display:block;
					width:60px;
					height:60px;
					margin:0 auto 25px auto;
				}
				.topAnshin ul li p.txt {
					text-align:center;
				}
	.topAnshin h3 {
		text-align:center;
		margin-bottom: 25px;
	}
		.topAnshin h3 > span {
			font-size:26px;
			font-weight:bold;
			position: relative;
		}
			.topAnshin h3 > span > span {
				position: absolute;
				font-size:20px;
				font-weight:bold;
				padding:0.6em 1em;
				color: #FFF;
				background: #95c112;
				border-radius: 50%;
				transform: rotate(-15deg);
				top:-64px;
				left:-100px;
			}
				.topAnshin h3 > span > span:after {
					position: absolute;
					content:"";
					width: 0;
					height: 0;
					border-style: solid;
					border-right: 10px solid transparent;
					border-left: 10px solid transparent;
					border-top: 20px solid #95c112;
					border-bottom: 0;
					left:50%;
					margin-left: -10px;
					bottom:-18px;
				}
.topAnshin p.caution {
	display: none;
}
.topAnshin .tableWrapper {
	width:100%;
	margin-bottom: 70px;
}
.topAnshin table {
	border-top: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
	border-collapse: collapse;
	width: 100%;
	line-height:1.6;
}
	.topAnshin table th,
	.topAnshin table td {
		border-left: 1px solid #D5D5D5;
		border-bottom: 1px solid #D5D5D5;
		padding: 10px;
	}
	.topAnshin table th {
		background-color: #F2FCD3;
		font-weight:bold;
		text-align: center;
	}
	.topAnshin table th.short {
		width:12%;
	}
	.topAnshin table th.dofdesign {
		width:12%;
		background: #FFEFD8;
	}
	.topAnshin table th.norm {
		width:22%;
	}
	.topAnshin table td {
		text-align: center;
	}
	.topAnshin table td.item {
		font-weight: bold;
		background-color: #F2FCD3;
	}
	.topAnshin table td.dofdesign {
		background-color: #FFF8EF;
	}

a.topComparisonBtn {
	display:block;
	width:510px;
	height:55px;
	line-height:55px;
	font-size:20px;
	color:#111;
	border:1px solid #333;
	text-align:center;
	margin:0 auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	position:relative;
	overflow:hidden;
}
	a.topComparisonBtn br {
		display:none;
	}
	a.topComparisonBtn:hover {
		border:1px solid #AFCCCD;
		background:#9EC1C2;
		color:#FFF;
	}
	a.topComparisonBtn:before {
		font-family: FontAwesome;
		content:"\f105";
		color:#FFF;
		transition: 0.5s;
		position:absolute;
		right:-10px;
		overflow:hidden;
	}
	a:hover.topComparisonBtn:before {
		right:20px;
		overflow:hidden;
	}
				
@media screen and (max-width:1039px){
	.topAnshin h2 {
		font-size:30px;
	}
		.topAnshin h2 span.em1 {
			font-size:46px;
		}
		.topAnshin h2 span.em2 {
			font-size:42px;
		}
		.topAnshin ul li {
			width:50%;
		}
			.topAnshin ul li:nth-child(3n+1) {
				border-left:none;
			}
			.topAnshin ul li:nth-child(2n+1) {
				border-left:1px dotted #D8D8D8;
			}
	.topAnshin h3 {
		margin-bottom: 20px;
	}
		.topAnshin h3 > span {
			font-size:24px;
		}
			.topAnshin h3 > span > span {
				font-size:18px;
				left:-90px;
			}
.topAnshin p.caution {
	display: block;
	margin-bottom: 10px;
}
.topAnshin .tableWrapper {
	width:100%;
	overflow-x: scroll;
	margin-bottom: 60px;
}
.topAnshin table {
	width:1200px;
	margin-bottom: 10px;
}
	
a.topComparisonBtn {
	width:464px;
	font-size:18px;
}
}

@media screen and (max-width:767px){
.topAnshin {
	padding:50px 0;
}
	.topAnshin h2 {
		font-size:18px;
		line-height:1.5;
		margin-bottom:40px; 
	}
		.topAnshin h2 span.em1 {
			font-size:26px;
		}
		.topAnshin h2 span.em2 {
			font-size:24px;
		}
		.topAnshin h2 br {
			display:inherit;
		}
	.topAnshin ul {
		width:100%;
		margin-bottom: 90px;
	}
		.topAnshin ul li {
			width:100%;
			float:none;
			border-right:none;
			border-left:none;
			border-bottom:1px dotted #D8D8D8;
			margin-bottom:0;
		}
			.topAnshin ul li a {
				padding:20px 0 40px 0;
			}
			.topAnshin ul li:nth-child(2n+1) {
				border-left:none;
			}
			.topAnshin ul li:first-child {
				border-top:1px dotted #D8D8D8;
			}

				.topAnshin ul li a:before{
					bottom:-15px;
				}
					.topAnshin ul li a:hover:before{
						bottom:-15px;
					}
				.topAnshin ul li a:hover {
					background:#FFF;
				}
				.topAnshin ul li h3 {
					font-size:18px;
					margin-bottom:20px;
				}
				.topAnshin ul li img {
					margin:0 auto 20px auto;
				}
		.topAnshin h3 > span {
			font-size:18px;
		}
			.topAnshin h3 > span > span {
				font-size:14px;
				top:-60px;
				left:-10px;
			}
				.topAnshin h3 > span > span:after {
					bottom:-15px;
				}
	
.topAnshin .tableWrapper {
	margin-bottom: 40px;
}
	
a.topComparisonBtn {
	width:250px;
	height:70px;
	line-height:1.5;
	font-size:16px;
	padding-top:0.6em;
}
	a.topComparisonBtn br {
		display: inherit;
	}
	a.topComparisonBtn:hover {
		border:1px solid #333;
		background:none;
		color:#111;
	}
	a.topComparisonBtn:before {
		font-family: FontAwesome;
		content:"\f105";
		color:#111;
		transition: 0.5s;
		position:absolute;
		top:30%;
		right:15px;
		overflow:hidden;
	}
	a:hover.topComparisonBtn:before {
		right:15px;
		overflow:hidden;
	}
}

@media screen and (max-width:359px){
		.topAnshin h3 > span {
			font-size:17px;
		}
}

/* !選べるプラン / 仕様
---------------------------------------------------------- */
.topPriceBg {
	background:url(../../img/price_bg.jpg) 50% 50% no-repeat;
	background-size:cover;
}
.topPrice {
	padding:80px 0 90px 0;
}
	.topPrice h2 {
		font-size:32px;
		font-weight:bold;
		text-align:center;
		color:#FFF;
		background:url(../../img/service_tit_bg.gif) center bottom no-repeat;
		padding-bottom:20px;
		margin-bottom:60px; 
	}
		.topPrice h2 br {
			display:none;
		}
	.topPrice p.intro {
		color:#FFF;
		text-align:center;
		font-size:16px;
		margin-bottom:40px;
	}
		.topPrice p.intro br.tb {
			display:none;
		}
	.topPrice ul {
		width:100%;
		margin:0 auto 60px auto;
	}
		.topPrice ul li {
			width:16.4%;
			float:left;
			margin:0 0.1% 2px 0.1%;
		}
			.topPrice ul li a {
				display:block;
				background:#FFF;
				border-radius:4px;
				padding:25px 0 20px 0;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}
				.topPrice ul li a:hover {
					background:#95C112;
				}
			.topPrice ul li img {
				display:block;
				width:60px;
				height:81px;
				margin:0 auto 10px auto;
			}
			.topPrice ul li p {
				font-size:14px;
				text-align:center;
				line-height:1.5;
			}
a.topPriceBtn {
	display:block;
	width:350px;
	height:55px;
	line-height:55px;
	font-size:20px;
	color:#FFF;
	border:2px solid #FFF;
	text-align:center;
	margin:0 auto;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	position:relative;
	overflow:hidden;
}
	a.topPriceBtn:hover {
		border:2px solid #FFB100;
		background:#FFB100;
		color:#FFF;
	}
	a.topPriceBtn:before {
		font-family: FontAwesome;
		content:"\f105";
		color:#FFF;
		transition: 0.5s;
		position:absolute;
		right:-10px;
		overflow:hidden;
	}
	a:hover.topPriceBtn:before {
		right:20px;
		overflow:hidden;
	}
	
@media screen and (max-width:1039px){
.topPrice {
	padding:70px 0 70px 0;
}
	.topPrice h2 {
		font-size:30px;
		margin-bottom:50px; 
	}
			.topPrice ul li img {
				width:40px;
				height: 54px;
			}
a.topPriceBtn {
	width:320px;
	font-size:18px;
}
}

@media screen and (max-width:767px){
.topPriceBg {
	background:url(../../img/price_bg.jpg) 40% 50% no-repeat;
	background-size:cover;
}
.topPrice {
	padding:70px 0 70px 0;
}
	.topPrice h2 {
		font-size:22px;
		margin-bottom:40px; 
	}
		.topPrice h2 br {
			display:inherit;
		}
	.topPrice p.intro {
		font-size:14px;
	}
		.topPrice p.intro br {
			display:none;
		}
	.topPrice ul {
		margin:0 auto 50px auto;
	}
		.topPrice ul li {
			width:49.6%;
			float:left;
			margin:0 0.2% 1px 0.2%;
		}
			.topPrice ul li a {
				height:190px;
				padding:20px 0 0 0;
			}
				.topPrice ul li a:hover {
					background:#FFF;
				}
a.topPriceBtn {
	width:270px;
	height:50px;
	line-height:50px;
	font-size:16px;
	color:#FFF;
}
	a.topPriceBtn:hover {
		border:2px solid #FFF;
		background:none;
		color:#FFF;
	}
	a.topPriceBtn:before {
		color:#FFF;
		right:15px;
	}
	a:hover.topPriceBtn:before {
		right:15px;
	}
}

/* !種類いろいろ
---------------------------------------------------------- */
.topTypeBg {
	background:#F0F0F0;
}
.topType1 {
	width:60%;
	float:left;
	background:#E2E2E2;
	padding:70px 0 60px 0;
}
	.topType1 h2 {
		font-size:20px;
		font-weight:bold;
		text-align:center;
		margin-bottom:20px; 
	}
	.topType1 ul {
		width:70%;
		margin:0 auto;
	}
		.topType1 ul li {
			float:left;
			margin-bottom:5px;
		}
			.topType1 ul li:nth-child(2n+1) {
				width:60%;
			}
			.topType1 ul li:nth-child(2n+2) {
				width:40%;
			}
			.topType1 ul li span {
				display:inline-block;
				font-size:14px;
				background:#FFF;
				line-height:1;
				padding:0.4em 1em;
				border-radius:20px;
			}
.topType2 {
	width:40%;
	float:left;
	background:#EEE;
	padding:70px 0 60px 0;
}
	.topType2 h2 {
		font-size:20px;
		font-weight:bold;
		text-align:center;
		margin-bottom:20px; 
	}
	.topType2 ul {
		width:60%;
		margin:0 auto;
	}
		.topType2 ul li {
			width:100%;
			margin-bottom:5px;
		}
			.topType2 ul li span {
				display:inline-block;
				font-size:14px;
				background:#FFF;
				line-height:1;
				padding:0.4em 1em;
				border-radius:20px;
			}
			
@media screen and (max-width:1039px){
.topType1 {
	padding:60px 0 60px 0;
}
	.topType1 h2 {
		font-size:18px;
	}
	.topType1 ul {
		width:85%;
	}
			.topType1 ul li:nth-child(2n+1) {
				width:55%;
			}
			.topType1 ul li:nth-child(2n+2) {
				width:45%;
			}
.topType2 {
	padding:60px 0 60px 0;
}
	.topType2 h2 {
		font-size:18px;
	}
	.topType2 ul {
		width:80%;
	}
}

@media screen and (max-width:767px){
.topType1 {
	width:100%;
	float:none;
	padding:50px 0 50px 0;
}
	.topType1 h2 {
		font-size:16px;
	}
	.topType1 ul {
		width:100%;
		margin:0 auto;
	}
		.topType1 ul li {
			float:none;
			text-align:center;
		}
			.topType1 ul li:nth-child(2n+1) {
				width:100%;
			}
			.topType1 ul li:nth-child(2n+2) {
				width:100%;
			}
.topType2 {
	width:100%;
	float:none;
	background:#EEE;
	padding:50px 0 50px 0;
}
	.topType2 h2 {
		font-size:16px;
	}
	.topType2 ul {
		width:100%;
		margin:0 auto;
	}
		.topType2 ul li {
			text-align:center;
		}
}

/* !231002追加
---------------------------------------------------------- */
a.onlineBnr {
	display: block;
	width:540px;
	height: 90px;
	background-color: #FFF;
	position: relative;
	font-size:22px;
	color: #111;
	padding:24px 0 0 110px;
	transition: .6s;
	border:1px solid #C1C1C1;
	margin: 0 auto 60px auto;
}
	a.onlineBnr br {
		display: none;
	}
	a.onlineBnr:before {
		position: absolute;
		content:"";
		width:50px;
		height: 60px;
		background:url("../img/icon_online.png") 0 0 no-repeat;
		background-size: 50px 60px;
		top:15px;
		left:40px;
	}
	a.onlineBnr i.fa {
		color: #95C112;
		margin-left: 0.8em;
		transition: .3s;
	}
	a.onlineBnr:hover {
		color: #95C112;
		border:1px solid #95C112;
	}
		a.onlineBnr:hover i.fa {
			margin-left: 1.2em;
		}

@media screen and (max-width:1039px){
a.onlineBnr {
	width:480px;
	height: 80px;
	font-size:20px;
	padding:22px 0 0 100px;
	margin: 0 auto 50px auto;
}
	a.onlineBnr:before {
		width:44px;
		height: 53px;
		background:url("../img/icon_online.png") 0 0 no-repeat;
		background-size: 44px 53px;
		top:12px;
		left:40px;
	}
	a.onlineBnr i.fa {
		margin-left: 0.8em;
	}
	a.onlineBnr:hover {
		color: #111;
		border:1px solid #C1C1C1;
	}
		a.onlineBnr:hover i.fa {
			margin-left: 0.8em;
		}
}

@media screen and (max-width:767px){
a.onlineBnr {
	width:280px;
	height: 60px;
	font-size:16px;
	line-height: 1.4;
	padding:8px 0 0 90px;
	margin: 0 auto 40px auto;
}
	a.onlineBnr br {
		display: block;
	}
	a.onlineBnr:before {
		width:36px;
		height: 43px;
		background:url("../img/icon_online.png") 0 0 no-repeat;
		background-size: 36px 43px;
		top:8px;
		left:34px;
	}
	a.onlineBnr i.fa {
		position: absolute;
		font-size:24px;
		margin-left: 0;
		top:18px;
		right:25px;
	}
}

/* !241203追加
---------------------------------------------------------- */
.topNews {
	padding:70px 0;
	display: flex;
}
	.topNews div.left {
		width:30%;
	}
		.topNews div.left h2 {
			font-size:20px;
			font-weight:700;
			line-height:1.4;
			letter-spacing:0.1em;
		}
			.topNews div.left h2 span {
				display:block;
				font-size:44px;
				font-weight:900;
				color: #95c112;
			}
				.topNews div.left h2 span i {
					color: #ff9600;
					font-style: normal;
				}		
	.topNews div.right {
		width:70%;
	}
		.topNews div.right div.newsList {
			display:block;
			width:100%;
		}
				.topNews div.right div.newsList dl {
					width:100%;
					line-height:1.8;
					display:flex;
					flex-wrap:wrap;
					border-bottom:1px solid #EEE;
				}
					.topNews div.right div.newsList dl dt {
						width:22%;
						padding:1.2em 0;
					}
						.topNews div.right div.newsList dl dt span {
							display: inline-block;
							padding:0.2em 1em;
							background-color: #EEE;
						}
					.topNews div.right div.newsList dl dd {
						width:78%;
						padding:1.2em 0;
					}
				.topNews div.right div.newsList a dl dd {
					color:#95c112;
					transition:.6s;
				}
					.topNews div.right div.newsList a:hover dl dd {
						color:#ff9600;
					}
	
				
@media screen and (max-width:1039px){
		.topNews div.left h2 {
			font-size:18px;
		}
			.topNews div.left h2 span {
				font-size:40px;
			}	
					.topNews div.right div.newsList a:hover dl dd {
						color:#95c112;
					}
}

@media screen and (max-width:767px){
.topNews {
	padding:50px 0;
	flex-wrap: wrap;
}
	.topNews div.left {
		width:100%;
		margin-bottom: 30px;
	}
		.topNews div.left h2 {
			font-size:16px;
		}
			.topNews div.left h2 span {
				font-size:34px;
			}	
	.topNews div.right {
		width:100%;
	}
					.topNews div.right div.newsList dl dt {
						width:100%;
						padding:1.2em 0 0 0;
					}
					.topNews div.right div.newsList dl dd {
						width:100%;
					}
}