@charset 'UTF-8';
.center{
  text-align:center;
}

.right{
  text-align:right;
}

.bold{
  font-weight: bold;
}

a.link-page{
  display: block;
  font-weight: normal;
}

.department-name{
  width: 100%;
  display:flex;
  justify-content :space-between;
  align-items:center;
}

.department-name p{
  margin-bottom: 0px;
}

.inner-link ul li.kansai {
padding: 0 27px 0 0;
}

.japan-box ,.japan-box2{
    margin: 0 auto;
}

.japan-box, .japan-box2 {
    position: relative;
    width: 600px;
    height: 640px;
}

.pointer {
    position: absolute;
    display: block;
    cursor: pointer;
}

.font-14 {
  font-size: 14px; }

.headline--lv3-2 {
    line-height: 19px;
  }

.headline--lv3-2 span{
  color: #4065a2;
}

.csr-box dt {
    float: left;
}

.mt40{
  margin-top:40px;
}

.mt60{
  margin-top:60px;
}

.mb40{
  margin-bottom:40px;
}

.mt100{
  margin-top:100px;
}

.mb150{
  margin-bottom:150px;
}

.pb60{
  padding-bottom: 60px;
}

.big-footer {
    margin-top: 0px;
}

.attn-box{
   font-size: 17px;
   font-weight: bold;
   margin-top: 25px;
   box-sizing: border-box;
}

.attn-box.quality{
  line-height: 27px;
  padding: 15px;
}

.font15{
  font-size: 15px;
}

.font13{
  font-size: 13px;
}

.contents-wrap.dep-office{
   padding-top: 25px;
   padding-bottom: 25px;
}

.contents-wrap.csr-wrapbox{
  padding-top: 20px;
  padding-bottom: 25px;
}


.inner__block{
    margin-top: 50px;
}

.aq-box.line1 h3 {
    margin-bottom: 0px;
}
.aq-box.line1 .headline--lv3-2 {
  margin-bottom: 0px;
}

.box-inner01{
  width: 100%;
}

.mb3{
  margin-bottom: 3px;
}

.li-hight20{
   line-height: 21px;
}

.h1-car:before {
  background-image: url("/assets/img/icn-top-01.png"); }

.h1-parts:before {
  background-image: url("/assets/img/icn-top-02.png"); }

.h1-plane:before {
  background-image: url("/assets/img/icn-top-03.png"); }

.h1-common:before {
  background-image: url("/assets/img/icn-top-04.png"); }

  #b02 {
      width: 135px;
      height: 65px;
      top: 276px;
      left: 455px;
  }
  #b03 {
      width: 200px;
      height: 50px;
      top: 525px;
      left: 350px;
  }
  .pointer {
      position: absolute;
      display: block;
      cursor: pointer;
  }

table.all-frame-tbl th {
vertical-align: middle;;
}

h3.headline--lv3-2 {
  font-size: 17px;
  font-size: 1.7rem;
 }

.btn-L1 {
  width:135px;
  height:39px;
  font-size: 14px; }

.btn-L2 {
  padding-left: 8px;
  width:226px;
  height:39px;
  font-size: 14px; }

.btn-L3 {
  padding-left: 2px;
  width:142px;
  height:39px;
  font-size: 14px; }

.check-btn{
  display: inline-block;
  text-decoration: none;
  cursor:pointer;
  background-color: #4065A2;
  color: #fff !important;
  box-sizing: border-box;
}

.check-btn:hover{
  text-decoration: none;
  opacity: 0.8;
}

.button-li li a{
  display: flex;
  justify-content:center;
  align-items :center;
}

.h1-car:before {
    background-image: url(/assets/img/icn-top-01.png);
}

.mb66{
  margin-bottom: 66px;
}

table.schedule.min{
  font-size: 16px;
  margin-left: 90px;
}

table.schedule.max{
  font-size: 16px;
  margin-left: 0px;
}

.width_vehicle{
   width: 19%;
}

