@charset "utf-8";

/*
Theme Name: 株式会社 ハ・ン・ド
Theme URI: http://www.hand.co.jp
Author: 株式会社 ジーアングル - http://www.g-angle.co.jp
Author URI: http://www.g-angle.co.jp
Description: 株式会社 ハ・ン・ド  // wordpress オリジナルテンプレート
Version: ver,2015.01 (wordpress ver4.1)
Description: 2015_01_01
*/

/**
 * リセット関係
 *
 * 1.0 - style リセット (html5doctor)
 * 2.0 - font リセット (YUI Fonts)
 * -----------------------------------------------------------------------------*/

/* 
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/


html{
	overflow-y: scroll;

}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, p, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	word-break: normal; 
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

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

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

body{font:13px/1.5 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
#yui3-css-stamp.cssfonts{display:none}


/* common
-----------------------------------*/
a:link {color:#6dbb4f; text-decoration:none;}
a:visited {color:#6dbb4f; text-decoration:none;}
a:hover {color:#6dbb4f; text-decoration:none;}
a:active {color:#6dbb4f; text-decoration:none;}
a:focus {color:#6dbb4f; text-decoration:none;}
a img {border:none;}


/**
 * SP[max-640px]
 * 1.0 - ヘッダー
 * 2.0 - パンくずリスト
 * 3.0 - コンテナー
 　* 3.1 - コンテナー > 会社案内
 　* 3.2 - コンテナー > 採用情報 　
 　* 3.3 - コンテナー > ニュース
 　* 3.4 - コンテナー > ホーム
 　* 3.5 - コンテナー > トップへ戻る 　
 　* 3.6 - コンテナー > このサイトについて
 　* 3.7 - コンテナー > サイトマップ
 　* 3.8 - コンテナー > お問い合わせ(コンタクトフォーム)
 　* 3.9 - コンテナー > ページ下部ナビゲーション
 　* 3.10 - コンテナー > footerナビゲーション
 * 4.0 - フッター
 * -----------------------------------------------------------------------------*/

@media only screen and (max-width: 640px) {
	
html, body {
	font-family:Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background:#fff;
	color:#333;
	moz-text-size-adjust:none;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

tbody tr{display: block;margin-bottom: 1.5em;}
tbody th,
tbody td{display:list-item; border: none;}


/* ヘッダー
------------------------------------------*/
#header_pc {display:none;}

#sp_hd_box {
	position:relative;
	width:100%;
	overflow:hidden;
}

/*logo(h1)*/
#sp_hd_box  h1 {
	background:url(img/sp/logo.jpg) no-repeat;
	background-size:160px 70px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin: 5px 0 0 0;
}

#sp_hd_box h1 a{
	display:block;
	width:160px;
	height:70px;
}

#sp_hd_box h1:hover {opacity:0.8;}

/*メニュー*/
#hd_contact{
	position:absolute;
	top:10px;
	right:57px;
	width:50px;
	height:56px;
	background:url(img/sp/bt_contact_top.png) no-repeat;
	background-size:50px 56px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#hd_contact a{
	display:block;
	width:60px;
	height:67px;
}

#hd_contact:hover {opacity:0.8;}

/* ヘッダー > グローバルナビゲーション
------------------------------------------*/
/*ボタン*/
.global_nav_bt {
	position:absolute;
	top:15px;
	right:5px;
	cursor:pointer;
	width:40px;
	height:451px;
	background:url(img/sp/bt_menu.png) no-repeat;
	background-size:40px 45px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.global_nav_bt:hover {opacity:0.8;}

.global_nav_box {
	position:relative;
	height:auto;
	display:block;
	margin:0 0 0 0;
}

.global_nav_box:after {
	content:' ';
	position:absolute;
	height:0;
	width: 0;
	border-bottom:11px solid #6dbb4f;
	border-left:11px solid transparent;
	border-right:11px solid transparent;
	top:-7px;
	right:13px;
}

.global_nav {
	width:100%;
	height:auto;
	border-top:5px solid #6dbb4f;
	border-right:4px solid #6dbb4f;
	border-left:4px solid #6dbb4f;
	font-size:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	list-style:none;
}

.global_nav:after {
	content:" ";
	clear:both;
	display:block;
}

.global_nav li {
	float:left;
	width:50%;
	height:auto;
	text-align:center;
	background-color:#fff;
	border-bottom:5px solid #6dbb4f;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

.global_nav li:nth-child(odd) {border-right:5px solid #6dbb4f;}

.global_nav a{
	display:block;
	font-size:116%;
	text-decoration:none;
	padding:24px 0;
}

.global_nav a:hover {background:#f5f5f5;}

/* パンくずリスト(pc)
------------------------------------------*/
#pankuzu_box {display:none;}

.pankuzu_sp3 {margin:0 0 10px 10px;}
.pankuzu_sp3 a {color:#217700; font-weight:100;}

/* コンテナー
------------------------------------------*/
#container {
	width:100%;
	overflow:hidden;
	position:relative;
	background:url(img/pc/bg_cara.jpg) bottom no-repeat;
	background-size:125%;
	padding:0 0 100px 0;
	}

#content {
	width:100%;
	overflow:hidden;
}

.blog_h2 {
	height:52px;
	line-height:52px;
	font-size:153.9% ;
	font-weight:normal;
	margin:0 0 15px 0;
	background:#fff url(img/pc/icon_h2.jpg) left no-repeat;
	border-top:1px #CCC solid;
	padding:0 0 0 67px;
	position: relative;
}

.blog_h2 span {
	height: 52px;
	font-size: 12px;
	margin: 0 0 0 20px;
	line-height: 53px;
	position: absolute;
	display: inline-block;
}

.blog_h3 {
	max-width:640px;
	font-size:131% ;
	font-weight:normal;
	background:url(img/pc/icon_h3.gif) repeat-y;
	padding:0 10px;
	margin:0 10px;
	word-break: normal;
}

.blog_h4 {
	font-size:108%;
	background:url(img/pc/icon_h4.png) no-repeat left 5px;
	background-size:10px 10px;
	padding:0 0 0 15px;
	margin:0 0 10px 0;
}

.blog_p p{padding:0 20px 10px 15px;}

.blog_li{margin:0 25px 0 25px;}

.blog_li li{margin:0 0 10px 0;}

.the_content {
	max-width:640px;
	clear:both;
	overflow:hidden;
	position:relative;
	border-top:#ccc 1px solid;
	padding:15px 0 0 0;
	margin:4px 10px 20px; 10px;
}

.blog_left {
	word-break:break-word;
	float:left;
	max-width:115px;
	margin:0 0 0 5px;
}

.blog_left img{
	max-width:115px;
	height:auto;
	margin:0 0 5px 5px;
}

.img_none {
	margin:0 10px 0 5px;
}

.blog_right {
	overflow:hidden;
	padding:0 0 20px 5px;
}

.blog_right img{
	max-width: 100%;
	margin:10px 0;
}

.site_link {
	text-align: right;
}

.arrow {
	width:10px;
	height:10px;
	background:url(img/pc/icon_arrow.png) no-repeat left;
	background-size:5px 7px;
	margin:0 0 0 5px;
	padding:0 0 0 10px;
	font-size: 12px;
}

.arrow_pdf {
	width:16px;
	height:16px;
	background:url(img/pc/icon_pdf.png) no-repeat left;
	background-size:16px 16px;
	margin:0;
	padding:0 0 0 16px;
}

.text_indent {
	text-indent:100%;
	white-space:nowrap;
}

.color_red {color:#f00;}

.sp_none {display:none;}

/*h4が無い場合h3にマージンをそろえる*/	
.p_only{margin-left:-15px;}

/* コンテナー > 固定ページ調整rayout
------------------------------------------------------*/
.float_right{float:right;}

.float_left{float:left;}

.clear_both{clear:both;}

.p_copyright {display:none;}

/*h4が無い場合h3にマージンをそろえる*/	
.p_only{margin-left:0px;}

.daihyou {margin:2em 0 2em 0;}

/* 会社案内
-----------------------------------*/
/* 会社案内 > ごあいさつ
-----------------------------------*/
.representative_img {
	float:right;
	width:115px;
	height:147px;
	background:url(img/pc/seo_matoba.jpg) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	margin:0 10px 1em 1em;
}

.com_p {margin:0 0 0 -5px;}

/* 会社案内 > 会社概要
-----------------------------------*/
#profile_table {
	width:100%;
	height:auto;
}

#profile_table th {
	max-width:640px;
    padding:5px;
    border:1px #ccc solid;
	background-color:#efefef;
	text-align:left;
	vertical-align:text-top;
	margin:0 0 0 0;
}

#profile_table td {padding:10px 10px 10px 5px;}

#profile_table li {padding:5px;}

/* 会社案内 > 沿革
-----------------------------------*/
#history_table {
    width:100%;
	height:auto;
}

#history_table th {
	max-width:640px;
	padding:5px;
	border-bottom:#ccc 1px dashed;
	text-align:left;
}

#history_table td {padding:15px 5px;}

/* 会社案内 > 沿革
-----------------------------------*/
.company_map_sp {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin:0 0 15px 0;
}

.company_map_sp iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* 会社案内 > アクセスマップ
-----------------------------------*/
.tel_fax_br_pc {display:none;}

/* 採用情報
-----------------------------------*/
/* 採用情報 > top
-----------------------------------*/
#jobs_top_bn {
	width:276px;
	height:143px;
	background:url(img/pc/jobs/bn_jobs.jpg) no-repeat;
	overflow:hidden;
	margin: 0 auto;
}

#jobs_top_bn a{
	display:block;
	width:276px;
	height:143px;	
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin: 0 auto;
}

jobs_top_slide {
	max-width:640px;
	height:auto;}

#jobs_top_slide_img {
	position:relative;
	max-width:640px;
	padding-top:60%;
	list-style:none;
	overflow:hidden;
	margin:0 20px 0 0;
}

#jobs_top_slide_img li{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:contain;
	list-style:none;
	overflow:hidden;
	margin:0 0 0 25px;
}

