/*--------------------------------------------------------------
横にテキストが流れる
--------------------------------------------------------------*/
#home04 #rolltxt,
#rolltxt {
}
#home04 #rolltxt .scroll-container,
#rolltxt .scroll-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}
#home04 #rolltxt .scroll-text,
#rolltxt .scroll-text {
	display: inline-block;
	animation: scroll-left 80s linear infinite;
	font-size: 120px;
	font-weight: bold;
	color: #E6E6E6;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1;
}
@keyframes scroll-left {
    0%   { transform: translateX(0); }       /* 最初はそのまま表示 */
    100% { transform: translateX(-100%); }   /* 左に流れて消える */
}


/*--------------------------------------------------------------
パララックス
--------------------------------------------------------------*/
.mbox {
}
.mbox .marea {
  -webkit-transition: all 1s;
  -webkit-transform: translate(0, 0);
  opacity: 1;
}

.mbox .marea2 {
  -webkit-transition: all 1s;
  -webkit-transform: translate(-50px, 0);
  opacity: 1;
}
.mbox .marea.move {
  -webkit-transform: translate(0, -50px);
  opacity: 0;
}

.mbox .marea.move.rside {
	 -webkit-transform: translate(50px, 0);
}

.mbox .marea.move.lside {
	 -webkit-transform: translate(-50px, 0);
}
/*
.mbox .marea img {
  -webkit-transition: all 1s ease 1s;
	opacity: 1;
}
.mbox .marea.move img {
	opacity: 0;
}
*/