@charset "utf-8";
/* CSS Document recruit */
#recruit {
  clear: both;
  width: 100%;
    margin-bottom: 200px;
}
#recruit .sec01bg {
  background: url(../img/main_bg01b.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100%;
    margin-bottom: 100px;
}
.sec01 {
  padding: 3em 0 5em;
}
#recruit h2 {
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
  font-size: 2.5em;
  line-height: 2em;
  margin-bottom: 1em;
  letter-spacing: 2px;
}
.pointbox {
  display: flex;
  justify-content: center;
}
.pointboxitem {
  padding: 2em 1em;
}
.sec02 {
  padding: 3em 0 5em;
}
.jobbox {
  display: flex;
  justify-content: space-between;
    margin: 2em 0 4em;
}
.jobboxitem {
  width: 32%;
  border: 1px solid #f2f2f2;
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: 2em;
}
.jobboxitem h3 {
  margin-top: 0;
}
.jobboxitem p {
  padding: 1em 1.5em;
}
.ttl_h3 {
  text-align: center;
  font-size: 1.8em;
  margin-bottom: 0;
  letter-spacing: 2px;
  color: #1d347b;
}
.ttl_h3 + p {
  text-align: center;
  color: #1d347b;
}
.ttl_h4 {
  text-align: center;
  font-size: 1.5em;
  margin-bottom: 0;
  letter-spacing: 2px;
}
.ttl_h4 + p {
  text-align: center;
  padding: 0;
  letter-spacing: 2px;
    font-size: 0.8em;
}
.txt_blu {
  color: #1d347b;
}
.txt_gn {
  color: #347f64;
}




ul.check-blu {
    position: relative;
    list-style-type: none;
    padding: 1rem 1rem 1rem 6rem;
}

ul.check-blu li {
    padding: 0em 0 0.5em 0.5em;
}

ul.check-blu li:before {
    position: absolute;
    left: 1rem;
    padding-left: 3rem;
    color: #1d347b;
    font-family: "FontAwesome";
    font-weight: 900;
    content: '\f058';
    font-size: 1.5em;
}




ul.check-gn {
    position: relative;
    list-style-type: none;
    padding: 1rem 1rem 1rem 6rem;
}

ul.check-gn li {
    padding: 0em 0 0.5em 0.5em;
}

ul.check-gn li:before {
    position: absolute;
    left: 1rem;
    padding-left: 3rem;
    color: #347f64;
    font-family: "FontAwesome";
    font-weight: 900;
    content: '\f058';
    font-size: 1.5em;
}



.sec03 {
  background-color: #f3f8f9;
    padding: 3em 3em 0;
    margin-bottom: 100px;
    
}

.aboutbox {display: flex; justify-content: center; margin-bottom: 2em;}
.aboutboxitem {
    background-color: #fff;
    padding: 1em 2em;
    border-radius: 10px;
    text-align: center;
    margin: 2em 0 0;
}

.aboutboxitem h4 {font-size:1.3em; color:#1d347b; letter-spacing: 1px; }

.aboutboxitem img { margin:2em 0 2em;}
.aboutboxitem:nth-child(2) {margin:2em 2em 0;}

.voicebox {
    display: flex;
    margin: 5em auto 0em;
    justify-content: space-between;
}

.voiceboxitem {text-align: center; width: 47%; }

.voiceboxitem p:first-child {margin-bottom: 1em;}



.img10 { display: block; margin:0 auto;} 



.disabled-label {
  color: #a0a0a0 !important;      
  cursor: not-allowed !important;  
  opacity: 0.6;
}


/* チェックボックスがdisabledのとき、その直後にあるspan（文字）を薄くする */
input.kind:disabled + span {
  color: #ccc !important;          /* 文字を薄いグレーにする */
  opacity: 0.5 !important;         /* 強制的に50%の薄さにする */
}

/* マウスを乗せたときに禁止マークにする設定 */
input.kind:disabled,
input.kind:disabled + span {
  cursor: not-allowed !important;
}