@charset "UTF-8";

/*-- 

reset

====================================================== --*/


img{
border:0;
}

ol, ul{
list-style:none;
}
blockquote, q{
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after{
content:'';
content:none;
}
:focus{outline:0;}
label{cursor:pointer;}
textarea{width:100%;}
form{margin:0;}

/*-- 

common

====================================================== --*/

/*-- margin padding --*/

/* margin */
.mt0{margin-top:0!important;} .mr0{margin-right:0!important;} .mb0{margin-bottom:0!important;} .ml0{margin-left:0!important;}
.mt3{margin-top:3px!important;} .mr3{margin-right:3px!important;} .mb3{margin-bottom:3px!important;} .ml3{margin-left:3px!important;}
.mt5{margin-top:5px!important;} .mr5{margin-right:5px!important;} .mb5{margin-bottom:5px!important;} .ml5{margin-left:5px!important;}
.mt10{margin-top:10px!important;} .mr10{margin-right:10px!important;} .mb10{margin-bottom:10px!important;} .ml10{margin-left:10px!important;}
.mt15{margin-top:15px!important;} .mr15{margin-right:15px!important;} .mb15{margin-bottom:15px!important;} .ml15{margin-left:15px!important;}
.mt20{margin-top:20px!important;} .mr20{margin-right:20px!important;} .mb20{margin-bottom:20px!important;} .ml20{margin-left:20px!important;}
.mt25{margin-top:25px!important;} .mr25{margin-right:25px!important;} .mb25{margin-bottom:25px!important;} .ml25{margin-left:25px!important;}
.mt30{margin-top:30px!important;} .mr30{margin-right:30px!important;} .mb30{margin-bottom:30px!important;} .ml30{margin-left:30px!important;}
.mt35{margin-top:35px!important;} .mr35{margin-right:35px!important;} .mb35{margin-bottom:35px!important;} .ml35{margin-left:35px!important;}
.mt40{margin-top:40px!important;} .mr40{margin-right:40px!important;} .mb40{margin-bottom:40px!important;} .ml40{margin-left:40px!important;}
.mt45{margin-top:45px!important;} .mr45{margin-right:45px!important;} .mb45{margin-bottom:45px!important;} .ml45{margin-left:45px!important;}
.mt50{margin-top:50px!important;} .mr50{margin-right:50px!important;} .mb50{margin-bottom:50px!important;} .ml50{margin-left:50px!important;}

/* padding */
.pt0{padding-top:0!important;} .pr0{padding-right:0!important;} .pb0{padding-bottom:0!important;} .pl0{padding-left:0!important;}
.pt3{padding-top:3px!important;} .pr3{padding-right:3px!important;} .pb3{padding-bottom:3px!important;} .pl3{padding-left:3px!important;}
.pt5{padding-top:5px!important;} .pr5{padding-right:5px!important;} .pb5{padding-bottom:5px!important;} .pl5{padding-left:5px!important;}
.pt10{padding-top:10px!important;} .pr10{padding-right:10px!important;} .pb10{padding-bottom:10px!important;} .pl10{padding-left:10px!important;}
.pt15{padding-top:15px!important;} .pr15{padding-right:15px!important;} .pb15{padding-bottom:15px!important;} .pl15{padding-left:15px!important;}
.pt20{padding-top:20px!important;} .pr20{padding-right:20px!important;} .pb20{padding-bottom:20px!important;} .pl20{padding-left:20px!important;}
.pt25{padding-top:25px!important;} .pr25{padding-right:25px!important;} .pb25{padding-bottom:25px!important;} .pl25{padding-left:25px!important;}
.pt30{padding-top:30px!important;} .pr30{padding-right:30px!important;} .pb30{padding-bottom:30px!important;} .pl30{padding-left:30px!important;}
.pt35{padding-top:35px!important;} .pr35{padding-right:35px!important;} .pb35{padding-bottom:35px!important;} .pl35{padding-left:35px!important;}
.pt40{padding-top:40px!important;} .pr40{padding-right:40px!important;} .pb40{padding-bottom:40px!important;} .pl40{padding-left:40px!important;}
.pt45{padding-top:45px!important;} .pr45{padding-right:45px!important;} .pb45{padding-bottom:45px!important;} .pl45{padding-left:45px!important;}
.pt50{padding-top:50px!important;} .pr50{padding-right:50px!important;} .pb50{padding-bottom:50px!important;} .pl50{padding-left:50px!important;}

/*-- font --*/

/* font-family */
.ff-serif{font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif!important;}

/* size */
.fs18{font-size:150%!important;}
.fs17{font-size:142%!important;}
.fs16{font-size:134%!important;}
.fs15{font-size:125%!important;}
.fs14{font-size:117%!important;}
.fs13{font-size:108%!important;}
.fs12{font-size:100%!important;}
.fs11{font-size:92%!important;}
.fs10{font-size:84%!important;}
.fs9{font-size:75%!important;}

/* weight */
.fw-bold{font-weight:bold!important;}
.fw-normal{font-weight:normal!important;}

/* color */
.fc-fff{color:#fff!important;}
.fc-f00{color:#f00!important;}
.fc-000{color:#000!important;}
.fc-ff7805{color:#ff7805!important;}

/*-- text-align  vertical-align  float clear --*/

.ta-left{text-align:left!important;}
.ta-center{text-align:center!important;}
.ta-right{text-align:right!important;}
.va-top{vertical-align:top!important;}
.va-middle{vertical-align:middle!important;}
.va-bottom{vertical-align:bottom!important;}
.fl-right{float:right!important;}
.fl-left{float:left!important;}
.clear{clear:both!important;}

/*-- list --*/

ul.lst-disc{
margin-left:1.5em!important;
text-indent:0!important;
list-style-type:disc!important;
}
ol.lst-decimal{
margin-left:2em!important;
text-indent:0!important;
list-style-type:decimal!important;
}

/*-- link --*/

a:link{text-decoration:underline;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:underline;}

/*-- clearfix --*/

.cf{
/zoom:1;/* IE lt 8 */
}
.cf:after{
content:'';
display:block;
clear:both;
height:0;
}

/*-- opacity --*/

a.op:hover{
opacity:0.7;
filter:alpha(opacity=70);/* IE lt 8 */
-ms-filter:"alpha(opacity=70)";/* IE8 */
}

/*-- replace (Appoint the width of the containing element) --*/

.bg-replace{
text-indent:-9999px;
display:block;
}

/*-- 

layout

====================================================== --*/


#header2{
position:relative;
width:700px;
height:535px;
}

/*-- 

common

====================================================== --*/

#header2 .logo span,
#header2 .ttl span,
#header2 .txt strong,
.intbox .inner .ttl-sub > span{
text-indent:-9999px;
display:block;
}

/* ------header common------*/
#header2 .logo{
position:absolute;
top:19px;
left:21px;
}

#header2 .logo span{

width:125px;
height:29px;
}

/* ------header ------*/
.bg-header01{	background:url(/recruit/assets/images/interview/bg_header01.jpg) no-repeat;}
.bg-header02{	background:url(/recruit/assets/images/interview/bg_header02.jpg) no-repeat;}

#header2 .ttl{
	position: absolute;
	top: 1px;
}
.bg-header01 .ttl{
	right: -10px;
}
.bg-header02 .ttl{	right:34px;}

.bg-header01 .ttl span{
background:url(/recruit/assets/images/interview/ttl_head01.png) no-repeat;
width:118px;
height:457px;
}
.bg-header02 .ttl span{
background:url(/recruit/assets/images/interview/ttl_head02.png) no-repeat;
width:156px;
height:478px;
}
.bg-header01 .txt{
position:absolute;
top:308px;
left:65px;
}
.bg-header02 .txt{
position:absolute;
top:316px;
left:58px;
}
.bg-header01 .txt strong{
background:url(/recruit/assets/images/interview/txt_head01.png) no-repeat;
width:455px;
height:159px;
}
.bg-header02 .txt strong{
background:url(/recruit/assets/images/interview/txt_head02.png) no-repeat;
width:455px;
height:170px;
}

/*------ intbox ------*/
.intbox{
	background: url(/recruit/assets/images/interview/bg_line_dot_yoko.gif) repeat-x;
	font-size: 108%;
}
.intbox .inner{
	width: 702px;
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
}
.intbox .inner:after{
content:""; 
display:block; 
clear:both;
}
.intbox .inner .ttl-sub{
	position: absolute;
	top: -11px;
}
.intbox .inner .ttl-sub01-01,
.intbox .inner .ttl-sub01-03,
.intbox .inner .ttl-sub02-01{
	left: 4px;
}

.intbox .inner .ttl-sub01-02,
.intbox .inner .ttl-sub01-04,
.intbox .inner .ttl-sub02-02,
.intbox .inner .ttl-sub02-04{
	right: -11px;
}

.intbox .inner .ttl-sub > span{	width:29px;}

.intbox .inner .ttl-sub01-01 > span{	background:url(/recruit/assets/images/interview/ttl_sub01_01.png)) no-repeat;	height:517px;}
.intbox .inner .ttl-sub01-02 > span{	background:url(/recruit/assets/images/interview/ttl_sub01_02.png) no-repeat;	height:609px;}
.intbox .inner .ttl-sub01-03 > span{	background:url(/recruit/assets/images/interview/ttl_sub01_03.png) no-repeat;	height:370px;}
.intbox .inner .ttl-sub01-04 > span{	background:url(/recruit/assets/images/interview/ttl_sub01_04.png) no-repeat;	height:607px;}