.ecareer_link{
	width: 178px;
	display: block;
	margin: 0 auto;
}

#slide_img_01 { background:url(img/pc/jobs/img01.jpg) no-repeat; }



/* 採用情報 > 求める人材 > ゲーム開発事業
-----------------------------------*/
.wanted_game1 {
	overflow:hidden;
	max-width:100%;
	height:186px;
	background:url(img/pc/jobs/wanted/gm_illust1.png) right no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 5px 0 0;
}

.wanted_game2 {
	overflow:hidden;
	width:112px;
	height:110px;
	background:url(img/pc/jobs/wanted/gm_illust2.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 1em 0 0;
}

.wanted_game3 {
	overflow:hidden;
	width:350px;
	height:185px;
	background:url(img/pc/jobs/wanted/gm_illust3.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 0 1em 0;
}

.wanted_game4 {
	overflow:hidden;
	float:right;
	width:100%;
	height:185px;
	background:url(img/pc/jobs/wanted/gm_illust4.png) right no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 0 1em 0;
}

.wanted_game5 {
	overflow:hidden;
	max-width:100%;
	height:185px;
	background:url(img/pc/jobs/wanted/gm_illust5.png) right no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0;
}

.wanted_game6 {
	clear:both;
	max-width:500px;
	padding-top:100%;
	background:url(img/pc/jobs/wanted/gm_soukanzu.png) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	margin:0 auto;
	
}

.wanted_game_public {
	width:100%;
	margin:1em 0 0 0;
}
	
.wanted_game_develop {
	width:100%;
	margin:1em 0 0 0;
}

.wanted_game_develop ul{
	margin:0 0 1em 35px;
	font-weight:bold;
}

.wanted_game_develop_text11{
	font-size:85%;
	margin:0 0 0 2px;
}

/* 採用情報 > 求める人材 > モバイル事業
-----------------------------------*/
.wanted_mo1 {
	overflow:hidden;
	width:285px;
	height:170px;
	background:url(img/pc/jobs/wanted/mb_illust1.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	padding:2em 0 0 0;
	margin:0 auto;
}

.wanted_mo2 {
	overflow:hidden;
	width:252px;
	height:175px;
	background:url(img/pc/jobs/wanted/mb_illust2.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 auto;
}

/* 採用情報 > 求める人材 > ソーシャルメディア事業
-----------------------------------*/
.wanted_sns1 {
	max-width:500px;
	padding-top:100%;
	background:url(img/pc/jobs/wanted/sns_illust1.png) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	margin:0 auto;
}

/* 採用情報 > 求める人材 > 映像制作
-----------------------------------*/
.wanted_cg1 {
	max-width:500px;
	padding-top:100%;
	background:url(img/pc/jobs/wanted/cg_illust1.png) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	margin:0 auto;
}

/* 採用情報 > 社員からのメッセージ > 先輩社員
-----------------------------------*/
.message_senior1 {
	width:100%;
	height:145px;
	background:url(img/pc/jobs/message/senior/illust1.png) right no-repeat;
	text-indent:100%;
	white-space:nowrap;
}

/* 採用情報 > 社員からのメッセージ > 先輩社員 > プログラマー
-----------------------------------*/
.message_left_box,
.message_right_box {
	max-width:320px;
	padding:0 0 20px 0;
	margin:0 0 0 12px;
}

.message_left1 { /* メッセージの背景*/
	background-image:url(img/pc/jobs/message/senior/ppl_top_sp.png), url(img/pc/jobs/message/senior/ppl_btm_sp.png), url(img/pc/jobs/message/senior/ppl_main_sp.png);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:top, bottom, center;
	width:290px;
	padding:1em 0 2em 0;
	
	}

.message_senior_pro1 { /* メッセージ者の背景*/
	overflow:hidden;
	width:277px;
	height:98px;
	background:url(img/pc/jobs/message/senior/ppl_programmer1.png) no-repeat;
	margin:5px 0 0 0px;
}

.message_senior_pro1 p{ /* メッセージ者の名前*/
	color:#9c8de9;
	font-size:100%;
	font-weight:bold;
	padding:25px 0 0 80px;
}

.message_right1 { /* メッセージの背景*/
	background-image:url(img/pc/jobs/message/senior/ppl_top_sp.png), url(img/pc/jobs/message/senior/ppl_btm_sp.png), url(img/pc/jobs/message/senior/ppl_main_sp.png);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:top, bottom, center;
	width:290px;
	padding:1em 0 2em 0;
	}

.message_senior_pro2 { /* メッセージ者の背景*/
	overflow:hidden;
	width:281px;
	height:100px;
	background:url(img/pc/jobs/message/senior/ppl_programmer2.png) no-repeat;
	margin:5px 0 0 0px;
}

.message_senior_pro2 p{ /* メッセージ者の名前*/
	color:#9c8de9;
	font-size:100%;
	font-weight:bold;
	padding:25px 0 0 80px;
}

/* 採用情報 > 社員からのメッセージ > 先輩社員 > 2Dデザイナー
-----------------------------------*/
.message_left2 { /* メッセージの背景*/
	background-image:url(img/pc/jobs/message/senior/green_top_sp.png), url(img/pc/jobs/message/senior/green_btm_sp.png), url(img/pc/jobs/message/senior/green_main_sp.png);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:top, bottom, center;
	width:290px;
	padding:1em 0 2em 0;
	}
	
.message_senior_2d1 { /* メッセージ者の背景*/
	overflow:hidden;
	width:287px;
	height:101px;
	background:url(img/pc/jobs/message/senior/green_2d1.png) no-repeat;
	margin:5px 0 0 0;
}

.message_senior_2d1 p{ /* メッセージ者の名前*/
	color:#70c28b;
	font-size:100%;
	font-weight:bold;
	padding:25px 0 0 80px;
}

.message_right2 { /* メッセージの背景*/
	background-image:url(img/pc/jobs/message/senior/green_top_sp.png), url(img/pc/jobs/message/senior/green_btm_sp.png), url(img/pc/jobs/message/senior/green_main_sp.png);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:top, bottom, center;
	width:290px;
	padding:1em 0 2em 0;
	}

.message_senior_2d2 { /* メッセージ者の背景*/
	overflow:hidden;
	width:283px;
	height:103px;
	background:url(img/pc/jobs/message/senior/green_2d2.png) no-repeat;
	margin:5px 0 0 0;
}

.message_senior_2d2 p{ /* メッセージ者の名前*/
	color:#70c28b;
	font-size:100%;
	font-weight:bold;
	padding:25px 0 0 80px;
}

/* 採用情報 > 社員からのメッセージ > 先輩社員 > 3Dデザイナー
-----------------------------------*/
.message_left3 { /* メッセージの背景*/
	background-image:url(img/pc/jobs/message/senior/orange_top_sp.png), url(img/pc/jobs/message/senior/orange_btm_sp.png), url(img/pc/jobs/message/senior/orange_main_sp.png);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:top, bottom, center;
	width:290px;
	padding:1em 0 2em 0;
	}
	
.message_senior_3d1 { /* メッセージ者の背景*/
	overflow:hidden;
	width:282px;
	height:106px;
	background:url(img/pc/jobs/message/senior/orange_3d1.png) no-repeat;
	margin:5px 0 0 0;
}

.message_senior_3d1 p{ /* メッセージ者の名前*/
	color:#da904f;
	font-size:100%;
	font-weight:bold;
	padding:25px 0 0 80px;
}

.message_right3 { /* メッセージの背景*/
	background-image:url(img/pc/jobs/message/senior/orange_top_sp.png), url(img/pc/jobs/message/senior/orange_btm_sp.png), url(img/pc/jobs/message/senior/orange_main_sp.png);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:top, bottom, center;
	width:290px;
	padding:1em 0 2em 0;
	}

.message_senior_3d2 { /* メッセージ者の背景*/
	overflow:hidden;
	width:281px;
	height:106px;
	background:url(img/pc/jobs/message/senior/orange_3d2.png) no-repeat;
	margin:5px 0 0 0;
}

.message_senior_3d2 p{ /* メッセージ者の名前*/
	color:#da904f;
	font-size:100%;
	font-weight:bold;
	padding:25px 0 0 80px;
}

/* 採用情報 > 社員からのメッセージ > 先輩社員 > プランナー
-----------------------------------*/
.message_left4 { /* メッセージの背景*/
	background-image:url(img/pc/jobs/message/senior/blue_top_sp.png), url(img/pc/jobs/message/senior/blue_btm_sp.png), url(img/pc/jobs/message/senior/blue_main_sp.png);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:top, bottom, center;
	width:290px;
	padding:1em 0 2em 0;
	}
	
.message_senior_plan1 { /* メッセージ者の背景*/
	overflow:hidden;
	width:286px;
	height:106px;
	background:url(img/pc/jobs/message/senior/blue_plan1.png) no-repeat;
	margin:5px 0 0 0;
}

.message_senior_plan1 p{ /* メッセージ者の名前*/
	color:#71addb;
	font-size:100%;
	font-weight:bold;
	padding:25px 0 0 80px;
}

.message_right4 { /* メッセージの背景*/
	background-image:url(img/pc/jobs/message/senior/blue_top_sp.png), url(img/pc/jobs/message/senior/blue_btm_sp.png), url(img/pc/jobs/message/senior/blue_main_sp.png);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:top, bottom, center;
	width:290px;
	padding:1em 0 2em 0;
	}

.message_senior_plan2 { /* メッセージ者の背景*/
	overflow:hidden;
	width:286px;
	height:106px;
	background:url(img/pc/jobs/message/senior/blue_plan2.png) no-repeat;
	margin:5px 0 0 0;
}

.message_senior_plan2 p{ /* メッセージ者の名前*/
	color:#71addb;
	font-size:100%;
	font-weight:bold;
	padding:25px 0 0 80px;
}

/* 採用情報 > 社員からのメッセージ > 新入社員
-----------------------------------*/
.rookie_li {padding:2px 0 0 20px;}
.message_rookie1,
.message_rookie2,
.message_rookie3,
.message_rookie4 {display:none;}

/* 採用情報 > 採用faq
-----------------------------------*/
.faq_p_nav {
	margin:10px 0 10px 0;
}

.faq_p_nav li{
	border-left:1px solid #ccc;
	padding:10px;
	list-style:none;
}

.faq_p_nav li:last-child{
	border-right:1px solid #ccc;	
}

#page-top_jobs_faq {
	margin:10px 0 0 0;
    font-size: 100%;
}

#page-top_jobs_faq a {
	height:21px;
	line-height:21px;
	background:url(img/pc/icon_top.jpg) right no-repeat;
    text-decoration: none;
    color: #000;
    display: block;
	text-align:right;
	padding:0 35px 0 0;
}

#page-top_jobs_faq a:hover {
    text-decoration:none;
	background:url(img/pc/icon_top_over.jpg) right no-repeat;
	color:#6dbb4f;
}

.contact_text {
	margin:1em 0 0 0;
	text-align:right;
	}

/* 採用情報 > 募集要項 (全般)
-----------------------------------*/
.app_li {
	margin: 0 0 0 10px;
	list-style:none;
}

.app_li li{
	float:left;
	margin:0 25px 0 0 ;
}

.app_li2 {margin: 0 0 0 45px;}

.app_li2 li{margin:0 0 10px 0;}

.app_img1 {
	height:27px;
	line-height:27px;
	background:url(img/pc/jobs/application/icon_sapporo.png) no-repeat left;
	background-size:22px 22px;
	padding:0 0 0 27px;
}

.app_img2 {
	height:27px;
	line-height:27px;
	background:url(img/pc/jobs/application/icon_tokyo.png) no-repeat left;
	background-size:22px 22px;
	padding:0 0 0 27px;
}

.app_img3 {
	height:27px;
	line-height:27px;
	background:url(img/pc/jobs/application/icon_seishain.png) no-repeat left;
	background-size:22px 22px;
	padding:0 0 0 27px;
}

.app_img4 {
	height:27px;
	line-height:27px;
	background:url(img/pc/jobs/application/icon_keiyaku.png) no-repeat left;
	background-size:22px 22px;
	padding:0 0 0 27px;
}

.app_img5 {
	height:27px;
	line-height:27px;
	background:url(img/pc/jobs/application/icon_arbeit.png) no-repeat left;
	background-size:22px 22px;
	padding:0 0 0 27px;
}

.app_img6 {
	overflow:hidden;
	float:right;
	height:150px;
	width:129px;
	background:url(img/pc/jobs/application/illust01.png) no-repeat left;
	text-indent:100%;
	white-space:nowrap;
	margin:0 20px 0 0;
}

.app_img7_sp {
	overflow:hidden;
	max-width:640px;
	height:420px;
	background:url(img/sp/img_saiyou_sp.jpg) no-repeat center;
	text-indent:100%;
	white-space:nowrap;
	margin:0 0 10px 0;
}

/* 採用情報 > 募集要項 トップ / 募集リスト
-----------------------------------*/
#app_li_employment {
	width:100%;
	margin:0 0 30px 0;
}

