@charset "UTF-8";
@import url("../common/common.css");
@import url("../common/base.css");

@import url('https://fonts.googleapis.com/css2?family=Reem+Kufi&display=swap');


/*----- ページヘッダー 設定 ----------------------------------------------------*/

div#p_headWrap{ width:100%; min-width:1200px; padding-top:103px; float:left;}
div#p_headArea{ width:90%; padding:10px 0 20px; margin:0 5%; border-bottom:3px solid #37a9ca; float:left; }

div.pankuzu{ width:30%; padding:7px 0; margin:10px 0 0; float:left; }
div.pankuzu a{ color:#717171; text-decoration:none; }
div.pankuzu a:hover{ text-decoration:underline; }
div.pankuzu h2{ display:inline-block; font-size:1em; font-weight:normal; }

div.p_headTime{ width:30%; padding:7px 2.5%; margin:10px 0 0; background-color:#ccd7da; color:#616161; font-size:0.9em; letter-spacing:0.1em; text-align:center; border-radius:10px; float:left; }
div.p_headTel{ width:33%; padding:0 0 0 2%; text-align:right; float:left; }
div.p_headTel a{ font-size:1.1em; font-weight:bold; color:#717171; text-decoration:none; }


/*----- sectionWrap 設定 ----------------------------------------------------*/

section.sectionWrap{ width:100%; padding:30px 0; float:left; }
div.sectionBox{ width:1200px; margin:0 auto; }
div.sectionBox h3{ text-align:center; font-size:1.6em; letter-spacing:0.2em; padding:0 0 40px 0;  }
div.sectionBox h3::before{ position:relative; content:url("../../img/margin/h3_icon.png"); top:0.5rem; margin-right:10px; }


/*----- マージン率の公開 設定 ----------------------------------------------------*/

section#margininfo p{ width:100%; line-height:1.7em; text-align:center; float:left; }


/*----- マージン率詳細 設定 ----------------------------------------------------*/

section#margin_detail{ background-color:#deebea; }

div.margin_detail_Tbl{ width:66%; padding:30px 3%; margin:10px 14% 40px; background:#fff; border-radius:15px; float:left; }
div.margin_detail_Tbl2{ width:66%; padding:30px 3%; margin:10px 14% 40px; background:#fff; border-radius:15px; float:left; }

div.margin_detail_Tbl_head{ width:100%; text-align:center; float:left; }
div.margin_detail_Tbl_head h4{ display:inline-block; padding:5px 0; font-size:1.6em; letter-spacing:0.2em; font-weight:bold;  border-bottom:1px solid #898989; }
div.margin_detail_Tbl_head_add{ width:100%; padding:7px 0; letter-spacing:0.1em; float:left; }

div.margin_detail_Tbl table{ width:100%; float:left; }
div.margin_detail_Tbl table tr{ width:100%; padding:20px 0; border-bottom:1px dotted #aad060; float:left; }
div.margin_detail_Tbl table th{ width:40%; text-align:left; vertical-align:top; font-size:1.1em; font-weight:bold; letter-spacing:0.2em; line-height:1.7em;  float:left; }
div.margin_detail_Tbl table th span{ font-size:0.8em; letter-spacing:0em;  }
div.margin_detail_Tbl table td{ width:60%; font-size:1.1em; line-height:1.7em; text-align:center; float:left; }
div.margin_detail_Tbl p{ width:100%; padding:20px 0 0; text-align:right; float:left; }

div.margin_detail_Tbl2 h4{ width:100%; padding:5px 0 7px; text-align:center; font-size:1.6em; float:left; }



/* マージン率について */
div.margin_percentageBox{ width:100%; padding:20px 0; border-bottom:1px dotted #abd162; float:left; }

div.percentageBox_1_con1{ width:20%; font-size:1.2em; line-height:42px; font-weight:bold; float:left; }
div.percentageBox_1_con2{ width:60%; text-align:left; line-height:1.7em; float:left; }
div.percentageBox_1_con2 span{ text-decoration:underline; }
div.percentageBox_1_con3{ width:20%; font-size:1.2em; text-align:left; line-height:42px; font-weight:bold; float:left; }

div.percentageBox_2_con1{ width:100%; font-size:1.2em; font-weight:bold; float:left; }
div.percentageBox_2_con2{ width:80%; padding:10px 0 0 20%; line-height:1.7em; float:left; }


/* 派遣労働者のキャリア形成支援 */
table.career_tbl{ width:100%; padding:20px 0; border-collapse:collapse; border-bottom:1px dotted #abd162; float:left; }
table.career_tbl th{ padding:10px 5px 10px; text-align:left; font-size:0.9em; border-bottom:1px dotted #abd162; }
table.career_tbl td{ padding:10px 5px 10px; text-align:left; font-size:0.9em; }
table.career_tbl td.tbl2_border{ border-bottom:1px dotted #abd162; }
table.career_tbl .tbl2_border2{ border-left:1px dotted #abd162; }
table.career_tbl th:last-child,
table.career_tbl td:last-child{ border-right:1px dotted #abd162; }


/* 労使協定 */
table.roushi_tbl{ width:100%; padding:20px 0; border-collapse:collapse; float:left; }
table.roushi_tbl tr{ width:100%; padding:15px 0 7px; border-bottom:1px dotted #abd162; float:left; }
table.roushi_tbl tr td{ width:50%; line-height:2em; float:left; }
.roushi_tbl_icon{ width:10%; margin: 0px 10% 0 26%; float:left; }
.roushi_tbl_icon2{ padding:12px 0 0; }


/* 待遇 */
div.taigu_box{ width:60%; padding:20px 20%; line-height:3em; float:left; }


/*----- エントリーはコチラから 設定 ----------------------------------------------------*/

section#entry p{ width:100%; text-align:center; float:left; }

div.entry_btn{ width:100%; padding:50px 0; text-align:center; float:left; }
div.entry_btn a{ display:inline-block; padding:10px 40px; background-color:#fb8d8d; border:3px solid #e58989; border-radius:15px; color:#fff; font-size:1.1em; font-weight:bold; letter-spacing:0.2em; text-decoration:none; }
div.entry_btn a::before{ position:relative; display:inline-block; content:""; background-image:url("../../img/margin/entry_btn_icon.png"); background-size: contain; background-repeat:no-repeat; vertical-align: middle; width:30px; height:30px; margin-right:10px; }
div.entry_btn a:hover{ background-color:#fff; color:#fb8d8d; }