html{
	 margin-top: 0!important;
	}
h2{
	list-style:none;
	margin-block-start: 0!important;
	margin:0;
	padding:0;
	}
	
ul{
	list-style:none;
	margin-block-start: 0!important;
	margin:0;
	padding:0;
	}
	
a{
	text-decoration:none;
	}	
	
.sp{
	display:none;
	}	
body{
	background:#FFF;
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	margin:0;
	padding:0;
	line-height:38px;
	}
/*-------------------------ヘッダー--------------------------*/
header{
	width:100%;
	height:55px;
	}
header #inner{
	height:100%;
	max-width:1000px;
	width:100%;
	margin:auto;
	}

header h1{
	width:200px;
    padding:8px 0 0;
    margin:0;
    float:left;
	}
	
header div#name{
	width:150px;
    padding:8px 0 0;
    margin:0;
    float:left;
	}
	
header ul#menu{
	float:left;
	padding:30px 10px 0px;
	}	
header ul#menu li {
	float:left;
	margin:-10px 0 0 ;
	}	
	
header ul#menu li a{
	color:#333;
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	display:block;
	font-weight:bold;
	padding:0px 10px 0px;
	}
	
header ul#menu li a:hover{
	color:#FFCC00;
	}		
header ul#button{
	float:right;
	height:100%;
	}
	
header ul#button li {
	height:100%;
	width:110px;
	float:left;
	background:#FFCC00;
	}
header ul#button li a{
	display:block;
	color:#333;
	text-align:center;
	font-weight:bold;
	line-height: 25px;
	}
header ul#button li:first-child {
	background:#333;
	}
	
header ul#button li:first-child	a{
	color:#FFF;
	}
	

header div#entry{
	float:right;
	background:#FFCC00;
	height:100%;
	padding:0 13px 0;
}
header div#entry a{
	color:#FFF;
	text-align:center;
	font-size:220%;
	display:block;
	width:100%;
	height:90%;
	line-height:20px;
	padding-top:10%;
} 
header div#entry a span{
	font-size:40%;
	}
/*============================
メニュー
===========================*/

#nav-drawer {
	position: relative;
    float: right;
    cursor:pointer;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
    width: 30px;
    height: 23px;
    float: right;
    vertical-align: middle;
    padding: 16px;
    background:#333;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #FFF;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 70%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 250px;/*最大幅（調整してください）*/
  height: 100%;
  opacity:0.9;
  background: #333;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

/*中のメニュー*/

ul#spmenu li a{
	display:block;
	color:#fff;
	padding:10px;
	border-bottom:#444 1px solid;
	}



/*===============================ここまで====================================*/

main{
	width:100%;
	background:url(https://aphex-group.com/image/recruit/comment.png),url(https://aphex-group.com/image/recruit/main-bg.jpg);
	background-size:40%,contain;
	background-position:right bottom,center top ;
	background-repeat:no-repeat,no-repeat; 
	height:49vw;
	}
section#first div.contents{
	background:url(https://aphex-group.com/image/recruit/top-bg.png);
	background-size:60%;
	background-repeat:no-repeat;
	background-position:40px center; 
	height:420px;
	max-width:1000px;
	width:100%;
	}
section#first h2{
	padding:7px;
	font-size:20px;
	text-align:center;
	color:#FFF;
	margin-bottom:15px;
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffcc00+0,#ff7134+100 */
background: #ffcc00; /* Old browsers */
background: -moz-linear-gradient(left,  #ffcc00 0%, #ff7134 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffcc00 0%,#ff7134 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffcc00 0%,#ff7134 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff7134',GradientType=1 ); /* IE6-9 */

	font-weight:bold;	
	
	}
section#first div.contents div.inner{
	width:45%;
	float:right;
	margin:0 2.5% 0;
	}
section#first div.contents div.inner img{
	float:none;
	display:block;
	width:95%;
	margin:70px 0 30px;
	}	
	
section{
	background:#FFF;
	}	
section:nth-child(2n){
	background:#f8f7f2;
	}	
div.contents {
	clear:both;
	max-width:1000px;
	width:100%;
	margin:auto;
	height:460px;
	padding:30px 20px 20px;
	box-sizing: border-box;
	}
	
section:nth-child(2n) div.contents  dl{
	float:right;
	}	
section div.contents  dl{
	width:45%;
	float:left;
	margin:0 2.5% 0;
	}
	
div.contents  dl a{
	width:50%;
	padding:5px;
	background:#ffa200;
	color:#FFF;
	text-align:center;
	margin:40px auto 0px;
	display:block;
	border-radius:2px;
    border-bottom: #ff9000 1px solid;
	}
div.contents  dl a:hover{
	background:#ff9000;
	}		
section div.contents img {
	float:left;
	display:block;
	width:45%;
	margin:0 2.5% 0;
	}
	
section:nth-child(2n) div.contents img {
		float:right;
	}	
section#area {
	background: #f8f7f2;
	}
section#area div.contents img{
		float:right;
		}
section#area div.contents dl{
	float:right;

}				
div.contents dt{
	padding:5px 20px 5px;
	border-top:2px #ffa200 dotted ;
	border-bottom:2px #ffa200 dotted ;
	color:#ffa200;
	font-weight:bold;
	width:150px;
	margin:50px auto 20px;
	text-align:center;
	}	
	
section#bosyu {
	height:200px;
	background:linear-gradient(-30deg,#ffa200 0%,#ffa200 50%,#FFCC00 50%,#FFCC00 100%);
	}
section#bosyu div.contents{
	background:url(https://aphex-group.com/image/recruit/bosyu.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:100px  center;
	height:200px;
	padding-top:50px;
	}	

section#bosyu div.inner{
	float:right;
	margin-right:40px;
	color:#FFF;
	font-weight:bold;
	text-align:center;		
		
	}	
section#bosyu a {
	border:3px #FFF solid;
	color:#FFF;
	font-size:32px;
	padding:10px;
	font-weight:bold;
	display:block;
	width:100%;
	text-align:center;
	}
	
section#qa {
	background: #FFF;
	}
section#qa div.contents img{
	float:left;
	}
section#qa div.contents dl{
	float:left;

}	

section#entry {
	margin:50px 0 0 ;
	background:url(https://aphex-group.com/image/recruit/entry-bg.jpg);
	background-size:cover;
}
section#entry div.contents{
	height:200px;
	}
	
section#entry ul{
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;
}	
section#entry ul li{
	width:46%;
	margin:15px 2% 15px;
	box-sizing: border-box;
	}
	
section#entry ul li a{
	display:block;
	padding:10px 0 10px;
	color:#FFF;
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:28px;
	background:#ff8d00;
	box-shadow: 0px 0px 0px 5px #ff8d00;
	border:#FFF solid 3px;

}	

