/*
Theme Name: early
Author URI: https://wordpress.org/
*/

/*
font-family:'AXIS Condensed W01 B';
font-family:'AxisStd-UltraLight';
font-family:'AxisStd-ExtraLight';
font-family:'AxisStd-Light';
font-family:'AxisStd-Medium';
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0px;
padding: 0px;
border: 0px none;
font-family: inherit;
font-style: inherit;
font-weight: inherit;
line-height: inherit;
font-size-adjust: inherit;
font-stretch: inherit;
font-feature-settings: inherit;
font-language-override: inherit;
font-kerning: inherit;
font-synthesis: inherit;
font-variant: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
  visibility: hidden;
}
html.mti-inactive {
  visibility: visible;
}
body,html{

line-height: 1.5;
height: auto;
}

body {
width: 100%;
margin: 0 auto;
font-family:'AxisStd-Light';
color: #313131;
font-size: 13px;
}

ol, ul{
list-style: none;
}

strong{
font-family:'AxisStd-Medium';
color:#5b5b5b;
}

.bwWrapper {
    position:relative;
    display:block;
}
.bwWrapper a{
display:block;
}


a{
text-decoration:none;
color: #222;
}

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

a:hover .imghover {
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
zoom:1;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}

.cf:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
overflow: hidden;/* 隙間対応 */
font-size: 0.1em;/* 隙間対応 */
line-height: 0;/* 隙間対応 */
}

.cf {
min-height: 1px;
zoom:1;
}

* html .cf {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}



#all{
width: 100%;
margin: 0 auto;
background: #fff;
}
#headerbox{
position: fixed;
z-index: 999;
width: 100%;
background: #fff;
}

#header{
width: 940px;
padding: 23px 10px;
background: #fff;
margin: 0 auto;
font-family:'AxisStd-Light';
}


.logo{
float: left;
width: 180px;
}

img{
vertical-align: bottom;
transform: unset !important; 
}


.spnone{
display:none!important;
}

/*navnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnav*/
#menu{
float: right;
font-size: 14px;
}

#menu li{
float: left;
margin: 0 20px;	
}

#menu li a{
line-height: 2.5;
display: block;
font-weight: bold;
}

#menu .fa-circle{
color: #848484;
font-size: 3em;
position: relative;
top: -7px;
text-shadow: 1px 1px 0 rgba(6,6,6,1); 
}

#menu .fa-circle:hover{
color: #848484;
font-size: 3em;
position: relative;
top: -7px;
text-shadow:none;
}

#menu .fa-search{
color: #fff;
font-size: 19px;
position: relative;
left: 4px;
top: -1px;
}


#menu li#button{
margin-right: 0;
}


#menu li#button a{
display: block;
width: 35px;
height: 35px;
background: #939393;
border-radius: 20px;
}

#menu li#button a:hover{
display: block;
width: 35px;
height: 35px;
background: #939393;
border-radius: 20px;
box-shadow: 0px 0px 3px rgba(6,6,6,1) inset;
}



/*navnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnav*/

#top_main{
width: 100%;
margin: 0 auto;
display: inline-block;
vertical-align: top;
position: relative;
}

.topbg img{
width: 100%;
height: auto;
vertical-align: bottom;
}

#mainclm{
width: 940px;
margin: 0 auto;
padding: 0 10px;   
}

#w_960{
width: 940px;
margin: 0 auto;
position: absolute;
top: 10%;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}

#topflowbox_out{
padding-top: 56.25%;
position: relative;
height: 10%;   
}

#topflowbox{
background-color: rgba(0,0,0,0.8);
width: 37%;
height: 67%;
color: #fff;
padding: 4% 3%;
position: absolute;
top: 0;
left: 0;
}


.topflowbox_pickup{
width: 100%;
float: left;
margin-bottom: 3%;
}
.topflowbox_title{
width: 100%;
float: left;
letter-spacing: 4px;
font-size: 1.1em;
}

#topflowbox dt.c_name{
width: 100%;
float: left;
font-size: 1.4em;
margin-top: 4%;
}

