/*--------------------
recruit.css
--------------------*/


.l-block01{
  
}
.l-block01 > h1{
  
}
.l-block01 > h1 img{
  width:100%;
}
.l-block01-back{
  background: url("../images/recruit/block01-bg01_pc.png") top center no-repeat transparent;
  background-size: cover;
}
.l-block01-inner{
  padding-top:24.0rem;
  padding-bottom:24.0rem;
}
.l-block01-table{
  max-width:1200px;
  width:100%;
  margin:0 auto;
  display:table;
}
.l-block01-table > div{
  width:50%;
  display:table-cell;
  vertical-align: top;
}
.l-block01-table-left{
  
}
.l-block01-table-left h2{  
  text-align: left;
  color:#FFFFFF;
  
  font-size: clamp(27px, 3.6rem, 36px);
  font-weight:400;
  line-height:1.52;
  letter-spacing: 0em;
}
.l-block01-table-left p{
  padding-top:3.0rem;
  text-align: left;
  color:#FFFFFF;
  
  font-size:clamp(14px, 2.0rem, 20px);
  font-weight:400;
  line-height:1.8;
  letter-spacing: 0em;
}
.l-block01-table-left-btn{
  padding-top:3.5rem;
  text-align: left;
}
.l-block01-table-left-btn a{
  display:inline-block;
  border:2px solid #64beb4;
  padding:1.5rem 1.5rem;
  width:35.0rem;
  text-align: center;
  color:#64beb4;
  
  font-size:clamp(14px, 2.1rem, 21px);
  font-weight:700;
  line-height:1.75;
  letter-spacing: 0em;
  
  background: url("../images/common/common-icon07_pc.png") right 2.8rem center no-repeat transparent;
  background-size: 0.8rem auto;
  min-height:1.1rem;
}
.l-block01-table-left-btn a:hover{
  color:#FFFFFF;
  
  background: url("../images/common/common-icon08_pc.png") right 2.8rem center no-repeat #64beb4;
  background-size: 0.8rem auto;
  min-height:1.1rem;
}
.l-block01-table-right{
  
}
.l-block01-table-right picture{
  
}
.l-block01-table-right picture img{
  
}


