@charset "UTF-8";

/* Scss Document */
/*=============================================
 * body
 *=============================================*/
body {
   background: url("../img/shared/body-bg.jpg") repeat center top;
   color: #000;
   font-family: 'Noto Serif JP', serif;
   font-weight: 400;
   font-style: normal;
   font-size: 13px;
   line-height: 26px;
   letter-spacing: 0;
   min-width: inherit;
   min-height: inherit;
   max-height: 100%;
}

@media only screen and (min-width: 768px) {
   body {
      font-size: 17px;
      line-height: 38px;
   }
}

/*=============================================
 * fonts - DON'T EDIT
 *=============================================*/
.fnt-mincho {
   font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.fnt-meiryo {
   font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fnt-gothic {
   font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.fnt-noto-serif {
   font-family: 'Noto Serif JP', serif;
}

.fnt-TenMincho {
   font-family: ten-mincho-text, serif;
}

/*=============================================
   main
*=============================================*/
main {
   clear: both;
   width: 100%;
   overflow: hidden;
   position: relative;
}

@media only screen and (max-width: 767px) {
   .wrap {
      width: 100%;
      box-sizing: border-box;
      padding: 0 5%;
      position: relative;
   }

   img {
      width: 100%;
      height: auto;
   }
}

@media only screen and (min-width: 768px) {
   .wrap {
      margin: 0 auto;
      width: 1000px;
      position: relative;
      padding: 0;
   }
}

/*=============================================
   header
*=============================================*/
header {
   box-sizing: border-box;
   position: relative;
}

@media only screen and (max-width: 767px) {
   header {
      position: relative;
   }

   header h1 {
      display: flex;
      align-items: center;
      min-height: 60px;
      font-size: 9px;
      line-height: 15px;
      letter-spacing: 0;
      padding-right: 80px;
   }

   header .logo {
      width: 70%;
      margin: 0 auto;
      padding-top: 20px;
   }

   .hamburger {
      width: 60px;
      height: 60px;
      background: url("../img/shared/hamburger.jpg") no-repeat center top/cover;
      position: fixed;
      top: 0;
      right: 0;
      z-index: 100;
      transition: all 0.3s;
   }

   .hamburger.is-active {
      background-image: url("../img/shared/hamburger_close.jpg");
   }


	#menu-toggle {
      width: 100%;
      height: 112vh;
      background-color: #fff;
      box-sizing: border-box;
      overflow: scroll;
      font-size: 15px;
      line-height: 35px;
      letter-spacing: 0.1em;
      text-align: center;
      padding: 5% 5% 120px;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 99;
      opacity: 0;
      visibility: hidden;
      transition: all 0.5s;
   }

   #menu-toggle .nav01 li+li {
      padding-top: 5%;
   }

   #menu-toggle .nav01 a {
      display: inline-block;
      border-bottom: 1px solid transparent;
   }

   #menu-toggle .nav01 a.active {
      border-color: #000;
   }

   #menu-toggle .nav02 {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      line-height: 20px;
      padding-top: 20px;
   }

   #menu-toggle .nav02 li {
      padding: 0 15px;
   }

   #menu-toggle .nav02 li+li {
      border-left: 1px solid #000;
   }

   #menu-toggle .nav02 .map a {
      display: inline-block;
      padding-left: 22px;
      position: relative;
   }

   #menu-toggle .nav02 .map a:before {
      content: '';
      width: 17px;
      height: 24px;
      background: url("../img/shared/icon-map.png") no-repeat center top/cover;
      position: absolute;
      top: -2px;
      left: 0;
   }

   #menu-toggle .nav-tel {
      padding-top: 30px;
   }

   #menu-toggle .nav-tel a {
      display: inline-block;
      width: 60%;
   }

   #menu-toggle .nav-sns {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding-top: 25px;
   }

   #menu-toggle .nav-sns li {
      width: 30px;
   }

   #menu-toggle .nav-sns li+li {
      padding-left: 25px;
   }

   .navOpen #menu-toggle {
      opacity: 1;
      visibility: visible;
   }
}

