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

.af-waku { width: 970px; margin: 20px auto; text-align: center;}
.af-chach, .af-text2 { margin: 20px;}
.school { margin-bottom: 20px;}
.staff-cast { display: flex; width: 100%;}
.staff-cast li { width: 50%;}
.list-col { display: flex; flex-wrap: wrap; text-align: left; font-size: 18px; }
.list-col .col-l-title-p { width: 96%; background:rgba( 255, 105, 180, 1.0); margin: 1%; padding: 1%; font-weight: bold; color: #fff;}
.list-col .col-l-title-b { width: 96%; background:rgba( 0, 160, 233, 1.0); margin: 1%; padding: 1%; font-weight: bold; color: #fff;}
.list-col dd { width: 46%; margin: 1%; padding: 1%;}
.list-col .col-l-p { background: rgba( 253, 239, 242, 1.0);}
.list-col .col-l-b { background: rgba( 240, 248, 255, 1.0);}
.list-col .col-r { background: rgba( 255, 255, 255, 1.0);}
.list-col .col-c { width: 100%; min-height: 1em;}

@media screen and (max-width: 767px) {
.af-waku { width: 94%; margin:0px auto;}
.af-waku img { width: 100%; height: auto;}	
.staff-cast { display: inherit; width: 100%;}
.staff-cast li { width: 100%;}	
.list-col { width: 100%; font-size: 16px; }
.list-col .col-l-title-p { margin:5% 1% 1% 1%; }
.list-col .col-l-title-b { margin:5% 1% 1% 1%; }	
.list-col dd { width: 46%; margin: 1%; padding: 1%;}	
}