@charset "UTF-8";

/*header*/
#header {
	display:none;
	height: 29px;
	position:relative;
	width: 100%;
	z-index: 1;
	background-image: url(../com/back_paper.jpg);
	background-repeat: repeat;
}

#head_contents{
	position:relative;
	width: 100%;
	z-index: 1;
	background-image: url(../com/back_paper.jpg);
	background-repeat: repeat;	
}


/*navi*/
#navi{
	background:#1d479d;
	border-top:1px solid #1d479d;
	border-bottom:1px solid #1d479d;
}

#navi a{
	display:block;
	color:#ffffff;
	font-size:20px;
	padding-top:20px;
	padding-bottom:20px;	
}

#navi a:hover,
#navi a.now_page{
	text-decoration:none;
	color:#1d479d;
	background:#ffffff;
	font-weight:600;
}



@media only screen and (max-width: 767px) {
#header {
	display:block;
	position:fixed;
}

#navi{
	display:none;	
}
h1{
	margin-top:0;
}
}

.button {
    width: 60px;
    height: 100%;
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-image: url('../com/menu_button_back.png');
    background-position: center;
}

@media print, screen and (min-width: 768px) {
.button {
	display:none;
}
}

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

.slidemenu li a.link_sub {
    padding:5px 0 5px 40px;
}

.slidemenu li:first-child {
    border-top: none;
}
.slidemenu li:last-child {
    border-bottom: none;
}
.slidemenu .slidemenu-header {
    height: 29px;
}


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

@media print, screen and (max-width: 767px) {
#contents {
   padding-top: 29px;
}
}


/*plugin*/
#main {
  z-index: 1;
}
.slidemenu {
  top: 0;
  width: 300px;
  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;
}


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

.sp_none{
	display:block;	
}


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

.sp_none{
	display:none;	
}
}

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

.bg_white{
	background:#ffffff;
}

.bg_wgray{
	background:#eff0f4;	
}

.bg_gray{
	background:#2a2a2a;	
}

.bg_lblue{
	background:#c7d9e5;	
}

.bg_blue{
	background:#274e84;	
}

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

.bg_bluegreen{
	background:#3386b0;	
}

/*------------------------------------------------------------
 font/shadow
------------------------------------------------------------*/

.text10{
	font-size:10px;	
}

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

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

.text17{
	font-size:17px;	
}

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

.text18{
	font-size:18px;
}

.text20{
	font-size:20px;
}

.text40{
	font-size:40px;
}

.textr{
	color:#AF0F12;	
}

.textbl{
	color:#274e84;	
}

.textlbl{
	color:#0e74e0;	
}

.textw{
	color:#ffffff;	
}

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

.line-height35{
	line-height:35px;	
}

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

.tel{
	color:#000000;	
}

/*------------------------------------------------------------
 title
------------------------------------------------------------*/
.cont_title h2{
	display: inline-block;
	font-size: 26px;
	padding-bottom: 5px;
	padding-left:8px;
	margin-top: 40px;
	margin-bottom: 0;
	text-indent: 0px;
	letter-spacing: 8px;
}

.cont_title h3{
	font-size:15px;
	padding-bottom:5px;
	padding-left:8px;
	margin-top:0;
	margin-bottom:30px;
	letter-spacing: 8px;
	
}

h3.strong{
	font-size:26px;
}

h4{
	font-size:23px;
	text-align:center;
}

.cont_title h4{
	font-size:26px;
	letter-spacing: 8px;
	padding-left:8px;
}

.line_blue{
	border-bottom:2px solid #243bc8;
}

.line_white{
	border-bottom:2px solid #ffffff;
}

.line_double{
	border-bottom: 2px solid #274e84;
	display: block;
	background-image: url(../com/double_line.png);
	background-repeat: repeat-x;
	background-position: center 95%;
	padding-bottom:13px;
}


/*------------------------------------------------------------
 共通
------------------------------------------------------------*/

.cont-block{
	padding-bottom:40px;	
}




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


.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;
	text-align:left;
	background:#ffffff;
}


