@charset "utf-8";

/*----------------------------------------
  サイト共通 スタイルシート
----------------------------------------*/

/* rent
---------------------------------------- */
#rent  .rentTextbox {border: #373F80 1px solid;}
#rent  .rentTextbox .rentText h3 {
	text-align: left;
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 400;
}
#rent  .rentTextbox  .rentText h2 {
	color: #13B6F2;
	text-align: left;
	font-family: "Roboto Condensed", sans-serif;
}
/*#rent .rentImage {
	flex-grow: 1;
	position: relative;
}*/
.bx-wrapper .bx-controls-direction a {
	z-index: 1000!important;
}
#rent .rentImage .arrowRight {
	position: absolute;
	right: 0em;
	bottom: 0em;
}
#rent .rentImage .arrowLeft {
	position: absolute;
	right: 3.2em;
	bottom: 0em;
}
#rent .rentImage img {
	border: #373F80 1px solid;
}
#rent .rentImage .btnStyle01 {
	width: 3.215em;
	height: 3.215em;
	background-color: #000;
	border: none;
}
#rent .rentImage .btnStyle01:after {background-color: none;}
#rent .rentImage .arrowBtn svg ,
#rent .rentImage .arrowBtnrotation svg {right: 1.3em;}
#rent .rentpageCursor span {font-size: 1.25em;}
#rent .rentpageCursor {
	display: flex;
	justify-content: center;
}
/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 729px){
	
	/* rent
	---------------------------------------- */
	#rent .noVacancy {
		padding: 15% 0;
		text-align: center;
	}
	#rent .flexBox {
		display: block;
		/*flex-wrap: wrap;*/
		padding-bottom: 3em;
	}
	#rent .rentTextbox {
		display: flex;
		padding-bottom: 0.8em;
		border: none;
		width: 100%;
	}
	#rent .rentTextbox .rentText {
		width: 100%;
	}
	#rent .rentTextbox .rentText h2 {font-size: 0.9em;}
	#rent  .rentTextbox .rentText h3 {
		font-size: 1.25em;
		width: 98%;
	}
	#rent .rentTextbox .rentLink {
		padding-top: 0.8em;
		width: 70%;
	}
	#rent .rentTextbox .rentLink .btnStyle01 {padding: 0.4em;}
	#rent .rentTextbox .rentLink .arrowBtn svg {right: 0.5em;}
	#rent .rentTextbox .rentLink span {font-size: 0.9em;}
	
	#rent .rentImage {
		width: 100%;
		/*max-width: 700px;*/
	}
	#rent .rentImage .bgImage {
		padding-top: 57.14%;
		display: block!important;
		width: 100%;
	}

	#rent .rentpageCursor .arrowBtn svg ,
	#rent .rentpageCursor .arrowBtnrotation svg {right: 1em;}
	#rent .rentpageCursor {padding-bottom: 2em;}
	
	#rent .rentpageCursor .btnStyle01 {
		width: 1.6075em;
		height: 1.6075em;
	}
	#rent .rentpageCursor li {padding: 0 0.402em;}
	#rent .rentpageCursor span {
		top: -0.4em;
		right: 0.28em;
	}
}

/*===============================================
●画面の横幅が730px以上(PCのみ)
===============================================*/
@media screen and (min-width: 730px){
	
	/* rent
	---------------------------------------- */
	.inner {padding: 0px;}
	#rent .noVacancy {
		padding: 10% 0;
		text-align: center;
	}
	#rent .flexBox {
		justify-content: space-between;
		padding-bottom: 5em;
	}
	#rent .rentTextbox {
		position: relative;
		width: 35.095%;
		max-width: 400px;
		/*height: 100%;*/
		padding: 13.8% 2.19% 2.45%;
		margin-right: 3.5%;
	}
	#rent .rentImage {
		width: 61.4%;
		max-width: 700px;
	}
	#rent .rentTextbox .rentText {
		position: absolute;
		width: 87.5%;
	}
	#rent .rentTextbox .rentText h2 {
		font-size: 1em;
		line-height: 2.5em;
		font-weight: bold;
	}
	#rent .rentTextbox .rentText h3 {
		font-size: 1.5em;
		line-height: 1em;
	}
	#rent .rentTextbox .rentLink {
		position: absolute;
		bottom: 8%;
		width: 87.5%;
	}
	#rent .rentTextbox .rentLink .btnStyle01 {
		padding: 0.8em;
		width: 100%;
		max-width: 350px;
	}
	#rent .rentImage .bgImage {
		padding-top: 57.144%;
		display: block!important;
		width: 100%;
	}
	#rent .rentpageCursor {padding: 0.5em 0 0 6em;}
	#rent .rentpageCursor .btnStyle01 {
		width: 3.215em;
		height: 3.215em;
	}
	#rent .rentpageCursor li {padding: 0 0.45em;}
	#rent .rentpageCursor span {
		top: -0.15em;
	}
	/*bxslider culsor hover (PCのみ)*/
	.bx-wrapper .bx-prev:hover,
	.bx-wrapper .bx-next:hover {opacity: 0.7;}
	.bx-wrapper .bx-prev:after,
	.bx-wrapper .bx-next:after {opacity: 1;}
}