#page_work4{
	width: 100%;
	height: 100%;
}
#page_work4 .mainContainer{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
 overflow: hidden;
}
#page_work4 a {
 color: #ffffff;
}
#page_work4 .carMenu{
 position: fixed;
 bottom:0px;
 width: 100%;
 background:rgba(0,0,0,0.9);
 border-top: solid 1px #333;
 box-shadow: 0px 0px 4px rgba(0,0,0,0.8);
 display: flex;
 justify-content: center;
 color: #ffffff;
 font-size: 10px;
 opacity: 0;
 visibility: hidden;
 z-index: 2;
}
#page_work4 .carMenu.active{
 transition: .5s;
 opacity: 1;
 visibility: visible;
}
#page_work4 .carMenu .box{
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 20px;
}
#page_work4 .carMenu .box p{
 margin:15px;
 letter-spacing: .1em;
 position: relative;
 font-family: "Meiryo","YuGothic","monospace";
}
#page_work4 .carMenu .box p:before{
 position:absolute;
 left: -10px;
 top:0.5em;
 display: block;
 content: "";
 border-left: solid 5px #ffffff;
 border-top: solid 3px transparent;
 border-bottom: solid 3px transparent;
}
#page_work4 .carMenu .colorList li,
#page_work4 .carMenu .sceneList li{
 width: 35px;
 height: 35px;
 display: inline-block;
 opacity: 0.5;
 position: relative;
 cursor: pointer;
}
#page_work4 .carMenu .colorList li span,
#page_work4 .carMenu .sceneList li span{
 pointer-events: none;
}
#page_work4 .carMenu .colorList li:hover,
#page_work4 .carMenu .colorList li.active,
#page_work4 .carMenu .sceneList li:hover,
#page_work4 .carMenu .sceneList li.active{
 opacity: 1;
 transition: .3s;
}
#page_work4 .carMenu .colorList li:after,
#page_work4 .carMenu .sceneList li:after{
 transition: .3s;
 display: block;
 content: "";
 border-bottom: solid 2px #f00;
 position: absolute;
 bottom: -5px;
 width: 100%;
 transform: scaleX(0);
}
#page_work4 .carMenu .colorList li.active:after,
#page_work4 .carMenu .sceneList li.active:after{
 transform: scaleX(1);
}
#page_work4 .carMenu .colorList li.white{
 background: #fff;
}
#page_work4 .carMenu .colorList li.green{
 background: #aadac5;
}
#page_work4 .carMenu .colorList li.red{
 background: #af0010;
}
#page_work4 .carMenu .colorList li.env{
 background: #ffffff;
}
#page_work4 .carMenu .colorList li.env span:before{
 position: absolute;
 left: 0px;
 display: block;
 content: "";
 width: 33.33%;
 height: 100%;
 background: #006211;
}
#page_work4 .carMenu .colorList li.env span:after{
 position: absolute;
 right: 0px;
 display: block;
 content: "";
 width: 33.33%;
 height: 100%;
 background: #DF0024;
}
#page_work4 .carMenu .sceneList li img{
 width: 100%;
 height: auto
}
@media screen and (max-width: 768px) {
 #page_work4 .carMenu{
  display: block;
  padding: 20px 10px;
 }
 #page_work4 .carMenu .box{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
 }
 #page_work4 .carMenu .box p{
  min-width: 7em;
 }
}