/*--------------------------------------------------------------------------------
　＊専用クラス
-----------------------------------------------------------------------------------*/

ol.list-123,
ol.list-abc,
ol.disc{
    margin: 5px 10px 30px 50px;
}

ol.list-123 li{
	list-style-type:decimal;
}


ol.list-abc li{
	list-style-type:lower-latin;
}

ol.disc li,
ol.disc2 li{
	list-style-type:disc;
}

ol.disc2{
    margin: 20px 10px 20px 50px;
}

div.notice{
    margin:30px 10px;
    border:1px dotted #bbb;
    padding:20px 25px 15px;
    line-height:2;
}

h4{
	color:#03c;
}


/*--------------------------------------------------------------------------------
　▼　VIEWPORT定義
-----------------------------------------------------------------------------------*/

/*====================================▼　タブレット・モード　/　760pxで最適化　▼======================================*/
@media screen and (max-width: 960px) {

}





/*====================================▼　スマートフォン・ランドスケープ・モード（横向き） /　580pxで最適化　▼======================================*/
@media only screen and (max-width:640px) {
ol.disc2 {
    margin: 20px 10px 20px 30px;
}

div.notice {
    margin: 0px 10px 30px 15px;
    border: 1px dotted #bbb;
    padding: 20px 25px 15px;
    line-height: 2;
}

h4{
 color:#000;
}

}





/*====================================▼　スマートフォン・ポートレート・モード（縦向き） /　320pxで最適化　▼======================================*/
@media only screen and (max-width:480px) {
ol.list-123,
ol.list-abc,
ol.disc{
    margin: 5px 10px 30px 30px;
}

 ol.disc2 {
    margin: 20px 10px 20px 20px;
}
}