@charset "utf-8";
/* CSS Document */
/* =================================================================================================
 * Comon
 * =================================================================================================*/
html, body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.0em;
	width:100vw;
	overflow-x: hidden;
}
img {
	border: 0;
}

intro img {
    margin: 0 auto;
    width: 33px;
}
a {
	text-decoration: none;
	color: #000;
}
ol, ul, li {
	list-style: none;
	margin:0;
	padding:0;
}
h1{
    color:#6e2b00;
    font-size:22px;
    line-height: 1rem;
    font-weight:lighter;
    margin-top:17px;
    margin-bottom: 10px;
    float: left;
    /* display: -webkit-inline-box; */
	font-family: 'Allura',"Hannari", "Sawarabi mincho";
	font-weight: bold;
}
h1 span{
    font-size:1rem;
	margin-right: 1rem;
	font-weight: bold;
	display: block;
}
a img{
border:none;
}
a:hover img{
    filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
}

.float_l{
	float: none;
}
.float_r{
	float: none;
}

.display_tb,
.display_pc{
	display: none;
}
span.display_tb,
span.display_pc{
	display: none;
}
.display_sp{
	display: block;
}
span.display_sp{
	display: inline-block;
}
.serif {
	font-family: 'Allura',"Hannari", "Sawarabi mincho";
}

/* =================================================================================================
 * 
 * =================================================================================================*/
#main .bg_img{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(../img/top/sp_back.jpg) center/cover no-repeat;
    width: 100%;
    height: 100vh;
}
#main .bg_img2{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(../img/back.jpg) center/cover no-repeat;
    width: 100vw;
    height: 100%;
}
#nav{ 	
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(251, 253, 255, 0.8);
	width: 100vw;
	height: 82px;
	z-index: 10;
	overflow: hidden;
	padding:0px;
 }
#nav .nav_box {
	display: inline-block;
}
#nav .float_l{
	width: 111px;
}
#nav .float_r{
	width: 600px;
    font-family: 'Allura',"Hannari", "Sawarabi mincho";
	margin-left: 1rem;
}
#nav img{
    margin-right:20px;
    clear: left;
    float: left;
    display: -webkit-inline-box;
	width: 105px;
	height: auto;
	margin-top: 0.3rem;
}
.wrap{
    width:1000px;
	margin:0 auto;
	
}
#nav  ul.menu{
	margin:50px 0px 0px; 
	border-top: 1px solid #6e2b00;
	padding-top: 0.5rem;
}
#nav .menu li{
    font-size: 1rem;
    float:left;
	width: 23%;
	text-align: center;
}
.menu li a{ 
    color:#6e2b00;
	position: relative;
    display: inline-block;
	text-align: center;
}
.menu li a:hover{
color:#080d51;
}
.menu li a:before{
  position: absolute;
  top: 1.3em;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #fff;
  transition:all 300ms 0s ease;
}

.menu li a:hover:before{
  width: 100%;
}
 .phone, .phone2, .contact, .contact2, .rese, .rese2, .sp_menu, .sp_menu2 {
 font-size: 10px;
 text-align: center;
 float: right;
 width: 100px;
 height: 42px;
 padding-top: 40px;
 margin-left:2px;
 transition:all 300ms 0s ease;
 }
.sp_menu2, .rese2, .phone2, .contact2 {
margin-left:0;
}
.rese2, .contact2 {
	border-right: 1px solid #444444;
}
.rese2, .sp_menu2 {
	border-bottom: 1px solid #444444;
}
 .phone:hover, .contact:hover, .rese:hover {
 background-color:rgba(244, 207, 177, 0.82);
 }
 .phone, .phone2 {
 background:url(../img/tel.png) no-repeat center 15px #c5a786;
color:#ffffff;
 } 
 .index2 .phone, .index2 .phone2 {
	background:url(../img/tel.png) no-repeat center 15px #fff;
	color:#6e2b00;
	border: 1px #6e2b00 solid;
	margin-top: -2px;
 }
  .contact, .contact2 {
 background:url(../img/contact.png) no-repeat center 15px #c5a786;
color:#ffffff;
 }
 .index2 .contact, .index2 .contact2 {
	background:url(../img/contact.png) no-repeat center 15px #fff;
	color:#6e2b00;
	border: 1px #6e2b00 solid;
	margin-top: -2px;
 }
  .rese, .rese2 {
 /*background:url(../img/rese.png) no-repeat center 15px #c5a786;*/
	color: #ffffff;
 }
