#SCENE2 .set3 ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#SCENE2 .set3 ul {
zoom: 1;
}

.section .area {
position: relative;
left: 0;
top: 0;
width: 100%;
}
.section .cont {
box-sizing: border-box;
position: relative;
margin: 0 auto;
padding: 0 0 0 250px;
max-width: 1080px;
min-width: 1000px;
display: block;
}
.section .view {
position: relative;
box-sizing: border-box;
margin: 0 87px 0 120px;
padding: 0 0 0 0;
height: 100%;
text-align: left;
}
.section .fixedIn {
box-sizing: border-box;
background-color: #ffffff;
padding: 60px 0 30px 0;
z-index: 1;
}
.section .fixed.move .fixedIn {
position: fixed;
left: 0;
top: 0;
width: 100%;
}
.section .fixed.move .fixedIn2 {
box-sizing: border-box;
margin: 0 auto;
padding: 0 87px 0 370px;
max-width: 1080px;
min-width: 1000px;
display: block;
}
.section .fixed.move2 .fixedIn {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.section .fixed.move2 .fixedIn2 {
box-sizing: border-box;
display: block;
}

/* SCENE1 */
#SCENE1 {}
#SCENE1 .area {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
}
#SCENE1 .cont {
box-sizing: border-box;
position: relative;
margin: 0 auto;
padding: 0 0 0 250px;
max-width: 1080px;
min-width: 1000px;
height: 490px;
}
#SCENE1 .view {
position: relative;
box-sizing: border-box;
margin: 60px 150px 0 120px;
padding: 0 0 0 0;
height: 490px;
text-align: left;
}
#SCENE1 .set1 {
position: relative;
text-align: left;
}
#SCENE1 .set1 .title {
position: relative;
margin-bottom: 26px;
}
#SCENE1 .set1 h1 {
margin-top: 16px;
font-size: 16px;
}
#SCENE1 .set1 .title img {
position: relative;
width: auto;
height: 33px;
}
#SCENE1 .set1 .image {
position: relative;
}
#SCENE1 .set1 .image img {
width: 100%;
height: auto;
}
#SCENE1 .set1 p.lead {
position: relative;
margin-top: 13px;
font-size: 14px;
line-height: 2.16;
}
#SCENE1.Flast-0 .set1 {
left: 30px;
}
#SCENE1.Flast-1 .set1 {
left: 60px;opacity: 0.7!important;
}
#SCENE1.Flast-2 .set1 {
left: 90px;opacity: 0.5!important;
}
#SCENE1.Flast-3 .set1 {
left: 120px;opacity: 0.3!important;
}
#SCENE1.Flast-4 .set1 {
left: 150px;opacity: 0.1!important;
}
#SCENE1.Flast-5 .set1 {
opacity: 0;
}

/* SCENE2 */
#SCENE2.Fstart-4 .area,
#SCENE2.Fstart-3 .area,
#SCENE2.Fstart-2 .area,
#SCENE2.Fstart-1 .area,
#SCENE2.Fstart-0 .area {
position: fixed;
top: -350px !important;
}
#SCENE2.Flast-4 .area,
#SCENE2.Flast-3 .area,
#SCENE2.Flast-2 .area,
#SCENE2.Flast-1 .area,
#SCENE2.Flast-0 .area {
position: fixed;
top: -100px;
}
#SCENE2 .view {
padding-top: 350px;
opacity: 0;
}
#SCENE2.Fstart-0 .view {
top: 50px;
opacity: 0.1;
}
#SCENE2.Fstart-1 .view {
top: 40px;
opacity: 0.5;
}
#SCENE2.Fstart-2 .view {
top: 30px;
opacity: 0.7;
}
#SCENE2.Fstart-3 .view {
top: 20px;
opacity: 1;
}
#SCENE2.Fstart-4 .view {
top: 10px;
opacity: 1;
}
#SCENE2.Fstart-5 .view {
top: 10px;
opacity: 1;
}

