@charset 'utf-8';

#main {}


#main article { padding: 100px 0;}
#main article:nth-of-type(even) { background: #f1f1f1;}
#main article .tit-wrap { padding: 0 0 50px;}
#main article .tit-wrap h2 { position: relative; padding-bottom: 15px; margin-bottom: 15px; font-size: 34px; font-weight: 500; text-align: center; }
#main article .tit-wrap h2:after { content: ''; display: block; position: absolute; height: 1px; left: 50%; bottom: 0;  transform: translateX(-50%); width: 285px; background: #333;   }
#main article .tit-wrap p { text-align: center; font-size: 16px; line-height: 1.25; word-break: keep-all; }

@media(max-width:991px){
    #main article { padding: 80px 0;}
    #main article .tit-wrap { padding: 0 0 40px;}
    #main article .tit-wrap h2 {font-size: 32px;}
}

@media(max-width:768px){
    #main article { padding: 70px 0;}
    #main article .tit-wrap { padding: 0 0 35px;}
    #main article .tit-wrap h2 {font-size: 30px;}
}

@media(max-width:576px){
    #main article { padding: 60px 0;}
    #main article .tit-wrap { padding: 0 0 30px;}    
    #main article .tit-wrap h2:after  { width: 260px;}
    #main article .tit-wrap p { font-size: 14px;}
    
}

@media(max-width:440px){
    #main article { padding: 50px 0;}        
}
    
    
@media(max-width:360px){
    #main article .tit-wrap p br { display: none; }
}