@charset "utf-8";
/* CSS Document */
/*---------
About US
----------*/
#company-exhibiton p{ width:min(80%,1000px); margin:0 auto;}
#company-exhibiton .company-exhibiton-top{margin-top:4rem;}
/*----------
Advantage
----------*/
.advantage-img{flex:40%;}
.advantage-img img{ width:100%;}
#advantage .grid{flex:60%; grid-template-columns:repeat(2,1fr); grid-gap:15px 10px; margin-left:2rem; }
.advantage-content{ background-color:var(--web-theme-color-black); padding:2rem 0; color:var(--web-theme-color-white); text-align:center;}
.advantage-content img{ width:4rem;}
.advantage-content h3{ padding:1.2rem 0; font-size:2rem; font-weight: bold;}
.advantage-content p{ width:min(80%,300px); margin:0 auto; color:var(--web-theme-color-white);}
/*----------
Exhibition
----------*/
#exhibition-type{ padding-top:2rem;}
#exhibition-type .swiper-container{ position:relative; overflow:hidden; margin:4rem 0;}
#exhibition-type .swiper-slide p{ padding-top:1.6rem; text-align:center;}

@media (max-width: 1023px) {
#advantage .wrap-flex{  flex-direction: column;}	
#advantage .grid{grid-template-columns:repeat(2,1fr); grid-gap:15px 10px; margin-left:0; margin-top:2rem; }		
}