<style>

*{margin:0; padding:0;}
body{
	margin:0 auto;
	font-family:游明朝;
}
header{
	height:100px;
	padding-top:10px;
	position:relative;
}
.logo{
	padding:0 10px;
}

h1{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	font-family:游ゴシック;
}
h1 a{

	color:#02328d;
}
h2{
	font-size:36px;
	font-weight:bold;
	text-align:center;
	font-family:游ゴシック;
	color:#02328d;	
}
h2 p{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	font-family:游ゴシック;
}
#contact h2,#blog h2{
	font-size:36px;
	font-weight:bold;
	text-align:center;
	font-family:游ゴシック;
	color:#fff;	
}

.g1,.g2{

	margin:0;
	padding:0;	
}
.g1{
	font-weight:bold;
	text-align:center;
	font-size:20px;
	color:#5f5f5f;
}
.g2{
	font-size:10px;
	font-weight:bold;
	color:#02328d;
	text-align:center;
	font-family:游ゴシック;	
}
h3{
	font-family:游ゴシック;
	color:#02328d;
	font-size:14px;
}
.naiyou{
	font-family:游ゴシック;
	font-size:14px;
}
a{
	text-decoration:none;
}
.menu-btn{
	position:absolute;
	width:30px;
	height:24px;
	overflow:hidden;
	display:none;
	padding:20px;
	right:10px;
	top:10px;
	
}

.menu-btn span{
	width:100%;
	height:2px;
	background:#000;
	display:block;
	margin-bottom:6px;
}
nav #pcnav li a:hover {
	color:#02328d;	
	text-decoration:none;
	font-family:游ゴシック;
}
nav{
	width:auto;
	margin:20px auto;
	position:relative;
}
nav  #pcnav{
	height:60px;
	font-family:游明朝;	
}
nav  #pcnav li{
	text-align:center;
	display:block;
	width:200px;
	float:left;
	line-height:1em;
}
nav  #pcnav li a{
	font-size:14px;	
	font-weight:900;
	color:#5f5f5f;	
}