section#entry ul li a:hover {
	background:#ff8d00;
	opacity:0.6;
	}
section#entry ul li a span{
	width:90%;
	margin:0 auto 10px;
	display:inline-block;
	padding-bottom:10px;
	font-size:75%;
	border-bottom:1px #fff solid;
	}

footer{
	clear:both;
	margin-top:50px;
	background:#333;
	font-size:90%;
	}

footer ul li a{
	color:#FFF;
	
	}
	
footer ul li a:hover{
	color:#999;
	}	
	
footer div.contents{
	height:auto;
	}
	
	
/*========================================
about
======================================*/

body#about main{
	background:#FFF;
	height:auto;
	background-image:url(https://aphex-group.com/image/recruit/about-bg.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	}
	
/*========================================
requirements
======================================*/

body#rec main{
	background:#FFF;
	height:auto;
	background-image:url(https://aphex-group.com/image/recruit/rec-bg.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	}
body#rec section#table{
	height:auto;
	background:linear-gradient(-30deg,#f8f7f2 0%,#f8f7f2 50%,#ffffff 50%,#ffffff 100%);
	}
body#rec section#table div.contents{
	height:auto;
	}
			
body#rec section#table table{
	width:80%;
	margin:auto;
	padding:30px 15px 30px;
	background:#FFF;
	font-size:90%;
	line-height:30px;
	opacity:0.95;
	}
	
body#rec section#table table tbody{
	width:100%;
	}
body#rec section#table table tr{
	width:100%;
	}	
body#rec section#table table th{
	font-weight:bold;
	width:35%;
	padding:10px ;
	background:#ffecb6;
	border-bottom:#ffcd75 2px solid;
	box-sizing: border-box;
	
	}
body#rec section#table table td{
	width:65%;
	padding:10px 15px 10px 10px;
    border-bottom: solid 2px #ddd;
    text-align: left;
	box-sizing: border-box;
	}
	
body#rec dt {
	width:80%;
	}	
/*========================================
person
======================================*/	
body#person main{
	background:#FFF;
	height:auto;
	background-image:url(https://aphex-group.com/image/recruit/person-bg.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	}	
		
body#person section#table{
	height:auto;
	background:linear-gradient(-30deg,#f8f7f2 0%,#f8f7f2 50%,#ffffff 50%,#ffffff 100%);
	}	
body#person section#table div.contents{
	height:auto;
	}	
body#person section#table div.text{
	width:80%;
	margin:auto;
	padding:30px 15px 30px;
	background:#FFF;
	opacity:0.9;
	}	
	
/*========================================
area
======================================*/

body#area main{
	background:#FFF;
	height:auto;
	background-image:url(https://aphex-group.com/image/recruit/area-bg.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	}
body#area section#table{
	height:auto;
	background:linear-gradient(-30deg,#f8f7f2 0%,#f8f7f2 50%,#ffffff 50%,#ffffff 100%);
	}
body#area section#table div.contents{
	height:auto;
	}
body#area div.contents dt{
	width:200px;
	}			
body#area section#table table{
	width:80%;
	margin:auto;
	padding:30px 15px 30px;
	background:#FFF;
	font-size:90%;
	line-height:30px;
	opacity:0.95;
	box-shadow: 1px 1px 4px #e6e4d9;
	}
	
body#area section#table table tbody{
	width:100%;
	}
body#area section#table table tr{
	width:100%;
	}
body#area section#table table td{
	width:18%;
	margin:1%;
    padding: 15px 0px 5px 0px;
    text-align: center;
	box-sizing: border-box;
	font-weight:bold;
	}
body#area section#table table td a{
	color:#F33;
	}  	
body#area section#table table tr:first-child td{
    padding: 20px 0px 15px 0px;
    }		
body#area section#table table tr:last-child td{
    padding: 15px 0px 20px 0px;
    }	
	
body#area section#table table th{
	background:#ffa200;
	text-align:center;
    margin:0 auto 15px;
   	padding:5px;
   	color:#FFF;
	width:100%;
	font-weight:bold;
	}	
body#area main.fukuoka{
	background-image:url(../images/fukuoka-bg.jpg);
	}
body#rec main.fukuoka{
	background-image:url(../images/fukuoka-bg.jpg);
	}
body#area main.saga{
	background-image:url(../images/saga-bg.jpg);
	}

body#area main.oita{
	background-image:url(../images/oita-bg.jpg);
	}

body#area main.nagasaki{
	background-image:url(../images/nagasaki-bg.jpg);
	}

body#area main.kumamoto{
	background-image:url(../images/kumamoto-bg.jpg);
	}

body#area main.miyazaki{
	background-image:url(../images/miyazaki-bg.jpg);
	}
body#rec main.miyazaki{
	background-image:url(../images/miyazaki-bg.jpg);
	}
body#area main.kagoshima{
	background-image:url(../images/kagoshima-bg.jpg);
	}
	
	
/*========================================
投稿（権威のテンプレートindex.phpを改修している）
======================================*/

body#info main{
	background:#FFF;
	height:auto;
	background-image:url(https://aphex-group.com/image/recruit/flow-bg.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	}
	
body#info div.keni-main_inner{	
	background:linear-gradient(-30deg,#f8f7f2 0%,#f8f7f2 50%,#f3eeea 50%,#f3eeea 100%);
	height:auto;
}

body#info div.keni-section_wrap_style02{
	margin:0 auto 0;
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	max-width:1000px;
	width:100%;
	}

body#info div.keni-section_wrap_style02 .post_contents{
	width:600px;
	margin:25px auto 0;
	}
body#info div.entry-list_style01{
	width:100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	}

	
body#info div.keni-section_wrap_style02 .post_contents .entry_thumb{
	display:block;
	width:90%;
	margin:auto;
	}	
	
body#info div.keni-section_wrap_style02 .post_contents a{
	display:block;
	width:100%;
	margin:auto;
	}
	
body#info div.keni-section_wrap_style02 .post_contents a img{
	display:block;
	height:auto;
	width:100%;
	}

/*一覧ページ*/

body#info .post_contents article.type-post {
	background:#fff;
	width:48%;
	margin:1%;
	text-align:center;
	}
	
body#info .post_contents article.type-post div.entry{
	padding:15px 0 15px;
	}	
	
body#info .post_contents article.type-post div.entry .entry_thumb{
	margin:0 auto 15px;
	}
	
body#info div.entry_status{
	width:100%;
	margin:20px auto 0;
	display: -webkit-flex;
	display: flex;
	padding:30px 0 0;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row-reverse;
	}
body#info div.entry_status .entry_category_item a{
	display:block;
	background:#ebe6d8;
	font-size:85%;
	line-height:15px;
	padding:5px;
	border-radius:2px;
	color:#333!important;
	font-weight:bold;
	}
	
	
