@charset 'utf-8';

/*html*/

html {
	overflow: auto;
	width: 100%;
}
/*body*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", Lucida Grande, Hiragino Kaku Gothic Pro, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	line-height: 20px;
	overflow: hidden;
	min-width: 320px;
	color: #111;
	display: none;
}

.concept, body {
	background: url(../images/common/content_bg.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

#Container {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#Container a, #Container img {
	vertical-align: middle;
}
/*header*/

header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	padding: 50px 0 20px;
	background: #fff;
	-webkit-transition: .3s;
	transition: .3s;
	background: url(../images/common/content_bg.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	z-index: 9999;
}

h1 {
	font-size: 100%;
	color: #fff;
	padding: 0 0 0;
}
header h1 {
	color: #fff;
	-webkit-transition: .3s;
	transition: .3s;
}
.is-animation {
	padding: 0;
}

.is-animation .Logo {
	margin-bottom: 10px;
}

.is-animation .Logo img {
	max-width: 300px;
}

.is-animation .header-pc-navi-ul li a {
	padding: 5px 0;
}

#Header .col-lg-10 {
	float: none;
	margin:0 auto;
}
.Logo {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}
.Logo a {
	display: inline-block;
}
.Logo img, .flogo img {
	max-width: 500px;
}

.top-contact {
	position: absolute;
	top: 20px;
	right: 0;
	display: inline-block;
	color: #fff;
	padding: 8px 18px;
	background: rgba(0,0,0,0.7);
	font-weight: bold;
	font-size: 117%;
	letter-spacing: 2px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.top-contact:hover {
	color: #111;
	background: rgba(255,255,255,0.8);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
/*navbar*/

/* pc navigation */


.header-pc-navi {
	padding-top: 10px;
}
.header-pc-navi-ul {
	font-size: 14px;
	text-align: center;
	display: table;
	table-layout: fixed;
	float: right;
}
.header-pc-navi-ul li {
	display: table-cell;
	position: relative;
	width: 1%;
}

.header-pc-navi-ul li a {
	color: #111;
	text-decoration: none;
	padding: 0 0;
	font-weight: bold;
	display: block;
	background: none;
	padding: 15px 0;
	letter-spacing: 1px;
}
.header-pc-navi-ul li a.active,
.header-pc-navi-ul li a:hover {
	/*background: rgba(255,255,255,0.4);*/
	background: url(../images/common/donuts.png) no-repeat;
	background-size: 25%;
	background-position: right;
}
/* pc sub menu */
.sub-Header {
	padding-bottom: 0;
}
.sub-navi {
	background: #fff7eb;
	padding: 10px 0;
	margin-top: 5px;
}
.sub-navi-box {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.header-pc-navi-ul li.sub-active::after {
	content: "";
	position: absolute;
	bottom: -15px;
	width: 0;
  height: 0;
	border-top: 20px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 20px solid #fff7eb;
	border-left: 10px solid transparent;
}
.sub-navi-ttl {
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
.sub-navi-ttl a {
	color: #111;
}
.sub-navi-box-line {
	border-right: 1px solid #111;
}
.sub-navi-box ul li {
	float: left;
}
.sub-navi-box ul li.sub-navi01 {
	float: left;
	width: 50%;
}
.sub-navi-box ul li a {
	display: block;
	color: #111;
	font-size: 12px;
	padding: 5px 0 0;
}

/* Content */

#Content {
	position: relative;
}

/*footer*/
footer {
	position: relative;
	text-align: center;
	border-top: 1px solid #111;
	padding-bottom: 30px;
	background: url(../images/common/content_bg.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.flogo {
	margin: 40px 0;
}
#Footer-nav {
	padding: 30px 0;
}
#Footer-nav ul li {
  color: #333;
  display: inline-block;
}
#Footer-nav ul li a {
  color: #111;
  padding: 0 30px;
  font-size: 117%;
	font-weight: bold;
  display: block;
}
#Footer-nav ul li a:hover {
	text-decoration: underline;
}
#Copyright {
	color: #111;
	padding: 10px 0;
}
/*/////PAGETOP/////*/
#Pagetop {
	position: fixed;
	bottom: 40px;
	right: 10px;
	z-index: 99;
}
#Pagetop a {
	width: 55px;
	height: 55px;
	overflow: hidden;
	background: url(../images/common/pagetop.png) top center no-repeat;
	background-size: 100% auto;
	display: block;
}
/*module*/

