@charset "utf-8";
/* CSS Document */

#recruit_container .messageBox h2 { margin-bottom:20px;font-size:20px;/*line-height:180%;*/ }
#recruit_container .messageBox h3 { color:#FF3333;;margin-bottom:20px;font-size:16px; }
#recruit_container .messageBox h3 img { vertical-align:-5px;margin-right:10px; }

#recruit_container .messageBox h3.career { color:#F27900; }

#recruit_container .messageBox p { margin-bottom:20px;line-height:160%; }
#recruit_container .messageBox .text span { display:inline-block; }
#recruit_container .messageBox .text span.t1 { width:286px;margin-right:10px; }
#recruit_container .messageBox .text span.t2 { margin-left:10px; }

.messageBox .colorText { color:#339999; }
.messageBox .insh { display:inline-block;margin-bottom:5px; }
.ie6  .messageBox .insh,
.ie7  .messageBox .insh { display:inline;zoom:1; }

#recruit_container .messageBox div.mb30 { position:relative; }
.messageBox .abslt { position:absolute;top:-65px;left:283px; }

#recruit_container .messageBox .borderBox { border:3px solid #FFA6A8;padding:15px; }

.req_info h3 { font-size:15px; }
.trainingList li { font-size:13px; }

/***********************

recruit_info

***********************/

#recruit_container .rec_info h2 { font-size:18px ;}
#recruit_container .rec_info p { font-size:14px ;}

#recruit_container .messageBox .info_nav { margin-bottom: 20px;margin-top: 25px ;}
#recruit_container .messageBox .info_nav li { list-style-type:none;float:left;font-size:13px;margin-bottom:5px ;}

/*　新しくするときに表示　ココカラ */
#recruit_container .messageBox .info_nav li.short a { width:100px; }
#recruit_container .messageBox .info_nav li.br_none a { border-right:none; }

#recruit_container .messageBox .info_nav li a { display:block;width:130px;border-right:1px solid #ccc;padding:5px 0 5px 35px;font-size:12px; }
#recruit_container .messageBox .info_nav li a:hover {
  background-image:url("../img/recruit/rec_icon_heart_rp.gif");
  background-repeat:no-repeat;
  background-position:10px center;
}
#recruit_container .messageBox .info_nav li img { margin-right:10px; }


.ie6 #recruit_container .messageBox .info_nav li.short a,
.ie7 #recruit_container .messageBox .info_nav li.short a { width:65px; }

.ie6 #recruit_container .messageBox .info_nav li a,
.ie7 #recruit_container .messageBox .info_nav li a { width:95px; }
/* 新しくするときに表示　ココマデ　*/

/* 新しくするときに消す　ココカラ 
#recruit_container .messageBox .info_nav{margin-bottom: 20px;margin-top: 25px;}
#recruit_container .messageBox .info_nav li{list-style-type:none;float:left;font-size:13px;margin-right:169px;margin-bottom:5px;}
#recruit_container .messageBox .info_nav li img{margin-right:10px;}
 新しくするときに消す　ココマデ */

#recruit_container .messageBox .info_linkMenu { margin-bottom:20px; }
#recruit_container .messageBox .info_linkMenu li { list-style-type:none;float:left;margin-right:13px; }
#recruit_container .messageBox .info_linkMenu li a:hover { opacity:0.8;-ms-filter: "alpha( opacity=80 )";filter: alpha( opacity=80 ); }

#recruit_container .messageBox .presBox_top_info{
  background-image:url("../img/recruit/rec_img_presTop.gif");
  background-repeat:no-repeat;
  background-position:top center;
  width:730px;
}

#recruit_container .messageBox .presBox_top_info .pres_contents{
  padding: 90px 28px 20px;
}

#recruit_container .ti20 { display:block;text-indent:-20px;padding-left:20px; }

#recruit_container .rec_charaList {}
#recruit_container .rec_charaList li { list-style-type:none;margin-bottom:10px;font-size:14px;text-indent:-28px;padding-left:28px; }
#recruit_container .rec_charaList li img { margin-right:10px; }

