@charset "UTF-8";
#pankuzu { margin: 80px auto 30px; padding: 0 15px;}  

#about::before,
#about::after {
    content: '';
    display: block;
    width: 100%; height: 0; padding: 20.83% 0 0;}

#about::before {
    background: url("images/AdobeStock_144580885.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
}
#about::after {
    background: url("images/AdobeStock_325711560.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
}


#about section { 
    max-width: 900px; margin: 0 auto 80px; padding: 0 15px;
    font-size: 17px; line-height: 1.8em;}

#about h2 { margin: 0 0 80px;}

#about p.indent { 
    margin: 0 0 30px 1em; 
    color: #5e5e5e; font-size: 14px; line-height: 1.8em;
    text-indent: -1em;}

#about .flex {
     display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 40px 0 0; padding: 40px 0 0;
    border-top: dotted 1px #999;
    font-size: 14px; line-height: 1.8em;}
    
#about .flex a { text-decoration: underline;}    

@media screen and (max-width:699px){
    #pankuzu { margin: 50px auto 30px;}  

    #about::before,
    #about::after { padding: 35.89% 0 0;}

    #about section { margin: 0 auto 50px; font-size: 14px;}
    
    #about h2 {
        margin: 0 0 40px;
        font-size: 25px;}

    #about p.indent { font-size: 12px; line-height: 1.8em;}
    
    #about .flex { font-size: 12px; line-height: 1.8em;}
}


/* LastUp2026.10.20_kimata */