@charset "utf-8";

/*===================================================================
	feature_x.htm
===================================================================*/
.pc{
	display:inline-block;
}
.sp{
	display:none;
}
@media only screen and (max-width: 768px){
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
}

@media only screen and (max-width: 768px) {
.detailGroup .flR,
.detailGroup .flL{
	float: none;
	width: 100%;
	margin: 10px 0;
}
.feature #contents .detailSection .main .detailGroup .iLink01 img{
	width: 15px;
}
#contents .detailSection.section04 {
  padding-left: 15px;
  padding-right: 15px;
}
}

.feature_1_3>li {
	position:relative;
}
.feature_1_3>li>ol {
	position:absolute;
	top:0;
	right:0;
	width:254px;
}
.feature_1_3>li>ol>li {
	text-align:left;
}
.feature_1_3>li>ol>li+li {
	margin-top:16px;
}
.feature_1_3>li>ol>li>h3 {
	position:relative;
	padding-left:38px;
	color:#0e8df6;
	font-size:140%;
}
.feature_1_3>li>ol>li>h3>span {
	position:absolute;
	top:0;
	left:0;
	width:26px;
	height:26px;
	color:#ffffff;
	background-color:#0e8df6;
	text-align:center;
}
.feature_1_3>li>ol>li>p {
	margin-top:2px;
	font-size:100%;
}

@media only screen and (max-width: 768px) {
	.feature_1_3>li>ol {
		position:static;
		width:100%;
		margin-top:20px;
	}
	.feature_1_3>li>ol>li>h3 {
		padding-left:30px;
		font-size:120%;
	}
	.feature_1_3>li>ol>li>h3>span {
		width:23px;
		height:23px;
	}
	.precision{
		max-width:166px;
		margin:10px auto!important;
	}
}


#footer {
    margin-top: 0;
}
.sitemap {
    margin-bottom: 0;
}
@media only screen and (max-width: 768px){
#contents .headSection .rightArea {
    position: unset;
    margin-top: 10px;
}}