body#info div.entry_status .entry_date_item{
	font-size:85%;
	}

body#info div.entry_description{
	display:none;}

/*ページャー*/	
	
body#info nav.page-nav ol{
	width:100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	}
	
body#info nav.page-nav ol li{
	font-weight:bold;
	list-style:none;
	margin:1%;
	}
	
body#info nav.page-nav ol li a{
	border-radius:3px;
	display:block;
    padding:5px 15px 5px;
	background:#ffd173;
	box-sizing: border-box;	
	color:#433;}
	
body#info nav.page-nav ol li.current{
	border-radius:2px;
	display:block;
    padding:5px 15px 5px;
	background:#ffa200;
	box-sizing: border-box;	
	color:#fff;
	}
	
	
	
	
/*ここからサイドバー*/
body#info aside#secondary{
	box-sizing: border-box;
	padding:10px;
	width:300px;
	}
body#info aside#secondary a.ads{
	display:block;
	float:none;
	}
	
body#infoaside#secondaryr a.ads img{
	float:none;
	width:280px;
	margin:10px auto 10px;
	}		
	
body#info aside#secondary h3 {
	width:100%;
	color:#fff;
	text-align:center;
	font-size:18px;
	padding:5px 0 5px;
	background:#ffd173;
	font-weight:bold;
	margin-bottom:0;
	}	
	
/*-----------ウィジェット内CSS---------------*/
body#info div.widget{
	margin:0;
	width:100%;
	}

body#info div.widget li{
	box-sizing: border-box;
	width:90%;
	line-height:28px;
	margin:auto;
	padding:10px 5px 10px 5px;
	border-bottom:1px #EEE solid;
	}
	
body#info div.widget li a{
	font-weight:bold;
	color:#333;
	}
	

/*詳細ページ*/

body#info div.article_wrap{
	background:#fff;
	}

section#comments{
	display:none;
	}
body#info header.article-header{
	height:auto;
	padding:40px 20px 25px 20px;
	box-sizing: border-box;
	}
	
body#info div .single_contents{
	width:680px;
	margin:30px auto 0;
	}

body#info div.single_contents img{
	width:100%;
	height:35vw;
	object-fit:cover;
	}
body#info .entry_title{
	width:94%;
	line-height: 28px;
	text-align:left;
	margin:auto;
	padding:0;
	font-size:1.1rem;
	}
body#info h1.entry_title{
	font-size:1.6rem;
	width:100%;
	}
	
body#info .entry_title a{
	color:#333;
		}

body#info .article-body p{
	line-height:36px;
	padding:20px;
	box-sizing: border-box;
	}

body#info .article-body h2{
	width:96%;
	color:#fff;
	margin:20px auto 10px;
	padding:10px;
	box-sizing: border-box;
	background:#FFA200;
	}
	
	
body#info .article-body h3{
	width:96%;
	margin:20px auto 10px;
	padding:10px;
	box-sizing: border-box;
	color:#FFA200;
	border-top:2px solid #FFA200;	
	border-bottom:2px solid #FFA200;
	
	}	

body#info .article-body h4{
	color:#FFA200;
	border-bottom:2px dotted #FFA200;
	width:96%;
	margin:20px auto 10px;
	}



	
	
/*関連記事*/

body#info .behind-article-area{
	margin:30px 0 0;
	padding:20px;
	box-sizing: border-box;
	background:#fff;
	width:100%;
	}
body#info .behind-article-area .keni-section_wrap_style02{
	display:block;
	}
body#info .behind-article-area ul{
	margin:0 auto 0;
	padding:20px 0 0;
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width:100%;
	}
body#info .behind-article-area ul li{
	width:24%;
	}
body#info .behind-article-area ul li figure{
	margin:0;
	width:100%
	}
	
body#info .behind-article-area ul li figure img{
	display:block;
	width:100%;
	height:120px;
	}

	
/*パンくずリスト*/
section.pager{
	background:#F8F7F2;
	}
section.pager div.contents{
	height:150px;
	}
section.pager div.contents div.wp-pagenavi{
	text-align:center;
	}
section.pager div.contents span.pages{
	display:none;
	}
section.pager div.contents a.nextpostslink{
	display:none;
	}	
section.pager div.contents a.previouspostslink{
	display:none;
	}	
section.pager div.contents span.current{
	display:inline-block;
	width:45px;
	line-height:45px;
	height:45px;
	margin:0 5px 0;
	font-weight:bold;
	color:#fff;
	background:#ff6a0f;
	text-align:center;
	border-radius:50px;

}	
section.pager div.contents a.page{
	display:inline-block;
	width:45px;
	line-height:45px;
	height:45px;
	margin:0 5px 0;
	font-weight:bold;
	color:#fff;
	background:#ffa200;
	text-align:center;
	border-radius:50px;
	}
	
	
/*========================================
流れ
======================================*/

body#flow main{
	background:#FFF;
	height:auto;
	background-image:url(https://aphex-group.com/image/recruit/flow-bg.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	}

body#flow #table div.contents{
	height:auto;
	}
	
body#flow div.contents ul.step{
	width:100%;
	margin:auto;
	}
		
body#flow div.contents ul.step li {
	background:#FFF;
	padding: 30px 15px 30px;
	margin:15px auto 0;
	}

body#flow div.contents ul.step li dt{
	color:#ffa200;
	width:90%;
	text-align:center;
	padding:0px 10px 0px;
	border-top:none;
	border-bottom:#ffa200 2px solid;
	margin: 0px auto 10px;
	}

body#flow div.contents ul.step li dd{
	width:90%;
	margin:auto!important;
	margin-inline-start: 0px;
	}


/*========================================
interview
======================================*/	
body#interview main{
	background:#FFF;
	height:auto;
	background-image:url(https://aphex-group.com/image/recruit/interview-bg.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	}	
		
body#interview section#table{
	height:auto;
	background:linear-gradient(-30deg,#f8f7f2 0%,#f8f7f2 50%,#ffffff 50%,#ffffff 100%);
	}	
body#interview section#table div.contents{
	height:auto;
	}	
body#interview section#table div.text{
	width:80%;
	margin:auto;
	padding:30px 15px 30px;
	background:#FFF;
	opacity:0.9;
	}
	
body#interview section#table h2{
    font-size: 34px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color:#ba825a;
    width: 80%;
    margin: auto;
    padding: 30px 15px 10px;
    
    }
    
body#interview section#table div.profile{
    text-align: center;
    width: 10%;
    float: right;
    margin-right: 10%;
    padding: 0px 15px 0px;
	}    
body#interview section#table div.profile img{
	width:100%;
	float:none;
	display:inline-block;
	}	
	
