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

section.calcium{width:1000px; margin:0 auto; padding:45px 0 0;}
section.calcium h4{font-size:0; line-height:0; margin-bottom:25px;}
section.calcium>ul>li{list-style:none; padding-bottom:60px;}
section.calcium>ul>li>dl>dt{font-size:24px; color:#0076bc; margin-bottom:.5em;}
section.calcium>ul>li>dl>dt:before{content:"■"; margin-right:.25em;}
section.calcium>ul>li>dl>dd p{font-size:18px;}
section.calcium>ul>li>dl>dd table{width:100%; border-collapse:collapse; font-size:18px; margin-bottom:.25em;}
section.calcium>ul>li>dl>dd table th{border:1px solid #b2d6eb; background:#d9eaf5; color:#37486e; text-align:center; padding:.75em 0; width:25%;}
section.calcium>ul>li>dl>dd table th.first,
section.calcium>ul>li>dl>dd table td.first{border-left:none;}
section.calcium>ul>li>dl>dd table th.last,
section.calcium>ul>li>dl>dd table td.last{border-right:none;}
section.calcium>ul>li>dl>dd table td{border:1px solid #b2d6eb; text-align:center; padding:.75em 0;}
section.calcium>ul>li>dl>dd table td ol{padding-left:2em; list-style:none;}
section.calcium>ul>li>dl>dd table td ol li{width:38%; float:left; margin-right:2.5em; padding-left:1em; text-indent:-1em;}
section.calcium>ul>li>dl>dd>dl>dt{font-size:20px; font-weight:bold; color:#0076bc; margin-bottom:.2em;}
section.calcium>ul>li>dl>dd>dl>dd{padding-left:1.2em; text-indent:-1.2em;}
@media screen and (max-width: 640px) {
section.calcium{width:auto; padding:30px 3% 0;}
section.calcium>ul>li{padding-bottom:30px;}
section.calcium>ul>li>dl>dt{font-size:16px; font-weight:bold; margin-bottom:.25em;}
section.calcium>ul>li>dl>dd p{font-size:13px;}
section.calcium>ul>li>dl>dd table{font-size:13px; margin-bottom:.5em;}
section.calcium>ul>li>dl>dd table th{padding:.5em 0;}
section.calcium>ul>li>dl>dd table td{padding:.5em 0;}
section.calcium>ul>li>dl>dd table td ol{padding-left:1em;}
section.calcium>ul>li>dl>dd table td ol li{width:auto; float:none; margin:0 0 1em;}
section.calcium>ul>li>dl>dd table td ol li.last{margin:0;}
section.calcium>ul>li>dl>dd>dl>dt{font-size:15px; margin-bottom:.5em;}
section.calcium>ul>li>dl>dd>dl>dd{padding-left:1em; text-indent:-1em;}
}