a {
	-webkit-transition: none;
	transition: none;
}
a:hover {
	text-decoration: none;
}
.img-res {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

.ttl-headline {
	color: #7c7976;
	font-size:233%;
	text-align: center;
	padding-bottom: 50px;
	font-family: 'Merriweather', serif;
	letter-spacing: 3px;
}

/* 下層 */
.sub-content {
	margin-top: 315px;
}
.sub-concept {
    padding: 80px 0;
}
.ps-0 {
	padding-left: 0;
	padding-right: 0;
}

.preparation {
	margin-top: 60px;
}

.preparation h2 {
	text-align: center;
}

@media (min-width: 1200px) {
}
@media (min-width: 992px) {
	.sub-navi-box {
		width: 970px;
	}
	.preparation {
		margin-bottom: 80px;
	}
}
@media (min-width: 768px) {
}

@media  (max-width: 1000px) {

}



/*media query（768以下）*/

@media screen and (max-width: 991px) {
	.logo-box {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.concept, body {
		background: url(../images/common/content_bg_sp02.jpg) repeat;
		background-size: initial;
		background-attachment: initial;
	}
	header {
		padding-top: 10px;
		padding-bottom: 0;
		background: url(../images/common/content_bg_sp02.jpg) repeat;
		background-size: auto;
		background-attachment: initial;
	}
	.Logo {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.flogo img {
		max-width: 400px;
	}
	.Logo img {
		max-width: 360px;
	}
	.sp-logo-header {
		position: relative;
	}
	.home-icon {
		position: absolute;
		top: -5px;
		right: 20px;
	}
	.home-icon a {
		display: inline-block;
		text-align: center;
		-webkit-transition: all ease 0.4s;
		transition: all ease 0.4s;
	}
	.home-icon a:hover {
		-webkit-transition: all ease 0.4s;
		transition: all ease 0.4s;
	}
	.home-icon a span {
		color: #1a110d;
		font-size: 12px;
		font-weight: bold;
	}
	.home-icon img {
		max-width: 35px!important;
	}
	.is-animation .Logo .home-icon span {
		display: none;
	}
	.header-sp-navi {
		position: relative;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
		        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
		overflow-x: visible;
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-collapse .collapse {
		display: none;
	}
	.navbar-toggle {
		display: block;
		border-radius: 50%;
		float: right;
		margin: 0;
		padding: 0;
		position: relative;
		text-align: center;
		display: inline-block;
		width:40px;
		height:35px;
		margin-left:10px;
	}
	.icon-menu {
		color: #000;
		display: block;
		font-size: 134%;
		font-weight: bold;
	}
	.icon-menu .fa {
		padding-left: 15px;
	}
	.navbar-collapse {
	width: 100%;
	max-height: 300px;
	}
	#Main-collapse {
		border-top: none;
	}
	.navbar-collapse.collapse {
		display: none !important;
		height: auto !important;
		overflow: visible !important;
		padding-bottom: 0;
	}
	.header-sp-navi-ul {
	font-size: 14px;
	text-align: center;
	width: 100%;
	display: table;
	table-layout: fixed;
	border-bottom: 1px solid #111;
	}
	.br {
		border-right: 1px solid #111;
	}
	.bl {
		border-left: 1px solid #111;
	}
	.w-100 {
		width: 100%;
	}
	.header-sp-navi-ul li {
	list-style: none;
	border-top: 1px solid #111;
	}
	.header-sp-navi-ul li a {
	color: #000;
	font-size: 12px;
	text-decoration: none;
	padding: 6px 0;
	display: block;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
	.header-sp-navi-ul li a.active,
	.header-sp-navi-ul li a:hover {
		background: rgba(255,255,255,0.4);
		color:#111;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

.navbar-toggle .icon-bar {
	width:28px;
	background: #000;
	-webkit-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
	-ms-transform: all 0.2s ease-in 0s;
	-moz-transform: all 0.2s ease-in 0s;
	-webkit-transform: all 0.2s ease-in 0s;
	position: relative;
	height: 3px;
	left: 0;
	top: 0;
	font-weight: bold;
	margin:0 auto;
}
.navbar-toggle .icon-bar + .icon-bar {
	top: 1px;
}
.navbar-toggle .icon-bar + .icon-bar + .icon-bar {
	top:2px;
}
.active .icon-bar {
	transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	top: 0;
	font-weight: bold;
}
.active .icon-bar + .icon-bar {
	display: none;
}
.active .icon-bar + .icon-bar + .icon-bar {
	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	display: block;
	top: -3px;
	margin-top:0;
}
.sp-sub-close {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	padding: 5px!important;
}
.sp-sub-close .fa {
	margin-right: 5px;
}
.sub-menu {
	border-bottom: 1px solid #111;
}
.sub-menu li {
	border-bottom: 1px dashed #555;
	padding: 3px 5px;
}
.sub-menu li:last-child {
	border-bottom: none;
}
.sub-menu li:nth-child(15) {
	border-bottom: none;
}
.sub-menu li a {
	font-weight: normal;
	color: #111;
	width: 100%;
	display: inline-block;
}
.sub-menu li a .fa {
	margin-right: 2px;
}

.sub-menu .sub-shop-list-box {
	border-bottom: 1px dashed #555;
}
.sub-menu .sub-shop-list-box:last-child {
	border-bottom: none;
}
.sub-menu div a {
	font-weight: normal;
	color: #111;
	width: 100%;
	display: inline-block;
	padding: 3px 4px;
}
.sub-menu div a .fa {
	margin-right: 2px;
}
.hgroup-menu {
	text-align: right;
}
.tel-sp {
	display: inline-block;
}
.tel-sp .fa {
	font-size: 217%;
	color: #000;
	border-radius: 50%;
	padding: 5px 8px;
}
.sub-content {
	margin-top: 144px;
	padding-top: 40px;
}
footer {
	background: none;
}
#Footer-nav {
	display: none;
}
}

@media screen and (min-width : 768px) {
	.navbar-collapse.in {
		overflow-y: auto!important;
	}
}

@media screen and (max-width : 767px) {
/* Content */


	#Footer-nav ul li  {
		width: 24%;
		padding-bottom: 15px;
	}
	#Footer-nav ul li a {
		padding: 0;
		text-align: center;
	}
	.head-visual {
		font-size:80%;
		padding: 120px 0;
	}

}

@media screen and (max-width : 479px) {
	.logo-box img {
		max-width: 200px;
	}
	.sp-logo-box {
		padding-top: 15px;
	}
	.home-icon-box img {
		max-width: 30px;
	}
	.home-icon-box a span {
		font-size: 10px;
	}
	.logo-box {
		margin-top: 5px;
	}
	header {
		padding: 10px 0 0;
	}
	.Logo {
		margin-top: 5px;
		margin-top: 10px;
		text-align: left;
	}
	.flogo img {
		max-width: 280px;
	}
	#Footer-nav ul li a {
		font-size: 87%;
	}
	.sub-content {
		margin-top: 124px;
		padding-top: 40px;
	}
	.Logo img {
		max-width: 200px;
	}
	.home-icon {
		top: -10px;
		right: 15px;
	}
	.home-icon img {
		max-width: 30px!important;
	}
	.home-icon a span {
		font-size: 10px;
	}
	.is-animation .Logo img {
		max-width: 200px!important;
	}
	.is-animation .home-icon img {
		max-width: 30px!important;
	}
	.is-animation .home-icon {
		padding-top: 5px;
		-webkit-transition: all ease 0.4s;
		transition: all ease 0.4s;
	}
}

@media screen and (max-width : 359px) {
	#Footer-nav ul li  {
		width: 23%;
		padding-bottom: 15px;
	}
	#Copyright {
		font-size: 92%;
	}
}


/* 商品情報 */
.menu-concept {
	padding: 40px 0;
}
.menu-concept:last-child {
	padding-bottom: 80px;
}
.sub-navi02 {
	float: left;
	width: 33.333%;
}
.menu-box-inner {
	border-bottom: 1px solid #111;
	margin-bottom: 5px;
}
.menu-box {
	border-bottom: 4px solid #111;
}
.menu-img-box img {
	margin: 0 auto;
}
.menu-name-box {
	margin: auto;
	padding: 10px 0;
}
.menu-name,.menu-name02  {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #1D110F;
	text-align: center;
}
.menu-img-box {
	margin-bottom: 40px;
}
.menu-left {
	padding-right: 0;
	padding-left: 0;
}
.menu-right {
	padding: 20px 15px;
}
.concept-left {
	background: #fff7eb;
	padding: 40px 20px;
}
.concept-right {
	min-height: 400px;
}
.concept-img1 {
	background: url(../images/menu/concept_bg01.jpg) no-repeat;
	background-size: cover;
}
.concept-img2 {
	background: url(../images/menu/concept_bg02.jpg) no-repeat;
	background-size: cover;
}
.concept-img3 {
	background: url(../images/menu/concept_bg03.jpg) no-repeat;
	background-size: cover;
}
.concept-left h3 {
	font-size: 200%;
	letter-spacing: 1px;
	margin-bottom: 20px;
	line-height: 32px;
}
.concept-left p {
	font-size: 117%;
	line-height: 24px;
}
.concept-left h3 span {
	font-size: 200%;
	font-family: 'Merriweather', serif;
	font-weight: lighter;
	font-style: italic;
}

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

