@charset "utf-8";
/* CSS Document */

/* --------------------------------------------- */
/* ▼モバイルファースト (全環境に共通のデザイン) */
/* --------------------------------------------- */

html, body {
	margin: 0;         /* 余白の削除 */
	padding: 0;        /* 余白の削除 */
	width:100%;
	height:100%;
	font-size:100%;
	line-height:150%;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",verdana,Sans-Serif,fontawesome;

}
.wrap {
	overflow: hidden;
}

/************************************
** video
************************************/
/*動画の最大幅を指定する*/
.video-container,
.instagram-container{
  max-width:640px;
  margin: auto;
  z-index:0;
}
 
/*動画の大きさを調整*/
.video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

/*Instagramの大きさを調整*/
.instagram {
  position: relative;
  padding-bottom: 120%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

/*動画を囲んでいるdiv目一杯に広げる*/
.video iframe,
.video object,
.video embed,
.instagram iframe,
.instagram object,
.instagram embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/*問い合わせフォームスタイルシート*/
.mw_wp_form{
max-width: 600px;
    display: block;
    margin: auto;
}
.mw_wp_form input,
.mw_wp_form  textarea	 {
width: 96%;
border: 0;
padding: 10px 2%;
color:#666;
border:solid 1px #ccc;
margin:5px 0 10px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}
/*総合問い合わせ 必須項目アイコン設定*/

#mw_wp_form_mw-wp-form-1493 table:nth-of-type(1),
#mw_wp_form_mw-wp-form-1493 table:nth-of-type(2),
#mw_wp_form_mw-wp-form-1493 table:nth-of-type(3),
#mw_wp_form_mw-wp-form-1493 table:nth-of-type(4),
#mw_wp_form_mw-wp-form-1493 table:nth-of-type(5)
{
	display:inline-block;
	background:url( ../images/common/form_req_icon.gif) right no-repeat; 
}

/*業務用寝具問い合わせ 必須項目アイコン設定*/

#mw_wp_form_mw-wp-form-1261 table:nth-of-type(1),
#mw_wp_form_mw-wp-form-1261 table:nth-of-type(2),
#mw_wp_form_mw-wp-form-1261 table:nth-of-type(3),
#mw_wp_form_mw-wp-form-1261 table:nth-of-type(4)
{
	display:inline-block;
	background:url( ../images/common/form_req_icon.gif) right no-repeat; 
}


/*ふとんクリニック（クリーニング）お申し込み 必須項目アイコン設定*/

#mw_wp_form_mw-wp-form-1259 table:nth-of-type(1),
#mw_wp_form_mw-wp-form-1259 table:nth-of-type(2),
#mw_wp_form_mw-wp-form-1259 table:nth-of-type(3),
#mw_wp_form_mw-wp-form-1259 table:nth-of-type(4),
#mw_wp_form_mw-wp-form-1259 table:nth-of-type(5),
#mw_wp_form_mw-wp-form-1259 table:nth-of-type(6),
#mw_wp_form_mw-wp-form-1259 table:nth-of-type(7)
{
	display:inline-block;
	background:url( ../images/common/form_req_icon.gif) right no-repeat; 
}


/*中途採用お申し込み 必須項目アイコン設定*/

#mw_wp_form_mw-wp-form-1469 table:nth-of-type(1),
#mw_wp_form_mw-wp-form-1469 table:nth-of-type(2),
#mw_wp_form_mw-wp-form-1469 table:nth-of-type(3),
#mw_wp_form_mw-wp-form-1469 table:nth-of-type(4),
#mw_wp_form_mw-wp-form-1469 table:nth-of-type(5)
{
	display:inline-block;
	background:url( ../images/common/form_req_icon.gif) right no-repeat; 
}

#mw_wp_form_mw-wp-form-1469 table:nth-of-type(6),
#mw_wp_form_mw-wp-form-1469 table:nth-of-type(7)
{
	display:inline-block;
	background:url( ../images/common/form_req2_icon.gif) right no-repeat; 
}


/*取材申し込み 必須項目アイコン設定*/

#mw_wp_form_mw-wp-form-1262 table:nth-of-type(1),
#mw_wp_form_mw-wp-form-1262 table:nth-of-type(2),
#mw_wp_form_mw-wp-form-1262 table:nth-of-type(3),
#mw_wp_form_mw-wp-form-1262 table:nth-of-type(4)
{
	display:inline-block;
	background:url( ../images/common/form_req_icon.gif) right no-repeat; 
}


/*クーリングオフのお手続き*/
#mw_wp_form_mw-wp-form-1477 table:nth-of-type(1),
#mw_wp_form_mw-wp-form-1477 table:nth-of-type(2),
#mw_wp_form_mw-wp-form-1477 table:nth-of-type(3),
#mw_wp_form_mw-wp-form-1477 table:nth-of-type(4),
#mw_wp_form_mw-wp-form-1477 table:nth-of-type(5),
#mw_wp_form_mw-wp-form-1477 table:nth-of-type(6),
#mw_wp_form_mw-wp-form-1477 table:nth-of-type(7),
#mw_wp_form_mw-wp-form-1477 table:nth-of-type(8),
#mw_wp_form_mw-wp-form-1477 table:nth-of-type(9)

{
	display:inline-block;
	background:url( ../images/common/form_req_icon.gif) right no-repeat; 
}


.mw_wp_form .error {
	font-size : 93%;
	color : #B70000;
	display : block;
}

.mw_wp_form .akismet_error {
	display: block;
}
.mwform-tel-field{
display:block;

}
.vertical-item {
	display: block;
}
.vertical-item+.vertical-item {
	margin-top: 5px;
}
.horizontal-item+.horizontal-item {
	margin-left: 0px;
}
.mwform-checkbox-field,
.mwform-radio-field {
display:block;

}
.mwform-checkbox-field label,
.mwform-radio-field label {
	font-weight: normal;
	margin-bottom: 0;
}
.mwform-checkbox-field input,
.mwform-radio-field input {
	margin-right: 5px;
    width: auto;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
	width: 40%;
	margin: 0 5px;
}

.mw-wp-form-deprecated-message {
	background: #F5A9A9;
	border: #B40404 solid 2px;
	border-radius: 5px;
	font-size: 10px;
	line-height: 1.6;
	margin: 0 0 5px;
	padding: 5px;
}

.mwform-file-delete {
	cursor: pointer;
	visibility: hidden;
}

.mwform-tel-field input[type="text"],
.mwform-zip-field input[type="text"] {
	display: inline-block;
    max-width: 83px;
}



/*テーブルプレス スタイルシート*/

.tablepress-table-description {
	clear: both;
	display: block;
}
/*ここまで*/
.tablepress {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 1em;
	border: none;
}

.tablepress th,
.tablepress td {
	padding: 8px;
	border: none;
	background: none;
	text-align: left;
	float: none !important;
}
.tablepress tbody td {
	vertical-align: top;
}

/* Horizontal borders */
.tablepress tbody td,
.tablepress tfoot th {
	border-top: 1px solid #dddddd;
}
.tablepress tbody tr:first-child td {
	border-top: 0;
}
.tablepress thead th {
	border-bottom: 1px solid #dddddd;
}

/* Row background colors */
.tablepress thead th,
.tablepress tfoot th {
	background-color: #000000 !important;
	color:#ffffff;
	font-weight: bold;
	vertical-align: middle;
}
.tablepress .odd td {
	background-color: #f9f9f9;
}
.tablepress .even td {
	background-color: #ffffff;
}
.tablepress .row-hover tr:hover td {
	background-color: #f3f3f3;
}

/* Reset image layout in tables */
.tablepress img {
	margin: 0;
	padding: 0;
	border: none;
	max-width: none;
}

/* Table wrapper */
.dataTables_wrapper {
	clear: both;
	margin-bottom: 1em;
}
.dataTables_wrapper .tablepress {
	clear: both;
	margin: 0 !important;
}

/* Length Change menu */
.dataTables_length {
	float: left;
	white-space: nowrap;
}

/* Filter/Search */
.dataTables_filter {
	float: right;
	white-space: nowrap;
}

/* Table information */
.dataTables_info {
	clear: both;
	float: left;
	margin: 4px 0 0;
}

/* Pagination */
.dataTables_paginate {
	float: right;
	margin: 4px 0 0;
	direction: rtl;
}
.dataTables_paginate a {
	color: #111111 !important;
	display: inline-block;
	outline: none;
	position: relative;
	text-decoration: underline;
	text-decoration: none\0/IE; /* Hack for IE8, IE9, and IE10pp4, as those have trouble with text-decoration in :after pseudo-elements */
	margin: 0 5px;
}
.dataTables_paginate a:first-child {
	margin-right: 0;
}
.dataTables_paginate a:last-child {
	margin-left: 0;
}
.paginate_button:hover {
	cursor: pointer;
	text-decoration: none;
}
.paginate_button.disabled {
	color: #999999 !important;
	text-decoration: none;
	cursor: default;
}
.paginate_button.current {
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}
/* Two button pagination - previous/next */
.dataTables_paginate.paging_simple {
	padding: 0 15px;
}
.paging_simple .paginate_button.previous:before,
.paging_simple .paginate_button.next:after {
	text-align: left;
	font-family: TablePress;
	font-size: 14px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	content: "\f054";
	text-shadow: 0.1em 0.1em #666666;
	position: absolute;
	top: 0;
	right: -14px;
	bottom: 0;
	left: auto;
	margin: auto;
	height: 14px;
	width: 14px;
	line-height: 1;
}
.paging_simple .paginate_button.next:after {
	text-align: left;
	content: "\f053";
	right: auto;
	left: -14px;
}
.paginate_button:before,
.paginate_button:after {
	color: #d9edf7;
}
.paginate_button:hover:before,
.paginate_button:hover:after {
	color: #049cdb;
}
.paginate_button.disabled:before,
.paginate_button.disabled:after {
	color: #f9f9f9;
}

/* Processing indicator */
.dataTables_processing {
	display: none; /* always hidden, we don't use it */
}

/* Scrolling */
.dataTables_scroll {
	clear: both;
}
.dataTables_scrollBody {
	-webkit-overflow-scrolling: touch;
}

/* Sorting */
.tablepress .sorting,
.tablepress .sorting_asc,
.tablepress .sorting_desc {
	position: relative;
	padding-left: 20px; /* more left padding for sort arrows */
	cursor: pointer;
	outline: none;
}
.tablepress .sorting:before,
.tablepress .sorting_asc:before,
.tablepress .sorting_desc:before {
	font-family: TablePress;
	font-weight: normal;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 6px;
	right: auto;
	margin: auto;
	height: 14px;
	line-height: 1;
}
.tablepress .sorting:before {
	content: "\f0dc";
}
.tablepress .sorting_asc:before {
	content: "\f0d8";
	padding: 0 0 2px;
}
.tablepress .sorting_desc:before {
	content: "\f0d7";
}
.tablepress .sorting:hover,
.tablepress .sorting_asc,
.tablepress .sorting_desc {
	background-color: #049cdb;
}
/* Hide the sorting arrows in the extra table that is added for scrolling */
.dataTables_scrollBody .tablepress thead th:before {
	content: "";
}

/* Self clearing */
.dataTables_wrapper:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.dataTables_wrapper label input,
.dataTables_wrapper label select {
	display: inline;
	margin: 2px;
	width: auto;
}




/*youtube動画埋め込み*/
.youtube iframe{
 width: 100%;
  height:300px;
  display:block;
}
/*エントリー・資料請求フォーム*/
.entry_form{
display:block;
background-color:#fdd000;
padding-top:35px;
line-height:170%;

}

.catch{
width:100%;
display:block;
background-color:#FFFFFF;
color:#00561f;
font-weight:bold;
font-size:20px;
line-height:150%;
padding:5px 0;
margin:0 0 30px 0;
text-align:center;

}

/*マルハチの強み*/
.saiyou_wrapper_bg_box img {
    display: block;
    max-width: 100%;
    margin: auto;
    padding-top: 5px;
}
.saiyou_wrapper_bg_box {
    max-width: 95%;
    margin: 0 auto;
}


ul li {
 list-style: none;
 margin: 0px;
 padding: 0px;
 }
.maruhachi_logo{

position: absolute;
    top: -2px;
    left: 10px;
}



#nav_ph {
	display:none;
}

