/**
 * mypage.css
 * マイページ共通CSS
 */
div.Info { display:block; }
div.Info p { text-align:center; }
div.Info p.caution { margin-bottom:20px; text-align:center; }
div.Info ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:20px; }
div.Info ul li { width:32.0%; margin-bottom:10px; border:solid 1px crimson; color:#000; font-size:20px; font-weight:bold; line-height:120.0%; }
div.Info ul li span { font-size:14px; }
div.Info ul li a { display:block; padding:10px 0 5px 0; color:crimson; text-align:center; text-decoration:none; transition:0.3s; }
div.Info ul li a:hover { background-color:#fff; transition:0.3s; }
@media only screen and (max-width:768px){
    div.Info p.caution img { width:30.0%; }
    div.Info ul li { width:100.0%;  }
}


/*フォント登録*/
@font-face { font-family:Din; src:url(/font/din-1451-alt/din.ttf) format("truetype"); font-weight:normal; font-display:swap; }
@font-face { font-family:Din; src:url(/font/din-1451-alt/dinG.ttf) format("truetype"); font-weight:bold; font-display:swap; }