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 .unit_list { border-top: solid 1px #C9C9C9; }
main .unit_list li { display: flex; align-items: center; padding: 20px; border-bottom: solid 1px #C9C9C9; }
@media screen and (max-width: 640px) { main .unit_list li { justify-content: space-between; flex-wrap: wrap; padding: 10px 0; } }
main .unit_list li .year { width: 18%; font-weight: bold; color: #666; }
@media screen and (max-width: 640px) { main .unit_list li .year { width: 100%; } }
main .unit_list li .wrap { width: 80%; }
@media screen and (max-width: 640px) { main .unit_list li .wrap { width: 100%; } }
main .unit_list li .wrap .inner { display: flex; align-items: center; }
@media screen and (max-width: 640px) { main .unit_list li .wrap .inner { display: block; } }
main .unit_list li .wrap .inner:last-child { padding-top: 20px; margin-top: 20px; border-top: dotted 2px #ccc; }
@media screen and (max-width: 640px) { main .unit_list li .wrap .inner:last-child { margin-top: 10px; padding-top: 0; border: none; } }
main .unit_list li .company { font-size: 14px; width: 200px; }
@media screen and (max-width: 640px) { main .unit_list li .company { margin-top: 10px; width: 40%; } }
main .unit_list li .company .mn { background: #D84949; color: #fff; border-radius: 3px; padding: 5px 20px; text-align: center; }
@media screen and (max-width: 640px) { main .unit_list li .company .mn { line-height: 1; padding: 5px; font-size: 11px; } }
main .unit_list li .company .mnl { background: #4991D8; color: #fff; border-radius: 3px; padding: 5px 20px; text-align: center; }
@media screen and (max-width: 640px) { main .unit_list li .company .mnl { line-height: 1; padding: 5px; font-size: 11px; } }
main .unit_list li .detail { width: 65%; padding-left: 20px; }
@media screen and (max-width: 640px) { main .unit_list li .detail { margin-top: 5px; padding-left: 0; width: 100%; } }
main .unit_list li .detail ul li { border: none; margin: 10px 0 0 0; padding: 0; }
main .unit_list li .detail ul li:first-child { margin-top: 0; }
main .unit_list li .detail figure { margin-top: 15px; }
@media screen and (max-width: 640px) { main .unit_list li .detail figure { margin-top: 5px; } }
main .unit_list li .detail figure img { border-radius: 5px; }

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