/*
Theme Name: fukai-paint.com
Theme URI: https://www.fukai-paint.com/
Description: pcbrain
Version: 1.0
Author: pcbrain.co.jp
*/
@charset "utf-8";

#recruit #pageTitle h1 small{
  display:none;
}

.l-recruit{

}
.l-recruit *{
  box-sizing: border-box;
}
.l-recruit a{
  text-decoration: none !important;
}
.l-recruit-mv{
  background: #eb6100;
}
.l-recruit-mv-inner{
  max-width:1344px;
  width:100%;
  margin:0 auto;
  background: url("./img/recruit/mv_pc.png") top center no-repeat transparent;
  background-size: cover;
  min-height:466px;
}
.l-recruit-mv-wrapper{
  padding:206px 21px 21px 60px;
  width:575px;
}
.l-recruit-mv-wrapper p{
  text-align: left;
  color:#FFFFFF;

  font-size:21px;
  font-weight:400;
  line-height:1.75;
  letter-spacing: 0em;
}
.l-recruit-mv-btn{
  padding-top:10px;
  text-align: right;
}
.l-recruit-mv-btn a{
  text-decoration: none;
  display:inline-block;
  border:1px solid #FFFFFF;
  padding:14px 35px;
  text-align: center;
  color:#FFFFFF;

  font-size:21px;
  font-weight:400;
  line-height:1.75;
  letter-spacing: 0em;
}

@media screen and (max-width: 1920px) {
  .l-recruit-mv{
    background: #eb6100;
  }
  .l-recruit-mv-inner{
    max-width:70vw;
    width:100%;
    margin:0 auto;
    background: url("./img/recruit/mv_pc.png") top center no-repeat transparent;
    background-size: cover;
    min-height:24.27vw;
  }
  .l-recruit-mv-wrapper{
    padding:10.7vw 1.09vw 1.09vw 3.125vw;
    width:575px;
  }
  .l-recruit-mv-wrapper p{
    text-align: left;
    color:#FFFFFF;

    font-size:1.09vw;
    font-weight:400;
    line-height:1.75;
    letter-spacing: 0em;
  }
  .l-recruit-mv-btn{
    padding-top:0.52vw;
    text-align: right;
  }
  .l-recruit-mv-btn a{
    text-decoration: none;
    display:inline-block;
    border:1px solid #FFFFFF;
    padding:0.72vw 1.82vw;
    text-align: center;
    color:#FFFFFF;

    font-size:1.09vw;
    font-weight:400;
    line-height:1.75;
    letter-spacing: 0em;
  }
}

.l-recruit-block01{
  padding:21px 7px;
}
.l-recruit-block01-inner{
  max-width:1344px;
  width:100%;
  margin:0 auto;
}
.l-recruit-block01 ul{
  display:block;
  text-align: center;
  font-size:0;
}
.l-recruit-block01 ul li{
  width:264px;
  display:inline-block;
  vertical-align: top;
  padding:0 9px !important;
  margin:0 0 !important;
}
.l-recruit-block01 ul li:before,
.l-recruit-block01 ul li:after{
  display:none;
}
.l-recruit-block01 ul li a{
  display:block;
  padding:24px 7px 56px;
  background: url("./img/recruit/block01-icon01_pc.png") bottom 17px center no-repeat #173976;
  background-size: 33px auto;
  min-height:33px;
  text-align: center;
  color:#FFFFFF;

  font-size:21px;
  font-weight:400;
  line-height:1.75;
  letter-spacing: 0em;
}
@media screen and (max-width: 1920px) {
  .l-recruit-block01{
    padding:1.09vw 0.36vw;
  }
  .l-recruit-block01-inner{
    max-width:70vw;
    width:100%;
    margin:0 auto;
  }
  .l-recruit-block01 ul{
    display:block;
    text-align: center;
    font-size:0;
  }
  .l-recruit-block01 ul li{
    width:13.75vw;
    display:inline-block;
    vertical-align: top;
    padding:0 0.46vw !important;
    margin:0 0 !important;
  }
  .l-recruit-block01 ul li:before,
  .l-recruit-block01 ul li:after{
    display:none;
  }
  .l-recruit-block01 ul li a{
    display:block;
    padding:1.25vw 0.36vw 2.91vw;
    background: url("./img/recruit/block01-icon01_pc.png") bottom 0.88vw center no-repeat #173976;
    background-size: 1.71vw auto;
    min-height:1.71vw;
    text-align: center;
    color:#FFFFFF;

    font-size:1.09vw;
    font-weight:400;
    line-height:1.75;
    letter-spacing: 0em;
  }
}