#app_li_employment h4{	
	font-size:15px;
	background:url(img/pc/icon_h4.png) no-repeat left;
	background-size:10px 10px;
	padding:0 0 0 16px;
	margin:20px 0 15px 13px;
	letter-spacing:1px;
}

#app_li_employment p{
	width:320px;
	padding:0 0 0 30px;
}

.app_table_employment{
	width:340px;
	list-style:none;
}

.app_table_employment th {
	font-size:108%;
	text-align:left;
	font-weight:normal;
	margin:0 0 5px 30px;
}

.app_table_employment td {
	text-align:left;
	vertical-align:middle;
	white-space: nowrap;
	margin:0 0 0 27px;
}

.app_table_employment td img {
	vertical-align:middle;
	margin:0 4px 0 0;
}

/* 採用情報 > 募集要項 > 更新領域テーブル
-----------------------------------*/
#app_table {
    border-collapse:collapse;
    border-spacing:0;
	text-align:left;
	margin:15px 10px 50px 10px;
}

#app_table th {
    padding:8px;
	background-color:#efefef;
    border:1px #CCC solid;
}

#app_table td {
    padding:10px 0 10px 8px;
    border:1px #CCC solid;
}



/* ニュース
-----------------------------------*/
.news_single_day{ font-size:77%;}

/* HOMEレイアウト > PCコンテンツ / 外枠
------------------------------------------*/
#container_top {display:none;}

/* HOMEレイアウト > ニュース
-----------------------------------*/
.news_pc_title { display:none;}

/* HOMEレイアウト > ヘッダh2
------------------------------------------*/
.sp_h2_news {
	height:42px;
	font-size:131%;
	color:#6dbb4f;
	font-weight:normal;
	background:#fff url(img/sp/icon_news.png) left no-repeat;
	background-size:30px 30px;
	border-bottom:2px solid #6dbb4f;
	padding:8px 0 0 38px;
	margin:25px 10px 15px 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

.sp_h2_topics {
	height:40px;
	font-size:131%;
	color:#6dbb4f;
	font-weight:normal;
	background:#fff url(img/sp/icon_topics.png) 0px 3px no-repeat;
	background-size:40px 35px;
	border-bottom:2px solid #6dbb4f;
	padding:8px 0 0 46px;
	margin:25px 10px 15px 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

.sp_h2_movei {
	height:40px;
	font-size:131%;
	color:#6dbb4f;
	font-weight:normal;
	background:#fff url(img/sp/icon_movie.png) 0px 1px no-repeat;
	background-size:42px 35px;
	border-bottom:2px solid #6dbb4f;
	padding:5px 0 0 47px;
	margin:25px 10px 15px 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

/* HOMEレイアウト > メインビジュアル
------------------------------------------*/
.bx-wrapper {
    width:100%;
    margin: 0 auto;
    position: relative;
}

.bxslider img {
	width:100%;
	height:auto;
	}

.bx-controls-direction a {
	overflow:hidden;
	position:absolute;
	top:33%;
	display:block;
	width:30px;
	height:50px;
}
.bx-prev {left: 10px;}
.bx-next {right: 10px;}
.bx-prev:hover {opacity:0.8;}
.bx-next:hover {opacity:0.8;}
.bx-controls-direction a:before  {content:url(img/sp/bt_prev.png); }
.bx-controls-direction a.bx-next:before  {content:url(img/sp/bt_next.png); }

#bx-pager {
    display:block;
    width:100%;
    text-align:center;
	padding:10px 0 0 0;
}

#bx-pager img {height:8px; margin:0 8px 0 0; opacity: 0.5;}
#bx-pager a.active img {opacity:1;}
#bx-pager img:hover {opacity:1;}

.pc_pager {display:none;}

/* HOMEレイアウト > News, Topics 部分
------------------------------------------*/
.sp_top_topix {
	max-width:640px;
	height:auto;
	overflow:hidden;
	list-style:none;
	padding:0 10px;
}

.sp_top_topix li{
	display:block;
	float:left;
	width:100%;
	height:auto;
	background:url(img/sp/icon_sp_arrow.png) no-repeat right;
	background-size: 10px 18px;
	border-bottom:#CCC solid 1px;
	margin:0 0px 10px 0;
	padding: 5px 0 10px 0;
}

.sp_top_topix img{
	float:left;
	width:30%;
	height:auto;
	margin:0 15px 15px 0;
}

.sp_top_topix_p {overflow:hidden; zoom:1; margin:0 0 10px 0;}
.sp_top_topix a{color:#333;}
.sp_top_topix :hover{opacity:0.8;}
.sp_top_topix h2{margin:0 0 1em 0;}
.sp_top_topix h4{font-size:77%;}
.sp_top_topix p, h2{padding:0 2em 0 0;}

.sp_news_all {
	text-align:right;
	padding:0 5px 0 0;
	margin:10px 10px 0 0;
	font-size:131%;
}
.sp_news_all a{color:#217700;}


/* HOMEレイアウト > Youtube
------------------------------------------*/
.sp_youtube {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin:0 10px 0 10px;
}

.sp_youtube iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* HOMEレイアウト > コンテンツナビ
------------------------------------------*/
#sp_top_nav_box {
	margin:100%;
	overflow:hidden;
	padding:0 10px;
	margin:35px 0 25px 0;
}

#sp_top_nav_box img:hover {opacity:0.8;}

#sp_top_nav_bt_company {
	max-width:100%;
	height:auto;
	border:1px solid #6dbb4f;
	margin:0 0 20px 0;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

#sp_top_nav_bt_business {
	float:left;
	max-width:48%;
	height:auto;
	border:1px solid #4ebb9f;
	margin:0 0 22px 0;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

#sp_top_nav_bt_develop {
	float:right;
	max-width:48%;
	height:auto;
	border:1px solid #6dbb4f;
	margin:0 0 22px 0;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

#sp_top_nav_bt_jobs {
	float:left;
	max-width:48%;
	height:auto;
	border:1px solid #bbb04e;
	margin:0 0 10px 0;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

#sp_top_nav_bt_contact {
	float:right;
	max-width:48%;
	height:auto;
	border:1px solid #bb524e;
	margin:0 0 10px 0;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

/* トップへ戻る
-----------------------------------*/
#page-top {
    position:absolute;
    bottom:50px;
    right:15px;
    font-size: 100%;
}

#page-top a {
	height:21px;
	line-height:21px;
	background:url(img/pc/icon_top.jpg) right no-repeat;
    text-decoration: none;
    color: #000;
    display: block;
	text-align:right;
	padding:0 35px 0 0;
}

#page-top a:hover {
    text-decoration:none;
	background:url(img/pc/icon_top_over.jpg) right no-repeat;
	color:#6dbb4f;
}

