@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
/* --------------- variables --------------------- */
/* Break Point */
/* Color */
/*サイトカラー*/
/*テキストに使うフォントカラー*/
/*テキスト内で使うリンクカラー*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap");
@media screen and (max-width: 800px) {
  header {
    background-color: #fff; }
    header #headInner {
      max-width: 1200px;
      margin: 0 auto;
      text-align: center; }
      header #headInner .logo svg {
        width: 150px;
        height: auto;
        fill: #33459e; }
  .mainVisual {
    margin-top: 50px;
    height: 0;
    padding-top: 27%;
    position: relative; }
    .mainVisual h1 {
      text-align: center;
      font-size: 28px;
      font-family: 'Roboto Condensed', sans-serif;
      white-space: nowrap;
      position: absolute;
      top: 60%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      letter-spacing: 1px; }
      .mainVisual h1 .sub_ttl {
        background-color: #e6393f;
        color: #fff;
        font-weight: normal;
        margin: auto;
        font-size: 12px;
        box-sizing: border-box;
        letter-spacing: 0;
        position: relative;
        top: -14px;
        padding: 2px 8px; }
  .contactM {
    background: url(../images/second/contactMainV.jpg) center;
    background-size: cover; }
  .manuM {
    background: url(../images/second/manuMainV.jpg) center;
    background-size: cover; }
  .copperM {
    background: url(../images/second/copperMainV.jpg) center;
    background-size: cover; }
    .copperM h1 {
      color: #fff;
      text-shadow: 1px 1px 1px #555; }
  .productM {
    background: url(../images/second/productMainV.jpg) center;
    background-size: cover; }
  .dataM {
    background: url(../images/second/dataMainV.jpg) center no-repeat;
    background-size: cover; }
  .companyM {
    background: url(../images/second/companyMainV.jpg) center;
    background-size: cover; }
  .strengthM {
    background: url(../images/second/strengthMainV.jpg) center;
    background-size: cover; }
    .strengthM h1 {
      color: #fff;
      text-shadow: 1px 1px 1px #555; }
  .newsM {
    background: url(../images/second/newsMainV.jpg) center;
    background-size: cover; }
  .recruitM {
    background: url(../images/second/recruit_bg1.jpg) center;
    background-size: cover; }
    .recruitM h1 {
      color: #fff;
      text-shadow: 1px 1px 1px #555; }
  .container {
    max-width: 1200px;
    margin: auto; }
  .lead {
    font-size: 15px;
    line-height: 1.87;
    padding: 40px 0; }
  .h2 {
    font-size: 24px;
    position: relative;
    text-align: center;
    margin: 60px 0; }
    .h2::before {
      content: '';
      border-bottom: 2px solid #e6393f;
      width: 50px;
      position: absolute;
      bottom: -15px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
  .h3 {
    font-size: 20px;
    border-left: 3px solid #e6393f;
    margin: 40px 0 20px;
    padding-left: 15px; }
  .h4 {
    color: #33459e;
    font-size: 18px;
    margin: 30px 0 20px; }
    .h4:first-child {
      margin-top: 0; }
  img {
    max-width: 100%;
    height: auto; }
  .alignL {
    text-align: left; }
  .alignC {
    text-align: center; }
  .alignR {
    text-align: right; }
  .breadcrumb {
    margin: 0 auto 10px;
    max-width: 1200px;
    width: 90%; }
    .breadcrumb div {
      display: inline-block;
      font-size: 13px; }
  .arrow {
    display: none;
    padding-left: 30px;
    margin-bottom: 40px; }
    .arrow .arrow-elm {
      position: relative;
      padding-left: 14px; }
      .arrow .arrow-elm:before {
        content: '';
        width: 6px;
        height: 6px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                transform: translate(-50%, -50%) rotate(-45deg); }
      .arrow .arrow-elm:first-child {
        margin-top: 40px; }
    .arrow a {
      text-decoration: none;
      color: #000; }
  .sitemap-arrow {
    position: relative;
    padding-left: 14px; }
    .sitemap-arrow:before {
      content: '';
      width: 6px;
      height: 6px;
      border-bottom: 1px solid #33459e;
      border-right: 1px solid #33459e;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
              transform: translate(-50%, -50%) rotate(-45deg);
      transition: .3s all; }
  a.commonAnker {
    color: #000;
    text-decoration: none; }
    a.commonAnker:hover {
      text-decoration: underline; }
  a.link {
    display: inline-block;
    position: relative; }
    a.link::before {
      content: url("../images/second/link.png");
      display: block;
      position: absolute;
      top: -10px;
      right: -14px; }
  .download {
    position: relative;
    text-decoration: none; }
    .download::before {
      content: url("../images/second/link.png");
      display: block;
      position: absolute;
      top: -5px;
      right: -14px; }
  /*------------------ 共通 ------------------*/
  /* タブレット */ }

@media screen and (max-width: 800px) and (min-width: 601px) and (max-width: 1049px) {
  .mainVisual {
    height: 200px;
    background-size: cover;
    margin-top: 50px;
    position: relative; }
    .mainVisual h1 {
      text-align: center;
      font-size: 38px;
      font-family: 'Roboto Condensed', sans-serif;
      white-space: nowrap;
      position: absolute;
      top: 58%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      letter-spacing: 1px; }
      .mainVisual h1 .sub_ttl {
        background-color: #e6393f;
        color: #fff;
        font-weight: normal;
        margin: auto;
        font-size: 16px;
        position: relative;
        top: -20px;
        box-sizing: border-box;
        letter-spacing: 0;
        padding: 2px 8px; } }