nav #spnav{
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	top:0;
	background:#fff;
	width:100%;
	display:none;
	z-index:9999;
	background:#eee;
}
nav #spnav li{
	list-style-type:none;
}
nav #spnav li a{
	color:#000;
	font-family:游ゴシック;
}
#pcnav li.nav1,#pcnav li.nav2,#pcnav li.nav3,#pcnav li.nav4{
	border-right:1px solid #02328d;	
	height:60px;
}
nav #spnav .nav1,nav #spnav .nav2,nav #spnav .nav3,nav #spnav .nav4,nav #spnav .nav5{
	height:auto;
	line-height:3em;
	border-bottom:1px dotted #666;
	z-index:99999;
	text-align:center;
}
.subname{
	font-family:游ゴシック;
	color:#02328d;
	font-size:13px;
	font-weight:900;
}
.button{
	width:850px;
	height:200px;
	margin:0 auto;
	margin-bottom:70px;
}
.button ul{
	margin:0;
	padding:0;
}
.button ul li{
	width:200px;
	height:200px;
	list-style-type:none;
	float:left;
}
.main_bar{
	width:100%;
	max-width:1680px;
	height:30px;
	background:#02328d;
	margin:0 auto; 
}
.subimage1{
	width:100%;
	max-width:1680px;
	height:300px;
	background:url(../images/sub-image1.jpg);
	background-position:center top;
	margin:0 auto; 
	position:relative;
}
.title1,.title2{
	position:absolute;
	right:240px;
	top:160px;
}
#reform_building .title1,#reform_house .title2{
	position:absolute;
	left:100px;
	top:160px;
	
}
.subimage2{
	width:100%;
	max-width:1680px;
	height:300px;
	background:url(../images/sub-image2.jpg);
	background-position:center top;
	margin:0 auto; 
	position:relative;
}
.subimage3{
	width:100%;
	max-width:1680px;
	height:280px;
	background:url(../images/sub-image3.jpg);
	background-position:center top;
	margin:0 auto; 
	padding-top:20px;
	text-align:center;
}
#company .subimage3{
	width:100%;
	max-width:1680px;
	height:240px;
	background:url(../images/sub-image3.jpg);
	background-position:center top;
	margin:0 auto; 
	padding-top:60px;
	text-align:center;

}
.subimage4{
	width:100%;
	max-width:1680px;
	height:240px;
	background:url(../images/sub-image4.jpg);
	background-position:center top;
	margin:0 auto; 
	padding-top:60px;
	text-align:center;
}
.subimage5{
	width:100%;
	max-width:1680px;
	height:240px;
	background:url(../images/sub-image5.jpg);
	background-position:center top;
	margin:0 auto; 
	padding-top:60px;
	text-align:center;
}
.reform{
	margin:30px 100px 70px 200px;
	padding-top:30px;
}
.blog{
	width:100%;
	max-width:1680px;
	height:280px;
	margin:0 auto; 
	padding-top:20px;
	text-align:center;
}
.blog img,.company img{
	margin-left: auto;
	margin-right: auto;
}
.contact{
	width:100%;
	max-width:1680px;
	height:190px;
	background:#02328d;
	color:#fff;
	margin:0 auto;
	line-height:1em;
	padding:30px 0;
	position:relative;
}
.contact img{
	position:absolute;
	right:50px;
	top:20px;
}
.contact p{
	margin-left:200px;
}
.contact p.moji1{
	font-size:15px;
	font-family:游ゴシック;
}
.contact p.moji2{
	font-size:25px;
}
.contact p.moji3{
	font-family:游ゴシック;
	font-size:15px;
}
.contact p.moji4{
	font-family:游ゴシック;
	font-size:25px;
	font-weight:900;
}
footer{
	max-width:1680px;
	font-family:游ゴシック;
	font-size:15px;
	color:#5d5c5c;
	position:relative;
	padding-bottom:30px;
	margin:0 auto;
}
footer span{
	font-weight:bold;
}
#footernav{
	margin:0;
	padding:0;
	font-size:12px;
	position:absolute;
	right:20px;
	padding-top:10px;
}
#footernav img{
	width:10px;
	height:10px;
	padding-left:8px;
}
#footernav li{
	list-style-type:none;
	display:block;
	float:left;
}
#footernav li a{
	text-decoration:none;
	color:#5d5c5c;
}
#syamei{
	padding-top:30px;
	padding-left:200px;
}
#syamei p span{
	font-size:18px;
}
.gifu-f,.osaka-f,{
	font-size:15px;
}
.gifu-f span p,.osaka-f span p{
	font-weight:normal;
}
.copy{
	font-size:11px;
	text-align:right;
	display:block;
	overflow:hidden;
	clear:both;
	margin-right:20px;
}
.sp_title1,.sp_title2{
	font-weight:900;
	color:#fff;
	font-size:5vw;
	display:none;
	line-height:30px;
	text-align:center;
	padding-top:110px;

}

.sp_title1 span,.sp_title2 span{
	font-family:游ゴシック;
	font-weight:900;
	font-size:3vw;
}

#guide{
	overflow:hidden;
}





#main{
	width:100%; max-width:1680px; margin:0 auto; overflow:hidden; position:relative; 
	min-width:1100px;

	font-family:游ゴシック;
}
/*reform_buildingはここから*/
.subtitle{
	margin:50px 100px 0 200px;
	color:#000;
	font-size:15px;
	font-family:游明朝;
}
#reform_building .reform{
	padding:0;
	margin-top:50px;
}
#reform_building .reform h3{
	border-left:5px solid #02328d;
	padding:10px;
	margin:0;
	font-size:20px;
}
#reform_building .reform p{
	padding:0;
	margin:0;
	margin-bottom:20px;
}

#reform_building ul li{
	font-size:15px;
}

#reform_building img.building{
	margin:20px 0;
	float:right;
	width:380px;
}
img.meeting{
	float:right;
}
div.officer,div.mansionr,div.stepr{
	overflow:hidden;
}

/*reform_houseはここから*/

#reform_house .reform{
	padding:0;
	margin-top:50px;
}
#reform_house .reform h3{
	border-left:5px solid #02328d;
	padding:10px;
	margin:0;
	font-size:20px;
}
#reform_house .reform p{
	padding:0;
	margin:0;
	margin-bottom:20px;
}

#reform_house ul li{
	font-size:15px;
}
div.{
	margin-left:20px;
}
div.step p{
	font-size:13px;
}
div.step img.meeting{
	width:350px;
}
#reform_house img.meeting{
	margin:20px 0;
}

