/*
Template: base
Theme Name: corporate
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.0
Author: 320press
Author URI: http://320press.com
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

/* 
	**********************************************【　目次　】****************************************** 
*/
/* ************************************************************************************************

1. 基本ツール
	1-0. print
	1-1. mouseover色　・　フォント設定
	1-2. navigation menubar色

2. TOP
	2-1. 動画関連

3. sidebar

4. 展開事業

5. aboutglos

6. blog

7. 社員紹介

8. promotion

9. recruit
	9-1.基本
	9-2.tab menu(キャリア採用)

10. contact / privacypolicy / notice

11.特集

12. padding / margin / the etc. MJE リニューアル 2017.01.26 kimyunho 

0. ie8

* ************************************************************************************************/


/* ****************************************************** 1. 基本ツール ****************************************************** */

/* =Print
----------------------------------------------- */
@media print {

.content_box{
	/*background-color: white;
	border: 1px solid #fff;
	border-radius: 3px;
	box-shadow: 0px 0px 6px rgba(89, 89, 89, 1);
    -moz-box-shadow: 0px 0px 6px rgba(89, 89, 89, 1);
    -webkit-box-shadow: 0px 0px 6px rgba(89, 89, 89, 1);
	width: 100%;
	-webkit-filter: blur(0);*/
}

/* 省略 */

	a[href]:after {
		content: ""!important;
	}
	abbr[title]:after {
		content: ""!important;
	}

	header .navbar {
		display: block;
	}

	header .collapse {
		display: block;
		width: 600px;
	}
	
	/* smartphoneの白いボタン　*/
	header .navbar-toggle{
		display: none;
	}
	
	

	#sidebar1 {
		display: block;
	}
	
	#sidebar1 img{
		max-width: 330px;
		width: 100%;
	}
	
	#inner-footer{
		max-width: 980px;
		width: 100%;
	}
	
	#main {
		display: block; 
	}
	
	#componentWrapper{
		display: none;
	}
	
	/* footer */
	footer #inner-footer{
		background-color: #DCDDDD;
		color:#000;
	}

	footer #inner-footer a{
		background-color: #DCDDDD;
		color:#000;
	}
}

::-moz-selection {
   background-color: #696969;
   color: #fff;
}
::selection {
    background-color: #696969;
    color: #fff;
}

/*　基本フォント設定　*/
html {
	font-family:  メイリオ, Meiryo, 'ゴシック','Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif!important;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 12px !important;
	margin-top: 0px!important;
}

body {
	font-size: 12px !important;
	letter-spacing: 0.05em!important;
	font-family: メイリオ, Meiryo,'ゴシック','Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif!important;
	padding-top: 0px;
	width: 100%;
	margin-top: 0px!important;
}
.container{
	max-width: none !important;
	width: 980px;
}

.container img{ height: auto; }

#top_mje .logo img{ max-width: 260px; margin-top: 3rem; margin-bottom: 1rem; margin-left: 80px;
	transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;

 }
#top_mje .navbar-nav { width: 100% !important; }
#top_mje .navbar-nav li a:after { content: "" !important;}
#top_mje .navbar-nav li a { text-align: center !important; }
#top_mje .navbar-nav>li { width: 20% !important; }

.navbar-fixed-top .logo img { margin-top: 0 !important; margin-bottom: 0 !important;
	transition: all 0.4s ease-in 0s;
	-webkit-transition: all 0.4s ease-in 0s;
	-moz-transition: all 0.4s ease-in 0s;
	-ms-transition: all 0.4s ease-in 0s;
	 max-width: 200px !important;
 }

.navbar{	
	margin-bottom: 0px;
}

/*　navigation menubar 色　*/
.navbar-default {
	background-color: #fff;
	border-color: transparent;
	color: #000;
	font-size: 14px;
	padding-top: 10px;
    border-bottom: 3px solid #000;
    padding-bottom: 10px;
}

.menu-item{
	padding-top: 10px;
}

.nav > li > a {
	position: relative;
	display: block;
	padding: 12px 8px!important;
}

.navbar-nav{
}

.navbar-default .navbar-nav > li > a{
	color: #000;
	background-color: #fff;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #000;
	background-color: #fff;
}

#menu-item-2088 a:after{
	content: "　|";
}

#menu-item-2087 a:after{
	content: "　|";
}

#menu-item-19796 a:after{
	content: "　|";
}

#menu-item-2089 a:after{
	content: "　|";
}

#menu-item-2085 a{
	
}

.lead {
	margin-bottom: 0px;
}

/* navigation */
/* ******************** navigation ******************* */
	
	.pagination > .active > a,
	.pagination > .active > span,
	.pagination > .active > a:hover,
	.pagination > .active > span:hover,
	.pagination > .active > a:focus,
	.pagination > .active > span:focus {
	  z-index: 2;
	  color: #ffffff;
	  background-color: #E56D76;
	  border-color: #E56D76;
	  cursor: default;
	}

	.pagination > li > a,
	.pagination > li > span {
	  position: relative;
	  float: left;
	  padding: 6px 12px;
	  line-height: 1.428571429;
	  text-decoration: none;
	  background-color: #ffffff;
	  border: 1px solid #dddddd;
	  margin-left: -1px;
	  color: #E56D76;
	}

	
	/*
	.pagination > li > a,
	.pagination > li > span {
		position: relative;
		padding: 6px 12px;
		line-height: 1.428571429;
		text-decoration: none;
		background-color: transparent;
		border: 0px!important;
		margin-left: -1px;
		color: #666;
	}
	
	.pagination > .active > a,
	.pagination > .active > span,
	.pagination > .active > a:hover,
	.pagination > .active > span:hover,
	.pagination > .active > a:focus,
	.pagination > .active > span:focus {
		z-index: 2;
		color: #5e5e5e;
		background-color: transparent;
		border-color: none;
		cursor: default;
		font-weight: bold;
	}
	
	.pagination > .disabled > span,
	.pagination > .disabled > span:hover,
	.pagination > .disabled > span:focus,
	.pagination > .disabled > a,
	.pagination > .disabled > a:hover,
	.pagination > .disabled > a:focus {
		color: #666;
		background-color: transparent;
		border-color: none;
		cursor: not-allowed;
	}
	
	.pagination > li > a:hover,
	.pagination > li > span:hover,
	.pagination > li > a:focus,
	.pagination > li > span:focus {
		background-color: transparent;
		color: #666;
	}*/
	
/* sns button */
iframe.twitter-share-button {
	width: 94px!important;
	margin-left: 10px;
}

/* お問い合わせ button */
a .top_contact_btn {
	border: 1px solid #000;
	background-color: #fff;
	padding: 10px 20px;
	margin-right: 3px;
	margin-top: 3px;
	width: 100%;
	max-width: 212px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	font-size: 14px;
}

a:hover .top_contact_btn {
	border: 1px solid #F8C6BD;
	background-color: #F8C6BD;
	text-decoration: none!important;
	font-weight: bold;
	color: #000;
}

.navbar-fixed-top{
	padding-bottom: 10px;
	padding-top: 10px;
}

#more_btn_cmt a{
	font-size: 12px;
	color: #777b7f;
	text-decoration: none;
}



/* ************************* footer ************************ */
/* footer */
footer #inner-footer{
    background-color: #DCDDDD;
	color:#000;
}

footer #inner-footer a{
    background-color: #DCDDDD;
	color:#000;
}

.copyrightfont{
	font-size: 10px;
}

.footer_menu{
	font-size: 15px;
}

#footermenu2{
	font-size: 12px;
}
.footer-small-text{
	font-size: 12px;
}

.privacypolicy{
	font-size: 11px;
	
}

.navi-box-shadow{
	border-bottom: 2px;
	box-shadow: 0px 0px 4px rgba(89, 89, 89, 0.50);
    -moz-box-shadow: 0px 0px 4px rgba(89, 89, 89, 0.50);
    -webkit-box-shadow: 0px 0px 4px rgba(89, 89, 89, 0.50);
}