@media screen and (max-width: 800px) {
  /*------------------ cooper ------------------*/
  #copper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto 100px; }
    #copper .area1 {
      position: relative; }
      #copper .area1 .wrap {
        display: block; }
        #copper .area1 .wrap .img {
          text-align: center; }
          #copper .area1 .wrap .img img {
            max-width: 100%; }
        #copper .area1 .wrap .colorBox {
          height: 150px;
          background-color: #33459e;
          max-width: 700px;
          margin: auto; }
      #copper .area1 .box {
        background-color: #fff;
        position: absolute;
        width: 80%;
        margin: auto;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        left: 50%;
        bottom: 50px;
        box-sizing: border-box;
        text-align: center; }
        #copper .area1 .box h3 {
          padding: 6px 0;
          background-color: #ebecf0;
          color: #33459e;
          font-weight: normal; }
        #copper .area1 .box .txt {
          font-weight: bold;
          padding: 30px 0 40px;
          font-size: 18px; }
          #copper .area1 .box .txt span.number {
            display: block;
            font-size: 28px;
            color: #33459e;
            margin-top: 10px; }
          #copper .area1 .box .txt span.yen-ton {
            font-size: 16px; }
    #copper .area2 .img,
    #copper .area3 .img {
      overflow: scroll; }
    #copper .area3 .suiiWrap {
      display: flex;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      padding: 20px 15px 40px;
      margin-bottom: 130px; }
      #copper .area3 .suiiWrap .suii {
        width: calc(33% - 10px);
        position: relative; }
        #copper .area3 .suiiWrap .suii dt {
          width: 140px;
          float: left; }
          #copper .area3 .suiiWrap .suii dt::after {
            content: '';
            clear: both;
            display: block; }
    #copper .area3 .average {
      font-weight: bold;
      color: #0606ff;
      text-align: right;
      position: absolute;
      bottom: -25px;
      right: 40px; }
  /*------------------ manufacture------------------*/
  #manufacture {
    padding: 0 15px; }
    #manufacture .accordionList {
      margin: 0 0 110px; }
    #manufacture ul {
      list-style-type: none; }
      #manufacture ul li {
        margin-top: 30px; }
    #manufacture h3 {
      padding: 20px 30px;
      background-color: #ebecf0;
      display: block;
      position: relative;
      cursor: pointer; }
      #manufacture h3 ~ h3 {
        margin-top: 20px; }
      #manufacture h3::before, #manufacture h3::after {
        content: '';
        width: 18px;
        height: 18px;
        position: absolute;
        display: block;
        top: 50%;
        right: 0;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      #manufacture h3::before {
        border-bottom: 2px solid #e6393f;
        right: 30px;
        top: 24px;
        transition: .3s ease; }
      #manufacture h3::after {
        border-right: 2px solid #e6393f;
        right: 37px;
        top: 34px;
        transition: .3s ease-out; }
    #manufacture h3.hideLine::after {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left;
      opacity: 0;
      right: 19px;
      top: 29px; }
    #manufacture ul.arrow {
      display: none;
      padding-left: 30px;
      margin-bottom: 40px; }
      #manufacture ul.arrow li {
        position: relative;
        padding-left: 14px; }
        #manufacture ul.arrow li:before {
          content: '';
          width: 6px;
          height: 6px;
          border-bottom: 1px solid #000;
          border-right: 1px solid #000;
          position: absolute;
          top: 50%;
          left: 0;
          -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                  transform: translate(-50%, -50%) rotate(-45deg); }
        #manufacture ul.arrow li:first-child {
          margin-top: 40px; }
      #manufacture ul.arrow a {
        text-decoration: none;
        color: #000; }
  /*------------------ inquiry------------------*/
  #inquiry {
    max-width: 1200px;
    margin: auto;
    width: 90%; }
    #inquiry.confirmPage .item .elm {
      width: 100%; }
    #inquiry.completePage {
      margin-bottom: 100px; }
      #inquiry.completePage .txtShowy {
        font-size: 18px;
        font-weight: bold; }
      #inquiry.completePage .toTopBtn {
        background-color: #fff;
        border: 2px solid #666;
        color: #666;
        width: 100%;
        height: 36px;
        font-size: 13px;
        padding: 8px 10px 30px;
        box-sizing: border-box;
        transition: all .5s;
        border-radius: 30px;
        letter-spacing: 1.5px;
        text-decoration: none;
        color: #000;
        display: block;
        text-align: center; }
        #inquiry.completePage .toTopBtn:hover {
          cursor: pointer;
          background-color: #666;
          color: #fff; }
    #inquiry .red {
      color: #e6393f; }
    #inquiry form {
      margin: 0 auto 30px; }
    #inquiry .item {
      overflow: hidden;
      margin-bottom: 20px;
      border-top: solid 1px #ebecf0;
      padding-top: 30px; }
      #inquiry .item.last {
        border-bottom: solid 2px #f0f1f5;
        padding: 20px 0; }
      #inquiry .item .wrap {
        display: flex;
        flex-flow: wrap;
        margin-top: 20px; }
      #inquiry .item .elm {
        margin-bottom: 10px;
        padding-left: 14px;
        width: calc(50% - 4px); }
    #inquiry .address::after {
      content: '';
      clear: both;
      display: block; }
    #inquiry .address .addressIn div {
      margin-top: 20px;
      white-space: nowrap; }
    #inquiry .address .addressIn label,
    #inquiry .address .addressIn .inputs {
      display: block; }
    #inquiry .tyushaku {
      font-size: 12px;
      display: inline;
      margin-top: 6px; }
      #inquiry .tyushaku.block {
        display: block; }
    #inquiry .label,
    #inquiry inputs {
      display: block; }
    #inquiry .kome {
      position: relative; }
      #inquiry .kome::before {
        content: "※";
        color: #e6393f;
        position: absolute;
        top: 0;
        right: -26px; }
    #inquiry .inputs {
      position: relative;
      width: 100%; }
      #inquiry .inputs.type80 {
        width: 73%; }
    #inquiry input,
    #inquiry textarea,
    #inquiry select {
      border: none;
      background-color: #ebecf0;
      padding: 10px;
      font-size: 14px;
      margin-top: 10px; }
    #inquiry textarea {
      height: 120px; }
    #inquiry input[type="submit"],
    #inquiry input[type="reset"] {
      border: none;
      border-radius: 30px;
      margin: 0 20px;
      letter-spacing: 1.5px; }
    #inquiry input[type="submit"] {
      color: #fff;
      background-color: #e0505c;
      border: 2px solid #e0505c;
      width: 95%;
      margin: auto;
      height: 52px;
      font-size: 16px;
      box-sizing: border-box;
      padding: 10px 20px;
      transition: all .5s; }
      #inquiry input[type="submit"]:hover {
        cursor: pointer;
        background-color: #fff;
        color: #e0505c; }
    #inquiry input[type="reset"] {
      background-color: #fff;
      border: 1px solid #666;
      color: #666;
      width: 140px;
      height: 36px;
      font-size: 13px;
      padding: 8px 10px 30px;
      box-sizing: border-box;
      margin-top: 80px;
      position: relative;
      left: -10px;
      transition: all .5s; }
      #inquiry input[type="reset"]:hover {
        cursor: pointer;
        background-color: #666;
        color: #fff; }
    #inquiry .confirm {
      margin: 30px 0; }
      #inquiry .confirm .red {
        text-decoration: underline; }
  /*------------------ product------------------*/
  #products .lead {
    width: 90%;
    margin: auto; }
  #product.container {
    max-width: 100%; }
  /*------------------ construction------------------*/
  #const {
    font-size: 15px;
    width: 90%; }
    #const h2 {
      font-size: 24px;
      position: relative;
      text-align: center;
      margin: 60px 0; }
      #const h2::before {
        content: '';
        border-bottom: 2px solid #e6393f;
        width: 50px;
        position: absolute;
        bottom: -20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
    #const h3 {
      font-weight: normal;
      margin: 30px 0 20px; }
    #const .area .img img {
      max-width: 100%;
      height: auto; }
    #const .area .txt {
      margin-top: 20px;
      line-height: 1.87; }
    #const .makerWrap {
      width: 100%;
      margin: 30px 0 100px; }
      #const .makerWrap dl.dtNone dt {
        display: none; }
      #const .makerWrap dl.dtNone dd {
        flex: 1; }
      #const .makerWrap dl dt {
        background-color: #33459e;
        border-top: 2px solid #fff;
        color: #fff;
        font-weight: bold;
        width: 100%;
        position: relative;
        padding: 8px 20px;
        min-height: 40px; }
        #const .makerWrap dl dt span {
          display: block; }
      #const .makerWrap dl dd {
        width: 100%;
        background-color: #f5f6fa; }
        #const .makerWrap dl dd .elm {
          border-top: 2px solid #fff;
          padding: 30px 20px; }
        #const .makerWrap dl dd .col2:nth-child(even) {
          padding-top: 10px; }
        #const .makerWrap dl dd a {
          text-decoration: none;
          color: #000; }
  /*------------------ subNav------------------*/
  .subNavWrap ul {
    list-style: none; }
  .subNavWrap a {
    color: #fff;
    text-decoration: none; }
  .subNavWrap .active {
    display: block; }
  .subNav ul {
    display: flex;
    list-style: none;
    width: 700px;
    margin: auto; }
  .subNav li {
    width: 25%;
    text-align: center; }
    .subNav li.active {
      cursor: auto; }
  .subNav a {
    border-right: 1px  solid #fff;
    background-color: #33459e;
    cursor: pointer;
    display: block;
    padding: 10px 16px;
    transition: .5s all; }
    .subNav a:hover {
      background-color: #fff;
      color: #33459e; }
    .subNav a.on {
      background-color: #e6393f;
      color: #fff; }
  .subNavBody {
    background: #fbfbfb;
    text-align: center; }
    .subNavBody .productBox {
      display: inline-block;
      text-align: left;
      flex-flow: wrap;
      justify-content: center;
      max-width: 1280px;
      margin: auto;
      padding: 40px 0;
      display: none;
      transition: .3s; }
      .subNavBody .productBox.show {
        display: inline-block;
        transition: .3s; }
      .subNavBody .productBox li {
        display: inline-block;
        white-space: nowrap; }
      .subNavBody .productBox a {
        color: #000;
        display: block;
        font-size: 15px;
        padding: 10px 0;
        margin: 0 30px;
        text-decoration: none;
        position: relative;
        transition: all .3s; }
        .subNavBody .productBox a::after {
          display: block;
          content: "";
          width: 0;
          height: 2px;
          background-color: #e6393f;
          position: absolute;
          bottom: 0;
          left: 0;
          transition: all .3s; }
        .subNavBody .productBox a:hover {
          color: #e6393f; }
          .subNavBody .productBox a:hover::after {
            width: 100%; }
        .subNavBody .productBox a.on {
          color: #e6393f; }
          .subNavBody .productBox a.on::after {
            width: 100%; }
      .subNavBody .productBox.companyBox {
        flex-flow: nowrap; }
        .subNavBody .productBox.companyBox a:hover {
          color: #e6393f; }
          .subNavBody .productBox.companyBox a:hover::after {
            width: 100%; }
        .subNavBody .productBox.companyBox a.on {
          color: #e6393f; }
          .subNavBody .productBox.companyBox a.on::after {
            width: 100%; }
  /*------------------ data------------------*/
  #data {
    width: 90%; }
    #data h2 {
      margin: 30px 0 0; }
    #data h3 {
      margin: 30px 0; }
    #data .lead {
      padding: 36px 0 0; }
    #data .contact {
      margin-top: 30px;
      text-align: center; }
      #data .contact .btn {
        margin: auto;
        margin-top: 40px; }
    #data .section2 {
      margin-top: 50px; }
      #data .section2 .lead {
        padding: 30px 0 20px; }
      #data .section2 .readWrap {
        margin-top: 30px;
        margin-bottom: 60px; }
        #data .section2 .readWrap .read {
          line-height: 1.69;
          font-size: 14px; }
        #data .section2 .readWrap .adobe {
          display: block;
          margin-top: 20px; }
  /*------------------ strength------------------*/
  #strength_wrap {
    overflow: hidden; }
  #strength {
    width: 90%;
    margin: auto;
    margin-bottom: 100px; }
    #strength img {
      max-width: 100%; }
    #strength .lead {
      font-weight: bold;
      font-size: 18px;
      border-bottom: solid 2px #e6393f;
      padding-bottom: 8px;
      margin: auto;
      width: 86%;
      line-height: 1.61;
      text-align: center; }
      #strength .lead .spBreak {
        display: block; }
    #strength .section {
      margin-top: 76px; }
    #strength h2 {
      position: absolute;
      top: -24px; }
    #strength h2 span.h2 {
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 40px;
      font-weight: 700;
      font-style: italic;
      color: #3d53be;
      line-height: 1;
      position: relative;
      overflow: hidden;
      opacity: .25;
      letter-spacing: 0.05em; }
      #strength h2 span.h2::before {
        display: none; }
    #strength .wrap {
      display: flex;
      flex-flow: nowrap column-reverse;
      max-width: 600px;
      margin: auto; }
    #strength .img {
      text-align: center; }
    #strength .txt {
      background-color: #f2f3f7;
      position: relative;
      padding: 35px 20px 40px; }
      #strength .txt h3 {
        color: #33459e;
        font-size: 18px;
        line-height: 1.53; }
        #strength .txt h3 br {
          display: none; }
      #strength .txt p {
        line-height: 1.7;
        margin: 22px 0;
        font-size: 14px; }
      #strength .txt .btnWrap .btn.white {
        width: 100%;
        background-color: transparent;
        color: #e6393f;
        margin: auto;
        height: 46px; }
  /* news */
  #newsdetail {
    margin: 0 auto 90px;
    width: 100%;
    padding: 0 15px; }
    #newsdetail .kijiH2 {
      border-bottom: 1px solid;
      font-size: 24px;
      font-weight: normal;
      margin-top: 40px;
      padding-bottom: 10px; }
    #newsdetail .info {
      padding: 15px 0 0; }
      #newsdetail .info .cat {
        background-color: #33459e;
        color: #fff;
        font-size: 12px;
        width: 105px;
        margin-top: 10px;
        padding: 6px 14px;
        display: block;
        text-align: center; }
      #newsdetail .info time {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: bold;
        color: #a7a8ab;
        display: block; }
    #newsdetail .area {
      margin-top: 30px; }
      #newsdetail .area .img {
        text-align: center; }
        #newsdetail .area .img img {
          max-width: 600px;
          width: 100%; }
      #newsdetail .area .txt {
        margin-top: 25px;
        line-height: 1.76; }
    #newsdetail ul {
      list-style: none;
      font-weight: bold; }
      #newsdetail ul li {
        padding-left: 20px;
        position: relative;
        margin-top: 10px; }
        #newsdetail ul li::before {
          content: "";
          width: 6px;
          height: 6px;
          background-color: #000;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          display: block;
          position: absolute;
          top: 11px;
          left: 0; }
    #newsdetail table {
      width: 100%;
      text-align: center; }
      #newsdetail table thead.hideSp {
        display: none; }
      #newsdetail table tr.midashiTable {
        display: flex;
        flex-flow: wrap; }
        #newsdetail table tr.midashiTable .midashi {
          flex-basis: 100%;
          background-color: transparent;
          color: #33459e;
          font-weight: bold;
          font-size: 18px;
          padding-left: 0;
          text-align: left !important; }
      #newsdetail table tr {
        display: flex; }
      #newsdetail table th,
      #newsdetail table td {
        border-right: 1px solid #fff;
        padding: 20px 0;
        font-size: 15px;
        flex-basis: 25%; }
      #newsdetail table th {
        background-color: #33459e;
        color: #fff; }
        #newsdetail table th.hideSp {
          display: none; }
      #newsdetail table td {
        background-color: #f2f3f7; }
    #newsdetail p.intro {
      margin-top: 30px;
      line-height: 1.7;
      font-size: 15px; }
    #newsdetail .btn {
      margin: 45px auto 0; }
    #newsdetail tr.midashiTable td:not(.midashi) {
      padding-top: 0;
      padding-bottom: 10px; }
    #newsdetail .sp_thead {
      width: 100%;
      display: block;
      background: #33459e;
      color: #fff;
      padding-top: 7px;
      padding-bottom: 7px;
      margin-bottom: 10px; }
    #newsdetail .midashi .sp_thead {
      display: none; }
  #companyWrap {
    margin: 0 auto 90px;
    width: 100%;
    padding: 0 15px; }
    #companyWrap .itemWrap {
      margin-top: 80px; }
      #companyWrap .itemWrap .item {
        border-top: solid 1px #ebecf0;
        font-size: 15px;
        overflow: hidden;
        margin-bottom: 18px;
        padding-top: 18px; }
        #companyWrap .itemWrap .item.last {
          border-bottom: solid 1px #f0f1f5;
          padding: 20px 0; }
        #companyWrap .itemWrap .item dt {
          margin-right: 120px;
          width: 110px; }
        #companyWrap .itemWrap .item dd {
          line-height: 1.6; }
  #company {
    width: 100%;
    margin: 0 auto 60px;
    /*
        .arrow {
        background-color: #e6393f;
        color: #fff;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 0;
        right: 17px;
        z-index: 2;


        &::before {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        transform: rotate(135deg);
    }

    }
        */ }
    #company .leadWrap {
      background: url("../images/second/company_bg.png") no-repeat;
      background-size: cover;
      text-align: center;
      padding: 30px 15px; }
      #company .leadWrap h2,
      #company .leadWrap p {
        color: #fff; }
      #company .leadWrap h2 {
        font-size: 20px; }
        #company .leadWrap h2 .brSp {
          display: block; }
      #company .leadWrap p {
        font-size: 15px;
        margin-top: 20px;
        line-height: 1.6; }
      #company .leadWrap .btn {
        background-color: #e6393f;
        color: #fff;
        margin: 30px auto 20px;
        transition: all .5s; }
        #company .leadWrap .btn:hover {
          background-color: #fff;
          color: #e6393f; }
          #company .leadWrap .btn:hover::after {
            border-top: 2px solid #e6393f;
            border-right: 2px solid #e6393f; }
    #company .articleWrap {
      margin-top: 60px;
      padding: 0 15px; }
    #company article:first-child ~ article {
      margin-top: 30px; }
    #company article .articleInner {
      color: #000;
      text-decoration: none;
      display: block;
      position: relative; }
    #company article.blank {
      visibility: hidden; }
    #company .img {
      text-align: center; }
      #company .img img {
        max-width: 100%;
        height: auto; }
    #company .txt {
      width: 90%;
      margin: -30px auto 0;
      background-color: #ebecf0;
      padding: 20px 25px 40px;
      z-index: 1;
      position: relative;
      transition: .5s all; }
      #company .txt h2 {
        font-size: 20px;
        line-height: 1.56; }
      #company .txt p {
        font-size: 15px;
        margin-top: 20px;
        letter-spacing: 1px;
        min-height: 62px; }
      #company .txt:hover {
        background-color: #33459e;
        color: #fff; }
      #company .txt::before {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
        position: absolute;
        bottom: 10px;
        right: 12px;
        z-index: 3;
        transition: .5s all; }
      #company .txt::after {
        content: '';
        display: block;
        background-color: #33459e;
        color: #fff;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
        transition: .5s all; }
      #company .txt:hover::before {
        -webkit-transform: translatex(4px) rotate(135deg);
                transform: translatex(4px) rotate(135deg);
        border-top: 2px solid #33459e;
        border-left: 2px solid #33459e; }
      #company .txt:hover::after {
        background-color: #fff; }
  .preBox {
    background: #eff0f4;
    border: 1px solid #0522a7;
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
    max-width: 1200px;
    margin: 30px auto; }
    .preBox pre {
      overflow: auto;
      white-space: pre-wrap;
      word-wrap: break-word;
      -moz-text-align-last: auto;
      text-align-last: auto; }
  .map {
    text-align: center;
    margin-bottom: 50px; }
    .map img {
      max-width: 100%; }
  #notfound {
    width: 90%;
    margin: auto; }
    #notfound .inner {
      padding: 95px 0 110px; }
    #notfound h2 {
      color: #33459e;
      font-size: 30px;
      text-align: center; }
    #notfound .lead {
      padding: 20px 0 40px; }
    #notfound .btn {
      text-align: center;
      max-width: 600px;
      margin: auto; }
  /* import */
  /* use Slick 
@import "_slick";
@import "_slick-theme";
*/
  /* ココから下には記入禁止 */
  .forPC {
    display: none !important; } }

