@charset "UTF-8";

/*header*/
#header {
    height: 49px;
    /*position: relative;*/
    width: 100%;
	position: fixed;
    z-index: 1;
	background-color: #1d479d;

}

@media (min-width: 768px) {
#header {
	display:none;
}
}

.button {
    width: 49px;
    height: 49px;
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-image: url('../com/menu_button_back.png');
    background-position: center;
}
.menu-button-left {
    left: 0px;
    /*border-right: 1px solid #ddd;*/
}
.menu-button-right {
    right: 0px;
    /*border-left: 1px solid #ddd;*/
}

/*slidemenu*/
.slidemenu {
    background-color: #ffffff;
}
.slidemenu li {
    list-style: none;
    /*border-top: 1px solid #4D4D4D;
    border-bottom: 1px solid #000;*/
    font-size:17px;
    line-height: 1.8;
}
.slidemenu li a {
    padding:10px 0 10px 20px;
    display: block;
    text-decoration: none;
    color: #1d479d;
}
.slidemenu li:first-child {
    border-top: none;
}
.slidemenu li:last-child {
    border-bottom: none;
}
.slidemenu .slidemenu-header {
    height: 49px;
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 3px rgba(34,25,25,.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,.4);
    background-color: #333;
}
.slidemenu .slidemenu-header div {
    padding: 17px 0px 0px 19px;
    text-decoration: none;
    color: #fff;
}

/*main*/
#main_contents {
   padding-top: 0px;
}

@media (min-width: 768px) {
#main_contents {
    padding-top: 49px;
}
}


/*plugin*/
#main {
  z-index: 1;
}
.slidemenu {
  top: 0;
  width: 240px;
  position: fixed;
  visibility: hidden;
  z-index: -1;
}
.slidemenu .slidemenu-header {
  position: relative;
}
.slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.slidemenu .slidemenu-body .slidemenu-content {
  position: relative;
}
.slidemenu-left {
    left: 0;
}
.slidemenu-right {
    right: 0;
}


/*------------------------------------------------------------
 page内リンク
------------------------------------------------------------*/
.page_link{
	margin:40px auto;	
}

.page_link li{
	display:inline-block;
	width:25%;
	text-align:center;
	margin-right:3%;
	margin-left:3%;
}

@media (max-width: 767px) {
.page_link li{
	display:inline-block;
	width:90%;
	text-align:left;
	margin-right:3%;
	margin-left:3%;
}	
	

#access,
#recruit01,
#recruit02,
#recruit03,
#work01,
#work02,
#work03{
	position: relative;
	top: -50px;/*左の数値を変えると、上下に調整します*/
	display: block;	
}
}

/*------------------------------------------------------------
 切り替え
------------------------------------------------------------*/
.pc_none{
	display:none;
}

.sp_none{
	display:block;	
}


@media (max-width: 767px) {
.pc_none{
	display:block;
}

.sp_none{
	display:none;	
}
}

/*------------------------------------------------------------
 余白
------------------------------------------------------------*/
.pdb10{padding-bottom:10px;}
.pdb20{padding-bottom:20px;}
.pdb30{padding-bottom:30px;}
.pdb40{padding-bottom:40px;}
.pdb50{padding-bottom:50px;}

.pdt10{padding-top:10px;}
.pdt20{padding-top:20px;}
.pdt30{padding-top:30px;}
.pdt40{padding-top:40px;}
.pdt50{padding-top:50px;}

