@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.description{width:1000px; margin:0 auto; padding:45px 0;}
dl.description dt{font-size:0; line-height:0; width:352px; float:right;}
dl.description dd{width:630px; float:left; padding-top:20px;}
dl.description dd h4{font-size:0; line-height:0; margin-bottom:15px;}
dl.description dd p{font-size:18px;}
p.txt{font-size:18px; text-align:center; padding-bottom:50px;}
p.img2{width:1000px; margin:0 auto 60px; padding:20px 0; text-align:center; background:#e5f1f8;}
ul.spec{list-style:none; width:1000px; margin:0 auto;}
ul.spec>li{padding-bottom:60px;}
ul.spec>li>dl>dt{font-size:24px; color:#0076bc; margin-bottom:.5em;}
ul.spec>li>dl>dt:before{content:"■"; margin-right:.25em;}
ul.spec>li>dl>dt span{font-size:18px; font-weight:normal; color:#333; margin-left:1em;}
ul.spec>li>dl>dd table{width:100%; border-collapse:collapse; font-size:18px;}
ul.spec>li>dl>dd table th{border:1px solid #b2d6eb; background:#d9eaf5; color:#37486e; text-align:center; padding:.75em 0; width:25%;}
ul.spec>li.first>dl>dd table th.first{width:30%;}
ul.spec>li.first>dl>dd table th.last{width:70%;}
ul.spec>li>dl>dd table th.first,
ul.spec>li>dl>dd table td.first{border-left:none;}
ul.spec>li>dl>dd table th.last,
ul.spec>li>dl>dd table td.last{border-right:none;}
ul.spec>li>dl>dd table td{border:1px solid #b2d6eb; text-align:center; padding:.75em 0;}
ul.spec>li.last>dl{width:100%; display:table;}
ul.spec>li.last>dl>dt{width:10%; font-size:20px; font-weight:bold; color:#fff; background:#0076bc; display:table-cell; text-align:center; padding:1.5em 0; margin:0;}
ul.spec>li.last>dl>dt:before{display:none;}
ul.spec>li.last>dl>dd{font-size:20px; font-weight:bold; color:#1e315c; background:#d9eaf5; width:90%; display:table-cell; padding-left:1.5em;}
ul.ph{list-style:none; width:1000px; margin:0 auto; padding-bottom:60px; position:relative;}
ul.ph li{width:310px; float:left; margin-right:35px;}
ul.ph li.last{margin:0;}
ul.ph li dt{font-size:0; line-height:0; margin-bottom:7px;}
ul.ph li dd{font-size:18px; font-weight:bold; color:#37486e; text-align:center;}
@media screen and (max-width: 640px) {
dl.description{width:auto; padding:30px 3%;}
dl.description dt{width:40%; margin:0 0 0 10px;}
dl.description dd{width:auto; float:none; padding:0;}
dl.description dd h4{width:57%; margin-bottom:15px;}
dl.description dd p{font-size:14px;}
p.txt{font-size:14px; text-align:left; padding:0 3% 30px;}
p.img2{width:auto; margin:0 3% 30px; padding:10px;}
ul.spec{width:auto; padding:0 3%;}
ul.spec>li{padding-bottom:30px;}
ul.spec>li>dl>dt{font-size:15px; font-weight:bold; margin-bottom:.25em;}
ul.spec>li>dl>dt span{font-size:12px;}
ul.spec>li>dl>dt span.block{display:block;}
ul.spec>li>dl>dd table{font-size:14px;}
ul.spec>li>dl>dd table th{padding:.5em 0;}
ul.spec>li.first>dl>dd table th.first{width:35%;}
ul.spec>li.first>dl>dd table th.last{width:65%;}
ul.spec>li>dl>dd table td{padding:.5em 0;}
ul.spec>li.last>dl{display:block;}
ul.spec>li.last>dl>dt{width:auto; font-size:17px; display:block; padding:.5em 0;}
ul.spec>li.last>dl>dd{font-size:15px; font-weight:normal; width:auto; display:block; padding:.5em 1em;}
ul.ph{width:auto; padding:0 3% 30px;}
ul.ph li{width:32%; margin-right:2%;}
ul.ph li dd{font-size:12px; font-weight:normal;}
}