@charset "utf-8";
/* /////////////////////////////////////////////////////////
	募集�?�?・エントリー
///////////////////////////////////////////////////////// */

/* ====================================
	page-title
==================================== */
#page-title{
	background:url(../entry/images/page-title.jpg) no-repeat;
}


/* ====================================
	entry
==================================== */
#entry{
	width:1280px;
}

/* ====================================
	flow
==================================== */
#flow{
	width:1100px;
	margin:0 auto 70px auto;
}
#flow h3{
	width:324px;
	height:0;
	padding-top:39px;
	background:url(../entry/images/flow-title.png) no-repeat;
	display:block;
	overflow:hidden;
	margin:0 auto 50px auto;
}

#flow ol{
	width:1100px;
	margin-bottom:50px;
	background:url(../entry/images/arrow.png) no-repeat , url(../entry/images/arrow.png) no-repeat , url(../entry/images/arrow.png) no-repeat;
	background-position: 248px center , 535px center , 822px center;
}
#flow ol li{
	width:235px;
	float:left;
	margin-right:48px;
	border:2px solid #0F57BF;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
#flow ol li:nth-child(4n){
	margin-right:0;
}

#flow ol li h4{
	width:235px;
	padding:11px 0 12px 0;
	background:#0F57BF;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
}

#flow ol li h4 span{
	height:0;
	padding-top:25px;
	display:block;
	overflow:hidden;
	margin:0 auto;
}
#flow ol #apply h4 span{
	width:74px;
	background:url(../entry/images/flow-apply.png) center center no-repeat;
}
#flow ol #selection h4 span{
	width:76px;
	background:url(../entry/images/flow-selection.png) center center no-repeat;
}
#flow ol #interview h4 span{
	width:76px;
	background:url(../entry/images/flow-interview.png) center center no-repeat;
}
#flow ol #decision h4 span{
	width:74px;
	background:url(../entry/images/flow-decision.png) center center no-repeat;
}

#flow ol li p{
	height:115px;
	font-size: 1.5rem;
	padding:15px 20px;
}


#flow #anchor{
	width:524px;
	height:99px;
	margin:0 auto;
}
#flow #anchor a{
	width:524px;
	height:0;
	padding-top:99px;
	background:url(../entry/images/anchor-button.png) no-repeat;
	display:block;
	overflow:hidden;
}
	#flow #anchor a:hover{
		-moz-opacity:0.8;
		opacity:0.8;
		filter: alpha(opacity=80);
	}

/* ====================================
	details
==================================== */
#details{
	width:1100px;
	margin:0 auto 95px auto;
}
#details li{
	border-bottom:2px solid #DDD;
	padding:40px 0;
}
#details li:first-child{
	border-top:2px solid #DDD;
}

#details li div{
	width:730px;
	float:right;
	margin-right:20px;
}
#details li div h4{
	height:0;
	display:block;
	overflow:hidden;
	margin-bottom:20px;
}
#details #de01 h4{
	width:581px;
	padding-top:29px;
	background:url(../entry/images/details-title01.png) no-repeat;
}
#details #de02 h4{
	width:581px;
	padding-top:29px;
	background:url(../entry/images/details-title02.png) no-repeat;
}
#details #de03 h4{
	width:581px;
	padding-top:29px;
	background:url(../entry/images/details-title03.png) no-repeat;
}
#details #de04 h4{
	width:546px;
	padding-top:49px;
	background:url(../entry/images/details-title04.png) no-repeat;
}

#details li figure{
	width:320px;
	float:left;
	box-shadow:rgba(153, 153, 153, 0.8) 0px 3px 3px 1px;
	-webkit-box-shadow:rgba(153, 153, 153, 0.8) 0px 3px 3px 1px;
	-moz-box-shadow:rgba(153, 153, 153, 0.8) 0px 3px 3px 1px;
	margin-left:6px;
}
#details li figure img{
	width:320px;
	height:198px;
	display:block;
}

