
/* トップページ
=====================================================================*/

body.top_hide{
	display:none;
}

#movieArea {
	width: 100%;
	height: 100%;
	background: #FCFCFB;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

#movieArea video {
	width: 100%;
	max-width: 1000px;
	height: auto;
	background-size: cover;
	right: left;
	z-index: 1;
}


#top #visual { margin-bottom: 50px; }

#top #visual .wideslider img {
	width: 1092px;
	height: 490px;
}

@media only screen and (max-width:600px) {

#top #visual_sp { margin-bottom: 20px; }

#top #visual_sp img { width: 100%; }

}


#top .con_01 {
	width: 1000px;
	margin: 0 auto 60px;
}

#top .con_01 ul { overflow: hidden; }

#top .con_01 ul li {
	width: 480px;
	margin: 0 5px 5px;
	padding: 25px 25px 50px;
	box-sizing: border-box;
	box-shadow: 0 2px 5px #ccc;
	background: #fff url(../img/common/parts/bg_01.png) repeat-x top;
	float: left;
	position: relative;
}

#top .con_01 ul li + li { float: right; }

#top .con_01 ul li h2 {
	margin-bottom: 15px;
	padding-top: 90px;
	background: url(../img/top/con_01_icon_01.png) no-repeat top center;
	text-align: center;
	font-size: 17px;
	color: #544343;
}

#top .con_01 ul li + li h2 { background: url(../img/top/con_01_icon_02.png) no-repeat top center }

#top .con_01 ul li img + p {
	margin-top: 20px;
	color: #544343;
}

#top .con_01 ul li p:last-child {
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

#top .con_01 ul li a {
	padding: 4px 30px;
	display: inline-block;
	background: #544343;
	font-size: 12px;
	color: #fff;
}

#top .con_01 ul li a:hover {
	text-decoration: none;
	background: #877B7B;
}

@media only screen and (max-width:600px) {

#top .con_01 {
	width: auto;
	margin-bottom: 35px;
}

#top .con_01 img { width: 100%; }

#top .con_01 ul { overflow: visible; }

#top .con_01 ul li {
	width: auto;
	margin: 0 10px;
	padding: 25px 15px 15px;
	float: none;
}

#top .con_01 ul li:not(:last-child) { margin-bottom: 20px; }

#top .con_01 ul li + li { float: none; }

#top .con_01 ul li img + p { margin: 20px 0 15px; }

#top .con_01 ul li p:last-child { position: static; }

#top .con_01 ul li a {
	padding: 9px 0;
	display: block;
	color: #fff;
}

}


#top .con_02 {
	margin-bottom: 35px;
	padding: 35px 0;
	background: url(../img/top/con_02_bg.jpg) no-repeat center;
	background-size: cover;
	min-width:1010px;
	box-sizing:border-box;
}

#top .con_02 h2 {
	margin-bottom: 25px;
	padding-top: 80px;
	background: url(../img/top/con_02_icon.png) no-repeat top center;
	text-align: center;
	font-size: 19px;
	color: #fff;
}

#top .con_02 .box {
	width: 1000px;
	margin: 0 auto;
	padding: 15px 30px 35px;
	box-sizing: border-box;
	background: #fff;
}

#top .con_02 .box > p { text-align: right; }

#top .con_02 .box > p a {
	padding: 4px 20px;
	display: inline-block;
	border: 1px solid #4A4748;
	font-size: 12px;
}

#top .con_02 .box > p a:hover {
	background: #544343;
	color: #fff;
	text-decoration: none;
}

#top .con_02 .box ul { width: auto; }

#top .con_02 .box ul li {
	padding: 18px 0;
	border-bottom: 1px dotted #999;
	overflow: hidden;
}

#top .con_02 .box ul li p {
	box-sizing: border-box;
	float: left;
}

#top .con_02 .box ul li p.date {
	width: 18%;
	padding-left: 27px;
}

#top .con_02 .box ul li p.label {
	width: 9%;
	padding: 2px 0;
	border-radius: 3px;
	background: #666;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

#top .con_02 .box ul li p.label.media { background: #654527; }
#top .con_02 .box ul li p.label.employment { background: #417aa9; }
#top .con_02 .box ul li p.label.news { background: #CE6016; }
#top .con_02 .box ul li p.label.property { background: #657c3f; }



#top .con_02 .box ul li p.text {
	width: 73%;
	padding: 0 10px 0 20px;
}

@media only screen and (max-width:600px) {

#top .con_02 { padding: 25px 15px 20px; min-width:100%;}

#top .con_02 h2 { margin-bottom: 20px; }

#top .con_02 .box {
	width: auto;
	padding: 5px 15px 15px;
	box-sizing: border-box;
	background: #fff;
}

#top .con_02 .box ul {
	width: auto;
	margin-bottom: 5px;
}

#top .con_02 .box ul li { padding: 15px 0; }

#top .con_02 .box ul li:last-child {
	border-bottom: none;
}

#top .con_02 .box ul li p.date {
	width: auto;
	margin: 0 15px 8px 0;
	padding-left: 0;
}

#top .con_02 .box ul li p.label { width: 80px; }

#top .con_02 .box ul li p.text {
	width: auto;
	padding: 0;
	float: none;
	clear: both;
}

#top .con_02 .box ul + p { text-align: center; }

#top .con_02 .box ul + p a {
	padding: 8px 0;
	display: block;
	border: 1px solid #4A4748;
	font-size: 12px;
}

}


#top .con_03 { margin-bottom: 60px; min-width:1010px;}

#top .con_03 h2 {
	margin-bottom: 30px;
	padding-top: 120px;
	background: url(../img/top/con_03_icon.png) no-repeat top center;
	text-align: center;
	font-size: 20px;
	color: #544343;
}

@media only screen and (max-width:600px) { #top .con_03 h2 + .bx-wrapper { display: none; } }
@media only screen and (min-width:601px) { #top .con_03 .bx-wrapper + .bx-wrapper { display: none; } }

#top .con_03 .bx-wrapper .bx-viewport { padding-bottom: 5px; height:450px !important;}

#top .con_03 .bx-wrapper .bx-prev {
	left: 20px;
	background: url(../img/top/con_03_prev.png) no-repeat;
}

#top .con_03 .bx-wrapper .bx-next {
	right: 20px;
	background: url(../img/top/con_03_next.png) no-repeat;
}

@media only screen and (max-width:600px) {
#top .con_03 { min-width:100%;}
#top .con_03 .bx-wrapper .bx-prev { left: -34px; }
#top .con_03 .bx-wrapper .bx-next { right: -34px; }

}

#top .con_03 .bx-wrapper .bx-prev:hover,
#top .con_03 .bx-wrapper .bx-next:hover {
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}

#top .con_03 .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	z-index: 9999;
}

#top .con_03 ul { text-align: center; }

#top .con_03 ul li {
	box-shadow: 0 2px 5px #ccc;
	background: #fff;
	position:relative;
}

#top .con_03 ul li img.new_icon {
	position:absolute;
	top:10px;
	left:10px;
	z-index:10;
}

#top .con_03 ul li a {
	height: 350px;
	padding: 10px 10px 0;
	display: block;
}

#top .con_03 ul li a:hover {
	background: #FAF8F5;
	text-decoration: none;
}

#top .con_03 ul li a img { display: inline; max-height:155px;}

#top .con_03 ul li a:hover img {
	filter: alpha( opacity = 80 );
	opacity: 0.8;
}

#top .con_03 ul li a p.date {
	margin: 12px 0;
	color: #A37F64;
}

#top .con_03 ul li a p.title {
	margin-bottom: 11px;
	padding: 4px 0;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	font-size: 13px;
	font-weight: bold;
	color: #534343;
}

#top .con_03 ul li a .img_box{
	height:155px;
}

#top .con_03 ul li a p.text {
	margin: 0 8px;
	text-align: left;
	line-height: 1.8;
	font-size: 12px;
	color: #534343;
	letter-spacing: 0;
}

@media only screen and (max-width:600px) {

#top .con_03 h2 { font-size: 16px; }

}



/* 企業理念
=====================================================================*/

#policy .con_01 {
	margin-bottom: 50px;
	padding: 45px 50px 50px;
	box-shadow: 0 2px 5px #ccc;
	background: #fff;
	text-align: center;
}

#policy .con_01 h3 {
	margin-bottom: 25px;
	font-size: 20px;
	font-weight: bold;
	color: #534343;
}

#policy .con_01 h3 img { max-width: 100%; }

#policy .con_01 p {
	margin-bottom: 20px;
	font-size: 15px;
	color: #534343;
}

#policy .con_01 p:last-child { margin-bottom: 0; }

@media only screen and (max-width:600px) {

#policy .con_01 {
	margin: 0 10px 35px;
	padding: 20px;
	text-align: left;
}

#policy .con_01 h3 {
	margin-bottom: 20px;
	font-size: 16px;
}

#policy .con_01 p {
	margin-bottom: 15px;
	font-size: 13px;
}

}


#policy .con_02 { overflow: hidden; }

#policy .con_02 img {
	margin-left: 20px;
	float: right;
}

#policy .con_02 p {
	font-size: 13px;
	color: #534343;
}

@media only screen and (max-width:600px) {

#policy .con_02 { margin: 0 10px; }

#policy .con_02 img {
	width: 40%;
	margin: 0 0 10px 15px;
	float: right;
}

#policy .con_02 p {
	font-size: 13px;
	color: #534343;
}

}



/* 会社概要
=====================================================================*/

#company .con_01 { margin-bottom: 40px; }

#company .con_01 h3 + p {
	margin-bottom: 20px;
	line-height: 1.8;
	font-size: 14px;
	color: #534343;
}

#company .con_01 p:last-child { text-align: right; }

@media only screen and (max-width:600px) {

#company .con_01 { margin: 0 10px 35px; }

#company .con_01 h3 + p {
	margin-bottom: 15px;
	line-height: 1.7;
	font-size: 13px;
}

}


#company .con_02 { margin-bottom: 50px; }

#company .con_02 table { width: 100%; }

