@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,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,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;font-style: normal;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
	width:100%;
	margin:0 auto;
	font-size:0.9em;
	color: #333;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:1.6em;
	-webkit-text-size-adjust: 100%;
}

img {
	vertical-align:middle;
}

a:link    { color:#0000ff; text-decoration:none;}
a:visited { color:#800080; text-decoration:none;}
a:hover   { color:#ff0000; text-decoration:underline;}
a:active  { color:#ff0000; text-decoration:underline;}

h2 {}

h3 {
	margin:0 0 0 0;
	padding: 75px 0px 30px;
}

h4 {
  font-size:1.0em;
	margin:0 0 0px 43px;
	padding:0px 10px;
	text-align:left;
}

h5 {
	font-size:1.1em;
	margin:0 0 10px 0;
	padding: 5px 10px;
	font-weight:bold;
	background:#ededed;
}

h6 {
	margin:0 0 10px 0;
	padding: 2px 10px;
	color:#382400;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	border-left:5px solid #ccc;
}


ul,ol {
	list-style:none;
}
ul li {
	list-style:disc;
}


/*================================================
 *  テーブル
 ================================================*/

table {
	width:100%;
}

table thead th {
}

th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#f5f5f5;
}
td {
	padding:10px;
	text-align:left;
  vertical-align:top;
}


/*テーブル：2セルの場合*/
.t-2cell th{
  background:#f5f5f5;
  width:30%;
}

.sentence {
	line-height:180%;
}


/*================================================
 *  ヘッダー
 ================================================*/

#header {
  width:100%;
	height: 125px;
	margin:0 auto;
	padding:0;

	position:fixed;
	top:0;
	left:0;
	z-index: 70;
  background-color: rgba(255,255,255,0.9);
}
#header > img{
  //width:100%;
}
#header h1 {
  display:none;
}
#header-in {
  max-width:1200px;
  margin:45px auto 0;
}

/*================================================
 *  ナビゲーション
 ================================================*/
#menu{float:right;}
#menu{
	padding: 0;
	margin:10px 0 0 0;
}
#menu li {
	display:inline-block;
}
#menu li a{
  display:block;
  width:100%;
  height:63px;
  background:url(../images/bg-menu.png) no-repeat;
}

#menu li a.menu1{width:50px;background-position: 0px 0px;}
#menu li a.menu2{width:110px;background-position: -50px 0px;}
#menu li a.menu3{width:90px;background-position: -160px 0px;}
#menu li a.menu4{width:90px;background-position: -250px 0px;}
#menu li a.menu5{width:105px;background-position: -340px 0px;}
#menu li a.menu6{width:66px;background-position: -445px 0px;}
#menu li a.menu7{width:66px;background-position: -545px 0px;}
#menu li a span{display:none;}
#menu li a:hover{
  background:url(../images/bg-menu.png) no-repeat;
}

#menu li a.menu1:hover{background-position: 0px -63px;}
#menu li a.menu2:hover{background-position: -50px -63px;}
#menu li a.menu3:hover{background-position: -160px -63px;}
#menu li a.menu4:hover{background-position: -250px -63px;}
#menu li a.menu5:hover{background-position: -340px -63px;}
#menu li a.menu6:hover{background-position: -445px -63px;}
#menu li a.menu7:hover{background-position: -545px -63px;}


/*================================================
 *  メインコンテンツ
 ================================================*/
.intro{
  max-width: 1200px;
  width:100%;
  padding:0;
  margin:0 auto;
}
.wrap{
  position: relative;
  width:1000px;
  margin:0 auto;
}
.white-net{
  background:url(../images/bg-white-net.png) no-repeat center center;
  height:500px;
}
.white-net2{
  background:url(../images/bg-white-net2.png) no-repeat center center;
  height:500px;
}
.white-net3{
  background:url(../images/bg-white-net.png) repeat-x center center;
}
.section{
  text-align:center;
}

.bt-scroll{
  position:absolute;
  left:0;
  right:0;
  margin:0 auto;
  bottom:15%;
}

dl{
  padding:0 110px 10px 110px;
  text-align:left;
}
dt{
  background:url(../images/t-mark.gif) no-repeat left center;
  padding:0 0 0 20px;
}

.bg-none{
  background:none;
}

/* news
 ================================================*/
#news{
  background:url(../images/bg-news.jpg) no-repeat center center;
  background-size:cover;
  margin: 0;
}

#news .wrap {
  //max-width: 1000px;
}

