#SCT1 .box:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#SCT1 .box {
zoom: 1;
}

#contents .result,
#contents h2 {
position: absolute;
left: 0;
top: 0;
filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.1));
}
#contents h2 img {
position: absolute;
left: 0;
top: 0;
clip: rect(0 1000px 0 0);
}
#contents .result img {
position: absolute;
left: 0;
top: 0;
clip: rect(0 0 1000px 0);
}
#contents .exp img {
position: absolute;
left: 0;
top: 0;
clip: rect(0 1000px 1000px 1000px);
}
#contents .exp.activeView img.init,
#contents .result.activeView img.init,
#contents h2.activeView img.init {
animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1) forwards;
animation-delay: 0.6s;
z-index: 1;
}
#contents .clone {
display: none;
}
#contents .exp.activeView img.init + .clone,
#contents .result.activeView img.init + .clone,
#contents h2.activeView img.init + .clone {
animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1) forwards;
filter: brightness(0) invert(0.9);
position: absolute;
left: 50%;
top: 0;
display: block;
}
@keyframes img-wrap {
	100% {
		clip: rect(0 1000px 1000px 0);
	}
}

/* CONTENTS */
#contents {
position: relative;
background: url("/ie/tree/lab/relax/img/sct_bg.jpg") no-repeat center top;
min-width: 1000px;
height: 5889px;
}
#contents::before {
display: block;
content: '';
position: absolute;
left: 0;
top: 0;
background: url("/ie/tree/lab/relax/img/sct_bg_l.jpg") repeat-x center top;
width: 50%;
height: 5889px;
z-index: -1;
}
#contents::after {
display: block;
content: '';
position: absolute;
right: 0;
top: 0;
background: url("/ie/tree/lab/relax/img/sct_bg_r.jpg") repeat-x center top;
width: 50%;
height: 5889px;
z-index: -1;
}
#contents h1 {
position: relative;
padding: 27px 0 73px 5.7%;
text-align: left;
}
#contents h1 img {
width: 149px;
height: auto;
vertical-align: baseline;
}
#contents h1 span {
position: relative;
top: -3px;
font-size: 15px;
font-weight: normal;
}

/* STUDY5 */
#STUDY5 {
position: relative;
margin: 0 auto;
width: 1000px;
height: 1700px;
}
#STUDY5 h2 {
position: absolute;
left: 88px;
top: 0;
}
#STUDY5 .pht1 {
position: absolute;
left: 132px;
top: 284px;
}
#STUDY5 .result {
position: absolute;
left: 69px;
top: 577px;
}
#STUDY5 .grh1 {
position: absolute;
left: 479px;
top: 590px;
}
#STUDY5 .grh1 h3 {
margin-bottom: 3px;
font-size: 18px;
font-weight: bold;
text-align: right;
}
#STUDY5 .grh1 p {
margin-bottom: 17px;
font-size: 14px;
font-weight: bold;
text-align: right;
}
#STUDY5 .pht2 {
position: absolute;
left: 116px;
top: 998px;
}
#STUDY5 .exp1 {
position: absolute;
left: 526px;
top: 903px;
width: 370px;
text-align: left;
}
#STUDY5 .exp1 h4 {
margin-bottom: 17px;
font-family: "A1 Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 24px;
font-weight: bold;
line-height: 1.52;
}
#STUDY5 .exp1 p {
font-family: "Hiragino Mincho W3 JIS2004", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 20px;
line-height: 1.57;
}
#STUDY5 .exp1 p span {
color: #1679b3;
}
#STUDY5 .grh2 {
position: absolute;
left: 518px;
top: 1295px;
}
#STUDY5 .grh2 h3 {
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
}
#STUDY5 .grh2 p {
position: absolute;
left: -307px;
top: 270px;
font-family: "Hiragino Mincho W3 JIS2004", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 24px;
line-height: 2;
white-space: nowrap;
}
#STUDY5 .grh2 span {
background: url( "/ie/tree/lab/relax/img/wave.png") repeat-x bottom left; 
background-size: auto 3px;
}

#STUDY5 .exp2 {
position: absolute;
left: 78px;
top: 1286px;
width: 370px;
text-align: left;
}
#STUDY5 .exp2 h4 {
margin-bottom: 16px;
font-family: "A1 Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 24px;
font-weight: bold;
line-height: 1.52;
}
#STUDY5 .exp2 p {
font-family: "Hiragino Mincho W3 JIS2004", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 20px;
line-height: 1.57;
}
/* STUDY6 */
#STUDY6 {
position: relative;
margin: 0 auto;
width: 1000px;
height: 1278px;
}
#STUDY6 h2 {
position: absolute;
left: 82px;
top: 0;
}
#STUDY6 .img1 {
position: absolute;
left: 270px;
top: 279px;
}
#STUDY6 .result {
position: absolute;
left: 102px;
top: 574px;
}
#STUDY6 .grh1 {
position: absolute;
left: 553px;
top: 569px;
width: 340px;
}
#STUDY6 .grh1 h3 {
margin-bottom: 23px;
font-family: "A1 Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 20px;
font-weight: bold;
}
#STUDY6 .grh1 p {
margin-top: 15px;
font-family: "Hiragino Mincho W3 JIS2004", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 14px;
text-align: left;
}
#STUDY6 .exp1 {
position: absolute;
left: 517px;
top: 977px;
width: 370px;
text-align: left;
}
#STUDY6 .exp1 h4 {
margin-bottom: 17px;
font-family: "A1 Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 23px;
font-weight: bold;
white-space: nowrap;
line-height: 1.52;
}
#STUDY6 .exp1 p {
font-family: "Hiragino Mincho W3 JIS2004", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 18px;
line-height: 1.57;
}
/* STUDY7 */
#STUDY7 {
position: relative;
margin: 0 auto;
width: 1000px;
height: 955px;
}
#STUDY7 h2 {
position: absolute;
left: 12px;
top: 0;
}
#STUDY7 .exp1 {
position: absolute;
left: 89px;
top: 527px;
}
#STUDY7 .pht1 {
position: absolute;
left: 486px;
top: 504px;
}
/* STUDY8 */
#STUDY8 {
position: relative;
margin: 0 auto;
width: 1000px;
height: 1827px;
}
#STUDY8 h2 {
position: absolute;
left: 22px;
top: 0;
}
#STUDY8 .txt1 {
position: absolute;
left: 306px;
top: 324px;
}
#STUDY8 .result {
position: absolute;
left: 108px;
top: 676px;
}
#STUDY8 .grh1 {
position: absolute;
left: 548px;
top: 646px;
}
#STUDY8 .grh1 h3 {
margin-bottom: 8px;
font-family: "A1 Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 20px;
font-weight: bold;
}
#STUDY8 .pht1 {
position: absolute;
left: 58px;
top: 1045px;
}
#STUDY8 .exp1 {
position: absolute;
left: 560px;
top: 1066px;
width: 370px;
text-align: left;
}
#STUDY8 .exp1 h4 {
margin-bottom: 16px;
font-family: "A1 Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 22px;
font-weight: bold;
line-height: 1.57;
}
#STUDY8 .exp1 p {
font-family: "Hiragino Mincho W3 JIS2004", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 20px;
line-height: 1.7;
}
#STUDY8 .grh2 {
position: absolute;
left: 542px;
top: 1422px;
}
#STUDY8 .grh2 h3 {
margin-bottom: 10px;
font-family: "A1 Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 20px;
font-weight: bold;
text-align: right;
}