#company .con_02 table,
#company .con_02 table tr th,
#company .con_02 table tr td {
	border: none;
}

#company .con_02 table tr th,
#company .con_02 table tr td {
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#company .con_02 table tr th {
	background: none;
	font-weight: bold;
}

@media only screen and (max-width:600px) {

#company .con_02 { margin: 0 10px 40px; }

#company .con_02 table { font-size: 11px }

}


#company .con_03 { margin-bottom: 50px; }

#company .con_03 p { margin-bottom: 20px; }

#company .con_03 p + p { margin-bottom: 25px; }

#company .con_03 iframe {
	width: 100%;
	height: 320px;
}

@media only screen and (max-width:600px) {

#company .con_03 { margin: 0 10px 40px; }

#company .con_03 iframe {
	height: 260px;
}

}


#company .con_04 { margin-bottom: 50px; }

#company .con_04 table { width: 100%; }

#company .con_04 table,
#company .con_04 table tr th,
#company .con_04 table tr td {
	border: none;
}

#company .con_04 table tr th,
#company .con_04 table tr td {
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#company .con_04 table tr th {
	background: none;
	font-weight: bold;
}

#company .con_04 table tr td { padding-left: 50px; }

@media only screen and (max-width:600px) {

#company .con_04 { margin: 0 10px 40px; }

#company .con_04 table { font-size: 11px }

#company .con_04 table tr td { padding-left: 10px; }

}


#company .con_05 img { width: 100%; }

#company .con_05 p {
	margin-top: 10px;
	text-align: right;
}

@media only screen and (max-width:600px) {

#company .con_05 { margin: 0 10px; }

#company .con_05 p { font-size: 11px; }

}



/* スタッフ紹介
=====================================================================*/

#staff .con_01 ul { overflow: hidden; }

#staff .con_01 ul li {
	width: 222px;
	margin: 0 0 22px 22px;
	padding: 8px;
	box-sizing: border-box;
	float: left;
	cursor: pointer;
	text-align: center;
}

#staff .con_01 ul li:hover {  }

#staff .con_01 ul li:nth-child(3n+1) { margin-left: 0; }

#staff .con_01 ul li a { text-decoration: none; }

#staff .con_01 ul li img { margin: 0 auto 8px auto;border: 3px solid #d3d3d3; border-radius: 50%; }
#staff .con_01 ul li img:hover { border: 3px solid #3d3c35; }

#staff .con_01 ul li .job {
	padding: 1px 18px 0;
	display: inline-block;
	border-radius: 3px;
	background: #ce6016;
	font-size: 11px;
	color: #fff;
}

#staff .con_01 ul li .name {
	text-align: center;
	font-size: 15px;
	color: #544343;
}

#staff .con_01 ul li .kana {
	text-align: center;
	line-height: 1;
	font-size: 12px;
	color: #544343;
}

@media only screen and (max-width:600px) {

#staff .con_01 ul {
	margin: 0 10px;
	overflow: hidden;
}

#staff .con_01 ul li {
	width: 49%;
	margin: 0 0 20px;
	padding: 5px;
}

#staff .con_01 ul li:nth-child(odd) { margin: 0 2% 0 0; }
#staff .con_01 ul li:last-child { margin: 0; }

#staff .con_01 ul li:hover {}

#staff .con_01 ul li img {
	width: 100%;
	margin-bottom: 8px;
}

#staff .con_01 ul li .job {
	padding: 1px 14px 0;
	font-size: 10px;
}

#staff .con_01 ul li .name { font-size: 13px; }

#staff .con_01 ul li .kana { font-size: 11px; }

}


#staff .popup_box {
	width: 670px;
	padding: 15px;
	border: 3px solid #d3d3d3;
	background: #fff;
}

#staff .popup_box header {
	margin-bottom: 15px;
	padding-bottom: 3px;
	position: relative;
	overflow: hidden;
}

#staff .popup_box .nameArea{
	position:absolute;
	top:30px;
	left:20px;
}

#staff .popup_box .nameArea2{
	position:absolute;
	top:30px;
	right:20px;
}

#staff .popup_box .label {
	margin-bottom: 6px;
	padding: 1px 12px 0;
	display: inline-block;
	border-radius: 3px;
	background: #ce6016;
	font-size: 11px;
	color: #fff;
}

#staff .popup_box .name{
	font-size:24px;
	margin-bottom:0;
}

#staff .popup_box .name_en{
	font-size:18px;
}

#staff .popup_box .profile {
	margin-bottom: 30px;
	overflow: hidden;
	border:1px solid #d9d9d9;
}

#staff .popup_box .profile img { float: left; }

#staff .popup_box .profile .text_box {
	width: 96%;
	float: right;
}

#staff .popup_box .profile .text_box p:first-child {
	margin-bottom: 13px;
	padding: 6px 12px 4px;
	display: inline-block;
	background: #909088;
	line-height: 1;
	font-size: 13px;
	color: #fff;
}

#staff .popup_box .profile .text_box table {
	width: 100%;
	margin-bottom: 10px;
}

#staff .popup_box .profile .text_box table,
#staff .popup_box .profile .text_box table tr th,
#staff .popup_box .profile .text_box table tr td { border: none; }

#staff .popup_box .profile .text_box table tr th,
#staff .popup_box .profile .text_box table tr td {
	padding: 2px 0;
	font-size: 13px;
}

#staff .popup_box .profile .text_box table tr th {
	width: 120px;
	padding-left: 0px;
	background: none;
	font-weight: bold;
}

#staff .popup_box .profile .text_box table + p {
	padding: 10px 10px 0;
	border-top: 1px dotted #999;
}

#staff .popup_box dl {
	padding: 10px;
	position:absolute;
	top:190px;
	left:15px;
}

#staff .popup_box dl dt {
	margin-bottom: 8px;
	padding: 6px 12px 4px;
	display: inline-block;
	background: #909088;
	line-height: 1;
	font-size: 13px;
	color: #fff;
}

#staff .popup_box dl dd { font-size: 12px; }

#staff .lity-close {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.6);
	right: -10px;
	position:absolute;
	top:-20px;
}

@media only screen and (max-width:600px) {

#staff .popup_box {
	width: auto;
	margin: 0 10px;
	padding: 15px 10px 10px;
	border: 2px solid #d3d3d3;
	overflow: auto;
}

#staff .popup_box header { margin-bottom: 13px; }

#staff .popup_box header img{
	width:100%;
}
#staff .popup_box header p:first-child + p { font-size: 15px; }

#staff .popup_box .name_en{
	font-size:15px;
}

#staff .popup_box .profile {
	margin-bottom: 15px;
	overflow: hidden;
	padding:10px;
	box-sizing:border-box;
}

#staff .popup_box .profile img {
	margin: 0 auto 15px;
	display: block;
	float: none;
}

#staff .popup_box .profile .text_box {
	width: auto;
	float: none;
}

#staff .popup_box .nameArea{ top:30px;}

#staff .popup_box .profile .text_box p:first-child {
	margin-bottom: 6px;
	padding: 4px 10px;
	font-size: 13px;
}

#staff .popup_box .profile .text_box table tr th,
#staff .popup_box .profile .text_box table tr td {
	padding: 2px 0;
	font-size: 12px;
	letter-spacing: 0;
}

#staff .popup_box .profile .text_box table tr th {
	width: 35%;
	padding-left: 0;
}

#staff .popup_box .profile .text_box table + p {
	padding: 10px 0 0;
	font-size: 12px;
}


#staff .popup_box dl {
	position:static;
}


#staff .popup_box dl dt {
	margin-bottom: 6px;
	padding: 4px 10px;
	font-size: 13px;
}

#staff .popup_box dl dd { font-size: 12px; }

}



/* ニュース・更新情報
=====================================================================*/

#information #newsCategory { margin-bottom: 35px; }

#information #newsCategory ul { overflow: hidden; }

#information #newsCategory ul li {
	width: 167px;
	float: left;
}

#information #newsCategory ul li a {
	padding: 13px 0;
	display: block;
	background: #37362f;
	text-align: center;
	font-size: 15px;
	color: #fff;
}

#information #newsCategory ul li a:hover {
	background: #787665;
	text-decoration: none;
}

#information #newsCategory ul li:not(:last-child) { margin-right: 14px; }

@media only screen and (max-width:600px) {

#information #newsCategory { margin: 0 10px 20px; }

#information #newsCategory ul li {
	width: 49%;
	margin-bottom: 8px;
}

#information #newsCategory ul li:not(:last-child) { margin-right: 0; }
#information #newsCategory ul li:nth-child(odd) { margin-right: 2%; }

}


#information #newsList ul li {
	padding: 15px 15px 20px;
	box-shadow: 0 2px 5px #ccc;
	background: #fff;
}

#information #newsList ul li:not(:last-child) { margin-bottom: 30px; }

#information #newsList ul li header {
	margin-bottom: 20px;
	padding: 9px 10px 8px;
	background: #e3e3e3;
	overflow: hidden;
}

#information #newsList ul li header p {
	box-sizing: border-box;
	font-size: 13px;
	color: #544343;
	float: left;
}

#information #newsList ul li header p.date {
	width: 18%;
}

#information #newsList ul li header p.text {
	width: 69%;
	padding: 0 10px 0 20px;
}

#information #newsList ul li header p.label {
	width: 13%;
	padding: 2px 0;
	border-radius: 3px;
	background: #666;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

#information #newsList ul li header p.label.news { background: #ce6016; }
#information #newsList ul li header p.label.property { background: #657c3f; }
#information #newsList ul li header p.label.media { background: #654527; }
#information #newsList ul li header p.label.employment { background: #417aa9; }


#information #newsList ul li .imgBox {
	margin-top: 25px;
	text-align: center;
}

#information #newsList ul li .imgBox img {
	max-width: 100%;
}

@media only screen and (max-width:600px) {

#information #newsList ul { margin: 0 10px; }

#information #newsList ul li { padding: 10px 10px 15px; }

#information #newsList ul li:not(:last-child) { margin-bottom: 30px; }

#information #newsList ul li header {
	margin-bottom: 15px;
	padding: 9px 10px 8px;
	position: relative;
}

