/*
#40768c
#a9b1b5
#4c4948 グレー
#221714 黒
*/
.mainimgarea {position:relative;}
.mainimgarea .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100%;
	background:#000 url(../img/dx/dx_main.jpg) no-repeat center center;transform:scale(2.3);}
.mainimgarea.on .bgcover {transform:scale(1.0);transition:7s;}
.mainimgarea .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;}
.mainimgarea:hover .cover {opacity:1;transition:3s;}
.mainimgarea .mainimg {position:relative;z-index:100;}


.dx02 {background:#221714;padding-bottom:50px;}
.dx02 .content {background:#fff;padding:70px;}
.dx02 h2 {text-align:center;font-size:1.4rem;margin-bottom:5px;}
.dx02 p {text-align:center;font-size:1.0rem;margin-bottom:30px;}
.dx02 .inner {padding:1px;transform:translateY(60px);opacity:0;}
.dx02 .inner.on {transform:translateY(0px);opacity:1;transition:1s;}
.dx02 .inner .box {}
.dx02 .inner img {width:100%;margin-bottom:5px;}
.dx02 .inner p {text-align:left;padding-right:20px;}

.dx03 {background:#221714;padding-top:0px;}
.dx03 .content {background:#fff;padding:70px;}
.dx03 h2 {text-align:center;font-size:1.4rem;margin-bottom:5px;}
.dx03 p {text-align:center;font-size:1.0rem;margin-bottom:30px;}
.dx03 .inner {padding:1px;}
.dx03 .inner .box {}
.dx03 .inner img {width:100%;margin-bottom:5px;}
.dx03 .inner p {text-align:left;padding-right:20px;}

/*SP*/
@media (max-width: 896px){
	.dx02 .content {padding:30px 15px;}
	.dx03 .content {padding:30px 15px;}
}