@media only screen and (min-width: 768px) {
   header {
      position: relative;
   }

   header .h-top {
      width: 100%;
      padding: 30px 0 0;
      position: relative;
   }

   header .h-top .wrap {
      box-sizing: border-box;
      padding-left: 9px;
   }

   header h1 {
      font-size: 14px;
      padding-left: 6px;
   }

   header .logo {
      width: 295px;
      padding: 8px 0 17px 4px;
   }

   header .btn-covid {
      position: absolute;
      top: 13px;
      right: 12px;
   }

   #menu-toggle {
      font-weight: 400;
      font-size: 19px;
      line-height: 43px;
      letter-spacing: 0.1em;
   }

   #menu-toggle .nav01 {
      display: flex;
      flex-wrap: wrap;
   }

   #menu-toggle .nav01 li+li {
      padding-left: 35px;
   }

   #menu-toggle .nav01 a {
      display: inline-block;
      position: relative;
   }

   #menu-toggle .nav01 a:after {
      content: '';
      width: 100%;
      height: 0;
      border-bottom: 1px solid #000;
      position: absolute;
      bottom: 0;
      left: 0;
      opacity: 0;
      transition: all 0.3s;
   }

   #menu-toggle .nav01 a:hover:after,
   #menu-toggle .nav01 a.active:after {
      opacity: 1;
   }

   #menu-toggle .nav02 {
      display: flex;
      flex-wrap: wrap;
      line-height: 20px;
      position: absolute;
      top: 115px;
      right: 14px;
   }

   #menu-toggle .nav02 li {
      padding-right: 17px;
   }

   #menu-toggle .nav02 li+li {
      border-left: 1px solid #000;
      padding-right: 0;
      padding-left: 17px;
   }

   #menu-toggle .nav02 a:hover {
      opacity: 0.7;
   }

   #menu-toggle .nav02 .map a {
      display: inline-block;
      padding-left: 22px;
      position: relative;
   }

   #menu-toggle .nav02 .map a:before {
      content: '';
      width: 17px;
      height: 24px;
      background: url("../img/shared/icon-map.png") no-repeat center top/cover;
      position: absolute;
      top: -2px;
      left: 0;
   }

   #menu-toggle .nav-tel {
      position: absolute;
      top: 79px;
      left: 339px;
   }

   #menu-toggle .nav-sns {
      display: flex;
      flex-wrap: wrap;
      position: absolute;
      top: 97px;
      right: 245px;
   }

   #menu-toggle .nav-sns li+li {
      padding-left: 28px;
   }

   #menu-toggle .nav-sns a:hover {
      opacity: 0.7;
   }
}

/* ===== ===== */
.nav-fixed {
   display: none;
}

@media only screen and (min-width: 768px) {
   .nav-fixed {
      display: block;
      width: 100%;
      background-color: #fff;
      font-weight: 400;
      font-size: 19px;
      line-height: 20px;
      letter-spacing: 0.1em;
      padding: 10px 0 10px;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 90;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
   }

   .nav-fixed.fixed {
      opacity: 1;
      visibility: visible;
   }

   .nav-fixed .sns {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      position: absolute;
      top: 3px;
      right: 245px;
   }

   .nav-fixed .sns li+li {
      padding-left: 28px;
   }

   .nav-fixed .nav01 {
      display: flex;
      flex-wrap: wrap;
      position: absolute;
      top: 8px;
      right: 20px;
   }

   .nav-fixed .nav01 li {
      padding-right: 17px;
   }

   .nav-fixed .nav01 li+li {
      border-left: 1px solid #000;
      padding-right: 0;
      padding-left: 17px;
   }

   .nav-fixed .nav01 a:hover {
      opacity: 0.7;
   }

   .nav-fixed .nav01 .map a {
      display: inline-block;
      padding-left: 22px;
      position: relative;
   }

   .nav-fixed .nav01 .map a:before {
      content: '';
      width: 17px;
      height: 24px;
      background: url("../img/shared/icon-map.png") no-repeat center top/cover;
      position: absolute;
      top: -2px;
      left: 0;
   }

   .nav-fixed .nav02 {
      display: flex;
      flex-wrap: wrap;
      line-height: 43px;
      padding-left: 11px;
   }

   .nav-fixed .nav02 li+li {
      padding-left: 35px;
   }

   .nav-fixed .nav02 a {
      display: inline-block;
      position: relative;
   }

   .nav-fixed .nav02 a:after {
      content: '';
      width: 100%;
      height: 0;
      border-bottom: 1px solid #000;
      position: absolute;
      bottom: 0;
      left: 0;
      opacity: 0;
      transition: all 0.3s;
   }

   .nav-fixed .nav02 a:hover:after,
   .nav-fixed .nav02 a.active:after {
      opacity: 1;
   }
}

/*=============================================
   section
*=============================================*/
/* -- -- */
section {
   position: relative;
}

/* -- -- */
/*=============================================
   footer
*=============================================*/
footer {
   background-color: #000;
   color: #fff;
   position: relative;
}


    footer .vcard dl small{
    display: block;
    font-size: 1em;
    background: rgb(255 255 255 / 18%);
    padding: 0.3em;
    margin: 0.3em 0 0;
    }
