@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_detail.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.casemeta{ width:50%; padding:30px 0; margin:0 50% 0 0; border-bottom:1px solid #666666; float:left; }
div.casetag{ padding:7px 10px; background-color:#009999; font-size:2em; color:#fff; display:inline; }
div.casemeta h1{ padding-left:10px; font-size:2em; font-weight:normal; display:inline; }


div.casedetail{ width:100%; padding:20px 0 30px; float:left; }
div.casedetail table{ width:100%; font-size:1.2em; text-align:left; float:left; }
div.casedetail table th{ width:15%; text-align:right; font-weight:normal; }
div.casedetail table td{ width:85%; float:left; }

div.caseimgArea{ width:75%; padding:0 12.5%; float:left; }
div#mainImg{ width:100%; text-align:center; float:left; }
div#mainImg img{ max-height:500px; }

ul#imgList{ width:100%; padding:10px 0; display: flex; justify-content:center; float:left; }
ul#imgList li{ width:18%; margin:0 1%; }
ul#imgList li:hover{ cursor:pointer; }


div.back_btn{ width:100%; padding:20px 0; text-align:center; float:left; }

div.back_btn a{ padding:5px 20px; color:#fff; border-radius:5px; background-color:#009999; display:inline-block; text-decoration:none; font-size:1.6em; }
div.back_btn a:hover{ background-color:#64bbbb; }