@charset "UTF-8";
/* ==================================================
	content_area
================================================== */
#content_area {
  margin-bottom: 90px; }

#content_area.column01 {
  font-size: 14px; }

#content_area .box_left {
  width: 420px; }

#content_area .box_right {
  border-left: 1px solid #cbcbcb;
  padding: 10px 20px 10px 50px;
  margin-top: 10px; }

/* ==================================================
	company - 会社情報（トビラページ）
================================================== */
/* ==================================================
	news - ニュース・トピックス
================================================== */
.page_news .news_box {
  margin-top: 30px;
  padding: 20px;
  border: 1px solid #cdcdcd; }

.page_news .date {
  display: inline-block;
  margin-bottom: 5px;
  padding: 5px 15px;
  border-radius: 5px;
  background-color: #fb6060;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  text-align: center; }

.page_news .news_box_ttl {
  padding-bottom: 5px;
  border-bottom: 1px solid #e30976;
  color: #e30976;
  font-size: 16px; }

.page_news .news_box_body {
  margin-top: 25px; }

.page_news .news_box_body .pic {
  float: right;
  width: 250px;
  margin-left: 20px;
  text-align: center; }

/* ==================================================
	company_inq - お問い合わせ
================================================== */
.page_company-inq .base_list li {
  float: left;
  margin-left: 10px; }

.page_company-inq .base_list li:first-of-type {
  margin-left: 0; }

.page_company-inq .seek_regist_btn .txt {
  padding: 10px 20px 10px 25px; }

.page_company-inq .inq_regist_guide {
  margin-top: 25px; }

.page_company-inq .inq_regist_guide dl {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 319px;
  padding: 15px;
  margin-left: 20px;
  background-color: #f1f1f1;
  text-align: center; }

.page_company-inq .inq_regist_guide dl:first-of-type {
  margin-left: 0; }

.page_company-inq .inq_regist_guide dt {
  color: #414141;
  font-size: 16px;
  font-weight: bold; }

.page_company-inq .inq_regist_guide .btn_style_gr {
  margin-top: 15px; }

.page_company-inq .inq_regist_guide .btn_style_gr a {
  font-size: 14px; }

/* ========== */
/* ==================================================
	job - お仕事紹介（一覧）
================================================== */

.page_job .seach_area_box{
    background: #fee2f1;
    border-radius: 5px;
    margin-bottom: 1rem;
    padding: 1.5rem;
    display: flex;
}

.sp_fixed{
    position: fixed;
    top: 0;
    z-index: 100;
    background: white;
    width: 740px;
    padding-bottom: 20px;
}


.page_job .seach_area_box_inner{
    background: white;
    border-radius: 3px;
    padding: 1.5rem;
    flex-grow: 1;


}
.page_job .seach_area_box_inner_btn{
   flex-grow:0;
    margin-left: 10px;
    align-self: center;

}
.page_job .seach_area_box_inner_btn .btn_pink{
    background-color: #E20974;
    padding: 30px 14px 30px 14px;
    display: block;
    -webkit-box-shadow: 0 2px 0 #6b6b6b;
    box-shadow: 0 2px 0 #6b6b6b;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.page_job .seach_area_box_inner_btn .btn_pink:hover{
    box-shadow: none;
    transform: translate(0,2px);

}
.page_job .seach_area_box_inner_btn .btn_pink a{
    color: white;
    text-decoration: none;
}


.page_job .seach_area_box_inner p{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 1rem;
}

.page_job .seach_count_box span{
    color: #E20974;
    font-size: 18px;
    font-weight: bold;
}


/*** モーダルウィンドウ ***/

.page_job #seach_mordalbox{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 11;
    width: 750px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    border-radius: 5px;
    padding: 22px 27px;

}
.page_job .s_search_cate_box{
    border: 1px solid #ccc;
    position: relative;

    overflow: scroll;
    height: 500px;


}
.page_job #seach_mordalbox .s_search_cate_box .title{
    color: white;
    text-align: center;
    background: #7f7f7f;
    position: relative;
    padding: 10px;
    font-size: 22px;
}
.page_job #seach_mordalbox .s_search_cate_box .backbtn{
    position: absolute;
    top:26%;
    left: 2%;
    cursor: pointer;


}

#seach_mordalbox .s_search_cate_box dl.s_search_cate_list dt.ac_btn{
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px;
    padding: 10px;
    position: relative;
}
#seach_mordalbox .s_search_cate_box dl.s_search_cate_list dd.ac_body ul{
    margin:0 15px;
}
#seach_mordalbox .s_search_cate_box dl.s_search_cate_list dd.ac_body ul li{
    float: left;
    padding:5px 8px;




}


#seach_mordalbox .s_search_cate_box dl.s_search_cate_list dt.ac_btn:before,
#seach_mordalbox .s_search_cate_box .s_search_cate_list .ac_btn:before{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 2%;
    margin-top: -8px;
    width: 18px;
    height: 17px;
    background: url(../common_img/ico_ac_plus.png) no-repeat 0 0;
}
#seach_mordalbox .s_search_cate_box dl.s_search_cate_list dt.ac_btn.open:before,
#seach_mordalbox .s_search_cate_box .s_search_cate_list .ac_btn.open:before{
    background: url(../common_img/ico_ac_minus.png) no-repeat 0 0;
}


.retrysearchWrap {
    margin-top: 20px;
    justify-content: center;
    text-align: center;
}
.retrysearchWrap .search_btn{
    display: flex;
    justify-content: center;
}
.retrysearchWrap .search_btn >div{
    width: 20%;
}
.retrysearchWrap .search_btn_submit input[type="submit"]{
    width: 150px;
}
.retrysearchWrap {

    margin-bottom: 20px;
}
.retrysearchWrap .freeword_input input[type="submit"]{
    width: 150px;
    padding: 10px;
}
#seach_mordalbox .freeword {
    margin-top: 20px;
}
#seach_mordalbox .freeword .search_box{
    padding: 10px;
    width: 300px;
}















.page_job .job_selected_item dt {
  width: 140px; }

.page_job .job_selected_item dd {
  padding: 5px 10px; }

.page_job .job_list_box {
  margin-top: 25px;
  padding: 20px 16px;
  border: 1px solid #cbcbcb; }

.page_job .job_list_box .job_num {
  font-size: 12px; }

.page_job .job_list_box .job_ttl {
  margin-top: 20px;
  color: #e30976;
  font-size: 16px;
  font-weight: bold; }

.page_job .job_list_box .job_cate_ico {
  margin-top: 20px; }

.page_job .job_list_box .job_cate_ico li {
  float: left;
  width: 114px;
  margin-top: 5px;
  margin-left: 2px;
  padding: 3px 0;
  border: 1px solid #e30976;
  border-radius: 5px;
  font-size: 11px;
  text-align: center;
  letter-spacing: -1px; }

.page_job .job_list_box .job_cate_ico li:nth-of-type(6n+1) {
  margin-left: 0;
  clear: both; }

.page_job .job_list_box .job_info_box_wrap {
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6; }

.page_job .job_list_box .job_info_box_img {
  float: right;
  width: 200px;
  margin-left: 20px;
  text-align: center; }

.page_job .job_list_box .job_info_box {
  font-size: 12px;
  overflow: hidden; }

.page_job .job_list_box .job_info_box .job_info_box_table th {
  width: 125px;
  padding-right: 20px;
  padding-left: 20px; }

.page_job .job_list_box .job_various_btns {
  margin-top: 20px;
  padding: 0 5px; }

.page_job .job_list_box .job_various_btns .regist_btn {
  float: left; }

.page_job .job_list_box .job_various_btns .regist_btn li {
  float: left;
  margin-left: 10px; }

.page_job .job_list_box .job_various_btns .regist_btn li:first-of-type {
  margin-left: 0; }

.page_job .job_list_box .job_various_btns .detail_btn {
  display: table;
  width: 48%;
  float: right;
  margin-top: 0; }

.page_job .job_list_box .job_various_btns .detail_btn p {
  width: 48%;
  padding-right: 10px;
  display: table-cell;
  vertical-align: top; }

.page_job .job_list_box .job_various_btns .detail_btn p .btn_yellow {
  display: block;
  padding: 14px 5px 14px 5px;
  -webkit-box-shadow: 0 2px 0 #035088;
  box-shadow: 0 2px 0 #035088;
  border-radius: 5px;
  background-color: #0997ff;
  color: #fff;
  font-size: 15px;
  text-align: center;
  text-decoration: none; }

.page_job .job_list_box .job_various_btns .detail_btn p .btn_grey {
  display: block;
  padding: 4px 5px 3px 5px;
  -webkit-box-shadow: 0 2px 0 #6b6b6b;
  box-shadow: 0 2px 0 #6b6b6b;
  border-radius: 5px;
  background-color: #929292;
  color: #fff;
  font-size: 15px;
  text-align: center;
  text-decoration: none; }

.page_job_detail .job_point_box {
  margin-top: 20px; }

.page_job_detail .job_point_box .job_point_img {
  float: right;
  width: 280px;
  margin-left: 20px;
  text-align: center; }

.page_job_detail .job_point_box .job_point_ttl {
  margin-bottom: 15px;
  padding: 0 0 5px 26px;
  border-bottom: 1px solid #e30976;
  background: url(../common_img/ico_chkbox.png) 0 5px no-repeat;
  color: #e30976;
  font-size: 16px; }

.page_job_detail .job_info_box_table {
  font-size: 12px; }

.page_job_detail .job_info_box_table th {
  width: 170px;
  padding-right: 20px;
  padding-left: 20px; }

/* ==================================================
	contact - お仕事情報：お問い合わせフォーム
================================================== */
/* ==================================================
  regist_info - 登録会情報（一覧）
================================================== */
.page_regist-info .cms_box_area.detail .cms_detail_img {
  width: 300px;
  float: left;
  margin-right: 20px; }

.page_regist-info #access_map {
  margin-top: 40px; }