body#interview section#table div.contents dt{
	padding: 5px 0px 5px;
    border-top: none;
    border-bottom: 2px #ffa200 solid;
    color: #ffa200;
    font-weight: bold;
    /* width: 120px; */
    margin: 50px auto 20px;
    width:100%;
   	box-sizing: border-box;
    text-align: left;
}

body#interview section#table div.contents dd{
	margin:0;
	}

/*========================================
faq
======================================*/

body#faq main{
	background:#FFF;
	height:auto;
	background-image:url(https://aphex-group.com/image/recruit/faq-bg.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	}

body#faq dl#qa{
	float:none;
	width:80%;
	margin:auto;
	}
	
body#faq dl#qa dt{
	width:100%;
	border:1px solid #ffa200;
	background:#FFF;
	cursor:pointer;
	padding: 5px 0px 5px;
	}
body#faq dl#qa dt:hover{
	background:#ffa200;
	color:#FFF;
	}

body#faq div.contents{
	height:auto;
	}
	
body#faq section#entry div.contents{
	height:200px!important;
	}	
	
/*========================================
地域別
======================================*/

body#area main,.pref{
	background:#FFF;
	height:auto;
	background-image:url(https://aphex-group.com/image/recruit/pref-bg.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	}
		
	#table2{
	height:auto;
	background:linear-gradient(-30deg,#f8f7f2 0%,#f8f7f2 50%,#ffffff 50%,#ffffff 100%);
	}
body#area section#table2 div.contents{
	height:auto;
	}
body#area section#table2 div.contents table{
	width:80%;
	margin:auto;
	padding:30px 15px 30px;
	background:#FFF;
	font-size:90%;
	line-height:30px;
	opacity:0.95;
	}
	
body#area section#table2 table tbody{
	width:100%;
	}
body#area section#table2 table tr{
	width:100%;
	}	
body#area section#table2 table th{
	font-weight:bold;
	width:35%;
	padding:10px ;
	background:#ffecb6;
	border-bottom:#ffcd75 2px solid;
	box-sizing: border-box;
	
	}
body#area section#table2 table td{
	width:65%;
	padding:10px 15px 10px 10px;
    border-bottom: solid 2px #ddd;
    text-align: left;
	box-sizing: border-box;
	}
	

/*========================================
その他の求人
======================================*/
	
body#another main{
	background:#FFF;
	height:auto;
	background-image:url(https://aphex-group.com/image/recruit/another-bg.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	}

body#another div.contents dd ul{
	width:100%;
	height:75px;
	}

body#another div.contents dd ul li{
	width:46%;
	margin:10px 2% 15px;
	float:left;
	}	

body#another div.contents dd ul li a{
	width:100%;
	padding:5px 0 5px;
	text-align:center;
	color:#ffa200;
	display:block;
	border:2px solid #ffa200;
	background:none;
	margin:auto;
	}
	
body#another div.contents dd ul li a:hover{
	color:#FFF;
	background:#ffa200;
	}	
	
/*========================================
仮登録フォーム
======================================*/
body#preform main{
		background:#FFF;
		height:auto;
		background-image:url(https://aphex-group.com/image/recruit/flow-bg.jpg);
		background-repeat:no-repeat;
		background-size:contain;
}
body#preform #main{
	background:linear-gradient(-30deg,#f8f7f2 0%,#f8f7f2 50%,#f3eeea 50%,#f3eeea 100%);
	height:auto;
	padding:25px 0 0;
}

body#preform section#main dl.backup{
	max-width:420px;
	width:86%;
	background:#FFF;
	border-radius:5px;
	height:auto;
	font-size:14px;
	padding:10px;
	margin:0 auto 10px;
	border-bottom:1px #e5e0d4 solid;
	border-right:1px #e5e0d4 solid;
	position:relative;
	box-sizing: border-box;
	background-image:url(https://aphex-group.com/image/recruit/good.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size:25%;
	}
body#preform section#main dl.backup img{
	display:block;
	position:absolute;
	left:10%;
	top:-3px;
	width:25px;
	}
	
body#preform section#main dl.backup dt{
	font-weight: bold;
    color: #ff4600;
	width:100%;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	}

body#preform section#main dl.backup dd{
	margin:10px 0 0;
	}
	
body#preform section#main dl.backup dd li{
	font-weight: bold;
    line-height: 26px;
    color: #532c1d;
	}

body#preform div.contents{
	height:auto;
	}
body#preform section#main dl.backup dd li span{
	display: inline-block;
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 21px;
	}	
	
body#preform div.contents p.caution{
	width:100%;
	color:#E00;
	font-weight:bold;
	text-align:center;
	}
	
body#preform div.contents div#form{
		max-width:600px;
		width:96%;
		padding:0 0 10px;
		margin:15px auto 100px;
		background:#fff;
}

body#preform div.contents div#form dl{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	width:100%;
	float:none;
	margin:0;
	
	}
	
body#preform div.contents div#form dt{
	background:#f5c100;
	color:#fff;
	margin:0;
	width:190px;
	border-top:none;
	border-bottom:2px #fff solid;
	text-align:left;
	box-sizing: border-box;
	}
	
body#preform div.contents div#form dt span{

	font-size: 12px;
    color: #f00;
    font-weight: bold;
    text-indent: 0.1em;
    display: inline-block;
    }
		
body#preform div.contents div#form dd {
	width:410px;
	border-box:box-sizing;
	}
body#preform div.contents div#form dd input{
	font-size:15px;
	display:block;
	width:380px;
	margin:auto;
	padding:10px;
	border:1px #CCC solid;
	}

body#preform div.contents div#form dd select{
	font-size:15px;
	display:block;
	width:250px;
	padding:10px;
	border:1px #CCC solid;
	margin-left:5px;
	}


body#preform div.contents div#form input[type="submit"] {
	display:block;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 16px;
	font-weight: bold;
	width: 150px;
	margin:15px auto 20px;
	padding: 10px;
	border-radius: 5px;
	background-color: #ff7e1e;
	border:1px solid #ff7e1e;
	border-bottom:1px solid #c46621;
	color: #fff;
	cursor: pointer;
}

body#preform div.contents div#form input[type="submit"]:hover {
	background-color: #c46621;
	border:1px solid #c46621;}

span.wpcf7-spinner {
  display: none;
}


/*========================================
本登録フォーム
======================================*/
	
body#preform div.contents div#form2{
		max-width:1000px;
		width:96%;
		padding:0 0 10px;
		margin:15px auto 100px;
		background:#fff;
}

body#preform div.contents div#form2 dl{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items:stretch;
	justify-content: space-between;
	width:100%;
	float:none;
	margin:0;
	}
	
