@charset "utf-8";
/*================================
Layout.css
作成者名:
日時：
================================*/
#main01{padding:30px 0;}
#main01 h1{font-size:32px; line-height:2em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
#main01 .box { width:800px; float:left; border: solid 1px #ccc; box-shadow:0 2px 5px #777; padding:60px 49px; margin:20px 0;}
#main01 .box > * { display:inline;}
#main01 .box p { width:66%; float:right; font-size:13px;}
#main01 .box span { display:block; margin-bottom:30px;}
#main01 .box dl{ width:20%; min-width:170px; float:left;}
#main01 .box dl > * { width:100%; float:left;}
#main01 .box dl dd { font-size:15px; line-height:30px;}
#main01 .box dl dd img { width:80%; height:auto; padding-top:10px;}
@media screen and (max-width: 980px) {
#main01{ overflow:hidden; padding:0px;}
#main01 h1{ margin:20px 0;}
#main01 .box { width:90%; border: solid 1px #ccc; box-shadow:0 2px 5px #777; padding:50px 4%; margin:0px 1%;}
#main01 .box p { width:62%;}
#main01 .box dl dd {font-size:12px;}
}
@media screen and (max-width: 630px) {
#main01 .box { margin:20px 3%; padding:50px 2%;}
}
@media screen and (max-width: 500px) {
#main01 h1 { margin:0px; font-size: 18px; background-color: #114A9C; color: #fff;font-weight: bold;}
#main01 .box { padding:20px 2%;}
#main01 .box p, 
#main01 .box dl { width:100%;}
#main01 .box dl dt { width:45%; float:left; text-align:right;}
#main01 .box dl dt img { width:100%; height: auto;}
#main01 .box dl dd{ width:45%; float:right;}
}