@charset "UTF-8";

.wrap_link1,
.wrap_link1 .container,
.wrap_link1 .inner,
.wrap_link1 .inner > li{height:100%;}

.wrap_link1{background:url(../images/bg.jpg) no-repeat center;background-size:cover;}
.wrap_link1 .container{}
.wrap_link1 .container > div{}
.wrap_link1 ul.slider{}
.wrap_link1 ul.slider > li{}

.wrap_link1 a.item{display:block;position:relative;padding:45px;width:100%;height:100%;}
.wrap_link1 .con{}
.wrap_link1 .wrap{}

.wrap_link1 .item_1{position:absolute;right:30px;bottom:30px;}
.wrap_link1 .item_1 img{transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}

.wrap_link1 .item_2{}
.wrap_link1 .text_1{font-family:'Noto Medium';font-size:25px;color:#FFF;line-height:1.3;letter-spacing:-1px;transition:0.5s;}
.wrap_link1 .text_1::after{content:"";display:block;width:33px;height:16px;margin-top:10px;background:url(../images/arrow_w.png) no-repeat center;transform:scale(0);transition:0.3s;}
.wrap_link1 .text_2{display:none;}

.wrap_link1 .control{display:none;}

/*HOVER*/
@media all and (min-width:1281px) {
	.wrap_link1 a.item:hover .item_1 img{transform: rotatey(180deg);}
	.wrap_link1 a.item:hover .text_1{font-family:'Noto Bold';text-shadow:1px 1px 3px #000;}
	.wrap_link1 a.item:hover .text_1::after{transform:scale(1);}
}
@media all and (max-width:768px){
	.wrap_link1 a.item{padding:30px 20px;}
	.wrap_link1 .item_1{right:20px;bottom:20px;}
	.wrap_link1 .item_1 img{max-width:40px;}
	.wrap_link1 .text_1{font-size:20px;}
}