@charset "utf-8";

/*----------------------------------------------------------------------------------------------------

  Main visual
  
----------------------------------------------------------------------------------------------------*/

.mainVisual {
  position:relative;
}

.mainVisual .slick-list,
.mainVisual .slick-track {
  width:100%;
  height:100%;
}

.mv-slider {
  list-style:none;
  height:100%;
}

.mv-slider li {
  position:relative;
  height:100%;
  overflow:hidden;
}

.mv-slider li:after {
  content:"";
  width:100%;
  height:100%;
  display:block;
  background-color:rgba(255,255,255,0.1);
  position:absolute;
  left:0;
  top:0;
}

.mv-slider img {
  width:100%;
  height:100%;
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  object-fit:cover;
  font-family:'object-fit: cover;'
}

@media print,screen and (min-width:641px) {
  .mainVisual {
    width:100%;
    height:700px;
    margin-top:-60px; /* gNavの分 */
  }
}

@media screen and (min-width:641px) and (max-width:1200px) {
  .mainVisual {
    height:-webkit-calc(700 / 1200 * 100vw);
    height:calc(700 / 1200 * 100vw);
    min-height:600px;
  }
}

@media screen and (max-width:640px) {
  .mainVisual {
    height:-webkit-calc(350 / 640 * 100vw);
    height:calc(350 / 640 * 100vw);
    min-height:250px;
  }
}


/*----------------------------------------------------------------------------------------------------

  お知らせ
  
----------------------------------------------------------------------------------------------------*/

.info {
  box-shadow:0 0 20px 0 rgba(155,110,80,0.15);
}

.info-list {
  line-height:1.6;
  text-align:left;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-line-pack:start;
  align-content:flex-start;
}

.info-list dt:first-of-type {
  padding-top:0.1em;
}

.info-list dt:not(:first-of-type) {
  padding-top:0.65em;
}

.info-list dd:not(:first-of-type) {
  padding-top:0.5em;
}

.info-list dt {
  width:9em;
  font-weight:300;
  font-size:0.9em;
}

.info-list dd {
  width:-webkit-calc(100% - 9em);
  width:calc(100% - 9em);
}

.info-list dd a[target="_blank"]:after {
  content:"";
  width:1em;
  height:1em;
  background:url(../image/icon/gLink.svg) no-repeat center center;
  background-size:auto 1rem;
  display:inline-block;
  vertical-align:middle;
  margin-bottom:0.2em;
  margin-left:0.25em;
}

@media print,screen and (min-width:641px) {
  .sec-info {
    padding-top:80px;
    padding-bottom:10px;
  }
  
  .info {
    min-height:210px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:50px 0;
    position:relative;
  }
  
  .info-ttl {
    width:280px;
    margin-top:-0.25em;
  }
  
  .info-list {
    width:-webkit-calc(100% - 280px);
    width:calc(100% - 280px);
    border-left:1px solid rgba(105,75,55,0.1);
    padding:0 50px;
  }
  
  .info-btn {
    width:280px;
    position:absolute;
    left:0;
    bottom:50px;
    padding-left:50px;
    padding-right:50px;
  }
  
  .info-btn .p-btn {
    width:100%;
    padding-left:0;
    padding-right:0;
  }
}

@media screen and (max-width:640px) {
  .sec-info {
    padding-top:2.5em;
    padding-bottom:0.5em;
  }
  
  .info {
    padding:1.5em;
  }
  
  .info-list {
    padding-top:1em;
    padding-bottom:1.5em;
  }
  
  .info-btn {
    padding:0.5em 0;
  }
  
  .info-btn .p-btn {
    width:100%;
    max-width:320px;
  }
}

@media screen and (max-width:480px) {
  .info-list dt,
  .info-list dd {
    width:100%;
  }
  
  .info-list dd {
    padding-top:0 !important;
  }
  
  .info-list dd:not(:last-of-type) {
    padding-bottom:0.75em;
  }
  
  .info-btn .p-btn {
    max-width:inherit;
  }
}


/*----------------------------------------------------------------------------------------------------

  banner
  
----------------------------------------------------------------------------------------------------*/

.bnr-list {
  list-style:none;
  display:flex;
  flex-direction:column;
}

.bnr-monshin,
.bnr-airpay {
  text-align:center;
}

