.mvBg {
  background: url(../img/pc/dots.png);
}

/* #message */

#message {
  padding-top: 80px;
}

#message .messageInner {
  display: flex;
  padding: 0 5.4%;
}

#message .messageInner .textBox img.subtitle {
  max-width: 590px;
  margin-bottom: 80px;
}

#message .messageInner .textBox .text img {
  padding: 0 15.5% 0 22.3%;
}

#message .messageInner .imgBox {
  padding-top: 110px;
}

#pharmacydata {
  padding-top: 64px;
}

#pharmacydata .subtitle img {
  padding: 0 62.5% 0 5.4%;
  margin-bottom: 46px;
}

#information {
  padding-top: 90px;
}

#information img.subtitle {
  padding: 0 52.7% 0 8.7%;
  margin-bottom: 80px;
}

#information .infoImg img{
  padding:0 17.7% 0 14.8%;
}

#greeting {
  padding-top: 200px;
}

#greeting .subtitle img {
  padding: 0 67.4% 0 5.4%;
}

#greeting .greetingInner .img img {
  padding: 0 11.1%;
  margin-bottom: 90px;
}

#greeting .nintei img {
  padding: 0 5.4%;
  margin-bottom: 75px;
}

#greeting .greetingInner .container {
  display: flex;
}

#greeting .container.dsc {
  padding: 0 5.4% 0 11.2%;
  justify-content: space-between;
  margin-bottom: 0;
  gap: 34px;
}

#greeting .container.dsc div {
  flex: 1;
}

#greeting .container.dsc div:nth-child(2) {
  padding: 68px 40px 10px;
}

#greeting .container.dsc div img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

#greeting .container.dsc > img {
  max-width: 570px;
}

/* #aboutus */

#aboutus {
  padding-top: 40px;
}

#aboutus .subtitle img {
  padding: 0 66.6% 0 5.4%;
  margin-bottom: 80px;
}

#aboutus .aboutusInner {
  padding: 0 5.4%;
}

#aboutus .aboutusInner .about1 {
  padding-top: 30px;
  text-align: center;
}

#aboutus .aboutusInner .container {
  padding: 0 50px;
  display: flex;
  gap: 7%;
}

#aboutus .aboutusInner .about1 .container {
  margin-bottom: 80px;
}

#aboutus .aboutusInner .about1 img.pc {
  max-width: 1100px;
}

#aboutus .aboutusInner .container .imgBox {
  max-width: 383px;
}

#aboutus .aboutusInner .container .textBox {
  padding-right: 20px;
  position: relative;
  bottom: 20px;
}

#aboutus .aboutusInner .about2 {
  padding-top: 100px;
}

#aboutus .aboutusInner .about2 .container {
  margin-bottom: 40px;
}

#aboutus .aboutusInner .about3 {
  padding-top: 130px;
}

#aboutus .aboutusInner .about3 .container {
  margin-bottom: 64px;
}

/* #introduction */

#introduction {
  padding-top: 124px;
}

#introduction .subtitle img {
  padding-right: 58.1%;
  margin-bottom: 54px;
}

#introduction .container {
  text-align: center;
}

#introduction .container img:first-child {
  max-width: 1114px;
  margin-bottom: 70px;
}

/* #schedule */

#schedule {
  padding-top: 124px;
  margin-bottom: 80px;
}

#schedule .subtitle img {
  padding: 0 66.6% 0 5.1%;
  margin-bottom: 80px;
}

#schedule img.pc {
  padding: 0 5.4%;
  margin-bottom: 90px;
}

/* #training */

#training .trainingInner {
  padding: 0 9%;
}

/* #interveiw */

#interview {
  padding-top: 124px;
}

#interview .subtitle img {
  padding: 0 44.8% 0 5.4%;
  margin-bottom: 60px;
}

#interview .interviewInner .container {
  padding: 0 12.9%;
}

/* #workingenvironment */

#workingenvironment {
  padding-top: 200px;
}

#workingenvironment .subtitle img {
  padding: 0 22.3% 0 8.8%;
  margin-bottom: 57px;
}

#workingenvironment .workingenvironmentInner {
  padding: 0 5.4%;
}

#workingenvironment .workingenvironmentInner img {
  margin-bottom: 64px;
}

#workingenvironment #plan {
  padding: 0 45px;
}

#workingenvironment #plan img {
  margin-bottom: 0;
}

/* #equipment_systems */

#equipment_systems {
  padding-top: 56px;
  text-align: center;
}

