@charset "UTF-8";
.p_ttl1 {
  background: url("/img/recruit_mv.jpg") no-repeat center 10%/cover;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 481px) {
  .p_ttl1 {
    background: url("/img/recruit_mv@2x.jpg") no-repeat center 10%/cover;
  }
}
@media screen and (max-width: 480px) {
  .p_ttl1 {
    background: url("/img/recruit_mv_sp.jpg") no-repeat center center/cover;
  }
}

.p_intro {
  padding: 100px 0 0;
  position: relative;
}
@media screen and (max-width: 480px) {
  .p_intro {
    padding: 38px 0 0;
  }
  .p_intro .copy img {
    width: 148px;
    height: auto;
  }
}
.p_intro .bal {
  position: absolute;
  top: 82px;
  left: calc(50% + 203px);
}
@media screen and (max-width: 480px) {
  .p_intro .bal {
    width: 75px;
    height: auto;
    top: 34px;
    left: calc(50% + 97px);
  }
}
.p_intro .lead {
  margin-top: 50px;
  font-size: 1.8rem;
  line-height: 1.78;
}
@media screen and (max-width: 480px) {
  .p_intro .lead {
    margin-top: 30px;
    font-size: 1.6rem;
    line-height: 1.88;
  }
}
.p_intro .lead p + p {
  margin-top: 1.78em;
}
@media screen and (max-width: 480px) {
  .p_intro .lead p + p {
    margin-top: 0.5em;
  }
}
.p_intro .job_list {
  width: 1010px;
  margin: 55px auto 0;
  background: #f1f5f7;
  border-radius: 10px;
  padding-bottom: 60px;
}
@media screen and (max-width: 480px) {
  .p_intro .job_list {
    width: 93.3%;
    padding-bottom: 30px;
  }
}
.p_intro .job_list .ttl {
  background: #008e66;
  color: #fff;
  border-radius: 10px 10px 0 0;
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .p_intro .job_list .ttl {
    font-size: 1.8rem;
    line-height: 50px;
  }
}
.p_intro .job_list .link_list1 {
  width: 680px;
  margin: 60px auto 0;
}
@media screen and (max-width: 480px) {
  .p_intro .job_list .link_list1 {
    width: 80vw;
    margin: 30px auto 0;
  }
}
.p_intro .job_list .link_list1 a {
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
}
@media screen and (max-width: 480px) {
  .p_intro .job_list .link_list1 a {
    font-size: 1.4rem;
  }
}
.p_intro .job_list .link_list1 a::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.p_intro .img img {
  position: absolute;
  z-index: 1;
  border-radius: 50%;
}
@media screen and (max-width: 480px) {
  .p_intro .img img {
    width: 40px;
    height: auto;
  }
}
.p_intro .img img:nth-child(1) {
  left: calc(50% - 536px);
  top: 128px;
}
@media screen and (max-width: 480px) {
  .p_intro .img img:nth-child(1) {
    left: calc(50% - 157px);
    top: 21px;
  }
}
.p_intro .img img:nth-child(2) {
  left: calc(50% + 384px);
  top: 32px;
}
@media screen and (max-width: 480px) {
  .p_intro .img img:nth-child(2) {
    left: calc(50% + 152px);
    top: 140px;
  }
}
.p_intro .img img:nth-child(3) {
  left: calc(50% - 350px);
  top: 244px;
}
@media screen and (max-width: 480px) {
  .p_intro .img img:nth-child(3) {
    left: calc(50% - 192px);
    top: 112px;
  }
}
.p_intro .img img:nth-child(4) {
  left: calc(50% + 299px);
  top: 308px;
}
@media screen and (max-width: 480px) {
  .p_intro .img img:nth-child(4) {
    left: calc(50% + 123px);
    top: 488px;
  }
}
.p_intro .img img:nth-child(5) {
  left: calc(50% + 630px);
  top: 209px;
}
@media screen and (max-width: 480px) {
  .p_intro .img img:nth-child(5) {
    left: calc(50% + 107px);
    top: 216px;
  }
}
.p_intro .img img:nth-child(6) {
  left: calc(50% - 696px);
  top: 374px;
}
@media screen and (max-width: 480px) {
  .p_intro .img img:nth-child(6) {
    left: calc(50% - 137px);
    top: 196px;
  }
}
.p_intro .img img:nth-child(7) {
  left: calc(50% - 466px);
  top: 453px;
}
@media screen and (max-width: 480px) {
  .p_intro .img img:nth-child(7) {
    left: calc(50% - 173px);
    top: 475px;
  }
}
.p_intro .img img:nth-child(8) {
  left: calc(50% + 518px);
  top: 450px;
}
@media screen and (max-width: 480px) {
  .p_intro .img img:nth-child(8) {
    left: calc(50% + 152px);
    top: 349px;
  }
}
.p_intro .img img:nth-child(9) {
  left: calc(50% - 610px);
  top: 688px;
}
@media screen and (max-width: 480px) {
  .p_intro .img img:nth-child(9) {
    left: calc(50% - 193px);
    top: 574px;
  }
}
.p_intro .img img:nth-child(10) {
  left: calc(50% + 358px);
  top: 663px;
}
@media screen and (max-width: 480px) {
  .p_intro .img img:nth-child(10) {
    left: calc(50% + 152px);
    top: 602px;
  }
}
.p_intro .img img:nth-child(11) {
  left: calc(50% - 440px);
  top: 805px;
}
@media screen and (max-width: 480px) {
  .p_intro .img img:nth-child(11) {
    left: calc(50% - 121px);
    top: 667px;
  }
}
.p_intro .img img:nth-child(12) {
  left: calc(50% + 570px);
  top: 766px;
}
@media screen and (max-width: 480px) {
  .p_intro .img img:nth-child(12) {
    left: calc(50% + 111px);
    top: 712px;
  }
}