#SCENE2.Flast-0 .move .fixedIn {left: 30px;}
#SCENE2.Flast-1 .move .fixedIn {left: 60px;}
#SCENE2.Flast-2 .move .fixedIn {left: 90px;}
#SCENE2.Flast-3 .move .fixedIn {left: 120px;}
#SCENE2.Flast-4 .move .fixedIn {left: 150px;}

#SCENE2.Flast-0 .view {
opacity: 1;left: 30px;
}
#SCENE2.Flast-1 .view {
opacity: 0.7;left: 60px;
}
#SCENE2.Flast-2 .view {
opacity: 0.5;left: 90px;
}
#SCENE2.Flast-3 .view {
opacity: 0.3;left: 120px;
}
#SCENE2.Flast-4 .view {
opacity: 0.1;left: 150px;
}
#SCENE2.Flast-5 .view {
opacity: 0;
}

#SCENE2 .set1 {
padding: 60px 0 60px 0;
text-align: left;
}
#SCENE2 .set1 h3.hed {
color: #fff;
font-size: 19px;
position: relative;
box-sizing: border-box;
background-color: #000;
margin-bottom: 18px;
padding: 5px 12px;
}
#SCENE2 .set1 h3.hed img {
width: auto;
height: 18px;
}
#SCENE2 .set1 p {
position: relative;
margin-bottom: 65px;
font-family: 'Koburina Gothic W3 JIS2004', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','Osaka',sans-serif;
font-size: 14px;
line-height: 2.16;
}
#SCENE2 .set1 ul {
position: relative;
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#SCENE2 .set1 li {
box-sizing: border-box;
width: 33%;
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
#SCENE2 .set1 li:nth-child(1) {
padding-right: 6px;
}
#SCENE2 .set1 li:nth-child(2) {
padding-right: 3px;
padding-left: 3px;
}
#SCENE2 .set1 li:nth-child(3) {
padding-left: 6px;
}
#SCENE2 .set1 li a {
position: relative;
display: block;
background-color: #fff;
padding-top: 97.7011%;
width: 100%;
height: 0;
}
#SCENE2 .set1 li svg {
display: block;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
#SCENE2 .set1 .localcnt {
display: none;
}

#SCENE2 .set1 li circle,
#SCENE2 .set1 li polygon,
#SCENE2 .set1 li path {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#SCENE2 .set1 li a:hover .btn1-cls-1 {fill:#db3a2a;}
#SCENE2 .set1 li a:hover .btn2-cls-1 {fill:#db3a2a;}
#SCENE2 .set1 li a:hover .btn3-cls-1 {fill:#db3a2a;}

