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

html {
	position: relative;
	min-height: 100%;
	height: 100%;
}

body {
	font-size: 14px;
	height: 100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: relative;
}

img {
	max-width: 100%;
	vertical-align: bottom !important;
}


a {
	text-decoration: none;
	/*eb7421: #af0303;*/
}

a:hover{
	text-decoration: none;
}


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

h1, h2, h3 ,h4{
	margin: 0;
	padding: 0;
}


@media screen and (max-width: 767px) {
	h2.leaf{
		background-color: #eb7421;
		color: #fff;
		font-size: 14px;
		padding: 11px 0 12px 9px;
		font-weight: bold;
		margin-bottom: 20px;
	}
	
	h2.leaf .img{
		line-height: 16px;
	}
	
	h2.leaf .sub{
		font-size: 10px;
		color: #c9bc9c;
		vertical-align: bottom;
		line-height: 13px;
	}
}

@media screen and (min-width: 768px) {
	h2.leaf{
		font-size: 22px;
		color: #eb7421;
		line-height: 26px;
		text-align:center;
		max-width: 1000px;
		margin: 0 auto;
		font-weight: 700;
		margin-top: 50px;
	}
	
	h2.leaf .sub{
	font-size: 14px;
	color: #c9bc9c;
	font-weight: 700;
	display: block;
	margin-left:10px;
	margin-top: -5px;
	margin-bottom: 30px;
	}
}

ul, li, dl, dt, dd{
	margin: 0;
	padding: 0;
	font-weight:normal;
}

ul{
	list-style: none;
}

ol{
	margin: 0 -1em;
}

.mt0{margin-top: 0;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}

.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb1em{margin-bottom: 1em;}

.wd100{width: 100%;}

