@charset "UTF-8";

/* cmp
-----------------------------------------------------*/ 
.main {
	background:url(/lib/img/service/bg_main_svc.gif) no-repeat;
	background-size:cover;
}

.htype03 {
	background:url(/lib/img/cmn/bg_hd_03.png) left bottom repeat-x;
}

.htype01 {
	background:url(/lib/img/service/vi.jpg) no-repeat;
	background-size:cover;
}

.pen {
	background:url(/lib/img/cmn/bg_line_blue.gif) left bottom repeat-x;
	color:#0977b7;
}

.sec .flbox,
.sec .flbox2 {
	overflow:hidden;
}

.sec .flbox .fig {
	float:left;
	margin-bottom:1em;
	width:200px;
}

.sec .flbox p {
	float:right;
	margin-bottom:1em;
	width:600px;
}

.sec .flbox2 .fig {
	float:right;
	margin-bottom:1em;
	width:350px;
}

.sec .flbox2 .txtl {
	float:left;
	margin-bottom:1em;
	width:450px;
}

.sec .fig img {
	height:auto;
	width:100%;
}

.price_tbl {
	margin-bottom:1em;
	width:100%;
}

.price_tbl th,
.price_tbl td {
	border-bottom:4px solid #fff;
	border-right:4px solid #fff;
	padding:.8em 1em;
	vertical-align:middle;
}

.price_tbl td {
	background:#f9f8f8;
}

.price_tbl thead th {
	background:#c3e5fa;
	font-weight:500;
}

.price_tbl tbody th {
	background:#eeebeb;
	font-weight:500;
}

.techlist {
	margin-bottom:2em;
}

.techlist dt {
	border-bottom:2px solid #65c7ea;
	display:inline-block;
	font-size:1.6rem;
	font-weight:500;
	margin-bottom:.3em;
}

.techlist dd {
	display:block;
}

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

.main {
	background:url(/lib/img/service/bg_main_svc.gif) repeat-y;
	background-size:auto auto;
}

.sec .flbox2 .fig {
	float:none;
	width:auto;
}

.sec .flbox .fig {
	float:none;
	width:auto;
}

.sec .flbox p {
	float:none;
	width:auto;
}

.sec .flbox2 .txtl {
	float:none;
	width:auto;
}

.price_tbl th,
.price_tbl td {
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	padding:.4em;
}

.techlist dt {
	font-size:1.4rem;
}

}