@charset "UTF-8";

#lowBox{ width: 100%; max-width: 980px; margin: 0 auto; padding: 1em 0;}
@media screen and (max-width: 1080px) {

#lowBox{ padding: 1em;}
}



h3{ font-size: 24px; margin-bottom: 1em; padding: 10px; border-left: 4px solid #000; background: #f2e9de;}
h4{ font-size: 20px; margin-bottom: 1em; padding: 5px 10px; border-left: 4px solid #002966;}
h5{ font-size: 18px; margin-bottom: 1em; padding: 5px 0; border-bottom: 1px solid #ccc;}
h6{ font-size: 16px;margin-bottom: 1em;}
ul{}
li{}

ol{}
li{}

dl{}
dt{}
dd{}
















/* lowBox */
#lowBox{}





/* accessTag */
.accessTag{ font-size: 14px; margin: 1em 0;}
.accessTag a{ display: inline-block; margin: 0 1em 1em 0; padding: 5px 1em; border-radius: 200px; border: 1px solid #002966; color: #002966;}



/* mapBox */
.mapBox{ display: flex;}
.mapBox iframe{ width: 100%; max-width: 360px; height: 320px; margin-right: 2em;}
.mapBox section{}
.mapBox section p{ text-indent: 0;}

@media screen and (max-width: 1080px) {
.mapBox{ display: block;}
.mapBox iframe{ margin: 0 auto 1em;}
}



.umpBox{ display: flex;}
.umpBox figure{ margin-right: 2em;}
@media screen and (max-width: 640px) {
.umpBox{ display: block;}
.umpBox figure{ margin: 1em auto; text-align: center;}
}








/* subBox */
.subH1Box{ padding: 1em; background: url(../img/h1Back.jpg); background-position: center center; background-size: cover;}
.subH1Box h1{ margin: 0; padding: 0; text-align: center;}

h1.subH1{ text-align: center; font-size: 36px; color: #1d2087; line-height: 1.3;}
h1.subH1 a:link,
h1.subH1 a:visited{color: #1d2087;}

h1.subH1 img{ width: 74px; display: block; margin: 0 auto 20px;}
h1.subH1 span{ display: block; font-size: 16px; padding: 10px 1em 0; color: #231815; font-family: serif;}
@media screen and (max-width: 1080px) {
.subH1Box{ padding: 1em; background: #fff;}
.subH1Box h1{ text-align: left;}

h1.subH1 a{ font-size: 18px; display: flex; align-items: center;}

h1.subH1 img{ width: 39px; height: auto; margin: 0 10px 0 0;}
h1.subH1 span{ display: none;}
}
/* subBox */



/* h2Box */
.h2Box{ color: #fff; background: #002966;}
.h2Box h2{ font-size: 32px; width: 100%; max-width: 980px; margin: 0 auto; padding: 1em 0;}

@media screen and (max-width: 1080px) {
.h2Box{}
.h2Box h2{ font-size: 22px; padding: 1em;}
}
/* h2Box */