/* SCENE3 */
#SCENE3 {}
#SCENE3.Fstart-4 .area,
#SCENE3.Fstart-3 .area,
#SCENE3.Fstart-2 .area,
#SCENE3.Fstart-1 .area,
#SCENE3.Fstart-0 .area {
position: fixed;
top: -350px !important;
}
#SCENE3.Flast-4 .area,
#SCENE3.Flast-3 .area,
#SCENE3.Flast-2 .area,
#SCENE3.Flast-1 .area,
#SCENE3.Flast-0 .area {
position: fixed;
top: -100px;
}
#SCENE3 .view {
padding-top: 350px;
opacity: 0;
}
#SCENE3.Fstart-0 .view {
top: 50px;
opacity: 0.1;
}
#SCENE3.Fstart-1 .view {
top: 40px;
opacity: 0.5;
}
#SCENE3.Fstart-2 .view {
top: 30px;
opacity: 0.7;
}
#SCENE3.Fstart-3 .view {
top: 20px;
opacity: 1;
}
#SCENE3.Fstart-4 .view {
top: 10px;
opacity: 1;
}
#SCENE3.Fstart-5 .view {
top: 10px;
opacity: 1;
}
#SCENE3 .fixed {
height: 123px;
}
#SCENE3 .fixedIn {
box-sizing: border-box;
background-color: #ffffff;
padding: 60px 0 30px 0;
height: 123px;
z-index: 1;
}
#SCENE3 .set5,
#SCENE3 .set4,
#SCENE3 .set3,
#SCENE3 .set2,
#SCENE3 .set1 {
padding: 0 0 60px 0;
text-align: left;
}
#SCENE3 .set1 {
box-sizing: border-box;
position: relative;
}
#SCENE3 h3.hed {
position: relative;
box-sizing: border-box;
background-color: #000;
margin-bottom: 23px;
padding: 5px 12px;
width: 100%;
height: 28px;
}
#SCENE3 h3.hed img {
width: auto;
height: 18px;
}
#SCENE3 h3.hed span img {
position: absolute;
right: 10px;
top: 9px;
width: 90px;
height: 11px;
}
#SCENE3 .image {
position: relative;
}
#SCENE3 .image img,
#SCENE3 .image_ov img {
width: 100%;
height: auto;
}
#SCENE3 .image_ov {
position: relative;
display: none;
}
#SCENE3 h4 {
position: relative;
margin-top: 40px;
margin-bottom: 4px;
font-size: 18px;
line-height: 1.57;
letter-spacing: 0.05em;
color: #e83828;
}
#SCENE3 p {
position: relative;
font-family: 'Koburina Gothic W3 JIS2004', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','Osaka',sans-serif;
font-size: 14px;
line-height: 2.16;
letter-spacing: 0.05em;
}
#SCENE3 .set5 .text {
margin-bottom: 24px;
font-size: 14px;
line-height: 1.8;
text-align: left;
}
#SCENE3 .set5 .link {
position: relative;
font-size: 14px;
line-height: 26px;
text-align: left;
}
#SCENE3 .set5 .link a {
display: block;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
background-color: #000;
padding: 0 12px;
color: #fff;
text-decoration: none;
}
#SCENE3 .set5 .link a::after {
content: '';
display: block;
transform: translateY(-50%);
position: absolute;
right: 9px;
top: 50%;
border-top: solid 4.5px transparent;
border-left: solid 8px #fff;
border-bottom: solid 4.5px transparent;
}
#SCENE3 .set5 .link a:hover {
background-color: #adadad;
}

/* SCENE4 */
#SCENE4 {}
#SCENE4 .set1 {
padding: 0 0 120px 0;
text-align: left;
}
#SCENE4 h3.hed {
box-sizing: border-box;
background-color: #000;
margin-bottom: 45px;
padding: 8px 12px;
width: 100%;
height: 66px;
}
#SCENE4 h3.hed img {
width: auto;
height: 49px;
}
#SCENE4 h3.hed span img {
position: absolute;
right: 10px;
top: 9px;
width: 90px;
height: 11px;
}
#SCENE4 .set1 .catch {
position: relative;
margin-bottom: 25px;
font-size: 15px;
line-height: 2.35;
letter-spacing: 0.1em;
text-align: center;
}
#SCENE4 .set1 .btn {
position: relative;
margin: 0 132px 60px 132px;
}
#SCENE4 .set1 .btn a {}
#SCENE4 .set1 .btn a:hover {}
#SCENE4 .set1 .btn svg,
#SCENE4 .set1 .btn img {
width: 100%;
height: auto;
}
#SCENE4 .set1 .target {
position: relative;
text-align: center;
}
#SCENE4 .set1 .target img {
width: 50px;
height: auto;
}
#SCENE4 .set1 circle,
#SCENE4 .set1 polygon,
#SCENE4 .set1 path {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#SCENE4 .set1 a:hover .btn8-cls-11 {fill:#db3a2a;}

.bottomTXT {
position: absolute;
right: 40px;
bottom: 40px;
font-family: 'Koburina Gothic W3 JIS2004', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','Osaka',sans-serif;
font-size: 11px;
}

#ModalMask {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.1);
z-index: 99;
display: none;
}
#Modal {
transform: translateX(-50%);
position: fixed;
left: 50%;
top: 80px;
box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
background-color: #fff;
bottom: 80px;
width: 728px;
z-index: 100;
display: none;
}
#Modal ::-webkit-scrollbar {
width: 15px;
}
#Modal ::-webkit-scrollbar-track {
background: #fff;
}
#Modal ::-webkit-scrollbar-thumb {
background: #f0f0f0;
box-shadow:0 0 0 5px rgba(255, 255, 255, 1) inset;
}

