html {
  font-size: 62.5%; }

* {
  line-height: 1em;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

body, h1, h2, h3, h4, h5, h6, p, div, dl, dt, dd, ul, ol, li, blockquote, th, td, pre, form, fieldset, input, textarea {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

body {
  text-align: justify;
  text-justify: inter-ideograph;
  height: 100.5%;
  word-wrap: break-word; }

p, dd, li {
  word-break: normal; }

.left {
  text-align: left !important; }

.center {
  text-align: center !important; }

.right {
  text-align: right !important; }

.none {
  display: none !important; }

.fleft {
  float: left; }

.fright {
  float: right; }

img {
  font-size: 0;
  line-height: 0; }

.accessibility {
  display: none; }

.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

.m0 {
  margin: 0 !important; }

.mr0 {
  margin-right: 0 !important; }

.mr10 {
  margin-right: 10px !important; }

.ml0 {
  margin-left: 0 !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml35 {
  margin-left: 35px !important; }

.ml40 {
  margin-left: 40px !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mt0 {
  margin-top: 0 !important; }

.pb0 {
  padding-bottom: 0 !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.p0 {
  padding: 0 !important; }

.w50 {
  width: 50px; }

.font_l {
  font-size: 1.2em; }

.font_s {
  font-size: 0.8em; }

.android p,
.android dd {
  background: url(../images/common/bg_transparent.png); }

.android p,
.android dt,
.android dd,
.android div {
  max-height: 999999px; }

body.ios {
  -webkit-text-size-adjust: 100%; }

#pharmacy {
  /*default config*/
  font-size: 16px;
  line-height: 1.5em;
  background-color: #F2F2F2;
  /*header*/
  /*info*/
  /*access*/
  /*company*/
  /*responsive*/
  /*Responsive*/ }
  #pharmacy img {
    width: 100%; }
  #pharmacy a {
    text-decoration: none; }
  #pharmacy .container {
    background-color: #fff; }
  #pharmacy .space {
    padding: 25px; }
  #pharmacy h2 {
    position: relative;
    padding: .5em 10px;
    font-weight: bold;
    font-size: 27px;
    margin: 0 auto;
    border-left: solid 20px #C45917; }
  #pharmacy .band {
    padding: 0 50px;
    background: -moz-linear-gradient(to right, #e67e22, #e67e22, #e7ab31);
    background: -webkit-linear-gradient(to right, #e67e22, #e67e22, #e7ab31);
    background: linear-gradient(to right, #e67e22, #e67e22, #e7ab31);
    color: white; }
  #pharmacy h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5em; }
  #pharmacy h4 {
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    background: linear-gradient(transparent 70%, #FFD7B4 70%); }
  #pharmacy .image {
    position: relative;
    width: 100%;
    padding-top: 55%;
    overflow: hidden;
    margin: 0 auto; }
  #pharmacy .image .topimg {
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 150%;
    max-height: 150%; }
  #pharmacy .caption {
    position: absolute;
    top: 78%;
    left: 12%;
    right: 12%;
    margin: 0 auto; }
    #pharmacy .caption .container {
      background-color: rgba(0, 0, 0, 0);
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      #pharmacy .caption .container div {
        padding-top: 15px; }
      #pharmacy .caption .container .cap1 {
        flex: 0 0 55.5%;
        margin: 0 auto;
        padding: 0 10px; }
      #pharmacy .caption .container .cap2 {
        flex: 0 0 44.6%;
        padding-right: 6px; }
      #pharmacy .caption .container .cap3 {
        flex: 0 0 54.3%; }
  #pharmacy #header {
    background-color: #fff; }
    #pharmacy #header .container {
      padding: 20px 0 15px; }
      #pharmacy #header .container .row {
        font-weight: bold;
        padding: 0 20px;
        margin: 0; }
        #pharmacy #header .container .row img {
          max-width: 350px; }
        #pharmacy #header .container .row .col-sm-7 {
          display: flex;
          flex-direction: column;
          align-content: flex-end;
          justify-content: flex-end;
          text-align: right; }
          #pharmacy #header .container .row .col-sm-7 p {
            font-size: 32px; }
          #pharmacy #header .container .row .col-sm-7 .nav {
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            align-items: flex-end;
            align-content: flex-end;
            padding: 0; }
            #pharmacy #header .container .row .col-sm-7 .nav p {
              margin-left: 30px; }
            #pharmacy #header .container .row .col-sm-7 .nav a {
              font-size: 20px;
              color: #E67E22; }
            #pharmacy #header .container .row .col-sm-7 .nav a:hover {
              color: #F4A661;
              -webkit-transition: .3s ease-in-out;
              transition: .3s ease-in-out; }
  #pharmacy #info .container {
    padding: 0 50px 100px; }
    #pharmacy #info .container p {
      line-height: 1.6em;
      padding: 10px 0;}
    #pharmacy #info .container .toptxt {
      text-align: right;
      padding-top: 40px; }
    #pharmacy #info .container .row {
      border: 1px solid #ccc;
      border-radius: 10px;
      margin: 40px auto 70px; }
      #pharmacy #info .container .row .photo {
        background-size: cover;
        background-position: 75% 50%; }
        #pharmacy #info .container .row .photo img {
          /*display: none;*/
        }
      #pharmacy #info .container .row .txt {
        text-align: center;
        padding: 60px 40px; }
        #pharmacy #info .container .row .txt hr {
          border: 6px solid #FFD7B4;
          margin: 15px auto 30px; }
        #pharmacy #info .container .row .txt p {
          text-align: left;
          padding: 0 20px; }
    #pharmacy #info .container .row:nth-of-type(1) .photo {
      background-image: url(../images/p01.png);
      border-radius: 10px 0 0 10px; }
    #pharmacy #info .container .row:nth-of-type(2) .photo {
      background-image: url(../images/p02.png);
      border-radius: 0 10px 10px 0; }
    #pharmacy #info .container .row:last-of-type {
      border-radius: 10px;
      border: none;
      margin: 0 auto;
      padding: 40px;
      background-color: #FFF7E5; }
      #pharmacy #info .container .row:last-of-type img {
        margin-top: 10px;
        margin-bottom: 10px;}
  #pharmacy #access .container {
    padding: 0 50px 100px; }
    #pharmacy #access .container .row {
      padding-top: 70px; }
      #pharmacy #access .container .row .map {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden; }
      #pharmacy #access .container .row .map iframe,
      #pharmacy #access .container .row .map object,
      #pharmacy #access .container .row .map embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      #pharmacy #access .container .row a {
        color: #fff; }
      #pharmacy #access .container .row .button {
        margin: 15px auto;
        padding: 10px 25px;
        text-align: center;
        cursor: pointer;
        outline: none;
        background-color: #E67E22;
        border: none;
        border-radius: 10px;
        box-shadow: 0 3px #AF3C00; }
      #pharmacy #access .container .row .button:hover {
        background-color: #F4A661;
        box-shadow: 0 3px #E67E22;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
      #pharmacy #access .container .row .button:active {
        background-color: #F4A661;
        box-shadow: 0 0px #E67E22;
        transform: translateY(4px); }
    #pharmacy #access .container .row div {
      padding: 0 10px; }
    #pharmacy #access .container .row div:last-child {
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      #pharmacy #access .container .row div:last-child div {
        margin-bottom: 70px; }
        #pharmacy #access .container .row div:last-child div h4 {
          margin-bottom: 1.2em; }
        #pharmacy #access .container .row div:last-child div p {
          line-height: 1.5em; }
          #pharmacy #access .container .row div:last-child div p span {
            color: #E67E22; }
  #pharmacy #company .container {
    padding: 50px 50px 20px; }
    #pharmacy #company .container .row {
      align-items: center; }
      #pharmacy #company .container .row .col-12 {
        display: flex;
        flex-direction: column; }
        #pharmacy #company .container .row .col-12 .cmp {
          margin: 0 auto;
          line-height: 2em; }
          #pharmacy #company .container .row .col-12 .cmp span {
            color: #E67E22;
            width: 5em; }
          #pharmacy #company .container .row .col-12 .cmp p {
            line-height: .8em;
            display: inline-block;}
      #pharmacy #company .container .row a img {
        max-width: 305px;
        text-align: center;
        opacity: 1;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
      #pharmacy #company .container .row a img:hover {
        opacity: .5; }
    #pharmacy #company .container #footer {
      margin-top: 70px;
      text-align: center;
      color: #E67E22; }
      #pharmacy #company .container #footer p {
        margin: .5em auto; }
  @media screen and (min-width: 768px) {
    #pharmacy {
      /*768~991*/ }
      #pharmacy h2 {
        width: 720px; } }
  @media screen and (min-width: 992px) {
    #pharmacy {
      /*991~1199*/ }
      #pharmacy h2 {
        width: 940px; } }
  @media screen and (min-width: 1200px) {
    #pharmacy {
      /*1200~*/ }
      #pharmacy h2 {
        width: 1140px; } }
  @media screen and (max-width: 991px) {
    #pharmacy {
      /*991 topimg*/ }
      #pharmacy .container {
        max-width: 90%; }
      #pharmacy h3 {
        font-size: 22px; }
      #pharmacy #info .container .row .txt {
        padding: 60px 20px; }
      #pharmacy #info .container .toptxt {
        text-align: justify; }
        #pharmacy #info .container .toptxt br {
          display: none; }
      #pharmacy #info .container .row:last-of-type {
        padding: 40px 10px;
        width: 100%; }
      #pharmacy #header .container .row .col-sm-7 p {
        font-size: 24px; }
      #pharmacy #header .container .row .col-sm-7 .nav a {
        font-size: 16px; }
      #pharmacy #header .container .row .col-sm-7 .nav p {
        margin-left: 15px; }
      #pharmacy .caption {
        top: 78%;
        left: 3%;
        right: 3%; }
        #pharmacy .caption .container div {
          padding-top: 10px; } }
  @media screen and (max-width: 767px) {
    #pharmacy {
      /*768 topimg*/ }
      #pharmacy .container {
        max-width: 80%; }
      #pharmacy #header .container {
        max-width: 740px; }
        #pharmacy #header .container .row .col-sm-7 p {
          font-size: 22px; }
        #pharmacy #header .container .row .col-sm-7 .nav a {
          font-size: 14px; }
        #pharmacy #header .container .row .col-sm-7 .nav p {
          margin-left: 10px; }
      #pharmacy #info .container {
        padding: 0 20px 100px; }
        #pharmacy #info .container .row .txt {
          padding: 20px 15px 30px; }
        #pharmacy #info .container .row .photo {
          padding: 0; }
          #pharmacy #info .container .row .photo img {
            display: inline;
            border-radius: 10px 10px 0 0; }
        #pharmacy #info .container .row:nth-of-type(1) .photo {
          height: 200px;
          border-radius: 10px 10px 0 0;}
        #pharmacy #info .container .row:nth-of-type(2) {
          display: flex; }
          #pharmacy #info .container .row:nth-of-type(2) div:nth-child(1) {
            order: 2; }
          #pharmacy #info .container .row:nth-of-type(2) div:nth-child(2) {
            order: 1; }
          #pharmacy #info .container .row:nth-of-type(2) .photo {
            height: 200px;
            border-radius: 10px 10px 0 0; }
        #pharmacy #info .container .row:last-of-type {
          width: 100%;
          padding: 20px 15px; }
      #pharmacy #access .container {
        padding: 0 10px 20px; }
        #pharmacy #access .container .row {
          margin-left: 0;
          margin-right: 0; }
          #pharmacy #access .container .row div:last-child div {
            margin-bottom: 30px; }
        #pharmacy #access .container .col-12 {
          padding: 0; }
        #pharmacy #access .container .col-12:first-of-type {
          text-align: center; }
          #pharmacy #access .container .col-12:first-of-type p {
            text-align: center;
            margin: 10px auto; }
        #pharmacy #access .container .col-12:last-of-type {
          margin-top: 30px; }
      #pharmacy #company .cmp {
        margin: 0 auto; }
      #pharmacy #company .col-md-5 {
        text-align: center;
        margin: 30px auto 0; }
      #pharmacy .image {
        padding-top: 55%; }
      #pharmacy .image .topimg {
        position: absolute;
        top: 61%; }
      #pharmacy .caption {
        position: absolute;
        top: 78.5%;
        left: 0%;
        right: 0%; }
        #pharmacy .caption .container div {
          padding-top: 10px;
          margin: 0 auto; } }
  @media screen and (max-width: 575px) {
    #pharmacy {
      /*576~767 tablet*/
      /*topimg*/ }
      #pharmacy .container {
        max-width: 100%; }
      #pharmacy .fixed {
        position: fixed;
        top: 0;
        padding-top: 10px !important;
        width: 100%;
        z-index: 10000;
        background-color: #E67E22 !important; }
        #pharmacy .fixed p a {
          color: #fff !important; }
        #pharmacy .fixed p a:hover {
          color: #F4A661 !important; }
      #pharmacy h2 {
        width: 100%;
        margin: 0;
        font-size: 24px; }
      #pharmacy .band {
        padding: 0; }
      #pharmacy h3 {
        font-size: 16px; }
      #pharmacy .image {
        padding-top: 67%; }
      #pharmacy .image .topimg {
        top: 50%;
        left: 50%; }
      #pharmacy .caption {
        top: 65%;
        left: 5%;
        right: 5%; }
        #pharmacy .caption .container {
          display: block;
          flex-direction: column;
          padding-left: 5%;
          padding-right: 5%; }
          #pharmacy .caption .container div {
            padding-top: 12px; }
          #pharmacy .caption .container .cap1 {
            padding-right: 0px;
            width: 91%;
            margin: 0 auto; }
          #pharmacy .caption .container .cap2 {
            padding-left: 0px;
            width: 81%;
            margin: 0 auto; }
          #pharmacy .caption .container .cap3 {
            width: 100%;
            margin: 0 auto; }
      #pharmacy #header .container {
        padding: 20px 0 0; }
        #pharmacy #header .container .row {
          padding: 0; }
          #pharmacy #header .container .row .col-sm-5 {
            text-align: center;
            padding-bottom: 10px; }
          #pharmacy #header .container .row img {
            max-width: 250px; }
          #pharmacy #header .container .row .col-sm-7 {
            padding: 0; }
            #pharmacy #header .container .row .col-sm-7 p {
              text-align: center; }
            #pharmacy #header .container .row .col-sm-7 .nav {
              background-color: #fff;
              padding: 5px 0 15px 0;
              margin-left: 0px;
              justify-content: center;
              align-items: center;
              align-content: space-between; }
              #pharmacy #header .container .row .col-sm-7 .nav p {
                margin: 0 10px; }
              #pharmacy #header .container .row .col-sm-7 .nav a {
                font-size: 16px; }
      #pharmacy #info .container {
        padding: 0 0 100px; }
        #pharmacy #info .container .row {
          border: none;
          margin: 40px auto 40px; }
          #pharmacy #info .container .row .txt {
            padding: 20px 15px; }
            #pharmacy #info .container .row .txt p {
              padding: 0; }
            #pharmacy #info .container .row .txt h3 br {
              display: none; }
          #pharmacy #info .container .row:nth-of-type(1) .photo{
                border-radius: 0;
              }
          #pharmacy #info .container .row:nth-of-type(2) .photo{
            border-radius: 0;
          }
          #pharmacy #info .container .row .photo img {
            border-radius: 0; }
        #pharmacy #info .container .toptxt {
          padding: 40px 15px 0; }
        #pharmacy #info .container .row:last-of-type {
          border: none;
          padding: 30px 0;
          background-color: #FFF7E5;
          border-radius: 0; }
          #pharmacy #info .container .row:last-of-type img {
            margin-bottom: 20px; }
      #pharmacy #access .col-md-6 div:first-of-type span {
        display: block;
        line-height: 1.5em; }
      #pharmacy #company .container {
        padding: 40px 10px 20px; }
        #pharmacy #company .container .row {
          margin-left: 0;
          margin-right: 0; }
        #pharmacy #company .container .col-md-5 {
          margin-top: 30px; }
        #pharmacy #company .container #footer {
          font-size: 13px; }
          #pharmacy #company .container .row .col-12 .cmp p {
          display: block;
          text-indent: 4em;
          line-height: 1.5;
          }
          #pharmacy #company .container .row .col-12 .cmp .company-dn {
          display: none;
          }  }
  @media screen and (max-width: 347px) {
    #pharmacy .caption {
      top: 61.5%;
      left: 5%;
      right: 5%; }
      #pharmacy .caption .container {
        padding-left: 2%;
        padding-right: 2%; }
        #pharmacy .caption .container div {
          padding-top: 10px; }
    #pharmacy #header .container .row .col-sm-7 {
      padding: 0; }
      #pharmacy #header .container .row .col-sm-7 .nav p {
        margin: 0 5px; }
      #pharmacy #header .container .row .col-sm-7 .nav a {
        font-size: 14px; }
    #pharmacy #company .container .row .col-12 .cmp {
      font-size: 15px; } }

/*# sourceMappingURL=style.css.map */