/* ====================================
	guide
==================================== */
#guide{
	width:1100px;
	margin:0 auto 105px auto;
}
#guide h3{
	width:162px;
	height:0;
	padding-top:39px;
	background:url(../entry/images/guide-title.png) no-repeat;
	display:block;
	overflow:hidden;
	margin:0 auto 40px auto;
}

#guide table{
	width:100%;
	border-collapse:collapse;
	margin-bottom: 100px;
	/* margin-bottom: 100px; は211104に加藤がつけた */
}
#guide table th{
	width:20%;
	text-align:left;
	background:#0f57bf;
	color:#FFF;
	border-bottom:2px solid #FFF;
	font-size: 1.6rem;
	vertical-align:top;
}
#guide table td{
	border-bottom:2px solid #EEE;
	line-height:1.6em;
	font-size: 1.6rem;
}

#guide table th, #guide table td{
	padding:30px 20px;
	
}
#guide table td .block--modifier__element{
	padding:0 0 10px 0;
}
#guide table td .block--modifier__element strong{
	display:block;
	padding:0 0 5px 0;
	font-size: 1.6rem;
}
#guide table td iframe{
	margin-top:10px;
}

#guide table td .gmap_overlay {
	background: transparent;
	position: relative;
	width: 100%;
	height: 300px; /* your iframe height */
	top: 300px;  /* your iframe height */
	margin-top: -300px;  /* your iframe height */
	z-index:9999;
}

#guide table td .left{
	float:left;
}
#guide table td .left img{
}

/*=================================
	error
==================================*/
#mail-form #error,
#mail-form em.error{
	color:#CC0000;
	font-size:110%;
}
#mail-form #error{
	background:#DCDCDC;
	padding:15px;
	margin:0 0 30px 0;
}
#mail-form th em.error{
	padding-top:15px;
}

/*=================================
	フォー�?
==================================*/
#mail-form{
	width:1100px;
	margin:0 auto 145px auto;
}
#mail-form h3{
	height:0;
	display:block;
	overflow:hidden;
	margin:0 auto 45px auto;
}
#mail-form #form-title{
	width:242px;
	padding-top:39px;
	background:url(../entry/images/form-title.png) no-repeat;
}
#mail-form #check-title{
	width:284px;
	padding-top:39px;
	background:url(../entry/images/check-title.png) no-repeat;
}
#mail-form #error-title{
	width:200px;
	padding-top:39px;
	background:url(../entry/images/error-title.png) no-repeat;
}
#mail-form #complete-title{
	width:159px;
	padding-top:40px;
	background:url(../entry/images/complete-title.png) no-repeat;
}

#mail-form table{
	width:100%;
	border-collapse:collapse;
	margin-bottom:60px;
}
#mail-form table th{
	width:20%;
	text-align:left;
	background:#faa71c;
	color:#FFF;
	border-bottom:2px solid #FFF;
	font-size: 1.6rem;
	vertical-align:top;
}
#mail-form table td{
	border-bottom:2px solid #EEE;
	line-height:1.6em;
	font-size: 1.6rem;
}

#mail-form table th, #mail-form table td{
	padding:30px 20px;
	
}

#mail-form table th, #mail-form table td{
	padding:15px 20px;
	
}
#mail-form table td .block--modifier__element{
	padding:10px 0 0 0;
}
#mail-form table td .block--modifier__element strong{
	display:block;
	padding:0 0 5px 0;
	font-size: 1.6rem;
}
#mail-form table td iframe{
	margin-top:10px;
}

#mail-form table td .gmap_overlay {
	background: transparent;
	position: relative;
	width: 100%;
	height: 300px; /* your iframe height */
	top: 300px;  /* your iframe height */
	margin-top: -300px;  /* your iframe height */
	z-index:9999;
}

#mail-form table th span{
	color:#EE0000;
	padding:0 0 0 10px;
	font-size:150%;
}

#mail-form input[type="text"],
#mail-form textarea,
#mail-form select{
	padding:10px;
	border:2px solid #DDD;
	background:#f6f7f7;
	outline:none;
	transition: background-color 0.3s;
}

