@charset "utf-8";

.cautions{ background: #333; color:#fff; padding:2em 5em; clear:left; font-size: 15px;}
.cautions div{color:#fff; font-size: 15px; padding:10px 0 30px;}
.cautions a{font-size: 15px;}
.cautions ol li, .cautions div ol li{padding:10px 0 0; line-height:1.4em; position: relative; left: 0; top: 0;}
.cautions ol li:nth-child(1), .cautions div ol li:nth-child(1){padding:0;}
/*
.cautions ol li::before, .cautions div ol li::before{content: "-"; position: absolute; left: -1em;}
*/
.cautions h2{font-weight: bold; padding:10px 0 20px; position: relative; left:24px; top: 0; font-size: 24px;}
.cautions h2::before{content: "!"; position: absolute; left: -40px; top: 10px; border: 2px solid #fff; font-size:20px; width: 30px; border-radius: 30px; height: 30px; text-align: center; box-sizing: border-box; -webkit-boxsizing: border-box; line-height: 26px;}
.cautions span{color:#f6ff00;}
.cautions > ol > li > a, .cautions div > ol > li > a{display:inline-block !important; color:#00f0ff}
.cautions > div > ol > li:nth-child(1){padding:10px 0 0}
.cautions strong{font-size: 16px}