@charset "utf-8";

@import url("table.css");
@import url("button.css");


@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:400,500,600,700,800,900&display=swap&subset=japanese');


/* =============================================================  Reset and Utility.css  */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-style:normal;font-size: 100%;vertical-align: baseline;box-sizing: border-box;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
html{overflow-y: scroll;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
input, textarea{margin: 0;padding: 0;outline: none;}
ol, ul{list-style:none;}
caption, th{text-align: left;}
img {vertical-align: middle; max-width:100%;}
*:focus {outline: none !important;}
table.table {border-collapse: separate;border-spacing: 0;}

.clearfix {min-height: 1px;}
.clearfix:after {content: "."; display: block;clear: both;height: 0;visibility: hidden;}
* html .clearfix {
    height: 1px;
    height: auto;
    overflow: hidden;
}
.both{clear:both;}

::selection {
    background:#ededed; /* Safari */
}

::-moz-selection {
    background:#ededed; /* Firefox */
}

/* =============================================================  HTML,Body,Anchor*/


html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-family: "M PLUS 1p", sans-serif;
	letter-spacing: 1.0px;

}


@media screen and (min-width : 979px){
html{ font-size : 100%;}
}


.pcOnly {
	display: block;
}


.spOnly {
	display: none;
}


.mobileOnly {
	display: none;
}




html {
overflow-x: hidden;
overflow-y: scroll;
}



body{
	margin:0px auto 0px auto;

}

body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#fff;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  -webkit-transition: opacity .8s ease;
  transition: opacity .8s ease;
}
body.fadeout::after {
  opacity: 1;
}
body.fadeout article{
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
}

article {
  display: table-cell;
  vertical-align: middle;
  -webkit-transition: transform .8s ease-out;
  transition: transform .8s ease-out;
}
article h1 {
  font-size: 60px;
  font-weight: normal;
  margin-bottom: 3vw;
}
article .navigate-anchor {
  display:inline-block;
  font-size: 22px;
  line-height: 44px;
  padding: 0 14px;
  text-decoration:none;
  color: #fff;
  background-color: #444;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.26);
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
article .navigate-anchor:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.36);
}
article .navigate-anchor:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}


/****************************************************************************************
/* リンク設定
****************************************************************************************/