.narrow-wrap.narrow-supply{
    width: 60%;
}

.narrow-wrap.narrow-supply02{
    width: 510px;
}

.narrow-wrap.narrow-supply03{
    width: 530px;
}

.bread-on-pic02{
  position: absolute;
  left: 0px;
  top: 0;
}
h1.pc-only{
    display: block;
  }

h1.sp-only{
    display: none;
  }

.bread-li.recruit-bread ul li:not(:first-child):before {
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
  }

.bread-li.recruit-bread ul li a{
    color: #fff;
}

.bread-li.recruit-bread ul li{
    color: #fff;
}

.workstyle_flex{
  display: flex;
  justify-content:space-around;
}

.workstyle_flex a{
  display: inline-block;
  width: 48%;
  height: 86px;
  box-sizing: border-box;
}

.contact-Box.union{
  display: block;
   width: 100%;
   margin-top: 30px;
   border: 1px solid #333;
   padding: 15px 25px 15px;
   box-sizing: border-box;
}

.contactBox.union h3{
  text-align: left;
}
.contactBox.union p{
  text-align: left;
  font-size: 14px;
}
.workstyle-box {
    display: block;
    box-sizing: border-box;
    padding: 5px;
    text-decoration: none;
    height: 223.75px;
}
.workstyle-box:hover {
  text-decoration: none;
  border: none; }

p.workstyle-p{
  font-size: 15px;
  font-weight: bold;
  margin-top: 0px;
  padding-left: 5px;
}
.col-3-2sp-box a div h3{
   font-size: 22px;
}

.font22{
  font-size: 22px;
}

.font15{
  font-size: 15px;
}

.col-bluebox-set h2.font22 {
  font-size: 22px; }

.flex{
  display: flex;
  justify-content:center;
}

.icn-pdf {
    width: 31px;
    height: 16px;
    background-image: url(/privacy/img/icn-pdf.gif);
}

.logistics a{
  display: inline-block;
  width: auto;
}

.link-anchor-news{
  color: #438bc5;
  text-decoration: none;
}

.head-tit-set {
    width: 399.94px;
    position: absolute;
    box-sizing: border-box;
    padding: 40px;
    top: 15%;
    right: 10%;
    background-color: #4065a1;
}

.main-wrap, .contents-wrap, .main-slider {
    box-sizing: content-box;
    position: relative;
    width: 1100px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
}

table td.fitst-td {
    padding: 0px 15px 12px;
}

table td.last-td {
    padding: 12px 15px 5px;
}

table td.left-line{
   border-left: 1px solid #000;
   padding-left: 5%;
}

table td.left-line.fitst-td{
   border-left: 1px solid #000;
   padding-left: 5%;
}

table td.right{
  padding-right: 5%
}

table.schedule.fitst-td.max{
    padding: 0px 5px 12px;

}
.chart-area-parts {
    min-height: 766px;
}

.pbox{
  border-right: 1px solid #ccc;
}
.sch-box{
  width: 90%;
  margin: 0 auto;

}

.content ul {
    margin: 0 auto;
    max-width: 1080px;
    display: flex;
    flex-wrap: wrap;
}

.content ul li:nth-child(1), .content ul li:nth-child(3), .content ul li:nth-child(5) {
    border-right: 1px #e2e2e2 solid;
}

.content ul li {
    padding: 60px;
    border-bottom: 1px #ccc solid;
    width: 50%;
    box-sizing: border-box;
}

p.contentTitle{
  text-align: center;
  font-size: 37px;
  color: #4065A2;
  font-weight: bold;
  line-height: 42px;
}

p.explain{
  color: #4065A2;
  font-weight: bold;
  margin-top: 27px;
}