#Modal .cont {
position: relative;
height: 100%;
}
#Modal .close {
position: absolute;
right: -12px;
top: -12px;
background: url("/ie/technology/zeh/common/img/close.svg") no-repeat left top;
background-size: 25px;
height: 25px;
width: 25px;
cursor: pointer;
}
#Modal .next {
transform: translateY(-50%);
position: absolute;
right: 25px;
top: 50%;
background: #000 url("/ie/technology/zeh/common/img/next.svg") no-repeat center center;
background-size: 8px auto;
border-radius: 50%;
height: 24px;
width: 24px;
cursor: pointer;
}
#Modal .prev {
transform: translateY(-50%);
position: absolute;
left: 25px;
top: 50%;
background: #000 url("/ie/technology/zeh/common/img/prev.svg") no-repeat center center;
background-size: 8px auto;
border-radius: 50%;
height: 24px;
width: 24px;
cursor: pointer;
}
#Modal .view {
position: relative;
height: 100%;
overflow: auto;
}
#Modal .sub {
padding: 45px 70px 45px 70px;
text-align: left;
}
#Modal h3 {
margin-bottom: 30px;
}
#SUB1 h3 img {
width: 360px;
height: auto;
}
#SUB2 h3 img {
width: 433px;
height: auto;
}
#SUB3 h3 img {
width: 514px;
height: auto;
}
#Modal h4 {
margin-bottom: -18px;
font-size: 22px;
}
#Modal h5 {
margin-top: 48px;
margin-bottom: 12px;
height: 24px;
font-size: 16px;
line-height: 24px;
color: #fff;
}
#Modal h5 span {
display: inline-block;
background-color: #000;
padding: 0 6px;
}
#Modal h6 {
margin-bottom: 7px;
height: 24px;
font-size: 14px;
line-height: 24px;
color: #fff;
}
#Modal h6 span {
display: inline-block;
background-color: #db3a2a;
padding: 0 6px;
}
#Modal p {
font-family: 'Koburina Gothic W3 JIS2004', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','Osaka',sans-serif;
font-size: 14px;
line-height: 1.73;
}
#Modal p strong {
font-family: 'Koburina Gothic W6 JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','Osaka',sans-serif;
}
#Modal .lead {
margin-bottom: 38px;
}
#Modal .lead p {
font-family: 'Koburina Gothic W3 JIS2004', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','Osaka',sans-serif;
font-size: 17px;
line-height: 1.78;
}
#Modal p.credit {
margin-top: 14px;
font-size: 11px;
line-height: 1.2;
text-align: right;
}
#Modal p.catch {
font-family: 'Koburina Gothic W6 JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','Osaka',sans-serif;
margin-bottom: 23px;
font-size: 15px;
}
#Modal p.catch span {
font-family: 'Koburina Gothic W3 JIS2004', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','Osaka',sans-serif;
font-size: 10px;
}
#Modal p.cap {
margin-top: 15px;
margin-bottom: 9px;
font-family: 'Koburina Gothic W6 JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','Osaka',sans-serif;
font-size: 12px;
}
#Modal p.note {
margin-top: 8px;
font-family: 'Koburina Gothic W3 JIS2004', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','Osaka',sans-serif;
font-size: 10px;
line-height: 1.2;
}

#SUB1 .image img {
width: 100%;
height: auto;
}
#SUB2 .set {
padding-top: 14px;
min-height: 80px;
}
#SUB2 .set .img {
padding-left: 9px;
float: left;
}
#SUB2 .set .img img {
width: 87px;
height: auto;
}
#SUB2 .set p {
margin-left: 112px;
}
#SUB2 .set .txt {
padding: 4px 0 8px 0;
font-family: 'Koburina Gothic W6 JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','Osaka',sans-serif;
font-size: 17px;
}
#SUB3 .set {
padding: 0 88px 0 0;
}