/* CSS Document */

.serviceWrap { padding-top: 10px; margin-bottom: 40px; font-size: 28px; }
.serviceWrap dl { padding: 20px 0; }
.serviceWrap dl.orange { border-top: #FC0 2px dotted; }
.serviceWrap dl.blue { border-top: #1393EF 2px dotted; }
.serviceWrap dt { font-weight: bold; margin-bottom: 10px; }
.serviceWrap dt i { color: #FFD900; padding-right: 8px; }
.serviceWrap dl.orange dt { color: #F60; }
.serviceWrap dl.blue dt { color: #1366E0; }
.serviceWrap dd { color: #333; }
.serviceDoc { padding: 10px; margin-bottom: 20px; }
.serviceDoc img { display: inline-block; vertical-align: bottom; max-width: 270px; width: 45.3%; height: auto; margin: 10px; }
.serviceDoc.kagiDoc { background-color: #FFF8B2; }
.serviceDoc.bouhanDoc { background-color: #E7F3FA; }

@media screen and (min-width: 480px) and (max-width: 640px) {
.serviceWrap { padding-top: 7px; margin-bottom: 30px; font-size: 20px; }
.serviceWrap dl { padding: 5px 0; }
.serviceWrap dl.orange { border-top: #FC0 2px dotted; }
.serviceWrap dl.blue { border-top: #1393EF 2px dotted; }
.serviceWrap dt { margin-bottom: 7px; }
.serviceWrap dt i { padding-right: 6px; }
.serviceDoc { padding: 7px; margin-bottom: 15px; }
.serviceDoc img { margin: 7px; }
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.serviceWrap { padding-top: 5px; margin-bottom: 20px; font-size: 14px; }
.serviceWrap dl { padding: 10px 0; }
.serviceWrap dl.orange { border-top: #FC0 1px dotted; }
.serviceWrap dl.blue { border-top: #1393EF 1px dotted; }
.serviceWrap dt { margin-bottom: 5px; }
.serviceWrap dt i { padding-right: 4px; }
.serviceDoc { padding: 5px; margin-bottom: 10px; }
.serviceDoc img { margin: 5px; }
}