@charset "UTF-8";

/* ---- ケーススタディで知る「雪道・冬道走行に欠かせない安心グッズのご紹介」 ---- */

div.case {
background: #f7fcff url('../../../img/usr/pm/winter_safety/bg_case.png') left top;
margin: 0 0 20px 10px;
}
div.case ul {
position: relative;
width: 100%;
height: 1350px;
margin: 5px 0 0 0;
}
div.case ul li dd {
font-size: 90%
}
div.case ul li dd li a {
color: #00f !important;
text-decoration: underline !important;
}
div.case ul li dd li a:hover {
color: #CC0000 !important;
text-decoration: none !important;
}
div.case ul li.case001 {
position: absolute;
line-height: 140%;
width: 290px;
height: 290px;
border: #2eddfa 1px solid;
border-radius: 50%;
background: url('../../../img/usr/pm/winter_safety/ico_001.png') center bottom 10px no-repeat, url('../../../img/usr/pm/winter_safety/bg_snow.png') left bottom no-repeat #f1fcff ;
overflow: hidden;
left: 20px;
top: 5px;
}
div.case ul li.case001 dt {
text-align: center;
color: #fff;
background: #2eddfa;
padding: 20px 0;
font-size: 120%;
font-weight: bold;
}
div.case ul li.case001 dd li {
background: url('../../../img/usr/pm/winter_safety/li_img.png') left top 6px no-repeat;
padding-left: 15px;
}
div.case ul li.case001 dd li:nth-child(1) {
margin: 15px 0 8px 25px;
}
div.case ul li.case001 dd li:nth-child(2) {
margin: 0 0 8px 10px;
}
div.case ul li.case001 dd li:nth-child(3) {
margin: 0 0 8px 20px;
}

div.case ul li.case002 {
position: absolute;
line-height: 140%;
width: 230px;
height: 230px;
border: #36cff5 1px solid;
border-radius: 50%;
background: url('../../../img/usr/pm/winter_safety/ico_002.png') center bottom 0px no-repeat, url('../../../img/usr/pm/winter_safety/bg_snow.png') left -15px bottom no-repeat #f4fdff;
overflow: hidden;
left: 340px;
top: 109px;
}
div.case ul li.case002 dt {
text-align: center;
color: #fff;
background: #36cff5;
padding: 20px 0;
font-size: 120%;
font-weight: bold;
}
div.case ul li.case002 dd li {
background: url('../../../img/usr/pm/winter_safety/li_img.png') left top 6px no-repeat;
padding-left: 15px;
}
div.case ul li.case002 dd li:nth-child(1) {
margin: 20px 0 8px 20px;
}
div.case ul li.case002 dd li:nth-child(2) {
margin: 0 0 8px 10px;
}

div.case ul li.case003 {
position: absolute;
line-height: 130%;
width: 200px;
height: 200px;
border: #2fdaf8 1px solid;
border-radius: 50%;
background: url('../../../img/usr/pm/winter_safety/ico_003.png') center bottom 10px no-repeat,  url('../../../img/usr/pm/winter_safety/bg_snow.png') left -30px bottom no-repeat #eafcff;
overflow: hidden;
left: 672px;
top: 26px;
}
div.case ul li.case003 dt {
text-align: center;
color: #fff;
background: #2fdaf8;
padding: 20px 0;
font-size: 120%;
font-weight: bold;
}
div.case ul li.case003 dd li {
background: url('../../../img/usr/pm/winter_safety/li_img.png') left top 6px no-repeat;
padding-left: 15px;
}
div.case ul li.case003 dd li:nth-child(1) {
margin: 20px 0 8px 20px;
}
div.case ul li.case003 dd li:nth-child(2) {
margin: 0 0 8px 10px;
}

