@charset "UTF-8";
/* =========================================================
   採用活動におけるハラスメント防止の取り組みについて
   /harassment/
========================================================= */

/* PC/SP 表示切替（common.css と同じ挙動。読み込み順の保険） */
.harassment .pcnone{display:none!important;}

/* ---------- 外枠 ---------- */
/* .bg_beige の margin-top:-75px を打ち消してヘッダー下に白ボックスを配置 */
.harassment{padding:165px 0 90px 0;}

/* 白ボックス：左端は画面に接し、右側だけ角丸 */
.harassment_box{
  background:#fff;
  width:calc(100% - 80px);
  border-radius:0 15px 15px 0;
  padding:130px 30px 80px 155px;
}
.harassment_in{
  max-width:910px;
  width:100%;
  margin: 0 auto;
}

/* ---------- 見出し ---------- */
.harassment_ti{
  color:#38a549;
  font-size:32px;
  font-weight:700;
  line-height:1.9;
  letter-spacing:0.02em;
  padding:0 0 70px 0;
}
.harassment_ti2{
  color:#38a549;
  font-size:26px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:0.04em;
  padding:0 0 60px 0;
}

/* ---------- リード文 ---------- */
.harassment_lead{
  font-size:18px;
  font-weight:700;
  line-height:2.4;
}

/* ---------- セクション ---------- */
.harassment_sec{padding:130px 0 0 0;}

.harassment_item{padding:0 0 70px 0;}
.harassment_item:last-child{padding-bottom:0;}
.harassment_item h4{
  font-size:18px;
  font-weight:700;
  line-height:1.6;
  letter-spacing:0.04em;
  padding:0 0 25px 0;
}
.harassment_item p{
  font-size:16px;
  line-height:2.5;
}

/* ---------- 相談窓口 ---------- */
.harassment_contact{
  margin:130px 0 0 0;
  padding:120px 0 0 0;
  border-top:1px solid #38a549;
}
.harassment_contact .harassment_ti2{padding-bottom:70px;}
.harassment_contact_txt{
  font-size:16px;
  line-height:2.5;
  padding:0 0 70px 0;
}
.harassment_contact .harassment_item h4{margin-left:-0.5em;}  /* 【 】の字下げ補正 */
.harassment_address span + span{margin-left:0;}
.harassment_address span:nth-child(3){margin-left:1.5em;}
.harassment_mail a{
  color:#231815;
  text-decoration:underline;
  text-underline-offset:3px;
  transition:color 0.2s linear;
}
.harassment_mail a:hover{opacity:1;color:#38a549;}

/* ---------- 採用ページトップへ ---------- */
.harassment_back{padding:110px 0 0 0;}
.harassment_back a{
  display:inline-flex;
  align-items:center;
  color:#231815;
  transition:color 0.2s linear;
}
.harassment_back a:hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;color:#38a549;}
.harassment_back_arw {
  display:block;
  width:66px;
  height:66px;
  flex:none;
  position: relative;
}
.harassment_back_arw img {
  display:block;
  width:100%;
  height:100%;
}
.harassment_back_arw img.arw_sel {
  opacity: 0;
  transition: all 0.2s;
  position: absolute;
  left: 0;
  top: 0;
}
.harassment_back a:hover img.arw_sel {
  opacity: 1;
}
.harassment_back_txt {
  font-size:16px;
  padding:0 0 0 30px;
}


/* =========================================================
   Tablet
========================================================= */
@media only screen and (max-width:1020px){
  .harassment_box{
    width:calc(100% - 40px);
    padding:100px 40px 70px 60px;
  }
}

@media only screen and (max-width:950px){
  /* ヘッダーが static になり .bg_beige が margin-top:-150px になるため調整 */
  .harassment{padding-top:180px;}
}


/* =========================================================
   SP
========================================================= */
@media only screen and (max-width:768px){
  .harassment .pcnone{display:block!important;}

  .harassment{padding-bottom:60px;}
  .harassment_box{
    width:calc(100% - 15px);
    border-radius:0 15px 15px 0;
    padding:60px 20px 50px 20px;
  }

  .harassment_ti{font-size:22px;padding-bottom:40px;}
  .harassment_ti2{font-size:19px;padding-bottom:40px;}
  .harassment_lead{font-size:15px;line-height:2.1;}

  .harassment_sec{padding-top:80px;}
  .harassment_item{padding-bottom:50px;}
  .harassment_item h4{font-size:15px;padding-bottom:20px;}
  .harassment_item p{font-size:14px;line-height:2.1;}

  .harassment_contact{margin-top:70px;padding-top:70px;}
  .harassment_contact .harassment_ti2{padding-bottom:50px;}
  .harassment_contact_txt{font-size:14px;line-height:2.1;padding-bottom:50px;}

  /* 窓口連絡先は SP で改行 */
  .harassment_address span{display:block;}
  .harassment_address span:nth-child(3){margin-left:0;}
  .harassment_mail{padding:30px 0 0 0;}
  .harassment_mail span{display:block;}
  .harassment_mail a{word-break:break-all;}

  .harassment_back{padding-top:60px;}
  .harassment_back_arw{width:50px;height:50px;}
  .harassment_back_txt{font-size:14px;padding-left:20px;}
}

@media only screen and (max-width:750px){
  /* .bg_beige が margin-top:-195px になるため調整 */
  .harassment{padding-top:215px;}
}

@media only screen and (max-width:480px){
  /* .bg_beige が margin-top:-130px になるため調整 */
  .harassment{padding-top:115px;}
  .harassment_box{padding:13vw 5vw 12vw 5vw;}

  .harassment_ti{font-size:5vw;}
  .harassment_ti2{font-size:4.4vw;}
  .harassment_lead{font-size:3.7vw;}
  .harassment_item h4{font-size:3.7vw;}
  .harassment_item p,
  .harassment_contact_txt,
  .harassment_back_txt{font-size:3.5vw;}
  .harassment_back_arw{width:11vw;height:11vw;}
}