.video{
}

/* ***************************************************** 2. TOP **************************************************** */

.index_line_ie{
	margin-top: 10px; 
	margin-bottom: 10px;
}

/*
.top_excerpt{
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 15%);
	text-align: right; 
	padding-top: 71px;
	/* padding-bottom: 20px; 
	position : absolute;
	bottom: 0;
	right: 0;
	width : 100%;

}

.blogmorebtn2 a{
	font-size: 12px;
	color: #777b7f;
	text-decoration: none!important;
	margin-top: -50px;
	height: 30px;

}*/

.redtopline4hr{
	border-top: 2px solid #D1002A!important;
	border: 0px;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	width: 100%;
}

.content_box2{
	background-color: white;
	border: 1px solid #fff;
	border-radius: 3px;
	box-shadow: 0px 0px 6px rgba(89, 89, 89, 1);
    -moz-box-shadow: 0px 0px 6px rgba(89, 89, 89, 1);
    -webkit-box-shadow: 0px 0px 6px rgba(89, 89, 89, 1);
	width: 100%;
	-webkit-filter: blur(0);
}

#topblogst{
	margin-right:5px;
	display:inline-block;
	font-size: 16px;
	font-weight: bold;
	color: black;
}

#topblogst a{
	margin-right:5px;
	display:inline-block;
	font-size: 16px;
	font-weight: bold;
	color: black;
}

.topbusinesslist{
	font-size: 16px;
	color: black;
	margin-top:5px;
	margin-bottom: 5px;
	font-weight: bold;
}

.topbusinesslist a{
	font-size: 16px;
	color: black;
	margin-top:5px;
	margin-bottom: 5px;
	font-weight: bold;
}

/* 運用スライド　*/

.meteor-slides .meteor-buttons { text-align: center; }
.meteor-slides .meteor-buttons a { display: inline-block !important; float: none !important; }

li.next a:hover:before { content: "" !important; background: none !important }

#sns_btn  { float: right; }
#sns_btn img{     max-width: 30px !important;
    margin-left: 0 !important; margin-right: 10px; }
#purpose-title { font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px; }
.flexslider { margin: 0 0 20px !important; border: 0 !important; margin-top: 26px !important; }
	
#search_by_purpose { width: 88%; margin: 0 auto;     margin-bottom: 40px !important;
    clear: both;
    display: table; }

#film_roll_slider{
	width: 550px;
	margin-left: 80px;
}

#film_roll_slider img{
}

.film_roll_wrapper {
	overflow: hidden;
}
.film_roll_shuttle {
	position: relative;
}

.film_roll_child {
	display: inline-block;
	/* margin-right: 10px; */
	width: 110px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
}
.film_roll_child img{
	width: 110x;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
}
/* btn 配置 */
.btn_prev,
.btn_next {
	position: absolute;
	top: 46%;
	width: 48px;
	height: 48px;
}
.btn_prev {
	left: 10px;
}
.btn_next {
	right: 20px;
}

.film_roll_pager {
	text-align: center;
}
.film_roll_pager a {
	display: inline-block;/*
	width: 150px;
	height: 93px;
	margin: 0 15px 0 0;*/
}

.film_roll_pager span {
	display: none;
}
#film_roll_arrow {
	display: block;
}

/* 運用スライド　end */

/* *********************************** 動画関連 ******************************** */

.wistia_embed{
	height: 600px;
}

#blockcontent {
  position: relative;
  display: block;
  width: 100%;
  height: 600px;
  padding: 0 auto;
  margin:0 auto;
  /*background: rgba(0,0,0,0.3);*/
  z-index: 5000000000;
}

.top_business{
	color: black;
}

.top_business a{
	color: black;
}

/* 梅本追加_埋め込み動画レスポンシブ化 */
.responsivePlayer{
position:relative;
width:100%;
padding-top:56.25%;
}
.responsivePlayer iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

/* ***************************************************** 3. sidebar **************************************************** */
/* 基本box style */
.content_box{
	/*background-color: white;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	box-shadow: 0px 0px 6px rgba(89, 89, 89, 0.90);
    -moz-box-shadow: 0px 0px 6px rgba(89, 89, 89, 0.90);
    -webkit-box-shadow: 0px 0px 6px rgba(89, 89, 89, 0.90);
	width: 100%;*/
}

.content_box_irinfo{
	background-color: white;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	box-shadow: 0px 0px 6px rgba(89, 89, 89, 0.90);
    -moz-box-shadow: 0px 0px 6px rgba(89, 89, 89, 0.90);
    -webkit-box-shadow: 0px 0px 6px rgba(89, 89, 89, 0.90);
	width: 100%;
	padding: 30px;
}

.sidebar_img_margin{
	margin: 5px;
}

/* 採用情報 */
#sb_recruit{
	background-image:url(images/sidebar/sidebar_recruit.png);  
	background-repeat: no-repeat;
	padding-top: 18px;
}

#sb_recruit img{
	width: 100%;
	max-width: 200px;
}

#sb_recruit2{
	background-image:url(images/sidebar/sidebar_recruit2.png);  
	background-repeat: no-repeat;
	padding-top: 16px;
}

#sb_recruit2 img{
	width: 100%;
	max-width: 200px;
}

#coolbiz img{
	width: 100%;
	max-width: 240px;
	height: 100%;
}

#sb_glosnews{
	background-image:url(images/sidebar/sidebar_glosnews_bnr.png);  
	background-repeat: no-repeat;
	padding-top: 18px;
}

#sb_glosnews img{
	width: 100%;
	max-width: 200px;
}

/* 会社紹介 */
#sb_introdece_glos{
	background-image:url(images/sidebar/sidebar_introduce_glos.png);  
	background-repeat: no-repeat;
	padding-top: 25px;
}

#sb_introdece_glos img{
	width: 100%;
	max-width: 200px;
	/*height: 70px;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

/* 会社紹介タイトル　*/
#sb_introduce_title{
	font-size: 15px;
	font-weight: bold;
	color: black;
}

#sb_introduce_title a{
	font-size: 15px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

#sb_introduce_content{
	font-size: 10px;
	line-height: 1.4;
}

/* ピックアップ */
#sb_pickup_glos{
	background-image:url(images/sidebar/sidebar_pickup.png);
	background-repeat: no-repeat;
	padding-top: 25px;
}

#sb_pickup_glos img{
	width: 100%;
	max-width: 203px;
	max-height: 108px;
}

#sb_introduce_content_p{
	font-size: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

#b_introduce_content_tp{
	margin-left: 5px;
	margin-right: 5px;
}

#sb_padding_lr{
	margin-top: 13px;
	margin-bottom: 13px;
}

/* ********************** sidebar menu ********************** */

.menuline4hr{
	border-top: 1px solid #d1002a!important;
	border: 0px;
	margin-bottom: 0px!important;
	width: 100%;
}

.graymenuline4hr{
	border-top: 1px dotted #e5e5e5!important;
	border: 0px;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	width: 100%;
}

/* GLOSについて */
#sb_submenu_ag{
	background-image:url(images/sidebar/menu/aboutglos/sidebar_aboutglos_submenu.png);  
	background-repeat: no-repeat;
}

/* 展開事業 */
#sb_submenu_bsn{
	background-image:url(images/sidebar/menu/business/sidebar_business_submenu.png);  
	background-repeat: no-repeat;
}

/* 社員紹介 */
#sb_submenu_staff{
	background-image:url(images/sidebar/menu/staff/sidebar_staff_submenu.png);  
	background-repeat: no-repeat;
}

/* ブログ */
#sb_submenu_blog{
	background-image:url(images/sidebar/menu/sidebar_blog_submenu.png);  
	background-repeat: no-repeat;
}

/* お知らせ */
#sb_submenu_notice{
	background-image:url(images/sidebar/menu/sidebar_notice_submenu.png);  
	background-repeat: no-repeat;
}

