@charset "UTF-8";

/*--- ▼common、baseファイル読み込み ------*/
@import url("./common/common.css");
@import url("./common/base.css");





/*------------------------------------------------------------

	▼h2設定

------------------------------------------------------------*/

div#contentWrap>h2{ width:100%; min-width:1200px; height:200px; line-height:200px; background-image:url("../img/case/tit_bg.jpg"); background-repeat:no-repeat; background-position: center center; font-size:3em; font-weight:normal; text-align:center; color:#fff; float:left; }


/*------------------------------------------------------------

	▼ class section_wrap wrap_gray　などの設定

------------------------------------------------------------*/

section.sectionWrap{ width:100%; padding:30px 0; float:left; }
div.caseArea { width:1200px; margin:0 auto; }

div.caseArea h3{ width:40%; padding:30px 10%; margin:0 20%; text-align:center; font-size:2em; font-weight:normal; color:#333; border-bottom:1px solid #666666; float:left; }
p.intro{ width:100%; text-align:center; padding:10px 0 30px; font-size:1.2em; float:left; }


div.caseBox{ width:32%; margin:20px 0.5% 10px 0.5%; float:left; }
div.casePhoto{ position:relative; width:100%; height:290px; float:left; }
div.casePhoto a{ width:100%; display:block; float:left; }
div.casePhoto a:hover::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 98%; display: block; border-bottom: 5px solid #009999; }
div.casePhoto span{ position:absolute; top:0; left:0; padding:15px; color:#fff; background-color:#009999; }

div.caseInfo{ position:relative; width:98%; padding:0 1%; float:left; }

div.caseInfo h4{ width:100%; padding:7px 0; font-size:1.2em; border-bottom:1px solid #ccc; float:left; }
div.caseInfo p{ width:100%; padding:7px 0; float:left; }

div.caseInfoBtn{ position:absolute; right:3px; top:50px; }
div.caseInfoBtn a{ padding:5px 20px; color:#fff; border-radius:15px; background-color:#009999; display:block; text-decoration:none; }
div.caseInfoBtn a:hover{ background-color:#64bbbb; }