@charset "utf-8";

h2{font-size:0; line-height:0; width:100%; height:380px; 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:291px; top:150px; left:50%; margin-left:-145px;}
@media screen and (max-width: 640px) {
h2{height:auto; position:relative; top:auto; left:auto; clear:both; padding:25px 25%;}
h2 span{position:relative; width:auto; top:auto; left:auto; margin:0;}
}

dl.outline{background:#d9eaf5; padding:60px 0 80px;}
dl.outline>dt{font-size:24px; color:#0076bc; text-align:center; line-height:1.2em; margin:0 0 .5em;}
dl.outline>dt span{display:inline-block; padding:0 .75em; border:solid #0076bc; border-width:0 1px;}
dl.outline>dd{width:1000px; margin:0 auto;}
dl.outline>dd>ul{list-style:none; background:#fff; padding:60px 70px; margin:0 0 45px;}
dl.outline>dd>ul>li{border-top:1px solid #b2d6eb;}
dl.outline>dd>ul>li.last{border:solid #b2d6eb; border-width:1px 0;}
dl.outline>dd>ul>li dl{width:100%; display:table;}
dl.outline>dd>ul>li dl dt{width:25%; display:table-cell; font-size:18px; font-weight:bold; color:#37486e; text-align:center; vertical-align:top; padding:1em 0; background:#d9eaf5;}
dl.outline>dd>ul>li dl dd{width:75%; display:table-cell; font-size:18px; vertical-align:middle; padding:1em 2em;}
dl.outline>dd>ul>li dl dd ul{list-style:disc; margin-left:25px;}
dl.outline>dd>p{margin:0 auto; font-size:17px; width:18em;}
dl.outline>dd>p 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;}
dl.outline>dd>p a span{display:block; text-align:center; background:url(/common/img/lm02.png) right no-repeat;}
dl.outline>dd>p a:hover{background:#fff;}
@media screen and (max-width: 640px) {
dl.outline{padding:30px 3%;}
dl.outline>dt{font-size:17px; font-weight:bold;}
dl.outline>dd{width:auto;}
dl.outline>dd>ul{padding:15px; margin:0 0 20px;}
dl.outline>dd>ul>li.last{border-width:1px 0 0;}
dl.outline>dd>ul>li dl{display:block;}
dl.outline>dd>ul>li dl dt{width:auto; display:block; font-size:15px; text-align:left; padding:.4em 1em;}
dl.outline>dd>ul>li dl dd{width:auto; display:block; font-size:14px; padding:1em;}
dl.outline>dd>p{margin:0 10%; font-size:15px; width:auto;}
}

div.equipment{width:100%; height:719px; overflow:hidden; position:relative;}
div.equipment>dl{width:1400px; height:719px; position:absolute; left:50%; padding-top:85px; margin-left:-700px; background:url(./img/bg01.jpg) top left no-repeat,url(./img/bg02.jpg) top right no-repeat;}
div.equipment>dl>dt{font-size:24px; color:#0076bc; text-align:center; line-height:1.2em; margin:0 0 1.5em;}
div.equipment>dl>dt span{display:inline-block; padding:0 .75em; border:solid #0076bc; border-width:0 1px;}
div.equipment>dl>dd{width:530px; margin:0 auto;}
div.equipment>dl>dd li{list-style:none; font-size:18px; margin-bottom:1.4em;}
div.equipment>dl>dd li strong{color:#37486e;}
div.equipment>dl>dd li strong:after{content:"・・・";}
@media screen and (max-width: 640px) {
div.equipment{width:auto; height:auto; background:url(./img/bg01.jpg) no-repeat; background-size:cover;}
div.equipment>dl{width:auto; height:auto; position:relative; left:auto; padding:30px 5%; margin-left:0; background:none; background-color:rgba(255,255,255,.8);}
div.equipment>dl>dt{font-size:17px; font-weight:bold;}
div.equipment>dl>dd{width:auto;}
div.equipment>dl>dd li{font-size:14px; margin-bottom:.75em;}
}

div.history{background:url(./img/bg03.jpg) center no-repeat; background-size:cover;}
div.history>dl{width:850px; margin:0 auto; background-color:rgba(255,255,255,.8); padding:60px 0;}
div.history>dl>dt{font-size:24px; color:#0076bc; text-align:center; line-height:1.2em; margin:0 0 1.5em;}
div.history>dl>dt span{display:inline-block; padding:0 .75em; border:solid #0076bc; border-width:0 1px;}
div.history>dl>dd>ol>li{list-style:none; padding:0 100px; margin-bottom:1em;}
div.history>dl>dd>ol>li dt{font-size:16px; font-weight:bold; color:#37486e; width:7em; float:left;}
div.history>dl>dd>ol>li dt span{float:right;}
div.history>dl>dd>ol>li dd{font-size:16px; padding-left:9em;}
@media screen and (max-width: 640px) {
div.history>dl{width:auto; padding:30px 5%;}
div.history>dl>dt{font-size:17px; font-weight:bold; margin:0 0 1em;}
div.history>dl>dd>ol>li{padding:0 .5em .5em; margin-bottom:.6em; border-bottom:1px solid #0076bc;}
div.history>dl>dd>ol>li dt{font-size:15px; width:auto; float:none;}
div.history>dl>dd>ol>li dt span{float:none;}
div.history>dl>dd>ol>li dd{font-size:14px; padding:.25em 0 0;}
}

dl.product{background:#e5f1f8; padding:45px 0;}
dl.product>dt{font-size:24px; color:#0076bc; text-align:center; line-height:1.2em; margin:0 0 1em;}
dl.product>dt span{display:inline-block; padding:0 .75em; border:solid #0076bc; border-width:0 1px;}
dl.product>dd ul{list-style:none; text-align:center;}
dl.product>dd ul li{display:inline-block; margin:0 12px; vertical-align:top;}
dl.product>dd ul li a{text-decoration:none !important; color:#0076bc !important;}
dl.product>dd ul li dt{font-size:0; line-height:0; padding-bottom:7px; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
dl.product>dd ul li dd{font-size:18px; font-weight:bold; text-align:center;}
dl.product>dd ul li.last dd{line-height:1.2em;}
dl.product>dd ul li dd span{display:block; text-align:center; font-size:13px;}
dl.product>dd ul li a:hover dt{margin:-5px 0 5px; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
@media screen and (max-width: 640px) {
dl.product{padding:30px 0;}
dl.product>dt{font-size:17px; font-weight:bold;}
dl.product>dd ul li{width:40%; margin:0 10px 15px;}
dl.product>dd ul li dt{padding-bottom:5px;}
dl.product>dd ul li dd{font-size:15px;}
dl.product>dd ul li dd span{font-size:12px;}
}