table.no-frame-tbl th, table.no-frame-tbl td {
    border-top: 0px solid #d4d4d4;
    border-bottom: 0px solid #d4d4d4;
}
table.no-frame-tbl td.subtitle {
    border-top: 0px solid #d4d4d4;
    border-bottom: 0px solid #d4d4d4;
}
table.no-frame-tbl th.borderB, table.no-frame-tbl td.borderB {
    /* border-top: 0px solid #d4d4d4; */
    border-bottom: 1px solid #d4d4d4;
}
table th, table td {
    box-sizing: border-box;
    padding: 12px 15px;
    text-align: left;
    vertical-align: top;
}
table td.subtitle {
    box-sizing: border-box;
    padding: 7px 15px;
    text-align: left;
    vertical-align: top;
    background-color:#f4f4f4;
    color:#4065A2;
    font-weight: bold;
}
.font14{
    font-size: 14px;
}
.flex_topmes{
  display: flex;
  flex-direction:row-reverse;
  justify-content:space-between;

}
.txt-box.ml37{
  margin-left: 37px;
}
.big-footer {
    margin-top: 0px;
}
@media screen and (max-width: 812px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 667px) and (min-device-width: 375px) and (orientation: landscape), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 736px) and (min-device-width: 414px)
and (orientation: landscape){
.main-wrap.sp-toggle{
  width: 100%;
  box-sizing: border-box;
}
  .pic-box.topmess{
    margin-bottom: 20px;
  }
  .flex_topmes{
    display: flex;
    flex-direction:column-reverse;
  }
  .txt-box.ml37{
    margin-left: 0px;
  }
  .font14{
      font-size: 14px;
  }
  table th {
      padding: 12px 15px 3px;
  }
  table td {
      padding: 3px 15px 12px;
  }
  .content ul {
      display: flex;
      flex-direction:column;
      flex-wrap: wrap;
  }
  .content ul li {
      padding: 60px 30px;
      border-bottom: 1px #ccc solid;
      width: 100%;
      box-sizing: border-box;
  }
  .content ul li:nth-child(1), .content ul li:nth-child(3), .content ul li:nth-child(5) {
      border-right: 0px #ccc solid;
  }
  p.contentTitle{
    text-align: center;
    font-size: 30px;
    color: #4065A2;
    font-weight: bold;
    line-height: 42px;
  }
  table.schedule.min td.left-line.fitst-td {
    border-left: 1px solid #000;
    padding-left: 5%;
 }

  table.schedule.min td.left-line {
  border-left: 1px solid #000;
  padding-left: 5%;
 }

  table.schedule.min{
    margin-left: 0px;
  }

  table.schedule.fitst-td.max{
      padding: 0px 5px 12px;

  }
  table.schedule.max td{
      padding: 0px 0px 30px 10px;

  }

  table.schedule.max td.last-td{
      padding: 0px 0px 5px 10px;

  }

  table.schedule.max td.subtitle{
      padding: 0px 0px 6px 10px;

  }
  table.schedule.max td.right{
      padding: 0px 10px 12px 5px;
  }


  .narrow-wrap.narrow-supply {
    width: 100%;
}

  .contents-wrap{

    box-sizing: border-box;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

    .flex{
      display: flex;
      flex-direction:column;
    }


.sp-footer {
    margin-top: 0px;
}
.japan-box,.japan-box2 {
    width: 100%;
    height: 100%;
    float: none;
    background-image: none;
}
.contents-wrap.dep-office {
    padding-top: 10px;
    padding-bottom: 10px;
}

.contents-wrap {
    padding-top: 40px;
    padding-bottom: 30px;
}

.contents-wrap.second-contents {
    padding-top: 0px;
    padding-bottom: 30px;
}

h2, h2.headline--lv2-1 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 40px;
}

.contents-wrap.csr-wrapbox{
  padding-top: 0px;
  padding-bottom: 10px;
}

.box-inner01{
  width: 100%;
}

.sch-dl {
  font-size: 13px; }

.width_vehicle{
  width: 25%;
  }

.relate-link li a {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 9px;
    line-height: 0.9rem;
    padding: 16px 8px;
}

.relate-link li a.right_box {
    padding: 7px 0px 4px 0px;
    line-height: 14px;
    box-sizing: border-box;
    height: 41px;
}

.pic-bnr-box p.vehicle {
    height: 85px;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    padding: 25px 25px;
    line-height: 16px;
    text-indent: -1.5em;
    padding-left: 2.5em;
}
.pic-bnr-box p.partslogi {
    height: 85px;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 25px;
    line-height: 18px;
    text-indent: -1.5em;
    padding-left: 2.5em;
}
.bread-li ul {
  width: 100%;
  white-space: nowrap !important;
  overflow: scroll;
  -webkit-overflow-scrolling: touch; }
  .bread-li ul li:first-child {
    padding-left: 15px; }

.bread-li ul li.second-row:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 5px;
        height: 5px;
        margin-top: -3px;
        margin-right: 10px;
        border-top: 1px solid #333;
        border-right: 1px solid #333;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

h1.pc-only{
        display: none;
  }

h1.sp-only{
        display: block;
}

h1.h1-partslogi{
      height: 76px;
      line-height: 26px;
      box-sizing: border-box;
      padding-top: 12px;
      padding-bottom: 4px;
}

.workstyle_flex{
  display: flex;
  flex-direction:column;
}

.workstyle_flex a{
  display: inline-block;
  width: 100%;
  height: 86px;
  box-sizing: border-box;
}
.workstyle-box {
    display: block;
    box-sizing: border-box;
    padding: 5px;
    text-decoration: none;
    height: auto;
}

h2.recruit-first{
    margin-top: 10px;
}

.contactBox address {
   font-size: 21px;
   font-size: 2.1rem;
   line-height: 40px;
   margin-bottom: 5px;
 }

 .col-3-2sp-box a div h3{
    font-size: 16px;
 }

 .col-bluebox-set h2.font18 {
   font-size: 18px; }

 .col-bluebox-set h3.font15 {

         font-size: 15px;
 }

 .h3-gray-bar {
    font-size: 17px;

}

.btn-frame {
    padding: 18px;
    padding-left: 50px;
    padding-right: 50px;
}

.btn-frame.fr01 {
    padding: 18px;
    padding-left: 30px;
    padding-right: 30px;
}

.pdfbtn{
  width: 100%;
}

.pdfbtn a{
  width: 82%;
}

h2.recruit-first.mt22{
   margin-top: 22px;
}



}

