html{
	width:100%;
    overflow-y: scroll;
}

body {
	width:100%;
	background:#FFF;
	color:#000;
	font-size:14px;
    font-family:
    	'ヒラギノ角ゴ Pro W3',
    	'Hiragino Kaku Gothic Pro',
		'メイリオ',
		Meiryo,	
    	Verdana, Arial,
    	Osaka,
    	'ＭＳ Ｐゴシック',
    	sans-serif;
    line-height:150%;
}

img {
	margin:0;
	padding:0;
	border:0;
	width:inherit;
	max-width:100%;
	height:auto;
	width /***/:auto;
	vertical-align:bottom;
}


a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
}

a:link {
	color:#333;
	text-decoration:none;
}

a:visited {
	color:#333;
	text-decoration:none;
}

a:active {
	color:#999;
	text-decoration:underline;
}

a:hover {
	color:#999;
	text-decoration:underline;
}

ul,ol,li {
	list-style:none;
}

#container {
	width:100%;
	max-width:2000px;
	margin:0 auto;
}

.wrapper {
	width:980px;
	margin:0 auto;
}

.wrapper-r {
	width:980px;
	margin:0 auto;
	background:#FFF;
	border-radius:10px;
}

.header-container {
	position:fixed;
	height:75px;
    background:#FFF;
	border-top:5px solid #3EB78E;
	top:0;
	left:0;
	right:0;
	z-index:10;
	box-shadow:1px 1px 5px #c3c3c3;
	-moz-box-shadow:1px 1px 5px #c3c3c3;
	-webkit-box-shadow:1px 1px 5px #c3c3c3;
}

.logo {
	width:320px;
	height:75px;
	float:left;
	clear:both;
}

.menu-pc {
	position:relative;
	width:800px;
	margin:0 0 5px 20px;
	z-index:100;
	float:left;
}

.menu-pc li {
	float:left;
}