#nav_tb {
	display:none;
}
#nav {
	width:100%;
	margin-top:-3px;
	padding:5px;
	float:left;
	overflow: hidden;
}
#nav ul {
	width:960px;

}
#nav ul li {
	float: left;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding: 12px 4% 0 0px;
}
#nav ul li a {
	color:#fff;
	text-decoration:none;
}
#nav ul li a:hover {
	color:#fff;
	text-decoration:underline;
}




div#header ul, li {
	margin: 0;         /* 余白の削除 */
	padding: 0;        /* 余白の削除 */
}
.content {
	width:100%;
	margin: 0 auto;
}
.article {
	max-width:95%;
	margin: 0 auto;
}
.article img {
	display:block;
	max-width:100%;
	margin: auto;
	padding-top: 5px;
}
/* ヘッダーの固定 */
div#header-fixed {
	display:none;
}
div#header-fixed_tb {
	position: fixed;            /* ヘッダーの固定 */
	top: 0px;                   /* 位置(上0px) */
	left: 0px;                  /* 位置(右0px) */
	width: 100%;                /* 横幅100%　*/
	height: auto;
	background-color:#fff;             /* 縦幅140px */
	z-index: 9999;
}

div#header-wh {
	/* 背景色(黒) */
	padding:10px 0 0px;       /* 上10px、下20pxをあける */
	height:75px;              /* 縦の高さ110px */
	width:100%;                /* 横の幅を100% */
}
div#header-bl {
	background-color:#fdd000;     /* 背景色(青) */
	padding:0px 0px;       /* 上10px、下20pxをあける */
	height:auto;              /* 縦の高さ110px */
	width:100%;                /* 横の幅を100% */
}
div#header {
	border: 0px solid #fff;    /* 表示領域を白枠で囲う */
	height: 100%;              /* 縦の表示領域はheader-bkと同じ */
	max-width: 100%;              /* 横の幅最大600px */
	margin: auto;	/* 中央揃え */
	padding:0 20px;
	z-index:9999;
}


