@import url("page.css");

/* メインビュー */
.main_view {
	background-image: url(../img/main-image_company.jpg);
}
.section_page_container  .section_title_top:after {
    left: 128px;
}
.section_page_container {
    margin: 0 auto;
	width: 90%;
    max-width: 970px;
}
.category_top_image {
    height: auto;
}
.section_company {
    width: 90%;
    height: auto;
    max-width: 1000px;
    margin: 8em auto;
}
.company_wrap {
    margin-top: 4em;
}
.company_wrap_item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
}
.company_wrap_item:nth-child(2n) {
    background: #f8f8f8;
}
.company_wrap_item:nth-child(2n-1) {
    background: #fbfbfb;
}
.company_wrap_item:not(:last-child) {
    border-bottom: 1px solid #ccc;
}
.company_wrap dt {
    width: calc(100% - 85%);
    text-align: left;
    padding: 1em 2em;
    border-right: 1px solid #ccc;
}
.company_wrap dd {
    flex: 1;
    padding: 1em 2em;
	background-color: #fff;
}
@media (max-width: 767px) {
.section_title_top:after {
	left: 98px;
	top: 12px;
	width: 80%;
}
.company_wrap dt {
    width: 100%;
    text-align: left;
    padding: 1em 2em 0;
    border-right: none;
}
}
@media (max-width: 480px) {
.company_wrap dt {
  padding-bottom: .5em;
}
}