@media print, screen and (min-width: 801px) {
  /*------------------ 共通 ------------------*/
  header {
    background: #fff; }
    header #headInner {
      text-align: center; }
  .mainVisual {
    height: 200px;
    background-size: cover;
    margin-top: 85px;
    position: relative; }
    .mainVisual h1 {
      text-align: center;
      font-size: 44px;
      font-family: 'Roboto Condensed', sans-serif;
      white-space: nowrap;
      position: absolute;
      top: 57%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      letter-spacing: 1px; }
      .mainVisual h1 .sub_ttl {
        background-color: #e6393f;
        color: #fff;
        font-weight: normal;
        margin: auto;
        font-size: 16px;
        position: relative;
        top: -26px;
        box-sizing: border-box;
        letter-spacing: 0;
        padding: 2px 8px; }
  .contactM {
    background: url(../images/second/contactMainV.jpg) center; }
  .manuM {
    background: url(../images/second/manuMainV.jpg) center; }
  .copperM {
    background: url(../images/second/copperMainV.jpg) center; }
    .copperM h1 {
      color: #fff;
      text-shadow: 1px 1px 1px #555; }
  .productM {
    background: url(../images/second/productMainV.jpg) center; }
  .dataM {
    background: url(../images/second/dataMainV.jpg) center; }
  .companyM {
    background: url(../images/second/companyMainV.jpg) center; }
  .strengthM {
    background: url(../images/second/strengthMainV.jpg) center; }
    .strengthM h1 {
      color: #fff;
      text-shadow: 1px 1px 1px #555; }
  .newsM {
    background: url(../images/second/newsMainV.jpg) center; }
  .recruitM {
    background: url(../images/second/recruit_bg1.jpg) center; }
    .recruitM h1 {
      color: #fff;
      text-shadow: 1px 1px 1px #555; }
  .container {
    max-width: 1200px;
    margin: auto;
    padding: 0 15px; }
  .lead {
    font-size: 15px;
    line-height: 1.87;
    padding: 60px 0;
    text-align: center; }
  .h2 {
    font-size: 32px;
    position: relative;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 80px; }
    .h2::before {
      content: '';
      border-bottom: 2px solid #e6393f;
      width: 50px;
      position: absolute;
      bottom: -20px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
  .h3 {
    font-size: 24px;
    border-left: 3px solid #e6393f;
    margin: 60px 0 40px;
    padding-left: 15px; }
  .h4 {
    color: #33459e;
    font-size: 20px;
    margin: 40px 0 20px; }
    .h4:first-child {
      margin-top: 0; }
  .alignL {
    text-align: left; }
  .alignC {
    text-align: center; }
  .alignR {
    text-align: right; }
  .breadcrumb {
    margin: 0 auto 10px;
    max-width: 1200px; }
    .breadcrumb div {
      display: inline-block;
      font-size: 13px; }
  a.commonAnker {
    color: #000;
    text-decoration: none; }
    a.commonAnker:hover {
      text-decoration: underline; }
  .arrow {
    display: none;
    padding-left: 30px;
    margin-bottom: 40px; }
    .arrow .arrow-elm {
      position: relative;
      padding: 10px 10px 10px 14px;
      transition: .5s all; }
      .arrow .arrow-elm:hover {
        background-color: #f5f5f5; }
      .arrow .arrow-elm:before {
        content: '';
        width: 6px;
        height: 6px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
                transform: translate(-50%, -50%) rotate(-45deg);
        transition: .3s all; }
      .arrow .arrow-elm:first-child {
        margin-top: 20px; }
    .arrow a {
      text-decoration: none;
      color: #000; }
  .sitemap-arrow {
    position: relative;
    padding-left: 14px; }
    .sitemap-arrow:before {
      content: '';
      width: 6px;
      height: 6px;
      border-bottom: 1px solid #33459e;
      border-right: 1px solid #33459e;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
              transform: translate(-50%, -50%) rotate(-45deg);
      transition: .3s all; }
  a.link {
    display: inline-block;
    position: relative; }
    a.link::before {
      content: url("../images/second/link.png");
      display: block;
      position: absolute;
      top: -10px;
      right: -14px; }
  .download {
    position: relative;
    text-decoration: none; }
    .download::before {
      content: url("../images/second/link.png");
      display: block;
      position: absolute;
      top: -10px;
      right: -14px; }
  /* タブレット */ }

@media print, screen and (min-width: 801px) and (min-width: 601px) and (max-width: 1049px) {
  .mainVisual {
    height: 200px;
    background-size: cover;
    margin-top: 50px;
    position: relative; }
    .mainVisual h1 {
      text-align: center;
      font-size: 38px;
      font-family: 'Roboto Condensed', sans-serif;
      white-space: nowrap;
      position: absolute;
      top: 58%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      letter-spacing: 1px; }
      .mainVisual h1 .sub_ttl {
        background-color: #e6393f;
        color: #fff;
        font-weight: normal;
        margin: auto;
        font-size: 16px;
        position: relative;
        top: -20px;
        box-sizing: border-box;
        letter-spacing: 0;
        padding: 2px 8px; } }

@media print, screen and (min-width: 801px) {
  /*------------------ cooper ------------------*/
  #copper {
    max-width: 1200px;
    margin: 0 auto 130px; }
    #copper .area1 {
      position: relative; }
      #copper .area1 .wrap {
        display: flex; }
        #copper .area1 .wrap .colorBox {
          height: 400px;
          width: 500px;
          background-color: #33459e; }
      #copper .area1 .box {
        background-color: #fff;
        position: absolute;
        top: 50px;
        right: 50px;
        width: 500px;
        height: 300px;
        box-sizing: border-box;
        text-align: center; }
        #copper .area1 .box h3 {
          padding: 15px 0;
          background-color: #ebecf0;
          color: #33459e;
          font-weight: normal; }
        #copper .area1 .box .txt {
          font-weight: bold;
          padding-top: 55px;
          font-size: 22px; }
          #copper .area1 .box .txt span.number {
            display: block;
            font-size: 36px;
            color: #33459e;
            margin-top: 16px; }
          #copper .area1 .box .txt span.yen-ton {
            font-size: 16px; }
    #copper .area2 .img,
    #copper .area3 .img {
      text-align: center; }
    #copper .area2 .img img,
    #copper .area3 .img img {
      max-width: 1080px;
      width: 100%; }
    #copper .area3 .suiiWrap {
      display: flex;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      padding: 20px 15px 40px;
      margin-bottom: 130px; }
      #copper .area3 .suiiWrap .suii {
        width: calc(33% - 10px);
        position: relative; }
        #copper .area3 .suiiWrap .suii dt {
          width: 140px;
          float: left; }
          #copper .area3 .suiiWrap .suii dt::after {
            content: '';
            clear: both;
            display: block; }
    #copper .area3 .average {
      font-weight: bold;
      color: #0606ff;
      text-align: right;
      position: absolute;
      bottom: -25px;
      right: 40px; }
  /*------------------ manufacture------------------*/
  #manufacture .accordionList {
    margin: 0 0 150px; }
  #manufacture ul {
    list-style-type: none; }
    #manufacture ul li {
      margin-top: 10px; }
  #manufacture h3 {
    padding: 20px 30px;
    background-color: #ebecf0;
    display: block;
    position: relative;
    cursor: pointer; }
    #manufacture h3 ~ h3 {
      margin-top: 20px; }
    #manufacture h3::before, #manufacture h3::after {
      content: '';
      width: 18px;
      height: 18px;
      position: absolute;
      display: block;
      top: 50%;
      right: 0;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    #manufacture h3::before {
      border-bottom: 2px solid #e6393f;
      right: 30px;
      bottom: 23px;
      top: inherit;
      transition: .3s ease; }
    #manufacture h3::after {
      border-right: 2px solid #e6393f;
      right: 37px;
      top: 34px;
      transition: .3s ease-out;
      display: inline-block;
      opacity: 1; }
  #manufacture h3.hideLine::after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
    opacity: 0;
    right: 19px;
    top: 29px; }
  /*------------------ inquiry------------------*/
  #inquiry {
    max-width: 1200px;
    margin: auto; }
    #inquiry.confirmPage .item .elm {
      width: 100%; }
    #inquiry.completePage {
      margin-bottom: 100px; }
      #inquiry.completePage .txtShowy {
        font-size: 18px;
        font-weight: bold; }
      #inquiry.completePage .toTopBtn {
        background-color: #fff;
        border: 2px solid #666;
        color: #666;
        width: 140px;
        height: 36px;
        font-size: 13px;
        padding: 8px 10px 30px;
        box-sizing: border-box;
        transition: all .5s;
        border-radius: 30px;
        margin: auto;
        letter-spacing: 1.5px;
        text-decoration: none;
        color: #000;
        display: block;
        text-align: center; }
        #inquiry.completePage .toTopBtn:hover {
          cursor: pointer;
          background-color: #666;
          color: #fff; }
    #inquiry .red {
      color: #e6393f; }
    #inquiry form {
      margin: 0 auto 100px; }
    #inquiry .item {
      display: flex;
      overflow: hidden;
      margin-bottom: 20px;
      border-top: solid 1px #ebecf0;
      padding: 30px 0 10px; }
      #inquiry .item.last {
        border-bottom: solid 2px #f0f1f5;
        padding: 30px 0 30px; }
      #inquiry .item .wrap {
        display: flex;
        flex-flow: wrap; }
      #inquiry .item .elm {
        width: 50%;
        margin-bottom: 10px; }
    #inquiry .address::after {
      content: '';
      clear: both;
      display: block; }
    #inquiry .address .addressIn {
      width: 75%; }
      #inquiry .address .addressIn div {
        white-space: nowrap; }
      #inquiry .address .addressIn div ~ div {
        margin-top: 20px; }
      #inquiry .address .addressIn label {
        width: 130px;
        display: inline-block; }
      #inquiry .address .addressIn .inputs {
        margin-left: 40px;
        width: 74%; }
        #inquiry .address .addressIn .inputs.type30 {
          width: 30%; }
    #inquiry .tyushaku {
      padding: 20px 0 0 30px;
      font-size: 12px;
      display: inline; }
    #inquiry .label {
      margin-right: 110px;
      width: 190px; }
    #inquiry .kome {
      position: relative; }
      #inquiry .kome::before {
        content: "※";
        color: #e6393f;
        position: absolute;
        top: 0;
        right: -26px; }
    #inquiry .inputs {
      width: 70%;
      position: relative; }
      #inquiry .inputs.type50 {
        width: 50%;
        position: relative; }
      #inquiry .inputs.type30 {
        width: 30%; }
    #inquiry input,
    #inquiry textarea,
    #inquiry select {
      border: none;
      background-color: #ebecf0;
      padding: 14px;
      font-size: 14px; }
    #inquiry textarea {
      height: 160px; }
    #inquiry .btn-area {
      text-align: center; }
    #inquiry input[type="submit"],
    #inquiry input[type="reset"] {
      border: none;
      border-radius: 30px;
      margin: 0 20px;
      letter-spacing: 1.5px; }
    #inquiry input[type="submit"] {
      background-color: #e0505c;
      border: 2px solid #e0505c;
      color: #fff;
      width: 240px;
      height: 52px;
      font-size: 16px;
      box-sizing: border-box;
      padding: 10px 20px;
      transition: all .5s; }
      #inquiry input[type="submit"]:hover {
        cursor: pointer;
        background-color: #fff;
        color: #e0505c; }
    #inquiry input[type="reset"] {
      background-color: #fff;
      border: 2px solid #666;
      color: #666;
      width: 140px;
      height: 36px;
      font-size: 13px;
      padding: 8px 10px 30px;
      box-sizing: border-box;
      transition: all .5s; }
      #inquiry input[type="reset"]:hover {
        cursor: pointer;
        background-color: #666;
        color: #fff; }
    #inquiry .confirm {
      text-align: center;
      margin: 30px 0 40px; }
      #inquiry .confirm .red {
        text-decoration: underline; }
      #inquiry .confirm br {
        display: none; }
  /*------------------ product------------------*/
  #products .lead {
    width: 90%;
    margin: auto; }
  #product.container {
    max-width: 100%; }
  /*------------------ construction------------------*/
  #const {
    font-size: 15px; }
    #const h2 {
      font-size: 32px;
      position: relative;
      text-align: center;
      margin-top: 60px;
      margin-bottom: 80px; }
      #const h2::before {
        content: '';
        border-bottom: 2px solid #e6393f;
        width: 50px;
        position: absolute;
        bottom: -20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
    #const h3 {
      font-weight: normal; }
    #const .area {
      display: flex;
      align-items: center; }
      #const .area .img {
        width: 50%;
        height: 399px;
        position: relative; }
        #const .area .img img {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          max-width: 100%;
          height: auto;
          max-height: 399px; }
      #const .area .txt {
        width: 50%;
        padding-left: 60px;
        line-height: 1.87; }
    #const .makerWrap {
      width: 100%;
      margin: 40px 0 100px; }
      #const .makerWrap a {
        text-decoration: none;
        color: #000; }
        #const .makerWrap a.hover {
          display: block;
          width: 100%;
          transition: .3s all;
          color: #000; }
          #const .makerWrap a.hover:hover {
            background-color: #33459e;
            color: #fff; }
      #const .makerWrap dl {
        display: flex; }
        #const .makerWrap dl.dtNone dt {
          display: none; }
        #const .makerWrap dl.dtNone dd {
          flex: 1; }
        #const .makerWrap dl dt {
          background-color: #33459e;
          border-top: 2px solid #fff;
          color: #fff;
          font-weight: bold;
          width: 21%;
          text-align: center;
          position: relative;
          align-items: center;
          justify-content: center;
          display: flex;
          padding: 15px; }
        #const .makerWrap dl dd {
          width: 79%;
          background-color: #f5f6fa; }
          #const .makerWrap dl dd .elm {
            border-top: 2px solid #fff;
            display: flex; }
            #const .makerWrap dl dd .elm .rightPc {
              text-align: right; }
          #const .makerWrap dl dd .col1 {
            width: 100%;
            padding: 20px 30px 20px 50px; }
          #const .makerWrap dl dd .col2 {
            width: 50%;
            padding: 20px 30px 20px 50px; }
  /*------------------ subNav------------------*/
  .subNavWrap ul {
    list-style: none; }
  .subNavWrap a {
    color: #fff;
    text-decoration: none; }
  .subNavWrap .active {
    display: block; }
  .subNav ul {
    display: flex;
    list-style: none;
    width: 700px;
    margin: auto; }
  .subNav li {
    width: 25%;
    text-align: center; }
    .subNav li.active {
      cursor: auto; }
  .subNav a {
    border-right: 1px  solid #fff;
    background-color: #33459e;
    cursor: pointer;
    display: block;
    padding: 10px 16px;
    transition: .5s all; }
    .subNav a:hover {
      background-color: #fff;
      color: #33459e; }
    .subNav a.on {
      background-color: #e6393f;
      color: #fff; }
  .subNavBody {
    background: #fbfbfb;
    text-align: center; }
    .subNavBody .productBox {
      display: inline-block;
      text-align: left;
      flex-flow: wrap;
      justify-content: center;
      max-width: 1280px;
      margin: auto;
      padding: 40px 0;
      display: none;
      transition: .3s; }
      .subNavBody .productBox.show {
        display: inline-block;
        transition: .3s; }
      .subNavBody .productBox li {
        display: inline-block;
        white-space: nowrap; }
      .subNavBody .productBox a {
        color: #000;
        display: block;
        font-size: 15px;
        padding: 10px 0;
        margin: 0 30px;
        text-decoration: none;
        position: relative;
        transition: all .3s; }
        .subNavBody .productBox a::after {
          display: block;
          content: "";
          width: 0;
          height: 2px;
          background-color: #e6393f;
          position: absolute;
          bottom: 0;
          left: 0;
          transition: all .3s; }
        .subNavBody .productBox a:hover {
          color: #e6393f; }
          .subNavBody .productBox a:hover::after {
            width: 100%; }
        .subNavBody .productBox a.on {
          color: #e6393f; }
          .subNavBody .productBox a.on::after {
            width: 100%; }
      .subNavBody .productBox.companyBox {
        flex-flow: nowrap; }
        .subNavBody .productBox.companyBox a:hover {
          color: #e6393f; }
          .subNavBody .productBox.companyBox a:hover::after {
            width: 100%; }
        .subNavBody .productBox.companyBox a.on {
          color: #e6393f; }
          .subNavBody .productBox.companyBox a.on::after {
            width: 100%; }
  /*------------------ data------------------*/
  #data h2 {
    margin-bottom: 40px;
    line-height: 1; }
  #data h3 {
    margin: 40px 0 30px; }
  #data .lead {
    padding: 60px 0 0;
    line-height: 1; }
  #data .section1 .lead {
    padding: 0; }
  #data .contact {
    margin-top: 60px;
    text-align: center; }
    #data .contact .btn {
      margin: auto;
      margin-top: 40px; }
  #data .section2 {
    margin-top: 100px; }
    #data .section2 h2 {
      margin-bottom: 60px; }
    #data .section2 .lead {
      padding: 0 0 40px; }
    #data .section2 .readWrap {
      margin-top: 30px;
      margin-bottom: 100px;
      display: flex; }
      #data .section2 .readWrap .read {
        font-size: 14px;
        width: 70%; }
      #data .section2 .readWrap .adobe {
        width: 30%;
        display: block;
        text-align: right; }
        #data .section2 .readWrap .adobe img {
          transition: .3s ease-in-out; }
          #data .section2 .readWrap .adobe img:hover {
            opacity: .7; }
  /*------------------ strength------------------*/
  #strength_wrap {
    overflow: hidden; }
  #strength {
    margin-bottom: 100px; }
    #strength .lead {
      font-weight: bold;
      font-size: 30px;
      border-bottom: solid 2px #e6393f;
      padding-bottom: 8px;
      width: 65%;
      margin: auto;
      line-height: 1.13; }
    #strength .section {
      margin-top: 125px; }
      #strength .section.section1 {
        margin-top: 135px; }
      #strength .section:nth-of-type(even) .wrap {
        flex-flow: row-reverse; }
      #strength .section:nth-of-type(even) .txt {
        left: 0;
        padding: 60px 170px 40px 0; }
        #strength .section:nth-of-type(even) .txt::before {
          width: 100vw;
          height: 100%;
          content: '';
          background-color: #f2f3f7;
          position: absolute;
          top: 0;
          right: 0;
          z-index: -1; }
        #strength .section:nth-of-type(even) .txt .btnWrap {
          text-align: right; }
          #strength .section:nth-of-type(even) .txt .btnWrap .btn.white {
            background-color: transparent;
            color: #e6393f;
            margin: 0; }
      #strength .section:nth-of-type(even) .img {
        left: -100px; }
    #strength h2 {
      position: absolute;
      top: -51px; }
    #strength h2 span.h2 {
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 82px;
      font-weight: 700;
      font-style: italic;
      color: #3d53be;
      line-height: 1;
      position: relative;
      overflow: hidden;
      opacity: .25;
      letter-spacing: 0.05em; }
      #strength h2 span.h2::before {
        display: none; }
    #strength .wrap {
      display: flex; }
    #strength .img {
      width: calc(50%-5px);
      position: relative;
      top: -60px;
      z-index: 1; }
    #strength .txt {
      width: calc(50%-5px);
      background-color: #f2f3f7;
      position: relative;
      left: -100px;
      padding: 60px 0 40px 170px; }
      #strength .txt::before {
        width: 100vw;
        height: 100%;
        content: '';
        background-color: #f2f3f7;
        position: absolute;
        top: 0;
        z-index: -1; }
      #strength .txt h3 {
        color: #33459e;
        font-size: 30px;
        line-height: 1.53; }
      #strength .txt p {
        line-height: 1.87;
        margin: 35px 0 55px; }
      #strength .txt .btnWrap {
        text-align: right; }
        #strength .txt .btnWrap .btn.white {
          background-color: transparent;
          color: #e6393f;
          margin-left: auto; }
  /* news */
  #newsdetail {
    margin-bottom: 90px; }
    #newsdetail .kijiH2 {
      border-bottom: 1px solid;
      font-size: 34px;
      font-weight: normal;
      margin-top: 120px;
      padding-bottom: 20px; }
    #newsdetail .info {
      padding: 15px 0 0; }
      #newsdetail .info .cat {
        background-color: #33459e;
        color: #fff;
        font-size: 12px;
        width: 50px;
        padding: 6px 16px;
        margin-left: 10px; }
      #newsdetail .info time {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: bold;
        color: #a7a8ab; }
    #newsdetail .area {
      display: flex;
      align-items: center;
      margin-top: 50px; }
      #newsdetail .area .img {
        width: 50%;
        height: 340px; }
        #newsdetail .area .img img {
          width: 100%;
          height: auto; }
      #newsdetail .area .txt {
        width: 50%;
        padding: 0 0 0 60px;
        line-height: 1.87; }
    #newsdetail ul {
      list-style: none; }
      #newsdetail ul li {
        padding-left: 15px;
        position: relative;
        margin-top: 10px; }
        #newsdetail ul li::before {
          content: "";
          width: 6px;
          height: 6px;
          background-color: #000;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          display: block;
          position: absolute;
          top: 11px;
          left: 0; }
    #newsdetail table {
      width: 100%;
      text-align: center; }
      #newsdetail table th,
      #newsdetail table td {
        border-right: 2px solid #fff;
        padding: 20px 60px;
        font-size: 15px; }
      #newsdetail table th {
        background-color: #33459e;
        color: #fff; }
      #newsdetail table td {
        background-color: #f2f3f7;
        border-top: 2px solid #fff; }
    #newsdetail p.intro {
      margin-top: 20px;
      line-height: 1;
      font-size: 15px; }
    #newsdetail .btn {
      margin: 60px auto 0; }
    #newsdetail .sp_thead {
      display: none; }
  #companyWrap {
    margin-bottom: 120px; }
    #companyWrap .itemWrap {
      margin-top: 80px; }
      #companyWrap .itemWrap .item {
        border-top: solid 1px #ebecf0;
        font-size: 15px;
        display: flex;
        flex-flow: wrap;
        overflow: hidden;
        margin-bottom: 18px;
        padding-top: 18px; }
        #companyWrap .itemWrap .item.last {
          border-bottom: solid 2px #f0f1f5;
          padding: 20px 0; }
        #companyWrap .itemWrap .item dt {
          margin-right: 120px;
          width: 110px; }
        #companyWrap .itemWrap .item dd {
          line-height: 1.6; }
      #companyWrap .itemWrap.type2 {
        display: flex;
        flex-flow: wrap; }
        #companyWrap .itemWrap.type2 .item {
          display: block;
          width: 50%; }
          #companyWrap .itemWrap.type2 .item dt {
            font-size: 17px;
            font-weight: bold;
            margin-right: 0;
            width: auto;
            margin-bottom: 10px; }
  #company {
    margin: 0 auto 130px;
    /*
        .arrow {
        background-color: #e6393f;
        color: #fff;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 0;
        right: 20px;
        z-index: 2;


        &::before {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        transform: rotate(135deg);


    }

    }
        */ }
    #company .leadWrap {
      background: url("../images/second/company_bg.png") no-repeat;
      background-size: cover;
      height: 434px;
      text-align: center; }
      #company .leadWrap h2,
      #company .leadWrap p {
        color: #fff; }
      #company .leadWrap h2 {
        padding-top: 100px;
        font-size: 30px;
        line-height: 1; }
      #company .leadWrap p {
        font-size: 15px;
        margin-top: 50px;
        line-height: 1.6; }
      #company .leadWrap .btn {
        background-color: #e6393f;
        color: #fff;
        margin: 60px auto 0;
        width: 248px;
        transition: .5s all; }
        #company .leadWrap .btn:hover {
          background-color: #fff;
          color: #e6393f; }
          #company .leadWrap .btn:hover::after {
            border-top: 2px solid #e6393f;
            border-right: 2px solid #e6393f; }
    #company .articleWrap {
      display: flex;
      flex-flow: wrap;
      justify-content: space-between;
      margin-top: 60px; }
    #company article {
      width: calc(33% - 5px); }
      #company article:nth-child(3) ~ article {
        margin-top: 60px; }
      #company article .articleInner {
        color: #000;
        text-decoration: none;
        display: block;
        position: relative; }
      #company article.blank {
        visibility: hidden; }
    #company .img img {
      width: 100%;
      height: 100%; }
    #company .txt {
      width: 90%;
      margin: -30px auto 0;
      background-color: #ebecf0;
      padding: 30px 28px 60px;
      z-index: 1;
      position: relative;
      transition: .5s all; }
      #company .txt h2 {
        font-size: 20px;
        line-height: 1.56; }
      #company .txt p {
        font-size: 15px;
        margin-top: 20px;
        letter-spacing: 1px;
        min-height: 62px; }
      #company .txt:hover {
        background-color: #33459e;
        color: #fff; }
      #company .txt::before {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        -webkit-transform: translatex(0px) rotate(135deg);
                transform: translatex(0px) rotate(135deg);
        position: absolute;
        bottom: 10px;
        right: 12px;
        z-index: 3;
        transition: .5s all; }
      #company .txt::after {
        content: '';
        display: block;
        background-color: #33459e;
        color: #fff;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
        transition: .5s all; }
      #company .txt:hover::before {
        -webkit-transform: translatex(4px) rotate(135deg);
                transform: translatex(4px) rotate(135deg);
        border-top: 2px solid #33459e;
        border-left: 2px solid #33459e; }
      #company .txt:hover::after {
        background-color: #fff; }
  .preBox {
    background: #eff0f4;
    border: 1px solid #0522a7;
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
    max-width: 1200px;
    margin: 30px auto; }
    .preBox pre {
      overflow: auto;
      white-space: pre-wrap;
      word-wrap: break-word;
      -moz-text-align-last: auto;
      text-align-last: auto; }
  .map {
    text-align: center;
    margin-bottom: 50px; }
  #notfound {
    width: 90%;
    margin: auto; }
    #notfound .inner {
      padding: 190px 0 220px; }
    #notfound h2 {
      color: #33459e;
      font-size: 38px;
      text-align: center; }
    #notfound .lead {
      padding: 40px 0 80px;
      line-height: 2.27; }
    #notfound .btn {
      text-align: center;
      max-width: 600px;
      margin: auto; }
  /* import */
  /* use Slick 
@import "_slick";
@import "_slick-theme";
*/
  /* ココから下には記入禁止 */
  .forSP {
    display: none !important; } }