@media screen and (min-width: 1200px) {
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
}

@media screen and (max-width: 991px) and (min-width: 769px) {
}

@media screen and (min-width: 992px) {

}

@media screen and (min-width: 768px) {
	.concept-left {
		min-height: 400px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
}

@media screen and (max-width: 991px) {
	#Concept .company-info-box h2 {
		font-size: 170%;
	}
	.concept-left h3 {
		font-size: 150%;
	}
}

@media screen and (max-width: 767px) {
	.menu-box {
		margin-left: 0;
		margin-right: 0;
	}
	.menu-name-box {
	}
	.menu-box .company-info-box h2 span, #Concept .company-info-box h2 span {
		display: block;
		margin-left: 0;
		margin-top: 10px;
	}
	.concept-right {
		min-height: 350px;
	}
}

@media screen and (max-width:479px) {
	.menu-name-box {
		padding-top: 5px;
	}
	.menu-name,.menu-name02  {
		font-size: 12px;
		text-align: left;
	}
	.menu-img-box {
		padding-left: 5px;
		padding-right: 5
	}
	.menu-img-box {
		margin-bottom: 20px;
	}
	#Concept .company-info-box h2 {
		font-size: 130%;
	}
}


/* 店舗紹介 */
.shop-content {
	margin-top: 346px;
}
.shop-box {
	width: 100%;
	background: #fff7eb;
	padding: 30px;
	border-radius: 10px;
}
.shop-outer {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 80px;
}
.shop-box h2 {
	color: #1a110d;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}
.shop-box h2 .pref {
	display: inline-block;
	background: #1a110d;
	color: #fff;
	font-weight: normal;
	padding: 4px 20px;
	letter-spacing: 2px;
	margin-right: 10px;
}
.sub-navi-box-child .fa {
	margin-right: 5px;
}
.sub-navi-box-shop .sub-navi-ttl {
	font-weight: normal;
	background: #1a110d;
	color: #fff;
	padding: 2px 4px;
	margin-bottom: 0;
}
.sub-navi-box-shop .sub-navi-ttl:first-child {
	margin-top: 0;
}
.sub-navi-box-shop .sub-navi-ttl .fa {
	margin-right: 5px;
}
.sub-navi-box-shop .sub-navi-ttl a {
	color: #fff;
	display: inline-block;
	width: 100%;
}
.sub-navi-box-shop .sub-navi-ttl a:hover,.sub-navi-box-shop .sub-navi-ttl a:active,.sub-navi-box-shop .sub-navi-ttl a:visited {
	color: #fff;
	text-decoration: none;
}
.sub-navi-box-shop ul {
	padding: 0 5px;
	background: #fff7eb;
}
.sub-navi-box-shop ul li a {
	padding: 5px 0 0;
}
.shop-box .company-info {
	margin-top: 10px;
}
.shop-box .company-info dl dt {
	font-weight: bold;
	padding: 5px 0;
}
.shop-box .company-info dl dd {
	padding: 5px 0;
}
.info-txt {
	font-size: 14px;
	line-height: 22px;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	padding: 10px 0;
	margin-top: 10px;
}
.shop-map {
	margin-top: 30px;
	border-top: 2px solid #111;
}
.shop-map iframe {
	border: 1px solid #111!important;
}
.shop-map h3 {
	font-family: 'Merriweather', serif;
	text-align: center;
	font-size: 200%;
	letter-spacing: 2px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.shop-map p {
	font-size: 14px;
	line-height: 22px;
	margin-top: 10px;
}
.shop-map p a {
	color: #111;
	text-decoration: underline;
}
.shop-map p a:hover,.shop-map p a:visited {
	color: #111;
	text-decoration: underline;
}
.shop-img-box img {
	border-radius: 10px;
}
.shop-img-box .flexslider {
	border: none;
}
.ttl {
	font-weight: bold;
}
.shop-icon-box {
	position: relative;
}
.shop-icon-box-inner {
	position: absolute;
	bottom: 0;
	right: 0;
}
.shop-icon {
	display: inline-block;
}
.shop-icon img {
	max-width: 40px;
}

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

@media screen and (min-width: 1200px) {
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
}

@media screen and (max-width: 991px) and (min-width: 769px) {
	.shop-icon-box-inner {
		right: 5px;
	}
}

@media screen and (min-width: 992px) {
	.shop-content .container {
		width: 970px;
	}
	.shop-img-box {
		padding:0 0 0 20px;
	}
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 768px) and (max-width: 991px) {
}

@media screen and (max-width: 991px) {
	.shop-content {
		margin-top: 164px;
	}
	.shop-img-box {
		margin-top: 30px;
	}
	.shop-sub-menu li a::before, .shop-sub-menu li a::after {
    content: "";
    margin: 0 4px;
	}
}

@media screen and (max-width: 767px) {
	.shop-box {
		padding: 25px 20px;
	}
	.shop-box .company-info dl dt,.shop-box .company-info dl dd {
		width: 100%;
		float: none;
	}
	.shop-box .company-info dl dt {
		padding: 10px 0 0;
	}
	.shop-box h2 {
		font-size: 14px;
	}
	.shop-box h2 .pref {
		padding: 2px 10px;
		letter-spacing: 1px;
		margin-right: 5px;
	}
}

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



/* 会社概要 */
.company-bg {
	background: #fff;
}
.company-bg .philosophy-box h2 span{
	color: #d2cecf;
}
.company-border {
	border: 1px solid #111;
}
.company-info-box {
	background: #fff;
	padding: 30px;
}
.company-info-box h2 {
	font-size: 200%;
	letter-spacing: 1px;
}
.company-info-box h2 span {
	color: #d2cecf;
	font-family: 'Merriweather', serif;
	font-size: 87%;
	margin-left: 10px;
	letter-spacing: 4px;
}
.company-info {
	margin-top: 20px;
}
.company-info .fa {
	margin-right: 5px;
}
.company-info dl {
	font-size: 14px;
}
.company-info dl dt {
	float: left;
	width: 20%;
	padding: 10px 0;
}
.company-info dl dd {
	float: right;
	width: 80%;
	padding: 10px 0;
}
.history-info dl dt {
	float: left;
	width: 30%;
	padding: 15px 0;
}
.history-info dl dd {
	float: right;
	width: 70%;
	padding: 15px 0;
}
.business-box {
	padding: 30px;
	min-height: 400px;
	background: url(../images/company/business_bg.png) no-repeat;
	background-color: #fff;
	background-size: contain;
	background-position: right bottom;
}
.business-box h2 {
	font-size: 200%;
	letter-spacing: 1px;
	margin-bottom: 30px;
}
.business-box h2 span {
	color: #d2cecf;
	font-family: 'Merriweather', serif;
	font-size: 87%;
	margin-left: 10px;
	letter-spacing: 4px;
}
.business-box p, .greeting-box p {
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
}
.business-box .company-info p a {
	color: #111;
	text-decoration: underline;
}
.philosophy-box {
	background: none;
}
.philosophy-box h2 span {
	color: #fff;
}
.philosophy-box h3 {
	font-weight: bold;
}
#Philosophy {
	padding: 0;
}
.philosophy-img {
	margin-top: 10px;
}
.greeting-box-outer {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
}
.greeting-img-box {
	margin-top: 30px;
	text-align: right;
}
.greeting-img-box img {
	margin: auto;
}
.company-bnr a {
	display: inline-block;
}
.recruit-box {
	background: #fff;
	border: 1px solid #111;
}
.recruit-ttl-box {
	background: #e3d6c1;
	padding: 30px 30px 0;
}
.recruit-ttl-box h3 {
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 1px;
}
.recruit-ttl-box-inner {
	border-bottom: 1px solid #111;
	padding-bottom: 30px;
}
.recruit-contents {
	padding: 10px 30px 0;
}
.recruit-contents h4 {
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 24px;
}
.recruit-contents p {
	font-size: 14px;
	line-height: 24px;
}
.recruit-contents-inner {
	border-bottom: 1px solid #111;
	padding: 0 0 10px;
}
.recruit-contents-inner-last {
	padding: 0 0 10px;
}
.recruit-contents-left-inner {
	border-right: 1px solid #111;
	padding: 30px 30px 30px 0;
}
.recruit-contents-right-inner {
	padding: 30px 0 30px 30px;
}

.message-list {
	letter-spacing: 1px;
	margin: 30px 0 5px;
}
.message-list span {
	font-size: 16px;
	border-bottom: 5px solid #d2cecf;
}
.message-list span .fa {
	margin-right: 5px;
}
.message-list span.bottom-no {
	border-bottom: none;
}
.recruit-contents .mt-0 {
	margin: 0 0 5px;
}
.message-txt-02 {
	margin-top: 30px;
}

.staff-about {
	margin: 10px 0;
}
.staff-about span {
	display: inline-block;
	background: #1a110d;
	border-radius: 10px;
	color: #fff;
	font-weight: normal;
	font-size: 16px!important;
	padding: 4px 10px;
}
.staff-img, .staff-img-02 {
	text-align: center;
}
.contact-box {
	background: #fff7eb;
	border-radius: 10px;
}
.contact-box p {
	font-size: 14px;
}
input[type="text"], button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#Form-content {
	margin: 20px 0 0 0;
}
.input-box {
	font-size: 117%;
	border-bottom: 1px solid #111;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.input-box dt {
	width: 25%;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	float: left;
}
.input-box textarea {
	height: 140px;
	width: 100%;
	float: right;
	background: #fff;
}
.input-box dd {
	width: 75%;
	font-size: 14px;
	float: right;
}
.input-field {
	width: 100%;
	height: 40px;
	float: right;
	background: #fff!important;
}
.need {
	color: #fff;
	background: #a40035;
	font-size: 87%;
	padding: 3px 6px;
	float: right;
	margin-right: 20px;
}
.any {
	background: #51323c;
}
.contact-submit {
	display: block;
	width: 100%;
	font-size: 130%;
	padding: 10px 0;
	border: 2px solid #111;
	-webkit-transition: all ease 0.4s;
	transition: all ease 0.4s;
}
.contact-submit:hover {
	color: #fff;
	background: #111;
	border: 2px solid #111;
	-webkit-transition: all ease 0.4s;
	transition: all ease 0.4s;
}
.contact-submit span {
	display: inline-block;
	letter-spacing: 1px;
}
.send-box {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.privacy {
	border-bottom: none;
	padding-bottom: 0;
}
input[type="radio"]{
	position: initial!important;
}
.radio {
	padding-bottom: 40px!important;
}
.radio .input-field {
	background: none;
	height: initial;
	float: none;
	width: initial;
	margin-left: 0!important;
	margin-right: 5px;
}
.radio-box {
	width: 100%;
}
.radio-child {
	display: inline-block;
	width: 30%;
}



.staff-01 {
	background: url(../images/company/recruit_img04.jpg);
	background-size: cover;
	background-position: 50% 0;
}
.staff-02 {
	background: url(../images/company/recruit_img01.jpg);
	background-size: cover;
	background-position: center;
}
.staff-03 {
	background: url(../images/company/recruit_img02.jpg);
	background-size: cover;
	background-position: 50% 10%;
}
.staff-04 {
	background: url(../images/company/recruit_img03.jpg);
	background-size: cover;
}

.staff-concept-box {
	position: relative;
	margin-bottom: 120px;
}
.staff-concept-box:last-child {
	margin-bottom: 0;
}
.staff-concept-box h3 {
	position: absolute;
	font-weight: bold;
	font-size: 460%;
	letter-spacing: 1px;
	line-height: 72px;
	z-index: 99;
	top: 30px;
	left: 20px;
}
.staff-concept-box p {
	margin-top: 160px;
}
.staff-concept-box h3.right-voice {
	right: 20px;
	text-align: right;
}
.staff-concept-box .concept-left {
	background-color: #fff;
}

/* .company-bnr02 {
	position: absolute;
	bottom: -280px;
	left: 280px;
} */
.company-bnr02 a {
	display: inline-block;
	width: 100%;
}
.company-bnr02 img {
	border: 1px solid #111;
}

.root a {
	color: #111;
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	display: inline-block;
	letter-spacing: 1px;
}
.root .fa {
	margin-right: 5px;
	font-weight: bold;
}
.root-inner {
	display: none;
	z-index: 9999;
}
.root-inner-cont {
	background: #fff;
	padding: 40px 40px 20px;
	width: 800px;
}
.root-inner-cont .slides li p {
	font-size: 16px;
	margin-top: 20px;
}
#cboxContent {
	width: 80%;
}