#topflowbox dd.p_name{
width: 100%;
float: left;
font-size: 4em;
letter-spacing: 9px;
padding: 0;
margin: 0;
line-height: 1.3;
}
#topflowbox dd.pf_name{
width: 100%;
float: left;
letter-spacing: 2px;
}

#topflowbox dd.ex_comment{
width: 100%;
float: left;
margin-top: 10px;
letter-spacing: 2px;
}

#topflowbox dd.more{
width: 100%;
float: left;
text-align: right;
margin-top: 25px;
font-size:0.9em;
}

#topflowbox dd.more a{
color: #fff;
}

#topflowbox .fa-angle-right{
margin-left: 8px;
}

#topflowbox dd.pickup_name{
width: 100%;
float: left;
font-size: 2em;
letter-spacing: 4px;
margin-top: 3%;
}




.pkz{
width: 940px;
margin: 0 auto;
line-height: 50px;
text-align: right;
color: #111;
font-size: 0.9em;
font-weight: 600;
}

.pkz a{
text-decoration: underline;
}
.pkz .fa-angle-right{
margin: 0 10px;
}


#main{
width: 100%;
margin: 0 auto;
display: inline-block;
vertical-align: top;
position: relative;
background: #f4f4f4;
padding-bottom: 100px;
padding-top: 81px;
}

.mainimg{
position: relative;
margin: 0 auto;
max-width: 1280px;
}
.mainimg img{
width: 100%;
height: auto;
}
.mainimg_940{
position: relative;
margin: 0 auto;
width: 940px;
}

.mainimg_940 img.head{
width: 940px;
}
.inter_mainimg{
width: 100%;
float: left;
background-color: #313131;
position: relative;
}

.inter_left{
width: 50%;
float: left;
}
.inter_left img{
width: 100%;

}

.inter_right{
width: 46%;
float: right;
padding: 1%;
color: #fff;
position: absolute; 
    top: 50%; 
    left: 51%;
 margin-top: -100px;
}
.inter_right dt.c_name {
width: 100%;
float: left;
font-size: 1.4em;
margin-top: 1%;
}
.inter_right dd.p_name{
width: 100%;
float: left;
font-size: 46px;
letter-spacing: 9px;
padding: 0;
margin: 0;
line-height: 1.3;
}
.inter_right dd.pf_name {
width: 100%;
float: left;
letter-spacing: 2px;
}

.inter_right dd.ex_comment {
width: 63%;
float: left;
margin-top: 10px;
letter-spacing: 2px;
font-size: 12px;
}

.interview_commentbox{
width: 100%;
float: left;
margin-bottom: 45px;
font-size: 2em;
}

.main_contents{
margin-top: 50px;
width: 100%;
float: left;  
}



.float_text{
background-color: rgba(0,0,0,0.8);
color: #fff;
height: 110px;
padding: 2%;
width: 96%;
bottom: 0;
position: absolute;
}
.inter_float_text{
background-color: rgba(0,0,0,0.8);
color: #fff;
height: 362px;
padding: 3%;
width: 38%;
top: 0;
position: absolute;
box-sizing: border-box;
height: 100%;
}

.inter_float_text dl{
float: left;
}

.inter_float_text dt.c_name {
width: 100%;
float: left;
font-size: 1.4em;
margin-top: 4%;
}

.inter_float_text dd.p_name {
width: 100%;
float: left;
font-size: 4em;
letter-spacing: 9px;
padding: 0;
margin: 0;
line-height: 1.3;
}
.inter_float_text dd.p_name a{
color:#fff;
}
.inter_float_text dd.more a{
color:#fff;
display:block;
float:right;
margin-top: 10px;
}


.inter_float_text dd.pf_name {
width: 100%;
float: left;
letter-spacing: 2px;
}

.inter_float_text dd.ex_comment {
width: 100%;
float: left;
margin-top: 25px;
letter-spacing: 2px;
}