#information #newsList ul li header p {
	box-sizing: border-box;
	font-size: 13px;
	color: #544343;
	float: none;
}

#information #newsList ul li header p.date {
	width: auto;
	margin-bottom: 5px;
}

#information #newsList ul li header p.text {
	width: auto;
	padding: 0;
	line-height: 1.3;
}

#information #newsList ul li header p.label {
	width: 82px;
	position: absolute;
	top: 8px;
	right: 9px;
}

}



/* スタッフブログ
=====================================================================*/

#blog #blogIndex ul { overflow: hidden; }

#blog #blogIndex ul li {
	width: 222px;
	margin: 0 0 22px 22px;
	background: #fff;
	text-align: center;
	float: left;
	position: relative;
}

#blog #blogIndex ul li a {
	display: block;
	padding: 8px;
	border: 3px solid #d3d3d3;
}

#blog #blogIndex ul li:hover a {
	border: 3px solid #3d3c35;
	text-decoration: none;
}

#blog #blogIndex ul li:nth-child(3n+1) {
	margin-left: 0;
	clear: left;
}

#blog #blogIndex ul li p { text-align: left; }

#blog #blogIndex ul li p.category {
	padding: 4px 15px 2px;
	background: #37362f;
	font-size: 11px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 8px;
}

#blog #blogIndex ul li p.date {
	margin-top: 24px;
	font-size: 10px;
	color: #544343;
}

#blog #blogIndex ul li p.title {
	margin-bottom: 4px;
	color: #544343;
}

#blog #blogIndex ul li .img_box { border: 1px solid #ccc; }

#blog #blogIndex ul li .img_box img { max-width: 100%; }

@media only screen and (max-width:600px) {

#blog #blogIndex { margin-bottom: 40px; }

#blog #blogIndex ul { margin: 0 10px; }

#blog #blogIndex ul li {
	width: 49%;
	margin: 0 0 20px;
	padding: 0;
	border: none;
}

#blog #blogIndex ul li a {
	display: block;
	padding: 5px 5px 8px;
	border: 2px solid #d3d3d3;
}

#blog #blogIndex ul li a:hover { border: 2px solid #3d3c35; }

#blog #blogIndex ul li:nth-child(3n+1) { clear: none; }

#blog #blogIndex ul li:nth-child(odd) {
	margin: 0 2% 0 0;
	clear: left;
}

#blog #blogIndex ul li:last-child { margin: 0; }

#blog #blogIndex ul li p.category {	top: 0; }

#blog #blogIndex ul li p.title { margin-bottom: 6px; }

}



/* スタッフブログ（詳細）
=====================================================================*/

#blog #blogDtl {
	margin-bottom: 50px;
	padding: 15px 15px 20px;
	box-shadow: 0 2px 5px #ccc;
	background: #fff;
}

#blog #blogDtl header {
	margin-bottom: 20px;
	padding: 9px 10px 8px;
	background: #e3e3e3;
	overflow: hidden;
}

#blog #blogDtl header p {
	box-sizing: border-box;
	font-size: 13px;
	color: #544343;
	float: left;
}

#blog #blogDtl header p.date {
	width: 26%;
}

#blog #blogDtl header p.text {
	width: 61%;
	padding-right: 10px;
}

#blog #blogDtl header p.category {
	width: 13%;
	padding: 2px 0;
	border-radius: 3px;
	background: #37362f;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

#blog #blogDtl .imgBox {
	margin-bottom: 20px;
	text-align: center;
	background:#e3e3e3;
}

#blog #blogDtl .textBox img{ max-width:100%;}

#blog #blogDtl .imgBox img { max-width: 100%; }

@media only screen and (max-width:600px) {

#blog #blogDtl {
	margin: 0 10px 30px;
	padding: 10px 10px 15px;
}

#blog #blogDtl header {
	margin-bottom: 15px;
	padding: 9px 10px 8px;
	position: relative;
}

#blog #blogDtl header p { float: none; }

#blog #blogDtl header p.date {
	width: auto;
	margin-bottom: 5px;
}

#blog #blogDtl header p.text {
	width: auto;
	padding: 0;
	line-height: 1.3;
}

#blog #blogDtl header p.category {
	width: 82px;
	position: absolute;
	top: 8px;
	right: 9px;
}

}


#blog #blogControl { overflow: hidden; }

#blog #blogControl p { width: 300px; }

#blog #blogControl p.blogBack { float: left; }
#blog #blogControl p.blogNext { float: right; }

#blog #blogControl p a {
	height: 66px;
	display: block;
	box-sizing: border-box;
	line-height: 1.4;
	color: #fff;
}

#blog #blogControl p.blogBack a {
	padding: 11px 5px 0 30px;
	text-align: left;
	background: url(../img/blog/blog_back_bg.png) no-repeat left;
}

#blog #blogControl p.blogNext a {
	padding: 11px 30px 0 5px;
	text-align: right;
	background: url(../img/blog/blog_next_bg.png) no-repeat right;
}

#blog #blogControl p a:hover {
	text-decoration: none;
	filter: alpha( opacity = 80 );
	opacity: 0.8;
}

#blog #blogControl p a:first-line { font-weight: bold; }

@media only screen and (max-width:600px) {

#blog #blogControl {
	margin: 0 10px 35px;
	overflow: visible;
}

#blog #blogControl p {
	width: auto;
	max-width: 300px;
	margin: 0 auto;
}

#blog #blogControl p:first-child { margin-bottom: 10px; }

#blog #blogControl p.blogBack,
#blog #blogControl p.blogNext { float: none; }

#blog #blogControl p a {
	height: 66px;
	display: block;
	box-sizing: border-box;
	line-height: 1.4;
	color: #fff;
}

}



/* 事業案内
=====================================================================*/

#business .con_01 { margin-bottom: 30px; }

#business .con_01 p {
	font-size: 14px;
	color: #544343;
}

#business .con_01 p:not(last-child) { margin-bottom: 20px; }

@media only screen and (max-width:600px) {

#business .con_01 { margin: 0 10px 25px; }

#business .con_01 p { font-size: 13px; }

#business .con_01 p:not(last-child) { margin-bottom: 15px; }

}


#business .con_02 {
	margin-bottom: 30px;
	padding: 3px 5px 7px;
	overflow: hidden;
}

#business .con_02 li {
	width: 290px;
	padding: 25px 20px 25px;
	box-shadow: 0 2px 5px #ccc;
	background: #fff url(../img/common/parts/bg_01.png) repeat-x top;
	float: left;
}

#business .con_02 li + li { float: right; }

#business .con_02 li h3 {
	margin-bottom: 15px;
	text-align: center;
	font-size: 15px;
	color: #544343;
}

#business .con_02 li img + p {
	margin-top: 20px;
	color: #544343;
}

@media only screen and (max-width:600px) {

#business .con_02 {
	margin: 0 10px 25px;
	padding: 0;
	overflow: visible
}

#business .con_02 li {
	width: auto;
	box-sizing: border-box;
	padding: 25px 15px 15px;
	float: none;
}

#business .con_02 li:not(last-child) { margin-bottom: 20px; }

#business .con_02 li + li { float: none; }

#business .con_02 li img + p { margin-top: 15px; }

#business .con_02 li img { width: 100%; }

}


#business .con_03 {
	margin-bottom: 50px;
	padding: 0px 0;
	box-shadow: 0 2px 5px #ccc;
	background: #fff;
	text-align: center;
}

@media only screen and (max-width:600px) {

#business .con_03 {
	margin: 0 10px 40px;
	padding: 10px 10px;
	box-shadow: 0 2px 5px #ccc;
	background: #fff;
	text-align: center;
}

#business .con_03 img { width: 100%; }

}


#business .con_04 { margin-bottom: 35px; }

#business .con_04 p {
	font-size: 14px;
	color: #544343;
}

#business .con_04 p:not(last-child) { margin-bottom: 20px; }

@media only screen and (max-width:600px) {

#business .con_04 { margin: 0 10px 25px; }

#business .con_04 p { font-size: 13px; }

#business .con_04 p:not(last-child) { margin-bottom: 15px; }

}


#business .con_05 .box {
	margin-bottom: 15px;
	overflow: hidden;
}

#business .con_05 .box dl {
	width: 222px;
	height: 100px;
	margin-left: 22px;
	display: table;
	box-sizing: border-box;
	border: 3px solid #37362f;
	background: #fff;
	float: left;
}

#business .con_05 .box dl:first-child { margin-left: 0; }

#business .con_05 .box dl dt {
	width: 60px;
	padding-right: 10px;
	display: table-cell;
	background: #37362f url(../img/business/con_05_bg.jpg) no-repeat right;
	text-align: center;
	vertical-align: middle;
	line-height: 1.4;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

#business .con_05 .box dl dd {
	padding: 0 10px;
	display: table-cell;
	vertical-align: middle;
	color: #544343;
}

#business .con_05 .box + p {
	text-align: right;
	font-size: 13px;
}

@media only screen and (max-width:600px) {

#business .con_05 .box {
	margin: 0 10px;
	overflow: visible;
}

#business .con_05 .box dl {
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	float: none;
}

#business .con_05 .box dl dt { width: 70px; }

#business .con_05 .box dl dd { padding: 15px 10px; }

#business .con_05 .box + p { text-align: center; }

}



/* ライフプランコンサルティングとは
=====================================================================*/

#life .con_01 { margin-bottom: 35px; }

#life .con_01 p {
	font-size: 14px;
	color: #544343;
}

@media only screen and (max-width:600px) {

#life .con_01 { margin: 0 10px 30px; }

#life .con_01 p { font-size: 13px; }

}


#life .con_02 {
	margin-bottom: 35px;
	padding-bottom: 85px;
	background: url(../img/common/parts/arrow_btm.png) no-repeat bottom;
}

#life .con_02 p {
	font-size: 14px;
	color: #544343;
}

@media only screen and (max-width:600px) {

#life .con_02 {
	margin: 0 10px 20px;
	padding-bottom: 50px;
	background: url(../img/common/parts/arrow_btm.png) no-repeat bottom;
	background-size: 260px;
}

