@charset "UTF-8";

.bizfield{background-color: #fff;overflow: hidden;position: relative;height: auto;margin-left: calc(-50vw + 50%);margin-right: calc(-50vw + 50%);}
.bizfield sub,
.bizfield sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
.bizfield sub{bottom:0}
.bizfield sup{top:-.5em}

.bizfield__scroller{overflow: hidden;position: relative;width: 100%;height: 100%;}
.bizfield__druger{position: relative;}
.bizfield__movie{padding-top: 56.25%;}
.bizfield__movie video-js,
.bizfield__movie video,
.bizfield__movie img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.bizfield__movie .vjs-big-play-button{display: none !important;}
.bizfield__scroll{display: flex;align-items: center;position: absolute;bottom: 45px;right: 55px;}
.bizfield__lang{border-radius: 5px 0 0 5px;-webkit-text-stroke: 1px #FFF;text-stroke: 1px #FFF;box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);background-color: #e4e4e4;list-style: none;position:absolute;top: 130px;left: 10px;margin: 0;padding: 8px;z-index: +2;}
.bizfield__lang li+li{margin-top: 5px;}
.bizfield__lang li a,
.bizfield__lang li span{background-color: #fff;border-radius: 5px;color: #6c6c6c;display: block;font-size: 14px;font-weight: 700;text-align: center;padding: 5px;width: 100px;text-decoration: none;box-sizing: content-box;}
.bizfield__lang li span{border-bottom:1px solid #063f6d;border-radius: 5px 5px 0 0;pointer-events: none;}
.bizfield__pin{position: absolute;width: calc((41 / 1920) * 100vw);min-width: 16px;height: calc((55 / 1920) * 100vw);min-height:22px; transform: translate(-50%,-100%);}
.bizfield__pin img{width: 100%;height: auto;transform-origin: 50% 100%;animation-name: scaleIn;animation-duration: 10s;animation-fill-mode: both;animation-iteration-count: infinite;animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);}

.bizfield__pin.pin-01{top: calc((568 / 1080) * 100%);left: calc((285 / 1920) * 81%);}
.bizfield__pin.pin-02{top: calc((548 / 1080) * 100%);left: calc((83 / 1920) * 100%);}
.bizfield__pin.pin-03{top: calc((380 / 1080) * 100%);left: calc((295 / 1920) * 100%);}
.bizfield__pin.pin-04{top: calc((462 / 1080) * 100%);left: calc((645 / 1920) * 100%);}
.bizfield__pin.pin-05{top: calc((820/ 1080) * 100%);left: calc((164 / 1920) * 100%);}
.bizfield__pin.pin-06{top: calc((337 / 1080) * 100%);left: calc((847 / 1920) * 100%);}
.bizfield__pin.pin-07{top: calc((518 / 1080) * 100%);left: calc((448 / 1920) * 100%);}
.bizfield__pin.pin-08{top: calc((238 / 1080) * 100%);left: calc((1551 / 1920) * 100%);}
.bizfield__pin.pin-09{top: calc((320 / 1080) * 100%);left: calc((1319 / 1920) * 100%);}
.bizfield__pin.pin-10{top: calc((385 / 1080) * 100%);left: calc((1775 / 1920) * 100%);}
.bizfield__pin.pin-11{top: calc((850 / 1080) * 100%);left: calc((713 / 1920) * 100%);}
.bizfield__pin.pin-12{top: calc((532 / 1080) * 100%);left: calc((1200 / 1920) * 103%);}
.bizfield__pin.pin-13{top: calc((471 / 1080) * 100%);left: calc((913 / 1920) * 100%);}
.bizfield__pin.pin-14{top: calc((617 / 1080) * 100%);left: calc((1175 / 1920) * 100%);}
.bizfield__pin.pin-15{top: calc((814 / 1080) * 100%);left: calc((1568 / 1920) * 100%);}
.bizfield__pin.pin-16{top: calc((308 / 1080) * 100%);left: calc((1018 / 1920) * 100%);}

.bizfield__pin{transition: filter .3s ease;}
.bizfield__pin:hover{filter: brightness(130%);opacity:1 !important;}
.bizfield__lang li a{transition: color .3s ease;}
.bizfield__lang li a:hover{color: #222;}
.bizfield__text {position: relative;line-height: 1.2;font-size: clamp(9px,0.9375vw,18px);font-weight: bold;color: #a60000;white-space: nowrap;position: absolute;top: 100%;text-align: center;position: absolute;left: 50%;transform: translateX(-50%);text-shadow: 0 0 10px #fff;}
.bizfield ul.bizfield__text{list-style: none}
.bizfield ul.bizfield__text li{position: relative;}
.bizfield .bizfield__text .inner::before{content:"";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color:rgba(255,255,255,.7);-webkit-filter: blur(4px);-moz-filter: blur(4px);-o-filter: blur(4px);-ms-filter: blur(4px);filter: blur(4px);z-index: -1;}
.bizfield__text--v li+li {margin-top: 5px;padding-top: 5px;border-top: 1px solid #7f7f7f;}
.bizfield__text .inner{display: inline-block;position: relative;}
.bizfield__text.turbinn {top: 80%; bottom: 0; left: 100%;transform: translate(0, 0);}
.bizfield__text.reactor {padding-left: 3em;top: auto;bottom: calc(100% + 5px);}
.bizfield__text.transformer {top: auto;bottom: calc(100% + 5px);}
.bizfield__text.large-scale {top: auto;bottom: calc(100% + 5px); left: auto;right: -60%;transform: translate(0, 0);}
.bizfield__text.switchgear {top: auto; bottom: 0; left: 95%;transform: translate(0, 0);}
.bizfield__text.switchgear::before{top: -10%; left: -10%;}
.bizfield__text.hvdc-diamond {top: auto;bottom: calc(100% + 5px);}
.bizfield__text.vpp {top: auto; bottom: 0;left: auto;right: calc(100% + 5px);transform: translate(0, 0);}
.bizfield__text.multi-region {top: 148%;}
.bizfield__text.gis {top: auto;bottom: calc(100% + 5px);}
.bizfield__text.d-Smiree {top: auto;bottom: calc(100% + 5px);}
.bizfield__text.micro-grid {top: 50%; left: calc(100% + 5px);transform: translate(0, -50%);}
.bizfield__text.power-system {top: auto; bottom: 0; left: calc(100% + 5px);transform: translate(0, 0);text-align: left;}
.bizfield__text.derms {top: auto; bottom: 0; left: calc(100% + 5px);transform: translate(0, 0);}
.bizfield__text.power-supply {top: auto; bottom: 0; left: calc(100% + 5px);transform: translate(0, 0);}
.bizfield__text.smart-meter {top: 50%;left: calc(100% + 5px);transform: translate(0, -50%);text-align: left;}
@keyframes scaleIn {
	0% {opacity: 0;transform: scale(0) rotateY(0deg);}
	10% {opacity: 1;transform: scale(1) rotateY(0deg);}
	30% {opacity: 1;transform: scale(1) rotateY(0deg);}
	45% {opacity: 1;transform: scale(1) rotateY(360deg);}
	80% {opacity: 1;transform: scale(1) rotateY(360deg);}
	90% {opacity: 0;transform: scale(1) rotateY(360deg);}
	100% {opacity: 0;transform: scale(1) rotateY(360deg);}
}
@media only screen and (max-width:767px){
	@keyframes scaleIn {
		0% {opacity: 1;}
		100% {opacity: 1;}
	}
}

/* bizfield-modal */
.bizfield-data-modal{display: none;}

.bizfield-modal{display: none;position: fixed; top: 0;left: 0;width: 100%;height: 100%;z-index: 2000;}
.bizfield-modal__wrap{display: flex;align-items: center;justify-content: center;position: relative;width: 100%;height: 100%;}
.bizfield-modal__bg{background-color: rgba(0,0,0,0.8);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.bizfield-modal__contents{background-color: #fff;box-sizing: border-box;display: flex;overflow: hidden;position: relative;width: calc(100% - 26px);max-width: 1800px;padding: 90px 40px}
.bizfield-modal__close{display: block;position: absolute;top: 30px;right: 30px;width: 35px;z-index: +2;}
.bizfield-modal__close img{width: 100%;height: auto;vertical-align: top;}
.bizfield-modal__loader{display: flex;position: relative;width: 100%;z-index: +1;}
.bizfield-modal__loader::before{background-color: #f6f6f6;content: "";position: absolute;top: -120px;left: calc(((1100 / 1800) * 100%) - 16px);width: 100%;height: calc(100% + 240px);z-index: -1;}
.bizfield-modal__loader iframe{background-color: transparent;border: none;display: none;width: 100%;height: 100%;display: none;padding: 0;overflow: hidden;}
.bizfield-modal__scroller {box-sizing: border-box;max-height: calc(95vh - 240px);overflow: hidden;width: 100%;}
.bizfield-modal__navi{display: flex;list-style: none;position: absolute;bottom: 0;right: 0;margin: 0;z-index: +1;}
.bizfield-modal__navi li+li{margin-left: 2px;}
a.bizfield-modal__btn{color: #fff;}
.bizfield-modal__btn{background-color: #222;color: #fff;display: block;font-size: .8888em;font-weight: 700;text-decoration: none;padding: 15px 17px 15px 17px;width: 154px;}
.bizfield-modal__btn span{display: block;padding-right: 90px;position: relative;}
.bizfield-modal__btn span::before{border-right: 2px solid #fff;border-bottom: 2px solid #fff;content: "";position: absolute;top: calc(50% - 7px);right: 0;width: 12px;height: 12px;transform: rotate(-45deg);}
.bizfield-modal__btn span::after{background-color: #fff;content: "";position: absolute;top: calc(50% - 1px);right: 0;width: 35px;height: 2px;}
.bizfield-modal__btn.bizfield-modal__btn--prev span{padding: 0 0 0 90px;}
.bizfield-modal__btn.bizfield-modal__btn--prev span::before{right: auto;left: 0;transform: rotate(135deg);}
.bizfield-modal__btn.bizfield-modal__btn--prev span::after{right: auto;left: 0;}
.none-bg .bizfield-modal__loader::before {display: none;}
.none-bg .bizfield-modal__navi {display: none;}
@media only screen and (min-width:768px){
.bizfield-modal__close{transition: opacity .3s ease!important;}
.bizfield-modal__close:hover{opacity: .7;}
.bizfield-modal__btn{transition: opacity .3s ease!important;}
.bizfield-modal__btn:hover{opacity: .7;}
}
@media only screen and (max-width:767px){
.bizfield-modal__contents{width: calc(100% - 30px);padding: 50px 0 70px}
.bizfield-modal__close{top: 10px;right: 10px;width: 23px;}
.bizfield-modal__loader::before{display: none;}
.bizfield-modal__scroller{padding-right:0;max-height: calc(80vh - 120px);}
.bizfield-modal__navi{padding: 0;width: 100%;}
.bizfield-modal__navi li{width: 50%;}
.bizfield-modal__navi li+li{margin-left: 0;border-left: 1px solid #fff;}
.bizfield-modal__btn{font-size: 14px;padding: 13px 15px;width: 100%;}
.bizfield-modal__btn span{display: block;padding-right: 40px;position: relative;}
.bizfield-modal__btn span::before{border-right: 1px solid #fff;border-bottom: 1px solid #fff;top: calc(50% - 5px);width: 11px;height: 11px;}
.bizfield-modal__btn span::after{top: 50%;width: 25px;height: 1px;}
.bizfield-modal__btn.bizfield-modal__btn--prev span{padding: 0 0 0 40px;text-align: right;}
.bizfield__pin img{vertical-align: top;}
.bizfield__text.large-scale {transform: translate(50%, 0);}
.bizfield__text--v li+li{margin-top: 3px;padding-top: 3px;}
}

/* modal */
.modal-wrap{box-sizing: border-box;display: flex;align-items: flex-start;justify-content: space-between;position: relative;width: 100%;}
.modal-wrap sub,
.modal-wrap sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
.modal-wrap sub{bottom:0}
.modal-wrap sup{top:-.5em}
.modal-box {display: grid; grid-template-rows: auto 1fr; width: calc((820 / 1720) * 100%);padding: 100px 0;background-color: #f6f6f6;text-align: center;}
.modal-box:hover{opacity:1!important;}
.modal-box__title {color: #c80000;font-size: clamp(28px,2.571vw,36px);font-weight: 700;padding: 0 15px;line-height: 1.3;}
.modal-box__link {align-self: end;font-size: clamp(12px,1.5vw,18px);margin: 0 auto;min-width: auto;border: #222 solid 2px;margin-top: 22px;pointer-events: painted;overflow-wrap:  break-word;color: #222;padding: 12px 68px 12px 20px;font-weight: bold;transition: color .3s ease;position: relative;display: inline-block;}
.modal-box:link {color: #222;text-decoration: none;}
/* .modal-box:hover .modal-box__link{color: #f50f10;pointer-events: painted;} */
.modal-box__link  .modal-info__img {width: auto;position: absolute;top: 50%;transform: translateY(-50%);right: 16px;}
.modal-btns {box-sizing: border-box;display: flex;align-items: stretch;justify-content: space-between;position: relative;width: 100%;}
.modal-info__img img {width: 36px;height: auto;}
@media only screen and (max-width:767px){
.modal-wrap{display: block;padding: 0 20px;}
.modal-btns{display: block;}
.modal-btns a{display: block;}
.modal-btns a + a {margin-top: 15px;}
.modal-box{width: 100%; padding: 36px 10px;}
.modal-info__img.pdf img{width: 15px;}
}