@media screen and (max-width: 800px) {
  /*------------------ 共通 ------------------*/
  /* タブレット */ }

@media screen and (max-width: 800px) and (min-width: 601px) and (max-width: 1049px) {
  .mainVisual {
    height: 200px;
    background-size: cover;
    margin-top: 50px;
    position: relative; }
    .mainVisual h1 {
      text-align: center;
      font-size: 38px;
      font-family: 'Roboto Condensed', sans-serif;
      white-space: nowrap;
      position: absolute;
      top: 58%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      letter-spacing: 1px; }
      .mainVisual h1 .sub_ttl {
        background-color: #e6393f;
        color: #fff;
        font-weight: normal;
        margin: auto;
        font-size: 16px;
        position: relative;
        top: -20px;
        box-sizing: border-box;
        letter-spacing: 0;
        padding: 2px 8px; } }

@media screen and (max-width: 800px) {
  /*------------------ cooper ------------------*/
  /*------------------ manufacture------------------*/
  /*------------------ inquiry------------------*/
  #inquiry {
    max-width: 1200px;
    margin: auto; }
  /*------------------ product------------------*/
  #products .lead {
    width: 90%;
    margin: auto; }
  #product.container {
    max-width: 100%; }
  #product #productHead {
    padding-top: 30px; }
    #product #productHead h2 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      #product #productHead h2 span {
        overflow: hidden;
        position: relative;
        color: transparent;
        transition: all 1s;
        transition-delay: .7s; }
        #product #productHead h2 span:after {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          background-color: #33459e;
          position: absolute;
          top: 0;
          left: -100%; }
        #product #productHead h2 span.h2 {
          margin-top: 0;
          font-size: 40px; }
        #product #productHead h2 span.ja {
          color: transparent;
          font-size: 18px; }
    #product #productHead .read {
      font-size: 15px;
      text-align: center;
      margin: 20px auto 0;
      opacity: 0;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      transition: all .5s;
      transition-delay: 1s;
      width: 90%; }
  #product #productBody {
    display: flex;
    justify-content: space-between;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0;
    transition: all .8s;
    transition-delay: 1.3s; }
    #product #productBody .productItem {
      margin: 0 20px;
      border: 1px solid #33459e; }
      #product #productBody .productItem .img {
        width: 100%;
        overflow: hidden;
        background-color: #000; }
        #product #productBody .productItem .img img {
          width: 100%;
          opacity: .8;
          transition: all .4s; }
      #product #productBody .productItem label {
        width: 100%;
        height: 100%;
        display: flex;
        cursor: pointer; }
        #product #productBody .productItem label input[type=radio] {
          display: none; }
        #product #productBody .productItem label span {
          height: 100%;
          display: block; }
          #product #productBody .productItem label span.inputName {
            background-color: #fff;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            line-height: 1;
            position: relative;
            height: 30px; }
          #product #productBody .productItem label span.inputArrow {
            display: none; }
      #product #productBody .productItem.slick-current .img img {
        opacity: 1; }
      #product #productBody .productItem.slick-current label span.inputName {
        background-color: #33459e;
        color: #fff; }
      #product #productBody .productItem.slick-current label span.inputArrow:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      #product #productBody .productItem.slick-current label span.inputArrow:after {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
  #product #productSub {
    width: 100%;
    background-color: #ebecf0;
    padding: 15px 0;
    margin: 30px 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0;
    transition: all .8s;
    transition-delay: 1.5s; }
    #product #productSub #productSlide {
      position: relative; }
      #product #productSub #productSlide:before {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-color: #ebecf0;
        position: absolute;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        top: -28px;
        left: 0;
        right: 0;
        margin: 0 auto; }
      #product #productSub #productSlide .slideInner ul {
        list-style: none;
        width: 90%;
        margin: 0 auto;
        padding: 15px; }
        #product #productSub #productSlide .slideInner ul li {
          width: 100%; }
          #product #productSub #productSlide .slideInner ul li + li {
            margin-top: 15px; }
          #product #productSub #productSlide .slideInner ul li a {
            display: block;
            width: 100%;
            height: 100%;
            display: flex;
            color: #000;
            text-decoration: none; }
            #product #productSub #productSlide .slideInner ul li a .img {
              width: 80px; }
              #product #productSub #productSlide .slideInner ul li a .img img {
                width: 100%;
                height: auto; }
            #product #productSub #productSlide .slideInner ul li a .txt {
              flex: 1;
              display: flex;
              align-items: center;
              background-color: #fff;
              position: relative;
              padding-left: 1em;
              transition: all .3s;
              padding-right: 30px; }
              #product #productSub #productSlide .slideInner ul li a .txt:after {
                content: "";
                display: block;
                width: 7px;
                height: 7px;
                border-top: 2px solid #000;
                border-right: 2px solid #000;
                -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto 0;
                right: 15px;
                transition: all .3s; }
            #product #productSub #productSlide .slideInner ul li a:hover .txt {
              background-color: #33459e;
              color: #fff; }
              #product #productSub #productSlide .slideInner ul li a:hover .txt:after {
                border-color: #fff; }
  #product.inView #productHead h2 span.h2 {
    color: #8193d6; }
  #product.inView #productHead h2 span.ja {
    color: #000; }
  #product.inView #productHead h2 span:after {
    -webkit-animation: ltr 1s forwards;
            animation: ltr 1s forwards;
    -webkit-animation-delay: .5s;
            animation-delay: .5s; }
  #product.inView #productHead .read {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  #product.inView #productBody,
  #product.inView #productSub {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  /*------------------ construction------------------*/
  /*------------------ subNav------------------*/
  .subNavWrap ul {
    list-style: none; }
  .subNavWrap a {
    color: #fff;
    text-decoration: none; }
  .subNavWrap .active {
    display: block; }
  .subNav ul {
    display: flex;
    list-style: none;
    width: 700px;
    margin: auto; }
  .subNav li {
    width: 25%;
    text-align: center; }
    .subNav li.active {
      cursor: auto; }
  .subNav a {
    border-right: 1px  solid #fff;
    background-color: #33459e;
    cursor: pointer;
    display: block;
    padding: 10px 16px;
    transition: .5s all; }
    .subNav a:hover {
      background-color: #fff;
      color: #33459e; }
    .subNav a.on {
      background-color: #e6393f;
      color: #fff; }
  .subNavBody {
    background: #fbfbfb;
    text-align: center; }
    .subNavBody .productBox {
      display: inline-block;
      text-align: left;
      flex-flow: wrap;
      justify-content: center;
      max-width: 1280px;
      margin: auto;
      padding: 40px 0;
      display: none;
      transition: .3s; }
      .subNavBody .productBox.show {
        display: inline-block;
        transition: .3s; }
      .subNavBody .productBox li {
        display: inline-block;
        white-space: nowrap; }
      .subNavBody .productBox a {
        color: #000;
        display: block;
        font-size: 15px;
        padding: 10px 0;
        margin: 0 30px;
        text-decoration: none;
        position: relative;
        transition: all .3s; }
        .subNavBody .productBox a::after {
          display: block;
          content: "";
          width: 0;
          height: 2px;
          background-color: #e6393f;
          position: absolute;
          bottom: 0;
          left: 0;
          transition: all .3s; }
        .subNavBody .productBox a:hover {
          color: #e6393f; }
          .subNavBody .productBox a:hover::after {
            width: 100%; }
        .subNavBody .productBox a.on {
          color: #e6393f; }
          .subNavBody .productBox a.on::after {
            width: 100%; }
      .subNavBody .productBox.companyBox {
        flex-flow: nowrap; }
        .subNavBody .productBox.companyBox a:hover {
          color: #e6393f; }
          .subNavBody .productBox.companyBox a:hover::after {
            width: 100%; }
        .subNavBody .productBox.companyBox a.on {
          color: #e6393f; }
          .subNavBody .productBox.companyBox a.on::after {
            width: 100%; }
  /*------------------ data------------------*/
  /*------------------ strength------------------*/
  #strength_wrap {
    overflow: hidden; }
  /* news */
  #recruit {
    width: 100%; }
    #recruit .lead {
      padding: 40px 15px; }
    #recruit .mainVisual2 {
      background: url(../images/second/recruit_bg2.jpg) center no-repeat;
      height: 0;
      background-size: 236%, 100%;
      padding-top: 56%; }
      #recruit .mainVisual2 h2 {
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap; }
    #recruit .bnrBg {
      background: url(../images/second/recruit_bg3_sp.jpg) center no-repeat;
      background-size: cover;
      padding-bottom: 60px; }
      #recruit .bnrBg .inner {
        padding-top: 30px; }
      #recruit .bnrBg .h2 {
        color: #fff;
        font-size: 30px; }
    #recruit .bnrList {
      display: block;
      padding: 0 15px;
      list-style: none;
      max-width: 600px;
      margin: auto; }
      #recruit .bnrList li {
        margin: 0 8px 10px; }
        #recruit .bnrList li a {
          transition: all .5s; }
          #recruit .bnrList li a:hover {
            opacity: .7; }
        #recruit .bnrList li img {
          width: 100%; }
    #recruit .bg1 {
      background: url(../images/second/recruit_bg4_sp.png) center;
      background-size: cover; }
    #recruit .bg2 {
      background: url(../images/second/recruit_bg5_sp.png) center;
      background-size: cover; }
    #recruit .h2 {
      margin: 0 0 40px; }
    #recruit .area {
      max-width: 600px;
      margin: 40px auto 0; }
      #recruit .area.area1 .img span, #recruit .area.area3 .img span {
        text-align: left; }
    #recruit .section2 .inner {
      padding: 0 15px 60px;
      width: 100%; }
    #recruit .section2 h2 {
      color: #3f56b8;
      font-size: 40px;
      text-align: right;
      padding-top: 20px; }
      #recruit .section2 h2 span {
        font-size: 20px;
        color: #fff;
        display: block; }
    #recruit .section2 .txt {
      background-color: #fff;
      padding: 25px 10px;
      box-sizing: border-box; }
      #recruit .section2 .txt h3 {
        font-size: 24px;
        padding-left: 20px; }
        #recruit .section2 .txt h3 .voice {
          display: block;
          margin: 0 0 10px;
          position: relative;
          left: -20px; }
          #recruit .section2 .txt h3 .voice img {
            width: 70px; }
        #recruit .section2 .txt h3 .showyColor {
          color: #e6393f; }
      #recruit .section2 .txt p {
        font-size: 14px;
        margin-top: 20px;
        line-height: 1.87; }
    #recruit .section2 .img img {
      width: 100%; }
    #recruit .section2 .img span {
      color: #fff;
      font-size: 18px;
      margin-top: 2px;
      text-align: right;
      display: inline-block; }
      #recruit .section2 .img span .name {
        font-size: 18px;
        margin-left: 10px; }
    #recruit .section3 {
      margin: 50px 0 50px; }
      #recruit .section3 .inner {
        padding: 0 15px;
        width: 100%; }
      #recruit .section3 .pointList {
        list-style: none;
        max-width: 600px;
        margin: auto; }
      #recruit .section3 .item {
        background-color: #f5f6fa;
        padding: 40px 30px;
        box-sizing: border-box;
        position: relative; }
        #recruit .section3 .item ~ .item {
          margin-top: 10px; }
        #recruit .section3 .item h3,
        #recruit .section3 .item .img {
          text-align: center; }
        #recruit .section3 .item .img {
          margin-top: 40px; }
          #recruit .section3 .item .img img {
            max-width: 100%;
            max-height: 110px; }
        #recruit .section3 .item h3 {
          color: #33459e;
          font-size: 20px; }
        #recruit .section3 .item p {
          margin-top: 30px;
          font-size: 15px; }
      #recruit .section3 .triangleWrap {
        position: absolute;
        top: -14px;
        left: -29px; }
        #recruit .section3 .triangleWrap .triangle {
          color: #fff;
          display: block;
          font-size: 12px;
          width: 0;
          height: 0;
          border-top: 10px solid transparent;
          border-right: 40px solid transparent;
          border-bottom: 40px solid #e6393f;
          border-left: 40px solid transparent;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        #recruit .section3 .triangleWrap .point {
          font-family: 'Roboto Condensed', sans-serif;
          position: relative;
          top: -32px;
          left: 35px;
          font-size: 12px;
          font-weight: bold;
          color: #fff; }
          #recruit .section3 .triangleWrap .point span {
            display: block;
            font-size: 20px;
            margin-top: -2px; }
      #recruit .section3 .six {
        font-size: 40px;
        font-style: italic;
        margin: 0 6px 0 0px; }
    #recruit .section4 {
      padding: 50px 0 60px; }
      #recruit .section4 h2 {
        color: #33459e;
        font-size: 32px;
        text-align: center; }
        #recruit .section4 h2 .hukidasi {
          font-size: 16px;
          color: #fff;
          display: block;
          background-color: #33459e;
          border-radius: 50px;
          font-weight: normal;
          width: 195px;
          height: 35px;
          line-height: 35px;
          margin: 0 auto 20px;
          position: relative; }
          #recruit .section4 h2 .hukidasi::before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-top: 10px solid #33459e;
            border-right: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 10px solid transparent;
            position: absolute;
            bottom: -18px;
            -webkit-transform: translatex(-50%);
                    transform: translatex(-50%);
            left: 50%; }
        #recruit .section4 h2 .mini {
          font-size: 28px; }
      #recruit .section4 .area {
        padding: 0 15px;
        max-width: 600px;
        margin: 40px auto 0; }
      #recruit .section4 .area1 {
        margin-top: 40px; }
      #recruit .section4 .txt {
        background-color: #fff;
        padding: 25px 10px;
        box-sizing: border-box; }
        #recruit .section4 .txt h3 {
          font-size: 24px;
          padding-left: 20px; }
          #recruit .section4 .txt h3 .voice {
            display: block;
            margin: 0 0 10px;
            position: relative;
            left: -20px; }
            #recruit .section4 .txt h3 .voice img {
              width: 70px; }
          #recruit .section4 .txt h3 .showyColor {
            color: #e6393f; }
        #recruit .section4 .txt p {
          font-size: 14px;
          margin-top: 20px;
          line-height: 1.87; }
      #recruit .section4 .img img {
        width: 100%; }
      #recruit .section4 .img .brNone br {
        display: none; }
      #recruit .section4 .img span.nameWrap {
        font-size: 13px;
        margin-top: 2px;
        display: block; }
        #recruit .section4 .img span.nameWrap .name {
          font-size: 18px;
          margin-top: 0;
          display: inline-block; }
  #notfound {
    width: 90%;
    margin: auto; }
  /* import */
  /* use Slick 
@import "_slick";
@import "_slick-theme";
*/
  /* ココから下には記入禁止 */ }