figure a{color:#666666;text-decoration:none;}
figure a:hover{color:#4fa417;}
figure a:active, a:focus {outline:0;}


a{color:#00a0e9;text-decoration:none;}
a:hover{color:#006699;}
a:active, a:focus {outline:0;}

a { text-decoration: none; }






/****************************************************************************************
/* トップページ設定
****************************************************************************************/







.obi {
	position: absolute;
	top: 0%;
	left: 0;
	margin: 0 auto 0 auto;
	width: 0px;
	height: 290px; 
	z-index: 10;
	background-color: #ffffff;
	animation-name: anime1;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	opacity: 1;
	text-align: center;
}

@keyframes anime1 {
  0% {
    width: 0px;
  }

  100% {
    width: 400px;
    background-color: #ffffff;
  }
}

.obi .link_section_hd {
	margin-top: 50px;
	margin-left: -20px;
	opacity: 0;
	animation-name: anime2;
	animation-duration: 1.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: -1.0s;
	animation-fill-mode: forwards;
	opacity: 0;


}

.obi .link_section_hd img {
	width: auto;
	height: 25px;
}


@keyframes anime2 {
  0% {
	opacity: 0;
  }

  100% {
	opacity: 1;
  }
}


.obi .link_section_title {
	margin-top: 30px;
	opacity: 0;
	animation-name: anime3;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay:2.0s;
	animation-fill-mode: forwards;
	opacity: 0;

}

.obi .link_section_title img {
	height: 110px;
	width: auto;
}


@keyframes anime3 {
  0% {
	opacity: 0;
  }

  100% {
	opacity: 1;
  }
}





.menu_area {
	position: absolute;
	top: 0;
	right: 15px;
	z-index: 10;

}



.link_section li {
	text-align: center;
	float: left;
	border-left:1px solid #000000;

}



.link_section li:last-child{
	float:left;
	text-align:center;
	border-right:1px solid #000000;

}


.link_section li a {
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 700;
	font-size: 90%;
	color: #000000;
	line-height:100%;
	padding-left: 20px;
	padding-right: 20px;
	text-shadow:1px 1px 10px #ffffff;


}




.link_section {
	opacity: 0;
	animation-name: anime4;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 1.0s;
	animation-fill-mode: forwards;
	margin-top: 20px;
	margin-right: 20px;
}


@keyframes anime4 {
  0% {
    transform: translateY(-64px);
  }

  100% {
    transform: translateY(0);
  opacity: 1;

  }
}


.link_section a{
  position: relative;
  display: inline-block;
  transition: .3s;
	font-size: 90%;
	color: #ffffff;
	margin-bottom: 5px;
}

.link_section a::after {
  position: absolute;
  bottom: -4px;
  left: 50%;
  content: '';
  width: 0;
  height: 1px;
  background-color: #5F6162;
  transition: .3s;
  transform: translateX(-50%);
}

.link_section a:hover::after{
  width: 70%;
}

.link_section span.on{
	border-bottom: 1px solid #5F6162;
}




.main_area {
	display: flex;
}



.sidebar{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
	width: 45vw;
	height: 100vh;
    margin: 0;
    line-height: 3;
    background: linear-gradient(#FFF9C4, #F57F17);
}

.sidebar img {
	margin: 0 auto 0 auto;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
}



.side_area {
margin: 0px 0px 0px -5px;
background: #ffffff;
	width: 55vw;
}


.side_area_in {
width: 84%;
margin: 180px auto 50px auto;
}



/****************************************************************************************
/* スライドショー
****************************************************************************************/


#viewer {
	position: relative;
	margin: 0 auto 0 auto;
	height: 100vh; /* 全画面表示 */
	z-index: 1;
}

#viewer > img {
	width: 100vw;
	height: 100vh;
	position: absolute;
	z-index:-2;
	object-fit: cover;
	object-position: 0% 0%;

}




/******************************************************************************
/* コンセプト用
******************************************************************************/

.contents_header {
	width: 100%;

	margin: 0px auto 0px auto;
	background-color: #ffffff;
	padding-top: 100px;
	padding-bottom: 80px;
	background-image: url(../images/bg01.png);
}



.contents_header_in {
	position: relative;
	margin: 0px auto 0px auto;
	max-width: 1200px;
	height: 450px;

}



.contents_header .img_pic {
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 1;
}



.contents_header .txt p {
  line-height: 2.00;
  letter-spacing: .08em;
}

.contents_header .img_ico {
  position: absolute;
  line-height: 0;
  bottom: 34px;
  left: 50%;
  margin-left: -76px;
}



.contents_header .txt {
	background: #ffffff;
	position: absolute;
	top: 100px;
	left: 0;
	width: 1000px;
	height: 340px;
}

.contents_header .txt .container {
	width: 520px;
	margin-top: 40px;
	margin-left: 50px;
}



.contents_header .txt p {
	font-size: 100%;
	margin-bottom: 35px;
}


.contents_header .container img {
	width: 455px;
	height: auto;
}





/****************************************************************************************
/* コンテンツエリア
****************************************************************************************/


.contents_box {

	position: absolute;
	top: 120px;
	right: 0;
	width: 50%;
	z-index: 10;
	text-align: left;
	padding-right: 4%;

}

.contents_box2 {
	position: absolute;
	top: 120px;
	right: 0;
	width: 50%;
	z-index: 10;
	text-align: left;
	padding-right: 5.5%;

}


.title_header {
	width:95%;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 500;
	font-size: 180%;
	color: #101010;
	line-height:100%;
	letter-spacing: 2px;
	margin-bottom: 10px;
}


.contents_box_in {
	margin-top: 30px;
	width: 100%;
	text-align: left;

}

.contents_box_in p {
	margin-bottom: 3px;

}


/********************************************************************************************************
/* 写真並び（2枚）
*********************************************************************************************************/



ul.menu_picture2 {
	position: relative;
	margin: 30px auto 0;
	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: left;
}


ul.menu_picture2::after {
	content: "";
	display: block;
	width: 49%;
	height: 0;
}


ul.menu_picture2 li {
	width: 49%; 
}

ul.menu_picture2 li img{
	width: 100%;
	height: auto;

}


ul.menu_picture2 li p {
	position: absolute;
	font-size: 90%;
	width:49%;
	bottom: 0px;
	z-index: 99;
	background-color: rgba( 0, 0, 0, 0.7 );
	padding: 10px 20px 10px 20px;
	color: #ffffff;
}



/******************************************************************************
/* 不動産賃貸関連事業
*******************************************************************************/


.box_size{
	height: 230px;

}

.box_size p{
	text-align: left;
	font-size: 90%;

}

.box_size p.business_title{
	font-weight: 500;
	font-size: 100%;
	color: #555555;
	text-align: center;
	padding-top : 8px;
	padding-bottom : 8px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}

.business_section {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}



.estate {
	width: 100%;
	text-align: center;
	margin: 20px auto 30px auto;
}


.estate img {
	width: 10%;
	height: auto;
}


.estate2 {
	width: 100%;
	text-align: center;
	margin: 30px auto 30px auto;
}


.estate2 img {
	width: 100%;
	height: auto;
}


/********************************************************************************************************
/* 不動産賃貸関連事業3つ並び
*********************************************************************************************************/



ul.business_box3 {
	margin: 80px auto 0;
	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: left;
}


ul.business_box3::after {
	content: "";
	display: block;
	width: 32%;
	height: 0;
}


ul.business_box3 li {
	width: 32%; 
}

ul.business_box3 li img{
	width: 50px;
	height: auto;
	text-align: center;
}


/******************************************************************************
/* 会社概要用
******************************************************************************/



.map_area {
	width: 100%;
	margin: 40px auto 40px auto;
}


.map_size {
	width: 100%;
	height: 200px;
}

.map_area p {
	margin-top: 5px;
	font-size: 80%;
}



.map_area p.trafic{
	margin-top: 10px;
	font-weight: 500;
}




/****************************************************************************************
/* プライバシーポリシー設定
****************************************************************************************/


.privacy {
	width: 100%;
	font-size: 90%;
	margin-bottom: 50px;
}


.privacy_number {
	list-style-type: number;
	padding-left:25px;
	margin-bottom: 20px;
}

.privacy_number li {
	margin-bottom: 20px;
}

.privacy_circle {
	list-style-type: disc;
	padding-left:40px;
	margin-bottom: 20px;

}

.privacy_circle li {
	margin-bottom: 5px;
}

.stamp{
	width: 100%;
	text-align: right;
	margin-bottom: 20px;
}


p.midashi{
	font-weight: bold;
	font-size: 100%;
	color :#555555;
	margin-top: 10px;
	margin-bottom: 10px;
}



/********************************************************************************************************
/* 本文ボックス
*********************************************************************************************************/



.ttlTombo {
	max-width: 1200px;
	position: relative;
	display: block;
	padding: 10px 10px 5px 10px;
	border: 1px dotted #bdc3c7;
	color: #555555;
	text-align: left;
	margin: 20px auto 0px auto;

	font-size: 100%;
	line-height: 1.5;

}

.ttlTombo:before,
.ttlTombo:after,
.ttlTombo > span:before,
.ttlTombo > span:after {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	background: url(../images/imgcorner.png) 0 0 no-repeat;
}

.ttlTombo:before {
	top: -1px;
	left: -1px;
	transform: rotate(0deg);
}
.ttlTombo:after {
	top: -1px;
	right: -1px;
	transform: rotate(90deg);
}
.ttlTombo > span:before {
	bottom: -1px;
	left: -1px;
	transform: rotate(-90deg);
}
.ttlTombo > span:after {
	bottom: -1px;
	right: -1px;
	transform: rotate(180deg);
}



.ttlTombo p {
	font-weight: 500;
	padding-bottom: 10px;


}

.ttlTombo p.blue {
	font-size: 120%;
	font-weight: 600;
	padding-bottom: 10px;
	color: #4BBFBF;

}

.ttlTombo p.red {
	font-size: 110%;
	font-weight: 500;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #B3184B;

}


/********************************************************************************************************
/* 送信完了
*********************************************************************************************************/



.ttlTombo2 {
	max-width: 1200px;
	position: relative;
	display: block;
	padding: 10px 10px 5px 10px;
	border: 1px dotted #bdc3c7;
	color: #555555;
	text-align: left;
	margin: 50px auto 0px auto;

	font-size: 100%;
	line-height: 1.5;

}

.ttlTombo2:before,
.ttlTombo2:after,
.ttlTombo2 > span:before,
.ttlTombo2 > span:after {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	background: url(../images/imgcorner.png) 0 0 no-repeat;
}

.ttlTombo2:before {
	top: -1px;
	left: -1px;
	transform: rotate(0deg);
}
.ttlTombo2:after {
	top: -1px;
	right: -1px;
	transform: rotate(90deg);
}
.ttlTombo2 > span:before {
	bottom: -1px;
	left: -1px;
	transform: rotate(-90deg);
}
.ttlTombo2 > span:after {
	bottom: -1px;
	right: -1px;
	transform: rotate(180deg);
}



.ttlTombo2 p {
	font-weight: 500;
	padding-bottom: 10px;


}

.ttlTombo2 p.blue {
	font-size: 110%;
	font-weight: 600;
	padding-bottom: 10px;
	color: #4BBFBF;

}

.ttlTombo2 p.red {
	font-size: 110%;
	font-weight: 500;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #B3184B;

}


/******************************************************************************
/* トップに戻る
*******************************************************************************/



#page-top {
	position: fixed;
	bottom: 100px;
	right: 30px;
	z-index:100;
}
#page-top a {
	text-decoration: none;
	width: 50px;
	display: block;

}
#page-top a:hover {
	text-decoration: none;
}







