@charset "UTF-8";
/* CSS Document */

table.table-normal, table.inquiry_form {
width: 100%;
}
table.table-normal thead {
text-align: center;
}
#recruit table:nth-last-child(1) {
margin-bottom: 0;
}
table.table-normal th, table.table-normal td, table.inquiry_form th, table.inquiry_form td {
border: 1px solid #eee;
}
table.table-normal th, table.inquiry_form th {
vertical-align: middle;
text-align: center;
}

input[type="text"], input[type="email"], textarea {
width: 100%;
}
textarea {
height: 100px;
}

@media screen and (max-width: 560px){
#hero {
padding: 130px 0 60px;
margin-bottom: 40px;
}
	
#mainContent > div {
padding-bottom: 50px;
}
	
table.table-normal th, table.table-normal td, table.inquiry_form th, table.inquiry_form td {
display: block;
width: 100%;
box-sizing: border-box;
text-align: center;
font-size: 1.2rem;
}
table.table-normal th, table.inquiry_form th {
background: #F3F3F3;
}
	
#slide {
width: 90vw;
}
}

@media screen and (min-width: 561px){
ul.work-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
	
table.table-normal tr:nth-child(even) th, table.table-normal tr:nth-child(even) td, table.inquiry_form tr:nth-child(even) th, table.inquiry_form tr:nth-child(even) td {
background: #F3F3F3;
}
}

@media (min-width:561px) and (max-width:799px){
table.table-normal th, table.inquiry_form th {
width: 120px;
}
table.table-normal th, table.table-normal td, table.inquiry_form th, table.inquiry_form td {
font-size: 1.4rem;
}
}

@media screen and (max-width: 799px){
table.table-normal th, table.table-normal td, table.inquiry_form th, table.inquiry_form td {
padding: 4px 8px;
}
	
#recruit table {
margin-bottom: 40px;
}
}

@media screen and (min-width: 800px){
table.table-normal th, table.table-normal td, table.inquiry_form th, table.inquiry_form td {
padding: 8px 12px;
}
table.table-normal th, table.inquiry_form th {
width: 200px;
}
	
#recruit table {
margin-bottom: 60px;
}
}

@media (min-width:561px) and (max-width:959px){
#hero {
padding: 180px 0 80px;
margin-bottom: 60px;
}

#mainContent > div {
padding-bottom: 60px;
}
	
ul.work-list li {
padding-bottom: 40px;
}
ul.work-list li:nth-last-child(-n+4) {
padding-bottom: 0;
}
}

@media screen and (max-width: 959px){

}

@media screen and (min-width: 960px){
#hero {
padding: 200px 0 100px;
margin-bottom: 80px;
}

#mainContent > div {
padding-bottom: 80px;
}
}