@charset "utf-8";
/* CSS Document */

.contentBox p{ line-height: 1.8em; }

.contentBox p a{ text-decoration: underline; color:#8e1c18; }
.contentBox p a:hover{ color:#a52e2a; }

.subTitle3{ font-size: 1.3em;
    margin-bottom: 20px;
    background-color: #ffeeed;
    padding: 10px 20px;
}

.txtUnd{ margin-bottom:20px; }

.dlbtn a{ background:#cc443f; color:#fff; border: solid #8e1c18 1px; text-align: center; padding:14px 0}
.dlbtn a:hover { background-color: #8e1c18; color: #ffd9e4; }

.dlbtn a:before{
content:"";
display: block;
height: 6px;
width: 6px;
position: absolute;
top: 40%;
right: 6%;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}





.externalLink{  position: relative;}

.externalLink a i {
    display: inherit;
    background: url("../img/externalIcon.svg") right 4px no-repeat;
    background-size: auto;
    background-size: 9px 10px;
     width: 10px;
    display: inline-block;
    height: 20px;
    margin: 0 5px 0 2px;
}


.txtSpace{ text-indent: 1em; display: block;}

@media screen and (min-width: 741px) {
.dlbtn { width: 80%; margin: 20px auto;}
}


@media screen and (max-width: 740px) and (min-width: 641px) {
.dlbtn{ width: 60%; margin: 40px 2%; }
}

@media screen and (min-width: 421px) {
.dlbtn br{ display: none; }
}

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


}




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

.dlbtn{  margin: 20px auto;}
}