@charset "UTF-8";
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

info CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Variables CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

SVG CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/* Variables
-------------------------------------------- */
@media (max-width: 480px) {
  .contHeading {
    background-image: url(/recruit/shr/img/faq/main_img_sp.jpg) !important; } }

#container .cont1 .faqlist {
  margin: 0 auto 70px; }
  #container .cont1 .faqlist dt, #container .cont1 .faqlist dd {
    display: block;
    box-sizing: border-box;
    padding: 30px 0 30px 74px;
    position: relative; }
    #container .cont1 .faqlist dt::before, #container .cont1 .faqlist dd::before {
      content: "Q";
      display: block;
      width: 48px;
      height: 48px;
      box-sizing: border-box;
      padding: 2px 0 0;
      text-align: center;
      font-size: 4rem;
      font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
      line-height: 1;
      color: #000;
      position: absolute;
      top: 24px;
      left: 0; }
    @media (max-width: 480px) {
      #container .cont1 .faqlist dt, #container .cont1 .faqlist dd {
        padding: 20px 0 20px 56px; }
        #container .cont1 .faqlist dt::before, #container .cont1 .faqlist dd::before {
          width: 43px;
          height: 43px;
          padding: 5px 0 0;
          font-size: 3rem;
          top: 15px; } }
    @media screen and (max-width: 414px) {
      #container .cont1 .faqlist dt, #container .cont1 .faqlist dd {
        padding: 15px 0 15px 15vw; }
        #container .cont1 .faqlist dt::before, #container .cont1 .faqlist dd::before {
          width: 12vw;
          height: 12vw;
          padding: 1.5vw 0 0;
          font-size: 8vw; } }
  #container .cont1 .faqlist dt {
    font-size: 2rem;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC; }
    @media (max-width: 480px) {
      #container .cont1 .faqlist dt {
        font-size: 1.6rem; } }
  #container .cont1 .faqlist dd::before {
    content: "A";
    color: #80212e; }
  @media (max-width: 480px) {
    #container .cont1 .faqlist {
      margin: 0 auto 16vw; } }