@charset "utf-8";

/*--12px/36px 960/12grid(1col 8.3333%)--*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

html {
font-size: 75%;/*12px*/
line-height: 2;/*18px*/
background:white;
font-family: Lato,"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

html,a {
color: #4D4D4D;
}

body, ul, ol, dl, dd,tr,th,td,footer{
margin: 0;
padding: 0;
}

main {
position:relative;
display: block;
}

li {
list-style-position: inside;
}

section {
padding-bottom: 1.5em;
}

img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}


/* -- font -- */

h1 {
font-size: 200%;/*32px*/
line-height: 1.5;/*48px*/
}

h2 {
font-size: 150%;/*24px*/
line-height: 1.5;/*36px*/
}

h2 a{
display:block;
}

h3 {
font-size: 125%;/*20px*/
line-height: 1.8;/*36px*/
}

h4 {
font-size: 112.5%;/*18px*/
line-height: 1.3333;/*24px*/
}

.text-r {
text-align: right;
}

.small {
font-size: 75%;
}
.big{
font-size: 150%;
}
.pad_r {
padding-right: .5em;
}
.pad_l {
padding-left: .5em;
}

a {
text-decoration: none;
}

/*--title--*/

.title {
text-align: center;
padding:.75em;
font-weight: 700;
}

.title img{
width: 25%;
}

.title p{
font-weight:normal;
}

.title br {
display: none;
}

/*--line waku back--*/

.blue,.b_usblue,.b_usblue a{
color: #083387;
}

.b_blue,
.b_usblue a {
transition: all .3s;
}

.b_blue a:hover,
.b_usblue a:hover {
background: #4D4D4D;
}

.usblue{
color: #D1E3FF;
}

.b_usblue a:hover{
background: white;
}

.pink{
color: #E61E79;
}

.b_blue,.b_blue a,.b_sky{
color:white;
}

.b_usblue{
background: #D1E3FF;/*tel*/
}

.b_blue{
background: #234D91;/*パート＆クリーンスタッフ*/
}

.b_sky{
background: #3f95b5;/*正社員＆ベットメイク*/
}

.b_remo{
background: #c9d62c;/*食器洗い*/
}

.b_yellow{
background: #fae04f;/*警備*/
}

.b_mint{
background: #77ddc5;/*受付*/
}

.b_pink{
background: #fea4ad;/*本社*/
}

.b_gray{
background: #ECECEC;
}

/*--icon--*/

.i_free,.i_mail,.i_syosin{
display:inline-block;
background-size:contain;
background-repeat:no-repeat;
background-position: center center;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
width:1em;
height:1em;
}

.i_free{
background-image:url(images/ico/i_free.svg);
}

.i_mail {
background-image:url(images/ico/i_mail.svg);
}

.i_syosin,.i_red{
margin-right:.25em;
padding:0 .25em;
}

.i_syosin{
background-image:url(images/ico/i_syosin.svg);
}

.i_red{
background:red;
color:white;
}

/*--pankuzu--*/

#pan li{
float:left;
list-style:none;
font-size:87.5%;
}

#pan li:after{
content: '＞';
padding:0 .5em;
}

#pan li:last-child:after{
content: '';
}

#pan li a:hover{
text-decoration:underline;
}

/*--recruit--*/

#recmain {
height:9em;
overflow:hidden;
}

#recmain,#recmain img{
width:100%;
}

/*--float_kiji--*/


.float_l_kiji p a,
.float_r_kiji p a{
width:100%;
display:block;
background:white;
text-align:center;
font-weight:600;
padding:.75em 0;
border:2px solid #083387;
}

.float_l_kiji a:hover,
.float_r_kiji a:hover{
color:white;
background:#083387;
}

.float_l_kiji, .float_r_kiji {
margin: 0 4.16665%;
}
.float_l_kiji br, .float_r_kiji br {
display: none;
}
.float_l img, .float_r img {
width: 100%;
}

/* --selection---*/

::selection {
background: #e7e7e7;
}
::-moz-selection {
background: #e7e7e7;
}

/*--contents--*/

.contents {
width: 91.6666%;
margin:0 auto;
padding:1.5em 0;
}

/*--header--*/

header {
z-index: 9998;
border-bottom:1px solid #e7e7e7;
position: relative;
box-sizing: border-box;
background:white;
}

.fixed {
position: fixed;
top: 0;
background:white;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

#menu_btn span {
display: block;
}

/* ----- kyujinlist ----- */