.sp_menu {
	 background:url(../img/sp_menu.png) no-repeat center 15px;
	color: #6e2b00;
	display: none;
	font-size: 12px;
	padding-top: 50px;
} 
.sp_menu2 {
	background:url(../img/close.png) no-repeat center 15px #444;
	color: #ffffff;
	width: 100%;
}
#slide_menu{
    position: fixed;
    top: 0;
    right: -240px;
    width: 202px;
    height: 100vh;
    background: rgba(25, 12, 3, 0.8);
	z-index: 10;
}
#slide_menu a {
	color: #ffffff;
}
ul.sp_menulist {
	font-family: 'Allura',"Hannari", "Sawarabi mincho";
	margin-top: 180px;
    text-align: center;
}
.sp_menulist li {
	border-bottom: 1px solid #444444;
    padding: 10px 0;
}
ul.contact-box{
border-radius:5px;
border:solid 1px #7F7659;
width:160px;
position:fixed;
bottom:140px;
right:260px;
z-index:1000;
}
.contact-box li{
font-size:1rem;
text-align:center;
line-height:50px;
width:100%;
height:50px;
background:rgba(0,0,0,0.5);
transition:all 300ms 0s ease;
}
.contact-box li a{ 
color:#fff;
}
.contact-box li.te{ 
border-radius:5px 5px 0px 0px / 5px 5px 0px 0px;
border-bottom:solid 1px #7F7659;
}
.contact-box li.co{
border-bottom:solid 1px #7F7659;
}
.contact-box li.re{
border-radius:0px 0px 5px 5px / 0px 0px 5px 5px;
}
.contact-box li:hover{

background:rgba(100, 100, 33, 0.6);
}
#slide_menu .sns {
	margin-top: 30px;
}



/* =================================================================================================
 * Top
 * =================================================================================================*/
.intro{
max-width:1000px;
margin:0px auto;
padding:460px 0;
text-align:center;
clear:both;
overflow:hidden;
}
.intro img{
	width: 480px;
	margin-left: 340px;
}

.intro2{
	margin-top: 30px;
}
.intro2 img{
	width: 100%;
}
.box {
	padding: 0 1rem;
}

/* =================================================================================================
 * About
 * =================================================================================================*/
#about{
	height:600px;
	display:block;
	margin-bottom: 150px;
	margin-bottom: 150px;
	width:100vw;
	background: url(../img/top/sp_about.png) top center no-repeat, rgba(122, 69, 28, 0.6);
    background-size: contain;
	padding-top: 11rem;
}
#about .box{
max-width: 460px;
 float:right;
}
#about .box p{
	color: #fff;
}
#about .box h2, #news h2, #insta h2, #contact h2, #access h2, #contacts h2 {
	color:#543613;
	font-size:52px;
	text-shadow:#ADA48C 1px 1px 0px;
	font-family: 'Allura',"Hannari", "Sawarabi mincho";
	font-weight:normal;
	line-height:52px;
	margin:72px 0px 42px 0px;
}
#about .box h2{
	color: #fff;
}
#about .box p, #howtouse p, #vhouse .box p, #privacy .box p, #contact p{
    font-size:15px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
    line-height:35px;
	margin:0px;
	padding:0px;
}
.more{
font-size:1rem;
font-weight:bold;
font-family:'Allura',"Hannari", "Sawarabi mincho";
line-height:46px;
text-align:center;
/*background:url(../img/more.png) no-repeat;*/
}
.more a{
color:#fff;
color:#fff;
background:rgba(8, 13, 81, 0.7);
width:270px;
display:block;
transition:all 300ms 0s ease;
margin: 0 auto;
padding-top: 0.3rem;
font-size: 1.5rem;
}
.more a:hover{
background:rgba(8, 13, 81, 1);
}
.top_imgbox_l {
    float: left;
	margin-top: 72px;
}
.top_imgbox_r {
    float: right;
    margin: 72px 10px 0 0;
}
.top_imgbox_l img, .top_imgbox_r img {
	width: 380px;
}

