@charset "UTF-8";
/* #mainImg 下層ページ
================================================ */
#harassment { background: #262626; }

@media screen and (min-width: 600px) { #harassment:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-size: contain; content: ""; background: #262626 url(../img/common/bg_contents02_pc.png) no-repeat; background-size: 1920px; background-position: top center; } }

#contents { position: relative; }

#contents:before { position: absolute; content: ''; top: -109px; right: 0; width: 100%; height: 0; padding-top: 85.5%; background: url(../img/common/bg_contents01_sp.png) no-repeat top right; background-size: contain; z-index: -1; }

#contents:after { position: absolute; content: ''; top: calc((100vw * 0.855) - 109px); right: 0; width: 100%; height: 100%; background: #262626; background-size: contain; z-index: -1; }

@media screen and (min-width: 600px) { #contents:before { display: none; }
  #contents:after { display: none; } }

/*  #pages
================================================ */
#pages { position: relative; top: -43px; color: #fff; padding-bottom: 1px; line-height: 1.8; }

#pages .txt { font-size: 1.5rem; }

#pages .txt { margin-top: 25px; }

#pages .tit + .txt { margin-top: 12px; }

#pages .txt + .tit { margin-top: 25px; }

#pages .time { margin-top: 38px; }

@media screen and (min-width: 600px) { #pages { padding-bottom: 106px; margin-top: -56px; top: -6px; }
  #pages .txt { font-size: 1.6rem; }
  #pages .txt { margin-top: 54px; }
  #pages .tit + .txt { margin-top: 15px; }
  #pages .txt + .tit { margin-top: 54px; }
  #pages .time { margin-top: 47px; } }

/* ハラスメントページ：相談窓口ボタン */
#harassment .mod_btn01.is_line_black a {
    color: #fff;
    border-color: #fff;
}

#harassment .mod_btn01.is_line_black a:after {
    background-image: url(../img/common/ico_arrow01_white.png);
    background-size: contain;
}
#harassment #pages .harassment_lead {
    text-align: center;
    color: #fff;
    font-size: 2.4rem;
    padding: 0 0 15px;
    margin-bottom: 25px;
    border-bottom: none;
    position: relative;
}

/* ハラスメントページ メイン見出し */
#harassment #pages .harassment_lead:before {
    content: "";
    position: absolute;
    left: 50%;
    top: auto;
    bottom: 0;
    width: 100px;
    height: 2px;
    background: #9ecb3a;
    transform: translateX(-50%);
}

#harassment #pages .harassment_lead:after {
    display: none;
}

@media screen and (min-width: 600px) {
    #harassment #pages .harassment_lead {
        font-size: 2.8rem;
    }
}