div#header img {
	float:left;
	display:block;
}
/* ヘッダーメニュー */
nav#menu ul {
color:#fff;
	display:table;
	table-layout: fixed;
	margin:0 auto;
	
}
nav#menu li {
	display:block;
	color:#fff;
	font-weight:bold;
	float:left;
	padding:0 5px;
	margin:auto;
	font-size:20px;
}

nav#menu li a{
display: block;
    color: #fff;
    margin: 0 5px;
    padding: 8px;
    text-align: center;
    text-decoration: none;
}
nav#menu li a:hover{
color: #fff;
background-color:#ffe050;
text-decoration:underline;

}

/*丸八ロゴ*/
div#header .logo {
	display:table;
	width:auto;
	vertical-align:bottom;
	float:left;
}

nav#menu2 ul{
display:none;

}

/*Q&Aの部分*/
.q_a{
display:block;
background-color:#fdd000;
padding-top:35px;
line-height:170%;

}

.q_a ul{
margin:0px 0px;
padding:10px 0;
list-style:none;
background-color:#fdd000;
color:#fff;
}
.q_a li > p{
color:#000;

}
.q_a li:nth-of-type(1),
.q_a li:nth-of-type(3),
.q_a li:nth-of-type(5),
.q_a li:nth-of-type(7),
.q_a li:nth-of-type(9),
.q_a li:nth-of-type(11),
.q_a li:nth-of-type(13),
.q_a li:nth-of-type(15),
.q_a li:nth-of-type(17),
.q_a li:nth-of-type(19),
.q_a li:nth-of-type(21){
background-color:#000000;
padding:10px 30px;
}

.q_a li:nth-of-type(2),
.q_a li:nth-of-type(4),
.q_a li:nth-of-type(6),
.q_a li:nth-of-type(8),
.q_a li:nth-of-type(10),
.q_a li:nth-of-type(12),
.q_a li:nth-of-type(14),
.q_a li:nth-of-type(16),
.q_a li:nth-of-type(18),
.q_a li:nth-of-type(20){
padding:5px 30px;
}



.article_img_left_bg{/*先輩写真上半身*/
	display:none;
}

.entry_logo_temp_kyuuyo{
	display:block;
	width:100%;
	margin:auto;
	text-align: center;
}


.entry_logo_temp_kyuuyo ul{

padding:10px 10px;
list-style:none;
display:block;
}

