/* Highlight
=================================== */

#hl-lead { margin-bottom:20px; color:#C70025; font-size:120%; line-height:160%; font-weight:bold; text-align:center; }

.hl-box { margin:0 auto 1.5em; line-height:160%; }
.hl-box:first-of-type { margin:0 auto 2.5em; }

.hl-subttl { margin-bottom:20px; padding:15px; font-size:140%; line-height:140%; border-radius:7px; background-color:#C70025; color:#fff; font-weight:bold; text-align:center; text-shadow:2px 2px 4px rgba(0,0,0,0.2); }
.hl-sbox { margin-bottom:20px; padding-bottom:20px; border-bottom:#dcdddd 1px solid; }
.hl-sbox:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; }
.hl-sbox:after {content:"";clear:both;display:block;}
.hl-box .name { font-weight:bold; }
.hl-box .hl-img { width:100%; margin:20px 0; }
.hl-box .hl-img p { position:relative; width:100%; height:0; padding-top:30.61224897%; background-color:#efefef; }
.hl-box .hl-img p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.hl-sttl { position:relative; margin-bottom:10px; padding:0 0 15px 0; font-size:120%; line-height:140%; color:#C70025; }
.hl-sttl::after { position: absolute; left: 0; content: ''; width: 100%; height: 6px; box-sizing: border-box; }
.hl-sttl::after { bottom: 0; border-top: 1px solid #e33c7d; border-bottom: 2px solid #C70025; }
.hl-box .prof {background: #fbeee3; padding: 15px; margin-top: 15px; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

.hl-sbox-l { float:none; width:100%!important; margin-bottom:10px; }
.hl-p { float:none; margin-left:0; margin:0 auto; }

.hl-box { margin:0 auto 1.0em;}
.hl-box:first-of-type { margin:0 auto 5%;}
.hl-box .prof { font-size:90%; }

}


/* intro-txt
=============================================== */

#intro-txt { padding:15px 0; text-align:center; }
#intro-txt p { font-size:140%; line-height:160%; font-weight:bold; color:#8F0010; }

/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

#intro-txt { padding:5px 0; text-align:center; }
#intro-txt p { font-size:120%; }

}