@media print,screen and (min-width:641px) {
  .bnr-list {
    padding-top:70px;
    gap:2em;
  }
  
  .bnr-list img,
  .bnr-monshin img {
    width:100%;
    max-width:520px;
  }
  
  .bnr-monshin {
    padding-top:70px;
  }
}

@media screen and (max-width:640px) {
  .bnr-list {
    padding-top:2.5em;
    gap:1em;
  }
  
  .bnr-list img {
    width:100%;
    max-width:440px;
  }
  
  .bnr-monshin {
    padding-top:2.5em;
  }
}


/*----------------------------------------------------------------------------------------------------

  診療時間
  
----------------------------------------------------------------------------------------------------*/

.hrs {
  max-width:740px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

@media print,screen and (min-width:641px) {
  .sec-hrs {
    padding-top:70px;
    padding-bottom:80px;
  }
}

@media screen and (max-width:640px) {
  .sec-hrs {
    padding-top:2.5em;
    padding-bottom:3em;
  }
}


/*----------------------------------------------------------------------------------------------------

  症状別
  
----------------------------------------------------------------------------------------------------*/

.sec-shojo {
  background-color:#fef9e7;
}

.shojo-ttl {
  color:#9b6e50;
  font-weight:700;
  line-height:1.4;
  display:inline-block;
  padding-left:1.5em;
  padding-right:1.5em;
  position:relative;
}

.shojo-ttl:before,
.shojo-ttl:after {
  display:block;
  content:"";
  width:1px;
  height:80%;
  background-color:#9b6e50;
  position:absolute;
  bottom:0;
}

.shojo-ttl:before {
  left:0;
  -webkit-transform:rotate(-35deg);
  -o-transform:rotate(-35deg);
  transform:rotate(-35deg);
}

.shojo-ttl:after {
  right:0;
  -webkit-transform:rotate(35deg);
  -o-transform:rotate(35deg);
  transform:rotate(35deg);
}

.shojo-ttl b {
  display:inline-block;
  margin-left:1rem;
  margin-right:1rem;
}

.shojo-ttl b .dot {
  display:inline-block;
  position:relative;
}

.shojo-ttl b .dot:before {
  content:"";
  width:0.8rem;
  height:0.8rem;
  border-radius:100%;
  background-color:#ff942c;
  position:absolute;
  left:50%;
  top:-0.15em;
  transform:translateX(-50%);
}

.shojo-list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  box-shadow:0 0 20px 0 rgba(155,110,80,0.05);
}

.shojo-list a,
.shojo-list a:visited,
.shojo-list a:hover,
.ua-pc .shojo-list a:hover { color:inherit; text-decoration:none; }

.ua-pc .shojo-list .ttl {
  transition:background 0.2s ease-out;
}
.ua-pc .shojo-list a:hover .ttl {
  background-color:#b58361;
}

.shojo-list__box {
  width:100%;
  background-color:#fff;
  line-height:1.6;
}

.shojo-list__box a {
  display:block;
  height:100%;
}

.shojo-list__box .ttl {
  display:block;
  font-weight:500;
  font-size:1.11em;
  background-color:#9b6e50;
  color:#fff;
  padding:0.5em 1em;
  position:relative;
}

.shojo-list__box:not(:first-of-type) .ttl {
  border-left:1px solid rgba(221,196,164,0.25);
}

.ua-pc .shojo-list__box a:hover .ttl {
  border-left-color:rgba(221,196,164,0.05);
} 

.shojo-list__box p {
  font-size:0.95em;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -ms-flex-line-pack:center;
  align-content:center;
  position:relative;
  padding-left:1.25em;
  padding-right:1.25em;
  padding-top:1.5em;
  padding-bottom:1.75em;
}

.shojo-list__box:not(:first-of-type) p {
  border-left:1px solid rgba(221,196,164,0.25);
}

.shojo-list__box p:before {
  content:"";
  width:100%;
  position:absolute;
  left:0;
  top:1.5em;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
}

.shojo-zutuu p:before { background-image:url(../image/icon/shojo_zutuu.svg); }
.shojo-memai p:before { background-image:url(../image/icon/shojo_memai.svg); }
.shojo-shibire p:before { background-image:url(../image/icon/shojo_shibire.svg); }
.shojo-monowasure p:before { background-image:url(../image/icon/shojo_monowasure.svg); }
.shojo-kega p:before { background-image:url(../image/icon/shojo_kega.svg); }