.page_regist-info #access_map .gmap {
  margin-top: 20px;
  padding: 2px;
  border: 1px solid #cdcdcd; }

.page_regist-info #access_map .gmap iframe {
  width: 100%;
  height: 350px;
  border: none; }

/* ==================================================
	regist_info - 登録会情報（詳細）
================================================== */
.page_regist-info .cms_box_area .dl_table_style dt {
  width: 25%; }

/* ==================================================
	regist_booking - 登録会予約フォーム
================================================== */
.page_regist-booking .job_selected_item dd {
  overflow-y: auto; }

/* ==================================================
	training - 研修の内容と日程紹介
================================================== */
.page_training .cms_box_area.detail .cms_detail_img {
  float: right;
  width: 300px;
  margin-left: 20px; }

.page_training .dl_table_style .inner dl > dt,
.page_training .dl_table_style .inner dl > dd {
  padding: 10px;
  font-size: 12px; }

.page_training .dl_table_style .inner dl > dt {
  width: 150px; }

.page_training #access_map {
  margin-top: 40px; }

.page_training #access_map .gmap {
  margin-top: 20px;
  padding: 2px;
  border: 1px solid #cdcdcd; }

.page_training #access_map .gmap iframe {
  width: 100%;
  height: 350px;
  border: none; }

/* ==================================================
	success - 派遣の成功事例紹介
================================================== */
.page_success .success_detail_btn {
  float: none;
  width: 350px;
  margin: 0 auto; }

.page_success .success_detail_btn a {
  padding-top: 15px;
  padding-bottom: 15px; }

/* ==================================================
	tradeterm - 貿易用語辞典
================================================== */
.page_tradeterm {
  /* 英数字で探す / 50音で探す */ }

.page_tradeterm #tradeterm_search {
  margin-bottom: 30px; }

.page_tradeterm #tradeterm_search dl {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 10px;
  border: 1px solid #cdcdcd;
  text-align: center; }

.page_tradeterm #tradeterm_search dl dt {
  padding: 10px 0;
  color: #e30976;
  font-size: 16px;
  font-weight: bold; }

.page_tradeterm #tradeterm_search dl dt .fa {
  margin-right: 0.5em; }

.page_tradeterm #tradeterm_search dl li {
  display: inline-block;
  width: 25px;
  margin: 4px 3px;
  vertical-align: middle; }

.page_tradeterm #tradeterm_search dl li a {
  display: block;
  padding: 5px 0;
  border: 1px solid #e30976;
  line-height: 1.0;
  text-decoration: none;
  vertical-align: middle; }

.page_tradeterm #tradeterm_search dl li a:hover {
  background-color: #e30976;
  color: #fff; }

.page_tradeterm #tradeterm_search dl li.active a {
  background-color: #e30976;
  color: #fff; }

.page_tradeterm #tradeterm_search dl.alpha {
  float: left;
  width: 480px; }

.page_tradeterm #tradeterm_search dl.alpha50 {
  float: right;
  width: 250px; }

.page_tradeterm #tradeterm_search dl.alpha50 li {
  width: 37px; }

