/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub5-1 .sectionWrap.first
                { padding           : 3em 0;}
   #sub5-1 .sectionWrap.first .wrap
                { max-width         : 800px;           }
   
   #sub5-1 .sectionWrap.first .wrap .titleWrap
                { width             : 100%;             height              : auto;             display             : flex;             align-items         : stretch;          
                  justify-content   : flex-start;       flex-direction      : column;           }
   #sub5-1 .sectionWrap.first .wrap .titleWrap p
                { text-align        : center;           word-break          : keep-all;}
   #sub5-1 .sectionWrap.first .wrap .titleWrap .bigTit
                { font-weight       : 700;}
   #sub5-1 .sectionWrap.first .wrap .titleWrap .titleInner
                { margin            : 0.5em 0 2em;}
   #sub5-1 .sectionWrap.first .wrap .titleWrap .subTit
                { font-weight       : 300;              color               : #666;             word-break          : keep-all;}                 
   #sub5-1 .sectionWrap.first .wrap .slideWrap
                { width             : 100%;             height              : auto;             }             
   #sub5-1 .sectionWrap.first .wrap .slideWrap img
                { width             : 100%;             height              : 100%;             object-fit          : cover;}     
                       
   #sub5-1 .sectionWrap.first .wrap .thumbWrap
                { width             : 100%;              height              : auto;             justify-content     : center;          }             
   #sub5-1 .sectionWrap.first .wrap .thumbWrap .swiper
                { width             : 100%;              }   
   
   #sub5-1 .sectionWrap.first .wrap .tabBtnWrap
                { display           : grid;             grid-template-columns: repeat(auto-fit, minmax(6em, calc(calc(100% - calc(0.4em * 3)) / 4)));
                  gap               : 0.4em;            justify-content     : center;           width               : 100%;             align-items         : stretch;}

   #sub5-1 .sectionWrap.first .wrap .tabBtnWrap .tabBtn
                { width             : 100%;             height              : 100%;             text-align          : center;           border              : 1px solid #37a5de;
                  color             : #37a5de;          cursor              : pointer;          display             : flex;             align-items         : center;
                  justify-content   : center;}
   #sub5-1 .sectionWrap.first .wrap .tabBtnWrap .tabBtn.on
                { background        : #37a5de;          color               : #fff;}
   #sub5-1 .sectionWrap.first .wrap .tabBtnWrap .tabBtn p
                { width             : 100%;             line-height         : 1em;              padding             : 0.7em 0;
                  display           : flex;             flex-direction      : column;           align-items         : center;           justify-content     : center;
                  font-size         : max(15px,0.9em);  word-break          : keep-all;}                        
   #sub5-1.en .sectionWrap.first .wrap .tabBtnWrap .tabBtn p
                { font-size         : max(12px,0.9em);  width               : 95%;}
   #sub5-1 .sectionWrap.first .wrap .tabBtnWrap .tabBtn p span
                { font-size         : inherit;          line-height         : inherit;          margin-top          : 0.2em;}                          

   #sub5-1 .sectionWrap.second
                { padding           : 3em 0;            }
   #sub5-1 .sectionWrap.second .wrap
                { max-width         : 1000px;           position            : relative;         overflow            : hidden;}
   #sub5-1 .sectionWrap.second .wrap .tabContWrap
                { width             : 100%;             height              : auto;             position            : absolute;         top                 : 0;
                  left              : 0;                opacity             : 0;                transition          : .2s;              pointer-events      : none;}     
   #sub5-1 .sectionWrap.second .wrap .tabContWrap.on
                { opacity           : 1;                pointer-events      : auto;             position            : relative;         transition          : .2s;                      }
   #sub5-1 .sectionWrap.second .wrap .imgTitWrap
                { width             : 100%;             height              : auto;             margin-bottom       : 2em;}
   #sub5-1 .sectionWrap.second .wrap .imgTitWrap p
                { font-weight       : 700;              line-height         : 1em;              color               : #37a5de;          text-align          : center;
                  word-break        : keep-all;}             
   #sub5-1 .sectionWrap.second .wrap .imgWrap
                { width             : 100%;             height              : auto;             display             : grid;             grid-template-columns : 100%;          
                  gap               : 2em 0;}
   #sub5-1 .sectionWrap.second .wrap .imgWrap .imgBox
                { width             : 100%;             height              : auto;            display              : flex;} 
   #sub5-1 .sectionWrap.second .wrap .imgWrap .imgBox img
                { width             : 100%;             height              : auto;}
   #sub5-1 .sectionWrap.second .wrap .imgWrap .imgBox:nth-child(1)
                { justify-content   : flex-start;}
   #sub5-1 .sectionWrap.second .wrap .imgWrap .imgBox:nth-child(2)             
                { justify-content   : flex-end;}
   #sub5-1 .sectionWrap.second .wrap .imgWrap .imgBox:nth-child(1) img,
   #sub5-1 .sectionWrap.second .wrap .imgWrap .imgBox:nth-child(2) img
                { max-width         : 600px;}
   #sub5-1 .sectionWrap.second .wrap #tabCont2 .imgWrap .imgBox:nth-child(1),
   #sub5-1 .sectionWrap.second .wrap #tabCont3 .imgWrap .imgBox:nth-child(1)
                { justify-content   : flex-end;}
   #sub5-1 .sectionWrap.second .wrap #tabCont2 .imgWrap .imgBox:nth-child(2) img,
   #sub5-1 .sectionWrap.second .wrap #tabCont3 .imgWrap .imgBox:nth-child(2) img,
   #sub5-1 .sectionWrap.second .wrap #tabCont4 .imgWrap .imgBox:nth-child(2) img    
                { max-width         : unset;            }             
@media(max-width : 1024px) {
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
    
   
}
                                     
@media(max-width : 640px) {
/* A            A A                 :                   A                   :                   A                   :                   A                   :                   */
   #sub5-1 .sectionWrap.first .wrap .titleWrap .subTit br
                { display           : none;}
   #sub5-1 .sectionWrap.first .wrap .tabBtnWrap             
                { grid-template-columns: repeat(auto-fit, minmax(6em, calc(calc(100% - 1em) / 2))); gap : 1em;}     
}