@charset "UTF-8";
/* CSS Document */

.area{}
.area article *{ margin-top:0;}
.area .ttl01{ font-size:150%; font-weight: bold; color:#f39800;}
.area .logo{ width:70%;}

.ttl02{ text-align:center; font-size:128%;}

.cat{ width:300px; float: left;}
.lecture{ width:640px; float: right;}

.person{ text-align: center;}
.person *{ margin-top: 0; line-height: 1.5;}
.person .charge{ font-size:72%;}
.person .image{ margin-top:0.5em;}
.person .name{ font-size:79%; margin-top: 0.5em;}
.person .title{ font-size:72%; margin-top: 1.0em;}
.person .title-sub{ margin-top:0;}
/*
.person .title-sub{ border:solid 1px #333333; margin-top: 0; position: relative;}
.person .title-sub::before{ content:""; height: 1px; width:95%; background: #FFFFFF; margin: 0 auto; position: absolute; top: -1px; left: 0; right: 0;}
.person .title-sub::after{ content:""; height: 1px; width:95%; background: #FFFFFF; margin: 0 auto; position: absolute; bottom: -1px; left: 0; right: 0;}
*/

.cat img{ display:block; height: 50px; width: auto;}





@media only screen and (max-width:480px){ /* sm pnly */
.cat{ width:auto; float: none; text-align: center;}
.lecture{ width:auto; float: none;}
  .person{ margin-top:1.0em;}
  
  .cat img{ display:block; height: 40px; width: auto; margin-left: auto; margin-right: auto;}
}