/******************************************************************************
/* フッター
*******************************************************************************/

#footer{
	position: absolute;
	width: 100%;
	background-color:#F6FBFB;
	color: #ffffff;
}


.site_footer{
	width: 100%;
	background-color:#575A5F;
	margin-top: 0px;
	color: #ffffff;

}

.footer_inner{
	margin:0px auto 0px auto;
	max-width:1200px;
	font-size:100%;
	text-align:left;

}




.footer_link_wrapper{
	padding:30px 0;
	text-align:center;
}






.footer_link a,
.corporate_link a{
	text-decoration:none;
}




.footer_in_left{
	float:left;
	max-width:50%;
	margin:35px auto 0px auto;
	text-align:left;
	font-size: 90%;
	color: #ffffff;

}

.footer_in_left p {
	margin-bottom: 5px;
	font-size:90%;
	color: #ffffff;
}

.footer_in_left p.title {
	font-size:105%;
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 20px;
}

.footer_in_left img {
	width: 25%;
	height: auto;
	margin-bottom: 15px;
}


.footer_in_right {
	float: right;
	position: relative;
	width:246px;
	height: 250px;
	margin:0px 0px 0px 0px;
	vertical-align: bottom;
}


.footer_in_right_box {
	position: absolute;
	top: -60px;
	right: 0;
	width:500px;
	height: 230px;
	padding: 30px;
	margin:0px 0px 0px 0px;
	background-color:#8F9193;

}