.l-recruit-block02{
  background: url("./img/recruit/block02-bg01_pc.png") center center no-repeat transparent;
  background-size: cover;
  min-height:714px;
  padding:59px 56px 91px;
}
.l-recruit-block02-inner{
  max-width:1232px;
  width:100%;
  margin:0 auto;
}
.l-recruit-block02-table{
  width:100%;
  display:table;
}
.l-recruit-block02-table > div{
  display:table-cell;
  vertical-align: top;
}
.l-recruit-block02-table-left{
  background:#FFFFFF;
  padding:28px 38px;
}
.l-recruit-block02-table-left h2{
  text-align: left;
  color:#eb6100;

  font-size:33px;
  font-weight:500;
  line-height:1.75;
  letter-spacing: 0em;
}
.l-recruit-block02-table-left p{
  padding-top:10px;
  text-align: left;
  color:#333333;

  font-size:18px;
  font-weight:400;
  line-height:1.75;
  letter-spacing: 0em;
}
.l-recruit-block02-table-right{
  width:476px;
}
.l-recruit-block02-table-right img{
  width:476px;
}
@media screen and (max-width: 1920px) {
  .l-recruit-block02{
    background: url("./img/recruit/block02-bg01_pc.png") center center no-repeat transparent;
    background-size: cover;
    min-height:37.1vw;
    padding:3.07vw 2.91vw 4.73vw;
  }
  .l-recruit-block02-inner{
    max-width:64.16vw;
    width:100%;
    margin:0 auto;
  }
  .l-recruit-block02-table{
    width:100%;
    display:table;
  }
  .l-recruit-block02-table > div{
    display:table-cell;
    vertical-align: top;
  }
  .l-recruit-block02-table-left{
    background:#FFFFFF;
    padding:3.04vw 1.97vw;
  }
  .l-recruit-block02-table-left h2{
    text-align: left;
    color:#eb6100;

    font-size:1.71vw;
    font-weight:500;
    line-height:1.75;
    letter-spacing: 0em;
  }
  .l-recruit-block02-table-left p{
    padding-top:0.52vw;
    text-align: left;
    color:#333333;

    font-size:0.93vw;
    font-weight:400;
    line-height:1.75;
    letter-spacing: 0em;
  }
  .l-recruit-block02-table-right{
    width:24.7vw;
  }
  .l-recruit-block02-table-right img{
    width:24.7vw;
  }
}

.l-recruit-block03{

}
.l-recruit-block03-image{

}
.l-recruit-block03-image img{
  width:100%;
  height:auto;
}
.l-recruit-block03-inner{
  max-width:1240px;
  width:100%;
  margin:0 auto;
  padding-top:28px;
  padding-bottom:56px;
}
.l-recruit-block03-box{
  border:12px solid #f0f0f0;
  padding:56px 56px 105px;
  background: url("./img/recruit/block03-img02_pc.png") right 42px bottom 42px no-repeat transparent;
  background-size: 176px auto;
  min-height:182px;
}
.l-recruit-block03-box p{
  text-align: left;
  color:#333333;

  font-size:18px;
  font-weight:400;
  line-height:1.75;
  letter-spacing: 0em;
}
@media screen and (max-width: 1920px) {
  .l-recruit-block03{

  }
  .l-recruit-block03-image{

  }
  .l-recruit-block03-image img{
    width:100%;
    height:auto;
  }
  .l-recruit-block03-inner{
    max-width:64.58vw;
    width:100%;
    margin:0 auto;
    padding-top:1.458vw;
    padding-bottom:2.91vw;
  }
  .l-recruit-block03-box{
    border:0.625vw solid #f0f0f0;
    padding:2.91vw 2.91vw 5.46vw;
    background: url("./img/recruit/block03-img02_pc.png") right 2.18vw bottom 2.18vw no-repeat transparent;
    background-size: 9.16vw auto;
    min-height:9.47vw;
  }
  .l-recruit-block03-box p{
    text-align: left;
    color:#333333;

    font-size:0.93vw;
    font-weight:400;
    line-height:1.75;
    letter-spacing: 0em;
  }
}