.special-list_ckimg{
float: left;
margin-right: 20px;
}
.float_text dl{
float: left;
}
.float_text dt{
float: left;
font-size: 2em;
width: 100%;
margin-bottom: 10px;
}
.float_text dt a{
color:#fff;
}
.float_text dd{
float: left;
font-size: 1em;
width: 100%;

}



.s_listbox li{
width: 440px;
height: 360px;
margin-bottom: 50px;
float: left;
color: #313131;
}
.s_listbox li:nth-child(even){
float: right;
}

.s_listbox_img{
float: left;
}

.s_listbox_contents{
padding: 20px;
float: left;
background: #fff;
width: 400px;
}
.s_listbox_contents dt{
float: left;
font-size: 1.8em;
width: 100%;
margin-bottom: 2%;
}

.s_listbox_contents dd{
float: left;
}

.s_listbox_contents dd.e_contents{
margin-bottom: 15px;
width: 100%;
}

.s_listbox_contents dd.s_listbox_cname{
margin-right: 15px;
font-size:0.8em;
}

.s_companybox{
width: 100%;
float: left;
margin-bottom: 88px;
}
.s_companybox li{
width: 460px;
float: left;
}
.s_companybox li:nth-child(even){
float: right;
}
.s_company_img{
float: left;
}

.s_company_contents{
width: 300px;
float: left;
padding: 0 20px;
color: #111;
}
.s_company_contents dd{
float: left;
width: 100%;
}
.s_company_pname{
font-size: 1.4em;
}
.s_company_text{
font-size: 0.9em;
}







#left_contents{
width: 640px;
float: left;
font-size: 1.2em;
color: #111;
}

.left_extext{
float: left;
}
#left_contents .left_contents_inner dl{
float: left;
margin: 25px 0; 
}
#left_contents .left_contents_inner dt{
width: 50px;
height: auto;
float: left;
font-weight: bold;
}

#left_contents .left_contents_inner dd{
width: 590px;
float: right;
}

.left_contents_inner p{
line-height:1.9;
letter-spacing: 1px;
font-size: 0.95em;
}

#right_contents{
width: 220px;
float: right;
}

.right_pre_info{
float: left;
margin-bottom: 50px;
}

.right_pre_info dt{
float: left;
margin-bottom: 15px;
}

.right_pre_info dd{
float: left;
}
.right_data{
float: left;
margin-bottom: 50px;
}

.right_data dt{
float: left;
margin-bottom: 10px;
width: 100%;
font-size: 17px;
letter-spacing: 4px;
font-weight: bold;
}
.right_data dd{
width:100%;
margin-bottom:4px;
}
.right_data dd.cname{
float: left;
margin-bottom: 5px;
}
.right_data dd{
float: left;
}
.i_listbox li{
width: 440px;
height: 190px;
margin-bottom: 50px;
float: left;
color: #313131;
}
.i_listbox li:nth-child(even){
float: right;
}

.i_listbox_img{
float: left;
width: 190px;
}
.i_listbox_img img{
width: 190px;
transform: unset !important;
}

.i_listbox_contents{
float: left;
width: 230px;
padding-left: 20px;
padding-bottom: 10px;
font-weight:600;
}

.i_listbox_contents dt{
width: 100%;
float: left;
font-size: 0.9em;
font-weight: 500;
}

.i_listbox_pname{
width: 100%;
float: left;
font-size: 1.4em;
font-weight: 500;
}
.i_listbox_contents dd.i_listbox_excomment{
width: 100%;
float: left;
font-size: 13px;
margin-top: 10px;
letter-spacing: 1px;
font-weight: 500;
}

.i_listbox_contents dd.more{
float: right;
font-size: 0.8em;
margin-top: 10px;
font-weight: 500;
color: #969696;
}

.i_listbox_contents dd.more a{
color: #969696;
}
.i_listbox_contents dd.more .fa-angle-right{
margin-left: 10px;
}











/* footerbfooterbfooterbfooterbfooterbfooterbfooterbfooterbfooterbfooterb */