div.case ul li.case004 {
position: absolute;
line-height: 130%;
width: 250px;
height: 250px;
border: #43b7ed 1px solid;
border-radius: 50%;
background: url('../../../img/usr/pm/winter_safety/ico_004.png') center bottom 10px no-repeat, url('../../../img/usr/pm/winter_safety/bg_snow.png') left -45px bottom no-repeat #edf9ff;
overflow: hidden;
left: 74px;
top: 304px;
}
div.case ul li.case004 dt {
text-align: center;
color: #fff;
background: #43b7ed;
padding: 20px 0;
font-size: 120%;
font-weight: bold;
}
div.case ul li.case004 dd li {
background: url('../../../img/usr/pm/winter_safety/li_img.png') left top 6px no-repeat;
padding-left: 15px;
}
div.case ul li.case004 dd li:nth-child(1) {
margin: 20px 0 8px 20px;
}
div.case ul li.case004 dd li:nth-child(2) {
margin: 0 0 8px 10px;
}

div.case ul li.case005 {
position: absolute;
line-height: 130%;
width: 290px;
height: 290px;
border: #48b0e9 1px solid;
border-radius: 50%;
background: url('../../../img/usr/pm/winter_safety/ico_005.png') center bottom 5px no-repeat, url('../../../img/usr/pm/winter_safety/bg_snow.png') left -60px bottom no-repeat #ebf8ff;
overflow: hidden;
left: 567px;
top: 240px;
}
div.case ul li.case005 dt {
text-align: center;
color: #fff;
background: #48b0e9;
padding: 30px 0 20px 0;
font-size: 120%;
font-weight: bold;
}
div.case ul li.case005 dd li {
background: url('../../../img/usr/pm/winter_safety/li_img.png') left top 6px no-repeat;
padding-left: 15px;
}
div.case ul li.case005 dd li:nth-child(1) {
margin: 10px 0 8px 35px;
}
div.case ul li.case005 dd li:nth-child(2) {
margin: 0 0 8px 20px;
}
div.case ul li.case005 dd li:nth-child(3) {
margin: 0 0 8px 15px;
}
div.case ul li.case005 dd li:nth-child(4) {
margin: 0 0 8px 20px;
}

div.case ul li.case006 {
position: absolute;
line-height: 130%;
width: 200px;
height: 200px;
border: #51a2e4 1px solid;
border-radius: 50%;
background: url('../../../img/usr/pm/winter_safety/ico_006.png') center bottom 0px no-repeat, url('../../../img/usr/pm/winter_safety/bg_snow.png') left bottom no-repeat #f4f8fb;
overflow: hidden;
left: 26px;
top: 558px;
}
div.case ul li.case006 dt {
text-align: center;
color: #fff;
background: #51a2e4;
padding: 20px 0;
font-size: 120%;
font-weight: bold;
}
div.case ul li.case006 dd li {
background: url('../../../img/usr/pm/winter_safety/li_img.png') left top 6px no-repeat;
padding-left: 15px;
}
div.case ul li.case006 dd li:nth-child(1) {
margin: 5px 0 8px 20px;
}
div.case ul li.case006 dd li:nth-child(2) {
margin: 0 0 8px 10px;
}

div.case ul li.case007 {
position: absolute;
line-height: 130%;
width: 220px;
height: 220px;
border: #599adf 1px solid;
border-radius: 50%;
background: url('../../../img/usr/pm/winter_safety/ico_007.png') center bottom 0px no-repeat, url('../../../img/usr/pm/winter_safety/bg_snow.png') left -15px bottom no-repeat #f1f8ff;
overflow: hidden;
left: 333px;
top: 458px;
}
div.case ul li.case007 dt {
text-align: center;
color: #fff;
background: #599adf;
padding: 30px 0 20px 0;
font-size: 120%;
font-weight: bold;
}
div.case ul li.case007 dd li {
background: url('../../../img/usr/pm/winter_safety/li_img.png') left top 6px no-repeat;
padding-left: 15px;
}
div.case ul li.case007 dd li:nth-child(1) {
margin: 30px 0 8px 40px;
}
div.case ul li.case007 dd li:nth-child(2) {
margin: 0 0 8px 10px;
}

