@charset "utf-8";

/* =======================================

recruit2016 CSS

========================================== */



/* 先輩の声一覧
========================================== */
.list-box-senpai{
margin-left:-20px;
}

figure {
float:left;
margin: 0 0 20px 20px;
}

.figure-inner {
	position: relative;
	width: 343px;
	-webkit-perspective: 1000;
	perspective: 1000;
	width: 343px;
	height: 388px;
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.image,
figcaption {
	position: absolute;
	width: 343px;
	height: 388px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 5;
}
.image {
	z-index: 2;
	border: 1px solid #d9d9d9;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */
}

.image img {
		    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */
	}

figcaption {
	background: #fff;
	border: 1px solid #d9d9d9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
		    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */
	color:#1d2f94;
}
figure:hover .figure-inner,
figcaption { 
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}


figcaption h3{
font-size:24px;
font-weight:bold;
text-align:center;
padding-top:50px;
}

#recruit2016 figcaption .my-work{
font-size:17px;
padding:40px 20px 0 20px;
line-height:2;
}





/* 修正
========================================== */

.btn-senpai{
    color: #fff;
    display: block;
    text-decoration: none;
    width: 343px;
    position: relative;
    perspective: 388px;
    -webkit-perspective: 388px;
	float:left;
margin: 0 0 20px 20px;
}
 
.btn-senpai span {
    text-align: center;
    display: block;
    width: 343px;
/*    padding: 30px 0;*/
/*    background-color: #a7dd7d;*/
    position:absolute;
    top: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
   /* transition: 0.8s;*/
		-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}



.btn-senpai .back {
 /*   background-color: #61a84d;*/
    transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
		border: 1px solid #d9d9d9;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	height: 388px;
	width: 343px;
}



.btn-senpai .back h3{
font-size:24px;
font-weight:bold;
text-align:center;
padding-top:50px;
}

#recruit2016 .back .my-work{
font-size:17px;
padding:40px 20px 0 20px;
line-height:2;
}


.btn-senpai:hover .front {
    transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
}
 
.btn-senpai:hover .back {
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);	
}













/* 詳細ページ
========================================== */
#recruit2016 .h2-img-kimete{
  width:132px;
  background:#001489;
  vertical-align:middle;
  text-align:center;
}

#recruit2016 .box-kimete th{
padding:20px;
}

#recruit2016 .text-kimete{
border-right:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
}


#recruit2016 .box-profile li{
padding-right:20px;
float:left;
}

#recruit2016 .box-profile h3{
color:#001489;
font-size:16px;
padding-bottom:20px;
font-weight:bold;
}


#recruit2016 .profile-carrier{
width:330px;
padding-left:20px;
}


#recruit2016 .margin-bottom50{
margin-bottom:50px;
}

#recruit2016 .margin-bottom30{
margin-bottom:30px;
}

#recruit2016 .margin-bottom20{
margin-bottom:20px;
}

#recruit2016 .midasi-faq{
font-size:14px;
font-weight:bold;
color:#191919;
background:url(../images/recruit2016/midasi-faq-bg.png) no-repeat left 0.3em ;
padding-left:60px;
padding-bottom:10px;
}

#recruit2016 .catch{
font-size:24px;
color:#001489;
}



#recruit2016 #pagetop-recruit2016{
text-align:right;
padding: 22px 0 40px 0;
}

#recruit2016 .kadomaru6{
		    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */
}

/* スケジュール
========================================== */
#recruit2016 table.schedule {
    border: 2px solid #d9d9d9;
    border-collapse: separate;
    line-height: 1.5em;
    margin: 0 0 20px;
    padding: 2px;
	width:100%;
}

#recruit2016 .schedule th {
    background-color: #ebeffe;
    border-bottom: 2px solid #fff;
    color: #001489;
    padding: 8px 15px;
	width:14%;
}
#recruit2016 .schedule td {
    background-color: #ffffff;
    border-bottom: 2px solid #d9d9d9;
    padding: 8px 15px;
}

