@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;}
}

div.description_box{width:1000px; margin:0 auto; padding:40px 0 80px; position:relative;}
div.description_box h4{font-size:0; line-height:0; margin-bottom:10px;}
div.description_box>dl>dt{font-size:0; line-height:0; width:458px; float:right; margin-top:-10px;}
div.description_box>dl>dd{width:500px; float:left;}
div.description_box>dl>dd p{font-size:20px; margin-bottom:1.25em;}
div.description_box>dl>dd>dl>dt{font-size:24px; color:#0076bc; margin-bottom:.5em;}
div.description_box>dl>dd>dl>dt:before{content:"■"; margin-right:.25em;}
div.description_box>dl>dd>dl>dd table{width:100%; border-collapse:collapse;}
div.description_box>dl>dd>dl>dd table th{border:solid #b2d6eb; border-width:1px 0; background:#d9eaf5; font-size:16px; color:#37486e; text-align:center; padding:1.25em 0; width:50%;}
div.description_box>dl>dd>dl>dd table th.first{border-right:1px solid #b2d6eb;}
div.description_box>dl>dd>dl>dd table td{border:solid #b2d6eb; border-width:1px 0; font-size:16px; text-align:center; padding:1.25em 0;}
p.img{font-size:0; line-height:0; text-align:center; padding-bottom:50px;}
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:310px; float:left; margin-right:35px;}
ul.ph li.last{margin:0;}
ul.ph li.arrow{width:140px; margin:0; position:absolute; z-index:2; top:130px; left:260px;}
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>dl>dd table th{border:1px solid #b2d6eb; background:#d9eaf5; color:#37486e; text-align:center; padding:.75em 0; width:25%;}
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.first{width:30%;}
ul.spec>li.even>dl>dd table th.last{width:70%;}
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;}
@media screen and (max-width: 640px) {
div.description_box{width:auto; padding:30px 3%;}
div.description_box h4{margin:0 0 20px;}
div.description_box>dl>dt{width:40%; margin:-10px 0 0 10px;}
div.description_box>dl>dd{width:auto; float:none;}
div.description_box>dl>dd p{font-size:14px; margin-bottom:1em;}
div.description_box>dl>dd>dl>dt{font-size:15px; font-weight:bold;}
div.description_box>dl>dd>dl>dd table th{font-size:14px; padding:.6em 0;}
div.description_box>dl>dd>dl>dd table td{font-size:14px; padding:.6em 0;}
p.img{padding:0 3% 30px;}
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;}
p.img2{width:auto; margin:0 3% 30px; padding:10px;}
ul.ph{width:auto; padding:0 3% 30px;}
ul.ph li{width:32%; margin-right:2%;}
ul.ph li.arrow{width:70px; top:25%; left:26%;}
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>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;}
}