div.case ul li.case008 {
position: absolute;
line-height: 130%;
width: 280px;
height: 280px;
border: #5a98de 1px solid;
border-radius: 50%;
background: url('../../../img/usr/pm/winter_safety/ico_008.png') center bottom 20px no-repeat, url('../../../img/usr/pm/winter_safety/bg_snow.png') left -30px bottom no-repeat #f9fcff;
overflow: hidden;
left: 573px;
top: 549px;
}
div.case ul li.case008 dt {
text-align: center;
color: #fff;
background: #5a98de;
padding: 20px 0;
font-size: 120%;
font-weight: bold;
}
div.case ul li.case008 dd li {
background: url('../../../img/usr/pm/winter_safety/li_img.png') left top 6px no-repeat;
padding-left: 15px;
}
div.case ul li.case008 dd li:nth-child(1) {
margin: 20px 0 8px 20px;
}
div.case ul li.case008 dd li:nth-child(2) {
margin: 0 0 8px 10px;
}

div.case ul li.case009 {
position: absolute;
line-height: 130%;
width: 240px;
height: 240px;
border: #6096da 1px solid;
border-radius: 50%;
background: url('../../../img/usr/pm/winter_safety/ico_009.png') center bottom 10px no-repeat, url('../../../img/usr/pm/winter_safety/bg_snow.png') left -45px bottom no-repeat #f5f9ff;
overflow: hidden;
left: 76px;
top: 760px;
}
div.case ul li.case009 dt {
text-align: center;
color: #fff;
background: #6096da;
padding: 20px 0;
font-size: 120%;
font-weight: bold;
}
div.case ul li.case009 dd li {
background: url('../../../img/usr/pm/winter_safety/li_img.png') left top 6px no-repeat;
padding-left: 15px;
}
div.case ul li.case009 dd li:nth-child(1) {
margin: 25px 0 8px 20px;
}
div.case ul li.case009 dd li:nth-child(2) {
margin: 0 0 8px 10px;
}

div.case ul li.case010 {
position: absolute;
line-height: 130%;
width: 240px;
height: 240px;
border: #659cd8 1px solid;
border-radius: 50%;
background: url('../../../img/usr/pm/winter_safety/ico_010.png') center bottom 10px no-repeat, url('../../../img/usr/pm/winter_safety/bg_snow.png') left -60px bottom no-repeat #f0f7ff;
overflow: hidden;
left: 363px;
top: 745px;
}
div.case ul li.case010 dt {
text-align: center;
color: #fff;
background: #659cd8;
padding: 20px 0;
font-size: 120%;
font-weight: bold;
}
div.case ul li.case010 dd li {
background: url('../../../img/usr/pm/winter_safety/li_img.png') left top 6px no-repeat;
padding-left: 15px;
}
div.case ul li.case010 dd li:nth-child(1) {
margin: 50px 0 8px 20px;
}
div.case ul li.case010 dd li:nth-child(2) {
margin: 0 0 8px 10px;
}

/*div.case ul li.case011 {
position: absolute;
line-height: 130%;
width: 220px;
height: 220px;
border: #6bb0d6 1px solid;
border-radius: 50%;
background: url('../../../img/usr/pm/winter_safety/ico_011.png') center bottom 0px no-repeat, url('../../../img/usr/pm/winter_safety/bg_snow.png') left bottom no-repeat #f1faff;
overflow: hidden;
left: 25px;
top: 1021px;
}*/
div.case ul li.case011 {
position: absolute;
line-height: 130%;
width: 260px;
height: 260px;
border: #71dbd3 1px solid;
border-radius: 50%;
background: url('../../../img/usr/pm/winter_safety/ico_011.png') center bottom 0px no-repeat, url('../../../img/usr/pm/winter_safety/bg_snow.png') left bottom no-repeat #f1faff;
overflow: hidden;
left: 587px;
top: 933px;
}
div.case ul li.case011 dt {
text-align: center;
color: #fff;
background: #6bb0d6;
padding: 35px 0 20px 0;
font-size: 120%;
font-weight: bold;
}
div.case ul li.case011 dd li {
background: url('../../../img/usr/pm/winter_safety/li_img.png') left top 6px no-repeat;
padding-left: 15px;
}
div.case ul li.case011 dd li:nth-child(1) {
margin: 20px 0 8px 20px;
}
div.case ul li.case011 dd li:nth-child(2) {
margin: 0 0 8px 10px;
}