.entry_logo_temp_kyuuyo li{
display:inline-block;
}
.entry_logo_temp_kyuuyo ul li img{
border:0px solid #ccc;
margin: auto;
list-style:none;
}
.entry_logo_temp_kyuuyo a:hover{
	background-color:#FFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}





/*エントリー方法*/

.entry_title_hh_temp {
	display:block;
	width:88%;
	margin:auto;
	text-align: center;
	border:2px solid #ffff00;

}
.entry_title_h2 {
	display:inline-block;
	font-size:20px;
	width:auto;
	margin:auto;
	height:auto;
	margin:5px 0px;
	padding:0 20px;
	line-height:150%;
	color:#000;
}

.entry_text_span {
	line-height:200%;
	padding:0px 30px;
}
.entry_title_temp{
	display:block;
	width:80%;
	margin:auto;
	border:1px solid #00ff00;
	padding:20px 0 0 0;
}
.entry_title_text {
	display:block;
	width:88%;
	margin:auto;
	text-align: center;


}
.entry_text_temp {
	display:block;
	width:100%;
	margin:auto;
	border:2px solid #ff3366;
}
.entry_massage_temp{
	display:block;
	width:88%;
	margin:auto;

}

.entry_logo_hh_temp {
	display:block;
	margin:auto;
	border:2px solid #ffff00;

}



.entry_logo_temp{
	display:block;
	width:100%;
	margin:auto;
	text-align: center;
}


.entry_logo_temp ul{

padding:10px 10px;
list-style:none;
display:block;
}

.entry_logo_temp li{
display:inline-block;
padding:10px 20px;
}
.entry_logo_temp ul li img{
border:1px solid #ccc;
margin: auto;
list-style:none;
}
.entry_logo_temp a:hover{
	background-color:#FFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


.ask_span_bl{
	text-align:center;

} 
.ask_span_bl, h1 {
	margin: 20px 0 20px 0;
    padding: 10px;
}
 
.ask_massage_temp {
    display: block;
    width: 100%;
    margin: auto;
    color: #000;
    text-align: left;
padding-bottom: 20px;
}
.ask_massage_temp p{
	text-align:left;

}
.ask_massage_temp h2{
	text-align:left;
	font-size:22px;
	margin-top:5px;
}

.ask_massage_temp_pc{
	display:none;
}

.ask_massage_temp_box{
	display: block;
    max-width: 420px;
    margin: auto;
    color: #000;
    border: 0px solid #000;
}

.ask_massage_temp_title{
display: block;
    margin: auto;
    background-color: #000;
    color: #fff;
    text-align: center;
    width: 90%;
    font-size: 12px;
}

.ask_text_temp {
	display:block;
	width: 100%;
	margin:auto;
	border:0px solid #ff3366;
	color: #000;
}



/*会社概要*/
.content3{
	width:100%;
	margin: 0 auto;
}



.corporate ul, .corporate ul li{
margin:0px 0px;
padding:10px 0;
list-style:none;
color:#000;
line-height:170%;
}

.corporate li:nth-of-type(1),
.corporate li:nth-of-type(3),
.corporate li:nth-of-type(5),
.corporate li:nth-of-type(7),
.corporate li:nth-of-type(9),
.corporate li:nth-of-type(11),
.corporate li:nth-of-type(13),
.corporate li:nth-of-type(15),
.corporate li:nth-of-type(17),
.corporate li:nth-of-type(19),
.corporate li:nth-of-type(21),
.corporate li:nth-of-type(23),
.corporate li:nth-of-type(25),
.corporate li:nth-of-type(27),
.corporate li:nth-of-type(29),
.corporate li:nth-of-type(31)

{
background-color:#eee;
padding:10px 30px;
font-weight:bold;

}

.corporate li:nth-of-type(2),
.corporate li:nth-of-type(4),
.corporate li:nth-of-type(6),
.corporate li:nth-of-type(8),
.corporate li:nth-of-type(10),
.corporate li:nth-of-type(12),
.corporate li:nth-of-type(14),
.corporate li:nth-of-type(16),
.corporate li:nth-of-type(18),
.corporate li:nth-of-type(20),
.corporate li:nth-of-type(22),
.corporate li:nth-of-type(24),
.corporate li:nth-of-type(26),
.corporate li:nth-of-type(28),
.corporate li:nth-of-type(30),
.corporate li:nth-of-type(32)

{
padding:5px 30px;
}



/*ハンバーガーメニュー*/

 #nav_tb {
 display: block;
 position: fixed;
 background-color:#fdd000;
 width:100%;
 margin-bottom:10px;
 z-index:50
}

#menu_tb li {
    display: block;
    float: left;
    width: 100%;
    /* color: #fff; */
    /* margin-top: 0px; */
    margin-bottom: 1px;
	    /* padding: 1px 0 0px 0; */
    border-bottom: 0px solid #000000;
    }
	


#menu_tb {
 width: 100%;
 margin: 0 auto;
 padding: 0px;
}



#menu_tb ul li {
 display: block;
 float: left;
 width: 100%;
 margin: 0;
 padding: 0;
  border-bottom:1px solid #3dc2ff;

}

#menu_tb li {
    display: block;
    float: left;
    width: 100%;
    /* color: #fff; */
    /* margin-top: 0px; */
    /* margin-bottom: -1px; */
    /* padding: 1px 0 0px 0; */
    border-bottom: 1px solid #555;
    }


 #menu_tb li a {
 display: block;
 padding: 10px 0px 10px 0px;
 font-size:100%;
  font-weight:bold;
 background: #BF9E08;
 color: #fff;
 text-align: center;
 text-decoration: none;
 z-index:50;
}
#menu_tb li a:hover {
 background: #806900;
}
 .logo_tb {
 position: absolute;
 top: 8px;
 left:10px;
 z-index:100;
}
 #toggle {
 display: block;
 position: relative;
 width: 100%;
 height:50px;
/*  	background:url(../images/common/maruhachi-logo.png) left 10px top no-repeat;*/
    padding-top: 0px;
 box-shadow: 0px 0px 4px 0px #000;
 z-index:50;
}
 #toggle a {
	display: block;
    position: relative;
    padding: 10px 50px 16px 10px;
    /* border-bottom: 1px solid #444; */
    color: #000;
    text-align: right;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    z-index: 50;
}
 #toggle a:hover {
	display: block;
    position: relative;
    padding: 10px 50px 16px 10px;
    /* border-bottom: 1px solid #444; */
    color: #000;
    text-align: right;
    text-decoration: underline;
    font-size: 20px;
    font-weight: bold;
    z-index: 50;
}


 #toggle:before {
 display: block;
 content: "";
 position: absolute;
 top: 40%;
 right: 10px;
 width: 20px;
 height: 20px;
 margin-top: -10px;
 background: #000;
 z-index:50;
}
 #toggle a:before, #toggle a:after {
 display: block;
 content: "";
 position: absolute;
 top: 40%;
 right: 10px;
 width: 20px;
 height: 4px;
 background: #fdd000;
 z-index:50;
}
 #toggle a:before {
 margin-top: -6px;
}
 #toggle a:after {
 margin-top: 2px;
}



