@charset "utf-8";

/*---------------------------------------------

印刷用CSS

------------------------------------------------*/


@media print {

/* ClearFix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

body {
-webkit-print-color-adjust: exact;
}
.noprint {
display:none
}
.header_bottom.fixed {
	display:none;
}
#back_top img {
	display:none;
}
#footer {
	background: #002e5c;
}


/* -----------------------------------

レスポンシブCSS 

最大幅：1140px
ブレイクポイント：640px

◯◯◯px (子幅)  ÷   ◯◯◯px (親幅)  x 100=　◯◯◯%　

 -----------------------------------*/



/* 共通の設定 */

body {
    font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;
}

img{
	vertical-align:middle;
	 max-width: 100%;
}

a{
	text-decoration:none;
}

a img:hover{
	opacity:0.8;
}

/* ClearFix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

h2{
	font-size:22px;
	border-left:7px solid #d14235;
	padding-left:14px;
	margin-bottom:28px;
}

h3{
	font-size:22px;
	background:#e4e4e4;
	border-left:10px solid #d14235;
	padding:14px 20px;
	margin-bottom:28px;
}

/*--------------------------------------------

ヘッダー

----------------------------------------------*/

#header{
	padding:22px 2% 0 2%;
	max-width:960px;
	margin:0 auto;
}

#header .header_top{
	overflow:hidden;
	padding-bottom:24px;
}

#header h1{
	float:left;
	margin-right:1.7%;
	width:26%; 
}

.catch{
	width:17.2%; 
	float:left;
	margin-right:3.3%;
}

ul.sns{
	display:inline-block;
}

ul.sns li{
	display:inline-block;
}


.header_bottom{
	overflow:hidden;
	width:100%;
}

.menu{
	float:left;
	width:88%;
}

.menu ul{
    overflow:hidden;
} 

.menu ul li{
    float:left;
    width:auto;
} 

.menu ul li a img:hover{ opacity:1; }

.menu_top{ padding-right:4%; }
.menu_company{padding-right:2.8%;}
.menu_work_member{padding-right:0.7%;}
.menu_special_{padding-right:1.2%;}
.menu_recruit{padding-right:0;}

.drop_down{
	display:none;
}

.header_bottom .entry{
	float:right;
	width:11%;
}
.menu .drop_down li a:hover{ opacity:0.8; }
.entry li a:hover{ opacity:0.8; }


/*--------------------------------------------

コンテンツ

----------------------------------------------*/

#container {
    background-color: #e7e9e9;
    border-top: 1px solid #1a1a1a;
    margin-top: 55px;
    padding: 50px 0 67px;
	line-height:1.5;
}

#main {
    background:#fff;
	width:77.2%;
	margin:0 auto;
	max-width:880px;
	padding:30px 40px;
}


.page{
	padding-bottom:55px;
}




/*--------------------------------------------

フッター

----------------------------------------------*/

#footer{
    background:#002e5c;
	color:#fff;
	position:relative;
	padding-bottom:40px;
	width:100%;
}

#footer a{
	color:#fff;
}

#footer a:hover{
	opacity:0.8;
}

#back_top {
    bottom: 40px;
    position: fixed;
    right: 40px;
	z-index:2100;
}

#footerin{
	max-width: 960px;
	margin:0 auto;
	padding-top:45px;
}

/* ------------- メニュー ------------- */

.foot_menu li{
	display:inline-block;
	border-right:1px solid #fff;
	height:24px;
	padding-top:5px;
	padding-right:18px;
	margin-right:40px;
}
.foot_menu li img{
	padding-left:10px;
}

.foot_menu li:last-child{
	margin-left: -20px;
	padding-right: 0;
	margin-right: 0;
	border: none;
}

.copyright{}

.mail{
	word-wrap:break-word;
}


.pconly {
	display:block !important;
}
.sponly {
	display:none !important;
}
.pc_hidden{
display:none;
}
.sp_br{
	display:none;
}
/* ------------- header ------------- */

#sp_header{
	display:none;
}

.sp_catch{
	display:none;
}

.sp_sns{
	display:none;
}


.sp_page{
	display:none;
}

.header_bottom {
	overflow:visible;
	z-index:1000;
}
.header_bottom .inner {
	position:relative;
}
.menu ul {
	overflow:visible;
}
.menu ul li {
	position:relative;
}
.menu ul ul {
	position:absolute;
	top:55px;
	left:-54px;
	padding:20px;
	background:#1a1a1a;
	width:216px;
	z-index:1000;
}
.menu ul li.menu_company ul {
	left: -74px;
}
.menu ul li.menu_work_member ul {
	left: -47px;
}
.menu ul li.menu_special_ ul {
	left: -77px;
}
.menu ul li.menu_recruit ul {
	left: -77px;
}
.menu ul ul li {
    float: none;
	display:block;
	line-height:2;
	font-size:16px;
}
.menu ul ul li a {
	color:#FFF;
	text-decoration:none;
}
.entry {
	position:absolute;
	right:10px;
	top:8px;
	background:#002e59;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	font-size:14px;
	line-height:2;
	z-index:1000;
}
.entry #btn_entry {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	cursor:pointer;
}
.entry ul {
	display:none;
	padding:1em 0 1em 0.8em;
}
.entry ul li a {
	color:#FFF;
	text-decoration:none;	
}
.hidden {
	height:70px;
	overflow:hidden;
}
.fixed {
    position: relative;
	width:100%;
}
.header_bottom.fixed {
    position: fixed;
    top: 0;
	left:0;
	padding:0;
	background:#FFF;
	width:100%;
	border-bottom: 1px solid #1a1a1a;
}
.header_bottom.fixed .inner {
	margin:0 auto;
	width:100%;
	max-width:960px;
}
.slide_wrap {
	max-height:350px;
}
.bnr_entry {
	margin:30px auto;
	width:48%;
}




.monitor{
	display:none;
}

.foot_menu{
	font-size:11px;
	padding-left: 20%;
    width: 70%;
}




/* ------------- Footer エントリー ------------- */

.foot_entry{
	width:580px;
	margin:0 auto;
	margin-bottom:50px;
}

.foot_entry ul li {
	float:left;
	display:inline-block;
	font-size:22px;
	padding-bottom:12px;
	border-bottom:3px solid #fff;
}
.foot_entry ul li:first-child{
	margin-right:58px;
}

.foot_entry a img{
	padding-left:16px;
}

.foot_contact{
	border:1px solid #fff;
	width: 82%;
	margin:0 auto 40px auto;
	padding:0px 3%;
	font-size:16px;
	height:50px;
	vertical-align: middle;
	position:relative;
}

.contact_for_entry{
	position:absolute;
	top:15px;
}

.tel{
font-size: 27px;
position: absolute;
top: 4px;
left: 28%;
}

.mail{
font-size:24px;
position: absolute;
top: 6px;
left: 55%;
}

.mail img{
	padding-right:16px;
}

}



@media print and (max-width: 980px) {

.slide_wrap {
	padding-bottom:0;
	max-height:300px;
}

}

@media print and (max-width: 840px) {
.contact_for_entry{
	font-size:11px;
}
.tel{
	font-size:18px;
	top: 8px;
}
.mail{
	font-size:18px;
}
}


@media print and (max-width: 780px) {

.slide_wrap {
	padding-bottom:0;
	max-height:225px;
}

}