@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:330px; float:right;}
dl.description dd{width:650px; float:left; padding-top:20px;}
dl.description dd h4{font-size:0; line-height:0; margin-bottom:15px;}
dl.description dd p{font-size:20px;}
dl.txt{width:1000px; margin:0 auto; padding-bottom:50px;}
dl.txt dt{font-size:24px; color:#0076bc; margin-bottom:.5em;}
dl.txt dt:before{content:"■"; margin-right:.25em;}
dl.txt dd{font-size:18px;}
p.img2{width:1000px; margin:0 auto 60px; padding:20px 0; text-align:center; background:#e5f1f8;}
ul.ph{list-style:none; width:1000px; margin:0 auto; padding-bottom:60px; position:relative;}
ul.ph li{width:235px; float:left; margin-right:20px;}
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;}
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; margin-bottom:.5em;}
ul.spec>li.multiple3>dl>dd table{width:50%; margin-bottom:60px;}
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.multiple3>dl>dd table th{width:50%;}
ul.spec>li>dl>dd table th span{font-size:14px; font-weight:normal; margin-left:.6em;}
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.even>dl>dd table th{width:33.3333%;}
ul.spec>li>dl>dd p{font-size:18px; line-height:1.333em; padding-left:2em; position:relative;}
ul.spec>li>dl>dd p span{position:absolute; left:0;}
ul.spec>li.multiple3>dl>dd>dl{width:100%; display:table; margin-bottom:50px;}
ul.spec>li.multiple3>dl>dd>dl>dt{width:10%; font-size:20px; font-weight:bold; color:#fff; text-align:center; padding:1.5em 0; display:table-cell; background:#0076bc; vertical-align:middle;}
ul.spec>li.multiple3>dl>dd>dl>dd{width:90%; display:table-cell; padding-left:25px; background:#d9eaf5; vertical-align:middle;}
ul.spec>li.multiple3>dl>dd>dl>dd ul li{list-style:none;}
ul.spec>li.multiple3>dl>dd>dl>dd ul li dt{font-size:19px; font-weight:bold; color:#1e315c; width:8em; float:left;}
ul.spec>li.multiple3>dl>dd>dl>dd ul li dt:after{content:"："; float:right;}
ul.spec>li.multiple3>dl>dd>dl>dd ul li dd{font-size:19px; padding-left:8.5em;}
ul.spec>li.multiple3>dl>dd>ul{list-style:none; text-align:center;}
ul.spec>li.multiple3>dl>dd>ul>li{font-size:0; line-height:0; display:inline-block; margin:0 12px;}
@media screen and (max-width: 640px) {
dl.description{width:auto; padding:30px 3%; position:relative;}
dl.description dt{width:40%; margin:0 0 0 10px; padding-top:70px;}
dl.description dd{width:auto; float:none; padding:70px 0 0;}
dl.description dd h4{width:90%; margin-bottom:0; position:absolute; top:30px; left:3%;}
dl.description dd p{font-size:14px;}
dl.txt{width:auto; padding:0 3% 30px;}
dl.txt dt{font-size:15px; font-weight:bold; margin-bottom:.25em;}
dl.txt dd{font-size:13px;}
dl.txt dd span{display:inline-block;}
p.img2{width:auto; margin:0 3% 30px; padding:10px;}
ul.ph{width:auto; padding:0 3% 15px;}
ul.ph li{width:48%; margin:0 0 15px;}
ul.ph li.even{float:right;}
ul.ph li dd{font-size:13px; font-weight:normal;}
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>dd table{font-size:14px; margin-bottom:.5em;}
ul.spec>li.multiple3>dl>dd table{width:100%; margin-bottom:25px;}
ul.spec>li>dl>dd table th{padding:.5em 0;}
ul.spec>li>dl>dd table th span{font-size:12px;}
ul.spec>li>dl>dd table td{padding:.5em 0;}
ul.spec>li.even>dl>dd table th.first{width:40%;}
ul.spec>li.even>dl>dd table th.last{width:60%;}
ul.spec>li>dl>dd p{font-size:13px; line-height:1.333em; padding-left:2em; position:relative;}
ul.spec>li.multiple3>dl>dd>dl{display:block; margin-bottom:20px;}
ul.spec>li.multiple3>dl>dd>dl>dt{width:auto; font-size:16px; padding:.5em; display:block;}
ul.spec>li.multiple3>dl>dd>dl>dd{width:auto; display:block; padding:.5em 1em;}
ul.spec>li.multiple3>dl>dd>dl>dd ul li dt{font-size:14px;}
ul.spec>li.multiple3>dl>dd>dl>dd ul li dd{font-size:14px;}
ul.spec>li.multiple3>dl>dd>ul>li{width:48%; margin:0 1px;}
}