/*--------index以外の全ページに適用　ヘッダー--------*/
header{
	width:1190px;
	height:90px;
	margin:0 auto;
	padding:0;
	position:relative;
}

h1{
	margin: 0;
	padding: 0;
	height: 90px;
	position:absolute;
}

/* --- Berger Menu --- */

.bmenu {
	display:none;
}


nav{
	position:absolute;
	right:0;
	height:90px;
	line-height:90px;
}

nav ul{
	list-style:none;
	height: 90px;
	margin: 0;
	padding: 0;
}

nav ul li{
	float:left;
	margin: 0 20px;
}

nav ul li a{
	font-size:17px;
	font-weight:bold;
	color:#000;
}

.buy a:hover{
	color:#fca042;
}
.arrange a:hover{
	color:#093fd6;
}
.sell a:hover{
	color:#ef4633;
}
.build a:hover{
	color:#00b7c1;
}
.reform a:hover{
	color:#00963d;
}
.store a:hover{
	color:#0948b3;
}

.contact a:hover{
	color:#b6338d;
}

.nav_icon{
	position: relative;
	top: 5px;
	right: 3px;
}

/*↓ナビの△位置　クラス名で指定↓*/
nav .sell {
	background:url(../images/common/sankaku2.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}

hr {
	margin:0;
	padding:0;
	width:100%;
	border-width: 2px;
	border-style: solid;
	border-color: #191970;
}

/*--------メイン--------*/

#company #midashibanner{height:300px; background:url(../images/campany/gaiyou.png) no-repeat; background-size:cover;}
#company #midashibanner h1{position:static; text-align:center; line-height:300px; font-size:3vw;}


#company #main{ margin:40px auto; width:980px;}
#company #main table{border-collapse:collapse; width:100%; margin:0 auto;}
#company td{border:1px solid #ccc; font-size:16px; line-height:50px; padding-left:10px;}
#company tr td.line_h {
	line-height:1.875em;
	padding:10px;
}
#company tr td:first-of-type {min-width:150px;}
#company .map{text-align:center;}