.intbox .inner .ttl-sub02-01 > span{	background:url(/recruit/assets/images/interview/ttl_sub02_01.png) no-repeat;	height:608px;}
.intbox .inner .ttl-sub02-02 > span{	background:url(/recruit/assets/images/interview/ttl_sub02_02.png) no-repeat;	height:303px;}
.intbox .inner .ttl-sub02-03 > span{	background:url(/recruit/assets/images/interview/ttl_sub02_03.png) no-repeat;	height:754px;}
.intbox .inner .ttl-sub02-04 > span{	background:url(/recruit/assets/images/interview/ttl_sub02_04.png) no-repeat;	height:303px;}

.intbox .detail-left .staffdetail{
float:left;
}
.intbox .detail-right .staffdetail{
float:right;

}
.intbox .staffdetail{
width:230px;
padding-top:20px;
}
.intbox .staffdetail img,
.intbox .img-posi-left .pht-staff img{
width:230px;
height:auto;
}
.intbox .staffdetail dd{
padding:10px 5px 5px 10px;
margin-bottom:30px;
line-height:1.4;
}
.intbox .staffdetail dd .name{
font-size:115%;
font-weight:bold;
padding-bottom:4px;
margin:0;
}
.intbox .staffdetail dd .position{
font-weight:bold;
padding-bottom:3px;
margin:0;
}
.intbox .staffdetail dd .position span{
display:block;
}
.intbox .staffdetail .staff01{
color:#3957BD;
border-left:solid 5px #3957BD;
}
.intbox .staffdetail .staff02{
color:#489FDD;
border-left:solid 5px #489FDD;
}
.intbox .staffdetail .staff03{
color:#736357;
border-left:solid 5px #736357;
}
.intbox .staffdetail .nodeco{
border:none;
padding-left:0;
padding-right:0;
}

