
html,body{max-width:100%;overflow-x:hidden;}
img{max-width:100%;height:auto;}
#wrapper{width:100%;min-width:0;overflow-x:hidden;}
@media screen and (max-width: 767px){
  html{font-size:62.5%;}
  body{overflow-x:hidden;}
  #wrapper{min-width:0 !important;width:100% !important;overflow-x:hidden !important;}
  .inner,.teaser-inner,.footer-inner,.footer-contact__inner,#contents>.inner{width:100% !important;max-width:100% !important;box-sizing:border-box !important;padding-left:1.6rem !important;padding-right:1.6rem !important;}
  #header{height:auto !important;min-height:7.2rem !important;padding:1.2rem 1.4rem !important;gap:1rem !important;flex-wrap:wrap !important;align-items:center !important;}
  #header .header-logo{margin:0 !important;max-width:calc(100% - 5.6rem) !important;flex:1 1 auto !important;}
  #header .header-logo a.header-brand{display:flex !important;align-items:center !important;gap:.8rem !important;}
  #header .header-logo img{max-height:4.8rem !important;width:auto !important;transform:none !important;}
  #header .header-logo .header-brand__text{font-size:1.4rem !important;line-height:1.2 !important;white-space:normal !important;margin-left:0 !important;}
  .btn-menu{display:flex !important;width:4.4rem !important;height:4.4rem !important;align-items:center !important;justify-content:center !important;position:relative !important;margin-left:auto !important;cursor:pointer;}
  .btn-menu span{position:absolute !important;left:.8rem !important;right:.8rem !important;height:2px !important;background:#222 !important;transition:transform .2s ease, opacity .2s ease, top .2s ease, bottom .2s ease;}
  .btn-menu span:first-child{top:1.3rem !important;bottom:auto !important;}
  .btn-menu span:nth-child(2){top:2.1rem !important;}
  .btn-menu span:last-child{bottom:1.3rem !important;top:auto !important;}
  body.menu-open .btn-menu span:first-child{top:2.1rem !important;transform:rotate(45deg);}
  body.menu-open .btn-menu span:nth-child(2){opacity:0;}
  body.menu-open .btn-menu span:last-child{bottom:auto !important;top:2.1rem !important;transform:rotate(-45deg);}
  #g-navi{display:none !important;flex-basis:100% !important;width:100% !important;margin:0 !important;padding:0 !important;}
  #g-navi.is-open{display:block !important;}
  #g-navi>ul{display:block !important;width:100% !important;margin:0 !important;padding:1rem 0 0 !important;}
  #g-navi>ul>li{display:block !important;width:100% !important;margin:0 !important;padding:0 !important;border-top:1px solid rgba(0,0,0,.12) !important;}
  #g-navi>ul>li:last-child{border-bottom:1px solid rgba(0,0,0,.12) !important;}
  #g-navi>ul>li>a{display:block !important;height:auto !important;padding:1.2rem 0 !important;line-height:1.5 !important;}
  .header-links,.sub-menu,.js-toggle-box{display:none !important;}
  #main-visual .main-top,#main-visual{height:auto !important;min-height:0 !important;}
  #main-visual .main-top .main-top__pet,#main-visual .main-top .main-top__pet img{width:100% !important;height:auto !important;}
  .top-news__body,.top-service__inner,.news-list,.top-service-list,.company-area,.contact-area,.news-detail{width:100% !important;max-width:100% !important;}
  .news-list__item,.top-service-list__item,.contact-checklist,.contact-main,.news-detail__side,.news-detail__main{width:100% !important;float:none !important;}
  .top-image-loop,.top-service,.footer-contact,.footer-inner{width:100% !important;max-width:100% !important;overflow:hidden !important;}
  .image-loop ul li img{width:34vw !important;min-width:14rem !important;height:auto !important;}
  .footer-box,.footer-box__navi,.footer-contact__item{width:100% !important;}
}
