/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */    
   #sub8-8 .sectionWrap.first
                { padding           : 4em 0 6em;}
   #sub8-8 .sectionWrap.first .wrap
                { max-width         : 1200px;}
   #sub8-8 .sectionWrap.first .wrap .contactBox
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : stretch;          
                  justify-content   : space-between;    padding             : 1em;              background          : #fff;}          
   #sub8-8 .sectionWrap.first .wrap .contactBox
                { margin-bottom     : 1.5em;}
   #sub8-8 .sectionWrap.first .wrap .contactBox:last-child
                { margin-bottom     : 0;}
   #sub8-8 .sectionWrap.first .wrap .contactBox .infoWrap
                { width             : 54%;              display           : flex;             align-items         : flex-start;       justify-content     : center;
                  padding           : 0 1em;            flex-direction      : column;           flex-grow           : 1;}              
   #sub8-8 .sectionWrap.first .wrap .contactBox .infoWrap .caName
                { line-height       : 1em;}             
   #sub8-8 .sectionWrap.first .wrap .contactBox .infoWrap .line
                { width             : 100%;             height              : 1px;              background          : #e5e5e5;          margin              : 1em 0 0.8em;}
   #sub8-8 .sectionWrap.first .wrap .contactBox .infoWrap .addr
                { font-weight       : 200;              word-break          : keep-all;         margin-bottom       : 1em;}
   #sub8-8 .sectionWrap.first .wrap .contactBox .infoWrap .contactWrap
                { width             : 100%;             display             : flex;             align-items         : flex-start;       justify-content     : center;
                  padding           : 0 1em;            flex-direction      : column;}          
   #sub8-8 .sectionWrap.first .wrap .contactBox .infoWrap .contactWrap .contactList
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : center;
                  justify-content   : flex-start;       margin-bottom       : 0.7em;}                          
   #sub8-8 .sectionWrap.first .wrap .contactBox .infoWrap .contactWrap .contactList:last-child
                { margin-bottom     : 0;}
   #sub8-8 .sectionWrap.first .wrap .contactBox .infoWrap .contactWrap .contactList img
                { height            : 1.2em;            margin-right        : 0.5em;}               
   #sub8-8 .sectionWrap.first .wrap .contactBox .infoWrap .contactWrap .contactList .contactInfo
                { font-weight       : 200;              line-height         : 1em;              color               : #555;}             
   #sub8-8 .sectionWrap.first .wrap .contactBox .mapWrap
                { width             : 46%;              height              : auto;             aspect-ratio        : 450 / 300;        max-width           : 450px;}                         
   #sub8-8 .sectionWrap.first .wrap .contactBox .mapWrap .map
                { width             : 100%;             height              : 100%;}     
   #sub8-8 .sectionWrap.first .wrap .contactBox .mapWrap .map .gm-style-iw-chr
                { height            : 15px;}
   #sub8-8 .sectionWrap.first .wrap .contactBox .mapWrap .map .gm-style-iw-d p
                { text-align        : center;}                
                
@media(max-width : 1024px){               
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */    
   #sub8-8 .sectionWrap.first .wrap .contactBox .mapWrap
                { max-width         : 420px;            aspect-ratio        : 420 / 300;}              
                
                
}
                
                
@media(max-width : 640px){               
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */    
   #sub8-8 .sectionWrap.first .wrap
                { max-width         : 400px;}
   #sub8-8 .sectionWrap.first .wrap .contactBox 
                { flex-direction    : column-reverse;}
   #sub8-8 .sectionWrap.first .wrap .contactBox .infoWrap,
   #sub8-8 .sectionWrap.first .wrap .contactBox .mapWrap
                { width             : 100%;}
   #sub8-8 .sectionWrap.first .wrap .contactBox .infoWrap
                { padding           : 1.5em 1em 1em;}
   #sub8-8 .sectionWrap.first .wrap .contactBox .infoWrap .line
                { margin            : 0.8em 0em;}
   #sub8-8 .sectionWrap.first .wrap .contactBox .infoWrap .addr
                { margin-bottom     : 0.5em;}            
   #sub8-8 .sectionWrap.first .wrap .contactBox .infoWrap .contactWrap
                { padding           : 0 0.5em;}              
   #sub8-8 .sectionWrap.first .wrap .contactBox .mapWrap
                { aspect-ratio        : 360 / 240;}              
                
                
}