/* =================================================================================================
 * 美容
 * =================================================================================================*/
#howtouse{
	background:rgba(255, 255, 255, 0.8);
	width:100vw;
	height:530px;
	display:block;
	margin-bottom: 150px;
	background: url(../img/top/sp_beauty.png) top center no-repeat;
    background-size: contain;
    background-color: rgba(255, 255, 255, 0.8);
	padding-top: 14rem;
}
#howtouse .box{
max-width:440px;
}
#howtouse p{
color:#000763;
}
#howtouse .wrap{
height:600px;
}
#howtouse h2{
color:#000763;
font-size:52px;
font-weight:normal;
font-family:'Allura',"Hannari", "Sawarabi mincho";
line-height:52px;
margin:0;
padding:96px 0px 42px 0px;
}

/* =================================================================================================
 * 空き家管理
 * =================================================================================================*/
#vhouse{
 	background:rgba(119, 98, 77, 0.43);
	width:100vw;
	height:500px;
	display:block;
	margin-bottom: 150px;
	background: url(../img/top/sp_vhouse.jpg) center bottom no-repeat;
    background-size: cover;
}
#vhouse .box{
}
#vhouse .box h2, #review h2 {
	color:#6a3a07;
	font-size:32px;
	font-weight:normal;
	font-family:'Allura',"Hannari", "Sawarabi mincho";
	line-height:30px;
	display:block;
	padding:72px 0px 30px 0px;
	margin:0px;
}
#vhouse .box h2 span, #review h2 span {
	font-family: 'Allura', "Sawarabi mincho";
}
#vhouse .box p{
	color:#6a3a07;
	margin-bottom: 2rem;
	line-height: 30px;
	font-weight: normal;
}
#vhouse .box .float_r p a{
	color:#780202;
	text-align: center;
	display: block;
}
#vhouse .box p span {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 2.5rem;
	font-family: 'Allura',"Hannari", "Sawarabi mincho";
	color: #c64242;
}
#vhouse .more_box {
	display: block;
}
#vhouse .float_r .more a{
	background: rgba(120, 2, 2, 0.7);
	font-size: 1rem;
}
#vhouse .float_r .more a:hover{
	background: rgba(120, 2, 2, 1);
	font-size: 1rem;
}
/* =================================================================================================
 *個人情報の取扱
 * =================================================================================================*/
#privacy{
	background:rgba(119, 98, 77, 0.43);
	width:100vw;
	height:450px;
	display: inline-block;
	margin-bottom: 150px;
	background: url(../img/top/sp_privacy.png) top center no-repeat;
	background-size: contain;
	background-color: rgba(255, 255, 255, 0.8);
	padding-top: 15rem;
}
#privacy .box{
	 max-width:378px;
	 float:right;
}
#privacy .box h2 {
	color:#000763;
	font-size:35px;
	font-family:'Allura',"Hannari", "Sawarabi mincho";
	line-height:52px;
	display:block;
	padding:90px 0px 30px 0px;
	margin:0px;
	text-align: center;
	font-weight: normal;
}
#privacy .box p{
color: #000763;
text-align: center;
}

/* =================================================================================================
 * お問い合わせ
 * =================================================================================================*/
#contact{
 background:rgba(255, 255, 255, 0.8);
 width:100vw;
 height:450px;
 display:block;
 margin-bottom: 150px;
background: url(../img/top/contact.jpg) 58% no-repeat;
background-size: cover;
}
#contact h2{
	text-align:center;
	padding:72px 0px 0px 0px;
	color: #fff;
}
#contact p{
	color: #fff;
}

#contact .float_l p{
	margin: 3.5rem 0 1.2rem;
	text-align: center;
	line-height: 1.8rem;
}

#contact .float_r p{
	padding: 1rem 2rem 0rem;
	line-height: 1.5rem;
	text-align: center;
}
#contact .float_r .more a{
	background: rgba(16, 81, 8, 0.7);
		display: block;
	    margin-top: 1.8rem;
}
#contact .float_r .more a:hover {
	background: rgba(16, 81, 8, 1);
}
/* =================================================================================================
 * 更新履歴
 * =================================================================================================*/