.page_tradeterm .tradeterm_box {
  margin-top: 20px;
  padding: 15px;
  background-color: #f4f4f4; }

.page_tradeterm .ttl {
  margin-bottom: 10px;
  color: #e30976;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff;
  overflow: hidden;
  overflow-wrap: break-word; }

.page_tradeterm .body {
  padding: 15px;
  background-color: #fff; }

.page_tradeterm .img {
  float: right;
  width: 200px;
  margin-left: 20px;
  text-align: center; }

.page_tradeterm .txt {
  overflow: hidden; }

/* ==================================================
	campaign - お友達紹介キャンペーン
================================================== */
.page_campaign .lead_box .ttl {
  font-size: 24px; }

.page_campaign .lead_box .flex{
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.page_campaign .campaign_box_outer{
  margin-top: 20px;
  padding: 30px;
  background: #fdfdc6;
}

.page_campaign .campaign_box {
  margin-top: 30px;
  padding: 20px;
  background: #fefedf;
  border-radius: 20px;
  border: 4px dashed #fdefc6;
  }

.page_campaign .campaign_box:first-child{
  margin-top: 0;
}

.page_campaign .campaign_box p{
  font-size: 14px;
  line-height: 1.6;
}

.page_campaign .campaign_box .ttl {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #e30976;
  color: #e30976;
  font-size: 18px;
  font-weight: bold; }

.page_campaign .campaign_box .ttl .fa {
  margin-right: 10px;
  font-size: 20px; }

.page_campaign .campaign_box .img {
  float: left;
  width: 280px;
  margin-right: 20px; }

.page_campaign .campaign_box .catch {
  margin-bottom: 15px;
  color: #e30976;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3; }

.page_campaign .campaign_box .catch .price {
  padding: 0 3px;
  background: -webkit-linear-gradient(transparent 50%, #fff58b 0%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #fff58b));
  background: -o-linear-gradient(transparent 50%, #fff58b 0%);
  background: linear-gradient(transparent 50%, #fff58b 0%);
  font-size: 24px; }

/*.page_campaign .campaign_box li {
  margin-top: 8px;
  padding-left: 1em;
  text-indent: -1em; }*/

.page_campaign .campaign_box li:first-of-type {
  margin-top: 0; }

.page_campaign .campaign_box li {
  font-size: 14px;
  line-height: 1.6;
}
.page_campaign .caution_box {
  margin: 30px 10px 0;
  padding: 20px 30px;
  border-radius: 20px;
  background-color: #f4f4f4;
  border: 4px solid #fff; }

.page_campaign .caution_box .ttl {
  margin-bottom: 10px;
  font-size: 16px; }

.page_campaign .caution_box .ttl .fa {
  margin-right: 5px;
  font-size: 18px; }

.page_campaign .caution_box li {
  margin-top: 5px;
  padding-left: 1em;
  font-size: 12px;
  text-indent: -1em; }

.page_campaign .campaign_box ul.plus{
}

.page_campaign .campaign_box ul.plus li{
  margin-bottom: 10px;
  padding-left: 1em;
  text-indent: -1em;
}

.page_campaign .campaign_box.cam_flow ul{
  margin-left: 20px;
  list-style: decimal;
  list-style-position: outside;
}
.page_campaign .campaign_box.cam_flow ul li{
  margin-bottom: 10px;
}

.page_campaign #cam_form ul{
  margin-top: 15px;
  list-style: none;
}
.page_campaign #cam_form ul li{
  position: relative;
  margin-top: 5px;
  padding-left: 1em;
}
.page_campaign #cam_form ul li:before{
  content: '*';
  position: absolute;
  left: 0;
  font-size: 16px;
}


/* ==================================================
	temp-inq - WEB仮登録フォーム
================================================== */
.regist_flow {
  margin-top: 15px;
  padding: 10px;
  background-color: #eee; }

.regist_flow dt {
  padding-left: 5px;
  color: #e30976;
  font-size: 16px;
  font-weight: bold; }

.regist_flow dt span {
  color: #444444;
  font-weight: normal;
  font-size: 13px; }

.regist_flow dd {
  margin-top: 10px;
  padding: 10px;
  background-color: #fff;
  border-radius: 3px; }

.regist_flow dd li {
  margin-top: 8px; }

.regist_flow dd li:first-of-type {
  margin-top: 0; }

.career_box_wrap .inq_table_style {
  margin-top: 20px; }

.career_box_wrap > .inq_table_style:first-of-type {
  margin-top: 0px; }

/* ==================================================
	change-inq - 登録情報変更・追加フォーム
================================================== */
.page_change-inq .want_to {
  padding: 15px;
  border: 1px solid #cdcdcd; }

/* ==================================================
  first - 初めての方TOP
================================================== */
.banner_first {
  background: url(../first/images/bg_01.png) no-repeat top center;
  padding: 44px 110px 15px;
  border: 2px solid #ffebf5;
  margin-bottom: 45px; }

.ttl_style1 {
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e30976;
  color: #e30976;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3; }

.stl_box01 {
  background: url("../common_img/bg_01.png") repeat;
  width: 290px;
  padding: 25px 35px;
  border-bottom: 5px solid #e30976;
  margin-bottom: 15px;
  height: 210px; }

.stl_box01 .icon_box {
  text-align: center;
  margin-bottom: 15px; }

.stl_box01 .ttl_box {
  border-bottom: 1px solid #e30976;
  font-size: 19px;
  color: #e30976;
  text-align: center;
  margin-bottom: 10px;
  padding-bottom: 3px; }

.stl_box02 {
  background: url("../common_img/bg_01.png") repeat;
  padding: 25px 30px 20px 70px;
  border-bottom: 5px solid #e30976; }

.stl_box02 .icon_box {
  float: left;
  width: 70px;
  margin-right: 40px; }

.stl_box02 .text_box {
  float: right;
  width: 530px; }

.stl_box02 .text_box .ttl_box {
  font-size: 19px;
  color: #e30976;
  margin-bottom: 10px; }

/* ==================================================
  beginner - 派遣登録について
================================================== */
.stl_box03 {
  margin: 30px 45px;
  border: 3px solid #e30976;
  border-radius: 5px;
  padding: 20px 20px 20px 30px; }

.stl_box03 .icon_box {
  float: left;
  width: 75px;
  margin-right: 15px; }

.stl_box03 .txt_box {
  float: right;
  width: 504px; }

.stl_box03 .ttl_box {
  font-size: 20px;
  font-weight: bold;
  color: #e30976;
  margin-bottom: 10px; }

.ttl_style2 {
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e30976;
  color: #e30976;
  font-size: 20px;
  font-weight: bold; }

.stl_step {
  margin-bottom: 5px; }

.stl_step .left_step {
  position: relative;
  z-index: 2;
  float: left;
  width: 186px;
  margin-right: 24px; }

.stl_step .left_step .ttl_step {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #e30976;
  padding: 2px; }

.stl_step .right_step {
  position: relative;
  float: right;
  width: 530px;
  padding-bottom: 50px; }

.stl_step .right_step:after {
  position: absolute;
  content: "";
  border-left: 2px solid #e30976;
  width: 2px;
  height: 100%;
  left: -120px;
  top: 0;
  z-index: 1; }

.stl_step .right_step:before {
  position: absolute;
  content: url("../beginner/images/arrow_01.png");
  width: 10px;
  height: 8px;
  bottom: 0;
  left: -124px; }

.stl_steplast .right_step:before, .stl_steplast .right_step:after {
  content: "";
  border-left: none; }

.stl_step .right_step .ttl {
  margin-bottom: 25px; }

.stl_step .right_step dt {
  float: left;
  width: 130px;
  border: 1px solid #555555;
  padding: 3px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #444444; }

.stl_step .right_step dd {
  float: right;
  width: 380px;
  color: #e30976;
  font-weight: bold;
  font-size: 17px;
  text-align: left; }

.stl_box4 {
  border: 1px solid #e30976;
  margin-bottom: 10px;
  padding: 20px 20px 20px 25px; }

.stl_box4 .ttl {
  font-size: 18px;
  font-weight: bold;
  color: #e30976;
  line-height: 1.2; }

.stl_box4 li {
  margin-bottom: 5px;
  width: 49%;
  float: left; }

.stl_box4 li:nth-child(2n) {
  float: right !important; }

.stl_box5 {
  border: 1px solid #cdcdcd;
  margin-bottom: 10px;
  padding: 20px 20px 20px 25px; }

.stl_box5 .ttl {
  font-size: 18px;
  font-weight: bold;
  color: #e30976;
  line-height: 1.2; }

.btn_box {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  border: 1px solid #f8a3cd;
  color: #e30976;
  padding: 8px 0;
  border-radius: 5px;
  margin-top: 10px;
  width: 185px;
  display: block; }

.btn_box:hover {
  background: #e30976;
  color: #fff; }

.btn_box02 {
  font-size: 14px;
  text-align: center;
  color: #444;
  /*padding: 8px 0;*/
  padding: 8px 8px 8px 27px;
  box-sizing: border-box;
  border-radius: 5px;
  margin-top: 10px;
  width: 200px;
  display: block;
  border: 1px #e20974 solid;
  position: relative;
  text-decoration: none !important; }

.btn_box02:hover {
  background: #efefef;
  color: #444; }

.btn_box02:before {
  position: absolute;
  top: 6px;
  left: 6px;
  content: url(../download/images/ico_pdf.png); }

.btn_box02.xls:before {
  content: url(../download/images/ico_xls.png); }

a.btn_box {
  text-decoration: none; }

.stl_btn1 {
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom, from(#e30976), to(#a50c51));
  background: -webkit-linear-gradient(#e30976, #a50c51);
  background: -o-linear-gradient(#e30976, #a50c51);
  background: linear-gradient(#e30976, #a50c51);
  -webkit-box-shadow: 0 1px #a5024b;
  box-shadow: 0 1px #a5024b;
  color: #fff;
  text-align: center;
  font-size: 15px;
  padding: 10px 30px; }

a.stl_btn1 {
  text-decoration: none; }

.stl_btn1:hover {
  /*background: linear-gradient(#a50c51,#e30976);*/
  opacity: 0.7; }

.stl_step1 .left_step1 {
  float: left;
  width: 186px; }

.stl_step1 .right_step1 {
  float: right;
  width: 494px;
  background: #f1f1f1;
  padding: 22px 30px; }

.stl_step1 .right_step1 .ttl {
  margin-bottom: 20px; }

.stl_step1 .right_step1 .ttl dt {
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding: 2px;
  width: 120px;
  float: left;
  background: #e30976; }

.stl_step1 .right_step1 .ttl dd {
  float: right;
  width: 328px;
  font-size: 18px;
  font-weight: bold;
  color: #e30976;
  padding: 0 20px;
  line-height: 1.5; }

.box_cricle {
  background: #fceef5;
  padding: 20px 210px; }

.box_cricle li {
  float: left;
  width: 130px;
  margin-right: 50px; }

.box_cricle li p {
  border: 1px solid #e20974;
  background: #fff;
  padding: 15px 5px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #414141;
  width: 118px; }

.left_cont4 {
  float: left;
  width: 210px;
  margin-right: 10px; }

.box_gray {
  background: #f1f1f0;
  padding: 20px 25px; }

.text_indent {
  text-indent: -15px;
  margin-left: 15px; }

.w420 {
  width: 420px; }

.box_gray li {
  width: 100%; }

/* ==================================================
  support - サポート・福利厚生
================================================== */
.banner_anchor {
  background: #f8f8f9 url("../support/images/bg_01.png") no-repeat bottom center;
  border: 2px solid #ffebf5;
  padding: 40px; }

.ttl_style3 {
  font-weight: bold;
  font-size: 16px;
  color: #414141;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e30976;
  line-height: 1.3; }

.sec_support .left_text {
  float: left;
  width: 410px;
  margin-right: 35px; }

.sec_support .right_img {
  float: right;
  width: 295px; }

/* ==================================================
  road_employee - 派遣から正社員への道
================================================== */
.banner_roademployee {
  background: url("../road_employee/images/bg_01.png") no-repeat right bottom;
  padding: 35px 30px 65px 0; }

.txt_01 {
  font-weight: bold;
  font-size: 24px;
  color: #e30976;
  padding-bottom: 10px;
  margin-bottom: 20px;
  line-height: 1.3;
  border-bottom: 1px solid #e30976;
  width: 510px; }

.sec_employee dt {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  background: #e30976;
  text-align: center;
  padding: 5px;
  width: 80px;
  float: left; }

.sec_employee dd {
  font-weight: bold;
  font-size: 22px;
  color: #414141;
  padding: 0 15px;
  float: right;
  width: 610px;
  line-height: 1.7; }

.sec_employee1 {
  margin: 30px 20px; }

.sec_employee1 .text_left {
  float: left;
  width: 410px;
  margin-right: 25px; }

.boxtext_pink {
  background: #fff;
  border: solid 1px #e20974;
  padding: 4px 5px 8px 15px;
  margin-bottom: 10px;
  color: #de0867;
  font-size: 15px; }

.boxtext_pink:first-letter {
  padding-right: 2px;
  font-size: 20px; }

.sec_employee1 .img_right {
  float: right;
  width: 265px;
  height: 152px;
  overflow: hidden; }

.sec_employee1 .img_right img {
  margin-top: -85px; }

dl.stl_list01 {
  display: table;
  margin: 0 20px 10px; }

.stl_list01 dt {
  display: table-cell;
  vertical-align: middle; }

.stl_list01 dd.box_gray1 {
  width: 538px; }

.box_gray1 {
  background: #f1f1f0;
  padding: 30px; }

/* ==================================================
  seminar - 研修・スクールのご案内
================================================== */
.banner_seminar {
  background: url("../seminar/images/bg_01.png") no-repeat top center;
  padding: 40px 70px 25px;
  border: 2px solid #ffebf5; }

.box_seminar {
  width: 360px;
  border-top: 4px solid #e30976;
  padding: 10px 0;
  margin-top: 30px;
  height: 240px; }

.box_seminar02 {
  border-top: 4px solid #e30976;
  padding: 10px 0;
  margin-top: 30px; }

.box_seminar02 img {
  float: left;
  margin-right: 30px; }

.box_seminar .ttl {
  font-weight: bold;
  font-size: 16px;
  color: #e30976;
  margin-bottom: 10px;
  text-align: center;
  line-height: 1; }

.box_seminar02 .ttl {
  font-weight: bold;
  font-size: 16px;
  color: #e30976;
  margin-bottom: 10px;
  text-align: center;
  line-height: 1; }

.box_seminar .ttl:first-letter {
  font-size: 20px; }

.page_seminar #main_content .txt {
  padding: 10px 15px;
  min-height: 76px; }

/* ==================================================
  career - 充実の研修制度
================================================== */
.banner_career {
  background: url(../career/images/bg_01.png) no-repeat right bottom;
  padding: 35px 30px 65px 0; }

.sec_career {
  border-left: 10px solid #de0867;
  background: #f0f0f0;
  margin-bottom: 10px; }

.sec_career .inner_sec {
  padding: 20px; }

.inner_sec .text_left {
  float: left;
  width: 410px;
  margin-right: 15px; }

.inner_sec .img_right {
  float: right;
  width: 265px; }

.inner_sec .img_right dl {
  display: table; }

.inner_sec .img_right dl dt {
  display: table-cell;
  width: 122px;
  padding-right: 10px;
  vertical-align: middle; }

.inner_sec .img_right dl dd {
  display: table-cell;
  width: 121px;
  vertical-align: middle; }

.stl_box04 .txt_box04 {
  float: left;
  width: 410px;
  margin-right: 30px; }

.stl_box04 .img_box04 {
  float: right;
  width: 296px; }

.txt_box04 dl {
  display: table;
  margin-bottom: 15px; }

.txt_box04 dl dt {
  display: table-cell;
  vertical-align: middle; }

.txt_box04 dl dd {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  font-weight: bold;
  font-size: 20px;
  color: #e30976;
  line-height: 1.3; }

.stl_btn2 {
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom, from(#e30976), to(#b50655));
  background: -webkit-linear-gradient(#e30976, #b50655);
  background: -o-linear-gradient(#e30976, #b50655);
  background: linear-gradient(#e30976, #b50655);
  -webkit-box-shadow: 0 1px #a5024b;
  box-shadow: 0 1px #a5024b;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 20px 30px; }

a.stl_btn2 {
  text-decoration: none; }

.stl_btn2:hover {
  opacity: 0.7; }

/* ==================================================
  beginner_seminar - 未経験でも貿易事務になれる研修
================================================== */
.banner_beginner_seminar {
  background: url(../beginner_seminar/images/bg_01.png) no-repeat right bottom;
  padding: 35px 30px 35px 0; }

.banner_beginner_seminar .txt_01 {
  width: 605px !important; }

.stl_box05 .img_box05 {
  float: left;
  width: 155px;
  margin-right: 25px; }

.stl_box05 .txt_box05 {
  float: right;
  width: 480px; }

.stl_txt01 {
  background: #fff;
  color: #e30976;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  padding: 3px 25px;
  width: 100px;
  border: solid 1px #e30976; }

.box_gray2 {
  background: #f1f1f0;
  padding: 25px 35px;
  border-bottom: 5px solid #e30976;
  margin: 40px 50px 0; }

.box_gray2 .img_box {
  float: left;
  width: 90px;
  margin-right: 25px; }

.box_gray2 .txt_box {
  float: right;
  width: 455px; }

.banner_beginner_seminar2 {
  background: #f8f9fb url(../beginner_seminar/images/bg_02.png) no-repeat right bottom;
  border: 1px solid #e30976;
  padding: 39px 35px;
  margin-top: 60px; }

.banner_beginner_seminar2 .l_h6 {
  text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.61); }

/* ==================================================
  about_exportclerk - 貿易事務ってどんな仕事？
================================================== */
.banner_about_exportclerk {
  background: url(../about_exportclerk/images/bg_01.png) no-repeat right bottom;
  padding: 40px 230px 40px 0; }

.stl_table01 th {
  background: #ffe3f1;
  padding: 15px 10px 15px 35px;
  border-bottom: 2px solid #fff;
  width: 60px;
  vertical-align: top; }

.stl_table01 td {
  background: #ffe3f1;
  padding: 15px 10px 15px 0px;
  border-bottom: 2px solid #fff; }

.stl_list02 {
  background: #f0f0f0;
  margin-top: 20px;
  padding: 25px 45px; }

.stl_list02 li {
  float: left;
  width: 23%;
  margin-right: 2%;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px; }

.stl_list02 li.tit {
  float: none;
  width: 100%;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 16px; }

.stl_list02 li:nth-child(4n+1) {
  margin-right: 0px; }

.stl_list03 li {
  float: left;
  background: #fff;
  border: 1px solid #e30976;
  padding: 9px;
  text-align: center;
  font-size: 16px;
  color: #e30976; }

.stl_list05 li {
  float: left;
  background: url(../common_img/ico_arrow_pink.png) no-repeat 15px 15px #fff;
  border: 1px solid #e30976;
  padding: 7px 0px 7px 9px;
  text-align: center;
  font-size: 16px;
  color: #e30976;
  position: relative;
  display: block; }

.stl_list05 li a {
  color: #e30976;
  text-decoration: none; }

.stl_list06 {
  background: #f0f0f0;
  margin-top: 20px;
  padding: 20px 35px; }

.daysflow01 {
  padding: 20px 20px 20px 130px;
  background: url(../beginner/images/icon_01.png) 30px 50% no-repeat;
  border: 3px solid #e30976;
  border-radius: 3px; }

.daysflow01 .tlt {
  color: #e30976;
  font-size: 20px;
  font-weight: bold; }

.daysflow01 dt {
  float: left;
  width: 50px;
  margin-right: 10px;
  background-color: #f0f0f0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle; }

.banner_about_exportclerk2 {
  background: url(../about_exportclerk/images/bg_02.png) no-repeat right bottom;
  padding: 30px 40px; }

.w220 {
  width: 220px;
  margin-right: 7px; }

.w280 {
  width: 280px;
  margin-right: 7px; }

.w80 {
  width: 80px;
  margin-right: 7px; }

.w170 {
  width: 170px;
  margin-right: 7px; }

.w160 {
  width: 160px;
  margin-right: 4px;
  margin-top: 7px; }

.stl_list04 {
  background: #f0f0f0;
  padding: 15px 25px;
  width: 290px;
  margin-top: 25px; }

.stl_list04 li:first-child {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
  border-bottom: 1px solid #555555;
  padding: 0px 0px 5px 5px; }

.stl_list04 li {
  font-weight: bold;
  font-size: 13px; }

.stl_list04 li dd {
  font-weight: normal; }

.banner_about_exportclerk2 {
  background: url(../about_exportclerk/images/bg_02.png) no-repeat right bottom;
  padding: 30px 40px; }

.banner_about_exportclerk3 {
  background: url(../about_exportclerk/images/bg_03.png) no-repeat right bottom;
  padding: 28px 40px; }

/*.banner_about_exportclerk2 p, .banner_about_exportclerk3 p{
  font-family: "FOT-RodinNTLG Pro";
  font-weight: bold;
  font-size: 19px;
  color: #e30976;
  line-height: 1.3;
  margin-bottom: 15px;
}*/
.stl_btn3 {
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom, from(#e30976), to(#b50655));
  background: -webkit-linear-gradient(#e30976, #b50655);
  background: -o-linear-gradient(#e30976, #b50655);
  background: linear-gradient(#e30976, #b50655);
  -webkit-box-shadow: 0 1px #a5024b;
  box-shadow: 0 1px #a5024b;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 20px 50px; }

.stl_btn3:hover {
  opacity: 0.7; }

a.stl_btn3 {
  text-decoration: none; }

/* ==================================================
  challenge - 未経験から貿易事務を目指す
================================================== */
.banner_challenge {
  background: url(../challenge/images/bg_01.png) no-repeat right bottom;
  padding: 40px 30px 24px 0; }

.ban_inner {
  margin: 20px 20px 0;
  padding: 15px 30px;
  background: #fff;
  border: 2px solid #e30976;
  display: table;
  border-radius: 5px; }

.ban_inner dt {
  display: table-cell;
  vertical-align: middle; }

.ban_inner dd {
  display: table-cell;
  padding-left: 30px; }

.box_gray3 {
  background: #f0f0f0;
  padding: 15px;
  margin-top: 20px; }

.box_gray3 .ttl {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ababab; }

.box_gray3 .ttl:first-letter {
  font-size: 25px; }

.box_gray3 ul {
  margin: 0 20px;
  float: left; }

.box_gray3 ul li {
  margin-right: 20px;
  font-weight: bold; }

.page_challenge .stl_list04 {
  width: 310px; }

.page_challenge .stl_list04 li:first-child {
  font-size: 18px; }

.w690 {
  width: 690px !important; }

.stl_list04 dt {
  font-weight: bold;
  float: left;
  width: 90px; }

.page_challenge .boxtext_pink {
  width: 320px; }

.box_gray4 {
  background: #f1f1f0;
  padding: 30px 40px;
  margin-top: 30px; }

.box_btn {
  background: #fff;
  border: 1px solid #e30976;
  padding: 15px 30px;
  width: 255px; }

.bbottom_gray {
  border-bottom: 1px solid #cdcdcd;
  padding-bottom: 30px; }

.box_list {
  border: 1px solid #e30976;
  padding: 15px 20px;
  background: #fff;
  width: 190px;
  height: 275px; }

.banner_challenge1 {
  background: url(../challenge/images/bg_02.png) no-repeat right bottom;
  padding: 30px;
  margin-top: 40px; }

.banner_challenge1 .f14 {
  padding-right: 300px; }

.banner_challenge1 .list_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4%;
  background: #fff;
  border: 2px solid #e30976;
  padding: 15px;
  margin-top: 55px; }

.banner_challenge1 .list_btn li {
  float: left; }

/* ==================================================
  service_temp - 人材派遣サービス
================================================== */
.stl_step3 {
  margin-bottom: 10px; }

.hs_flow_boxs {
  background: url(../service/temp/images/line.png) no-repeat 25px; }

.stl_step3 .number {
  float: left;
  width: 30px;
  border: 1px solid #e30976;
  background-color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding: 10px;
  color: #e30976;
  margin-right: 30px; }

.stl_step3 .ttl_01 {
  font-size: 18px;
  color: #e30976;
  font-weight: bold; }

.stl_step3 .ttl {
  padding: 10px 10px 10px 20px;
  font-size: 18px;
  color: #e30976;
  font-weight: bold; }

.arrow3 {
  margin: 10px 10px 10px 105px; }

.support_job dt {
  font-weight: bold;
  margin: 10px 0; }

/* ==================================================
  service_referral - 人材紹介サービス
================================================== */
.page_service_referral .stl_step2 .cont {
  width: 478px; }

li.child {
  margin-left: 15px; }

.stl_step2 {
  border: 1px solid #e30976; }

.stl_step2 .number {
  float: left;
  width: 30px;
  background: #e30976;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding: 10px;
  color: #fff; }

.stl_step2 .ttl {
  float: left;
  width: 150px;
  padding: 10px;
  text-align: center;
  font-size: 18px;
  color: #e30976;
  font-weight: bold; }

.stl_step2 .cont {
  float: left;
  width: 418px;
  padding: 10px; }

.arrow {
  margin: 10px 10px 10px 105px; }

/* ==================================================
  welfare - 福利厚生
================================================== */
ul.tabs {
  width: 100%;
  margin-top: 30px;
  z-index: 1; }

ul.tabs li.current {
  background: #e30976;
  position: relative;
  z-index: 3;
  color: #ffffff;
  width: 345px; }

ul.tabs li {
  padding: 10px;
  width: 345px;
  float: left;
  text-align: center;
  border: 1px solid #e30976;
  border-bottom: none;
  background: #fff;
  color: #e30976;
  display: inline-block;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
  cursor: pointer; }

.tab-content {
  border: 1px solid #e30976;
  padding: 30px;
  display: none;
  position: relative;
  z-index: 2; }

.tab-content.current {
  display: block;
  z-index: 2; }

.img_tab {
  float: left;
  width: 235px;
  margin-right: 25px; }

.text_tab {
  float: right;
  width: 400px; }

dl.ttl_tab {
  display: table;
  margin-bottom: 8px;
  margin-top: 25px; }

dl.ttl_tab dt {
  display: table-cell;
  vertical-align: middle; }

dl.ttl_tab dd {
  padding-left: 10px;
  font-weight: bold;
  font-size: 16px;
  color: #e30976;
  line-height: 1.8; }

.stl_table02 th {
  background: #ffe3f1;
  border-bottom: 1px solid #fff;
  padding: 10px 12px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  width: 33%; }

.stl_table02 td {
  background: #f0f0f0;
  border-bottom: 1px solid #fff;
  padding: 10px 12px;
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
  width: 67%; }

/* -- ここから0309_takashiba ---------------------------- */
/* ==================================================
 first_faq - 登録Q&A
================================================== */
.firs_feq .box_mode01 {
  margin-top: 15px;
  padding: 20px 0 5px;
  border-top: 1px solid #e30976; }

.firs_feq .box_mode01 h4 {
  font-size: 16px;
  margin-bottom: 15px;
  color: #e30976; }

.firs_feq .box_mode01 ul.tel_list li {
  width: 50%;
  float: left;
  margin-bottom: 2px; }

.firs_feq .box_mode01 ul.tel_list li::after {
  content: "";
  display: block;
  clear: both; }

.firs_feq .box_mode01 ul.tel_list li dt, .firs_feq .box_mode01 ul.tel_list li dd {
  float: left; }

.firs_feq .box_mode01 ul.tel_list li dt {
  font-weight: bold; }

.firs_feq .box_mode01 ul.tel_list li dd address {
  font-style: normal; }

.firs_feq .box_mode01 .btn_list {
  margin-top: 15px; }

.firs_feq .box_mode01 .btn_list li {
  width: 48%; }

.firs_feq .box_mode01 .btn_list li:first-child {
  float: left; }

.firs_feq .box_mode01 .btn_list li:last-child {
  float: right; }

.firs_feq .box_mode01 .btn_list li a {
  width: 100%; }

.firs_feq .ofice_list {
  margin-top: 15px; }

.firs_feq .ofice_list > li {
  width: 48%; }

.firs_feq .ofice_list > li:first-child {
  float: left; }

.firs_feq .ofice_list > li:last-child {
  float: right; }

.firs_feq .ofice_list > li > div {
  padding: 10px;
  background: #fceef5; }

.firs_feq .ofice_list > li > div > dl {
  font-weight: bold;
  height: 91px;
  margin-bottom: 5px; }

.firs_feq .ofice_list > li > div > dl dt {
  font-size: 16px;
  margin-bottom: 10px;
  color: #e30976; }

/* ==================================================
 business - 企業のご担当者様TOP
================================================== */
.firs_feq .box_mode01 {
  margin-top: 15px;
  padding: 20px 0 5px;
  border-top: 1px solid #e30976; }

.firs_feq .box_mode01 h4 {
  font-size: 16px;
  margin-bottom: 15px;
  color: #e30976; }

.firs_feq .box_mode01 ul.tel_list li {
  width: 33%;
  float: left;
  margin-bottom: 2px; }

.firs_feq .box_mode01 ul.tel_list li::after {
  content: "";
  display: block;
  clear: both; }

.firs_feq .box_mode01 ul.tel_list li dt, .firs_feq .box_mode01 ul.tel_list li dd {
  float: left; }

.firs_feq .box_mode01 ul.tel_list li dt {
  margin-right: 10px;
  width: 36%;
  text-align: right;
  font-weight: bold; }

.firs_feq .box_mode01 ul.tel_list li dd address {
  font-style: normal; }

.firs_feq .box_mode01 .btn_list {
  margin-top: 15px; }

.firs_feq .box_mode01 .btn_list li {
  width: 48%; }

.firs_feq .box_mode01 .btn_list li:first-child {
  float: left; }

.firs_feq .box_mode01 .btn_list li:last-child {
  float: right; }

.firs_feq .box_mode01 .btn_list li a {
  width: 100%; }

.firs_feq .ofice_list {
  margin-top: 15px; }

.firs_feq .ofice_list > li {
  width: 48%; }

.firs_feq .ofice_list > li:first-child {
  float: left; }

.firs_feq .ofice_list > li:last-child {
  float: right; }

.firs_feq .ofice_list > li > div {
  padding: 10px;
  background: #fceef5; }

.firs_feq .ofice_list > li > div > dl {
  font-weight: bold;
  height: 91px;
  margin-bottom: 5px; }

.firs_feq .ofice_list > li > div > dl dt {
  font-size: 16px;
  margin-bottom: 10px;
  color: #e30976; }

/* ==================================================
 service - 登録スタッフの方TOP
================================================== */
.serv_page .a_area a {
  text-decoration: none; }

.serv_page .campaign_box .img {
  width: 250px; }

/* ==================================================
 staff - サービス一覧TOP
================================================== */
.a_area.staff_page a:hover .stl_box01 {
  background: url(../common_img/bg_01_hov.png) repeat;
  border-bottom: 5px solid #ce77a2; }

.page_staff .stl_box01 .pl05 {
  min-height: 78px; }

.page_staff .banner_staff {
  background: url(../staff/images/bg_01.png) no-repeat right bottom;
  padding: 35px 30px 35px 0; }

.page_staff .banner_staff .ttl_style1 {
  width: 450px; }

/* ==================================================
 haken - マンガ「ハケンで発見！」
================================================== */
.haken_page .tab_box {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 10; }

.haken_page .tab_box dt h3 {
  position: relative; }

.haken_page .tab_box dt .txt_s {
  font-size: 15px;
  position: absolute;
  left: 50px;
  bottom: 10px;
  color: #e30976; }

.haken_page .tab_box .tabs {
  width: 345px; }

.haken_page .tab_box .tabs li {
  text-decoration: none;
  width: 345px;
  float: none;
  text-align: left;
  border: none;
  border-bottom: 1px dashed #ffbed2;
  background: none;
  color: #e30976;
  display: block;
  padding: 0 0 6px 30px;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
  background: url(../haken/images/icon01.png) left top no-repeat; }

.haken_page .tab_box .tabs li:hover {
  opacity: 0.6;
  cursor: pointer; }

.haken_page .tab_box .tabs li span {
  font-size: 13px; }

.haken_page .tab_box .tabs li.current {
  opacity: 0.6; }

.haken_page > .box01 {
  position: relative; }

.haken_page > .box01 > .tab-content {
  position: relative;
  height: 725px; }

.haken_page > .box01 > .tab-content > .img_box {
  float: right; }

.haken_page > .box01 > .tab-content > .txt_box {
  position: absolute;
  left: 26px;
  top: 315px;
  border: 1px solid #e30976;
  background: #fff;
  color: #333;
  padding: 2px;
  font-size: 13px;
  font-weight: bold; }

.haken_page > .box01 > .tab-content > .txt_box .dashed {
  border: 1px dashed #e30976;
  padding: 10px;
  width: 355px;
  height: 90px; }

/* ==================================================
 exportclerk_career - 貿易事務の転職事情
================================================== */
.ex_ca_page > section > .lead_box {
  margin-top: 30px; }

.ex_ca_page .stl_box05 .stl_txt01 {
  width: 210px; }

.ex_ca_page .point_box .txt_box05 {
  background: #f1f1f0;
  padding: 20px 10px;
  border-bottom: 5px solid #e30976; }

.ex_ca_page .stl_box05 .txt_box05 {
  float: left; }

.ex_ca_page > section > .lead_box .ttl {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 20px;
  font-weight: bold !important;
  color: #e30976 !important;
  font-size: 24px; }

.banner_ex_ca {
  padding: 35px 30px 35px 0; }

.banner_ex_ca .txt_01 {
  width: 610px; }

p.li_dot {
  padding-left: 1em;
  text-indent: -1em; }

p.li_dot:before {
  content: "・"; }

/* ==================================================
 exportclerk_career - 貿易事務の転職事情
================================================== */
.banner_merit {
  background: url(../merit/images/bg_01.png) no-repeat right top;
  padding: 35px 30px 35px 0; }

.banner_merit .ttl_style1, .lead_box .w380 {
  width: 430px; }

/* ==================================================
resources - 人材をお探しの企業様へ
================================================== */
.banner_resources {
  background: url(../resources/images/bg_01.png) no-repeat right bottom;
  padding: 35px 30px 35px 0; }

.reso_page > .sec_style > .area_mode01:nth-child(2) {
  background: url(../resources/images/area_bg01.jpg) right 50px no-repeat; }

.reso_page > .sec_style > .area_mode01:nth-child(3) {
  background: url(../resources/images/area_bg02.jpg) right 50px no-repeat; }

.reso_page > .sec_style > .area_mode01:nth-child(4) {
  background: url(../resources/images/area_bg03.jpg) right 50px no-repeat; }

/* ==================================================
forecast - 紹介予定派遣サービス
================================================== */
.banner_forecast {
  background: url(../service/forecast/images/bg_01.png) no-repeat right bottom;
  padding: 35px 30px 35px 0; }

.forecast_page > .sec_style:nth-child(2) > .area_mode01 {
  background: url(../service/forecast/images/area_bg01.jpg) right 50px no-repeat; }

.forecast_page > .sec_style:nth-child(3) > .area_mode01 {
  background: url(../service/forecast/images/area_bg02.jpg) right 50px no-repeat; }

/* ==================================================
staff_info - 登録情報について
================================================== */
.staff_info_page #main_content section.mt50 .btn_box {
  width: 310px;
  margin-top: 25px; }

/* ==================================================
download - 申請用紙ダウンロード
================================================== */
.page_download #main_content > section ul {
  margin-top: 15px; }

.page_download #main_content > section ul li {
  float: left;
  width: 32%;
  margin-left: 2%; }

.page_download #main_content > section ul li:nth-child(3n+1) {
  margin-left: 0; }

.page_download #main_content > section ul li .btn_box {
  width: 100%; }

.page_download #main_content > section ul li {
  float: left;
  width: 32%;
  margin-left: 2%; }

#regulations_page ul li a {
  padding: 7px  7px  7px  10px; }

/* ==================================================
insurance - 保険制度
================================================== */
.banner_insu {
  background: url(../insurance/images/bg_01.png) no-repeat right bottom;
  padding: 35px 30px 35px 0; }

.banner_insu2 {
  background: #f8f9fb url(../insurance/images/bg_02.png) no-repeat right bottom;
  border: 1px solid #e30976;
  padding: 39px 35px;
  margin-top: 60px !important; }

.banner_insu2 .l_h6 {
  text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.61); }

.insu_page .campaign_box .img {
  width: 250px; }

/* ==================================================
about - リバティーとは
================================================== */
.banner_about {
  background: url(../about/images/bg_01.png) no-repeat right bottom;
  padding: 35px 30px 35px 0; }

.page_about .stl_box04 .txt_box04 {
  width: 418px; }

.page_about .stl_box04 .img_box04 {
  width: 290px; }

/* ==================================================
outline - 会社概要・沿革
================================================== */
.page_outline .btn_box {
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  border: 1px solid #f8a3cd;
  color: #e30976;
  padding: 2px 0;
  border-radius: 5px;
  margin-top: 10px;
  width: 112px;
  display: block; }

.page_outline .btn_box:hover {
  background: #e30976;
  color: #fff; }

.page_outline .inq_table_style .inner > dl {
  font-size: 14px; }

.page_outline .inq_table_style .inner > dl > dt {
  width: 250px;
  padding-right: 30px;
  padding-left: 20px;
  background-color: #f1f1f1; }

/* ==================================================
access - 拠点一覧・アクセス
================================================== */
.page_access .inq_table_style .inner > dl {
  font-size: 14px; }

.page_access .inq_table_style .inner > dl > dt {
  width: 230px;
  padding-right: 30px;
  padding-left: 20px;
  background-color: #f1f1f1; }

.page_access .seek_regist_btn {
  padding: 24px 35px 24px 10px;
  margin-top: 24px; }

.page_access .seek_regist_btn .txt {
  padding: 10px 20px 10px 25px; }

.page_access .seek_regist_btn address {
  color: #e30976 !important;
  font-style: normal;
  font-size: 55px; }

.page_access .maplink {
  position: relative;
  margin-top: 30px; }

.page_access .maplink a:hover img {
  opacity: 1; }

.page_access .maplink .btn_osaka {
  position: absolute;
  left: 277px;
  top: 169px; }

.page_access .maplink .btn_namba {
  position: absolute;
  right: 206px;
  bottom: 56px; }

.page_access .maplink .btn_kobe {
  position: absolute;
  left: 178px;
  bottom: 235px; }

.page_access .maplink .btn_shinjuku {
  position: absolute;
  right: 62px;
  bottom: 229px; }

.page_access .maplink .btn_yurakucho {
  position: absolute;
  right: 16px;
  bottom: 110px; }

h3.ac_btn {
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-bottom: 0;
  padding: 10px 15px;
  background: #A0A0A0;
  position: relative;
  border: none;
  font-weight: normal; }

.ac_btn .privacy_arrow {
  position: absolute;
  right: 20px;
  top: 10px; }

.open .privacy_arrow {
  position: absolute;
  right: 20px;
  top: 10px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

/* ==================================================
compliance - コンプライアンスへの取り組み
================================================== */
.page_compliance .acce_cont_box {
  padding: 20px;
  margin-top: 30px;
  background-color: #f0f0f0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.page_compliance .acce_cont_box dt {
  font-size: 17px;
  color: #333;
  font-weight: bold;
  margin-bottom: 15px; }

.page_compliance .compliance_btns li {
  float: left;
  width: 232px;
  margin-top: 15px;
}
.page_compliance .compliance_btns li + li {
  margin-left: 22px;
}
.page_compliance .compliance_btns li a {
  display: block;
  padding: 1em;
  border-radius: .5em;
  border: 2px solid #e30976;
  color: #e30976;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  transition: .3s;
}
.page_compliance .compliance_btns li a:hover {
  background-color: #e30976;
  color: #fff;
}

/* ==================================================
privacypolicy - プライバシーポリシー
================================================== */
.page_privacypolicy .sec_style {
  line-height: 1.5; }

.page_privacypolicy .sec_style .pp_list01 li {
  margin-bottom: 10px; }

.page_privacypolicy .sec_style .pp_list01 li:last-child {
  margin-bottom: 0; }

.page_privacypolicy .sec_style .pp_list01 li dt {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 3px; }

.page_privacypolicy .sec_style .pp_list01 li dd {
  margin-left: 15px; }

.page_privacypolicy [class^="bl_pp_list"] :is(dd, li):not(:last-child) {
  margin-bottom: 8px;
}

.page_privacypolicy .bl_pp_list > li {
  text-indent: -1em;
  padding-left: 1em;
}
.page_privacypolicy .bl_pp_list_decimal > li {
  text-indent: -1.25em;
  padding-left: 1.25em;
}
.page_privacypolicy .bl_pp_list_desc > dd {
  padding-left: 1em;
}

/* ==================================================
sitemap - サイトマップ
================================================== */
.page_sitemap {
  font-size: 14px; }

.page_sitemap a {
  text-decoration: none; }

.page_sitemap a:hover {
  opacity: 0.6; }

.page_sitemap dl dd {
  margin-left: 15px; }

.page_sitemap dl dd li {
  margin-bottom: 3px; }

.page_sitemap dl dd li dl dd {
  margin: 3px 0 3px 25px; }

.page_sitemap .ttl_style {
  width: 75%;
  margin-bottom: 10px; }

.page_sitemap .ttl_style:hover {
  opacity: 0.6; }

.page_sitemap .sm_left {
  width: 48%;
  float: left; }

.page_sitemap .sm_right {
  width: 50%;
  float: right; }

/* ==================================================
page_recruit - 採用情報
================================================== */
.page_recruit .form_content_style .inq_table_style.requirements_box .inner > dl > dt {
  width: 120px;
  padding-right: 20px; }

.form_content_style .box {
  border: 1px solid #cbcbcb;
  margin-top: 30px;
  padding: 10px; }

.recruitcoment {
  font-size: 20px; }

/* ==================================================
page_muki - 無期雇用派遣
================================================== */
#page_muki p {
  margin-bottom: 20px;
  padding: 2px 10px; }

#page_muki ol li {
  list-style: decimal;
  margin: 2px 10px 2px 25px; }

#page_muki h3.ttl_style_h {
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e30976;
  color: black;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3; }

/*--------------- update header 08/08/2019------------------------*/
#header .hlink_btn-fix li {
  width: inherit !important; }

#header .hlink_btn-fix li:first-child {
  border: 1px solid #f8a3cd !important; }

#header .hlink_btn-fix li a {
  text-decoration: none;
  /* padding: 10px 20px !important; */
  padding: 9px 55px !important;
  font-weight: bold;
  color: #e30976; }

/* #header .hlink_btn-fix li a img {
  width: 181px; } */

#header .hlink_btn-login li:last-child {
  border: 1px solid #aaaaaa !important; }

#header .hlink_btn-login li:last-child a img {
  width: 110px; }

.form_content_style-fix {
  text-align: center;
  padding: 0 200px; }

.form_content_style-fix .completion_txt--ins {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 20px; }

.form_content_style-fix .completion_txt--ins div:last-child {
  margin-left: 20px; }

.form_content_style-fix .completion_txt--ins div:last-child p {
  text-align: left;
  margin-top: 20px; }

.form_content_style-fix .completion_txt--ins div:first-child {
  width: 125px; }

.form_content_style-fix .completion_txt--ins div:first-child p {
  font-weight: bold; }

.form_content_style-fix input[type=text] {
  width: 360px;
  height: 35px; }

.form_content_style-fix p {
  font-size: 16px; }

.form_content_style-fix .reset-link {
  font-size: 12px; }

.form_content_style-fix .reset-link a {
  color: blue; }

.form_content_style-fix .form_submit_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-top: 150px; }

.form_content_style-fix .form_submit_btn a:hover {
  opacity: 0.7; }

.mypage-btn-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 100px;
  padding: 0 50px; }

.mypage-btn-form .mypage-btn {
  background: #e30976;
  width: 455px; }

.mypage-btn-form .mypage-btn a {
  color: #ffffff;
  font-weight: bold;
  line-height: 55px;
  text-align: center;
  display: block;
  font-size: 21px;
  text-decoration: none !important; }

.mypage-btn-form .mypage-btn a:hover {
  opacity: 0.5; }

.mypage-btn-form .mypage-btn:first-child {
  margin-right: 30px;
  background-color: #B1B1B1; }

.regist_flow dd li span {
  margin-left: 40px;
  font-size: 11px; }

.login-link {
  margin-top: 20px;
  font-size: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.login-link p {
  margin-right: 20px;
  font-weight: bold;
  text-decoration: underline; }

.login-link a {
  text-decoration: none;
  color: #e30976;
  border: 1px solid #e30976;
  border-radius: 4px;
  padding: 3px 10px;
  font-weight: bold; }

.login-link a:hover {
  background: #e30976;
  color: #ffffff; }

.dispflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 20px;
  border-bottom: 1px solid #e30976;
  padding-bottom: 10px; }

.dispflex .ttl {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }

.dispflex .login-link {
  margin-top: 0; }

.webreg-comp-page .form_content_style .complete_content {
  text-align: center;
}

.webreg-comp-page .form_content_style .complete_content .complete_tit {
  font-size: 20px;
  margin-bottom: 20px; }

.webreg-comp-page .form_content_style .complete_content .info_block {
  padding: 0 300px; }

.webreg-comp-page .form_content_style .complete_content .info_block:nth-child(3) {
  margin-bottom: 20px; }

.webreg-comp-page .form_content_style .complete_content .complete_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
/*  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;*/
  /*margin: 0 auto;
  margin-bottom: 10px; */


margin: 10px auto;
justify-content: center;
width: 300px;
}

.webreg-comp-page .form_content_style .complete_content .complete_info a {
  margin-left: 50px;
  text-decoration: none;
  cursor: pointer; }

.webreg-comp-page .form_content_style .complete_content .complete_info a:hover {
  text-decoration: underline; }

.webreg-comp-page .form_content_style .complete_content .complete_info a .fa-copy {
  position: relative; }

.webreg-comp-page .form_content_style .complete_content .complete_info a .fa-copy::before {
  content: "\f0c5";
  font-family: FontAwesome;
  position: absolute;
  right: 5px;
  font-size: 14px; }

.webreg-comp-page .form_content_style .complete_content .complete_info .pname {
  width: 85px;
  /*text-align: left;*/
  text-align: center;
}

.webreg-comp-page .form_content_style .complete_content .complete_info .mark {
  margin: 0 10px; }

.webreg-comp-page .form_content_style .complete_content .complete_info span {
  font-size: 16px; }


.webreg-comp-page .form_content_style .complete_note{
  width: 400px;
  margin: auto;
}

.webreg-comp-page .form_content_style .complete_note p {
  line-height: 1.8;
  text-align: center;
  /*text-align: left;*/
}

.webreg-comp-page .form_content_style .complete_btn_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 30px;
  padding: 0 200px; }

.webreg-comp-page .form_content_style .complete_btn_group .complete_btn a {
  display: block;
  /*background: #e30976;*/background-color: #4B6296;
  color: #ffffff;
  border: none;
  font-size: 21px;
  font-weight: bold;
  text-decoration: none;
  padding: 15px 55px;
  border-radius: 3px;
}

.webreg-comp-page .form_content_style .complete_btn_group .complete_btn a:hover {
  opacity: 0.8; }

.save_completion_page .form_content_style .complete_content {
  padding: 0 210px; }

.save_completion_page .form_content_style .complete_content h3 {
  font-size: 20px;
  text-align: center; }

.save_completion_page .form_content_style .complete_content p {
  font-size: 16px;
  margin: 40px 0; }

.save_completion_page .form_content_style .complete_content p a {
  color: blue;
  text-decoration: underline;
  cursor: pointer; }

.save_completion_page .form_content_style .complete_content .complete_btn {
  text-align: center;
  width: 268px;
  margin: 0 auto; }

.save_completion_page .form_content_style .complete_content .complete_btn a {
  background: #e30976;
  color: #ffffff;
  border: none;
  font-size: 21px;
  font-weight: bold;
  text-decoration: none;
  padding: 24px 50px;
  border-radius: 3px;
  display: block;
  margin-top: 30px; }

.save_completion_page .form_content_style .complete_content .complete_btn a:hover {
  opacity: 0.8; }

.form_content_style .completion_txt {
  margin: 55px 0 100px 0; }

#fbanner {
  position: fixed;
  right: 5%;
  bottom: 50%; }

#fbanner .career_box_disp_banner {
  padding: 10px;
  border: 1px solid #e30976;
  border-radius: 5px;
  background-color: #fff;
  color: #e30976;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 170px;
  margin-top: 10px;
  float: right; }

.close-btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.close-btn-group a {
  display: block;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer; }

.close-btn-group a:last-child {
  margin-left: 10px; }

.first-content {
  display: none !important; }

.second-content {
  display: none !important; }

.open-content {
  display: block !important; }

.close-content {
  display: none !important; }

.open-table {
  display: table-row !important; }

.page_web_register02 textarea {
  border: 1px solid #CBCBCB;
  border-radius: 3px; }

.text-pink {
  color: #E30976 !important; }

.mtn100 {
  margin-top: 100px !important; }

.page_web_register02 .block-ssfirst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-end; }

.page_web_register02 .mt15 {
  margin-top: 15px !important; }

.page_web_register02 .close-btn-group .close-btn {
  display: none; }

.page_web_register02 .close-btn-group .dispnone {
  display: none; }

.page_web_register02 .close-btn-group .dispblock {
  display: block; }

#fbanner {
  z-index: 999;
  bottom: 25%;
  right: calc((100% - 1000px)/2); }

.banner1, .banner2, .banner3, .banner4 {
  cursor: pointer; }

.form_content_style .form_table_ttl-fix {
  border-left: none;
  padding: 0;
  color: #fa8bc3; }

.webreg-comp-page .form_content_style .complete_content .info_block {
  padding: 0; }

.webreg-comp-page .form_content_style .complete_content .info_idpw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*justify-content: left;*/
  min-width: 300px;

   }

#info_idpw2.info_idpw2{
width: auto;
margin: auto;
}
#info_idpw2.info_idpw2 th,
#info_idpw2.info_idpw2 td{
	font-size: 11px;
	font-weight: inherit;
	padding: .3em 1em;
}
#info_idpw2.info_idpw2 th{
	padding: .3em 2em;
	text-align: center;
	position: relative;
	word-break: keep-all;
}
#info_idpw2.info_idpw2 th .mark{
	position: absolute;
	right: 0;
}



.page-regist .notification-left {
  width: 170px; }

.page-regist .notification-right {
  margin-left: 0px;
  margin-top: 0; }

.page-regist .notification-right .red-point {
  color: red; }

.page-regist .notification-right .pink-point {
  color: #fa8bc3; }

.page-regist .notification-add .notification-left {
  width: auto;
  margin-right: 10px; }

.page-regist .form_content_style .tit-model {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.webreg-comp-page .form_content_style .complete_btn_group-c {
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.page-regist .popup {
  display: none;
  width: 220px;
  padding: 10px 20px;
  border: 1px solid #E30976;
  border-radius: 10px;
  background: #FFF3F3 url(../images/pattern.png);
  position: relative; }

.page-regist .popup::before {
  position: absolute;
  content: "";
  background: url(../images/mut.png);
  width: 20px;
  height: 26px;
  left: 0;
  top: 50%;
  margin-top: -13px;
  margin-left: -19px; }

.page-regist .popup a {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 5px;
  margin-right: 5px;
  display: block;
  cursor: pointer; }

.page-regist .popup h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px; }

.page-regist .popup p {
  word-break: break-word; }

.page-regist .poppup-right {
  position: relative; }

.page-regist .poppup-right .popup-beauty {
  position: absolute;
  z-index: 999;
  left: 0;
  top: 0;
  margin-left: 153px;
  margin-top: -133px; }

.text_light {
  color: #666666;
  font-weight: normal;
  font-size: 14px; }

.save_completion_page .comp-textc {
  font-size: 16px;
  line-height: 1.8; }

.save_completion_page .comp-normal-text {
  line-height: 1.8; }

.save_completion_page .comp-linkc {
  display: block;
  text-decoration: underline;
  cursor: pointer; }

.page_web-register .page-pass-change .pass-change-tit {
  font-size: 26px;
  font-weight: bold;
  color: #E30976;
  border-bottom: 1px solid #E30976;
  padding-bottom: 10px;
  margin-bottom: 30px; }

.page_web-register .page-pass-change .pass-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.page_web-register .page-pass-change .pass-form .pass-form--ins:first-child {
  margin-right: 20px; }

.page_web-register .page-pass-change .pass-form .pass-form--ins:first-child input {
  padding: 10px 5px;
  border: 1px solid #ddd;
  font-size: 14px; }

.page_web-register .page-pass-change .pass-form .pass-form--ins:first-child input::-webkit-input-placeholder {
  color: #dddd; }

.page_web-register .page-pass-change .pass-form .pass-form--ins:first-child input:-ms-input-placeholder {
  color: #dddd; }

.page_web-register .page-pass-change .pass-form .pass-form--ins:first-child input::-ms-input-placeholder {
  color: #dddd; }

.page_web-register .page-pass-change .pass-form .pass-form--ins:first-child input::placeholder {
  color: #dddd; }

.page_web-register .page-pass-change .pass-form .pass-form--ins:last-child span {
  display: block;
  margin-top: 10px;
  font-size: 12px; }

.page_web-register .page-pass-change .pass-form .pass-form--ins:last-child span a {
  color: blue;
  text-decoration: none; }

.page_web-register .page-pass-change .pass-form-sub {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.page_web-register .page-pass-change .pass-form-sub .pass-form--ins {
  width: calc(100% - 10px);
  margin-right: 20px; }

.page_web-register .page-pass-change .pass-form-sub .pass-form--ins:last-child {
  margin-right: 0; }

.page_web-register .btn_pw-bs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
  margin-top: 30px; }

.page_web-register .btn_pw-bs a {
  display: block; }

.page_web-register .btn_pw {
  background-color: #E30976;
  color: #ffffff;
  width: 280px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 30px;
  border-radius: 5px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  display: block; }

.page-change-pass .form_content_style {
  max-width: 756px;
  margin: 0 auto; }

.form_content_style .form_submit_btn input.form_btn_confirm2-them {
  background: url(../common_img/form_btn_confirm_2a.png) no-repeat; }

.form_content_style .form_submit_btn input.form_btn_confirm2-fix {
  background: url(../common_img/form_btn_confirm_2.png) no-repeat; }
.form_content_style .form_submit_btn input.form_btn_confirm3-fix {
  background: url(../common_img/form_btn_confirm_3.png) no-repeat; }
.form_content_style .form_submit_btn input.form_btn_confirm4-fix {
  background: url(../common_img/form_btn_confirm_4.png) no-repeat; }


#info_idpw {
  margin: 10px 0 40px 0; }

.form_content_style .form_submit_btn input.form_btn_back2-fix {
  background: url(../common_img/form_btn_back_2.png) no-repeat; }

.form_content_style .form_submit_btn input.form_btn_submit2-fix {
  background: url(../common_img/form_btn_submit_2.png) no-repeat; }

.page-regist input {
  border-radius: 3px;
  border-color: #cbcbcb; }

.page_web-register .btn_pw:hover {
  opacity: 0.8; }

.page-regist .w150px {
  width: 130px !important; }

.page-regist .w100px {
  width: 150px !important; }

  .beginner-page .lead_box .ttl_style1 {
    margin-bottom: 30px; }

  .beginner-page .lead_box .bpink-text {
    font-size: 20px;
    color: #000000;
    font-weight: bold; }

  .beginner-page .lead_box .btext {
    margin-top: 30px; }

  .beginner-page .lead_box .leadbox-btn-group {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 40px; }
    .beginner-page .lead_box .leadbox-btn-group button {
      border: none;
      background-color: transparent; }
      .beginner-page .lead_box .leadbox-btn-group button:hover {
        opacity: 0.7; }
    .beginner-page .lead_box .leadbox-btn-group .leadbox-btn {
      width: 316px;
      height: 66px;
      cursor: pointer; }
      .beginner-page .lead_box .leadbox-btn-group .leadbox-btn:first-child {
        background: url(../common_img/beginer-btn-001.png) no-repeat; }
      .beginner-page .lead_box .leadbox-btn-group .leadbox-btn:last-child {
        background: url(../common_img/beginer-btn-002.png) no-repeat; }

  .beginner-page .beginner-ss1 .ttl_style1 {
    margin-bottom: 20px; }

  .beginner-page .beginner-ss1--point {
    font-size: 14px;
    color: #ffffff;
    background: #e30976;
    font-weight: bold;
    padding: 3px 10px; }

  .beginner-page .beginner-ss1--point1 {
    margin: 20px 0 35px 0; }
    .beginner-page .beginner-ss1--point1 li {
      position: relative;
      margin-left: 10px; }
      .beginner-page .beginner-ss1--point1 li::before {
        position: absolute;
        content: "";
        background: #000000;
        border-radius: 100%;
        width: 8px;
        height: 8px;
        top: 0;
        left: 0;
        margin-top: 5px;
        margin-left: -10px; }

  .beginner-page .beginner-ss1--btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 60px; }
    .beginner-page .beginner-ss1--btn button {
      width: 180px;
      height: 61px;
      border: 1px solid #F5BADB;
      background: none;
      border-radius: 8px;
      color: #E30976;
      font-weight: bold;
      font-size: 22px;
      cursor: pointer; }
      .beginner-page .beginner-ss1--btn button:hover {
        background: #E30976;
        color: #ffffff; }
    .beginner-page .beginner-ss1--btn a {
      /* width: 180px; */
      width: 250px;
      height: 61px;
      border: 1px solid #F5BADB;
      background: none;
      border-radius: 8px;
      color: #E30976;
      font-weight: bold;
      font-size: 22px;
      text-decoration: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer; }
      .beginner-page .beginner-ss1--btn a:hover {
        background: #E30976;
        color: #ffffff; }

  .beginner-page .beginner-ss2--ct1 {
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0; }

  .beginner-page .beginner-ss2 .step-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px; }
    .beginner-page .beginner-ss2 .step-group--ins .imgh {
      height: 120px; }
    .beginner-page .beginner-ss2 .step-group--ins p {
      font-weight: bold; }

  .beginner-page .beginner-ss3 .ttl_style1 {
    margin-bottom: 20px; }

  .beginner-page .beginner-ss4 .step-group {
    padding: 0 20px; }

  .beginner-page .beginner-ss5 .content_tab {
    display: none; }

  .beginner-page .beginner-ss5 .content_tab.tab_active {
    display: block; }

  .beginner-page .beginner-ss5 .ttl_style1 {
    position: relative;
    margin-bottom: 30px; }
    .beginner-page .beginner-ss5 .ttl_style1 span {
      margin-left: 12px; }
    .beginner-page .beginner-ss5 .ttl_style1::before {
      position: absolute;
      content: "";
      width: 8px;
      height: 8px;
      background: #e30976;
      top: 0;
      left: 0;
      margin-top: 10px; }

  .beginner-page .beginner-ss5--tab {
    text-align: justify; }
    .beginner-page .beginner-ss5--tab .tab_nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .beginner-page .beginner-ss5--tab .tab_nav div {
        padding: 10px;
        font-weight: bold;
        font-size: 16px;
        cursor: pointer;
        border: 1px solid #E30976;
        border-bottom: none;
        color: #E30976; }
      .beginner-page .beginner-ss5--tab .tab_nav .tab_active {
        background: #E30976;
        color: #ffffff; }
    .beginner-page .beginner-ss5--tab .tab_ct {
      border: 1px solid #E30976;
      padding: 35px 25px; }

  .beginner-page .beginner-ss6 .beginner-ss6-ct .beginner-ss6-ctins {
    margin-top: 38px;
    text-align: justify; }
    .beginner-page .beginner-ss6 .beginner-ss6-ct .beginner-ss6-ctins:first-child {
      margin-top: 0; }
    .beginner-page .beginner-ss6 .beginner-ss6-ct .beginner-ss6-ctins .special-note {
      margin-left: 15px;
      position: relative; }
      .beginner-page .beginner-ss6 .beginner-ss6-ct .beginner-ss6-ctins .special-note::before {
        position: absolute;
        content: "";
        width: 8px;
        height: 8px;
        background: #C5C5C5;
        top: 0;
        left: 0;
        margin-top: 5px;
        margin-left: -15px; }

  .beginner-page .blue-color {
    color: blue;
    font-size: 14px; }

  .page-regist form .process {
      top: initial;
      bottom: 0;
      margin-bottom: 10px; }

  .page-regist .chart {
      margin-bottom: 0px; }

  .page-regist .w270 {
      width: 270px !important; }

.page_web_register02 form .process {
      margin-bottom: 70px; }

.page_web_register02 #fbanner {
      bottom: 0;
      margin-bottom: 20px; }

.page-regist .notification {
      width: 340px; }

.text_area_css {
        display:flex;
      }
.text_area_css1 {
        width: calc(100% - 316px);
          display: flex !important;
      }
.text_area_css2 {
        margin-right: 10px;
      }
.text_area_css3 {
        flex: 1;
          width: 100%;
      }
.text_area_css4 {
          width: 270px !important;
      }

.page-regist .form_content_style .fileup_btn_wrap input[type=text], .page_temp-inq .form_content_style .fileup_btn_wrap input[type=text] {
  width: 53%;
}

.page-regist .fileup_btn_wrap, .page_temp-inq .fileup_btn_wrap{
  position: relative;
}

/* add loading */

.sk-chase {
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
  -webkit-animation: sk-chase 2.5s infinite linear both;
  animation: sk-chase 2.5s infinite linear both; }

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: sk-chase-dot 2.0s infinite ease-in-out both;
  animation: sk-chase-dot 2.0s infinite ease-in-out both; }

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #e30976;
  border-radius: 100%;
  -webkit-animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; }

.sk-chase-dot:nth-child(1) {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.sk-chase-dot:nth-child(2) {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

.sk-chase-dot:nth-child(3) {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.sk-chase-dot:nth-child(4) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

.sk-chase-dot:nth-child(5) {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s; }

.sk-chase-dot:nth-child(6) {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s; }

.sk-chase-dot:nth-child(1):before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.sk-chase-dot:nth-child(2):before {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

.sk-chase-dot:nth-child(3):before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.sk-chase-dot:nth-child(4):before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

.sk-chase-dot:nth-child(5):before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s; }

.sk-chase-dot:nth-child(6):before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s; }

.text_red {
  color: red; }

.inrow {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px; }

.sk-chase {
  margin-right: 20px; }

.cancel-btn {
  margin-left: 41px; }

.cancel-btn button{
  width: 98px; }

.loading {
  display: inline-block;
  position: absolute;
  top: 12px;
  right: 4px;}

@-webkit-keyframes sk-chase {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes sk-chase {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes sk-chase-dot {
  80%,
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes sk-chase-dot {
  80%,
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes sk-chase-dot-before {
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  100%,
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes sk-chase-dot-before {
  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  100%,
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.page_job .job_list_box .job_various_btns .detail_btn-fix{
  width: 100%;
}

.page_job .job_list_box .job_various_btns .detail_btn p .btn_pink {
  background-color: #E20974;
  padding: 14px 5px 14px 5px;
}

.page_job .job_list_box .job_various_btns-fix {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page_job .job_list_box .job_various_btns-fix .detail_btn p{
  padding-right: 0;
}

.page_job .job_list_box .job_various_btns-fix .detail_btn{
  width: 100%;
}

/* add maintenance-page */

.maintenance-page #header {
  border-bottom: 2px solid #e30976;
  padding-bottom: 40px; }

.maintenance-page .maintenance {
  margin-top: 50px; }
  .maintenance-page .maintenance ul li {
    margin-bottom: 30px; }
    .maintenance-page .maintenance ul li:last-child {
      margin-bottom: 0; }
  .maintenance-page .maintenance .hourp {
    margin-top: 5px; }
    .maintenance-page .maintenance .hourp li {
      margin-bottom: 0;
      margin-left: 20px; }

/* add content first_faq page 12/03/2019 */

  .page_first_faq-ct .beginner-ss1--btn a {
  width: 250px;
  height: 45px;
  border: 1px solid #F5BADB;
  background: none;
  border-radius: 8px;
  color: #E30976;
  font-weight: bold;
  font-size: 22px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.page_first_faq-ct .beginner-ss1--btn{
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.page_first_faq-ct .tel_list-fix dt{
  width: 100px;
}

.page_first_faq-ct .beginner-ss1--btn a:hover {
  background: #E30976;
  color: #ffffff;
}

/**/

.page-regist .form_content_style .fileup_btn_wrap input[type=text], .page_temp-inq .form_content_style .fileup_btn_wrap input[type=text] {
  width: 49%;
}

.text-indent {
  text-indent: -0.75em;
  display: block;
  padding-left: 1em;
}

.inq_table_style .caution li {
  text-indent: -1em;
  padding-left: 1em;
  color: #e30909;
}