@charset "UTF-8";

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

/* view */
@media only screen and (min-width:768px){
.sp{display: none;}
}
@media only screen and (max-width:767px){
.pc{display: none;}
}
sub{vertical-align:baseline; bottom: -.1em;}
/* tddmain */
.tddmain-map{overflow: hidden;position: relative;height: 100vh;height: calc(var(--vh, 1vh) * 100);}
.tddmain-map .tddmain-map__scroller{overflow: hidden;position: relative;width: 100%;height: 100%;}
.tddmain-map .tddmain-map__druger{position: relative;}
.tddmain-map .tddmain-map__movie{padding-top: 56.25%;}
.tddmain-map .tddmain-map__movie video-js,
.tddmain-map .tddmain-map__movie video-js video,
.tddmain-map .tddmain-map__movie p,
.tddmain-map .tddmain-map__movie p img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.tddmain-map .tddmain-map__movie .vjs-big-play-button,
.tddmain-map .tddmain-map__movie .vjs-poster{display: none !important;}
.tddmain-map .tddmain-map__scroll{display: flex;align-items: center;position: absolute;bottom: 45px;right: 55px;}
.tddmain-map .tddmain-map__guide{list-style: none; position: absolute; right: 3.5%; background-color: #fff;z-index:+2;font-weight: bold; padding: 5px 15px;font-size: 1.52749491vh;}
.tddmain-map .tddmain-map__guide .ac::before{content:"";display: inline-block; width: 16px; height: 3px; margin-right: 5px;background-color: #2383cb;vertical-align: middle;}
.tddmain-map .tddmain-map__guide .dc::before{content:"";display: inline-block; width: 16px; height: 3px; margin-right: 5px;background-color: #b40706;vertical-align: middle;}
.tddmain-map .tddmain-map__navi{display: none;}
.tddmain-map .tddmain-map__pin{position: absolute;width: calc((50 / 1920) * 100%);height: calc((65 / 1080) * 100%);transform: translate(-50%,-100%);}
.tddmain-map .tddmain-map__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);}
.tddmain-map .tddmain-map__pin.pin-01{top: calc((530 / 1080) * 100%);left: calc((1135 / 1920) * 100%);}
.tddmain-map .tddmain-map__pin.pin-02{top: calc((856 / 1080) * 100%);left: calc((1148 / 1920) * 100%);}
.tddmain-map .tddmain-map__pin.pin-03{top: calc((432 / 1080) * 100%);left: calc((1520 / 1920) * 100%);}
.tddmain-map .tddmain-map__pin.pin-04{top: calc((575 / 1080) * 100%);left: calc((450 / 1920) * 100%);}
.tddmain-map .tddmain-map__pin.pin-05{top: calc((620 / 1080) * 100%);left: calc((785 / 1920) * 100%);}
.tddmain-map .tddmain-map__pin.pin-06{top: calc((625 / 1080) * 100%);left: calc((1625 / 1920) * 100%);}
.tddmain-map .tddmain-map__pin.pin-07{top: calc((795 / 1080) * 100%);left: calc((350 / 1920) * 100%);}
.tddmain-map .tddmain-map__pin.pin-08{top: calc((822 / 1080) * 100%);left: calc((675 / 1920) * 100%);}
.tddmain-map .tddmain-map__pin.pin-09{top: calc((865 / 1080) * 100%);left: calc((130 / 1920) * 100%);}
.tddmain-map .tddmain-map__pin.pin-10{top: calc((410 / 1080) * 100%);left: calc((1220 / 1920) * 100%);}
.tddmain-map .tddmain-map__text {position: absolute;top: calc(100% + 5px); left: 50%;line-height: 1;font-size: 1.8vh;font-weight: bold;color: #a60000;white-space: nowrap; text-align: center; transform: translateX(-50%);}
.tddmain-map .tddmain-map__text .inner{display: inline-block;position: relative;}
.tddmain-map .tddmain-map__text .inner::before{content:"";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color:rgba(255,255,255,.8);-webkit-filter: blur(4px);-moz-filter: blur(4px);-o-filter: blur(4px);-ms-filter: blur(4px);filter: blur(4px);z-index: -1;}
.tddmain-map .tddmain-map__text .txt-s{font-size: 1.2vh}

.tddmain-map .tddmain-map__pin.pin-01 .tddmain-map__text{top: 230%;}
.tddmain-map .tddmain-map__pin.pin-03 .tddmain-map__text{top: 200%;}
.tddmain-map .tddmain-map__pin.pin-06 .tddmain-map__text{top: 298%;}
.banner-1 {position: absolute;z-index: 10; left: 1.5%; top: calc(95px + 1%); width: 283px;}
.banner-1 img{width: 100%;height: auto;}

@media only screen and (min-width:768px){
	.tddmain-map .tddmain-map__pin{transition: filter .3s ease;}
	.tddmain-map .tddmain-map__pin:hover{filter: brightness(130%);}
	.tddmain-map .tddmain-map__guide{top: calc(95px + 1%);}
	.banner-1 a img{transition: opacity .2s ease-out;}
	.banner-1 a:hover img{opacity: 0.7;}
}
@media only screen and (max-width:980px){
	.tddmain-map .tddmain-map__guide{top: calc(15px + 1%)}
	.banner-1{top: 10px}
}
@media only screen and (max-width:767px){
.tddmain-map{height: auto !important;}
.tddmain-map .tddmain-map__druger{width: auto !important;top: 0 !important;left: 0 !important;}
.tddmain-map .tddmain-map__scroll{display: none;}
.tddmain-map .tddmain-map__guide{top: 30px;font-size: 1.2vw;padding: 3px 5px;}
.tddmain-map .tddmain-map__guide .ac::before,
.tddmain-map .tddmain-map__guide .dc::before{height: 2px;}
.banner-1{width: 120px;}
.tddmain-map .tddmain-map__navi{background-color: #063f6d;color: #fff;display: block;padding: 25px 15px;}
.tddmain-map .tddmain-map__navi-title{font-size: 1.5em;font-weight: 500;text-align: center;overflow: hidden;margin-bottom: 10px;}
.tddmain-map .tddmain-map__navi-title span{display: inline-block;vertical-align: top;position:relative;padding: 0 5px;}
.tddmain-map .tddmain-map__navi-title span::before{background-color: #fff;content: "";position: absolute;top: 50%;left: 100%;width: 50vw;height: 1px;}
.tddmain-map .tddmain-map__navi-title span::after{background-color: #fff;content: "";position: absolute;top: 50%;right: 100%;width: 50vw;height: 1px;}
.tddmain-map .tddmain-map__navi-link{border: 2px solid #e4e4e4;background-color: #fff; color: #063f6d;display: block;font-size: .9375em;font-weight: 700;padding: 0 14px}
.tddmain-map .tddmain-map__navi-link+.tddmain__navi-link{margin-top: 7px;}
.tddmain-map .tddmain-map__navi-link span{display: block;background: url(/eig/energysystems/feature/tddmain2025/images/icon-blank.png) right center/19px auto no-repeat;padding: 10px 20px 10px 0}
.tddmain-map .tddmain-map__navi-link span sup{font-size: 0.6666em;}
.tddmain-map .tddmain-map__text{display: none;}
}
@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;}
	}
}

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


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

.tddmain-map__news {background-color: #c80000;}
.tddmain-map__news button{display: block;color: #fff;font-weight: bold;font-family: Roboto,sans-serif;border: 1px solid #fff;border-radius: 5px;text-align: center;line-height: 1;background-color: #c80000;cursor: pointer;}
.tddmain-map__news .inner {position: relative;display: inline-block;vertical-align: middle;}
.tddmain-map__news .inner::after{content: "";display: inline-block;width: 15px;height: 14px;background: url(/eig/energysystems/feature/tddmain2025/images/icon_blank_w.png) no-repeat 0 0 / cover; }

@media only screen and (min-width:768px){
	.tddmain-map__news {position: absolute;left: 0;top: 300px;padding: 8px;background-color: #c80000;box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);z-index: +2;border-radius: 0 10px 10px 0;}
	.tddmain-map__news button{font-size: .9375em;width: 110px;padding: 10px;border-radius: 5px;box-sizing: content-box;text-align: center;line-height: 1;background-color: #c80000;cursor: pointer;}
}
@media only screen and (max-width:980px){
	.tddmain-map__news {top: 215px;}
}
@media only screen and (max-width:767px){
	.tddmain-map__news {padding: 8px 15px;}
	.tddmain-map__news button{font-size: .6875em;}
	.tddmain-map__news button{width: 100%;box-sizing: border-box;padding: 6px 10px;}
}