/* ------------------- ver.Smart Phone ------------------ */

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

	#wrap {
		width:100%;
		position:relative;
		overflow:hidden;
	}


	header {
		width:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:9999;
		background:rgba(255,255,255,0.8);
	}
	
	header h1 {
		z-index:5;
		padding-left:10px;
	}
	
	
	/* nav berger */
	
	.bmenu {
		display:block;
		width:30px;
		height:22px;
		position:absolute;
		top:0;
		right:5%;
		bottom:0;
		margin:auto 0;
		z-index:3;
	}
	
	.bmenu:hover {
		cursor:pointer;
	}
	
	.bmenu span {
		display:block;
		width:30px;
		height:2px;
		background:#000;
		transition:all 0.7s;
	}
	
	.bmenu span:not(:last-child){
		margin-bottom:8px;
	}
	
	
	.bmenu span.dnone {
		opacity:0;
	
	}
	.bmenu span.lineup {
		transform:translate(0px,10px) rotate(45deg);
	}
	.bmenu span.linedown {
		transform:translate(0px,-10px) rotate(-45deg);
	}
	
	nav {
		width:100vw;
		height:100vh;
		background:#fff;
		display:none;
	}
	
	nav ul {
		height: auto;
		margin-top:90px;
		border-top:4px solid #191970;
	}
	
	nav ul li {
		float:none;
		line-height:70px;
		padding-left:2em;
	}
	/*
	nav .sell {
		background:none;
	}
	
	nav .sell a {
		border-bottom:2px solid #1a1b65;
		padding-bottom:0.2em;
	}
	*/
	
	/* --- ここまで　header --- */
	
	hr {
		margin-top:90px;
		box-sizing: border-box;
	}
	
	#main {
		width:100%;
	}
	
	.jisekilist {
		width:95%;
		text-align: center;
	}
	
	.jisekilist img,
	.a_contents img {
		max-width:100%;
	}
	
	.subtitle,
	.subtitle p {
		height:auto;
	}
	
	#sell_b img {
		margin:0 auto;
	}
	
	#main {
		padding:0;
	}
	
	
	
	.subtitle p {
		font-size:20px;
	}
	
	.titlebar p {
		font-size:16px;
	}
	
	.titlebar {
		width:95%;
		height:auto;
		margin:30px auto 15px auto;
	}
	
	.titlebar br {
		display:block;
	}
	
	.titlebar p {
		padding: 0.2em 0;
		line-height: 1.5em;
		letter-spacing: -0.1em;
	}
	
	.subtitle p {
		padding:14px 0 14px 80px;
	}
	
	.comment {
		text-align:center;
	}
	.comment img {
		max-width:100%;
	}
	
	.red_banner {
		display:none;
	}
	
	.sp_red_banner {
		display:block;
		width:95%;
		margin:0 auto 14% auto;
		border-radius:10px;
		background:linear-gradient(-24deg,#ca0001 0%,#ca0001 50%,#e30212 50%, #e30212 100%);
		padding-bottom:0.8em;
	}
	.sp_red_banner h3,
	.sp_red_banner p {
		color:#fff;
		font-weight:600;
		text-align:center;
	}
	
	.sp_red_banner h3 {
		font-size:20px;
		position:relative;
		width:100%;
		min-width:270px;
		padding:0.5em 0.1em 0 0.1em;
		margin:0 auto 0.5em auto;
	}
	
	.sp_red_banner h3::after {
		content:"";
		display:block;
		width:70%;
		min-width:270px;
		height:1px;
		background:#fff;
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		margin:0 auto;
	}
	
	.sp_red_banner p {
		width:80%;
		margin:0 auto;
		border-radius:10px;
		background:#f9a301;
		padding:0.5em 0.8em;
	}
	
	.sp_red_banner p span {
		color:#e01218;
	/*
	text-shadow: 1px 1px 0 #db7f22,
				 -1px 1px 0 #db7f22,
				 1px -1px 0 #db7f22,
				 -1px -1px 0 #db7f22;
	*/
	}
	
	/* --- flex  --- */
	
	#ichiran {
		display:flex;
		justify-content:center;
		align-items:flex-start;
		flex-wrap:wrap;
	}
	
	
	/* --- contact space --- */
	
	
	#main_contact,
	.maincontact_contents {
		height:auto;
	}
	
	.maincontact_contents {
		width:100%;
		padding-bottom: 20px;
	}
	
	.homepage::before {
		content:"\A";
		white-space:pre;
	}
	
	.maincontact_contents p {
		margin:20px auto 20px auto;
		text-align:center;
	}
	
	.homepage {
		text-align:center;
	}
	
	.telmail_ttl {
		font-size:22px;
	}
	
	.telmail_waku {
		margin:0 auto 12px auto;
		width:90%;
		height:auto;
	}
	
	.telmail_tel {
		font-size:36px;
		background:none;
		padding:0;
	}
	
	.telmail_timea {
		font-size:16px;
	}
	
	.telmail_waku a img {
		width:95%;
		max-width:385px;
		min-width:200px;
	}
	
	/* --- linkbtn --- */
	
	.main-img .linkbtn {
		position: relative;
		width: 94%;
		right: auto;
		bottom: auto;
		border-radius: 4px;
		margin: 20px auto;
	}
	
	/* --- footer --- */
	
	.footer-nav {
		height:auto;
		background:#fff;
		line-height:62px;
	}
	
	.footer-nav ul {
		width:100%;
		text-align:left;
		padding:0;
	}
	
	.footer-nav ul li {
		display:list-item;
		border-top:1px solid #c6c6c6;
	
	}
	
	.footer-nav li a {
		border-right:none;
		position:relative;
		display:inline-block;
		width:100%;
		padding:0;
		margin-left:1em;
	}
	
	.footer-nav li a::after {
		display:block;
		content:"＞";
		width:20px;
		height:62px;
		line-height:62px;
		position:absolute;
		top:0;
		bottom:0;
		right:2em;
		margin:auto 0 auto 0;
		text-align:center;
		color:#508bca;
		
	}
	.footer-nav li:first-child a {
		border:none;
	}
	
/*--------メイン--------*/
	
#company #midashibanner {
	height:200px;
}

#company #midashibanner h1 {
	line-height:200px;
	font-size:20px;
}


#company #main { 
	width:100%;
	padding:0 4vw;
	box-sizing: border-box;
}

#company td{
	width:calc(100% - 85px);
	line-height:1.875em;
	padding:10px;
}
#company tr td:first-of-type {
	min-width:auto;
	width:85px;
}
#company .map{
	text-align:center;
	width:100%;
}

#company .map iframe {
	width:100%;
}
	
	
	}