/* sub-visual */
.sub-visual {position: relative; margin: 100px auto 0; height: 400px; overflow: hidden;}
.sub-visual .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: .5s;}
.sub-visual.sub1 .bg {background-image: url('../img/sub_visual1.jpg?v=220627');}
.sub-visual.sub2 .bg {background-image: url('../img/sub_visual2.jpg?v=220627');}
.sub-visual.sub3 .bg {background-image: url('../img/sub_visual3.jpg?v=220627');}
.sub-visual.sub4 .bg {background-image: url('../img/sub_visual4.jpg?v=220627');}
.sub-visual.sub5 .bg {background-image: url('../img/sub_visual5.jpg?v=220627');}
.sub-visual:hover .bg {transform: scale(1.1);}
.sub-visual .page-title {position: absolute; left: 50%; top: 30%; transform: translateX(-50%); z-index:2; text-align: center;}
.sub-visual h3 {position: relative; font-size: 60px; font-weight: 700; color: #fff;}