header { padding-top: 16px; padding-bottom: 32px;}
header h1 {
    text-align: center;
    font-size: 1.5em;
    font-weight: 500;
	margin-bottom: 1.0em;
}
header .logo img {
    display: block;
    width: 300px;
    margin: 24px auto;
    
}
header a.btn { background-color: yellow; color: darkgreen;;}
.visual {
    background: url(../img/a03_204.JPG) center center / cover no-repeat;
    margin-bottom: 40px;
}

.visual .box {
    top: 10%;
    left: 20%;
    width: 80%;
    padding: 16px 24px;
    margin: 5% auto;
    background: rgba(255,255,255,.7);
    border-radius: 16px
}
.visual .box h2 {
    font-weight: 600;
    margin-bottom: 32px;
}
.visual .box {
    text-shadow: 1px 1px 2px #fff;
}
.visual .box .col-sm-5 { padding: 8px; background: rgba(255,255,255,.8); margin-bottom: 2em; border-radius: 8px;}
.visual .box img { border-radius: 8px;}
.visual .box .col-sm-7 { font-size: 1.3em; line-height: 1.8;}
.visual .box .lead {
    display: block;
    background-color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 8px 16px;
    border-radius: 8px;
}
.visual .box .dl-horizontal dt { text-align: left; background: rgba(255,255,255,.5); padding: 8px}

footer { padding-bottom: 40px; color: darkgreen;}
footer #intro .telbox p:nth-child(2) {
    font-family: sans-serif;
    font-weight: 600;
    font-size: 3em;
    text-align: center;
}
#formbox h3 { font-size: 1.05em; font-weight: 600; margin: 0 0 1.5em 0; color: darkgreen;}
#formbox button { background-color: yellow; color: darkgreen;}
#copyright { padding: 4em;}

.responsive-iframe {
    position: relative;
padding-bottom: 300px;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 0;
margin-bottom: 0;
}

.responsive-iframe iframe {
  position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
    border: none;
}