@charset "utf-8";

/* Table Of Contents
---------------------------------------------------------------------------- 
General Elements
header
gNav
visual
topicPath
footer
---------------------------------------------------------------------------- */


/*General Elements
---------------------------------------------------------------------------- */	
*{
	margin:0;
	padding:0;
}
body{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	color:#333;
	width:100%;
	min-width:1024px;
	overflow-x:auto;
	margin:0;
}
a{
	text-decoration:underline; 
	color: #9b8015;
	outline: none;
}
a:hover{
	color:#c3b373;
}

#pageBody{
	width:100%;
	overflow-x:hidden;
}

/*header
---------------------------------------------------------------------------- */
#header{
	position:relative;
        width:100%;
}

/* gNav
---------------------------------------------------------------------------- */

/* トップ以外非表示 */
#gNav-top{
	display:none;
}

#gNav{
	width:100%;
	min-width:1024px;
	/*overflow:hidden;*/
	width:100%;
	top:0;
	left:0;
	background:rgba(255,255,255,0.9);
	padding:9px 0 0;
	z-index:99999;
	box-sizing:border-box;
	box-shadow:0 -10px 10px 6px rgba(0,0,0,1);
        position:fixed;
	-webkit-overflow-scrolling: touch;
}
#gNav ul{
	text-align:center;
        margin:8px 0 0;
        height:15px;
}
#gNav ul li{
	position: relative;
	display:inline-block;
	margin:0 20px 0 0;
        line-height:1.0 !important
}
#gNav ul li img{
        height:15px;
        width:auto;
        line-height:1.0 !important
}
.gNav-menu{
	margin:0 auto;
	display:block;
	width:695px;
	/*width:630px;*/
}

#gNav .submenu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 100000;
}

#gNav .submenu .submenu-list {
	display: block;
	width: 124px;
	height: 100%;
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.8);
	box-sizing: border-box;
	text-align: left;
}

#gNav .submenu .submenu-list li {
	margin: 0;
}

#gNav .submenu .submenu-list li:not(:last-child) {
	margin-bottom: 10px;
}

#gNav .submenu .submenu-list li > a {
	color: #fff !important;
	font-size: 12px;
	text-decoration: none;
}

#gNav .submenu.is-active {
	display: block;
}

/* ロゴエリア */
.gNav-logo{
	float:left;
	margin:0 0 9px 35px;
}
/* 言語、検索エリア */
.gNav-search{
	cursor:pointer;
	z-index:99999;
	line-height:1.0 !important;
    height:15px;
}
.gNav-search-txt{
	z-index:99999;
}
.lang-jp:hover,
.lang-en:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.lang-current{
	filter:alpha(opacity=50) !important;
	-moz-opacity: 0.5 !important;
	opacity: 0.5 !important;
}
.lang-current:hover{
	filter:alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}
.gNav-search{
	float:right;
	margin:0 60px 0 0;
        height:15px;
        padding:0 !important;
        zoom: 1;
        line-height:1.0 !important
        backface-visibility: hidden;
}
.gNav-search li{
	margin:0 12px 0 0 !important;
        height:15px;
        line-height:1.0 !important
        padding:0 !important;
        float:left;
}


/* pageBody
---------------------------------------------------------------------------- */
#pageBody{
	z-index:88888;
        padding:47px 0 0;
}



/* topicPath
---------------------------------------------------------------------------- */

/* footer
---------------------------------------------------------------------------- */

#footer{
	background:#fff;
	padding:15px 0;
	box-shadow:0 12px 10px 8px rgba(0,0,0,1);
	height:50px;
	box-sizing: border-box;
}
.footer-inner{
	width:945px;
	margin:0 auto;
}
.f-copy{
	float:left;
	padding-top:3px;
}
.f-sns{
	float:right;
}
.f-sns ul li{
	display:inline-block;
	float:left;
	margin-right:15px;
}
.f-sns ul li a{
	overflow: hidden;
	display:block;
	position:relative;
	width:100%;
	height:100%;
}
.f-sns ul li a img{
	width:100%;
	height:100%;
}
.f-sns .sitemap{ width:70px;height:22px; }
.f-sns .policy{ width:124px;height:22px; }
.f-sns .fb{ width:20px;height:22px; }
.f-sns .twtr{ width:25px;height:22px; }
.f-sns .inst{ width:20px;height:22px; }
.f-sns .pin{ width:22px;height:22px; }

/* loading
---------------------------------------------------------------------------- */
@-webkit-keyframes play {
    0% {background-position: 0px 0px;}
    100% {background-position: 0px -570px;}
}

#loading {
	width: 100%;
	height: 100%;
	position: fixed;
	left:0;
	top:0;
	overflow:hidden;
	z-index:99999;
        background-color:#000;
	background-image:url("/common/images/loading.gif");
        background-repeat:no-repeat;
        background-position:center center;
}



