@charset "utf-8";

section#visual{height:870px; width:100%; position:relative; overflow:hidden; margin-top:-140px; z-index:1;}
section#visual h2{background:url(/img/bg_visual.png) bottom center no-repeat; position:absolute; z-index:1; bottom:-300px; left:0; width:100%; font-size:0; line-height:0; text-align:center; padding:24px 0 140px;}
section#visual ul{list-style:none; width:100%; position:absolute; top:0;}
section#visual ul li{font-size:0; line-height:0; position:absolute; top:0; left:50%;}
section#visual ul li.first{margin-left:-1748px;}
section#visual ul li.even{margin-left:848px;}
@media screen and (max-width: 640px) {
section#visual{height:auto; margin-top:0;}
section#visual h2{background:none; position:relative; bottom:auto; left:auto; padding:0;}
}

section#blockA{width:960px; margin:-120px auto 0; padding:60px 30px 45px; background:url(/img/bg01.png) top no-repeat; position:relative; z-index:2;}
section#blockA h3{font-size:0; line-height:0; text-align:center; margin-bottom:30px;}
section#blockA ul li{list-style:none; width:440px; float:left; background:#ffd71a url(/img/bg02.png) top no-repeat; padding:17px; position:relative; min-height:26em;}
section#blockA ul li.even{float:right;}
section#blockA ul li h4{font-size:0; line-height:0; text-align:center; margin-bottom:55px;}
section#blockA ul li dt{font-size:0; line-height:0; position:absolute; z-index:1;}
section#blockA ul li.first dt{bottom:15px; left:-90px;}
section#blockA ul li.even dt{bottom:0; left:25px;}
section#blockA ul li dd p{font-size:16px;}
section#blockA ul li.first dd p{margin-left:250px;}
section#blockA ul li dd p.btn{font-size:0; line-height:0; width:320px; height:50px; position:absolute; z-index:2; bottom:22px; left:60px; margin:0 !important;}
section#blockA ul li dd p.btn a{display:block; background:#c1272d; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; border:3px solid #c1272d;}
section#blockA ul li dd p.btn a:hover{background:#ffb503;}
@media screen and (max-width: 640px) {
section#blockA{width:auto; margin:0; padding:0 3%; background:none;}
section#blockA h3 img{display:none;}
section#blockA h3:after{display:inline-block; text-align:left; content:attr(data-ttl); padding:0; font-size:16px; font-weight:normal; line-height:1.5em;}
section#blockA ul li{width:auto; float:none; min-height:1em; margin-bottom:15px;}
section#blockA ul li.even{float:none;}
section#blockA ul li dt{display:none;}
section#blockA ul li dd p{font-size:14px; margin-bottom:1em;}
section#blockA ul li.first dd p{margin-left:0;}
section#blockA ul li dd p.btn{width:auto; height:auto; position:relative; bottom:auto; left:auto; padding:0 10%;}
}

section#blockB{background:url(/img/bg03.jpg) top center no-repeat; padding:65px 0 35px; margin-bottom:30px;}
section#blockB h3{font-size:0; line-height:0; text-align:center; margin-bottom:25px;}
section#blockB ul{list-style:none; width:900px; margin:0 auto;}
section#blockB ul li{width:288px; float:left; margin-right:18px;}
section#blockB ul li.last{margin:0;}
section#blockB ul li dl{border:4px solid #c1272d; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
section#blockB ul li dl dt{font-size:0; line-height:0;}
section#blockB ul li dl dd{position:relative;}
section#blockB ul li dl dd h4{font-size:22px; color:#fff; background:url(/img/bg_contents.png); padding:0.4em .5em; line-height:1em; position:absolute; width:100%; top:-1.8em;}
section#blockB ul li dl dd p{font-size:16px; color:#fff; background:#c1272d; padding:.4em .75em;}
section#blockB ul li a:hover dl{border:4px solid #fff; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
@media screen and (max-width: 640px) {
section#blockB{background:none; padding:30px 0 0; margin-bottom:0;}
section#blockB h3{margin-bottom:15px;}
section#blockB h3 img{display:none;}
section#blockB h3:after{display:inline-block; text-align:left; content:attr(data-ttl); padding:0 0 0 1.5em; font-size:18px; font-weight:normal; line-height:1.5em; background:url(/common/img/lm_logo.png) left no-repeat; background-size:1.25em;}
section#blockB ul{width:auto; padding:0 3% 2.5em;}
section#blockB ul li{width:auto; float:none; margin:0 0 15px;}
section#blockB ul li dl{background:#c1272d;}
section#blockB ul li dl dt{width:40%; float:left;}
section#blockB ul li dl dd{width:60%; float:right;}
section#blockB ul li dl dd h4{font-size:15px; background:none; padding:.5em; position:relative; width:100%; top:auto;}
section#blockB ul li dl dd p{font-size:12px; color:#fff; padding:0 .5em 0 .75em;}
}

