@charset "UTF-8";

/* over write */
html,body{height: 100% !important;overflow-y: scroll;}
body{background-color: transparent;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:0}
sup{top:-.5em}

/* 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-wrap{box-sizing: border-box;display: flex;align-items: flex-start;justify-content: space-between;position: relative;width: 100%;}
.modal-img{width: calc((1020 / 1720) * 100%);}
.modal-img__inner{position: relative;padding-top: 56.25%;}
.modal-img__inner>img{position: absolute;top: 0;left: 0;width: 100%;height: auto;}
.modal-img__inner>iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.modal-info{width: calc((620 / 1720) * 100%);position: relative;}
.modal-info::before {background-color: #f6f6f6;content: "";position: absolute;top: -120px;left: calc(((1100 / 1800) * 100%) - 16px);width: 100%;z-index: -1;}

.modal-info__heading{color: #c80000;font-size: clamp(24px,2.8333vw,34px);font-weight: 700;line-height: 1.2;margin: 0;padding-top: 38px;}
.modal-info__heading sup{font-size: 50%;}
.modal-info__lead{font-size: 0.8888em;line-height: 1.75;margin: 20px 0 0 0;}
.modal-info__products{border-top: 1px solid #c5c5c5;margin-top: 40px;padding-top: 40px;}
.modal-info__products-heading{font-size: 1em;font-weight: 700;margin: 0;}
.modal-info__products-link{list-style: none;margin-top: 15px;padding: 0;}
.modal-info__products-link a{border: 2px solid #222;color: #222;display: block;font-weight: 700;padding: 0 20px;text-decoration: none;}
.modal-info__products-link li{margin-top: 15px;}
.modal-icon--arw{display: block;position: relative;padding:13px 45px 13px 0;}
.modal-icon--arw::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);}
.modal-icon--arw::after{background-color: #222;content: "";position: absolute;top: calc(50% - 1px);right: 0;width: 35px;height: 2px;}
 */


/* modal */
.modal-wrap{box-sizing: border-box;display: flex;align-items: flex-start;justify-content: space-between;position: relative;width: 100%;}
.modal-img{width: calc((1010 / 1720) * 100%);}
.modal-img__inner{position: relative;}
/* .modal-img__inner.is-video{padding-top: 56.25%;} */
.modal-img__inner.is-video{padding-top: 56.25%;}
.modal-img__inner>img{width: 100%;height: auto;vertical-align: top;}
.modal-img__inner>iframe,
.modal-img__inner>video,
.modal-img__inner>.video-js{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.modal-info{width: calc((620 / 1720) * 100%);position: relative;padding-right:calc((70 / 1720) * 100%);}

.modal-info__heading{color: #c80000;font-size: clamp(24px,2.8333vw,34px);font-weight: 700;line-height: 1.2;margin: 0;padding-top: 38px;}
.modal-info__heading sup{font-size: 50%;}
.modal-info__lead{font-size: clamp(12px,1.5vw,16px);line-height: 1.71428571;margin: 20px 0 0 0;}
.modal-info__products{border-top: 2px solid #c5c5c5;font-size: 0.875em;line-height: 1.5; margin-top: 25px; padding-top: 10px;}
.modal-info__products__text {font-size: clamp(12px,1.5vw,18px);font-weight: bold;margin-top: 40px;margin-bottom: 10px;}
.modal-info__link {box-sizing: border-box;background-color: #fff; border: 4px solid #222;color: #222;display: flex;justify-content: space-between; font-weight: 700;text-decoration: none;margin-top: 15px;padding:15px 10px 15px 15px;}
.modal-info__link.pfg {padding:10px 10px 10px 15px;}
a.modal-info__link {color: #222;}
a.modal-info__link:hover{opacity:1;}
.modal-info__txt{align-self: center;flex:1;margin-right: 20px;font-size: clamp(12px,1.5vw,18px);}
.modal-info__img{box-sizing: border-box;width: 36px;display: flex;align-items: center;justify-content: center;margin-left: 20px;}
.modal-info__img img {width: 36px;height: auto;}
.modal-info__img.pdf img {width: 22px}

.modal-info__arrow{width: 36px;height: 22px; background: url(/eig/energysystems/business_field/img/icon-arr.png) right center/36px;align-self:center}

/* メディアクエリは使用できないのでJSの「is-mobile」でmobileレイアウトに切り替え */
.is-mobile .modal-wrap{display: block;padding: 0 20px;}
.is-mobile .modal-img{width: auto;padding-left:0;}
.is-mobile .modal-info{width: auto;padding-right:0;margin-top: 30px;}
.is-mobile .modal-info__heading{font-size: 1.6875em;line-height: 1.3;}
.is-mobile .modal-info__lead{font-size: 0.875em;line-height: 1.5714;margin: 10px 0 0 0;}
.is-mobile .modal-info__products{margin-top: 20px;padding-top: 20px;}
.is-mobile .modal-info__products-heading{font-size: 0.875em;}
.is-mobile .modal-info__products-link{display: block;margin-top: 12px;}
.is-mobile .modal-info__products-link a{font-size: .9375em;padding: 0 15px;}
.is-mobile .modal-info__products-link li{margin-top: 10px;}
.is-mobile .modal-icon--arw{padding: 9px 30px 9px 0;}
.is-mobile .modal-icon--arw::before{border-right: 1px solid #222;border-bottom: 1px solid #222;top: calc(50% - 5px);width: 11px;height: 11px;}
.is-mobile .modal-icon--arw::after{top: 50%;width: 25px;height: 1px;}
.is-mobile .modal-info__products-link a{transition: none;}
.is-mobile .modal-info__products-link a:hover{color: #222;}
.is-mobile .modal-info__heading{padding-top: 0;}