article p{
font-size: 15px;
}

#go-to-top {
	position: fixed;
	bottom: 0px;
	right: 0px;
}
#mail {
	position: fixed;
	bottom: 0px;
	left: 0px;
}


/*スライドショー*/
.wrapper {
	width:100%;
	max-width:2500px;
	margin:0px auto;
	font-family: "kozuka-gothic-pro";
	color: #222;
	background-color: #eee;
	padding-bottom: 100px;
}
.wrapper a {
	color: #222;
}




.h2_line {
	width: 5%;
	margin: 0 auto;
	border-width: 2px 0 0 0; /* 太さ */
	margin-bottom: 30px;
	color: #000;
	border-color: #000;
}




.wrapper h2 {
	margin-bottom: 40px;
	font-family: "proxima-nova-extra-condensed", sans-serif;
	font-weight: 400;
	font-style: italic;
	color: #666;
	font-size:30px;
	text-align:center;
	letter-spacing: 0.3em;
}
	
	
/* Opening
-----------------------------------------*/
.Opening {
position:relative;
background-color: #FFF;
}
.Opening ul li{
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.Opening ul li img.Opening__text{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  z-index: 9;
}
.Opening ul li span {
}
.Opening ul li span img.Opening__img{
  max-width: inherit;
  width: 100%;
  height: auto;
}








.boxtext {
	padding: 8vh 0;
}

.boxtext p {
	padding: 0;
	margin-bottom: 16px;
	padding-top : 25px;
	text-align: center;
}
.boxtext h4 {
	text-align: center;
	font-size: 20px;
	margin-bottom: 30px;
	padding-top: 50px;
	line-height: 2;
}

	#top-photo li {
		float: none !important;
		width: 70%;
		margin: 0 auto;
	}

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

.boxtext {
	height: auto;
	}
	#dummy {
		height: 0px;
	}
}
@media screen and (max-width: 980px) {
	#dummy {
		height: 0px;
	}
}

@media screen and (max-width: 768px) {
	#top-photo li {
		float: none !important;
		width: 90%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 500px) {
	.boxtext {
		text-align: center;
	}
	
	.boxtext p {
		display: inline-block;
		text-align: left;
	}
	.boxtext p br {
		display: none;
	}
}









/* ナビ部分
-----------------------------------------*/

#top {
	font-size: 120%;
	font-weight: normal;
	padding: 20px 0 0px 0;
}

#top nav ul {
	max-width: 950px;
	width: 100%;
	margin: 0 auto;
}
#top nav li:nth-child(1) {
	width: 30%;
}
#top nav li {
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.2em;
	float: left;
	width: 17.5%
}
#top nav a {
	font-weight: normal;
	text-decoration: none;
}
#top nav li a:hover {
	opacity: 0.5;
}

#animation,#animation1,#animation2,#animation3,#animation4,#animation00 {
	display: none;

}	












.bx-controls {
	display: none;
}
#slide {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 50px;
	margin-top: -70px;
	

}




#open-house {
	text-align: center;
	padding: 80px 0;
	letter-spacing: 0.1em;
	line-height: 250%;
	
}

#open-house a {
	text-decoration: none;
}
#open-house h3 {
	font-size: 25px;
	margin-bottom: 10px;
}
#open-house h4 {
	font-size: 20px;
}
#open-house p {
	font-size: 15px;
}
/*#kyoukashiya*/
#kyoukashiya {
	text-align: center;
	line-height: 250%;
	letter-spacing: 0.1em;
	background-color: #222;
}
#kyoukashiya p {
	margin-bottom: 20px;
}
#kyo01 {
	width: 50%;
	color: #fff;
	float: left;
}
#kyo01 a {
	color: #fff;
}
#kyoukashiya h3 {
	line-height: 100%;
	font-size: 35px;
	font-weight: 900;
	padding: 0;
	margin-bottom: 5px;
	
}
#kyoukashiya hr {
	width: 10%;
	margin: 0 auto;
	border-width: 4px 0 0 0; /* 太さ */
}
.mini/*不動産投資*/ {
	font-size: 19px;
	padding-top: 50px;
	margin-bottom: 0px !important;
}
.mini2 /*京貸家*/{
	font-size: 21px;
	margin-top: 20px;
	margin-bottom: 20px !important;
}
.mini3 {
	font-size: 29px;
	font-weight: 800;
	
}
.mini4 {
	font-size: 23px;
	font-weight: 800;
	
}
.mini5 {
	font-size: 20px;
	
}
#banner {
	margin: 0 auto;
}
#banner a {
	
	text-decoration: none;
}

