@charset "utf-8";
:root{--color:#0285cf}
@media (min-width:769px){.logo img{max-height:90px}}
@media (min-width: 769px){.logo img {max-height: 60px;}}
#swiper-banner .indexbanner-text {color:#00AFFF;position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);opacity:0;max-width:60%;text-align:center}
#swiper-banner .indexbanner-text .title {font-size:3vw;font-weight:bold;text-shadow:1px 1px 3px #000;line-height:1.3;font-family: sans-serif;}
#swiper-banner .swiper-slide-active .indexbanner-text {animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani {0% {opacity:0;top:60%}
100% {opacity:1;top:50%}}
@media (max-width:768px){#swiper-banner .indexbanner-text{max-width:80%}}
@media (max-width:500px){#swiper-banner .indexbanner-text{max-width:100%;padding:0 15px}
#swiper-banner .indexbanner-text .title{font-size:16px}}
@media (min-width: 769px){.logo{margin-left: 20px;}}
.indexbanner-text{display:none;}
.about-l-l {background:none;margin:0;width:50%;align-items:inherit;}
.about-l-l>div,.about-l-r>div {height:50%;overflow:hidden;}
.about-l-l>div img,.about-l-r>div img {height:100%;object-fit:cover;}
.about-l-r {width:50%;}
.about-l {align-items:initial;}
.about-l-l-txt {background:var(--color);display: flex;align-items: center;}
.about-l-l .about-l-l-txt p{-webkit-line-clamp:6;max-height:inherit;line-height:1.5}
section.about .container{align-items:center}