/* talent
 ================================================*/
.talent{
  background:url(../images/bg-talent.jpg) no-repeat center center;
  background-size:cover;
  margin: 0;
}
.talent-box{
  padding:0 90px;
  text-align:center;
}
.talent-box dl{
  width:115px;
  padding:0 0 0 0;
  color:#000;
  text-align:center;
}
.talent-box dt{
  padding:0;
  font-size:0.7em;
  background:none;
}
.talent-box dt span{
  background:url(../images/t-mark.gif) no-repeat left center;
  padding:0 0 0 13px;
}
/*--------詳細--------------------*/
[id^="t-detail"]{
  text-align:left;
  font-size:0.75em;
  width:1000px;
  height:500px;
}
[id^="t-detail"].talent{
  background:none;
}

[id^="t-detail"] .talent-box{
  padding:48px 75px;
  position:relative;
}

.talent-box-l{
  float:left;
  width:365px;
  text-align:left;
//background:red;
}
.talent-box-r{
  float:right;
  width:475px;
  text-align:left;
//background:blue;
}
.talent-box-r h3{
  padding:0.2em 0 0.3em 0.7em;
  margin:0 0 0 0;
  font-size:1.8em;
}
.talent-box-r h3 span{
  font-size:0.6em;
  font-weight:normal!important;
  padding:0 0 0 10px;
}
[id^="t-detail"] .talent-box dl{
  width:100%;
  text-align:left;
}
[id^="t-detail"] .talent-box dl dt{
  background:url(../images/t-mark.gif) no-repeat left center;
  padding:0 0 0 15px;
  font-size:1.0em;
}

ul.proflist li{
  list-style:none;
  float:left;
  background:url(../images/t-mark.gif) no-repeat left center;
  padding:0 25px 0 15px;
}

[id^="t-detail"] .talent-box dl.prof{
  float:left;
}
[id^="t-detail"] .talent-box dl.prof dt{
  float:left;
  clear:both;
}
[id^="t-detail"] .talent-box dl.prof dt dd{
  clear:both;

}
.performance{
  height:210px;
  overflow:auto;
  font-size:0.9em;
  padding:10px 0 0 0;
}
[id^="t-detail"] .talent-box .performance dl{
  width:450px;
  margin-bottom:20px;
}
[id^="t-detail"] .talent-box .performance dl dt{
  background:none;
  padding:0 0 0 0;
  float:left;
  clear:left;
  width:95px;
}
[id^="t-detail"] .talent-box .performance dd{
  float:left;
  width:355px;
}
.performance p{
  padding:40px 0 10px 0;
}
.performance address{
  line-height:160%;
}
/* company
 ================================================*/
.company-box{
  border-left:3px solid #707070;
  margin:0 0 10px 150px;
  padding:0 0 0 0;
  position:relative;
}
.company-box dl{
  padding:0 0 0 55px;
}
.company-box dt{
  float:left;
  width:120px;
}
.company-box dt dd{}

.btn_mynum {
  position:absolute;
  bottom:0;
  right:0;
  width: 273px;
  height:38px;
  line-height:40px;
  background:#dcdcdc;
  border:1px dotted #868686;
  margin:0 0 0 0;
  cursor: pointer;
}
.btn_mynum a{
  display:block;
  text-decoration: none;
}
.btn_jame {
  position:absolute;
  bottom:0;
  right:0;
  margin:0 0 0 0;
}
.access{}
.map-box{
  float:left;
  width:630px;
}
.map-box iframe{
  height:430px;
}
.access-r{
  float:right;
  padding:0 50px 0 0;
}
.access address{
  text-align:left;
}
.access address dl{
  padding:0 0 10px 0;
}
.access address dt{
  padding:0 0 5px 0;
}
.access address dt dd{}

.access address dl.traffic dl{
  padding:0 0 10px 0;
}
.access address dl.traffic dt{
  padding:0 0 0px 20px!important;
  line-height:1.8em;
}
.access address dl.traffic dd{
  padding:10px 0 5px 30px;
}
.access-photo{
  text-align:left;
  padding:5px 0 0 0;
}

/* Recruit
 ================================================*/
.recruit{
  /*background-size:cover;*/
  margin-top: 0px;
}
/* audition
 ================================================*/