/* 採用情報 */
#sb_submenu_recruit{
	background-image:url(images/sidebar/menu/sidebar_recruit_submenu.png);  
	background-repeat: no-repeat;
}

/* sidebar td 全体リンク　*/
a.s-table { 
	display: block; 
	width: 100%; 
	border-bottom: 1px dotted black;
	font-size: 11px;
	color: black;
	padding: 8px;
}

a.s-table:hover { 
	background-color: #F8C6BD; 
	color: black;
}

/* 最後メニュー　*/
a.s-table-e { 
	display: block; 
	width: 100%; 
	font-size: 11px;
	color: black;
	padding: 8px;
}

a.s-table-e:hover { 
	background-color: #F8C6BD; 
	color: black;
}

/*　三角やじるし　*/
.arrowFR{
	position:relative;
	top:0;
	left:0;
	padding-left:15px;
}
.arrowFR:before{
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 7px solid #D1002A;
}

#history-t-size{
	margin-bottom: 15px;
}

#history-t-size td{
	padding-bottom: 10px;
}

#outline-t-size{
	margin-bottom: 14px;
}

#outline-t-size td{
	padding-bottom: 10px;
}

/* ****************************************************** 4. 展開事業 ***************************************************** */

.business_stext{
	font-size: 11px;
}

.business_stext img{
	padding-bottom: 8px;
}

#business_subhead{
	font-size: 16px;
	font-weight: bold;
	display:inline-block;
}

#business_txt_m{
	margin-top: 3px;
	display:inline-block;
	line-height: 1.5
}

/* ****************************************************** 5. aboutglos ***************************************************** */

/* ふきだし - office */
.cvwbox {
	position: relative;
	background: #ffffff;
	border: 2px solid #D1002A;
	border-radius:3px;
	padding: 12px 12px 11px 16px;
	margin-top: 2px;
}

.cvwbox:after, .cvwbox:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.cvwbox:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 15px;
	margin-top: -15px;
}
.cvwbox:before {
	border-color: rgba(209, 0, 42, 0);
	border-left-color: #D1002A;
	border-width: 17px;
	margin-top: -17px;
}

#cvwbox_hk img{
	margin-bottom: 7px;
	margin-top: 7px;
}

#indoorview_s{
	margin-bottom: 10px;
}

.eventdashedline4hr{
	border-top: 1px dashed #818181!important;
	border: 0px;
	margin-top: 25px!important;
	margin-bottom: 25px!important;
	width: 100%;
}

.blog_pickup hr{
	border: 1px solid black;
}

.mediadashedline4hr{
	border-top: 1px dashed #818181!important;
	border: 0px;
	margin-top: 10px!important;
	margin-bottom: 10px!important;
	width: 100%;
}

/* corevalues */
.motion {
	width: 650px;
	display: none;
}

#motion_area1 {
	display: block;
}

#test {
	width: 700px;
	height: 346px;
	overflow: none;
}

#ir_box {
	width: 700px;
	min-height: 246px;
	height: 100%;
	font-size: 18px;
	overflow: none;
}

#test img{
	border: 1px solid #B8B8B8;
}

#bottombox_oscv{
	padding: 10px;
	width: 650px;
	height: 220px;
	overflow: none;
}

#bottombox_ir__{
	width: 650px;
	overflow: none;
}

#bottombox_ir__ a{
	font-size: 14px;
	color: black;
}

#bottom_smailmenu img{
	max-width: 150px;
	width: 100%;
	border: 1px solid #B8B8B8;
}

#bottom_oscv_ex img{
	border: 1px solid #B8B8B8;
}
/* corevalues end */

#abouglos_stc_r{
	padding-right: 10px;
	padding-top: 0px; /* 151001 3px -> 0px　変更*/
}

#abouglos_stc_r img{
	padding-bottom: 8px;
}

.event_text_ml img{
	padding-bottom: 8px;
}

.event_text_mr img{
	padding-bottom: 8px;
}

.event_text_ml{
	padding-right: 0px;
}

.event_text_mr{
	padding-left: 0px;
}

#abouglos_img_border img{
	border: 1px solid #ababab;
}

.ag_schema{
	padding: 20px;
}

#office_mtg_r{
	padding-top: 4px;
	font-size: 13px;
}

.hr_black_slim{
	background-color:#3E3A39;
	border:none;
	width:100%;
	height:0.1em;
	margin: 0px;
	padding: 0px;
}

.if__menu{
	font-size: 14px;
	margin: 0px 11px;
	color: black;
}

.if__menu{
	font-size: 14px;
	margin: 0px 11px;
	color: black;
}

.if__menu:active{
	color: black;
	text-decoration: underline;
}

.if__menu:hover{
	color: black;
	text-decoration: underline;
}

.if__text{
	font-size: 14px;
	line-height: 1.5;
}

.if__text a{
	font-size: 14px;
	line-height: 1.5;
	color: black;
}

.if__text img{
	margin: 15px 0px;
}

.ir_report_title{
	color: #E9545D;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0px;
}

.ir_report_mb a{
	font-size: 16px;
	color: black;
}

/* ****************************************************** 6. blog **************************************************** */


/* blog tag style */
.terms_sp a, .terms_sp a:visited, .terms_sp a:active,
.terms_mb a, .terms_mb a:visited, .terms_mb a:active { 
	background:#dcdddd;
	border:1px solid #dcdddd;
	border-radius: 12px;
	text-decoration:none;
	padding: 5px 14px 5px 14px;
	margin: 2px 5px 5px 0px;
	text-transform:uppercase;
	color: #000;
	font-size: 24px;
}

.terms_sp a:hover,
.terms_mb a:hover {
	background:#F7D1D9;
	border:1px solid #F7D1D9;
	color:#000;
}

/* ------------- smartphone -------------*/
.terms a, .terms a:visited, .terms a:active { 
	background:#dcdddd;
	border:1px solid #dcdddd;
	border-radius: 12px;
	text-decoration:none;
	padding: 1px 8px 1px 8px;
	margin: 2px 5px 5px 0px;
	text-transform:uppercase;
	color: #000;
}

.terms a:hover { 
	background:#F7D1D9;
	border:1px solid #F7D1D9;
	color:#000;
}

/* ------------- ipad -------------*/
.terms_ipadp a, .terms_ipadp a:visited, .terms_ipadp a:active,
.terms_ipadb a, .terms_ipadb a:visited, .terms_ipadb a:active { 
	background:#dcdddd;
	border:1px solid #dcdddd;
	border-radius: 12px;
	text-decoration:none;
	padding: 1px 5px 1px 5px;
	margin: 2px 5px 5px 0px;
	text-transform:uppercase;
	color: #000;
	font-size: 18px
}

.terms_ipadp a:hover,
.terms_ipadb a:hover { 
	background:#F7D1D9;
	border:1px solid #F7D1D9;
	color:#000;
}

.blog_spacing{
    line-height: 2.3;
}

.blog_spacing img{
	margin-top: 25px;
    margin-bottom: 20px;
}

.blog_spacing .mitsuda
{
	padding: 0.3em .8em !important;
    margin-top: 40px;
    margin-bottom: 20px;
}

/* blog tag style end */

/* category 色付ける　*/
/* 新卒ブログ */
#blog-newmember{
	background-color: #DEB1C4;
	color: #fff;
	padding: 2px 5px 2px 5px;
	margin-right:5px;
	width: 100px;
	text-align: center;
	display:inline-block;
}

#blog-newmember2{
	background-color: #DEB1C4;
	color: #fff;
	padding: 2px 5px 2px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
	margin-bottom: -10px;
}

#blog-newmember2-profile{
	background-color: #DEB1C4;
	color: #fff;
	margin-bottom: 0px;
	padding: 1px 5px 1px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
}

#blog-newmember2-b{
	background-color: #DEB1C4;
	color: #fff;
	margin-bottom: 0px;
	padding: 5px;
	width: 110px;
	text-align: center;
	vertical-align: middle;
	display:inline-block;
	font-size: 14px;
}