#recruit2016 .schedule tr th.bBnone,
#recruit2016 .schedule tr td.bBnone{
    border-bottom: medium none !important;
}

#recruit2016 .kakomi-blue{
background-color: #ebeffe;
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */
	padding:14px 20px 6px 20px;
	margin-bottom:20
}



#recruit2016 h3.catname {
    background-image: url("../images/news-bottomline-dotte.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    border-top: medium none;
    color: #000000;
    font-size: 114%;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 8px 0;
}

#recruit2016 .senpai-list{
margin-right:-6px;
}

#recruit2016 .senpai-list li{
float:left;
padding-right:6px;
padding-bottom:6px;
}



/* リスト装飾
========================================== */

#recruit2016 .kazari1 {
  padding-left: 60px; /* マーカー表示分の左パディング */
}
#recruit2016 .kazari1 li {
  list-style-image: url("../images/recruit2016/li-bullet.png"); /* マーカー画像 */
  display: inline-flex;
  width:190px;
  padding-left:15px;
  display:inline-table;
  background:url("../images/recruit2016/li-bullet.png") no-repeat scroll left center;
  
}



/* フロー図
========================================== */
#recruit2016 ol.flow {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#recruit2016 ol.flow li {
    background: url("../images/recruit2016/flow_back.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    list-style: outside none none;
    margin-bottom: 12px;
    padding-bottom: 28px;
}
#recruit2016 ol.flow li.last {
    background-image: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
#recruit2016 ol.flow dl {
    margin: 0;
}
#recruit2016 ol.flow dt {
    background: -moz-linear-gradient(center top , #001489 0%, #001489) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background:#001489;
    border-bottom: 1px solid #001489;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #FFF;
    padding: 9px 10px 7px;
}
#recruit2016 ol.flow dt strong {
    color: #FFF;
    margin-left: 3px;
}
#recruit2016 ol.flow dd {
    border-bottom: 1px solid #001489;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #001489;
    border-right: 1px solid #001489;
    line-height: 150%;
    margin: 0;
    padding: 15px;
}



/* 募集要項
========================================== */
#recruit2016 table.ptn2 {
    border: 1px solid #d9d9d9;
    border-collapse: separate;
    line-height: 1.5em;
    margin: 0 0 20px;
    padding: 2px;
	width:100%;
}

#recruit2016 .ptn2 th {
    background-color: #f5f5f5;
    border-bottom: 1px solid #fff;
    color: #001489;
    padding: 8px 15px;
	width:14%;
}
#recruit2016 .ptn2 td {
    background-color: #ffffff;
    border-bottom: 1px solid #d9d9d9;
    padding: 8px 15px;
}

#recruit2016 .ptn2 tr th.bBnone,
#recruit2016 .ptn2 tr td.bBnone{
    border-bottom: medium none !important;
}





/* よくある質問
========================================== */

#recruit2016 dl.qa dt{
    background: url("../images/bullet-Q.png") no-repeat scroll 0 1em rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    padding: 10px 0 10px 25px;
	border-bottom: 1px solid #d9d9d9;
}


#recruit2016 dl.qa dt a:hover, dl.qa dt a:active {
    background-color: #ccd0e7;
    color: #000;
    text-decoration: none !important;
}
#recruit2016 dl.qa dd {
    background: url("../images/bullet-A.png") no-repeat scroll 27px 1em rgba(0, 0, 0, 0);
    line-height: 1.6;
    padding: 10px 0 10px 50px;
	border-bottom: 1px solid #d9d9d9;
}

#recruit2016 dl.qa a{
color:#000099;
}
#recruit2016 dl.qa a:hover{
text-decoration:underline;
}