@media only screen and (max-width: 767px) {
.frame dt{
	float:none;
	width:100%;
	text-align:left;	
}

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


/*table*/
table.frame{
	width:100%;	
}

.frame .year{
	width:165px;
	padding-left:10px;
	border-bottom:1px solid #1d479d;
}

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

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


/*------------------------------------------------------------
 TOP
------------------------------------------------------------*/

/*slider 印刷用*/
.print_img{
	display:none;	
}

/*グループ会社関連図*/
.group_img{
	width:80%;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:50px;
}

.group_img img{
	width: 100%;
    height: auto;	
}


/*お知らせ*/
.news{
	background:#ffffff;
	color:#000000;
}

.news dl{
	clear:left;
	margin-bottom:40px;
	padding-left:1%;
	padding-right:1%;
	padding-top:20px;
	padding-bottom:30px;
	border:1px solid #c7d9e5;
}

.news dt{
	float:left;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
}

.news dd{
	border-bottom:1px solid #c7d9e5;
	padding-left:150px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}

.fa-caret-square-right{
	padding-right:5px;
	color:#c7d9e5;	
}

@media only screen and (max-width: 991px) {
/*グループ会社関連図*/
.group_img{
	width:100%;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:50px;
}
}

@media only screen and (max-width: 767px) {

/*お知らせ*/
.news dt{
	float:left;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.news dd{
	border-bottom:1px solid #c7d9e5;
	padding-left:120px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}
}

/*お問い合わせ*/
.top_info{
	text-align:center;
	padding-bottom:40px;
}

.top_info p{
	font-weight:600;	
}

.top_info span{
	font-weight:normal;	
}

.fa-phone-square-alt,
.fa-phone-square{
	color:#243bc8;
	padding-right:5px;
}

/*------------------------------------------------------------
 会社概要
------------------------------------------------------------*/
/*概要*/
.officer li{
	display:inline-block;
}

.officer .post{
	width:9.5em;
}

.fa-map-marked-alt{
	padding-left:5px;
}

.fa-window-restore{
	padding-left:5px;	
}

a.icon_link,
a.icon_link:hover{
	text-decoration:none;	
}

/*会社からのメッセージ*/
.message{
	font-size: 18px;
	line-height: 2.0;
	background-image: url(../com/back_paper.jpg);
	background-repeat: repeat;
	margin-top:40px;
	padding-bottom:50px;
}

#access{
	margin-bottom:60px;
}

.map{
	width:100%;
	height:350px;	
}

#history table{
	width:60%;
	margin:0 auto 80px;	
}

#history td{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	border-bottom:1px dotted #0e74e0;
}

#history td.year{
	width:100px;
}

#history td.month{
	width:40px;
	padding-left:0;
}

#history td.history{
	padding-right:30px;
}

@media print, screen and (max-width: 991px) {
#history table{
	width:80%;
	margin:0 auto 80px;	
}
}

@media only screen and (max-width: 767px) {
/*会社からのメッセージ*/
.message{
	font-size: 17px;
	line-height: 1.8;
	background-image: url(../com/back_paper.jpg);
	background-repeat: repeat;
	padding-bottom:50px;
}

#history table{
	width:100%;
	margin:0 auto 80px;	
}
}


/*------------------------------------------------------------
 事業案内
------------------------------------------------------------*/
.page_link li{
	display:inline-block;
	padding-left:2%;
	padding-right:2%;
	font-size:18px;
}

#produce,
#truck,
#aqua{
	background:#f0f2f7;	
}

.group{
	padding-top:40px;
	padding-bottom:70px;
	margin-bottom:50px;
}

#aqua .group{
	margin-bottom:0px;
	padding-bottom:120px;
}

.group h4{
	display:inline-block;	
	text-align:left;
}

.group_link{
	font-size:24px;
	color:#3386b0;
}

.group_main_image{
	width:100%;	
}

.group_comment{
	font-size:20px;
	line-height:1.8;
}

.group img{
	/*margin-top:30px;*/
}

.mt30{
	margin-top:30px;
}


/*------------------------------------------------------------
 求人案内
------------------------------------------------------------*/
.page_menu{
	text-align:center;
	margin-bottom:20px;	
}
.page_menu li{
	display:inline-block;
	padding-left:5%;
	padding-right:5%;
}

.page_menu .fa-caret-square-down{
	padding-right:5px;	
}

.recruit_fuji_info{
	color:#ffffff;
	margin-bottom:20px;
}

.recruit_fuji_info p{
	font-size:23px;
	line-height:1;
}


/*------------------------------------------------------------
 info
------------------------------------------------------------*/
#mailform{
	margin-bottom:100px;
}

.input_field{
	width:80%;
	max-width:680px;
}

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 only screen and (max-width: 767px) {
.input_field{
	width:100%;	
}	
}






/*------------------------------------------------------------
 footer
------------------------------------------------------------*/
#footer{
	background-image: url(../com/back_paper.jpg);
	background-repeat: repeat;
}

.copyright{
	font-size:10px;	
}

.footer_link{
	line-height:30px;
	margin-bottom:20px;
}

.footer_link ul{
	margin-top:10px;
	margin-bottom:10px;	
}

.footer_link li{
	display:block;
}

.footer_link a{
	color:#000000;
	text-decoration:none;	
}

.link_sub{
	padding-left:1em;	
}

@media only screen and (max-width: 767px) {
.footer_info{
	text-align:center;
}	
}

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

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


p.gotop a{
    display: block;
	color:#243bc8;
	padding:0;
	margin:0;
}

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

p.gotop a:hover{
	color:#243bc8;	
}