.menu2_btn_box{
padding:0px;
background-color:#fff;
}

nav#menu2 ul{
margin: 0; 
padding: 0; 
list-style: none;
}

nav#menu2 li{ 
display: block; 
padding: 0; 
margin: 10; 
float: right;
}

nav#menu2 li a{
display: block;
    border: 0px solid #666;
    text-decoration: none;
    color: #fff;
    width: 150px;
    margin: 0 10 0 10;
    font-weight: bold;
    text-align: center;

}


nav#menu2 li:nth-of-type(1) a{
background-color: #e179c0;
padding: 10px;

}
nav#menu2 li:nth-of-type(2) a{
background-color: #4cbde7;
padding: 10px;

}

nav#menu2 li:nth-of-type(3) a{
background-color: #46b944;
padding: 10px;

}


nav#menu2 li a:hover{
color: #fff;
text-decoration:underline;
}
/*メインビジュアル*/

#main_visual{
margin-top: 40px;
display:block;
}
/*新卒採用の文字部分*/
.saiyou {
	display:block;
	width:auto;
	height:30px;
	padding:40px 0 0 5px;
	text-align:center;
	line-height:150%;
	float:left;
}
.clear {
	clear:both;
}

.articre_space{
	width:100%;
	height:45px;
	margin: auto;
	padding: 0 0 20px 0;
}

/*先輩メッセージ*/
.articre_bg_color{
	width:100%;
	height:45px;
	margin: auto;
	padding: 0 0 20px 0;
	background-color:#fdd000;/*青*/
}

.articre_bg_arrow{
	width:91px;
	margin: auto;
	height:45px;
}

/*仕事風景*/
.content2{
	width:100%;
	margin: 0 auto;
	background-color:#fdd000;/*青*/
}
 .content2a {
	width:100%;
	margin: 0 auto;
	background-color:#fdd000;/*青*/
}

.text_span_bl{
	color:#fff;
	line-height:200%;

} 
.text_span_bl h1{
	text-align:center;
	margin: 20px 0 20px 0;
} 

/* フッターの固定 */
div#footer-fixed {
	position:absorute;            /* フッターの固定 */
	bottom: 0px;                /* 位置(下0px) */
	left: 0px;                  /* 位置(左0px) */
	width: 100%;                /* 横幅100%　*/
	height: 140px;              /* 縦幅140px */
}
div#footer-bk {
	background-color:#fff;     /* 背景色(黒) */
	padding:10px 0 20px;       /* 上10px、下20pxをあける */
	height:110px;              /* 縦の高さ140px */
	width:100%;                /* 横の幅を100% */
}
div#footer {
	border: 5px solid #fff;    /* 表示領域を白枠で囲う */
	height: 100%;              /* 縦の表示領域はheader-bkと同じ */
	max-width: 100%;              /* 横の幅最大600px */
	margin: auto;
	display:block;
	text-align:center;              /* 中央揃え */
}
div#footer img{
margin:20px;
}
.saiyou_img_right1 {
	display:block;
	width:100%;
	margin:auto;
	border:0px solid #ff00ff;
}


.table_title_temp {/*テーブルプレスショートコード用*/
	display:block;
	width:100%;
	margin:auto;
	border:0px solid #00ff00;
	padding:20px 0 0 0;
}


.saiyou_temp {
	display:block;
	width:100%;
	margin:auto;
	border:0px solid #ff0000;
}
.saiyou_title_temp {
	display:block;
	width:100%;
	margin:auto;
	border:0px solid #00ff00;
	padding:20px 0;
}


.saiyou_title_bl_temp {
	display:block;
	width:88%;
	margin:auto;
		text-align: center;

	border:0px solid #ffff00;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}
.tsuyomi_massage_temp_pc{
display:none;
}
.tsuyomi_massage_temp_pc_right{
display:none;
}
.tsuyomi_title_bl_temp {
	display:block;
	width:88%;
	margin:auto;
		text-align: center;

	border:0px solid #ffff00;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}


.saiyou_text_temp {
	display:block;
	width:100%;
	margin:auto;
	border:0px solid #ff3366;
}
.saiyou_massage_temp{
	display:block;
	width:100%;
	margin:auto;

}



.saiyou_massage_temp_pc{
	display:none;
}
.saiyou_massage_temp_pc_right{
	display:none;
}
.ask_massage_temp_pc{
	display:none;
}


.title_h1 {
	display:block;
	    width: 80%;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:1px dotted #000;
	margin:auto;
}

.title_h1_lb {/*ライトブルー*/
	display:block;
	    width: 80%;
	text-align:center;
	font-size:24px;
	color:#55c2e1;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:1px dotted #000;
	margin:auto;
}
.title_h1_rd {/*赤*/
	display:block;
	    width: 80%;
	text-align:center;
	font-size:24px;
		color:#ec404d;

	font-weight:bold;
	padding-bottom:10px;
	border-bottom:1px dotted #000;
	margin:auto;
}
.title_h1_gr {/*グリーン*/
	display:block;
	    width: 80%;
	text-align:center;
	font-size:24px;
		color:#43a556;

	font-weight:bold;
	padding-bottom:10px;
	border-bottom:1px dotted #000;
	margin:auto;
}

.title_h1_bl {/*濃いブルー*/
	display:block;
	    width: 80%;
	text-align:center;
	font-size:24px;
		color:#0068b2;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:1px dotted #000;
	margin:auto;
}
.title_h1_or {/*オレンジ*/
	display:block;
	    width: 80%;
	text-align:center;
	font-size:24px;
		color:#f29f19;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:1px dotted #000;
	margin:auto;
}
.title_h1_pk {/*ピンク*/
	display:block;
	    width: 80%;
	text-align:center;
	font-size:24px;
		color:#e62080;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:1px dotted #000;
	margin:auto;
}
.title_h1_pr {/*紫*/
	display:block;
	    width: 80%;
	text-align:center;
	font-size:24px;
		color:#ab539c;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:1px dotted #000;
	margin:auto;
}


.title_p {
	font-size:16px;
	text-align:center;
	display:block;
	width: 80%;
	margin:auto;
	padding: 10px 0 0 0;
}
.title_h2 {
	display:inline-block;
	background-color:#000000;
	font-size:20px;
	width:auto;
	margin:auto;
	height:auto;
	margin:5px 0px;
	padding:0 20px;
	line-height:150%;
	color:#fff;
}
.text_span {
	line-height:200%;
}
 .title_h1:befor, .title_h1:after {
	content:"   "
}
.torikumi {
	padding:0px;
	display:block;
	margin:auto;
	border:0px solid #ffff00;
	text-align:center;
	line-height:100%;
	margin-bottom: 0px;
}
.torikumi p{
	margin:5px;
}
torikumi, ul{
list-style:none;
padding:0px;
margin:0px;
}

.torikumi ul li{
margin:0;
padding:0px;
list-style:none;
display:inline-block;
}




}	
 @media screen and (min-width: 320px) {
#main_visual{

display:block;
padding-top:30%;
}

.article_img_left_bg{/*先輩写真上半身*/
	display:none;
}

}

 @media screen and (max-width: 320px) {
#main_visual{

display:block;
}
.article_img_left_bg{/*先輩写真上半身*/
	display:none;
}
	

}

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