@media screen and (min-width: 801px) and (max-width: 1049px) {
  /*------------------ 共通 ------------------*/
  /* タブレット */ }

@media screen and (min-width: 801px) and (max-width: 1049px) and (min-width: 601px) and (max-width: 1049px) {
  .mainVisual {
    height: 200px;
    background-size: cover;
    margin-top: 50px;
    position: relative; }
    .mainVisual h1 {
      text-align: center;
      font-size: 38px;
      font-family: 'Roboto Condensed', sans-serif;
      white-space: nowrap;
      position: absolute;
      top: 58%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      letter-spacing: 1px; }
      .mainVisual h1 .sub_ttl {
        background-color: #e6393f;
        color: #fff;
        font-weight: normal;
        margin: auto;
        font-size: 16px;
        position: relative;
        top: -20px;
        box-sizing: border-box;
        letter-spacing: 0;
        padding: 2px 8px; } }

@media screen and (min-width: 801px) and (max-width: 1049px) {
  /*------------------ cooper ------------------*/
  /*------------------ manufacture------------------*/
  /*------------------ inquiry------------------*/
  #inquiry {
    max-width: 1200px;
    margin: auto; }
  /*------------------ product------------------*/
  #products .lead {
    width: 90%;
    margin: auto; }
  #product.container {
    max-width: 100%; }
  #product #productHead {
    padding-top: 30px; }
    #product #productHead h2 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      #product #productHead h2 span {
        overflow: hidden;
        position: relative;
        color: transparent;
        transition: all 1s;
        transition-delay: .7s; }
        #product #productHead h2 span:after {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          background-color: #33459e;
          position: absolute;
          top: 0;
          left: -100%; }
        #product #productHead h2 span.h2 {
          margin-top: 0;
          font-size: 40px; }
        #product #productHead h2 span.ja {
          color: transparent;
          font-size: 18px; }
    #product #productHead .read {
      font-size: 15px;
      text-align: center;
      margin-top: 20px;
      opacity: 0;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      transition: all .5s;
      transition-delay: 1s; }
  #product #productBody {
    display: flex;
    justify-content: space-between;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0;
    transition: all .8s;
    transition-delay: 1.3s; }
    #product #productBody .productItem {
      margin: 0 20px;
      border: 1px solid #33459e; }
      #product #productBody .productItem .img {
        width: 100%;
        overflow: hidden;
        background-color: #000; }
        #product #productBody .productItem .img img {
          width: 100%;
          opacity: .8;
          transition: all .4s; }
      #product #productBody .productItem label {
        width: 100%;
        height: 100%;
        display: flex;
        cursor: pointer; }
        #product #productBody .productItem label input[type=radio] {
          display: none; }
        #product #productBody .productItem label span {
          height: 100%;
          display: block; }
          #product #productBody .productItem label span.inputName {
            background-color: #fff;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            line-height: 1;
            position: relative;
            height: 30px; }
          #product #productBody .productItem label span.inputArrow {
            display: none; }
      #product #productBody .productItem.slick-current .img img {
        opacity: 1; }
      #product #productBody .productItem.slick-current label span.inputName {
        background-color: #33459e;
        color: #fff; }
      #product #productBody .productItem.slick-current label span.inputArrow:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      #product #productBody .productItem.slick-current label span.inputArrow:after {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
  #product #productSub {
    width: 100%;
    background-color: #ebecf0;
    padding: 30px 0;
    margin: 30px 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0;
    transition: all .8s;
    transition-delay: 1.5s; }
    #product #productSub #productSlide {
      position: relative; }
      #product #productSub #productSlide:before {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-color: #ebecf0;
        position: absolute;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        top: -43px;
        left: 0;
        right: 0;
        margin: 0 auto; }
      #product #productSub #productSlide .slideInner ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        list-style: none;
        width: 90%;
        margin: 0 auto; }
        #product #productSub #productSlide .slideInner ul li {
          width: 49%; }
          #product #productSub #productSlide .slideInner ul li:nth-of-type(n + 3) {
            margin-top: 15px; }
          #product #productSub #productSlide .slideInner ul li a {
            display: block;
            width: 100%;
            height: 100%;
            display: flex;
            color: #000;
            text-decoration: none; }
            #product #productSub #productSlide .slideInner ul li a .img {
              width: 80px; }
              #product #productSub #productSlide .slideInner ul li a .img img {
                width: 100%;
                height: auto; }
            #product #productSub #productSlide .slideInner ul li a .txt {
              flex: 1;
              display: flex;
              align-items: center;
              background-color: #fff;
              position: relative;
              padding-left: 1em;
              transition: all .3s;
              padding-right: 30px; }
              #product #productSub #productSlide .slideInner ul li a .txt:after {
                content: "";
                display: block;
                width: 7px;
                height: 7px;
                border-top: 2px solid #000;
                border-right: 2px solid #000;
                -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto 0;
                right: 15px;
                transition: all .3s; }
            #product #productSub #productSlide .slideInner ul li a:hover .txt {
              background-color: #33459e;
              color: #fff; }
              #product #productSub #productSlide .slideInner ul li a:hover .txt:after {
                border-color: #fff; }
  #product.inView #productHead h2 span.h2 {
    color: #8193d6; }
  #product.inView #productHead h2 span.ja {
    color: #000; }
  #product.inView #productHead h2 span:after {
    -webkit-animation: ltr 1s forwards;
            animation: ltr 1s forwards;
    -webkit-animation-delay: .5s;
            animation-delay: .5s; }
  #product.inView #productHead .read {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  #product.inView #productBody,
  #product.inView #productSub {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  /*------------------ construction------------------*/
  /*------------------ subNav------------------*/
  .subNavWrap ul {
    list-style: none; }
  .subNavWrap a {
    color: #fff;
    text-decoration: none; }
  .subNavWrap .active {
    display: block; }
  .subNav ul {
    display: flex;
    list-style: none;
    width: 700px;
    margin: auto; }
  .subNav li {
    width: 25%;
    text-align: center; }
    .subNav li.active {
      cursor: auto; }
  .subNav a {
    border-right: 1px  solid #fff;
    background-color: #33459e;
    cursor: pointer;
    display: block;
    padding: 10px 16px;
    transition: .5s all; }
    .subNav a:hover {
      background-color: #fff;
      color: #33459e; }
    .subNav a.on {
      background-color: #e6393f;
      color: #fff; }
  .subNavBody {
    background: #fbfbfb;
    text-align: center; }
    .subNavBody .productBox {
      display: inline-block;
      text-align: left;
      flex-flow: wrap;
      justify-content: center;
      max-width: 1280px;
      margin: auto;
      padding: 40px 0;
      display: none;
      transition: .3s; }
      .subNavBody .productBox.show {
        display: inline-block;
        transition: .3s; }
      .subNavBody .productBox li {
        display: inline-block;
        white-space: nowrap; }
      .subNavBody .productBox a {
        color: #000;
        display: block;
        font-size: 15px;
        padding: 10px 0;
        margin: 0 30px;
        text-decoration: none;
        position: relative;
        transition: all .3s; }
        .subNavBody .productBox a::after {
          display: block;
          content: "";
          width: 0;
          height: 2px;
          background-color: #e6393f;
          position: absolute;
          bottom: 0;
          left: 0;
          transition: all .3s; }
        .subNavBody .productBox a:hover {
          color: #e6393f; }
          .subNavBody .productBox a:hover::after {
            width: 100%; }
        .subNavBody .productBox a.on {
          color: #e6393f; }
          .subNavBody .productBox a.on::after {
            width: 100%; }
      .subNavBody .productBox.companyBox {
        flex-flow: nowrap; }
        .subNavBody .productBox.companyBox a:hover {
          color: #e6393f; }
          .subNavBody .productBox.companyBox a:hover::after {
            width: 100%; }
        .subNavBody .productBox.companyBox a.on {
          color: #e6393f; }
          .subNavBody .productBox.companyBox a.on::after {
            width: 100%; }
  /*------------------ data------------------*/
  /*------------------ strength------------------*/
  #strength_wrap {
    overflow: hidden; }
  /* news */
  #recruit {
    width: 100%; }
    #recruit .lead {
      padding: 40px 15px; }
    #recruit .mainVisual2 {
      background: url(../images/second/recruit_bg2.jpg) center no-repeat;
      height: 0;
      background-size: 236%, 100%;
      padding-top: 56%; }
      #recruit .mainVisual2 h2 {
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap; }
    #recruit .bnrBg {
      background: url(../images/second/recruit_bg3_sp.jpg) center no-repeat;
      background-size: cover;
      padding-bottom: 60px; }
      #recruit .bnrBg .inner {
        padding-top: 30px; }
      #recruit .bnrBg .h2 {
        color: #fff;
        font-size: 30px; }
    #recruit .bnrList {
      display: block;
      padding: 0 15px;
      justify-content: center;
      list-style: none;
      max-width: 600px;
      margin: auto; }
      #recruit .bnrList li {
        margin: 0 8px 10px; }
        #recruit .bnrList li a {
          transition: all .5s; }
          #recruit .bnrList li a:hover {
            opacity: .7; }
        #recruit .bnrList li img {
          width: 100%; }
    #recruit .bg1 {
      background: url(../images/second/recruit_bg4_sp.png) center;
      background-size: cover; }
    #recruit .bg2 {
      background: url(../images/second/recruit_bg5_sp.png) center;
      background-size: cover; }
    #recruit .h2 {
      margin: 0 0 40px; }
    #recruit .area {
      margin: 40px auto 0; }
      #recruit .area.area1 .img span, #recruit .area.area3 .img span {
        text-align: left; }
    #recruit .section2 .inner {
      padding: 0 15px 60px;
      width: 100%; }
    #recruit .section2 h2 {
      color: #3f56b8;
      font-size: 52px;
      text-align: right;
      padding-top: 20px; }
      #recruit .section2 h2 span {
        font-size: 20px;
        color: #fff;
        display: block; }
    #recruit .section2 .txt {
      background-color: #fff;
      padding: 25px 30px;
      box-sizing: border-box; }
      #recruit .section2 .txt h3 {
        font-size: 24px;
        padding-left: 20px; }
        #recruit .section2 .txt h3 .voice {
          display: block;
          margin: 0 0 10px;
          position: relative;
          left: -20px; }
          #recruit .section2 .txt h3 .voice img {
            width: 70px; }
        #recruit .section2 .txt h3 .showyColor {
          color: #e6393f; }
      #recruit .section2 .txt p {
        font-size: 14px;
        margin-top: 20px;
        line-height: 1.87; }
    #recruit .section2 .img {
      text-align: center;
      background-color: #fff; }
      #recruit .section2 .img img {
        width: 100%;
        max-width: 600px;
        margin: auto;
        display: block; }
      #recruit .section2 .img span {
        color: #000;
        font-size: 18px;
        margin-top: 2px;
        text-align: right;
        display: inline-block; }
        #recruit .section2 .img span .name {
          font-size: 18px;
          margin-left: 10px; }
    #recruit .section3 {
      margin: 50px 0 50px; }
      #recruit .section3 .inner {
        padding: 0 15px;
        width: 100%; }
      #recruit .section3 .pointList {
        list-style: none;
        max-width: 600px;
        margin: auto; }
      #recruit .section3 .item {
        background-color: #f5f6fa;
        padding: 40px 30px;
        box-sizing: border-box;
        position: relative; }
        #recruit .section3 .item ~ .item {
          margin-top: 10px; }
        #recruit .section3 .item h3,
        #recruit .section3 .item .img {
          text-align: center; }
        #recruit .section3 .item .img {
          margin-top: 40px; }
          #recruit .section3 .item .img img {
            max-width: 100%;
            max-height: 110px; }
        #recruit .section3 .item h3 {
          color: #33459e;
          font-size: 20px; }
        #recruit .section3 .item p {
          margin-top: 30px;
          font-size: 15px; }
      #recruit .section3 .triangleWrap {
        position: absolute;
        top: -14px;
        left: -29px; }
        #recruit .section3 .triangleWrap .triangle {
          color: #fff;
          display: block;
          font-size: 12px;
          width: 0;
          height: 0;
          border-top: 10px solid transparent;
          border-right: 40px solid transparent;
          border-bottom: 40px solid #e6393f;
          border-left: 40px solid transparent;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        #recruit .section3 .triangleWrap .point {
          font-family: 'Roboto Condensed', sans-serif;
          position: relative;
          top: -32px;
          left: 35px;
          font-size: 12px;
          font-weight: bold;
          color: #fff; }
          #recruit .section3 .triangleWrap .point span {
            display: block;
            font-size: 20px;
            margin-top: -2px; }
      #recruit .section3 .six {
        font-size: 46px;
        font-style: italic;
        margin: 0 6px 0 0px; }
    #recruit .section4 {
      padding: 50px 0 60px; }
      #recruit .section4 h2 {
        color: #33459e;
        font-size: 32px;
        text-align: center; }
        #recruit .section4 h2 .hukidasi {
          font-size: 16px;
          color: #fff;
          display: block;
          background-color: #33459e;
          border-radius: 50px;
          font-weight: normal;
          width: 195px;
          height: 35px;
          line-height: 35px;
          margin: 0 auto 20px;
          position: relative; }
          #recruit .section4 h2 .hukidasi::before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-top: 10px solid #33459e;
            border-right: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 10px solid transparent;
            position: absolute;
            bottom: -18px;
            -webkit-transform: translatex(-50%);
                    transform: translatex(-50%);
            left: 50%; }
        #recruit .section4 h2 .mini {
          font-size: 28px; }
      #recruit .section4 .area {
        padding: 0 15px;
        margin: 40px auto 0; }
      #recruit .section4 .area1 {
        margin-top: 40px; }
      #recruit .section4 .txt {
        background-color: #fff;
        padding: 25px 30px;
        box-sizing: border-box; }
        #recruit .section4 .txt h3 {
          font-size: 24px;
          padding-left: 20px; }
          #recruit .section4 .txt h3 .voice {
            display: block;
            margin: 0 0 10px;
            position: relative;
            left: -20px; }
            #recruit .section4 .txt h3 .voice img {
              width: 70px; }
          #recruit .section4 .txt h3 .showyColor {
            color: #e6393f; }
        #recruit .section4 .txt p {
          font-size: 14px;
          margin-top: 20px;
          line-height: 1.87; }
      #recruit .section4 .img {
        background-color: #fff;
        text-align: center; }
        #recruit .section4 .img img {
          width: 100%;
          max-width: 600px;
          margin: auto; }
        #recruit .section4 .img .brNone br {
          display: none; }
        #recruit .section4 .img span.nameWrap {
          font-size: 13px;
          margin-top: 2px;
          display: block;
          text-align: center; }
          #recruit .section4 .img span.nameWrap .name {
            font-size: 18px;
            margin-top: 0;
            display: inline-block; }
  #notfound {
    width: 90%;
    margin: auto; }
  /* import */
  /* use Slick 
@import "_slick";
@import "_slick-theme";
*/
  /* ココから下には記入禁止 */ }