.s_staff {
  padding: 145px 0 0;
}
@media screen and (max-width: 480px) {
  .s_staff {
    padding: 55px 0 0;
  }
}
.s_staff .s_ttl {
  color: #008e66;
  font-family: "TsukuAMGothicLStd-B", sans-serif;
  letter-spacing: 0.05em;
  font-size: 5rem;
}
@media screen and (max-width: 480px) {
  .s_staff .s_ttl {
    font-size: 2.5rem;
  }
}
.s_staff .s_lead {
  margin-top: 50px;
  font-size: 1.8rem;
  line-height: 2;
}
@media screen and (max-width: 480px) {
  .s_staff .s_lead {
    margin-top: 20px;
    font-size: 1.6rem;
    line-height: 1.88;
  }
}
.s_staff .staff_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 90%;
  max-width: 1130px;
  margin: 45px auto 0;
}
@media screen and (max-width: 480px) {
  .s_staff .staff_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px;
    width: 80%;
    margin: 18px auto 0;
  }
}
.s_staff .staff_list li {
  width: 31%;
  max-width: 350px;
  background: #f1f5f7;
  border-radius: 8px;
  padding-bottom: 50px;
}
@media screen and (max-width: 480px) {
  .s_staff .staff_list li {
    width: auto;
    padding-bottom: 30px;
  }
}
.s_staff .staff_list img {
  border-radius: 8px 8px 0 0;
  display: block;
  margin-bottom: 25px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 480px) {
  .s_staff .staff_list img {
    margin-bottom: 20px;
  }
}
.s_staff .staff_list .name {
  font-family: "TsukuAMGothicLStd-B", sans-serif;
  letter-spacing: 0.05em;
  font-size: 2.5rem;
}
@media screen and (max-width: 480px) {
  .s_staff .staff_list .name {
    font-size: 2rem;
  }
}
.s_staff .staff_list .name .yomi {
  display: block;
  margin-top: 5px;
  font-size: 1.2rem;
}
@media screen and (max-width: 480px) {
  .s_staff .staff_list .name .yomi {
    font-size: 1.1rem;
  }
}
.s_staff .staff_list .notes {
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 1.67;
}
.s_staff .staff_list .btn {
  margin-top: 20px;
}
@media screen and (max-width: 480px) {
  .s_staff .staff_list .btn {
    margin-top: 10px;
  }
}
.s_staff > .btn {
  margin-top: 50px;
  width: 300px;
}
@media screen and (max-width: 480px) {
  .s_staff > .btn {
    margin-top: 25px;
    width: auto;
  }
}