#equipment_systems .subtitle img {
  padding: 0 35.9%;
  margin-bottom: 107px;
}

#equipment_systems .container {
  padding: 0 13.6%;
}

#equipment_systems .container picture {
  display: block;
  max-width: 800px;
  margin: 0 auto 130px;
}

#equipment_systems .container picture:nth-child(3) {
  max-width: none;
  margin-bottom: 80px;
}

#equipment_systems .container picture:last-of-type {
  margin-bottom: 0;
}

/* #requirements */

#requirements {
  padding-top: 120px;
  text-align: center;
  margin-bottom: 75px;
}

#requirements .subtitle img {
  padding: 0 28.5%;
  margin-bottom: 93px;
}

#requirements div.pc {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 95px;
}

#requirements .imgBox {
  position: relative;
}

#requirements .requireImg img {
  padding: 0 8.6% 0 7.2%;
}

#requirements .link .jimu {
  width: 21.4%;
  position: absolute;
  top: 8%;
  right: 19.4%;
}

#requirements .link .eiyou {
  width: 22.7%;
  position: absolute;
  top: 12%;
  right: 18.1%;
}

/* #footer */

#footer {
  background: url(../img/pc/footerImg.png) center / cover;
}

@media screen and (max-width: 900px) {
  #top {
    text-align: center;
  }

  #message {
    padding-top: 40px;
  }

  #message .messageInner {
    padding: 0;
  }

  #message .messageInner .textBox img.subtitle {
    padding-right: 9.4%;
    margin-bottom: 40px;
  }

  #message .messageInner .textBox .text img {
    padding: 0 7%;
  }

  #pharmacydata {
    padding-top: 54px;
  }

  #pharmacydata .subtitle img {
    padding: 0 39.8% 0 0;
    margin-bottom: 25px;
  }

  #information {
    padding-top: 54px;
  }

  #information img.subtitle {
    padding: 0 37% 0 0;
  }

  #information .infoImg img {
    padding: 0 5%;
    margin-bottom: 40px;
  }

  #greeting {
    padding-top: 56px;
  }

  #greeting .subtitle img {
    padding: 0 52% 0 6.2%;
    margin-bottom: 23px;
  }

  #greeting .greetingInner .img img{
    padding: 0;
  }

  #greeting .nintei img {
    padding: 0;
    margin-bottom: 0;
  }

  #greeting .container.dsc{
    width: 100%;
    flex-direction: column;
    gap: 0;
    padding: 80px 6.2% 0;
  }

  #greeting .container.dsc div:nth-child(2){
    padding: 24px 0 10px;
  }

  #greeting .container.dsc div img{
    top: 0;
    transform: translateY(0);
  }

  #aboutus {
    padding-top: 36px;
  }

  #aboutus .subtitle img {
    padding: 0 39% 0 0;
    margin-bottom: 46px;
  }

  #aboutus .aboutusInner {
    padding: 0;
  }

  #aboutus .aboutusInner .about1 {
    padding-top: 0;
  }

  #aboutus .aboutusInner .container {
    flex-direction: column;
    padding: 0;
  }

  #aboutus .aboutusInner .container .imgBox {
    max-width: none;
    width: 100%;
  }

  #aboutus .aboutusInner .container .textBox {
    padding-right: 0;
    bottom: 0;
  }

  #aboutus .aboutusInner .about1 .container {
    margin-bottom: 46px;
  }

  #aboutus .aboutusInner .about1 .container .imgBox {
    padding: 0 6.7%;
    margin-bottom: 48px;
  }

  #aboutus .aboutusInner .about2 {
    padding-top: 0;
  }

  #aboutus .aboutusInner .about2 .container {
    margin-bottom: 60px;
  }

  #aboutus .aboutusInner .about2 .textBox {
    padding: 0 6.7%;
    margin-bottom: 64px;
  }

  #aboutus .aboutusInner .about3 {
    padding-top: 0;
  }

  #aboutus .aboutusInner .about3 .imgBox {
    padding: 0 6.7%;
    margin-bottom: 24px;
  }

  #aboutus .aboutusInner .about3 .container {
    margin-bottom: 0;
  }

#introduction{
  padding-top: 36px;
}