.footer_in_right_box p {
	margin-bottom: 5px;
	display: block;
}

.footer_in_right_box a {
	font-size: 90%;
	color: #ffffff;

}



.footer_in_right_box2 {
	position: absolute;
	top: 90px;
	right: -50px;
	width:100px;
	height: 100px;
	padding: 30px;
	margin:0px 0px 0px 0px;
	background-color:#A9AAAA;
	z-index: 10;
}




.footer_in_right_box3 {
	position: absolute;
	top: 0px;
	right: 0;
	width:500px;
	height: 230px;
	padding: 30px;
	margin:0px 0px 0px 0px;
	background-color:#8F9193;

}




#bottom_menu a{
  position: relative;
  display: inline-block;
  transition: .3s;
	font-size: 90%;
	color: #ffffff;
	margin-bottom: 5px;
}

#bottom_menu a::after {
  position: absolute;
  bottom: 0;
  left: 12px;
  content: '';
  width: 0;
  height: 1px;
  background-color: #ffffff;
  transition: .3s;
  transform: translateX(0%);
}

#bottom_menu a:hover::after{
  width: 100%;
}


.footer_in_right_box4 {
	position: absolute;
	top: 150px;
	right: -50px;
	width:100px;
	height: 100px;
	padding: 30px;
	margin:0px 0px 0px 0px;
	background-color:#A9AAAA;
	z-index: 10;
}








.footer_in{
	max-width:1200px;
	margin:0px auto 0px auto;
	text-align:left;
	font-size:95%;
}







.corporate_link{
	position:relative;
	top:-10px;
	padding-left:40px;
	font-size:85%;
}




#copyright{
	font-size:77%;
	font-family:Arial, sans-serif;
	background-color:#333333;
	padding:12px 0;
	margin-top:0px;
	color:#fff;
	text-align: center;
}



.copyright br{
	display:none;
}





.site_footer .inner{

max-width:1200px;
padding:0;
margin:0 auto;

}




/******************************************************************************
/* スマートフォン・タブレットサイズ
*******************************************************************************/


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



.pcOnly {
	display: none!important;
}
.spOnly {
	display: block!important;
}


/******************************************************************************
/* スマホ用メニュー
*******************************************************************************/


nav{
	display: none;
	position: absolute;
	top:0px;
	width: 100%;
	left: 0;
	margin-bottom: 20px;
	z-index: 9999999;

}
 
/*------------------------------------プルダウンの部分を記述--------------*/
 
nav ul{
	margin:30px auto 0px;
	width: 90%;
}
 
nav ul li{
	display: inline-block;
	text-align: center;
	margin-bottom: 10px;
	font-family: 'M PLUS 1p', sans-serif;
	letter-spacing: 1px;
}
 