#recruit_container .rec_interview { background-color:#FDF2F2;padding:10px 10px 0; }
#recruit_container .rec_interview .contentsBox { width:177px;float:left; }
#recruit_container .rec_interview .contentsBox:hover { cursor:pointer;opacity:0.8; }
#recruit_container .rec_interview .contentsBox p { text-align:center; }
#recruit_container .rec_interview .contentsBox p a { color:#333; }
#recruit_container .rec_interview .contentsBox p a:hover { color:#333;text-decoration:none; }

/* 会社説明会日程 */
#recruit_container .presen_schedule { border:2px solid #FEB2B2;padding:10px;margin-bottom:20px; }
#recruit_container .presen_schedule p { margin-bottom:10px;font-size:13px; }

#recruit_container .intern_schedule { border:2px solid #8ED7C8;padding:10px;margin-bottom:20px; }
#recruit_container .intern_schedule p { margin-bottom:10px;font-size:13px; }

.ie6 #recruit_container .presen_schedule,
.ie7 #recruit_container .presen_schedule,
.ie6 #recruit_container .intern_schedule,
.ie7 #recruit_container .intern_schedule { width:333px; }

#recruit_container .presen_schedule .program_contents { border:1px solid #FF812D;margin-bottom:20px; }
#recruit_container .presen_schedule .program_contents p {
  background-color:#FFFFCC;
  border-bottom:1px solid #FF812D;
  margin-bottom:0;
  padding:5px;
  text-align:center;
}

#recruit_container .presen_schedule .program_contents ul { margin:10px;font-size:14px; }
#recruit_container .presen_schedule .program_contents ul li { list-style-type:none;margin-bottom:5px; }

/* 新卒募集要項 */
#recruit_container .req_info p { font-size:12px;line-height:1.5; }

@media(max-width:768px){
#recruit_container .req_info p { font-size:15px;line-height:1.5; }
}

/***********************

recruit_career

***********************/

#recruit_container .messageBox dl { font-size:14px;line-height:160%;margin-bottom:20px; }
#recruit_container .messageBox dl dt { color:#DD376C;margin-bottom:5px; }
#recruit_container .messageBox dl dd { margin-bottom:10px; }

#recruit_container .messageBox .presBox_top {
  background-image:url("../img/recruit/career_img2.gif");
  background-repeat:no-repeat;
  background-position:top center;
  width:730px;
}

#recruit_container .messageBox .presBox_middle {
  background-image:url("../img/recruit/career_img2-2.gif");
  background-repeat:repeat-y;
  width:730px;
  margin-bottom:30px;
}

#recruit_container .messageBox .presBox_bottom {
  background-image:url("../img/recruit/career_img2-3.gif");
  background-repeat:no-repeat;
  background-position:bottom center;
  width:730px;
}

#recruit_container .messageBox .presBox_top .pres_contents {
  padding: 80px 28px 20px;
}

/* 2015/11/16 動画 */
#recruit_container .rec_miBox { margin-bottom:30px; }
#recruit_container .rec_miBox .fr { width:285px; }
#recruit_container .rec_miBox .fr p { margin-bottom:10px; }


/* 2016/07/25 中途採用　採用コンテンツ追加*/


#recruit_container .bottom_navi .recruit_content {
  margin-bottom:20px;
  width:100%;
}

#recruit_container .bottom_navi .recruit_content a:hover {
  opacity:0.7;
}

#recruit_container .bottom_navi .recruit_content:after {
  display: block;
  clear: both;
  content: "";
}

#recruit_container /*.messageBox*/ .bottom_navi .contentBox {
  border-style:solid;
  border-width:1px;
  border-color:#ccc;
  padding:20px;
  width:48%;
  height:410px;
  float:right;
}

#recruit_container /*.messageBox*/ .bottom_navi .contentBox:first-child {
float:left;
}

#recruit_container .bottom_navi p {
  margin-bottom:20px;
  line-height: 160%;
}

#recruit_container .bottom_navi h2 {
  font-size:20px;
  margin-bottom:20px;
}

#recruit_container .bottom_navi h3 {
  margin-bottom: 20px;
  font-size: 16px;
}
/* 8/2　アルバイト・スタッフ採用*/
#recruit_container .messageBox h3.staff { color:#ed1b1b; }
#recruit_container .messageBox ul { font-size:14px;letter-spacing: 1px; }
#recruit_container .messageBox ul img { margin-right:10px; }
#recruit_container .messageBox li { margin-bottom:10px; }