.ask_massage_temp {
    display: none;
}
	.ask_massage_temp_sp {
    display: block;
    width: 100%;
    margin: auto;
    border: 0px solid #ff3366;
    color: #000;
	text-align: center;
    font-size: 14px;
	
}
}


 @media screen and (min-width: 480px) {
	.ask_massage_temp_sp {
    display: none;
}

.sub-menu{
display:none;
}
.article_img_left_bg{/*先輩写真上半身*/
	display:none;
}



.saiyou_title_bl_temp{
width:auto;
margin:10px;
text-align:center;
}
.tsuyomi_title_bl_temp {
    width: auto;
    margin: 10px;
    text-align: center;
}
#main_visual{

display:block;
}


 .title_h1 {
font-size:24px;
}
.title_p {
font-size:16px;
}
 .title_h2 {
font-size:22px;
}
}





 @media screen and (min-width: 640px) {
.article {
 width:95%;
 margin: auto;
 display:block;
}
.sub-menu{
display:none;
}
.article_img_left_bg{/*先輩写真上半身*/
	display:none;
}

.article img {
	display:block;
	max-width:100%;
	margin: auto;
	padding-top: 5px;
}

.entry_logo_temp{
	display:block;
	width:80%;
	margin:auto;
	text-align: center;
}


.entry_logo_temp ul{

padding:10px 10px;
list-style:none;
display:table;
}

.entry_logo_temp li{
display:table-cell;
padding:10px 20px;
}


div#header {
 max-width: 90%;              /* 横の幅最小768px */
}
div#footer {
 max-width: 90%;              /* 横の幅最小768px */
}
.content {
 width:100%;
}
 .title_h1 {
	font-size:28px;
}
 .title_h2 {
	font-size:27px;
}

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




.saiyou_wrapper1 {/*代表メッセージ部分*/
background-image: none;
}




}

/* -------------------------------------------- */
/* ▼タブレット用デザインとして付け足すデザイン */
/* -------------------------------------------- */
@media screen and (min-width: 768px) {
div#header {
	max-width: 100%;              /* 横の幅最大600px */
	width: 960px; 
	margin: auto;	/* 中央揃え */
}
#header-fixed_tb{
	display:none;
}
/*マルハチの強み*/
.saiyou_temp_tsuyomi {
    display: block;
    max-width: 95%;
    margin: auto;
    border: 0px solid #ff0000;
    padding: 30px 0px;
}




.tsuyomi_massage_temp_pc_right {
    display: block;
    text-align: left;
    margin: 0;
    font-size: 16px;
    width: 95%;
}
.tsuyomi_massage_temp_pc {
    display: block;
    width: 90%;
    text-align: left;
    margin: 0 0 0 20px;
    font-size: 16px;
}

.article {
 width:95%;
max-width:960px;
 margin: auto;
 display:block;
}

.article img {
    padding-top: 0px;

}

/*よくある質問・お問い合わせ*/


nav#menu2 ul {
	display:block;
	margin:0 auto;
	float:right;
	padding-top:10px;
}
nav#menu2 li {
	display:block;
	margin:20px 20px;
	margin:auto;
	
}
nav#menu2 li:nth-child(3) {
	color:#fff;
	padding:0px;
	margin:auto;
	
}

.article img {
	display:block;
	max-width:100%;
	margin: auto;
}
.saiyou_title_bl_temp{
text-align:left;
}

.tsuyomi_title_bl_temp {
    text-align: left;
    display: block;
    width: 100%;
    margin: auto;
    border: 0px solid #ffff00;
    padding: 0 0 20px 20px;


}

div#header {
 max-width: 95%; 
}
div#footer {
 max-width: 95%;
}
.content {
 width:100%;
}
.content2 {
 width:100%;

 padding:0 20px 0 0;
}
.content2a {
 width:100%;

 padding:0 20px 0 0;
}
/*マルハチの強み*/
.saiyou_wrapper_bg_box{
	max-width: 960px;
	height:auto;
	
}


.table_title_temp {/*テーブルプレスショートコード用*/
	display:block;
	max-width:768px;
	margin:auto;
	border:0px solid #00ff00;
	padding:0px 0 0px 0;
	
}