#news{
 background:rgba(224, 206, 182, 0.8);
 width:100vw;
 height:600px;
 display:block;
 margin-bottom: 150px;
}
#news h2{
	text-align:center;
	padding:72px 0px 42px 0px;
	font-family:  'Allura', "Sawarabi mincho";
}
/* =================================================================================================
 * INSTAGRAM　インスタグラム
 * =================================================================================================*/
#insta{
 background: rgba(122, 69, 28, 0.6);
 width:100vw;
 height:370px;
 display:block;
 margin-bottom: 150px;
}
#insta h2{
	text-align:center;
	padding:72px 0px 42px 0px;
	font-family:  'Allura', "Sawarabi mincho";
	color: #fff;
}
/* =================================================================================================
 * 口コミ
 * =================================================================================================*/
#review {
    background: rgba(119, 98, 77, 0.43);
    width: 100vw;
    height: 600px;
    display: block;
    margin-bottom: 150px;
}
.scr_box {
  overflow: scroll;   /* スクロール表示 */ 
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 400px;
  background: #fff;
  margin-bottom: 60px;
}
.voice {
	margin: 0 10px 40px;
}
.voice p {
	font-size: 1rem;
	line-height: normal;
}
.scr_box hr {
	border: dashed 1px #543613;
	margin: 0 0 10px;
}
.scr_box h3 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-'Allura',"Hannari", "Sawarabi mincho"";
	font-weight: normal;
	font-size: 20px;
	margin: 10px 0 5px;
	line-height: 22px;
}
.scr_box h3 span {
	text-align: right;
	display: inline-block;
	font-size: 1rem;
	background-color: #543613;
	border-radius: 1em;
	color: #fff;
	float: right;
	padding: 0px 10px;
}
.voice_table {
	font-size: 12px;
	width:100%;
	line-height: normal;
}
.voice_table th, .voice_table td {
	display: inline-block;
}
.voice_table th {
		width: 50px;
	}
.voice_table th.first {
	background: #8cc81e;
	padding: 0 6px;
	margin-right: 6px;
}
.voice_table th.second {
	background: #50641b;
	padding: 0 6px;
	margin-right: 6px;
	color: #fff;
}
.voice_table td span {
    font-size: 16px;
    font-weight: bold;
    color: #543613;
    padding: 0 10px 0 5px;
}

/* =================================================================================================
 * お問い合わせ
 * =================================================================================================*/
#contacts{ 
 background: rgba(255,255,255,0.8);
 width:100%;
 display:block;
 padding-bottom:50px;
}
#contacts h2{
text-align:center;
}
#contacts p{
color:#000;
font-size:1rem;
text-align:center;
margin:0;
}
#contacts table{
width:700px;
margin:0 auto;
}
#contacts th{
color:#000;
font-size:12px;
font-weight:normal;
text-align:left;
width:200px;
padding:12px;
width: 100px;
background: transparent;
}
#contacts td{
width: 75%;
padding:12px;
}
.formTable {
	border-collapse: collapse;

}
.formTable input, .formTable textarea {
	background: transparent;
	border: solid 1px #000; 
	color: #000;
	padding: 6px; 
}
.itemArea {
    width: 96%;
}
.formTable textarea {
    width: 96%;
    height: 120px;
}
.send{
margin-top:10px;
overflow:hidden;
text-align: center;
}
.send input{
color:#fff;
font-size:18px;
font-weight:bold;
font-family:'Allura',"Hannari", "Sawarabi mincho";
line-height:46px;
text-align:center;
background:url(../img/more.png) no-repeat rgba(68, 58, 50, 0.47);
border:none;
width:270px;
transition:all 300ms 0s ease;
}
.send input:hover{
background:url(../img/more.png) no-repeat rgba(100, 100, 38, 0.47);
}
/* =================================================================================================
 * access
 * =================================================================================================*/
