/*Content CSS*/
.sub_visual { position:relative; overflow:hidden; width:100%; height:500px; margin:0 auto; background-repeat:no-repeat; background-position:center;
background-size: cover; }

.sub_visual .bg { position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;
-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; z-index:0; -webkit-transition:all .5s ease;
-moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; background-image:url('../img/sub1_visual.jpg'); }
.sub_visual:hover .bg { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }


.sub_visual.sub .bg{background-image:url('../img/sub_visual01.jpg')}
.sub_visual.sub1 .bg{background-image:url('../img/sub_visual01.jpg')}
.sub_visual.sub2 .bg{background-image:url('../img/sub_visual02.jpg')}
.sub_visual.sub3 .bg{background-image:url('../img/sub_visual03.jpg')}
.sub_visual.sub4 .bg{background-image:url('../img/sub_visual04.jpg')}


.sub_visual .title_warp { display: flex; align-items: center ;justify-content: center; position: absolute; top: 0; left:0; z-index:2; width: 100%;
height: 100%; text-align: center; padding-top:30px; }
.sub_visual h3 { font-size:60px; font-weight: 700; color:#fff; letter-spacing: 3px; }