@charset "utf-8";
.pTitle {
background: url(/common/files//1588/voices2024_title_s.png) no-repeat right center;
height: 220px;
font-size: 1.4rem;
font-weight: bold;
color: #12bccb;
}

.pTitle h2 {
padding: 80px 50px 0;
}

.pTitle h2 span {
font-size: 1.8rem;
margin-left: 20px;
display: inline-block;
vertical-align: 6px;
}

.subtitle2024 h4{
padding: 5px 50px 0;
font-size: 1.2rem;
font-weight: bold;
color: #12bccb;
}

.subtitle2024 h5{
padding: 0px 50px 0;
font-size: 1.0rem;
color: #666666;
}

.voices2024 {
margin-top: -40px;
}

.voices2024 .sep {
position: relative;
# color: #FFF !important;
# background-color: #0b59bf;
margin: 8px 8px 16px 0;
padding: 0 8px;
border-bottom: 1px solid #000;
border-left: 10px solid #aaa;
font-size: 1.2rem;
}

.voices2024 .menus {
display: flex;
flex-wrap: wrap;
}

.voices2024 .menus div {
width: 32%;
}

.voices2024 .menus div:nth-of-type(3n-1) {
margin: 0 2%;
}

.voices2024 .facultyTitle {
font-size: 1.1rem;
border-radius: 8px 0 8px 0;
}

.voices2024 .facultyTitle a {
display: block;
padding: 4px 8px;
letter-spacing: 0.04rem;
color: #000;
text-decoration: none;
}

.voices2024 .facultyTitle a:hover {
text-decoration: underline;
}

.voices2024 .rigaku {
background-color: #D0EED8;
}

.voices2024 .kougaku {
background-color: #FAD6E2;
}

.voices2024 .rikou {
background-color: #D3E5F3;
}

.voices2024 .seimei {
background-color: #CCEFF8;
}

.voices2024 .seibutu {
background-color: #FDEACC;
}

.voices2024 .kyouiku {
background-color: #F2E7D0;
}

.voices2024 .keiei {
background-color: #E3D8E9;
}

.voices2024 .jyui {
background-color: #E5F4F5;
}

.voices2024 .akuthibu {
background-color: #FBDFDD;
}

.voices2024 .tsushinkyouiku {
background-color: #87CEFA;
}

.voices2024 .daigakuin {
background-color: #5c91fa;
}

.voices2024 .voicesMenu {
margin: 0 10px 30px;
}

.voices2024 .voicesMenu li {
margin: 0 0 6px !important;
}

.voices2024 .voicesMenu li:before {
display: none;
}

.voices2024 .voicesMenu li a {
display: block;
border: 1px solid #EEE;
border-bottom: 2px solid #CCC;
padding: 4px 8px;
text-decoration: none;
border-radius: 8px 0 0 0;
}

.voices2024 .voicesMenu li a:hover {
background-color: #F2FADA;
}

.voices2024 .anchor {
padding: 60px 0 0;
}

.voices2024 h2 {
margin: 0 0 10px !important;
padding: 4px 8px;
font-size: 1.1rem !important;
font-weight: bold;
border-radius: 8px 0 8px 0;
letter-spacing: 0.04rem;
}

.voices2024 .list {
display: flex;
flex-wrap: wrap;
}

.voices2024 .list li {
width: 32%;
margin: 0 0 10px;
}

.voices2024 .list li:nth-child(3n-1) {
margin: 0 2% 10px;
}

.voices2024 .list li:before {
display: none;
}

.voices2024 .list li a {
display: block;
padding: 8px;
text-decoration: none;
color: #000;
}

.voices2024 .list li a:hover {
opacity: 0.8;
}

.voices2024 .list li a .wrap {
position: relative;
}

.voices2024 .list li a .photo {
}

.voices2024 .list li a .text {
}

.voices2024 .list li a p.title {
position: absolute;
margin: 0;
padding: 8px;
line-height: 1.3;
font-size: 0.9rem;
font-weight: bold;
background-color: rgba(256,256,256,.7);
bottom: 0;
left: 0;
width: 100%;
}

.voices2024 .list li a p.dep {
position: relative;
z-index: 5;
left: -8px;
bottom: -8px;
display: inline-block;
color: #FFF !important;
background-color: #ABCD05;
margin: 0;
padding: 0 8px;
border-radius: 8px 0 8px 0;
letter-spacing: 0.04rem;
border-bottom: 1px solid #FFF;
border-right: 1px solid #FFF;
font-size: 0.9rem;
}

.voices2024 .list li a p.grd {
position: relative;
z-index: 5;
left: -8px;
bottom: -8px;
display: inline-block;
color: #FFF !important;
background-color: #0b59bf;
margin: 0;
padding: 0 8px;
border-radius: 8px 0 8px 0;
letter-spacing: 0.04rem;
border-bottom: 1px solid #FFF;
border-right: 1px solid #FFF;
font-size: 0.9rem;
}

.voices2024 .list li a p.namae {
margin: 4px 0 2px;
font-size: 1.3rem;
font-weight: bold;
letter-spacing: 0.04rem;
/*border-bottom: 4px solid;
border-image: linear-gradient(to right, #FCC9D5 0%, #E6F0B4 50%, #B7EBF0 100%);
border-image-slice: 1;*/
}

.voices2024 .list li a p.namae span {
font-size: 0.9rem;
font-weight: normal;
letter-spacing: 0;
margin-left: 0.8rem;
}

.voices2024 .list li a p.grade {
font-size: 0.9rem;
line-height: 1.2;
margin: 0;
}

.voices2024 .list li a p.grd {
font-size: 0.8rem;
}


@media (max-width: 991px){

.pTitle h2 span {
font-size: 1.2rem;
display: block;
margin-left: 0;
}

.voices2024 .menus div {
width: 49%;
margin: 0 0.5%;
padding: 8px 4px;
line-height: 1.2;
}

.voices2024 .menus div:nth-of-type(3n-1) {
margin: 0 0.5%;
}

.voices2024 .facultyTitle {
margin-bottom: 0 !important;
font-size: 0.9rem;
}

.voices2024 .list {
margin: 0;
}

.voices2024 .list li {
width: 46%;
margin: 0 2%;
}

.voices2024 .list li a p.dep {
font-size: 0.8rem;
}

.voices2024 .list li a p.namae {
font-size: 1rem;
}

.voices2024 .list li a p.namae span {
font-size: 0.9rem;
}

.voices2024 .list li a p.grade {
font-size: 0.9rem;
}

.pTitle h2 {
padding: 100px 30px 0;
}


}


@media (max-width: 651px){

.voices2024 .list li a p.title {
position: static;
background-color: #F9FFD5;
}

}

