﻿.pagesbanner-animote{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: calc(100% - 30px);text-align: center;}
.pagesbanner-animote .p1{color: var(--color);font-size: 2vw;font-weight: bold;}
.pagesbanner-animote .p2{font-size: 1vw;color: var(--color);}
.pagesbanner-animote .p3{margin-top: 20px;}
.pagesbanner-animote .p3 a{display: inline-block;color: #fff;background: var(--color);padding: 8px 20px;border-radius:30px}
@media (max-width:768px) {.pagesbanner-animote{display: none;}}
.pagesbanner-animote{width:46%;margin-top:-15px;display:flex;flex-direction:column;justify-content:center;}
.pagesbanner-animote .p1{line-height:1.3;font-size:1.85vw;margin-bottom:1vw;}
.pagesbanner-animote .p3{margin-top:2.5vw;}
@media (max-width:1024px){.pagesbanner-animote .p1{line-height:1.1;font-size:18px;margin-bottom:3px;}
.pagesbanner-animote .p2{font-size:12px;line-height:1.4;}
.pagesbanner-animote .p3{margin-top:6px;}
.pagesbanner-animote .p3 a{font-size:12px;padding:5px 12px}}
@media (max-width:768px){.pagesbanner-animote .p1{font-size:15px;}
.pagesbanner-animote .p3{display:none}}
@media (max-width:550px){.pagesbanner-animote{width:82%;}}
.banner-wrap{height:auto;top:auto;bottom:0;}