@media print, screen and (min-width: 1050px) {
  /*------------------ 共通 ------------------*/
  /* タブレット */ }

@media print, screen and (min-width: 1050px) and (min-width: 601px) and (max-width: 1049px) {
  .mainVisual {
    height: 200px;
    background-size: cover;
    margin-top: 50px;
    position: relative; }
    .mainVisual h1 {
      text-align: center;
      font-size: 38px;
      font-family: 'Roboto Condensed', sans-serif;
      white-space: nowrap;
      position: absolute;
      top: 58%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      letter-spacing: 1px; }
      .mainVisual h1 .sub_ttl {
        background-color: #e6393f;
        color: #fff;
        font-weight: normal;
        margin: auto;
        font-size: 16px;
        position: relative;
        top: -20px;
        box-sizing: border-box;
        letter-spacing: 0;
        padding: 2px 8px; } }

@media print, screen and (min-width: 1050px) {
  /*------------------ cooper ------------------*/
  /*------------------ manufacture------------------*/
  /*------------------ inquiry------------------*/
  #inquiry {
    max-width: 1200px;
    margin: auto; }
  /*------------------ product------------------*/
  #products .lead {
    width: 90%;
    margin: auto; }
  #product.container {
    max-width: 100%; }
  #product #productHead {
    padding-top: 70px; }
    #product #productHead h2 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      #product #productHead h2 span {
        overflow: hidden;
        position: relative;
        color: transparent;
        transition: all 1s;
        transition-delay: .7s; }
        #product #productHead h2 span:after {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          background-color: #33459e;
          position: absolute;
          top: 0;
          left: -100%; }
        #product #productHead h2 span.h2 {
          margin-top: 0; }
        #product #productHead h2 span.ja {
          color: transparent;
          margin-top: 30px; }
    #product #productHead .read {
      font-size: 15px;
      text-align: center;
      margin-top: 40px;
      opacity: 0;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      transition: all .5s;
      transition-delay: 1s; }
  #product #productBody {
    display: flex;
    justify-content: space-between;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0;
    transition: all .8s;
    transition-delay: 1.3s; }
    #product #productBody .productItem {
      margin: 0 20px; }
      #product #productBody .productItem .img {
        width: 100%;
        overflow: hidden;
        background-color: #000; }
        #product #productBody .productItem .img img {
          width: 100%;
          opacity: .8;
          transition: all .4s; }
      #product #productBody .productItem label {
        width: 80%;
        height: 60px;
        margin: -30px auto 0;
        display: flex;
        cursor: pointer; }
        #product #productBody .productItem label input[type=radio] {
          display: none; }
        #product #productBody .productItem label span {
          height: 60px; }
          #product #productBody .productItem label span.inputName {
            background-color: #fff;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            line-height: 1;
            position: relative;
            transition: all .4s; }
          #product #productBody .productItem label span.inputArrow {
            display: none; }
      #product #productBody .productItem.checked .img img {
        opacity: 1; }
      #product #productBody .productItem.checked label span.inputName {
        background-color: #33459e;
        color: #fff; }
      #product #productBody .productItem.checked label span.inputArrow:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      #product #productBody .productItem.checked label span.inputArrow:after {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
  #product #productSub {
    width: 100%;
    background-color: #ebecf0;
    padding: 60px 0;
    margin: 60px 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    opacity: 0;
    transition: all .8s;
    transition-delay: 1.5s; }
    #product #productSub #productSlide {
      position: relative; }
      #product #productSub #productSlide:before {
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-color: #ebecf0;
        position: absolute;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        top: -73px;
        transition: all .5s; }
      #product #productSub #productSlide[data="1"]:before {
        left: calc((100% / 8) * 1); }
      #product #productSub #productSlide[data="2"]:before {
        left: calc((100% / 8) * 3); }
      #product #productSub #productSlide[data="3"]:before {
        left: calc((100% / 8) * 5); }
      #product #productSub #productSlide[data="4"]:before {
        left: calc((100% / 8) * 7); }
      #product #productSub #productSlide .slideInner ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        list-style: none; }
        #product #productSub #productSlide .slideInner ul li {
          width: 32%;
          height: 120px;
          background-color: #f5f6fa; }
          #product #productSub #productSlide .slideInner ul li:nth-of-type(n + 4) {
            margin-top: 15px; }
          #product #productSub #productSlide .slideInner ul li a {
            display: block;
            width: 100%;
            height: 100%;
            display: flex;
            color: #000;
            text-decoration: none; }
            #product #productSub #productSlide .slideInner ul li a .img {
              width: 120px;
              width: 120px;
              height: 120px;
              display: flex;
              align-self: center;
              overflow: hidden;
              position: relative; }
              #product #productSub #productSlide .slideInner ul li a .img img {
                width: auto;
                height: 100%;
                position: absolute;
                top: 0;
                left: 50%;
                -webkit-transform: translateX(-50%);
                        transform: translateX(-50%); }
            #product #productSub #productSlide .slideInner ul li a .txt {
              flex: 1;
              display: flex;
              align-items: center;
              background-color: #fff;
              position: relative;
              padding-left: 1em;
              transition: all .3s;
              padding-right: 30px; }
              #product #productSub #productSlide .slideInner ul li a .txt:after {
                content: "";
                display: block;
                width: 7px;
                height: 7px;
                border-top: 2px solid #000;
                border-right: 2px solid #000;
                -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto 0;
                right: 15px;
                transition: all .3s; }
            #product #productSub #productSlide .slideInner ul li a:hover .txt {
              background-color: #33459e;
              color: #fff; }
              #product #productSub #productSlide .slideInner ul li a:hover .txt:after {
                border-color: #fff; }
  #product.inView #productHead h2 span.h2 {
    color: #8193d6; }
  #product.inView #productHead h2 span.ja {
    color: #000; }
  #product.inView #productHead h2 span:after {
    -webkit-animation: ltr 1s forwards;
            animation: ltr 1s forwards;
    -webkit-animation-delay: .5s;
            animation-delay: .5s; }
  #product.inView #productHead .read {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  #product.inView #productBody,
  #product.inView #productSub {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  /*------------------ construction------------------*/
  /*------------------ subNav------------------*/
  .subNavWrap ul {
    list-style: none; }
  .subNavWrap a {
    color: #fff;
    text-decoration: none; }
  .subNavWrap .active {
    display: block; }
  .subNav ul {
    display: flex;
    list-style: none;
    width: 700px;
    margin: auto; }
  .subNav li {
    width: 25%;
    text-align: center; }
    .subNav li.active {
      cursor: auto; }
  .subNav a {
    border-right: 1px  solid #fff;
    background-color: #33459e;
    cursor: pointer;
    display: block;
    padding: 10px 16px;
    transition: .5s all; }
    .subNav a:hover {
      background-color: #fff;
      color: #33459e; }
    .subNav a.on {
      background-color: #e6393f;
      color: #fff; }
  .subNavBody {
    background: #fbfbfb;
    text-align: center; }
    .subNavBody .productBox {
      display: inline-block;
      text-align: left;
      flex-flow: wrap;
      justify-content: center;
      max-width: 1280px;
      margin: auto;
      padding: 40px 0;
      display: none;
      transition: .3s; }
      .subNavBody .productBox.show {
        display: inline-block;
        transition: .3s; }
      .subNavBody .productBox li {
        display: inline-block;
        white-space: nowrap; }
      .subNavBody .productBox a {
        color: #000;
        display: block;
        font-size: 15px;
        padding: 10px 0;
        margin: 0 30px;
        text-decoration: none;
        position: relative;
        transition: all .3s; }
        .subNavBody .productBox a::after {
          display: block;
          content: "";
          width: 0;
          height: 2px;
          background-color: #e6393f;
          position: absolute;
          bottom: 0;
          left: 0;
          transition: all .3s; }
        .subNavBody .productBox a:hover {
          color: #e6393f; }
          .subNavBody .productBox a:hover::after {
            width: 100%; }
        .subNavBody .productBox a.on {
          color: #e6393f; }
          .subNavBody .productBox a.on::after {
            width: 100%; }
      .subNavBody .productBox.companyBox {
        flex-flow: nowrap; }
        .subNavBody .productBox.companyBox a:hover {
          color: #e6393f; }
          .subNavBody .productBox.companyBox a:hover::after {
            width: 100%; }
        .subNavBody .productBox.companyBox a.on {
          color: #e6393f; }
          .subNavBody .productBox.companyBox a.on::after {
            width: 100%; }
  /*------------------ data------------------*/
  /*------------------ strength------------------*/
  #strength_wrap {
    overflow: hidden; }
  /* news */
  #recruit {
    overflow: hidden;
    margin-bottom: 50px; }
    #recruit .mainVisual2 {
      background: url(../images/second/recruit_bg2.jpg) center;
      height: 460px;
      background-size: cover; }
      #recruit .mainVisual2 h2 {
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap; }
    #recruit .bnrBg {
      background: url(../images/second/recruit_bg3.jpg) center;
      height: 423px;
      background-size: cover; }
      #recruit .bnrBg .inner {
        padding-top: 70px; }
      #recruit .bnrBg .h2 {
        color: #fff;
        font-size: 48px;
        margin-bottom: 70px; }
    #recruit .bnrList {
      display: flex;
      justify-content: center;
      list-style: none; }
      #recruit .bnrList li:first-child {
        margin-right: 80px; }
      #recruit .bnrList li a {
        transition: all .5s; }
        #recruit .bnrList li a:hover {
          opacity: .7; }
    #recruit .bg1 {
      background: url(../images/second/recruit_bg4.png) center;
      background-size: cover;
      padding-bottom: 80px; }
    #recruit .bg2 {
      background: url(../images/second/recruit_bg5.png) center;
      padding-bottom: 80px;
      background-size: cover; }
    #recruit .h2 {
      margin: 0 0 80px; }
    #recruit .area {
      display: flex;
      align-items: flex-start;
      width: 100%;
      padding-top: 100px;
      margin-bottom: 50px; }
      #recruit .area .img {
        max-width: 600px;
        position: relative;
        top: -100px; }
      #recruit .area.area1, #recruit .area.area3 {
        flex-direction: row-reverse; }
        #recruit .area.area1 .img span, #recruit .area.area3 .img span {
          text-align: left; }
      #recruit .area.area1 {
        margin-top: 0; }
      #recruit .area.area2 .txt {
        flex: 1;
        padding: 40px 70px 40px 0; }
        #recruit .area.area2 .txt::before {
          right: -100px;
          left: auto; }
    #recruit .section2 h2 {
      color: #3f56b8;
      font-size: 82px;
      text-align: right; }
      #recruit .section2 h2 span {
        font-size: 32px;
        color: #fff;
        display: block; }
    #recruit .section2 .txt {
      background-color: #fff;
      padding: 45px 0 50px 70px;
      min-height: 390px;
      box-sizing: border-box;
      position: relative;
      top: 0;
      z-index: 0; }
      #recruit .section2 .txt::before {
        width: 100vw;
        height: 100%;
        content: '';
        background-color: #fff;
        position: absolute;
        top: 0;
        left: -100px;
        z-index: -1; }
      #recruit .section2 .txt h3 {
        font-size: 30px;
        padding-left: 20px; }
        #recruit .section2 .txt h3 .voice {
          display: block;
          position: relative;
          left: -20px; }
          #recruit .section2 .txt h3 .voice img {
            width: 82px;
            height: auto; }
        #recruit .section2 .txt h3 .showyColor {
          color: #e6393f; }
        #recruit .section2 .txt h3 br {
          display: none; }
      #recruit .section2 .txt p {
        font-size: 15px;
        margin-top: 25px;
        line-height: 1.87; }
    #recruit .section2 .img {
      z-index: 1; }
      #recruit .section2 .img span {
        color: #fff;
        font-size: 20px;
        display: block;
        margin-top: 10px;
        text-align: right; }
        #recruit .section2 .img span .name {
          font-size: 20px;
          margin-top: 0; }
    #recruit .section3 {
      margin: 100px 0 120px; }
      #recruit .section3 .pointList {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        list-style: none; }
      #recruit .section3 .item {
        width: calc(33% - 5px);
        background-color: #f5f6fa;
        padding: 40px 30px;
        box-sizing: border-box;
        position: relative; }
        #recruit .section3 .item.yukyu img {
          width: 84px;
          height: 114px; }
        #recruit .section3 .item.ikukyu img {
          width: 115px;
          height: 126px; }
        #recruit .section3 .item.hoken img {
          width: 135px;
          height: 108px; }
        #recruit .section3 .item.kouzyo img {
          width: 209px;
          height: 131px; }
        #recruit .section3 .item.kankyo img {
          width: 213px;
          height: 120px; }
        #recruit .section3 .item.stepUp img {
          width: 142px;
          height: 139px; }
        #recruit .section3 .item:nth-child(3) ~ .item {
          margin-top: 10px; }
        #recruit .section3 .item h3,
        #recruit .section3 .item .img {
          text-align: center; }
        #recruit .section3 .item .img {
          margin-top: 40px; }
        #recruit .section3 .item h3 {
          color: #33459e;
          font-size: 20px; }
        #recruit .section3 .item p {
          margin-top: 30px;
          font-size: 15px; }
      #recruit .section3 .triangleWrap {
        position: absolute;
        top: -14px;
        left: -29px; }
        #recruit .section3 .triangleWrap .triangle {
          color: #fff;
          display: block;
          font-size: 12px;
          width: 0;
          height: 0;
          border-top: 10px solid transparent;
          border-right: 40px solid transparent;
          border-bottom: 40px solid #e6393f;
          border-left: 40px solid transparent;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
        #recruit .section3 .triangleWrap .point {
          font-family: 'Roboto Condensed', sans-serif;
          position: relative;
          top: -32px;
          left: 35px;
          font-size: 12px;
          font-weight: bold;
          color: #fff; }
          #recruit .section3 .triangleWrap .point span {
            display: block;
            font-size: 20px;
            margin-top: -2px; }
      #recruit .section3 .six {
        font-size: 46px;
        font-style: italic;
        margin: 0 6px 0 0px; }
    #recruit .section4 {
      padding-top: 60px; }
      #recruit .section4 h2 {
        color: #33459e;
        font-size: 42px;
        text-align: center; }
        #recruit .section4 h2 .hukidasi {
          font-size: 22px;
          color: #fff;
          display: block;
          background-color: #33459e;
          border-radius: 50px;
          font-weight: normal;
          width: 254px;
          height: 48px;
          line-height: 48px;
          margin: 0 auto 20px;
          position: relative; }
          #recruit .section4 h2 .hukidasi::before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-top: 10px solid #33459e;
            border-right: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 10px solid transparent;
            position: absolute;
            bottom: -18px;
            -webkit-transform: translatex(-50%);
                    transform: translatex(-50%);
            left: 50%; }
        #recruit .section4 h2 .mini {
          font-size: 36px; }
      #recruit .section4 .area1 {
        margin-top: 60px; }
      #recruit .section4 .txt {
        background-color: #fff;
        padding: 45px 0 50px 70px;
        min-height: 390px;
        box-sizing: border-box;
        position: relative;
        top: 0;
        z-index: 0; }
        #recruit .section4 .txt::before {
          width: 100vw;
          height: 100%;
          content: '';
          background-color: #fff;
          position: absolute;
          top: 0;
          left: -100px;
          z-index: -1; }
        #recruit .section4 .txt h3 {
          font-size: 30px;
          padding-left: 20px; }
          #recruit .section4 .txt h3 .voice {
            display: block;
            position: relative;
            left: -20px; }
            #recruit .section4 .txt h3 .voice img {
              width: 82px;
              height: auto; }
          #recruit .section4 .txt h3 .showyColor {
            color: #e6393f; }
          #recruit .section4 .txt h3 br {
            display: none; }
        #recruit .section4 .txt p {
          font-size: 15px;
          margin-top: 25px;
          line-height: 1.87; }
      #recruit .section4 .img {
        z-index: 1; }
        #recruit .section4 .img span.nameWrap {
          font-size: 15px;
          margin-top: 10px;
          display: block; }
          #recruit .section4 .img span.nameWrap.right {
            text-align: right; }
          #recruit .section4 .img span.nameWrap .name {
            font-size: 20px;
            margin-top: 0;
            display: inline-block; }
  #notfound {
    width: 90%;
    margin: auto; }
  /* import */
  /* use Slick 
@import "_slick";
@import "_slick-theme";
*/
  /* ココから下には記入禁止 */ }