/* このサイトについて
-----------------------------------*/
.about_adobe1 {
	overflow:hidden;
	width:100%;
	height:39px;
	display:block;
	background:url(img/pc/get_adobe_flash_player.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:20px 0 30px 0;
}

.about_adobe1 a{
	width:158px;
	height:39px;
	overflow:hidden;
}

.about_adobe2 {
	overflow:hidden;
	display:block;
	width:100%;
	height:39px;
	background:url(img/pc/get_adobe_reader.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 0 20px 0;
}

.about_adobe2 a{
	overflow:hidden;
	width:158px;
	height:39px;
}

/* サイトマップ
------------------------------------------*/
.sitemap_left {
	width:300px;
	margin:0 0 0 10px;
}

.sitemap_left li {
	list-style:disc;
	margin:0 0 0 30px;
}

.sitemap_left li a{
	color:#333;
}
.sitemap_left li a:hover{
	color:#6dbb4f;
}


.sitemap_right {
	width:300px;
	margin:0 0 0 10px;
}

.sitemap_right li {
	list-style:disc;
	margin:0 0 0 30px;
}

.sitemap_right li a{
	color:#333;
}
.sitemap_right li a:hover{
	color:#6dbb4f;
}


.sitemap_center {
	width:300px;
	margin:0 0 0 10px;
}

.sitemap_center li {
	list-style:disc;
	margin:0 0 0 30px;
}

.sitemap_center li a{color:#333;}

.sitemap_center li a:hover{color:#6dbb4f;}

.sitemap_style_child {padding:0 0 0 20px;}

.sitemap_style_child li{list-style:circle;}

.sitemap_left li:last-child,
.sitemap_center li:last-child,
.sitemap_right li:last-child { margin-bottom:20px;}

/* お問い合わせ (コンタクトフォーム)
-----------------------------------*/
#contact_form{
	margin:0 0 0 15px;
	list-style:none;
}

#contact_form th {text-align:left;}
#contact_form td{max-width:290px;}

.contact_subject {color:#f00;}
.wpcf7-form input[type=submit]{
	text-align:center;
	font-size:100%;
	font-weight:bold;
	background:-moz-linear-gradient(top,#efefef 0%,#cecece);
    background:-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#cecece));
	border:1px solid #ccc;
	cursor:pointer;
	padding:10px 20px;
	margin:0 auto;
}
.submit:hover{color:#6dbb4f;}

.wpcf7-form input{
	width: 100%;
	max-width:260px !important;
	border: solid 1px #CCC;
	border-radius: 5px;

}
.wpcf7-text {min-height:3em !important;}

.wpcf7-form textarea{
	width: 100%;
	max-width:270px !important;
	border: solid 1px #CCC;
	border-radius: 5px;

}
.wpcf7-form .wpcf7-submit{max-width:290px !important;}


/* spページ下部 > ナビゲーション
------------------------------------------*/
.side_nav {display:none;}

.side_nav_sp ul{
	max-width:640px;
	overflow:hidden;
	list-style:none;
}

.side_nav_sp li a{
	display:block;
	float:left;
	width:100%;
	height:auto;
	background:url(img/sp/icon_sp_arrow.png) no-repeat 98%;
	background-size:10px 18px;
	border-bottom:#CCC solid 1px;
	padding:15px 10px;
	font-size:116%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

.side_nav_sp li :hover{opacity:0.8;}

.side_nav_sp ul li a {
	color:#333;
	display:block;
	max-width:640px;
	text-decoration:none;
}

/* spページ下部 > ナビゲーション > ニュース
------------------------------------------*/	
.side_h2_news {
	height:48px;
	line-height:48px;
	font-size:131%;
	font-weight:normal;
	background:#f6f6f6 url(img/sp/icon_news.png)  10px 8px  no-repeat;
	background-size:30px 30px;
	border-top:1px solid #ccc;
	border-bottom:2px solid #ccc;
	padding:0 0 0 50px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

/* spページ下部 > ナビゲーション > 会社案内
------------------------------------------*/	
.side_h2_company {
	height:48px;
	line-height:48px;
	font-size:131%;
	font-weight:normal;
	background:#f6f6f6 url(img/sp/icon_company.png)  10px 6px  no-repeat;
	background-size:25px 35px;
	border-top:1px solid #ccc;
	border-bottom:2px solid #ccc;
	padding:0 0 0 45px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

/* spページ下部 > ナビゲーション > 開発実績
------------------------------------------*/
.side_h2_develop {
	height:48px;
	line-height:48px;
	font-size:131%;
	font-weight:normal;
	background:#f6f6f6 url(img/sp/icon_develop.png)  10px 12px  no-repeat;
	background-size:30px 22px;
	border-top:1px solid #ccc;
	border-bottom:2px solid #ccc;
	padding:0 0 0 47px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

/* spページ下部 > ナビゲーション > 採用情報
------------------------------------------*/
.side_h2_jobs {
	height:48px;
	line-height:48px;
	font-size:131%;
	font-weight:normal;
	background:#f6f6f6 url(img/sp/icon_jobs.png) 10px 12px no-repeat;
	background-size:30px 25px;
	border-top:1px solid #ccc;
	border-bottom:2px solid #ccc;
	padding:0 0 0 55px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

/* spページ下部 > ナビゲーション > 事業内容
------------------------------------------*/
.side_h2_business {
	height:48px;
	line-height:48px;
	font-size:131%;
	font-weight:normal;
	background:#f6f6f6 url(img/sp/icon_business.png) 10px 8px no-repeat;
	background-size:30px 30px;
	border-top:1px solid #ccc;
	border-bottom:2px solid #ccc;
	padding:0 0 0 47px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

/* footer > sub(会社アドレス)
------------------------------------------*/
#footer_sub_box {
	clear:both;
	width:100%;
	border-top:2px solid #6dbb4f;
	border-bottom:2px solid #6dbb4f;
	padding:15px 0 15px 10px;
	background-color:#f6f6f6;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

#footer_nav,
#footer_right,
#footer_left  img {display:none;}

.address_logo {
	display:block;
	font-size:108%;
	background:url(img/pc/icon_h4.png) no-repeat;
	background-size:10px 10px;
	background-position:left;
	padding:0 0 0 15px;
}

#address1 li:nth-child(2) {
	list-style:none;
	margin:0 0 10px 15px;
}

#address2 li:nth-child(2) {
	list-style:none;
	margin:0 0 0 15px;
}


/* footer > ナビゲーション
------------------------------------------*/
#footer_nav_sp {
	margin:0;
	width:100%;
	height:auto;
	overflow:hidden;
	border-bottom:2px solid #6dbb4f;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

#footer_nav_sp ul{list-style:none;}

#footer_nav_sp li{
	float:left;
	text-align:center;
	width:33.33%;
	padding:15px 0 15px 10px;
	font-size:70%;
	background:url(img/pc/icon_arrow.png) 6% 17px no-repeat;
	background-size:5px 7px;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
	box-sizing:border-box;
}

#footer_nav_sp li:nth-child(2) {
	border-right:2px solid #6dbb4f;
	border-left:2px solid #6dbb4f;
}

#footer_nav_sp a{
	display:block;
	color:#333;
	text-decoration:none;
}

#footer_nav_sp a:hover {color:#6dbb4f;}

#footer_nav_sp li:hover {
	background:#f5f5f5;
	color:#6dbb4f;
	background:url(img/pc/icon_arrow.png) 6% 17px no-repeat;
}

/* footer
------------------------------------------*/
#footer p{display:none;}

#footer address{
	clear:both;
	width:100%;
	text-align:center;
	font-style:normal;
	font-size:85%;
	padding:15px 0;
}

/* 微調節
------------------------------------------*/

/*  作品copyright */
.develop_copyright{
	font-size: 10px !important;
	margin: 10px 0 20px 0;
	color: #333;
}



}


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


/**
 * PC[min-641px]
 * 1.0 - ヘッダー
 * 2.0 - パンくずリスト
 * 3.0 - ラッパー > header,footer以外 
 * 4.0 - コンテナー
 　* 4.1 - コンテナー > サイドバー (left)
 　* 4.2 - コンテナー > メインコンテンツ(right) 　
 　* 4.3 - コンテナー > 固定ページ調整rayout
 　* 4.4 - コンテナー > 会社案内
 　* 4.5 - コンテナー > 採用情報
 　* 4.6 - コンテナー > このサイトについて
 　* 4.7 - コンテナー > トップへ戻る
 　* 4.8 - コンテナー > お問い合わせ(コンタクトフォーム)
 　* 4.9 - コンテナー > ホーム
 　* 4.10 - コンテナー > サイトマップ
 　* 4.11 - コンテナー > ホーム
 * 5.0 - footer
 * -----------------------------------------------------------------------------*/

@media only screen and (min-width: 641px) {

html, body {
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	background:#fff;
	color:#333;
	moz-text-size-adjust:none;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
}

/* ヘッダー
------------------------------------------*/
#sp_top_rayout,
#sp_hd_box,
.global_nav,
#global_nav_box { height:0; width:0; overflow:hidden; display:none;}


#header_box {
	height:79px;
	/*min-width:1106px;*/
	border-bottom:1px solid #CCC;
}


#header_pc {
	width:986px;
	margin:0 auto;
}

/*ja:logo(h1)*/
#header_pc .logo_ja h1 {
	float:left;
	width:214px;
	height:79px;
	background:url(img/pc/logo.jpg) no-repeat;
	text-indent:100%;
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;
}

/*en:logo(h1)*/
#header_pc .logo_en h1 {
	float:left;
	width:214px;
	height:79px;
	background:url(img/pc/logo_en.jpg) no-repeat;
	text-indent:100%;
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;
}


#header_pc_right {
	float:right;
	width:772px;
	height:79px;
}

.global_nav_pc {
	margin:30px 0 0 16px;
	padding:0;
}

.global_nav_pc ul{
	margin:0;
	padding:0;
}

/*親メニュー*/
.global_nav_pc ul li {
	list-style:none;
	font-size:108%;
	float:left;
	position:relative;
	width:100px;
	height:24px;
	line-height:24px;
	background:#fff;
	color:#333;
	text-align:center;
	border-right:#ccc 1px solid;
}