.l-recruit-block04{
  background:#fffce3;
  padding:70px 0;
}
.l-recruit-block04-inner{
  max-width:1225px;
  width:100%;
  margin:0 auto;
  text-align: center;
}
.l-recruit-block04-inner > h2{
  text-align: center;
  color:#333333;

  font-size:33px;
  font-weight:700;
  line-height:1.75;
  letter-spacing: 0em;

  position: relative;
}
.l-recruit-block04-inner > h2:after{
  content: "";
  display: inline-block;
  left: 0;
  right: 0;
  bottom: -21px;
  width:91px;
  height: 2px;
  position: absolute;
  z-index: 2;
  border-bottom:1px solid #333333;
  margin:0 auto;
}
.l-recruit-block04-table{
  width:100%;
  display:table;
  margin:105px auto 0;
}
.l-recruit-block04-table > div{
  display:table-cell;
  vertical-align: top;
  text-align: left;
}
.l-recruit-block04-table-left{
  width:399px;
}
.l-recruit-block04-table-left img{
  width:316px;
}
.l-recruit-block04-table-right{
  width:auto;
}
.l-recruit-block04-table-right-block01{
  text-align: left;
}
.l-recruit-block04-table-right-block01 > span{
  display:inline-block;
  background:#00a83a;
  padding:7px 21px;
  text-align: center;
  color:#FFFFFF;

  font-size:21px;
  font-weight:400;
  line-height:1.75;
  letter-spacing: 0em;
}
.l-recruit-block04-table-right-block01 > h3{
  padding-top:17px;
  text-align: left;
  color:#333333;

  font-size:33px;
  font-weight:700;
  line-height:1.75;
  letter-spacing: 0em;
}
.l-recruit-block04-table-right-block01 > h3 > span{
  padding-left:21px;
  display: inline-block;
  vertical-align: bottom;
  text-align: left;
  color:#797979;

  font-size:21px;
  font-weight:400;
  line-height:1.75;
  letter-spacing: 0em;
}
.l-recruit-block04-table-right-block02{
  padding-top:49px;
}
.l-recruit-block04-table-right-block02-q{
  margin:0 0 !important;
  display:block;
  background:#eb6100;
  padding:10px 22px !important;
  text-align: left;
  color:#FFFFFF;

  font-size:21px !important;
  font-weight:700;
  line-height:1.75;
  letter-spacing: 0em;
}
.l-recruit-block04-table-right-block02-a{
  margin:0 0 !important;
  padding-top:21px !important;
  text-align: justify;
  color:#333333;

  font-size:21px !important;
  font-weight:400;
  line-height:1.75;
  letter-spacing: 0em;
}
.l-recruit-block04-inner > h3{
  display: inline-block;
  background: url("./img/recruit/block04-icon01_pc.png") right center no-repeat transparent;
  background-size: 37px auto;
  min-height:37px;
  padding:0 52px 0 0 !important;
  margin:100px 0 0 !important;
  text-align: center;
  color:#333333;

  font-size:33px !important;
  font-weight:700;
  line-height:1.75;
  letter-spacing: 0em;
}
.l-recruit-block04-inner > table{
  max-width:762px;
  width:100%;
  margin:35px auto 0;
}
.l-recruit-block04-inner > table tr{
  
}
.l-recruit-block04-inner > table tr th{
  width:218px;
  border-bottom:7px solid #fffce3;
  background:#eb6100;
  padding:24px 35px;
  vertical-align: top;
  text-align: left;
  color:#FFFFFF;

  font-size:21px;
  font-weight:400;
  line-height:1.75;
  letter-spacing: 0em;
}
.l-recruit-block04-inner > table tr td{
  width:auto;
  border-bottom:7px solid #fffce3;
  background:#FFFFFF;
  padding:24px 35px;
  vertical-align: top;
  color:#333333;

  font-size:21px;
  font-weight:400;
  line-height:1.75;
  letter-spacing: 0em;
}
@media screen and (max-width: 1920px) {
  .l-recruit-block04{
    background:#fffce3;
    padding:3.64vw 0;
  }
  .l-recruit-block04-inner{
    max-width:63.8vw;
    width:100%;
    margin:0 auto;
    text-align: center;
  }
  .l-recruit-block04-inner > h2{
    text-align: center;
    color:#333333;

    font-size:1.71vw;
    font-weight:700;
    line-height:1.75;
    letter-spacing: 0em;

    position: relative;
  }
  .l-recruit-block04-inner > h2:after{
    content: "";
    display: inline-block;
    left: 0;
    right: 0;
    bottom: -1.09vw;
    width:4.73vw;
    height: 2px;
    position: absolute;
    z-index: 2;
    border-bottom:1px solid #333333;
    margin:0 auto;
  }
  .l-recruit-block04-table{
    width:100%;
    display:table;
    margin:5.46vw auto 0;
  }
  .l-recruit-block04-table > div{
    display:table-cell;
    vertical-align: top;
    text-align: left;
  }
  .l-recruit-block04-table-left{
    width:20.7vw;
  }
  .l-recruit-block04-table-left img{
    width:16.4vw;
  }
  .l-recruit-block04-table-right{
    width:auto;
  }
  .l-recruit-block04-table-right-block01{
    text-align: left;
  }
  .l-recruit-block04-table-right-block01 > span{
    display:inline-block;
    background:#00a83a;
    padding:0.36vw 1.09vw;
    text-align: center;
    color:#FFFFFF;

    font-size:1.09vw;
    font-weight:400;
    line-height:1.75;
    letter-spacing: 0em;
  }
  .l-recruit-block04-table-right-block01 > h3{
    padding-top:0.88vw;
    text-align: left;
    color:#333333;

    font-size:1.71vw;
    font-weight:700;
    line-height:1.75;
    letter-spacing: 0em;
  }
  .l-recruit-block04-table-right-block01 > h3 > span{
    padding-left:1.09vw;
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    color:#797979;

    font-size:1.09vw;
    font-weight:400;
    line-height:1.75;
    letter-spacing: 0em;
  }
  .l-recruit-block04-table-right-block02{
    padding-top:49px;
  }
  .l-recruit-block04-table-right-block02-q{
    margin:0 0 !important;
    display:block;
    background:#eb6100;
    padding:0.52vw 1.14vw !important;
    text-align: left;
    color:#FFFFFF;

    font-size:1.09vw !important;
    font-weight:700;
    line-height:1.75;
    letter-spacing: 0em;
  }
  .l-recruit-block04-table-right-block02-a{
    margin:0 0 !important;
    padding-top:1.09vw !important;
    text-align: justify;
    color:#333333;

    font-size:1.09vw !important;
    font-weight:400;
    line-height:1.75;
    letter-spacing: 0em;
  }
  .l-recruit-block04-inner > h3{
    display: inline-block;
    background: url("./img/recruit/block04-icon01_pc.png") right center no-repeat transparent;
    background-size: 1.92vw auto;
    min-height:1.92vw;
    padding:0 2.7vw 0 0 !important;
    margin:5.2vw 0 0 !important;
    text-align: center;
    color:#333333;

    font-size:1.71vw !important;
    font-weight:700;
    line-height:1.75;
    letter-spacing: 0em;
  }
  .l-recruit-block04-inner > table{
    max-width:39.6vw;
    width:100%;
    margin:1.82vw auto 0;
  }
  .l-recruit-block04-inner > table tr{
    
  }
  .l-recruit-block04-inner > table tr th{
    width:11.35vw;
    border-bottom:0.36vw solid #fffce3;
    background:#eb6100;
    padding:1.25vw 1.82vw;
    vertical-align: top;
    text-align: left;
    color:#FFFFFF;

    font-size:1.09vw;
    font-weight:400;
    line-height:1.75;
    letter-spacing: 0em;
  }
  .l-recruit-block04-inner > table tr td{
    width:auto;
    border-bottom:0.36vw solid #fffce3;
    background:#FFFFFF;
    padding:1.25vw 1.82vw;
    vertical-align: top;
    color:#333333;

    font-size:1.09vw;
    font-weight:400;
    line-height:1.75;
    letter-spacing: 0em;
  }
}