#access {
	background: rgba(255,255,255,0.8);
	overflow: hidden; 
	margin-bottom: 200px;
	padding-bottom: 4rem;
}
#access {
	padding: 4rem 0;
	overflow: hidden;
}
#access h2 {
	text-align: center;
	padding: 0px 0px 20px 0px;
	font-family: 'Allura', "Sawarabi mincho";
}
#access h3 {
	margin: 1rem auto 0.8rem;
	font-size: 1.3rem;
	font-family: 'Allura', "Sawarabi mincho";
}
#access li table {
	width: 100%;
	width: 100%;
	margin-bottom: 1rem;
	border-top: 1px dotted #ccc;
}
#access table tr {
	border-bottom: 1px dotted #ccc;
	display: block;
}
#access table th,
#access table td {
	vertical-align: middle;
	margin: 0.5rem 0;
	display: block;
}
#access table th {
	font-weight: 500;
	width: 270px;
	font-weight: bold;
}
#access table td {
    line-height: 1.3rem;
}
#access table td a {
	color: #880000;
}
#access table td iframe {
	padding: 0.3rem 0;
}
#access table tr:last-child td {
	display: block;
	width: 100%;
}


/* =================================================================================================
 * フッター
 * =================================================================================================*/
 footer{
 background:#261205;
 width:100vw;
 margin:0;
 padding-top:50px;
 height:auto;
 }
 .sns{
 width:95px;
 margin:0 auto;
 }
 .sns img{
 margin:0 12px;
 float:left;
 background:#BCAFA7;
 transition:all 300ms 0s ease;
 }
 .sns img:hover{
 background:#6DA50C;
 }
#slide_menu .sns img {
	 background: none;
}
 footer hr{
 margin-top:50px;
 border-top:solid 1px #BCAFA7;
 border-bottom:none;
 }
 footer ul.menu{
 margin:10px 0 50px 0;
 }
 footer .menu li{
	text-align: center;
	font-family: 'Allura',"Hannari", "Sawarabi mincho";
 }
 footer .menu li a{
 color:#BCAFA7;
 font-size:1rem;
 font-weight:normal;
 }
footer .menu li a:hover{
color:#fff;
}
footer address img{
	width: 110px;
	height: auto;
}
 address{
 font-style:normal;
 max-width:360px;
 margin:0 auto;
 overflow:hidden;
 clear:left;
 text-align: center
 }
 address img{
 float:left;
 margin-right:10px;
 }
 address h2{
 color:#BCAFA7;
 font-size:16px;
 font-weight:bold;
 font-family: 'Allura',"Hannari", "Sawarabi mincho";
 }
 address p{
 color:#BCAFA7;
 font-size:12px;
 padding:0;
 }
 .f_tel{
 font-size:24px;
 line-height:40px;
 text-align:center;
 width:95%;
 height:40px;
 margin-top:20px;
 background:#BCAFA7;
 transition:all 300ms 0s ease;
 font-family: 'Allura',"Hannari", "Sawarabi mincho";
 font-weight: bold;
 margin: auto
 }
 .f_tel:hover{
 background:#fff;
 }
 .copy{
 color:#fff;
 font-size:10px;
 text-align:center;
 margin-top:50px;
 }


/* =================================================================================================
 * 以下レスポンシブ
 * =================================================================================================*/

/*最大1023pxの表示・パッド横*/
@media screen and (max-width:1023px){
	.wrap {
	    width: 767px;
	    margin: 0 auto;
	}
	.top_imgbox_l img, .top_imgbox_r img {
		width: 340px;
	}
	#nav ul.menu, .phone, .contact, .rese {
		display: none;
	}
	.sp_menu {
		display: block;
	}
	.intro {
    	padding: 88vw 0;
	}
	#contacts table {
		width: 100%;
	}
	#contacts td {
		width: 66%;
	}
}

/*最大767pxの表示・パッド縦*/
@media screen and (max-width:767px){
	.wrap {
    	width: 100vw;
    	margin: 0 auto;
	}
	#about .box, #howtouse .box, #vhouse .box,#privacy .box {
		float: none;
		margin: 0 auto;
	}
	#about, #howtouse, #howtouse .wrap, #vhouse, #privacy, #news, #contact {
		height: auto;
	}
	#about .box h2, #howtouse h2, #vhouse .box h2, #privacy .box h2, #news h2, #contact h2, #insta h2, #access h2 {
		font-size: 30px;
		line-height: 20px;
		margin: 30px 0px 10px 0px;
	}
	#about .box h2, #howtouse h2, #vhouse .box h2, #privacy .box h2 {
		padding: 0;
	}
	#vhouse .box h2 span, #review h2 span {
		display: block;
		margin-top: 0.5rem;
	}
	.top_imgbox_l, .top_imgbox_r {
		float: none;
		text-align: center;
		margin-top: 0;
	}
	.top_imgbox_l img, .top_imgbox_r img {
		width: 50%;
	}
	.more {
		text-align: center;
	    width: 270px;
	    margin: 2rem auto 0;
		padding-bottom: 5%;
	}
	#access {
		height: auto;
	}
	.map, .iv {
    float: none;
	width: 100%;
	}
}