body#preform div.contents div#form2 dt{
	background:#8eb0ff;
	color:#fff;
	margin:0;
	width:210px;
	border-top:none;
	border-bottom:2px #fff solid;
	text-align:left;
	box-sizing: border-box;
}
	
body#preform div.contents div#form2 dt span{
	font-size: 12px;
    color: #f00;
    font-weight: bold;
    text-indent: 0.1em;
    display: inline-block;
}

body#preform div.contents div#form2 dd {
	width:705px;
	padding:10px 0 10px;
	box-sizing: border-box;
	border-bottom:1px solid #F3EEEA;
	}
body#preform div.contents div#form2 dd input{
	font-size:15px;
	display:block;
	width:380px;
	padding:10px;
	border:1px #CCC solid;
	}
body#preform div.contents div#form2 dd select{
	font-size:15px;
	display:block;
	width:250px;
	padding:10px;
	border:1px #CCC solid;
	margin-left:5px;
	}

/*--------------個別の項目のレイアウト-----------------*/

body#preform div.contents div#form2 dt div{
font-size:12px;
margin:-15px 0 0;
}


body#preform div.contents div#form2 dl.radio input{
	display:inline-block;
	width:auto;
	}
	
body#preform div.contents div#form2 dl.radio input.school{
	width:250px;
}	
body#preform div.contents div#form2 dl.birth input{
	display:inline-block;
	width:65px;
	}
body#preform div.contents div#form2 dl.birth select{
	display:inline-block;
	width:60px;
	}	

body#preform div.contents div#form2 dl.academic input{
	display:inline-block;
	margin:0 0 10px;
	}
body#preform div.contents div#form2 dl.academic input.second{
	display:inline-block;
	width:150px;
	margin:0 0 10px;
	box-sizing: border-box;
	}
	
body#preform div.contents div#form2 dl.academic input.second2{
	display:inline-block;
	width:250px;
	margin:0 0 10px;
	box-sizing: border-box;
	}
	
body#preform div.contents div#form2 dl.academic select{
	display:inline-block;
	width:100px;
	box-sizing: border-box;
	}	
body#preform div.contents div#form2 dl.academic input{
	display:inline-block;
	}
	
body#preform div.contents div#form2 dl.address input#zip{
	display:inline-block;
	width:200px;
	margin:5px;
	}	
	
body#preform div.contents div#form2 dl.address input#pref{
	display:inline-block;
	width:100px;
	margin:5px;
	}	
	
body#preform div.contents div#form2 dl.address input#city{
	display:inline-block;
	width:200px;
	margin:5px;

	}	
	
body#preform div.contents div#form2 dl.address input#addr{
	display:inline-block;
	width:350px;
	margin:5px;
	}	
	
	
body#preform div.contents div#form2 dl.transportation input{
	display:inline-block;
	width:auto;
	}
body#preform div.contents div#form2 dl.subject dd ul li div{
	font-weight:bold;
	padding:0 0 0 10px;
	font-size:90%;
	}
body#preform div.contents div#form2 dl.subject dd ul li input.other{
	margin:10px 0 0;
	}	
	
body#preform div.contents div#form2 dl.subject dd ul li:nth-child(2n){
	background:#f6f6f6;
}

body#preform div.contents div#form2 dl.subject input{
	display:inline-block;
	width:auto;
}

body#preform div.contents div#form2 dl.highschool dd select{
	display:inline-block;
	width:80px;
}

body#preform div.contents div#form2 dl.highschool dd input{
	display:inline-block;
	width:300px;
	}

body#preform div.contents div#form2 dd textarea{
	width:98%;
	font-size:15px;
	box-sizing: border-box;
	padding:10px;
	border:1px #CCC solid;
	}

body#preform div.contents div#form2 input[type="submit"] {
	display:block;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 16px;
	font-weight: bold;
	width: 150px;
	margin:15px auto 20px;
	padding: 10px;
	border-radius: 5px;
	background-color: #ff7e1e;
	border:1px solid #ff7e1e;
	border-bottom:1px solid #c46621;
	color: #fff;
	cursor: pointer;
}

body#preform div.contents div#form2 input[type="submit"]:hover {
	background-color: #c46621;
	border:1px solid #c46621;}

span.wpcf7-spinner {
  display: none;
  }
	
/*========================================
下層ページ共通
======================================*/
	
main h1{
    width: 80%;
    max-width: 900px;
    margin: auto;
    text-align: right;
    padding: 65px;
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	font-size:28px;
	color:#333;
	font-weight:bold;
	line-height:27px;
	box-sizing: border-box;
	}
	
main h1 span{
	font-size:18px;
	color:#FFCC00;
	font-style:italic;}
	
div.under{
	background:#ffa200;
	height: auto;
	text-align:center;
    width: 100%;
    margin:auto;
   	padding: 0px;
   	color:#FFF; 
   	}

body#info main strong {
    width: 80%;
    display: block;
    max-width: 900px;
    margin: auto;
    text-align: right;
    padding: 65px;
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	font-size:28px;
	color:#333;
	font-weight:bold;
	line-height:27px;
	}
	
body#info main strong span{
	font-size:18px;
	color:#FFCC00;
	font-style:italic;
	}


/*--------------------以下スマホ記述-------------------------*/

@media screen and (max-width: 900px) {

body{
	background:#FFF;
	font-family: 'Noto Sans JP',"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	margin:0;
	padding:0;
	line-height:32px;
	font-size:90%;
	}


.pc{
	display:none;
	}
.sp{
	display:block;
	}	

main{
	width:100%;
	background:url(https://aphex-group.com/image/recruit/comment.png),url(https://aphex-group.com/image/recruit/main-bg.jpg);
	background-size:40%,contain;
	background-position:right bottom,center top ;
	background-repeat:no-repeat,no-repeat; 
	height:49vw;
	}
section#first div.contents{
	background:none;
	height:auto;
	max-width:1000px;
	width:100%;
	}

section#first div.contents div.inner{
	width:100%;
	float:none;
	margin:0 auto 0;
	}
section#first div.contents div.inner img{
	float:none;
	display:block;
	width:100%;
	margin:70px 0 30px;
	}	

section div.contents {
	clear:both;
	max-width:1000px;
	width:100%;
	margin:auto;
	height:auto;
	padding:10px;
	box-sizing: border-box;
	}
section div.contents  dl{
	width:100%;
	float:none!important;
	margin:0 auto 0;
	}
	
div.contents  dl a{
	width:80%;
	padding:5px;
	color:#FFF;
	text-align:center;
	margin:40px auto 0px;
	display:block;
	}
		
section div.contents img {
	float:none!important;
	display:block;
	width:100%;
	margin:0 auto 0;
	}		
div.contents dt{
	padding:5px 20px 5px;
	font-weight:bold;
	width:80%;
	margin:30px auto 20px;
	text-align:center;
	}	
