@charset "UTF-8";
body {
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-text-size-adjust: 100%;
}

p {
  color: #333;
  margin: 0;
  font-family: 'Noto Sans JP', sans-serif;
}

/*=================================================*/
/*採用情報
/*=================================================*/
.recruitSection {
  width: 90%;
  max-width: 1100px;
  margin: 100px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-flow: column;
}

@media (min-width: 1200px) {
  .recruitSection {
    flex-flow: initial;
    width: 100%;
    margin: 188px auto 0;
  }
}

.recruitSection .textBox {
  margin: auto;
}

@media (min-width: 769px) {
  .recruitSection .textBox {
    width: 700px;
  }
}

@media (min-width: 1200px) {
  .recruitSection .textBox {
    width: 637px;
    margin: 0 -87px 0 0;
  }
}

.recruitSection .textBox .SectionTitleBox {
  text-align: left;
}

.recruitSection .textBox .SectionTitleBox .h2 {
  color: #4E5446;
  font-size: 18px;
}

@media (min-width: 769px) {
  .recruitSection .textBox .SectionTitleBox .h2 {
    font-size: 20px;
  }
}

.recruitSection .textBox .SectionTitleBox .h2Sub {
  margin-top: 13px;
}

.recruitSection .textBox .textBg {
  margin-top: 36px;
  padding: 40px 20px;
  background: #F9F8F4;
}

@media (min-width: 769px) {
  .recruitSection .textBox .textBg {
    padding: 40px;
  }
}

@media (min-width: 1200px) {
  .recruitSection .textBox .textBg {
    padding: 40px 147px 40px 40px;
  }
}

.recruitSection .textBox .textBg .text {
  color: #333;
  font-family: Zen Kaku Gothic Antique;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 1.28px;
}

.recruitSection .imgBox {
  position: relative;
  margin: 40px auto 0;
}

@media (min-width: 769px) {
  .recruitSection .imgBox {
    width: 700px;
  }
}

@media (min-width: 1200px) {
  .recruitSection .imgBox {
    width: 550px;
    height: 425px;
    margin: 0 0 22px 0;
  }
}

.recruitSection .imgBox .decoimg {
  position: absolute;
  top: -16px;
  left: -16px;
  width: 73.916px;
  height: 82.229px;
}

@media (min-width: 769px) {
  .recruitSection .imgBox .decoimg {
    left: -56px;
    width: 103.916px;
    height: 112.229px;
  }
}

.recruitFlexSection {
  position: relative;
  padding-bottom: 100px;
}

@media (min-width: 1200px) {
  .recruitFlexSection {
    padding-bottom: 130px;
  }
}

.recruitFlexSection .recruitBg {
  position: absolute;
  width: 100%;
  height: 60%;
  left: 0;
  bottom: 0;
}

@media (min-width: 1200px) {
  .recruitFlexSection .recruitBg {
    height: 467px;
  }
}

.recruitFlexSection .recruitFlex {
  width: 90%;
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  flex-flow: column;
  max-width: 1100px;
  margin: 80px auto 0;
  z-index: 5;
}

@media (min-width: 1200px) {
  .recruitFlexSection .recruitFlex {
    width: 100%;
    flex-flow: initial;
  }
}

.recruitFlexSection .recruitFlex .img {
  margin: auto;
}

@media (min-width: 769px) {
  .recruitFlexSection .recruitFlex .img {
    width: 600px;
  }
}

@media (min-width: 1200px) {
  .recruitFlexSection .recruitFlex .img {
    margin: 0;
    width: 340px;
    height: 280px;
  }
}

.recruitFlexSection .textBox {
  width: 90%;
  position: relative;
  text-align: center;
  margin: 57px auto 0;
  z-index: 5;
}

@media (min-width: 769px) {
  .recruitFlexSection .textBox {
    width: 100%;
    margin: 57px auto 0;
  }
}

.recruitFlexSection .textBox .text {
  color: #FFF;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 29px;
  letter-spacing: 1.44px;
}

