@charset "UTF-8";

.service-style .inner{
	width: 90%;
	margin: 0 auto;
}
.L-service-box, .R-service-box{
	border-top: solid 6px #c9c9c9;
	padding: 10px 0;
}
.service-style h1{
	font-size: 4rem;
	line-height: 1;
	text-align: center;
	color: #404040;
	padding: 20px 0;
}
.service-style h2{
	font-size: 1.8rem;
	line-height: 1.2;
	text-align: center;
	color: #404040;
	margin: 20px auto;
}
.service-style h2 i{
	font-size: 1.4rem;
	font-style: normal;
	font-weight: normal;
	padding: 0 0 0 6px;
}
.service-style p{
	font-size: 1.4rem;
	line-height: 1.4;
}
.service-style dl{
}
.service-style dt{
	text-align: center;
	padding: 10px 0 0 0;
	border-top: solid 1px #c9c9c9;
}
.service-style dt:first-child{
	border-top: none;
}
.service-style dd{
	padding: 10px 0;
}
.service-style ol{
	counter-reset: item;
	margin: 10px 0;
}
.service-style ol li{
	font-size: 1.4rem;
	line-height: 1.3;
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin: 10px 0;
}
.service-style ol li:before {
	counter-increment: item;
	content: counter(item)'.';
	/* 以下は自由に装飾... */
	padding-right: .5em;
	font-weight: bold;
}

/*----------------------------
ミディアムサイズ
----------------------------*/
@media only screen and (min-width: 40em){	/* 640px */


} /* end 640px*/


/*----------------------------
ラージサイズ
----------------------------*/

 @media only screen and (min-width: 60em) {	/*960px*/

.service-style .inner{
	max-width: 1020px;
}
.L-service-box{
	float: left;
	width: 20%;
}
.R-service-box{
	float: right;
	width: 75%;
}	 

.service-style h1{
	font-size: 3.4rem;
	text-align: left;
}
.service-style h2{
	text-align: left;
}

.service-style dl{
}
.service-style dt{
	display:inline;
    float:left;
	width: 13%;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
 	clear:both;
}
.service-style dd{
	float:left;
	width: 82%;
	border-top: solid 1px #c9c9c9;
	padding: 0 0 10px 4%;
	margin: 0 0 10px 0;
}
	 
*+html .service-style  > dd {
    float:none;
}
.service-style ol{
	counter-reset: item;
	margin: 10px 0;
}
.service-style ol li{
	font-size: 1.4rem;
	line-height: 1.3;
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin: 10px 0;
}
.service-style ol li:before {
	counter-increment: item;
	content: counter(item)'.';
	/* 以下は自由に装飾... */
	padding-right: .5em;
	font-weight: bold;
}


} /* end 960px*/