/* 
========================================== */
#recruit2016 blockquote {
    width: 710px;
}
#recruit2016 blockquote p {
   margin: -20px 20px;
   font-weight:bold;
}
#recruit2016 blockquote:before {
    content: open-quote;
    font-family: ＭＳ Ｐゴシック”,sans-serif;
    font-size: 50px;
    color: #ccc;
    text-align: left;
    display: block;
}
#recruit2016 blockquote:after {
    content: close-quote;
    font-family: ＭＳ Ｐゴシック”,sans-serif;
    font-size: 50px;
    color: #ccc;
    text-align: right;
    display: block;
	line-height:0;
}



/* トップページ
========================================== */
#recruit2016 .bx-wrapper{
padding-bottom:20px;
}

#recruit2016 #main{
position:relative;
height:900px;
}

#recruit2016 #main ul li {
    position: absolute;
}


#recruit2016 #main #column1{
top:0px;
left:0px;
}

#recruit2016 #main #column2{
top:0px;
left:358px;
}

#recruit2016 #main #column3{
top:150px;
left:358px;
}

#recruit2016 #main #column4{
top:0px;
left:537px;
}

#recruit2016 #main #column5{
top:150px;
left:537px;
}

#recruit2016 #main #column6{
top:300px;
left:0px;
}

#recruit2016 #main #column7{
top:300px;
left:179px;
}


#recruit2016 #main #column8{
top:600px;
left:0px;
}

#recruit2016 #main #column9{
top:750px;
left:0px;
}

#recruit2016 #main #column10{
top:600px;
left:179px;
}

#recruit2016 #main #column11{
top:750px;
left:179px;
}

#recruit2016 #main #column12{
top:600px;
left:358px;
}

#recruit2016 #main #column13{
top:750px;
left:358px;
}

#recruit2016 #main #column14{
top:600px;
left:537px;
}



/* 
========================================== */


/* 
========================================== */



/* 
========================================== */




/* サイド
========================================== */

#recruit2016 #content #beta .widget .widget-catlist {
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #cccccc;
    padding: 0;
}

ul.side_menu {
  margin: 0;
}
ul.side_menu, ul.side_menu li ul {
  list-style: none;
}

ul.side_menu a{
	display: block;
/*	height: 30px;
	line-height: 30px;*/
	color: #feffff;
}

ul.side_menu {
}
ul.side_menu {
/*	width: 217px;*/
}
ul.side_menu li ul {
/*	background-color: #A6B5E2;*/
	display:none;
	padding-left:20px;
}



#recruit2016 #content #beta .widget-bnr-FB {
    background: url("../images/Facebook-bg-top-bnr.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 52px;
    padding: 10px;
    width: 210px;
}

#recruit2016 #content #beta .widget-bnr-FB li {
    padding-left: 62px;
}


#recruit2016 #beta .widget{
margin-bottom:10px;
}



.accordion {
  display: block;
  width: 228px;
  margin: 0 auto;
}
.accordion li {
  list-style: none;
}
.accordion a,
.accordion .toggle {
  display: block;
  position: relative;
  padding: 10px 0 10px 20px;s
  text-decoration: none;
  color: #333333;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
  background: url("../images/bullet03.png") no-repeat scroll 10px center rgba(0, 0, 0, 0);
}
.accordion a:hover,
.accordion .toggle:hover {
  background-color: #ccd0e7;
}
.accordion .toggle:after {
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -5px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -webkit-transition: .2s ease-in-out;
}
.accordion .toggle.open:after {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.accordion li ul {
/*  display: none;*/
  margin: 0;
  overflow: hidden;
  padding-left:20px;
}
.accordion li ul li a {
  line-height: 20px;
  color: #fff;
}
.accordion li ul li a:after {
  display: none;
}
.accordion li ul li a:hover {
  background-color: #ccd0e7;
}






/* 
========================================== */

#recruit2016 .bumon{
font-size:14px;
}


#recruit2016 .w223{
width:223px;
}

#recruit2016 .w340{
width:340px;
}

#recruit2016 .text-blue{
color: #001489;
}

#recruit2016 .sns-btn{
text-align:right;
padding-top:15px;
}

/* 2017追加
========================================== */

#recruit2016 .main-img-wrapper {
    padding-bottom: 20px;
}