@charset "UTF-8";
/* CSS Document */

/* common.css 全ページ共通スタイル*/
/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/

/* Webフォント読み込み時の「再描画ちらつき」をなくす */
html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}
/* //Webフォント読み込み時の「再描画ちらつき」をなくす */


*{
	font-family:'Noto Sans Japanese',"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    word-wrap: break-word;/* 自動改行回避*/
	-webkit-font-smoothing: antialiased;/* フォントにアンチエリアス */
	-moz-font-smoothing:antialiased; /* 非対応 */
	-ms-font-smoothing:antialiased; /* 非対応 */
	-o-font-smoothing:antialiased; /* 非対応 */
	font-smoothing:antialiased;	
	    line-height: 1.75em;
		font-size:14px;
}
a{ color:#111;}
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }

/*———————————–———————————–
　　Wrapper
———————————–———————————–*/
#wrap {display:table; height:100%; height:100%; width:100%}
#wrap section {display:table-cell; vertical-align:middle}
#wrap section p { width:90%; margin:auto}

/*———————————–———————————–
　　Button style
———————————–———————————–*/
.link_button_style{
padding: 10px 50px;
    border: 1px solid;
    display: inline-block;
    background-position: 0 0;
    background-size: auto 200%;
    transition: .2s;
	border-color:#000;
	background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,1) 50%);color:#000;}
	
#recruit_page_clm3 .link_button_style{ padding:10px 100px;}
h3.link_button_style:hover{ 
	background-position: 0 100%;
	color: #fff;
}
#recruit_page_clm3 .link_button_style:hover{ 
	background-position: 0 100%;
	color: #fff;
}

/* LINKボタン OFF */
.link_button_off_style{padding: 10px 50px;
    border: 1px solid;
    display: inline-block;
    background-position: 0 0;
    background-size: auto 200%;
    transition: .2s;
	border-color:#ccc;
	color:#ccc}
#recruit_page_clm3 .link_button_off_style{ padding:10px 100px;}


#csr_section_box_6 h3{}
#csr_section_box_6 .link_button_style{
	width: 100%;
	margin: auto;
}
 #entry_submit_button.link_button_style:hover{background-position: 0 100%;
	color: #fff;
}


/*.recruit_info p.link_button_style {
    padding: 16px 50px;
	background-image: linear-gradient(rgba(200,200,200,0) 50%, rgba(200,200,200,1) 50%);color:#000;
	   border: 1px solid rgba(200,200,200,1);}*/
.recruit_info p a.link_button_style {
padding: 16px 50px;
background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,1) 50%);color:#000;}
.recruit_info p a.link_button_style:hover{ 
background-position: 0 100%;
color: #fff;
}

/*———————————–———————————–
　　TEXT style
———————————–———————————–*/
.jp_txt {
width: 100%;
max-width: 615px;
padding: 0;
box-sizing: border-box;
margin: auto;
text-align: left;
padding: 0 20px;
    text-align: justify;}

/*———————————–———————————–
　　Header
———————————–———————————–*/

.clm_inner_base{	width:100%;max-width:1120px;	margin:0 auto;padding:0 20px;height: 100%;    position: relative;    display: table;}





#canvas {display:table;width: 100%;height:100%; position:relative;}
h1.logo{display:table-cell;vertical-align: middle;height: 100%;width:20%;max-width:320px;}
h1.logo a img{display:block;width:100%;}
h1.logo img{}


/* 会社住所（privacy_policy.html,site_policy.html） */
#company_adress{ background:#e6e6e6; font-style:normal;    height: 170px;}
#company_adress h3{ font-size:20px; font-weight:500;}
#company_adress span{ background:#808080; color:#fff; display:inline-block; width:114px; height:20px; text-align:center; line-height:20px;}
#company_adress span i{ padding-right:10px;}