div.step p img{
	vertical-align:middle;
	margin-right:20px;
}
div.step p img.yajirusi2{
	margin-left:32px;
}
div.housestep{
	overflow:hidden;
}
/*companyはここから*/

table#gaiyo{
	margin:20px auto;
}
table#gaiyo th{
	width:300px;
	height:60px;
	border-bottom:1px solid #eee;
	font-size:15px;
}
table#gaiyo td{
	width:500px;
	border-bottom:1px solid #eee;
	font-size:15px;
}
table#gaiyo tr.address td{
	padding-bottom:20px;
}

td span{
	background:gray;
	color:#fff;
	padding:2px 10px;
	font-size:13px;
}
div.map{
	margin:0 auto;
	width:1040px;
}
div.gifu{
	width:520px;
	float:left;
}
div.osaka{
	width:520px;
	float:right;
}
div.gifu p{
	background:gray;
	color:#fff;
	padding:2px 10px;
	width:5em;
	font-size:13px;
	text-align:center;
	margin-left:10px;
}
div.osaka p{
	background:gray;
	color:#fff;
	padding:2px 10px;
	width:8.5em;
	font-size:13px;
	text-align:center;
	margin-left:10px;
}
div.gifu iframe{
	display:block;
	float:left;
	width:500px;
	height:450px;
	margin:10px;
}
div.osaka iframe{
	display:block;
	float:right;
	width:500px;
	height:450px;
	margin:10px;
}
div.gifu-f{
	display:block;
	float:left;
	width:400px;
}
div.osaka-f{
	display:block;
	float:left;
	width:400px;
}

/*contactはここから*/
dl{
	width:400px;
	margin:0 auto;
}
#spform{
	display:none;
	margin-top:20px;
}
#spform dt{
	width:300px;
	height:40px;
	line-height:40px;
}
#spform dd input{
	width:300px;
	height:30px;
	font-size:15px;
	margin-bottom:10px;
}
#spform dd select{
	width:300px;
	height:30px;
	font-size:15px;
	margin-bottom:10px;
}
#spform dd textarea{
	width:300px;
	height:90px;
	font-size:15px;
}
#spform span{
	background:gray;
	line-height:1em;
	padding:2px 10px;
	color:#fff;
	font-size:13px;
	margin-left:20px;
}
div.privacy{
	height:100%;
	background:#eee;
	font-size:13px;
	padding:20px;
}
table#form{margin:20px auto;}
table#form td{
	width:300px;
	height:40px;
	padding-bottom:5px;
}
table#form td input{
	width:500px;
	height:30px;
	font-size:15px;
}
table#form td textarea{
	width:500px;
	height:90px;
	font-size:15px;
}
table#form td select{
	width:200px;
	height:30px;
	font-size:15px;
}
table#form td span{
	background:gray;
	line-height:1em;
	padding:2px 10px;
	color:#fff;
	font-size:13px;
	margin-left:20px;
}
table#form td.privacy{
	background:#eee;
	padding:20px;
	font-size:13px;
}


.check{
	margin:0 auto;
	font-size:15px;
	padding-top:10px;
}
.send{
	width:300px;
	padding:20px 0;
	margin:0 auto;
}
.send input{
	width:300px;
	padding:20px 70px;
	background:#43c5a1;
	color:#fff;
	font-size:16px;
}

/*blogはここから*/
#blog h3{
	font-size:20px;
	color:gray;
}
#blog div.wrap{
	width:1000px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	margin-top:50px;	
}
.history{
	width:700px;
	float:left;
}
.history img.blogimg{
	 width:700px;
	overflow:hidden;
	float:left;
	margin-bottom:10px;
}
.history .blogp{
	width:700px;
	margin-bottom:40px;
}
.archive{
	width:250px;
	padding:0;
	margin:0;
	overflow:hidden;
	float:right;
}
.archive ul{
	padding-left:0;
	overflow:hidden;
	margin-bottom:40px;
}
.archive ul li{
	border-left:2px solid #02328d;
	list-style-type:none;
	margin-bottom:10px;
	padding-left:10px;
}
.archive span{
	color:#02328d;
	font-size:12px;
	font-weight:900;
}
.archive p{
	color:#02328d;
	font-size:30px;
	font-family:游ゴシック;
	margin-bottom:15px;
}
.archive li a{
	color:#02328d;
	display:block;
}
.archive li a:hover,.nextbtn:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}
p.day{
	color:#fff;
	text-align:center;
	width:130px;
	padding:5px;
	background:gray;
	font-size:13px;
	clear:both;
}
.nextbtn{
	width:200px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #02328d;
	border-radius: 25px;
	color: #fff;
	display: block;
	transition: .3s;
	margin:20px auto;
}
.nextbtn a{
	color:#fff;
}