/* 採用ページ共通
-------------------------------------------------------------------------
------------------------------------------------------------------------- */

.imghover:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
}

/* 汎用ボタン */

/* 矢印ボタン（黒） */
.m-btn-r01{
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	background-color:#1d1d1d;
	height:50px;
	display:block;
	width:280px;
	text-align:center;
	color:#fff;
	text-decoration:none !important;
	font-size:16px;
	line-height:1;
	padding:18px 0 0;
	box-sizing:border-box;
	background-image:url("/recruit/images/bg_btn_arr.png");
	background-repeat:no-repeat;
	background-position:92% center;
	cursor:pointer;
}

.m-btn-r01:hover,
.m-btn-r02:hover,
.m-btn-r03:hover,
.m-btn-r04:hover,
.m-btn-r05:hover,
.m-btn-r06:hover,
.m-btn-ropen:hover,
.m-btn-rclose:hover{
	color:#fff !important;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
}

/* 新窓ボタン（黒） */
.m-btn-r02{
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	background-color:#1d1d1d;
	height:50px;
	display:block;
	width:280px;
	text-align:center;
	color:#fff;
	text-decoration:none !important;
	font-size:16px;
	line-height:1;
	padding:18px 0 0;
	box-sizing:border-box;
	background-image:url("/recruit/images/bg_btn_blank.png");
	background-repeat:no-repeat;
	background-position:92% center;
	cursor:pointer;
}
/* 新窓ボタン（オレンジ） */
.m-btn-r06{
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	background-color:#e24b10;
	height:50px;
	display:block;
	width:280px;
	text-align:center;
	color:#fff;
	text-decoration:none !important;
	font-size:16px;
	line-height:1;
	padding:18px 0 0;
	box-sizing:border-box;
	background-image:url("/recruit/images/bg_btn_blank.png");
	background-repeat:no-repeat;
	background-position:92% center;
	box-shadow:rgb(211, 61, 2) 0px 2px 0px 0px;
	-webkit-box-shadow:rgb(211, 61, 2) 0px 2px 0px 0px;
	-moz-box-shadow:rgb(211, 61, 2) 0px 2px 0px 0px;
	cursor:pointer;
}
/* 矢印ボタン（オレンジ） */
.m-btn-r03{
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	background-color:#e24b10;
	height:50px;
	display:block;
	width:280px;
	text-align:center;
	color:#fff;
	text-decoration:none !important;
	font-size:16px;
	line-height:1;
	padding:18px 0 0;
	box-sizing:border-box;
	background-image:url("/recruit/images/bg_btn_arr.png");
	background-repeat:no-repeat;
	background-position:92% center;
	box-shadow:rgb(211, 61, 2) 0px 2px 0px 0px;
	-webkit-box-shadow:rgb(211, 61, 2) 0px 2px 0px 0px;
	-moz-box-shadow:rgb(211, 61, 2) 0px 2px 0px 0px;
	cursor:pointer;
}

/* 開くボタン（黒） */
.m-btn-ropen{
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	background-color:#1d1d1d;
	height:50px;
	display:block;
	width:210px;
	text-align:center;
	color:#fff;
	text-decoration:none !important;
	font-size:16px;
	line-height:1;
	padding:18px 0 0;
	box-sizing:border-box;
	background-image:url("/recruit/images/bg_btn_plus.png");
	background-repeat:no-repeat;
	background-position:92% center;
	cursor:pointer;
}

/* 閉じるボタン（黒） */
.m-btn-rclose{
	background-image:url("/recruit/images/bg_btn_minus.png") !important;
}

/* 矢印ボタン（白・小） */
.m-btn-r04{
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	background-color:#fff;
	height:30px;
	display:block;
	width:170px;
	text-align:center;
	color:#111;
	text-decoration:none !important;
	font-size:12px;
	line-height:1;
	padding:9px 0 0;
	box-sizing:border-box;
	background-image:url("/recruit/images/bg_btn_arr02.png");
	background-repeat:no-repeat;
	background-position:94% center;
}

/* 矢印ボタン（黒・小） */
.m-btn-r05{
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	background-color:#282828;
	height:30px;
	display:block;
	width:130px;
	text-align:center;
	color:#fff;
	text-decoration:none !important;
	font-size:12px;
	line-height:1;
	padding:9px 0 0;
	box-sizing:border-box;
	background-image:url("/recruit/images/bg_btn_arr03.png");
	background-repeat:no-repeat;
	background-position:92% center;
}