.s_work {
  margin-top: 150px;
}
@media screen and (max-width: 480px) {
  .s_work {
    margin-top: 60px;
  }
}
.s_work::before {
  content: "";
  display: block;
  width: 1010px;
  height: 1px;
  background: #008e66;
  margin: 0 auto 150px;
}
@media screen and (max-width: 480px) {
  .s_work::before {
    width: 88%;
    margin: 0 auto 55px;
  }
}
.s_work .s_ttl {
  color: #008e66;
  font-family: "TsukuAMGothicLStd-B", sans-serif;
  letter-spacing: 0.05em;
  font-size: 5rem;
}
@media screen and (max-width: 480px) {
  .s_work .s_ttl {
    font-size: 2.5rem;
  }
}
.s_work .s_lead {
  margin-top: 50px;
  font-size: 1.8rem;
  line-height: 2;
}
@media screen and (max-width: 480px) {
  .s_work .s_lead {
    margin-top: 22px;
    font-size: 1.6rem;
    line-height: 1.88;
  }
}
.s_work .work_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 93.3%;
  max-width: 1140px;
  margin: 45px auto 0;
}
@media screen and (max-width: 480px) {
  .s_work .work_list {
    margin: 25px auto 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 15px;
  }
}
.s_work .work_list li {
  width: 48.3%;
  max-width: 550px;
  background: #f1f5f7;
  border-radius: 10px;
  padding: 80px 0 65px;
}
@media screen and (max-width: 480px) {
  .s_work .work_list li {
    width: auto;
    padding: 40px 0 22px;
  }
}
.s_work .work_list li:nth-child(1) .ttl .dot::before {
  background-color: #d2918c;
}
.s_work .work_list li:nth-child(2) .ttl .dot::before {
  background-color: #bb9c53;
}
.s_work .work_list .ttl {
  color: #008e66;
  font-family: "TsukuAMGothicLStd-B", sans-serif;
  letter-spacing: 0.05em;
  font-size: 3.5rem;
}
@media screen and (max-width: 480px) {
  .s_work .work_list .ttl {
    font-size: 2.1rem;
  }
}
.s_work .work_list .ttl .dot {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.s_work .work_list .ttl .dot::before {
  content: "";
  display: block;
  aspect-ratio: 1;
  border-radius: 50%;
  position: absolute;
  width: 6px;
  left: calc(50% - 3px);
  top: -12px;
}
@media screen and (max-width: 480px) {
  .s_work .work_list .ttl .dot::before {
    width: 4px;
    left: calc(50% - 2px);
    top: -8px;
  }
}
.s_work .work_list img {
  display: block;
  border-radius: 8px;
  margin: 40px auto 0;
  max-width: 80%;
  height: auto;
}
@media screen and (max-width: 480px) {
  .s_work .work_list img {
    max-width: 250px;
    margin: 24px auto 0;
  }
}
.s_work .work_list p {
  margin: 35px auto 0;
  width: 80%;
  font-size: 1.6rem;
  line-height: 1.88;
  text-align: left;
}
@media screen and (max-width: 480px) {
  .s_work .work_list p {
    margin: 15px auto 0;
    width: 74.7vw;
    font-size: 1.4rem;
  }
}

.s_workplace {
  margin-top: 150px;
}
@media screen and (max-width: 480px) {
  .s_workplace {
    margin-top: 60px;
  }
}
.s_workplace::before {
  content: "";
  display: block;
  width: 1010px;
  height: 1px;
  background: #008e66;
  margin: 0 auto 140px;
}
@media screen and (max-width: 480px) {
  .s_workplace::before {
    width: 88%;
    margin: 0 auto 50px;
  }
}
.s_workplace .s_ttl {
  color: #008e66;
  font-family: "TsukuAMGothicLStd-B", sans-serif;
  letter-spacing: 0.05em;
  font-size: 5rem;
  line-height: 1.4;
}
@media screen and (max-width: 480px) {
  .s_workplace .s_ttl {
    font-size: 2.5rem;
    line-height: 1.3;
  }
}
.s_workplace .s_lead {
  margin-top: 50px;
  font-size: 1.8rem;
  line-height: 2;
}
@media screen and (max-width: 480px) {
  .s_workplace .s_lead {
    margin-top: 15px;
    font-size: 1.6rem;
    line-height: 1.88;
  }
}
.s_workplace .data_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 970px;
  margin: 60px auto 0;
}
@media screen and (max-width: 480px) {
  .s_workplace .data_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 68%;
    margin: 25px auto 0;
  }
}
.s_workplace .data_list li {
  width: 480px;
  padding: 25px 0 50px;
}
@media screen and (max-width: 480px) {
  .s_workplace .data_list li {
    width: auto;
    padding: 40px 0 35px;
    border-top: 1px solid #e2ebef;
  }
}
.s_workplace .data_list li:nth-child(even) {
  border-left: 1px solid #e2ebef;
}
@media screen and (max-width: 480px) {
  .s_workplace .data_list li:nth-child(even) {
    border-left: none;
  }
}
.s_workplace .data_list li:nth-child(n+3) {
  border-top: 1px solid #e2ebef;
  padding: 50px 0 25px;
}
@media screen and (max-width: 480px) {
  .s_workplace .data_list li:nth-child(n+3) {
    padding: 40px 0 35px;
  }
}
.s_workplace .data_list .ttl {
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
  font-size: 2rem;
}
@media screen and (max-width: 480px) {
  .s_workplace .data_list .ttl {
    font-size: 1.6rem;
  }
}
.s_workplace .data_list p {
  color: #008e66;
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
}
.s_workplace .data_list p .num {
  font-family: "AvenirNextLTPro-Demi", sans-serif;
}
.s_workplace .data_list img {
  display: block;
  margin: 20px auto 0;
}
@media screen and (max-width: 480px) {
  .s_workplace .data_list img {
    width: 100%;
    height: auto;
  }
}
.s_workplace .data_list li:nth-child(1) p {
  margin-top: 30px;
  font-size: 4rem;
}
@media screen and (max-width: 480px) {
  .s_workplace .data_list li:nth-child(1) p {
    margin-top: 15px;
    font-size: 2.5rem;
  }
}
.s_workplace .data_list li:nth-child(1) p .num {
  font-size: 8rem;
}
@media screen and (max-width: 480px) {
  .s_workplace .data_list li:nth-child(1) p .num {
    font-size: 6rem;
  }
}
.s_workplace .data_list li:nth-child(2) p {
  margin-top: 35px;
  font-size: 2.5rem;
}
@media screen and (max-width: 480px) {
  .s_workplace .data_list li:nth-child(2) p {
    margin: 15px -1em 0;
    font-size: 1.6rem;
  }
}
.s_workplace .data_list li:nth-child(2) p .num {
  font-size: 6rem;
}
@media screen and (max-width: 480px) {
  .s_workplace .data_list li:nth-child(2) p .num {
    letter-spacing: -0.1em;
    padding-right: 0.1em;
  }
}
.s_workplace .notes {
  margin-top: 40px;
  color: #6f7f88;
  font-size: 1.2rem;
}
@media screen and (max-width: 480px) {
  .s_workplace .notes {
    margin-top: 0;
    font-size: 1rem;
  }
}

