@charset "utf-8";

html { height:100%;}
body{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	text-align:left;
	background: #000;
	color:#333;
	font-size:62.5%;
	height:100%;
	-webkit-text-size-adjust: 100%;
}
#topb { background: #000 url(../img/photo1.jpg) no-repeat center center fixed; background-size:cover;}
#brand { background: #000 url(../img/br_main.jpg) no-repeat center center fixed; background-size:cover;}
#designers { background: #000 url(../img/de_main.jpg) no-repeat center center fixed; background-size:cover;}
#business { background: #000 url(../img/bu_main.jpg) no-repeat center center fixed; background-size:cover;}
#realestate { background:#000 url(../img/rs_main.jpg) no-repeat center center fixed; background-size:cover;}
#recruit { background: #000 url(../img/rq_main.jpg) no-repeat center center fixed; background-size:cover;}
#picture { background: #000 url(../img/pic_main.jpg) no-repeat center center fixed; background-size:cover;}
.sans { font-family: Verdana, Geneva, sans-serif !important;}
.jpf { font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;}
div,li { box-sizing: border-box;}
div img { vertical-align: middle;}
.pcno{ display:none;}
.pc4em {padding-left: 5em;}

/* #fullbg_stretch
--------------------------- */
#fullbg_stretch  img {
 visibility: hidden;
}
#wrapper {
	width: 100%;
	height:100%;
	position: relative;
	min-height:720px;
}
#wrapperreq {
	width: 100%;
	height:auto;
	position: relative;
}
#wrapper #overlaybg {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	z-index:-1;
}
.bgslideshow { position: fixed; left:0; top:0; z-index: -1; height: 100%; width: 100%; }  
.bgslideshow img { position: absolute; min-height: 100%; min-width: 800px; width: 100%; height: auto;left:0; top:0; }

@media screen and (max-width: 736px) {
	.spno{ display:none;}
	.pcno{ display:inherit;}
	.pc4em {padding-left: 0;}
	.img { width:100%; height:auto;}
	#wrapper {
	height: auto;
	min-height: 100%;
}
}

#header {  width:90%; margin:0 auto; position:relative; min-width:1000px; display:block;}
#header .logo { margin:15px 0 0 10px; width:115px;}
nav { position:absolute; top:58px; right:0;}
#menu { margin: 0 auto;	padding: 0; z-index:100;}
#menu li{ display:inline; text-align:center; color:#FFF; font-size:13px; font-weight:bold;text-shadow: 0 0 2px rgba(0,0,0,0.6);}
#menu li A { margin:0 12px ;color:#FFF; float:left;}
#toggle {
	display: none;
}
#footer {
	width: 100%;
	padding: 10px 0;
	text-align: center;
	position: absolute;
	bottom: -233px;
	font-size: 10px;
	color: #FFF;
	left: 12px;
}

@media screen and (max-width:736px) {
	#header { width:95%; min-width: inherit;}
	#header .logo { width:25%;}
	nav { position:static; width:100%; background:#000;  z-index:200;}
	#menu {	display: none;}
	#menu li { width: 100%; margin:0 0 20px; font-size:1.2em;}
	#menu li a {
	width: 100%;
	display: block;
	margin:0;
	padding: 8px 0;
	background-color:#191919;
	color: #FFF;
	text-decoration: none;
	border-top:1px solid #333;
	
	}
	#menu li a:hover{
		background: #666;
	}
		
	#toggle {
		display: block;
		position:absolute;
		top:30px;
		right:0;
		margin-top:0;
		z-index:100;
		text-align:right;
	}
	#toggle img { width:60%; height:auto; vertical-align:middle;}
	#footer { padding:30px 0 10px; position:inherit;}
}

article {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
	height:80%;
	}
section { 
	margin:0 auto; 
	width:860px;
	box-sizing: border-box;

}
section P { font-size:1.4em;}

@media screen and (max-width:736px) {
	article { width:95%; height:auto; margin:0 auto; padding:20px 0; display: block;}
	section { width:100%; width: inherit; }
	}