.global_nav_pc li:last-child{border-right-style:none;}

.global_nav_pc ul li a {
	color:#333;
	display:block;
	text-decoration:none;
}

.global_nav_pc ul li:hover, .global_nav_pc ul li a:hover {color:#6dbb4f;}

/*子メニュー*/
.global_nav_pc ul li ul {
	position:absolute;
	display:table;
	top:24px;
	font-size:93%;
	z-index:1;
}

.global_nav_pc ul li ul li {
	visibility:hidden;
	overflow:hidden;
	width:200px;
	height:0;
	background:#fff;
	border-right-style:none;
	text-align:left;
}

.global_nav_pc ul li ul li a {
	display:table-cell;
	vertical-align:middle;
	padding:0 0 0 10px;
	height:auto;
	line-height:1.3;
}

.global_nav_pc ul li ul li:hover, .global_nav_pc ul li ul li a:hover {
	background:#f9f9f9;
	color:#6dbb4f;
}

.global_nav_pc ul li:hover ul li, .global_nav_pc ul li a:hover ul li{
	visibility:visible;
	display:table-cell;
	vertical-align:middle;
	overflow:visible;
	height:auto;
	border-bottom:#ccc 1px dotted;
	text-align:left;
	padding:10px 0;
}

.global_nav_pc * {
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}

/* パンくずリスト
------------------------------------------*/
.pankuzu_sp3{display:none;}

#pankuzu_box {
	height:38px;
	min-width:1106px;
	border-bottom:1px solid #CCC;
}

#pankuzu ul {
	list-style:none;
	width:986px;
	margin:0 auto;
}

#pankuzu li {
	list-style:none;
	float:left;
	line-height:38px;
	margin:0 10px 0 0;
}

#pankuzu li:last-child {
	color:#217700;
	font-weight:bold;
}

#pankuzu li a{color:#333;}

#pankuzu li a:hover{color:#6dbb4f;}

/* ラッパー
------------------------------------------*/
#rapper {
	background-color:#efefef;
	min-width:1106px;
	height:auto;
	padding:20px 0 30px 0;
}

/* コンテナー
------------------------------------------*/
#container {
	position:relative;
	background:#fff url(img/pc/bg_cara.jpg) bottom no-repeat;
	box-shadow:5px 5px 5px rgba(0,0,0,0.1);
	width:986px;
	min-height:400px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 100px 0;
}


/* コンテナー > サイドバー(left)
------------------------------------------*/	
#side {
	float:left;
	width:220px;
}

.side_h2 {
	height:50px;
	line-height:50px;
	font-size:138.5% ;
	font-weight:normal;
	background:url(img/pc/bg_side_h2.gif) repeat-x;
	padding:0 0 0 12px;
}
	
.side_h2 a{
	display:block;
	color:#fff;
}
	
.side_h2 a:hover{
	color:#efefef;
}

/* コンテナー > サイドバー(left) > nav
------------------------------------------*/
.side_nav_sp{
	display:none;
}

.side_nav ul {
	background:url(img/pc/bg_side_nav_line.jpg) 17px repeat-y;
}

.side_nav li {
	font-size:108%;
	list-style:none;
	position:relative;
	width:176px;
	min-height:49px;
	text-align:left;
	background:url(img/pc/bg_side_nav_sq.jpg) left no-repeat, url(img/pc/bg_side_nav_bt.jpg) -1px bottom repeat-x;
	padding:0 0 0 20px;
	margin:0 0 0 12px;
}

.side_nav ul li a {
	color:#333;
	display:table-cell;
	vertical-align:middle;
	height:49px;
	width:176px;
	text-decoration:none;
}

.current_page_item a,
.current-cat a,
.current-menu-item a { color:#217700 !important; }
.current_page_item a:hover,
.current-cat a:hover,
.current_page_item a:hover { color:#6dbb4f !important; }

.side_nav  ul li a:hover {
	color:#6dbb4f;
}


/* コンテナー > メイン(right)
------------------------------------------*/	
#content {
	float:right;
	width:715px;
	margin:0 16px 0 0;

}

.blog_h2 {
	height:52px;
	line-height:52px;
	font-size:174% ;
	font-weight:normal;
	margin:0 0 15px 0;
	background:#fff url(img/pc/icon_h2.jpg) left no-repeat;
	padding:0 0 0 67px;
	word-break: normal;
	position: relative;
}


.blog_h2 span{
	height: 52px;
	font-size: 12px;
	margin: 0 0 0 20px;
	line-height: 52px;
	position: absolute;
	display: inline-block;
}
	
.blog_h3 {
	font-size:131% ;
	font-weight:normal;
	background:url(img/pc/icon_h3.gif) repeat-y;
	padding:0 0 0 10px;
	margin:0 0 0 5px;
	word-break: normal;
	}
	
.blog_h4 {
	font-size:108%;
	background:url(img/pc/icon_h4.png) no-repeat;
	background-size:10px 10px;
	background-position:left 5px;
	padding:0 0 0 15px;
	margin:0 0 10px 10px;
	word-break: normal;
	}

.blog_p p{padding:0 20px 10px 15px;}

.blog_p span{font-weight: bold;}

.blog_li{margin:0 25px 0 25px;	}

.blog_li li{margin:0 0 10px 5px;}

.the_content {
	clear:both;
	overflow:hidden;
	position:relative;
	width:710px;
	border-top:#ccc 1px solid;
	padding:15px 0 0 0;
	margin:4px 0 20px 5px;
}

.blog_left {
	word-break: break-word;
	margin:0 0 20px 15px;
	float:left;
	font-size:77%;
	width:115px;
}

.blog_left img{
	max-width:115px;
	height:auto;
	margin:0 0 0 10px;
}

.img_none {
	margin:0 20px 0 0;}

.blog_right {
	overflow:hidden;
	position: relative;
	padding: 0 10px 60px 10px;
}

.site_link {
	text-align: right;
}

.arrow_pdf {
	width:16px;
	height:16px;
	background:url(img/pc/icon_pdf.png) no-repeat left;
	background-size:16px 16px;
	margin:0;
	padding:0 0 0 16px;
}

.arrow {
	width:10px;
	height:10px;
	background:url(img/pc/icon_arrow.png) no-repeat left center;
	background-size:5px 8px;
	margin:0 0 0 5px;
	padding:0 0 0 10px;
}

.text_indent {
	text-indent:100%;
	white-space:nowrap;
}

.color_red {color:#f00;}
	
/* コンテナー > 固定ページ調整rayout
------------------------------------------------------*/
.float_right{float:right;}
.float_left{float:left;}
.clear_both{clear:both;}

/*h4が無い場合h3にマージンをそろえる*/	
.p_only{margin-left:-15px;}

/*代表取締役?テキスト*/	
.daihyou {
	text-align:right;
	margin:2em 0 0 0;
	}

/* 会社案内
-----------------------------------*/
/* 会社案内 > 会社概要
-----------------------------------*/
.representative_img {
	float:right;
	width:204px;
	height:380px;
	background:url(img/pc/seo_matoba.jpg) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 0 0 1em;
}

#profile_table {
    width:695px;
    border:1px #ccc solid;
    border-collapse:collapse;
    border-spacing: 0;
	margin:0 0 0 6px;
}

#profile_table th {
	width:150px;
	padding:5px;
	border:1px #ccc solid;
	background-color:#efefef;
	text-align:left;
	vertical-align:text-top;
}

#profile_table td {
	padding:5px;
	border:1px #ccc solid;
}

#profile_table ul{
	margin: 0 20px;
}


#profile_table li {
	padding:5px;
}

/* 会社案内 > 沿革
-----------------------------------*/
#history_table {
    width:695px;
    border-collapse:collapse;
    border-spacing:0;
	margin:0 0 0 6px;
}

#history_table th {
	width:100px;
    padding:10px 5px;
	border-bottom:#ccc 1px dashed;
	text-align:left;
	vertical-align:text-top;
}

#history_table td {
    padding:10px 5px;
	border-bottom:#ccc 1px dashed;
}

/* 会社案内 > アクセスマップ
-----------------------------------*/
.tel_fax_br_sp {display:none;}

/* 採用情報
-----------------------------------*/
/* 採用情報 > top
-----------------------------------*/
#jobs_top_bn {
	background:url(img/pc/jobs/bn_jobs.jpg) no-repeat;
	overflow:hidden;
	margin:0 0 0 25px;
}

#jobs_top_bn a{
	display:block;
	width:276px;
	height:143px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#jobs_top_slide_img {
	position:relative;
	width:520px;
	height:350px;
	list-style:none;
	overflow:hidden;
	margin:0 0 0 25px;
}

#jobs_top_slide_img li{
	position:absolute;
	top:0;
	left:0;
	width:520px;
	height:350px;
	list-style:none;
	overflow:hidden;
	margin:0 0 0 25px;
}

#slide_img_01 { background:url(img/pc/jobs/img01.jpg) no-repeat; }
#slide_img_02 { background:url(img/pc/jobs/img02.jpg) no-repeat; }
#slide_img_03 { background:url(img/pc/jobs/img03.jpg) no-repeat; }
#slide_img_04 { background:url(img/pc/jobs/img04.jpg) no-repeat; }
#slide_img_05 { background:url(img/pc/jobs/img05.jpg) no-repeat; }

.ecareer_link_side{
	width: 176px;
	display: block;
	margin: 10px auto 0;
}

.ecareer_link{
	position:absolute;
	right: 180px;
	top: 670px;
	
}

.ecareer_link_side:hover,
.ecareer_link:hover{
	opacity:0.7;
}