@media screen and (max-width: 980px) {
  /*------------------ 共通 ------------------*/
  /* タブレット */ }

@media screen and (max-width: 980px) and (min-width: 601px) and (max-width: 1049px) {
  .mainVisual {
    height: 200px;
    background-size: cover;
    margin-top: 50px;
    position: relative; }
    .mainVisual h1 {
      text-align: center;
      font-size: 38px;
      font-family: 'Roboto Condensed', sans-serif;
      white-space: nowrap;
      position: absolute;
      top: 58%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      letter-spacing: 1px; }
      .mainVisual h1 .sub_ttl {
        background-color: #e6393f;
        color: #fff;
        font-weight: normal;
        margin: auto;
        font-size: 16px;
        position: relative;
        top: -20px;
        box-sizing: border-box;
        letter-spacing: 0;
        padding: 2px 8px; } }

@media screen and (max-width: 980px) {
  /*------------------ cooper ------------------*/
  /*------------------ manufacture------------------*/
  /*------------------ inquiry------------------*/
  #inquiry {
    max-width: 1200px;
    margin: auto; }
  /*------------------ product------------------*/
  #products .lead {
    width: 90%;
    margin: auto; }
  #product.container {
    max-width: 100%; }
  /*------------------ construction------------------*/
  /*------------------ subNav------------------*/
  .subNavWrap ul {
    list-style: none; }
  .subNavWrap a {
    color: #fff;
    text-decoration: none; }
  .subNavWrap .active {
    display: block; }
  .subNav ul {
    display: flex;
    list-style: none;
    width: 700px;
    margin: auto; }
  .subNav li {
    width: 25%;
    text-align: center; }
    .subNav li.active {
      cursor: auto; }
  .subNav a {
    border-right: 1px  solid #fff;
    background-color: #33459e;
    cursor: pointer;
    display: block;
    padding: 10px 16px;
    transition: .5s all; }
    .subNav a:hover {
      background-color: #fff;
      color: #33459e; }
    .subNav a.on {
      background-color: #e6393f;
      color: #fff; }
  .subNavBody {
    background: #fbfbfb;
    text-align: center; }
    .subNavBody .productBox {
      display: inline-block;
      text-align: left;
      flex-flow: wrap;
      justify-content: center;
      max-width: 1280px;
      margin: auto;
      padding: 40px 0;
      display: none;
      transition: .3s; }
      .subNavBody .productBox.show {
        display: inline-block;
        transition: .3s; }
      .subNavBody .productBox li {
        display: inline-block;
        white-space: nowrap; }
      .subNavBody .productBox a {
        color: #000;
        display: block;
        font-size: 15px;
        padding: 10px 0;
        margin: 0 30px;
        text-decoration: none;
        position: relative;
        transition: all .3s; }
        .subNavBody .productBox a::after {
          display: block;
          content: "";
          width: 0;
          height: 2px;
          background-color: #e6393f;
          position: absolute;
          bottom: 0;
          left: 0;
          transition: all .3s; }
        .subNavBody .productBox a:hover {
          color: #e6393f; }
          .subNavBody .productBox a:hover::after {
            width: 100%; }
        .subNavBody .productBox a.on {
          color: #e6393f; }
          .subNavBody .productBox a.on::after {
            width: 100%; }
      .subNavBody .productBox.companyBox {
        flex-flow: nowrap; }
        .subNavBody .productBox.companyBox a:hover {
          color: #e6393f; }
          .subNavBody .productBox.companyBox a:hover::after {
            width: 100%; }
        .subNavBody .productBox.companyBox a.on {
          color: #e6393f; }
          .subNavBody .productBox.companyBox a.on::after {
            width: 100%; }
  /*------------------ data------------------*/
  /*------------------ strength------------------*/
  #strength_wrap {
    overflow: hidden; }
  /* news */
  #news {
    margin: 0 auto 90px;
    width: 100%;
    padding: 0 15px; }
    #news .year {
      display: flex;
      flex-flow: wrap;
      align-items: center;
      margin: 40px auto;
      max-width: 500px; }
      #news .year.sp_col3 span {
        width: 33.3%; }
        #news .year.sp_col3 span:nth-child(3n) {
          border-right: none; }
        #news .year.sp_col3 span:nth-child(n + 4) {
          margin-top: 16px; }
      #news .year.sp_col4 span {
        padding: 0 8px;
        width: 25%; }
        #news .year.sp_col4 span:nth-child(4n) {
          border-right: none; }
        #news .year.sp_col4 span:nth-child(n + 5) {
          margin-top: 16px; }
        #news .year.sp_col4 span a {
          font-size: 13px; }
      #news .year span {
        display: inline-block;
        border-right: 2px solid;
        padding: 0 12px; }
      #news .year a {
        display: block;
        text-align: center;
        text-decoration: none;
        align-items: center;
        font-size: 12px;
        font-size: clamp(12px, 4.2vw, 15px);
        font-weight: bold;
        color: #000;
        position: relative;
        transition: all .5s;
        padding-bottom: 6px; }
        #news .year a.current {
          color: #e6393f;
          border-bottom: 2px solid; }
          #news .year a.current:hover:after {
            width: 0; }
        #news .year a:after {
          display: block;
          content: "";
          width: 0;
          height: 2px;
          background-color: #e6393f;
          position: absolute;
          bottom: 0;
          left: 0;
          transition: all .3s; }
        #news .year a:hover:after {
          width: 100%; }
    #news article {
      max-width: 600px;
      margin: auto; }
      #news article ~ article {
        margin-top: 15px; }
      #news article .articleInner {
        color: #000;
        text-decoration: none;
        display: block; }
    #news .img img {
      width: 100%;
      height: 100%; }
    #news .detail {
      padding: 10px 20px 45px;
      box-sizing: border-box;
      background-color: #ebecf0;
      position: relative; }
      #news .detail img {
        width: 100%;
        height: auto; }
    #news .info {
      display: flex;
      justify-content: space-between; }
    #news .catWrap {
      padding: 10px 0; }
      #news .catWrap .cat {
        background-color: #33459e;
        color: #fff;
        font-size: 12px;
        width: 50px;
        padding: 6px 14px; }
        #news .catWrap .cat ~ .cat {
          margin-left: 4px; }
    #news .cat.new {
      background-color: #e6393f; }
    #news time {
      margin-top: 10px;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: bold;
      color: #a7a8ab;
      letter-spacing: 1px; }
    #news .txt h2 {
      font-size: 18px;
      line-height: 1.56;
      margin-top: 15px; }
    #news .txt p {
      font-size: 14px;
      margin-top: 15px;
      letter-spacing: 1px; }
    #news .btn {
      text-decoration: none;
      color: #e6393f;
      font-size: 14px;
      min-width: 120px !important;
      height: 35px !important;
      width: 120px;
      text-align: center;
      padding: 10px 15px;
      position: absolute;
      right: 5px;
      bottom: 10px; }
      #news .btn::after {
        content: "";
        position: absolute;
        top: 0;
        right: 25px;
        border-top: 2px solid #e6393f;
        border-right: 2px solid #e6393f; }
    #news .pageLink ul {
      margin: 80px auto 0;
      width: 235px;
      position: relative;
      text-align: center; }
      #news .pageLink ul:before {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        border-top: 2px solid #33459e;
        border-left: 2px solid #33459e;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        left: -15px; }
      #news .pageLink ul:after {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        border-top: 2px solid #33459e;
        border-right: 2px solid #33459e;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: -15px; }
    #news .pageLink li {
      display: inline-block;
      margin-left: 8px; }
      #news .pageLink li:first-child {
        margin-left: 0; }
      #news .pageLink li a {
        text-decoration: none;
        border-radius: 50%;
        border: 2px solid #33459e;
        color: #33459e;
        font-weight: bold;
        padding: 2px 10px;
        transition: all .5s; }
        #news .pageLink li a.current {
          background-color: #33459e;
          color: #fff; }
        #news .pageLink li a:hover {
          background-color: #33459e;
          color: #fff; }
  #notfound {
    width: 90%;
    margin: auto; }
  /* import */
  /* use Slick 
@import "_slick";
@import "_slick-theme";
*/
  /* ココから下には記入禁止 */ }