.intbox .conv{
width:430px;
font-size:100%;
}
.intbox .conv-left{
	padding: 20px 0 0 0px;
}
.intbox .conv-right{
padding:20px 0 0 20px;
float:left;
}
.intbox .conv dt{
position:relative;
width:3.5em;
line-height:1.8;
}
.intbox .conv dt span{
display:inline-block;
color:#FFF;
line-height:1;
padding:3px 8px 2px;
}
.intbox .conv .staff01 span{	background:#3957BD;}
.intbox .conv .staff02 span{	background:#489FDD;}
.intbox .conv .staff03 span{	background:#736357;}

.intbox .conv dd{
padding-left:4em;
margin:-1.8em 0 16px;
line-height:1.8;
}
.intbox-noimg .conv{
width:100%;
padding:20px 0 0 0px;
}
.intbox .img-posi-left{

}
.intbox .img-posi-left .pht-staff{
	position: absolute;
	top: 19px;
	left: 1px;
}
.intbox .img-posi-left .conv{
padding:20px 0 0px 250px;
}
.intbox .conv .txt-a,
.intbox .conv .txt-q{
line-height:1.7;
padding-bottom:25px;
}
.intbox .conv .txt-q{
color:#3957BD;
font-weight:bold;
}
h2.tt1{
	color:#3957BD;
	padding:25px 0 5px 0;
	font-size:24px;
	font-weight:bold;
	margin:0;
}