@charset "UTF-8";

#entry .ttl_area{
	background: url(../images/entry/entry_bg.jpg) no-repeat 50% 50%;
	background-size: cover;
}
#entry .ttl_area .ttl{
	margin-top: 48px;
}
#entry .contents_area2,
#entry .contents_area3,
#entry .contents_area4{
	margin-top:80px;
}

/* 私たちと一緒に ========== */

.contents .main_ttl{
	margin-bottom:45px;
}
#entry .contents_area1{
	text-align:center;
}
#entry .contents_area1 .illust_img{
	margin:0 0 35px;
}
#entry .contents_area1 .pgrh{
	margin: 0 0 30px;
}
#entry .contents_area1 .links{
	padding-top:20px;
}
#entry .contents_area1 .links a{
	display:inline-block;
	margin:0 20px;
}

/* 募集職種 ========== */

#entry .contents_area2 .detail .occupation{
	background: #ded6b9;
	width: 340px;
	padding: 15px;
	margin-right:27px;
	margin-bottom: 32px;
	position:relative;
	overflow:hidden;
	display: inline-block;
}
#entry .contents_area2 .detail .occupation:nth-child(3n){
	margin-right:0;
}
#entry .contents_area2 .detail .occupation:/*nth-*/last-child/*(-n+3)*/{
	margin-bottom:0;
}
#entry .contents_area2 .detail .occupation .icon_triangle{
	bottom: 6px;
	right: 5px;
}
#entry .contents_area2 .detail .occupation .photo{
	float: left;
	margin-right:11px;
}
#entry .contents_area2 .detail .occupation .ttl4{
	font-size: 1.38rem;
	font-weight: 500;
	line-height: 1;
}
#entry .contents_area2 .detail .occupation .txt{
	font-size: 0.93rem;
	line-height: 1.2;
	margin: 9px 0 0 0;
}

/* 募集要項 ========== */

#entry .item{
	padding: 20px;
	margin-bottom: 30px;
	background: #fff;
	border-style: solid;
	border-width: 1px;
	border-image: url(../images/common/border-image.png) 1 repeat;
}
#entry .item table{
	font-size:0.88rem;
	width: 100%;
}
#entry .item th{
	width:20%;
	padding-bottom: 20px;
	font-weight: normal;
	vertical-align: top;
}
#entry .item td{
	padding-bottom: 20px;
	line-height: 1.8;
}
#entry .item a.entry{
	display: block;
	text-align: center;
	margin:27px auto 0;
}
#entry .item .morelinks{
	text-align:right;
	margin-top:27px;
}
#entry .item .morelinks .morelink{
	color:#ff6600;
	margin: 0 13px 0 11px;
}
#entry .item .morelinks .morelink a:link,
#entry .item .morelinks .morelink a:visited{
	color:#ff6600;
	text-decoration:underline;
}

/* エントリーフォーム ========== */


.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before{
	display: table;
	content: " ";
}
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after{
	clear: both;
}
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9{
	float: left;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	float: left;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-12{
	width:100%;
}
.col-xs-6{
	width: 50%;
}
.col-sm-4{
	width: 33.33333333%;
}
.col-sm-5{
	width: 41.66666667%;
}
.col-sm-6{
	width: 50%;
	float: left;
}
.col-sm-2{
	width: 16.66666667%;
}
#entry .form section .old input{
	width:15%;
}
#entry{
	margin-bottom:95px;
}
#entry h3.green{
	font-size: 1.13rem;
	font-weight: 500;
	margin: 20px 0;
}
#entry p{
	margin: 0 0 20px;
}
#entry .form{
	margin-top: 20px;
}
#entry .require_info{
	text-align: left;
	line-height: 1.3;
}
#entry .require{
	color: #ff0000;
}
#entry .form section{
	margin-bottom: 30px;
	background: #f5f8f1;
	border: solid 1px #7aa84d;
}
#entry .form section ul{
	margin-bottom: 0;
}
#entry .form section li{
	overflow: hidden;
	display: table;
	border-bottom: solid 1px #7aa84d;
	width: 100%;
}
#entry .form section li:last-child{
	margin-bottom: 0;
	border-bottom: none;
}
#entry .form .labels{
	width: 20%;
	padding: 20px;
	float: left;
	display: table-cell;
	font-weight: 500;
}
#entry .form section .inputs{
	padding: 20px 20px;
	line-height: 1.8;
	width: 858px;
	border-left: solid 1px #7aa84d;
	display: table-cell;
	float: left;
}
.form section input.continue{
	width: 90%;
	margin-right: 10px;
}
#entry .row{
	margin-right: -15px;
	margin-left: -15px;
}
#entry .form section .inputs a.btn{
	width: 100%;
	text-align: center;
	border-radius: 0;
	margin: 0 auto;
	font-size: 10px;
	text-decoration: none !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#b8d996), color-stop(0.05,#b8d996), color-stop(0.05,#b8d996), color-stop(0.95,#97b877), color-stop(0.95,#97b877), to(#97b877));
	border: 1px solid #DDD;
	color: #FFF;
	display: block;
	padding: 6px;
}
#entry .text-center{
	text-align: center;
}
#entry .form button{
	display: block;
	text-align: center;
	margin: 20px auto;
	color: #fff;
	border: none;
}
#entry .form section select{
	padding: 5px;
	border: solid 1px #dddddd;
	background: #fff;
	margin-bottom: 5px;
}
#entry .form section input, .form section textarea{
	padding: 5px;
	border: solid 1px #dddddd;
	background: #fff;
	margin-bottom: 5px;
	width: 84%;
}
#entry .form section input[type='radio'] {
	width: 20px;
}
#entry .form label{
	font-weight: 400;
}
#entry label{
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
}
#entry button, input, select, textarea{
	color: #111111;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
	line-height: 1.6;
}
#entry .form section textarea{
	height: 80px;
	padding: 5px;
	border: solid 1px #dddddd;
	background: #fff;
	margin-bottom: 5px;
	width: 84%;
}
#entry .form section .postal{
	overflow: hidden;
}
#entry .form section .postal1{
	float: left;
	width: 30%;
}
#entry .form section .postal2 {
	float: left;
	width: 10%;
	text-align: center;
	line-height: 33px;
}
#entry .form section input.address {
	width: 50%;
	margin-left: 5px;
}
#entry .form section input.address2{
	width: 67.3%;
}
#entry .bottom_txt a:link.green{
	color: #78a54c;
	text-decoration:underline;
}
#entry .form button.submit{
	background: url(../images/entry/btn_check.png) left top no-repeat;
	width: 242px;
	height: 54px;
	color: transparent;
	margin: 50px auto 0;
}

