@keyframes fadeDownAnime { from { opacity: 0; transform: translateY(50px); }
  to { opacity: 1; transform: translateY(0); } }
header { display: flex; justify-content: space-between; }
@media screen and (max-width: 640px) { header { display: block; } }
header .unit_logo { animation-name: fadeDownAnime; animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; width: 70vw; margin-right: -80px; position: relative; background: #D70C18; padding: 40px; height: 250px; display: flex; align-items: center; justify-content: center; z-index: 1; }
@media screen and (max-width: 640px) { header .unit_logo { width: 100vw; margin-right: 0; padding: 20px; height: auto; } }
header .unit_logo img { max-width: 100%; }
header .unit_photo { animation-name: fadeDownAnime; animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; animation-delay: 0.2s; margin-top: 40px; width: 70vw; background: url(../../img/photo_header.png) center center no-repeat; background-size: cover; height: 250px; }
@media screen and (max-width: 640px) { header .unit_photo { margin: 0; width: 100vw; height: 150px; } }

.team_copy { border-top: none; padding: 0; margin: 60px auto; }

.unit_btn { text-align: center; margin: 30px 0; }
.unit_btn .btn_top { display: inline-block; border-radius: 5px; border: solid 1px #D70C18; color: #D70C18; padding: 10px 60px; transition: .3s; }
.unit_btn .btn_top:hover { color: #fff; background: #D70C18; }

#container { padding-top: 90px; opacity: 1 !important; }
@media screen and (max-width: 640px) { #container { padding-top: 70px; } }

main { max-width: 1200px; margin: 0 auto; display: block; padding: 0 20px; }
@media screen and (max-width: 640px) { main { padding: 0; } }
main .txt_report { font-size: 60px; font-weight: bold; }
@media screen and (max-width: 640px) { main .txt_report { margin-left: 20px; font-size: 40px; } }
main .report_title { width: 100%; display: flex; align-items: center; }
@media screen and (max-width: 640px) { main .report_title { padding: 0 20px; } }
main .report_title .icon { background: #fff; padding: 10px; width: 80px; height: 80px; margin-right: 20px; border: solid 1px #ccc; }
main .report_title h1 { color: #D70C18; font-weight: bold; font-size: 25px; line-height: 1.3; }
@media screen and (max-width: 640px) { main .report_title h1 { font-size: 16px; line-height: 1.5; } }
main .main_visual { background: #004091; margin: 40px calc(50% - 50vw); width: 100vw; overflow: hidden; padding: 60px 40px; }
@media screen and (max-width: 640px) { main .main_visual { margin: 20px 0; padding: 20px; } }
main .main_visual figure { text-align: center; }
main .main_visual figure figcaption { font-size: 16px; color: #fff; margin-top: 20px; }
@media screen and (max-width: 640px) { main .main_visual figure figcaption { margin-top: 0; font-size: 14px; } }
main .unit_photo_txt { display: flex; justify-content: space-between; position: relative; align-items: flex-start; }
@media screen and (max-width: 640px) { main .unit_photo_txt { display: block; padding: 20px; } }
main .unit_photo_txt .unit_photo { margin-right: 40px; max-width: 400px; width: 400px; box-shadow: #004091 20px 20px 0; line-height: 0; }
@media screen and (max-width: 640px) { main .unit_photo_txt .unit_photo { max-width: 90%; width: 90%; text-align: center; margin: 0 auto 40px; } }
main .unit_photo_txt .unit_txt { width: 60%; }
@media screen and (max-width: 640px) { main .unit_photo_txt .unit_txt { width: 100%; } }
main .unit_inner { margin-top: 80px; }
@media screen and (max-width: 640px) { main .unit_inner { padding: 0 20px; margin-top: 40px; } }
main .unit_inner h2 { font-size: 20px; font-weight: bold; padding: 10px 20px; border: solid 1px #004091; box-shadow: #004091 10px 10px 0; }
@media screen and (max-width: 640px) { main .unit_inner h2 { font-size: 18px; } }
main .unit_inner ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
main .unit_inner ul li { margin-top: 40px; width: 31%; }
@media screen and (max-width: 640px) { main .unit_inner ul li { margin-top: 20px; width: 48%; } }
main .unit_inner ul li figure figcaption { text-align: center; font-size: 14px; }
main .unit_inner ul.garelly_flat { flex-wrap: nowrap; }
@media screen and (max-width: 640px) { main .unit_inner ul.garelly_flat { flex-wrap: wrap; justify-content: space-between; } }
main .unit_inner ul.garelly_flat li { width: 22%; }
@media screen and (max-width: 640px) { main .unit_inner ul.garelly_flat li { width: 48%; } }
main .unit_inner .unit_item { margin: 40px 0; }
@media screen and (max-width: 640px) { main .unit_inner .unit_item { margin: 0; } }
main .unit_inner .unit_item a { display: block; }
main .unit_inner .unit_item a figure { text-align: center; }
main .unit_inner .unit_item a figure img { display: block; margin: 0 auto; }
main .unit_inner .unit_item a figure figcaption { display: inline-block; border: solid 1px #D70C18; background: #D70C18; color: #fff; padding: 10px 40px; border-radius: 5px; font-weight: 500; }
main .unit_inner .unit_item a:hover figcaption { background: #fff; color: #D70C18; }

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