#introduction .subtitle img{
  padding-right: 20%;
}

  #schedule {
    padding-top: 46px;
  }

  #schedule .subtitle img {
    padding: 0 46% 0 0;
    margin-bottom: 43px;
  }

  #schedule .scheduleBox {
    margin-bottom: 12px;
  }

  #schedule .scheduleBox button.sc {
    display: inline-block;
    width: 100%;
    background: #fff;
    border-radius: 20px;
    border: 3px solid #019ea7;
    text-align: center;
    padding: 3rem 0;
    margin-bottom: 28px;
  }

  #schedule .scheduleBox button.sc span {
    font-size: 16px;
    font-weight: 600;
    color: #019ea7;
    position: relative;
  }

  #schedule .scheduleBox button.sc span::before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-color: #019ea7;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    position: absolute;
    top: 50%;
    right: -16%;
    transform: translateY(-50%) rotate(-90deg);
    transition: all 0.2s linear;
  }

  #schedule .scheduleBox button.sc.close span::before {
    transform: rotate(0deg);
  }

  #schedule .scheduleBox .scimg {
    position: relative;
    display: none;
  }

  #schedule .scheduleBox .scimg div {
    width: 100%;
    padding: 0 10%;
    position: absolute;
    bottom: 0;
  }

  #schedule .scheduleBox button.scclose {
    background: #fff;
    border: 3px solid #019ea7;
    font-size: 20px;
    font-weight: 600;
    padding: 1em 0;
    margin-bottom: 28px;
  }

  #schedule .scheduleBox button.scclose span {
    color: #019ea7;
  }

  #schedule .scheduleBox button.scclose span::before {
    display: none;
  }

  #training {
    padding-top: 20px;
  }

  #training .trainingInner {
    padding: 0;
  }

  #interview {
    padding-top: 56px;
  }

  #interview .subtitle img {
    padding: 0 19.9% 0 0;
    margin-bottom: 46px;
  }

  #interview .interviewInner .container.sp {
    padding: 0;
  }

  #interview .interviewBox {
    text-align: center;
    margin-bottom: 60px;
  }

  #interview .interviewBox:last-child {
    margin-bottom: 0;
  }

  #interview .interviewBox > img {
    margin-bottom: 30px;
  }

  #interview .interviewBox .interviewText {
    margin-top: 30px;
    display: none;
  }

  #interview .interviewBox .interviewText img {
    margin-bottom: 30px;
  }

  #interview button.siopen {
    max-width: 111px;
    margin: 0 auto;
  }

  #interview button.siclose {
    max-width: 97px;
  }

  #workingenvironment {
    padding-top: 20px;
  }

  #workingenvironment .subtitle img {
    padding: 0 30% 0 0;
    margin-bottom: 50px;
  }

  #workingenvironment .workingenvironmentInner {
    padding: 0;
  }

  #workingenvironment .workingenvironmentInner .weImg img {
    margin-bottom: 32px;
  }

  #workingenvironment .workingenvironmentInner #plan {
    padding: 0;
  }

  #workingenvironment #plan .container.sp img.features {
    padding: 0 16.7% 0 0;
    margin-bottom: 32px;
  }

  #equipment_systems {
    padding-top: 58px;
  }

  #equipment_systems .subtitle img {
    padding: 0 7%;
    margin-bottom: 32px;
  }

  #equipment_systems .container {
    padding: 0;
  }

  #equipment_systems .esInner .container picture {
    padding: 0 15%;
    margin-bottom: 80px;
  }

  #equipment_systems .esInner .container picture:nth-child(3) {
    margin-bottom: 60px;
  }

  #equipment_systems .esInner .container picture:nth-child(4) {
    margin-bottom: 40px;
  }

  #equipment_systems .esInner .container .hr {
    margin-bottom: 90px;
  }

  #equipment_systems .esInner .container .spImgBox div {
    padding: 0 7%;
    margin-bottom: 60px;
  }

  #equipment_systems .esInner .container .spImgBox div:nth-child(2) {
    padding: 0 10%;
  }

  #equipment_systems .esInner .container .spImgBox .hr:last-child {
    margin-bottom: 0;
  }

  #requirements .subtitle img {
    padding: 0 21.4%;
    margin-bottom: 46px;
  }

  #requirements div.pc {
    display: none;
  }

  #requirements .requireImg img {
    margin-bottom: 36px;
  }

  #requirements .link .jimu {
    width: 55%;
    top: 41%;
    right: -2.5%;
  }

  #requirements .link .eiyou {
    width: 55%;
    position: absolute;
    top: 44.5%;
    right: -2.5%;
  }

  #footer {
    background: url(../img/sp/spfooter.png) center / cover;
  }

  #footer .linkBox a {
    background: #019ea7;
  }

  #footer .linkBox a:hover {
    background: #6de6ecd2;
  }
}
