body{margin:0;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}.clear{margin:0;clear:both;}.sp{display:none;}header{width:1000px;margin:0 auto;}header #siteLogo{width:55.3%;margin:1rem 0;float:left;} header #siteLogo img { width: 100%; height: auto; } nav { width: 1000px; margin: 5px auto 0 auto; color: #333; font-size: 1rem; } nav a { color: #004FA2; text-decoration: none; } nav a:hover { color: #98C11D; } #toForm { width: 1000px; margin: 3rem auto; text-align: center; } #toForm img { width: 50%; height: auto; border-radius: .2rem; } .step { margin: 5px 0 0 0; padding-top: 5px; padding-bottom: 5px; color: #FFF; font-weight: bold; font-size: 20px; line-height: 24px; text-align: center; background-color: #004FA2; border-bottom: #FFF solid 2px; } #informationNote { margin: 10px 2%; border: 4px solid #FF5456; } #informationNote dt { margin: 10px 5% 0 5%; color: #000; font-size: 14px; line-height: 24px; border-bottom: #000 1px dashed; } #informationNote dt b { color: #D30002; margin-right: 2%; } #informationNote dd { margin: 0 5% 10px 5%; color: #000; font-size: 14px; line-height: 21px; }
#navigation{display:flex;flex-wrap:wrap;width:1000px;margin:2rem auto; padding: 0; list-style: inside none; }#navigation li{width:25%;margin:1rem 0 0 0;padding:0;text-align:center;} #navigation li img{width:78%;height:auto;}
footer { margin: 0; background-color: #004FA2; } footer #foot { width: 1000px; margin: 0 auto; padding: 1rem 0; } footer #foot #footerLogo { width: 35%; margin: 0; float: left; } footer #foot #footerLogo dt { margin: 0; color: #FFF; font-size: 1.4rem; text-align: center; } footer #foot #footerLogo dd { margin: 0; text-align: center; } footer #foot #footerLogo dd img { width: 75%; height: auto; } footer #foot #footerLogo dd#corporateLink { margin: 2rem 0 0 0; font-size: 1rem; } footer #foot #footerLogo dd#corporateLink a { color: #FFF; } footer #foot #footerContact { width: 55%; margin: 0 0 0 5%; float: left; } footer #foot #footerContact #footerTEL { margin: 0; color: #FFF; font-size: 2rem; } footer #foot #footerContact #footerTEL a { margin: 0 0 0 1rem; padding: 0 1rem; color: #0200E5; font-weight: bold; text-decoration: none; background-color: #FFF; border-radius: .5rem; } footer #foot #footerContact #footerTELTime { margin: 0; color: #FFF; font-size: 1rem; } footer #foot #footerContact #footerEmail { margin: 1rem 0 0 0; color: #FFF; font-size: 1.4rem; } footer #foot #footerContact #footerEmail a { margin-left: 1rem; padding: 0 1rem; color: #0200E5; font-weight: bold; text-decoration: none; background-color: #FFF; border-radius: .5rem; } footer #foot #footerContact address { margin: 1rem 0 0 0; font-style: normal; } footer #foot address p { margin: .2rem; color: #FFF; font-size: .8rem; line-height: 1.2rem; } footer #foot address p a { display: none; } footer .copyright { margin: 0; padding: .3rem; color: #FFF; font-size: .8rem; text-align: center; background-color: #98C11D; }