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


#topics_index #contents .award{
    max-width: 1024px;
    margin:60px auto;
}

#topics_index #contents .award .main{
    position: relative;
    margin-bottom: 40px;
}
#topics_index #contents .award .main h1 {
    float: left;
}
#topics_index #contents .award .main p {
    position: absolute;
    bottom: 10px;
    width: 50%;
    left: 30px;
    font-size: 1.6rem;
}
#topics_index #contents .award ul{
    display: flex;
    flex-wrap: wrap;
}
#topics_index #contents .award ul li{
    flex: 0 0 45%;
    margin:0 auto;
}

#topics_index #contents .award ul li div{
    background: #FBF5DE;
    text-align: center;
    padding: 10px;
}
#topics_index #contents .award ul li:nth-of-type(1) div{
    height:100%;
    padding: 30px 0 0 0;
}
#topics_index #contents .award ul li:nth-of-type(2) div:nth-of-type(1){
    margin-bottom:10px
}

#topics_index #contents .award ul li:nth-of-type(1) div p:nth-of-type(1){
    background: #E40057;
    display: inline-block;
    color:#FFF;
    font-weight: bold;
    font-size:2.6rem;
    padding: 0 20px;
    margin-bottom: 10px;
}

#topics_index #contents .award ul li:nth-of-type(2) div p:nth-of-type(1){
    background: #E40057;
    display: inline-block;
    color:#FFF;
    font-weight: bold;
    font-size:1.8rem;
    padding: 0 20px;
}

#topics_index #contents .award ul li:nth-of-type(1) div p:nth-of-type(2){
    font-size:3.4rem;
    text-align: center;
}

#topics_index #contents .award ul li:nth-of-type(2) div p:nth-of-type(2){
    font-size:2rem;
    text-align: center;
}
#topics_index #contents .award .b_txt {
    font-size: 1.6rem;
    margin:20px;
}