.list_kyujin dl {
text-align: center;
border: 1px solid #ECECEC;
margin-bottom: 1.5em;
vertical-align: bottom;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.list_kyujin dl:hover{
background: #ECECEC;
transition: all .5s;
}

.list_kyujin dd{
padding: .5em 0;
}

/* ----- drawermenu ----- */

#drawer_menu {
width: 66.6666%;
right: -66.6666%;
background: #666;
font-size: 125%;/*20px*/
line-height: 4;/*80px*/
top: 0;
z-index: 9998;
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
#drawer_menu li a, #drawer_menu li a:hover, #drawer_menu .close:hover {
color: white;
}
#drawer_menu li {
list-style: none;
}
#drawer_menu li a, #drawer_menu .close {
padding: 0 8.3333%;
}
#drawer_menu li a, #drawer_menu .close {
display: block;
}
#drawer_menu li a:hover {
background: #999;
}
#drawer_menu.block {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
#drawer.block:not(:target) {
right: 0\9;
}
#drawer_menu .close {
position: relative;
background: white;
}
#drawer_menu .close:hover {
cursor: pointer;
background: #888;
}
#drawer_menu .close:after {
content: "";
position: absolute;
top: 0;
right: 0;
}
#drawer_menu_overlay {
z-index: -1;
transition: 0.3s;
background: rgba(0, 0, 0, 0.3);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
#drawer_menu_overlay.block {
z-index: 5;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
header, #drawer_menu .close:after, #drawer_menu_overlay, #drawer_menu_overlay_android {
width: 100%;
}
#drawer_menu, #drawer_menu .close:after, #drawer_menu_overlay, #drawer_menu_overlay_android {
height: 100%;
}
#drawer_menu, #drawer_menu_overlay, #drawer_menu_overlay_android {
position: fixed;
}
#drawer_menu_overlay, #drawer_menu_overlay_android {
right: 0;
top: 0;
}
#drawer_menu_overlay_android {
display: none;
background: rgba(0, 0, 0, 0.5);
}

#logo {
left: 4.1666%;
top: 20%;
position: absolute;
}

#menu_sp_mail {
background: #083387;
}

/* ----- menubtn ----- */

.bar {
width: 50%;
height: 2%;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
background: white;
}
#menu_btn:hover, .bar.top, .bar.middle, .bar.bottom {
opacity: 1;
}
.bar.top {
top: 15%;
}
.bar.middle {
top: 30%;
}
.bar.bottom {
top: 45%;
}
.bar, #menu_btn, #menu_mail {
position: relative;
}

#menu_btn {
cursor: pointer;
}

#menu_btn, #menu_mail {
float: right;
font-size: 56.25%;/*9px*/
background: #083387;
width: 16.6666%;
}

#menu_btn, #menu_mail,
#menu_mail a{
height: 6.75em;
}

#menu_mail a{
width: 100%;
display:block;
}

#menu_btn p, #menu_mail img, #menu_mail p {
position: absolute;
text-align: center;
}

#menu_mail img {
left: 0;
right: 0;
bottom: 0;
top: -30%;
margin: auto;
}

#menu_btn p, #menu_mail p {
bottom: -7.5%;
}
#menu_mail p {
width: 100%;
}
.bar, #menu_btn p {
left: 25%;
right: 25%;
}

#menu_btn,#menu_btn:hover,
#menu_mail a{
color: white;
}

#menu_btn:hover a, #menu_mail:hover a{
background: #888;
}

#menu_mail {
display:none;
}

/*--footer--*/

footer {
text-align: center;
font-size:75%;
color:#999;
}

footer,#footnav{
text-align: center;
}

#footnav li{
list-style:none;
}

/* --mail---*/

table{
width: 100%;
border-collapse: collapse;
word-break: break-all;
box-sizing:border-box;
background:white;
}

table,th,td{
border: 1px #e0e0e0 solid;
}

th,td {
display: block;
}

th{
padding: 1em 4.1666%;
text-align: center;
background-color: #ECECEC;
}

td{
padding: 1.5em 4.1666%;
}

table br{
display:none;
}

table th strong {
margin-left: .5em;
padding: .25em 1em;
background: white;
color: #4D4D4D;
}

input[type=date], option, 
input[type=text], input[type=email], input[type=tel],input[type=name],textarea,select {
font-size: 125%;/*20px*/
line-height: 2.1;/*42px*/
padding:.75em 4.1666%;
}
input[type=date], input[type=text], option, 
input[type=email], input[type=name], input[type=tel],textarea,select {
display: inline-block;
width: 91.6666%;
}

button,input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
border: 0;
font-size:150%;
padding:.25em .75em;
background: #083387;
color: white;
}

button:hover, input[type="reset"]:hover, input[type="submit"]:hover {
background:#666;
}

/*--clear--*/

header:after,dl:after,#header_pc:after,#footnav:after,
#drawer_menu li:after,#drawer_menu:after,#pan:after,
.float_l:after, .float_r:after,.list_kyujin:after{
display: block;
clear: both;
content: ''
}