/* きちりスタイルボタン（前に戻る） */
.arrow{
	width:190px;
	border:3px solid #000 ;
	margin:90px 0 30px 30px; 
	border-radius:2em; 
	font:16px bold;
	text-align:center; 
	clear:both;
	box-sizing:border-box;
	background-image:url("/recruit/feature/images/PC_L7_5arrow.png");
	background-position:left 10% center;
	background-repeat:no-repeat;
}
.arrow:hover{
	opacity:0.7;
}
.arrow a{
	color:#000 !important;
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;
	padding:15px 0 12px 7px;
	line-height:1;
}


/* 上部ヘッダー */

#recruit-nav-top{
	width:100%;
	background-color:#fff;
	height:85px;
}

#recruit-nav-top .inner{
	width:960px;
	margin:0 auto;
}

#recruit-nav-top .logo{
	padding:22px 0 0;
	float:left;
}

#recruit-nav-top .menu{
	float:left;
	padding:11px 0 0 107px;
	line-height:1 !important;
}

#recruit-nav-top .menu a{
	display:inline-block;
	margin:0 10px 0 0;
	line-height: 1 !important;
}

#recruit-nav-top .menu a.active{
	border-bottom:4px #ff6000 solid;
	padding:0 0 10px;
}

#recruit-nav-top .menu a img{
	vertical-align:middle !important;
}

#recruit-nav-top .entry{
	float:right;
}

/* 固定ヘッダー */

#recruit-nav-fix{
	display:none;
	width:100%;
	background-color:#fff;
	height:55px;
	position:fixed;
	z-index:99999;
	overflow-y:hidden;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	line-height:1 !important;
}

#recruit-nav-fix .inner{
	width:960px;
	margin:0 auto;
	box-sizing:border-box;
}
.fixed{
	display:block !important;
}
#recruit-nav-fix .logo{
	float:left;
}

#recruit-nav-fix .menu{
	float:left;
	height:55px;
	padding:13px 0 0;
	box-sizing:border-box;
}
#recruit-nav-fix .menu a{
	display:inline-block;
}

#recruit-nav-fix .menu a img{
	vertical-align:middle !important;
}

#recruit-nav-fix .entry{
	float:right;
}

#recruit-nav-fix .menu a.active{
	border-bottom:4px #ff6000 solid;
	padding:0 0 6px;
}


/* きちりを知る Keyword */

.keyword-wrapper{
	width:100%;
	height:688px;
	background-color:#fff;
	background-image:url("/recruit/images/bg_keyword.jpg");
	background-repeat:no-repeat;
	background-position:top center;
	background-size:2000px 688px;
	margin:0 !important;
	padding:70px 0 0;
	box-sizing:border-box;
	
	overflow:hidden;
}

.keyword-wrapper .inner{
	width:970px;
	margin:0 auto;
}

.keyword-wrapper .keyword-area{
	position:relative;
	height:500px;
}

.keyword-wrapper .keyword-area p{
	position:absolute;
}

.keyword-wrapper .keyword-area .word01{top:0; left:80px;}
.keyword-wrapper .keyword-area .word02{top:20px; left:390px;}
.keyword-wrapper .keyword-area .word03{top:20px; right:280px;}
.keyword-wrapper .keyword-area .word04{top:0; right:35px;}
.keyword-wrapper .keyword-area .word05{bottom:160px; left:0;}
.keyword-wrapper .keyword-area .word06{top:130px; left:310px;}
.keyword-wrapper .keyword-area .word07{top:150px; right:225px;}
.keyword-wrapper .keyword-area .word08{bottom:150px; right:0px;}
.keyword-wrapper .keyword-area .word09{bottom:15px; left:70px;}
.keyword-wrapper .keyword-area .word10{bottom:30px; left:240px;}
.keyword-wrapper .keyword-area .word11{bottom:0; right:340px;}
.keyword-wrapper .keyword-area .word12{bottom:2px; right:80px;}


/* 採用フッター */
.recruit-footer{
	line-height:1 !important;
}

.recruit-footer .pagetop{
	text-align:center;
	background-color:#fff;
	padding:10px 0;
}

.recruit-footer .menu{
	background-color:#ededed;
	font-size:14px;
}
.recruit-footer .menu .inner{
	width:960px;
	margin:0 auto;
	padding:50px 0;
}
.recruit-footer .menu .box{
	width:200px;
	float:left;
}
.recruit-footer .menu .box a{
	text-decoration:none;
	color:#111 !important;
}
.recruit-footer .menu .box a:hover{
	text-decoration:underline !important;
	color:#111 !important;
}
.recruit-footer .menu .box li{
	margin:0 0 30px;
}
.recruit-footer .menu .box .blank{
	background-image:url("/recruit/images/bg_ft_blank.png");
	background-position:right center;
	background-repeat:no-repeat;
	padding:0 15px 0 0;
}

.recruit-footer .logo{
	background-color:#282828;
	text-align:center;
	padding:30px 0 25px;
}