/*最大599pxの表示・スマホ*/
@media screen and (max-width:599px){
	#main {
		background:none;
	} /*PC用の背景はオフ*/
	.intro{
		max-width: 345px;
	}
	.intro1 img{
		width: 160px;
	}
	body::before {
  		content:"";
  		display:block;
  		position:fixed;
  		top:0;
  		left:0;
  		z-index:-1;
  		width:100%;
  		height:100vh;
  		background:url(../img/top/sp_back.jpg) center/cover no-repeat; /*fixedをトル！*/
  		-webkit-background-size:cover;/*Android4*/
  }
	#about .box p, #howtouse p, #vhouse .box p, #privacy .box p, #contact p{
		font-size: 13px;
		font-weight: normal;
	    line-height: 25px;
	}
	#about .box, #howtouse .box, #vhouse .box, #privacy .box p,#contact .box, #privacy .box, #news .box, #insta .box, #access .box{
	    width: 95%;
		margin: 0 auto;
		padding: 0.5rem 0;
	}
	#howtouse .box, #vhouse .box{
		/*margin-left: 0rem;*/
	}
	#contact .float_l p{
		margin: 1.5rem 0;
	}
	#contact .float_r p{
	}
	footer ul.menu, .menu li {
		float: none;
		float: none;
		text-align: center;
	}
	footer .menu li {
		margin: 1% auto 2%;
		border-bottom: 1px dashed #6f5e54;
		width: 80%;
		padding: 0.5rem 0;
	}
	footer ul.menu {
		margin: 10px 0 20px 0;
	}
	.scr_box h3 {
		font-size: 1rem;
	}
	.voice_table th {
		display: block;
	}
}
@media screen and (max-width:400px){
	#about .box, #howtouse .box, #vhouse .box, #privacy .box p,#contact .box, #privacy .box, #news .box, #insta .box, #access .box{
	    width: 310px;
		margin: 0 auto;
		padding: 0.5rem 0;
	}
}

