.commonPageTitle {
  background-color: #eff4ed;
}
@media only screen and (max-width: 767px) {
  .commonPageTitle {
    background-image: url(../images/bgTopSp.png?230301);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: min(133px, 38.43%);
  }
}
@media print, screen and (min-width: 768px) {
  .commonPageTitle .pageTitleIn {
    background-image: url(../images/bgTop.png?230301);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 24.83%;
  }
}
#pageMedicine .categoryArea .itemList .listName {
  font-weight: bold;
  letter-spacing: 0.1em;
}
#pageMedicine .categoryArea .itemList .listArrow span {
  display: inline-block;
  transform: rotateZ(90deg) scaleX(0.75) scaleY(1.5);
}
#pageMedicine .categoryArea .itemList.type01 .listName, #pageMedicine .categoryArea .itemList.type01 .listArrow {
  color: #bf0000;
}
#pageMedicine .categoryArea .itemList.type02 .listName, #pageMedicine .categoryArea .itemList.type02 .listArrow {
  color: #2d8100;
}
#pageMedicine .categoryArea .itemList.type03 .listName, #pageMedicine .categoryArea .itemList.type03 .listArrow {
  color: #ed5200;
}
#pageMedicine .categoryArea .itemList.type04 .listName, #pageMedicine .categoryArea .itemList.type04 .listArrow {
  color: #7c2a16;
}
#pageMedicine .categoryArea .itemList.type05 .listName, #pageMedicine .categoryArea .itemList.type05 .listArrow {
  color: #264293;
}
#pageMedicine .categoryArea .itemList.type06 .listName, #pageMedicine .categoryArea .itemList.type06 .listArrow {
  color: #00a8e6;
}
#pageMedicine .categoryArea .itemList.type07 .listName, #pageMedicine .categoryArea .itemList.type07 .listArrow {
  color: rgba(39, 39, 39, 0.9921568627);
}
#pageMedicine .groupArea .categoryTitle {
  border-bottom: solid 4px;
  font-weight: bold;
}
#pageMedicine .groupArea .itemListArea .itemList {
  letter-spacing: 0.1em;
}
#pageMedicine .groupArea .itemListArea .itemList .itemName {
  font-weight: bold;
  text-align: center;
}
#pageMedicine .groupArea .itemListArea .itemList .itemKind {
  text-align: center;
}
#pageMedicine .groupArea .itemListArea .itemList .itemCode {
  text-align: center;
}
#pageMedicine .groupArea .itemListArea .itemList .itemImg {
  text-align: center;
}
#pageMedicine .groupArea .itemListArea .itemList .itemBtn {
  border: solid 2px #000000;
  border-radius: 20px;
  text-align: center;
  display: block;
  background: url(../../shared/images/iconPdf.svg) 23.5% center no-repeat;
  background-size: 8.8%;
  padding-left: 7%;
}
#pageMedicine .groupArea.type01 .categoryTitle {
  border-color: #bf0000;
  color: #bf0000;
}
#pageMedicine .groupArea.type02 .categoryTitle {
  border-color: #2d8100;
  color: #2d8100;
}
#pageMedicine .groupArea.type03 .categoryTitle {
  border-color: #ed5200;
  color: #ed5200;
}
#pageMedicine .groupArea.type04 .categoryTitle {
  border-color: #7c2a16;
  color: #7c2a16;
}
#pageMedicine .groupArea.type05 .categoryTitle {
  border-color: #264293;
  color: #264293;
}
#pageMedicine .groupArea.type06 .categoryTitle {
  border-color: #00a8e6;
  color: #00a8e6;
}
#pageMedicine .groupArea.type07 .categoryTitle {
  border-color: rgba(39, 39, 39, 0.9921568627);
  color: rgba(39, 39, 39, 0.9921568627);
}

