@charset "utf-8";
._fnctWrap {line-height: 1.5;}
.wrap-visual {position: relative; }
.wrap-visual .frame {overflow:hidden; display: flex; max-width:128rem; width:100%; margin:0 auto;}
.wrap-visual .img-slider {position: relative; width:66.015%;}
.wrap-visual .img-slider-box {overflow:hidden; border-radius:5rem 5rem 15rem 5rem;}
.wrap-visual .img-slider a {display: block; width: 100%; height: 100%;}
.wrap-visual .img-slider img {width:100%; height:100%; object-fit: cover;}
.wrap-visual .text-slider {display: flex; flex-direction: column; justify-content: end; width:calc(100% - 66.015%); padding-left: 2.4rem;}
.wrap-visual .text-slider ul {height:auto; min-height: 16rem;}
.wrap-visual .text-slider a {display: block;}
.wrap-visual .text-slider strong {font-family: pbGOV; font-size: 3rem; line-height: 4.6rem;}
.wrap-visual .text-slider p {overflow:hidden; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 0.8rem; font-family: prGOV; font-size: 1.7rem; color:#757575; line-height: 3rem;}
.wrap-visual .text-slider strong span {background-image: linear-gradient(#1e2124, #1e2124); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .1rem; transition: background-size .5s;}
.wrap-visual .text-slider a:hover strong span {background-size:100% 0.2rem;}

.wrap-visual .paging {margin-top: 4rem; padding:3rem 2rem 2.4rem 2rem; background:#F5F5F5; border-radius:3rem 3rem 7rem 3rem;}
.wrap-visual .paging button {overflow:hidden;  white-space: nowrap; text-overflow: ellipsis; position: relative; display: block; padding-left:1.4rem; margin-bottom: 1rem;}
.wrap-visual .paging button::after {content:''; position: absolute; left:0; top:0.7rem; width: 0.4rem; height:0.4rem; background:#81878E; border-radius:50%;}
.wrap-visual .paging button span {overflow:hidden; white-space: nowrap; text-overflow: ellipsis; width:100%; font-family: pr; font-size: 1.5rem; text-align:left; color:#666666;}
.wrap-visual .paging button span {background-image: linear-gradient(#666, #666); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 .1rem; transition: background-size .5s;}
.wrap-visual .paging button:hover span {background-size:100% .1rem;}
.wrap-visual .paging button:last-child {margin-bottom: 0;}
.wrap-visual .paging button.visual-bullet-active::after{background-color: #2F67CD;}
.wrap-visual .paging button.visual-bullet-active span{background-size:100% .1rem; color: #2F67CD;}


.wrap-visual .control { position: absolute; right:0; bottom:1rem; z-index: 1; display: flex;}
.wrap-visual .control .pannel { display: flex; border-radius:0.5rem 2rem 0.5rem 2rem;}
.wrap-visual .control button {position: relative; z-index: 1; display: inline-block; width:6.2rem; height:5.2rem; background-color:#9C9C9C; background-repeat: no-repeat; background-position:center; text-indent: -9999px;}
.wrap-visual .control button:focus {z-index: 2;}
.wrap-visual .control button:hover {background-color:#004ABA;}
.wrap-visual .control .stop,
.wrap-visual .control .play {display: none; background-color:#737373;}
.wrap-visual .control .stop.on,
.wrap-visual .control .play.on {display: block;}
.wrap-visual .control .play {background-image:url(../images/ic-play.png);}
.wrap-visual .control .stop {background-image:url(../images/ic-stop.png);}
.wrap-visual .control .prev {background-image:url(../images/ic-prev.png); border-radius:0.5rem 0 0 2rem;}
.wrap-visual .control .next {background-image:url(../images/ic-next.png); border-radius:0 2rem 0.5rem 0;}

.wrap-visual .numbering {display: flex; align-items: center; font-family: pbGOV; font-size: 1.6rem; color:#fff;}
.wrap-visual .numbering span { text-shadow: 0 0 1rem rgba(0,0,0,.3);}

.eng .wrap-visual .text-slider strong{font-size: 2.3rem; line-height: 3.5rem;}
.eng .wrap-visual .paging{margin-top: 2.3rem;}
.eng .wrap-visual .paging button{width: 100%;}

@media screen and (max-width:1200px) {
    .wrap-visual::before {content:''; position: absolute; right:-1rem; bottom:-6rem; width:24.4rem; height:19.5rem; background:url('../images/obj-mark.png') no-repeat center / cover; }
    .wrap-visual .frame {flex-wrap:wrap;}
    .wrap-visual .img-slider {width:100%;}
    .wrap-visual .text-slider {width:100%; margin-top: 3rem; padding:0;}
    .wrap-visual .paging {display: none;}

}
@media screen and (max-width:767px) {
    .wrap-visual .img-slider li {height: 31rem;}
    .wrap-visual::before {display: none;}
}