@media screen and (max-width: 1199px) {
	.staff-concept-box h3 {
		font-size: 400%;
	}
}

@media screen and (min-width: 1200px) {

}

@media screen and (max-width: 1199px) and (min-width: 992px) {
}

@media screen and (max-width: 991px) and (min-width: 769px) {
}

@media screen and (min-width: 992px) {
	.company-info-box {
		width: 50%;
	}
	.philosophy-box {
		width: 100%;
	}
	.map-box {
		width: 55%;
		right: 0;
		top: 50px;
		position: absolute;
	}
	.business-box {
		width: 45%;
		right: 0;
		top: 100px;
		position: absolute;
	}
	.greeting-box {
		width: 80%;
	}
	.contact-box {
		width: 100%;
	}
	.staff-voice-img01 {
		width: 45%;
		position: absolute;
		top: -55px;
		right: 70px;
	}
	#Recruit-voice02 .company-info-box {
		float: right;
	}
	.staff-voice-img02 {
		width: 45%;
		position: absolute;
		top: -40px;
		left: 70px;
	}

/* 	.company-bnr {
		position: absolute;
		bottom: -180px;
		right: 60px;
	} */
}

@media screen and (min-width: 768px) {
	.staff-img-02 {
		margin-top: 40px;
	}
}

@media screen and (min-width: 481px) {
	.company-bnr02 img {
		max-width: 400px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
}

@media screen and (max-width: 991px) {
	.sub-concept {
		padding: 0 0 40px;
	}
	.company-info dl dt {
		width: 30%;
	}
	.company-info dl dd {
		width: 70%;
	}
	.map-box {
		margin-top: 40px;
	}
	.business-box {
		margin-top: 40px;
	}
	#Philosophy {
		padding: 0 0 40px;
	}
	.recruit-contents h4 {
		font-size: 120%;
		letter-spacing: 0;
	}
	.need {
		margin-right: 10px;
	}
	.input-box dt {
		width: 30%;
	}
	.input-box dd {
		width: 70%;
	}
	.staff-txt {
		margin-top: 30px;
	}
	.staff-concept-box {
		margin-bottom: 80px;
	}
	.staff-concept-box h3 {
		font-size: 300%;
		line-height: 52px;
	}
	.staff-concept-box p {
		margin-top: 120px;

	.company-bnr02 {
		position: initial;
		text-align: center;
		margin-top: 40px;
	}
	.company-bnr02 a {
		display: inline-block;
		width: initial;
	}
	.root-inner-cont {
		width: 700px;
	}
}

@media screen and (max-width: 767px) {
	.recruit-contents {
		padding: 0 30px 0;;
	}
	.recruit-contents-inner {
		padding: 0;
	}
	.recruit-contents-left-inner {
		border-right: none;
		border-bottom: 1px solid #111;
		padding: 15px 0;
	}
	.recruit-contents-right-inner {
		padding: 15px 0;
	}
	.staff-img-02 {
		margin-top: 30px;
	}
	.input-box dd {
		float: none;
		width: 100%;
	}
	.input-box dt {
		float: none;
		margin-bottom: 10px;
		width: 180px;
	}
	.radio {
		padding-bottom: 20px!important;
	}
	.need {
		margin-right: 0;
		margin-left: 20px;
	}
	.radio-child {
		width: 100%;
		margin-bottom: 5px;
	}

	.staff-concept-box h3 {
		position: initial;
		font-weight: bold;
		font-size: 200%;
		line-height: 32px;
		z-index: 99;
	}
	.staff-concept-box p {
		margin-top: 0;
	}
	.staff-concept-box {
		margin-bottom: 20px;
	}
	.staff-concept-box .concept-left {
		padding: 40px 15px 20px;
	}
	.staff-concept-box .concept-left-first {
		padding-top: 0!important;
	}
	.root-inner-cont {
		width: 400px;
	}

}

@media screen and (max-width:479px) {
	.company-info-box {
		padding: 20px;
	}
	.company-info-box h2, .business-box h2 {
		font-size: 150%;
	}
	.company-info dl dt {
		float: none;
		width: 100%;
		padding: 5px 0 0;
	}
	.company-info dl dd {
		float: none;
		width: 100%;
		padding: 5px 0 5px
	}
	.philosophy-box h2 {
		font-size: 130%;
	}
	.greeting-txt-box {
		right: 0;
		float: none;
		width: 100%!important;
	}
	.greeting-img-box {
		left: 0;
		float: none;
		width: 100%!important;
		text-align: center;
	}
	.recruit-ttl-box {
		padding: 20px 15px 0;
	}
	.recruit-ttl-box-inner {
		padding-bottom: 20px;
	}
	.recruit-contents {
		padding:  0 15px 0;
	}
	.recruit-contents-left-inner {
		padding: 10px 0;
	}
	.recruit-contents-inner-last {
		padding: 0 0 0;
	}
	.contact-submit span {
		font-size: 14px;
	}
	.root-inner-cont {
		width: 300px;
		padding: 10px 10px;
	}


}


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

@media screen and (min-width: 1200px) {
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
}

@media screen and (max-width: 991px) and (min-width: 769px) {
}

@media screen and (min-width: 992px) {
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 768px) and (max-width: 991px) {
}

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

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

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

.flex{
  margin-top:80px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  aline-items:center;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}
.flex img{
	max-width:100%;
	display:block;
	margin: 0 auto;
}
.flex .oS-slideUp{
	width:32%;
	margin-bottom:1em;
}
@media screen and (max-width: 640px) {
	.flex .oS-slideUp{
		width:100%;

	}
	.flex .company-bnr{
		text-align:center;
	}
}