.txt_red{color: #d20000;}
.txt_bold{font-weight:bold;}
.txt_center{text-align:center;}

.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font24{font-size: 24px;}


.fa_right{
	float:right;
}

.fa_right:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.fa_left{
	float:left;
	padding-right: 6px;
}

.fa_left:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

@media screen and (max-width: 767px) {
	.common_sp_box{
		margin: 0 8px;
	}
}

@media screen and (min-width: 768px) {
	.wrapper{
		position: 			relative;
		min-height:			100%;
		margin:				0 auto;
		width:				100%;
	}
	
	/*
	.contents{
		max-width: 1000px;
		margin: 0 auto;
	}
	*/
}


/*header ****************************/
@media screen and (max-width: 767px) {
	.header_inner:after{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	.header_left{
		float: left;
		width: 38.4375%;
		max-width: 230px;
		margin-left: 6px;
	}
	
	.header_right{
		float: right;
		width: 12.5%;
		max-width: 80px;
	}	
}

@media screen and (min-width: 768px) {
	.header_inner{
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 10px;
	}
	
	.header_inner:after{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	.header_left{
		float: left;
	}
	
	.header_right{
		position: relative;
		float: right;
		top: 42px;
	}
	
	.header_right p.sitemap{
		float: left;
	}
	
	.header_right p.en{
		margin-left: 7px;
		float: right;
	}	
}


/*g_menu ****************************/
@media screen and (max-width: 767px) {
	.slidemenu{
		position: fixed;
		top: 0;
		z-index: 1;
		right: -250px;
		width: 250px;
		background-color:#eb7421;
		/*text-align: center;*/
		/*
		background: url(../images/slidemenu_bg.jpg) no-repeat;
		background-size: 100% 100%;
		*/
		/*height: 400px;*/
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	.slidemenu p{
		margin:0;
	}
	
	.shade{
		position: fixed;
		top: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
		cursor: pointer;
		background-color: #333;
		background-color: rgba(0,0,0,.7);
	}
	
	.slidemenu_close{
		text-align: right;
		padding-right: 10px;
		/*margin: 12px 0 12px;*/
		color: #fff;
	}
	
	.slidemenu_close p{
		margin: 0;
		font-size: 11px;
	}
	
	.slidemenu_close a{
		color: #fff;
		display: inline-block;
		padding: 12px 0;
	}
	
	.slidemenu_close .top img{
		display: inline;
		width: 17px;
		margin-right: 6px;
		vertical-align: middle;
	}
	
	.slidemenu_contents ul li{
	border-bottom: 1px solid #fff;
	color: #fff;
	/*font-weight: bold;*/
	}
	
	.slidemenu_contents ul li:first-child{
	border-top: 1px solid #fff;
	/*font-weight: bold;*/
	}

	.slidemenu_contents ul li a{
		color: #fff;
		display:block;
		padding: 15px 12px;
	}
	
}

@media screen and (min-width: 768px) {
	nav.g_menu{
		width: 100%;
		height: 60px;
		background-color: #eb7421;
		margin-bottom: 13px;
	}
	
	nav.g_menu ul.g_menu_inner{
		max-width: 1000px;
		height: 60px;
		margin: 0 auto;
		background-color: #eb7421;
		padding: 0 10px;
	}
	
	nav.g_menu ul.g_menu_inner li{
		background-color: #eb7421;
		float: left;
		/*padding: 0 33px 0 46px;*/
		font-size: 16px;
		color: #fff;
		line-height: 60px;
		height: 60px;
	}
	
	nav.g_menu ul.g_menu_inner li.g_menu01{
		background: url(../images/g_menu_icon01.gif) no-repeat left 15px center;
	}
	
	nav.g_menu ul.g_menu_inner li.g_menu02{
		background: url(../images/g_menu_icon02.gif) no-repeat left 15px center;
	}
	
	nav.g_menu ul.g_menu_inner li.g_menu03{
		background: url(../images/g_menu_icon03.gif) no-repeat left 15px center;
	}
	
	nav.g_menu ul.g_menu_inner li.g_menu04{
		background: url(../images/g_menu_icon04.gif) no-repeat left 15px center;
	}

	nav.g_menu ul.g_menu_inner li.g_menu05{
		background: url(../images/g_menu_icon05.gif) no-repeat left 15px center;
	}
	nav.g_menu ul.g_menu_inner li a{
		color: #fff;
		display: block;
		padding: 0 33px 0 46px;
		text-decoration: none;
	}
	
	nav.g_menu ul.g_menu_inner li a:hover{
		color: #ffe0c4;
	}
	
	nav.g_menu ul.g_menu_inner li:first-child{
	}

}

/*main ****************************/
@media screen and (max-width: 767px) {
	main{
		margin-bottom: 50px;
	}
}

@media screen and (min-width: 768px) {
	main{
		max-width: 1000px;
		margin: 0 auto;
		margin-bottom: 50px;
		padding: 0 10px;
	}
	
	.container{
		max-width: 1000px;
		padding: 0;
	}
}


/*main_img ****************************/
@media screen and (max-width: 767px) {
	.main_img{
		margin-bottom: 7px;
	}
}

@media screen and (min-width: 768px) {
	.main_img{
		margin: 0 auto;
		max-width: 1000px;
	}
}

/*news ****************************/
@media screen and (max-width: 767px) {
	ul.news{
		margin-bottom: 15px;
	}
	
	ul.news li{
		border-bottom: 1px dotted #a6a6a6;
		background-color: #f9f5eb;
		padding: 12px 8px;
	}
	
	ul.news dl:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	ul.news dt.date{
		font-size: 11px;
		color: #666;
		margin-bottom: 2px;
	}
	
	ul.news dd.tag{
		color: #eb7421;
		font-size: 10px;
		float: left;
		/*width: 73px;*/
		line-height: 11px;
		margin-right: 17px;		
	}
	
	ul.news dd.tag .tag_wrap{
		border: 1px solid #eb7421;
		padding: 3px 15px 3px;
		border-radius: 2px;
		display: inline-block;
	}
	
	ul.news dd.content{
		text-decoration: underline;
		color: #4f4e4f;
		position: relative;
		top: -18px;
		/*margin-top: -18px;
		/*padding-left: 90px;*/
	}
	ul.news dd.content p{
		overflow: auto;
		margin: 0;
	}
}

@media screen and (min-width: 768px) {
	ul.news{
		background-color: #f9f5eb;
		padding:0px 20px 28px;
		margin-bottom: 53px;
	}
	
	ul.news li{
		max-width: 1000px;
		margin: 0 auto;
		border-bottom: 1px dotted #a6a6a6;
		padding: 26px 22px;
	}
	

	ul.news dt.date{
		color: #666;
		float: left;
		margin-right: 35px;
	}
	
	ul.news dd.tag{
		color: #fff;
		font-size: 12px;
		float: left;
		line-height: 12px;
		margin-right: 35px;		
	}
	
	ul.news dd.tag .tag_wrap{
		background-color: #eb7421;
		padding: 6px 25px;
		border-radius: 5px;
		display: inline-block;
	}
	
	ul.news dd.content{
		text-decoration: underline;
		color: #4f4e4f;
	}
	
	ul.news dd.content p{
		overflow: auto;
		margin: 0;
	}
}


/*footer****************************/
@media screen and (max-width: 767px) {
	footer {
		background-color: #eb7421;
		padding: 10px 0 15px;
	}
	
	footer .copyright p{
		margin:0;
		color: #fff;
		font-size: 10px;
		text-align: center;
	}
	
	footer .footer_logo{
		width: 87px;
		margin: 0 auto 15px;
	}
	
	footer .footer_menu{
		margin: 0 14px 10px 14px;
	}
	
	footer .footer_menu ul li{
		float: left;
		font-size: 12px;
		padding: 0 0 0 10px;
		margin-bottom: 10px;
	}
	
	footer .footer_menu ul li a{
		color: #fff;
		text-decoration: none;
	}
	
	footer .footer_menu ul li:after {
		padding-left: 10px;
		content: "｜";
		color: #fff;
	}
}

@media screen and (min-width: 768px) {
	footer {
		background-color: #eb7421;
		padding: 40px 0 64px;
	}
	
	footer .footer_logo{
		width: 134px;
		margin: 0 auto 28px;
	}
	
	footer .footer_menu{
		position: relative;
		overflow:hidden;
		margin-bottom: 30px;
	}
	
	footer .footer_menu ul{
		position: relative;
		left: 50%;
		float: left;
	}
	
	footer .footer_menu ul li{
		position: relative;
		float: left;
		padding-right: 25px;
		margin-bottom: 10px;
		left: -50%;
	}
	
	footer .footer_menu ul li:last-child{
		padding-right: 0;
	}
	
	footer .footer_menu ul li a{
		color: #fff;
		text-decoration: none;
	}
	
	footer .footer_menu ul li a:hover{
		color: #ffe0c4;
	}
	
	footer .copyright:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	footer .copyright p{
		margin:0;
		color: #fff;
		text-align: center;
		font-size: 12px;
	}
}


/*ページTOPへ（）****************************/
#pageTop{
	width: 11.56%;
	max-width: 74px;
	position:			fixed;
	bottom:				53px;
	right:				4px;
}

#pageTop img{
	width: 100%;
}

#pageTop:hover{
}

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

/*3タブ用****************************/
.common_three_menu{
	margin-top: 30px;
	margin-bottom: 36px;
	padding: 0 8px;
}

.common_three_menu ul{
}

.common_three_menu li{
	float: left;
	width: 33%;
	text-align: center;
	/*border: 1px solid #fff;*/
	font-size: 12px;
	font-weight: bold;
	background-color: #eee6e2;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #fff;
	box-shadow: 0 1px #cbb5aa;
		-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;

}

.common_three_menu li a{
	color: #c2151b;
	display: block;
}

.common_three_menu li:nth-child(2){
	width: 33%;
	/*
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	*/
	margin: 0 1px;
}

.common_three_menu li.active{
	color: #000;
	background-color: #fff;
	border-top: 3px solid #c2151b;
	line-height: 38px !important;
	border-bottom: 0 !important;
	box-shadow:none;
}

/*business（事業内容） ****************************/
.business_box li{
	margin-bottom: 30px;
}

.business_box li:last-child{
	margin-bottom: 0;
}

.business_box dt{
	font-weight: bold;
	font-size: 16px;
	padding-bottom:10px;
}

/*corporate（会社概要） ****************************/
.corporate_box dt{
	font-weight: bold;
	padding-bottom:5px;
}
.corporate_box dd{
	border-bottom:1px dotted #ddd;
	margin-bottom:10px;
}

/*privacy（プライバシーポリシー） ****************************/
.privacy_box{
}

.privacy_box dt{
	font-weight: bold;
}

.privacy_box ul.privacy li{
	margin-bottom: 20px;
}
/*recruit（求人） ****************************/
.recruit_subtitle{
	background:#ff7919;
	color:#fff;
	padding:10px;
	font-size:18px;
	font-weight: bold;
	margin-bottom:10px;
	margin-top:20px;
}
.recruit_modashi{
	color:#ff7919;
}
.recruit_box dt{
	font-weight: bold;
	padding-bottom:5px;
}
.recruit_box dd{
}
.midashi_sub{border:1px solid #ff7919;padding:10px;color:#ff7919;margin-bottom:10px;}
.midashi_kasen{border-bottom:1px solid #ff7919;padding:10px 10px 0px 0px;color:#ff7919;margin-bottom:10px;}

.recruit_btn{
	text-align: center;
}

.recruit_btn a{
	padding: 10px 20px;
	font-size: 20px;
}

/*占い師求人（bootstrap） ****************************/
.page-header{
	margin-top: 0px;
}

h3.page-header{
	font-size: 20px;
}