section#bosyu {
	height:130px;
	background:linear-gradient(-30deg,#ffa200 0%,#ffa200 65%,#FFCC00 65%,#FFCC00 100%);
	}
section#bosyu div.contents{
	background:url(https://aphex-group.com/image/recruit/bosyu.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:5px  center;
	height:130px;
	padding-top:30px;
	}	

section#bosyu div.inner{
	float:right;
	margin-right:0px;
	color:#FFF;
	font-weight:bold;
	text-align:center;		
	font-size:9px;	
	}	
section#bosyu a {
	border:3px #FFF solid;
	color:#FFF;
	font-size:20px;
	padding:10px;
	font-weight:bold;
	display:block;
	width:85%;
	margin-left:5%;
	text-align:center;
	}
	
	
section#entry ul li{
	float:none;
	width:80%;
	margin:15px auto 15px;
	box-sizing: border-box;
	}	
	
section#entry ul li a{
	display:block;
	padding:5px 0 5px;
	color:#FFF;
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:20px;
	background:#ff8d00;
	box-shadow: 0px 0px 0px 5px #ff8d00;
	border:#FFF solid 3px;
}

section#entry ul li a span{
	width:90%;
	margin:0 auto 5px;
	display:inline-block;
	padding-bottom:5px;
	font-size:75%;
	border-bottom:1px #fff solid;
	}


/*========================================
下層ページ共通
======================================*/
section#entry div.contents{
	height:auto!important;
	}
main  {
    width:100%;
    max-width: 900px;
    margin: auto;
    text-align: right;
    padding: 30px 10px 20px 30px;
	font-family: 'Noto Sans JP',"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	font-size:18px;
	color:#333;
	font-weight:bold;
	line-height:27px;
	box-sizing: border-box;
	}
main  h1{
	width:100%;
	padding:10px;
	box-sizing: border-box;
	font-size:22px;
	}	
main  span{
	font-size:14px;
	color:#FFCC00;
	font-style:italic;
	}	
	

body#info main strong {
    width: 80%;
    max-width: 900px;
    margin: auto;
    text-align: right;
    padding: 30px 10px 20px 30px;
	font-family: 'Noto Sans JP',"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	font-size:18px;
	color:#333;
	font-weight:bold;
	line-height:27px;
	}
	
body#info main strong span{
	font-size:14px;
	color:#FFCC00;
	font-style:italic;
	}	
	
div.text{
	width:90%;
	}	
/*========================================
about
======================================*/

body#about main{
    background-image: url(https://aphex-group.com/image/recruit/about-bg.jpg);
    height: auto;
    background-position: -50px, center;
    background-repeat: no-repeat;
    background-size: cover;
	}
	
/*========================================
recruit
======================================*/

body#rec main{
	background-image:url(https://aphex-group.com/image/recruit/rec-bg.jpg);
	height:auto;
	background-repeat:no-repeat;
	background-size:cover;
	}	
	
	body#rec section#table table{
	width:100%;
	margin:auto;
	padding:30px 15px 30px;
	background:#FFF;
	font-size:90%;
	line-height:30px;
	opacity:0.95;
	}
	
body#rec section#table table th{
	font-weight:bold;
	width:25%;
	padding:10px ;
	background:#ffecb6;
	border-bottom:#ffcd75 2px solid;
	box-sizing: border-box;
	}
		
/*========================================
person
======================================*/	
body#person main{
	background-image:url(https://aphex-group.com/image/recruit/person-bg.jpg);
	height:auto;
	background-repeat:no-repeat;
	background-size:cover;
	}	
	
/*========================================
faq
======================================*/	
body#faq main{
	background-image:url(https://aphex-group.com/image/recruit/faq-bg.jpg);
	height:auto;
	background-repeat:no-repeat;
	background-size:cover;
	}		


/*========================================
Interview
======================================*/	
body#interview main{
	background-image:url(https://aphex-group.com/image/recruit/interview-bg.jpg);
	height:auto;
	background-repeat:no-repeat;
	background-size:cover;
	}	
	
body#interview section#table h2{
    font-size: 18px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color:#ba825a;
    width: 90%;
    margin: auto;
    padding: 30px 15px 10px;}
	
/*========================================
その他の求人
======================================*/
body#another main{
	background:#FFF;
	height:auto;
	background-image:url(https://aphex-group.com/image/recruit/another-bg.jpg);
	background-repeat:no-repeat;
	background-position: -100px;
	background-size:cover;
	}
	
	
/*========================================
area
======================================*/

body#area main{
	background-image:url(https://aphex-group.com/image/recruit/area-bg.jpg);
	height:auto;
	background-repeat:no-repeat;
	background-size:cover;
	}

body#area section#table table{
	width:100%!important;
	margin:auto;
	padding:30px 15px 30px;
	background:#FFF;
	font-size:90%;
	line-height:30px;
	opacity:0.95;
	box-shadow: 1px 1px 4px #e6e4d9;
	}
	
/*========================================
投稿（権威のテンプレートindex.phpを改修している）
======================================*/
body#info main{
	background:#FFF;
	height:auto;
	background-image:url(https://aphex-group.com/image/recruit/flow-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	}

body#info div.keni-section_wrap_style02{
	margin:0 auto 0;
	padding:20px 0 0;
	display: block;
	width:100%;
	}

body#info div.keni-section_wrap_style02 .post_contents{
	width:100%;
	margin:0 auto 0;
	}
body#info div.entry-list_style01{
	width:100%;
	display:block;
	}

	
body#info div.keni-section_wrap_style02 .post_contents .entry_thumb{
	display:block;
	width:90%;
	margin:auto;
	}	
	
/*一覧ページ*/

body#info .post_contents article.type-post {
	background:#fff;
	width:92%;
	margin:0 auto 20px;
	text-align:center;
	}
	
body#info .post_contents article.type-post div.entry{
	padding:15px 0 15px;
	}	entry_status
body#info .post_contents article.type-post div.entry h2.entry_title{
	font-size:1.1rem;
	width:92%;
	margin:auto;
	}
body#info .post_contents article.type-post div.entry .entry_thumb{
	margin:0 auto 15px;
	}
	
body#info div.entry_status{
	width:100%;
	padding:0;
	margin:20px auto 0;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row-reverse;
	}
body#info div.entry_status .entry_category_item a{
	display:block;
	background:#ebe6d8;
	font-size:85%;
	line-height:15px;
	padding:5px;
	border-radius:2px;
	color:#333!important;
	font-weight:bold;
	}
	
	
body#info div.entry_status .entry_date_item{
	font-size:85%;
	}

body#info div.entry_description{
	display:none;
	}
	
	
	

/*ページャー*/	
	
