@charset "utf-8";
/* static page area set
 * ---------------------------------------------------------------- */
.fullWidth_area{
  width:100%;
  clear:both;
  margin:0;
}
.normalWidth_area{
  width:960px;
  clear:both;
  margin:0 auto;
}
/* static page common set
 * ---------------------------------------------------------------- */
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.strmb{margin-bottom:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}
.mr2p{margin-right:2%;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.fwb{font-weight:bold;}
.lh15{line-height:15px;}
.lh16{line-height:16px;}
.lh17{line-height:17px;}
.lh18{line-height:18px;}
.lh19{line-height:19px;}
.lh20{line-height:20px;}
.lhstr25{line-height:2.5;}
.lhstr20{line-height:2.0;}
.bgcolor_db{background-color:#0E204E;}
.bgcolor_wh{background-color:#FFFFFF;}
.fc_dark{color:#343434;}
.fc_weak{color:#4C4C4C;}
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}
.clfl{
  float:none !important;
  clear:both !important;
  border:none !important;
  width:0px !important;
  height:0px !important;
  padding:0px !important;
}
.positionr{position:relative;}
/* static page parts set
 * ---------------------------------------------------------------- */
.wide_img{
  width:100%;
}
.wide_img img{
  width:100%;
  vertical-align:bottom;
}
.staitcTitle{
  font-size:24px;
  font-weight:bold;
}
.staitcTitle .staticTitleMin{
  font-size:18px;
  font-weight:normal;
  margin-left:20px;
}
.staitcTitleDb{
  font-size:20px;
  font-weight:bold;
  color:#FFFFFF;
}
.staitcTitleDb .staticTitleDbMin{
  font-size:15px;
  font-weight:normal;
  color:#FFFFFF;
  margin-left:20px;
}
/* careerup
 * ---------------------------------------------------------------- */
.career_up_img_box .point_left_box,
.career_up_img_box .point_right_box{
  float:left;
  width:49%;
}
.career_up_img_box .point_left_box{margin-right:2%}
.career_up_img_box .point_titleBar{
  position: relative;
  height:45px;
  padding-left:50px;
  background: url("../images/careerup/career_point.png") left bottom no-repeat;
}
.career_up_img_box .point_titleBar::after{
  border-bottom: 3px solid #ECC93B;
  bottom:3px;
  left:20px;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 25%;
  z-index:-1;
}
.career_up_img_box .point_titleBar::before{
  border-bottom: 3px solid #BFBFBF;
  bottom:3px;
  left:25%;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 70%;
  z-index:-1;
}
.career_up_img_box .point_titleBar:after{
  border-bottom: 3px solid #ECC93B;
  bottom:3px;
  left:20px;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 25%;
  z-index:-1;
}
.career_up_img_box .point_titleBar:before{
  border-bottom: 3px solid #BFBFBF;
  bottom:3px;
  left:25%;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 70%;
  z-index:-1;
}
.career_up_img_box .point_img{
  padding-left:40px;
}
.career_up_img_box .point_descript{
  padding-left:40px;
  line-height:2.5;
}
.careerup_plans .careerup_plans_onec{
  float:left;
  width:18%;
  padding-right:2%;
}
.careerup_plans .careerup_plans_onecbk{
  float:left;
  width:18%;
  padding-right:2%;
  background: url("../images/careerup/career_arrow.png") right center no-repeat;
}
.careerup_plans .plan_num{
  font-size:30px;
  color:#BFBFBF;
}
.careerup_plans .plan_title{
  color:#FFCB01;
  font-size:13px;
  padding-left:5px;
}
.careerup_plans .plan_title .FL{
  color:#FFCB01;
  font-size:15px;
  font-weight:bold;
}
.careerup_plans .plan_descrip{
  color:#FFFFFF;
  padding-left:5px;
}
.interview_field{
  width:100%;
  height:384px;
  background: url("../images/careerup/career_pattern.jpg") scroll top repeat;
}
.interview_field .interview_left,
.interview_field .interview_right{
  float:left;
  width:50%;
  text-align:center;
}
.interview_field .interview_center{
  position:absolute;
  top:152px;
  left:365px;
}
.profile_area .prof_box_left,
.profile_area .prof_box_right{
  float:left;
  width:47%;
}
.profile_area .prof_box_left{
  margin-right:6%;
}
.profile_area .prof_title{
  border-bottom: 3px solid #BFBFBF;
  position:relative;
}
.profile_area .prof_title::before{
  border-bottom: 3px solid #ECC93B;
  bottom:0px;
  left:0px;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 25%;
}
.profile_area .prof_title:before{
  border-bottom: 3px solid #ECC93B;
  bottom:0px;
  left:0px;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 25%;
}
.profile_area .prof_descript{
  line-height:2.5;
}
.profile_area .profile_qtitle{
  position: relative;
  height:45px;
  padding-left:50px;
  background: url("../images/careerup/career_q.png") left bottom no-repeat;
}
.profile_area .profile_qtitle::after{
  border-bottom: 3px solid #ECC93B;
  bottom:3px;
  left:20px;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 25%;
  z-index:-1;
}
.profile_area .profile_qtitle::before{
  border-bottom: 3px solid #BFBFBF;
  bottom:3px;
  left:25%;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 70%;
  z-index:-1;
}
.profile_area .profile_qtitle:after{
  border-bottom: 3px solid #ECC93B;
  bottom:3px;
  left:20px;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 25%;
  z-index:-1;
}
.profile_area .profile_qtitle:before{
  border-bottom: 3px solid #BFBFBF;
  bottom:3px;
  left:25%;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 70%;
  z-index:-1;
}
.profile_pict_box .profile_pict_box_left{
  float:left;
  width:140px;
  height:140px;
  margin-right:20px;
}
.profile_pict_box .profile_pict_box_right{
  float:left;
  width:800px;
  height:140px;
}
.motivation_area{
  width:100%;
  height:660px;
  background:url("../images/careerup/career_05.jpg") right center no-repeat #FAFAFA;
}
.motivation_area .motivation_qs{
  position: relative;
  height:45px;
  width:580px;
  padding-left:50px;
  background: url("../images/careerup/career_q.png") left bottom no-repeat;
  margin-top:20px;
}
.motivation_area .motivation_qs::after{
  border-bottom: 3px solid #ECC93B;
  bottom:3px;
  left:20px;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 25%;
}
.motivation_area .motivation_qs::before{
  border-bottom: 3px solid #cccccc;
  bottom:3px;
  left:25%;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 70%;
}
.motivation_area .motivation_qs:after{
  border-bottom: 3px solid #ECC93B;
  bottom:3px;
  left:20px;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 25%;
}
.motivation_area .motivation_qs:before{
  border-bottom: 3px solid #cccccc;
  bottom:3px;
  left:25%;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 70%;
}
.motivation_area .motivation_anser{
  width:600px;
}
/* data
 * ---------------------------------------------------------------- */
.img_3way_area .left_3way_img{
  float:left;
  width:32%;
  margin-right:2%;
}
.img_3way_area .center_3way_img{
  float:left;
  width:32%;
  margin-right:2%;
}
.img_3way_area .right_3way_img{
  float:left;
  width:32%;
}
.img_2way_area .left_2way_img{
  float:left;
  width:49%;
  margin-right:2%;
}
.img_2way_area .right_2way_img{
  float:left;
  width:49%;
}
/* starting
 * ---------------------------------------------------------------- */
.flowchart_detail_box{
}
.flowchart_apply{
  background: url("../images/starting/start_01.png") left top no-repeat;
}
.flowchart_regist{
  background: url("../images/starting/start_02.png") left top no-repeat;
}
.flowchart_start{
  background: url("../images/starting/start_03.png") left top no-repeat;
}
.flowchart_detail_box .flowchart_title_apply{
  position: relative;
  height:70px;
  padding-left:100px;
  background: url("../images/starting/start_num_01.png") left bottom no-repeat;
  margin-left:170px;
}
.flowchart_detail_box .flowchart_title_regist{
  position: relative;
  height:70px;
  padding-left:100px;
  background: url("../images/starting/start_num_02.png") left bottom no-repeat;
  margin-left:170px;
}
.flowchart_detail_box .flowchart_title_start{
  position: relative;
  height:70px;
  padding-left:100px;
  background: url("../images/starting/start_num_03.png") left bottom no-repeat;
  margin-left:170px;
}
.flowchart_detail_box [class^="flowchart_title"]::after{
  border-bottom: 3px solid #ECC93B;
  bottom:24px;
  left:20px;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 25%;
  z-index:-1;
}
.flowchart_detail_box [class^="flowchart_title"]::before{
  border-bottom: 3px solid #cccccc;
  bottom:24px;
  left:25%;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 75%;
  z-index:-2;
}
.flowchart_detail_box [class^="flowchart_title"]:after{
  border-bottom: 3px solid #ECC93B;
  bottom:24px;
  left:20px;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 25%;
  z-index:-1;
}
.flowchart_detail_box [class^="flowchart_title"]:before{
  border-bottom: 3px solid #cccccc;
  bottom:24px;
  left:25%;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 75%;
  z-index:-2;
}
.flowchart_detail_box ul{
  padding-left:270px;
}
.flowchart_detail_box .flowchart_callbox{
  text-align:right;
  padding-left:270px;
  width:690px;
  position:relative;
}
.flowchart_detail_box .flowchart_callbox .flowchart_callbox_web_link{
  position:absolute;
  bottom:60px;
  right:55px;
}
.flowchart_detail_box .flowchart_callbox .flowchart_callbox_web_link img{
  vertical-align:bottom;
}
.start_campaign{
  height:283px;
  padding:30px 0;
}
.start_campaign .start_campaign_img{
  width:755px;
  height:283px;
  margin:0 auto;
}
.start_img_box{
  padding-bottom:30px;
  border-bottom:1px dashed #C0C0C0;
}
.start_img_box .start_left_box,
.start_img_box .start_right_box{
  float:left;
  width:49%;
}
.start_img_box .start_left_box{margin-right:2%}
.start_img_box .start_titleBar{
  position: relative;
  height:45px;
  padding-left:50px;
  background: url("../images/starting/start_q.png") left bottom no-repeat;
}
.start_img_box .start_titleBar::after{
  border-bottom: 3px solid #ECC93B;
  bottom:3px;
  left:20px;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 25%;
  z-index:-1;
}
.start_img_box .start_titleBar::before{
  border-bottom: 3px solid #BFBFBF;
  bottom:3px;
  left:25%;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 70%;
  z-index:-1;
}
.start_img_box .start_titleBar:after{
  border-bottom: 3px solid #ECC93B;
  bottom:3px;
  left:20px;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 25%;
  z-index:-1;
}
.start_img_box .start_titleBar:before{
  border-bottom: 3px solid #BFBFBF;
  bottom:3px;
  left:25%;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 70%;
  z-index:-1;
}
.start_img_box .start_descript{
  padding-left:40px;
  line-height:2.5;
}
.start_img_box.noborder{
  border:none;
}
/* ryou
 * ---------------------------------------------------------------- */
.merit_box{
/*  padding-left:754px;
  height:475px;
  background: url("../images/ryou/dormitory_01.jpg") left bottom no-repeat;*/
}
.merit_box .merit_ryou_img{
  float:left;
  width:604px;
  height:380px;
}
.merit_box .merit_ryou_img img{
  max-width:100%;
}
.merit_box .merit_ryou_str{
  padding-left:604px;
}
.merit_box .merit_qa_box{
  padding-top:5px;
}
.merit_box .merit_titleBar1{
  position: relative;
  height:45px;
  padding-left:50px;
  background: url("../images/ryou/dormitory_num_1.png") left bottom no-repeat;
}
.merit_box .merit_titleBar2{
  position: relative;
  height:45px;
  padding-left:50px;
  background: url("../images/ryou/dormitory_num_2.png") left bottom no-repeat;
}
.merit_box .merit_titleBar3{
  position: relative;
  height:45px;
  padding-left:50px;
  background: url("../images/ryou/dormitory_num_3.png") left bottom no-repeat;
}
.merit_box [class^=merit_titleBar]::after{
  border-bottom: 3px solid #ECC93B;
  bottom:3px;
  left:20px;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 25%;
  z-index:-1;
}
.merit_box [class^=merit_titleBar]::before{
  border-bottom: 3px solid #BFBFBF;
  bottom:3px;
  left:25%;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 70%;
  z-index:-1;
}
.merit_box [class^=merit_titleBar]:after{
  border-bottom: 3px solid #ECC93B;
  bottom:3px;
  left:20px;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 25%;
  z-index:-1;
}
.merit_box [class^=merit_titleBar]:before{
  border-bottom: 3px solid #BFBFBF;
  bottom:3px;
  left:25%;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 70%;
  z-index:-1;
}
.merit_box .merit_descript{
  padding-left:40px;
  padding-right:10px;
  line-height:2.5;
}
.worklocation_img{
  width:708px;
  height:418px;
  margin:0 auto;
}
.worklocation_img img{
  max-width:100%;
}
.worklocation_area{
  padding-top:60px;
  background: url("../images/ryou/dormitory_japan_back.png") center bottom no-repeat #FFFFFF;
  background-size:contain;
}
.worklocations ul{
  float:left;
  width:32%;
}
.worklocations .worklocation_areas_title{
  position: relative;
  padding-left:5px;
}
.worklocations .worklocation_areas_title::after{
  border-bottom: 3px solid #ECC93B;
  bottom:0px;
  left:0px;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 25%;
}
.worklocations .worklocation_areas_title:after{
  border-bottom: 3px solid #ECC93B;
  bottom:0px;
  left:0px;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 25%;
}
.worklocations .worklocation_areas_title::before{
  border-bottom: 3px solid #BFBFBF;
  bottom:0px;
  left:25%;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 70%;
}
.worklocations .worklocation_areas_title:before{
  border-bottom: 3px solid #BFBFBF;
  bottom:0px;
  left:25%;
  content: "";
  display: block;
  margin-bottom: -3px;
  position: absolute;
  width: 70%;
}
/* jigyosyo
 * ---------------------------------------------------------------- */
.jigyo_tab_area{
  height:50px;
  width:100%;
  border-bottom:2px solid #0E204E;
}
#jigyo_tab{
  width:100%;
  height:100%;
  position:relative;
}
#jigyo_tab .tab_img{
  float:left;
}
#jigyo_tab .tab_img a{
  display:block;
}
#jigyo_tab .tab_img .office01{
  position:absolute;
  top:0;
  left:0;
  width:170px;
  height:50px;
  background: url("../images/jigyosyo/office01_t.png") right center no-repeat;
  z-index:5;
}
#jigyo_tab .tab_img .office01.current{
  width:170px;
  height:50px;
  background: url("../images/jigyosyo/office01.png") right center no-repeat;
  z-index:99;
}
#jigyo_tab .tab_img .office02{
  position:absolute;
  top:0;
  left:158px;
  width:170px;
  height:50px;
  background: url("../images/jigyosyo/office02_t.png") right center no-repeat;
  z-index:4;
}
#jigyo_tab .tab_img .office02.current{
  left:158px;
  width:170px;
  height:50px;
  background: url("../images/jigyosyo/office02.png") right center no-repeat;
  z-index:99;
}
#jigyo_tab .tab_img .office03{
  position:absolute;
  top:0;
  left:316px;
  width:170px;
  height:50px;
  background: url("../images/jigyosyo/office03_t.png") right center no-repeat;
  z-index:3;
}
#jigyo_tab .tab_img .office03.current{
  left:316px;
  width:170px;
  height:50px;
  background: url("../images/jigyosyo/office03.png") right center no-repeat;
  z-index:99;
}
#jigyo_tab .tab_img .office04{
  position:absolute;
  top:0;
  left:474px;
  width:170px;
  height:50px;
  background: url("../images/jigyosyo/office04_t.png") right center no-repeat;
  z-index:2;
}
#jigyo_tab .tab_img .office04.current{
  left:474px;
  width:170px;
  height:50px;
  background: url("../images/jigyosyo/office04.png") right center no-repeat;
  z-index:99;
}
#jigyo_tab .tab_img .office05{
  position:absolute;
  top:0;
  left:632px;
  width:170px;
  height:50px;
  background: url("../images/jigyosyo/office05_t.png") right center no-repeat;
  z-index:1;
}
#jigyo_tab .tab_img .office05.current{
  left:632px;
  width:170px;
  height:50px;
  background: url("../images/jigyosyo/office05.png") right center no-repeat;
  z-index:99;
}
#jigyo_tab .tab_img .office06{
  position:absolute;
  top:0;
  left:790px;
  width:170px;
  height:50px;
  background: url("../images/jigyosyo/office06_t.png") right center no-repeat;
  z-index:0;
}
#jigyo_tab .tab_img .office06.current{
  left:790px;
  width:170px;
  height:50px;
  background: url("../images/jigyosyo/office06.png") right center no-repeat;
  z-index:99;
}
#jigyo_tab .tab_img a img{
  vertical-align:bottom;
}
.jigyo_data_area{
  background-color:#FFFFFF;
}
.jigyo_data_area .disp_none{
  display:none;
}
.jigyo_data_area .jigyo_data_title{
  padding:20px;
}
.jigyo_data_area .jigyosyo_detail_area{
  padding:20px 20px 40px 20px;
}
.jigyo_data_area .jigyosyo_detail_area .jigyosyo_detail_left{
  float:left;
  width:32%;
  margin-right:2%;
}
.jigyo_data_area .jigyosyo_detail_area .jigyosyo_detail_center{
  float:left;
  width:32%;
  margin-right:2%;
}
.jigyo_data_area .jigyosyo_detail_area .jigyosyo_detail_right{
  float:left;
  width:32%;
}
.jigyo_data_area .jigyosyo_name{
  position: relative;
  height:40px;
  line-height:40px;
  font-size:20px;
  font-weight:bold;
  padding-left:50px;
  background: url("../images/jigyosyo/office_pin.png") left bottom no-repeat;
}
.jigyo_data_area .jigyosyo_name::after{
  border-bottom: 2px solid #ECC93B;
  bottom:0px;
  left:0px;
  content: "";
  display: block;
  position: absolute;
  width: 30%;
}
.jigyo_data_area .jigyosyo_name::before{
  border-bottom: 2px solid #cccccc;
  bottom:0px;
  left:30%;
  content: "";
  display: block;
  position: absolute;
  width: 70%;
}
.jigyo_data_area .jigyosyo_name:after{
  border-bottom: 2px solid #ECC93B;
  bottom:0px;
  left:0px;
  content: "";
  display: block;
  position: absolute;
  width: 30%;
}
.jigyo_data_area .jigyosyo_name:before{
  border-bottom: 2px solid #cccccc;
  bottom:0px;
  left:30%;
  content: "";
  display: block;
  position: absolute;
  width: 70%;
}
.jigyo_data_area .jigyosyo_post{
  font-size:15px;
}
.jigyo_data_area .jigyosyo_address .jigyosyo_address_text{
  float:left;
  display:inline-block;
  font-size:15px;
}
.jigyo_data_area .jigyosyo_address .jigyosyo_address_map{
  float:right;
  display:inline-block;
  font-size:15px;
}
.jigyo_data_area .jigyosyo_descript{
  height:210px;
  border:3px solid #BFBFBF;
  padding:2%;
  position: relative;
  z-index: 0;
  display:table;
  width:94%;
}
.jigyo_data_area .jigyosyo_descript::before{
  content: "";
  position: absolute;
  bottom: -14px; left: 50%;
  margin-left: -17px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 17px 17px 0 17px;
  border-color: #FFFFFF transparent transparent transparent;
  z-index: 0;
}
.jigyo_data_area .jigyosyo_descript::after{
  content: "";
  position: absolute;
  bottom: -19px; left: 50%;
  margin-left: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #BFBFBF transparent transparent transparent;
  z-index: -1;
}
.jigyo_data_area .jigyosyo_descript p{
  vertical-align:middle;
  display:table-cell;
  width:100%;
}
.jigyo_data_area .jigyosyo_descript_img{
  width:94%;
  height:210px;
  padding: 2%;
  background: url("../images/jigyosyo/office01_honsha_1.png") no-repeat;
  background-size:cover;
  border:3px solid #FFFFFF;

}