.s_system {
  margin-top: 150px;
}
@media screen and (max-width: 480px) {
  .s_system {
    margin-top: 60px;
  }
}
.s_system::before {
  content: "";
  display: block;
  width: 1010px;
  height: 1px;
  background: #008e66;
  margin: 0 auto 140px;
}
@media screen and (max-width: 480px) {
  .s_system::before {
    width: 88%;
    margin: 0 auto 55px;
  }
}
.s_system .s_ttl {
  color: #008e66;
  font-family: "TsukuAMGothicLStd-B", sans-serif;
  letter-spacing: 0.05em;
  font-size: 5rem;
  line-height: 1.4;
}
@media screen and (max-width: 480px) {
  .s_system .s_ttl {
    font-size: 2.5rem;
    line-height: 1.3;
  }
}
.s_system .box {
  background: #f1f5f7;
  width: 1010px;
  border-radius: 10px;
  margin: 55px auto 0;
  padding: 65px 0 80px;
}
@media screen and (max-width: 480px) {
  .s_system .box {
    width: 93.3%;
    margin: 25px auto 0;
    padding: 30px 0;
  }
}
.s_system .s_subttl {
  color: #008e66;
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
  font-size: 2.4rem;
}
@media screen and (max-width: 480px) {
  .s_system .s_subttl {
    font-size: 1.6rem;
  }
}
.s_system .s_subttl:not(:first-child) {
  margin-top: 60px;
}
@media screen and (max-width: 480px) {
  .s_system .s_subttl:not(:first-child) {
    margin-top: 40px;
  }
}
.s_system .check_list1 {
  margin: 25px auto 0;
  width: 700px;
}
@media screen and (max-width: 480px) {
  .s_system .check_list1 {
    margin: 20px auto 0;
    width: 85vw;
  }
}
.s_system .check_list1 li {
  font-size: 1.6rem;
  line-height: 1.88;
}
@media screen and (max-width: 480px) {
  .s_system .check_list1 li {
    font-size: 1.4rem;
    line-height: 1.71;
  }
}
.s_system .check_list1 li::before {
  top: calc(9px + 0.94em);
}
@media screen and (max-width: 480px) {
  .s_system .check_list1 li::before {
    top: calc(4px + 0.86em);
  }
}
.s_system .check_list1 li .notes {
  display: block;
  font-family: "Inter", "TazuganeGothicStdN-Light", sans-serif;
  font-weight: 300;
}

