@charset "utf-8";


/* contents */
/* -------------------------------------------------------- */
#mainContents {width:960px; line-height:1.6; text-align:left; color:#333; margin:0 auto 20px; padding:15px 0 0 0;}

#mainContents .main {width:720px; float:left;}
#mainContents .side {width:210px; float:right; margin: 0 0 60px;}

#mainContents a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;}
#mainContents .sNav .nav1 li a:hover img,
#mainContents .sNav .nav1 li.on a img{
	filter: alpha(opacity=00);
	opacity: 0;}


/* parts */
/* -------------------------------------------------------- */

.b {font-weight:bold !important;}
.le {text-align:left !important;}
.ri {text-align:right !important;}
.cen {text-align:center !important;}
.ri img,
.cen img {display:inline; vertical-align:top;}
.inline img,
img.inline {display:inline; vertical-align:middle !important;}

.f10 {font-size:1em !important;}
.f11 {font-size:1.1em !important;}
.f12 {font-size:1.2em !important;}
.f13 {font-size:1.3em !important;}
.f14 {font-size:1.4em !important;}
.f15 {font-size:1.5em !important;}
.f16 {font-size:1.6em !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}

.co1 {color:#f00;}

.auto {width:auto !important;}
.w100 {width:100%;}

.lBlock {float:left;}
.rBlock {float:right;}


/* link */
a:link,
a:visited,
a:active {color:#018538; text-decoration:underline;}
a:hover {color:#018538; text-decoration:none;}


/* txt */
.ttlStyle1 {margin:10px 0 30px;}

.ttlStyle2 {font-size:1.4em; font-weight:bold; margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:dotted 1px #cdcdcd;}

.ttlStyle3 {margin:0 0 18px;}
.ttlStyle3 span {font-size:2.2em; color:#008538; margin:0 5px 0 0;}

.ttlStyle4 {margin:0 0 24px;}

.ttlStyle5 {font-size:1.4em; font-weight:normal; margin:0 0 12px 0; padding:6px 5px 6px 10px; background:#eee;}
.ttlStyle5 span {font-weight:bold;}

.ttlStyle5_red {font-size:1.4em; font-weight:normal; margin:0 0 12px 0; padding:6px 5px 6px 10px; background:#eee;}
.ttlStyle5_red span {font-weight:bold; color:red; padding:0 4px 0 4px;}

.ttlStyle6 {margin:0 0 9px;}
.ttlStyle6 span {font-size:1.8em; font-weight:bold; color:#f00;position: relative; top: 7px;padding: 0 0 0 10px;}

.ttlStyle7 {margin:0 0 18px; padding:0 0 10px; border-bottom:dotted 1px #ccc;}
.ttlStyle7 span {font-weight:bold; color:#008538;}

.ttlStyle_bumon1 { border:1px dotted #666666; background-color:#FFA500; color:#000000; font-size:14px; padding:4px 8px; 4px 8px; margin-bottom:5px; }

/* list */
ul.discList li {list-style-type:disc; margin-left:1.5em;}

ul.discList_or li {list-style-type:square; margin-left:0.7em; padding-bottom:6px; color:#FFA500;}
ul.discList_or li span {color:#000000; }

ul.txtList1 {margin-left:1.2em;}
ul.txtList1 li {width:100%; position:relative;}
ul.txtList1 li span {position:absolute; top:0; left:-1.2em;}

.listStyle1 li {margin:0 0 25px 0; padding:0 0 25px 0; border-bottom:dotted 1px #cdcdcd;}
.listStyle1 .ttl {font-size:1.6em; font-weight:bold; margin:0 0 10px 0;}
.listStyle1 .txt {font-size:1.4em; margin:0 0 10px 0;}

.listStyle2 {font-size:1.6em; font-weight:bold; margin:0 0 35px 0;}
.listStyle2 li {margin:0 0 30px 0; padding:0 0 28px 0; border-bottom:dotted 1px #ccc;}
.listStyle2 li.lst {margin:0; padding:0; border-bottom:0;}
.listStyle2 li img {vertical-align:middle;}

.listStyle3 li {width:280px; float:left;}
.listStyle3 .bnr {margin:0 0 5px 0;}
.listStyle3 .txt {font-size:1.2em;}

.listStyle4 {list-style-type:none; margin:0;}


/* table */
table.fix {table-layout:fixed !important;}
table .le {text-align:left !important;}
table .cen {text-align:center !important;}
table .ri {text-align:right !important;}
table .top {vertical-align:top !important;}
table .middle {vertical-align:middle !important;}
table .bottom {vertical-align:bottom !important;}
table .now {white-space:nowrap !important;}

.table1 {width:100%;}
.table1 th,
.table1 td {font-size:1.4em; text-align:left; vertical-align:middle; padding:12px 10px 12px 12px; border:solid 1px #ddd; color:#000000; }
.table1 th {font-weight:bold; background:#f5f5f5;}
.table1 .txt1 dd {margin-left:1em;}
.table1 table {width:auto;}
.table1 table th,
.table1 table td {font-size:1em; text-align:left; vertical-align:middle; padding:0; background:0; border:0; color:#000000;}
.table1 table th {font-weight:normal; padding-right:15px;}

.table2 {width:650px;}
.table2 th,
.table2 td {text-align:left; vertical-align:middle; padding:0 0 20px 0;}
.table2 th {width:200px; background:url(../images/parts/arrow_02.gif) no-repeat center bottom;}
.table2 th p {font-size:1.6em; line-height:1.4; text-align:center; color:#008538; padding:14px 0; background:#f7fbec; border:solid 1px #e5f3be;}
.table2 th strong {font-size:1.2em; font-weight:bold;}
.table2 td {font-size:1.4em; padding-left:20px;}
.table2 tr.lst th,
.table2 tr.lst td {padding-bottom:0; background:none;}
.table2 .txt1 dd {margin-left:1em;}


/* box */
.boxStyle1 {margin:0 0 40px 0; padding:9px; background:url(../images/parts/bg_03.gif);}
.boxStyle1 .inr {padding:18px 20px; background:#fff;}
.boxStyle1 .inr table {border:noe;}
.boxStyle1 .inr table td {border:1px dotted #4BAB6E;padding:7px;font-size:13px;}
.boxStyle1 p {font-size:1.4em;}


/* clear */
.cfix:after {content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
.cfix {display:inline-block;}
/* no ie mac \*/
* html .cfix {height:1%;}
.cfix {display:block;}
/* */



/* side */
/* -------------------------------------------------------- */
.sNav {width:210px;}
.sNav .inr {border: 1px solid #DDD;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;border-top: none;}
.sNav .nav1 {font-weight:bold; font-size:1.4em; line-height:1.2;}
.sNav .nav1 li {border-bottom: 1px dotted #CCC; line-height: 1;}
.sNav .nav1 li.navList01 {background: url(../images/parts/nav01_over.gif) no-repeat 0 0;}
.sNav .nav1 li.navList02 {background: url(../images/parts/nav02_over.gif) no-repeat 0 0;}
.sNav .nav1 li.navList03 {background: url(../images/parts/nav03_over.gif) no-repeat 0 0;}
.sNav .nav1 li.navList04 {background: url(../images/parts/nav04_over.gif) no-repeat 0 0;}
.sNav .nav2 {font-size:1.4em; line-height:1.2; margin:0 1px; padding:12px 0 4px; border-bottom:dotted 1px #cdcdcd;}
.sNav .nav2 li {padding:0 5px 10px 25px; background:url(../images/parts/s_arrow_02.gif) no-repeat 10px .1em;}
.sNav .nav2 a:link,
.sNav .nav2 a:visited,
.sNav .nav2 a:active {color:#333; text-decoration:none;}
.sNav .nav2 a:hover {color:#333; text-decoration:underline;}
.sNav .nav2 li.on a,
.sNav .nav2 li.on a:hover {font-weight:bold; color:#008538; text-decoration:none;}
.sNav .lst {border-bottom:0;}



/* index */
/* -------------------------------------------------------- */
.topImage {margin:0 0 20px 0; position:relative; left:-5px;}

.topBlock1 {margin:0 0 25px 0;}
.topBlock1 .inr1 {width:244px; float:left;}
.topBlock1 .inr2 {width:244px; float:left;}
.topBlock1 .inr3 {width:232px; float:left;}
.topBlock1 .inr4 {width:232px; float:right;}
.topBlock1 .ttl {margin:4px 0 7px;}
.topBlock1 .txt {font-size:1.1em; line-height:1.6;}

.topBlock2 {margin:0 0 30px 0;}
.topBlock2 .ttl {margin:0 0 5px 0;}
.topBlock2 .btn {width:100%; height:129px; background:url(../images/parts/bg_01.gif) no-repeat left top; position:relative;}
.topBlock2 .btn li {position:absolute; top:28px;}
.topBlock2 .btn li.btn1 {width:428px; left:30px;}
.topBlock2 .btn li.btn2 {width:224px; left:473px;}
.topBlock2 .btn li.btn3 {width:224px; left:710px;}

.topBlock3 {}
.topBlock3 .ttl {margin:0 0 5px 0;}
.topBlock3 .inr1 {width:960px;}
.topBlock3 .inr1 td {text-align:left; vertical-align:top; background:url(../images/parts/bg_02.gif) repeat-y left top; border-top:solid 3px #028539; border-bottom:dotted 1px #ccc;}
.topBlock3 .inr1 td.cell1 {width:470px; padding:22px 0 10px 0;}
.topBlock3 .inr1 td.cell2 {background:none; border:0; overflow:hidden;}
.topBlock3 .inr1 td.cell3 {height:20px; background:none; border:0; overflow:hidden;}
.topBlock3 .inr2 {margin:0 10px 0 20px;}
.topBlock3 .inr2 .ttl {font-size:1.6em; font-weight:bold; line-height:1; padding:2px 0 5px 25px; background-repeat:no-repeat; background-position:0 0;}
.topBlock3 .inr2 .icon1 {background-image:url(../images/parts/icon_01.gif);}
.topBlock3 .inr2 .icon2 {background-image:url(../images/parts/icon_02.gif);}
.topBlock3 .inr2 .icon3 {background-image:url(../images/parts/icon_03.gif);}
.topBlock3 .inr2 .icon4 {background-image:url(../images/parts/icon_04.gif);}
.topBlock3 .inr2 .icon5 {background-image:url(../images/parts/icon_05.gif);}
.topBlock3 .inr2 .list {font-size:1.4em;}
.topBlock3 .inr2 .list li {padding:0 0 4px 25px; background:url(../images/parts/arrow_01.gif) no-repeat 0 2px;}
.topBlock3 .inr2 .list a:link,
.topBlock3 .inr2 .list a:visited,
.topBlock3 .inr2 .list a:active {color:#333; text-decoration:none;}
.topBlock3 .inr2 .list a:hover {color:#333; text-decoration:underline;}
.topBlock3 .inr3 {width:960px; background:url(../images/parts/bg_02b.gif) repeat-y left top;}
.topBlock3 .inr3 .inr {width:100%; background:url(../images/parts/bg_02a.gif) no-repeat left top;}
.topBlock3 .inr3 .inr .inr {width:100%; padding:22px 0 32px 0; background:url(../images/parts/bg_02c.gif) no-repeat left bottom;}
.topBlock3 .inr3 .lBlock {width:470px;}
.topBlock3 .inr3 .rBlock {width:470px;}
.topBlock3 .inr3a {width:100%; padding:22px 0 0 0; background:url(../images/parts/bg_02a.gif) no-repeat left top;}
.topBlock3 .inr3b {width:100%; padding:22px 0 32px 0; background:url(../images/parts/bg_02c.gif) no-repeat left bottom;}
.topBlock3 .inr3c {width:100%; padding:0 0 32px 0; background:url(../images/parts/bg_02c.gif) no-repeat left bottom;}


/* project_story */
/* -------------------------------------------------------- */
#projectStory .ttlStyle1 {margin: 10px 0 24px;}
#projectStory .co1 {color:#FD741D;}
#projectStory .co2 {color:#008538;}
#projectStory .co3 {color:#006CD8;}
#projectStory .co4 {color:#FF3F00;}
#projectStory .co5 {color:#A54CFF;}
#projectStory .co6 {color:#FF2626;}
#projectStory .boxStyle1 .inr {padding:30px; background:#fff;}

#projectStory .photo01Box {margin-bottom:15px; width:100%; overflow:hidden;}
#projectStory .photo01Box .photo {width:262px; height:176px; background:url(../images/project_story/photo_01_bg.jpg) no-repeat 0 0; float:left;}
#projectStory .photo01Box .photo img {padding:6px 0 0 6px;}
#projectStory .photo01Box .txt {width:380px; font-size:1.4em; float:left;}
#projectStory .photo01Box .txt .person {font-size:1.7em;}

#projectStory .photo02BoxWrap { width:100%; overflow:hidden;}
#projectStory .photo02BoxWrap .photo02Box {margin-right:28px; width:195px; float:left;}
#projectStory .photo02BoxWrap .last {margin-right:0; float:right;}
#projectStory .photo02BoxWrap .photo02Box .photo {width:195px; height:156px; background:url(../images/project_story/photo_02_bg.jpg) no-repeat 0 0;}
#projectStory .photo02BoxWrap .photo02Box .photo img {padding:6px 0 0 6px;}
#projectStory .photo02Box .txt {width:195px; font-size:1.4em;}
#projectStory .photo02Box .txt div {padding-bottom:5px;}
#projectStory .photo02Box .txt span {font-size:0.9em;}
#projectStory .photo02Box .txt .person {font-size:1.4em;}

#projectStory .boxTxt {width:640px; overflow:hidden; padding:25px 30px 15px 30px; background:#fff; font-size:1.4em; color:#333; line-height:1.4;}

#projectStory .qBox {margin:10px 0 20px 0; padding:10px 10px 5px; background:#eee;
font-size:1.6em; font-weight:bold; clear:both;}
#projectStory .interviewBox {font-size:1.4em; clear:both;}
#projectStory .interviewBox .txt {width:498px;}
#projectStory .interviewBox dl {margin-bottom:15px; width:100%; overflow:hidden; clear:both;}
#projectStory .interviewBox dt {width:50px; float:left;}
#projectStory .interviewBox .txt dt {width:50px;}
#projectStory .interviewBox dd {width:665px; float:left;}
#projectStory .interviewBox .txt dd {width:440px;}


/* company */
/* -------------------------------------------------------- */
#companyP .ttlStyle1 { margin:10px 0 24px;}
#companyP #subNavi {height:70px; margin-bottom:40px;}
#companyP #subNavi li {float: left;}
#companyP p {display:block; font-size:1.4em;}

#companyP .mapInfo { margin-bottom:35px;}
#companyP .mapInfo .inner {width:215px; float:left; margin-right:37px;}
#companyP .mapInfo .last {margin-right:0; float:right;}
#companyP .mapInfo .inner .num {overflow:hidden; margin-bottom:12px;}
#companyP .mapInfo .inner p {clear:both;}

#companyP .inner2 { clear:both;}
#companyP .inner2 .w01 {width:270px;}
#companyP .inner2 .w02 {width:450px;}

#companyP .personBox {width:452px; float:right;}
#companyP .personBox .baloon {padding:10px 20px 10px 15px; background:#F3F8E2; font-size:1.4em; letter-spacing:0.05em;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#companyP .baloonBox {width:609px; float:right; background:url(../images/company/baloon.jpg) no-repeat 0 18px;}
#companyP .baloonBox .baloon { padding:10px 20px 10px 15px; background:#F3F8E2; font-size:1.4em; letter-spacing:0.05em;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 18px 0 0 19px;
}
#companyP .baloonBox2 {width:609px; float:right; background:url(../images/company/baloon.jpg) no-repeat 0 9px;}
#companyP .baloonBox2 .baloon {
	margin: 9px 0 0 19px;
}

#companyP .seeBox01 {width:350px; height:149px; background:url(../images/company/see_bg_01.jpg) no-repeat 0 0;}
#companyP .seeBox02 {width:350px; height:127px; background:url(../images/company/see_bg_02.jpg) no-repeat 0 0;}
#companyP .seeBox01 .ttl,
#companyP .seeBox02 .ttl {text-align:center; padding:19px 0 15px;}
#companyP .seeBox01 p,
#companyP .seeBox02 p {padding:0 15px 0 20px;}


/* stuff Index*/
/* -------------------------------------------------------- */
#stuffIndex .ttlStyle1{margin: 10px 0 25px;}
#stuffIndex .co2 {color: #008538;}
#stuffIndex img.bor {border: 1px solid #ddd;}
#stuffIndex #qBox {margin-bottom: 40px; padding: 15px 25px; width: 670px; background: url(../images/staff/q_bg_01.jpg) repeat-y 0 0; font-size:1.4em;border-top: 3px solid #028538;}
#stuffIndex #qBox ul {overflow: hidden;}
#stuffIndex #qBox li {padding: 2px 0;}
#stuffIndex .catWrap {margin-bottom: 50px; clear: both;background: url(../images/staff/bg_staff.gif) repeat-y 0 0;}
#stuffIndex .catWrap h3 {float: left;}
#stuffIndex .catInWrap {width: 650px; overflow: hidden; float: right;}
#stuffIndex .catInWrap .last {margin-bottom: 0;}
#stuffIndex .catIn {margin-bottom: 30px; clear: both;}
#stuffIndex .catIn .catBox {margin: 0 26px 0 0; width: 310px; float: left;}
#stuffIndex .catIn .last {margin-right: 0;}

#stuffIndex .catIn .catBox .h01 {height:31px;}
#stuffIndex .catIn .catBox .h02 {height:50px;}
#stuffIndex .catIn .catBox .h03 {height:12px;}
#stuffIndex .catIn .catBox .baloon {width:290px; padding:10px 10px 30px 10px; background:#F3F8E2 url(../images/staff/baloon_bg.jpg) no-repeat 0 bottom; font-size:1.2em; letter-spacing:0.05em;
-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
border-radius: 5px;
}

#stuffIndex .catIn .catBox .photo {width: 140px; height: 150px; background: url(../images/staff/photo_bg.jpg) no-repeat 0 0; float: left;}
#stuffIndex .catIn .catBox .photo img {margin: 5px 0 0 5px; width:130px; height:130px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#stuffIndex .catIn .catBox .txt {width: 155px; float: left; margin-left:15px;}
#stuffIndex .catIn .catBox .txt .person {font-size: 1.8em; font-weight: bold;}
#stuffIndex .catIn .catBox .txt .position {font-size: 1.2em; font-weight: bold; margin-bottom:10px;}


/* staff popup */
#popup {
	width: 840px;
	margin: 24px auto 30px;
}
#popup.doboku {
	background: url(../images/staff/bg_doboku.gif) no-repeat right top;
}
#popup.info {
	background: url(../images/staff/bg_info.gif) no-repeat right top;
}
#popup.env {
	background: url(../images/staff/bg_env.gif) no-repeat right top;
}
#popup.geo {
	background: url(../images/staff/bg_geo.gif) no-repeat right top;
}
#popup.manage {
	background: url(../images/staff/bg_manage.gif) no-repeat right top;
}
#popup .cf {
	margin: 0 0 30px;
}
#popup .name {
	margin: 6px 0 0;
	position: relative;
}
#popup .name h1 {
	font-size: 2.8em;
	font-weight: bold;
	line-height: 1;
	padding: 38px 0 14px 170px;
}
#popup .name p {
	font-size: 1.4em;
	line-height: 1.4;
	padding: 0 0 75px 170px;
}
#popup .name .img {
	position: absolute;
	left: 0;
	top: 0;
}
#popup .name p span {
	font-weight: bold;
	display: block;
}
#popup dl {
	width: 410px;
	float: left;
}
#popup dl.even {
	float: right;
}
#popup dl dd {
	margin: 15px 10px 0;
	font-size: 1.4em;
	line-height: 1.6;
}
#popup .close {
	text-align: center;
	padding: 10px 0 30px;
}
#popup .close img{
	cursor: pointer;
}

/* img hide */
.topImg01 img {
	background: url(../images/top/ttl_01_img.jpg) no-repeat 0 0;
}
.topImg02 img {
	background: url(../images/top/ttl_03_img.jpg) no-repeat 0 0;
}
.companyImg01 img {
	background: url(../images/company/per_photo_01.jpg) no-repeat 0 0;
}
.companyImg02 img {
	background: url(../images/company/per_photo_02.jpg) no-repeat 0 0;
}
.companyImg03 img {
	background: url(../images/company/per_photo_03.jpg) no-repeat 0 0;
}
.projectImg01 img {
	background: url(../images/project_story/photo_01_01.jpg) no-repeat 6px 6px;
}
.projectImg02 img {
	background: url(../images/project_story/photo_01_01.jpg) no-repeat 6px 6px;
}
.projectImg02 img {
	background: url(../images/project_story/photo_01_02.jpg) no-repeat 6px 6px;
}
.projectImg03 img {
	background: url(../images/project_story/photo_02_01.jpg) no-repeat 6px 6px;
}
.projectImg04 img {
	background: url(../images/project_story/photo_02_02.jpg) no-repeat 6px 6px;
}
.projectImg05 img {
	background: url(../images/project_story/photo_02_03.jpg) no-repeat 6px 6px;
}
.projectImg06 img {
	background: url(../images/project_story/photo_03_01.jpg) no-repeat 6px 6px;
}
.projectImg07 img {
	background: url(../images/project_story/photo_03_02.jpg) no-repeat 6px 6px;
}
.projectImg08 img {
	background: url(../images/project_story/photo_04_01.jpg) no-repeat 6px 6px;
}
.projectImg09 img {
	background: url(../images/project_story/photo_04_02.jpg) no-repeat 6px 6px;
}
.projectImg10 img {
	background: url(../images/project_story/photo_03_03.jpg) no-repeat 6px 6px;
}
.staffImg img {
	background: url(../images/staff/main_ttl.jpg) no-repeat 0 0;
}
.staffImg01 img {
	background: url(../images/staff/photo_01_01.jpg) no-repeat 0 0;
}
.staffImg02 img {
	background: url(../images/staff/photo_01_02.jpg) no-repeat 0 0;
}
.staffImg03 img {
	background: url(../images/staff/photo_01_03.jpg) no-repeat 0 0;
}
.staffImg04 img {
	background: url(../images/staff/photo_01_04.jpg) no-repeat 0 0;
}
.staffImg05 img {
	background: url(../images/staff/photo_01_05.jpg) no-repeat 0 0;
}
.staffImg06 img {
	background: url(../images/staff/photo_01_06.jpg) no-repeat 0 0;
}
.staffImg07 img {
	background: url(../images/staff/photo_01_07.jpg) no-repeat 0 0;
}
.staffImg08 img {
	background: url(../images/staff/photo_01_08.jpg) no-repeat 0 0;
}
.staffImg09 img {
	background: url(../images/staff/photo_01_09.jpg) no-repeat 0 0;
}
.staffImg10 img {
	background: url(../images/staff/photo_02_01.jpg) no-repeat 0 0;
}
.staffImg11 img {
	background: url(../images/staff/photo_02_02.jpg) no-repeat 0 0;
}
.staffImg12 img {
	background: url(../images/staff/photo_03_01.jpg) no-repeat 0 0;
}
.staffImg13 img {
	background: url(../images/staff/photo_03_02.jpg) no-repeat 0 0;
}
.staffImg14 img {
	background: url(../images/staff/photo_04_01.jpg) no-repeat 0 0;
}
.staffImg15 img {
	background: url(../images/staff/photo_05_01.jpg) no-repeat 0 0;
}
.staffImg16 img {
	background: url(../images/staff/photo_05_02.jpg) no-repeat 0 0;
}
.popupImg01 img {
	background: url(../images/staff/staff01.jpg) no-repeat 0 0;
}
.popupImg02 img {
	background: url(../images/staff/staff02.jpg) no-repeat 0 0;
}
.popupImg03 img {
	background: url(../images/staff/staff03.jpg) no-repeat 0 0;
}
.popupImg04 img {
	background: url(../images/staff/staff04.jpg) no-repeat 0 0;
}
.popupImg05 img {
	background: url(../images/staff/staff05.jpg) no-repeat 0 0;
}
.popupImg06 img {
	background: url(../images/staff/staff06.jpg) no-repeat 0 0;
}
.popupImg07 img {
	background: url(../images/staff/staff07.jpg) no-repeat 0 0;
}
.popupImg08 img {
	background: url(../images/staff/staff08.jpg) no-repeat 0 0;
}
.popupImg09 img {
	background: url(../images/staff/staff09.jpg) no-repeat 0 0;
}
.popupImg10 img {
	background: url(../images/staff/staff10.jpg) no-repeat 0 0;
}
.popupImg11 img {
	background: url(../images/staff/staff11.jpg) no-repeat 0 0;
}
.popupImg12 img {
	background: url(../images/staff/staff12.jpg) no-repeat 0 0;
}
.popupImg13 img {
	background: url(../images/staff/staff13.jpg) no-repeat 0 0;
}
.popupImg14 img {
	background: url(../images/staff/staff14.jpg) no-repeat 0 0;
}
.popupImg15 img {
	background: url(../images/staff/staff15.jpg) no-repeat 0 0;
}
.popupImg16 img {
	background: url(../images/staff/staff16.jpg) no-repeat 0 0;
}
.messageImg img {
	background: url(../images/message/img_01.jpg) no-repeat 0 0;
}

/* ::::::::::::::::::::::::::::::::::
	December 2015 Recruit Renewal
::::::::::::::::::::::::::::::::::: */
body{font-size:100%}
body *{box-sizing:border-box}
body>iframe{display:none}
.main-contents a{color:inherit!important;text-decoration:none}
.main-contents a:hover img{opacity:.7}
.list-01{text-align:center;font-size:0}
.list-01>li{display:inline-block;font-size:initial;vertical-align:top}
.list-01.half>li{width:50%}
.arrow-right-01:before{font-family:FontAwesome;content:"\f061";color:#047d30;margin-right:5px}
.angle-right-01:before{font-family:FontAwesome;content:"\f105";color:#047d30;margin-right:5px}
.angle-right-02:before{font-family:FontAwesome;content:"\f105\f105";color:#047d30;margin-right:5px}
a.button-01{display:block;background:#8BC34A;color:#fff!important;padding:10px 0;font-size:15px}
a.button-01.arrow-right-01:before{color:#fff}
a.button-01:hover{opacity:.8}
a.button-01b{background:#FFC107}
.b-bottom-01{border-bottom: 1px dotted #ccc}
.balloon-2-bottom{position:relative;display:inline-block;padding:0 15px;width:auto;width:100%;background:#F3F8E2;z-index:0;}
.balloon-2-bottom:after{content:"";position:absolute;bottom:-10px; left:50%;margin-left:-10px;display:block;width:0px;height:0px;border-style:solid;border-width:10px 10px 0 10px;border-color:#F3F8E2 transparent transparent transparent;}
.circle{border-radius:50%}
.border-stripe-01{background:#eee url(/recruit/images/common/bg-stripe-01.png);padding:10px}
.border-stripe-01>*{background:#fff;padding:10px}
.table{display:table;width:100%}
.table>div,.table>li{display:table-cell}
.fixed{table-layout:fixed}
.table.fixed{table-layout:fixed}
.table-01.tl-auto{table-layout:auto}
table.table-01{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
table.table-01 th,table.table-01 td{padding:15px;box-shadow:0px -1px 0px #eee inset;border-bottom:#fff solid 1px;vertical-align:top}
table.table-01 th{border-left:3px solid #8BC34A;border-right:1px solid #ddd;background:#F7FBEC;font-weight:normal}
table.table-01 td{background:#fafafa;border-left:2px solid #fff}
table.table-01 tr:last-child th,table.table-01 tr:last-child td{border-bottom:0;box-shadow:none}

table.table-02{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
table.table-02 th,table.table-02 td{padding:15px;box-shadow:0px -1px 0px #eee inset;border-bottom:#fff solid 1px;vertical-align:top}
table.table-02 th{border-top:3px solid #8BC34A;border-left:2px solid #fff;background:#F7FBEC;font-weight:normal}
table.table-02 td{background:#fafafa;border-left:2px solid #fff}
table.table-02 tr:last-child th,table.table-02 tr:last-child td{border-bottom:0;box-shadow:none}

table.table-03{width:100%;border-collapse:collapse;border-spacing:0;table-layout:auto;}
table.table-03 th,table.table-03 td{padding:10px;box-shadow:0px -1px 0px #eee inset;border-bottom:#fff solid 1px;vertical-align:top}
table.table-03 th{border-top:3px solid #8BC34A;border-left:2px solid #fff;background:#F7FBEC;font-weight:bold:}
table.table-03 td{background:#fafafa;border-left:2px solid #fff; text-align:left;}
table.table-03 tr:last-child th,table.table-03 tr:last-child td{border-bottom:0;box-shadow:none}

.column-01{display:table;width:100%;table-layout:fixed}
.column-01>li,.column-01>div{display:table-cell}
.relative{position:relative}
.absolute{position:absolute}
.fl{float:left}
.fr{float:right}
.txt-center{text-align:center}
.txt-left{text-align:left}
.txt-right{text-align:right}
a.underline{text-decoration:underline}
a.underline:hover{text-decoration:none}
.va-t{vertical-align:top}
.va-m{vertical-align:middle}
.va-b{vertical-align:bottom}
.bold{font-weight:bold}
.large{font-size:18px}
.italic{-webkit-transform: skewX(-15deg);-moz-transform: skewX(-15deg);-o-transform: skewX(-15deg);transform: skewX(-15deg);-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.26794919243112214, M21=0, M22=1, SizingMethod='auto expand')"}
#header{max-width:960px;width:95%}
#gnav{max-width:974px;width:95%}
#toggle{width:24px}
#main{max-width:960px;width:95%}
#mainContents{max-width:960px;width:100%}
#footer .inner,#footer .btm-inner{max-width:960px;width:95%;padding:0;font-size:13px}
#footer .btm-area{font-size:12px}
#footer .pagetop{top:-21px}
#header{display:table}
.logo,.search,.contact{display:table-cell;vertical-align:top}
#header .logo{width:311px}
#header .search {float:none;width:initial;font-size:10px}
.search{text-align:right}
.contact{text-align:center}
#gnav{padding:5px 0;background-image:none;background:}
#gnav ul{border:1px solid #fff;border-radius:5px;overflow:hidden;padding:0;margin:0 7px;font-size:0;text-align:center;background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 50%, #efefef 100%);background: -webkit-linear-gradient(top,  #ffffff 50%,#efefef 100%);background: linear-gradient(to bottom,  #ffffff 50%,#efefef 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );box-shadow:0 0 10px rgba(0,0,0,.2)}
#gnav ul li{display:inline-block;width:16%;width:calc( 100% / 6 - 1px);height:42px;float:none}
#gnav a{font-size:14px;font-weight:bold;display:block;color:inherit;text-decoration:none;height:42px;line-height:42px;position:relative}
#gnav a:hover{height:39px;line-height:42px;border-bottom:3px solid #068538}
#gnav li.on a,#gnav li.on a:hover{height:42px;line-height:42px;background:#068538;color:#fff}
#gnav a:after{content:"";background:rgba(0,0,0,.2);width:1px;top:13px;bottom:13px;left:0;position:absolute}
#gnav li:first-child a:after{background:none}
#gnav li:last-child{border-radius: 0 3px 3px 0}
#gnav img{width:100%;height:auto}
.left-column{float:left;width:73%}
.right-column{float:right;width:23%;margin-bottom:100px}
.right-column a{color:inherit;text-decoration:none}
.right-column>div{border:#ccc solid 1px;border-radius:5px}
.right-column>div#sNav{width:100%}
.right-column h2{background:#047d30;color:#fff;display:block;font-size:18px;margin:-1px;border:#047d30 1px solid;border-radius:5px 5px 0 0}
.right-column h2 a{display:block;padding:5px 0;text-align:left;text-indent:15px}
.right-column h3{font-size:14px;display:block;text-align:center;background:#F7FBEC url(/recruit/images/common/bg-stripe-01.png);padding:10px 0}
.right-column ul{font-size:14px}
.right-column li{border-bottom:dotted 1px #ccc;text-indent:-.7em;padding-left:.7em}
.right-column ul:last-child li:last-child{border:0}
.right-column li a{padding:10px;display:block}
.right-column li a:hover,.right-column li.on a{color:#018538;font-weight:bold}
.main-visual,.main-contents{margin-bottom:50px}
h2{font-size:20px;padding:5px 0;margin-bottom:10px;color:#4d4d4d;letter-spacing:10px}
h2.tape{display:block;background:#F7FBEC url(/recruit/images/common/bg-stripe-01.png);border-left:#047d30 solid 3px}
.side-line{text-align:center;border-top:1px solid;border-color:inherit;margin-top:19px;z-index:1}
.side-line>span{background:#fff;padding:0 5px;position:relative;top:-20px;z-index:2}
h4.side-line>span{top:-12px}
#sNav h2{text-align:center}
h3{font-size:16px;font-weight:bold}

h3.ttl {
  font-size: 16px;
  font-weight: bold;
  border-left: 3px solid #068538;
  padding: 6px 0 0 10px;
  line-height: 1;
  margin: 0 0 10px;
}

h3 span{color:#047d30}
.notice{color:#FF5454;font-size:12px}
.play-time{font-size:12px;font-weight:normal}
.play-time:before{font-family:FontAwesome;content:"\f03d";padding-left:10px;padding-right:2px}
.main-contents h3{margin-bottom:5px;padding-bottom:5px}
.main-contents p{font-size:14px}
#main img{height:auto;width:100%;vertical-align:bottom}
#main img.origin{width:auto;max-width:100%}
.main-contents p{margin:.5em 0;line-height:150%}
.pl10{padding-left:10px}
.pr10{padding-right:10px}

/*recruit-top*/
#recruit-top .main-contents:nth-child(2) .table{table-layout:fixed}
#recruit-top .main-contents:nth-child(2) .table>li{padding:0 5px}
#recruit-top .main-contents:nth-child(2) p{font-size:13px}
#recruit-top .main-contents:nth-child(2) a:hover p{text-decoration:underline}
#recruit-top .main-contents:nth-child(2) ul ul{margin-left:.5em;font-size:13px}
#recruit-top .main-contents:nth-child(2) ul ul li:before{font-family:FontAwesome;content:"\f138"}
#recruit-top .main-contents:nth-child(2) ul ul a{text-decoration:underline}
#recruit-top .main-contents:nth-child(2) ul ul a:hover{text-decoration:none}
#recruit-top .main-contents:nth-child(3) h3{color:#4d4d4d}
#recruit-top .main-contents:nth-child(3) h3 i{color:#047d30;font-size:20px}
#recruit-top .main-contents:nth-child(3) .table{table-layout:fixed;border-spacing:6px 3px}
#recruit-top .main-contents:nth-child(3) .table>li{width:30%;padding:1%;background:#F7FBEC url(/recruit/images/common/bg-stripe-01.png);height:auto;min-height:230px;color:#047d30;border-left:#047d30 solid 3px}
#recruit-top .main-contents:nth-child(3) .table>li{vertical-align:middle;text-align:center;height:200px}
#recruit-top .main-contents:nth-child(3) .table>li a{display:block}
#recruit-top .main-contents:nth-child(3) .table>li a div{width: 100%;max-width: 100px;margin: 10px auto;transition:.4s}
#recruit-top .main-contents:nth-child(3) .table>li a:hover div{transform:rotate(360deg);transition:.4s}
#recruit-top .main-contents:nth-child(3) .table>li a i{font-size:60px;color:#fff;width:100px;height:100px;line-height:100px;border-radius:50%;transition:.2s}
#recruit-top .main-contents:nth-child(3) .table>li a:hover i{transform:rotate(360deg);transition:.2s}
#recruit-top .main-contents:nth-child(3) .table>li a:hover h3{text-decoration:underline}

#recruit-top .main-contents:nth-child(3) .table>li:first-child{border-color:#8BC34A}
#recruit-top .main-contents:nth-child(3) .table>li:nth-child(2){border-color:#FFC107}
#recruit-top .main-contents:nth-child(3) .table>li:last-child{border-color:#00BCD4}
#recruit-top .main-contents:nth-child(3) .table:nth-child(3)>li:first-child{border-color:#C24A4A}
#recruit-top .main-contents:nth-child(3) .table:nth-child(3)>li:nth-child(2){border-color:#4B74BF}
#recruit-top .main-contents:nth-child(3) .table:nth-child(3)>li:last-child{border-color:#AB55A6}
#recruit-top .main-contents:nth-child(3) .table:last-child>li:first-child{border-color:#C24A4A}

#recruit-top .main-contents:nth-child(3) .table li li{color:#4d4d4d;font-size:14px;text-indent:-1.2em;padding-left:1.8em;text-align:left}
#recruit-top .main-contents:nth-child(4){margin-bottom:60px;}
#recruit-top .main-contents:nth-child(4) li{font-size:14px}
#recruit-top .main-contents:nth-child(4)>div>ul>li{padding:10px 0;border-bottom: 1px solid rgba(0, 0, 0, .08);box-shadow:rgba(255, 255, 255, 1)0 1px 0}
#recruit-top .main-contents:nth-child(4) .table li{vertical-align:middle}
#recruit-top .main-contents:nth-child(4) .table li:first-child{width:110px}
#recruit-top .main-contents:nth-child(4) a{text-decoration:underline}
#recruit-top .main-contents:nth-child(4) a:hover{text-decoration:none}
/*group*/
#recruit-group .main-contents .list-01 li{width:48%;margin:0 0 30px;vertical-align:top;padding:15px;background:#F7FBEC url(/recruit/images/common/bg-dot-01.gif)}
#recruit-group .main-contents .list-01 li:nth-child(odd){margin-right:2%}
#recruit-group .main-contents .list-01 li:nth-child(even){margin-left:2%}
#recruit-group .main-contents .list-01 li>div:first-child{margin-bottom:15px;background:#fff;padding:0 10px}
#recruit-group .main-contents .list-01 li>h3{margin-bottom:15px}
#recruit-group .main-contents .list-01 p{font-size:14px;margin-bottom:15px;text-align:left;min-height:5em}
#recruit-group .main-contents .list-01 .button-01b{margin-top:15px}
#recruit-group .main-contents .table{width:100%}
#recruit-group .main-contents .table>div{vertical-align:middle;padding-bottom:15px}
#recruit-group .main-contents .table>div:first-child{width:200px;padding-right:15px}
#recruit-group .main-contents .table>div:last-child{padding-left:15px}
#recruit-group .main-contents>ul:nth-child(3)>li{padding-bottom:30px;border-bottom:dotted 1px;margin-bottom:30px}
#recruit-group .main-contents>ul:nth-child(3)>li>p{font-size:14px;margin-bottom:15px}
#recruit-group .main-contents .list-02{text-align:center;font-size:0}
#recruit-group .main-contents .list-02 li{display:inline-block;width:50%}
#recruit-group .main-contents .button-01{text-align:center}
/*staff*/
#new-staff .list-01.interview li{width:50%;padding:0 40px;max-width:300px}
#new-staff .list-01.interview li div p:last-child{font-size:12px}
#new-staff .interview .table{width:80%;min-width:300px;margin:0 auto;table-layout:fixed}
#new-staff .interview .table-cell{vertical-align:middle;padding:0 30px}
#new-staff .interview .table-cell p:last-child{font-size:12px}
#new-staff .main-contents p{font-size:16px}
#new-staff .main-contents p.click-to-play{margin-top: -30px;font-size: 12px;text-align: center;margin-bottom: 15px}
#new-staff .main-contents .person{font-weight:bold}
#new-staff .main-contents .position{font-size:12px;margin-bottom:1em}
#new-staff .main-contents:nth-child(n+4)>div>.table>div:first-child{width:50px;background:#028538}
#new-staff .main-contents:nth-child(n+4)>div>.table *{vertical-align:top}
#new-staff .main-contents:nth-child(n+4)>div>.table.fixed{margin-bottom:50px}
#new-staff .main-contents:nth-child(n+4) .table .list-01{text-align:left}
#new-staff .main-contents:nth-child(n+4) .table .list-01>li{margin-bottom:50px;padding-left:30px}
#new-staff .main-contents:nth-child(n+4) .balloon-2-bottom{font-size:13px;min-height:100px;padding:10px;border-radius:0;margin-bottom:15px}
#new-staff .main-contents:nth-child(n+4) .balloon-2-bottom:after{left:20%}

/*project_story*/
#project_story .column-01{margin:15px 0}
#project_story .main-contents:nth-child(2) .column-01>div:first-child{width:40%}
#project_story .main-contents:nth-child(2) .table>li{padding:10px}
#project_story .left-column h3{font-size:22px}
#project_story .left-column h4{margin:20px 0}
#project_story .main-contents:nth-child(4) .fl{margin-right:15px}
#project_story .main-contents:nth-child(4) .fr{margin-left:15px}
/*human_policy*/
#human-policy .italic{color:#aaa;font-size:40px;width:40px;line-height:40px}
#human-policy .main-contents li{margin-bottom:30px}
/*new-index*/
#new-index .left-column h2{margin:0 0 5px;padding:0;display:block;font-size:16px;letter-spacing:5px}
#new-index .main-visual{margin-bottom:50px}
#new-index .main-contents .table{margin-bottom:50px}
#new-index .main-contents .table>div{vertical-align:middle;text-align:center}
#new-index .main-contents .table>div:first-child{border-left:3px solid #8BC34A;background:#F7FBEC url(/recruit/images/common/bg-stripe-01.png)}
#new-index .main-contents .table>div:first-child i{font-size: 42px;background:#8BC34A;color:#fff;width:80px;height:80px;line-height:80px;border-radius:50%}
#new-index .main-contents .table>div:last-child{width:75%}
#new-index .main-contents .table:first-child>div:last-child{background:#F7FBEC url(/recruit/images/common/bg-stripe-01.png)}
#new-index .main-contents .table:first-child>div:last-child div{background:rgba(255,255,255,.7);background:#fff\9;text-align:left;left:10px;right:10px;top:10px;bottom:10px}
#new-index .main-contents .table:first-child>div:last-child ul{height:100%}
#new-index .main-contents .table:first-child>div:last-child li{border-bottom: 1px solid rgba(0, 0, 0, .1);border-bottom: 1px solid #ccc\9;box-shadow:rgba(255, 255, 255, .5)0 1px 0;height:calc(100% / 3);height:33%\9;}
#new-index .main-contents .table:first-child>div:last-child li:last-child{border:none}
#new-index .main-contents .table:first-child>div:last-child a{display:table;height:100%;width:100%}
#new-index .main-contents .table:first-child>div:last-child a:hover{opacity:.8}
#new-index .main-contents .table:first-child>div:last-child span{display:table-cell;vertical-align:middle;text-align:left;padding:0 10px}
#new-index .rotate i{transition:.2s}
#new-index .rotate:hover i{transition:.2s;transform:rotate(360deg)}
/*recruit-new-guideline*/
#recruit-new-guideline .main-contents table.table-01{font-size:14px}
#recruit-new-guideline .main-contents table.table-01 th{width: 150px}
#recruit-new-guideline .main-contents table.table-01 p{margin:0}
.contact-wrap p{margin:0}
/*recruit-company*/
#recruit-company .main-visual .list-01>li{width:25%;box-shadow:0px 0px 1px rgba(0, 0, 0, 0.2)}
#recruit-company .main-visual h2{color:#fff;text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8);left:10px}
#recruit-company .main-contents h2 strong{color:#047d30;font-size:130%;line-height:0}
#recruit-company .main-contents .list-01{text-align:left}
#recruit-company .main-contents .list-01>li{width:33%;width:calc(100% / 3);padding:15px}
#recruit-company .main-contents .list-01.half>li{width:50%}
#recruit-company .main-contents .table>div:last-child{padding-left:15px}
#recruit-company .main-contents.number h3 span{font-size:2em}
#recruit-company .main-contents.number .table{border-spacing:15px}
#recruit-company .main-contents.number .table>div{padding:1%;background:#F7FBEC url(/recruit/images/common/bg-stripe-01.png);border-left:#047d30 solid 3px}
.tatsumi>div:first-child{width:40%;left:15px}
.talk{background:#F3F8E2;padding:5px 15px;border-radius:10px}
.talk-arrow{width:80%;position:relative}
.talk-arrow:before{content:"";width:15px;height:42px;background:url(../images/company/baloon.jpg);bottom:15px;left:0;position:absolute}
.hide {display:none;}
.is-fixed .for-fix{position:fixed;top:0}
.tab-anchor{cursor:pointer}

/*mid-recruit_midway*/
#mid-recruit-midway .listStyle2 p{display:table;width:100%}
#mid-recruit-midway .listStyle2 p a{display:table-cell;vertical-align:middle;}
#mid-recruit-midway .listStyle2 p a:first-child{width:56px;text-decoration:underline}
#mid-recruit-midway .listStyle2 p a:first-child:hover{text-decoration:none}
/*recruit_hcp*/
#recruit-hcp .main-contents table{font-size:85%}
/*recruit_staff*/
#popup{max-width:840px;width:100%}
#popup dl{width:50%}
#popup dl dt img{max-width:100%;height:auto}
#popup dl dd{font-size:.8em}
#popup .close{display:none}
/*recruit-mid*/
.ttlStyle_bumon1{background-color: #FCD896}
@media screen and (min-width: 769px) {
	.hide-on-pc{display:none}
	#toggle{display:none}
	#gnav ul{display:block!important}
	#gnav ul li.sp-contact{display:none}
	#topicPath{margin:10px auto;padding:0;width:100%;max-width:960px;font-size:11px}
	#footer .sitemap{display:table;width:100%}
	#footer .sitemap .map{float:none;display:table-cell;vertical-align:top}
	#footer .sitemap .map dl dd{display:block!important}
	#footer .btm-area{padding:15px 0}
}
@media screen and (max-width: 768px) {
	.hide-on-sp{display:none}
	.w100sp{width:100%!important}
	.txt-center-sp{text-align:center}
	.column-01{display:block;table-layout:initial}
	.column-01>li,.column-01>div{display:block}
	.table-01,.table-02{font-size:85%}
	table.table-01 th,table.table-01 td,table.table-02 th,table.table-02 td{padding:7px}
	#header{display:block}
	.logo,.search,.contact{display:block}
	#header .logo{width:100%;max-width:311px;margin:0 auto;float:none}
	#header .logo a img{max-width:280px;height:auto}
	#header .search{width:80%;min-width:300px;margin:0 auto}
	#header .search ul li a{padding-top:5px;font-size:1em}
	#header #srchBox{width:100%}
	#header #srchBox .input{background:none;border:1px solid #ccc;right:0}
	#header #srchBox #srchInput{width:100%}
	#header .contact{display:none}
	#toggle{position:absolute;top:5px;right:5px;z-index:1;background:url(/recruit/images/toggle.png)center center;width:24px;height:24px;transition:.5s}
	#toggle.is-open{background:url(/recruit/images/close.png);transition:.5s}
	#gnav{background:rgba(0,0,0,.8);color:#fff;position:fixed;top:0;left:0;right:0;padding:0;width:100%}
	#gnav ul{display:none}
	#gnav ul{border:0;margin:0;background:none;box-shadow:none}
	#gnav ul li{display:inline-block;float:;width:calc(50% - 1px);border-bottom:1px solid #000;box-shadow:rgba(255,255,255,.1)0 1px 0}
	#gnav ul li:nth-child(even){border-left:solid 1px #000;position:relative}
	#gnav ul li:nth-child(even):before{content:"";border-left:solid 1px rgba(255,255,255,.1);position:absolute;top:0;bottom:0;left:0;width:1px}
	#gnav ul li.sp-contact{width:100%}
	#gnav ul li.on a{background:none}
	#gnav ul li a:hover,#gnav ul li.on a:hover{background:initial;border:0;height:42px}
	#gnav a{height:42px;line-height:42px;position:relative}
	#gnav a:after{content:"";background:none}
	#gnav img{width:100%;height:auto}
	#topicPath{width:80%;min-width:300px;margin:0 auto;font-size:10px}
	.left-column{float:none;width:80%;min-width:300px;margin:0 auto}
	.right-column{float:none;width:80%;min-width:300px;margin:0 auto 100px}
	#footer{margin:0}
	#footer .pagetop{top:-20px}
	#footer .sitemap .map{float:none;width:100%;text-align:center;font-size:14px}
	#footer .sitemap .map dl{margin:0}
	#footer .sitemap .map dl dt{margin:0;position:relative}
	#footer .sitemap .map dl dt:after{content:"\f107";font-family:FontAwesome;right:10px;position:absolute;height:40px;line-height:40px;transition:.4s}
	#footer .sitemap .map dl dt.is-open:after{transition:.4s;transform:rotate(540deg)}
	#footer .sitemap .map dl dt a{padding:0;height:40px;line-height:40px}
	#footer .sitemap .map.last dl dt{height:40px;line-height:40px}
	.map dd{display:none}
	#footer .menu{float:none;text-align:center}
	#footer .menu li{float:none;display:inline-block;border:0;margin:0}
	#footer .menu li a{display:block}
	#footer .copy{padding:10px 0}
	h2{font-size:16px;padding:5px 0;margin-bottom:15px;letter-spacing:0px}
	h3{font-size: 14px}
	.main-contents p{font-size:12px}
	.side-line:before {border-right: .2em solid transparent}
	.side-line:after {border-left: .2em solid transparent}
	.side-line>span{top:-18px}
	/*recruit-top*/
	#recruit-top .main-contents:nth-child(2) h3{color:#4d4d4d}
	#recruit-top .main-contents:nth-child(2) .table h3{font-size:14px;padding-top:1em;}
	#recruit-top .main-contents:nth-child(2) .table>li{display:block;margin-bottom:15px;background:#F7FBEC url(/recruit/images/common/bg-stripe-01.png);border-left:#047d30 solid 3px}
	#recruit-top .main-contents:nth-child(2) .table>li{vertical-align:middle;text-align:center}
	#recruit-top .main-contents:nth-child(2) .table>li a{display:block;padding:1em 0}
	#recruit-top .main-contents:nth-child(2) .table>li a div{width:100%;max-width:100px;margin:0 auto}
	#recruit-top .main-contents:nth-child(2) .table>li a:hover div{transform:none}

	#recruit-top .main-contents:nth-child(2) .table:nth-child(2)>li:first-child{border-color:#8BC34A}
	#recruit-top .main-contents:nth-child(2) .table:nth-child(2)>li:nth-child(2){border-color:#FFC107}
	#recruit-top .main-contents:nth-child(2) .table:nth-child(2)>li:last-child{border-color:#00BCD4}

	#recruit-top .main-contents:nth-child(2) .table:nth-child(3)>li:first-child{border-color:#C24A4A}
	#recruit-top .main-contents:nth-child(2) .table:nth-child(3)>li:nth-child(2){border-color:#4B74BF}
	#recruit-top .main-contents:nth-child(2) .table:nth-child(3)>li:last-child{border-color:#AB55A6}

	#recruit-top .main-contents:nth-child(2) .table:last-child>li:first-child{border-color:#ef5522}

	#recruit-top .main-contents:nth-child(3) h3{margin-bottom:1em}
	#recruit-top .main-contents:nth-child(3) .table>li{display:block;margin:0 auto;width:100%;background:#fff;border:0;padding:0}
	#recruit-top .main-contents:nth-child(3) .table>li{height:initial}
	#recruit-top .main-contents:nth-child(3) .table>li a div{max-width:initial;margin:10px auto}
	#recruit-top .main-contents:nth-child(3) .table>li a:hover div{transform:none}
	#recruit-top .main-contents:nth-child(3) .table li li{text-align:center}
	#recruit-top .main-contents:nth-child(3) ul ul a {text-decoration: underline}
	#recruit-top .main-contents:nth-child(3) ul ul li:before{font-family:FontAwesome;content:"\f138";position:relative;top:4px;float:left}
	#recruit-top .main-contents:nth-child(4) h2{margin:0}
	#recruit-top .main-contents:nth-child(4) .table{display:block}
	#recruit-top .main-contents:nth-child(4) .table>li{display:block;font-size:14px}
	#recruit-top .main-contents:nth-child(4) .table>li:first-child{font-weight:bold;font-size:12px}
	/*staff*/
	#new-staff .list-01.interview li{padding:0 5px}
	#new-staff .interview .table-cell{middle;padding:0 10px}
	#new-staff .main-contents .list-01.half>li{width:100%}
	#new-staff .main-contents:nth-child(n+4) .table .list-01>li{margin-bottom:50px;padding-left:10px}
	#new-staff .main-contents:nth-child(n+4)>div>.table>div:first-child{width:30px}
	#new-staff .main-contents:nth-child(n+4) .balloon-2-bottom{min-height:auto}
	#new-staff a.iframe.cboxElement{padding-right:10px;display:block}
	#popup .name{height:175px}
	#popup .name h1{font-size:1.2em;padding:5px 0 10px 155px}
	#popup .name p{font-size:.9em;padding:0 0 0 155px}
	#popup .name .img img{opacity:.8;border-radius:50%}
	#popup dl{width:100%;padding-bottom:30px}
	#popup dl dt img{width:100%;height:auto}
	#popup dl dd{font-size:.8em}
	/*project_story*/
	#project_story .main-contents:nth-child(2) .column-01>div:first-child{width:100%}
	#project_story .main-contents:nth-child(2)>ul.table.fixed{display:block}
	#project_story .main-contents:nth-child(2)>ul.table.fixed>li{display:block}
	#project_story .left-column h3{font-size:16px}
	#project_story .left-column h4{font-size:14px}
	/*new-index*/
	#new-index .left-column h2{font-size:14px;font-weight:normal;letter-spacing:0}
	#new-index .main-contents .table>div:first-child i{width: 50px;height: 50px;line-height: 50px}
	#new-index .main-contents .table>div:first-child i {font-size: 24px}
	#new-index .main-contents .table:first-child>div:last-child ul{font-size:12px}
	#recruit-new-guideline .main-contents table.table-01 th{width:30%}
	/*recruit-company*/
	#recruit-company .main-contents .list-01>li{padding:7px;width:50%}
	#recruit-company .main-contents>.table.fixed{display:block}
	#recruit-company .main-contents>.table.fixed>div{display:block}
	#recruit-company .main-contents>.table.fixed.tatsumi{display:table}
	#recruit-company .main-contents>.table.fixed.tatsumi>div{display:table-cell}
	#recruit-company .main-contents.number>.table.fixed>div{margin-bottom:10px}
	/*recruit-group*/
	#recruit-group .main-contents .list-01 li{width:100%}
	#recruit-group .main-contents .list-01 li:nth-child(odd),
	#recruit-group .main-contents .list-01 li:nth-child(even){margin-left:0;margin-right:0}
}

ul.nav_new  {
display:table;
table-layout: fixed;
width:100%;
}
ul.nav_new li{
display:table-cell;
border-style:none;
vertical-align:top;
text-align:center;
color:#008538;
}
ul.nav_new li a:active {font-weight:bold; color:#008538; text-decoration:none;}
ul.nav_new li a:hover {font-weight:bold; color:#E48E00; text-decoration:underline;}
ul.nav_new img{
width:49px:
height:24px: