/*recruit
-----------------------------------------*/
#recSec {
  max-width: 1000px;
  width: 93%;
  margin: 80px auto 130px;
  text-align: center;
}
@media screen and (max-width: 960px) {
  #recSec {
    margin: 20px auto 70px;
  }
}
@media screen and (max-width: 768px) {
  #recSec {
    width: 86vw;
  }
}
#recSec .block1 {
  -js-display: flex;
  display: flex;
  justify-content: -webkit- space-between;
  justify-content: space-between;
  align-items: -webkit- center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin: 0px auto 36px auto;
  text-align: left;
}
#recSec .block1 h2 {
  width: 100%;
  /*font-family: 'Noto Sans JP', sans-serif;*/
  font-family: "Noto Serif JP", serif;
  font-feature-settings: "palt" 1;
  letter-spacing: 0;
  font-size: 17px;
  line-height: 1;
  margin-bottom: 16px;
}
#recSec .block1 ul {
  width: 100%;
  margin-bottom: 30px;
}
#recSec .block1 ul li {
  /*font-family: 'Noto Sans JP', sans-serif;*/
  font-family: "Noto Serif JP", serif;
  font-feature-settings: "palt" 1;
  letter-spacing: 0;
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 0.2em;
  color: #555;
  background: url(/about/img/about_icon_outline.gif) no-repeat left 2px top 11px;
  padding-left: 18px;
}
@media screen and (max-width: 768px) {
  #recSec .block1 ul li {
    font-size: 18px;
    background-position: left 2px top 7px;
  }
}
#recSec .block2 {
  width: 100%;
  margin: 0px auto;
  text-align: left;
}
#recSec .block2 .entryTxt1 {
  width: 100%;
  margin-bottom: 50px;
}
#recSec .block2 .entryTxt1 .linkBlock {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #recSec .block2 .entryTxt1 .linkBlock {
    display: block;
  }
}
#recSec .block2 .entryTxt1 .linkBlock .hover-li {
  width: 48%;
  display: flex;
  align-items: center;
  text-align: left;
  line-height: 1.4;
  border: 1px solid #ddd;
  border-radius: 10px;
  background-image: -ms-linear-gradient(90deg, rgb(243, 243, 243) 0%, rgb(255, 255, 255) 50%);
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  #recSec .block2 .entryTxt1 .linkBlock .hover-li {
    width: 100%;
    margin-bottom: 10px;
  }
}
#recSec .block2 .entryTxt1 .linkBlock .hover-li:hover {
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.07);
}
#recSec .block2 .entryTxt1 .linkBlock .hover-li a, #recSec .block2 .entryTxt1 .linkBlock .hover-li div {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 40px 20px 20px;
  text-decoration: none;
  background: url("../img/btn_arrow.png") no-repeat 96% center;
  background-size: auto 40%;
}
#recSec .block2 .entryTxt1 .linkBlock .hover-li a h3, #recSec .block2 .entryTxt1 .linkBlock .hover-li div h3 {
  /*font-family: 'Noto Sans JP', sans-serif;*/
  font-family: "Noto Serif JP", serif;
  font-feature-settings: "palt" 1;
  letter-spacing: 0;
  font-size: 26px;
  line-height: 1;
  margin-bottom: 12px;
  color: #000;
}
#recSec .block2 .entryTxt1 .linkBlock .hover-li a p, #recSec .block2 .entryTxt1 .linkBlock .hover-li div p {
  font-size: 16px;
  color: #000;
}
@media screen and (max-width: 768px) {
  #recSec .block2 .entryTxt1 .linkBlock .hover-li a p, #recSec .block2 .entryTxt1 .linkBlock .hover-li div p {
    font-size: 14px;
  }
}
#recSec .block2 .entryTxt1 .linkBlock .hover-li a p span, #recSec .block2 .entryTxt1 .linkBlock .hover-li div p span {
  white-space: nowrap;
}
#recSec .block2 .entryTxt1 .linkBlock .hover-li div {
  opacity: 0.3;
}
#recSec .block2 .entryTxt1 .linkBlock .nonehover {
  width: 48%;
  display: flex;
  align-items: center;
  text-align: left;
  line-height: 1.4;
  border: 1px solid #ddd;
  border-radius: 10px;
  background-image: -ms-linear-gradient(90deg, rgb(243, 243, 243) 0%, rgb(255, 255, 255) 50%);
  transition: all 0.3s;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  #recSec .block2 .entryTxt1 .linkBlock .nonehover {
    width: 100%;
    margin-bottom: 10px;
  }
}
#recSec .block2 .entryTxt1 .linkBlock .nonehover a, #recSec .block2 .entryTxt1 .linkBlock .nonehover div {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 40px 20px 20px;
  text-decoration: none;
  background: url("../img/btn_arrow.png") no-repeat 96% center;
  background-size: auto 40%;
}
#recSec .block2 .entryTxt1 .linkBlock .nonehover a h3, #recSec .block2 .entryTxt1 .linkBlock .nonehover div h3 {
  /*font-family: 'Noto Sans JP', sans-serif;*/
  font-family: "Noto Serif JP", serif;
  font-feature-settings: "palt" 1;
  letter-spacing: 0;
  font-size: 26px;
  line-height: 1;
  margin-bottom: 12px;
  color: #000;
}
#recSec .block2 .entryTxt1 .linkBlock .nonehover a p, #recSec .block2 .entryTxt1 .linkBlock .nonehover div p {
  font-size: 16px;
  color: #000;
}
@media screen and (max-width: 768px) {
  #recSec .block2 .entryTxt1 .linkBlock .nonehover a p, #recSec .block2 .entryTxt1 .linkBlock .nonehover div p {
    font-size: 14px;
  }
}
#recSec .block2 .entryTxt1 .linkBlock .nonehover a p span, #recSec .block2 .entryTxt1 .linkBlock .nonehover div p span {
  white-space: nowrap;
}
#recSec .block2 .entryTxt1 .linkBlock .nonehover div {
  opacity: 0.3;
}
#recSec .recContact {
  width: 100%;
  line-height: 1.5;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #recSec .recContact {
    width: 100%;
    font-size: 14px;
  }
}
#recSec .recContact span {
  display: inline-block;
}
#recSec .internBnr {
  width: 100%;
  max-width: 350px;
  max-width: 700px;
  display: flex;
  padding: 60px 0 0 0;
  text-align: left;
}
@media screen and (max-width: 768px) {
  #recSec .internBnr {
    max-width: 100%;
    flex-direction: column;
  }
}
#recSec .internBnr a {
  display: inline-block;
}
#recSec .internBnr a img {
  width: 70%;
  height: auto;
}
@media screen and (max-width: 768px) {
  #recSec .internBnr a img {
    width: 100%;
  }
}
#recSec .internBnr .mar-r {
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  #recSec .internBnr .mar-r {
    margin-right: 0;
    margin-bottom: 20px;
  }
}/*# sourceMappingURL=layout.css.map */