﻿@charset "utf-8"; 
:root{--color: #A9BD70}
.home-banner .bana1.banner-animote {right: 1%;left: inherit;transform: translateY(-50%);width: 50%;}
.bana1.banner-animote .p1{font-weight: var(--fontbold7);text-transform: uppercase;text-shadow: 1px 3px 13px #374c2c;}
.bana1.banner-animote .p2{font-size: 32px;text-shadow: 1px 3px 13px #374c2c;}
.bana1.banner-animote .p3{font-size: var(--fontsize20);background: #fff;border-radius: 30px;width: 70%;color: #000;margin: 0 auto;padding: 10px 0;font-weight: var(--fontbold7);}
.hba-line{width: 85px;height: 10px;background: #fff;margin: 30px auto;}
@media(max-width:1600px){.home-banner .bana1.banner-animote{width: 55%;right:0;}}
@media(max-width:1440px){.bana1.banner-animote .p1{font-size:40px;}.bana1.banner-animote .p3{font-size:16px;}}
@media(max-width:1280px){.bana1.banner-animote .p1{font-size:30px;}.bana1.banner-animote .p3{font-size:14px;}.bana1.banner-animote .p2{font-size:20px;}}
@media(max-width:1024px){.bana1.banner-animote .p3{display:none;}.bana1.banner-animote .p2{display:none;}.hba-line{display:none;}.bana1.banner-animote .p1{font-size:24px;}}
@media(max-width:500px){.bana1.banner-animote .p1{font-size:16px}}
.home-banner .bana2.banner-animote{transform:translateY(-50%);left:5%;text-align:left}
.bana2 .hba-line{margin:30px 0}
.bana2.banner-animote .p1{text-transform:uppercase;font-weight:var(--fontbold7)}
.bana2.banner-animote .p2{font-size:30px}
@media (max-width:1440px){.bana2.banner-animote .p1{font-size:40px}
}
@media (max-width:1280px){.bana2.banner-animote .p1{font-size:30px}
}
@media(max-width:1024px){.bana2.banner-animote .p1{font-size:24px}
.bana2.banner-animote .p2{display:none}
}
@media(max-width:500px){.bana2.banner-animote .p1{font-size:16px}
}
.home-banner .bana3.banner-animote{transform:translateY(-50%);left:5%;text-align:left}
.bana3.banner-animote .p1{text-transform:uppercase;font-weight:var(--fontbold7);line-height:1}
.bana3.banner-animote .p2{font-size:40px;line-height:1;font-weight: var(--fontbold7);}
.bana3.banner-animote .p3{margin:5% 0 2%}
.bana3.banner-animote .p3 span{margin-right:30px;font-size:20px}
.hba-line1{width:40px;height:5px;background:#fff}
.bana3.banner-animote .p4{line-height:1.2;margin-top:10px}
@media (max-width:1440px){.bana3.banner-animote .p1{font-size:40px}
.bana3.banner-animote .p2{font-size:28px}
.bana3.banner-animote .p3 span{font-size:16px;margin-right:10px}
.bana3.banner-animote .p4{font-size:14px}
}
@media (max-width:1024px){.bana3.banner-animote .p3{display:none}
.hba-line1{display:none}
.bana3.banner-animote .p4{display:none}
}
@media(max-width:500px){.bana3.banner-animote .p1{font-size:16px}
.bana3.banner-animote .p2{font-size:14px}
}