/* 2021/12/17 FAQ追加 */
.faqContainer {}

.faqContainer__inner {
  border: 1px solid #8d8d8d;
  margin-bottom: 30px;
  padding: 20px;
}

.faqContainer__title {
  border-bottom: 1px solid #8d8d8d;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.faqContainer__title--question {
  align-items: center;
  display: flex;
}

.faqContainer__title--question::before {
  content: "Q.";
  color: #4d3e8c;
  font-size: 28px;
  font-weight: 700;
  margin-right: 15px;
}

.faqContainer__body {
  align-items: flex-start;
  display: flex;
}

.faqContainer__body::before {
  content: "A.";
  color: #bd0000;
  font-size: 28px;
  font-weight: 700;
  margin-right: 15px;
}

.faqContainer__text {}

.faqContainer > *:last-child { margin-bottom: 0 !important; }
.faqContainer__inner > *:last-child { margin-bottom: 0 !important; }
.faqContainer__body > *:last-child { margin-bottom: 0 !important; }

/* 2022/02/14 メディアデザイン */
.rec_mediaBox {
  display: flex;
  flex-wrap: wrap;
  margin: -8px;
}

.rec_mediaBox__item {
  padding: 8px;
}

.rec_mediaBox__inner {
  border: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.rec_mediaBox__inner:hover {
  opacity: .6;
  text-decoration: none;
}

.rec_mediaBox__image { margin-bottom: 0 !important; }
.rec_mediaBox__image > img {
  display: block !important;
  height: auto;
  max-width: 100%;
}

.rec_mediaBox__text {
  margin-bottom: 0 !important;
  padding: 16px;
}


/* 2022/02/14 ランキング */
.rec_ranking {}
.rec_ranking > *:last-child { margin-bottom: 0 !important; }

.rec_ranking__inner {}

.rec_ranking__rank {
  align-items: flex-end;
  display: flex;
  /*flex-wrap: wrap;*/
  font-size: 18px !important;
  font-weight: bold;
  line-height: 1 !important;
}

.rec_ranking__rank::before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  flex-shrink: 0;
  height: 30px;
  margin-right: 7px;
  width: 38px;
}

.rec_ranking__rank--first {}
.rec_ranking__rank--second {}
.rec_ranking__rank--third {}
.rec_ranking__rank--first::before { background-image: url("/resource/img/recruit/rec_rp_num_crown1.png"); }
.rec_ranking__rank--second::before { background-image: url("/resource/img/recruit/rec_rp_num_crown_silver2.png"); }
.rec_ranking__rank--third::before { background-image: url("/resource/img/recruit/rec_rp_num_crown_bronze3.png"); }

.rec_ranking__description {}


/*横幅*/
.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%;}
}


/* 171023　新卒・中途・講師派遣ボタン追加　*/
.r_btn {
  flex:1 0 auto;
  background-color: #ccc;
  box-shadow: 0 3px 0 #333;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-family:YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;
  font-size: 16px;
  font-weight: bold;
  float:left;
  margin:10px 12px 15px 0;
  padding: 10px 30px;
  position: relative;
  transition: none;
  text-align:center;
  text-decoration:none;
  width: auto;
}


.btn_pink {
  background-color:#d872a1;
  box-shadow: 0 3px 0 #8a5468;
}
.btn_blue {
  background-color:#507db5;
  box-shadow: 0 3px 0 #3c556b;
}

.btn_green {
  background-color:#3aab9b;
  box-shadow: 0 3px 0 #296943;
}

.btn_violet {
  background-color:#c655c7;
  box-shadow: 0 3px 0 #733073;
}

.btn_pink:hover,
.btn_blue:hover,
.btn_green:hover,
.btn_violet:hover{
  color: #fff;
  top: 3px;
  box-shadow: none;
  text-decoration: none;
}

@media (max-width: 768px) {
.r_btn { display: none; }
}

.square_btn{
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #ce64b2;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.square_btn:active {/*ボタンを押したとき*/
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

@media(max-width: 768px) {
.p_res_center { text-align:center; }
}


/* 2017/11/28 ページ下部　らしく */
#rashiku a { transition: .3s; }
#rashiku a:hover { opacity: 0.6; }