.audition{
  background:url(../images/bg-information.jpg) no-repeat center center;
  background-size:cover;
  margin: 0;
}
.info-box{
  width:790px;
  margin:0 auto;
}
.info-center{
  width:365px;
}
.recruit-center{
  width:550px;
}
.recruit-in{
  height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.info-left{
  float:left;
  width:365px;
}

/*20160627変更追加*/
.info-left-in{
  height:220px;
}
.info-left-in li{
  list-style:none;
  display: inline-block;
  margin:10px 0;
}
.info-left-in li a{
  color:#000;
}
.button_audi{
  display: inline-block;
  width: 250px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  position: relative;
  z-index: 2;
  background-color: #333;
  border:1px dotted #868686;
  color: #fff;
  line-height: 50px;
}
.button_audi:hover {
	background-color: #fff;
	border-color: #1c2333;
	color: #1c2333;
}
.button_audi::before,
.button_audi::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #dcdcdc;
}
.button_audi,
.button_audi::before,
.button_audi::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.button_audi::before {
  right: 0;
}
.button_audi::after {
  left: 0;
}
.button_audi:hover::before,
.button_audi:hover::after {
  width: 0;
  background-color: #dcdcdc;
}
/*20160627変更追加ここまで*/


.info-right{
  float:right;
  width:365px;
}
.info-right-in{
  height:220px;
  overflow:auto;
}
.info-box h4{
  margin:0 0 10px 0;
  padding:3px 0 2px 5px;
  background:#fff;
  background-color:rgba(255,255,255,0.7);
}
.info-box dl{
  margin:0 0 10px 0;
  padding:0;
}
/*20160627追加*/
/* audition
 ================================================*/
#audition{
  padding:125px 0 0 0;
}
#audition ul{
  width:800px;
  margin:0 auto 40px;
}
#audition ul li{
  list-style:none;
  font-size:0.8em;
}
#audition table{
  width:800px;
  margin:0 auto;
}
#audition table td{
  //width:100%;
}
#audition table td p{
  text-align:left;
}
#audition table td.col4{
  padding-bottom:0;
}
#audition table td.col3{
  padding-top:0;
}
#audition table td.col3 textarea,
#audition table td.col3 input{
  margin-left:160px;
}
#audition table td.col3 input{
  max-width: 595px;
  min-width: 595px;
}
#audition textarea {
  min-width: 595px;
  min-height: 80px;
  max-width:  595px;
  max-height: 150px;
}


/*20160627追加ここまで*/

/* contact
 ================================================*/
.contact{
  position:relative;
}

input[type="text"] {
	margin:0 0px 0px 0px;
	width:90%;
  height:20px;
  text-align:left;
}
td p{
	text-align:right;
}

.contact textarea {
  min-width: 280px;
  min-height: 80px;
  max-width:  280px;
  max-height: 150px;
}
.contact td{
  width:165px;
}

.btn_box{
  width:450px;
  height:50px;
  margin:20px auto 50px;
  padding-bottom:50px;
}
button{
  vertical-align: middle;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: none;
  cursor: pointer;
  background: transparent;
  margin: 0;
  padding: 0;
  color:#fff;
}

.btn_confirm {
  width: 150px;
  height:40px;
  line-height:42px;
  background:#a0a0a0;
  background-position: -50px -100px;
  float:left;
  color:#fff;
  cursor: pointer;
}
.btn_etc {
  width: 273px;
  height:38px;
  line-height:40px;
  background:#dcdcdc;
  border:1px dotted #868686;
  float:left;
  margin:0 20px 0 0;
  cursor: pointer;
}
.btn_etc a{
  display:block;
  text-decoration:none;
}

/* privacy
 ================================================*/
#privacy{
  padding:180px 0 0 0;
  //position: relative;
}
.privacy-in{
  width:800px;
  height:250px;
  margin:0 auto 20px;
  overflow:auto;
}
.privacy-in ul{
  padding:0 15px;
}
.privacy-in li{
  text-align:left;
  list-style:none;
  margin:0 0 15px 0;
}
.privacy-in dl{
  padding:0 0 0 0;
}
.privacy-in dl dt{
  padding:0 0 0 0;
  background:none;
}

/*================================================
 *  フッター
 ================================================*/
#footer {
  position:fixed;
  bottom:0;
	clear:both;
  width:100%;
  height:90px;
  line-height:90px;
  background:#bdbdbd;
}
#footer.footer_etc {
  position:static;
}

#footer small,
#footer_etc {
	clear:both;
	display:block;
	font-size:0.9em;
	text-align:left;
  color:#fff;
}
#footer small {
	clear:both;
	display:block;
	font-size:0.9em;
	text-align:left;
  color:#fff;
}

