.page__header-title { background: #4b4b4b; color: #fff; }

@media only screen and (max-width: 767px) { .page__header-image img { height: 120%; } }

main#main { overflow: hidden; }

.content-primary { margin-bottom: 40px; }

.post_content h3 { font-size: 3.6rem; border-radius: 0; border-color: #3d3d3d; border-width: 0 0 1px 0; text-align: center; padding: 0.8em 0; }
@media only screen and (max-width: 991px) { .post_content h3 { font-size: 2.2rem; } }
.post_content h2 { font-size: 3rem; color: #da391c; line-height: 1.1; position: relative; border: none; padding: 0.45em 1em 0.45em 56px; margin: 1.2em 0; }
@media only screen and (max-width: 991px) { .post_content h2 { font-size: 1.8rem; padding-left: 26px; } }
.post_content h2:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 24px; height: 100%; background: #646464; }
@media only screen and (max-width: 991px) { .post_content h2:before { width: 12px; } }
.post_content h2:after { content: ''; display: block; position: absolute; left: 12px; top: 11px; width: 20px; height: calc(100% - 22px); background: #da391c; }
@media only screen and (max-width: 991px) { .post_content h2:after { width: 10px; left: 6px; top: 5px; height: calc(100% - 10px); } }
.post_content h4 { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; background: #3d3d3d; height: 52px; font-size: 2.4rem; line-height: 1.2; color: white; position: relative; margin: 1em 0; padding-left: 60px; border-left: none; }
@media only screen and (max-width: 991px) { .post_content h4 { font-size: 1.5rem; height: 40px; padding-left: 35px; } }
.post_content h4:before { position: absolute; content: ''; width: 40px; height: 8px; left: 0; top: calc(50% - 4px); background: #da391c; }
@media only screen and (max-width: 991px) { .post_content h4:before { width: 25px; height: 6px; top: calc(50% - 3px); } }
.post_content .page_desc .desc { font-size: 1.8rem; line-height: 2.3; text-align: center; margin-top: 2em; }
@media only screen and (max-width: 991px) { .post_content .page_desc .desc { font-size: 1.4rem; } }
.post_content .page_desc .desc img { margin-top: 2em; }
.post_content .post_content_header .post_content_header_desc { font-size: 1.8rem; padding-left: 3.3em; padding-right: 1em; }
@media only screen and (max-width: 991px) { .post_content .post_content_header .post_content_header_desc { font-size: 1.4rem; padding-left: 2em; } }
.post_content .media_content_row { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: flex-start; margin-bottom: 50px; position: relative; }
@media only screen and (max-width: 991px) { .post_content .media_content_row { flex-direction: column; } }
@media only screen and (max-width: 991px) { .post_content .media_content_row:before { content: ''; display: block; position: absolute; top: 0; left: 0; background: #f0f0f0; width: 150vw; height: calc(100% - 40px); z-index: -1; } }
.post_content .media_content_row .content, .post_content .media_content_row .media_img { width: 50%; }
@media only screen and (max-width: 991px) { .post_content .media_content_row .content, .post_content .media_content_row .media_img { width: 100%; } }
.post_content .media_content_row .content { padding-right: 50px; position: relative; }
@media only screen and (max-width: 991px) { .post_content .media_content_row .content { padding-right: 30px; } }
.post_content .media_content_row .content:before { content: ''; display: block; position: absolute; top: 0; left: 0; background: #f0f0f0; width: 150vw; height: 100%; z-index: -1; }
.post_content .media_content_row .content p { margin-left: 60px; }
@media only screen and (max-width: 991px) { .post_content .media_content_row .content p { font-size: 1.3rem; margin-left: 30px; } }
.post_content .media_content_row .media_img { padding-left: 15px; text-align: right; }

.prototype_merit_content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: distribute; justify-content: space-between; margin-top: 60px; }
@media only screen and (max-width: 991px) { .prototype_merit_content { flex-direction: column; } }
.prototype_merit_content .content_item { width: calc(33.3333% - 20px); }
@media only screen and (max-width: 991px) { .prototype_merit_content .content_item { width: 100%; } }
.prototype_merit_content .content_item .thumb { text-align: center; }
.prototype_merit_content .content_item .item_desc { margin-top: 1em; }
@media only screen and (max-width: 991px) { .prototype_merit_content .content_item .item_desc { font-size: 1.3rem; line-height: 2; } }

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