@media screen and (min-width:400px){
	#privacy{
		padding-top: 18rem;
	}
}
@media screen and (min-width:768px){
	.float_l{
		float: left;
	}
	.float_r{
		float: right;
	}
	.display_sp,
	.display_pc{
		display: none;
	}
	span.display_sp,
	span.display_pc{
		display: none;
	}
	.display_tb{
		display: block;
	}
	span.display_tb{
		display: inline-block;
	}
	h1 {
		margin-top: -80px;
		margin-left: 66px;
		line-height: 2rem;
	}
	/*--==============背景====================--*/
	#main .bg_img{
    	background: url(../img/back_2.jpg) center/cover no-repeat;
	}
	#about{
		background: url(../img/top/about.png) center no-repeat, rgba(122, 69, 28, 0.6);
    	background-size: cover;
		padding-top: 0;
	}
	#howtouse{
		background: url(../img/top/beauty.png) center no-repeat;
		height:530px;
		display:block;
		margin-bottom: 150px;
		background: url(../img/top/beauty.png) center no-repeat;
		background-size: cover;
		background-color: rgba(255, 255, 255, 0.8);
		padding-top: 0;
	}
	#vhouse{
		background: url(../img/top/vhouse.jpg) center bottom no-repeat;
		background-size: cover;
		padding-top: 0;
	}
	#contact{
		background: url(../img/top/contact.jpg) left no-repeat;
		background-size: cover;
	}
	#privacy{
		background: url(../img/top/privacy.png) center bottom no-repeat;
		background-size: cover;
		background-color: rgba(255, 255, 255, 0.8);
		padding-top: 0;
	}
	
	/* =================================================================================================
 * access
 * =================================================================================================*/
	#access h2 {
		padding: 72px 0px 42px 0px;
	}
	#access table tr {
		display: flex;
	}
	/* =================================================================================================
 * menu
 * =================================================================================================*/
	.menu_box {
		display: block;
		margin: auto;
	} 
	.menu_img {
		float: right;
		width: 45%;
	}
	.menu_text {
		float: left;
		width: 45%;
	}
	#menu li {
		width: 150px;
		height: 150px;
		margin: 0 0 3% 10%;
	}
	.mask_caption {
		font-size:	120%;
		padding-top: 70px;
	}
	.menu_hover .mask {
		width: 150px;
		height: 150px;
		-webkit-border-radius: 75px;/* width,heightの半分 */
		-moz-border-radius: 75px;
		border-radius: 75px;
	}
	
	#map {
		width: 49.9%;
		height: 300px;
		float: left;
		margin: 0 0 24px;
	}
	#iv {
		width: 49.9%;
		height: 300px;
		float: right;
		margin: 0 0 24px;
	}
	.access_info {
		width: 580px;
	}
	.access_address {
		float: left;
		width: 50%;
		margin-bottom: 0;   
	}
	.access_tel {
		float: right;
		width: 50%; 
	}
	/* =================================================================================================
	 * ご挨拶
	 * =================================================================================================*/
	#about .box{
	 	margin-right: 2rem;
	}
	/* =================================================================================================
	 * 空き家管理
	 * =================================================================================================*/
	#howtouse .box, #vhouse .box{
		margin-left: 2rem;
	}
	#vhouse .float_l{
		width: 50%;
		margin: auto;
	}
	#vhouse .float_r{
		width: 50%;
		margin: auto;
	}
	/* =================================================================================================
	 * お問い合わせ
	 * =================================================================================================*/
	#contact .float_l{
		width: 47%;
	}
	#contact .float_r{
		width: 43%;
		padding: 1rem 2rem 1rem;
		border-left: 2px dashed #fff;
	}
	/* =================================================================================================
	 * 更新履歴
	 * =================================================================================================*/
	#news .float_l{
		width:  60%;
	}
	#news .float_r{
		width:  30%;
		border-left: 2px dashed #543613;
		padding: 2rem 3rem 2rem;
	}
	/* =================================================================================================
	 * Instagram　インスタグラム
	 * =================================================================================================*/
	#insta{
		 width:100vw;
		 height:600px;
	}
	/* =================================================================================================
	 * フッター
	 * =================================================================================================*/
	 footer ul.menu{
		 display: flex;
		 margin:10px 0 50px 0;
	 }
	 footer .menu li{
		width: 20%;
		text-align: center;
	 }
	 address h2{
		 margin:10px 0 10px;
		 font-size: 1.3rem;
	 }
	 address p{
		 margin:10px 0;
		 padding:0;
	 }
		footer .menu li:nth-child(6) {
		 width: 23%;
	}
}
@media screen and (max-width:1024px){
	#vhouse .box h2, #review h2 {
		padding: 47px 0px 16px 0px;
	}
	#nav .nav_box{
		margin-left: 2rem;
	}
	#nav .nav_box img{
		margin-top: 0.2rem;
	}
}
@media screen and (min-width:1024px){
	.display_sp,
	.display_tb{
		display: none;
	}
	span.display_sp,
	span.display_tb{
		display: none;
	}
	.display_pc{
		display: block;
	}
	span.display_pc{
		display: inline-block;
	}
	h1{
	    color:#6e2b00;
		font-size:22px;
		line-height: 1rem;
		font-weight:lighter;
		margin-top:17px;
		margin-bottom: 10px;
		float: left;
		/* display: -webkit-inline-box; */
		font-family: 'Allura',"Hannari", "Sawarabi mincho";
		font-weight: bold;
		margin-left: 0;
	}
	h1 span{
		display: inline-block;
	}
	#contact .float_r p{
		padding: 1rem 5.8rem 0rem;
		text-align: left;
	}
	#contact .float_l p{
		margin: 3.5rem 0;
	}
	#privacy .box {
	    margin-right: 4rem;
	}
}
@media screen and (min-width:1366px){
	#main .bg_img{
    	height: 100%;
	}
	#howtouse .box, #vhouse .box{
		margin-left: 0rem;
	}
	#privacy .box {
	    margin-right: 0;
	}
}