/* 教育担当ブログ */
#blog-trainingmanager{
	background-color: #7EC27A;
	color: #fff;
	padding: 2px 5px 2px 5px;
	margin-right:5px;
	width: 100px;
	text-align: center;
	display:inline-block;
}

#blog-trainingmanager2{
	background-color: #7EC27A;
	color: #fff;
	padding: 2px 5px 2px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
	margin-bottom: -10px;
}

#blog-trainingmanager2-profile{
	background-color: #7EC27A;
	color: #fff;
	margin-bottom: 0px;
	padding: 1px 5px 1px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
}

#blog-trainingmanager2-b{
	background-color: #7EC27A;
	color: #fff;
	margin-bottom: 0px;
	padding: 5px;
	width: 110px;
	text-align: center;
	vertical-align: middle;
	display:inline-block;
	font-size: 14px;
}

/* 人事採用ブログ */
#blog-recruitment{
	background-color: #DBB990;
	color: #fff;
	padding: 2px 5px 2px 5px;
	margin-right:5px;
	width: 100px;
	text-align: center;
	display:inline-block;
}

#blog-recruitment2{
	background-color: #DBB990;
	color: #fff;
	padding: 2px 5px 2px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
	margin-bottom: -10px;
}

#blog-recruitment2-profile{
	background-color: #DBB990;
	color: #fff;
	margin-bottom: 0px;
	padding: 1px 5px 1px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
}

#blog-recruitment2-b{
	background-color: #DBB990;
	color: #fff;
	margin-bottom: 0px;
	padding: 5px;
	width: 110px;
	text-align: center;
	vertical-align: middle;
	display:inline-block;
	font-size: 14px;
}

/* クリエイターブログ */
#blog-creator{
	background-color: #DE7475;
	color: #fff;
	padding: 2px 5px 2px 5px;
	margin-right:5px;
	width: 100px;
	text-align: center;
	display:inline-block;
}

#blog-creator2{
	background-color: #DE7475;
	color: #fff;
	margin-bottom: -10px;
	padding: 2px 5px 2px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
}

#blog-creator2-profile{
	background-color: #DE7475;
	color: #fff;
	margin-bottom: 0px;
	padding: 1px 5px 1px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
}

#blog-creator2-b{
	background-color: #DE7475;
	color: #fff;
	margin-bottom: 0px;
	padding: 5px;
	width: 110px;
	text-align: center;
	vertical-align: middle;
	display:inline-block;
	font-size: 14px;
}

/* 営業部ブログ */
#blog-salesstaff{
	background-color: #8096CB;
	color: #fff;
	padding: 2px 5px 2px 5px;
	margin-right:5px;
	width: 100px;
	text-align: center;
	display:inline-block;
}

#blog-salesstaff2{
	background-color: #8096CB;
	color: #fff;
	padding: 2px 5px 2px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
	margin-bottom: -10px;
}

#blog-salesstaff2-profile{
	background-color: #8096CB;
	color: #fff;
	margin-bottom: 0px;
	padding: 1px 5px 1px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
}

#blog-salesstaff2-b{
	background-color: #8096CB;
	color: #fff;
	margin-bottom: 0px;
	padding: 5px;
	width: 110px;
	text-align: center;
	vertical-align: middle;
	display:inline-block;
	font-size: 14px;
}

/* マネージャーブログ */
#blog-managerblog{
	background-color: #F7B52C;
	color: #fff;
	padding: 2px 5px 2px 5px;
	margin-right:5px;
	width: 100px;
	text-align: center;
	display:inline-block;
}

#blog-managerblog2{
	background-color: #F7B52C;
	color: #fff;
	padding: 2px 5px 2px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
	margin-bottom: -10px;
}

#blog-managerblog2-profile{
	background-color: #F7B52C;
	color: #fff;
	margin-bottom: 0px;
	padding: 1px 5px 1px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
}

#blog-managerblog2-b{
	background-color: #F7B52C;
	color: #fff;
	margin-bottom: 0px;
	padding: 5px;
	width: 110px;
	text-align: center;
	vertical-align: middle;
	display:inline-block;
	font-size: 14px;
}

/* 役員ブログ */
#blog-officialblog{
	background-color: #58B5B6;
	color: #fff;
	padding: 2px 5px 2px 5px;
	margin-right:5px;
	width: 100px;
	text-align: center;
	display:inline-block;
}

#blog-officialblog2{
	background-color: #58B5B6;
	color: #fff;
	padding: 2px 5px 2px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
	margin-bottom: -10px;
}

#blog-officialblog2-profile{
	background-color: #58B5B6;
	color: #fff;
	margin-bottom: 0px;
	padding: 1px 5px 1px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
}

#blog-officialblog2-b{
	background-color: #58B5B6;
	color: #fff;
	margin-bottom: 0px;
	padding: 5px;
	width: 110px;
	text-align: center;
	vertical-align: middle;
	display:inline-block;
	font-size: 14px;
}

/* 代表ブログ */
#blog-ceoblog{
	background-color: #D7002F;
	color: #fff;
	padding: 2px 5px 2px 5px;
	margin-right:5px;
	width: 100px;
	text-align: center;
	display:inline-block;
}

#blog-ceoblog2{
	background-color: #D7002F;
	color: #fff;
	padding: 2px 5px 2px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
	margin-bottom: -10px;
}

#blog-ceoblog2-profile{
	background-color: #D7002F;
	color: #fff;
	margin-bottom: 0px;
	padding: 1px 5px 1px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
}

#blog-ceoblog2-b{
	background-color: #D7002F;
	color: #fff;
	margin-bottom: 0px;
	padding: 5px;
	width: 110px;
	text-align: center;
	vertical-align: middle;
	display:inline-block;
	font-size: 14px;
}

/* 内定者ブログ */
#blog-prospective{
	background-color: rgba(0, 0, 0, 0.32);
	color: #fff;
	padding: 2px 5px 2px 5px;
	margin-right:5px;
	width: 100px;
	text-align: center;
	display:inline-block;
}

#blog-prospective2{
	background-color: rgba(0, 0, 0, 0.32);
	color: #fff;
	padding: 2px 5px 2px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
	margin-bottom: -10px;
}

#blog-prospective2-profile{
	background-color: rgba(0, 0, 0, 0.32);
	color: #fff;
	margin-bottom: 0px;
	padding: 1px 5px 1px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
}

/* その他 */
#blog-hoka{
	background-color: #000;
	color: #fff;
	padding: 2px 5px 2px 5px;
	margin-right:5px;
	width: 100px;
	text-align: center;
	display:inline-block;
}

#blog-hoka2{
	background-color: #000;
	color: #fff;
	padding: 2px 5px 2px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
	margin-bottom: -10px;
}

#blog-hoka2-profile{
	color: #fff;
	margin-bottom: 0px;
	padding: 1px 5px 1px 5px;
	width: 110px;
	text-align: center;
	display:inline-block;
}

#blog-hoka2-b{
	background-color: #000;
	color: #fff;
	margin-bottom: 0px;
	padding: 5px;
	width: 110px;
	text-align: center;
	vertical-align: middle;
	display:inline-block;
	font-size: 14px;
}

.blogtitle{
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 3px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

.blogtitle a{
	font-size: 13px;
	margin-bottom: 5px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

/*
.blogimg img{
	border: 1px solid black;
	padding: 5px;
}*/

.singleblog{
	border-bottom: 2px solid #e5e5e5;
	padding-bottom: 12px;
	padding-left: 1px;
}

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

.singleblogdate{
	font-size: 15px;
}

.blogmorebtn a{
	font-size: 12px;
	color: #777b7f;
	text-decoration: none!important;
}

#bloggername{
	font-size: 15px;
	font-weight: bold;
	margin-right: 10px;
}

#blogdescription{
	/* padding : 10px; */
	padding-left : 15px;
}

#bloggerdescripe{
	font-size: 12px;
	margin-top : 10px;
}