#life .con_02 p {
	font-size: 14px;
	color: #544343;
}

}


#life .con_03 {
	margin-bottom: 35px;
	padding-bottom: 85px;
	background: url(../img/common/parts/arrow_btm.png) no-repeat bottom;
}

#life .con_03 .box {
	box-shadow: 0 2px 5px #ccc;
	background: #fff;
	overflow: hidden;
}

#life .con_03 .box dl {
	width: 50%;
	padding: 20px 15px;
	box-sizing: border-box;
	color: #544343;
	float: left;
}

#life .con_03 .box dl:first-child { background: url(../img/common/parts/varticalDotLine.png) repeat-y right }

#life .con_03 .box dl dt {
	font-size: 14px;
	font-weight: bold;
}

#life .con_03 .box dl dd {
	margin-top: 4px;
	font-size: 13px;
}

@media only screen and (max-width:600px) {

#life .con_03 {
	margin: 0 10px 20px;
	padding-bottom: 50px;
	background: url(../img/common/parts/arrow_btm.png) no-repeat bottom;
	background-size: 260px;
}

#life .con_03 .box { overflow: visible; }

#life .con_03 .box dl {
	width: auto;
	padding: 15px;
	box-sizing: content-box;
	float: none;
}

#life .con_03 .box dl:first-child {
	border-bottom: 1px dotted #666;
	background: none
}

#life .con_03 .box dl dt { font-size: 13px; }

#life .con_03 .box dl dd {
	margin-top: 4px;
	font-size: 12px;
}

}


#life .con_04 {
	margin-bottom: 50px;
	padding: 15px 0 30px;
	box-shadow: 0 2px 5px #ccc;
	background: #fff;
}

#life .con_04 h3 {
	height: 61px;
	margin: 0 0 15px -6px;
	padding: 18px 0 0 20px;
	box-sizing: border-box;
	background: url(../img/life/con_04_title_bg.png) no-repeat;
	font-size: 20px;
	color: #fff;
}

#life .con_04 p {
	margin: 0 15px 20px;
	font-size: 20px;
	color: #544343;
}

#life .con_04 ul { text-align: center; }

#life .con_04 ul li {
	margin: 0 4px;
	display: inline-block;
}

@media only screen and (max-width:600px) {

#life .con_04 {
	margin: 0 10px 35px;
	padding: 15px 0;
	box-shadow: 0 2px 5px #ccc;
	background: #fff;
}

#life .con_04 h3 {
	width: 99%;
	height: auto;
	margin: 0 0 15px -6px;
	padding: 5% 5px 5% 18px;
	box-sizing: border-box;
	background: url(../img/life/con_04_title_bg.png) no-repeat;
	background-size: contain;
	font-size: 17px;
}

#life .con_04 p {
	margin: 0 10px 15px;
	font-size: 16px;
	color: #544343;
}

#life .con_04 ul li { margin: 0 4px 5px; }

}


#life .con_05 { margin-bottom: 50px; }

#life .con_05 > p {
	margin-bottom: 20px;
	font-size: 14px;
	color: #544343;
}

#life .con_05 dl { display: table; }

#life .con_05 dl:not(:last-child) { margin-bottom: 20px; }

#life .con_05 dl dt {
	width: 166px;
	height: 160px;
	display: table-cell;
	vertical-align: middle;
}

#life .con_05 dl dd {
	padding: 15px 15px 15px 35px;
	display: table-cell;
	background: #fff url(../img/life/con_05_step_bg.jpg) no-repeat left center;
	vertical-align: middle;
	line-height: 1.8;
	font-size: 13px;
	color: #544343;
}

@media only screen and (max-width:600px) {

#life .con_05 { margin: 0 10px 40px; }

#life .con_05 > p {
	margin-bottom: 15px;
	font-size: 13px;
}

#life .con_05 dl:not(:last-child) { margin-bottom: 20px; }

#life .con_05 dl dt {
	width: 28%;
	height: auto;
	background: #554343;
}

#life .con_05 dl dt img { width: 100%; }

#life .con_05 dl dd {
	padding: 5px 10px 5px 20px;
	background: #fff url(../img/life/con_05_step_bg.jpg) no-repeat left center;
	background-size: 15px;
	line-height: 1.4;
	font-size: 11px;
}

}


#life .con_06 ul { overflow: hidden; }

#life .con_06 ul li { float: right }
#life .con_06 ul li:first-child { float: left; }

#life .con_06 ul li a:hover {
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}

@media only screen and (max-width:600px) {

#life .con_06 ul {
	margin: 0 10px;
	overflow: visible;
}

#life .con_06 ul li {
	text-align: center;
	float: none
}

#life .con_06 ul li:first-child {
	margin-bottom: 10px;
	float: none;
}

#life .con_06 ul li img {
	width: 100%;
	max-width: 335px;
}

}



/* 初めての方へ
=====================================================================*/

#beginner .con_01 { margin-bottom: 40px; }

#beginner .con_01 p {
	font-size: 14px;
	color: #544343;
}

#beginner .con_01 p:not(last-child) { margin-bottom: 20px; }

@media only screen and (max-width:600px) {

#beginner .con_01 { margin: 0 10px 30px; }

#beginner .con_01 p { font-size: 13px; }

}


#beginner .con_02 {
	margin-bottom: 40px;
	padding: 8px 25px 12px;
	box-shadow: 0 2px 5px #ccc;
	background: #fff;
}

#beginner .con_02 h3 {
	width: 685px;
	height: 69px;
	margin: 0 0 20px -32px;
	padding: 23px 0 0 90px;
	box-sizing: border-box;
	background: url(../img/beginner/con_02_title_bg.png) no-repeat top;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

#beginner .con_02 h3 + img { margin-bottom: 20px; }

#beginner .con_02 h4 {
	width: 660px;
	height: 81px;
	padding-top: 15px;
	box-sizing: border-box;
	background: url(../img/beginner/con_02_lead_bg.png) no-repeat;
	text-align: center;
	font-size: 20px;
	color: #544343;
	position: relative;
	z-index: 1;
}

#beginner .con_02 .box {
	margin-top: -7px;
	overflow: hidden;
}

#beginner .con_02 .box dl {
	width: 214px;
	margin-left: 9px;
	float: left;
}

#beginner .con_02 .box dl:first-child { margin-left: 0; }

#beginner .con_02 .box dl dt {
	margin-bottom: 16px;
	padding: 5px 0 3px;
	background: #544343;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

#beginner .con_02 .box dl dd {
	margin-bottom: 12px;
	padding-left: 19px;
	background: url(../img/beginner/con_02_icon_check.jpg) no-repeat left 1px;
	line-height: 1.3;
	color: #544343;
	letter-spacing: 0;
}

#beginner .con_02_arrow {
	margin-bottom: 40px;
	padding-top: 70px;
	background: url(../img/common/parts/arrow_btm.png) no-repeat center top;
	line-height: 1.3;
	text-align: center;
	font-size: 22px;
	color: #ce6016;
}

@media only screen and (max-width:600px) {

#beginner .con_02 {
	margin: 0 10px 30px;
	padding: 8px 0 2px;
}

#beginner .con_02 h3 {
	width: auto;
	height: auto;
	margin: 0 0 15px;
	padding: 8px 8px 8px 38px;
	box-sizing: content-box;
	background: #544343 url(../img/beginner/con_02_title_icon.png) no-repeat 5px center;
	background-size: 28px;
	line-height: 1.3;
	font-size: 16px;
}

#beginner .con_02 h3 + img {
	width: 100%;
	margin-bottom: 15px;
	box-sizing: border-box;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
}

#beginner .con_02 h4 {
	width: auto;
	height: 68px;
	margin: 0 10px;
	padding-top: 12px;
	box-sizing: border-box;
	background: url(../img/beginner/con_02_lead_bg.png) no-repeat center;
	background-size: 560px;
	font-size: 17px;
}

#beginner .con_02 .box dl {
	width: auto;
	margin: 0 10px;
	float: none;
}

#beginner .con_02 .box dl:first-child { margin-left: 10px; }

#beginner .con_02 .box dl dt {
	margin-bottom: 14px;
	font-size: 15px;
}

#beginner .con_02 .box dl dd { margin-bottom: 10px; }
#beginner .con_02 .box dl dd:last-child { margin-bottom: 15px; }

#beginner .con_02_arrow {
	margin: 0 10px 30px;
	padding-top: 40px;
	background: url(../img/common/parts/arrow_btm.png) no-repeat top;
	background-size: 260px;
	text-align: left;
	font-size: 15px;
}

#beginner .con_02_arrow br { display: none; }

}


#beginner .con_03 { margin-bottom: 60px; }

#beginner .con_03 > li {
	margin-bottom: 40px;
	overflow: hidden;
}

#beginner .con_03 > li h4 {
	margin-bottom: 20px;
	padding: 0 5px 2px 32px;
	border-bottom: 1px solid #544343;
	background: url(../img/common/parts/icon_check.png) no-repeat left 5px;
	font-size: 21px;
	color: #544343;
}

#beginner .con_03 li > img {
	margin-left: 30px;
	float: right;
}

#beginner .con_03 li .textBox { overflow: hidden; }

#beginner .con_03 li .textBox p {
	font-size: 13px;
	color: #544343;
}

#beginner .con_03 li .textBox p.price {
	line-height: 1.3;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}

#beginner .con_03 li .textBox p.price em {
	margin: 0 2px;
	font-size: 20px;
	font-style: normal;
	color: #ce6016;
}

#beginner .con_03 li .textBox .whiteBox {
	margin-bottom: 20px;
	padding: 20px 15px;
	background: #fff;
}

#beginner .con_03 li .textBox .whiteBox:last-child { margin-bottom: 0; }

#beginner .con_03 li .textBox .whiteBox ul li {
	font-size: 13px;
	font-weight: bold;
	color: #544343;
}

#beginner .con_03 li .textBox .whiteBox ul li span {
	margin-left: 10px;
	color: #ce6016;
}