#page-top {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 77%;
z-index: 999;
}
#page-top a {
background: #ccc;
text-decoration: none;
color: #fff;
width: 50px;
padding: 10px 0;
text-align: center;
display: block;
border-radius: 5px;
}
#page-top a:hover {
text-decoration: none;
background: #af9e75;
}

#footer{
width: 100%;
height: 40px;
color:#fff;
text-align:center;
font-size:12px;
position: relative;
background: #848484;
}

#footer_inner{
width: 940px;
margin: 0 auto;
padding: 10px;
}

#footer ul{
width: auto;
margin: 0 auto;
}

#footer li a{
float: left;
color:#fff;
padding: 0 7px;
}

#footer_inner li.right{
float: right;
}

#footer p{
width: 100%;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: center;
background: #636363;
padding: 5px 0;
}

/* footerbfooterbfooterbfooterbfooterbfooterbfooterbfooterbfooterbfooterb */
#page-links{
width:100%;
text-align:center;
float:left;
padding: 30px 0;
}

#page-links a{
padding: 4px 8px;
background: rgb(102, 102, 102) none repeat scroll 0% 0%;
color: rgb(255, 255, 255);
}
#page-links a:hover{
background: #ccc;
}

#searchbox{
width: 100%;
background: #323232;
height: 250px;
float: left;
}

#searchboxinner{
width: 940px;
margin: 0 auto;
}
h2.search{
text-align: center;
font-size: 40px;
color: #fff;
letter-spacing: 10px;
margin: 36px auto;
}
#newstopicsbox{
width: 100%;
height:50px;
background: #323232;
float: left;
}
h2.newstopics{
text-align: center;
font-size: 22px;
color: #fff;
letter-spacing: 10px;
margin: 9px auto;
}

#searchboxinner input{
text-align: center;
margin: 0 auto;
width: 100%;
height: 60px;
font-size: 22px;

font-family:'AxisStd-Light';
padding:0;
}

.search_detail ul{
width: 30%;
margin-right: 5%;
float: left;
color: #313131;
}

.search_detail li{font-size:12px;}

.search_detail li.search_detail_img{
text-align: center;
}

.search_detail ul.last{
margin-right: 0;
float: right;
}

.search_detail li.search_detail_name{
text-align: center;
font-size: 18px;
margin-top: 1.8em;
margin-bottom: 1.8em;
}

.search_detail li.search_detail_name i.fa-search{
margin-right:5px;
}

#relation{
width: 100%;
margin: 5% 0;
float: left;
color: #313131;
}

.relation_listbox li{
width: 140px;
float: left;
color: #313131;
margin-right: 6.2%;
}

.relation_listbox li:last-child{
margin-right: 0;
}

.relation_listbox li img{
width: 140px;
margin-bottom: 5px;
}	

.relation_listbox_contents dt{font-size:12px;}

.relation_listbox_contents dd{font-size:18px;}

h3.w_100{
width: 100%;
text-align: center;
font-size: 20px;
letter-spacing: 9px;
margin: 4% 0;
}
/* formformformformformformformformformformformformform */
#contactbox{
width: 100%;
background: #323232;
float: left;
}
#contactboxinner{
width: 940px;
margin: 0 auto;
}

#contact{
width: 800px;
margin: 0px auto;
}

.form dt{
text-align: left;
line-height:2;
margin:5px 0;
}


.form dd{
text-align: center;
line-height:5;
margin-bottom: 25px;
}

.name{
width:53em;
background:#fff;
}

.tel{
width:53em;
background:#fff;
}
.add{
width:53em;
background:#fff;
}
.mail{
width:53em;
background:#fff;
}
.submit_btn,.reset_btn{
width: 31em;
margin: 0 auto;
background: #055aaa;
color: #fff;
}

.submit_btn:hover{
background:#ccc;
}
.reset_btn:hover{
background:#ccc;
}

.contact-section{
width: 80%;
margin: 0px auto;
}




/* formformformformformformformformformformformformform */

form input
{
background: none repeat scroll 0% 0% #F7F6F6;
padding: 15px;
width: 100%;
font-size: 14px;
font-weight: 400;
box-shadow: none;
border: 1px solid #a7a2a2;
transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
margin-left: -20px;
}
form textarea
{
width: 92%;
box-shadow: none;
background: #fff;
padding: 15px;
font-size: 14px;
font-weight: 400;
height: 180px;
font-family: inherit;
border: 1px solid #a7a2a2;
resize: none;
transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
margin-left: -20px;
margin-bottom:10px;
}
button.submit
{
background: #1C97CA;
border: medium none;
color: #FFF;
padding: 15px 10px;
font-size: 14px;
font-weight: 600;
transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
margin-top: 20px;
transition: background 0.3s ease-in;
cursor: pointer;
display: block;
margin: 30px auto 0px;

}
button.submit:hover
{
background:#888;
}
form input:focus
{
border: 2px solid #888;
background-color: #fff;
}
form textarea:focus
{
border: 2px solid #888;
background-color: #fff;
}

.newsbox{
	font-size: 13px;
}

dl.newsbox{
	width: 640px;
	float: left;
}
dl.newsbox dt{
	width: 640px;
	float: left;
	line-height: 2;
	border-top: 1px solid #fff;
	padding-top: 15px;
}
dl.newsbox dd{
	width: 640px;
	float: left;
	line-height: 2;
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
}
dl.newsbox span.cate{
	background: #485583;
	color:#fff;
padding: 2px 10px;
font-size: 10px;
position: relative;
top: -2px;
border-radius: 2px;
font-weight: bold;
margin-left: 16px;
}

h3.news{
font-size: 1.8em;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}

.newsdate{
font-size:12px;
margin-bottom: 25px;
}

.content_box{
    float: left;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

#pagination{
width:100%;
float:left;
font-size:0.8em;
}

.prev{
width:50%;
float:left;
}
.next{
width:50%;
float:right;
text-align:right;
}

.right_interview_img{
width: 220px;
height: 140px;
overflow: hidden;
}

.right_interview_img img{
width: 336px;
height: auto;
display: block;
position: relative;
left: 50%;
margin-left: -168px;
}

.sidebar_inter_list{
float:left;
background:#fff;
padding: 0 0 20px 0;
position:relative;
}
.sidebar_inter_list a.morelinkbox{
position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.relation_listbox li{
position:relative;
}

.relation_listbox a.morelinkbox{
position:absolute;
top: 150px;
left: 0;
width: 100%;
height: 30%;
}

.right_interview_name{
float: left;
padding: 16px 0 0 0;
width: 100%;
text-align: center;
box-sizing: border-box;
font-size: 11px;
}

.right_interview_title{
float:left;
padding:0;
width:100%;
text-align:center;
box-sizing: border-box;
font-size: 16px;
}

.right_topics_cname,.right_topics_pname{
float:left;
padding:3px;
width:100%;
box-sizing: border-box;
}

.sidebar_title{
width:100%;
background:#888;
color: #fff;
padding: 8px 15px;
float:left;
box-sizing: border-box;
}
.wideslider{
padding-top: 81px;
}
.wideslider ul{
margin-top: 81px;
}

.grayscale {
	
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}

.grayscale2{
	-webkit-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: grayscale(100%);
}
.grayscale2:hover {
	-webkit-filter: grayscale(0%);
	filter: none;
}

.linkbox{
color:#222;
position: relative;
width:100%;
}

.linkbox a.morelinkbox{
display: block;
position: absolute;
top: 0;
right: 0;
height:100%;
width: 50%;
}


#sitepage dt{
font-size: 18px;
box-sizing: border-box;
border-left: 5px solid #666;
padding-left: 18px;
border-bottom: 1px dashed #999;
padding-bottom: 3px;
}

#sitepage dd{
box-sizing: border-box;
padding: 14px 24px;
}

#sitepage dd a{
text-decoration: underline;
}


/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .grayscale2{
	-webkit-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: grayscale(100%);
}
.grayscale2:hover {
	-webkit-filter: grayscale(0%);
	filter: none;
}
}