#blogger_namest{
	font-size: 14px;
	margin: 5px;
	font-weight: bold;
}

.bloglistlinkst a{
	font-size: 13px;
	color: black;
}

/* blog mobile sidebar */
/* sidebar td 全体リンク　*/
a.s-table-b { 
	display: block; 
	width: 100%; 
	font-size: 22px;
	color: black;
	text-align: center;
	padding: 15px 5px 15px 5px;
}

a.s-table-b:hover { 
	background-color: #F8C6BD; 
	color: black;
}

/* border right bottom */
a.s-table-b-b-r { 
	display: block; 
	width: 100%; 
	font-size: 22px;
	color: black;
	text-align: center;
	padding: 15px 5px 15px 5px;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

a.s-table-b-b-r:hover { 
	background-color: #F8C6BD; 
	color: black;
}

/* border rightのみ*/
a.s-table-r { 
	display: block; 
	width: 100%; 
	font-size: 22px;
	color: black;
	text-align: center;
	padding: 15px 5px 15px 5px;
	border-right: 1px solid #e5e5e5;
}

a.s-table-r:hover { 
	background-color: #F8C6BD; 
	color: black;
}

/* border bottomのみ*/
a.s-table-b-b { 
	display: block; 
	width: 100%; 
	font-size: 22px;
	color: black;
	text-align: center;
	padding: 15px 5px 15px 5px;
	border-bottom: 1px solid #e5e5e5;
}

a.s-table-b-b:hover { 
	background-color: #F8C6BD;
	color: black;
}

/*　三角やじるし　*/
.arrowFR-b{
	position:relative;
	top:0;
	left:0;
	padding-left:15px;
}
.arrowFR-b:before{
	content: "";
	position: absolute;
	top: 8px;
	left: 4px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 7px solid #D1002A;
}

.blog_sb_img{
	max-width: 300px;
}

#b_introduce_content_tp_b{
	font-size: 18px;
	margin-bottom: 6px;
}

#sb_introduce_content_p_b{
	font-size: 14px;

}

/* blog mobile 調整　*/
.blog_mb{
	font-size: 38px;
}

/* blog ipad 調整　*/
.blog_ipadb{
	font-size: 20px;
}

.singleblogtitle_mb{
	font-size: 34px;
	font-weight: bold;
}

.singleblogdate_mb{
	font-size: 28px;
}

.singleblogdate_ipadb{
	font-size: 22px;
}

.bloglistlinkst_mb a{
	font-size: 22px;
	color: black;
}

.singleblogtitle_ipadb{
	font-size: 25px;
	font-weight: bold;
}

#bloggername_mb{
	font-size: 22px;
	font-weight: bold;
}

#bloggerdescripe_mb{
	padding : 10px;
	font-size: 18px;
}

#bloggerdepartment_mb{
	font-size: 20px;
	padding-left: 15px;
}

.morebtn_event a{
	color: #D1002A;
	font-size: 13px;

}

.morebtn_event{
	margin-top: 22px;
}

/* ****************************************************** 7. 社員紹介 ***************************************************** */

.bio{ border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 4rem;
    padding-top: 2rem;
    padding-bottom: 1rem; }

#stafftitle1{
	font-size: 12px;
	margin-right: 5px;
}

#stafftitle2{
	font-size: 15px;
	font-weight: bold;
	margin-right: 5px;
}

#en_name{
	font-size: 15px;
}

.staffprofile{
	font-size: 13px;
	float: left;
	display: inline-block;
}

.balloon-top-right {
	color: #D1002A;
	position: relative;
	display: inline-block;
	padding: 15px;
	margin: 20px 7px 10px 15px;	
	max-width: 643px;
	width: 100%;
	max-height: 200px;
	/* text-align: left; */
	background: #F8C6BD;
	font-size: 14px;
	z-index: 0;
}
.balloon-top-right:after {
	content: "";
	position: absolute;
	top: -20px; 
	left: 48%;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 25px 30px 25px;
	border-color: transparent transparent #F8C6BD transparent;
	z-index: 0;
	/*
	content: "";
	position: absolute;
	top: -15px; right: 0;
	margin-left: 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 0 0 20px;
	border-color: transparent transparent transparent #F8C6BD;
	z-index: -1;*/
}

.staff_name_s {
	font-size: 14px;
}
.staff_name_s.red {
	color: red;
}

.qna_title{
	font-size: 15px;
	color: #D1002A;
	font-weight: bold;
}

.staff_qna_border{
	background-color: white;
	padding: 38px 25px;
	color: black;
	border-radius: 10px;
}

.balloon-top-right_staff {
	color: #D1002A;
	position: relative;
	display: inline-block;
	padding: 15px;
	margin: 20px 7px 10px 15px;	
	max-width: 643px;
	width: 100%;
	/* max-height: 3000px; */
	/* text-align: left; */
	background: #F8C6BD;
	font-size: 14px;
	z-index: 0;
	border-radius: 20px;
}
.balloon-top-right_staff:after {
	content: "";
	position: absolute;
	top: -20px; 
	left: 47%;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 25px 30px 25px;
	border-color: transparent transparent #F8C6BD transparent;
	z-index: 0;
}

.qna_hr{
	border: 1px dashed #F8C6BD;
}

.staff_qna_img_circle img{
	border-radius: 80px;
	border: 1px solid #F8C6BD;
}

/* インタビュー記事・アーカイブ */
#archive-interview .bloc {

    margin-top: 40px;

}

#archive-interview .page_title_box {

    margin-bottom: 0 !important;

}
#archive-interview .page_sub_title_box {

    margin-bottom: 0 !important;

}

#archive-interview .items li {

    list-style-type: none;

}
#archive-interview .items .item {

    float: left;
    width: calc((100% - (38px * 2)) / 3);
    margin-top : 24px;
    margin-left: 38px;

}
#archive-interview .items .item:nth-of-type(3n + 1) { clear: both; margin-left: 0 !important; }

#archive-interview .image {

    line-height: 0;

}
#archive-interview .thumb {

    padding-top: 66.6%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
#archive-interview .post-title {

    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;

}
#archive-interview .post-title a, #archive-interview .post-title a:visited { color: #333; }
#archive-interview .post-title a:hover { text-decoration: underline; }

#single-interview .first p {

    padding: 20px;
    background-color: #eee;

}
#single-interview p {

    line-height: 1.8em;

}
#single-interview .back_2_archive {

    text-align: center;

}
#single-interview .back_2_archive a { text-decoration: underline; }

/* インタビュー記事・詳細 - ピックアップ記事（ランダム） */
#single-pickup {

    margin-top: 80px;

}
#single-pickup .items li {

    list-style-type: none;

}
/* #single-pickup .items .item {

    float: left;
    width: calc((100% - (38px * 3)) / 4);
    margin-top : 24px;
    margin-left: 38px;

}
#single-pickup .items .item:nth-of-type(4n + 1) { clear: both; margin-left: 0 !important; } */
#single-pickup .items .item {

    float: left;
    width: calc((100% - (38px * 2)) / 3);
    margin-top : 24px;
    margin-left: 38px;

}
#single-pickup .items .item:nth-of-type(3n + 1) { clear: both; margin-left: 0 !important; }

/* #single-pickup .post-thumb {

    overflow: hidden;
    box-sizing: border-box;
    border: solid 1px #f8c6bd;
    border-radius: 50%;

} */
#single-pickup .image {

    line-height: 0;

}
/* #single-pickup .thumb {

    padding-top: 100.0%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
#single-pickup .post-title {

    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;

} */
#single-pickup .thumb {

    padding-top: 66.6%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
#single-pickup .post-title {

    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;

}
#single-pickup .post-title a, #single-pickup .post-title a:visited { color: #333; }
#single-pickup .post-title a:hover { text-decoration: underline; }

/* インタビュー記事 詳細 - 関連記事 */
#single-relation {

    margin-top: 40px;

}

#single-relation .page_title_box {

    margin-bottom: 0 !important;

}
#single-relation .page_sub_title_box {

    margin-bottom: 0 !important;

}