@media (min-width: 769px) {
  .recruitFlexSection .textBox .text {
    font-size: 18px;
  }
}

.recruitFlexSection .flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 25px;
  gap: 30px;
  justify-content: center;
}

@media (min-width: 1200px) {
  .recruitFlexSection .flex {
    gap: 60px;
    margin: 30px auto 0;
    flex-direction: initial;
    justify-content: center;
  }
}

@media (min-width: 1200px) {
  .recruitFlexSection .flex .left {
    margin-left: 30px;
  }
}

.recruitFlexSection .flex .left .telFlex {
  position: relative;
  display: inline-flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.recruitFlexSection .flex .left .telFlex .contactFlexText {
  color: #FFF;
  font-family: 'M PLUS 2', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.2px;
}

.recruitFlexSection .flex .left .telFlex .img {
  width: 22px;
  height: 22px;
}

.recruitFlexSection .flex .right .contactFlex {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  width: 242px;
  height: 44px;
  border-radius: 50px;
  border: 1px solid #348702;
  background: #FFF;
  transition: 0.3s;
}

.recruitFlexSection .flex .right .contactFlex:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background: #348702;
  transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}

.recruitFlexSection .flex .right .contactFlex:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}

.recruitFlexSection .flex .right .contactFlex:hover .contactFlexText {
  color: #FFF;
  transition: 0.3s;
}

.recruitFlexSection .flex .right .contactFlex:hover .hover {
  opacity: 1;
}

.recruitFlexSection .flex .right .contactFlex .contactFlexText {
  position: relative;
  color: #348702;
  font-family: 'Zen Kaku Gothic Antique', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.72px;
  margin-left: 32px;
  z-index: 5;
  transition: 0.3s;
}

.recruitFlexSection .flex .right .contactFlex .img {
  position: absolute;
  top: 52%;
  left: 56px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 20px;
  height: 20px;
  transition: 0.3s;
}

.recruitFlexSection .flex .right .contactFlex .noHover {
  opacity: 1;
}

.recruitFlexSection .flex .right .contactFlex .hover {
  opacity: 0;
}

/*=================================================*/
/*募集要項
/*=================================================*/
.requirementsSection {
  width: 90%;
  margin: 60px auto 160px;
  max-width: 861px;
}

@media (min-width: 1200px) {
  .requirementsSection {
    width: 100%;
    margin: 80px auto 181px;
  }
}

.requirementsSection .requirementsSectionUl {
  margin-top: 30px;
}

@media (min-width: 769px) {
  .requirementsSection .requirementsSectionUl {
    margin-top: 40px;
  }
}

.requirementsSection .requirementsSectionUl .requirementsSectionLi {
  display: flex;
  flex-flow: column;
}

@media (min-width: 769px) {
  .requirementsSection .requirementsSectionUl .requirementsSectionLi {
    flex-flow: initial;
  }
}

.requirementsSection .requirementsSectionUl .requirementsSectionLi .titlebox {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  border: 1px solid #FFF;
  background: #F5F5F5;
}

@media (min-width: 769px) {
  .requirementsSection .requirementsSectionUl .requirementsSectionLi .titlebox {
    width: 183px;
    height: auto;
  }
}

.requirementsSection .requirementsSectionUl .requirementsSectionLi .titlebox .title {
  padding: 15px;
  color: #333;
  font-family: Zen Kaku Gothic Antique;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.2px;
}

.requirementsSection .requirementsSectionUl .requirementsSectionLi .contentBox {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  border: 1px solid #F5F5F5;
  background: #FFF;
}

@media (min-width: 769px) {
  .requirementsSection .requirementsSectionUl .requirementsSectionLi .contentBox {
    width: 678px;
    height: auto;
  }
}

.requirementsSection .requirementsSectionUl .requirementsSectionLi .contentBox .content {
  padding: 15px;
  color: #333;
  font-family: Zen Kaku Gothic Antique;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.2px;
}
/*# sourceMappingURL=recruit.css.map */