#beginner .con_03 li .textBox .whiteBox p span { color: #ce6016; }

#beginner .con_03 li .textBox ol li {
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #544343;
}

#beginner .con_03 li .textBox ol li span {
	margin-right: 8px;
	padding: 0 5px;
	display: inline-block;
	background: #544343;
	font-size: 12px;
	color: #fff;
}

@media only screen and (max-width:600px) {

#beginner .con_03 { margin-bottom: 30px; }

#beginner .con_03 > li { margin: 0 10px 30px; }

#beginner .con_03 > li h4 {
	margin-bottom: 15px;
	padding: 0 5px 2px 28px;
	border-bottom: 1px solid #544343;
	background: url(../img/common/parts/icon_check.png) no-repeat left center;
	line-height: 1.3;
	font-size: 17px;
}

#beginner .con_03 li > img {
	width: 100%;
	max-width: 230px;
	margin: 0 auto 15px;
	display: block;
	float: none;
}

#beginner .con_03 li .textBox { overflow: visible; }

#beginner .con_03 li .textBox p { font-size: 12px; }

#beginner .con_03 li .textBox p.price {
	text-align: left;
	font-size: 15px;
}

#beginner .con_03 li .textBox p.price em {
	margin: 0 2px;
	font-size: 17px;
}

#beginner .con_03 li .textBox .whiteBox { padding: 15px 10px; }

}


#beginner .con_04 a {
	padding: 23px 0 20px;
	display: block;
	background: #ce6016;
	text-align: center;
	color: #fff;
}

#beginner .con_04 a:hover {
	text-decoration: none;
	filter: alpha( opacity = 70 );
	opacity: 0.7;
}

#beginner .con_04 a p:first-child {
	margin-bottom: 0;
	font-size: 20px;
}

#beginner .con_04 a p + p {
	font-size: 24px;
	font-weight: bold;
}

#beginner .con_04 a p + p span {
	padding: 15px 10px 5px 65px;
	display: inline-block;
	background: url(../img/beginner/con_04_icon.jpg) no-repeat left center;
}

@media only screen and (max-width:600px) {

#beginner .con_04 { margin: 0 10px; }

#beginner .con_04 a { padding: 15px 10px 12px; }

#beginner .con_04 a p:first-child {
	font-size: 13px;
	letter-spacing: 0;
}

#beginner .con_04 a p + p { font-size: 17px; }

}



/* お客様の声
=====================================================================*/

#voice #voice_index {
	width: 1000px;
	margin: 0 auto 30px;
}

#voice #voice_index ul { overflow: hidden; }

#voice #voice_index ul li {
	width: 220px;
	margin: 0 0 30px 40px;
	text-align: center;
	float: left;
}

#voice #voice_index ul li:nth-child(4n+1) {
	margin-left: 0;
	clear: left;
}

#voice #voice_index ul li a {
	outline: none;
}

#voice #voice_index ul li .img_box {
	margin-bottom: 7px;
	text-align: center;
}

#voice #voice_index ul li .img_box img {
	max-width: 100%;
	max-height: 200px;
	border-radius: 20px;
}
#voice #voice_index ul li p.person_name{
	font-size: 14px;
    margin: 10px 0;
}
#voice #voice_index ul li p.style {
	padding: 6px 6px;
	background: #343132;
	line-height: 1.4;
	color: #fff;
    border-radius: 50px;
    width: 50%;
    margin: 0 auto;
}

#voice .wp-pagenavi {
	width: 1000px;
	margin: 0 auto 50px;
}

#voice #voice_index ul li a:hover img,
#voice #voice_index ul li a:hover p {
	filter: alpha( opacity = 70 );
	opacity: 0.7;
}

@media only screen and (max-width:600px) {

#voice #voice_index {
	width: auto;
	margin: 0 10px 20px;
}

#voice #voice_index ul li {
	width: 49%;
	margin: 0 0 20px 2%;
	float: left;
}

#voice #voice_index ul li:nth-child(4n+1) {
	margin-left: 2%;
	clear: none;
}

#voice #voice_index ul li:nth-child(odd) {
	margin-left: 0;
	clear: left;
}

#voice #voice_index ul li .img_box {
	width: auto;
	height: auto;
}

#voice #voice_index ul li .img_box img {
	max-width: 100%;
	max-height: 180px;
}

#voice #voice_index ul li p { padding: 8px; }

#voice .wp-pagenavi {
	width: auto;
	margin: 0 10px 30px;
}

}


#voice #voice_dtl {
	width: 1000px;
	margin: 0 auto 70px;
}

#voice #voice_dtl h3.hBg_01 { margin-bottom: 30px; }

@media only screen and (max-width:600px) {

#voice #voice_dtl {
	width: auto;
	margin: 0 10px 30px;
}

#voice #voice_dtl h3.hBg_01 { margin-bottom: 20px; }

}


#voice #voice_dtl .twin_box {
	margin-bottom: 50px;
	overflow: hidden;
}

#voice #voice_dtl .twin_box .left {
	width: 350px;
	float: left;
}

#voice #voice_dtl .twin_box .left img { width: 100%; }

#voice #voice_dtl .twin_box .left p {
    padding: 6px 40px;
    text-align: center;
    background: #373133;
    font-size: 14px;
    color: #fff;
    border-radius: 50px;
    width: max-content;
    margin: 12px auto;
}

#voice #voice_dtl .twin_box .right {
	width: 600px;
	float: right;
}

#voice #voice_dtl .twin_box .right .right_01 { margin-bottom: 35px; }

#voice #voice_dtl .voice_interview_ttl {
	margin-bottom: 14px;
	padding-bottom: 6px;
	border-bottom: 1px solid #554343;
	line-height: 1.4;
	font-size: 17px;
	color: #554343;
}
.voice_interview{
	margin-bottom:40px;
}
.voice_interview li{
	display:-webkit-flex;
	display:flex;
	margin-bottom:16px;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.voice_interview_name{
	width:80px;
	font-weight:bold;
}
.voice_interview_contents{
	width: calc(100% - 80px);
}
#voice #voice_dtl .twin_box .right .right_01 dd {
	font-size: 13px;
	color: #554343;
}

#voice #voice_dtl .twin_box .right .right_01 dd:not(:last-child) { margin-bottom: 20px; }

#voice #voice_dtl .twin_box .right .right_02 {
	padding: 10px;
	border: 1px solid #ccc;
	background: #fff;
	margin-bottom:40px;
}

#voice #voice_dtl .twin_box .right .right_02 dt {
	margin-bottom: 12px;
	padding: 8px;
	background: #e3e3e3;
	font-size: 15px;
}

#voice #voice_dtl .twin_box .right .right_02 dd {
	font-size: 13px;
	color: #403329;
}

@media only screen and (max-width:600px) {

#voice #voice_dtl .twin_box {
	margin-bottom: 40px;
	overflow: visible;
}

#voice #voice_dtl .twin_box .left {
	width: auto;
	margin-bottom: 25px;
	float: none;
}

#voice #voice_dtl .twin_box .left p { font-size: 13px; }

#voice #voice_dtl .twin_box .right {
	width: auto;
	float: none;
}

#voice #voice_dtl .twin_box .right .right_01 { margin-bottom: 25px; }

#voice #voice_dtl .twin_box .right .right_01 dt { font-size: 14px; }

#voice #voice_dtl .twin_box .right .right_01 dd { font-size: 12px; }

#voice #voice_dtl .twin_box .right .right_02 dt { font-size: 14px; }

#voice #voice_dtl .twin_box .right .right_02 dd { font-size: 12px; }

}


#voice #voice_dtl .comment {
	margin-bottom: 50px;
	overflow: hidden;
}

#voice #voice_dtl .comment .photo {
	width: 200px;
	float: right;
}

#voice #voice_dtl .comment .photo p {
	margin-top: 8px;
	color: #403329
}

#voice #voice_dtl .comment .text {
	width: 760px;
	display: table;
	float: left;
}

#voice #voice_dtl .comment .text .con {
	width: 740px;
	padding: 20px;
	display: table-cell;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-right: none;
	background: #fff;
	font-size: 13px;
	float: left;
}

#voice #voice_dtl .comment .text .con p {
	width: 690px;
	display: block;
}

#voice #voice_dtl .comment .text .bg {
	width: 20px;
	display: table-cell;
	background: url(../img/voice/fuki.gif) no-repeat left top;
}

@media only screen and (max-width:600px) {

#voice #voice_dtl .comment {
	margin-bottom: 40px;
	overflow: visible;
}

#voice #voice_dtl .comment .photo {
	width: auto;
	margin-bottom: 20px;
	text-align: center;
	float: none;
}

#voice #voice_dtl .comment .photo p {
	margin-top: 8px;
	color: #403329
}

#voice #voice_dtl .comment .text {
	width: auto;
	display: block;
	float: none;
}

#voice #voice_dtl .comment .text .con {
	width: auto;
	min-height: auto;
	padding: 15px;
	display: block;
	border-right:1px solid #ccc;
	font-size: 12px;
	float: none;
}

#voice #voice_dtl .comment .text .bg { display: none; }

}


#voice #voice_dtl #voice_other h4 {
	margin-bottom: 30px;
	padding-bottom: 8px;
	border-bottom: 1px solid #554343;
	line-height: 1.4;
	font-size: 16px;
	color: #554343;
}

#voice #voice_dtl #voice_other ul { overflow: hidden; }

#voice #voice_dtl #voice_other ul li {
	width: 220px;
	margin-left: 40px;
	text-align: center;
	float: left;
}

#voice #voice_dtl #voice_other ul li a:hover img,
#voice #voice_dtl #voice_other ul li a:hover p {
	filter: alpha( opacity = 70 );
	opacity: 0.7;
}

#voice #voice_dtl #voice_other ul li:first-child { margin-left: 0; }

#voice #voice_dtl #voice_other ul li .img_box {
	margin-bottom: 7px;
	text-align: center;
}

#voice #voice_dtl #voice_other ul li .img_box img {
	max-width: 100%;
	max-height: 200px;
	border-radius: 20px;
}