/*================================================
 *  ページトップスクロール
 ================================================*/

.go-top {
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: white;
	font-size: 12px;
	padding: 1em;
	display: none;
}
.go-top:link    { color:#ccc; text-decoration:none;}
.go-top:visited { color:#ccc; text-decoration:none;}
.go-top:hover   { color:#fff; text-decoration:none;}
.go-top:active  { color:#fff; text-decoration:none;}


/*================================================
 *  トップページのみ
 ================================================*/

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 10px;
	height: 10px;
	display: inline-block;
	overflow: hidden;
	background: #333;
	-moz-border-radius: 50px ;
	border-radius: 50px ;         /* css3 */
	-webkit-border-radius: 50px ; /* Safari,Google Chrome */
	-moz-border-radius: 50px ;    /* Firefox */

}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* ClearFixElements */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}


/*================================================
 *  タブレット／スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width: 800px) {
/* 800px以下用（タブレット （Google Nexus10 800px対応）／スマートフォン用）の記述 */
  body {
  	box-sizing:border-box;
  	width:100%;
  }
  #contents {
  	width:95%;
  }

/* ヘッダーメニュー */
  #header {
    width:100%;
    height:auto;
  	margin:0 auto;
    padding:0;
    background-color: rgba(255,255,255,0);
  }
  #header-in {
  margin:0;
  max-width:800px;
  width:100%;
}
  #header-in #logo{
    display:none;
  }


/* メインメニュー */
h3{
  padding:10px 0 0 0;
}
.intro{
  max-width: 800px;
  width:100%;
  padding:0;
  margin:0 auto;
}
.wrap{
  width:auto;
  margin:0!important;
}
dl{
  padding:10px;
}
dt{
  padding-left:15px;
}
  img {
    width:40%;
  }
.bt-scroll{
  width:50px;
}
.bt-scroll img{
  width:100%;
}
.white-net{
  background:url(../images/bg-white-net.png) no-repeat center center;
  background-size:cover;
  height:auto;
}

h4 {
  font-size: 1.0em;
  margin: 0 0 0px 10px;
  padding: 0px 3px;
  text-align: left;
}

/* company
 ================================================*/
.company-box{
  border-left:3px solid #707070;
  margin:0 0 10px 10px;
  padding:0 0 0 0;
}
.company-box dl{
  padding:0 0 10px 15px;
}
.company-box dt{
  float:none;
}
.btn_mynum {
  position:static;
}
.btn_jame {
  position:static;
}
.btn_jame img{
  width:30%;
}

/* talent
 ================================================*/
.talent-box{
  padding:0 50px;
  margin:10px 0 0 0;
  width:auto;
}
.talent-box img{
  width:100%;
}
.talent-box li{
  margin:0 3px;
}
.talent-box dl{
  width:100%;
  padding:0 0 20px 0;
  color:#000;
  text-align:center;
}
.talent-box dt{
  padding:5px 0 0 0;
  font-size:0.7em;
  background:none;
  line-height:1.0em;
}
.talent-box dt span{
  background:url(../images/t-mark.gif) no-repeat left center;
  padding:0 0 0 13px;
}
/*--------詳細--------------------*/
[id^="t-detail"]{
  width:100%;
  height:auto;
}
.white-net2{
  background:url(../images/bg-white-net2sp.png) repeat-y center center;
  height:auto;
}

[id^="t-detail"] img{
  width:50%;
}
[id^="t-detail"] .talent-box{
  padding:0px;
}
.talent-box-l{
  float:none;
  text-align:center;
  padding:20px 0 0 0;
  width:auto;
}
.talent-box-r{
  float:none;
  padding:30px 20px!important;
  width:auto;
  text-align:left;
}
.talent-box-r h3{
  padding:0.2em 0 0.3em 0.7em;
  margin:0 0 0 0;
  font-size:1.8em;
}
.talent-box-r h3 span{
  font-size:0.6em;
  font-weight:normal!important;
  padding:0 0 0 0px;
}

[id^="t-detail"] .talent-box dl{
  text-align:left;
  padding:0 0 0 0;
}
[id^="t-detail"] .talent-box dl dt{
  background:url(../images/t-mark.gif) no-repeat left center;
  padding:0 0 0 15px;
  font-size:1.0em;
}

ul.proflist li{
  list-style:none;
  float:none;
  background:url(../images/t-mark.gif) no-repeat left center;
  padding:0 0 0 15px;
  text-align:left;
  margin:0;
}

