#main_content {padding: 2rem;}
#main_content h2 {padding: 0 0 2rem;}
#main_content h2 p {font-size: 3rem; position: relative; font-weight: bold; padding-left: 1.5rem;}
#main_content h2 p::after {position: absolute; content:''; display:block; width: 0.5rem; height: 0.5rem; background: #3352a3; border-radius:50%; left: 0; top:50%; transform: translateY(-50%);}
#main_content ul {display:flex; flex-flow:column;}
#main_content ul li {margin-bottom: 1.5rem;}
#main_content ul li:last-child {margin-bottom: 0;}
#main_content ul li .n_title {background: #fff; border:1px solid #ddd; color:#333; font-size:2rem; line-height: 1.4; padding: 1.3rem;}
#main_content ul li .n_title .date {display: block; padding-top: 1rem; color: #999; font-size: 1.5rem;display: flex;align-items: center;justify-content: space-between;}
#main_content ul li .n_title .date span {font-size:1.5rem;background: #4d79ff;padding:0.5rem;color: #fff;}
#main_content ul li.on .n_title {background: #d8edf1; border: 1px solid #ddd;}
#main_content ul li.on .n_title .date span  {display: none}

#main_content ul li .n_content {border:1px solid #ddd; border-top: 0; display: none; padding: 1.3rem;}
#main_content ul li.on .n_content {display: block;}
#main_content ul li .n_content pre:first-child {display: block; font-size:1.8rem; line-height: 1.6;  color: #777;}
#main_content ul li .n_content .more {font-size: 1.7rem;display: block;text-align: center;color: #fff;background: #4d79ff;padding: 0.5rem;width: 50%;transform: translateX(-50%);position: relative;left: 50%; margin: 1rem 0;}