@media print, screen and (min-width: 981px) {
  /*------------------ 共通 ------------------*/
  /* タブレット */ }

@media print, screen and (min-width: 981px) and (min-width: 601px) and (max-width: 1049px) {
  .mainVisual {
    height: 200px;
    background-size: cover;
    margin-top: 50px;
    position: relative; }
    .mainVisual h1 {
      text-align: center;
      font-size: 38px;
      font-family: 'Roboto Condensed', sans-serif;
      white-space: nowrap;
      position: absolute;
      top: 58%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      letter-spacing: 1px; }
      .mainVisual h1 .sub_ttl {
        background-color: #e6393f;
        color: #fff;
        font-weight: normal;
        margin: auto;
        font-size: 16px;
        position: relative;
        top: -20px;
        box-sizing: border-box;
        letter-spacing: 0;
        padding: 2px 8px; } }

@media print, screen and (min-width: 981px) {
  /*------------------ cooper ------------------*/
  /*------------------ manufacture------------------*/
  /*------------------ inquiry------------------*/
  #inquiry {
    max-width: 1200px;
    margin: auto; }
  /*------------------ product------------------*/
  #products .lead {
    width: 90%;
    margin: auto; }
  #product.container {
    max-width: 100%; }
  /*------------------ construction------------------*/
  /*------------------ subNav------------------*/
  .subNavWrap ul {
    list-style: none; }
  .subNavWrap a {
    color: #fff;
    text-decoration: none; }
  .subNavWrap .active {
    display: block; }
  .subNav ul {
    display: flex;
    list-style: none;
    width: 700px;
    margin: auto; }
  .subNav li {
    width: 25%;
    text-align: center; }
    .subNav li.active {
      cursor: auto; }
  .subNav a {
    border-right: 1px  solid #fff;
    background-color: #33459e;
    cursor: pointer;
    display: block;
    padding: 10px 16px;
    transition: .5s all; }
    .subNav a:hover {
      background-color: #fff;
      color: #33459e; }
    .subNav a.on {
      background-color: #e6393f;
      color: #fff; }
  .subNavBody {
    background: #fbfbfb;
    text-align: center; }
    .subNavBody .productBox {
      display: inline-block;
      text-align: left;
      flex-flow: wrap;
      justify-content: center;
      max-width: 1280px;
      margin: auto;
      padding: 40px 0;
      display: none;
      transition: .3s; }
      .subNavBody .productBox.show {
        display: inline-block;
        transition: .3s; }
      .subNavBody .productBox li {
        display: inline-block;
        white-space: nowrap; }
      .subNavBody .productBox a {
        color: #000;
        display: block;
        font-size: 15px;
        padding: 10px 0;
        margin: 0 30px;
        text-decoration: none;
        position: relative;
        transition: all .3s; }
        .subNavBody .productBox a::after {
          display: block;
          content: "";
          width: 0;
          height: 2px;
          background-color: #e6393f;
          position: absolute;
          bottom: 0;
          left: 0;
          transition: all .3s; }
        .subNavBody .productBox a:hover {
          color: #e6393f; }
          .subNavBody .productBox a:hover::after {
            width: 100%; }
        .subNavBody .productBox a.on {
          color: #e6393f; }
          .subNavBody .productBox a.on::after {
            width: 100%; }
      .subNavBody .productBox.companyBox {
        flex-flow: nowrap; }
        .subNavBody .productBox.companyBox a:hover {
          color: #e6393f; }
          .subNavBody .productBox.companyBox a:hover::after {
            width: 100%; }
        .subNavBody .productBox.companyBox a.on {
          color: #e6393f; }
          .subNavBody .productBox.companyBox a.on::after {
            width: 100%; }
  /*------------------ data------------------*/
  /*------------------ strength------------------*/
  #strength_wrap {
    overflow: hidden; }
  /* news */
  #news {
    margin-bottom: 90px; }
    #news .year {
      text-align: center;
      margin: 60px 0; }
      #news .year a {
        display: block;
        text-decoration: none;
        display: flex;
        align-items: center;
        font-size: 15px;
        font-weight: bold;
        color: #000;
        position: relative;
        transition: all .5s;
        padding-bottom: 6px; }
        #news .year a.current {
          color: #e6393f;
          border-bottom: 2px solid; }
          #news .year a.current:hover:after {
            width: 0; }
        #news .year a:after {
          display: block;
          content: "";
          width: 0;
          height: 2px;
          background-color: #e6393f;
          position: absolute;
          bottom: 0;
          left: 0;
          transition: all .3s; }
        #news .year a:hover:after {
          width: 100%; }
      #news .year span {
        display: inline-block;
        border-left: 2px solid;
        padding: 0 30px; }
        #news .year span:first-child {
          border-left: none; }
    #news .articleWrap {
      display: flex;
      flex-flow: wrap;
      justify-content: space-between; }
    #news article {
      background-color: #ebecf0;
      width: calc(33% - 16px); }
      #news article:nth-child(3) ~ article {
        margin-top: 30px; }
      #news article .articleInner {
        color: #000;
        text-decoration: none;
        display: block; }
      #news article.blank {
        visibility: hidden; }
    #news .img {
      height: 210px; }
      #news .img img {
        width: 100%;
        height: 100%; }
    #news .detail {
      padding: 10px 30px 60px;
      box-sizing: border-box;
      position: relative; }
      #news .detail img {
        width: 100%;
        height: 100%; }
    #news .info {
      display: flex;
      justify-content: space-between; }
    #news .catWrap {
      padding: 10px 0; }
      #news .catWrap .cat {
        background-color: #33459e;
        color: #fff;
        font-size: 12px;
        width: 50px;
        padding: 6px 16px; }
        #news .catWrap .cat ~ .cat {
          margin-left: 4px; }
      #news .catWrap .cat.new {
        background-color: #e6393f; }
    #news time {
      margin-top: 10px;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: bold;
      color: #a7a8ab; }
    #news .txt h2 {
      font-size: 18px;
      line-height: 1.56;
      margin-top: 20px; }
    #news .txt p {
      font-size: 14px;
      margin-top: 20px;
      letter-spacing: 1px;
      min-height: 62px; }
    #news .btn {
      text-decoration: none;
      border-radius: 50px;
      border: 2px solid #e6393f;
      color: #e6393f;
      font-size: 13px;
      min-width: 120px !important;
      height: 35px !important;
      width: 120px;
      text-align: center;
      padding: 10px 15px;
      position: absolute;
      right: 20px;
      bottom: 20px;
      transition: all .5s; }
      #news .btn::after {
        content: "";
        position: absolute;
        top: 0;
        right: 14px;
        border-top: 2px solid #e6393f;
        border-right: 2px solid #e6393f;
        transition: all .5s; }
      #news .btn.activeColor {
        background-color: #e6393f;
        color: #fff; }
        #news .btn.activeColor::after {
          border-top: 2px solid #fff;
          border-right: 2px solid #fff; }
    #news .pageLink ul {
      margin: 80px auto 0;
      width: 235px;
      position: relative;
      text-align: center; }
      #news .pageLink ul:before {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        border-top: 2px solid #33459e;
        border-left: 2px solid #33459e;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        left: -15px; }
      #news .pageLink ul:after {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        border-top: 2px solid #33459e;
        border-right: 2px solid #33459e;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: -15px; }
    #news .pageLink li {
      display: inline-block;
      margin-left: 8px; }
      #news .pageLink li:first-child {
        margin-left: 0; }
      #news .pageLink li a {
        text-decoration: none;
        border-radius: 50%;
        border: 2px solid #33459e;
        color: #33459e;
        font-weight: bold;
        padding: 2px 10px;
        transition: all .5s; }
        #news .pageLink li a.current {
          background-color: #33459e;
          color: #fff; }
        #news .pageLink li a:hover {
          background-color: #33459e;
          color: #fff; }
  #notfound {
    width: 90%;
    margin: auto; }
  /* import */
  /* use Slick 
@import "_slick";
@import "_slick-theme";
*/
  /* ココから下には記入禁止 */ }

@media print {
  #strength .section3 {
    page-break-inside: always !important;
    margin-top: 500px !important; }
  #company {
    page-break-inside: always !important; } }

/*# sourceMappingURL=map/second.css.map */