@charset "UTF-8";

/* js-fixed */
body.js-fixed{}

/* view */
@media only screen and (min-width:768px){
.sp{display: none;}
.global-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}
}
@media only screen and (max-width:767px){
.pc{display: none;}
}

sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:0}
sup{top:-.5em}

.l-wrapper .header-breadcrumb{font-size:112.5%;background-color:#000;padding:23px 61px}
.l-wrapper .header-breadcrumb__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.l-wrapper .header-breadcrumb__item{color:#fff}
.l-wrapper .header-breadcrumb__item+.header-breadcrumb__item{margin-left:25px;position:relative}
.l-wrapper .header-breadcrumb__item+.header-breadcrumb__item::before{content:'';display:block;width:2px;height:14px;position:absolute;top:6px;left:-13px;background-color:#757575;-webkit-transform:skewX(-21deg);-ms-transform:skewX(-21deg);transform:skewX(-21deg)}
.l-wrapper .header-breadcrumb__item:last-child{font-weight:700}
.l-wrapper .header-breadcrumb__item a{color:#fff;border-bottom:1px solid transparent;-webkit-transition:.2s ease-out;transition:.2s ease-out}
.l-wrapper .header-breadcrumb__item a:hover{border-bottom:1px solid #fff;text-decoration: none;}

/* onestop-main */
.onestop-main{overflow: hidden;position: relative;height: 100vh;height: calc(var(--vh, 1vh) * 100);}
.onestop-main .onestop-main__scroller{overflow: hidden;position: relative;width: 100%;height: 100%;}
.onestop-main .onestop-main__druger{position: relative;}
.onestop-main .onestop-main__movie{padding-top: 56.25%;}
.onestop-main .onestop-main__movie video-js,
.onestop-main .onestop-main__movie video-js video,
.onestop-main .onestop-main__movie p,
.onestop-main .onestop-main__movie p img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.onestop-main .onestop-main__movie .vjs-big-play-button,
.onestop-main .onestop-main__movie .vjs-poster{display: none !important;}
.onestop-main .onestop-main__scroll{display: flex;align-items: center;position: absolute;bottom: 45px;right: 55px;}
.onestop-main .onestop-main__lang{border-radius: 0 5px 5px 0;box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);background-color: #e4e4e4;list-style: none;position:absolute;top: 130px;left: 0;padding: 10px;z-index: +2;}
.onestop-main .onestop-main__lang li+li{margin-top: 5px;}
.onestop-main .onestop-main__lang li a{background-color: #fff;border-radius: 5px;color: #6c6c6c;display: block;font-size: .9375em;font-weight: 700;text-align: center;padding: 10px;width: 110px;box-sizing: content-box;}
.onestop-main .onestop-main__lang li span{background-color: #fff;border-bottom:2px solid #063f6d;border-radius: 5px 5px 0 0;color: #063f6d;display: block;font-size: .9375em;font-weight: 700;text-align: center;padding: 10px 10px 8px 10px;width: 110px;pointer-events: none;box-sizing: content-box;}
.onestop-main .onestop-main__navi{display: none;}
.onestop-main .onestop-main__pin{position: absolute;width: calc((50 / 1920) * 100%);height: calc((65 / 1080) * 100%);transform: translate(-50%,-100%);}
.onestop-main .onestop-main__pin img{width: 100%;height: auto;animation: pin 3s ease-in-out infinite;vertical-align: top;}
.onestop-main .onestop-main__pin.pin-01{top: calc((540 / 1080) * 100%);left: calc((1135 / 1920) * 100%);}
.onestop-main .onestop-main__pin.pin-02{top: calc((456 / 1080) * 100%);left: calc((638 / 1920) * 100%);}
.onestop-main .onestop-main__pin.pin-03{top: calc((442 / 1080) * 100%);left: calc((1520 / 1920) * 100%);}
.onestop-main .onestop-main__pin.pin-04{top: calc((585 / 1080) * 100%);left: calc((450 / 1920) * 100%);}
.onestop-main .onestop-main__pin.pin-05{top: calc((630 / 1080) * 100%);left: calc((785 / 1920) * 100%);}
.onestop-main .onestop-main__pin.pin-06{top: calc((635 / 1080) * 100%);left: calc((1625 / 1920) * 100%);}
.onestop-main .onestop-main__pin.pin-07{top: calc((805 / 1080) * 100%);left: calc((350 / 1920) * 100%);}
.onestop-main .onestop-main__pin.pin-08{top: calc((832 / 1080) * 100%);left: calc((675 / 1920) * 100%);}
.onestop-main .onestop-main__pin.pin-09{top: calc((875 / 1080) * 100%);left: calc((130 / 1920) * 100%);}
@media only screen and (min-width:768px){
.onestop-main .onestop-main__pin{transition: filter .3s ease;}
.onestop-main .onestop-main__pin:hover{filter: brightness(130%);}
.onestop-main .onestop-main__lang li a{transition: color .3s ease;}
.onestop-main .onestop-main__lang li a:hover{color: #222;}
}
@media (min-width:981px){
.onestop-main .onestop-main__lang{top: 220px;}
}
@media only screen and (max-width:767px){
.l-wrapper .header-breadcrumb{font-size:87.5%;padding:17px 14px}
.l-wrapper .header-breadcrumb__item+.header-breadcrumb__item{margin-left:16px}
.l-wrapper .header-breadcrumb__item+.header-breadcrumb__item::before{width:1px;height:12px;top:3px;left:-9px}
.l-wrapper .header-breadcrumb__item a:hover{border-bottom:none}
.onestop-main{height: auto !important;}
.onestop-main .onestop-main__druger{width: auto !important;top: 0 !important;left: 0 !important;}
.onestop-main .onestop-main__scroll{display: none;}
.onestop-main .onestop-main__lang{border-radius: 0;box-shadow: none;display: flex;position:relative;top: auto;left: auto;padding: 7px 12px;}
.onestop-main .onestop-main__lang li{margin: 0 3px;width: calc(50% - 6px);}
.onestop-main .onestop-main__lang li+li{margin: 0 3px;}
.onestop-main .onestop-main__lang li a{font-size: .6875em;padding: 5px 10px;width: auto;}
.onestop-main .onestop-main__lang li span{font-size: .6875em;padding: 5px 10px 3px 10px;width: auto;}
.onestop-main .onestop-main__navi{background-color: #063f6d;color: #fff;display: block;padding: 25px 15px;}
.onestop-main .onestop-main__navi-title{font-size: 1.5em;font-weight: 500;text-align: center;overflow: hidden;margin-bottom: 10px;}
.onestop-main .onestop-main__navi-title span{display: inline-block;vertical-align: top;position:relative;padding: 0 5px;}
.onestop-main .onestop-main__navi-title span::before{background-color: #fff;content: "";position: absolute;top: 50%;left: 100%;width: 50vw;height: 1px;}
.onestop-main .onestop-main__navi-title span::after{background-color: #fff;content: "";position: absolute;top: 50%;right: 100%;width: 50vw;height: 1px;}
.onestop-main .onestop-main__navi-link{border: 2px solid #e4e4e4;background-color: #fff; color: #063f6d;display: block;font-size: .9375em;font-weight: 700;padding: 0 14px}
.onestop-main .onestop-main__navi-link+.onestop-main__navi-link{margin-top: 7px;}
.onestop-main .onestop-main__navi-link span{display: block;background: url(/eig/energysystems/feature/onestop/images/icon-blank.png) right center/19px auto no-repeat;padding: 10px 20px 10px 0}
.onestop-main .onestop-main__navi-link span sup{font-size: 0.6666em;}
}
@keyframes pin{
	0%{transform: translateY(0);}
	50%{transform: translateY(-10%);}
	100%{transform: translateY(0);}
}

/* onestop-contents */
.onestop-contents{padding: 80px 0 90px 0;}
.onestop-contents .onestop-contents__container{box-sizing: border-box;margin: 0 auto;padding: 0 13px;max-width: 1200px;}
.onestop-contents .onestop-contents__heading{font-size: calc((46 / 16) * 1em);font-weight: 700;line-height: 1.3235;margin-bottom: 20px;}
.onestop-contents .onestop-contents__sub-heading{font-size: calc((28 / 16) * 1em);font-weight: 700;line-height: 1.3235;margin-top: 45px;}
/* .onestop-contents .onestop-contents__list{border-bottom: 1px solid #c5c5c5;font-size: calc((18 / 16) * 1em);margin: 15px 0 35px 0;padding-bottom:50px;} */
.onestop-contents .onestop-contents__list{font-size: calc((18 / 16) * 1em);margin: 15px 0 35px 0;}
.onestop-contents .onestop-contents__list li+li{margin-top: 8px;}
.onestop-contents .onestop-contents__list li{position: relative;padding-left: 1em;}
.onestop-contents .onestop-contents__list li>span{position: absolute;top: 0;left: 0;}
.onestop-contents .onestop-contents__text{font-size: calc((18 / 16) * 1em);line-height: 1.7777;}
.onestop-contents .onestop-contents__link{font-weight: 700;margin-top: 35px;}
.onestop-contents .onestop-contents__link a{border: 2px solid #222;color: #222;display: inline-block;vertical-align: top;padding: 12px 20px;}
.onestop-contents .onestop-contents__link a span{display: block;padding-right: 75px;position: relative;}
.onestop-contents .onestop-contents__link a span::before{border-right: 2px solid #222;border-bottom: 2px solid #222;content: "";position: absolute;top: calc(50% - 7px);right: 0;width: 12px;height: 12px;transform: rotate(-45deg);}
.onestop-contents .onestop-contents__link a span::after{background-color: #222;content: "";position: absolute;top: calc(50% - 1px);right: 0;width: 35px;height: 2px;}
@media only screen and (min-width:768px){
.onestop-contents .onestop-contents__link a{transition: color .3s ease;}
.onestop-contents .onestop-contents__link a:hover{color: #f50f10;}
.onestop-contents .onestop-contents__link a span::before{transition: border-color .3s ease;}
.onestop-contents .onestop-contents__link a:hover span::before{border-right: 2px solid #f50f10;border-bottom: 2px solid #f50f10;}
.onestop-contents .onestop-contents__link a span::after{transition: background-color .3s ease;}
.onestop-contents .onestop-contents__link a:hover span::after{background-color: #f50f10;}
}
@media only screen and (max-width:767px){
.onestop-contents{padding: 45px 0 60px 0;}
.onestop-contents .onestop-contents__container{margin: 0;padding: 0 15px;}
.onestop-contents .onestop-contents__heading{font-size: calc((30 / 16) * 1em);line-height: 1.2;margin-bottom: 10px;}
.onestop-contents .onestop-contents__sub-heading{font-size: calc((21 / 16) * 1em);line-height: 1.2;margin-top: 30px;}
.onestop-contents .onestop-contents__list{line-height: 1.5;margin: 10px 0 20px 0;padding-bottom:30px;}
.onestop-contents .onestop-contents__list li+li{margin-top: 5px;}
.onestop-contents .onestop-contents__text{line-height: 1.5;}
.onestop-contents .onestop-contents__link{margin-top: 25px;}
.onestop-contents .onestop-contents__link a{display: block;padding: 12px 15px;}
.onestop-contents .onestop-contents__link a span{padding-right: 30px;}
.onestop-contents .onestop-contents__link a span::before{border-right: 1px solid #222;border-bottom: 1px solid #222;top: calc(50% - 5px);width: 11px;height: 11px;}
.onestop-contents .onestop-contents__link a span::after{top: 50%;width: 25px;height: 1px;}
}


/* onestop-modal */
.onestop-modal{display: none;position: fixed; top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.onestop-modal__wrap{display: flex;align-items: center;justify-content: center;position: relative;width: 100%;height: 100%;}
.onestop-modal__bg{background-color: rgba(0,0,0,0.8);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.onestop-modal__contents{background-color: #fff;box-sizing: border-box;display: flex;overflow: hidden;position: relative;width: calc(100% - 26px);max-width: 1800px;padding: 120px 10px}
.onestop-modal__close{display: block;position: absolute;top: 30px;right: 30px;width: 35px;z-index: +2;}
.onestop-modal__close img{width: 100%;height: auto;}
.onestop-modal__loader{display: flex;position: relative;width: 1780px;max-width: 100%;max-height: calc(95vh - 240px);z-index: +1;transition: height .3s ease;}
.onestop-modal__loader::before{background-color: #f6f6f6;content: "";position: absolute;top: -120px;left: calc(((940 / 1780) * 100%) + ((70 / 1780) * 100%));width: 100%;height: calc(100% + 240px);z-index: -1;}
.onestop-modal__loader iframe{background-color: transparent;border: none;display: none;width: 100%;height: 100%;display: none;padding: 0;overflow: hidden;}
.onestop-modal__navi{display: flex;list-style: none;position: absolute;bottom: 0;right: 0;margin: 0;z-index: +1;}
.onestop-modal__navi li+li{margin-left: 2px;}
a.onestop-modal__btn{color: #fff;}
.onestop-modal__btn{background-color: #222;color: #fff;display: block;font-size: .8888em;font-weight: 700;text-decoration: none;padding: 13px 15px;}
.onestop-modal__btn span{display: block;padding-right: 90px;position: relative;}
.onestop-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);}
.onestop-modal__btn span::after{background-color: #fff;content: "";position: absolute;top: calc(50% - 1px);right: 0;width: 35px;height: 2px;}
.onestop-modal__btn.onestop-modal__btn--prev span{padding: 0 0 0 90px;}
.onestop-modal__btn.onestop-modal__btn--prev span::before{right: auto;left: 0;transform: rotate(135deg);}
.onestop-modal__btn.onestop-modal__btn--prev span::after{right: auto;left: 0;}
@media only screen and (min-width:768px){
.onestop-modal__close{transition: opacity .3s ease;}
.onestop-modal__close:hover{opacity: .7;}
.onestop-modal__btn{transition: opacity .3s ease;}
.onestop-modal__btn:hover{opacity: .7;}
}
@media only screen and (max-width:767px){
.onestop-modal__contents{width: calc(100% - 30px);padding: 70px 0}
.onestop-modal__close{top: 20px;right: 20px;width: 23px;}
.onestop-modal__loader{max-height: calc(80vh - 140px);}
.onestop-modal__loader::before{display: none;}
.onestop-modal__navi{padding: 0;width: 100%;}
.onestop-modal__navi li{width: 50%;}
.onestop-modal__navi li+li{margin-left: 0;border-left: 1px solid #fff;}
.onestop-modal__btn{font-size: .875em;padding: 13px 15px;}
.onestop-modal__btn span{display: block;padding-right: 40px;position: relative;}
.onestop-modal__btn span::before{border-right: 1px solid #fff;border-bottom: 1px solid #fff;top: calc(50% - 5px);width: 11px;height: 11px;}
.onestop-modal__btn span::after{top: 50%;width: 25px;height: 1px;}
.onestop-modal__btn.onestop-modal__btn--prev span{padding: 0 0 0 40px;text-align: right;}
}