#single-relation .items li {

    list-style-type: none;

}
#single-relation .items .item {

    float: left;
    width: calc((100% - (38px * 2)) / 3);
    margin-top : 24px;
    margin-left: 38px;

}
#single-relation .items .item:nth-of-type(3n + 1) { clear: both; margin-left: 0 !important; }

#single-relation .image {

    line-height: 0;

}
#single-relation .thumb {

    padding-top: 66.6%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
#single-relation .post-title {

    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;

}
#single-relation .post-title a, #single-relation .post-title a:visited { color: #333; }
#single-relation .post-title a:hover { text-decoration: underline; }


/* ****************************************************** 8. promotion ***************************************************** */

#promotionstitle{
	font-size: 10px;
	line-height: 40%;
	font-weight: bold;
}

#promotionstitle2{
	line-height: 30%;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 7px;
}

#promotionsiteadr{
	color: #D1002A;
	text-decoration: none;
}

#promotionsiteadr a{
	color: #D1002A;
	text-decoration: none;
	vertical-align: middle;
}

.promotionimg img{
	margin-top: 3px;
}

.promotionimg .margin-b0 { font-size: 11px !important; }

/* ****************************************************** 9. recruit ***************************************************** */

.recruittitle{
	font-size: 26px;
	font-weight: bold;
	color: #D1002A;
}

.recruitcontext{
	font-size: 18px;
	font-weight: bold;
	color: black;
}

.recruiteventline4hr{
	border-top: 1px solid #e5e5e5!important;
	border: 0px;
	margin-top: 15px!important;
	margin-bottom: 15px!important;
	width: 100%;
}

.recruiteventtitle{
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

.recruiteventtitle a{
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

.recruitsentence a{
	font-size: 12px;
	text-decoration: none;
	margin-bottom: 5px;
	color: black;
}

#recruitdate{
	font-size: 13px;
	font-weight: bold;
}

#recruiteventpage_date{
	font-size: 13px;
}

.recruiteventpage4hr{
	border-top: 1px solid black!important;
	border: 0px;
	width: 100%;
}

.ir_report_top4hr{
	border-top: 1px solid black!important;
	border: 0px;
	width: 100%;
	margin: 10px 0 20px 0;
}

.irreport_page_4hr{
	border-top: 1px solid black!important;
	border: 0px;
	width: 100%;
	padding: 0px;
	margin: 4px 0px;
}

.irreport_4hr{
	border-top: 7px solid #C9CACA!important;
	border: 0px;
	width: 100%;
}

.ir_achievements a{
	font-size: 16px;
	font-weight: bold;
	color: black;
}

.ir_achievements_4hr{
	border-top: 1px solid #E9545D;
	width: 100%;
	max-width: 615px;
	margin: 5px 0px 25px 0px;
	padding: 0px;
}

.ir_achievements_4hr_middle{
	border-top: 1px dotted #E9545D;
	width: 100%;
	margin: 20px 0px;
	padding: 0px;
}

/* *********************tab menu(キャリア採用ページ) ***************** */
/*
#tabmenu{
    padding:0px;
    margin:0px;
    color:#333;
    font-size: 11px;
    width:500px;
    position:relative;
}

#tabmenu div#tab{
    position: absolute;
    top:0px;
    left:0px;
}
#tabmenu div#tab a{
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100px;
    display: block;
    text-decoration:none;
    color:#333;
    background:#fff;
}
#tabmenu div#tab a:hover{
    background:#000;
    color:#fff;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

#tabmenu div#tab a:active{
	border: 1px solid black;
}

div#tab_contents{
    width:500px;
    overflow:hidden;
	clear:both;
}
div#tab_contents ul{
    width:2500px;
    padding:0px;
    margin:0px;
}
div#tab_contents ul li{
    float: left;
    width:460px;
    list-style-type:none;
    padding:60px  20px  20px 20px;
    background:#e2e2e2;
}
*/

/* キャリア採用　*/
* {margin:0px; padding:0px;}
.wrap {max-width:601px;  margin:10px auto;}
.clear {clear:both;}

ul.tabs {
	list-style:none; 
	width:603px;
}

ul.tabs li:first-child {
	border-left:1px solid #000;
}

ul.tabs li {
	float:left; 
	border-right:1px solid #000; 
	border-top:1px solid #000; 
	background-color:#fff;
	border-radius: 5px 5px 0px 0px; 
	padding-left: 61px;
	padding-right: 61px;
	padding-top: 10px;
	padding-bottom: 10px;
}

ul.tabs li.active {
	border-bottom:1px solid #fff; 
	background-color:#fff; 
	margin-bottom:-1px;
}

ul.tabs li a {
	display:block;
	padding:5px 10px; 
	color:#777; 
	letter-spacing:-1px; 
	outline:none; 
	text-decoration:none; 
	font-size: 20px;
}

ul.tabs li.active a {
	color:#000;
	font-size: 20px;
}

div.tabs_content {
	max-width:601px; 
	border:1px solid #000;
}

div.tabs_content > div {padding: 20px;}

#recruittablestyle table{
	width: 100%;
	max-width: 550px!important;
}

#recruittablestyle td{
	border: 1px solid #000;
}

#recruittablestyle td.td1{
	background-color: #f6ccd4;
	width: 120px;
	text-align: right;
	vertical-align: top;
	margin: 5px;
	font-size: 13px;
	padding: 10px;
	font-weight: bold;
}

#recruittablestyle td.td2{
	vertical-align: top;
	margin: 5px;
	padding: 10px;
	font-size: 13px;
}
/*
a.r_mouseover:hover{
	background-image:url(images/recruit/recruit_c_p.png);
	width: 600px;
}

.r_mouseover_m:hover{
	display: none!important;
}
*/

a:link.r1_mouseover{
  display:block;
  background-image:url(images/recruit/recruit_s_w.png);
  list-style:none;
  text-indent:-10000px;
}

a:hover.r1_mouseover{
  display:block;
  background-image:url(images/recruit/recruit_s_p.png);
  list-style:none;
  text-indent:-10000px;
}

a:link.r2_mouseover{
  display:block;
  background-image:url(images/recruit/recruit_c_w.png);
  list-style:none;
  text-indent:-10000px;
}

a:hover.r2_mouseover{
  display:block;
  background-image:url(images/recruit/recruit_c_p.png);
  list-style:none;
  text-indent:-10000px;
}

a:link.event_mouseover{
  display:block;
  background-image:url(images/recruit/recruit_event_w.png);
  list-style:none;
  text-indent:-10000px;
}

a:hover.event_mouseover{
  display:block;
  background-image:url(images/recruit/recruit_event_p.png);
  list-style:none;
  text-indent:-10000px;
}

/* キャリア採用 16.01.26 kimyunho　*/

#page-career2017 a { font-size: 13px; }
#page-career2017 *+p { margin-top: 2em; }
#page-career2017 .inner { margin-bottom: 4em; }


/* *************************************************** 10. contact / notice ************************************************** */

#notice-service{
	background-color: #F4B3C2;
	color: #000;
	padding: 2px 5px 2px 5px;
	width: 100px;
	border-radius: 5px;
	font-size: 10px;
}

#notice-glosnews{
	background-color: #FFBEA6;
	color: #000;
	padding: 2px 5px 2px 5px;
	width: 100px;
	border-radius: 5px;
	font-size: 10px;
}

#notice-irinfo{
	background-color: #FFBEA6;
	color: #000;
	padding: 2px 5px 2px 5px;
	width: 100px;
	border-radius: 5px;
	font-size: 10px;
}

#notice-pp{
	background-color: #A3D6CA;
	color: #000;
	padding: 2px 5px 2px 5px;
	width: 100px;
	border-radius: 5px;
	font-size: 10px;
}

.contactformtable td{
	border: 1px solid black;
}

table .contacttd1{
	background-color: #F8C6BD;
	width: 140px;
	text-align: right;
	vertical-align: top;
	padding: 10px;
	font-weight: bold;
}