.saiyou_title_temp {
	display:block;
	max-width:768px;
	margin:auto;
	border:0px solid #00ff00;
	padding:50px 0 30px 0;
	
}
.saiyou_title_bl_temp {
	display:block;
	width:100%;
	margin:auto;
	border:0px solid #ffff00;
	padding:0 0 20px 0;
}
.saiyou_text_temp {
	display:block;
	width: 55%;
	margin:auto;
	border:0px solid #ff3366;
	float:left;
}

.saiyou_text_temp_right {
	display:block;
	width: 55%;
	margin:auto;
	border:0px solid #ff3366;
	float:right;
}

.saiyou_massage_temp{
	display:none;
}
/*.ask_massage_temp{
	display:none;
}
*/
.saiyou_massage_temp_pc{
	display:block;
	width: 90%;
	text-align:left;
	margin:0;
	font-size:16px;

}
.saiyou_massage_temp_pc_right{
	display:block;
	text-align:left;
	margin:0;
	font-size:16px;
}

.text_span {
	line-height:150%;
}

.saiyou_img {
	display:block;
	width: 35%;
	margin:auto;
	border:0px solid #ff00ff;
	float:right;
}
.saiyou_img_right {
    display: block;
    width: 35%;
    margin: auto;
    padding-right: 20px;
    border: 0px solid #ff00ff;
    float: right;
}


.saiyou_img_right1 {/*右先輩写真○抜き*/
	display:block;
 	width: 35%;
	margin:auto;
	/*padding-left:20px;*/
	border:0px solid #ff00ff;
	float:right;
}


.saiyou_img_left {
    display: block;
    width: 35%;
    margin: auto;
    padding-left: 20px;
    border: 0px solid #ff00ff;
    float: left;
}
.saiyou_img_left0 {/*先輩仕事風景部分*/
	display:block;
 	max-width: 100%;
	margin:auto;
	/*padding-left:20px;*/
	border:0px solid #ff00ff;
	float:left;
}
.saiyou_img_left1 {/*先輩写真○抜き*/
	display:block;
 	width: 35%;
	margin:auto;
	/*padding-left:20px;*/
	border:0px solid #ff00ff;
	float:left;
}
.saiyou_img_left2 {/*先輩メッセージ部分*/
	display:block;
	width: 35%;
	margin:auto;
	padding-left:20px;
	border:0px solid #ff00ff;
	float:left;
}


.article_img_left_bg{/*先輩写真上半身*/
	display:block;
	width: 35%;
	margin:auto;
	padding-left:20px;
	border:0px solid #ff00ff;
	float:left;

background-image: url(../images/common/saiyou/senpai_bg_photo1.jpg);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 45%;
}
.text_span_bl {
    line-height: 170%;
}
.text_span_bl h1{
	text-align:left;
	margin: 0px 0 20px 0;
} 

.entry_logo_temp ul{

padding:10px 10px;
list-style:none;
display:table;
margin:auto;
}


.title_h1 {
	display:block;
	width:80%;
	text-align:center;
	font-size:48px;
	font-weight:bold;
	padding-bottom:25px;
	border-bottom:1px dotted #000;
	margin:auto;
}

.title_h1_lb {/*ライトブルー*/
	display:block;
	    width: 80%;
	text-align:center;
	font-size:48px;
	padding-bottom:25px;
	border-bottom:1px dotted #000;
	margin:auto;
}
.title_h1_rd {/*赤*/
	display:block;
	    width: 80%;
	text-align:center;
	font-size:48px;
	padding-bottom:25px;
	border-bottom:1px dotted #000;
	margin:auto;
}
.title_h1_gr {/*グリーン*/
	display:block;
	    width: 80%;
	text-align:center;
	font-size:48px;
	padding-bottom:25px;
	border-bottom:1px dotted #000;
	margin:auto;
}

.title_h1_bl {/*濃いブルー*/
	display:block;
	    width: 80%;
	text-align:center;
	font-size:48px;
	padding-bottom:25px;
	border-bottom:1px dotted #000;
	margin:auto;
}
.title_h1_or {/*オレンジ*/
	display:block;
	    width: 80%;
	text-align:center;
	font-size:48px;
	padding-bottom:25px;
	border-bottom:1px dotted #000;
	margin:auto;
}
.title_h1_pk {/*ピンク*/
	display:block;
	    width: 80%;
	text-align:center;
	font-size:48px;
	padding-bottom:25px;
	border-bottom:1px dotted #000;
	margin:auto;
}
.title_h1_pr {/*紫*/
	display:block;
	    width: 80%;
	text-align:center;
	font-size:48px;
	padding-bottom:25px;
	border-bottom:1px dotted #000;
	margin:auto;
}





.title_p {
	font-size:21px;
	padding: 20px 0 0 0;
width: 100%;
}
.title_h2 {
	display:inline-block;
	background-color:#000000;
	margin:5px 0px;
	padding:0 10px;
	line-height:150%;
	color:#fff;
}


.entry_logo_temp {
    display: block;
    width: auto;
     margin: auto;
    /* text-align: center; */
	}




	


.sub-menu{
display:block;
border:0px solid #000;
font-size:18px;
}


nav#menu2 ul {
	display:block;
	margin:0 auto;
	float:right;
	padding-top:10px;
	padding-right: 20px;
}
nav#menu2 li {
	display:block;
	margin:20px 20px;
	margin:auto;
	
}
nav#menu2 li:nth-child(3) {
	color:#fff;
	padding:0px;
	margin:auto;
	
}


nav#menu2 li a {
    /* display: block; */
    /* border: 0px solid #666; */
    /* text-decoration: none; */
    /* color: #fff; */
    width: 130px;
    margin: 0 2px 0 2px;
    font-weight: bold;
    text-align: center;
}

.entry{
display:block;
}



#main_visual{
display:block;
padding-top: 75px;
}





 .content {
 margin: auto;
}

 .content2 {
 margin: auto;
 padding:0 0 20px 0;

}
 .content2a {
 margin: auto;
 padding:0 0 0px 0;

}

.saiyou{
font-size:18px;
margin-top:-5px;
}

