﻿.home-mainpro .mainpro-list .protitle{width:100%;text-align:center;margin-bottom:12px;}
.home-mainpro .mainpro-list .protitle.protit2{margin-top:20px}
.home-mainpro .mainpro-list .protitle a{font-size:27px;}
.home-mainpro .mainpro-list li:nth-child(4){margin-right:2.6%;}
.home-mainpro .mainpro-list li:nth-child(5){margin-right:0;}
.home-mainpro .mainpro-list li:nth-child(8){margin-right:2.6%;}
.home-mainpro .mainpro-list li:last-child{margin-right:0;}
@media (max-width:1440px){.home-mainpro .mainpro-list .protitle a{font-size:23px;}}
@media (max-width:1024px){.home-mainpro .mainpro-list .protitle a{font-size:var(--fontsize20);}}
@media (max-width:768px){.home-mainpro .mainpro-list li:nth-child(4){margin-right:0}
.home-mainpro .mainpro-list li:nth-child(8){margin-right:0;}
.home-mainpro .mainpro-list li a .title{padding:6px 6px 0;margin-bottom:6px}
.home-mainpro .mainpro-list li a .title p{line-height:1.4;font-size:var(--fontsize15)}}

.home-banner .banner-animote{text-shadow: 1px 2px 3px var(--fontcolor);}
.home-banner .banner-animote.ban2{text-align: center;}
@media (min-width:769px){.home-banner .banner-animote.ban1{text-align: end;top:65%;transform: initial;left:auto;right:5%;}
.home-banner .banner-animote.ban2{top:40%;}
.home-banner .banner-animote.ban3{text-align: end;top:70%;transform: initial;left:auto;right:5%;}}
.home-banner .banner-animote .p2{font-size:30px;margin-bottom:0;}
@media (max-width:1600px){.home-banner .banner-animote .p1{font-size:3.1vw}
.home-banner .banner-animote .p2{font-size:1.95vw}}
@media (max-width:768px){.home-banner .banner-animote{text-align: center;}
.home-banner .banner-animote .p1{font-size:24px;}
.home-banner .banner-animote .p2{font-size:14px}}
@media (max-width:550px){.home-banner .banner-animote .p1{font-size:20px;}}