@media only screen and (max-width: 767px) {
  #pageMedicine .categoryArea {
    display: flex;
    flex-wrap: wrap;
    background: #F8F7F7;
    padding-top: 18px;
    padding-bottom: 4px;
    width: 100vw;
    margin-left: -3.865vw;
    padding-left: 3.865%;
    padding-right: 3.865%;
    margin-bottom: 20px;
  }
  #pageMedicine .categoryArea .itemList {
    width: 50%;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    font-size: min(12px, 3.2vw);
  }
  #pageMedicine .categoryArea .itemList .listImg {
    height: 20px;
    margin-right: 4px;
  }
  #pageMedicine .categoryArea .itemList .listImg img {
    max-height: 100%;
  }
  #pageMedicine .categoryArea .itemList .listName {
    margin-right: 5px;
  }
  #pageMedicine .groupArea .categoryTitle {
    font-size: min(16px, 4.267vw);
    padding-bottom: 5px;
    margin-bottom: 20px;
  }
  #pageMedicine .groupArea .itemListArea .itemList {
    font-size: min(16px, 4.267vw);
    padding-bottom: 90px;
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemName {
    font-size: min(20px, 5.33vw);
    padding-bottom: 5px;
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemKind {
    padding-bottom: 5px;
    font-size: min(14px, 3.73vw);
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemCode {
    font-size: min(14px, 3.73vw);
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemImg {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 130px;
    margin: 20px 0;
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemImg .imgFit {
    max-width: 75%;
    max-height: 100%;
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemDescription {
    padding-bottom: 25px;
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemBtn {
    width: 170px;
    margin: 0 auto;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  #pageMedicine .groupArea:last-of-type {
    margin-bottom: -90px;
  }
}
@media print, screen and (min-width: 768px) {
  #pageMedicine .categoryArea {
    display: flex;
    flex-wrap: wrap;
    padding-top: 3.75vw;
    padding-bottom: 4.5vw;
  }
  #pageMedicine .categoryArea .itemList {
    display: flex;
    align-items: center;
    margin-right: 4.45vw;
    padding-bottom: 2.25vw;
  }
  #pageMedicine .categoryArea .itemList .listImg {
    height: 2.25vw;
    margin-right: 1vw;
  }
  #pageMedicine .categoryArea .itemList .listImg img {
    max-height: 100%;
  }
  #pageMedicine .categoryArea .itemList .listName {
    font-size: 1.2vw;
    margin-right: 0.5vw;
  }
  #pageMedicine .groupArea .categoryTitle {
    font-size: 1.5vw;
    padding-bottom: 0.75vw;
    margin-bottom: 3.75vw;
  }
  #pageMedicine .groupArea .itemListArea {
    display: flex;
    flex-wrap: wrap;
    width: 102.5%;
    margin-left: -1.25%;
  }
  #pageMedicine .groupArea .itemListArea .itemList {
    font-size: 1.2vw;
    width: 33.3%;
    padding: 0 1.2%;
    padding-bottom: 9vw;
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemName {
    font-size: 1.874vw;
    padding-bottom: 0.75vw;
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemKind {
    padding-bottom: 0.75vw;
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemImg {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 11.62vw;
    margin: 2.25vw 0;
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemImg .imgFit {
    max-width: 77%;
    max-height: 100%;
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemDescription {
    padding-bottom: 1.95vw;
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemBtn {
    width: 44.8%;
    margin: 0 auto;
    padding-top: 0.6vw;
    padding-bottom: 0.6vw;
  }
  #pageMedicine .groupArea:last-of-type {
    margin-bottom: -9vw;
  }
}
@media only screen and (min-width: 1334px) {
  #pageMedicine .categoryArea {
    padding-top: 50px;
    padding-bottom: 60px;
  }
  #pageMedicine .categoryArea .itemList {
    margin-right: 60px;
    padding-bottom: 30px;
  }
  #pageMedicine .categoryArea .itemList .listImg {
    height: 30px;
    margin-right: 13px;
  }
  #pageMedicine .categoryArea .itemList .listName {
    font-size: 16px;
    margin-right: 6px;
  }
  #pageMedicine .groupArea .categoryTitle {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 50px;
  }
  #pageMedicine .groupArea .itemListArea .itemList {
    font-size: 16px;
    padding-bottom: 120px;
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemName {
    font-size: 25px;
    padding-bottom: 10px;
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemKind {
    padding-bottom: 10px;
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemImg {
    height: 155px;
    margin: 30px 0;
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemDescription {
    padding-bottom: 26px;
  }
  #pageMedicine .groupArea .itemListArea .itemList .itemBtn {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  #pageMedicine .groupArea:last-of-type {
    margin-bottom: -120px;
  }
}/*# sourceMappingURL=style.css.map */