/* tem162-irregular */
.tem162-irregular *,
.tem162-irregular *:before,
.tem162-irregular *:after{transition:.4s;}
.tem162-irregular .item{padding:0 !important;overflow:hidden;}
.tem162-irregular .box{display:block;min-height:100vh;color:#FFF;text-decoration:none !important;}
.tem162-irregular .box img{width:auto;max-width:100%;margin:auto;display:block;}
.tem162-irregular .logo_{padding-top:50px;}
.tem162-irregular .main{width:100%;position:absolute;top:50%;transform:translateY(-50%);}
.tem162-irregular .main .image{width:50%;}
.tem162-irregular .main .text{width:40%;height:100%;position:absolute;opacity:0;font-size:24px;line-height:2;}
.tem162-irregular .main .text span{width:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.tem162-irregular .button{border-color:#FFF;position:absolute;bottom:10%;left:0;width:100%;}
.tem162-irregular .button span{padding:16px 30px;border-width:2px;border-style:solid;border-color:inherit;display:inline-block;}
.tem162-irregular .button span:hover{padding-left:40px;padding-right:40px;letter-spacing:.2em;box-shadow:0 10px 30px rgba(0,0,0,.2);}
.tem162-irregular .item:hover .text{opacity:1;}
.tem162-irregular .item:nth-child(odd) .main{left:25%;}
.tem162-irregular .item:nth-child(odd) .image{float:left;}
.tem162-irregular .item:nth-child(odd) .text{right:10%;}
.tem162-irregular .item:nth-child(odd):hover .main{left:-20%;}
.tem162-irregular .item:nth-child(even) .main{right:25%;}
.tem162-irregular .item:nth-child(even) .image{float:right;}
.tem162-irregular .item:nth-child(even) .text{left:10%;}
.tem162-irregular .item:nth-child(even):hover .main{right:-20%;}
@media(max-width:768px){
    .tem162-irregular{padding:15px 0;}
    .tem162-irregular .mobile-pdlr0.container{padding:0 3%!important;}
    .tem162-irregular .box{min-height:inherit;}
    .tem162-irregular .logo_{padding-top:20px;}
    .tem162-irregular .main{width:100%;position:relative;top:initial;transform:translateY(0);left:initial !important;right:initial !important;}
    .tem162-irregular .main .image{width:100%;}
    .tem162-irregular .main .text{font-size:20px;width:100%;height:auto;float:left;position:relative;opacity:1;left:initial !important;right:initial !important;}
    .tem162-irregular .main .text span{padding:10px;line-height:1.5;position:relative;top:initial;left:initial;transform:translate(0,0);}
    .tem162-irregular .button{position:relative;bottom:initial;padding:20px 0 35px;}
    .tem162-irregular .button span{padding:14px 20px;}
}