@charset "utf-8";
/* CSS Document */



.emphasis{
color:#DF0623;
font-weight:bold;
}


.caution{
	background:#f5f5f3;
	padding:2rem;
	margin-bottom:1rem;
	
}

.caution02{
	background:#f5f5f3;
	padding:2rem;
	margin-bottom:1rem;
	
}

#lot_number{
display:flex;
justify-content: center;

}


#contents{
	line-height: 180%;
	font-size:120%;
}
#contents section{
	padding:1rem 1rem 3rem 1rem;
}

#contents h3{
	text-align:center;

	padding:2rem;

}

#description h3{
color:#DF0623;
}


#description .button{
	border:5px solid #d1d1d1;
	padding:2rem;
	width:60%;
	margin:2rem auto 4rem auto;
}

/*#description .button:hover{
	background:#DF0623;
	color:#fff;
}*/

#description .button a{
	font-size:150%;
	color:#DF0623;
}
/*#description .button a:hover{
		color:#FFF;
}*/

#description .button .fa{
	font-size:200%;
	margin-left:5rem;
	color:#d1d1d1;
}

#contents sup {
vertical-align: super;
padding: 0 2px;
font-size:0.7rem;
}


#contents{
margin:0 auto;
max-width:100%;

}

.inner{width:80%;margin:0 auto; }
.attention{width:95%;margin:1rem auto;}
.products_button {
margin:0 auto;	background-color:rgba(223,6,35,1);font-weight:bold;	padding:1em ;margin:0  auto 2rem auto;
display:block;	text-align:center;	border-radius:10px; text-decoration:none;width:60%;}
.products_button a{	color:#FFF; background-color:rgba(223,6,35,1);}
.products_button :hover{background-color:rgba(223,6,35,0.5);
}


a{
text-decoration:none;
color:#e10023;
}



.pc_only{
display:block;
}

.tb_only{
display:none;
}

.sp_only{
display:none;
}

#products{
background:#f5f5f3;
}

#products .center{
	text-align:center;
}


#products_list{
padding:2rem;
display:flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
	

}

#products_list ul{
	margin:0 auto;
}

#products_list li{
	list-style:none;
	border-bottom:1px  #d1d1d1 dashed;
	padding:0 0.5rem;
	margin-bottom:1rem;
	
}

#products_list .item{
	width: 18%;
	margin:2% 1%;
}

#products_list em{
	font-weight:bold;
}

#description .note a{
	color:#DF0623;

}

#products_list .title{
	color:#FFF;
	background:#DF0623;
	padding:0.5rem;
	margin-bottom:1rem;
}

.service .link{
	background:rgba(223,6,35,1);
	padding:2rem;
	width:70%;
	border-radius: 10px;
	margin:2rem auto;
	text-align:center;
	font-size:130%;
	
}
.service .link .fa{
	margin-left:5rem;
}



.service .link a{
	color:#FFF;
	font-weight:bold;

}

 .service .link:hover{
background:rgba(223,6,35,0.5);
}

#registration{
	background:#FCE7EE;
}
#registration h4{
	color:#DF0623;
}


#caution h3, #guarantee h3{
padding:0.8rem 2rem;
background:#DF0623;
color:#FFF;
margin-bottom:1rem;
text-align:left;
font-size:120%;
}
#caution02 h3, #guarantee h3{
padding:0.8rem 2rem;
background:#DF0623;
color:#FFF;
margin-bottom:1rem;
text-align:left;
font-size:120%;
}
#caution li, #guarantee  li{
	margin-bottom:1rem;
	padding-left:1rem;
	margin-left:1rem;

	}
#caution02 li, #guarantee  li{
	margin-bottom:1rem;
	padding-left:1rem;
	margin-left:1rem;

	}