.text_span {
	line-height:170%;
}
.text_span_bl {
    color: #fff;
    line-height: 150%;
}
/* ヘッダーメニュー */
div#header-fixed {
	position: fixed;            /* ヘッダーの固定 */
	top: 0px;                   /* 位置(上0px) */
	left: 0px;                  /* 位置(右0px) */
	width: 100%;                /* 横幅100%　*/
	height: auto;
	background-color:#fff;             /* 縦幅140px */
	display:block;
	z-index: 9999;
}

div#header-wh {
	/* 背景色(黒) */
	padding:10px 0 0px;       /* 上10px、下20pxをあける */
	height:75px;              /* 縦の高さ110px */
	width:100%;                /* 横の幅を100% */
}
div#header-bl {
	background-color:#fdd000;     /* 背景色(青) */
	padding:5px 0px;       /* 上10px、下20pxをあける */
	height:auto;              /* 縦の高さ110px */
	width:100%;                /* 横の幅を100% */
border-bottom: 1px solid #D3A606;
}
div#header {
	border: 0px solid #fff;    /* 表示領域を白枠で囲う */
	height: 100%;              /* 縦の表示領域はheader-bkと同じ */
	max-width: 100%;              /* 横の幅最大600px */
	margin: auto;	/* 中央揃え */
	padding:0 20px;
}


div#header img {
	float:left;
	display:block;
}
/* ヘッダーメニュー */


nav#menu ul {
	display:table;
	table-layout: fixed;
	margin:0 auto;
	
}
nav#menu li {
	display:block;
	color:#fff;
	font-weight:bold;
	float:left;
	padding:0px;
	margin:auto;
	font-size:16px;
}

/*丸八ロゴ*/
div#header .logo {
	display:table;
	width:auto;
	vertical-align:bottom;
	float:left;
}


/* フッターの固定 */
div#footer-fixed {
	width: 100%;                /* 横幅100%　*/
	height: 140px;              /* 縦幅140px */
}
div#footer-bk {
	width:100%;                /* 横の幅を100% */
}
div#footer {
	width: 95%;
	max-width: 960px;
	margin: auto;              /* 中央揃え */
}
}


/* ------------------------------------ */
/* ▼PC用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media screen and (min-width: 960px) {
html, body {
 font-size:100%;
}

.saiyou_temp_tsuyomi {
    max-width: 100%;
}
.article {
 width:100%;
 max-width:960px;
}


.article img{
    padding-top: 0px;
}

/*よくある質問・お問い合わせ*/
.sub-menu{
display:block;
border:0px solid #000;
font-size:18px;
}


nav#menu2 ul {
	display:block;
	margin:0 auto;
	float:right;
	padding-top:10px;
	padding-right: 0px;
}
nav#menu2 li {
	display:block;
	margin:20px 20px;
	margin:auto;
	
}
nav#menu2 li a {
    /* display: block; */
    /* border: 0px solid #666; */
    /* text-decoration: none; */
    /* color: #fff; */
    width: 150px;
    margin: 0 10px 0 10px;
    font-weight: bold;
    text-align: center;
}

nav#menu2 li:nth-child(3) {
	color:#fff;
	padding:0px;
	margin:auto;
	
}


/* ヘッダーメニュー */
nav#menu ul {
color:#fff;
	display:table;
	table-layout: fixed;
	margin:0 auto;
	
}
nav#menu li {
	display:block;
	color:#fff;
	font-weight:bold;
	float:left;
	padding: 0 5px;
	margin:auto;
	font-size:20px;
}

nav#menu li a{
display: block;
    color: #fff;
    margin: 0 10px;
    padding: 8px;
    text-align: center;
    text-decoration: none;
}
nav#menu li a:hover{
color: #fff;
background-color:#ffe050;
text-decoration:underline;

}

.entry{
display:none;
}


 #main-visual img {
/*	max-width: 100%;
	height:598px;
	margin-bottom:14px;
	text-align: center;
	background-color:#fffee1;
	background: url(../images/common/saiyou/maruhachi-saiyo-bg.jpg) center top no-repeat;
*/
max-width:960px;
margin:auto;
}

.title_h2 {
	display:inline-block;
	background-color:#000000;
	font-size:30px;
	margin:5px 0px;
	padding:0 10px;
	line-height:150%;
	color:#fff;
	}



.saiyou_img_right1 {/*右先輩写真○抜き*/
	display:none;
 	width: 35%;
	margin:auto;
	/*padding-left:20px;*/
	border:0px solid #ff00ff;
	float:left;
}

	.saiyou_visual_wrapper {
padding:0 0 60px 0;
}

	.saiyou_wrapper1 {/*代表メッセージ部分*/
padding:0 0 60px 0;
background-image: url(../images/common/saiyou/daihyou_bg_photo1-v2.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-size: 40%;


}


.saiyou_wrapper2 {/*先輩からのメッセージ部分*/
padding:0 0 60px 0;
background-image: url(../images/common/saiyou/senpai_bg_photo1.jpg);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 45%;


}
.saiyou_wrapper3 {/*先輩からのメッセージ部分*/
	padding:0 0 60px 0;
 background-image: url(../images/common/saiyou/senpai_bg_photo2.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-size: 45%;


}
.saiyou_wrapper4 {/*先輩からのメッセージ部分*/
	padding:0 0 60px 0;
 background-image: url(../images/common/saiyou/senpai_bg_photo3.jpg);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 45%;


}
/*マルハチの強み*/
.saiyou_wrapper_bg{
	max-width: 960px;
	margin:auto;
background-image: url(../images/common/saiyou/background-img2.jpg);
background-repeat: no-repeat;
background-position: left top;
}


.article_img_left_bg{
background-image: url(../images/common/saiyou/senpai_bg_photo1.jpg);
background-repeat: no-repeat;
background-position: left bottom;
/*background-size: 45%;*/
}
div#footer {
	width: 960px;
	margin: auto;              /* 中央揃え */
}


}