@charset "utf-8";

header{height:848px;}
nav li#navi06{top:-767px;}
nav li#navi07{top:-767px;}
h2{font-size:0; line-height:0; width:100%; height:848px; position:absolute; top:0; left:0; z-index:1; background:url(/img/visual.jpg) top center no-repeat; background-size:cover;}
h2 span{position:absolute; width:430px; top:395px; right:60%;}
p.right { text-align: right; margin-bottom:2em; }
@media screen and (max-width: 640px) {
header{height:auto; overflow:visible;}
nav li#navi06,
nav li#navi07{width:50%; height:auto; background:none; float:left; position:relative; top:auto; right:auto; border:solid #a3a3a3; border-width:0 1px 1px 0;}
h2{height:auto; position:relative; top:auto; left:auto; clear:both; padding:25px;}
h2 span{position:relative; width:auto; top:auto; right:auto;}
}

section.message{background:url(/img/bg01.jpg) top center no-repeat; background-size:cover;}
section.message h3{font-size:26px; font-weight:normal; line-height:1.8em; color:#fff; text-align:center; padding:1.8em 0;}
section.message h3 span{display:block; text-align:center;}
section.message dl{width:1000px; margin:0 auto; padding-bottom:1px; position:relative;}
section.message dl dt{font-size:0; line-height:0; position:absolute; bottom:0; right:0;}
section.message dl dd{width:570px;}
section.message dl dd h4{font-size:24px; font-weight:normal; color:#fff; text-align:center; margin-bottom:1.25em; line-height:1.2em;}
/*section.message dl dd h4{font-size:24px; font-weight:normal; color:#fff; text-align:center; background:url(/img/ico_mess.png) top center no-repeat; padding-top:95px; margin-bottom:1.25em; line-height:1.2em;}*/
section.message dl dd h4 span{display:inline-block; padding:0 .75em; border:solid #fff; border-width:0 1px;}
section.message dl dd p{font-size:15px; line-height:1.8em; text-shadow:1px 1px 2px #fff,-1px 1px 2px #fff,1px -1px 2px #fff,-1px -1px 2px #fff;}
section.message dl dd p.btn{margin:0 95px 75px; font-size:17px; text-shadow:none;}
section.message dl dd p.btn a{display:block; border:1px solid #0076bc; background-color:rgba(255,255,255,.3); text-align:center; color:#0076bc !important; text-decoration:none !important; padding:.6em;}
section.message dl dd p.btn a span{display:block; text-align:center; background:url(/common/img/lm02.png) right no-repeat;}
section.message dl dd p.btn a:hover{background:#fff;}
@media screen and (max-width: 640px) {
section.message{background:url(/img/bg01.jpg) top center no-repeat; background-size:cover; padding:0 3%;}
section.message h3{font-size:14px; line-height:1.5em; text-align:left; padding:1em 0;}
section.message h3 span{display:inline;}
section.message dl{width:auto;}
section.message dl dt{position:relative; bottom:auto; right:auto; width:35%; float:right; margin:0 0 0 10px;}
section.message dl dd{width:auto; float:none;}
section.message dl dd h4{font-size:16px; font-weight:bold; text-align:left; background:url(/img/ico_mess.png) left no-repeat; background-size:20px; padding:0 0 0 25px; margin-bottom:.75em; line-height:1.5em;}
section.message dl dd h4 span{padding:0; border:none;}
section.message dl dd p{line-height:1.6em; font-size:13px; margin-bottom:1em; text-shadow:none;}
section.message dl dd p.btn{margin:0 15% 15px; font-size:15px;}
section.message dl dd p.btn a{background-color:rgba(255,255,255,.6);}
}

dl.news{background:#d9eaf5; padding:65px 0;}
dl.news>dt{font-size:24px; color:#0076bc; text-align:center; margin-bottom:.5em; line-height:1.2em;}
dl.news>dt span{display:inline-block; padding:0 .75em; border:solid #0076bc; border-width:0 1px;}
dl.news>dd ul{list-style:none; width:1000px; margin:0 auto; padding:30px; background:#fff;}
dl.news>dd ul li{border-bottom:1px solid #d9eaf5; padding:0 1.5em 1em; margin-bottom:1.5em;}
dl.news>dd ul li.last{margin:0;}
dl.news>dd ul li dl dt{font-size:16px; font-weight:600; color:#0076bc; width:7em; float:left;}
dl.news>dd ul li dl dd{font-size:15px; padding:1px 0 0 8em;}
@media screen and (max-width: 640px) {
dl.news{padding:30px 3%;}
dl.news>dt{font-size:17px; font-weight:bold;}
dl.news>dd ul{width:auto; padding:0;}
dl.news>dd ul li{padding:1em 1.5em; margin-bottom:0;}
dl.news>dd ul li.last{border:none;}
dl.news>dd ul li dl dt{font-size:15px; width:auto; float:none;}
dl.news>dd ul li dl dd{font-size:13px; padding:.25em 0 0;}
}