#voice #voice_dtl #voice_other ul li img { max-width: 100%; }

#voice #voice_dtl #voice_other ul li p.style {
    padding: 6px 6px 0;
    background: #343132;
    line-height: 1.4;
    color: #fff;
    border-radius: 50px;
    width: 50%;
    margin: 0 auto;
}
#voice #voice_dtl #voice_other ul li p.person_name{
    font-size: 14px;
    margin: 10px 0;
}

@media only screen and (max-width:600px) {

#voice #voice_dtl #voice_other h4 {
	margin-bottom: 15px;
	padding-bottom: 8px;
	line-height: 1.3;
	font-size: 15px;
}

#voice #voice_dtl #voice_other ul { overflow: hidden; }

#voice #voice_dtl #voice_other ul li {
	width: 49%;
	margin: 0 0 20px 2%;
	float: left;
}

#voice #voice_dtl #voice_other ul li:nth-child(4n+1) {
	margin-left: 2%;
	clear: none;
}

#voice #voice_dtl #voice_other ul li:nth-child(odd) {
	margin-left: 0;
	clear: left;
}

#voice #voice_dtl #voice_other ul li .img_box {
	width: auto;
	height: auto;
}

#voice #voice_dtl #voice_other ul li .img_box img {
	max-width: 100%;
	max-height: 180px;
}

#voice #voice_dtl #voice_other ul li p { padding: 8px; }
}

#voice #voice_dtl .comment .text .con p{
	width: 100%;
}



/* よくあるご質問
=====================================================================*/

#faq #faq_box {
	width: 1000px;
	margin: 0 auto 60px;
}

#faq #faq_box > ul {
	padding: 20px;
	box-shadow: 0 2px 5px #ccc;
	background: #fff;
}

#faq #faq_box > ul > li { margin-bottom: 30px; }

#faq #faq_box > ul > li > h4 {
	margin-bottom: 15px;
	padding: 7px 10px;
	background: #373133;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
}

#faq #faq_box ul li ul li {
	padding-bottom: 10px;
	border-bottom: 1px dotted #666;
}

#faq #faq_box ul li ul li:not(:last-child) { margin-bottom: 15px; }

#faq #faq_box ul li ul li h5 {
	padding: 4px 35px 4px 35px;
	background: url(../img/faq/icon_q.png) no-repeat left 7px,
				url(../img/faq/icon_down.png) no-repeat right top;
	font-size: 15px;
	font-weight: normal;
	cursor: pointer;
}

#faq #faq_box ul li ul li h5.open {
	background: url(../img/faq/icon_q.png) no-repeat left 7px,
				url(../img/faq/icon_up.png) no-repeat right top;
}

#faq #faq_box ul li ul li h5:hover { text-decoration: underline; }

#faq #faq_box ul li ul li .answer {
	padding-top: 15px;
	background: url(../img/faq/fuki.gif) no-repeat 40px top;
}

#faq #faq_box ul li ul li .answer p {
	padding: 20px 20px 20px 60px;
	border-radius: 5px;
	background: #f2f2f2 url(../img/faq/icon_a.png) no-repeat 15px 22px;
	font-size: 13px;
}

#faq #faq_box ul li ul li .answer p a { text-decoration: underline; }
#faq #faq_box ul li ul li .answer p a:hover { text-decoration: none; }

@media only screen and (max-width:600px) {

#faq #faq_box {
	width: auto;
	margin: 0 10px 50px;
}

#faq #faq_box > ul { padding: 10px; }

#faq #faq_box > ul > li { margin-bottom: 25px; }
#faq #faq_box > ul > li:last-child { margin-bottom: 15px; }

#faq #faq_box > ul > li > h4 {
	margin-bottom: 10px;
	padding: 6px 8px;
	font-size: 15px;
}

#faq #faq_box ul li ul li { padding-bottom: 5px; }

#faq #faq_box ul li ul li:not(:last-child) { margin-bottom: 5px; }

#faq #faq_box ul li ul li h5 {
	padding: 6px 35px 6px 35px;
	font-size: 13px;
}

#faq #faq_box ul li ul li .answer { margin-bottom: 10px; }

#faq #faq_box ul li ul li .answer p {
	padding: 15px 15px 15px 55px;
	border-radius: 5px;
	background: #f2f2f2 url(../img/faq/icon_a.png) no-repeat 15px 15px;
	font-size: 12px;
}

}



/* お問い合わせ
=====================================================================*/

#inquiry .con_01 {
	width: 1000px;
	margin: 0 auto 40px;
	font-size: 13px;
	color: #544343;
}

@media only screen and (max-width:600px) {

#inquiry .con_01 {
	width: auto;
	margin: 0 10px 30px;
}

}


#inquiry .con_02 {
	width: 1000px;
	margin: 0 auto 40px;
	text-align: center;
}

#inquiry .con_02 h4 {
	margin-bottom: 30px;
	padding: 12px 0;
	border-top: 1px solid #554343;
	border-bottom: 1px solid #554343;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #554343;
}

#inquiry .con_02 p,
#inquiry .con_02 a { color: #544343; }

#inquiry .con_02 .sp { margin-bottom: 30px; }

#inquiry .con_02 .sp p:first-child {
	padding-top: 58px;
	background: url(../img/inquiry/icon_sp.jpg) no-repeat top;
	font-size: 30px;
}

#inquiry .con_02 .sp p:first-child + p { font-size: 14px; }

#inquiry .con_02 .mail p:first-child {
	margin-bottom: 6px;
	padding-top: 46px;
	background: url(../img/inquiry/icon_mail.jpg) no-repeat top;
	font-size: 14px;
}

#inquiry .con_02 .mail p:first-child + p { font-size: 30px; }

@media only screen and (max-width:600px) {

#inquiry .con_02 {
	width: auto;
	margin: 0 10px 35px;
}

#inquiry .con_02 h4 {
	margin-bottom: 25px;
	padding: 10px 0;
	font-size: 14px;
}

#inquiry .con_02 p,
#inquiry .con_02 a { color: #544343; }

#inquiry .con_02 .sp { margin-bottom: 25px; }

#inquiry .con_02 .sp p:first-child { font-size: 25px; }

#inquiry .con_02 .sp p:first-child + p { font-size: 14px; }

#inquiry .con_02 .mail p:first-child {
	margin-bottom: 15px;
	font-size: 12px;
}

#inquiry .con_02 .mail p:first-child + p { font-size: 23px; }

}


#inquiry #form_wrap {
	width: 1000px;
	margin: 0 auto 50px;
}

#inquiry #form_wrap h4 {
	margin-bottom: 20px;
	padding: 12px 0;
	border-top: 1px solid #554343;
	border-bottom: 1px solid #554343;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #554343;
}

#inquiry #form_wrap .form_box {
	padding: 30px 20px 40px;
	box-shadow: 0 2px 5px #ccc;
	background: #fff;
}

#inquiry #form_wrap .form_box > p:first-child {
	margin-bottom: 25px;
	font-size: 13px;
}

#inquiry #form_wrap .form_box > p:first-child span {
	margin-right: 5px;
	padding: 0 3px;
	display: inline-block;
	border-radius: 3px;
	background: #ce6016;
	line-height: 1.5;
	font-size: 12px;
	color: #fff;
}

#inquiry #form_wrap .form_box table {
	width: 100%;
	background: none;
}

#inquiry #form_wrap .form_box table,
#inquiry #form_wrap .form_box table tr,
#inquiry #form_wrap .form_box table tr th,
#inquiry #form_wrap .form_box table tr td { border: none; }

#inquiry #form_wrap .form_box table tr th,
#inquiry #form_wrap .form_box table tr td {
	padding: 17px 0;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	font-size: 13px;
}

#inquiry #form_wrap .form_box table tr th {
	width: 210px;
	background: none;
}

#inquiry #form_wrap .form_box table tr:last-child th {
	padding-top: 26px;
	vertical-align: top;
}

#inquiry #form_wrap .form_box table tr th span {
	margin-left: 10px;
	padding: 0 3px;
	display: inline-block;
	border-radius: 3px;
	background: #ce6016;
	line-height: 1.5;
	font-size: 12px;
	color: #fff;
}

#inquiry #form_wrap .form_box table tr td input[type="text"],
#inquiry #form_wrap .form_box table tr td input[type="email"],
#inquiry #form_wrap .form_box table tr td input[type="tel"] {
	width: 420px;
	margin-right: 12px;
	padding: 10px 8px;
	border-radius: 4px;
	border: none;
	background: #f7ece4;
}

#inquiry #form_wrap .form_box table tr td label { margin-right: 30px; }

#inquiry #form_wrap .form_box table tr td label input { margin-right: 10px; }

#inquiry #form_wrap .form_box table tr td textarea {
	width: 100%;
	height: 180px;
	padding: 10px 8px;
	box-sizing: border-box;
	border-radius: 4px;
	border: none;
	background: #f7ece4;
}

#inquiry .errMsg{
	font-weight:bold;
	color:#ce6016;
	display:block;
	text-align:center;
	margin-bottom:15px;
	font-size:16px;
}

#inquiry .conMsg{
	display:block;
	text-align:center;
	margin-bottom:15px;
	font-size:16px;
}


#inquiry .ERR{
	color:#ce6016;
	font-weight:bold;

}

@media only screen and (max-width:600px) {

#inquiry #form_wrap {
	width: auto;
	margin: 0 10px 40px;
}

#inquiry #form_wrap h4 {
	margin-bottom: 25px;
	padding: 10px 0;
	font-size: 14px;
}

#inquiry #form_wrap .form_box {
	padding: 15px 10px 20px;
	box-shadow: 0 2px 5px #ccc;
	background: #fff;
}

#inquiry #form_wrap .form_box > p:first-child {
	margin-bottom: 15px;
	font-size: 12px;
}

#inquiry #form_wrap .form_box > p:first-child span {
	vertical-align: middle;
	font-size: 11px;
}

#inquiry #form_wrap .form_box table { border-top: 1px dotted #666; }