#caution ul, #guarantee  ol{
	margin-left:1rem;
}
#caution02 ul, #guarantee  ol{
	margin-left:1rem;
}
#caution li{
	text-indent:0;
	list-style:disc;

}
#caution02 li{
	text-indent:0;
	list-style:disc;

}
 #guarantee li ul{
	/*margin-left:2rem;*/
	 list-style:none;
	}

 #guarantee li ul li{

	 list-style:none;
	 text-indent:-1.5rem;
	 margin-bottom:-1rem;

}

#guarantee p{
	margin-bottom:1rem;
}


#guarantee li{
	text-indent:0;
	list-style:decimal;
}

#guarantee .attention{
	padding:3rem 5rem;
	background:#efefef;
	width:100%;

}

#guarantee .attention h4{
	font-size:100%;
}

#support_area {background-color:#fce5e8; padding:42px 60px 60px 60px; margin-bottom:90px;}
#support_area h3 {text-align:center; padding:0 20px 36px 20px;}
#support_area p {font-size:14px; font-size:1.4rem; line-height:1.8; padding-bottom:40px;}
#support_images_area {background:url(../../images/warranty/text_customer_support_center_bg.gif) center center repeat-y #fce5e8;}
#support_images_left_area {width:38%; text-align:center; float:left;}
#support_images_left_area img {max-width:184px; margin:0 auto;}
#support_images_right_area {width:62%; text-align:center; float:right;}
#support_images_right_area img {max-width:233px; margin:0 auto;}

/*!------------------------------------*\
    Tablet
\*!------------------------------------*/
@media screen and (max-width: 981px) {

.inner{width:80%;margin:0 auto; }

.pc_only{
display:none;
}

.tb_only{
display:block;
}

.sp_only{
display:none;
}



#lot_number{
	display:flex;
	max-width:100%;
	flex-direction: column;
}

#description .button{
	padding:1rem;
	width:80%;
	margin:2rem auto;
	border:3px solid #d1d1d1;
	text-align: center;
}

.service .button .fa{
	margin-left:5rem;
}

	#description p{
		margin-bottom:2rem;
	}

	.service .button{
	width:30rem;
}


/*!------------------------------------*\
    Smartphone
\*!------------------------------------*/
@media screen and (max-width: 641px) {

#contents{
line-height: 200%;
}

#mainvisual h2{
margin-top:1px;
	}

#description .button .fa{
	margin-left:1rem;
	vertical-align:middle;
	font-size:100%;
}
#description .button{
	padding:0.8rem 0.5rem;
	width:100%;
	margin:2rem auto;
}

#description .button a{
font-size:100%;
vertical-align:middle;
	}
#description .caution02{
		margin-bottom:0;
	}	
	
.service .link{
	background:rgba(223,6,35,1);
	padding:2rem;
	width:100%;
	font-size:95%;
	}
	
	
#description .service .link .fa{
	margin-left:1rem;
}
	
.caution02{
	font-size:0.8rem;
	line-height: 2.5em;
}		
	
	
.inner{
width:100%;
margin:0 atuo;
	padding:0;

	}

#products_list{
padding:1rem;
justify-content: space-around;
}
	
	
#products_list li{
margin-bottom:1rem;
}

#products_list .item{
	width: 40%;
	margin:2% 1%;
}



#guarantee .attention{
	padding:3rem;
	background:#efefef;

}



.pc_only{
display:none;
}

.tb_only{
display:none;
}

.sp_only{
display:block;
}


#container #contents .service .button{
width:95%;
	padding:0.5rem;
}

#container #contents .service .button .fa{
	margin-left:1rem;
}
	
#support_area {background-color:#fce5e8; padding:20px; margin-bottom:60px;}
#support_area h3 {text-align:center; padding:5px 0 24px 0;}
#support_area p {font-size:14px; font-size:1.4rem; line-height:1.8; padding-bottom:30px;}
#support_images_area {background:none;}
#support_images_left_area {width:100%; text-align:center; float:none; padding-bottom:30px;}
#support_images_left_area img {max-width:184px; margin:0 auto;}
#support_images_right_area {width:100%; text-align:center; float:none;}
#support_images_right_area img {max-width:233px; margin:0 auto;}	

}