@media only screen and (max-width: 767px) {
   footer {
      padding-top: 80px;
      padding-bottom: 120px;
   }

   footer .logo {
      width: 65%;
      margin: 0 auto;
   }

   footer .tel {
      text-align: center;
      padding-top: 30px;
   }

   footer .tel a {
      display: inline-block;
      width: 65%;
   }

   footer .tel small {
      display: block;
      font-size: 11px;
      line-height: 15px;
      padding-top: 5px;
   }

   footer .vcard {
      padding-top: 10px;
   }

   footer .vcard dl {
      padding-top: 30px;
   }

   footer .col2 {
      text-align: center;
      padding-top: 30px;
   }

   footer address {
      padding-top: 20px;
   }
}

@media only screen and (min-width: 768px) {
   footer {
      margin-bottom: -2px;
      padding-bottom: 66px;
      position: relative
   }

   footer nav {
      text-align: center;
      font-size: 16px;
      line-height: 30px;
      letter-spacing: 0;
      padding: 40px 0 62px;
   }

   footer nav p {
      display: inline-block;
   }

   footer nav p+p:before {
      content: '|';
      padding: 0 10px;
   }

   footer nav a:hover{
      text-decoration: underline;
   }

   footer .box {
      display: flex;
      flex-wrap: wrap;
      position: relative;
   }

   footer .col1 {
      width: 390px;
      text-align: center;
      font-size: 16px;
      line-height: 38px;
      letter-spacing: 0;
      padding: 7px 0 0;
   }

   footer .tel {
      padding-top: 40px;
   }

   footer .tel small {
      display: block;
      font-size: 14px;
      line-height: 30px;
      letter-spacing: 0;
      padding-top: 3px;
   }

   footer .vcard {
      width: 560px;
      font-size: 15px;
      line-height: 28px;
      letter-spacing: 0;
      padding-left: 50px;
   }

   footer .vcard dl {
      display: table;
      width: 100%;
   }

   footer .vcard dl>* {
      display: table-cell;
      vertical-align: top;
   }

   footer .vcard dl+dl {
      padding-top: 12px;
   }

   footer .vcard dl dt {
      width: 140px;
   }

   footer .col2 {
      width: 390px;
      text-align: center;
      position: absolute;
      bottom: -3px;
      left: 0;
   }

   footer address {
      padding-top: 28px;
   }

   footer .cookies-link a:hover {
      text-decoration: underline;
   }
}

/*=============================================
   Custom
*=============================================*/
.pc {
   display: none;
}

.sp {
   display: block;
}

@media only screen and (min-width: 768px) {
   .pc {
      display: block;
   }

   .sp {
      display: none;
   }
}

/* -- -- */
/* -- --*/
.bg-parallax {
   min-height: inherit;
   position: relative;
}

.img_parallax {
   display: none;
}

@media only screen and (max-width: 1200px) {
   .bg-parallax {
      background: transparent !important;
      position: relative;
   }

   .img_parallax {
      display: block;
      clip: rect(0, auto, auto, 0);
      margin-bottom: 0;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
   }

   .img_parallax img {
      width: 100%;
      height: 100vh !important;
      position: fixed;
      top: 0;
      left: 0;
      padding: 0;
      margin: 0;
      object-fit: cover;
      z-index: 0;
      transform: translateZ(0) !important;
   }
}

/* -- -- */
.cl-red {
   color: #c90101;
}

.txt-c {
   text-align: center;
}

.txt-j {
   text-align: justify;
}

a {
   transition: all 0.3s;
}

a:hover {
   text-decoration: none;
}

a[href*="tel:"]:hover img {
   opacity: 1 !important;
}

/* -- -- */
@media only screen and (min-width: 768px) {
   .txt-vertical-pc {
      cursor: vertical-text;
      writing-mode: vertical-rl;
      -o-writing-mode: vertical-rl;
      -ms-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      -moz-writing-mode: vertical-rl;
      -webkit-writing-mode: vertical-rl;
      text-orientation: upright;
      word-wrap: break-word;
   }

   .txt-vertical .int {
      writing-mode: lr-tb;
      -o-writing-mode: horizontal-tb;
      -ms-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
      -moz-writing-mode: horizontal-tb;
      -webkit-writing-mode: horizontal-tb;
      display: inline-block;
      text-align: center;
      line-height: 1.5em;
   }

   .txt-vertical .txt-latin {
      cursor: vertical-text;
      direction: rtl;
      writing-mode: vertical-rl;
      -o-writing-mode: vertical-rl;
      -ms-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      -moz-writing-mode: vertical-rl;
      -webkit-writing-mode: vertical-rl;
      text-orientation: sideways-right;
      -o-text-orientation: sideways-right;
      -ms-text-orientation: upright;
      -ms-text-orientation: sideways-right;
      -moz-text-orientation: sideways-right;
      -webkit-text-orientation: sideways-right;
      letter-spacing: .25em;
   }

   @-moz-document url-prefix() {
      .txt-vertical .txt-latin {
         position: relative;
         left: 4px;
      }
   }
}

