@charset "utf-8";
/* Page: Service-Sunroof Protection Styles
	Copyright (C) FE TRADE CO.,LTD All Rights Reserved.
*/
body {
	text-align: justify;
	text-justify: inter-character;
}
body #content, #visual {
	color: #fff;
	/*font-size:108.3%;*/
	line-height:1.8;
	text-align: justify;
	text-justify: inter-character;
}
#visual {
    background: url(../img/service/sunroof/img_sunroof_mar2022.jpg) no-repeat 50% 0;/* Update Apr.01 2022 */
	background-size: contain;/* Update Apr.01 2022 */
}
.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: left;
}
.box-area img{
	margin-bottom:10px;
}
.box-area .box-point {
	width: 220px;
}
.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;
}
#visual .inner .backlink {
	top: 10px;
}
#visual .inner .backlink a {
	color: #000!important;
}

/* ----------------------------------------------------------
	Introduction
---------------------------------------------------------- */
#visual {
	min-height: 435px;/* Update Apr.01 2022 */
}
#visual .inner h2 {
	margin: 0 0 20px 25px;
	padding: 170px 0 0;
	text-indent: -999999em;
}
#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: 29px;
	background: #282828;
	border: 1px solid #3b4046;
}
.sectionA01:first-child {
	margin-top: 0;
}
.sectionA01 h3 {
	margin: 0 0 30px;
	padding: 0 0 29px;
	border-bottom: 1px solid #3b4046;
	font-size: 183.3%;
	text-align: center;
}
.listB01 {
    display: flex;
    margin-bottom: 20px;
}   
.listB01 img {
   margin-right: 30px;
}
.listB01 p {
	font-size: 116.7%;
	font-feature-settings: "palt";
}
.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;
}
.sectionA05 {/* Update Apr.01 2022 */
	margin: 40px 70px;
}
.sectionA05 h4 {/* Update Apr.01 2022 */
	margin-bottom: 15px;
	font-size: 133.3%;
	font-weight:normal;
}
.sectionA05 h4 span {/* Update Apr.01 2022 */
	color: #4fabd6;
}
.blockA01 {
	margin-bottom: 20px;
	font-size: 116.7%;
}
.blockA01 p,
.blockA01 img {
	margin-bottom: 1em;
}
.blockA01 p:last-child,
.blockA01 img:last-child {
	margin-bottom: 0;
}
.blockB01 {
	margin: 0;
}
.blockB01 .text {
	float: left;
	width: 530px;
	font-size: 116.7%;
}
.blockB01 .text p,
.blockB01 .text table {
	margin-bottom: 20px;
}
.blockB01 .image {
	float: right;
	width: 400px;
}
.blockB01 span{
	font-size:114.3%;
	padding:5px;
}
.blockB01 .fs{
	font-size:85.7%;
}
.listB02{
	display: flex;
}
.listB02 img{
	margin-right:20px;
}
.listB02 p{
	font-size:114.3%;
}
.listB02 p span{
	font-size:85.7%;
}
.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 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 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: center;
}
.table01 td {
	background: #fbfaf6;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	color: #000;
	width: 400px;
}
.table01 tr td:nth-of-type(1) {
	text-align: center;
}
.table01 tr td:nth-of-type(2),
.table01 tr td:nth-of-type(3) {
	text-align: right;
}
.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;
}
.table02 {
	border-spacing: 0;
	border-top: 1px solid #999;
}
.table02 th,
.table02 td {
	padding: 10px 0;
	border-bottom: 1px solid #999;
	vertical-align: top;
}
.table02 th {
	width: 14em;
	padding-right: 5px;
}
.table02 td {	
}
.th-marker-or::before,
.th-marker-bl::before,
.th-marker-gr::before {
	content:  "";
	display: inline-block;
	width: 16px;
	height: 10px;
	background-color: #8fc6b0;
	margin-right: 10px;
}
.th-marker-or::before {
	background-color: #ddb08c;
}
.th-marker-bl::before {
	background-color: #89a2c6;	
}

/* ----------------------------------------------------------
	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!important;
}
.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;
 }