/* TABLE OF CONTENTS:
 *
 * 00 どのサイズでも共通で適用されるスタイル
 *    - 配色変更
 * 01 幅 768 未満
 *    - 配色変更
 *    - ビルボ
 * 02 幅 480px 以上
 * 03 幅 768px 以上
 *    - 配色変更
 *    - ビルボ
 * 04 幅 880px 以上
 * 05 幅 1072px 以上
 * 06 幅 1264px 以上
 */

/* --------------------------------------------------------------------------------------------------------
   00
 *
 * どのサイズでも共通で適用されるスタイル
 */

  .mikuni-bg {
      background: url(/wp-content/themes/twentyseventeench/img/bg/mikuni-bg.webp) no-repeat right;
      background-size: contain;
  }
  
  .mikuni ul li {
      list-style: none;
  }


/* 配色変更 */
  
  #special-scaffold-knowledge .season-list h3:before,
  #demolition-scaffold-knowledge .season-list h3:before,
  section[id$="-recruit"] section.type h4,
  .season-list > li div.text2:after,
  .qa dl dd:before {
      background-color: #30327c;
  }
  .process-list > li dl dt {
      color: #30327c;
  }
  section[id$="-recruit"] section.type {
    border-color: #30327c;
  }

  .special-scaffold .deco,
  .box h2[data-label]:after {
      color: #30327c;
  }

  #content div#toc_container,
  #special-scaffold-knowledge .season-list h3,
  #demolition-scaffold-knowledge .season-list h3,
  .process-list > li .step-icon,
  .qa dl dt:before,
  .box .reason-list li span {
      background-color: #15174f;
  }
  .process-list > li .step-icon:after {
    border-left-color: #30327c;
  }

  #content div#toc_container:not(.contracted) {
    border-top-color: #30327c;
  }

  .bil-txt:before {
    filter: invert();
  }
  .bil-btn a,
  .oota < .bil-btn a{
    background-color: #30327c;
  }

  div.outer.color3 {
    background-color: #eceae5;
  }
  div.outer.color2 {
    background: -moz-linear-gradient(to bottom,#FFF,#FFC778 30%,#F89174);
    background: -webkit-linear-gradient(to bottom,#FFF,#FFC778 30%,#F89174);
    background: linear-gradient(to bottom,#cfcfff,#32347f 30%,#05050d);
  }

/* sec画像 */
body:not(.has-sidebar) .site-main .sec-bg {
    padding: 0;
    margin-right: calc((50vw - 50%)*-1) !important;
    margin-left: calc((50vw - 50%)*-1) !important;
}
body:not(.has-sidebar) .site-main .sec-bg .box {
    max-width: 100%;
}

/* 会社情報  */
.company-bg table {
    position: relative;
}
.company-bg td {
    position: relative;
}
.company-bg td > ul:not(.nodisc) {
    padding-left: 1em;
    margin-bottom: 0;
}


/* --------------------------------------------------------------------------------------------------------
   01
 *
 * 幅 768px 未満
 */
@media (max-width: 767px) {


    /* ビルボ */
    .special-scaffold #mainImg {
      background: url(../img/contents/vt-special-scaffold-bil-bg-780w.png) center no-repeat;
      background-size: cover;
    }
    .demolition-scaffold #mainImg {
      background: url(../img/contents/vt-demolition-scaffold-bil-bg-780w.png) center no-repeat;
      background-size: cover;
    }
    .enclosure #mainImg {
      background: url(../img/contents/vt-enclosure-bil-bg-780w.png) center no-repeat;
      background-size: cover;
    }

    /* 会社概要 */
    #content .company-bg {
        margin-top: 2em;
    }
    .company-bg table:before {
        font-size: 2em;
    }
    #content .company-bg tr {
        border-bottom: none;
    }
    #content .company-bg tr th, #content .company-bg tr td {
        padding-left: 1em;
    }
    .company-bg tr th {
        display: block;
        border-bottom: 2px dotted #679bc0;
    }
    .company-bg tr td {
        padding-top: 1em;
        padding-bottom: 2em;
        display: block;
    }

}/* End max 767px */



/* --------------------------------------------------------------------------------------------------------
   02
 *
 * 幅 480px 以上
 */
@media (min-width: 30em) {



    /* ここにスタイル */

}/* End min 480px */



/* --------------------------------------------------------------------------------------------------------
   03
 *
 * 幅 768px 以上
 */
@media (min-width: 48em) {


    /* ビルボ */
    .special-scaffold #mainImg {
      background: url(../img/contents/vt-special-scaffold-bil-bg-1920w.png) center no-repeat;
      background-size: cover;
    }
    .demolition-scaffold #mainImg {
      background: url(../img/contents/vt-demolition-scaffold-bil-bg-1920w.png) center no-repeat;
      background-size: cover;
    }
    .enclosure #mainImg {
      background: url(../img/contents/vt-enclosure-bil-bg-1920w.png) center no-repeat;
      background-size: cover;
    }

    /* 会社概要 */

    .company-bg .box {
        margin-top: 2em;
    }
    .company-bg table:before {
        font-size: 2.5em;
    }
    #content .company-bg tr th, #content .company-bg tr td {
    }
    #content .company-bg tr th {
        color: #333;
        border-bottom: 1px solid #677ec0;
        padding-left: 2em;
    }
    #content .company-bg tr:last-child th {
        border-bottom: 1px solid #677ec0;
    }
    #content .company-bg tr td {
        border-bottom: 1px solid #677ec0;
        padding: 1em;
    }
    .company-bg tr:first-child td {
    }
    .company-bg tbody {
        position: relative;
    }
    .company-bg tbody:before {
        position: absolute;
        content: "";
        width: 110%;
        height: 105%;
        left: 50%;
        background: -moz-linear-gradient(114deg, rgba(223 225 248 / 80%), rgba(255, 255, 255, 0.8));
        background: -webkit-linear-gradient(114deg, rgba(223 225 248 / 80%), rgba(255, 255, 255, 0.8));
        background: linear-gradient(114deg, rgb(223 225 248 / 80%), rgba(255, 255, 255, 0.8));
        z-index: -1;
        top: -1em;
        transform: translateX(-50%);
    }

}/* End min 768px */



/* --------------------------------------------------------------------------------------------------------
   04
 *
 * 幅 880px 以上
 */
@media (min-width: 55em) {


}/* End min 880px */



/* --------------------------------------------------------------------------------------------------------
   05
 *
 * 幅 1072px 以上
 */
@media (min-width: 67em) {

    /* ここにスタイル */
}/* End min 1072px */



/* --------------------------------------------------------------------------------------------------------
   06
 *
 * 幅 1264px 以上
 */
@media (min-width: 79em) {

    /* ここにスタイル */

}/* End min 1264px */