/*最後のメニューは下線を不要にする -------------------------------------------*/
 


 
 

/*開閉ボタンの作り方 ------------------------------------------------*/

#nav_toggle {
	display: block;
	width: 30px;
	height: 30px;
	position: fixed;/*固定にします。*/
	top: 18px;
	right:20px;/*左端に配置*/
	z-index: 9999999;

}



#nav_toggle div {
	position: relative;
	background-color: rgba(59,59,59,0.77);
	z-index: 999999;
}


 
#nav_toggle span {
	display: block;
	height: 2px;
	background-color: #333;
	position:absolute;
	width: 100%;
	left: 0;
	transition: 0.5s ease-in-out;
}

nav {
	position: fixed;
	background-color: rgba(59,59,59,0.77);
	z-index: 999999;
}

 
/*-----------------------------------------------------三本ずつずらして設定*/

#nav_toggle span:nth-child(1){
	top:0px;
}
#nav_toggle span:nth-child(2){
	top:10px;
}
#nav_toggle span:nth-child(3){
	top:20px;
}

 
/*-----------------------------開閉ボタンopen時-------*/

.open #nav_toggle span:nth-child(1) {
top: 12px;
transform: rotate(135deg);
}
 
/* ----------------------------2本目を非表示にすることで、三本が2本になる*/

.open #nav_toggle span:nth-child(2) {
display:none;
}

.open #nav_toggle span:nth-child(3) {
top: 12px;
transform: rotate(-135deg);
}


/******************************************************************************
/* スマホ用メニュー各ブロック
*******************************************************************************/


.homeWorkItem{text-align: center; padding: 1px;}





.homeWorkItem .line{
	display: none;
	position: absolute;
	background-color: #d9d9d9;
	transition:all 0.3s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}


.homeWorkItem .line{display: block; transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1)}

.homeWorkItem .line.line-top{top: 0;left: 0; width: 100%; height: 1px}
.homeWorkItem .line.line-left{top: 0;left: 0; height: 100%; width: 1px}
.homeWorkItem .line.line-bottom{bottom: 0;left: 0; width: 100%; height: 1px}
.homeWorkItem .line.line-right{right: 0; top: 0; height: 100%; width: 1px}

