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

.af-waku { width: 970px; margin: 20px auto; text-align: center;}
.af-chach { margin: -120px 0 0 0; z-index: 1; }
.school { margin:0px 0 20px 0; z-index: -1;}
.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( 240, 95, 160, 1.0); margin: 1%; padding: 1%; font-weight: bold; color: #fff; border-radius: 3px;}
.list-col .col-l-title-l { width: 96%; background:rgba( 140, 110, 180, 1.0); margin: 1%; padding: 1%; font-weight: bold; color: #fff; border-radius: 3px;}
.list-col .col-l-title-o { width: 96%; background:rgba( 250, 150, 0, 1.0); margin: 1%; padding: 1%; font-weight: bold; color: #fff; border-radius: 3px;}
.list-col .col-l-title-b { width: 96%; background:rgba( 0, 180, 240, 1.0); margin: 1%; padding: 1%; font-weight: bold; color: #fff; border-radius: 3px;}
.list-col dd { width: 46%; margin: 1%; padding: 1%;}
.list-col .col-l-p { background: rgba( 250, 201, 223, 1.0); border-radius: 3px;}
.list-col .col-l-l { background: rgba( 232, 226, 240, 1.0); border-radius: 3px;}
.list-col .col-l-o { background: rgba( 253, 212, 149, 1.0); border-radius: 3px;}
.list-col .col-l-b { background: rgba( 186, 235, 251, 1.0); border-radius: 3px;}
.list-col .col-r { background: rgba( 255, 255, 255, 1.0); border-radius: 3px;}

@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%;}

}