@charset "utf-8";

/* Contents
 * ****************************
 *
 * 1: heading
 * 2: paragraph
 * 3: list
 * 4: table
 * 5: box
 * 6: form
 * 7: link
 * 8: other
 *
 * ****************************
 */


/*======= 1: heading ================================================*/

/* [h1] --------------------------------------------*/


/* [h2] --------------------------------------------*/
h2.type01 {
    font-family: "Avenir Next", 'Roboto' , Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 2px;
}

/*======= 2: paragraph ==============================================*/
p {
}


/*======= 3: list ===================================================*/

/* [ul] --------------------------------------------*/
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#sitepolicy ol {
    margin: 0;
    padding-left: 20px;
}

/* [dl] --------------------------------------------*/
dl dd {
    margin: 0;
    padding: 0;
}
dl.type_member {
    margin: 40px auto 0;
    text-align: center;
    font-size: 86%;
    font-family: 'Roboto', sans-serif;
}
dl.type_member dt {
    font-weight: bold;
}
dl.type_member dd {
    margin-bottom: 20px;
}



/*======= 4: table ==================================================*/
table.type01 {
    width: 100%;
    margin: 0 auto;
    font-size: 79%;
}
table.type01 caption {
    text-align: center;
    margin-bottom: 45px;
}
table.type01 th {
    text-align: left;
    word-wrap: normal;
    padding: 8px 15px 8px 0px;
}
table.type01 td {
    padding: 8px 10px 8px 0px;    
    line-height: 1.8;
}

/*======= 5: box ====================================================*/


/* [page name] -------------------------------------*/
#about {
	margin-top:-80px;
    padding-top:80px;
}


/* [box parts] -------------------------------------*/

#firstload {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 48px;
    text-align: center;
    
    display:none;
    z-index: 9999;
}
#menu_overlay {
    z-index:5000;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color: rgba(255,255,255,0.95);
}


/* Interview BackNumber */
#interview.index #keyv {
    padding-top: 50px;
}
#interview.index #keyv h2 {
    margin-top: 10px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 25px;
    letter-spacing: 6px;
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
    #interview.index #keyv h2 { font-size: 50px; }
}
/*-------------------------------------------------
一番上にくるブロック（最新情報）は「.num_first」でそれ以降は、
奇数、偶数で「.num_odd」「.num_even」を付けていく。
※ただし画像の高さが変わるのであれば、別途CSS調整が必要
-------------------------------------------------*/
/* Number最初 */
#interview.index .num_first {
    position: relative;
    margin-top: -20px;
    min-height: 425px;
    z-index: 15;
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
    #interview.index .num_first { margin-top: -20px; }
}
/* Number偶数 */
#interview.index .num_odd {
    position: relative;
    margin-top: -53px;
    min-height: 403px;
    z-index: 20;
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
    #interview.index .num_odd { margin-top: -94px; }
}
/* Number偶数 */
#interview.index .num_even {
    position: relative;
    margin-top: -53px;
    min-height: 403px;
    z-index: 20;
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
    #interview.index .num_even { margin-top: -94px; }
}
#interview.index .btn_link {
    position: absolute;
    width: 100%;
    bottom: 15%;
    text-align: center;
    color: #fff;
}
#interview.index .btn_link .icon_arw {
    display: inline-block;
    padding-left: 20px;
    background: url(../../img/common/icon_arrow01.png) no-repeat left center;
    background-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 100; 
    color: #fff;
}

#interview.index .inter07 {
    position: relative;
    margin-top: 0px;
    min-height: 403px;
    z-index: 20;
}


/**/
#company .contents,
#sitepolicy .contents {
    margin: 0 20px;
}
#company .line_dot {
    margin-bottom: 35px;
    padding-bottom: 40px;
    background: url(../../../img/common/line_dot01.gif) repeat-x 0 bottom;
}

/*-- bsBox --------------------------*/
.bsbox{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}

/*-- divideBox ----------------------*/
.break {
	overflow: hidden;
	zoom: 1;
}
/*----*/
.clear { clear: both; }
.leftBox { float:left; }
.rightBox { float:right; }
.nofloat { float:none !important; }


/* [table, box] width option -----------------------*/
.wid0 { width: 0px; }