#socialbuttons {
   text-align: center;
   display: flex;
   justify-content: center;
}

.social-facebook {
   width: 95px;
   overflow: hidden;
   display: flex !important;
   justify-content: center;
}

/* -- slick -- */
/* slick dots custom */
.slick-controls .slick-dots li {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   border: 1px solid transparent;
   box-sizing: border-box;
   position: relative;
}

.slick-controls .slick-dots li:before {
   content: '';
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background-color: #fff;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.slick-controls .slick-dots li button {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
   cursor: pointer;
}

.slick-controls .slick-dots li.slick-active {
   border-color: #fff;
}

@media only screen and (max-width: 767px) {
   .slick-controls .slick-dots {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding-top: 10px;
   }

   .slick-controls .slick-dots li {
      width: 16px;
      height: 16px;
   }

   .slick-controls .slick-dots li:before {
      width: 8px;
      height: 8px;
   }

   .slick-controls .slick-dots li+li {
      margin-left: 15px;
   }
}

@media only screen and (min-width: 768px) {
   .slick-controls .slick-dots li+li {
      margin-top: 20px;
   }
}

/* -- -- */
@media only screen and (max-width: 767px) {
   .desc br {
      display: none;
   }
}

/* -- -- */
.btn-s a {
   display: inline-block;
   width: 90%;
   box-sizing: border-box;
   font-family: ten-mincho-text, serif;
   font-weight: 400;
   line-height: 30px;
   letter-spacing: 0.12em;
   text-align: center;
   border: 1px solid #999;
   position: relative;
   transition: all 0.3s;
}

.btn-s a:hover {
   text-decoration: none;
}

.btn-s.wh a {
   border-color: #fff;
   color: #fff;
}

@media only screen and (max-width: 767px) {
   .btn-s {
      text-align: center;
   }

   .btn-s a {
      width: 75%;
      font-size: 15px;
      padding: 7px 0;
   }
}

@media only screen and (min-width: 768px) {
   .btn-s a {
      width: 430px;
      font-size: 18px;
      padding: 14px 0;
   }

   .btn-s a:hover {
      background-color: #999;
      color: #fff;
      text-decoration: none;
      opacity: 1;
   }
}

/* -- -- */
.remodal-overlay {
   background: transparent;
}

.remodal {
   color: #000;
}

button.remodal-close {
   width: 30px;
   height: 30px;
}

.modal-content {
   background: url("../img/shared/body-bg.jpg") repeat center top;
   color: #000;
   font-size: 13px;
   line-height: 26px;
   letter-spacing: 0.1em;
   text-align: left;
   padding: 50px 15px;
}

.modal-content .remodal-close {
   top: 15px;
   right: 15px;
}

@media only screen and (max-width: 767px) {
   .modal-content {
      padding: 50px 10px 20px;
   }

   .modal-content h2 {
      font-size: 15px;
      line-height: 45px;
      letter-spacing: 0.15em;
      text-align: center;
   }

   .modal-content .txt {
      padding-top: 20px;
   }

   .modal-content ul {
      border: 1px solid #000;
      margin-top: 30px;
      padding: 20px 20px;
   }
}

@media only screen and (min-width: 768px) {
   button.remodal-close {
      top: 50px;
      right: 50px;
   }

   .modal-content {
      box-sizing: border-box;
      font-size: 15px;
      line-height: 32px;
      letter-spacing: 0.15em;
      margin: 0 auto;
      padding: 60px 100px;
      position: relative;
   }

   .modal-content h2 {
      text-align: center;
      font-weight: 400;
      font-size: 26px;
      line-height: 30px;
      letter-spacing: 0.15em;
   }

   .modal-content .txt {
      text-align: center;
      padding: 45px 0;
   }

   .modal-content ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      border: 2px solid #000000;
      line-height: 40px;
      padding: 35px 35px;
   }
}

/* -- -- */
.motion_fadeInUp {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   opacity: 0;
   animation-timing-function: ease-in-out;
}