#s_outline {
  margin-top: 150px;
}
@media screen and (max-width: 480px) {
  #s_outline {
    margin-top: 60px;
  }
}
#s_outline::before {
  content: "";
  display: block;
  width: 1010px;
  height: 1px;
  background: #008e66;
  margin: 0 auto 150px;
}
@media screen and (max-width: 480px) {
  #s_outline::before {
    width: 88%;
    margin: 0 auto 60px;
  }
}
#s_outline .s_ttl {
  color: #008e66;
  font-family: "TsukuAMGothicLStd-B", sans-serif;
  letter-spacing: 0.05em;
  font-size: 5rem;
}
@media screen and (max-width: 480px) {
  #s_outline .s_ttl {
    font-size: 2.5rem;
  }
}
#s_outline .job {
  width: 830px;
  margin: 80px auto 0;
}
@media screen and (max-width: 480px) {
  #s_outline .job {
    width: 93.3%;
    margin: 30px auto 0;
  }
}
#s_outline .job .ttl {
  background: #008e66;
  color: #fff;
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
  font-size: 2rem;
  width: 100%;
  height: 60px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 480px) {
  #s_outline .job .ttl {
    font-size: 1.8rem;
    line-height: 1.2;
    padding: 9px 0;
    height: auto;
    display: block;
  }
}
#s_outline .job .table {
  text-align: left;
  border-left: 1px solid #e2ebef;
}
@media screen and (max-width: 480px) {
  #s_outline .job .table {
    border-right: 1px solid #e2ebef;
  }
}
#s_outline .job .table li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 480px) {
  #s_outline .job .table li {
    display: block;
  }
}
#s_outline .job .table .th,
#s_outline .job .table .td {
  border-right: 1px solid #e2ebef;
  border-bottom: 1px solid #e2ebef;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  #s_outline .job .table .th,
  #s_outline .job .table .td {
    border-right: none;
  }
}
#s_outline .job .table .th {
  width: 165px;
  padding: 25px 30px;
  background: #f1f5f7;
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.7;
}
@media screen and (max-width: 480px) {
  #s_outline .job .table .th {
    width: auto;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 7px 10px;
  }
  #s_outline .job .table .th br {
    display: none;
  }
}
#s_outline .job .table .td {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 25px 35px;
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.88;
  -ms-hyphens: auto;
  hyphens: auto;
}
@media screen and (max-width: 480px) {
  #s_outline .job .table .td {
    font-size: 1.4rem;
  }
}
#s_outline .job .table .td h1,
#s_outline .job .table .td h2,
#s_outline .job .table .td h3,
#s_outline .job .table .td h4,
#s_outline .job .table .td h5,
#s_outline .job .table .td h6 {
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  margin-top: 1em;
}
#s_outline .job .table .td h1:first-child,
#s_outline .job .table .td h2:first-child,
#s_outline .job .table .td h3:first-child,
#s_outline .job .table .td h4:first-child,
#s_outline .job .table .td h5:first-child,
#s_outline .job .table .td h6:first-child {
  margin-top: 0;
}
#s_outline .job .table .td h1.red,
#s_outline .job .table .td h2.red,
#s_outline .job .table .td h3.red,
#s_outline .job .table .td h4.red,
#s_outline .job .table .td h5.red,
#s_outline .job .table .td h6.red {
  color: #e60012;
}
#s_outline .job .table .td h1.pink,
#s_outline .job .table .td h2.pink,
#s_outline .job .table .td h3.pink,
#s_outline .job .table .td h4.pink,
#s_outline .job .table .td h5.pink,
#s_outline .job .table .td h6.pink {
  color: #ec6b61;
}
#s_outline .job .table .td h1.green,
#s_outline .job .table .td h2.green,
#s_outline .job .table .td h3.green,
#s_outline .job .table .td h4.green,
#s_outline .job .table .td h5.green,
#s_outline .job .table .td h6.green {
  color: #008e66;
}
#s_outline .job .table .td h1.darkgreen,
#s_outline .job .table .td h2.darkgreen,
#s_outline .job .table .td h3.darkgreen,
#s_outline .job .table .td h4.darkgreen,
#s_outline .job .table .td h5.darkgreen,
#s_outline .job .table .td h6.darkgreen {
  color: #004b36;
}
#s_outline .job .table .td ol.red,
#s_outline .job .table .td ul.red,
#s_outline .job .table .td p.red,
#s_outline .job .table .td span.red,
#s_outline .job .table .td strong.red {
  color: #e60012;
}
#s_outline .job .table .td ol.pink,
#s_outline .job .table .td ul.pink,
#s_outline .job .table .td p.pink,
#s_outline .job .table .td span.pink,
#s_outline .job .table .td strong.pink {
  color: #ec6b61;
}
#s_outline .job .table .td ol.green,
#s_outline .job .table .td ul.green,
#s_outline .job .table .td p.green,
#s_outline .job .table .td span.green,
#s_outline .job .table .td strong.green {
  color: #008e66;
}
#s_outline .job .table .td ol.darkgreen,
#s_outline .job .table .td ul.darkgreen,
#s_outline .job .table .td p.darkgreen,
#s_outline .job .table .td span.darkgreen,
#s_outline .job .table .td strong.darkgreen {
  color: #004b36;
}
#s_outline .job .table .td ol.gray,
#s_outline .job .table .td ul.gray,
#s_outline .job .table .td p.gray,
#s_outline .job .table .td span.gray,
#s_outline .job .table .td strong.gray {
  color: #6f7f88;
}
#s_outline .job .table .td ol.large,
#s_outline .job .table .td ul.large,
#s_outline .job .table .td p.large,
#s_outline .job .table .td span.large,
#s_outline .job .table .td strong.large {
  font-size: 1.8rem;
}
#s_outline .job .table .td ol.small,
#s_outline .job .table .td ul.small,
#s_outline .job .table .td p.small,
#s_outline .job .table .td span.small,
#s_outline .job .table .td strong.small {
  font-size: 1.4rem;
}
@media screen and (max-width: 480px) {
  #s_outline .job .table .td ol.large,
  #s_outline .job .table .td ul.large,
  #s_outline .job .table .td p.large,
  #s_outline .job .table .td span.large,
  #s_outline .job .table .td strong.large {
    font-size: 1.6rem;
  }
  #s_outline .job .table .td ol.small,
  #s_outline .job .table .td ul.small,
  #s_outline .job .table .td p.small,
  #s_outline .job .table .td span.small,
  #s_outline .job .table .td strong.small {
    font-size: 1.2rem;
  }
}
#s_outline .job .table .td p.notes {
  color: #6f7f88;
  font-size: 1.2rem;
  line-height: 1.67;
}
#s_outline .job .table .td p.notes.red {
  color: #e60012;
}
@media screen and (max-width: 480px) {
  #s_outline .job .table .td p.notes {
    font-size: 1.1rem;
  }
}
#s_outline .job .table .td > .btn:not(:first-child) {
  margin-top: 1em;
}
#s_outline .job .table .td > .btn2:not(:first-child),
#s_outline .job .table .td > .btn3:not(:first-child),
#s_outline .job .table .td > .btn4:not(:first-child) {
  margin-top: 0.5em;
}
#s_outline .job .table .td p + p:has(.btn),
#s_outline .job .table .td p + p:has(.btn2),
#s_outline .job .table .td p + p:has(.btn3),
#s_outline .job .table .td p + p:has(.btn4) {
  margin-top: 1em;
}
#s_outline .job .table .td p:has(.btn),
#s_outline .job .table .td p:has(.btn2),
#s_outline .job .table .td p:has(.btn4) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  gap: 10px;
}
@media screen and (max-width: 480px) {
  #s_outline .job .table .td p:has(.btn),
  #s_outline .job .table .td p:has(.btn2),
  #s_outline .job .table .td p:has(.btn4) {
    gap: 5px;
  }
  #s_outline .job .table .td p:has(.btn) .btn4,
  #s_outline .job .table .td p:has(.btn2) .btn4,
  #s_outline .job .table .td p:has(.btn4) .btn4 {
    min-width: 120px;
  }
}
#s_outline .job .table .td div,
#s_outline .job .table .td p,
#s_outline .job .table .td ul,
#s_outline .job .table .td ol,
#s_outline .job .table .td > img,
#s_outline .job .table .td table,
#s_outline .job .table .td details,
#s_outline .job .table .td section,
#s_outline .job .table .td blockquote,
#s_outline .job .table .td figure,
#s_outline .job .table .td picture,
#s_outline .job .table .td iframe {
  margin-top: 0.5em;
  max-width: 100% !important;
}
#s_outline .job .table .td div:first-child,
#s_outline .job .table .td p:first-child,
#s_outline .job .table .td ul:first-child,
#s_outline .job .table .td ol:first-child,
#s_outline .job .table .td > img:first-child,
#s_outline .job .table .td table:first-child,
#s_outline .job .table .td details:first-child,
#s_outline .job .table .td section:first-child,
#s_outline .job .table .td blockquote:first-child,
#s_outline .job .table .td figure:first-child,
#s_outline .job .table .td picture:first-child,
#s_outline .job .table .td iframe:first-child {
  margin-top: 0;
}
#s_outline .job .table .td ul li,
#s_outline .job .table .td ol li {
  position: relative;
}
#s_outline .job .table .td ul li::before,
#s_outline .job .table .td ol li::before {
  position: absolute;
  top: 0;
  left: 0;
}
#s_outline .job .table .td ul li {
  padding-left: 1em;
}
#s_outline .job .table .td ul li::before {
  content: "";
  display: block;
  width: 0.68em;
  aspect-ratio: 1;
  border-radius: 50%;
  top: 0.6em;
  background-color: #363640;
}
#s_outline .job .table .td ul li ul {
  margin-top: 0 !important;
}
#s_outline .job .table .td ul li li::before {
  content: "・";
  background-color: transparent !important;
  width: auto;
  aspect-ratio: auto;
  border-radius: 0;
  top: 0;
}
#s_outline .job .table .td ol {
  counter-reset: li;
}
#s_outline .job .table .td ol li {
  padding-left: 1.5em;
}
#s_outline .job .table .td ol li::before {
  counter-increment: li;
  content: counter(li) ".";
}
#s_outline .job .table .td hr {
  margin-top: 1em;
}
#s_outline .job .table .td hr + * {
  margin-top: 1em !important;
}
#s_outline .job .table .td blockquote {
  position: relative;
  padding-left: 60px;
  font-style: italic;
}
#s_outline .job .table .td blockquote::before {
  content: "";
  display: block;
  width: 23px;
  aspect-ratio: 23/22;
  background: url("/img/i_quote_gr.svg") no-repeat center center/contain;
  position: absolute;
  left: 0;
  top: calc(0.5em - 3px);
}
#s_outline .job .table .td blockquote::after {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  left: 0;
  top: calc(0.5em + 36px);
  bottom: 0.5em;
  background: #e2ebef;
}
#s_outline .job .table .td blockquote p:not(:first-child) {
  margin-top: 1em;
}
@media screen and (max-width: 480px) {
  #s_outline .job .table .td blockquote {
    padding-left: 30px;
  }
  #s_outline .job .table .td blockquote::before {
    width: 16px;
    top: calc(0.5em - 1px);
  }
  #s_outline .job .table .td blockquote::after {
    top: calc(0.5em + 32px);
  }
}
#s_outline .job .table .td .wp-caption.aligncenter img {
  display: block;
  margin: 0 auto;
}
#s_outline .job .table .td img {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  vertical-align: top;
}
#s_outline .job .table .td img.border {
  border: 1px solid #e2ebef;
}
#s_outline .job .table .td span img {
  vertical-align: middle;
}
#s_outline .job .table .td > table {
  width: 100%;
  border-top: 1px solid #e2ebef;
  border-left: 1px solid #e2ebef;
}
#s_outline .job .table .td > table th,
#s_outline .job .table .td > table td {
  border-right: 1px solid #e2ebef;
  border-bottom: 1px solid #e2ebef;
  font-size: 1.4rem;
  line-height: 1.75;
  vertical-align: top;
  padding: 12px;
}
#s_outline .job .table .td > table th th,
#s_outline .job .table .td > table td th {
  background: #f1f5f7 !important;
  min-width: 75px;
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
}
#s_outline .job .table .td em, #s_outline .job .table .td i {
  font-style: italic;
}
#s_outline .job .table .td a {
  word-break: break-all;
}
#s_outline .job .table .td .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#s_outline .job .table .td .alignleft,
#s_outline .job .table .td .alignright {
  padding: 0.5em 0 10px;
}
@media screen and (max-width: 480px) {
  #s_outline .job .table .td .alignleft,
  #s_outline .job .table .td .alignright {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
}
#s_outline .job .table .td .alignleft {
  float: left;
  margin-right: 40px;
}
#s_outline .job .table .td .alignright {
  float: right;
  margin-left: 40px;
}
@media screen and (max-width: 480px) {
  #s_outline .job .table .td p img.alignleft,
  #s_outline .job .table .td p img.alignright {
    display: block;
    margin-bottom: 1em;
  }
}
#s_outline .job .table .td .wp-caption-text {
  margin-top: 10px !important;
  background: #f1f5f7;
  color: #4c5d67;
  font-size: 1.2rem;
  line-height: 1.75;
  padding: 12px 20px;
}
#s_outline .job .table .td .youtube {
  text-align: center;
}
@media screen and (max-width: 480px) {
  #s_outline .job .table .td .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25% !important;
  }
  #s_outline .job .table .td .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  #s_outline .job .table .td .youtube:not(:first-child) {
    margin-top: 2em;
  }
}
@media screen and (max-width: 480px) {
  #s_outline .job .table .td {
    padding: 15px 20px;
  }
}
#s_outline .for {
  background: #f1f5f7;
  width: 1010px;
  border-radius: 10px;
  margin: 80px auto 0;
  padding: 65px 0 80px;
}
@media screen and (max-width: 480px) {
  #s_outline .for {
    width: 93.3%;
    margin: 40px auto 0;
    padding: 30px 0 28px;
  }
}
#s_outline .for .ttl {
  color: #008e66;
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
  font-size: 3rem;
}
@media screen and (max-width: 480px) {
  #s_outline .for .ttl {
    font-size: 1.6rem;
  }
}
#s_outline .for .lead {
  margin-top: 45px;
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.68;
}
@media screen and (max-width: 480px) {
  #s_outline .for .lead {
    margin-top: 25px;
    font-size: 1.4rem;
    line-height: 1.71;
  }
}
#s_outline .for .list1,
#s_outline .for .list2 {
  width: 700px;
  text-align: left;
}
@media screen and (max-width: 480px) {
  #s_outline .for .list1,
  #s_outline .for .list2 {
    width: 85vw;
  }
}
#s_outline .for .list1 li,
#s_outline .for .list2 li {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.71;
}
@media screen and (max-width: 480px) {
  #s_outline .for .list1 li,
  #s_outline .for .list2 li {
    font-size: 1.2rem;
    line-height: 1.67;
  }
}
#s_outline .for .list1 li::before,
#s_outline .for .list2 li::before {
  position: absolute;
  left: 0;
}
#s_outline .for .list1 {
  margin: 25px auto 0;
  border-top: 1px solid #e2ebef;
}
@media screen and (max-width: 480px) {
  #s_outline .for .list1 {
    margin: 15px auto 0;
  }
}
#s_outline .for .list1 li {
  padding: 15px 0 15px 1em;
  border-bottom: 1px solid #e2ebef;
}
#s_outline .for .list1 li::before {
  content: "●";
  top: 15px;
}
#s_outline .for .list2 {
  margin: 0 auto;
  border-bottom: 1px solid #e2ebef;
  padding: 15px 0;
  counter-reset: li;
}
@media screen and (max-width: 480px) {
  #s_outline .for .list2 {
    padding: 15px 0 0;
    border-bottom: none;
  }
}
#s_outline .for .list2 li {
  padding-left: 1.5em;
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
}
#s_outline .for .list2 li::before {
  counter-increment: li;
  content: counter(li) ".";
  top: 0;
}

