@charset "UTF-8";
  .custom-recruit *, .custom-recruit *::before, .custom-recruit *::after {
box-sizing: border-box;
}
.custom-recruit img {
display: block;
max-width: 100%;
vertical-align: middle;
border-style: none;
height: auto;
}
.custom-recruit__container {
width: 100%;
max-width: 990px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
}
.custom-recruit__post-ttl {
font-size: 30px;
font-weight: bold;
line-height: 1.5;
margin-bottom: 40px;
}
.custom-recruit__archive {
width: 100%;
}
.custom-recruit__archive__item {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 30px;
border-bottom: 1px solid #eeeeee;
padding-bottom: 30px;
}
.custom-recruit__archive__item__img {
display: block;
width: 240px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.custom-recruit__archive__item__body {
display: block;
width: 100%;
}
.custom-recruit__archive__item__ttl {
font-size: 22px;
line-height: 1.5;
font-weight: bold;
margin-bottom: 20px;
}
.custom-recruit__archive__item__detail-btn {
width: 120px;
height: 42px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.custom-recruit__archive__item__detail-btn a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
color: #222222;
text-decoration: none;
border: 1px solid #222222;
background-color: #ffffff;
}
.custom-recruit__archive__item__detail-btn a:hover {
color: #222222;
text-decoration: none;
opacity: .8;
}
@media (min-width: 768px) {
.custom-recruit__archive__item__img {
width: 300px;
margin-left: 0;
margin-right: auto;
margin-bottom: 0;
padding-right: 40px;
}
.custom-recruit__archive__item__body {
flex: 1;
}
}
.custom-recruit__detail__eye-cacth {
max-width: 600px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.custom-recruit__detail__description-lead {
margin-bottom: 30px;
}
.custom-recruit__detail__description-list__item {
margin-bottom: 30px;
}
.custom-recruit__detail__description-list__title h2 {
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
border-bottom: 1px solid #eeeeee;
}
.custom-recruit__detail__datalist__table {
width: 100%;
display: block;
}
.custom-recruit__detail__datalist__table tbody, .custom-recruit__detail__datalist__table thead {
display: block;
}
.custom-recruit__detail__datalist__table tr {
display: block;
}
.custom-recruit__detail__datalist__table th {
display: block;
margin-top: 4px;
margin-bottom: 4px;
width: 100%;
padding: 8px 10px;
background-color: #e0e0e0;
color: #222222;
font-weight: bold;
}
.custom-recruit__detail__datalist__table td {
display: block;
width: 100%;
padding: 8px 10px;
background-color: #f6f6f6;
color: #222222;
}
.custom-recruit__detail__datalist__table td h2 {
margin: 0;
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
border-bottom: 1px solid #eeeeee;
}
@media (min-width: 768px) {
.custom-recruit__detail__datalist__table {
display: table;
table-layout: fixed;
border-spacing: 4px;
border-collapse: separate;
}
.custom-recruit__detail__datalist__table tbody, .custom-recruit__detail__datalist__table thead {
display: table-row-group;
}
.custom-recruit__detail__datalist__table tr {
display: table-row;
}
.custom-recruit__detail__datalist__table th {
display: table-cell;
margin-top: 0;
margin-bottom: 0;
padding: 15px 20px;
width: 15em;
}
.custom-recruit__detail__datalist__table td {
display: table-cell;
margin-bottom: 0;
padding: 15px 20px;
}
}
.custom-recruit__detail__map {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.custom-recruit__detail__map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}