#inquiry #form_wrap .form_box table tr th,
#inquiry #form_wrap .form_box table tr td {
	padding: 0;
	display: block;
	border-top: none;
	border-bottom: none;
	font-size: 12px;
}

#inquiry #form_wrap .form_box table tr th {
	width: auto;
	margin-bottom: 6px;
	padding-top: 12px;
}

#inquiry #form_wrap .form_box table tr:last-child th { padding-top: 12px; }

#inquiry #form_wrap .form_box table tr th span {
	vertical-align: middle;
	font-size: 11px;
}

#inquiry #form_wrap .form_box table tr td {
	padding-bottom: 12px;
	border-bottom: 1px dotted #666;
}

#inquiry #form_wrap .form_box table tr td input[type="text"],
#inquiry #form_wrap .form_box table tr td input[type="email"],
#inquiry #form_wrap .form_box table tr td input[type="tel"] {
	width: 100%;
	margin: 0 0 6px 0;
	padding: 7px 6px;
	box-sizing: border-box;
}

#inquiry #form_wrap .form_box table tr td label {
	margin: 8px 0;
	display: block;
}

#inquiry #form_wrap .form_box table tr td label:first-of-type { margin-top: 15px; }

#inquiry #form_wrap .form_box table tr td textarea { padding: 7px 6px; }

}


#inquiry #form_wrap .form_box .form_btn {
	margin-top: 40px;
	text-align: center;
}

#inquiry #form_wrap .form_box .form_btn input {
	padding: 14px 35px;
	border-radius: 5px;
	border: none;
	background: #322925;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	color: #fff;
	letter-spacing: 2px;
	cursor: pointer;
}

#inquiry #form_wrap .form_box .form_btn input:hover {
	filter: alpha( opacity = 70 );
	opacity: 0.7;
}

#inquiry #form_wrap .form_box .form_btn p {
	margin-top: 20px;
	line-height: 2;
	font-size: 13px;
	color: #544343;
}

@media only screen and (max-width:600px) {

#inquiry #form_wrap .form_box .form_btn { margin-top: 30px; }

#inquiry #form_wrap .form_box .form_btn p {
	text-align: left;
	line-height: 1.6;
	font-size: 12px;
}

}



/* プライバシーポリシー
=====================================================================*/

#privacy .con_01 {
	width: 1000px;
	margin: 0 auto 30px;
	font-size: 13px;
	color: #544343;
	overflow: hidden;
}

#privacy .con_01 h3 + p { margin-bottom: 20px; }

#privacy .con_01 ol { margin-bottom: 15px; }

#privacy .con_01 ol + p { float: right; }


#privacy .con_02 {
	width: 1000px;
	margin: 0 auto 50px;
	font-size: 13px;
	color: #544343;
}


#privacy .con_03 {
	width: 1000px;
	margin: 0 auto 70px;
	font-size: 13px;
	color: #544343;
}

#privacy .con_03 h3 + p { margin-bottom: 30px; }

#privacy .con_03 dl dt {
	margin-bottom: 20px;
	padding-bottom: 7px;
	border-bottom: 1px solid #554343;
	font-size: 16px;
	font-weight: bold;
}

#privacy .con_03 dl dd:not(:last-child) { margin-bottom: 30px; }

#privacy .con_03 dl dd p + p { margin-top: 15px; }

@media only screen and (max-width:600px) {

#privacy .con_01 {
	width: auto;
	margin: 0 10px 30px;
	font-size: 12px;
}

#privacy .con_01 h3 + p { margin-bottom: 15px; }

#privacy .con_01 ol li:not(last-child) { margin-bottom: 10px; }


#privacy .con_02 {
	width: auto;
	margin: 0 10px 30px;
	font-size: 12px;
}


#privacy .con_03 {
	width: auto;
	margin: 0 10px 50px;
	font-size: 12px;
}

#privacy .con_03 h3 + p { margin-bottom: 20px; }

#privacy .con_03 dl dt {
	margin-bottom: 12px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}

#privacy .con_03 dl dd:not(:last-child) { margin-bottom: 25px; }

#privacy .con_03 dl dd ol li:not(last-child) { margin-bottom: 10px; }

#privacy .con_03 dl dd p + p { margin-top: 15px; }

}



/* 販売実績
=====================================================================*/

#case #caseCategory { margin-bottom: 35px; }

#case #caseCategory ul {
	margin:0 auto 50px;
	display:flex;
	 -webkit-justify-content: center;
    justify-content: center;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}
#case #caseCategory ul li {
	text-align:center;
}

#caseCategory ul li:not(:last-child) { margin-right: 10px; }

#case #caseCategory ul li a {
	padding: 10px 20px;
	display: block;
	border:2px solid #37362f;
	text-align: center;
	font-size: 12px;
	color: #37362f;
	font-weight:bold;
}
#case #caseCategory ul li a.active {
	padding: 10px 20px;
	display: block;
	border:2px solid #37362f;
	background: #37362f;
	text-align: center;
	font-size: 12px;
	color: #fff;
	font-weight:bold;
}
#case #caseCategory ul li a:hover {
	background: #787665;
	text-decoration: none;
	color:#fff;
}

@media only screen and (max-width:600px) {

	#case #caseCategory { margin: 0 10px 20px; }
	#case #caseCategory ul{
		margin-bottom:15px;
	}
	#case #caseCategory ul li {
		width: 48%;
		margin:0 0 8px 0;
	}
	#case #caseCategory ul li:not(:last-child) { margin-right: 0; }
}


#case_index,
#case_search{
	width: 1000px;
	margin: 0 auto 60px;
	overflow: hidden;
}
#case_index ul li{
	float:left;
	width:220px;
	text-align:center;
	margin:0 40px 15px 0;
	position: relative;
	min-height: 350px
}
#case_index ul li a{
	text-decoration:none;
	display:block;
	transition:.5s
}
#case_index ul li a:hover{
	text-decoration:none;
	opacity:0.7;
	transition:.5s
}
#case_index ul li:nth-of-type(4n){
	margin-right:0;
}
#case_index ul li img{
	width:220px;
	height:220px;
	object-fit: cover;
	border-radius:50%;
	margin-bottom:15px;
}
#case_index ul li p.category{
    background-color: #826b59;
    color: #fff;
    border-radius: 10px;
    width: max-content;
    margin: 0 auto;
    padding: 1px 10px;
    font-size: 11px;
    margin: 0 auto 17px;
}

#case_index ul li p.label{
	position: absolute;
}

p.label {
    background-color: #ce6016;
    text-align: left;
    padding: 7px 2px;
    color: #fff;
    font-size: 10px;
    border-radius: 50%;
}
#case_index ul li p.ttl{
	font-size:14px;
}

@media only screen and (max-width:600px) {

	#case_index ul li{
		width: 47%;
		margin: 0 1% 30px 1%;
		float:left;
		height: 200px;
	}
	#case_index ul li p.ttl{
		font-size:12px;
	}
	#case_index ul li img{
		width:100%;
	}
	#case #caseCategory ul li:not(:last-child) { margin-right: 0; }
	#case #caseCategory ul li:nth-child(odd) { margin-right: 2%; }

}


/* 販売実績検索結果
=====================================================================*/


#case #case_search ul{ margin-left:-50px;}

#case #case_search ul li {
	width: 300px;
	margin-left: 50px;
	float: left;
	margin-bottom:30px;
}
#case #case_search ul li img { width: 100%; }

#case #case_search ul li p {
	margin-top: 7px;
	padding: 10px;
	background: #343132;
	font-size: 13px;
	color: #fff;
}

#case #case_search ul li a:hover img,
#case #case_search ul li a:hover p {
	filter: alpha( opacity = 70 );
	opacity: 0.7;
}

#case #case_search ul li div.img_box {
	height:225px;
	width:300px;
	display:table-cell;
	text-align:center;
	border:1px solid #ccc;
	vertical-align:middle;
}

#case #case_search ul li a {
	display:block;
}

#case #case_search ul li div.img_box img{
	max-height:225px;
	max-width:100%;
	height:auto;
	width:auto;
	max-width:300px;

}



@media only screen and (max-width:600px) {

	#case_index {
		width: auto;
		margin: 0 10px 40px;
	}


	#case #case_search {
		width: auto;
		margin: 0 0 25px 0;
		float: none;
		overflow: hidden;
	}

	#case #case_search ul {
		margin-left:2%;
	}

	#case #case_search ul li {
		width: 46%;
		float: left;
		margin-left:2%;
		margin-bottom:10px;
	}

	#case #case_search ul li p{
		margin-top:3px;
	}

}


#case #old_search {
	width: 1000px;
	margin: 0 auto 50px;
}

#case #old_search header {
	margin-bottom: 25px;
	padding: 15px 20px;
	background: #fff;
	overflow: hidden;
}

#case #old_search header h3 {
	margin-top: 2px;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 2px;
	float: left;
}

#case #old_search header #search_box { float: right; }

#case #old_search header #search_box input[type="text"] {
	width: 260px;
	margin-right: 6px;
	padding: 5px;
	border: 1px solid #d4d4d2;
}

#case #old_search header #search_box input[type="submit"] {
	padding: 3px 15px;
	border: none;
	background: #343132;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	cursor: pointer;
}

#case #old_search header #search_box input[type="submit"]:hover {
	filter: alpha( opacity = 70 );
	opacity: 0.7;
}

#case #old_search ul { overflow: hidden; }

#case #old_search ul li {
	width: 192px;
	margin: 0 0 15px 10px;
	font-size: 13px;
	float: left;
}

#case #old_search ul li:nth-child(5n+1) {
	margin-left: 0;
	clear: left;
}

@media only screen and (max-width:600px) {

#case #old_search {
	width: auto;
	margin: 0 10px 50px;
}

#case #old_search header {
	margin-bottom: 20px;
	padding: 10px;
	overflow: visible;
}

#case #old_search header h3 {
	margin: 0 0 6px;
	font-size: 16px;
	float: none;
}

#case #old_search header #search_box { float: none; }

#case #old_search header #search_box input[type="text"] {
	width: 76%;
	margin-right: 0;
	padding: 5px;
	box-sizing: border-box;
}