/* 1082px ===================== */
@media screen and (max-width: 1142px) {
	
}
/* 1082px end ===================== */



/* 768px ===================== */
@media screen and (max-width: 768px) {
	
	#entry .ttl_area{
		background: url(../images/entry/entry_bg_sp.jpg) no-repeat 50% 50%;
		    background-size: cover;
	}
	#entry .ttl_area .ttl{
		margin-top: 11%;
	}
	#entry .contents_area2,
	#entry .contents_area3,
	#entry .contents_area4{
		width:95%;
	}
	
	/* 私たちと一緒に ============= */
	
	#entry .main_ttl{
		line-height:1.2;
	}
	#entry .contents_area1{
		width:90%;
	}
	#entry .contents_area1 .illust_img{
		width:100%;
		margin-bottom: 5%;
	}
	#entry .contents_area1 .pgrh{
		text-align:left;
	}
	#entry .contents_area1 .links .more{
		display:block;
		margin:0 auto 2%;
	}
	#entry .contents_area1 .links .more1{
		width:41%
	}
	#entry .contents_area1 .links .more2{
		width:48%
	}
	#entry .contents_area1 .links .more3{
		width:32%
	}
	#entry .contents_area1 .links .more img{
		width:100%
	}
	
	/* 募集職種 ============= */
	
	#entry .contents_area2 .detail .occupation,
	#entry .contents_area2 .detail .occupation:nth-child(3n),
	#entry .contents_area2 .detail .occupation:nth-last-child(-n+3){
		margin-right: 3%;
		margin-bottom: 4.5%;
		width: 48%;
	}
	#entry .contents_area2 .detail .occupation:nth-child(even){
		margin-right:0;
	}
	#entry .contents_area2 .detail .occupation:last-child{
		margin-bottom:0;
	}
	
	/* 募集要項 ============= */
	
	#entry .item{
		margin-bottom: 4%;
	}
	#entry .item th{
		width: 30%;
		vertical-align: top;
		padding-bottom: 10px;
	}
	
	/* エントリーフォーム ============= */
	
	#entry .col-xs-6{
		width:auto;
	}
	#entry .form .labels{
		display: block;
		width: 100%;
		padding-bottom: 0;
	}
	#entry .form section .inputs{
		width:100%;
		border-left: 0;
		padding-top: 3%;
	}
}
/* 768px end ===================== */



/* 470px ===================== */
@media screen and (max-width: 470px) {
	
	.col-xs-12,.col-sm-6,.col-sm-5{
		width:100%;
	}
	#entry{
		margin-bottom:20%;
	}
	#entry .ttl_area .ttl{
		margin-top:14%;
	}
	#entry .contents_area1 .links .more1{
		width:68%
	}
	#entry .contents_area1 .links .more2{
		width:80%
	}
	#entry .contents_area1 .links .more3{
		width:53%
	}
	#entry .contents_area2{
		width:90%;
	}
	#entry .contents_area2 .detail .occupation,
	#entry .contents_area2 .detail .occupation:nth-child(3n),
	#entry .contents_area2 .detail .occupation:nth-last-child(-n+3){
		width: 100%;
		margin-right: 0;
	}
	#entry .item .morelinks .morelink{
		display:block;
	}
	#entry .form section .postal{
		width:100%;
	}
	#entry .form section .inputs a.btn{
		margin-bottom:3%;
	}
}
/* 470px end ===================== */



/* 320px ===================== */
@media screen and (max-width: 320px) {
	
	#entry .form section select{
		font-size:0.7rem;
	}
}
/* 320px end ===================== */