.ua-pc .shojo-list p:before {
  transition:transform 0.25s ease-out;
}
.ua-pc .shojo-list a:hover p:before {
  transform:scale(1.1);
}

@media print,screen and (min-width:641px) {
  .sec-shojo {
    padding-top:90px;
    padding-bottom:80px;
  }
  
  .shojo-ttl {
    font-size:1.88em;
  }
  
  .shojo-list {
    margin-top:60px;
  }
  
  .shojo-list__box {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
  }
}

@media screen and (max-width:640px) {
  .sec-shojo {
    padding-top:3em;
    padding-bottom:2.5em;
  }
  
  .shojo-ttl {
    font-size:1.66em;
  }
  
  .shojo-list {
    margin-top:2.5em;
  }
  
  .shojo-list {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
}

@media print,screen and (min-width:561px) and (max-width:640px) {
  .shojo-list__box:nth-child(-n+3) {
    width:33.333333%;
  }
  
  .shojo-list__box:nth-child(n+4) {
    width:50%;
  }

  .shojo-list__box:nth-child(4) .ttl,
  .shojo-list__box:nth-child(4) p {
    border-left:0;
  }
}

@media print,screen and (min-width:561px) {  
  .shojo-list__box p {
    padding-top:-webkit-calc(90px + 2.5em);
    padding-top:calc(90px + 2.5em);
  }
  
  .shojo-list__box p:before {
    height:85px;
  }
}

@media screen and (max-width:560px) {
  .shojo-ttl {
    font-size:5vw;
  }
  
  .shojo-list__box:not(:nth-child(3)) {
    width:50%;
  }

  .shojo-list__box:nth-child(3) .ttl,
  .shojo-list__box:nth-child(3) p,
  .shojo-list__box:nth-child(4) .ttl,
  .shojo-list__box:nth-child(4) p {
    border-left:0;
  }
  
  .shojo-list__box p {
    padding-top:-webkit-calc(90 / 560 * 100vw + 2.5em);
    padding-top:calc(90 / 560 * 100vw + 2.5em);
  }
  
  .shojo-list__box p:before {
    height:-webkit-calc(90 / 560 * 100vw);
    height:calc(90 / 560 * 100vw);
  }
}

@media screen and (max-width:420px) {
  .shojo-ttl {
    font-size:1.33em;
  }
}


/*----------------------------------------------------------------------------------------------------

  検査機器
  
----------------------------------------------------------------------------------------------------*/

.kensakiki {
  position:relative;
}

.kensakiki:before {
  content:"";
  width:100%;
  height:100%;
  background-color:#f1f8e8;
  position:absolute;
  left:0;
  z-index:-1;
}

.kensakiki-list__box {
  background-color:#fff;
  box-shadow:0 0 20px 0 rgba(155,110,80,0.04);
}

.kensakiki-list__box .box_body {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding:1.5em 1.25em;
  position:relative;
}

.kensakiki-list__box .box_body .box_ttl {
  display:inline-block;
  position:absolute;
  left:50%;
  top:-1em;
  transform:translateX(-50%);
  background-color:#fff;
  padding:0.5em 1.5em 0 1.5em;
  white-space:nowrap;
  z-index:2;
  color:#55a555;
  border:3px solid #fff;
  font-weight:500;
}

.kensakiki-list__box .box_body .box_ttl:after {
  content:"";
  width:100%;
  height:1px;
  border-top:1px solid #55a555;
  position:absolute;
  left:0;
  top:0;
}

.kensakiki-list__box .box_body p {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -ms-flex-line-pack:center;
  align-content:center;
  padding-top:1em;
}

.kensakiki-list__box .box_btn {
  margin-top:auto;
  padding-top:1.5em;
  padding-bottom:0.5em;
}

@media print,screen and (min-width:641px) {
  .sec-kensakiki {
    padding-top:90px;
    padding-bottom:80px;
  }
  
  .kensakiki:before {
    top:80px;
  }

  .kensakiki-list {
    padding-bottom:40px;
    margin-left:-10px;
    margin-right:-10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
  }

  .kensakiki-list__box {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-left:10px;
    margin-right:10px;
  }
  
  .kensakiki-list__box .box_photo {
    height:-webkit-calc(240 / 1180 * 100vw);
    height:calc(240 / 1180 * 100vw);
    max-height:260px;
    min-height:210px;
  }

  .kensakiki-btn {
    width:22%;
  }
}

@media screen and (max-width:640px) {
  .sec-kensakiki {
    padding-top:3em;
    padding-bottom:3em;
  }
  
  .kensakiki:before {
    top:2.5em;
  }
  
  .kensakiki-list {
    padding-bottom:2.5em;
  }
  
  .kensakiki-list__box:not(:first-of-type) {
    margin-top:1.5em;
  }
  
  .kensakiki-list__box .box_photo {
    height:-webkit-calc(280 / 640 * 100vw);
    height:calc(280 / 640 * 100vw);
    min-height:180px;
  }

  .kensakiki-btn {
    width:70%;
    max-width:320px;
  }
}


/*----------------------------------------------------------------------------------------------------

  ピックアップコンテンツ
  
----------------------------------------------------------------------------------------------------*/

.pickup-list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  border:4px solid #eadbc9;
}
.pickup-list:nth-of-type(2) {
  margin:30px 0 0 0;
}