.mgb10{margin-bottom:10px;}
.mgb20{margin-bottom:20px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgb50{margin-bottom:50px;}

.mgt10{margin-top:10px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
.mgt50{margin-top:50px;}


/*------------------------------------------------------------
 背景色
------------------------------------------------------------*/

.bg_white{
	background:#ffffff;
}

.bg_wgray{
	background:#f2f2f2;	
}

.bg_gray{
	background:#2a2a2a;	
}

.bg_blue{
	background:#1d479d;	
}

.bg_paper{
	background:url(../com/paper_back.jpg) repeat;
}

/*------------------------------------------------------------
 font/shadow
------------------------------------------------------------*/
.text10{
	font-size:10px;	
}

.text12r{
	font-size:12px;
	color:#AF0F12;
}

.text12b{
	font-size:12px;
	font-weight:bold;	
}

.text17b{
	font-size:17px;
	font-weight:bold;	
}

.clearText {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.shadow30{
	-webkit-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.30);
	box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.30);
}

.info_banner{
	border-radius: 10px;
}

/*------------------------------------------------------------
 title
------------------------------------------------------------*/

h2{
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-image: url(../com/blue_back.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 10px;
}

h3{
	border-bottom:4px solid #1d479d;
	padding-top: 5px;
	padding-bottom: 5px;
}

h3 .fas,
h3 .fa{
	font-size:25px;
	padding-right:5px;
	padding-left:5px;
	color:#1d479d;
}

/*------------------------------------------------------------
 header
------------------------------------------------------------*/


#top_main,
#head_contents{
	position:relative;
	top:0;	
}

#top_main h1{
	position:absolute;
	top:-15px;
	left:2%;
	width:50%;
}

#top_main #navi{
	position:absolute;
	top:22%;
	left:4%;
}

#head_contents h1{
	position:relative;
	top:-15px;
	left:2%;
	width:50%;
}

#head_contents #navi{
}


@media (max-width: 767px) {
#top_main h1{
	top:30px;
	left:10%;
	width:80%;
}

#head_contents h1{
	top:30px;
	left:10%;
	width:80%;
}
}


/*------------------------------------------------------------
 navi
------------------------------------------------------------*/

@media (max-width: 767px) {
#head_navi{
	display:none;
}

#navi{
	display:none;	
}
}

.top_menu #navi li{
	width:160px;
	height:40px;
}

.top_menu #navi li a{
	display:inline-block;
	height:40px;
	width:160px;
}

.top_menu #navi .now,
.top_menu #navi a:hover{
	border-bottom:4px solid #1d479d;
}

#head_contents #navi{
	border-bottom:4px solid #1d479d;
	padding:0;
}

#head_contents #navi ul{
	padding:0;
	margin:0 auto;
	max-width:960px;
	width:96%;
}

#head_contents #navi li{
	display:inline-block;
	width:16%;
	max-width:160px;
	height:40px;
	margin:0;
	padding:0;
}

#head_contents #navi li a{
	display: inline-block;
	height: 40px;
	width: 100%;
	max-width: 160px;
	padding:0;
	
}

/*TOP*/
.navi01{
	background: url(../com/navi_off01.png) no-repeat;
}
.navi01.now,
.navi01 a:hover{
	background:url(../com/navi_on01.png) no-repeat;
}

/*会社概要*/
.navi02{
	background:url(../com/navi_off02.png) no-repeat;
}
.navi02.now,
.navi02 a:hover{
	background:url(../com/navi_on02.png) no-repeat;
}

/*事業案内*/
.navi03{background:url(../com/navi_off03.png) no-repeat;}
.navi03.now,
.navi03 a:hover{
	background:url(../com/navi_on03.png) no-repeat;
}

/*マスク事業*/
.navi04{background:url(../com/navi_off04.png) no-repeat;}
.navi04.now,
.navi04 a:hover{
	background:url(../com/navi_on04.png) no-repeat;
}

/*求人案内*/
.navi05{background:url(../com/navi_off05.png) no-repeat;}
.navi05.now,
.navi05 a:hover{
	background:url(../com/navi_on05.png) no-repeat;
}

/*お問い合わせ*/
.navi06{background:url(../com/navi_off06.png) no-repeat;}
.navi06.now,
.navi06 a:hover{
	background:url(../com/navi_on06.png) no-repeat;
}


@media (max-width: 991px) {
#head_contents #navi ul{
	padding:0;
	margin:0 auto;
	max-width:768px;
	width:100%;
}

#head_contents #navi li{
	max-width:128px;
}

#head_contents #navi li a{
	max-width: 128px;
}
	
/*TOP*/
#head_contents .navi01{
	background: url(../com/navi_off01_pad.png) no-repeat;
}
#head_contents .navi01.now,
#head_contents .navi01 a:hover{
	background:url(../com/navi_on01_pad.png) no-repeat;
}