body#info nav.page-nav ol{
	width:100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	margin:0;
	padding:0;
	}
	
body#info nav.page-nav ol li{
	font-weight:bold;
	list-style:none;
	margin:1%;
	}
	
body#info nav.page-nav ol li a{
	border-radius:3px;
	display:block;
    padding:5px 15px 5px;
	background:#ffd173;
	box-sizing: border-box;	
	color:#433;}
	
body#info nav.page-nav ol li.current{
	border-radius:2px;
	display:block;
    padding:5px 15px 5px;
	background:#ffa200;
	box-sizing: border-box;	
	color:#fff;
	}

/*詳細ページ*/

body#info div.article_wrap{
	background:#fff;
	}

section#comments{
	display:none;
	}
body#info header.article-header{
	height:auto;
	padding:40px 20px 25px 20px;
	box-sizing: border-box;
	}
	
body#info div .single_contents{
	width:92%;
	margin:0 auto 0;
	}

body#info div.single_contents img{
	width:100%;
	height:65vw;
	object-fit:cover;
	}
body#info .entry_title{
	width:100%;
	padding:0 0 25px;
	font-size:1.8rem;
	}
body#info h1.entry_title{
	font-size:1.4rem;
	line-height:32px;
	}
	
	
	
body#info .article-body p{
	line-height:36px;
	padding:20px;
	box-sizing: border-box;
	}

body#info .article-body h2{
	width:96%;
	color:#fff;
	margin:20px auto 10px;
	padding:10px;
	box-sizing: border-box;
	background:#FFA200;
	}
	
	
body#info .article-body h3{
	width:96%;
	margin:20px auto 10px;
	padding:10px;
	box-sizing: border-box;
	color:#FFA200;
	border-top:2px solid #FFA200;	
	border-bottom:2px solid #FFA200;
	
	}	

body#info .article-body h4{
	color:#FFA200;
	border-bottom:2px dotted #FFA200;
	width:96%;
	margin:20px auto 10px;
	}

body#info aside#secondary{
	width:96%;
	margin:auto;
	}

	
	
/*関連記事*/

body#info .behind-article-area{
	margin:30px 0 0;
	padding:20px;
	box-sizing: border-box;
	background:#fff;
	width:100%;
	}
body#info .behind-article-area .keni-section_wrap_style02{
	display:block;
	margin:0;
	padding:0;
	}
body#info .behind-article-area ul{
	margin:0 auto 0;
	padding:20px 0 0;
	display: -webkit-flex;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width:100%;
	}
body#info .behind-article-area ul li{
	width:48%;
	}
body#info .behind-article-area ul li figure{
	margin:0;
	width:100%
	}
	
body#info .behind-article-area ul li figure img{
	display:block;
	width:100%;
	height:120px;
	}

	
/*パンくずリスト*/
section.pager{
	background:#F8F7F2;
	}
section.pager div.contents{
	height:150px;
	}
section.pager div.contents div.wp-pagenavi{
	text-align:center;
	}
section.pager div.contents span.pages{
	display:none;
	}
section.pager div.contents a.nextpostslink{
	display:none;
	}	
section.pager div.contents a.previouspostslink{
	display:none;
	}	
section.pager div.contents span.current{
	display:inline-block;
	width:45px;
	line-height:45px;
	height:45px;
	margin:0 5px 0;
	font-weight:bold;
	color:#fff;
	background:#ff6a0f;
	text-align:center;
	border-radius:50px;

}	
section.pager div.contents a.page{
	display:inline-block;
	width:45px;
	line-height:45px;
	height:45px;
	margin:0 5px 0;
	font-weight:bold;
	color:#fff;
	background:#ffa200;
	text-align:center;
	border-radius:50px;
	}
	
	
/*========================================
流れ
======================================*/

body#flow main{
	background:#FFF;
	height:auto;
	background-image:url(https://aphex-group.com/image/recruit/flow-bg.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	}

body#flow #table div.contents{
	height:auto;
	}
	
body#flow div.contents ul.step{
	width:100%;
	margin:auto;
	}
		
body#flow div.contents ul.step li {
	background:#FFF;
	padding: 30px 15px 30px;
	margin:15px auto 0;
	}

body#flow div.contents ul.step li dt{
	color:#ffa200;
	width:90%;
	text-align:center;
	padding:0px 10px 0px;
	border-top:none;
	border-bottom:#ffa200 2px solid;
	margin: 0px auto 10px;
	}

body#flow div.contents ul.step li dd{
	width:90%;
	margin:auto!important;
	margin-inline-start: 0px;
	}


/*========================================
interview
======================================*/	
body#interview main{
	background:#FFF;
	height:auto;
	background-image:url(https://aphex-group.com/image/recruit/interview-bg.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	}	
		
body#interview section#table{
	height:auto;
	background:linear-gradient(-30deg,#f8f7f2 0%,#f8f7f2 50%,#ffffff 50%,#ffffff 100%);
	}	
body#interview section#table div.contents{
	height:auto;
	}	
body#interview section#table div.text{
	width:80%;
	margin:auto;
	padding:30px 15px 30px;
	background:#FFF;
	opacity:0.9;
	}
	
body#interview section#table h2{
    font-size: 34px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color:#ba825a;
    width: 80%;
    margin: auto;
    padding: 30px 15px 10px;
    
    }
    
body#interview section#table div.profile{
    text-align: center;
    width: 10%;
    float: right;
    margin-right: 10%;
    padding: 0px 15px 0px;
	}    
body#interview section#table div.profile img{
	width:100%;
	float:none;
	display:inline-block;
	}	
	
body#interview section#table div.contents dt{
	padding: 5px 0px 5px;
    border-top: none;
    border-bottom: 2px #ffa200 solid;
    color: #ffa200;
    font-weight: bold;
    /* width: 120px; */
    margin: 50px auto 20px;
    width:100%;
   	box-sizing: border-box;
    text-align: left;
}

body#interview section#table div.contents dd{
	margin:0;
	}
/*パンくずリスト*/
section.pager{
	background:#F8F7F2;
	}
section.pager div.contents{
	height:150px;
	}
section.pager div.contents div.wp-pagenavi{
	text-align:center;
	}
section.pager div.contents span.pages{
	display:none;
	}
section.pager div.contents a.nextpostslink{
	display:none;
	}	
section.pager div.contents a.previouspostslink{
	display:none;
	}	
section.pager div.contents span.current{
	display:inline-block;
	width:45px;
	line-height:45px;
	height:45px;
	margin:0 5px 0;
	font-weight:bold;
	color:#fff;
	background:#ff6a0f;
	text-align:center;
	border-radius:50px;

}	
section.pager div.contents a.page{
	display:inline-block;
	width:45px;
	line-height:45px;
	height:45px;
	margin:0 5px 0;
	font-weight:bold;
	color:#fff;
	background:#ffa200;
	text-align:center;
	border-radius:50px;
	}
	
	
	
