@charset "utf-8";

.wrapper {
padding-top: 60px;
padding-bottom: 50px;
}
.main_inner {
max-width: 980px;
width: 100%;
margin: 0 auto;
}
.header_search {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 35px;
}
.allBtn a {
white-space: nowrap;
padding: 10px 20px;
background-color: #F4F4F4;
border: solid 1px #ddd;
text-decoration: none;
color: #1F1F1F;
border-radius: 3px;
}
.allBtn a:hover {
background-color: #0B2A4B;
color: #fff;
border: solid 1px #0B2A4B;
}
.header_search_inputs {
width: 300px;
margin-left: 20px;
border: solid 1px #ddd;
border-radius: 3px;
}
.header_search_inputs input, .header_search_inputs select {
width: 100%;
height: 45px;
padding: 10px 20px;
line-height: 100%;
color: #1F1F1F;
background: #F4F4F4;
border: none;
cursor: pointer;
}
.result {
display: block;
padding-left: 10px;
margin-bottom: 40px;
}
main h3 {
font-size: 2.4rem;
display: block;
letter-spacing: 0.2em;
line-height: 100%;
padding : 0 20px 10px 10px;
margin-bottom: 30px;
color: #0B2A4B;
border-bottom: solid 1px #0F3866;
}
.slider {
width: 50%;
}
.slider li img {
width: 100%;
height: auto;
}
.workBox {
max-width: 980px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 50px;
}
.workInfo {
width: 50%;
margin-left: 40px;
}
.workInfo tr th {
text-align: left;
font-size: 1.5rem;
padding: 18px 0 13px 10px;
border-bottom: solid 1px #E3E3E3;
white-space: nowrap;
vertical-align: middle;
width: 80px;
}
.workInfo tr td {
text-align: left;
font-size: 1.5rem;
padding: 18px 30px 13px 30px;
border-bottom: solid 1px #E3E3E3;
}
.number {
display: flex;
align-items: center;
justify-content: flex-start;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.number li {
line-height: 100%;
margin-right: 10px;
}
.number li a {
text-decoration: none;
color: #222;
padding: 10px;
background-color: #E5E5E5;
}
.number li a:hover {
background-color: #0B2A4B;
color: #fff;
}
.page {
position: relative;
padding-top: 70px;
padding-bottom: 50px;
}

/*　for スマートフォン 　*/
@media all and (max-width : 767px ){
main {
padding: 0 15px;
}
.allBtn a {
font-size: 1.0rem;
padding: 9px 5px;

}
.header_search_inputs {
margin-left: 10px;
}
.header_search_inputs input, .header_search_inputs select {
font-size: 1.0rem;
width: 100%;
height: 35px;
padding: 9px 0px;
}
.result {
display: block;
padding-left: 10px;
margin-bottom: 20px;
font-size: 1.2rem;
}
main h3 {
font-size: 1.5rem;
letter-spacing: 0.2em;
padding : 0 20px 10px 10px;
margin-bottom: 20px;
}
.workBox {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
margin-bottom: 40px;
}
.slider {
width: 100%;
}
.workInfo {
width: 100%;
margin-left: 0px;
}
.workInfo tr th {
font-size: 1.2rem;
padding: 18px 0 13px 10px;
}
.workInfo tr td {
text-align: left;
font-size: 1.2rem;
padding: 18px 20px 13px 30px;
}
.number li {
line-height: 100%;
margin-right: 10px;
}
.number li a {
padding: 10px;
font-size: 1.0rem;
white-space: nowrap;
}
.page {
position: relative;
padding-top: 20px;
padding-bottom: 10px;
}
.wrapper {
padding-top: 30px;
padding-bottom: 30px;
}
}