/*会社概要*/
#head_contents .navi02{
	background:url(../com/navi_off02_pad.png) no-repeat;
}
#head_contents .navi02.now,
#head_contents .navi02 a:hover{
	background:url(../com/navi_on02_pad.png) no-repeat;
}

/*事業案内*/
#head_contents .navi03{background:url(../com/navi_off03_pad.png) no-repeat;}
#head_contents .navi03.now,
#head_contents .navi03 a:hover{
	background:url(../com/navi_on03_pad.png) no-repeat;
}

/*マスク事業*/
#head_contents .navi04{background:url(../com/navi_off04_pad.png) no-repeat;}
#head_contents .navi04.now,
#head_contents .navi04 a:hover{
	background:url(../com/navi_on04_pad.png) no-repeat;
}

/*求人案内*/
#head_contents .navi05{background:url(../com/navi_off05_pad.png) no-repeat;}
#head_contents .navi05.now,
#head_contents .navi05 a:hover{
	background:url(../com/navi_on05_pad.png) no-repeat;
}

/*お問い合わせ*/
#head_contents .navi06{background:url(../com/navi_off06_pad.png) no-repeat;}
#head_contents .navi06.now,
#head_contents .navi06 a:hover{
	background:url(../com/navi_on06_pad.png) no-repeat;
}	
}




/*------------------------------------------------------------
 frame
------------------------------------------------------------*/
/*dl*/
dl.frame{
	clear:left;
	border-bottom:1px solid #1d479d;
}


.frame dt{
	float:left;
	border-top:1px solid #1d479d;
	width:150px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}


.frame dd{
	margin-left:150px;
	border-top:1px solid #1d479d;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
}


@media (max-width: 767px) {
.frame dt{
	float:none;
	width:100%;	
}

.frame dd{
	margin-left:0px;
}
}


/*table*/
.frame .year{
	width:150px;
	border-bottom:1px solid #1d479d;
}

.frame .month{
	width:40px;
	text-align:right;
	border-bottom:1px solid #1d479d;
}

.frame td{
	padding-left:1em;
	padding-right:1em;
	border-bottom:1px solid #1d479d;	
}


/*------------------------------------------------------------
 top
------------------------------------------------------------*/
#news{
	padding-top:5px;
	padding-bottom:5px;
	font-size:15px;
	background-color: rgba(255,255,255,0.70);
	position:absolute;
	bottom:8%;
	/*margin-bottom:40px;*/
}

#news dl{clear:left;}

#news dt{
	float:left;
}

#news dd{
	padding-left:120px;	
}

@media (max-width: 991px) {
#news{
	position:relative;
}

.news_back{
	background:#1d479d;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
}

#news dt{
	float:none;
}

#news dd{
	padding-left:0px;	
}
}



.bg_blueline{
	background-image: url(../com/blue_back.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}


.info_banner{
	margin:0 auto;
}



/*------------------------------------------------------------
 company
------------------------------------------------------------*/
.map{
	width:100%;
	height:350px;	
}

.site_link{
	font-size:13px;
	margin-left:5px;
}


/*------------------------------------------------------------
 info
------------------------------------------------------------*/
.input{
	width:80%;
	max-width:450px;	
}	


textarea{
	height:200px;	
}

.form_button{
	text-align:center;	
}

.form_button input{
	margin-left:10px;
	margin-right:10px;
}

.mail_check dd{
	padding-left: 1em;
	text-indent: -1em;
}


@media (max-width: 767px) {
.input{
	width:100%;	
}	
}




/*------------------------------------------------------------
 footer
------------------------------------------------------------*/
#footer{
	color:#ffffff;
}

#footer a{
	color:#ffffff;
}

.line_left{
	border-left:1px solid #ffffff;	
}

.footer_link{
	line-height:30px;	
}


/*------------------------------------------------------------
 gotop
------------------------------------------------------------*/

p.gotop{
	position:fixed;
    right:10%;
    bottom:20px;
	z-index:2;
	padding:0;
	margin:0;
}


p.gotop a{
    display: block;
	color:#1d479d;
	padding:0;
	margin:0;
}

p.gotop .fas{
	font-size:40px;
	padding:0;
	margin-top:0;
	margin-bottom:0;
}

p.gotop a:hover{
	color:#1d479d;	
}