#mail-form input[type="text"]:hover,
#mail-form textarea:hover,
#mail-form select:hover,
#mail-form input[type="radio"]:hover{
	background:#FFF;
}

#mail-form table tr td #name,
#mail-form table tr td #kana,
#mail-form table tr td #address,
#mail-form table tr td #telnum,
#mail-form table tr td #message{
	width:97%;
}

#mail-form table tr td #mail{
	width:70%;
}

#mail-form table tr td #zip1,
#mail-form table tr td #zip2{
	margin-bottom:15px;
}

#mail-form label{
	margin-right:15px;
}
#mail-form input[type="radio"] {
	margin:0 2px 0 0;
	-webkit-appearance: none;
	position: relative;
	border-radius: 24px;
	border:2px solid #DDD;
	-webkit-box-sizing: border-box;
	width: 20px;
	height: 20px;
	background:#f6f7f7;
	vertical-align:middle;
}

#mail-form input[type="radio"]:checked {
	background:#222;
	  opacity:1;
}

input[type="checkbox"]{
  -webkit-appearance: none;
  width:15px;
  height:15px;
  border:2px solid #DDD;
  border-radius:2px;
  background:transparent;
  opacity:0.5;
}
input[type="checkbox"]:checked{
  background:#000;
  opacity:1;
}


#mail-form #submit {
	width:1100px;
	margin:0 auto;
	overflow:hidden;
}

#mail-form #submit .check-button {
	width:524px;
	height:99px;
	display:block;
	overflow:hidden;
	text-indent:150%;
	white-space:nowrap;
	background:url(../entry/images/check-button.png) no-repeat;
	margin:0 auto;
	border:none;
}
#mail-form #submit .submit-button {
	width:524px;
	height:99px;
	display:block;
	overflow:hidden;
	text-indent:150%;
	white-space:nowrap;
	background:url(../entry/images/submit-button.png) no-repeat;
	margin:0 auto;
	border:none;
	float:right;
}
#mail-form #submit .return-button {
	width:524px;
	height:99px;
	display:block;
	overflow:hidden;
	text-indent:150%;
	white-space:nowrap;
	background:url(../entry/images/return-button.png) no-repeat;
	margin:0 auto;
	border:none;
	float:left;
}
#mail-form #submit .complete-button a {
	width:524px;
	height:99px;
	display:block;
	overflow:hidden;
	text-indent:150%;
	white-space:nowrap;
	background:url(../entry/images/complete-button.png) no-repeat;
	margin:0 auto;
	border:none;
	margin:45px auto;
}
#mail-form .error-button a {
	width:524px;
	height:99px;
	display:block;
	overflow:hidden;
	text-indent:150%;
	white-space:nowrap;
	background:url(../entry/images/error-button.png) no-repeat;
	margin:0 auto;
	border:none;
	margin:45px auto;
}

	#mail-form #submit .check-button:hover,
	#mail-form #submit .submit-button:hover,
	#mail-form #submit .return-button:hover,
	#mail-form #submit .complete-button a:hover,
	#mail-form .error-button a:hover {
		-moz-opacity:0.8;
		opacity:0.8;
		filter: alpha(opacity=80);
	}

/* 送信完�? */
#mail-form .thanks {
	text-align:center;
}
#mail-form .thanks p{
	margin-bottom:30px;
}

#mail-form .thanks p a:link, 
#mail-form .thanks p a:visited, 
#mail-form .thanks p a:active {
	color:#0F57BF;
	text-decoration:underline;
	outline:none;
}

#mail-form .thanks p a:hover {
	color:#0F57BF;
	text-decoration:none;
	outline:none;
}

/* エラーペ�?�ジ */
#mail-form .error-text{
	text-align:center;
}

/*=================================
	footer
==================================*/
#footer{
	display:none;
}

#another-menu #a04 a{
	background-position:-660px -80px;
}