[id^="t-detail"] .talent-box dl.prof{
  float:none;
}
[id^="t-detail"] .talent-box dl.prof dt{
  float:left;
  clear:both;
}
[id^="t-detail"] .talent-box dl.prof dt dd{
  clear:both;
}
.performance{
  height:100%;
  font-size:0.9em;
  padding:10px 0 0 0;
  overflow:visible;
}
[id^="t-detail"] .talent-box .performance dl{
  width:100%;
}
[id^="t-detail"] .talent-box .performance dl dt{
  background:none;
  padding:10px 0 0 0;
  float:none;
  clear:left;
  width:100%;
}
[id^="t-detail"] .talent-box .performance dd{
  float:none;
  width:100%;
}


/* access
 ================================================*/
.access{}
.map-box{
  float:none;
  width:95%;
  margin:0 auto;
}
.map-box iframe{
  height:250px;
}
.access-r{
  float:none;
  padding:0;
}
.access address{
  text-align:left;
}
.access address dl{
  padding:0 0 0 20px;
}
.access address dt{
  padding:0 0 0 0;
}
.access address dt dd{}

.access address dl.traffic dl{
  padding:0 0 10px 0;
}
.access address dl.traffic dt{
  padding:0 0 0px 15px!important;
  line-height:1.8em;
}
.access address dl.traffic dd{
  padding:0 0 0 0;
}
.access-photo{
  text-align:center;
  padding:15px 0 0 0;
}

/* information
 ================================================*/
.info-box{
  width:100%;
  margin:0 auto;
}
.info-left{
  float:none;
  width:90%;
  margin:0 auto;
}
.info-left-in{
  height:100%;
  width:90%;
padding:8px;
  -webkit-overflow-scrolling: touch;
}
.info-right{
  float:none;
  width:90%;
  margin:0 auto;
}
.info-right-in{
  height:100%;
  width:90%;
  -webkit-overflow-scrolling: touch;
}
.info-box h4{
  margin:10px 0 10px 0;
  padding:3px 0 2px 5px;
  background:#fff;
  background-color:rgba(255,255,255,0.7);
}
.info-box dl{
  margin:0 0 10px 0;
  padding:0;
}
/* audition
 ================================================*/
#audition{
  padding:0 0 0 0;
}
#audition ul{
  width:90%;
  margin:15px auto 30px;
}
#audition table{
  width:100%;
  margin:0 auto;
}
#audition table td p{
  padding:10px 0 0 0;
}
#audition textarea {
  min-width: 280px;
  min-height: 80px;
  max-width: 280px;
  max-height: 80px;
}
#audition table td.col3 textarea,
#audition table td.col3 input{
  margin-left:0px;
}
#audition table td.col3 input{
  max-width: 280px;
  min-width: 280px;
  margin-bottom:10px;
}
/* contact
 ================================================*/
tbody tr{
  display: block;
}
tbody th,
tbody td{
  display: list-item;
  border: none;
}
td p{
	text-align:left;
}
td {
	padding:0 5px;
	text-align:left;
  vertical-align:top;
  height:auto;
}
.contact textarea {
  min-width: 280px;
  min-height: 40px;
  max-width:  280px;
  max-height: 40px;
}

.btn_box{
  width:100%;
  height:100px;
  margin:0 auto 50px;
  text-align:center;
}

.btn_confirm {
  width: 80%;
  height:40px;
  line-height:42px;
  background:#a0a0a0;
  float:none;
  color:#fff;
  cursor: pointer;
  margin:0 auto 10px;
  border:1px dotted #868686;
}
.btn_etc {
  width: 80%;
  height:38px;
  line-height:40px;
  background:#dcdcdc;
  border:1px dotted #868686;
  float:none;
  cursor: pointer;
  margin:10px auto;
}


input,
textarea,
select {
  font-size: 16px!important;
}

/* privacy
 ================================================*/
#privacy{
  padding:10px 0 0 0;
  height:100%;
}
.privacy-in{
  margin:10px auto 0;
  width:90%;
  height:500px;
  overflow:scroll;
  -webkit-overflow-scrolling: touch;

}

.privacy-in ul{
  padding:10px;
  margin:0 0 20px 0;
}
/* フッター */
#footer {
  height:30px;
  line-height:30px;
}


/*  ページトップスクロール
 ================================================*/
.go-top {
	bottom: 0.2em;
	right: 0em;
  width:50px;
}
.go-top img{
  width:100%;
}


}