/* 採用情報 > 求める人材 > ゲーム開発事業
-----------------------------------*/
.wanted_game1 {
	overflow:hidden;
	float:right;
	width:180px;
	height:176px;
	background:url(img/pc/jobs/wanted/gm_illust1.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 0 0 1em;
}

.wanted_game2 {
	overflow:hidden;
	float:left;
	width:112px;
	height:104px;
	background:url(img/pc/jobs/wanted/gm_illust2.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 1em 0 15px;
}

.wanted_game3 {
	overflow:hidden;
	float:left;
	width:350px;
	height:185px;
	background:url(img/pc/jobs/wanted/gm_illust3.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 0 1em 0;
}

.wanted_game4 {
	overflow:hidden;
	width:350px;
	height:185px;
	background:url(img/pc/jobs/wanted/gm_illust4.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 0 1em 0;
}

.wanted_game5 {
	overflow:hidden;
	float:right;
	width:300px;
	height:185px;
	background:url(img/pc/jobs/wanted/gm_illust5.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 0 0 1em;
}

.wanted_game6 {
	clear:both;
	overflow:hidden;
	width:655px;
	height:634px;
	background:url(img/pc/jobs/wanted/gm_soukanzu.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 auto;
}

.wanted_game_public {
	float:left;
	width:350px;
	padding:0 0 0 15px;
	margin:1em 0 0 0;
	}
	
.wanted_game_develop {
	float:right;
	width:350px;
	margin:1em 0 0 0;
	}

.wanted_game_develop ul{
	margin:0 0 1em 45px;
	font-weight:bold;
	}

.wanted_game_develop_text11{font-size:85%;}

/* 採用情報 > 求める人材 > モバイル事業
-----------------------------------*/
.wanted_mo1 {
	overflow:hidden;
	float:left;
	width:285px;
	height:170px;
	background:url(img/pc/jobs/wanted/mb_illust1.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:2em 0 0 50px;
}

.wanted_mo2 {
	overflow:hidden;
	float:right;
	width:252px;
	height:175px;
	background:url(img/pc/jobs/wanted/mb_illust2.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:2em 50px 0 0;
}

/* 採用情報 > 求める人材 > ソーシャルメディア事業
-----------------------------------*/
.wanted_sns1 {
	overflow:hidden;
	width:655px;
	height:479px;
	background:url(img/pc/jobs/wanted/sns_illust1.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:2em 0 0 37px;
}

/* 採用情報 > 求める人材 > 映像制作
-----------------------------------*/
.wanted_cg1 {
	overflow:hidden;
	width:584px;
	height:443px;
	background:url(img/pc/jobs/wanted/cg_illust1.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:2em 0 0 80px;
}

.wanted_cg_left{
	float:left;
	margin:2em 0 0 2em;
	line-height:2;
	}

.wanted_cg_right{
	float:right;
	margin:2em 3em 0 0;
	line-height:2;
	}

/* 採用情報 > 社員からのメッセージ > 先輩社員
-----------------------------------*/
.message_senior1 {
	overflow:hidden;
	float:right;
	width:154px;
	height:145px;
	background:url(img/pc/jobs/message/senior/illust1.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 0 0 1em;
}

/* 採用情報 > 社員からのメッセージ > 先輩社員 > プログラマー
-----------------------------------*/
.message_left_box { /*背景と画像の囲い/left*/
	float:left;
	width:320px;
	margin:0 0 0 20px;
}

.message_right_box { /*背景と画像の囲い/right*/
	float:right;
	width:320px;
	margin:0 20px 0 0;
}


.message_left1 { /* メッセージの背景*/
	background-image:url(img/pc/jobs/message/senior/ppl_top.png), url(img/pc/jobs/message/senior/ppl_btm.png), url(img/pc/jobs/message/senior/ppl_main.png);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:top, bottom, center;
	width:320px;
	padding:1em 15px 2em 0;
	}
	
.message_senior_2d1 { /* メッセージ者の背景*/
	overflow:hidden;
	width:287px;
	height:101px;
	background:url(img/pc/jobs/message/senior/green_2d1.png) no-repeat;
	margin:5px 0 0 30px;
}

.message_senior_2d1 p{ /* メッセージ者の名前*/
	color:#70c28b;
	font-size:100%;
	font-weight:bold;
	padding:25px 0 0 80px;
}
	
.message_right1 { /* メッセージの背景*/
	background-image:url(img/pc/jobs/message/senior/ppl_top.png), url(img/pc/jobs/message/senior/ppl_btm.png), url(img/pc/jobs/message/senior/ppl_main.png);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:top, bottom, center;
	width:320px;
	padding:1em 1em 2em 0;
	}


.message_senior_pro2 { /* メッセージ者の背景*/
	overflow:hidden;
	width:281px;
	height:100px;
	background:url(img/pc/jobs/message/senior/ppl_programmer2.png) no-repeat;
	margin:5px 0 0 20px;
}

.message_senior_pro2 p{ /* メッセージ者の名前*/
	color:#9c8de9;
	font-size:100%;
	font-weight:bold;
	padding:25px 0 0 80px;
}

/* 採用情報 > 社員からのメッセージ > 先輩社員 > 2Dデザイナー
-----------------------------------*/
.message_left2 { /* メッセージの背景*/
	background-image:url(img/pc/jobs/message/senior/green_top.png), url(img/pc/jobs/message/senior/green_btm.png), url(img/pc/jobs/message/senior/green_main.png);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:top, bottom, center;
	width:320px;
	padding:1em 15px 2em 0;
	}
	
.message_senior_pro1 { /* メッセージ者の背景*/
	overflow:hidden;
	width:277px;
	height:98px;
	background:url(img/pc/jobs/message/senior/ppl_programmer1.png) no-repeat;
	margin:5px 0 0 30px;
}

.message_senior_pro1 p{ /* メッセージ者の名前*/
	color:#9c8de9;
	font-size:100%;
	font-weight:bold;
	padding:25px 0 0 80px;
}

.message_right2 { /* メッセージの背景*/
	background-image:url(img/pc/jobs/message/senior/green_top.png), url(img/pc/jobs/message/senior/green_btm.png), url(img/pc/jobs/message/senior/green_main.png);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:top, bottom, center;
	width:320px;
	padding:1em 1em 2em 0;
	}

.message_senior_2d2 { /* メッセージ者の背景*/
	overflow:hidden;
	width:283px;
	height:103px;
	background:url(img/pc/jobs/message/senior/green_2d2.png) no-repeat;
	margin:5px 0 0 20px;
}

.message_senior_2d2 p{ /* メッセージ者の名前*/
	color:#70c28b;
	font-size:100%;
	font-weight:bold;
	padding:25px 0 0 80px;
}

/* 採用情報 > 社員からのメッセージ > 先輩社員 > 3Dデザイナー
-----------------------------------*/
.message_left3 { /* メッセージの背景*/
	background-image:url(img/pc/jobs/message/senior/orange_top.png), url(img/pc/jobs/message/senior/orange_btm.png), url(img/pc/jobs/message/senior/orange_main.png);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:top, bottom, center;
	width:320px;
	padding:1em 15px 2em 0;
}
	
.message_senior_3d1 { /* メッセージ者の背景*/
	overflow:hidden;
	width:282px;
	height:106px;
	background:url(img/pc/jobs/message/senior/orange_3d1.png) no-repeat;
	margin:5px 0 0 30px;
}

.message_senior_3d1 p{ /* メッセージ者の名前*/
	color:#da904f;
	font-size:100%;
	font-weight:bold;
	padding:25px 0 0 80px;
}


.message_right3 { /* メッセージの背景*/
	background-image:url(img/pc/jobs/message/senior/orange_top.png), url(img/pc/jobs/message/senior/orange_btm.png), url(img/pc/jobs/message/senior/orange_main.png);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:top, bottom, center;
	width:320px;
	padding:1em 1em 2em 0;
}

.message_senior_3d2 { /* メッセージ者の背景*/
	overflow:hidden;
	width:281px;
	height:106px;
	background:url(img/pc/jobs/message/senior/orange_3d2.png) no-repeat;
	margin:5px 0 0 20px;
}

.message_senior_3d2 p{ /* メッセージ者の名前*/
	color:#da904f;
	font-size:100%;
	font-weight:bold;
	padding:25px 0 0 80px;
}

/* 採用情報 > 社員からのメッセージ > 先輩社員 > プランナー
-----------------------------------*/
.message_left4 { /* メッセージの背景*/
	background-image:url(img/pc/jobs/message/senior/blue_top.png), url(img/pc/jobs/message/senior/blue_btm.png), url(img/pc/jobs/message/senior/blue_main.png);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:top, bottom, center;
	width:320px;
	padding:1em 15px 2em 0;
}
	
.message_senior_plan1 { /* メッセージ者の背景*/
	overflow:hidden;
	width:286px;
	height:106px;
	background:url(img/pc/jobs/message/senior/blue_plan1.png) no-repeat;
	margin:5px 0 0 30px;
}

.message_senior_plan1 p{ /* メッセージ者の名前*/
	color:#71addb;
	font-size:100%;
	font-weight:bold;
	padding:25px 0 0 80px;
}


.message_right4 { /* メッセージの背景*/
	background-image:url(img/pc/jobs/message/senior/blue_top.png), url(img/pc/jobs/message/senior/blue_btm.png), url(img/pc/jobs/message/senior/blue_main.png);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:top, bottom, center;
	width:320px;
	padding:1em 1em 2em 0;
}

.message_senior_plan2 { /* メッセージ者の背景*/
	overflow:hidden;
	width:286px;
	height:106px;
	background:url(img/pc/jobs/message/senior/blue_plan2.png) no-repeat;
	margin:5px 0 0 20px;
}

.message_senior_plan2 p{ /* メッセージ者の名前*/
	color:#71addb;
	font-size:100%;
	font-weight:bold;
	padding:25px 0 0 80px;
}

/* 採用情報 > 社員からのメッセージ > 新入社員
-----------------------------------*/
.rookie_li {padding:2px 0 0 20px;}
	
.message_rookie1 {
	overflow:hidden;
	float:right;
	width:103px;
	height:109px;
	background:url(img/pc/jobs/message/rookie/illust1.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 10px 50px 1em;
}

.message_rookie2 {
	overflow:hidden;
	float:right;
	width:107px;
	height:114px;
	background:url(img/pc/jobs/message/rookie/illust2.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 10px 50px 1em;
}

.message_rookie3 {
	overflow:hidden;
	float:right;
	width:95px;
	height:111px;
	background:url(img/pc/jobs/message/rookie/illust3.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 10px 50px 1em;
}

.message_rookie4 {
	overflow:hidden;
	float:right;
	width:70px;
	height:101px;
	background:url(img/pc/jobs/message/rookie/illust4.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 10px 50px 1em;
}

/* 採用情報 > 採用faq
-----------------------------------*/
.faq_p_nav {margin:10px 0 60px 0;}

.faq_p_nav li{
	border-left:1px solid #ccc;	
	float:left;
	padding:2px 10px;
	list-style:none;
}

.faq_p_nav li:last-child{border-right:1px solid #ccc;	}

#page-top_jobs_faq {
	margin:10px 0;
    font-size: 100%;
}

#page-top_jobs_faq a {
	height:21px;
	line-height:21px;
	background:url(img/pc/icon_top.jpg) right no-repeat;
    text-decoration: none;
    color: #000;
    display: block;
	text-align:right;
	padding:0 35px 0 0;
}

#page-top_jobs_faq a:hover {
    text-decoration:none;
	background:url(img/pc/icon_top_over.jpg) right no-repeat;
	color:#6dbb4f;
}

.contact_text {
	margin:1em 0 0 0;
	text-align:right;
}

/* 採用情報 > 募集要項
-----------------------------------*/
.app_li {
	margin: 0 0 0 10px;
	list-style:none;
}

.app_li li{
	float:left;
	margin:0 25px 0 0 ;
}

.app_li2 {margin: 0 0 0 45px;}

.app_li2 li{margin:0 0 10px 0;}

.app_img1 {
	height:22px;
	line-height:22px;
	background:url(img/pc/jobs/application/icon_sapporo.png) no-repeat left;
	background-size:22px 22px;
	padding:0 0 0 27px;
}

.app_img2 {
	height:22px;
	line-height:22px;
	background:url(img/pc/jobs/application/icon_tokyo.png) no-repeat left;
	background-size:22px 22px;
	padding:0 0 0 27px;
}

.app_img3 {
	height:22px;
	line-height:22px;
	background:url(img/pc/jobs/application/icon_seishain.png) no-repeat left;
	background-size:22px 22px;
	padding:0 0 0 27px;
}

.app_img4 {
	height:22px;
	line-height:22px;
	background:url(img/pc/jobs/application/icon_keiyaku.png) no-repeat left;
	background-size:22px 22px;
	padding:0 0 0 27px;
}

.app_img5 {
	height:22px;
	line-height:22px;
	background:url(img/pc/jobs/application/icon_arbeit.png) no-repeat left;
	background-size:22px 22px;
	padding:0 0 0 27px;
}

.app_img6 {
	overflow:hidden;
	float:right;
	height:150px;
	width:129px;
	background:url(img/pc/jobs/application/illust01.png) no-repeat left;
	text-indent:100%;
	white-space:nowrap;
	margin:0 20px 0 0;
}

.app_img7 {
	overflow:hidden;
	width:655px;
	height:87px;
	background:url(img/pc/jobs/application/img_saiyou.jpg) no-repeat left;
	text-indent:100%;
	white-space:nowrap;
	margin:5px 0 10px 25px;
}

/* 採用情報 > TOPリスト領域
-----------------------------------*/
#app_li_employment {
	width:710px;
	margin:0 0 30px 0;
}

#app_li_employment h4{	
	font-size:15px;
	background:url(img/pc/icon_h4.png) no-repeat left 4px;
	background-size:10px 10px;
	padding:0 0 0 17px;
	margin:22px 0 10px 16px;
	letter-spacing:1px;
}

.app_table_employment{
	width:100%;
	font-size: 13px;
	margin:0 0 7px 0;
}

#app_li_employment p{
	width:100%;
	background-color:#6F9;
	padding:0 0 0 30px;
}
.app_table_employment th {
	font-size:108%;
	width:100%;
    padding:5px 0 5px 32px;
	text-align:left;
	font-weight:normal;
	margin:0 0 0 14px;
}

.app_table_employment th  a{
	color: #217700;
}

.app_table_employment th  a:hover{
	color: #6dbb4f;
	text-decoration: underline;
}

.app_table_employment td {
	text-align:right;
	vertical-align:middle;
	white-space: nowrap;
}

.app_table_employment td img {
	vertical-align:middle;
	margin:0 0 0 2px;
}

/* 採用情報 > 募集要項 > 更新領域テーブル
-----------------------------------*/
#app_table {
    border:1px #333 solid;
    border-collapse:collapse;
    border-spacing:0;
	text-align:left;
	margin:5px 0 50px 0;
}

#app_table th {
	width:90px;
    padding:8px;
	background-color:#efefef;
    border:1px #CCC solid;
}

#app_table td {
	width:592px;
    padding:10px 0 10px 8px;
    border:1px #CCC solid;
}


/* このサイトについて
-----------------------------------*/
.about_adobe1 {
	overflow:hidden;
	width:158px;
	height:39px;
	display:block;
	background:url(img/pc/get_adobe_flash_player.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:0 0 0 -20px;
}

.about_adobe1 a{
	width:158px;
	height:39px;
	overflow:hidden;
}

.about_adobe2 {
	overflow:hidden;
	display:block;
	width:158px;
	height:39px;
	background:url(img/pc/get_adobe_reader.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	margin:-10px 0 0 170px;
}

.about_adobe2 a{
	overflow:hidden;
	width:158px;
	height:39px;
}

/* トップへ戻る
-----------------------------------*/
#page-top {
    position:absolute;
    bottom:10px;
    right:16px;
    font-size: 100%;
}

#page-top a {
	height:21px;
	line-height:21px;
	background:url(img/pc/icon_top.jpg) right no-repeat;
    text-decoration: none;
    color: #000;
    display: block;
	text-align:right;
	padding:0 35px 0 0;
}

#page-top a:hover {
    text-decoration:none;
	background:url(img/pc/icon_top_over.jpg) right no-repeat;
	color:#6dbb4f;
}

/* お問い合わせ(コンタクトフォーム)
-----------------------------------*/
#contact_form {
    width:695px;
    border:1px #333 solid;
    border-collapse:collapse;
    border-spacing:0;
	text-align:left;
	margin:0 0 0 5px;
}

#contact_form th {
	width:190px;
    padding:5px;
	background-color:#efefef;
    border:1px #CCC solid;
	vertical-align:top;
}

#contact_form td {
    padding:5px;
    border:1px #CCC solid;
}

#contact_form input[type=text],
#contact_form input[type=email]
{
	padding: 5px;
	margin: 5px;
}

#contact_form textarea{
	width: 480px;
	padding: 5px;
	margin: 5px;
	
}

#contact_form select{
	margin: 5px;
	height: 30px;
	
}


.contact_subject {color:#f00;}
	
.vertical_align_top{ vertical-align:text-top;}


.wpcf7-form input[type=submit]{
	text-align:center;
	font-size:100%;
	font-weight:bold;
	background:-moz-linear-gradient(top,#efefef 0%,#cecece);
    background:-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#cecece));
	border:1px solid #ccc;
	cursor:pointer;
	padding:10px 20px;
	margin:26px 0 10px 250px;
}

.submit:hover{color:#6dbb4f;}

/* HOMEレイアウト
------------------------------------------*/
/* HOMEレイアウト > メインビジュアル
------------------------------------------*/
#main_v {
	width:986px;
	margin:0 auto;
}

.bx-wrapper {
    width:986px;
	height:350px;
    margin:0 auto;
	position:relative;
}

#main_v ul {
	height:350px;
	overflow:hidden;
	list-style:none;
}

#main_v li {list-style:none;}

.bx-controls-direction a {
	overflow:hidden;
	position:absolute;
	top:132px;
	display:block;
	width:41px;
	height:69px;
}

.bx-prev {left: -60px;}
.bx-next {right: -60px;}
.bx-prev:hover {opacity:0.8;}
.bx-next:hover {opacity:0.8;}
.bx-controls-direction a:before  {content:url(img/pc/bt_prev.jpg); }
.bx-controls-direction a.bx-next:before  {content:url(img/pc/bt_next.jpg); }

#bx-pager {
	width:1100px;
	text-align:center;
	vertical-align:bottom;
	margin:0 0 0 -58px;
	padding:0;
}

#bx-pager img {margin:19px 8px 19px 9px;}
#bx-pager img:hover {opacity:0.8;}
.sp_pager {display:none;}

/* HOMEレイアウト > コンテンツ
------------------------------------------*/
#sp_top_layout {display:none;}

#container_top {
	position:relative;
	background:#fff url(img/pc/bg_cara.jpg) bottom no-repeat;
	width:988px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 100px 2px;
}