#case #old_search header #search_box input[type="submit"] {
	width: 50px;
	padding: 7px 0;
	display: inline-block;
	line-height: 1;
}

#case #old_search ul {
	border-top: 1px dotted #666;
	overflow: visible;
}

#case #old_search ul li {
	width: auto;
	margin: 0;
	border-bottom: 1px dotted #666;
	font-size: 12px;
	float: none;
}

#case #old_search ul li a {
	padding: 15px 0 15px 22px;
	background: url(../img/common/parts/arrow_04.png) no-repeat 5px center;
	display: block;
}


}


/* 販売実績（詳細）
=====================================================================*/

#case #case_dtl_01 {
	width: 1000px;
	margin: 0 auto 60px;
}

#case #case_dtl_01 h3.hBg_01 { margin-bottom: 35px; }
#case #case_dtl_01 h3.hBg_01 span{
	font-size:11px;
	background:#373133;
	border-radius:3px;
	padding:5px;
	line-height:25px;
	color:#FFF;
}

#case #case_dtl_01 table {
	width: 100%;
	margin: 0 auto 20px;
}

#case .bx-wrapper .bx-viewport{
	height:480px !important;
}
#case #case_dtl_01 table tr th,
#case #case_dtl_01 table tr td {
	padding: 12px 5px;
	text-align: center;
	font-size: 13px;
}

#case #case_dtl_01 table tr th {
	background: #373133;
	color: #fff;
}

#case #case_dtl_01 table tr td {
	background: #fff;
	color: #544343;
}
#case #case_dtl_01 table td img.madori{
	width:25px;
}

#case #case_dtl_01 #case_slider_box {
	overflow:hidden;
}

#case #case_dtl_01 #case_slider_box .bx-wrapper{
	float:left;
	width:640px;
}
#case #case_dtl_01 #case_slider_box .bx-wrapper:nth-of-type(2){
	width:340px;
	float:right;
}
#case #case_dtl_01 #case_slider_box #case_slider li{
	border:1px solid #ddd;
	box-sizing:border-box;
	height:470px;
}
.case_mainImg_wrap {
    text-align: center;
    margin: 0 auto;
    display: table-cell;
    height: 440px;
    vertical-align: middle;
	width:640px;
	background: #373133;
}
#case #case_dtl_01 #case_slider_box #case_slider li img{
}

#case #case_dtl_01 #case_slider_box #bxThumb{
	width:340px !important;
}
#case #case_dtl_01 #case_slider_box #bxThumb li{
	width:80px !important;
	margin:0 2px 2px;
}
#case #case_dtl_01 #case_slider_box #bxThumb li img{
	width:80px;
	height:80px;
	object-fit: cover;
}
#case #case_dtl_01 #case_slider_box img {
	max-width: 100%;
	width:auto;
	display:block;
	text-align:center;
	margin:0 auto;
	max-height:400px;
}

#case #case_dtl_01 #case_slider_box .bx-wrapper .bx-caption {
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	background:#9c9595;
}

#case #case_dtl_01 #case_slider_box .bx-wrapper .bx-caption span {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: inline;
	font-size: 13px;
	color: #fff;
}

#case #case_dtl_01 #case_slider_box .bx-wrapper .bx-prev {
	left: -32px;
	background: url(../img/common/parts/arrow_prev.png) no-repeat;
	background-position: 0;
}

#case #case_dtl_01 #case_slider_box .bx-wrapper .bx-next {
	right: -32px;
	background: url(../img/common/parts/arrow_next.png) no-repeat;
	background-position: 0;
}

#case #case_dtl_01 #case_slider_box .bx-wrapper .bx-prev:hover,
#case #case_dtl_01 #case_slider_box .bx-wrapper .bx-next:hover {
	background-position: 0;
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}

#case #case_dtl_01 #case_slider_box .bx-wrapper .bx-controls-direction a {
	width: 17px;
	height: 28px;
}

#case #case_dtl_01 #case_slider_box .bx-wrapper a img {
	box-sizing: border-box;
	border: 2px solid #f0f0ee;
}

#case #case_dtl_01 #case_slider_box .bx-wrapper a.active img { border: 2px solid #ce6016; }

.other_case{
	margin:30px auto;
	width:1000px;
}

@media only screen and (max-width:600px) {
	#case .bx-wrapper .bx-viewport{
		height:315px !important;
	}
	#case #case_slider_box .bx-wrapper:nth-of-type(2) .bx-viewport{
		height:200px !important;
	}
	#case #case_dtl_01 h3.hBg_01 span{
	    padding: 2px 7px;
		font-weight:normal;
	    border-radius: 1px;
	}
	#case #case_dtl_01 {
		width: auto;
		margin: 0 10px 40px;
	}
	#case #case_dtl_01 #case_slider_box .bx-wrapper:nth-of-type(2){
		width:100%;

	}
	#case #case_dtl_01 #case_slider_box #case_slider li{
		height:290px;
	}
	.case_mainImg_wrap {
		height:250px;
	}
	#case #case_dtl_01 #case_slider_box #bxThumb{
		transform: none !important;
		width:100% !important;
	}
	#case #case_dtl_01 #case_slider_box #bxThumb li{
		width:20% !important;
		margin:0;
	}
	#case #case_dtl_01 #case_slider_box #bxThumb li img{
		width:100%;
	}

	#case #case_dtl_01 h3.hBg_01 { margin-bottom: 20px; }

	#case #case_dtl_01 table {
		width: 100%;
		margin: 0 0 20px;
	}
	#case #case_dtl_01 table tr th,
	#case #case_dtl_01 table tr td {
		padding: 10px 5px;
		font-size: 12px;
	}

	#case #case_dtl_01 #case_slider_box { width: auto; }
	#case #case_dtl_01 #case_slider_box img{ max-height:235px;}
	#case #case_dtl_01 #case_slider_box .bx-wrapper { margin-bottom: 15px; }

	#case #case_dtl_01 #case_slider_box .bx-wrapper .bx-caption {
		padding: 10px;
		position: static;
		background: #9c9595;
		text-align: center;
	}

	#case #case_dtl_01 #case_slider_box .bx-wrapper .bx-caption span { font-size: 11px; }

	#case #case_dtl_01 #case_slider_box .bx-wrapper .bx-controls { display: none; }

	.other_case{
		margin:30px 10px;
		width:auto;
	}
}


#case #case_dtl_02 {
	width: 1000px;
	margin: 0 auto 60px;
}

#case #case_dtl_02 h4 {
	margin-bottom: 20px;
	padding-bottom: 6px;
	border-bottom: 1px solid #554343;
	font-size: 17px;
	color: #554343;
}

#case #case_dtl_02 ul {
	margin-bottom: 45px;
	overflow: hidden;
}

#case #case_dtl_02 ul li {
	width: 310px;
	margin-left: 35px;
	float: left;
	position: relative;
}

#case #case_dtl_02 ul li:first-child { margin-left: 0; }

#case #case_dtl_02 ul li span {
	width: 25px;
	height: 25px;
	background: url(../img/common/parts/icon_plus.png) no-repeat;
	text-indent: -200px;
	overflow: hidden;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#case #case_dtl_02 ul li img { width: 100%; }

#case #case_dtl_02 p {
	font-size: 13px;
	color: #554343;
}

@media only screen and (max-width:600px) {

#case #case_dtl_02 {
	width: auto;
	margin: 0 10px 30px;
}

#case #case_dtl_02 h4 {
	margin-bottom: 14px;
	padding-bottom: 4px;
	font-size: 15px;
}

#case #case_dtl_02 ul { margin-bottom: 25px; }

#case #case_dtl_02 ul li {
	width: 32%;
	margin-left: 2%;
}

#case #case_dtl_02 ul li span {
	width: 20px;
	height: 20px;
	background-size: 20px;
	text-indent: -200px;
	bottom: 5px;
	right: 5px;
}

#case #case_dtl_02 p { font-size: 12px; }

}


#case #case_dtl_03 {
	width: 1000px;
	margin: 0 auto 70px;
}

#case #case_dtl_03 header {
	margin-bottom: 30px;
	overflow: hidden;
}

#case #case_dtl_03 header p {
	width: 490px;
	padding: 8px 0;
	background: #373133;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	float: left;
}

#case #case_dtl_03 header p + p { float: right; }

#case #case_dtl_03 ul li { overflow: hidden; }

#case #case_dtl_03 ul li:not(:last-child) { margin-bottom: 35px; }

#case #case_dtl_03 ul li h4 {
	margin-bottom: 20px;
	padding-bottom: 6px;
	border-bottom: 1px solid #554343;
	font-size: 17px;
	color: #554343;
}

#case #case_dtl_03 ul li .img_box { float: left; }
#case #case_dtl_03 ul li .img_box + .img_box { float: right; }

#case #case_dtl_03 ul li .img_box span {
	width: 490px;
	height: 370px;
	display: table-cell;
	background: #fff;
	vertical-align: middle;
	text-align: center;
}

#case #case_dtl_03 ul li .img_box span img {
	max-width: 490px;
	max-height: 370px;
}

@media only screen and (max-width:600px) {

#case #case_dtl_03 {
	width: auto;
	margin: 0 10px 40px;
}

#case #case_dtl_03 header { margin-bottom: 15px; }

#case #case_dtl_03 header p {
	width: 49%;
	padding: 6px 0;
	font-size: 14px;
}

#case #case_dtl_03 ul li:not(:last-child) { margin-bottom: 20px; }

#case #case_dtl_03 ul li h4 {
	margin-bottom: 14px;
	padding-bottom: 4px;
	font-size: 15px;
}

#case #case_dtl_03 ul li .img_box { width: 49%; }

#case #case_dtl_03 ul li .img_box span {
	width: auto;
	height: auto;
	display: table-cell;
	background: none;
}

#case #case_dtl_03 ul li .img_box span img {
	width: 100%;
	max-width: auto;
	max-height: auto;
}

}

.comingsoon {
	margin: 0 0 0 0;
}
@media only screen and (max-width:600px) {
	.comingsoon {
		text-align: center;
	}
}

