/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #division3A_grid
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : flex-start;
                  margin            : min(7vw,150px) auto; font-family      : "SUIT";           padding             : 0 50px;}
   #division3A_grid .wrap
                { width             : 100%;             height              : auto;             display             : grid;             grid-template-columns : repeat(3,calc(calc(100% - 100px) / 3));
                  gap               : 0 50px;           max-width           : 1600px;           margin              : 0 auto;}  
   #division3A_grid .wrap .box
                { width             : 100%;             display             : flex;             flex-direction      : column;}
   #division3A_grid .wrap .imgBox
                { width             : 100%;             aspect-ratio        : 1 / 1;            overflow            : hidden;}                
   #division3A_grid .wrap .imgBox img
                { width             : 100%;             height              : 100%;             object-fit          : cover;}     
   #division3A_grid .wrap .textBox
                { width             : 100%;             height              : auto;             display             : flex;             flex-direction      : column;
                  justify-content   : flex-start;       align-items         : flex-start;       font-size           : 24px;             margin-top          : 1em;                                        }              
   #division3A_grid .wrap .textBox .cate
                { font-size         : 16px;             color               : #999;             line-height         : 1em;              letter-spacing      : 0.1em;}            
   #division3A_grid .wrap .textBox .tit
                { font-size         : inherit;          margin              : 0.4em 0;          color               : #555;             font-weight         : 500;        
                  word-break        : keep-all;    }  
   #division3A_grid .wrap .textBox .text
                { font-size         : 16px;             font-weight         : 300;              color               : #999;             display             : flex;           
                  align-items       : flex-start;       height              : auto;             width               : 100%;}             
   #division3A_grid .wrap .textBox .text .content
                {  display          : -webkit-box;      -webkit-box-orient  : vertical;         -webkit-line-clamp  : 6;                overflow            : hidden;
                   text-overflow    : ellipsis;         word-wrap           : break-word;       line-height         : 1.7em;            letter-spacing      : 0.05em;
                   word-break       : keep-all;}             
   #division3A_grid .wrap .textBox .text .content p,
   #division3A_grid .wrap .textBox .text .content span,
   #division3A_grid .wrap .textBox .text .content b,
   #division3A_grid .wrap .textBox .text .content i
                { font-size         : inherit!important;             font-weight         : 300!important;              color               : #999!important;              height              : auto;
                  text-align        : left!important;   font-style          : normal!important; font-family         : "SUIT"!important; margin  : 0 !important;
                  display           : block;}
   #division3A_grid .wrap .textBox .text img
                { display           : none;}
@media (max-width : 1024px){
   #division3A_grid
                { padding           : 0 30px;           margin: min(8vw,150px) auto;} 
   #division3A_grid .wrap
                { gap               : 0 20px;           grid-template-columns : repeat(3,calc(calc(100% - 40px) / 3))}
   #division3A_grid .wrap .textBox
                { font-size         : 20px;}   
   #division3A_grid .wrap .textBox .cate,
   #division3A_grid .wrap .textBox .text
                { font-size         : 16px;}   
   #slideArticle .wrap .slideWrap .swiper-slide-active .imgBox .hoverBox 
                { opacity           : 1;}                                  
}  

@media (max-width : 820px){
  #division3A_grid
                { padding           : 0 40px;}  
  #division3A_grid .wrap
                { grid-template-columns : 100%;          justify-items       : center;           gap                 : 25px 0;
                   max-width           : 640px;}   
  #division3A_grid .wrap .box
                { flex-direction    : row;             }              
  #division3A_grid .wrap .imgBox
                { width             : 50%;}
  #division3A_grid .wrap .textBox
                { width             : calc(50% - 1.7em); margin-top        : 0;                margin-left         : 1.7em;              justify-content     : center;}               
                                     
}    

@media (max-width : 640px){
  #division3A_grid
                { padding           : 0 30px;           margin              : min(18vw,50px) auto;} 
  #division3A_grid .wrap
                { gap               : 30px 0;   }
  #division3A_grid .wrap .box
                { flex-direction    : column;}
  #division3A_grid .wrap .imgBox
                { width             : 100%;             padding-top       : 100%;             position            : relative;         }
  #division3A_grid .wrap .imgBox img
                { position          : absolute;         top                 : 0;                left                : 0;}             
  #division3A_grid .wrap .textBox
                { width             : 100%;             margin-top        : 0.7em;           margin-left         : 0;}    
  #division3A_grid .wrap .textBox
                { font-size         : 17px;}               
  #division3A_grid .wrap .textBox .cate, 
  #division3A_grid .wrap .textBox .text
                { font-size         : 13px;}                                                       
  
}  

@media (max-width : 374px){
  #division3A_grid
                { padding           : 0 20px;           margin              : 13vw auto;}
  
  }