.homeWorkItem a{display:block;}
.homeWorkItem a{position:relative; box-sizing:border-box;background:none; height: 80px;}
.homeWorkItem a:hover{color: #ffd20d}
.homeWorkItem a:hover .line{background-color: #ffd20d}
.homeWorkItem a:hover .line.line-top{height: 4px}
.homeWorkItem a:hover .line.line-left{width: 4px}
.homeWorkItem a:hover .line.line-bottom{height: 4px}
.homeWorkItem a:hover .line.line-right{width: 4px}

.homeWorkItem .menutitle{
	position: absolute;
	width:100%;
	top: 50%;
	transform : translateY(-50%);
	font-size: 70%;
	font-weight: 500;
	text-align: center;
	color: #ffffff;
	text-decoration: none;

}




/******************************************************************************
/* スマホ用メニュー各ブロックサイズ
*******************************************************************************/



nav ul li:nth-child(1) {
	width: 100%;
	clear: both;
	z-index: 1;
}

nav ul li:nth-child(1) img {
	width: 60%;
	height: auto;

}


nav ul li:nth-child(2) {
	width: 100%;
	clear: both;

}



nav ul li:nth-child(3) {
	float: left;
	width: 49%;
}

nav ul li:nth-child(4) {
	float: right;
	width: 49%;

}

nav ul li:nth-child(5) {
	float: left;
	width: 49%;
}

nav ul li:nth-child(6) {
	float: right;
	width: 49%;

}

nav ul li:nth-child(7) {
	width: 100%;
	clear: both;

}

nav ul li:nth-child(7) img {
	width: 100%;
	height: auto;
	margin-bottom:30px;
}


/******************************************************************************
/* トップページ設定
******************************************************************************/

.obi {
	position: absolute;
	top: 0;
	left: 0;
	margin: -50 auto 0 auto;
	width: 0px;
	height: 200px; 
	z-index: 10;
	background-color: #ffffff;
	animation-name: anime1;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	opacity: 1;
	text-align: center;
}

@keyframes anime1 {
  0% {
    width: 0px;
  }

  100% {
    width: 200px;
    background-color: #ffffff;
  }
}

.obi .link_section_hd {
	margin-top: 30px;
	margin-left: -10px;
	opacity: 0;
	animation-name: anime2;
	animation-duration: 1.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: -1.0s;
	animation-fill-mode: forwards;
	opacity: 0;

}

.obi .link_section_hd img {
	height: 15px;
	width: auto;
}


@keyframes anime2 {
  0% {
	opacity: 0;
  }

  100% {
	opacity: 1;
  }
}


.obi .link_section_title {
	margin-top: 20px;
	opacity: 0;
	animation-name: anime3;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay:2.0s;
	animation-fill-mode: forwards;
	opacity: 0;

}

.obi .link_section_title img {
	width: 90%;
	height: auto;
}


@keyframes anime3 {
  0% {
	opacity: 0;
  }

  100% {
	opacity: 1;
  }
}


.side_area_in {
width: 86%;
margin: 100px auto 80px auto;
}



/****************************************************************************************
/* お問い合わせ用エリア
****************************************************************************************/

.contents_box2 {

	width: 50%;
	z-index: 10;
	text-align: left;
	padding-right: 7%;

}

/****************************************************************************************
/* スライドショー
****************************************************************************************/



#viewer > img {
	width: 100vw;
	height: 100vh;
	position: absolute;
	z-index:-2;
	object-fit: cover;
	object-position: 50% 50%;
}


/******************************************************************************
/* コンセプト
*******************************************************************************/

.contents_header_in {
	position: relative;
	margin: 0px auto 0px auto;
	width: 95%;
	height: 450px;

}


.contents_header .img_pic {
	width: 45%;
	position: absolute;
	top: 50px;
	right: 0;
	z-index: 1;
}



.contents_header .txt p {
  line-height: 2.00;
  letter-spacing: .08em;
}

.contents_header .img_ico {
  position: absolute;
  line-height: 0;
  bottom: 34px;
  left: 50%;
  margin-left: -76px;
}



.contents_header .txt {
	background: #ffffff;
	position: absolute;
	top: 100px;
	left: 0;
	width: 80%;
	height: 330px;
}

.contents_header .txt .container {
	width: 58%;
	margin-top: 30px;
	margin-left: 40px;
}



.contents_header .txt p {
	font-size: 90%;
	margin-bottom: 35px;
}


.contents_header .container img {
	width: 50%;
	height: auto;
}



/********************************************************************************************************
/* 写真並び（2枚）
*********************************************************************************************************/



ul.menu_picture2 {
	position: relative;
	margin: 20px auto 0;
	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


ul.menu_picture2::after {
	content: "";
	display: block;
	width: 48%;
	height: 0;

}


ul.menu_picture2 li {
	position: relative;
	width: 48%;
	text-align: center;
	margin-bottom: 10px;
}

ul.menu_picture2 li img{
	width: 100%;
	height: auto;

}


ul.menu_picture2 li p {
	position: absolute;
	font-size: 55%;
	width: 100%;
	bottom: 0px;
	z-index: 99;
	background-color: rgba( 0, 0, 0, 0.7 );
	padding: 10px 5px 10px 5px;
	color: #ffffff;
}


/******************************************************************************
/* 不動産賃貸関連事業
*******************************************************************************/


.box_size{
	height: 190px;

}

.box_size p{
	text-align: left;
	font-size: 80%;

}

.box_size p.business_title{
	font-weight: 500;
	font-size: 90%;
	color: #555555;
	text-align: center;
	padding-top : 8px;
	padding-bottom : 8px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}


/********************************************************************************************************
/* 不動産賃貸関連事業3つ並び
*********************************************************************************************************/



ul.business_box3 {
	margin: 30px auto 0;
	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: left;
}


ul.business_box3::after {
	content: "";
	display: block;
	width: 48%; 
	height: 0;
}


ul.business_box3 li {
	width: 48%; 
}

ul.business_box3 li img{
	width: 40px;
	height: auto;
	text-align: center;
}


/********************************************************************************************************
/* 本文ボックス
*********************************************************************************************************/



.ttlTombo {
	width: 100%;
	position: relative;
	display: block;
	padding: 10px 10px 0px 10px;
	border: 1px dotted #bdc3c7;
	color: #555555;
	text-align: left;
	margin: 20px auto 0px auto;
	font-size: 90%;
	line-height: 1.5;
	word-break: break-all;

}


/******************************************************************************
/* フッター
*******************************************************************************/

#footer{
	position: absolute;
	width: 100%;
	background-color:#F6FBFB;
	color: #ffffff;
}


.site_footer{
	width: 100%;
	background-color:#575A5F;
	margin-top: 0px;
	color: #ffffff;

}

.footer_inner{
	margin:0px auto 0px auto;
	width:90%;
	font-size:100%;
	text-align:left;

}


.site_footer .inner{

	width:90%;
	padding:0;
	margin:0 auto;

}

.footer_in{
	width:90%;
	margin:0px auto 0px auto;
	text-align:left;
	font-size:95%;
}

.footer_in_right_box {
	position: absolute;
	top: 0px;
	right: 0;
	width:330px;
	height: 230px;
	padding: 30px;
	margin:0px 0px 0px 0px;
	background-color:#8F9193;

}



.footer_in_right_box2 {
	position: absolute;
	top: 170px;
	right: -30px;
	width:80px;
	height: 80px;
	padding: 30px;
	margin:0px 0px 0px 0px;
	background-color:#A9AAAA;
	z-index: 10;
}





}