#kyo02 {
	width: 50%;
	background-image: url(../img/top-img/04.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	background-size: cover;
	float: right;
	border: none;
	padding-bottom: 50px;
}
#kyo02 p {
	font-size: 17px;
	line-height: 300%;
}
.lent {
	width: 75%;
	margin: 50px auto 0 auto;
	padding: 90px 20px;
	/*border: #000 double 10px;*/
	color: #000;
	background-color: rgba(255,255,255,0.8);
}
.lent li {
	font-size: 14px;
	text-indent: -0.9em;
	padding-left: 0.5em;
}
@media screen and (max-width: 1350px) {
	#kyo01 p {
		font-size: 14px;
	}
	.mini2 {
		font-size: 20px !important;
	}

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

}
@media screen and (max-width: 1240px) {
	#kyo01 {
		width: 60%;
	}
	#kyo02 {
		padding-top: 30px;
		width: 40%;
	}
	.lent {
	width: 95%;
	padding: 70px 10px;
	margin:30px auto;
	}
	

}

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

#kyo01 {
	width: 100%;
	color: #fff;
	float: none;
}
#kyo02 {
	width: 100%;
	background-image: url(../img/top-img/04.jpg);
	background-repeat: no-repeat;
	float: none;
	padding-bottom: 50px;
	
	
	
}
#lent {
	width: 75%;
	margin: 60px auto 0 auto;
	padding: 100px 0px;
	/*border: #000 double 10px;*/
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	background-color: rgba(255,255,255,0.0);
}	
}

/*#plan*/

#plan {
	margin: 150px auto;
}
#plan p {
	padding: 0 80px;
}








/* ------------- */




#menu ul li a , h2  {
	font-weight:normal;	
	}

.main_wrapper {
	width:950px;
	clear:both;	
	margin:0px auto;
	position:relative;
	background-color: #fff;
	}



/* ------photos------- */



#photos {
	padding-bottom: 180px;
}

.fotorama {
	max-width: 950px;
	width: 100%;
	margin: 0 auto;
}

.bxslider {
	position:relative;
	top:60px;
	}

.bxslider .img img  {
	margin-left:255px;
	}



/* ------details------- */

/* ------
------- */
#planner {
	padding-bottom: 180px;
}

#planner ul {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	gap: 10px;
}

#planner ul li img{
	width: 100%;
	height: auto;
}

#planner ul .name {
	grid-column: span 2;
	display: grid;
  	align-items: center;
}

#planner ul .case {
	background: #000;
	color: #fff;
	text-align: center;
	display: grid;
  	place-items: center;
}

@media (max-width: 870px) {
	#planner ul {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-template-rows: 1fr;
	}
	
	#planner ul li:nth-child(1) {
		grid-row: 1 / 2;
		grid-column: 1 / 2;
	}
	
	#planner ul li.name {
		grid-row: 1 / 2;
		grid-column: span 5;
	}
}

@media (max-width: 640px) {
	#planner ul {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}
	
	#planner ul li.name {
		grid-row: 1 / 2;
		grid-column: span 3;
	}
	
	#planner ul li.case {
		grid-row: span 2;
		grid-column: 1 / 2;
	}
}

@media (max-width: 580px) {
	#planner ul .name p {
		line-height: 1.5;
	}
}

#map {
	width: 100%;
	text-align: center;
	margin: 100px auto 100px auto;
	padding-bottom: 50px;

	}

#map h3 {
	line-height:140%;
	font-size:146.2%;
	padding-bottom: 20px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	
	}
#map p {
	margin-bottom: 10px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#map img {
	margin-top: 20px;
}

@media screen and (max-width: 500px) {
	#map p {
		text-align: left;
	}
}