.slow {
   -webkit-animation-duration: 2s;
   animation-duration: 2s;
}

/* -- -- */
/*=============================================
   css for ie 11 
*=============================================*/
#fixed-sp {
   width: 100%;
   background-color: #fff;
   position: fixed;
   bottom: 0;
   left: 0;
   z-index: 99;
   transition: all 0.3s ease;
   opacity: 0;
   visibility: hidden;
}

#fixed-sp.visible {
   opacity: 1;
   visibility: visible;
}

#fixed-sp ul {
   display: flex;
   flex-wrap: wrap;
}

#fixed-sp ul li {
   position: relative;
}

#fixed-sp ul li:nth-child(1) {
   width: 65%;
}

#fixed-sp ul li:nth-child(2) {
   width: 35%;
   border-left: 1px solid #000;
   box-sizing: border-box;
}

#fixed-sp ul li a {
   display: block;
   text-align: center;
}

#fixed-sp ul li img {
   width: auto;
   height: 60px;
}

.pagetop {
   width: 86px;
   bottom: 50px;
   right: 50px;
}

.navOpen #fixed-sp,
.navOpen .pagetop {
   display: none;
}

@media only screen and (max-width: 767px) {
   .pagetop {
      width: 43px;
      bottom: 80px;
      right: 5%;
   }
}

@media only screen and (min-width: 768px) {
   .pagetop:hover {
      opacity: 0.6;
   }
}


@media only screen and (max-width: 767px) {

   /* iPhone X */
   @media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
      .has_nav footer:after {
         background-color: #fff;
         content: '';
         position: fixed;
         bottom: 0px;
         left: 0;
         right: 0;
         height: 35px;
         z-index: 1;
      }

      #fixed-sp {
         padding-bottom: calc(env(safe-area-inset-bottom) - 0px);
      }

      .pagetop {
         bottom: calc(env(safe-area-inset-bottom) + 80px);
      }
   }

   /* iPhone XR */
   @media only screen and (min-device-width: 414px) and (min-device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
      .has_nav footer:after {
         background-color: #fff;
         content: '';
         position: fixed;
         bottom: 0px;
         left: 0;
         right: 0;
         height: 35px;
         z-index: 1;
      }

      #fixed-sp {
         padding-bottom: calc(env(safe-area-inset-bottom) - 0px);
      }

      .pagetop {
         bottom: calc(env(safe-area-inset-bottom) + 80px);
      }
   }

   /* iPhone 11 */
   @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
      .has_nav footer:after {
         background-color: #fff;
         content: '';
         position: fixed;
         bottom: 0px;
         left: 0;
         right: 0;
         height: 35px;
         z-index: 1;
      }

      #fixed-sp {
         padding-bottom: calc(env(safe-area-inset-bottom) - 0px);
      }

      .pagetop {
         bottom: calc(env(safe-area-inset-bottom) + 80px);
      }
   }

   @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
      .has_nav footer:after {
         background-color: #fff;
         content: '';
         position: fixed;
         bottom: 0px;
         left: 0;
         right: 0;
         height: 35px;
         z-index: 1;
      }

      #fixed-sp {
         padding-bottom: calc(env(safe-area-inset-bottom) - 0px);
      }

      .pagetop {
         bottom: calc(env(safe-area-inset-bottom) + 80px);
      }
   }

   @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
      .has_nav footer:after {
         background-color: #fff;
         content: '';
         position: fixed;
         bottom: 0px;
         left: 0;
         right: 0;
         height: 35px;
         z-index: 1;
      }

      #fixed-sp {
         padding-bottom: calc(env(safe-area-inset-bottom) - 0px);
      }

      .pagetop {
         bottom: calc(env(safe-area-inset-bottom) + 80px);
      }
   }
}

/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- iPad Pro 10.5" ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

   p.btn img:hover,
   .btn-over img,
   .over-img img,
   img.over,
   img:not(.btn):not(.non-over),
   button img {
      transform: none !important;
      -moz-transform: none !important;
      -webkit-transform: none !important;
      transition: none !important;
      -moz-transition: none !important;
      -webkit-transition: none !important;
   }

   p.bnr img:hover,
   .bnr-over img,
   .over-img img,
   img.over,
   img:not(.bnr):not(.non-over),
   button img,
   p.logo img:hover {
      transform: none !important;
      -moz-transform: none !important;
      -webkit-transform: none !important;
      transition: none !important;
      -moz-transition: none !important;
      -webkit-transition: none !important;
   }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
   .img_parallax img {
      height: auto;
      object-fit: unset;
      top: 50%;
      transform: translateY(-50%) !important;
   }
}