@charset "utf-8";

#recruit_container .int_caption{border-bottom:2px solid #999999;margin-bottom:30px;}
#recruit_container .int_caption h2{margin-bottom:10px;}
#recruit_container .int_caption .caption{font-size:25px;font-weight:bold;}
#recruit_container .int_caption .cap2 { font-size: 10px; }

#recruit_container .int_caption .fl{width:286px;margin-bottom:0;}
#recruit_container .int_caption .fr{width:425px;}
#recruit_container .int_caption .fr .fr_inner{display:table-cell;height:224px;vertical-align:middle;}

/*#recruit_container .interviewBox{width:500px;margin:0 auto;}*/
#recruit_container .interviewBox h3{font-size:18px;margin-bottom:20px;width: 100%;line-height: 1.3;}
#recruit_container .interviewBox p{font-size:14px;}

/* 2013/11/27 インタビュートップ */
#interview_container{width:730px;margin-bottom:20px;}
#interview_container .fl_box{float:left;width:50%;cursor:pointer;}
#interview_container .fr_box{float:right;width:50%;cursor:pointer;}
#interview_container .box_w{
background-image:url("../img/recruit/rec_int_top_arrow.jpg");
background-repeat:no-repeat;
background-position:700px center;
border:1px solid #ccc;
padding:15px;
cursor:pointer;
}

#interview_container .fr_box p a,
#interview_container .fl_box p a,
#interview_container .box_w p a{color:#333;}

#interview_container .fr_box p a:hover,
#interview_container .fl_box p a:hover,
#interview_container .box_w p a:hover{text-decoration:none;}

#interview_container .fr_box:hover,
#interview_container .fl_box:hover,
#interview_container .box_w:hover{
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
}



/* 前デザイン用 */
#base #cont #cont_main {
width: 728px;
}
#cont_main .header_img {
margin-bottom: 30px;
}
#main {
width: 730px;
float: left;
font-size: 14px;
/*color: #666666;*/
}

#inter_navi{
margin-bottom: 15px;
border:1px solid #999;
padding:10px;
margin-top:20px;
}

#main ul.nav{
font-size:18px;
width:230px;
margin-bottom:0;
}
#main ul.fr li{
margin-bottom:1px;
}

#main ul.nav li ul{
margin-bottom:0;
}
#main ul.nav li ul li{
margin-left:35px;
margin-bottom:5px;
}
#main ul.nav img{
vertical-align:-8px;
margin-right:10px;
}

#main ul.nav a{
text-decoration:underline;
}
#main ul.nav a:hover{
color:#5590E8;
}


#main h3 {
margin-bottom: 10px;
width: 500px;
color: #E6002D;
}
#main p {
line-height: 1.5em;
margin-bottom: 10px;
}
#main p.f_right {
float: right;
width: 240px;
line-height: 11px;
}
#main p.f_right span {
font-size: 11px;
line-height: 1.5em;
}
#main ul {
line-height: 1.5em;
list-style-type: none;
margin-bottom: 15px;
}
#main ul li span {
color: #339900;
padding-right: 5px;
}

#main h2 {
font-size: 20px;
/*color: #666666;*/
margin-bottom: 3px;
}

#main h2 span{
display: inline-block;
line-height: 150%;
color: #226DDF;
font-weight: bold;
}

/*#main table {
width: 500px;
border: 1px solid #FFFFFF;
border-collapse:collapse;
}
#main table th {
color: #FFFFFF;
background-color: #5CC054;
text-align: center;
width: 120px;
height: 30px;
text-align:center;
vertical-align:middle;
border: 1px solid #FFFFFF;
}
#main table td {
line-height: 1.5em;
text-align: left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
border: 1px solid #FFFFFF;
background-color: #DEFAEA;
}*/


.toTop  {
margin-bottom:20px;
margin-top:10px;
text-align:right;
}


