@charset "utf-8";

/* sub_visual_wrap */
.sub_visual_wrap{height:100vh; background-color: #fff;}
.sub_visual_wrap .sub_visual_inner{position: relative; height:100%;}
.sub_visual_wrap .sub_visual_img_wrap{position: absolute; top:0; left:0;}
.sub_visual_wrap .sub_visual_img{position: absolute; top:0; left:0; width:100%; height:100%; background-image: url('../img/sub_visual_img_000.jpg'); background-repeat: no-repeat; background-position: center; background-size: scale; background-size: cover;}
.sub_visual_wrap .sub_visual_dim_wrap{position: absolute; top:0; left:0;}
.sub_visual_wrap .sub_visual_dim{position: absolute; top:0; left:0; width:100%; height:100%; background-color: #000; opacity: 0.1;}
.sub_visual_wrap .sub_visual_text_wrap{z-index: 2; height:100%;}
.sub_visual_wrap .sub_visual_text_con{height: 100%; border-left:1px solid transparent; border-right:1px solid transparent;}
.sub_visual_wrap .sub_visual_text_con:before{display: none; content:''; position:absolute; z-index: -1; top:0; left:33.33%; height: 100%; border-right: 1px solid rgba(255,255,255,0.2);}
.sub_visual_wrap .sub_visual_text_con:after{display: none; content:''; position:absolute; z-index: -1; top:0; left:66.66%; height: 100%; border-right: 1px solid rgba(255,255,255,0.2);}
.sub_visual_wrap .sub_visual_text{display:table;}
.sub_visual_wrap .sub_visual_title{font-size:40px; font-size:4.0rem; line-height:50px; line-height:5.0rem; letter-spacing: -0.06em; font-weight: 400; color:#fff; text-align: center; margin-bottom: 15px; word-break:keep-all; max-width: 320px; margin-left:auto; margin-right:auto; float:none;}
.sub_visual_wrap .sub_visual_title br{display: none;}
.sub_visual_wrap .sub_visual_desc{font-size:17px; font-size:1.7rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.025em; font-weight:300; color:#fff; text-align: center; word-break: keep-all; max-width: 350px; margin-left:auto; margin-right:auto; float: none;}

@media all and (min-width:768px){

    /* sub_visual_wrap */
    .sub_visual_wrap .sub_visual_title{font-size:50px; font-size:5.0rem; line-height:60px; line-height:6.0rem; margin-bottom: 24px; max-width: 550px;}
    .sub_visual_wrap .sub_visual_title br{display: block;}
}

@media all and (min-width:992px){

    /* sub_visual_wrap */
    .sub_visual_wrap .sub_visual_text_con:before{display: block;}
    .sub_visual_wrap .sub_visual_text_con:after{display: block;}

    .sub_visual_wrap .sub_visual_title{font-size:58px; font-size:5.8rem; line-height:75px; line-height:7.5rem;}
    .sub_visual_wrap .sub_visual_desc{font-size:19px; font-size:1.9rem; line-height:34px; line-height:3.4rem; max-width: 500px;}
}

@media all and (min-width: 1200px){
    .sub_visual_wrap .sub_visual_text_con:before{left:calc(1170px / 3)}
    .sub_visual_wrap .sub_visual_text_con:after{left:calc(1170px / 3 * 2)}
}

@media all and (min-width: 1740px){
    /* sub_visual_wrap */
    .sub_visual_wrap .sub_visual_text_con{border-color:rgba(255,255,255,0.2);}
}