#s_entry {
  margin-top: 150px;
}
@media screen and (max-width: 480px) {
  #s_entry {
    margin-top: 60px;
  }
}
#s_entry::before {
  content: "";
  display: block;
  width: 1010px;
  height: 1px;
  background: #008e66;
  margin: 0 auto 150px;
}
@media screen and (max-width: 480px) {
  #s_entry::before {
    width: 88%;
    margin: 0 auto 60px;
  }
}
#s_entry .s_ttl {
  color: #008e66;
  font-family: "TsukuAMGothicLStd-B", sans-serif;
  letter-spacing: 0.05em;
  font-size: 5rem;
}
@media screen and (max-width: 480px) {
  #s_entry .s_ttl {
    font-size: 2.5rem;
  }
}
#s_entry .flow,
#s_entry .document {
  margin-top: 100px;
}
@media screen and (max-width: 480px) {
  #s_entry .flow,
  #s_entry .document {
    margin-top: 50px;
  }
}
#s_entry .flow > .ttl,
#s_entry .document > .ttl {
  color: #008e66;
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
  font-size: 3rem;
}
@media screen and (max-width: 480px) {
  #s_entry .flow > .ttl,
  #s_entry .document > .ttl {
    font-size: 2rem;
  }
}
#s_entry .flow > .lead,
#s_entry .document > .lead {
  margin-top: 25px;
  font-size: 1.8rem;
  line-height: 2;
}
@media screen and (max-width: 480px) {
  #s_entry .flow > .lead,
  #s_entry .document > .lead {
    font-size: 1.6rem;
    line-height: 1.88;
  }
}
#s_entry .flow_list1 {
  width: 710px;
  margin: 45px auto 0;
}
@media screen and (max-width: 480px) {
  #s_entry .flow_list1 {
    width: 88%;
    margin: 25px auto 0;
  }
}
#s_entry .flow_list1 .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  font-size: 1.6rem;
}
@media screen and (max-width: 480px) {
  #s_entry .flow_list1 .txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 5px;
    font-size: 1.4rem;
    line-height: 1;
  }
  #s_entry .flow_list1 .txt p {
    line-height: 1.7;
    margin-bottom: -0.35em;
  }
}
#s_entry .flow_list1 .ttl {
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
}
@media screen and (max-width: 480px) {
  #s_entry .flow_list1 .ttl {
    font-size: 1.6rem;
  }
}
#s_entry .document_list {
  margin-top: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 480px) {
  #s_entry .document_list {
    width: 75vw;
    margin: 25px auto 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 5px;
  }
}
#s_entry .document_list li {
  aspect-ratio: 1;
  background: #f1f5f7;
  border-radius: 8px;
  width: 200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 48px;
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
}
@media screen and (max-width: 480px) {
  #s_entry .document_list li {
    aspect-ratio: auto;
    width: auto;
    padding: 16px 10px 16px 45px;
    position: relative;
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
#s_entry .document_list li::before {
  content: "";
  display: block;
  width: 36px;
  aspect-ratio: 1;
  margin: 0 auto 25px;
  background: url("/img/i_doc.svg") no-repeat center center/contain;
}
@media screen and (max-width: 480px) {
  #s_entry .document_list li::before {
    width: 24px;
    margin: 0;
    position: absolute;
    left: 12px;
    top: calc(50% - 12px);
  }
}
#s_entry .document_list li .notes {
  display: block;
  font-family: "Inter", "TazuganeGothicStdN-Light", sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  margin-top: 10px;
}
@media screen and (max-width: 480px) {
  #s_entry .document_list li .notes {
    display: inline;
    font-size: 1.2rem;
    margin: 0;
  }
}
#s_entry .contact {
  margin: 105px auto 0;
  width: 1010px;
  background: #f1f5f7;
  border-radius: 10px;
  padding-bottom: 40px;
}
@media screen and (max-width: 480px) {
  #s_entry .contact {
    margin: 50px auto 0;
    width: 93.3%;
    padding-bottom: 30px;
  }
}
#s_entry .contact .ttl {
  background: #008e66;
  color: #fff;
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 70px;
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 480px) {
  #s_entry .contact .ttl {
    font-size: 1.8rem;
    line-height: 50px;
  }
}
#s_entry .contact .name {
  margin-top: 50px;
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
}
@media screen and (max-width: 480px) {
  #s_entry .contact .name {
    margin-top: 20px;
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
#s_entry .contact .contact_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 30px auto 0;
  padding: 30px 0 25px;
  width: 850px;
  border-top: 1px solid #e2ebef;
  border-bottom: 1px solid #e2ebef;
}
@media screen and (max-width: 480px) {
  #s_entry .contact .contact_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px auto 0;
    padding: 0 0 15px;
    width: 82.7vw;
  }
}
#s_entry .contact .contact_list li {
  width: 50%;
}
@media screen and (max-width: 480px) {
  #s_entry .contact .contact_list li {
    width: 100%;
    padding-top: 20px;
  }
}
#s_entry .contact .contact_list li + li {
  border-left: 1px solid #e2ebef;
}
@media screen and (max-width: 480px) {
  #s_entry .contact .contact_list li + li {
    border-left: none;
    border-top: 1px solid #e2ebef;
    margin-top: 20px;
  }
}
#s_entry .contact .subttl {
  font-family: "Inter", "TazuganeGothicStdN-Bold", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
}
@media screen and (max-width: 480px) {
  #s_entry .contact .subttl {
    font-size: 1.4rem;
  }
}
#s_entry .contact .mail {
  margin-top: 30px;
  display: inline-block;
  vertical-align: top;
  color: #008e66;
  font-family: "AvenirNextLTPro-Demi", sans-serif;
  text-decoration: none;
  font-size: 3rem;
}
@media screen and (max-width: 480px) {
  #s_entry .contact .mail {
    margin-top: 15px;
    font-size: 2.1rem;
  }
}
#s_entry .contact .mail::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 23px;
  aspect-ratio: 1;
  background: url("/img/i_mail.svg") no-repeat center center/contain;
  margin: calc(0.5em - 8px) 10px calc(0.5em - 15px) 0;
}
@media screen and (max-width: 480px) {
  #s_entry .contact .mail::before {
    width: 16px;
    margin: calc(0.5em - 6px) 7px calc(0.5em - 10px) 0;
  }
}
#s_entry .contact .address {
  margin-top: 20px;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 480px) {
  #s_entry .contact .address {
    margin-top: 12px;
    font-size: 1.4rem;
    line-height: 1.71;
  }
}
#s_entry .contact .notes {
  margin-top: 20px;
  font-size: 1.4rem;
}
@media screen and (max-width: 480px) {
  #s_entry .contact .notes {
    margin-top: 15px;
    font-size: 1.1rem;
  }
}

footer {
  border-top: 1px solid #e2ebef;
  margin-top: 150px;
}
@media screen and (max-width: 480px) {
  footer {
    margin-top: 60px;
  }
}