#content_top_rayout {
	display:table;
	margin:0 0 0 0;
}

#content_top_rayout li{
	overflow:hidden;
	display:table-cell;
	box-sizing:border-box;
	float:left;
	width:230px;
	height:300px;
	border:#ccc solid 1px;
	margin:0 22px 20px 0;
	padding:10px 0 0 18px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}
	
.content_top_rayout a {
	display:table-cell;
	width:230px;
	height:300px;
}

#content_top_rayout li h2 {
	color:#333;
	font-size:93%;
	line-height:1.2;
	padding:0 15px 0 0;
}

#content_top_rayout li h4 {
	color:#6dbb4f;
	cursor:default;
	font-size:85%;
	padding:5px 15px 0 0;
}
	

#content_top_rayout li p {
	color:#333;
	font-size:85%;
	line-height:1.2;
	padding:4px 15px 0 0;
}

#content_top_rayout li p:hover,
#content_top_rayout li h2:hover {color:#6dbb4f;}


.top_topix img{
	max-width:190px;
	height:auto;
	border: solid 2px #FFF;
}

.top_topix img:hover{
	border: solid 2px #6dbb4f;
	-webkit-box-shadow: 0px 0px 24px 3px rgba(221,221,221,1);
	-moz-box-shadow: 0px 0px 24px 3px rgba(221,221,221,1);
	box-shadow: 0px 0px 24px 3px rgba(221,221,221,1);
}