/*レスポンシブはここから*/
@media screen and (max-width:800px){
	#main{ 
		min-width:100%;

	}
	nav { width:auto; }
	nav #pcnav{ display:none; }
	nav #spnav{  }
	table#form{ display:none;}
	dl#spform{ display:block; }	
	.title1, .title2{ display:none;}

	.sp_title1{ display:block; }

	.sp_title2{ display:block; }
	h1{
		font-size: calc(80% + 1vw) 
	}
	.logo{
		padding:0;
	}
	.button{
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.button ul li{
		width:25%;
		height:25%;
		list-style-type:none;
		float:left;
		margin-bottom:70px;
	}
	.button ul li img{
		width:100%;
		height:100%;
		list-style-type:none;
		float:left;
	}
	.menu-btn{
		display:block;
		z-index:999999;

	}
	.menu-btn:hover{
		cursor:pointer;
	}
	#overlay{
		background:#000;	
		opacity:0.7;
	}
	#footernav{
		display:none;
	}
	.reform{
		text-align:center;
		margin:0;
		margin-bottom:50px;
	}

	footer{
		padding:0;
		margin-left:10px;
		padding-bottom:20px;
	}
	.moji1,.moji2,.moji3,.moji4{ display:none;}
	#syamei{
		padding-left:10px;
		width:100%;
	}
	div.gifu-f{
		float:none;
		width:auto;
	}
	div.osaka-f{
		float:none;
		width:auto;
	}
	.gifu-f,.osaka-f{
		 font-size: calc(60% + 0.5vw) 
		width:100%;
	}
	#syamei p span,.gifu-f span,.osaka-f span{
		 font-size: calc(60% + 0.5vw) 
	}
	.contact{
		height:30px;
		text-align:center;
	}
	.contact img{
		position:static;
	}
	.contact p{
		margin-left:10px;
	}
	#company .contact{
		display:none;
	}
	#contact .contact{
		display:none;
	}
	p.subtitle{
		padding-top:10px;
		margin:0 auto;
		width:100%;
	}
	#reform_building div.reform,#reform_house div.reform{
		
		text-align:left;
	}
	#blog div.wrap{
		width:100%;
	}
	.history img.blogimg{
		width:100%;
	}
	.history,.archive{
		clear:both;
	}
	.yohaku{
		width:90%;
		margin:0 auto;
	}
	img.meeting{
		float:none;
		margin-bottom:10px;
	}
	#reform_building img.building{
		float:none;
	}
	.history{
		width:auto;
		float:none;
	}
	table#gaiyo td{
		width:auto;
	}
	div.map{
		margin:0 auto;
		width:100%;
	}
	div.gifu{
		width:auto;
		height:auto;
		margin:0 auto;
		float:none;
	}
	div.osaka{
		width:100%;
		height:auto;
		margin:0 auto;
		float:none;
	}
	div.gifu iframe{
		float:none;
		width:90%;
		height:90%;
	}
	div.osaka iframe{
		float:none;
		width:90%;
		height:90%;
	}
	.archive{
		width:100%;
		overflow:hidden;
		float:none;
}
	.archive ul li{
		float:none;
		overflow:hidden;
		//width:150px;
		width:33.333%;
		box-sizing:border-box;
		display:block;
		float:left;
	}
	.archive ul li,.archive ul li span{
		font-size:80%;
		padding:0 0.6em;
	}

	.history{
		width:100%;
		float:none;
	}
	.history .blogp{
		width:100%;
		margin-bottom:1em;
	}
	dl{
		width:100%;
	}
	#spform dt{
		width:100%;
	}
	#spform dd input{
		width:100%;
	}
	#spform dd select{
		width:100%;
	}
	#spform dd textarea{
		width:100%;
	}
}
</style>