@charset "UTF-8";
#layer_main .main_img::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(to right,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0))}
#page_tit figure:nth-of-type(1){position: absolute;right: -8em;top: 0.5em;width: 6.85em;animation-name: fadeIn;}
#page_tit figure:nth-of-type(2){position: absolute;bottom: -2.75em;left: -10em;width: 12.5em;animation-name: fadeIn;}
#page_tit figure img{animation: fuwafuwa 6s ease-in-out infinite;}
.outlineBox{padding-top: 30px;animation-name: fadeInUp;}
.outlineBox h3{background: #6c9d91;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: #edf1e4;text-align: center;font-size:16px;}
.outline_list > dd{width: 80%;font-size:16px;}

.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;}
#outline .note{margin-top:1em;font-size:0.7em;}

@media screen and (max-width: 768px) {
#page_tit figure:nth-of-type(1){right: 0.5em;top: 0.5em;width: 5em;}
#page_tit figure:nth-of-type(2){bottom: -2em;left: 0.5em;width: 10em;}
.outlineBox{padding-top: 30px;}
.outlineBox 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;}
}

#map{padding-bottom: 0;}
.map{margin:3em auto 0;animation-name: fadeInUp;}
.map img{border:2px #a3935c solid;padding:0.3em}