@media all and (max-width: 767.5px) {
  .l-block01{
    
  }
  .l-block01-inner{
    padding:0 3.0rem;
  }
  .l-block01 > h1{

  }
  .l-block01 > h1 img{
    width:100%;
  }
  .l-block01-back{
    background: url("../images/recruit/block01-bg01_sp.png") top center no-repeat transparent;
    background-size: cover;
  }
  .l-block01-inner{
    padding-top:6.0rem;
    padding-bottom:12.0rem;
  }
  .l-block01-table{
    max-width:100%;
    width:100%;
    margin:0 auto;
    display:block;
    display:-webkit-box;
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
  .l-block01-table > div{
    width:100%;
    display:block;
    vertical-align: top;
  }
  .l-block01-table-left{
    /*padding-top:6.5rem;*/
    width:100%;
    display:block;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:2;
    -webkit-order:2;
    order:2;
  }
  .l-block01-table-left h2{  
    text-align: left;
    color:#FFFFFF;

    font-size: 4.6rem;
    font-weight:400;
    line-height:1.52;
    letter-spacing: 0em;
  }
  .l-block01-table-left p{
    padding-top:3.0rem;
    text-align: left;
    color:#FFFFFF;

    font-size:3.0rem;
    font-weight:400;
    line-height:1.8;
    letter-spacing: 0em;
  }
  .l-block01-table-left-btn{
    padding-top:3.5rem;
    text-align: center;
  }
  .l-block01-table-left-btn a{
    display:inline-block;
    border:2px solid #64beb4;
    padding:1.5rem 1.5rem;
    width:50.0rem;
    text-align: center;
    color:#64beb4;

    font-size:3.2rem;
    font-weight:700;
    line-height:1.75;
    letter-spacing: 0em;

    background: url("../images/common/common-icon07_pc.png") right 2.8rem center no-repeat transparent;
    background-size: 1.2rem auto;
    min-height:1.7rem;
  }
  .l-block01-table-left-btn a:hover{
    color:#FFFFFF;

    background: url("../images/common/common-icon08_pc.png") right 2.8rem center no-repeat #64beb4;
    background-size: 1.2rem auto;
    min-height:1.7rem;
  }
  .l-block01-table-right{
    width:100%;
    display:block;
    padding-top:6.0rem;
    -webkit-box-ordinal-group:1;
    -ms-flex-order:1;
    -webkit-order:1;
    order:1;
  }
  .l-block01-table-right picture{

  }
  .l-block01-table-right picture img{
    width:100%;
  }
}


.l-block02{
  padding:21.5rem 5.0rem 0; 
  background:#2c3e50;
}
.l-block02-inner{
  max-width:1600px;
  width:100%;
  margin:0 auto;
}
.l-block02-box01{
  padding:13.0rem 5.0rem 10.0rem;
  background:#FFFFFF;
}
.l-block02-box01-table{
  max-width:1320px;
  width:100%;
  display:table;
  margin:0 auto;
}
.l-block02-box01-table > div{
  display:table-cell;
  vertical-align: top;
}
.l-block02-box01-table-left{
  width:65.5rem;
  padding-right:9.9rem;
}
.l-block02-box01-table-left picture{
  text-align: left;
}
.l-block02-box01-table-left picture img{
  width:55.6rem;
}
.l-block02-box01-table-right{
  width:60.5rem;
  padding-top:10.0rem;
  padding-left:6.3rem;
}
.l-block02-box01-table-right > span{
  display:block;
  font-family: 'satoshi-Bold';
  text-align: left;
  color:#2c3e50;
  
  font-size:clamp(14px, 2.1rem, 21px);
  font-weight:700;
  line-height:1.71;
  letter-spacing: 0.05em;
}
.l-block02-box01-table-right > h2{
  display:block;
  text-align: left;
  color:#64beb4;
  
  font-size: clamp(27px, 3.6rem, 36px);
  font-weight:700;
  line-height:1;
  letter-spacing: 0em;
}
.l-block02-box01-table-right > p{
  padding-top:4.0rem;
  text-align: left;
  color:#2c3e50;
  
  font-size:clamp(14px, 1.8rem, 18px);
  font-weight:400;
  line-height:2.0;
  letter-spacing: 0em;
}
.l-block02-box01-table-right-btn{
  padding-top:3.5rem;
  text-align: left;
}
.l-block02-box01-table-right-btn a{
  display:inline-block;
  border:2px solid #64beb4;
  padding:1.5rem 1.5rem;
  width:35.0rem;
  text-align: center;
  color:#64beb4;
  
  font-size:clamp(14px, 2.1rem, 21px);
  font-weight:700;
  line-height:1.75;
  letter-spacing: 0em;
  
  background: url("../images/common/common-icon07_pc.png") right 2.8rem center no-repeat transparent;
  background-size: 0.8rem auto;
  min-height:1.1rem;
}
.l-block02-box01-table-right-btn a:hover{
  color:#FFFFFF;
  
  background: url("../images/common/common-icon08_pc.png") right 2.8rem center no-repeat #64beb4;
  background-size: 0.8rem auto;
  min-height:1.1rem;
}
.l-block02-box02{
  padding:13.0rem 5.0rem 10.0rem;
  background:#eaf7f5;
}
.l-block02-box02-table{
  max-width:1200px;
  width:100%;
  display:table;
  margin:0 auto;
}
.l-block02-box02-table > div{
  display:table-cell;
  vertical-align: top;
}
.l-block02-box02-table-left{
  width:31.0rem;
  padding-left:5.5rem;
  text-align: left;
}
.l-block02-box02-table-left h3{
  text-align: left;
  color:#2c3e50;
  
  font-size: clamp(27px, 3.6rem, 36px);
  font-weight:400;
  line-height:1.52;
  letter-spacing: 0em;
}
.l-block02-box02-table-right{
  width:89.0rem;
  text-align: left;
}
.l-block02-box02-table-right-block{
  border:2px solid #2c3e50;
  background:#FFFFFF;
  padding:2.7rem 4.9rem;
  position:relative;
  z-index: 2;
  margin-bottom:7.5rem;
}
.l-block02-box02-table-right-block:last-of-type{
  margin-bottom:0;
}
.l-block02-box02-table-right-block:hover{
  cursor:pointer;
}
.l-block02-box02-table-right-block.open{
  
}
.l-block02-box02-table-right-block:after{
  content: "";
  display: inline-block;
  left: 11.7rem;
  bottom: -8.5rem;
  width:1px;
  height: 8.5rem;
  position: absolute;
  z-index: 1;
  border-left:1px solid #2c3e50;
}
.l-block02-box02-table-right-block:last-of-type:after{
  display:none;
}
.l-block02-box02-table-right-block-q{
  background: url("../images/recruit/block03-icon01_pc.png") right center no-repeat transparent;
  background-size: 4.0rem auto;
  min-height:4.0rem;
  padding-right:8.9rem;
}
.l-block02-box02-table-right-block.open .l-block02-box02-table-right-block-q{
  background: url("../images/recruit/block03-icon02_pc.png") right center no-repeat transparent;
  background-size: 4.0rem auto;
  min-height:4.0rem;
  padding-right:8.9rem;
}
.l-block02-box02-table-right-block-q p{
  text-align: left;
  color:#303838;
  
  font-size:clamp(16px, 2.4rem, 24px);
  font-weight:400;
  line-height:1.75;
  letter-spacing: 0em;
}
.l-block02-box02-table-right-block-q p span{
  color:#64beb4;
}
.l-block02-box02-table-right-block-a{
  display:none;
}
.l-block02-box02-table-right-block-a p{
  text-align: left;
  color:#303838;
  
  font-size:clamp(16px, 2.4rem, 24px);
  font-weight:400;
  line-height:1.75;
  letter-spacing: 0em;
}


@media all and (max-width: 767.5px) {
  .l-block02{
    padding:12.5rem 3.0rem 0; 
    background:#2c3e50;
  }
  .l-block02-inner{
    max-width:100%;
    width:100%;
    margin:0 auto;
  }
  .l-block02-box01{
    padding:13.0rem 5.0rem 10.0rem;
    background:#FFFFFF;
  }
  .l-block02-box01-table{
    max-width:100%;
    width:100%;
    display:block;
    margin:0 auto;
  }
  .l-block02-box01-table > div{
    width:100%;
    display:block;
    vertical-align: top;
  }
  .l-block02-box01-table-left{
    width:100%;
    display:block;
    padding-right:0;
  }
  .l-block02-box01-table-left picture{
    text-align: center;
  }
  .l-block02-box01-table-left picture img{
    width:96%;
  }
  .l-block02-box01-table-right{
    width:100%;
    display:block;
    padding-top:10.0rem;
    padding-left:0;
  }
  .l-block02-box01-table-right > span{
    display:block;
    font-family: 'satoshi-Bold';
    text-align: center;
    color:#2c3e50;

    font-size:3.2rem;
    font-weight:700;
    line-height:1.71;
    letter-spacing: 0.05em;
  }
  .l-block02-box01-table-right > h2{
    display:block;
    text-align: center;
    color:#64beb4;

    font-size: 4.6rem;
    font-weight:700;
    line-height:1;
    letter-spacing: 0em;
  }
  .l-block02-box01-table-right > p{
    padding-top:4.0rem;
    text-align: left;
    color:#2c3e50;

    font-size:2.8rem;
    font-weight:400;
    line-height:2.0;
    letter-spacing: 0em;
  }
  .l-block02-box01-table-right-btn{
    padding-top:3.5rem;
    text-align: center;
  }
  .l-block02-box01-table-right-btn a{
    display:inline-block;
    border:2px solid #64beb4;
    padding:1.5rem 1.5rem;
    width:50.0rem;
    text-align: center;
    color:#64beb4;

    font-size:3.2rem;
    font-weight:700;
    line-height:1.75;
    letter-spacing: 0em;

    background: url("../images/common/common-icon07_pc.png") right 2.8rem center no-repeat transparent;
    background-size: 1.2rem auto;
    min-height:1.7rem;
  }
  .l-block02-box01-table-right-btn a:hover{
    color:#FFFFFF;

    background: url("../images/common/common-icon08_pc.png") right 2.8rem center no-repeat #64beb4;
    background-size: 1.2rem auto;
    min-height:1.7rem;
  }
  .l-block02-box02{
    padding:8.0rem 3.0rem 10.0rem;
    background:#eaf7f5;
  }
  .l-block02-box02-table{
    max-width:100%;
    width:100%;
    display:block;
    margin:0 auto;
  }
  .l-block02-box02-table > div{
    width:100%;
    display:block;
    vertical-align: top;
  }
  .l-block02-box02-table-left{
    width:100%;
    display:block;
    padding-left:0;
    text-align: left;
  }
  .l-block02-box02-table-left h3{
    padding-bottom:3.0rem;
    text-align: left;
    color:#2c3e50;

    font-size: 4.6rem;
    font-weight:400;
    line-height:1.52;
    letter-spacing: 0em;
  }
  .l-block02-box02-table-right{
    width:100%;
    display:block;
    text-align: left;
  }
  .l-block02-box02-table-right-block{
    border:2px solid #2c3e50;
    background:#FFFFFF;
    padding:2.7rem 4.9rem;
    position:relative;
    z-index: 2;
    margin-bottom:7.5rem;
  }
  .l-block02-box02-table-right-block:last-of-type{
    margin-bottom:0;
  }
  .l-block02-box02-table-right-block:hover{
    cursor:pointer;
  }
  .l-block02-box02-table-right-block.open{

  }
  .l-block02-box02-table-right-block:after{
    content: "";
    display: inline-block;
    left: 11.7rem;
    bottom: -8.5rem;
    width:1px;
    height: 8.5rem;
    position: absolute;
    z-index: 1;
    border-left:1px solid #2c3e50;
  }
  .l-block02-box02-table-right-block:last-of-type:after{
    display:none;
  }
  .l-block02-box02-table-right-block-q{
    background: url("../images/recruit/block03-icon01_pc.png") right center no-repeat transparent;
    background-size: 6.0rem auto;
    min-height:6.0rem;
    padding-right:8.9rem;
  }
  .l-block02-box02-table-right-block.open .l-block02-box02-table-right-block-q{
    background: url("../images/recruit/block03-icon02_pc.png") right center no-repeat transparent;
    background-size: 6.0rem auto;
    min-height:6.0rem;
    padding-right:8.9rem;
  }
  .l-block02-box02-table-right-block-q p{
    text-align: left;
    color:#303838;

    font-size:3.4rem;
    font-weight:400;
    line-height:1.75;
    letter-spacing: 0em;
  }
  .l-block02-box02-table-right-block-q p span{
    color:#64beb4;
  }
  .l-block02-box02-table-right-block-a{
    display:none;
  }
  .l-block02-box02-table-right-block-a p{
    text-align: left;
    color:#303838;

    font-size:3.4rem;
    font-weight:400;
    line-height:1.75;
    letter-spacing: 0em;
  }
}


.l-block03{
  padding:18.0rem 5.0rem 20.0rem;
  background:#2c3e50;
}
.l-block03-inner{
  max-width:896px;
  width:100%;
  margin:0 auto;
}
.l-block03-inner > span{
  display: block;
  font-family: 'satoshi-Bold';
  text-align: center;
  color: #FFFFFF;
  
  font-size: clamp(14px, 2.1rem, 21px);
  font-weight: 700;
  line-height: 1.71;
  letter-spacing: 0.05em;
}
.l-block03-inner > h2{
  display: block;
  text-align: center;
  color: #64beb4;
  
  font-size: clamp(27px, 3.6rem, 36px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
}
.l-block03-block{
  display:block;
  text-align: left;
  font-size:0;
}
.l-block03-block-list{
  width:50%;
  display:inline-block;
  vertical-align: top;
  padding-top:10.0rem;
}
.l-block03-block-list:nth-of-type(odd){
  padding-right:4.8rem;
}
.l-block03-block-list:nth-of-type(even){
  padding-left:4.8rem;
}
.l-block03-block-list-link{
  display:block;
  position:relative;
}
.l-block03-block-list-link > p{
  position:absolute;
  z-index:1;
  right:2.0rem;
  top:2.5rem;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: left;
  color:#FFFFFF;
  
  font-size:clamp(16px, 2.4rem, 24px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
.l-block03-block-list-link picture{
  display:block;
  transition: 0.3s;
  
  position: relative;
}
.l-block03-block-list-link:hover picture:after{
  content:"";
  position: absolute;
  z-index:2;
  left:0;
  top:0;
  display:block;
  width:100%;
  height:100%;
  background:rgba(100,190,180,0.4);
}
.l-block03-block-list picture img{
  width:100%;
}
.l-block03-block-list-link .l-block03-block-box{
  padding:2.5rem 2.5rem;
  border:1px solid #64beb4;
  transition: 0.15s;
}
.l-block03-block-list-link:hover .l-block03-block-box{
  background:#64beb4;
}
.l-block03-block-box dl{
  
}
.l-block03-block-box dl dt{
  text-align: left;
  color: #FFFFFF;
  
  font-size:clamp(14px, 1.8rem, 18px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-block03-block-list-link .l-block03-block-box dl dd{
  text-align: left;
  color: #64beb4;
  
  font-size:clamp(16px, 2.4rem, 24px);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.05em;
  
  transition: 0.15s;
}
.l-block03-block-list-link:hover .l-block03-block-box dl dd{
  color: #FFFFFF;
}
.l-block03-block-box dl dd span{
  font-weight: 700;
}


@media all and (max-width: 767.5px) {
  .l-block03{
    padding:12.0rem 3.0rem 10.0rem;
    background:#2c3e50;
  }
  .l-block03-inner{
    max-width:100%;
    width:100%;
    margin:0 auto;
  }
  .l-block03-inner > span{
    display: block;
    font-family: 'satoshi-Bold';
    text-align: center;
    color: #FFFFFF;

    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.71;
    letter-spacing: 0.05em;
  }
  .l-block03-inner > h2{
    display: block;
    text-align: center;
    color: #64beb4;

    font-size: 4.6rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0em;
  }
  .l-block03-block{
    display:block;
    text-align: left;
    font-size:0;
  }
  .l-block03-block-list{
    width:100%;
    display:block;
    vertical-align: top;
    padding-top:6.0rem;
  }
  .l-block03-block-list:nth-of-type(odd){
    padding-right:0;
  }
  .l-block03-block-list:nth-of-type(even){
    padding-left:0;
  }
  .l-block03-block-list-link{
    display:block;
    position:relative;
  }
  .l-block03-block-list-link > p{
    position:absolute;
    z-index:1;
    right:2.0rem;
    top:2.5rem;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-align: left;
    color:#FFFFFF;

    font-size:3.4rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.05em;
  }
  .l-block03-block-list-link picture{
    display:block;
    transition: 0.3s;

    position: relative;
  }
  .l-block03-block-list-link:hover picture:after{
    content:"";
    position: absolute;
    z-index:2;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    background:rgba(100,190,180,0.4);
  }
  .l-block03-block-list picture img{
    width:100%;
  }
  .l-block03-block-list-link .l-block03-block-box{
    padding:2.5rem 2.5rem;
    border:1px solid #64beb4;
    transition: 0.15s;
  }
  .l-block03-block-list-link:hover .l-block03-block-box{
    background:#64beb4;
  }
  .l-block03-block-box dl{

  }
  .l-block03-block-box dl dt{
    text-align: left;
    color: #FFFFFF;

    font-size:2.8rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  .l-block03-block-list-link .l-block03-block-box dl dd{
    text-align: left;
    color: #64beb4;

    font-size:3.4rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0.05em;

    transition: 0.15s;
  }
  .l-block03-block-list-link:hover .l-block03-block-box dl dd{
    color: #FFFFFF;
  }
  .l-block03-block-box dl dd span{
    font-weight: 700;
  }
}


.l-block04{
  padding: 0 5.0rem 36.5rem;
  background: #2c3e50;
}
.l-block04-box{
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  background:#FFFFFF;
  padding:0 5.0rem;
}
.l-block04-inner{
  max-width: 914px;
  width: 100%;
  margin: 0 auto;
  padding:9.0rem 0 13.0rem;
}
.l-block04-inner > span{
  display: block;
  font-family: 'satoshi-Bold';
  text-align: center;
  color: #2c3e50;
  
  font-size: clamp(14px, 2.1rem, 21px);
  font-weight: 700;
  line-height: 1.71;
  letter-spacing: 0.05em;
}
.l-block04-inner > h2{
  display: block;
  text-align: center;
  color: #64beb4;
  
  font-size: clamp(27px, 3.6rem, 36px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
}
.l-block04-inner > p{
  padding-top:1.0rem;
  text-align: center;
  color: #2c3e50;
  
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0em;
}
.l-block04-block{
  padding-top:3.5rem;
  display:block;
  text-align: center;
  font-size:0;
}
.l-block04-block-list{
  width:33.3%;
  display:inline-block;
  vertical-align: top;
  padding:0 0.7rem;
}
.l-block04-block-box{
  padding:4.0rem 2.0rem 6.7rem;
  border:2px solid #64beb4;
  background: url("../images/recruit/block04-icon04_pc.png") right 2.0rem bottom 2.0rem no-repeat transparent;
  background-size: 4.0rem auto;
  min-height:4.0rem;
}
.l-block04-block-box.open{
  padding:4.0rem 2.0rem 6.7rem;
  border:2px solid #64beb4;
  background: url("../images/recruit/block04-icon05_pc.png") right 2.0rem bottom 2.0rem no-repeat transparent;
  background-size: 4.0rem auto;
  min-height:4.0rem;
}
.l-block04-block-box:hover{
  cursor:pointer;
}
.l-block04-block-box-q{
  text-align: center;
}
.l-block04-block-box-q p{
  text-align: center;
  color: #64beb4;
  
  font-size:clamp(16px, 2.4rem, 24px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.l-block04-block-box-a{
  display:none;
  margin-top:2.0rem;
}
.l-block04-block-box-a p{
  text-align: left;
  color: #2c3e50;
  
  font-size:clamp(16px, 2.4rem, 24px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-block04-block-box-q picture{
  display:block;
  padding-top:2.0rem;
  text-align: center;
}
.l-block04-block-box-q picture img{
  width:10.6rem;
}

.l-bottom03{
  margin-top:-16.2rem;
}
.l-bottom03-back:hover{
  opacity:1.0;
}

@media all and (max-width: 767.5px) {
  .l-block04{
    padding: 0 3.0rem 31.5rem;
    background: #2c3e50;
  }
  .l-block04-box{
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    background:#FFFFFF;
    padding:0 3.0rem;
  }
  .l-block04-inner{
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding:9.0rem 0 13.0rem;
  }
  .l-block04-inner > span{
    display: block;
    font-family: 'satoshi-Bold';
    text-align: center;
    color: #2c3e50;

    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.71;
    letter-spacing: 0.05em;
  }
  .l-block04-inner > h2{
    display: block;
    text-align: center;
    color: #64beb4;

    font-size: 4.6rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0em;
  }
  .l-block04-inner > p{
    padding-top:1.0rem;
    text-align: center;
    color: #2c3e50;

    font-size:2.6rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0em;
  }
  .l-block04-block{
    padding-top:3.5rem;
    display:block;
    text-align: center;
    font-size:0;
  }
  .l-block04-block-list{
    width:100%;
    display:block;
    vertical-align: top;
    padding:3.0rem 0 0;
  }
  .l-block04-block-box{
    padding:4.0rem 2.0rem 8.7rem;
    border:2px solid #64beb4;
    background: url("../images/recruit/block04-icon04_pc.png") right 2.0rem bottom 2.0rem no-repeat transparent;
    background-size: 6.0rem auto;
    min-height:6.0rem;
  }
  .l-block04-block-box.open{
    padding:4.0rem 2.0rem 8.7rem;
    border:2px solid #64beb4;
    background: url("../images/recruit/block04-icon05_pc.png") right 2.0rem bottom 2.0rem no-repeat transparent;
    background-size: 6.0rem auto;
    min-height:6.0rem;
  }
  .l-block04-block-box:hover{
    cursor:pointer;
  }
  .l-block04-block-box-q{
    text-align: center;
  }
  .l-block04-block-box-q p{
    text-align: center;
    color: #64beb4;

    font-size:3.4rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .l-block04-block-box-a{
    display:none;
    margin-top:2.0rem;
  }
  .l-block04-block-box-a p{
    padding-bottom:2.5rem;
    text-align: left;
    color: #2c3e50;

    font-size:3.4rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  .l-block04-block-box-q picture{
    display:block;
    padding-top:2.0rem;
    text-align: center;
  }
  .l-block04-block-box-q picture img{
    width:15.9rem;
  }

  .l-bottom03{
    margin-top:-16.2rem;
  }
  .l-bottom03-back:hover{
    opacity:1.0;
  }
}





@media all and (max-width: 767.5px) {
  
}





@media all and (max-width: 767.5px) {
  
}