div#blockC{width:900px; margin:0 auto; padding-bottom:30px;}
div#blockC>section{width:520px; float:left;}
div#blockC>section h3{font-size:0; line-height:0; text-align:center; margin:0 0 20px;}
div#blockC>section>div{border:1px solid #006abc; background:#e5f0f8; padding:10px;}
div#blockC>section>div a{display:block; background:#006abc; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; padding:.6em 1em .4em; margin:0 0 1em;}
div#blockC>section>div a:hover{background:#004980; text-decoration:none !important;}
div#blockC>section>div dt{font-size:16px; color:#fff; background:url(/common/img/lm02.png) left 40% no-repeat; padding-left:1em; width:8em; float:left;}
div#blockC>section>div dd{font-size:16px; color:#fff; padding-left:8em;}
div#blockC>section>div>div{background:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; padding:.5em 1em; margin:0 0 1em; font-size:16px; height:15.5em; overflow:hidden;}
div#blockC>section>div>div p{line-height:1.5em; padding-bottom:1.5em;}
div#blockC>section>div>div h4{background:#fff3ba; padding:.5em 1.25em; margin-bottom:1em; font-size:18px;}
div#blockC>section>div>div h5{font-size:16px; border-left:5px solid #c1272d; border-bottom:3px double #c1272d; padding:.25em 1em; margin-bottom:1em;}
div#blockC>section>div>div h6{background:#c1272d; padding:.5em 1.25em; margin-bottom:1em; font-size:14px; font-weight:normal; color:#fff;}
div#blockC>section>div>p{font-size:0; line-height:0; text-align:center;}
div#blockC>section>div>p a{display:inline-block; padding:0; margin:0;}
div#blockC>ul{list-style:none; width:350px; float:right;}
div#blockC>ul>li.first{margin-bottom:10px;}
div#blockC>ul>li>dl{position:relative; overflow:hidden;}
div#blockC>ul>li>dl>dt{font-size:0; line-height:0; position:relative; z-index:1;}
div#blockC>ul>li>dl>dd{width:350px; height:210px; position:absolute; top:0; left:0;}
div#blockC>ul>li>dl>dd>a{width:350px; height:210px; position:absolute; top:0; left:0; background:url(/img/mask02.png) 0 0 no-repeat; z-index:2;}
div#blockC>ul>li>dl>dd>a:hover{background:url(/img/mask02.png) 350px 0 no-repeat; text-decoration:none !important;}
div#blockC>ul>li.first>dl>dd>a{background:url(/img/mask01.png) 0 0 no-repeat;}
div#blockC>ul>li.first>dl>dd>a:hover{background:url(/img/mask01.png) 350px 0 no-repeat;}
div#blockC>ul>li>dl>dd>a dt{font-size:28px; font-weight:bold; color:#fff !important; text-align:center; padding:2.25em 0 .75em;}
div#blockC>ul>li>dl>dd>a dd{font-size:0; line-height:0; text-align:center;}
@media screen and (max-width: 640px) {
div#blockC{width:auto; padding:0 3% 30px;}
div#blockC>section{width:auto; float:none;}
div#blockC>section h3 img{display:none;}
div#blockC>section h3:after{display:inline-block; text-align:left; content:attr(data-ttl); padding:0 0 0 1.5em; font-size:18px; font-weight:normal; line-height:1.5em; background:url(/common/img/lm_logo.png) left no-repeat; background-size:1.25em;}
div#blockC>section>div{margin-bottom:20px;}
div#blockC>section>div dt{font-size:13px; width:auto; float:none;}
div#blockC>section>div dd{font-size:13px; padding-left:1em;}
div#blockC>section>div>div{font-size:14px;}
div#blockC>section>div>div h4{font-size:15px;}
div#blockC>section>div>div h5{font-size:14px;}
div#blockC>section>div>div h6{font-size:13px;}
div#blockC>ul{width:auto; float:none;}
div#blockC>ul>li{width:49%; float:right;}
div#blockC>ul>li.first{float:left; margin-bottom:0;}
div#blockC>ul>li>dl>dd{width:100%; height:auto; position:absolute; z-index:3;}
div#blockC>ul>li>dl>dd>a{width:100%; height:auto; position:relative;}
div#blockC>ul>li>dl>dd>a dt{font-size:15px; padding:1.25em 0 .75em; width:100%; text-align:center;}
div#blockC>ul>li>dl>dd>a dd{margin:0 20%;}
}