/* 2023/03/09 added */

.h2-csr{
      color: #333;
      margin-top: 50px;
      margin-bottom: 10px;
      letter-spacing: 0;
      line-height: 1.4;
    }
    .h2-csr-sub{
      font-size: 16px;
      margin-top: 0;
      margin-bottom: 40px;
      text-align: center;
      line-height: 1.4;
    }
    .h2-csr:after{content: none;}
    .icn-link{display: inline-block;}
    .text-read{
      text-align: center;
      width: 70%;
      margin: 0 auto;
      margin-bottom: 60px;
      letter-spacing: 0;
    }
    .normal-ancr{
      font-weight: normal;
      font-size: 14px;
    }
    .csr-icn{
      width: 80px !important;
      padding-top: 10px;
    }
    .col-2-l,.col-2-r{
      width: 48%;
    }
    .col-2-l{float: left;}
    .col-2-r{float: right;}
    .csr-h3{
      font-size: 18px;
      color: #4065a2;
      background: #f1f2f7;
      padding: 16px;
      font-weight: bold;
      margin-bottom: 30px;
    }
    @media screen and (max-width: 812px), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape){
      .text-read{width: 100%;}
      .col-2-l,.col-2-r{
        width: 100%;
        float: none;
      }
      .h2-csr{font-size: 2.2rem;}
      #cont-01, #cont-02, #cont-03, #cont-04, #cont-05, #cont-06, #cont-07, #cont-08 {z-index: -100;}
      .attn-box {
        position: relative;
        z-index: 100;
      }
    }