@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500;700;900&display=swap");
body {
  font-family: "Zen Maru Gothic", serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #007fe6;
  font-weight: 500;
  font-style: normal;
  background-color: #fde703;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  width: 100%;
}

@media screen and (min-width: 751px) {
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
  a {
    opacity: 1;
  }
  a:hover {
    opacity: 0.5;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  header h1 {
    width: 592px;
    margin: 0 auto;
  }
  .main {
    width: 1270px;
    margin: 0 auto 140px;
  }
  .main h2 {
    width: 1207px;
    margin: 0 auto;
  }
  .bg-light {
    background-color: #fef381;
  }
  section {
    padding-top: 140px;
    padding-bottom: 140px;
  }
  section .inner {
    width: 1270px;
    margin: 0 auto;
  }
  section .inner .job-name01 {
    width: 484px;
    margin: 0 auto 30px;
  }
  section .inner .job-name02 {
    width: 670px;
    margin: 0 auto 30px;
  }
  section .inner .job-name03 {
    width: 697px;
    margin: 0 auto 30px;
  }
  section .inner .job-name04 {
    width: 455px;
    margin: 0 auto 30px;
  }
  section .inner article .job-about01 {
    width: 194px;
    margin-bottom: 50px;
  }
  section .inner article .job-about02 {
    width: 295px;
    margin-bottom: 50px;
  }
  section .inner article .top-text {
    width: 315px;
    font-size: 20px;
    line-height: 200%;
  }
  section .inner article .top-text-02 {
    width: 355px;
    font-size: 20px;
    line-height: 200%;
  }
  section .inner article .main-photo01 {
    width: 1073px;
    height: 755px;
    margin: 0 auto;
    background: url(../img/job01.png) 0 0 no-repeat;
    background-size: contain;
    position: relative;
    z-index: 100;
  }
  section .inner article .main-photo01 div {
    margin-left: 691px;
    padding-top: 195px;
  }
  section .inner article .main-photo02 {
    width: 1097px;
    height: 752px;
    margin: 0 76px;
    background: url(../img/job02.png) 0 0 no-repeat;
    background-size: contain;
    position: relative;
    z-index: 101;
  }
  section .inner article .main-photo02 div {
    margin-left: 710px;
    padding-top: 195px;
  }
  section .inner article .main-photo03 {
    width: 1080px;
    height: 753px;
    margin: 0 auto;
    background: url(../img/job03.png) 0 0 no-repeat;
    background-size: contain;
    position: relative;
    z-index: 103;
  }
  section .inner article .main-photo03 div {
    margin-left: 697px;
    padding-top: 164px;
  }
  section .inner article .main-photo04 {
    width: 1115px;
    height: 648px;
    margin: 0 0 0 108px;
    background: url(../img/job04.png) 0 0 no-repeat;
    background-size: contain;
    position: relative;
    z-index: 104;
  }
  section .inner article .main-photo04 div {
    margin-left: 678px;
    padding-top: 122px;
  }
  section .inner article .main-photo04 div p {
    letter-spacing: -0.02rem;
  }
  section .inner article .job-his {
    width: 1061px;
    height: 385px;
    margin: -46px auto 40px;
    padding: 0 43px;
    background: url(../img/job-his.png) 0 0 no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  section .inner article .job-his div {
    width: 280px;
  }
  section .inner article .job-his h6 {
    width: 116px;
    margin: 0 auto;
  }
  section .inner article .job-his h5 {
    font-size: 30px;
    font-weight: 900;
    text-align: center;
  }
  section .inner article .job-his p {
    font-size: 18px;
    line-height: 200%;
    text-align: center;
  }
  section .inner article .job-his .job01 {
    padding-top: 70px;
  }
  section .inner article .job-his .job01 h6 {
    margin-bottom: 38px;
  }
  section .inner article .job-his .job01 h5 {
    margin-bottom: 50px;
  }
  section .inner article .job-his .job02 {
    padding-top: 51px;
  }
  section .inner article .job-his .job02 h6 {
    margin-bottom: 42px;
  }
  section .inner article .job-his .job02 h5 {
    margin-bottom: 42px;
  }
  section .inner article .job-his .job03 {
    padding-top: 51px;
  }
  section .inner article .job-his .job03 h6 {
    margin-bottom: 22px;
  }
  section .inner article .job-his .job03 h5 {
    margin-bottom: 22px;
  }
  section .inner article .job-Area {
    width: 883px;
    height: 578px;
    margin: 0 auto;
    padding: 204px 76px 0;
    background: url(../img/picup.png) 0 0 no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  section .inner article .job-Area div {
    width: 312px;
  }
  section .inner article .job-Area h6 {
    width: 116px;
    margin: 0 auto;
  }
  section .inner article .job-Area h5 {
    font-size: 30px;
    font-weight: 900;
    text-align: center;
  }
  section .inner article .job-Area h5 span {
    font-size: 24px;
    display: block;
    margin-top: 15px;
  }
  section .inner article .job-Area p {
    font-size: 18px;
    line-height: 200%;
    text-align: center;
  }
  section .inner article .job-Area .job01 h5 {
    margin-bottom: 60px;
  }
  section .inner article .job-Area .job02 h5 {
    padding-top: 30px;
    margin-bottom: 75px;
  }
  section .inner article .other-job {
    text-align: center;
    font-size: 18px;
  }
  section .inner article .other-job .font-bold {
    font-weight: 700;
    margin-bottom: 17px;
  }
  section .inner article .photoImg {
    width: 375px;
    margin-left: 466px;
  }
  .BtnArea {
    width: 1270px;
    margin: 0 auto;
    position: -webkit-sticky;
    position: sticky;
    bottom: 10px;
    left: 0;
    z-index: 9999;
  }
  .BtnArea .inner {
    width: 816px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .BtnArea .inner .btn {
    width: 392px;
  }
  .copyright {
    width: 100%;
    min-width: 1270px;
    margin: 0 auto;
    font-size: 10px;
    letter-spacing: 0.1rem;
    padding-bottom: 20px;
    padding-top: 80px;
    text-align: center;
  }
}
@media screen and (max-width: 750px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  header h1 {
    width: 78.9333333333vw;
    margin: 0 auto;
  }
  .main {
    width: 100%;
  }
  .main h2 {
    width: 100%;
    margin: 0 auto;
  }
  .bg-light {
    background-color: #fef381;
  }
  section {
    padding-top: 18.6666666667vw;
    padding-bottom: 18.6666666667vw;
  }
  section .inner {
    width: 100%;
  }
  section .inner .job-name01 {
    width: 77.3333333333vw;
    margin: 0 auto 4vw;
  }
  section .inner .job-name02 {
    width: 82.6666666667vw;
    margin: 0 auto 4vw;
  }
  section .inner .job-name03 {
    width: 72.2666666667vw;
    margin: 0 auto 4vw;
  }
  section .inner .job-name04 {
    width: 71.6vw;
    margin: 0 auto 4vw;
  }
  section .inner article .job-about01 {
    width: 31.6vw;
    margin: 0 auto 5.3333333333vw;
  }
  section .inner article .job-about02 {
    width: 48vw;
    margin: 0 auto 4vw;
  }
  section .inner article .top-text {
    width: 64vw;
    margin: 0 auto;
    font-size: 3.4666666667vw;
    line-height: 200%;
  }
  section .inner article .top-text-02 {
    width: 69.3333333333vw;
    margin: 0 auto;
    font-size: 3.4666666667vw;
    line-height: 200%;
  }
  section .inner article .main-photo01 {
    width: 100vw;
    height: 181.0666666667vw;
    margin: 0 auto;
    background: url(../img/job01-sp.png) 0 0 no-repeat;
    background-size: contain;
    position: relative;
    z-index: 100;
  }
  section .inner article .main-photo01 div {
    padding-top: 96vw;
  }
  section .inner article .main-photo02 {
    width: 100vw;
    height: 181.0666666667vw;
    margin: 0 auto;
    background: url(../img/job02-sp.png) 0 0 no-repeat;
    background-size: contain;
    position: relative;
    z-index: 101;
  }
  section .inner article .main-photo02 div {
    padding-top: 96vw;
  }
  section .inner article .main-photo03 {
    width: 100vw;
    height: 181.4666666667vw;
    margin: 0 auto;
    background: url(../img/job03-sp.png) 0 0 no-repeat;
    background-size: contain;
    position: relative;
    z-index: 103;
  }
  section .inner article .main-photo03 div {
    padding-top: 90.6666666667vw;
  }
  section .inner article .main-photo04 {
    width: 100vw;
    height: 178.8vw;
    margin: 0 auto;
    background: url(../img/job04-sp.png) 0 0 no-repeat;
    background-size: contain;
    position: relative;
    z-index: 104;
  }
  section .inner article .main-photo04 div {
    padding-top: 90.6666666667vw;
  }
  section .inner article .main-photo04 div p {
    letter-spacing: -0.02rem;
  }
  section .inner article .job-his {
    width: 86.6666666667vw;
    height: 238.4vw;
    margin: -6.1333333333vw auto 5.3333333333vw;
    background: url(../img/job-his-sp.png) 0 0 no-repeat;
    background-size: contain;
  }
  section .inner article .job-his div {
    width: 61.3333333333vw;
    margin: 0 auto;
  }
  section .inner article .job-his h6 {
    width: 20vw;
    margin: 0 auto;
  }
  section .inner article .job-his h5 {
    font-size: 5.3333333333vw;
    font-weight: 900;
    text-align: center;
  }
  section .inner article .job-his p {
    font-size: 3.7333333333vw;
    line-height: 200%;
    text-align: center;
  }
  section .inner article .job-his .job01 {
    padding-top: 16vw;
  }
  section .inner article .job-his .job01 h6 {
    margin-bottom: 5.3333333333vw;
  }
  section .inner article .job-his .job01 h5 {
    margin-bottom: 6.6666666667vw;
  }
  section .inner article .job-his .job02 {
    padding-top: 16vw;
  }
  section .inner article .job-his .job02 h6 {
    margin-bottom: 5.3333333333vw;
  }
  section .inner article .job-his .job02 h5 {
    margin-bottom: 6.6666666667vw;
  }
  section .inner article .job-his .job03 {
    padding-top: 5.3333333333vw;
  }
  section .inner article .job-his .job03 h6 {
    margin-bottom: 4vw;
  }
  section .inner article .job-his .job03 h5 {
    margin-bottom: 4vw;
  }
  section .inner article .job-Area {
    width: 86.2666666667vw;
    height: 156.6666666667vw;
    margin: 0 auto;
    background: url(../img/picup-sp.png) 0 0 no-repeat;
    background-size: contain;
  }
  section .inner article .job-Area div {
    width: 61.3333333333vw;
    margin: 0 auto;
  }
  section .inner article .job-Area h5 {
    font-size: 5.3333333333vw;
    font-weight: 900;
    text-align: center;
  }
  section .inner article .job-Area h5 span {
    font-size: 4.5333333333vw;
    display: block;
    margin-top: 2vw;
  }
  section .inner article .job-Area p {
    font-size: 3.7333333333vw;
    line-height: 200%;
    text-align: center;
  }
  section .inner article .job-Area .job01 {
    padding-top: 16vw;
  }
  section .inner article .job-Area .job01 h5 {
    margin-bottom: 8vw;
  }
  section .inner article .job-Area .job02 {
    padding-top: 26.6666666667vw;
  }
  section .inner article .job-Area .job02 h5 {
    margin-bottom: 8vw;
  }
  section .inner article .other-job {
    text-align: center;
    font-size: 3.7333333333vw;
  }
  section .inner article .other-job .font-bold {
    font-weight: 700;
    margin-bottom: 2.2666666667vw;
  }
  section .inner article .photoImg {
    width: 50vw;
    margin-left: 25.8666666667vw;
    margin-top: 6.6666666667vw;
  }
  .BtnArea {
    width: 100%;
    margin: 0 auto;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
    z-index: 9999;
  }
  .BtnArea .inner {
    width: 86.6666666667vw;
    margin: 0 auto;
  }
  .BtnArea .inner .btn {
    margin-bottom: 1.3333333333vw;
  }
  .copyright {
    width: 100%;
    margin: 0 auto;
    font-size: 2.6666666667vw;
    letter-spacing: 0.1rem;
    padding-bottom: 2.6666666667vw;
    padding-top: 10.6666666667vw;
    text-align: center;
  }
  .job-sp-01 {
    padding-bottom: 33.3333333333vw;
  }
  .job-sp-02 {
    padding-bottom: 20vw;
  }
  .job-sp-03 {
    padding-bottom: 30.6666666667vw;
  }
  .job-sp-04 {
    padding-bottom: 26.6666666667vw;
  }
  .job-sp-05 {
    padding-bottom: 30.6666666667vw;
  }
  .job-sp-06 {
    padding-bottom: 25.3333333333vw;
  }
}/*# sourceMappingURL=base.css.map */