/*======= 7: link ===================================================*/
a {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
/*======= 8: other ==================================================*/

/* [font-family] -------------- */
.ryumin {
    font-family: 'Ryumin Medium KL';
}
.mb101 {
    font-family: 'ゴシックMB101 M','Gothic MB101 Medium';
}
.mb101_db {
    font-family: 'ゴシックMB101 DB','Gothic MB101 DemiBold';
}
.roboto {
    font-family: 'Roboto', sans-serif;
}

/* [font-size] -------------- */
/* default: 14px */
.f10 { font-size: 72%; }
.f11 { font-size: 79%; }
.f12 { font-size: 86%; }
.f13 { font-size: 93%; }
.f14 { font-size: 100%; }
.f15 { font-size: 108%; }
.f16 { font-size: 115%; }
.f17 { font-size: 122%; }
.f18 { font-size: 129%; }
.f19 { font-size: 136%; }
.f20 { font-size: 143%; }
.f22 { font-size: 158%; }
.f24 { font-size: 172%; }
.f30 { font-size: 214%; }

/* [font-weight] ------------ */
.fw_n { font-weight: normal; }
.fw_b { font-weight: bold; }

/* [font-color] ------------- */
.fc01 { color: #CC0000; } /* red */

/* [align] ------------------ */
.al_l { text-align: left !important; }
.al_r { text-align: right !important; }
.al_c { text-align: center !important; }
.vl_t { vertical-align: top !important; }
.vl_m { vertical-align: middle !important; }
.vl_b { vertical-align: bottom !important; }

/* [margin,padding] --------- */
/* 使用例

.ma10 → 全方位 10px

.mt10 → 上 10px
.mb10 → 下 10px
.ml10 → 左 10px
.mr10 → 右 10px

.mv10 → 上下 10px
.mh10 → 左右 10px

*/
.mt0, .mv0, .ma0 { margin-top:    0 !important; }
.mr0, .mh0, .ma0 { margin-right:  0 !important; }
.mb0, .mv0, .ma0 { margin-bottom: 0 !important; }
.ml0, .mh0, .ma0 { margin-left:   0 !important; }
.pt0, .pv0, .pa0 { padding-top:   0 !important; }
.pr0, .ph0, .pa0 { padding-right: 0 !important; }
.pb0, .pv0, .pa0 { padding-bottom:0 !important; }
.pl0, .ph0, .pa0 { padding-left:  0 !important; }
.mt5, .mv5, .ma5 { margin-top:    5px !important; }
.mr5, .mh5, .ma5 { margin-right:  5px !important; }
.mb5, .mv5, .ma5 { margin-bottom: 5px !important; }
.ml5, .mh5, .ma5 { margin-left:   5px !important; }
.pt5, .pv5, .pa5 { padding-top:   5px !important; }
.pr5, .ph5, .pa5 { padding-right: 5px !important; }
.pb5, .pv5, .pa5 { padding-bottom:5px !important; }
.pl5, .ph5, .pa5 { padding-left:  5px !important; }
.mt10, .mv10, .ma10 { margin-top:    10px !important; }
.mr10, .mh10, .ma10 { margin-right:  10px !important; }
.mb10, .mv10, .ma10 { margin-bottom: 10px !important; }
.ml10, .mh10, .ma10 { margin-left:   10px !important; }
.pt10, .pv10, .pa10 { padding-top:   10px !important; }
.pr10, .ph10, .pa10 { padding-right: 10px !important; }
.pb10, .pv10, .pa10 { padding-bottom:10px !important; }
.pl10, .ph10, .pa10 { padding-left:  10px !important; }
.mt15, .mv15, .ma15 { margin-top:    15px !important; }
.mr15, .mh15, .ma15 { margin-right:  15px !important; }
.mb15, .mv15, .ma15 { margin-bottom: 15px !important; }
.ml15, .mh15, .ma15 { margin-left:   15px !important; }
.pt15, .pv15, .pa15 { padding-top:   15px !important; }
.pr15, .ph15, .pa15 { padding-right: 15px !important; }
.pb15, .pv15, .pa15 { padding-bottom:15px !important; }
.pl15, .ph15, .pa15 { padding-left:  15px !important; }
.mt20, .mv20, .ma20 { margin-top:    20px !important; }
.mr20, .mh20, .ma20 { margin-right:  20px !important; }
.mb20, .mv20, .ma20 { margin-bottom: 20px !important; }
.ml20, .mh20, .ma20 { margin-left:   20px !important; }
.pt20, .pv20, .pa20 { padding-top:   20px !important; }
.pr20, .ph20, .pa20 { padding-right: 20px !important; }
.pb20, .pv20, .pa20 { padding-bottom:20px !important; }
.pl20, .ph20, .pa20 { padding-left:  20px !important; }
.mt25, .mv25, .ma25 { margin-top:    25px !important; }
.mr25, .mh25, .ma25 { margin-right:  25px !important; }
.mb25, .mv25, .ma25 { margin-bottom: 25px !important; }
.ml25, .mh25, .ma25 { margin-left:   25px !important; }
.pt25, .pv25, .pa25 { padding-top:   25px !important; }
.pr25, .ph25, .pa25 { padding-right: 25px !important; }
.pb25, .pv25, .pa25 { padding-bottom:25px !important; }
.pl25, .ph25, .pa25 { padding-left:  25px !important; }
.mt30, .mv30, .ma30 { margin-top:    30px !important; }
.mr30, .mh30, .ma30 { margin-right:  30px !important; }
.mb30, .mv30, .ma30 { margin-bottom: 30px !important; }
.ml30, .mh30, .ma30 { margin-left:   30px !important; }
.pt30, .pv30, .pa30 { padding-top:   30px !important; }
.pr30, .ph30, .pa30 { padding-right: 30px !important; }
.pb30, .pv30, .pa30 { padding-bottom:30px !important; }
.pl30, .ph30, .pa30 { padding-left:  30px !important; }
.mt35, .mv35, .ma35 { margin-top:    35px !important; }
.mr35, .mh35, .ma35 { margin-right:  35px !important; }
.mb35, .mv35, .ma35 { margin-bottom: 35px !important; }
.ml35, .mh35, .ma35 { margin-left:   35px !important; }
.pt35, .pv35, .pa35 { padding-top:   35px !important; }
.pr35, .ph35, .pa35 { padding-right: 35px !important; }
.pb35, .pv35, .pa35 { padding-bottom:35px !important; }
.pl35, .ph35, .pa35 { padding-left:  35px !important; }
.mt40, .mv40, .ma40 { margin-top:    40px !important; }
.mr40, .mh40, .ma40 { margin-right:  40px !important; }
.mb40, .mv40, .ma40 { margin-bottom: 40px !important; }
.ml40, .mh40, .ma40 { margin-left:   40px !important; }
.pt40, .pv40, .pa40 { padding-top:   40px !important; }
.pr40, .ph40, .pa40 { padding-right: 40px !important; }
.pb40, .pv40, .pa40 { padding-bottom:40px !important; }
.pl40, .ph40, .pa40 { padding-left:  40px !important; }
.mt45, .mv45, .ma45 { margin-top:    45px !important; }
.mr45, .mh45, .ma45 { margin-right:  45px !important; }
.mb45, .mv45, .ma45 { margin-bottom: 45px !important; }
.ml45, .mh45, .ma45 { margin-left:   45px !important; }
.pt45, .pv45, .pa45 { padding-top:   45px !important; }
.pr45, .ph45, .pa45 { padding-right: 45px !important; }
.pb45, .pv45, .pa45 { padding-bottom:45px !important; }
.pl45, .ph45, .pa45 { padding-left:  45px !important; }
.mt50, .mv50, .ma50 { margin-top:    50px !important; }
.mr50, .mh50, .ma50 { margin-right:  50px !important; }
.mb50, .mv50, .ma50 { margin-bottom: 50px !important; }
.ml50, .mh50, .ma50 { margin-left:   50px !important; }
.pt50, .pv50, .pa50 { padding-top:   50px !important; }
.pr50, .ph50, .pa50 { padding-right: 50px !important; }
.pb50, .pv50, .pa50 { padding-bottom:50px !important; }
.pl50, .ph50, .pa50 { padding-left:  50px !important; }
.mt60, .mv60, .ma60 { margin-top:    60px !important; }
.mr60, .mh60, .ma60 { margin-right:  60px !important; }
.mb60, .mv60, .ma60 { margin-bottom: 60px !important; }
.ml60, .mh60, .ma60 { margin-left:   60px !important; }
.pt60, .pv60, .pa60 { padding-top:   60px !important; }
.pr60, .ph60, .pa60 { padding-right: 60px !important; }
.pb60, .pv60, .pa60 { padding-bottom:60px !important; }
.pl60, .ph60, .pa60 { padding-left:  60px !important; }
.mt70, .mv70, .ma70 { margin-top:    70px !important; }
.mr70, .mh70, .ma70 { margin-right:  70px !important; }
.mb70, .mv70, .ma70 { margin-bottom: 70px !important; }
.ml70, .mh70, .ma70 { margin-left:   70px !important; }
.pt70, .pv70, .pa70 { padding-top:   70px !important; }
.pr70, .ph70, .pa70 { padding-right: 70px !important; }
.pb70, .pv70, .pa70 { padding-bottom:70px !important; }
.pl70, .ph70, .pa70 { padding-left:  70px !important; }
.mt90, .mv90, .ma90 { margin-top:    90px !important; }
.mr90, .mh90, .ma90 { margin-right:  90px !important; }
.mb90, .mv90, .ma90 { margin-bottom: 90px !important; }
.ml90, .mh90, .ma90 { margin-left:   90px !important; }
.pt90, .pv90, .pa90 { padding-top:   90px !important; }
.pr90, .ph90, .pa90 { padding-right: 90px !important; }
.pb90, .pv90, .pa90 { padding-bottom:90px !important; }
.pl90, .ph90, .pa90 { padding-left:  90px !important; }

/* [border] ----------------- */
.bt0, .ba0 { border-top:none !important; }
.br0, .ba0 { border-right:none !important; }
.bb0, .ba0 { border-bottom:none !important; }
.bl0, .ba0 { border-left:none !important; }

/* [clearfix] --------------- */
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 7 (trigger hasLayout) */
.cf {
    zoom:1;
}
/* clearfix end */