.recruitFlow{
  padding:60px 0 !important;
}


.l-recruit-block06{
  padding-bottom:70px;
}
.l-recruit-block06 > h2{
  background:#eb6100;
  padding:31px 21px;
  text-align: center;
  color:#FFFFFF;

  font-size:33px;
  font-weight:400;
  line-height:1.75;
  letter-spacing: 0em;

  position: relative;
}
.l-recruit-block06 > h2:after{  
  content: "";
  display: inline-block;
  left: 0;
  right: 0;
  bottom: -50px;
  width:158px;
  height: 50px;
  position: absolute;
  z-index: 2;
  background: url("./img/recruit/block06-icon01_pc.png") bottom center no-repeat transparent;
  background-size: 158px auto;
  min-height:50px;
  margin:0 auto;
}
.l-recruit-block06-inner{
  max-width:1300px;
  width:100%;
  margin:0 auto;
}
.l-recruit-block06-block{
  padding-top:50px;
  display:block;
  text-align: left;
  font-size:0;
}
.l-recruit-block06-block-list{
  width:50%;
  display:inline-block;
  vertical-align: top;
  padding-top:42px;
}
.l-recruit-block06-block-list.type02{
  width:100%;
  display:block;
  padding:42px 0 0 !important;
}
.l-recruit-block06-block-list:nth-of-type(odd){
  padding-right:21px;
}
.l-recruit-block06-block-list:nth-of-type(even){
  padding-left:21px;
}
.l-recruit-block06-block-list-box{
  background:#fcfff1;
  padding:28px 35px;
}
.l-recruit-block06-block-list-box table{
  width:100%;
}
.l-recruit-block06-block-list-box table tr{
  border-bottom:1px solid #797979;
}
.l-recruit-block06-block-list .l-recruit-block06-block-list-box table tr th{
  width:140px;
  background: #fcfff1 !important;
  padding:17px 7px 10px;
  vertical-align: top;
  text-align: left;
  color:#333333;

  font-size:21px;
  font-weight:700;
  line-height:1.75;
  letter-spacing: 0em;
}
.l-recruit-block06-block-list.type02 .l-recruit-block06-block-list-box table tr th{
  width:280px;
}
.l-recruit-block06-block-list-box table tr td{
  width:auto;
  background: #fcfff1 !important;
  padding:17px 7px 10px;
  vertical-align: top;
  text-align: left;
  color:#333333;

  font-size:21px;
  font-weight:400;
  line-height:1.75;
  letter-spacing: 0em;
}
.l-recruit-block06-block-list-box-btn{
  padding-top:42px;
  text-align: center;
}
.l-recruit-block06-block-list-box-btn a{

}
@media screen and (max-width: 1920px) {
  .l-recruit-block06{
    padding-bottom:3.64vw;
  }
  .l-recruit-block06 > h2{
    background:#eb6100;
    padding:1.61vw 1.09vw;
    text-align: center;
    color:#FFFFFF;

    font-size:1.71vw;
    font-weight:400;
    line-height:1.75;
    letter-spacing: 0em;

    position: relative;
  }
  .l-recruit-block06 > h2:after{  
    content: "";
    display: inline-block;
    left: 0;
    right: 0;
    bottom: -2.6vw;
    width:8.22vw;
    height: 2.6vw;
    position: absolute;
    z-index: 2;
    background: url("./img/recruit/block06-icon01_pc.png") bottom center no-repeat transparent;
    background-size: 8.22vw auto;
    min-height:2.6vw;
    margin:0 auto;
  }
  .l-recruit-block06-inner{
    max-width:67.8vw;
    width:100%;
    margin:0 auto;
  }
  .l-recruit-block06-block{
    padding-top:2.6vw;
    display:block;
    text-align: left;
    font-size:0;
  }
  .l-recruit-block06-block-list{
    width:50%;
    display:inline-block;
    vertical-align: top;
    padding-top:2.1875vw;
  }
  .l-recruit-block06-block-list:nth-of-type(odd){
    padding-right:1.09vw;
  }
  .l-recruit-block06-block-list:nth-of-type(even){
    padding-left:1.09vw;
  }
  .l-recruit-block06-block-list-box{
    background:#fcfff1;
    padding:1.45vw 1.82vw;
  }
  .l-recruit-block06-block-list-box table{
    width:100%;
  }
  .l-recruit-block06-block-list-box table tr{
    border-bottom:1px solid #797979;
  }
  .l-recruit-block06-block-list-box table tr th{
    width:7.29vw;
    background: #fcfff1 !important;
    padding:0.88vw 0.36vw 0.52vw;
    vertical-align: top;
    text-align: left;
    color:#333333;

    font-size:1.09vw;
    font-weight:700;
    line-height:1.75;
    letter-spacing: 0em;
  }
  .l-recruit-block06-block-list-box table tr td{
    width:auto;
    background: #fcfff1 !important;
    padding:0.88vw 0.36vw 0.52vw;
    vertical-align: top;
    text-align: left;
    color:#333333;

    font-size:1.09vw;
    font-weight:400;
    line-height:1.75;
    letter-spacing: 0em;
  }
  .l-recruit-block06-block-list-box-btn{
    padding-top:2.1875vw;
    text-align: center;
  }
  .l-recruit-block06-block-list-box-btn a{

  }
}


