body.en .en-txt-01 {
  font-size: 16px;
  font-size: 1.0666666667rem;
  font-weight: 400;
}
body.en .en-txt-01 + * {
  margin-top: 10px;
}
body.en .en-txt-01.bold {
  font-weight: 700;
}
body.en .en-panel {
  display: flex;
  margin-left: -40px;
  margin-bottom: -40px;
}
body.en .en-panel + * {
  margin-top: 60px;
}
body.en .en-panel.expand {
  margin-left: -60px;
}
body.en .en-panel-item {
  padding-left: 40px;
  padding-bottom: 40px;
  width: 50%;
}
.expand body.en .en-panel-item {
  padding-left: 60px;
}
body.en .en-panel-img {
  margin-top: 40px;
}
body.en .en-panel-img img {
  width: 100%;
}
@media (max-width: 767px) {
  body.en .en-panel {
    flex-wrap: wrap;
    flex-direction: column;
    margin-left: 0;
    margin-bottom: 0;
  }
  body.en .en-panel-item {
    padding-left: 0;
    padding-bottom: 0;
    width: 100%;
  }
  body.en .en-panel-item + * {
    margin-top: 30px;
  }
  body.en .en-panel-img {
    margin-top: 30px;
  }
}
body.en .en-list + * {
  margin-top: 40px;
}
body.en .en-list.blue {
  color: #003F9D;
}
body.en .en-list li {
  line-height: 2;
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: 400;
}
body.en .en-slide-head {
  text-align: center;
}
body.en .en-slide-head .ttl {
  font-size: 20px;
  font-size: 1.3333333333rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  body.en .en-slide-head .ttl {
    font-size: 16px;
    font-size: 1.0666666667rem;
  }
}
body.en .en-slide-list {
  position: relative;
  margin-top: 80px;
}
@media (max-width: 767px) {
  body.en .en-slide-list {
    margin-top: 40px;
    margin-bottom: 35px;
    padding-bottom: 20px;
  }
}
body.en .footer-logo {
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: 700;
  color: #003F9D;
}
@media (max-width: 767px) {
  body.en .footer-logo {
    text-align: center;
    margin-top: 10px;
  }
}
body.en .top-technology-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -40px;
  margin-bottom: -40px;
}
@media (max-width: 767px) {
  body.en .top-technology-list {
    margin-left: -5px;
    margin-bottom: -5px;
  }
}
body.en .top-technology-item {
  padding-left: 40px;
  padding-bottom: 40px;
  width: 25%;
}
@media (max-width: 767px) {
  body.en .top-technology-item {
    padding-left: 5px;
    padding-bottom: 5px;
    width: 50%;
  }
}
body.en .top-technology-item a {
  text-decoration: none;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 35px 10px;
  width: 100%;
  height: 260px;
}
@media (max-width: 767px) {
  body.en .top-technology-item a {
    text-align: center;
    padding: 30px 6px;
    height: 44vw;
  }
}
body.en .top-technology-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 100% center;
  font-family: "object-fit: cover;";
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
}
body.en .top-technology-item .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.en .top-technology-item .bg::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
}
body.en .top-technology-item .main {
  position: relative;
  z-index: 1;
}
body.en .top-technology-item .main .ttl {
  color: #ffffff;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 400;
}
@media (max-width: 767px) {
  body.en .top-technology-item .main .ttl {
    font-size: 16px;
    font-size: 1.0666666667rem;
  }
}
body.en .top-technology-item .more {
  font-size: 13px;
  font-size: 0.8666666667rem;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
@media (max-width: 767px) {
  body.en .top-technology-item .more {
    font-size: 11px;
    font-size: 0.7333333333rem;
  }
}
body.en .top-technology-item a:hover .bg::after {
  background-color: rgba(0, 0, 0, 0.5);
}
body.en .top-technology-item a:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
body.en .top-csr-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  body.en .top-csr-content {
    display: block;
    padding-bottom: 10px;
  }
}
body.en .top-csr-head {
  padding-right: 30px;
}
body.en .top-csr-head > * {
  color: #ffffff;
}
@media (max-width: 767px) {
  body.en .top-csr-head {
    padding-left: 0;
  }
}
body.en .top-csr-main {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 60px;
  max-width: 820px;
  width: 100%;
}
body.en .top-csr-main-text {
  font-size: 16px;
  font-size: 1.0666666667rem;
  font-weight: 400;
  line-height: 1.5625;
}
body.en .top-csr-main-btn {
  margin-top: 40px;
  width: 200px;
}
@media (max-width: 767px) {
  body.en .top-csr-main {
    margin-top: 144px;
    padding: 30px 26px;
  }
  body.en .top-csr-main-btn {
    margin-top: 30px;
  }
}
body.en .corporate .m-btn {
  width: 292px;
}
@media (min-width: 768px) {
  body.en .corporate-card-item .body {
    padding: 20px 20px 30px;
  }
}
body.en .corporate-image.office {
  margin-left: 0;
}
body.en .corporate-image.office > * {
  padding-left: 0;
}
body.en .corporate-image.office .img {
  width: 74.4827586207%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  body.en .corporate-image.office .img {
    width: auto;
  }
}
body.en .corporate-image .img-sign {
  background-color: #ffffff;
  padding: 10px 20px;
  text-align: right;
}
body.en .corporate-image .img-sign img {
  width: 139px;
}
@media (min-width: 768px) {
  body.en .corporate-tab + * {
    margin-top: 60px;
  }
}
body.en .corporate-health-management-img .img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
body.en .corporate-health-management-img .img img {
  width: 100%;
}
body.en .business-services .m-btn {
  max-width: 326px;
}
@media (min-width: 768px) {
  body.en .business-services .corporate-summary-text {
    font-size: 13px;
    font-size: 0.8666666667rem;
  }
}
@media (max-width: 767px) {
  body.en .business-services .corporate-summary-group .item > div {
    padding: 10px;
  }
}
body.en .business-services-layout {
  position: relative;
  padding-top: 70px;
  padding-bottom: 80px;
  text-align: center;
  background: url(/common/img/skk_bg-page-01.png) no-repeat center;
  background-size: cover;
}
body.en .business-services-layout::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0072BA;
  background: linear-gradient(to right, #0072BA 0%, #003F9D 100%);
  z-index: -1;
}
body.en .business-services-layout .img + .text {
  margin-top: 50px;
}
body.en .business-services-layout .text {
  color: #ffffff;
}
@media (max-width: 767px) {
  body.en .business-services-layout {
    margin-top: 30px;
    padding-top: 36px;
    padding-bottom: 40px;
    background-position: center 0;
    background-size: cover;
  }
  body.en .business-services-layout .img + .text {
    margin-top: 40px;
  }
  body.en .business-services-layout .img img {
    width: 100%;
  }
}
body.en .business-services-panel {
  display: flex;
  position: relative;
}
body.en .business-services-panel + * {
  margin-top: 150px;
}
body.en .business-services-panel:nth-of-type(odd) {
  flex-direction: row-reverse;
}
body.en .business-services-panel:nth-of-type(odd) .box {
  margin-left: 0;
  margin-right: -20px;
}
body.en .business-services-panel:not(:first-child)::after {
  content: "";
  background: url(/img/en/business-services/icon-01.png) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: -100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 60px;
  height: 50px;
}
@media (max-width: 767px) {
  body.en .business-services-panel {
    display: block;
  }
  body.en .business-services-panel + * {
    margin-top: 74px;
  }
  body.en .business-services-panel:nth-of-type(odd) .img {
    margin-left: auto;
    margin-right: -20px;
  }
  body.en .business-services-panel:nth-of-type(odd) .box {
    margin-left: 0;
    margin-right: auto;
  }
  body.en .business-services-panel:not(:first-child)::after {
    top: -54px;
    width: 40px;
    height: 33px;
  }
}
body.en .business-services-panel .img {
  flex-shrink: 0;
  max-width: 640px;
  width: 55.1724137931%;
}
body.en .business-services-panel .img img {
  width: 100%;
}
@media (max-width: 767px) {
  body.en .business-services-panel .img {
    width: 86.5671641791%;
    margin-left: -20px;
  }
}
body.en .business-services-panel .box {
  background-color: #F0F7FB;
  box-shadow: 3px 3px 12px 0 rgba(0, 0, 0, 0.16);
  margin-top: 60px;
  margin-left: -20px;
  padding: 40px;
  min-height: 380px;
}
body.en .business-services-panel .box-ttl {
  color: #003F9D;
  line-height: 1.2;
  font-size: 32px;
  font-size: 2.1333333333rem;
  font-weight: 400;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  body.en .business-services-panel .box {
    margin-top: -20px;
    position: relative;
    margin-left: auto;
    padding: 30px 20px;
    min-height: 100%;
    width: 84.776119403%;
  }
  body.en .business-services-panel .box-ttl {
    font-size: 20px;
    font-size: 1.3333333333rem;
    padding-top: 4px;
    padding-bottom: 10px;
  }
  body.en .business-services-panel .box-txt {
    font-size: 14px;
    font-size: 0.9333333333rem;
    line-height: 2;
  }
}
body.en .reserch-dev .m-btn {
  width: 307px;
}
body.en .reserch-dev-main {
  position: relative;
  background: url(/common/img/skk_bg-page-01.png) no-repeat center 0;
  background-size: cover;
  padding-top: 95px;
  padding-bottom: 95px;
}
body.en .reserch-dev-main::after {
  content: "";
  background: #0072BA;
  background: linear-gradient(to right, #0072BA 0%, #003F9D 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
body.en .reserch-dev-main > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body.en .reserch-dev-main .lead {
  color: #ffffff;
  margin-top: 70px;
}
body.en .reserch-dev-main .lead > p {
  line-height: 1.5625;
}
@media (max-width: 767px) {
  body.en .reserch-dev-main {
    background-position: 74% 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  body.en .reserch-dev-main .img {
    width: 92.5373134328%;
  }
  body.en .reserch-dev-main .img img {
    width: 100%;
  }
  body.en .reserch-dev-main .lead {
    margin-top: 40px;
    text-align: center;
  }
}
body.en .works .m-btn {
  width: 300px;
}
body.en .works-list {
  margin-top: 40px;
}
body.en .works-item a::before, body.en .works-item a::after {
  height: 20%;
}
body.en .works-item a::after {
  background: rgba(0, 0, 0, 0);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}
@media (max-width: 767px) {
  body.en .zeb-content::after {
    height: 465px;
  }
}
@media (max-width: 767px) {
  body.en .zeb-header-date #date > br {
    display: none;
  }
}
body.en .zeb-panel:not(.wellwater) .ttl {
  margin-bottom: 7px;
}
@media (max-width: 767px) {
  body.en .zeb-panel:not(.wellwater) .ttl {
    margin-bottom: 3px;
  }
}
body.en .zeb-panel:not(.solarpower) .ttl {
  text-align: left;
}
@media (min-width: 768px) {
  body.en .zeb-panel .ttl:not(.m) {
    font-size: 14px;
    font-size: 0.9333333333rem;
  }
}
@media (max-width: 767px) {
  body.en .zeb-panel .ttl:not(.m) {
    font-size: 12px;
    font-size: 0.8rem;
  }
}
body.en .zeb-panel:not(.solarheat):not(.officearea):not(.labels):not(.solarpower) > div {
  padding: 7px 9px;
}
@media (max-width: 767px) {
  body.en .zeb-panel:not(.solarheat):not(.officearea):not(.labels):not(.solarpower) > div {
    padding: 2.5% 4%;
  }
}
@media (max-width: 767px) {
  body.en .zeb-panel.airsystems > div, body.en .zeb-panel.earthheat > div {
    padding-left: 6.667% !important;
    padding-right: 6.667% !important;
  }
}
body.en .zeb-panel.solarheat > div {
  padding: 7px 9px 14px;
}
@media (max-width: 767px) {
  body.en .zeb-panel.solarheat > div {
    padding: 2.75% 4%;
  }
}
body.en .zeb-panel.solarheat .ttl {
  padding: 0;
}
@media (max-width: 767px) {
  body.en .zeb-panel.airsystems {
    top: 19.1525423729%;
  }
}
body.en .zeb-panel.airsystems > div > .ttl {
  font-size: 11px;
  font-size: 0.7333333333rem;
  line-height: 1.45;
  padding: 0;
  margin-bottom: 3px;
}
@media (max-width: 767px) {
  body.en .zeb-panel.airsystems > div > .ttl {
    font-size: 10px;
    font-size: 0.6666666667rem;
    line-height: 1.2;
  }
}
body.en .zeb-panel.airsystems .group > div {
  padding: 0 5px 3px;
}
@media (max-width: 767px) {
  body.en .zeb-panel.airsystems .group > div {
    padding-top: 3px;
  }
}
body.en .zeb-panel.airsystems .group .ttl {
  font-size: 12px;
  font-size: 0.8rem;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  body.en .zeb-panel.airsystems .group .ttl {
    font-size: 10px;
    font-size: 0.6666666667rem;
    margin-bottom: 3px;
  }
}
@media (max-width: 767px) {
  body.en .zeb-panel.airsystems .group .label {
    max-width: 155px;
  }
}
@media (min-width: 768px) {
  body.en .zeb-panel.earthheat {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
@media (max-width: 767px) {
  body.en .zeb-panel.earthheat {
    top: 53.5593220339%;
  }
  body.en .zeb-panel.earthheat .ttl {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  body.en .zeb-panel.wellwater {
    top: 66.2711864407%;
  }
}
body.en .zeb-panel.wellwater .ttl {
  font-size: 10px;
  font-size: 0.6666666667rem;
}
@media (min-width: 768px) {
  body.en .zeb-panel.solarpower > div {
    padding-top: 12px;
  }
}
@media (max-width: 767px) {
  body.en .zeb-panel.solarpower > div {
    margin-top: -3px;
  }
}
body.en .zeb-panel.solarpower .ttl {
  font-size: 14px;
  font-size: 0.9333333333rem;
  line-height: 1;
}
@media (max-width: 767px) {
  body.en .zeb-panel.solarpower .ttl {
    font-size: 12px;
    font-size: 0.8rem;
    margin-bottom: 5px;
  }
}
body.en .zeb-panel.solarpower .ttl .small {
  font-size: 12px;
  font-size: 0.8rem;
}
@media (max-width: 767px) {
  body.en .zeb-panel.solarpower .ttl .small {
    font-size: 10px;
    font-size: 0.6666666667rem;
  }
}
@media (max-width: 767px) {
  body.en .zeb-panel.officearea .ttl {
    line-height: 1;
  }
}
body.en .zeb-panel.officearea .group > .img {
  margin-right: 20px;
}
body.en .zeb-panel.officearea .group .text {
  font-size: 10px;
  font-size: 0.6666666667rem;
}
@media (max-width: 767px) {
  body.en .zeb-panel.officearea .group .text {
    padding-right: 3px;
  }
}
@media (max-width: 767px) {
  body.en .zeb-panel.officearea .group ul {
    margin-bottom: 5px;
  }
}
body.en .zeb-panel.officearea .group li:nth-of-type(2) .text {
  letter-spacing: -0.08em;
}
body.en .zeb-panel.officearea .group li + * {
  margin-top: 2px;
}
@media (max-width: 767px) {
  body.en .zeb-panel.labels {
    top: 54.406779661%;
  }
}
body.en .zeb-panel.labels .label2[class*=icon] {
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: 400;
}
@media (max-width: 767px) {
  body.en .zeb-panel.labels .label2[class*=icon] {
    font-size: 12px;
    font-size: 0.8rem;
  }
}
body.en .zeb-drinving .tag {
  padding: 2px 0;
  width: auto;
  min-width: 64px;
}
body.en .zeb-drinving .tag > p {
  font-size: 10px;
  font-size: 0.6666666667rem;
}
body.en .zeb-drinving .head {
  padding-top: 2px;
}
@media (max-width: 767px) {
  body.en .zeb-drinving .head-ttl {
    font-size: 12px;
    font-size: 0.8rem;
  }
}
body.en .zeb-drinving .head .tag {
  font-size: 12px;
  font-size: 0.8rem;
  padding: 0;
}
body.en .zeb-drinving .head .tag > * {
  padding: 2px 0;
}
@media (max-width: 767px) {
  body.en .zeb-drinving .list {
    flex-shrink: 0;
    width: 62.101910828%;
  }
}
body.en .zeb-drinving .item .text {
  line-height: 1;
  font-size: 10px;
  font-size: 0.6666666667rem;
}
@media (min-width: 768px) {
  body.en .zeb-drinving .item .text {
    width: 106px;
  }
}
@media (max-width: 767px) {
  body.en .zeb-drinving .item .text::after {
    top: 0;
  }
}
@media (max-width: 767px) {
  body.en .zeb-drinving .item .tag {
    margin-left: 2px;
  }
}
body.en .zeb-drinving .item:nth-of-type(4) .text {
  letter-spacing: -0.1em;
}
body.en .zeb-category ul {
  margin-top: -5px;
}
body.en .zeb-category-item {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  font-size: 12px;
  font-size: 0.8rem;
  padding: 5px 0 5px 20px;
}
@media (min-width: 768px) {
  body.en .zeb-category-item:nth-of-type(1) {
    font-size: 10px;
    font-size: 0.6666666667rem;
  }
}
@media (max-width: 767px) {
  body.en .zeb-category-item {
    font-size: 11px;
    font-size: 0.7333333333rem;
    padding-left: 16px;
    margin-right: 8px;
  }
}
body.en .zeb-category-item::after {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  body.en .zeb-meter .label {
    height: 265px;
  }
  body.en .zeb-meter .label > p {
    font-size: 10px;
    font-size: 0.6666666667rem;
    line-height: 1;
    letter-spacing: 0;
    height: 120px;
  }
  body.en .zeb-meter .label > p.label-1 {
    height: 135px;
  }
}
@media (max-width: 767px) {
  body.en .zeb .hokkaido .zeb-panel:not(.solarheat):not(.officearea):not(.labels):not(.solarpower) > div {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media (min-width: 768px) {
  body.en .zeb .hokkaido .zeb-panel.solarpower > div {
    padding-top: 15px;
  }
}
body.en .zeb .hokkaido .zeb-panel.solarpower .ttl .small {
  display: block;
  margin-top: 5px;
}
@media (max-width: 767px) {
  body.en .zeb .hokkaido .zeb-panel.wellwater {
    top: 68.5618729097%;
  }
}
@media (min-width: 768px) {
  body.en .zeb .hokkaido .zeb-category {
    padding-left: 7px;
    padding-right: 7px;
  }
}
body.en .zeb .hokkaido .zeb-category ul {
  margin-top: 0;
  justify-content: flex-start;
}
body.en .zeb .hokkaido .zeb-category-item {
  font-size: 10px;
  font-size: 0.6666666667rem;
  padding: 2px 0 3px 13px;
  margin-right: 3px;
}
body.en .zeb .hokkaido .zeb-category-item:nth-of-type(1), body.en .zeb .hokkaido .zeb-category-item:nth-of-type(odd), body.en .zeb .hokkaido .zeb-category-item:nth-of-type(even), body.en .zeb .hokkaido .zeb-category-item:nth-of-type(3n+1), body.en .zeb .hokkaido .zeb-category-item:nth-of-type(3n+3) {
  width: auto;
}
@media (max-width: 767px) {
  body.en .zeb .hokkaido .zeb-category-item {
    flex-shrink: 0;
  }
  body.en .zeb .hokkaido .zeb-category-item, body.en .zeb .hokkaido .zeb-category-item:nth-of-type(1), body.en .zeb .hokkaido .zeb-category-item:nth-of-type(odd), body.en .zeb .hokkaido .zeb-category-item:nth-of-type(even), body.en .zeb .hokkaido .zeb-category-item:nth-of-type(3n+1), body.en .zeb .hokkaido .zeb-category-item:nth-of-type(3n+3) {
    margin: 0;
    width: 33.33%;
  }
  body.en .zeb .hokkaido .zeb-category-item:nth-of-type(1), body.en .zeb .hokkaido .zeb-category-item:nth-of-type(2), body.en .zeb .hokkaido .zeb-category-item:nth-of-type(3), body.en .zeb .hokkaido .zeb-category-item:nth-of-type(4) {
    width: 50%;
  }
}
@media (min-width: 768px) {
  body.en .zeb .hokkaido .zeb-drinving .item:nth-of-type(4) .text {
    letter-spacing: 0;
  }
}
body.en .zeb .saitama .fs-6 {
  font-size: 10px;
  font-size: 0.6666666667rem;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
body.en .zeb .saitama .fs-7 {
  font-size: 10px;
  font-size: 0.6666666667rem;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
body.en .zeb .saitama .fs-8 {
  font-size: 10px;
  font-size: 0.6666666667rem;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
@media (max-width: 767px) {
  body.en .zeb .saitama .fs-8_sp {
    font-size: 10px;
    font-size: 0.6666666667rem;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    white-space: nowrap;
  }
}
body.en .zeb .saitama .fs-10 {
  font-size: 10px;
  font-size: 0.6666666667rem;
  line-height: 1.2;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-content::after {
    top: 95px;
    height: 481px;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-header-temp .fs-10 {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: 0 center;
    transform-origin: 0 center;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-header-temp-item {
    padding: 3px 5px;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-header-date #saitama-date > br {
    display: none;
  }
}
body.en .zeb .saitama .zeb-panel {
  text-align: center;
}
body.en .zeb .saitama .zeb-panel:not(.solarheat):not(.officearea):not(.labels):not(.solarpower):not(.co2-rate) > div {
  padding: 0;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel .text {
    font-size: 10px;
    font-size: 0.6666666667rem;
    line-height: 1;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel .label3-child > * {
    font-size: 10px;
    font-size: 0.6666666667rem;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    white-space: nowrap;
    padding: 0 32px;
  }
}
body.en .zeb .saitama .zeb-panel.solarpower .ttl, body.en .zeb .saitama .zeb-panel.power-reception .ttl {
  text-align: center;
  font-size: 11px;
  font-size: 0.7333333333rem;
  line-height: 1.09;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.solarpower .ttl, body.en .zeb .saitama .zeb-panel.power-reception .ttl {
    font-size: 10px;
    font-size: 0.6666666667rem;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
body.en .zeb .saitama .zeb-panel.solarpower .ttl.mb-s, body.en .zeb .saitama .zeb-panel.power-reception .ttl.mb-s {
  margin-bottom: 4px;
}
body.en .zeb .saitama .zeb-panel.solarpower .text, body.en .zeb .saitama .zeb-panel.power-reception .text {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  line-height: 1.25;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.solarpower .text, body.en .zeb .saitama .zeb-panel.power-reception .text {
    margin-top: 2px;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.solarpower .label3, body.en .zeb .saitama .zeb-panel.power-reception .label3 {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.solarpower .label3 + .text, body.en .zeb .saitama .zeb-panel.power-reception .label3 + .text {
    margin-left: -7px;
    margin-top: 3px;
  }
}
body.en .zeb .saitama .zeb-panel.solarpower > div {
  padding-top: 7px;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.solarpower > div {
    padding-top: 21px;
  }
}
body.en .zeb .saitama .zeb-panel.power-reception > div {
  padding-top: 10px !important;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.power-reception > div {
    padding-top: 7px !important;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.storage {
    height: 101px;
  }
}
body.en .zeb .saitama .zeb-panel.storage .ttl2 {
  white-space: nowrap;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.storage .ttl2 {
    font-size: 10px;
    font-size: 0.6666666667rem;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    line-height: 1;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.storage .ttl2 + .text {
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.storage .label3-child + .text {
    margin-top: 1px;
  }
}
body.en .zeb .saitama .zeb-panel.pcs .text.fs-8 {
  text-align: center;
  width: calc(100% + 30px);
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.pcs .label3-child + .text {
    margin-top: -2px;
  }
}
body.en .zeb .saitama .zeb-panel.power, body.en .zeb .saitama .zeb-panel.el-power {
  padding-left: 9px;
  padding-right: 9px;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.power, body.en .zeb .saitama .zeb-panel.el-power {
    padding-left: 5px;
    padding-right: 5px;
  }
}
body.en .zeb .saitama .zeb-panel.power .ttl2, body.en .zeb .saitama .zeb-panel.el-power .ttl2 {
  margin-bottom: 5px;
  font-size: 11px;
  font-size: 0.7333333333rem;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.power .ttl2, body.en .zeb .saitama .zeb-panel.el-power .ttl2 {
    margin-top: 2px;
  }
}
body.en .zeb .saitama .zeb-panel.el-car {
  padding-left: 9px;
  padding-right: 9px;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.el-car {
    padding-left: 8px;
    padding-right: 8px;
  }
}
body.en .zeb .saitama .zeb-panel.el-car .ttl2 {
  line-height: 1;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.el-car .label3-child + .text {
    margin-top: 5px;
  }
}
body.en .zeb .saitama .zeb-panel.office .fs-8, body.en .zeb .saitama .zeb-panel.training .fs-8 {
  width: calc(100% + 40px);
}
body.en .zeb .saitama .zeb-panel.office .ttl2, body.en .zeb .saitama .zeb-panel.training .ttl2 {
  font-size: 12px;
  font-size: 0.8rem;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.office .ttl2, body.en .zeb .saitama .zeb-panel.training .ttl2 {
    font-size: 10px;
    font-size: 0.6666666667rem;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.office .text, body.en .zeb .saitama .zeb-panel.training .text {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.office .label3, body.en .zeb .saitama .zeb-panel.training .label3 {
    margin-top: 0;
    margin-bottom: -1px;
    min-height: 14px;
  }
}
body.en .zeb .saitama .zeb-panel.office .ttl2.fs-8_sp {
  white-space: nowrap;
}
body.en .zeb .saitama .zeb-panel.training .ttl2 {
  white-space: nowrap;
}
body.en .zeb .saitama .zeb-panel.co2-rate {
  padding: 6px 2px;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.co2-rate {
    padding: 6px 8px 6px 12px;
  }
}
body.en .zeb .saitama .zeb-panel.co2-rate .head {
  padding: 0 !important;
}
body.en .zeb .saitama .zeb-panel.co2-rate .head .text.fs-8 {
  font-weight: 700;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.co2-rate .head .text.fs-8 {
    font-size: 12px;
    font-size: 0.8rem;
    -webkit-transform: scale(1);
    transform: scale(1);
    margin-left: 0;
    margin-right: 0;
    text-align: left;
  }
}
body.en .zeb .saitama .zeb-panel.co2-rate .rate {
  padding: 3px 0 !important;
  margin-top: 0;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.co2-rate .rate {
    padding: 1px 0 !important;
  }
}
body.en .zeb .saitama .zeb-panel.co2-rate .img {
  padding: 0 !important;
  margin: 8px 0 0;
  width: 70px;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-panel.co2-rate .img {
    margin: 0;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-meter-guide {
    width: 90px;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-meter-guide .fs-6 {
    line-height: 1.1 !important;
    -webkit-transform: scale(0.6) !important;
    transform: scale(0.6) !important;
  }
}
body.en .zeb .saitama .zeb-meter-guide .fs-6,
body.en .zeb .saitama .zeb-meter-guide .fs-7 {
  line-height: 1;
  margin-bottom: -2px;
}
@media (min-width: 768px) {
  body.en .zeb .saitama .zeb-meter-guide .fs-6,
  body.en .zeb .saitama .zeb-meter-guide .fs-7 {
    width: calc(100% + 40px);
    flex: 1 0 auto;
  }
}
body.en .zeb .saitama .zeb-meter-guide .fs-8 {
  line-height: 1;
  margin-bottom: -2px;
}
@media (min-width: 768px) {
  body.en .zeb .saitama .zeb-meter-guide .fs-8 {
    width: calc(100% + 20px);
    flex: 1 0 auto;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-meter-guide .info {
    padding: 0 4px 0 22px;
    justify-content: flex-end;
  }
}
body.en .zeb .saitama .zeb-meter-guide .info.label3 {
  font-size: 10px;
  font-size: 0.6666666667rem;
  height: 34px;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-meter-guide .info.label3 {
    height: auto;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-meter-guide .info.label3 > span {
    margin-bottom: -5px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: 0 center;
    transform-origin: 0 center;
    white-space: nowrap;
    text-align: left;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-meter-guide .info.label3 .ico {
    -webkit-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .graph-wrap {
    margin-top: -5px;
  }
}
body.en .zeb .saitama .zeb-graph {
  padding: 7px 12px 6px;
}
body.en .zeb .saitama .zeb-graph .graph-info {
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
}
body.en .zeb .saitama .zeb-graph .graph-info .item:first-child {
  width: 32%;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-graph .graph-info .item:first-child {
    width: auto;
  }
}
body.en .zeb .saitama .zeb-graph .graph-info .item:first-child .ttl {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-graph .graph-info .item:first-child .ttl {
    margin-top: 10px;
  }
}
body.en .zeb .saitama .zeb-graph .graph-info .item:first-child .list {
  white-space: nowrap;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-graph .graph-info .item:first-child .list {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    margin-right: -18px;
  }
}
body.en .zeb .saitama .zeb-graph .graph-info .item .ttl {
  margin-bottom: -2px;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-graph .graph-info .item .ttl {
    margin-bottom: 5px;
  }
}
body.en .zeb .saitama .zeb-graph .graph-info .item .ttl.fs-8 {
  text-align: right;
  white-space: nowrap;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-graph .graph-info .item .list {
    -webkit-transform-origin: right top;
    transform-origin: right top;
  }
}
@media (min-width: 768px) {
  body.en .zeb .saitama .zeb-category {
    padding-left: 8px;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-category {
    padding-top: 0;
  }
}
body.en .zeb .saitama .zeb-category ul {
  margin-top: 0;
}
body.en .zeb .saitama .zeb-category-item {
  line-height: 1.25;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: 0 center;
  transform-origin: 0 center;
  white-space: nowrap;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-category-item {
    font-size: 10px;
    font-size: 0.6666666667rem;
    padding-left: 18px;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-category-item:nth-child(4n+1) {
    width: 27%;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-category-item:nth-child(4n+2) {
    width: 30%;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-category-item:nth-child(4n+3) {
    width: 25%;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-category-item:nth-child(4n+4) {
    width: 18%;
  }
}
body.en .zeb .saitama .zeb-category-item::after {
  top: 50%;
  width: 11px;
  height: 11px;
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-category-item::after {
    width: 14px;
    height: 14px;
  }
}
body.en .zeb .saitama .zeb-category-item.c17 {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-meter {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-meter .label {
    margin-left: -10px;
    margin-right: -10px;
    align-items: center;
    line-height: 1.25;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-meter .label > p {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    white-space: nowrap;
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-meter .label > p.label-1 {
    padding-right: 5px;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-meter .label > p.label-2 {
    padding-left: 5px;
  }
}
@media (max-width: 767px) {
  body.en .zeb .saitama .zeb-meter .label .chart {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  body.en .zeb #zeb .angle-up {
    top: 49.6610169492%;
  }
  body.en .zeb #zeb .angle-down {
    top: 15.2542372881%;
  }
}
@media (max-width: 767px) {
  body.en .zeb #hokkaido-zeb .zeb-content::after {
    height: 481px;
  }
  body.en .zeb #hokkaido-zeb .zeb-main {
    min-height: 562px;
  }
  body.en .zeb #hokkaido-zeb .airsystems {
    top: 20.1067615658%;
  }
  body.en .zeb #hokkaido-zeb .earthheat {
    top: 56.9395017794%;
  }
  body.en .zeb #hokkaido-zeb .wellwater {
    top: 70.9964412811%;
  }
  body.en .zeb #hokkaido-zeb .labels {
    top: 64.9466192171%;
  }
  body.en .zeb #hokkaido-zeb .angle-up {
    top: 52.6690391459%;
  }
}
body.en .zeb .system-1 .zeb-header,
body.en .zeb .system-2 .zeb-header {
  z-index: 11;
}
body.en .zeb .zeb-system {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
body.en .zeb .zeb-system-content {
  padding-bottom: 0;
}
body.en .zeb .zeb-system.system-1::before {
  opacity: 0.6;
}
body.en .sustainability-page-layout-btn-wrap .m-btn {
  width: 100%;
}