@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
img{
	border:none;
	display:block;
}

ul,dl,ol{
list-style-type:none;
}
html, body{
text-align:center;
margin:auto;
}

.clearfix:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
} 

.clr{
clear: both;  
}

body{
background:url(/job/img/job_bg.jpg) top center;
}
#container{
	margin:auto;
	width:1200px;
	padding-bottom:100px;
	background-color:rgba(255,255,255,1);
box-shadow:0 0 10px 10px rgba(255,255,255,1);
}
#container #header{
/*background:url(/job/img/header.jpg) no-repeat;*/
position:relative;
/*height:858px;*/
width:100%;
padding-top:50px;
}
#container #header img#forSp{
	display:none;
}

#header ul{
	background-color:#ffd0e3;
	padding:15px 0;
	text-align:center;
	position:absolute;
/*
*/
	top:0;
	left:0;
	width:100%;
	}
#header ul.fixed{
	position:fixed;
	bottom:inherit;
	top:0;
}
#header ul li{
	display:inline-block;
	border-right:1px solid #ffe8f1;
	width:126px;
}
#header ul li:last-child{
	border-right:none;
}
#header ul li a:link,
#header ul li a:hover,
#header ul li a:visited{
color:#69422e;
text-decoration:none;
font-size:16px;
font-weight:bold;
display:block;
}

#footer{
}
#footer ul{
	display:none;
}
#hiddenMenu{
	display:none;
}
#benefit{
}
#benefit dl{
	text-align:left;
font-size:30px;
width:1000px;
margin:auto;
margin-bottom:60px;
}
#benefit dt{
background:url(/img/q.jpg) top left no-repeat;
min-height:120px;
color:#68422C;
padding-left:100px;
line-height:3;
}
#benefit dd{
	color:#f369a6;
}
#benefit dd:before{
	content:'A. ';
}
#benefit dd img{
	display:block;
	max-width:100%;
	margin:15px 0;
}

#ToTop{
	position:fixed;
	right:10px;
	bottom:10px;
	text-align:center;
	background-color:#FEF5F6;
	display:inline-block;
	width:70px;
	border-radius:3px;
	overflow:hidden;
}
#ToTop img {
    display: block;
    max-width: 70%;
	margin:auto;
}

#enrty{
/*font-size:20px;*/
text-align:left;
}
#enrty table{
	width:900px;
	margin:auto;
	border:1px solid #afafb0;
}
#enrty span.hissu{
	color:#ff0000;
}
#enrty span.hissu:before{
	content:'※';
}
#enrty th{
	color:#ffffff;
	background-color:#afafb0;
	padding:25px;
}
#enrty td{
	padding:25px;
}
#enrty select{
	font-size:20px;
}
#enrty textarea,
#enrty input{
	font-size:30px;
}
#enrty input.threeSize{
	width:20px;
}
#enrty textarea{
width:400px;
height:200px;
}
#enrty input[type=submit]{
	padding:10px 30px;
	border-radius:3px;
	font-size:20px;
}
#enrty .btn{
	text-align:center;
	margin-top:40px;
}

#guideline{
}
#guideline table{
	border:1px solid #bcbcbc;
	width:1000px;
	margin:auto;
}
#guideline table tr{
}
#guideline table th{
	background-color:#f8c9c9;
	text-align:left;
	color:#ffffff;
	width:230px;
	padding:25px 15px;
}
#guideline table td{
	text-align:left; 
	color:#42210b;
	padding:25px 15px;
}
#guideline table td span{
	display:inline-block;
}
#advantage{
}
#advantage table{
	width:800px;
	margin:auto;
}
#advantage th{
	text-align:left;
color:#edaac0;
font-size:20px;
padding:15px;
}
#advantage td{
	text-align:left;
	color:#69422e;
font-size:20px;
padding:15px;
border-bottom:1px solid #edaac0;
}
#advantage tr:last-child td{
border-bottom:none;
}

@media screen and (max-width: 667px) {
#container{
	margin:auto;
	width:100%;
}
#container #header{
background:none;
position:relative;
height:inherit;
width:100%;
padding-top:0;
}
#container #header img#forSp{
	display:block;
	max-width:100%;
	height:auto;
}

#header ul{
display:none;
}
#footer{
}
#footer ul {
    display: block;
    width: calc(100% - 10px);
    bottom: 5px;
    left: 5px;
    position: fixed;
    background-color: #FEF5F6;
    padding-top: 5px;
}
#footer ul li{
	text-align:center;
	background-color:#FEF5F6;
	display:inline-block;
	width:calc(100%/5 - 6px);
}
#footer ul li a:link,
#footer ul li a:hover,
#footer ul li a:visited{
	color:#ffffff;
	text-decoration:#ffffff;
}
#footer ul li img{
	display:block;
	max-width:70%;
	margin:auto;
}
#hiddenMenu{
	background-color:rgba(255,255,255,.9);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:110vh;
	display:none;
}
#hiddenMenu ul{
	overflow:auto;
	position:fixed;
    width: calc(100vw - 18vw);
/*    height: calc(90vh - 10vh);*/
	height:auto;
    left: 5vw;
    top: 5vh;
	background-color:#ffffff;
	padding:10px;
	border:3px solid #69422e;
	border-radius:3px;
}
#hiddenMenu ul li{
	font-size:18px;
	padding:5px;
	text-align:center;
}
#hiddenMenu ul li a:link,
#hiddenMenu ul li a:hover,
#hiddenMenu ul li a:visited{
	color:#69422e;
	padding:10px 0;
	text-decoration:none;
	display:block;
}
#container div img{
	display:block;
	max-width:100%;
}
#benefit dl{
font-size:18px;
width:96%;
}
#benefit dt{
    background-size: 30px;
    min-height: 30px;
    padding-left: 40px;
    background-position: 5px 10px;
}
#ToTop{
display:none;
}
#guideline table{
width:96%;
	margin:auto;
}
#enrty{
/*font-size:20px;*/
text-align:left;
margin-bottom:80px;
}
#enrty table{
width:96%;
	margin:auto;
}
#enrty span.hissu{
	color:#ff0000;
}
#enrty th{
	display:block;
	padding:10px;
}
#enrty td{
	display:block;
	padding:10px;
}
#enrty td span{
	display:inline-block;
}
#enrty select{
	font-size:16x;
}
#enrty textarea,
#enrty input:not([type='radio']){
	font-size:20px;
	width:200px;
}
#enrty input.threeSize{
	width:40px;
}
#enrty textarea{
width:95%;
height:100px;
}
#enrty input[type=submit]{
	padding:10px 30px;
	border-radius:3px;
	font-size:16px;
}
#enrty .btn{
	text-align:center;
}
#guideline table th {
    width: 30%;
}
#advantage table{
width:96%;
	margin:auto;
}

}