@charset "utf-8";
/* Page: Service-Headlight Protection Styles
	Copyright (C) FE TRADE CO.,LTD All Rights Reserved.
*/
body #content , #visual {
	color: #fff;
	/*font-size:108.3%;*/
	line-height:1.8;
}

#container {
    background: url(../img/service/trim/img_trimmolding.jpg) no-repeat 50% 0;
}

.listB01 {
    display: flex;
    margin-bottom: 20px;
    }
    
.listB01 img{
   margin-right:20px;
    }
.listB01 p{
   font-size:116.7%;
    }


.blockB01 {
	margin: 0;
}
.blockB01 .text {
	float: left;
	width: 530px;
	font-size: 116.7%;
}
.blockB01 .image {
	float: right;
	width: 400px;
}
.blockB01 span{
	font-size:114.3%;
	padding:5px;
}
.blockB01 .fs{
	font-size:85.7%;
}
.jcar {
	background-color: #3f2536;
}
.ocar {
	background-color: #183654;
}

.section-point {
	width:930px;
	margin:30px 0 0 20px;
	border-bottom:1px solid #666;
	padding-bottom:20px;
}
.box-area{
	display: flex;
	justify-content: space-between;
	text-align:center;
}
.section-point h4{
	color:#ffde00;
	font-size:133.3%;
    background: url(../img/service/trim/section-point_b.png) no-repeat right center;
    margin-bottom:20px;
    font-weight:normal;
}
.box-area img{
	margin-bottom:10px;
}
.listB02{
	display: flex;
}
.listB02 img{
	margin-right:20px;
}
.listB02 p{
	font-size:114.3%;
}
.listB02 p span{
	font-size:85.7%;
}
/* ----------------------------------------------------------
	Introduction
---------------------------------------------------------- */
#visual {
	min-height: 376px;
}
#visual .inner h2 {
	margin: 0 0 20px 42px;
	padding: 132px 0 0;
}
#visual .inner .leadtext01 {
	margin: 160px 0 0 20px;
	padding: 1px 0;
	color: #5ebae5;
	font-size: 153.8%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
}
#visual .inner {
	position: relative;
}
/* ----------------------------------------------------------
	Components
---------------------------------------------------------- */
/* Section */
.sectionA01,
.sectionA02,
.sectionA03 {
	margin: 40px 0 0;
}
.sectionA01 {
	padding: 18px;
	background: #282828;
	border: 1px solid #3b4046;
}
.sectionA01 h3 {
	margin: 0 0 40px;
	padding: 0 0 12px;
	border-bottom: 1px solid #3b4046;
	font-size: 157%;
	text-align: center;
}


.listB01 {
}
.listB01 li {
	display: inline;
	float: left;
	width: 194px;
	margin: 0 0 0 30px;
}
.listB01 li h4,
.listB01 li p,
.listB01 li .icon {
	margin: 0 0 10px;
}
.listB01 li h4,
.listB01 li .icon {
	text-align: center;
}
.listB01 li h4 {
	font-size: 117%;
}
.sectionA02 {
}
.sectionA02 h3 {
	margin: 0 0 .25em;
	color: #5ebae5;
	font-size: 157%;
}
.sectionA03 {
}
.sectionA03 h3 {
	padding: 0 0 .25em;
	border-bottom: 2px solid #417791;
	color: #5ebae5;
	font-size: 157%;
}
.sectionA03 .body {
	padding: 40px;
	border: 1px solid #999999;
	border-width: 0 1px 1px;
}

.sectionA04 {
	margin: 0 0 20px;
}
.sectionA04 h4 {
	margin-bottom: 15px;
	font-size: 133.3%;
	font-weight:normal;
}
.sectionA04 h4 span {
	color: #ffde00;
}


.listB02 {
}
.listB02 li {
	display: inline;
	float: left;
	width: 210px;
	margin-left: 15px;
	letter-spacing: -0.08em;
}
.listB02 li.wide-list {
	width: 438px;
}
.listB02 li.first-child {
	margin-left: 0;
}
.listB02 li img {
	margin: 0 0 .25em;
}

.listB03 {
}
.listB03 li {
	display: inline;
	float: left;
	width: 435px;
	margin: 0 0 20px 18px;
	background: url(../img/service/headlight-protection/bg_content_body.png) no-repeat 0 100%;
	xborder: 1px solid #eabe32;
	xborder-width: 0 1px 1px;
}
.listB03 li.first-child {
	margin-left: 0;
}
.listB03 li h4 {
	color: #eabe32;
	padding: 20px 20px 5px;
	background: url(../img/service/headlight-protection/bg_content_header.png) no-repeat 0 0;
	xborder-bottom: 1px solid #eabe32;
	font-size: 117%;
}
.listB03 li p {
	padding: 20px;
}

.listB04 {
}

.listB04 ul {
	text-align: center;
}
.listB04 ul li {
	display: inline;
	margin: 0 .5em;
	font-size: 117%;
}
.listB04 ul li span {
	color: #4fabd6;
}

/* Headings */


/* Table */

.sectionA07 p {
	padding: 20px 0 0 70px;
	font-size: 130%;
}

.table01 {
	width: 830px;
	margin: 10px auto 0;
	border: 1px solid #ccc;
	font-size: 100%;
}

.table01 table {
	table-layout: fixed;
	border-collapse: collapse;
	border-collapse: separate;
	border: 1px solid #ccc;
}

.table01 th,
.table01 td {
	padding: 8px 10px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border: 1px solid #ccc;
}

.table01 th {
	background: #000;
	font-weight: normal;
	color:white;
	text-align:left;
}

.table01 td {
	background: #fbfaf6;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	color: #000;
	width: 400px;
}

.table01 .cols {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background: #0064a8;
	font-weight: bold;
}

.table01 .cols-a {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background: #0f202f;
	font-weight: bold;
}

.table01 .cols-b {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background: #0c3459;
	font-weight: bold;
}

.table01 .cols-c {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background: #1f64a5;
	font-weight: bold;
}

.table01 .rows {
	background: #000;
}

.table01 .rows strong {
	font-weight: bold;
	color: #c4c500;
}

.table01 .wd-a {
	width:190px;
	vertical-align: top;
}

.table01 .wd-b {
	width:120px;
}

.table01 .wd-c {
	width:190px;
}

.table01 .wd-d {
	width:160px;
}

.table01 .wd-e {
	width:170px;
}

.table01 .wd-f {
	width:500px;
}
/* ----------------------------------------------------------
	Others
---------------------------------------------------------- */

hr {
	display:block;
	border: none;
	border-top: 1px solid #033953;
	margin-top: 10px;
	margin-bottom:10px;
}
.clear {
	clear: both;
}
.bold {
	font-weight:bold;
}
.txt-blue {
	color:#5ebae5;
}
.txt-yellow {
	color:#ffde00;
}
.txt-orange {
	color:#c3c428;
}
.small-caps {
	font-size: 85.7%;
}
.txt-attention {
	font-size: 117%;
}

.theme {
	position: relative;
	margin: 60px 0 10px;
	color: #5ebae5;
	font-size: 160%;
	font-weight: normal;
	line-height: 1.5;
}

.allmenu {
    text-align: right;
    padding-right: 70px;
    margin-top: 10px;
}

/*価格の注意書き*/
.subtxt-g {
     margin: 10px 0 0;
     font-size: 83.3%;
     text-align: left;
     line-height: 1.8;
     color: #cdcdcd;
     padding-left: 70px;
 }