#content_top_rayout li iframe {
	max-width:444px;
	height:250px;
	padding:0 0 7px 0;
}

#content_top_rayout li:nth-child(2) {width:734px;}

#content_top_rayout li:nth-child(5) {width:482px;}

#content_top_rayout li:nth-child(2),
#content_top_rayout li:nth-child(5),
#content_top_rayout li:nth-child(9),
#content_top_rayout li:nth-child(13) {margin-right:0;}

#content_top_rayout li:nth-child(1) {background-image:url(img/pc/bt_company.jpg);}
#content_top_rayout li:nth-child(4) {background-image:url(img/pc/bt_business.jpg);}
#content_top_rayout li:nth-child(6) {background-image:url(img/pc/bt_develop.jpg);}
#content_top_rayout li:nth-child(8) {background-image:url(img/pc/bt_jobs.jpg);}
#content_top_rayout li:nth-child(11) {background-image:url(img/pc/bt_contact.jpg);}

#content_top_rayout li:nth-child(1):hover {border: solid 1px #6dbb4f;}
#content_top_rayout li:nth-child(4):hover {border: solid 1px #4ebb9f;}
#content_top_rayout li:nth-child(6):hover {border: solid 1px #6dbb4f;}
#content_top_rayout li:nth-child(8):hover {border: solid 1px #bbb04e;}
#content_top_rayout li:nth-child(11):hover {border: solid 1px #bb524e;}


/* HOMEレイアウト > ニュース
-----------------------------------*/
.news_sp_title { display:none;}
#top_news {
	float:right;
	width:240px;
	height:300px;
}

#top_news2 {
	float:left;
	width:210px;
	height:300px;
}
#top_news2 :hover {color:#6dbb4f;}

#top_news2 img,
#top_news3 img{
	max-width: 190px;
	height: auto;
	border: solid 2px #FFF;

}


#top_news2 img:hover,
#top_news3 img:hover
{
	border: solid 2px #6dbb4f;
	-webkit-box-shadow: 0px 0px 24px 3px rgba(221,221,221,1);
	-moz-box-shadow: 0px 0px 24px 3px rgba(221,221,221,1);
	box-shadow: 0px 0px 24px 3px rgba(221,221,221,1);

}

#top_news3 {
	width:210px;
	height:300px;
	margin:0 0 0 240px;
}
#top_news3 :hover {color:#6dbb4f;}

.news_right_text a{color:#333;}
.news_right_text :hover{color:#6dbb4f;}

#news_border {
	width:212px;
	padding:2px 0 8px 0;
	border-bottom:1px dotted #CCC;
	margin:0 0 2px 0;
	
}

.news_date{
	font-size: 14px;
	margin: 10px 0 0 0;
	font-weight: bold;
	
}



/* サイトマップ
------------------------------------------*/
.sitemap_left {
	float:left;
	width:235px;
	margin:0 0 30px 0;
}

.sitemap_left li {
	list-style:disc;
	margin:0 0 0 30px;
}

.sitemap_left li a{color:#333;}

.sitemap_left li a:hover{color:#6dbb4f;}

.sitemap_right {
	float:right;
	width:235px;
	margin:0 0 30px 0;
}

.sitemap_right li {
	list-style:disc;
	margin:0 0 0 30px;
}

.sitemap_right li a{color:#333;}

.sitemap_right li a:hover{color:#6dbb4f;}

.sitemap_center {
	width:235px;
	margin:0 0 30px 237px;
}

.sitemap_center li {
	list-style:disc;
	margin:0 0 0 30px;
}

.sitemap_center li a{color:#333;}

.sitemap_center li a:hover{color:#6dbb4f;}

.sitemap_style_child {padding:0 0 0 20px;}

.sitemap_style_child li{list-style:circle;}

.sitemap_left li:last-child,
.sitemap_center li:last-child,
.sitemap_right li:last-child {margin-bottom:20px;}

/* footer > sub (会社アドレス / ナビ / facebook )
------------------------------------------*/
#footer_nav_sp{display:none;}

#footer_sub_box {
	clear:both;
	overflow:hidden;
	min-width:1106px;
	border-top:1px solid #CCC;	
}

#footer_sub {
	overflow:hidden;
	max-width:986px;
	margin:0 auto;
	
}

#footer_left {
	position:relative;
	float:left;
	overflow:hidden;
	width:700px;
	height:330px;
	margin:20px 0 0px 0;
}

.fb-like-box {margin:10px 0 0 20px;}

#footer_left  img{margin:40px 0 0 0;}

#footer_right {
	float:left;
	overflow:hidden;
	width:286px;
	height:330px;
	margin:10px 0 0 0;
}

#footer_nav  th {
	width:210px;
    padding:0px 0 0 20px;
	background-color:#efefef;
	background:url(img/pc/icon_footer.png) no-repeat left;
	text-align:left;
	font-weight:normal;
}

#footer_nav  td {
	border-bottom:1px solid #CCC;
	padding:0 0 20px 0;
	color:#333;
}

#footer_nav  td a{color:#333;}

#footer_nav  td a:hover{color:#6dbb4f;}

#footer_nav  li {
	margin: 5px 0 0 5px;
    padding: 0px 0 0 15px;
    background:url(img/pc/icon_arrow.png) no-repeat left center;
	background-size:5px 8px;
	list-style:none;
}

#address1 {
	width:180px;
	position:absolute;
	top:185px;
	left:5px;
	font-size:93%;
}

#address1 li{list-style:none;}

#address2 {
	width:180px;
	position:absolute;
	top:185px;
	left:235px;
	font-size:93%;
}
	
#address2 li{list-style:none;}

#address3 {
	width:180px;
	position:absolute;
	top:185px;
	left:465px;
	font-size:93%;
}
	
#address3 li{list-style:none;}

.address_logo {
    padding: 8px 10px;
    background: #6dbb4f;
    display: inline-block;
    color: #FFF;
    font-size: 14px;
    margin: 0 0 8px 0;
}
	
.tel_pc_none {display:none;}

/* footer
------------------------------------------*/
#footer_box {
	overflow:hidden;
	min-width:1106px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}


#footer {
	display:table;
	font-size:85%;
	width:986px;
	overflow:hidden;
	margin:0 auto;
	padding:10px 0 10px 0;
}

#footer address{	
	width:430px;
	display:table-cell;
	vertical-align:middle;
	align:right;
	text-align:right;
	font-style:normal;
}


/*  作品copyright */
.develop_copyright{
/*	width: 115px;
	margin: 0 0 0 10px;
*/
	margin: 10px 0;
	font-size: 10px;
	line-height: 15px;
}



/* 微調節
------------------------------------------*/




/* text-align
--------------------------------------------------------- */
.t_r{text-align:right; display: block;}
.t_l{text-align:left;}
.t_c{text-align:center;}


/* margin
--------------------------------------------------------- */

/* ----- margin-top ----- */
.mt00{ margin-top:0px !important;}
.mt05{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}

/* ----- margin-bottom ----- */
.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}

/* ----- margin-left ----- */
.ml05{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml40{ margin-left:40px;}
.ml45{ margin-left:45px;}
.ml50{ margin-left:50px;}
.ml60{ margin-left:60px;}
.ml70{ margin-left:70px;}
.ml80{ margin-left:80px;}
.ml90{ margin-left:90px;}

/* ----- margin-right ----- */
.mr05{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr35{ margin-right:35px;}
.mr40{ margin-right:40px;}
.mr45{ margin-right:45px;}
.mr50{ margin-right:50px;}

/* ----- margin-top & margin-bottom----- */
.mtb10{ margin:10px 0;}
.mtb15{ margin:15px 0;}
.mtb20{ margin:20px 0;}
.mtb25{ margin:25px 0;}
.mtb30{ margin:30px 0;}

/* ----- margin-left & margin-right----- */
.mlr05{ margin:0 5px ;}
.mlr10{ margin:0 10px;}
.mlr15{ margin:0 15px;}
.mlr20{ margin:0 20px;}
.mlr25{ margin:0 25px;}
.mlr30{ margin:0 30px;}


/* padding
--------------------------------------------------------- */

/* ----- padding-top ----- */
.pt05{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt45{ padding-top:45px;}

/* ----- padding-bottom ----- */
.pb05{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}
.pb35{ padding-bottom:35px;}
.pb40{ padding-bottom:40px;}
.pb45{ padding-bottom:45px;}

/* ----- padding-left ----- */
.pl05{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl40{ padding-left:40px;}
.pl45{ padding-left:45px;}

/* ----- padding-right ----- */
.pr05{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr25{ padding-right:25px;}
.pr30{ padding-right:30px;}
.pr35{ padding-right:35px;}
.pr40{ padding-right:40px;}
.pr45{ padding-right:45px;}


/* float
--------------------------------------------------------- */
.f_r{float:right;}
.f_l{float:left;}
.f-r{float:right;}
.f-l{float:left;}

* 採用ページ用ボタン
------------------------------------------*/
.btn-hover-s{min-height: 45px; width: 200px; border-radius: 6px; border: 0px; background-color: rgb(9, 184, 62); font-family: "Do Hyeon", sans-serif; color: rgb(252, 252, 252);}.btn-hover-s:hover{}

.btn-hover-t{min-height: 45px; width: 200px; border-radius: 6px; border: 0px; background-color: rgb(85, 172, 238); font-family: "Do Hyeon", sans-serif; color: rgb(252, 252, 252);}.btn-hover-t:hover{}

.btn-hover-n{min-height: 45px; width: 200px; border-radius: 6px; border: 0px; background-color: rgb(230, 180, 0); font-family: "Do Hyeon", sans-serif; color: rgb(252, 252, 252);}.btn-hover-n:hover{}