@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 0; background:#f4f4f4; float:left; }

section#contactIntro{ width:100%; margin-bottom:10px; border-bottom:1px solid #009999; float:left; }
section#form{ width:100%; color:#fff; background:#009999; float:left; }


div.contactIntroArea,
div.formArea{ position:relative; width:1200px; margin:0 auto; }
div.arrowbottom:before{ content: ''; position:absolute; top:0; left:48.5%; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #f4f4f4; }

p.intro{ width:100%; text-align:center; font-size:1.2em; float:left; }


div#infobox{ width:85%; margin:40px 7.5%; text-align:center; background-color:#009999; float:left; }
div.infobox_top{ width:100%; padding:5px 0; font-size:1.4em; font-weight:bold; color:#fff; background-color:#007b7b; float:left; }
div.infobox_left{ width:50%; margin:20px 0; box-sizing: border-box; border-right:1px solid #fff; float:left; }
div.infobox_right{ width:50%; margin:20px 0; float:left; }

div.infobox_left p,
div.infobox_right p{ width:100%; padding-bottom:5px; font-size:1.6em; color:#f0ff00; float:left; }
div.telfax{ width:100%; padding:5px 0; font-size:2.6em; color:#fff; float:left; }
div.telfax a{ color:#fff; text-decoration:none; }



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

	▼ FormAreaの設定

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

div.selectArea{ width:96%; padding:30px 2% 20px; float:left; }

div.selectBox{ width:100%; padding:0 0 30px; float:left; }
div.selectBox p{ width:100%; padding-bottom:5px; font-size:1.6em; color:#f0ff00; text-align:center; float:left; }

div.selectWrap{ width:60%; margin:0 20%; background-color:#fff; color:#000; float:left; }
div.selectWrap ul{ width:100%; float:left; }
div.selectWrap ul li{ width:20%; padding:7px 0; text-align:center; float:left; }
.radio{ position:relative; top:1px; margin-right:3px; }


div.formtext{ width:65%; padding:15px 15% 15px 20%; font-size:1.4em; float:left; }


table.formTable{ width:90%; padding:0 5%; text-align:left; float:left; }
table.formTable th{ width:18%; padding:20px 0; font-size:1.2em; font-weight:bold; float:left; }
table.formTable td{ width:82%; margin:10px 0;  border:1px solid #fff; box-sizing: border-box; float:right; }
table.formTable td select{ font-size:1.2em; }
table.formTable td input{ width:100%; font-size:1.2em; padding:10px 1%; border:1px solid #777; box-sizing: border-box; }
table.formTable td input.radio{ width:10px; }
table.formTable td ul{ width:100%; float:left; }
table.formTable td ul li{ width:50%; padding-bottom:5px; float:left; }
table.formTable td input.checkbox{ width:10px; }
table.formTable td textarea{ width:100%; font-size:1.2em; padding:3px 1%; border:1px solid #777; box-sizing: border-box; }
table.formTable td.align_center{ text-align:center; }


table.formTable2{ width:90%; padding:0 5%; text-align:left; float:left; }
table.formTable2 th{ width:18%; margin:20px 0; font-size:1.2em; font-weight:bold; float:left; }
table.formTable2 td{ width:82%; margin:10px 0;  border:1px solid #fff; box-sizing: border-box; float:right; }
table.formTable2 td input.radio{ width:10px; }
table.formTable2 td input{ width:100%; font-size:1.2em; padding:10px 1%; border:1px solid #777; box-sizing: border-box; }
table.formTable2 td div.input50{ width:50%; float:left; }

div.jobtype{ width:50%; margin:8px 0; font-size:1.2em; float:left; }
div.jobtype span{ display:block; width:20%; text-align:center; box-sizing: border-box; border-right:1px solid #fff; float:left; }
div.jobtype ul{ width:80%; float:left; }
div.jobtype ul li{ width:33%; text-align:center; float:left; }

p.btn{ width:100%; padding:20px 0 10px; float:left; }
p.btn button{ width:200px; padding:10px 0; margin-bottom:10px; background:#999999; border:1px solid #999999; box-sizing:border-box; color:#fff; cursor:pointer; }
p.btn button:hover{ border:1px solid #fff; background-color:#009999; }
div.backbtn{ width:100%; padding:50px 0; float:left; }
div.backbtn a{ width:200px; margin:0 auto; padding:10px 0; background:#999999; border:1px solid #999999; box-sizing:border-box; color:#fff; text-decoration:none; display:block; }
div.backbtn a:hover{ border:1px solid #009999; background-color:#009999; }