@media screen and (min-width:414px) {
.list_kyujin dl {
width: 45%;
float: left;
margin: 1.5em 2.5%;
padding-bottom: 1.5em;
position:relative;
}

.list_kyujin dl:after {
content: '';
width: .5em;
height: .5em;
border: 0;
border-top: solid 2px #5bc0d0;
border-right: solid 2px #5bc0d0;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
right:50%;
bottom: 1em;
transition: all .3s;
}

.list_kyujin dl:hover:after {
bottom: 0;
opacity: 0;
}


.list_kyujin dt {
width:100%;
}
}
@media screen and (min-width:568px) {
html {
font-size: 87.5%;/*14px*/
line-height: 2.5714;/*36px*/
}
.title img{
width: auto;
}
.title br {
display:inline-block;
}
}

 @media screen and (min-width:768px) {
html {
font-size: 100%;/*16px*/
line-height: 2.25;/*36px*/
}
.contents {
width: 83.3333%;
}

section {
padding-bottom: 3em;
}

#recmain {
height:15em;
}

.title{
font-size:125%;
}

footer li{
position:relative;
}

#footnav li{
margin:1.5em 0;
padding:0 .75em;
border-left:1px solid #ccc;
float:left;
}

#footnav li:last-child{
border-right:1px solid #ccc;
}

table th{
width:30%;
}

th,td{
display:table-cell;
}

table br{
display:inline-block;
}

table th strong{
margin-left:0;
}

}
@media screen and (min-width:960px) {
html {
font-size: 112.5%;/*18px*/
line-height: 2;/*36px*/
letter-spacing:0.025em;
}

.list_kyujin dl{
position: relative;
display: inline-block;
width:100%;
float:none;
margin:0;
border:none;
padding: 1.5em 2.0833%;
border-bottom: 1px solid #e7e7e7;
}

.list_kyujin dl:after{
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 42.5%;
right: 1em;
}

.list_kyujin dl:hover:after {
right: 0;
opacity: 0;
}

.list_kyujin a:first-child dl {
margin-top:1.5em;
}

.list_kyujin a:last-child dl {
border-bottom: none;
margin-bottom:1.5em;
}

.list_kyujin dt {
width:27.5%;
float:left;
clear:left;
}

.list_kyujin dl,
.list_kyujin dt{
margin:0;
}

.list_kyujin dd {
float:left;
padding:0 1.5em;
}
.list_kyujin dd:last-child {
text-align:right;
float:right;
}

.float_l, .float_r{
border:1px solid #234D91;
}

header, #header_pc{
position: relative;
}

#header_pc {
width: 91.6666%;
margin: 0 auto;
padding: 3em 0;
}

#logo {
top: 33.3333%;
left:0;
}

#drawer_menu {
background: transparent;
width: 75%;
position: absolute;
right: 0;
top: 12.5%;
line-height:4;
bottom: 0;
}

#drawer_menu li {
font-size: 75%;
float: left;
width: 16.25%;
text-align: center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#drawer_menu li a {
position: relative;
display: inline-block;
color: #4D4D4D;
}

#drawer_menu li a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color:#083387;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#drawer_menu li a:hover:after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}

#drawer_menu li:nth-child(2){
width: 35%;
}

#drawer_menu li a:hover {
background: #ECECEC;
}

#drawer_menu ul li a:hover {
background:none;
color: #083387;
}

#menu_mail{
top: 0;
position:absolute;
width: 8.3333%;
right: 0;
overflow: hidden;
display:block;
}

#menu_mail,#menu_mail a{
height: 100%;
}

#menu_mail img {
width:50%;
top: -25%;
}

#menu_mail p {
bottom:0;
font-size:112.5%;
font-weight:600;
}

#menu_btn,#menu_sp_mail, #drawer_menu .close {
display: none;
}

.float_l_kiji, .float_r_kiji,
.float_l img, .float_r img{
width: 45.8334%;
}

.float_l_kiji, .float_r_kiji {
margin: 0;
padding:1.5em 4.1666%;
}
.float_l_kiji br, .float_r_kiji br {
display: inline-block;
}

.float_r img{
float: right;
}
.float_l_kiji, .float_r_kiji, .float_l img{
float: left;
}
}

@media screen and (min-width:1024px) {
.contents {
width: 75%;
}

#recmain {
height:21em;
}
}

@media screen and (min-width:1600px) {
#header_pc, .contents {
width: 66.6666%;
}

.list_kyujin dt {
width:25%;
}

th,td{
padding: 1.5em 3em;
}

#drawer_menu li:nth-child(2){
width: 30%;
}
}

@media screen and (min-width:2560px) {
#header_pc, .contents {
width: 50%;
}
#recmain {
height:27em;
}
}

@media print {
html {
color: black;
}
header, br, footer {
display: none;
}
}