.menu-pc li a.pc-1 {
	display:block;
	width:150px;
	height:70px;
	background:url("images/menu-pc-1.png") no-repeat 0 0;
	margin:0 0 0 10px;
	text-indent:-9999px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

.menu-pc li a.pc-2 {
	display:block;
	width:150px;
	height:70px;
	background:url("images/menu-pc-2.png") no-repeat 0 0;
	margin:0 0 0 10px;
	text-indent:-9999px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

.menu-pc li a.pc-3 {
	display:block;
	width:150px;
	height:70px;
	background:url("images/menu-pc-3.png") no-repeat 0 0;
	margin:0 0 0 10px;
	text-indent:-9999px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

.menu-pc li a.pc-4 {
	display:block;
	width:150px;
	height:70px;
	background:url("images/menu-pc-4.png") no-repeat 0 0;
	margin:0 0 0 10px;
	text-indent:-9999px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

.menu-pc li a.pc-5 {
	display:block;
	width:150px;
	height:70px;
	background:url("images/menu-pc-5.png") no-repeat 0 0;
	margin:0 0 0 10px;
	text-indent:-9999px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

.menu-pc li a:hover {
	background-position:0 bottom;
}

.nav-tablet {
	display:none;
}

.nav-smartphone {
	display:none;
}

#gnav-btn {
	display:none;
}

#gnav {
	display:none;
}

#rgnav-btn {
	display:none;
}

#rgnav {
	display:none;
}

.sub1 {
	position:absolute;
	display:none;
	top:50;
	left:200;
}

ul.sub1 li {
	float:none;
	width:160px;
	border-bottom:1px solid #3EB78E;
	font-size:12px;
	margin:0 0 0 10px;
	padding:8px 10px 10px 36px;
	background:url("images/menu-pc-arrow.png"),#F9FDFB;
	background-repeat:no-repeat;
}

ul.sub1 li:hover {
	background:url("images/menu-pc-arrow.png"),#EBF8F3;
	background-repeat:no-repeat;
}

ul.sub1 li a:link,a:visited {
	color:#333;
	text-decoration:none;
}

ul.sub1 li a:hover,a:active {
	color:#999;
	text-decoration:underline;
}


.sub2 {
	position:absolute;
	display:none;
	top:50;
	left:200;
}

ul.sub2 li {
	float:none;
	width:160px;
	border-bottom:1px solid #3EB78E;
	font-size:12px;
	margin:0 0 0 10px;
	padding:8px 10px 10px 36px;
	background:url("images/menu-pc-arrow.png"),#F9FDFB;
	background-repeat:no-repeat;
}

ul.sub2 li:hover {
	background:url("images/menu-pc-arrow.png"),#EBF8F3;
	background-repeat:no-repeat;
}

ul.sub2 li a:link,a:visited {
	color:#333;
	text-decoration:none;
}

ul.sub2 li a:hover,a:active {
	color:#999;
	text-decoration:underline;
}

/* rmenu */

.rmenu-pc {
	position:relative;
	width:735px;
	margin:0 0 5px 30px;
	z-index:100;
	float:left;
}

.rmenu-pc li {
	float:left;
}

.rmenu-pc li a.rpc-1 {
	display:block;
	width:100px;
	height:70px;
	background:url("images/rmenu-pc-1.png") no-repeat 0 0;
	margin:0 0 0 5px;
	text-indent:-9999px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

.rmenu-pc li a.rpc-2 {
	display:block;
	width:100px;
	height:70px;
	background:url("images/rmenu-pc-2.png") no-repeat 0 0;
	margin:0 0 0 5px;
	text-indent:-9999px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

.rmenu-pc li a.rpc-3 {
	display:block;
	width:100px;
	height:70px;
	background:url("images/rmenu-pc-3.png") no-repeat 0 0;
	margin:0 0 0 5px;
	text-indent:-9999px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

.rmenu-pc li a.rpc-4 {
	display:block;
	width:100px;
	height:70px;
	background:url("images/rmenu-pc-4.png") no-repeat 0 0;
	margin:0 0 0 5px;
	text-indent:-9999px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

.rmenu-pc li a.rpc-5 {
	display:block;
	width:100px;
	height:70px;
	background:url("images/rmenu-pc-5.png") no-repeat 0 0;
	margin:0 0 0 5px;
	text-indent:-9999px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

.rmenu-pc li a.rpc-6 {
	display:block;
	width:100px;
	height:70px;
	background:url("images/rmenu-pc-6.png") no-repeat 0 0;
	margin:0 0 0 5px;
	text-indent:-9999px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

.rmenu-pc li a.rpc-7 {
	display:block;
	width:100px;
	height:70px;
	background:url("images/rmenu-pc-7.png") no-repeat 0 0;
	margin:0 0 0 5px;
	text-indent:-9999px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

.rmenu-pc li a:hover {
	background-position:0 bottom;
}

.nav-tablet {
	display:none;
}

.nav-smartphone {
	display:none;
}

#gnav-btn {
	display:none;
}

#gnav {
	display:none;
}

.rsub1 {
	position:absolute;
	display:none;
	top:50;
	left:200;
}

ul.rsub1 li {
	float:none;
	width:120px;
	border-bottom:1px solid #3EB78E;
	font-size:12px;
	margin:0 0 0 10px;
	padding:8px 10px 10px 36px;
	background:url("images/menu-pc-arrow.png"),#F9FDFB;
	background-repeat:no-repeat;
}

ul.rsub1 li:hover {
	background:url("images/menu-pc-arrow.png"),#EBF8F3;
	background-repeat:no-repeat;
}

ul.rsub1 li a:link,a:visited {
	color:#333;
	text-decoration:none;
}

ul.rsub1 li a:hover,a:active {
	color:#999;
	text-decoration:underline;
}


.rsub2 {
	position:absolute;
	display:none;
	top:50;
	left:200;
}

ul.rsub2 li {
	float:none;
	width:120px;
	border-bottom:1px solid #3EB78E;
	font-size:12px;
	margin:0 0 0 10px;
	padding:8px 10px 10px 36px;
	background:url("images/menu-pc-arrow.png"),#F9FDFB;
	background-repeat:no-repeat;
}

ul.rsub2 li:hover {
	background:url("images/menu-pc-arrow.png"),#EBF8F3;
	background-repeat:no-repeat;
}

ul.rsub2 li a:link,a:visited {
	color:#333;
	text-decoration:none;
}

ul.rsub2 li a:hover,a:active {
	color:#999;
	text-decoration:underline;
}

.rsub3 {
	position:absolute;
	display:none;
	top:50;
	left:200;
}

ul.rsub3 li {
	float:none;
	width:120px;
	border-bottom:1px solid #3EB78E;
	font-size:12px;
	margin:0 0 0 10px;
	padding:8px 10px 10px 36px;
	background:url("images/menu-pc-arrow.png"),#F9FDFB;
	background-repeat:no-repeat;
}

ul.rsub3 li:hover {
	background:url("images/menu-pc-arrow.png"),#EBF8F3;
	background-repeat:no-repeat;
}

ul.rsub3 li a:link,a:visited {
	color:#333;
	text-decoration:none;
}

ul.rsub3 li a:hover,a:active {
	color:#999;
	text-decoration:underline;
}

.rsub4 {
	position:absolute;
	display:none;
	top:50;
	left:200;
}

ul.rsub4 li {
	float:none;
	width:120px;
	border-bottom:1px solid #3EB78E;
	font-size:12px;
	margin:0 0 0 10px;
	padding:8px 10px 10px 36px;
	background:url("images/menu-pc-arrow.png"),#F9FDFB;
	background-repeat:no-repeat;
}

ul.rsub4 li:hover {
	background:url("images/menu-pc-arrow.png"),#EBF8F3;
	background-repeat:no-repeat;
}

ul.rsub4 li a:link,a:visited {
	color:#333;
	text-decoration:none;
}

ul.rsub4 li a:hover,a:active {
	color:#999;
	text-decoration:underline;
}

.rsub5 {
	position:absolute;
	display:none;
	top:50;
	left:200;
}

ul.rsub5 li {
	float:none;
	width:120px;
	border-bottom:1px solid #3EB78E;
	font-size:12px;
	margin:0 0 0 10px;
	padding:8px 10px 10px 36px;
	background:url("images/menu-pc-arrow.png"),#F9FDFB;
	background-repeat:no-repeat;
}

ul.rsub5 li:hover {
	background:url("images/menu-pc-arrow.png"),#EBF8F3;
	background-repeat:no-repeat;
}

ul.rsub5 li a:link,a:visited {
	color:#333;
	text-decoration:none;
}

ul.rsub5 li a:hover,a:active {
	color:#999;
	text-decoration:underline;
}

/* main */

.main-container {
	position:relative;
	overflow:hidden;
	padding:0 0 80px 0;
	background:url("images/back.jpg"),#EFEFEF;
	background-position:top center;
	background-repeat:no-repeat;
}

.top {
    background:#EFEFEF;
	border-top:5px solid #3EB78E;
	margin-top:45px;
}

.topnews-pc {
	width:600px;
	height:320px;
	background:#FFF;
	margin:30px 0 0 30px;
	border:1px solid #c3c3c3;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-radius:5px;
	box-shadow:1px 1px 5px #c3c3c3;
	-moz-box-shadow:1px 1px 5px #c3c3c3;
	-webkit-box-shadow:1px 1px 5px #c3c3c3;
	float:left;
	clear:both;
}

dl.topnews {
	width:580px;
	margin:10px 10px 0 10px;
	float:left;
	clear:both;
	border-bottom:1px dotted #c3c3c3;
}

dl.topnews dt {
	width:120px;
	padding:5px 10px 5px 10px;
	float:left;
	clear:both;
}

dl.topnews dd {
	width:420px;
	margin:0 0 0 150px;
	padding:5px 10px 5px 10px;
}

.topnews-tb {
	display:none;
}

.toprecruit {
	width:280px;
	height:320px;
	margin:30px 0 0 40px;
	background:#3F3F3F;
	border:1px solid #c3c3c3;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-radius:5px;
	box-shadow:1px 1px 5px #c3c3c3;
	-moz-box-shadow:1px 1px 5px #c3c3c3;
	-webkit-box-shadow:1px 1px 5px #c3c3c3;
	float:left;
}

.toprecruit img {
	width:240px;
	height:160px;
	margin:20px 20px 20px 20px;
	float:left;
	clear:both;
}

.toprecruit h3 {
	width:235px;
	margin:0 20px 10px 20px;
	padding:0 0 0 10px;
	border-left:5px solid #3EB78E;
	color:#FFF;
	font-size:16px;
	float:left;
	clear:both;
}

.toprecruit p {
	display:block;
	width:240px;
	margin:0 20px 10px 20px;
	padding:0;
	color:#FFF;
	font-size:14px;
	float:left;
	clear:both;
}

.toptopix {
	width:980px;
	margin:0 30px 0 30px;
	float:left;
	clear:both;
}

.toptopix li {
	width:280px;
	height:320px;
	margin:30px 0 0 40px;
	background:#FFF;
	border:1px solid #c3c3c3;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-radius:5px;
	box-shadow:1px 1px 5px #c3c3c3;
	-moz-box-shadow:1px 1px 5px #c3c3c3;
	-webkit-box-shadow:1px 1px 5px #c3c3c3;
	float:left;
}

.toptopix li:first-child {
	margin:30px 0 0 0;
}

.toptopix img {
	width:240px;
	height:160px;
	margin:20px 20px 20px 20px;
	float:left;
	clear:both;
}

.toptopix h3 {
	width:235px;
	margin:0 20px 10px 20px;
	padding:0 0 0 10px;
	border-left:5px solid #3EB78E;
	color:#000;
	font-size:16px;
	float:left;
	clear:both;
}

.toptopix p {
	display:block;
	width:240px;
	margin:0 20px 10px 20px;
	padding:0;
	color:#000;
	font-size:14px;
	float:left;
	clear:both;
}

.news-date {
	width:90%;
	margin:5% 5% -3% 5%;
	float:left;
	clear:both;
}

.news-main {
	width:100%;
	float:left;
	clear:both;
}




/* パンくずリスト */

.bread-container {
	width:100%;
	position:relative;
	overflow:hidden;
	margin:80px 0 0 0;
	background:#EFEFEF;
}

.bread {
	width:100%;
	background :#EFEFEF;
	color: #222;
	position:relative;
	margin:5px 0 0 0;
	padding:0 0 15px 25px;
	height:30px;
	background:url("images/home-icon.png") no-repeat;
	background-position:top left;
	z-index: 2;
}

#breadcrumb ul li {
	float:left;
	font-size:12px;
	padding:5px 5px 5px 5px;
}

.rbread-container {
	width:100%;
	position:relative;
	margin:80px 0 0 0;
}

.rbread {
	width:100%;
	color: #fff;
	position:relative;
	margin:5px 0 0 0;
	padding:0 0 15px 25px;
	height:30px;
	background:url("images/home-icon.png") no-repeat;
	background-position:top left;
	z-index: 2;
}

.rbread a:link {
	color: #fff;
}

.rbread a:visited {
	color: #fff;
}

.rbread a:hover {
	color: #999;
}

.rbread a:active {
	color: #999;
}

/* company */

.rback {
	position:relative;
	overflow:hidden;	
	background:url("images/rback-pc.jpg"),#FFF;
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

article {
	width:720px;
	margin:0 0 200px 0;
	float:left;
}

.page-container {
	width:100%;
	margin:0;
	padding:0 0 80px 0;
	position:relative;
	background:#FFF;
}

.rpage-container {
	width:100%;
	margin:0 0 40px 0;
	padding:0 0 80px 0;
	position:relative;
}

.page-container h2 {
	width:85%;
	margin:5% 5% 5% 5%;
	padding:1% 0 1% 5%;
	border-left:5px solid #3EB78E;
	font-size:24px;
	letter-spacing:0.2em;
	float:left;
	clear:both;
}

.page-container p {
	width:90%;
	float:left;
	clear:both;
	margin:10px 5% 0 5%;
	line-height:160%;
}

.rpage-container h2 {
	width:85%;
	margin:5% 5% 5% 5%;
	padding:1% 0 1% 5%;
	border-left:5px solid #3EB78E;
	font-size:24px;
	letter-spacing:0.2em;
	float:left;
	clear:both;
}

.rpage-container p {
	width:90%;
	float:left;
	clear:both;
	margin:10px 5% 0 5%;
	line-height:160%;
}

.rpage-container p a:link {
	color:#FF9900;
}

.rpage-container p a:visited {
	color:#FF9900;
}

.rpage-container p a:hover {
	color:#2290EB;
}

.rpage-container p a:active {
	color:#2290EB;
}

ul.company {
	width:90%;
	margin:5px 5% 5px 5%;
	float:left;
	clear:both;
}

ul.company li {
	border-bottom:2px dotted #C3C3C3;
	margin:0 0 12px 0;
	padding:0 0 10px 0;
}

ul.company li dl {
	width:100%;
}

ul.company li dl dt {
	width:23%;
	margin:5px 0 5px 0;
	padding:0 1% 0 1%;
	font-weight:bold;
	float:left;
	clear:both;
}

ul.company li dl dd {
	width:73%;
	margin:5px 0 5px 25%;
	padding:5px 1% 0 1%;
}

ul.company li dl dd p {
	line-height:160%;
	width:auto;
	margin:0;
	padding:0;
	float:none;
	clear:none;
}

ul.company a:link {
	color:#FF9900;
}

ul.company a:visited {
	color:#FF9900;
}

ul.company a:hover {
	color:#2290EB;
}

ul.company a:active {
	color:#2290EB;
}

ul.company li dl dd.position1 {
	width:31%;
	margin:5px 0 5px 0;
	padding:5px 1% 0 1%;
	float:left;
}


ul.company li dl dd.position2 {
	width:38%;
	margin:5px 0 5px 0;
	padding:5px 1% 0 1%;
	float:left;
}

.company-images {
	width:90%;
	margin:5% 5% 5% 5%;
	float:none;
	clear:both;
}

.company-images iframe {
	width:100%;
}

.greeting {
	float:left;
	clear:both;
}

.greeting-name p {
	text-align:right;
}

.org-title {
	float:left;
	clear:both;
	margin:20px 5% 0 5%;
	line-height:160%;
	font-size:16px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #009b7f), color-stop(0.51, #009b7f), color-stop(0.50, #33af99), color-stop(0.00, #33af99));
background: -webkit-linear-gradient(top, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
background: -moz-linear-gradient(top, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
background: -o-linear-gradient(top, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
background: -ms-linear-gradient(top, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
background: linear-gradient(to bottom, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
	color:#FFF;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	border-radius:20px;
}

.slogan-title {
	margin:10px auto;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	float:none;
	clear:both;
}

.slogan {
	margin:10px 0 10px 100px;
	font-size:27px;
	font-weight:bold;
	text-align:left;
	color:#191970;
	line-height:150%;
	float:none;
	clear:both;
}

.idea {
	margin:10px auto;
	font-size:18px;
	font-weight:normal;
	line-height:180%;
	text-align:center;
	float:none;
	clear:both;
}

.idea-add {
	margin:30px auto;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	float:none;
	clear:both;
}

/* works */

.works {
	width:90%;
	margin:1% 5% 5% 5%;
	float:left;
	clear:both;
}

.works li {
	border-top:1px dashed #C3C3C3;
	margin:1% 0 5% 0;
	padding:20px 0 20px 0;
	float:none;
	clear:both;
}

.works li:first-child {
	border:none;
}

article p a:link {
	color:#FF9900;
}

article p a:visited {
	color:#FF9900;
}

article p a:hover {
	color:#2290EB;
}

article p a:active {
	color:#2290EB;
}

.works-left {
	width:30%;
	float:left;
	clear:both;
}

.works-left img {
	margin:0 0 20px 0;
}

.works-right {
	width:65%;
	margin:0 0 0 5%;
	float:left;
}

.works-title {
	font-size:18px;
	font-weight:bold;
	border-bottom:3px solid #3EB78E;
	float:left;
	clear:both;
}

.works-subject {
	color:#0E924F;
	font-size:14px;
	font-weight:normal;
	margin:10px 0 0 0;
	float:left;
	clear:both;
}

.works-main {
	font-size:12px;
	font-weight:normal;
	margin:5px 0 10px 0;
	float:left;
	clear:both;
}

.works-main p {
	width:100%;
	font-size:12px;
	font-weight:normal;
	margin:0 0 5px 0;
	float:left;
	clear:both;
}

.works-job {
	margin:5px 0 0 0;
	float:left;
	clear:both;
}

.works-job p {
	width:100%;
	font-size:12px;
	color:#0E924F;
	font-weight:bold;
	margin:0 0 10px 0;
	float:left;
	clear:both;
}

.works-link {
	float:left;
	clear:both;
	margin:20px 0 20px 0;
	line-height:160%;
	font-size:16px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #009b7f), color-stop(0.51, #009b7f), color-stop(0.50, #33af99), color-stop(0.00, #33af99));
background: -webkit-linear-gradient(top, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
background: -moz-linear-gradient(top, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
background: -o-linear-gradient(top, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
background: -ms-linear-gradient(top, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
background: linear-gradient(to bottom, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
	color:#FFF;
	font-weight:bold;
	padding:5px 20px 5px 20px;
	border-radius:20px;
}

.works-link a:link {
	color:#FFF;
}

.works-link a:visited {
	color:#FFF;
}

.works-link a:active {
	color:#FFF;
	opacity:0.8;
}

.works-link:hover {
	color:#FFF;
	opacity:0.8;
}

.works-link2 {
	float:left;
	margin:20px 0 20px 10px;
	line-height:160%;
	font-size:16px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #009b7f), color-stop(0.51, #009b7f), color-stop(0.50, #33af99), color-stop(0.00, #33af99));
background: -webkit-linear-gradient(top, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
background: -moz-linear-gradient(top, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
background: -o-linear-gradient(top, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
background: -ms-linear-gradient(top, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
background: linear-gradient(to bottom, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
	color:#FFF;
	font-weight:bold;
	padding:5px 20px 5px 20px;
	border-radius:20px;
}

.works-link2 a:link {
	color:#FFF;
}

.works-link2 a:visited {
	color:#FFF;
}

.works-link2 a:active {
	color:#FFF;
	opacity:0.8;
}

.works-link2 a:hover {
	color:#FFF;
	opacity:0.8;
}


.works-link3 {
	float:left;
	margin:20px 0 20px 10px;
	line-height:160%;
	font-size:16px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #009b7f), color-stop(0.51, #009b7f), color-stop(0.50, #33af99), color-stop(0.00, #33af99));
background: -webkit-linear-gradient(top, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
background: -moz-linear-gradient(top, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
background: -o-linear-gradient(top, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
background: -ms-linear-gradient(top, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
background: linear-gradient(to bottom, #33af99 0%, #33af99 50%, #009b7f 51%, #009b7f 100%);
	color:#FFF;
	font-weight:bold;
	padding:5px 20px 5px 20px;
	border-radius:20px;
}

.works-link3 a:link {
	color:#FFF;
}

.works-link3 a:visited {
	color:#FFF;
}

.works-link3 a:active {
	color:#FFF;
	opacity:0.8;
}

.works-link3 a:hover {
	color:#FFF;
	opacity:0.8;
}

.flow {
	width:100%;
	margin:0;
	float:left;
	clear:both;
}

.flow-title {
	width:100%;
	border:1px solid #c3c3c3;
	background:#EFEFEF;
	margin:0 0 10px 0;
	padding:3px 5px 2px 5px;
	border-radius:5px;
	box-sizing:border-box;
	float:left;
	clear:both;
}

.flow-title p {
	width:100%;
	margin:0;
	font-size:16px;
	font-weight:bold;
	border-left:5px solid #FF9900;
	padding:0 0 0 10px;
	box-sizing:border-box;
}

.flow-subject {
	color:#0E924F;
	font-size:14px;
	font-weight:normal;
	float:left;
	clear:both;
}

.flow-main {
	font-size:13px;
	font-weight:normal;
	margin:5px 0 10px 0;
	float:left;
	clear:both;
}

.flow-main p {
	width:100%;
	font-size:13px;
	font-weight:normal;
	margin:0 0 5px 0;
	float:left;
	clear:both;
}

.flow-main2 {
	font-size:13px;
	font-weight:normal;
	margin:5px 0 10px 0;
	border-radius:10px;
	padding:10px;
	background:#FFE5BF;
	border:2px solid #FF9900;
	float:left;
	clear:both;
}

.flow-main2 p {
	width:100%;
	font-size:13px;
	font-weight:normal;
	margin:0 0 5px 0;
	float:left;
	clear:both;
}

.flow-main3 {
	font-size:13px;
	font-weight:normal;
	margin:5px 0 10px 0;
	padding:10px;
	border-radius:10px;
	background:#FFE5BF;
	border:2px solid #FF9900;
	float:left;
	clear:both;
}

.flow-main3 p {
	width:100%;
	font-size:13px;
	font-weight:normal;
	margin:0 0 5px 0;
	float:left;
	clear:both;
}

.flow-job {
	width:100%;
	border:1px solid #c3c3c3;
	padding:2%;
	margin:5px 0 20px 0;
	float:left;
	clear:both;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.flow-job p {
	width:100%;
	font-size:13px;
	color:#FF9900;
	font-weight:bold;
	margin:0 0 10px 0;
	float:left;
	clear:both;
}

.flow-job p a:link {
	color:#FF9900;
}

.flow-job p a:visited {
	color:#FF9900;
}

.flow-job p a:hover {
	color:#2290EB;
}

.flow-job p a:active {
	color:#2290EB;
}

.office-left1 {
	width:35%;
	float:left;
	margin:0 0 20px 0;
}

.office-right1 {
	width:60%;
	margin:0 0 0 5%;
	float:left;
}

.office-right1 h3 {
	width:100%;
	border-left:5px solid #c3c3c3;
	border-bottom:1px solid #c3c3c3;
	font-size:16px;
	font-weight:normal;
	color:#333;
	margin:0 0 10px 0;
	padding:0 0 0 5px;
	box-sizing:border-box;
	float:left;
	clear:both;
}

.office-right1 h4 p {
	width:100%;
	font-size:13px;
	font-weight:normal;
	margin:0 0 20px 0;
	float:left;
	clear:both;
}

.office-left2 {
	width:60%;
	margin:0 5% 0 0;
	float:left;
}

.office-right2 {
	width:35%;
	float:left;
	margin:0 0 20px 0;
}

.office-left2 h3 {
	width:100%;
	border-left:5px solid #c3c3c3;
	border-bottom:1px solid #c3c3c3;
	font-size:16px;
	font-weight:normal;
	color:#333;
	margin:0 0 10px 0;
	padding:0 0 0 5px;
	box-sizing:border-box;
	float:left;
	clear:both;
}

.office-left2 h4 p {
	width:100%;
	font-size:13px;
	font-weight:normal;
	margin:0 0 20px 0;
	float:left;
	clear:both;
}



.job-title {
	width:100%;
	margin:0 0 10px 0;
	border:1px solid #c3c3c3;
	background:#EFEFEF;
	font-size:16px;
	font-weight:bold;
	padding:2%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	float:left;
	clear:both;
}

.job-title p {
	border-left:5px solid #FF9900;
	font-size:16px;
	font-weight:bold;
	padding-left:5px;
}

.job-left1 {
	width:30%;
	margin:0 5% 0 0;
	float:left;
	clear:both;
}

.job-left1 img {
	margin:0 0 20px 0;
}

.job-right1 {
	position:relative;
	background:#2C5379;
	border-radius:10px;
	width:65%;
	margin:0 0 10px 0;
	padding:2%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	float:left;
}

.job-right1:after {
	right: 100%;
	top: 25%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #2C5379;
	border-width: 10px;
	margin: -10px 0 10px 0;
}

.job-right1 p {
	width:100%;
	font-size:13px;
	color:#FFF;
	margin:0 0 20px 0;
}

.job-right2 {
	width:30%;
	float:left;
}

.job-right2 img {
	margin:0 0 20px 0;
}

.job-left2 {
	position:relative;
	background:#F8823C;
	border-radius:10px;
	width:65%;
	margin:0 5% 10px 0;
	padding:2%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	float:left;
	clear:both;
}

.job-left2:after {
	left: 100%;
	top: 25%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #F8823C;
	border-width: 10px;
	margin: -10px 5% 10px 0;
}

.job-left2 p {
	width:100%;
	font-size:13px;
	color:#FFF;
	margin:0 0 20px 0;
}



/* page */

.interview-q {
	width:100%;
	color:#FF8800;
	font-size:21px;
	font-weight:bold;
	margin:10px 0 0 0;
	float:left;
	clear:both;
}

.topimage {
	width:100%;
	margin:5% 0 0 0;
	float:left;
	clear:both;
}

.pagemenu {
	width:100%;
	margin:0;
	float:left;
	clear:both;
}

.pagemenu li {
	width:31.33%;
	margin:5% 1% 0 1%;
	float:left;
}

.eventmenu {
	width:90%;
	margin:0 5% 0 5%;
	float:left;
	clear:both;
}

.eventmenu li {
	width:31.33%;
	margin:5% 1% 0 1%;
	float:left;
}

/* recruit */

.about-images {
	width:90%;
	margin:5% 5% 5% 5%;
	float:none;
	clear:both;
}

.about-greeting {
	float:left;
	clear:both;
	margin:0 0 20px 0;
}

.about-question {
	width:90%;
	margin:5% 5% 10px 5%;
	float:none;
	clear:both;
}
.about-answer {
	width:100%;
	float:left;
	clear:both;
	margin:0 0 40px 0;
}

.about-profile {
	width:90%;
	margin:0 5% 5% 5%;
	padding:1% 0 1% 0;
	box-sizing:border-box;
	background:#FF9900;
	border-radius:10px;
	float:left;
	clear:both;
}

.about-profile1 {
	float:left;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	padding:1% 3% 1% 3%;
	box-sizing:border-box;
}

.about-profile2 {
	float:left;
	background:#FFF;
	font-weight:bold;
	font-size:13px;
	border-radius:10px;
	color:#FF9900;
	padding:1% 1% 1% 1%;
	box-sizing:border-box;
}

.about-step1 {
	position:relative;
	width:90%;
	margin:0 5% 0 5%;
	background:url("images/step1.png") no-repeat;
	background-position:top left;
	float:left;
	clear:both;
}

.about-step1 p {
	width:100%;
	border-bottom:2px dotted #74C5B6;
	margin:0;
}

.about-step1-1 {
	width:14%;
	margin:2% 1% 2% 10%;
	float:left;
}

.about-step1-2 {
	width:73%;
	margin:2% 1% 2% 1%;
	float:left;
}

.about-step1-3 {
	float:left;
	clear:both;
}

.about-step1-4 {
	 margin:3% 0 2% 0;
	 position: relative;
	 background: #74C5B6;
	 color:#FFF;
	 border-radius:10px;
	 padding:1%;
	 float:left;
	 clear:both;
}
.about-step1-4:after {
	 bottom: 100%; left: 30%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(116, 197, 182, 0); border-bottom-color: #74C5B6; border-width: 10px; margin-left: -10px;
}

.about-step1-4 p {
	border-bottom:none;
}

.about-step2 {
	position:relative;
	width:90%;
	margin:0 5% 0 5%;
	background:url("images/step2.png") no-repeat;
	background-position:top left;
	float:left;
	clear:both;
}

.about-step2 p {
	width:100%;
	margin:0;
	border-bottom:2px dotted #74C5B6;
}

.about-step2-1 {
	width:14%;
	margin:2% 1% 2% 10%;
	float:left;
}

.about-step2-2 {
	width:73%;
	margin:2% 1% 2% 1%;
	float:left;
}

.about-step2-3 {
	float:left;
	clear:both;
}

.about-step2-4 {
	 margin:3% 0 2% 0;
	 position: relative;
	 background: #74C5B6;
	 color:#FFF;
	 border-radius:10px;
	 padding:1%;
	 float:left;
	 clear:both;
}

.about-step2-4:after {
	 bottom: 100%; left: 30%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(116, 197, 182, 0); border-bottom-color: #74C5B6; border-width: 10px; margin-left: -10px;
}


.about-step2-4 p {
	border-bottom:none;
}

.about-step3 {
	position:relative;
	width:90%;
	margin:0 5% 0 5%;
	background:url("images/step2.png") no-repeat;
	background-position:top left;
	float:left;
	clear:both;
}

.about-step3 p {
	width:100%;
	margin:0;
	border-bottom:2px dotted #74C5B6;
}

.about-step3-1 {
	width:14%;
	margin:2% 1% 2% 10%;
	float:left;
}

.about-step3-2 {
	width:73%;
	margin:2% 1% 2% 1%;
	float:left;
}

.about-step3-3 {
	float:left;
	clear:both;
}

.about-step3-4 {
	 margin:3% 0 2% 0;
	 position: relative;
	 background: #74C5B6;
	 color:#FFF;
	 border-radius:10px;
	 padding:1%;
	 float:left;
	 clear:both;
}
.about-step3-4:after {
	 bottom: 100%; left: 30%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(116, 197, 182, 0); border-bottom-color: #74C5B6; border-width: 10px; margin-left: -10px;
}


.about-step3-4 p {
	border-bottom:none;
}

.about-step4 {
	position:relative;
	width:90%;
	margin:0 5% 0 5%;
	background:url("images/step3.png") no-repeat;
	background-position:top left;
	float:left;
	clear:both;
}

.about-step4 p {
	width:100%;
	margin:0;
	border-bottom:2px dotted #74C5B6;
}

.about-step4-1 {
	width:14%;
	margin:2% 1% 2% 10%;
	float:left;
}

.about-step4-2 {
	width:73%;
	margin:2% 1% 2% 1%;
	float:left;
}

.about-step4-3 {
	float:left;
	clear:both;
}

.about-step4-4 {
	 margin:3% 0 2% 0;
	 position: relative;
	 background: #74C5B6;
	 color:#FFF;
	 border-radius:10px;
	 padding:1%;
	 float:left;
	 clear:both;
}
.about-step4-4:after {
	 bottom: 100%; left: 30%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(116, 197, 182, 0); border-bottom-color: #74C5B6; border-width: 10px; margin-left: -10px;
}


.about-step4-4 p {
	border-bottom:none;
}



/* sidebar */
aside {
	width:240px;
	margin:0 20px 0 0;
	float:left;
	clear:both;
}

.sidebar {
	width:240px;
	margin:30px 0 30px 0;
	float:left;
	clear:both;
}

.sidebar .side-a {
	width:220px;
	border-bottom:1px dotted #C3C3C3;
	font-size:14px;
	font-weight:bold;
	padding:10px 10px 10px 10px;
	background:#FFF;
	float:left;
	clear:both;
}


.sidebar .side-a:hover {
	background:#EBF8F3;
}

.sidebar .side-b {
	width:194px;
	border-bottom:1px dotted #C3C3C3;
	font-size:12px;
	color:#222;
	padding:8px 10px 10px 36px;
	background:url("images/menu-pc-arrow.png"),#FFF;
	background-repeat:no-repeat;
	float:left;
	clear:both;
}

.sidebar .side-b:hover {
	background:url("images/menu-pc-arrow.png"),#EBF8F3;
	background-repeat:no-repeat;
}

.sidebar .side-c {
	width:220px;
	border-bottom:1px dotted #C3C3C3;
	padding:10px 10px 10px 10px;
	float:left;
	clear:both;
}

.sidebar .side-c:hover {
	opacity:0.8;
}

.sidebar a:link,a:visited {
	color:#333;
	text-decoration:none;
}

.sidebar a:hover,a:active {
	color:#999;
	text-decoration:underline;
}

/* opening */

.recruit-container {
	position:relative;
	overflow:hidden;
	background:url("images/rback-pc.jpg"),#FFF;
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	padding:0 0 100px 0;
}

.rt {
	height:400px;
	float:none;
	clear:both;
}

.rt-top {
	width:360px;
	margin:200px auto 0;
}

.rt-0 {
	float:left;
	width:80px;
	height:85px;
	margin:0 5px 0 5px;
}

.rt-0 img {
	width:80px;
	height:85px;
}

.top-i {
	display:none;
}

.rt-1 {
	float:left;
	width:80px;
	height:85px;
	margin:0 5px 0 5px;
}

.rt-1 img {
	width:80px;
	height:85px;
}

.top-shin {
	display:none;
}

.rt-2 {
	float:left;
	width:80px;
	height:85px;
	margin:0 5px 0 5px;
}

.rt-2 img {
	width:80px;
	height:85px;
}

.top-dou {
	display:none;
}

.rt-3 {
	float:left;
	width:80px;
	height:85px;
	margin:0 5px 0 5px;
}

.rt-3 img {
	width:80px;
	height:85px;
}

.top-tai {
	display:none;
}

.rt-4 {
	width:340px;
	height:20px;
	margin:0 auto;
	float:none;
	clear:both;
}

.rt-4 img {
	width:340px;
	height:20px;
	margin:10px 0 0 0;
}

.power {
	display:none;
}

.rt-5 {
	width:340px;
	height:64px; 
	margin:0 auto;
	float:none;
	clear:both;
}

.rt-5 img {
	width:340px;
	height:64px;
	margin:80px 0 0 0;
}

.logo-rt {
	display:none;
}

.rtop-nav {
	width:960px;
	margin:10px auto;
	background:#FFF;
	overflow:hidden;
	float:none;
	clear:both;
}

.rtop-nav li {
	width:150px;
	margin:5px;
	float:left;
}

/* contact */

.wpform h4 {
	font-size:14px;
	letter-spacing:0.1em;
	margin:0 auto 0 auto;
	padding:10px 0 0 0;
	font-weight:normal;
	text-align:center;
	float:none;
	clear:both;
}

.wpform h5 {
	font-size:14px;
	letter-spacing:0.1em;
	margin:0 auto 0 auto;
	padding:40px 0 20px 0;
	font-weight:normal;
	text-align:center;
	float:none;
	clear:both;
}

.contact-input {
	width:100%;
	margin:0 auto;
	border-bottom:1px dotted #c3c3c3;
	padding:30px 0 30px 0;
	float:none;
	clear:both;
}

.contact-input th {
	width:20%;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	letter-spacing:0.1em;
	color:#000;
	vertical-align:top;
	padding:20px;
	box-sizing:border-box;
}

.contact-input td {
	width:80%;
	font-size:14px;
	color:#666;
	vertical-align:top;
	padding:20px;
	box-sizing:border-box;
}

.contact-input input ,select {
	position:relative;
	top:-3px;
}

.red {
	color:#c00;
	font-weight:normal;
}

.wpform .table5 {
	padding:20px 20px 0 20px !important;
}

.wpform .table6 {
	padding:40px 20px 40px 20px !important;
}

.wpform .table7 {
	padding:20px 20px 20px 20px !important;
}


.wpform .table8 {
	padding:40px 20px 40px 20px !important;
}

.contact-attention {
	font-size:12px;
	font-weight:normal;
	line-height:150%;
}

.contact-check {
	width:100%;
	margin:0 auto;
	padding:0 0 30px 0;
	text-align:center;
	float:none;
	clear:both;
}


.contact-check input ,select {
	position:relative;
	top:-3px;
}
	
.contact-button {
	width:100%;
	margin:0 auto;
	padding:0 0 30px 0;
	text-align:center;
	float:none;
	clear:both;
}

.contact-button input{
 width:40%;
	background:#2290EB;
	border-radius:20px;
	padding:15px;
	text-align:center;
	margin:50px 30% 50px 30%;
 cursor:pointer;
 outline:none;
	font-size:21px;
	font-weight:bold;
	border:none;
	box-sizing:border-box;
	color:#FFF;
}

.contact-button input{
 width:40%;
	background:#2290EB;
	border-radius:20px;
	padding:15px;
	text-align:center;
	margin:50px 30% 50px 30%;
 cursor:pointer;
 outline:none;
	font-size:21px;
	font-weight:bold;
	border:none;
	box-sizing:border-box;
	color:#FFF;
}


.contact-link {
	width:40%;
	background:#2290EB;
	border-radius:20px;
	padding:15px;
	text-align:center;
	margin:50px 30% 50px 30%;
	font-size:21px;
	font-weight:bold;
	box-sizing:border-box;
	color:#FFF;
	float:left;
	clear:both;
}

.contact-link a:link {
	color:#FFF;
}


.contact-link:hover {
	opacity:0.8;
}

.contact-link a:visited {
	color:#FFF;
}

.contact-link a:hover {
	color:#FFF;
}

.contact-link a:active {
	color:#FFF;
}

.contact-link2 ul {
	width:90%;
	margin:0 5% 0 5%;
	float:left;
	clear:both;
}

.contact-link2 li {
	width:40%;
	background:#2290EB;
	border-radius:20px;
	padding:15px;
	text-align:center;
	margin:50px 0 50px 5%;
	font-size:21px;
	font-weight:bold;
	box-sizing:border-box;
	color:#FFF;
	float:left;
}

.contact-link2 li a:link {
	color:#FFF;
}

.contact-link2 li a:visited {
	color:#FFF;
}

.contact-link2 li a:hover {
	color:#FFF;
}

.contact-link2 li a:active {
	color:#FFF;
}

.contact-link2 li:hover {
	opacity:0.8;
}


/* footer */

.footer-container {
	position:relative;
	width:100%;
	background:#3F3F3F;
	border-bottom:5px solid #3EB78E;
}

.copyright {
	padding:10px 0 10px 0;
	color:#FFF;
}

.copyright a:link {
	color:#FFF;
}

.copyright a:visited {
	color:#FFF;
}

.copyright a:hover {
	color:#FF9900;
}

.copyright a:active {
	color:#FF9900;
}

.footermenu-tb {
	display:none;
}

h5 a:link {
	color:#FF9900;
}

h5 a:visited {
	color:#FF9900;
}

h5 a:hover {
	color:#2290EB;
}

h5 a:active {
	color:#2290EB;
}



.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }