.pcnone{
display:none!important;
}
/*
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;
}


body,html{
line-height: 1.5;
height: auto;
width: 100%;

}

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;
}

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;
clear: both;
}

* html .cf {
min-height: 1px;
height: auto;
overflow: hidden;
}

img{
vertical-align: bottom;   
}

.pcnone {
display: none!important;
}

.g-text-bold{
float: left;
font-weight: bold;
color: #00bd00;
font-size: 1.4em;
}

.b-text-bold{
float: left;
font-weight: bold;
color: #000;
font-size: 1.4em;
}
.o-text-bold{
float: left;
font-weight: bold;
color: #FF7F00;
font-size: 1.4em;
}

.s-text{
font-size: 0.7em;
color: #000;
}

.b-text{
font-weight: bold;
}

.r-text{
color:#ff0000;
text-align: left;
}

.pkz{
width: 100%;
padding: 4%;
box-sizing: border-box;
float: left;
font-size: 10px;
text-align: right
}

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


.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;
}
/*headerheaderheaderheaderheaderheaderheaderheaderheaderheaderheader*/

#header{
width: 100%;
height: 100px;
margin: 0 auto;
background: #fff;
}

#header_inner{
width: 1100px;
margin: 0 auto;

}
.logo{
float: left;
position: absolute;
left: 15px;
top: 18px;
z-index: 101;
}

h1{
width: 115px;
text-align: center;
margin-top: 15px;
margin-left: 12px;
}




/* navnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnavnav  */

/* Toggle Button */

#nav-toggle {
display: none;
position: absolute;
right: 19px;
top: 19px;
width: 34px;
height: 36px;
cursor: pointer;
z-index: 101;
}

#nav-toggle div {
position: relative;
}

#nav-toggle span {
display: block;
position: absolute;
height: 5px;
width: 35px;
background: #666;
left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
border-radius: 3px;
}
#nav-toggle span:nth-child(1) {
top: 0;
}
#nav-toggle span:nth-child(2) {
top: 11px;
}
#nav-toggle span:nth-child(3) {
top: 22px;
}

#top-head,
.inner {
width: 100%;
padding: 0;
}
#top-head {
top: 0;
position: fixed;
margin-top: 0;
z-index: 9999;
}


/* Fixed reset */
#top-head.fixed {
padding-top: 0;
background: transparent;
}
#mobile-head {
background: #fff;
width: 100%;
height: 70px;
z-index: 999;
position: relative;
border-bottom: 1px solid #ccc;
}
#mobile-head_un {
background: #fff;
width: 100%;
height: 70px;
z-index: 999;
position: relative;
border-top: 15px solid #6ecda6;
}


.logo img{
width: 100%;
}

.men_ico img{
position: absolute;
right: 70px;
top: 19px;
width: 30px;
}

#global-nav {
position: absolute;
/* 開いてないときは画面外に配置 */
top: -485px;
background: #313131;
width: 100%;
text-align: center;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
#global-nav ul {
list-style: none;
position: static;
right: 0;
bottom: 0;
font-size: 14px;
padding: 0;
margin: 0;
}
#global-nav ul li {
float: none;
position: static;
}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
width: 100%;
display: block;
color: #fff;
padding: 12px 0;
text-decoration: none;
border-bottom:1px solid #ccc; 
}
#nav-toggle {
display: block;
}


/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
}


/* #global-nav スライドアニメーション */
.open #global-nav {
/* #global-nav top + #mobile-head height */
-moz-transform: translateY(556px);
-webkit-transform: translateY(556px);
transform: translateY(556px);
}

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

.main_contents{
width: 100%;
float:left;
}


.mainimg_940{
display:none;
}

#w_960{
width: 88%;
margin: 0 auto;
padding: 4% 0;
box-sizing: border-box;
}


#sp_top_main{
width: 100%;
float: left;
padding-top:70px;

}

.topbg{
width: 100%;
float: left;	
}

.topbg img{
width: 100%;
float: left;	
}

.topflowbox_pickup{
width: 100%;
float: left;
margin-bottom: 3%;
}

.topflowbox_title{
width: 100%;
float: left;
letter-spacing: 4px;
font-size: 1.1em;
font-weight:bold;
}

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

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

#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: #313131;
}

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

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


.inter_mainimg{
width: 100%;
float: left;
}
.inter_mainimg img{
width: 100%;
}

.inter_left,.inter_right{
width: 100%;
float: left;
box-sizing: border-box;
}

.inter_right{
padding:4%;
background: #313131;
color:#fff;
}

.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: 100%;
float: left;
margin-top: 10px;
letter-spacing: 2px;
font-size: 12px;
}

.interview_commentbox{
width: 100%;
margin:0 auto;
font-size: 1.3em;
padding:2% 5%;
box-sizing: border-box;
}

#left_contents{
width: 100%;
float: left;
font-size: 0.9em;
color: #111;
}

#left_contents img{
width: 100%;
height:auto;
}

.left_contents_inner{
width: 100%;
margin:0 auto;
font-size: 1em;
padding:2% 5%;
box-sizing: border-box;
}