div.case ul li.case012 {
position: absolute;
line-height: 130%;
width: 250px;
height: 250px;
border: #6ec0d5 1px solid;
border-radius: 50%;
background: url('../../../img/usr/pm/winter_safety/ico_012.png') center bottom 10px no-repeat, url('../../../img/usr/pm/winter_safety/bg_snow.png') left -15px bottom no-repeat #f6fdff ;
overflow: hidden;
left: 297px;
top: 1018px;
}
div.case ul li.case012 dt {
text-align: center;
color: #fff;
background: #6ec0d5;
padding: 30px 0 20px 0;
font-size: 120%;
font-weight: bold;
}
div.case ul li.case012 dd li {
background: url('../../../img/usr/pm/winter_safety/li_img.png') left top 6px no-repeat;
padding-left: 15px;
}
div.case ul li.case012 dd li:nth-child(1) {
margin: 20px 0 8px 20px;
}
div.case ul li.case012 dd li:nth-child(2) {
margin: 0 0 8px 10px;
}

div.case ul li.case013 {
position: absolute;
line-height: 130%;
width: 260px;
height: 260px;
border: #71dbd3 1px solid;
border-radius: 50%;
background: url('../../../img/usr/pm/winter_safety/ico_013.png') center bottom 0px no-repeat, url('../../../img/usr/pm/winter_safety/bg_snow.png') left -30px bottom no-repeat #f3fffe;
overflow: hidden;
left: 587px;
top: 933px;
}
div.case ul li.case013 dt {
text-align: center;
color: #fff;
background: #71dbd3;
padding: 35px 0 20px 0;
font-size: 120%;
font-weight: bold;
}
div.case ul li.case013 dd li {
background: url('../../../img/usr/pm/winter_safety/li_img.png') left top 6px no-repeat;
padding-left: 15px;
}
div.case ul li.case013 dd li:nth-child(1) {
margin:40px 0 8px 10px;
}
div.case ul li.case013 dd li:nth-child(2) {
margin: 0 0 8px 10px;
}

div.case ul li.case014 {
position: absolute;
line-height: 130%;
width: 280px;
height: 280px;
border: #007130 1px solid;
border-radius: 50%;
background: #f2fff8 url('../../../img/usr/pm/winter_safety/bg_snow.png') left -45px bottom no-repeat;
overflow: hidden;
left: 482px;
top: 1737px;
}
div.case ul li.case014 dt {
text-align: center;
color: #fff;
background: #007130;
padding: 20px 0;
font-size: 120%;
font-weight: bold;
}
div.case ul li.case014 dd li {
background: url('../../../img/usr/pm/winter_safety/li_img.png') left top 6px no-repeat;
padding-left: 15px;
}
div.case ul li.case014 dd li:nth-child(1) {
margin: 20px 0 8px 20px;
}
div.case ul li.case014 dd li:nth-child(2) {
margin: 0 0 8px 10px;
}

div.other ul {
margin: 10px 0 25px 10px;
padding:0;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
div.other ul li {
width:calc(19% - 14px);
margin:0 1% 10px 0;
padding:0 0 0 14px;
background: url('../../../img/usr/pm/winter_safety/li_img02.png') left top 9px no-repeat;
}
div.other ul li a {
color: #00f !important;
text-decoration: underline !important;
font-size: 85%;
}
div.other ul li a:hover {
color: #ff9f00 !important;
text-decoration: none !important;
}