#main #nav #pageNav {
margin-bottom: 2px;
}
#main #nav #navRight {
margin-bottom: 2px;
}
#main .intro1 {
background-image: url(../img/recruit/introbase_sales.gif);
background-repeat: no-repeat;
background-position: center center;
padding-right: 30px;
padding-left: 35px;
height: 144px;
margin-bottom: 10px;
}
#main .intro2 {
background-image: url(../img/recruit/introbase_consul.gif);
background-repeat: no-repeat;
background-position: center center;
padding-right: 30px;
padding-left: 35px;
height: 144px;
margin-bottom: 10px;
}
#main .intro3 {
background-image: url(../img/recruit/introbase_openseminar.gif);
background-repeat: no-repeat;
background-position: center center;
padding-right: 30px;
padding-left: 35px;
height: 144px;
margin-bottom: 10px;
}
#main .intro4 {
background-image: url(../img/recruit/introbase_management.gif);
background-repeat: no-repeat;
background-position: center center;
padding-right: 30px;
padding-left: 35px;
height: 144px;
margin-bottom: 10px;
}
#main .intro5 {
background-image: url(../img/recruit/introbase_system.gif);
background-repeat: no-repeat;
background-position: center center;
padding-right: 30px;
padding-left: 35px;
height: 144px;
margin-bottom: 10px;
}

#main .intro6 {
background-image: url(../img/recruit/emarket_introbase.gif);
background-repeat: no-repeat;
background-position: center center;
padding-right: 30px;
padding-left: 35px;
height: 144px;
margin-bottom: 10px;
}


#main .introP {
background-image: url(../img/recruit/introbase_consul.gif);
background-repeat: no-repeat;
background-position: center center;
padding-right: 30px;
padding-left: 35px;
height: 144px;
margin-bottom: 10px;

}

/*▼ 魅力ページ用*/　

/*導入*/
.introTitle {
padding-top: 13px;
font-size: 15px;
color: #333333;
}
.introText {
margin-top: -5px;
line-height: 1.4em;
font-weight: normal;
font-size: 14px;
}

/*インタビュー箇所*/
.interviewBox {
width: 730px;
}
#main .interviewBox .inteTopBox {
width: 500px;
margin-top: 20px;
clear: both;
}

#main .interviewBox .inteTopBox .icon {
margin-right: 15px;
float: left;
width: 70px;
vertical-align:-15px;
}
#main .interviewBox .inteTopBox .copy {
margin-top:15px;
float: left;
}

#main .interviewBox .inteTopQ {
padding-top:15px;
clear: both;
}
.interviewBox .inteNameleft {
/*float: left;
width: 238px;*/
margin-right: 20px;
}

#recruit_container .inteQuestion {
color:#fff;
font-weight:bold;
padding:8px;
}

.interviewBox .inteBottomBox {
clear: both;
}

.nextPage {
text-align: right;
width: 500px;
}


.interviewBox .inteBottomBox .textLast {
float: right;
}
.interviewBox .inteBottomBox .photoLast {
float: left;
margin-right: 10px;
}
.interviewBox .toTop {
width: 730px;
}


