@charset "UTF-8";

#contents{padding-top: 50px;animation-name: fadeInUp;}
#contents h3{background: #743579;color: #fff;text-align: center;font-size: 18px;line-height: 1;padding: 10px 0;}

.outline_list{display: flex;flex-wrap: wrap;}
.outline_list > *{padding: 10px 15px;border-top: 1px solid #333;}
.outline_list > *:last-of-type{border-bottom: 1px solid #333;}
.outline_list > dt{width: 20%;background: #eae1eb;text-align: center;}
.outline_list > dd{width: 80%;}

.outline_list:nth-of-type(n+2){margin-top: 50px;}

.outlineBox{margin-bottom:50px;}
.outlineBox .text {margin: 30px 0 0 0;line-height: 1.5;}

@media screen and (max-width: 768px) {
#contents{padding-top: 30px;}
#contents h3{font-size: 16px;padding: 10px 0;}

.outline_list > *{padding: 10px 12px;}
.outline_list > dt{width: 100%;text-align: left;padding: 7px 12px;}
.outline_list > dd{width: 100%;border-top: none;}
.outline_list > dt:last-of-type{border-bottom: none;}

.outlineBox .text{margin: 20px 0 0 0;font-size: 12px;}

}