@charset "UTF-8";
.header_share_buttons{height:20px}
.header_share_buttons>ul{display:flex;align-items:center}
.header_share_buttons>ul>li{display:block}
.header_share_buttons>ul>li:not(:first-child){margin-left:15px}
.header_share_buttons>ul>li.twitter{font-size:9pt}
#heroimg{margin-bottom:60px;font-size:0;text-align:center;background-color:#000}
#heroimg img{max-width:100%}
#content{margin:0 auto 60px;padding:0 13px;max-width:980px;font-size:87.5%;font-family:'メイリオ','ヒラギノ角ゴ Pro W3','Lucida Grande','Hiragino Kaku Gothic Pro',Osaka,Verdana,'ＭＳ Ｐゴシック',sans-serif}
.pagetop{position:relative;height:0}
.pagetop>a{position:fixed;right:13px;bottom:0;z-index:1;display:block;height:50px;width:50px;text-indent:-9999px;background:url(/carele/drive-recorder/img/arr_pagetop.png) center center no-repeat #c00;color:#fff;transition:background-color .3s,opacity .3s}
.pagetop>a:hover{background-color:#de5959}
.pagetop:not(.is-show)>a{opacity:0;pointer-events:none}
.pagetop.is-absoluted>a{position:absolute}
.pp_footerlink,.pp_footerlink *{box-sizing:content-box}
.pp_footerlink li{display:block}
.section{margin-top:50px}
.section:not(:first-child){padding-top:50px;border-top:1px solid #e5e5e5}
.headline{margin-bottom:20px;font-weight:700;font-size:142.86%;text-align:center;color:#c00}
.headline span{display:inline-block;margin-bottom:9pt;padding-bottom:5px;border-bottom:3px solid #c00}
.terms{margin-top:20px;padding:20px;background-color:#f5f5f5}
.label{margin-bottom:10px;font-weight:700;font-size:100%;color:#333}
.decimal_list{margin-top:1em}
.decimal_list>li{display:block;margin-bottom:10px;padding-left:1.5em;font-size:100%;text-indent:-1.5em}
.decimal_list>li>span{font-weight:700}
.num{padding-left:2em;text-indent:-2em}
.num>span{display:inline-block;margin:0 .5em 5px 0;padding:4px 0 3px;width:1.5em;font-weight:400;font-size:87.5%;line-height:1;text-align:center;text-indent:0;background-color:#c00;color:#fff}
.table_def{margin-bottom:15px;width:100%;border-collapse:collapse}
.table_def td,.table_def th{padding:10px 20px;border:1px solid #ccc;vertical-align:top}
.table_def th{font-weight:700;vertical-align:middle;background-color:#f2f2f2}
.table_def th.group{text-align:center;background-color:#000;color:#fff}
.table_def td{word-break:break-all}
.table_def.download td,.table_def.download th{padding:10px}
.arr{display:inline-block;padding-left:10px;text-indent:0;background:url(/carele/drive-recorder/img/arr_black.png) left .35em no-repeat}
.figure{margin:20px 0 0;text-align:center}
.fluid_img{max-width:100%}
.mb10{margin-bottom:10px!important}
.mb30{margin-bottom:30px!important}
.w14p{width:14%!important}
.w16p{width:16%!important}
.w20p{width:20%!important}
.w30p{width:30%!important}
.tac{text-align:center!important}
#update_news { margin: 0 auto; position: relative; z-index: 2; }
#update_news .link { margin-bottom: 40px; }
#update_news .link a { display: block; background-color: #cc0000; color: #fff; font-weight: bold; padding: 12px 25px; }
#update_news .link a:hover { opacity: 0.8; filter: alpha(opacity=80); }
#update_news .link a span { display: block; background: url("../img/arr_update.png") no-repeat left center; padding-left: 35px; text-align: center; min-height: 26px; }

@media print,screen and (min-width:768px){
#module_titleArea{display:flex;justify-content:space-between;align-items:center}
}
@media screen and (max-width:767px){
.header_share_buttons{display:none}
#heroimg{margin-bottom:40px}
#content{margin-bottom:50px;padding:0 20px;font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3',sans-serif;line-height:1.5}
.pagetop>a{opacity:.7}
.section{margin-top:40px}
.section:not(:first-child){padding-top:40px}
.headline{font-size:128.57%}
.headline span{margin-bottom:0;padding-bottom:5px;border-bottom-width:2px;line-height:1}
.sp_scroll{position:relative;margin:20px 0}
.sp_scroll_wrap{overflow-x:auto;overflow-y:hidden}
.sp_scroll_wrap>table{margin-top:0;box-sizing:border-box;width:727px;border-right:1px solid #ccc;border-left:1px solid #ccc}
.table_def{margin-bottom:0;font-size:92.8%}
.table_def td,.table_def th{padding:5px 8px}
.arr{background-image:url(/carele/drive-recorder/img/arr_black_2x.png);background-position:left .4em;background-size:6px auto}
.fluid_img{max-width:20pc}
#update_news { margin: 30px 0; padding: 0; }
#update_news .link a { padding: 20px; }
#update_news .link a:hover { opacity: 1; filter: alpha(opacity=100); }
#update_news .link a span { background: url("../img/arr_update_2x.png") no-repeat left center; background-size: 20px auto; padding-left: 35px; text-align: left; }	
}