main { max-width: 1220px; padding: 0 20px; margin: 0 auto 80px; }

main { margin-top: 40px; }
@media screen and (max-width: 640px) { main { margin: 20px 0; } }
main h2 { margin: 0 0 30px; font-size: 25px; color: #D70C18; position: relative; padding: 0 0 0 40px; }
@media screen and (max-width: 640px) { main h2 { font-size: 20px; margin: 0 0 20px; padding: 0 0 0 30px; } }
main h2::before { content: ""; position: absolute; left: 0; top: 5px; background: url(/common/img/icon_block.svg) center no-repeat; background-size: cover; width: 28px; height: 28px; }
@media screen and (max-width: 640px) { main h2::before { top: 3px; width: 20px; height: 20px; } }
main li { padding: 20px 0 20px 20px; display: flex; border-bottom: solid 1px rgba(204, 204, 204, 0.5); }
@media screen and (max-width: 640px) { main li { padding: 10px 0; display: block; } }
main li .item_name { width: 20%; text-shadow: 0px 0px 0.1em #666; }
@media screen and (max-width: 640px) { main li .item_name { width: 100%; margin-bottom: 5px; } }
main li .detail { width: 80%; }
@media screen and (max-width: 640px) { main li .detail { width: 100%; } }
main li .detail .map { margin-top: 20px; }
@media screen and (max-width: 640px) { main li:first-child { padding-top: 0; } }
main li:last-child { margin-bottom: 40px; }
main .organization p { text-align: right; }

/*# sourceMappingURL=com.css.map */