table .contacttd2{
	vertical-align: top;
	margin: 5px;
	padding: 10px;
	font-size: 11px;
}

/*
.td1{
	background-color: #F8C6BD;
	padding: 10px;
	font-weight: bold;
}

.td2{
	padding: 10px;
}
*/
.m-alert{
	color: red;
	text-decoration: bold;
}

.contact_text{
	font-weight: bold;
	font-size: 14px;
	margin-left: 23px;
}

/* privacypolicy */
#pp_shead{
	font-size: 16px;
	font-weight: bold;
}

/* salon contact form */
#contactForm  input[type="checkbox"],
#contactForm  input[type="radio"]{
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
span.wpcf7-list-item:not(:last-child) label {
  width: 33%;
}
button.wpcf7-form-control.wpcf7-submit {
	font-size: 2em;
}

/* *************************************************** 11. 特集 ************************************************** */

.pv_title{
	color: #E84572;
	font-size: 20px;
	margin: 25px 0;
}

.chap1_bottom_title{
    color: #E84572;
    font-size: 20px;
    /* text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000; */
}

.chap1_bottom_list{
	font-size: 18px;
	color: black;
	text-align: center;
}

.bottom_hr1{
	border: 1px solid #CECECE;
}

.bottom_hr2{
	border: 1px dashed #CECECE;
}

.kirakira_name{
	font-size: 24px;
	color: #231815;
	margin: 25px 18px 25px 0;
}

.kirakira_position{
	font-size: 17px;
	color: #231815;
	margin: 0;
}

.kirakira_content{
	font-size: 13px;
	color: #231815;
	margin: 0;
}

/* *************************************************** 12. padding / margin / the etc. MJE リニューアル 2017.01.26 kimyunho ************************************************** */
.img_width_100 img { width: 100%; }
.collapse { width: 94% !important; }


.padding-t4 { padding-top: 4px !important; }
.margin-b0 { margin-bottom: 0 !important; }

.padding-l0 { padding-left: 0 !important; }
.padding-l5 { padding-left: 5px !important; }
.padding-l7 { padding-left: 7px !important; }
.padding-l10 { padding-left: 10px !important; }

.padding-r0 {padding-right: 0 !important; } 
.padding-r5 { padding-right: 5px !important; }
.padding-r7 {padding-right: 7px !important; } 
.padding-r10 { padding-right: 10px !important; }

.border-r1 { border-right: 1px solid #000 !important; }
.border-l1 { border-left: 1px solid #000 !important; }

.clear_both { }

.a_link_underline { text-decoration: underline !important; }

.pc_line_height2 { line-height: 2; }
.img_link_opacity a img:hover{ opacity: 0.7; }
.img_link_opacity_no_max_width a img:hover{ opacity: 0.7; }
.img_link_opacity img { max-width: 100%; height: auto; }
.caution { font-size: 12px !important; vertical-align: middle; margin-left: 10px; }

.pc_font_size16 { font-size: 16px !important; }
.pc_font_size21 { font-size: 21px !important; }

.vision-haikei-gray { padding: 4rem 0; background-color: #DCDDDD; margin-bottom: 3rem; }
.vision-haikei-gray a { text-decoration: underline !important; }

/* 大切にしていること */
#strategy table { width: 64%; margin: 0 auto; }
#strategy th { font-size: 38px; width: 22%; }
#strategy td.sub_title { font-size: 20px; }
#strategy td.content { padding-bottom: 40px; }
#strategy th, #strategy td { padding: 0px; font-weight: normal; }
#strategy th.width40per { width: 40% !important; }
.font_red { color: #B81428; }

.mission th { font-size: 26px; font-weight: normal; }
.mission th,.mission td{ padding-bottom: 30px !important;   }

.hansome th,.hansome td{ padding-bottom: 20px !important;   }

/* サービス一覧 */
.service_link_button {     
	width: 100%;
    padding: 20px 0;
    -moz-border-radius: 25px;
    -webkit-border-radius: 5px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    border: 1px solid #000;
    clear: both;
    text-align: center;
	margin-bottom: 50px;
}

.zigyou_title{
			border-top:0;
			border-right:0;
			border-left:8px solid #333333;
			border-bottom:1px solid #333333;
			padding: 0.8em 1.2em;
			margin-bottom: 1.5em;
		}
		.zigyou_title_left{
			font-size: 1.4em;
			color: #E60020;
			font-weight: bold;
			padding-right: 10px;
		}
		.zigyou_title_right{
			font-size: 1.0em;
		}
		.staffhe_link{
			height: 0;
			width: 0;
			border: 40px solid #9FA0A0;
			border-top-color: white;
		}
		.staffhe_link a:before{
			height: 0;
			width: 0;
			border: 40px solid #9FA0A0;
		}
		.staffhe_link a:after{
			height: 0;
			width: 0;
			border: 40px solid #9FA0A0;
		}
		
.business_ul li{ width: 50%; float: left; list-style: none; padding: 20px; }

/* ************************************************************************************************************** */


@media screen{
	.tag{
		color: black!important;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.container{
		max-width: none!important;
		width: 980px;
	}
}

/* ie8 */
.ie8 .container{
	max-width: none !important;
	width: 980px;
}

.ie8 .redtopline4hr{
	border-top: 2px solid #D1002A!important;
	border: 0px;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	width: 100%;
}

.ie8 .index_line_ie{
	margin-top: 14px; 
	margin-bottom: 10px;
}


@media (min-width: 1200px) {
    .chichinohi_copy {
		display: block;
		width: 100%;
		position: absolute;
		bottom: 60px;
		left: 0;
		z-index: 1000000000;
		position: absolute;
	}
	
	#chichinohi{
		margin-top: 215px;
	}
	
	.pc{display: block;}
	.sp{display: none !important;}
}

@media (min-width: 992px) and (max-width: 1199px) {
   .chichinohi_copy {
		display: block;
		width: 100%;
		position: absolute;
		bottom: 200px;
		left: 0;
		z-index: 1000000000;
		position: absolute;
	}
	
	#chichinohi{
		margin-top: 5px;
	}
	
	.pc{display: block;}
	.sp{display: none;}
	
	.flex-direction-nav { display: none !important; }
	.img_link_opacity_no_max_width { width: 99%; }
	
}

@media (min-width: 768px) and (max-width: 991px) {
    .chichinohi_copy {
		display: block;
		width: 100%;
		position: absolute;
		bottom: 180px;
		left: 0;
		z-index: 1000000000;
		position: absolute;
	}
	
	#chichinohi{
		margin-top: 0px;
	}
	
	.flex-direction-nav { display: none !important; }
	.img_link_opacity_no_max_width { width: 99%; }
	
	.pc{display: block;}
	.sp{display: none;}
}

@media (max-width: 767px){
    .chichinohi_copy {
		display: block;
		width: 100%;
		position: absolute;
		bottom: 20px;
		left: 0;
		z-index: 1000000000;
		position: absolute;
	}
	
	#chichinohi{
		margin-top: 30px;
	}
	
	.pc{display: none;}
	.sp{display: block;}
}

.chichinohi_copy_mobile{
	display: block;
	width: 100%;
	position: absolute;
	top: 530px;
	left: 0;
	z-index: 1000000000;
	position: absolute;
}

.profile_box{
	margin: 15px 8px 23px 8px;
	padding: 10px 15px;
	border-style:solid;
	border-width:4px;
	border-color:#E84572 #F19CA6 #E84572 #F19CA6;
}

.recruit_text_link a{
	font-size: 18px;
	color: black;
	margin: 25px 0px;
}

.blog_list2{
	border: 1px solid black;
	padding: 0px;
	margin: 10px 0;
}

/* ************************************　見出しデザイン　************************************ */
.takeshun{
    border-top:3px solid #BCBCBC!important;
    border-right:0px dashed #ccc!important; 
    border-left:0px solid #BCBCBC!important;   
    border-bottom:3px solid #BCBCBC!important;  
    padding:2.3em .8em 1.9em .8em!important; 
	font-size: 1.5em;
	font-weight: bold;
}
.mitsuda{
    border-top:0px dashed #ccc;
    border-right:0px dashed #ccc; 
    border-left:10px solid #BCBCBC;   
    border-bottom:3px solid #BCBCBC;
    padding:.6em .8em;
	font-size: 1.5em;
	font-weight: bold;
}
.morimoto{
	border-top:0px solid #BCBCBC!important;
    border-right:0px dashed #ccc!important; 
    border-left:15px solid #BCBCBC!important;   
    border-bottom:0px solid #BCBCBC!important;  
    padding:1.3em .8em 1.0em .8em!important; 
	font-size: 1.5em;
	font-weight: bold;
}
.haikei{
    background: #eaeaea;
    border-top:0px dashed #ccc!important;
    border-right:0px dashed #ccc!important; 
    border-left:0px solid #BCBCBC!important;   
    border-bottom:0px solid #BCBCBC!important; 
    padding:2.5em 1.5em 2.5em 1.5em!important;
	font-size: 1.0em;
}
/* ************************************************************************************ */




/* ****************************************** リニューアル ****************************************** */

.page_title_box{
	font-family: "HiraKakuPro-W3","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, sans-serif;
	padding: 0;
	margin: 0 0 12px 0;
	border-bottom: 5px solid #333333;
	color: #333333; 
	font-size: 26px;
}

.top_title_box{
	font-family: "HiraKakuPro-W3","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, sans-serif;
	padding: 0 0 5px 0;
	margin: 0 0 12px 0;
	border-bottom: 5px solid #333333;
	color: #333333;
	font-size: 20px;
}

.sidebar_title_yazirushi{
	position: relative;
	display: inline-block;
	padding: 0px 0 2px 25px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 12px;
	margin: 3px 0;
}

.sidebar_title_yazirushi::before,
.sidebar_title_yazirushi::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.sidebar_title_yazirushi::before{
	width: 18px;
	height: 5px;
	background: #727171;
}

/* 基本box style */
.content_box_renew{
	background-color: white;
	border: 1px solid #3E3A39;
	border-radius: 0px;
	/*box-shadow: 0px 0px 6px rgba(89, 89, 89, 0.90);
    -moz-box-shadow: 0px 0px 6px rgba(89, 89, 89, 0.90);
    -webkit-box-shadow: 0px 0px 6px rgba(89, 89, 89, 0.90);*/
	width: 100%;
}

.menuline4hr_renew{
	border-top: 1px solid #3E3A39!important;
	border: 0px;
	margin: 0px!important;
	width: 100%;
}

/*　三角やじるし　*/
.arrowFR_gray{
	position:relative;
	top:0;
	left:0;
	padding-left:15px;
}
.arrowFR_gray:before{
	content: "";
	position: absolute;
	top: 4px;
	left: 3px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 7px solid #3E3A39;
}

/* sidebar td 全体リンク　*/
a.s-table-re { 
	display: block; 
	width: 100%; 
	border-bottom: 1px dotted black;
	font-size: 11px;
	color: black;
	padding: 8px;
}

a.s-table-re:hover { 
	background-color: #EFEFEF; 
	color: black;
}

/* 最後メニュー　*/
a.s-table-e-re { 
	display: block; 
	width: 100%; 
	font-size: 11px;
	color: black;
	padding: 8px;
}

a.s-table-e-re:hover { 
	background-color: #EFEFEF; 
	color: black;
}

.hr_gray_smailline{
	border-top: 5px solid #3E3A39!important;
	border: 0px;
	margin: 0px!important;
	width: 100%;
}

.ribbon{
	padding: 0 15px;
	margin: 10px 0 25px 0;
}
.ribbon1{
	border-color: #EFEFEF;
	border-width: 20px;
	border-style: solid;
}
.ribbon2{
	border-width: 20px;
	border-style: solid;
	border-color: #727171 #727171 #727171 transparent;
	background-color: #EFEFEF;
}
.ribbon3{
	background-color: #727171;
	font-size: 16px;
	color: white;
	padding: 10px;
	height: 40px;
}

/* ★★★★★★★★★★　film_roll_slider の変更　*/

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★　*/
/* 150929 */
.midashi_title_yazirushi{
	position: relative;
	display: inline-block;
	padding: 0px 0px 4px 0px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	font-weight : bold;
}

#abouglos_stc_r{
	padding-right: 10px;
	padding-top: 0px; /* 150929 修正　　3-＞0　で*/
}