.top { width:60%; color:#FFF;}
.copy { margin:0 0 30px;}
.news{
	padding:10px 15px;
	background: url(../img/black.png) repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
.news h2 { margin-bottom:15px; font-size:14px; font-weight:bold;}
.news .list { width:95%; margin:0 auto;}
.news A { text-decoration:underline; color:#FFF; font-weight:bold;}
.topnav { padding-top:80px;}
.topnav .jp { display:block; font-size:13px;}
.topnav li A { margin-bottom:20px; padding-left:15px; width:30%; display:block; float:left; font-size:18px; color:#FFF; background: url(../img/arrow.png) no-repeat left 10px;text-shadow: 0 0 2px rgba(0,0,0,0.8);}
.rcopy { position:absolute; right:0; top:0;}
.content {
	margin:0 auto;
	padding:20px;
	background: url(../img/black.png) repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
.title { margin:20px 0 20px; font-size:50px; color:#FFF; text-shadow: 0 0 2px rgba(0,0,0,0.8); font-family:Garamond, "Times New Roman", Times, serif;}
.cpt { padding-top:120px;}
.main { width:100%; color:#FFF;}
.main .limg { width:35%; float:left;}
.main .limg img { width:100%;}
.main .txt { width:60%; float:right;}
.main .txtmax { width:100%;}
.main h3 { font-size:18px; font-weight:bold; margin-bottom:20px; line-height:1.6;}
.main P { margin-bottom:1em; line-height:1.7;}
.main dt,
.main dd { font-size:1.4em; }
.main dt { padding:8px 0; width:80px; text-align:right; float:left; clear:both;}
.main dd { padding:8px 0; margin-left:120px; }
.cimg { margin:30px auto 0; text-align:center;}

.slist dt,
.slist dd { font-size:1.4em; }
.slist dt { padding:8px 0; width:120px; text-align:left; float:left; clear:both;}
.slist dd { padding:8px 0; margin-left:120px; }

.linklist { margin-bottom:10px;}
.linklist dt,
.linklist dd { font-size:1.4em; }
.linklist dt { padding:8px 0 0; width:230px; text-align:left; float:left; clear:both;}
.linklist dd { padding:8px 0 0; margin-left:120px; }

.memberlist li { font-size:1.4em; }
.memberlist li { padding:8px 0; width:48%; text-align:left; display:inline-block; }

.post { font-size:16px; font-weight:normal !important; margin-bottom:10px !important; line-height:1.2 !important;}
.name { font-size:35px; margin-bottom:10px; line-height:1.2; font-family:Garamond, "Times New Roman", Times, serif;}
.name small { margin-left:20px; font-size:16px; }

.gl img { float:left; width:24%; margin:3px;}

.hanbaiList {display: flex;}
.hanbaiList .linklist dt { margin-top: 0; margin-bottom: 0.5em; padding:0; width:200px; text-align:left; float:left; clear:both;}
.hanbaiList .linklist dd { margin-bottom: 0.5em; padding:0; margin-left:200px; }

#recruit .lbox{ width:48%; float:left;}
#recruit .rbox{ width:48%; float:right;}
#recruit .job,
#recruit .jobinfo {border-bottom:1px solid #CCC; line-height:1.5; margin-bottom:30px;}
#recruit .job dt{
	width:100%;
	box-sizing: border-box;
	color:#FFF;
	font-weight:bold;
	text-align:left;
	border-top:1px solid #CCC;
	float:none;
}
#recruit .job dd{
	margin:0;
	box-sizing: border-box;
}
#recruit .jobinfo dt{
	width:80px;
	clear:left;
	float:left;
	box-sizing: border-box;
	color:#FFF;
	text-align:left;
	border-top:1px solid #CCC;
}
#recruit .jobinfo dd{
	margin:0 0 0 80px;
	border-top:1px solid #CCC;
	box-sizing: border-box;
}
#recruit .formbtm {
	display:block;
	width:150px;
	margin:25px auto 15px;
	padding: 15px 20px;
	font-size: 1.5em;
	background-color:#000;
	color: #fff;
	border-style: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
	text-align:center;
}

@media screen and (max-width:736px) {
	.content { width:100%; padding:10px;}
	.top { width:100%; padding-top:50px;}
	.news .list { width:90%;}
	.topnav { padding-top:50px;}
	.topnav li A { margin-bottom:10px; width:100%; float:none; font-size:16px;}
	.title { margin:0 0 15px; font-size:28px; }
	.main .limg { width:99%; height:250px; overflow:hidden; float:none; margin:0 auto 20px;}
	.main .txt { width:100%; float:none;}
	.main .txt h3 { font-size:16px; margin-bottom:15px;}
	.main .txt dt { padding:0 0; width:100%; text-align:left; float:none; }
	.main .txt dd { padding:5px 0; margin-left:0; }
	.cpt { padding-top:0;}
	.cimg { margin:20px auto 0; text-align:center;}
	.post { font-size:14px;}
	.name { font-size:25px;}
	.name small { margin-left:15px; font-size:14px; }
	.gl img { float:left; width:49%; margin:1px;}
	.linklist dt { margin-top: 1em;}
	.hanbaiList {display: inherit;}
	.hanbaiList .linklist dt { margin-bottom: 0;}
	.hanbaiList .linklist dd { margin-bottom: 1em;}
	#recruit .lbox{ width:100%; float:none;}
	#recruit .rbox{ width:100%; float:none;}
	}
	
@media screen and (max-width:480px) {
.memberlist li { padding:8px 0; width:100%; text-align:left; display:inline-block; }
}	
@media screen and (max-width:320px) {
.title { margin:0 0 15px; font-size:20px; }
.memberlist li { font-size:1.4em; }
}	
	
#contact {}
#contact .form {
	font-size:1.5em;
}
#contact .orei { font-size:2.0em; color:#FFF; font-weight:bold; text-align:center; margin:30px 0; }
#contact input[type="text"],
#contact textarea  {
	padding:5px;
	font-size:14px;
	line-height:1.5;
	border:1px solid #CCC;
	background-color: #fff;
	box-sizing: border-box;
}
#contact textarea { width:100%;}
#contact .text { width:100%;}
#contact .add { width:100%;}
#contact .rireki { line-height:1.8;}
#contact .rireki input { margin-bottom:10px;}
#contact .flup { border-bottom:1px solid #CCC; padding:10px 0;}
#contact .entitle { background:#EEE; color:#000; padding:5px; margin-bottom:10px;}
#contact .inline { display:inline;}
#contact .submit_button { text-align:center; margin:15px 0;}	
#contact .submit_button input {
	width:100px;
	margin:10px;
	padding: 10px 10px;
	font-size: 1.6em;
	background-color:#000;
	color: #fff;
	border-style: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
}
.error INPUT, .error TEXTAREA, .error SELECT .error RADIO {
	border-width:2px;
	border-style:solid;
	border-color:#ED1C24;
	background:#FFE6E7;
	}
.iferror {
	margin:0;
	display:none;
	}
.error .iferror {
	margin:5px 0;
	padding:5px;
	display:block;
	color:#FF0000;
	background:rgba(255,255,255,0.8);
	}
.hint { color:#888; }
.red {
	font-size:12px;
	padding:1px 3px;
	color:#FF0000; 
	font-weight:bold;
	background:rgba(255,255,255,0.8);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;}

@media only screen and (max-width:736px){
#contact .text,
#contact .add,
#contact textarea { width:100%;}
}
table.tbmain {
	width:100%;
	border-collapse: collapse;
	margin:15px auto;
	font-size:1.5em;
	line-height:1.5;
	border-top: 1px dotted #CCC;
} 
.tbmain th {
	padding:15px;
	border-bottom: 1px dotted #CCC;
}
.tbmain td {
	padding:15px;
	border-bottom: 1px dotted #CCC;
	text-align:left;
}

@media only screen and (max-width:736px){
table.tbmain{ margin:0 auto; width:100%; box-sizing: border-box;}
table.tbmain th,
table.tbmain td{
	padding:10px;
	width: 100%;
	display: block;
	border-top: none;
	box-sizing: border-box;
    }
table.tbmain th{}
table.tbmain td { text-align:left;}
}