@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400&display=swap');

img.rollover  { transition:opacity 0.35s; backface-visibility:hidden} 
img.rollover:hover; { opacity:0.8}

#about { background-image: none; margin: 50px auto 0; padding-right: 0; }
#about .inner { display: block; width: 700px; letter-spacing: 0.1em; margin: 0 auto 80px; font-family: Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; text-align: center;}
#about .inner h3 { font-size: 20px; margin: 20px auto 30px;  padding-bottom: 30px; border-bottom: 1px solid #ccc; }
#about .inner h3 small { font-size: 15px; }

#about .inner h2 { font-size: 16px; margin: 40px auto 30px; }
#about .inner h2 small { font-size: 15px; }

#about .inner h1 { font-size: 16px; margin: 120px auto 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc; }
#about .inner h1 small { font-size: 15px; }


#about .inner p { font-size: 14px; margin: 0 auto 50px; }
#about .inner p.note { margin-bottom: 0; }

#about .bnr01, #about .bnr02, #about .bnr03 { margin: 0 auto; }
#about .bnr01 img, #about .bnr02 img, #about .bnr03 img { width: 100%; height: auto; padding-bottom: 20px; }


#about ul.bnnr { margin: 100px auto 80px; display: flex; justify-content: space-between; }
#about ul.bnnr li { width: 48%; }
#about ul.bnnr li img { width: 100%; height: auto; }