.honbun_grayline{
	border-top: 5px solid #3E3A39!important;
	border: 0px;
	margin: 15px 0 12px 0!important;
	width: 100%;
}

.s_title_grayyazirushi{
	position: relative;
	display: inline-block;
	padding: 0px 0px 0px 23px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 18px;
	font-weight : bold;
	margin-bottom:10px;
}

.s_title_grayyazirushi::before,
.s_title_grayyazirushi::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.s_title_grayyazirushi::before{
	width: 18px;
	height: 5px;
	background: #727171;
}

/* ****************************************** リニューアル end ****************************************** */

/* 2016.08.25 kimyunho AJ press release */

.haikei-red { background-color: #FADBDA; padding: 0; }
.haikei-gray { background-color: #DCDDDD; margin-top: 1rem; }
.haikei-red th,.haikei-gray th { width: 32%; padding-left: 2rem; }
.haikei-red td,.haikei-gray td { padding: 1.4rem; }
.aj-title {
    border-top: 0px;
    border-right: 0px;
    border-left: 10px solid #D1002A;
    border-bottom: 3px solid #D1002A;
    padding:.6em .8em;
	font-size: 1.5em;
	font-weight: bold;
}


.balloon-2-top1 a{
	color: white;
	position: relative;
	display: inline-block;
	padding: 16px 0px;
	width: 100%;
	max-height: 200px;
	background: #9FA0A0;
	font-size: 12px;
	z-index: 0;
	text-align: center;
}
.balloon-2-top1 a:hover{
	background: #9FA0A0;
	opacity: 0.7;
	filter: alpha(opacity=70); 
}
.balloon-2-top1:after {
	content: "";
	position: absolute;
	top: -10px; 
	left: 46%;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 22px 36px 0 36px;
	border-color: #fff transparent transparent transparent;
	z-index: 0;
}

.balloon-2-top2{
	color: white;
	position: relative;
	display: inline-block;
	padding: 16px 55px;
	width: auto;
	max-width: 400px;
	margin: 0px 5px;
	max-height: 200px;
	background: #9FA0A0;
	font-size: 12px;
	z-index: 0;
}

 .balloon-2-top2:hover {
	background: #9FA0A0;
	opacity: 0.7;
	filter: alpha(opacity=70); 
}

.balloon-2-top2:after {
	content: "";
	position: absolute;
	top: -10px; 
	left: 40%;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 22px 36px 0 36px;
	border-color: #fff transparent transparent transparent;
	z-index: 0;
}

.balloon-2-top3{
	color: white;
	position: relative;
	display: inline-block;
	padding: 16px 23px;
	margin: 0px 5px;
	width: auto;
	max-width: 240px;
	max-height: 200px;
	background: #9FA0A0;
	font-size: 12px;
	z-index: 0;
}
a.balloon-2-top3{
	color: white;
	position: relative;
	display: inline-block;
	padding: 16px 23px;
	margin: 0px 5px;
	width: auto;
	max-width: 240px;
	max-height: 200px;
	background: #9FA0A0;
	font-size: 12px;
	z-index: 0;
}

.balloon-2-top3:hover  {
	background: #9FA0A0;
	opacity: 0.7;
	filter: alpha(opacity=70); 
}
.balloon-2-top3:after {
	content: "";
	position: absolute;
	top: -10px; 
	left: 35%;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 22px 36px 0 36px;
	border-color: #fff transparent transparent transparent;
	z-index: 0;
}