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

#careful .con01 {background: url(img/careful/con01_bg.jpg)top center repeat; box-sizing: border-box; border: 3px solid #000; padding-bottom: 20px;}
#careful .con01 ul {display: flex; justify-content: space-between; align-items: center}

#careful .con01 ul .btn {margin: 20px 0 0 20px;}
#careful .con01 ul li:nth-child(2) .btn {margin-left: 15px;}
#careful .con01 ul li:nth-child(3) .btn {}
#careful .con01 .img01 {min-width: 236px;}
#careful .con01 .img02 {min-width: 236px; margin: 0; margin-left: -13px;}
#careful .con01 .img03 {min-width: 236px; margin-right: 7px; margin-left: -12px;}
#careful .ul02 {padding: 0 14px 0 20px; margin-top: 20px;}

#careful .box02 {background: url(img/careful/box02_bg.jpg)top center repeat; box-sizing: border-box; border: 3px solid #000; padding: 20px; margin-top: 20px;}
#careful .box02 .title01 {margin-left: 20px;}
#careful .box02 .inner  {display: flex; justify-content: flex-start; width: 100%; box-sizing: border-box; border: 3px solid #000; background-color: #fff; font-size: 16px; font-weight: bold; align-items: center; line-height: 1.5;}
#careful .box02 .inner .big {line-height: 1.8; margin-bottom: 10px;}
#careful .box02 .con {box-sizing: border-box; border: 3px solid #000; background-color: #fff; padding: 20px; position: relative;}
#careful .box02 .con h3 {font-weight: bold; font-size: 24px; text-align: right; line-height: 1.3; margin-bottom: 20px;}
#careful .box02 .con .inner02 {display: flex; justify-content: space-between; align-items: flex-start; font-size: 16px; font-weight: bold; text-align: justify; letter-spacing: 1px; line-height: 1.3;}
#careful .box02 .con .inner02 .img01 {margin-left: 20px;}
#careful .box02 .con .inner02 .img02 {margin-right: 20px;}
#careful .box02 .con .icon {position: absolute; left: -20px; top: -20px;}
#careful .contactarea {display: flex; justify-content: space-between; align-items: flex-end;}