/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #division4A_updown
                { width             : 100%;             height              : auto;             text-align          : center;           padding             : 40px 0px 80px 0px;
                  margin-top        : 5%; 
                  background: #e5e6e6;  /* fallback for old browsers */
                  background: -webkit-linear-gradient(to right, #f7f7f7, #e5e6e6);  /* Chrome 10-25, Safari 5.1-6 */
                  background: linear-gradient(to right, #f7f7f7, #e5e6e6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */                               }
   #division4A_updown h2
                { font-size         : 0;                line-height         : 0;                width               : 0;                height              : 0;                }
   
   #division4A_updown .division4A_updownWrap
                { width             : 100%;             height              : auto;             max-width           : 1300px;           display             : inline-block;     }
                
   #division4A_updown .division4A_updownWrap .division4A_updownTitle             
                { width             : 100%;             height              : auto;             margin-bottom       : 4%;                                                       }
   #division4A_updown .division4A_updownWrap .division4A_updownTitle img
                { width             : 50%;              height              : auto;             max-width           : 350px;            margin-left         : 50px;             }               
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox
                { width             : 100%;             height              : auto;                                                                                             }              
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox::after
                { content           : "";               display             : block;            clear               : both;                                                     }
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox.even 
                { margin-top        : 5%;                                                                                                                                       }
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox
                { width             : calc(100% / 4);  height               : auto;             float               : left;             position            : relative;
                  box-shadow        : 0px 0px 10px #a2a2a2; overflow        : hidden;                                                                                           }               
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox img
                { width             : 100%;             height              : auto;             transition          : .8s;                                                      }              
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox:hover img
                { transform         : scale(1.2);       transition          : .8s;                                                                                              }
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox .division4A_hoverBox
                { width             : 100%;             height              : 100%;             position            : absolute;         top                 : 0;
                  left              : 0;                background          : #00000080;        opacity             : 0;                
                  pointer-events    : none;             transition          : .8s;              display             : flex;             flex-direction      : column;
                  align-items       : center;           justify-content     : space-evenly;                                                                                     }                          
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox:hover .division4A_hoverBox
                { opacity           : 1;                pointer-events      : auto;             transition          : .8s;                                                      }
    
  
    
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox .division4A_hoverBox .division4A_hoverBoxWrap
                { width             : 100%;             height              : auto;             display             : inline-block;     max-width           : 230px;            
                  transform         : scale(0.9);}
    
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox .division4A_hoverBox .division4A_hoverSub
                { width             : 100%;             height              : auto;             font-size           : calc(12px + 0.1vw); color             : #fff;             }              
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox .division4A_hoverBox .division4A_hoverTit
                { width             : 100%;             height              : auto;             font-size           : calc(14px + 0.5vw); color             : #fff;             }           
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox .division4A_hoverBox span
                { font-size         : calc(40px + 0.5vw);line-height        : 0.5em;            color               : #fff;                                                     }    
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox .division4A_hoverBox .division4A_hover_A 
                { width             : 78%;              height              : auto;             font-size           : calc(12px + 0.3vw);color              : #e5e5e5;             
                  padding           : 4px 0px;          display             : inline-block;     transition          : .8s;              border              : 1px solid #e5e5e5;              
                  font-weight       : 400;                                                                                                                                      } 
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox .division4A_hoverBox .division4A_hover_A:hover
                { color             : #0068b4;          background          : #fff;             transition          : .8s;                                                      }
    
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox .division4A_hoverBox .division4A_hover_A.margin
                { margin-bottom     : 10%;                                                                                                                                      }
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox .division4A_hoverBox .division4A_hover_A.secondMargin
                { margin-bottom     : 4%;                                                                                                                                       }
    


@media (min-width:1024px) and (max-width:1180px) {
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox .division4A_hoverBox .division4A_hoverBoxWrap
                { transform         : scale(0.8); }
  }

  
@media (min-width:641px) and (max-width:1023px) {
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #division4A_updown .division4A_updownWrap
                { width             : 90%;              max-width           : 635px;                                                                                            }
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox
                { width             : calc(100% / 2 - 20px);              
                  margin            : 0px 10px;}
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox .division4A_hoverBox .division4A_hoverBoxWrap
                { transform         : scale(0.9); }
  
}
                                        
                
@media (max-width:640px) {
   #division4A_updown
                { margin-top        : 50px;     }   
   #division4A_updown .division4A_updownWrap .division4A_updownTitle img
                { width             : 65%;              height              : auto;             max-width           : 260;            margin-left         : 13%;                }

   #division4A_updown .division4A_updownWrap
                { width             : 95%;              max-width           : 635px;                                                                                            }
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox
                { width             : calc(100%);              
                  margin            : 30px 0 0 0;                                                                                                                               }
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox:first-child
                { margin-top        : 10px;                                                                                                                                      }
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox.even
                { margin-top        : 30px;                                                                                                                                     }
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox .division4A_hoverBox .division4A_hoverBoxWrap
                { transform         : scale(1); }
  
  
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox:first-child .division4A_hoverBox .division4A_hover_A.secondMargin
                { margin-bottom     : 6%;               }   
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox img
                { transform         : scale(1.2);       transition          : .8s;                                                                                              }
  
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox .division4A_hoverBox
                { opacity           : 1;                pointer-events      : auto;             transition          : .8s;                                                      }
    
     
   #division4A_updown .division4A_updownWrap .division4A_updownContentBox .division4A_updownBox .division4A_hoverBox .division4A_hover_A
                { color             : #fff;             background          : #0068b6b0;         transition          : .8s;                                                      }
    

  
  
  
  
  
  
  
}