/*色変え*/
#main .sales h2 span{color:#216DE0;}
.sales .inteQuestion{background-color: #216DE0;}

#main .consul h2 span{color:#FFAD3E;}
.consul .inteQuestion{background-color: #FFAD3E;}

#main .opsemi h2 span{color:#61C6E2;}
.opsemi .inteQuestion{background-color:#61C6E2;}

#main .manage h2 span{color:#A25CE7;}
.manage .inteQuestion{background-color:#A25CE7;}

#main .system h2 span{color:#89CC24;}
.system .inteQuestion{background-color:#89CC24;}

#main .sales h2 span{color:#216DE0;}
.sales .inteQuestion{background-color: #216DE0;}


/*ページ下記 募集職種部分*/ 
#recruit_container h2 span.rectitle{
color: #333;
font-size: 16px;
}

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

    2022/07/07
    改修CSS

================================*/
#mainContainer {
  font-size: 14px;
  line-height: 1.5;
}
#mainContainer > *:last-child { margin-bottom: 0; }

#recruit_gnav { display: none;}


/*
    contentsHeader
================================*/
.contentsHeader { margin-bottom: 30px; }
.captionBox {
  align-items: center;
  display: flex;
}
.captionBox__item {
  display: flex;
}
.captionBox__image {
  flex: 0 0 auto;
  margin-right: 40px;
}
.captionBox__inner {
  width: 100%;
}

.profileBox {}
.profileBox > *:last-child { margin-bottom: 0; }

.profileBox__contents { margin-bottom: 10px; }
.profileBox__contents > *:last-child { margin-bottom: 0; }

#cont .profileBox__title {
  color: currentColor;
  font-size: 25px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 20px;
}

.profileBox__text {
  font-size: 14px;
  margin-bottom: 10px;
}

@media screen and (max-width:599px){
  .captionBox { flex-direction: column; }
  .captionBox__image { margin: 0 0 20px; }
}

/*
    contentsBody
================================*/
.contentsBody {}
.contentsBody > *:last-child { margin-bottom: 0; }
.sectionBox { margin-bottom: 30px; }
.sectionBox > *:last-child { margin-bottom: 0; }

.sectionBox__item { margin-bottom: 20px; }

.text--note {
  font-size: 10px;
  padding-left: 1em;
  text-indent: -1em;
}

/* 見出し */
.heading_primary {
  background-image: url("/common/img/recruit/rec_title_red.gif");
  background-repeat: no-repeat;
  background-position: left bottom;
  color: #cc2914;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 30px;
  padding: 23px 0 8px 65px;
}

/* 画像 */
.imageBox {
  display: flex;
  flex-wrap: wrap;
}

.imageBox--align_left { justify-content: flex-start; }
.imageBox--align_center { justify-content: center; }
.imageBox--align_right { justify-content: flex-end; }

.imageBox__image {
  max-width: 100%;
  height: auto;
}

/* リンク */
.linkWrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}
.linkWrapper--align_left { justify-content: flex-start; }
.linkWrapper--align_center { justify-content: center; }
.linkWrapper--align_right { justify-content: flex-end; }

.linkWrapper__item {}

/* ※※recruit_newにすでにスタイルあり */
.link {}
.link--btn {}


/* レスポンシブ用のナビ */
@media screen and (max-width: 768px) {
  #recruit_gnav { display:block;}
  #recruit_gnav ul {}
  #recruit_gnav ul li {display:inline-block;}
  #recruit_gnav ul li a {
    position:relative;
    color:#333;
    display:block;
    text-decoration:none;
    margin:0 auto 10px;
    border-radius:5px;
    border:solid 1px #E46152;
    background:#fff;
    text-align:center;
    padding:5px;
    box-shadow: 0px 5px 0px #EF6858;
    transition:all 0.1s;
    font-family:Meiryo, "ヒラギノ角ゴ Pro";
    font-size:13px;
  }

  #recruit_gnav ul li a:hover {
    box-shadow: 0px 2px 0px #EF6858;
    top:3px;
  }
}

/*横幅*/
.u_col1{width:8.333%;}
.u_col2{width:16.667%;}
.u_col3{width:25%;}
.u_col4{width:33.333%;}
.u_col5{width:41.666%;}
.u_col6{width:50%;}
.u_col7{width:58.333%;}
.u_col8{width:66.666%;}
.u_col9{width:75%;}
.u_col10{width:83.33%;}
.u_col11{width:91.666%;}
.u_col12{width:100%;}
@media screen and (max-width:768px){
  .u_resMdCol1{width:8.333%;}
  .u_resMdCol2{width:16.667%;}
  .u_resMdCol3{width:25%;}
  .u_resMdCol4{width:33.333%;}
  .u_resMdCol5{width:41.666%;}
  .u_resMdCol6{width:50%;}
  .u_resMdCol7{width:58.333%;}
  .u_resMdCol8{width:66.666%;}
  .u_resMdCol9{width:75%;}
  .u_resMdCol10{width:83.33%;}
  .u_resMdCol11{width:91.666%;}
  .u_resMdCol12{width:100%;}
}
@media screen and (max-width:599px){
  .u_resSmCol1{width:8.333%;}
  .u_resSmCol2{width:16.667%;}
  .u_resSmCol3{width:25%;}
  .u_resSmCol4{width:33.333%;}
  .u_resSmCol5{width:41.666%;}
  .u_resSmCol6{width:50%;}
  .u_resSmCol7{width:58.333%;}
  .u_resSmCol8{width:66.666%;}
  .u_resSmCol9{width:75%;}
  .u_resSmCol10{width:83.33%;}
  .u_resSmCol11{width:91.666%;}
  .u_resSmCol12{width:100%;}
}