/* visual */

#visual {position:relative; height: 100vh; font-family: 'S-CoreDream-4Regular', sans-serif;}
#visual .slide_img01 {background:url(../images/slide01.jpg) no-repeat center center / cover;}
#visual .slide_img02 {background:url(../images/slide02.jpg) no-repeat center center / cover;}
#visual .slide_img03 {background:url(../images/slide03.jpg) no-repeat center center / cover;}
#visual .slide_img04 {background:url(../images/slide04.jpg) no-repeat center center / cover;}
#visual .slide .inner {position: relative; height: 100vh; width:1380px; margin:0 auto;}
#visual .slide .inner .txt_box {position: absolute; top: 50%; transform: translateY(-50%); left: 0; position: relative;}
#visual .slide .inner .txt_box:after {position: absolute;content: '';width:290px;height:0.5px; background-color: #fff; top:50%; left:50%; transform: translate(-10%,-50%);}
#visual .slide .inner .txt_box .title p {line-height: 80px;  font-size:74px; font-weight: 800; color: #fff;}
#visual .slide .inner .txt_box p {margin: 20px 0 0 0; padding: 0 0 0 0; line-height: 1.8; color: #fff;  font-size: 24px;}
#visual .slide .inner .txt_box p:nth-of-type(1) {margin-top:60px;}
#visual .slick-counter {position: absolute; right:15%; top:50%; transform: translateY(-50%);  width:90px;}
#visual .slick-counter:before {display: block; position: absolute; top: 30%; transform: translateY(-50%) rotate(25deg); left: 15%; right: 0; margin: 0 auto; width: 1px; height: 16px; background-color: #fff; content: '';}
#visual .slick-counter span {display: block; line-height: 30px;  font-size: 24px; color: rgba(255,255,255,0.8);}
#visual .slick-counter .current {float: left; font-size:74px; font-weight: 700; color: rgba(255,255,255,1); margin-top: -30px; display: inline-block;}
#visual .slick-counter .total {float: right;}


.main_tit {text-align: center;}
.main_tit h2 {display: block; font-family: 'Sen'; font-weight: 700; font-size: 48px; color: #333; letter-spacing: -3px;}
.main_tit p {margin: 10px 0 0 0; font-size: 16px; color: #666;}

.slick-arrow {position:absolute; top:50%;  z-index: 1;}
.slick-next {right:5%; display:block !important; background: url(../images/arr_r.png) no-repeat; background-size: contain; width:85px; height:85px; font-size: 0;}
.slick-prev {left:5%; display:block !important; background: url(../images/arr_l.png) no-repeat; background-size: contain; width:85px; height:85px; font-size: 0;}
.slick-next:hover {background: url(../images/arr_r_h_g.png) no-repeat; width:85px; height:85px; background-size: contain; display:block !important;}
.slick-prev:hover { background: url(../images/arr_l_h_g.png) no-repeat; width:85px; height:85px; background-size: contain; display:block !important;}

#visual .slide .inner .txt_box p {font-size: 20px;}
#visual .slide .inner .txt_box p span {color: #c1c1c3;  font-family: 'S-CoreDream-3Light', sans-serif; display: inline-block; padding-left: 25px; margin-left: 25px; position: relative;}
#visual .slide .inner .txt_box p span:after {content: ''; position: absolute; width:1px;height:40px; background-color: #d9dbda; top:50%; left:0; transform: translateY(-50%);}
#visual .slide .inner .txt_box p:nth-of-type(2) {font-size: 24px;}


@media screen and (max-width:1600px) {
    #visual .slide .inner {width:95%; margin:0 auto;}
    .slick-arrow{top:70%;}
}

@media screen and (max-width:1380px) {
    #visual .slide .inner .txt_box:after {display: none;}
    #visual .slide .inner .txt_box .title {font-size: 4em;}
    #visual .slide .inner .txt_box p {font-size: 1.7em;}
    #visual .slick-counter .current {font-size: 3em;}
    #visual .slick-counter span {font-size: 1.4em;}
    #visual .slide .inner .txt_box p:nth-of-type(2) {font-size: 1em;}
    #visual .slide .inner .txt_box p span:after {height:20px;}
}

@media screen and (max-width:1024px) {
    #visual .slick-counter {right:50%; top:auto; bottom: 10%; transform: translateX(50%);}
    #visual .slide .inner .txt_box .title p{font-size: 60px; line-height: 50px;}
    #visual .slide .inner .txt_box p:nth-of-type(1) {margin-top: 20px;}
    #visual .slide .inner .txt_box .title p span {display: block; margin-left: 0;padding-left: 0; font-size: 40px;}
    #visual .slide .inner .txt_box .title p span:after {display: none;}
    #visual .slide .inner .txt_box p {font-size: 1.2em;}
    #visual .slide .inner .txt_box {top:35%; transform: translate();}
    .slick-arrow {top:57%;}
    #visual .slick-counter {top:60%;}
    #visual .slick-counter:before {top:0;}
    .slick-prev {width:40px; height:40px;}
    .slick-next {width:40px; height:40px;}
    .slick-next:hover {width:40px;height:40px;}
    .slick-prev:hover {width:40px;height:40px;}
    .to_product .productswiper .img_box p span {font-size: 14px;}

}

@media screen and (max-width:768px) {
    #visual .slide .inner .txt_box p br {display: none;}
    #visual .slide .inner .txt_box .title p {font-size: 32px;}
    #visual .slide .inner .txt_box p {font-size: 1em;}
    #visual .slide .inner .txt_box .title p span  {font-size: 20px;}
    #visual .slide .inner .txt_box .title p {line-height:32px;}
}