.pickup-list__box a,
.pickup-list__box a:visited,
.pickup-list__box a:hover,
.ua-pc .pickup-list__box a:hover { color:inherit; text-decoration:none; }

.pickup-list__box a {
  display:block;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:1.25em;
}

.pickup-list__box .box_photo {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.pickup-list__box .box_body {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  text-align:left;
  padding-left:1.5em;
  padding-bottom:0.5em;
  line-height:1.6;
}

.pickup-list__box .box_ttl {
  color:#ff942c;
  display:inline-block;
  margin-bottom:0.25em;
}

.pickup-list__box .box_ttl .p-arrow:after {
  border-left-color:#ffac3a;
}

.ua-pc .pickup-list__box .box_ttl {
  transition:color 0.15s ease-out;
}
.ua-pc .pickup-list__box a:hover .box_ttl {
  color:#ffc048;
}

@media screen and (min-width:641px) and (max-width:1180px) {
  .pickup-list__box .box_txt {
    font-size:0.9em;
  }
}

@media print,screen and (min-width:641px) {
  .sec-pickup {
    padding-top:80px;
    padding-bottom:80px;
  }

  .pickup-list__box {
    width:50%;
  }
  
  .pickup-list__box:nth-child(odd) {
    border-right:1px solid rgba(105,75,55,0.1);
  }
  .pickup-list__box:not(:nth-of-type(1),:nth-of-type(2)) {
    border-top:1px solid rgba(105,75,55,0.1);
  }
  
  .pickup-list__box .box_photo {
    width:30%;
  }
  
  .pickup-list__box .box_ttl {
    margin-top:0.25em;
  }
}

@media screen and (max-width:640px) {
  .sec-pickup {
    padding-top:2.5em;
    padding-bottom:2.5em;
  }
  
  .pickup-list__box {
    width:100%;
  }
  
  .pickup-list__box:not(:first-child) {
    border-right:0;
    border-top:1px solid rgba(105,75,55,0.1);
  }
  
  .pickup-list__box .box_photo {
    width:30%;
  }
  
  .pickup-list__box .box_txt {
    font-size:0.9em;
  }
}

@media screen and (max-width:480px) {
  .pickup-list__box a {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
  }
  
  .pickup-list__box .box_photo {
    width:100%;
    height:-webkit-calc(180 / 640 * 100vw);
    height:calc(180 / 640 * 100vw);
    min-height:120px;
  }
  
  .pickup-list__box .box_body {
    padding-left:0;
    padding-top:1em;
    padding-bottom:0.25em;
  }
  
  .pickup-list__box .box_txt {
    font-size:0.95em;
  }
}


/*----------------------------------------------------------------------------------------------------

  医院案内
  
----------------------------------------------------------------------------------------------------*/

.sec-guide {
  text-align:left;
}

.guide {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.guide__cinfo .cinfo-list {
  line-height:1.6;
  text-align:left;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-line-pack:start;
  align-content:flex-start;
  margin-top:1.5em;
  margin-bottom:2em;
}

.guide__cinfo .cinfo-list dt:not(:first-of-type),
.guide__cinfo .cinfo-list dd:not(:first-of-type) {
  padding-top:0.5em;
}

.guide__cinfo .cinfo-list dt {
  width:5em;
  font-weight:500;
  color:#55a555;
}

.guide__cinfo .cinfo-list dd {
  width:-webkit-calc(100% - 5em);
  width:calc(100% - 5em);
}

.guide__cinfo .cinfo-list dd .tel {
  display:inline-block;
  margin-top:-0.11em;
}

.guide__cinfo .kamokuList {
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.guide__cinfo .kamokuList li:not(:last-child):after {
  content:"、";
}

.guide__cinfo .clinic-ptList {
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  line-height:1.4;
}

.guide__cinfo .clinic-ptList li {
  background-color:#9bcd5f;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:33.333333%;
  color:#fff;
  padding:1.5em 0.75em 1.25em 0.75em;
}

.guide__cinfo .clinic-ptList li:not(:first-child) {
  border-left:1px solid rgba(255,255,255,0.25);
}

.guide__cinfo .clinic-ptList li p {
  text-align:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

.guide__cinfo .clinic-ptList li:before {
  content:"";
  display:block;
  width:100%;
  height:3em;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
  margin-bottom:0.5em;
}

.guide__cinfo .clinic-ptList li.ptList__01:before { background-image:url(../image/icon/clinic_pt01.svg); }
.guide__cinfo .clinic-ptList li.ptList__02:before { background-image:url(../image/icon/clinic_pt02.svg); }
.guide__cinfo .clinic-ptList li.ptList__03:before { background-image:url(../image/icon/clinic_pt03.svg); }

.guide__map iframe {
  width:100%;
  height:100%;
  vertical-align:bottom;
}

@media print,screen and (min-width:641px) {
  .sec-guide {
    padding-bottom:100px;
  }
  
  .sec-guide .logo {
    width:95%;
    max-width:340px;
  }
  
  .guide__cinfo {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding-right:60px;
  }
  
  .guide__map {
    width:57%;
  }
}

@media screen and (min-width:1015px) and (max-width:1280px) {
  .guide__cinfo .clinic-ptList li p {
    font-size:1.2vw;
  }
}

@media screen and (min-width:1015px) and (max-width:1100px) {
  .guide__cinfo {
    font-size:1.6vw;
  }
}

@media screen and (min-width:561px) and (max-width:1014px) {
  .guide__cinfo {
    font-size:95%;
  }
}

@media screen and (min-width:641px) and (max-width:1014px) {
  .guide__cinfo .clinic-ptList li p {
    font-size:90%;
  }
}

@media screen and (max-width:640px) {
  .sec-guide {
    padding-bottom:3em;
  }
  
  .sec-guide .logo {
    width:80%;
    max-width:320px;
  }
  
  .guide {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
  }
  
  .guide__cinfo {
    padding-bottom:2.75em;
  }
  
  .guide__map {
    height:-webkit-calc(500 / 640 * 100vw);
    height:calc(500 / 640 * 100vw);
    min-height:300px;
  }
}

@media screen and (max-width:420px) {
  .guide__cinfo .clinic-ptList li p {
    font-size:3.1vw;
  }
}

@media screen and (max-width:320px) {
  .guide__cinfo .clinic-ptList li p {
    font-size:80%;
  }
}

/*--------------------------------------------------------------------------------
  駐車場
--------------------------------------------------------------------------------*/

.parking-guide b {
  display:inline-block;
  margin-bottom:1em;
}

.parking-photo {
  align-self:flex-end;
  display:flex;
  gap:1em;
  flex:1;
}

@media print,screen and (min-width:641px) {
  .parking {
    display:flex;
    padding-top:100px;
  }
  
  .parking-guide {
    padding-right:80px;
  }

  .parking-guide b:before {
    content:"";
    width:100%;
    height:3.5em;
    display:block;
    background:url("../image/icon/parking.svg") no-repeat left center;
    background-size:contain;
    margin-bottom:1em;
  }
}

@media screen and (max-width:640px) {
  .parking {
    padding-top:3em;
  }
  
  .parking-guide b {
    padding-left:4em;
  }
  
  .parking-guide b {
    background:url("../image/icon/parking.svg") no-repeat left center;
    background-size:auto 3em;
  }
  
  .parking-photo {
    padding-top:1.5em;
  }
}

@media screen and (max-width:420px) {
  .parking-guide b {
    font-size:4.4vw;
  }
}
@media screen and (max-width:320px) {
  .parking-guide b {
    font-size:96%;
  }
}