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

#pet_keyvj_box { background-image:url(../image_page/pet_renov/pet_01.jpg); background-repeat: no-repeat; background-size:cover; background-position: center bottom; text-align:center; padding:17% 0 16% 0; margin-bottom:3%; }
#pet_keyvj_box .inner { width:100%; max-width:1040px; margin:0 auto; white-space:nowrap;}
#pet_keyvj_box .inner h2 { background:none; color:#FFF; font-size:calc(20px + 1vw); margin-bottom:1%; line-height:calc(36px + 1vw);}
#pet_keyvj_box .inner h3 { background:none; color:#FFF; font-size:calc(10px + 1vw); margin-bottom:3%;}

h3.pet_title { 
border-top:1px solid #666;
border-bottom:1px solid #666;
padding:2% 2% 2% 2%;
background-color:#fff;
background-image: linear-gradient(#ccc 2px, transparent 2px),
linear-gradient(90deg, #ccc 2px, transparent 2px),
linear-gradient(rgba(144,144,144,.3) 1px, transparent 1px),
linear-gradient(90deg, rgba(144,144,144,.3) 1px, transparent 1px);
background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
margin-bottom:3%;
text-align:center;color:#000; font-size:calc(20px + 1vw);line-height:calc(36px + 1vw);}

/* PC */
#main_contents .pet_renov_wrap { width:100%; margin:0 auto 0 auto;}
#main_contents .pet_renov_wrap .inner { width:96%; max-width:1040px; margin:0 auto 5% auto; text-align:center;}
#main_contents .pet_renov_wrap .inner h3 { font-size:calc(16px + 1vw); line-height:calc(24px + 1vw); margin-bottom:3%; text-align:center; }
#main_contents .pet_renov_wrap .inner h4 { font-size:calc(14px + 1vw); line-height:calc(22px + 1vw); margin-bottom:3%; text-align:left; border-bottom:4px #fa2d00 solid; }
#main_contents .pet_renov_wrap .inner p { text-align:left; line-height:calc(20px + 0.5vw); margin-bottom:2%; }

#main_contents .pet_renov_wrap .inner .pet_section01_text { width:67%; margin-right:3%; float:left; }
#main_contents .pet_renov_wrap .inner .pet_section01_pict { width:30%; float:left; }
#main_contents .pet_renov_wrap .inner .pet_section02_text { width:67%; float:left; }
#main_contents .pet_renov_wrap .inner .pet_section02_pict { width:30%; margin-right:3%; float:left; }
#main_contents .pet_renov_wrap .inner .pet_section01_pict p.caution { text-align:right; font-size:calc(9px + 0.2vw); }
#main_contents .pet_renov_wrap .inner .pet_section01_pict p.caution a { text-decoration:none; color:#000; }
#main_contents .pet_renov_wrap .inner .pet_section01_pict p.caution a:hover { text-decoration:underline; }
#main_contents .pet_renov_wrap .inner .pet_section02_pict p.caution { text-align:right; font-size:calc(9px + 0.2vw); }
#main_contents .pet_renov_wrap .inner .pet_section02_pict p.caution a { text-decoration:none; color:#000; }
#main_contents .pet_renov_wrap .inner .pet_section02_pict p.caution a:hover { text-decoration:underline; }

/* SP */
#sp_main_contents .pet_renov_wrap { width:100%; margin:0 auto 0 auto;}
#sp_main_contents .pet_renov_wrap .inner { width:96%; max-width:1040px; margin:0 auto 5% auto; text-align:center;}
#sp_main_contents .pet_renov_wrap .inner h3 { font-size:calc(13px + 1vw); line-height:calc(24px + 1vw); margin-bottom:3%; text-align:center; }
#sp_main_contents .pet_renov_wrap .inner h4 { font-size:calc(12px + 1vw); line-height:calc(22px + 1vw); margin-bottom:3%; text-align:left; border-bottom:4px #fa2d00 solid; }
#sp_main_contents .pet_renov_wrap .inner p { text-align:left; line-height:calc(20px + 0.5vw); margin-bottom:2%; }

#sp_main_contents .pet_renov_wrap .inner .pet_section01_text { width:100%; }
#sp_main_contents .pet_renov_wrap .inner .pet_section01_pict { width:100%; }
#sp_main_contents .pet_renov_wrap .inner .pet_section02_text { width:100%; }
#sp_main_contents .pet_renov_wrap .inner .pet_section02_pict { width:100%; }
#sp_main_contents .pet_renov_wrap .inner .pet_section01_pict p.caution { text-align:right; font-size:calc(9px + 0.2vw); }
#sp_main_contents .pet_renov_wrap .inner .pet_section01_pict p.caution a { text-decoration:none; color:#000; }
#sp_main_contents .pet_renov_wrap .inner .pet_section01_pict p.caution a:hover { text-decoration:underline; }
#sp_main_contents .pet_renov_wrap .inner .pet_section02_pict p.caution { text-align:right; font-size:calc(9px + 0.2vw); }
#sp_main_contents .pet_renov_wrap .inner .pet_section02_pict p.caution a { text-decoration:none; color:#000; }
#sp_main_contents .pet_renov_wrap .inner .pet_section02_pict p.caution a:hover { text-decoration:underline; }