/******************************************************************************
/* スマートフォンサイズ
*******************************************************************************/


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


.pcOnly {
	display: none;
}


.spOnly {
	display: block;
}




/******************************************************************************
/* トップページ設定
******************************************************************************/

.obi {
	position: absolute;
	top: 0;
	left: 0;
	margin: -50 auto 0 auto;
	width: 0px;
	height: 140px; 
	z-index: 10;
	background-color: #ffffff;
	animation-name: anime1;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	opacity: 1;
	text-align: center;
}


.sidebar .obi {
	position: absolute;
	top: 0;
	left: 0;
	margin: -50 auto 0 auto;
	width: 0px;
	height: 140px; 
	z-index: 10;
	background-color: #ffffff;
	animation-name: anime1;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	opacity: 1;
	text-align: center;
}

@keyframes anime1 {
  0% {
    width: 0px;
  }

  100% {
    width: 150px;
    background-color: #ffffff;
  }
}

.obi .link_section_hd {
	margin-top: 30px;
	margin-left: -10px;
	opacity: 0;
	animation-name: anime2;
	animation-duration: 1.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: -1.0s;
	animation-fill-mode: forwards;
	opacity: 0;

}

.obi .link_section_hd img {
	height: 15px;
	width: auto;
}

.sidebar .obi .link_section_hd {
	margin-top: 20px;
	margin-left: -10px;
	opacity: 0;
	animation-name: anime2;
	animation-duration: 1.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: -1.0s;
	animation-fill-mode: forwards;
	opacity: 0;

}

.sidebar .obi .link_section_hd img {
	height: 15px;
	width: auto;
}


@keyframes anime2 {
  0% {
	opacity: 0;
  }

  100% {
	opacity: 1;
  }
}


.obi .link_section_title {
	margin-top: 10px;
	opacity: 0;
	animation-name: anime3;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay:2.0s;
	animation-fill-mode: forwards;
	opacity: 0;

}

.obi .link_section_title img {
	width: 90%;
	height: auto;
}


.sidebar .obi .link_section_title {
	margin-top: 0px;
	opacity: 0;
	animation-name: anime3;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay:2.0s;
	animation-fill-mode: forwards;
	opacity: 0;

}

.sidebar .obi .link_section_title img {
	width: 90%;
	height: auto;
}



@keyframes anime3 {
  0% {
	opacity: 0;
  }

  100% {
	opacity: 1;
  }
}


.main_area {
	width: 100vw;
	display:block;
}



