@charset "utf-8";
/* CSS Document */
ul#navarea{
	overflow:hidden;
}
ul#navarea li{
	float:left;
}

ul#navarea_sp,ul#navarea_sp li{
	display:none;
}
ul#btnarea li{
	float:left;
	padding-right:10px;
}
ul#btnarea li:last-child{
		padding-right:0px;
	
}
ul#btnarea_sp,ul#btnarea_sp li{
	display:none;

}

#newgrad h2.shopmainimages {
    margin: 0 auto;
    margin-bottom: 30px;
    /* height: 205px; */
    background: none;
    text-align: center;
    height: auto;
}

#newgrad h3{
	border-top:dotted 1px #333;
	border-bottom:dotted 1px #333;
	padding:10px 0;
	color:#0161a3;
	font-size: 18px;
	margin:10px 0 0 0 ;

}
/*仕事内容*/
#newgrad h4{
position: relative;
padding: 5px 5px 5px 15px;
background:#037ec4;
font-size: 18px;
margin-left: 0px;
line-height: 1.3;
color:#FFF;
width:30%;
border-bottom: solid 4px #98ccea;
margin-bottom:10px;

    /*background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #8bbcd8, #9bcdf1 3px,#7fc3ea 3px, #589ec5 7px);*/
}

#newgrad h4:after{
position: absolute;
content: '';
right: -3px;
top: -7px;
width: 0;
height: 0;
border: none;
border-left: solid 40px transparent;
border-bottom: solid 59px white;
z-index: 0;
}
#job p{
	margin-bottom:5rem;
	display: flex;
	align-items: flex-start;
}
#job p img{
	margin-right:15px;
	border:1px solid #eee;
}


/*募集要項*/

#recruitlist table{
	margin:2rem auto 5rem auto;
		width:80%;

}

#recruitlist table th{
	width:30%;
	background-color:#c7c8c8;
	padding:10spx;
	border-bottom:2px solid #FFF;
}
#recruitlist table td{
	padding:10px 5px 10px 15px;
	border-bottom:2px solid #c7c8c8;
	
}
#recruitlist table tr:last-child th,#recruitlist table tr:last-child td{
	
	border:none;
}

.btn{
	width:50%;
	margin:30px auto;
}
#btn_form{
	background-color:#037ec4;
	padding:10px 0;
	text-align:center;
}
#btn_form a{
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:1.3em;
}
#btn_form a:hover{
	
	text-decoration:underline;
}
@media only screen and (max-width: 640px) {
ul#navarea,ul#navarea li{
display:none;
}
ul#btnarea li{
	width:30%;
	margin-top:30px;
	padding-left:5px;
	
}
ul#btnarea li img{
	width:95%;
	
}
ul#navarea_sp{
	display:block;
	width:100%;
	overflow:hidden;
	}
ul#navarea_sp li{
	display:block;
	float:left;
	width:33%;
	background-color:#2781C6;
	color:#FFF;
	text-align:center;
	border-right:1px solid #FFF;
	padding:7px 0;
}
ul#navarea_sp li a{
	color:#FFF;
	display:block;
	
}
ul#navarea_sp li a:link { color: #fff; text-decoration:none; }
ul#navarea_sp li a:visited { color: #fff; }
ul#navarea_sp li a:hover { color: #fff; text-decoration:underline }
ul#navarea_sp li a:active { color: #fff; }
ul#navarea_sp li:last-child{
	border-right:1px solid #2781C6;

}

}
@media only screen and (max-width: 480px) {

ul#btnarea li{
	display:none;
	
}
ul#btnarea_sp{
	display:block;
	background-color:#dce6ef;
	width:100%;
	margin:10px auto;
	overflow:hidden;
	
}
ul#btnarea_sp li{
	display:block;
	text-align:center;
	margin:10px auto;
	
	
}
ul#btnarea_sp li img{
	width:80%;
	border:1px solid #ccc;
	
}

/*仕事内容*/
#newgrad h3{
	font-size: 14px;

}
#newgrad h4{

font-size: 14px;
width:auto;

}

#newgrad h4:after{

border-left: solid 20px transparent;
border-bottom: solid 49px white;
}

#job p{
	margin-bottom:30px;
	flex-direction: column;
}

#job p img{
	float:none;
	text-align:center;
	display:block;
	margin:0 auto 10px auto;}

#job p br{
	display:none;
}

#recruitlist table{
		width:95%;

}
/*募集要項*/
#btn_form{

	width:auto;
	
	
}
@media only screen and (max-width: 640px) {
    div#maincontents table.contactformtable input, div#maincontents table.contactformtable select {
        width: fit-content !important;
    }
}
}