#contents_inner{
width: 100%;
float:left;
padding:5%;
box-sizing: border-box;
}

h3.news{
width: 100%;
float:left;
font-size:20px;
}

.newsdate{
width: 100%;
float:left;
margin-bottom:5%;
}

#pagination{
    width: 100%;
    float: left;
    font-size: 0.8em;
    margin-top: 5%;
    border-top: 1px solid #ccc;
    padding: 2% 0;
}

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









#right_contents{
width: 100%;
float: left;
font-size: 0.9em;
color: #111;
margin-top:50px;
}

.right_pre_info dt{
width: 100%;
text-align: center;
}

.right_pre_info dd{
float: left;
padding: 2% 15%;
}

.right_data{
float: left;
padding: 2% 15%;
}

.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{
width: 100%;
margin:0 auto;
font-size: 1em;
padding:2% 5%;
box-sizing: border-box;
}

.linkbox{
width: 100%;
float: left;
margin-bottom: 8%;
}

.i_listbox_img{
width: 100%;
margin:0 auto;
text-align: center;
}

.i_listbox_img img{
width:60%;
}

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

.i_listbox_contents dt{
width: 100%;
font-size: 0.9em;
font-weight: 500;
text-align: center;
margin-top:10px;
margin-bottom:6px;
clear: both;
}

.i_listbox_pname{
width: 100%;
float: left;
font-size: 1.4em;
font-weight: 500;
text-align: center;
}

.i_listbox_contents dd.i_listbox_excomment{
width: 100%;
float: left;
font-size: 13px;
margin-top: 10px;
letter-spacing: 1px;
font-weight: 500;
padding:2% 5%;
box-sizing: border-box;
}

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

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


input, button, select, textarea {
-webkit-appearance: none;}

#searchbox{
width: 100%;
background: #323232;
float: left;
padding: 5%;
box-sizing: border-box;
text-align: center;
}

#searchboxinner{
width: 90%;
margin: 0 auto;
}

h2.search{
text-align: center;
color: #fff;
letter-spacing: 5px;
margin: 5% 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;
font-size: 16px;
margin: 0 auto;
width: 100%;
font-family:"游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
padding:2%;
text-align: left;
margin-bottom:10px;
box-sizing: border-box;
border-radius:0;
}

#searchboxinner input#searchsubmit{
width: 35%;
text-align: center;
background: #055AAA;
color: #fff;
border: none;
padding: 2%;
}

.search_detail{
width: 90%;
margin: 0 auto;
}

.search_detail ul{
width: 100%;
float: left;
color: #313131;
margin-top: 4%;
margin-bottom: 4%;
}

.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;
margin: 5% 0;
font-size: 20px;
}

.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: 100%;
float: left;
color: #313131;
text-align: center;
margin-bottom:5%;
}
.relation_listbox li:last-child{
margin-right: 0;
}

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

h3.w_100{
width: 100%;
text-align: center;
font-size: 20px;
letter-spacing: 9px;
margin: 4% 0;
}



#left_contents .newsbox{
width: 100%;
float: left;
font-size: 1em;
color: #111;
padding: 5%;
box-sizing: border-box;
}

.newsbox dt{
width: 100%;
float: left;
}

.newsbox dd{
width: 100%;
float: left;
margin-bottom:3%;
font-size: 1.2em;
}

.sidebar_title{
width: 100%;
text-align: center;
font-size: 20px;
margin-bottom: 5%;
}

.sidebar_inter_list{
width: 90%;
margin:0 auto;
margin-bottom: 5%;
text-align: center;
}

.right_interview_img{
width: 100%;
text-align: center;
}

.right_interview_img img{
width: 100%;
text-align: center;
}


#contactbox{
width: 100%;
height:50px;
background: #323232;
float: left;
}

#contact{
width: 100%;
margin:0 auto;
font-size: 1em;
padding:2% 5%;
box-sizing: border-box;
}

#contact input,
#contact textarea{
width:100%;
font-size:16px;
padding:2%;
text-align: left;
margin-bottom:5%;
box-sizing: border-box;
border-radius:0;
}

#contact .submit_btn,.reset_btn{
width: 35%;
text-align: center;
background: #055AAA;
color: #fff;
border: none;
padding: 2%;
}
#sitepage{
width: 100%;
margin:0 auto;
font-size: 1em;
padding:2% 5%;
box-sizing: border-box;
}
#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;
}

#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;
}

#footer{
width: 100%;
padding: 5% 0;
color:#fff;
text-align:center;
font-size:0.9em;
position: relative;
background: #848484;
}

#footer_inner{
width: 88%;
margin: 0 auto;
}

#footer ul{
width: auto;
margin: 0 auto;
}
#footer li{
width: 100%;
float: left;	
}
#footer li.last a{
border-bottom: 1px solid #9e9e9e;
}
#footer li a{
width: 100%;
float: left;
line-height: 3;
color:#fff;
display: block;
border-top: 1px solid #9e9e9e;
}

#footer li.right{
margin-top:5%;
}