.sidebar{

    position: -webkit-sticky;
    position: relative;
    top: 0;
	width: 100%;
	height: auto;
    margin: 0;
    line-height: 3;
    background: linear-gradient(#FFF9C4, #F57F17);
}

.sidebar img {
	margin: 0 auto 0 auto;
	width: 100vw;
	height: auto;
	object-fit: cover;
}



.side_area {
margin: 0px auto 0px 0px;
background: #ffffff;
width: 100%;
text-align: center;
}


.side_area_in {
width: 90%;
margin: 50px auto 30px auto;
text-align: left;
}


/****************************************************************************************
/* コンテンツエリア
****************************************************************************************/





.main_image img {
	margin: 0px auto 0 auto;
	width: 100%;
	height: 250px;
	object-fit: cover;
	z-index: 0;

}


.contents_box {
	position: relative;
	top: 0px;
	right: 0;
	width: 100%;
	text-align: left;
	padding: 15px;
	background-color: #ffffff;
	z-index: 0;

}

.contents_box2 {
	position: relative;
	top: 0px;
	right: 0;
	width: 93%;
	text-align: left;
	padding: 15px;
	background-color: #ffffff;
	z-index: 0;

}


.contents_box_in {
	margin-top: 30px;
	width: 100%;
	text-align: left;
	font-size: 90%;
}

.contents_box_in p {
	margin-bottom: 3px;

}

.title_header {
	width:95%;
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 500;
	font-size: 110%;
	color: #101010;
	line-height:100%;
	letter-spacing: 2px;
	margin-bottom: 10px;
}




/******************************************************************************
/* コンセプト用
******************************************************************************/

.contents_header {
	width: 90%;
	height: auto;
	margin: 0px auto -70px auto;
	background: #ffffff;
	height: 700px;

}


.contents_header .container {
	position: relative;
	width: 100%;
	margin: -70px auto 0px auto;
}



.contents_header .container img {
	width: 100%;
	height: auto;
	margin-bottom: 0px;
}



.contents_header .img_pic {
	position: absolute;
	width: 100%;
	top: 100px;
	right: 0;
	left: 0%;
	z-index: 0;
}


.contents_header .img_pic img{
	width: 100%;
	height: auto;
}


.contents_header .txt {
	background: #ffffff;
	position: absolute;
	top: 380px;
	left: 0;
	width: 100%;
	height: 210px;
	font-size: 90%;

}


.contents_header .txt .container {
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;

}


.contents_header .txt p {

  line-height: 1.50;
  letter-spacing: .08em;
}

.contents_header .img_ico {
  position: absolute;
  line-height: 0;
  bottom: 34px;
  left: 50%;
  margin-left: -76px;
}



.contents_header .txt p {

  margin-bottom: 25px;
}

/********************************************************************************************************
/* 写真並び（2枚）
*********************************************************************************************************/


ul.menu_picture2 li p {
	position: absolute;
	font-size: 60%;
	width:100%;
	bottom: 0px;
	z-index: 99;
	background-color: rgba( 0, 0, 0, 0.7 );
	padding: 10px 0px 10px 0px;
	color: #ffffff;
}




/******************************************************************************
/* 不動産賃貸関連事業
*******************************************************************************/


.box_size{
	height: 230px;

}

.box_size p{
	text-align: left;
	font-size: 80%;

}

.box_size p.business_title{
	font-weight: 500;
	font-size: 90%;
	color: #555555;
	text-align: center;
	padding-top : 8px;
	padding-bottom : 8px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}

.business_section {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

/********************************************************************************************************
/* 不動産賃貸関連事業3つ並び
*********************************************************************************************************/



ul.business_box3 {
	margin: 50px auto 0;
	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: left;
}


ul.business_box3::after {
	content: "";
	display: block;
	width: 48%;
	height: 0;
}


ul.business_box3 li {
	width: 48%; 
}

ul.business_box3 li img{
	width: 50px;
	height: auto;
	text-align: center;
}


/****************************************************************************************
/* プライバシーポリシー設定
****************************************************************************************/


.privacy {
	font-size: 80%;
	word-break: break-all;

}


p.midashi{
	font-weight: bold;
	font-size: 90%;
	color :#555555;
	margin-top: 10px;
	margin-bottom: 10px;
}


/********************************************************************************************************
/* 本文ボックス
*********************************************************************************************************/



.ttlTombo {
	width: 100%;
	position: relative;
	display: block;
	padding: 10px 10px 0px 10px;
	border: 1px dotted #bdc3c7;
	color: #555555;
	text-align: left;
	margin: 20px auto 0px auto;
	font-size: 90%;
	line-height: 1.5;
	word-break: break-all;

}



/********************************************************************************************************
/* 送信完了
*********************************************************************************************************/



.ttlTombo2 {
	width: 100%;
	position: relative;
	display: block;
	padding: 10px 10px 5px 15px;
	border: 1px dotted #bdc3c7;
	color: #555555;
	text-align: left;
	margin: 30px auto 30px auto;

	font-size: 80%;
	line-height: 1.5;

}




.ttlTombo2 p {
	font-weight: 500;
	padding-bottom: 10px;


}


.ttlTombo2 p.red {
	font-size: 110%;
	font-weight: 500;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #B3184B;

}


/******************************************************************************
/* トップに戻る
*******************************************************************************/



#page-top {
	position: fixed;
	bottom: 100px;
	right: 0px;
	z-index:100;
}




/******************************************************************************
/* フッター
*******************************************************************************/

.footer_in_right{
	display: none!important;
}

.footer_in_left{
	float:left;
	max-width:100%;
	margin:10px auto 0px auto;
	text-align:left;
	font-size: 90%;
	color: #ffffff;

}

.footer_in_left p {
	margin-bottom: 5px;
	font-size:90%;
	color: #ffffff;
}

.footer_in_left p.title {
	font-size:105%;
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 20px;
}

.footer_in_left img {
	width: 40%;
	height: auto;
	margin-bottom: 15px;
}


}