@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.catch{width:1000px; margin:0 auto; padding:45px 0;}
dl.catch dt{font-size:0; line-height:0; margin-bottom:20px;}
dl.catch dd{font-size:18px; line-height:2em;}
p.img{font-size:0; line-height:0; width:1000px; margin:0 auto 80px; padding:30px 0; text-align:center; border:5px solid #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>dd table{width:100%; border-collapse:collapse; font-size:18px; margin-bottom:.25em;}
ul.spec>li>dl>dd table th{border:1px solid #b2d6eb; background:#d9eaf5; color:#37486e; text-align:center; padding:.75em 0; width:23%;}
ul.spec>li>dl>dd table th.first{width:15%;}
ul.spec>li>dl>dd table th.last{width:39%;}
ul.spec>li>dl>dd table td{border:1px solid #b2d6eb; text-align:left; padding:.75em;}
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.last>dl>dd table th{text-align:left; padding:.5em 1em; width:25%;}
ul.spec>li.last>dl>dd table td{padding:.5em 1em; width:75%;}
ol.flow{list-style:none; width:1000px; margin:0 auto; padding-bottom:30px;}
ol.flow li{width:345px; float:left; padding-bottom:20px; margin-bottom:5px; background:url(./img/arrow_r.png) 312px 80px no-repeat;}
ol.flow li.multiple3{width:310px; background:url(./img/arrow_b.png) bottom center no-repeat;}
ol.flow li.multiple4{width:310px; float:right;}
ol.flow li.multiple5{float:right; background:url(./img/arrow_l.png) 312px 80px no-repeat;}
ol.flow li.last{width:345px; float:right; background:url(./img/arrow_l.png) 312px 80px no-repeat;}
ol.flow li dt{font-size:0; line-height:0;}
ol.flow li dd{font-size:18px; font-weight:bold; color:#1e315c; padding:.2em;}
@media screen and (max-width: 640px) {
dl.catch{width:auto; padding:30px 3%;}
dl.catch dt{margin:0 45% 15px 0;}
dl.catch dd{font-size:14px; line-height:1.6em;}
p.img{width:auto; margin:0 3% 30px; padding:10px; border:3px solid #e5f1f8;}
ul.spec{width:auto; padding:0 3%;}
ul.spec>li{padding-bottom:30px;}
ul.spec>li>dl>dt{font-size:16px; margin-bottom:.25em;}
ul.spec>li>dl>dd table{font-size:12px; margin-bottom:.5em;}
ul.spec>li>dl>dd table th{padding:.5em 0;}
ul.spec>li>dl>dd table td{padding:.5em;}
ol.flow{width:auto; padding:0 3% 10px;}
ol.flow li.first,
ol.flow li.multiple3,
ol.flow li.multiple5{width:48%; float:left; padding:0 0 15px; background:none;}
ol.flow li.multiple2,
ol.flow li.multiple4,
ol.flow li.last{width:48%; float:right; padding:0 0 15px; background:none;}
ol.flow li dd{font-size:14px;}
}