/*========================================
流れ
======================================*/

body#flow main{
	background:#FFF;
	height:auto;
	background-image:url(https://aphex-group.com/image/recruit/flow-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	}	
	
/*========================================
地域別
======================================*/


body#area main.pref{
    background-image: url(https://aphex-group.com/image/recruit/pref-bg.jpg)!important;
    height: auto;
    background-position: -50px, center;
    background-repeat: no-repeat;
    background-size: cover;
	}

body#area section#table2 div.contents table{
	width:100%;
	margin:auto;
	padding:30px 15px 30px;
	background:#FFF;
	font-size:90%;
	line-height:30px;
	opacity:0.95;
	}
	
body#area section#table2 table th{
	font-weight:bold;
	width:25%;
	padding:10px ;
	background:#ffecb6;
	border-bottom:#ffcd75 2px solid;
	box-sizing: border-box;}	
	
	
/*========================================
仮登録フォーム
======================================*/


body#preform main{
	background:#FFF;
	height:auto;
	background-image:url(https://aphex-group.com/image/recruit/flow-bg.jpg);
	background-repeat:no-repeat;
	background-position: -50px;
	background-size:cover;
	}

body#preform section#main dl.backup img{
	left:8%;
	}
body#preform section#main dl.backup{
	padding:10px 25px 10px;
}
body#preform div.contents div#form{
		width:90%;
		padding:0 0 10px;
		margin:15px auto 100px;
		background:#fff;
	}
body#preform div.contents div#form dl{
	display:block;
	width:100%;
	margin:0;
	}
body#preform div.contents div#form dt{
	width:100%;
	text-align:left;
	box-sizing: border-box;
	}
	
body#preform div.contents div#form dt p{
	margin:0;}	
body#preform div.contents div#form dd {
	width:100%;
	box-sizing: border-box;
	}
body#preform div.contents div#form dd input{
	box-sizing: border-box;
	width:95%;
	margin:10px;
	}
body#preform div.contents div#form dd select{
	font-size:15px;
	display:block;
	width:80%;
	margin:10px;
	}

/*========================================
本登録フォーム
======================================*/
	
body#preform div.contents div#form2{
	width:100%;
	margin:15px auto 100px;
}

body#preform div.contents div#form2 dl {
	display:block;
	}

body#preform div.contents div#form2 dt{
	width:100%;
}
body#preform div.contents div#form2 dd {
	padding:5px;
	box-sizing: border-box;
	width:100%;
	}
body#preform div.contents div#form2 dd input{
	max-width:380px;
	width:100%;
	box-sizing: border-box;
	}
body#preform div.contents div#form2 dd select{
	font-size:15px;
	display:block;
	width:250px;
	padding:10px;
	border:1px #CCC solid;
	margin-left:5px;
	}

/*--------------個別の項目のレイアウト-----------------*/

body#preform div.contents div#form2 dt p{
	width:auto;
	fit-content;
	display:inline-block;
	}

body#preform div.contents div#form2 dt div{
font-size:12px;
margin:0 0 0 5px;
display:inline-block;
}


body#preform div.contents div#form2 dl.radio input{
	display:inline-block;
	width:auto;
	}
	
body#preform div.contents div#form2 dl.radio input.school{
	max-width:250px;
	width:100%;
}	
body#preform div.contents div#form2 dl.birth input{
	display:inline-block;
	max-width:85px;
	width:100%;
	}
body#preform div.contents div#form2 dl.birth select{
	display:inline-block;
	max-width:60px;
	width:100%;
	}	

body#preform div.contents div#form2 dl.academic input{
	display:inline-block;
	margin:0 0 10px;
	max-width:200px;
	width:100%;
	}
body#preform div.contents div#form2 dl.academic input.second{
	display:inline-block;
	max-width:150px;
	width:100%;
	margin:0 0 10px;
	box-sizing: border-box;
	}
	
body#preform div.contents div#form2 dl.academic input.second2{
	display:inline-block;
	max-width:220px;
	width:100%;
	margin:0 0 10px;
	box-sizing: border-box;
	}
	
body#preform div.contents div#form2 dl.academic select{
	display:inline-block;
	max-width:100px;
	box-sizing: border-box;
	}	
body#preform div.contents div#form2 dl.academic input{
	display:inline-block;
	}
	
body#preform div.contents div#form2 dl.address input#zip{
	display:inline-block;
	max-width:200px;
	margin:5px;
	}	
	
body#preform div.contents div#form2 dl.address input#pref{
	display:inline-block;
	max-width:100px;
	margin:5px;
	}	
	
body#preform div.contents div#form2 dl.address input#city{
	display:inline-block;
	max-width:200px;
	margin:5px;

	}	
	
body#preform div.contents div#form2 dl.address input#addr{
	display:inline-block;
	max-width:98%;
	margin:5px;
	}	
	
	
body#preform div.contents div#form2 dl.transportation input{
	display:inline-block;
	width:auto;
	}
body#preform div.contents div#form2 dl.subject dd ul li div{
	font-weight:bold;
	padding:0 0 0 10px;
	font-size:90%;
	}
body#preform div.contents div#form2 dl.subject dd ul li input.other{
	margin:10px 0 0;
	max-width:300px;
	width:100%;
	}	
	
body#preform div.contents div#form2 dl.subject dd ul li:nth-child(2n){
	background:#f6f6f6;
}

body#preform div.contents div#form2 dl dd input.other{
	display:inline-block;
	width:auto;
}

body#preform div.contents div#form2 dl.subject input{
	display:inline-block;
	width:auto;
}

body#preform div.contents div#form2 dl.highschool dd select{
	display:inline-block;
	width:80px;
	margin:5px;
}

body#preform div.contents div#form2 dl.highschool dd input{
	display:inline-block;
	width:280px;
	margin:5px;
	}


body#preform div.contents div#form2 input[type="submit"] {
	display:block;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 16px;
	font-weight: bold;
	width: 150px;
	margin:15px auto 20px;
	padding: 10px;
	border-radius: 5px;
	background-color: #ff7e1e;
	border:1px solid #ff7e1e;
	border-bottom:1px solid #c46621;
	color: #fff;
	cursor: pointer;
}

body#preform div.contents div#form2 input[type="submit"]:hover {
	background-color: #c46621;
	border:1px solid #c46621;}

span.wpcf7-spinner {
  display: none;
  }
  
 .wpcf7-select{
	padding:10px!important;
	box-sizing:border-box;
	-webkit-appearance: none;
  -moz-appearance: none;
   appearance: none;
	border:1px solid #CCC;
	background-color:#fff!important; 


	
	}