@charset "UTF-8";

/* default sp
----------------------------------------------- */
/* ============================================= sp
================================================*/
.pp-ttl{  font-weight: bold;border-bottom: 1px solid;font-size: 5vw;padding-bottom: 1vw;margin-bottom: 1vw;}

.dot > li{list-style:disc;margin-bottom:10px;margin-left: 20px;position:relative;}
.num01 > li{list-style:decimal-leading-zero;margin-bottom:10px;margin-left: 30px;position:relative;}
.num01 > li::marker {font-size: 110%; font-weight: bold;font-family:"Poppins";}


.num02{counter-reset:my-counter;list-style:none;padding:0;}
.num02 > li{list-style:none;margin-bottom:10px;padding-left:20px;position:relative;}
.num02 > li:before{content:counter(my-counter);counter-increment:my-counter;background-color:#fff;display:block;float:left;line-height:16px;margin-left:-20px;text-align:center;height:16px;width:16px;border:1px solid #6d6d6d;border-radius:50%;font-size:3vw;position:relative;top:4px;font-family:"Poppins";}


/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) { 
.pp-ttl{ font-size: 20px;padding-bottom: 10px;margin-bottom: 10px;}
.num02 > li:before{line-height:20px;margin-left:-23px;height:20px;width:20px;font-size:12px;top:4px;}

}  @media screen and (min-width: 980px) {


}	  @media screen and (min-width: 1250px) { 


} @media screen and (min-width: 1800px) { 

}  /* retina用 ----------------------------------------------- */ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 



}