@charset "UTF-8";

#contents{animation-name: fadeInUp;}
#contents h3{background: var(--main_color);color: #fff;text-align: center;font-size: 1.1em;line-height: 1;padding: 0.5em 0;}

.outline_list{display: flex;flex-wrap: wrap;font-size: 0.8em;}
.outline_list > *{padding: 0.5em 0.75em;border-top: 1px solid #333;}
.outline_list > *:last-of-type{border-bottom: 1px solid #333;}
.outline_list > dt{width: 20%;background: #bde0e4;text-align: center;}
.outline_list > dd{width: 80%;}

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

.outlineBox{margin-bottom: 2.5em;}
.outlineBox .text {margin: -2em 0 0 0;line-height: 1.5;font-size: 0.7em;}



@media screen and (min-width: 769px) {
}


@media screen and (max-width: 768px) {

#contents{}
#contents h3{font-size: 4vw;}

.outline_list{font-size: 0.85em;}
.outline_list > dt{width: 100%;text-align: left;}
.outline_list > dd{width: 100%;border-top: none;}
.outline_list > dt:last-of-type{border-bottom: none;}

.outlineBox .text{margin: -5vw 0 0 0;font-size: 0.75em;}
}