@charset "utf-8";
/* CSS Document */
body{
background:url(../../img/h37.jpg) no-repeat top center fixed;background-size: 100%;}
@media screen and (max-width: 1300px) {
body{background:url(../../img/h38.jpg) center center / cover no-repeat fixed;}
}
@media screen and (max-width: 640px) {
body{background:url(../../img/h39.jpg)center center / cover no-repeat fixed;}
}
#main{
width:100%;
margin:0 auto;
}
h2{
display:block;
color:#fff;
text-align:center;
font-size:150%;
margin:1em auto;
line-height:1.7;
position:relative;
max-width:720px;
padding:3em 0 4em;
}
@media screen and (max-width: 640px) {
h2{
font-size:100%;
margin:4em auto 0.5em;
line-height:1.7;
width:90%;
text-align:center;
padding:3em 0 3.5em;
}
}
#contents{background:#fff;}
h3{
text-align:center;
font-size:120%;
padding:1em 0 ;
}
@media screen and (max-width: 640px) {
h3{
text-align:justify;
font-size:100%;
padding:0;
}
h3 br{display:none;}
}
#recruit{
max-width:900px;
padding:1em 0 2em;
margin:1em auto 0;
text-align:center;
}
@media screen and (max-width: 900px) {
#recruit{
width:90%;
padding:1em 0 2em;
margin:1em auto 0;
}
}
@media screen and (max-width: 640px) {
#recruit{
width:90%;
margin:0 auto;
padding:1em 00 ;
}
}
#recruit table{
width:100%;
display:inline-table;
text-align:left;
margin-bottom:1.5em;
}
caption{
font-weight:bold;
font-size:130%;
color:#46C98D;
padding-bottom:0.5em;
}
#recruit th {
white-space: nowrap;
vertical-align:middle;
text-align:center;
background:#46C98D;
color:#fff;
padding:1em 0.5em;
width:10em;
}
#recruit td{
vertical-align:middle;
padding:1em ;
background:#D3F2E0;
}
@media screen and (max-width: 640px) {
#recruit table{
font-size:90%;
width:100%;
display:table;
margin:0 auto;
text-align:center;
}
#recruit th {
display:block;
padding:0.5em 0;
width:100%;
}
#recruit td{
display:block;
padding:0.5em 1em;
margin-bottom:0.5em;
text-align:justify;
}
caption{
font-size:110%;
padding:0.5em 0;
}
}