@charset "utf-8";

/* ========================================================
	guidance.css => 入居についてCSS
======================================================== */

/* title
============================================================================================================ */
#title {
	padding-bottom: 60px;
}
#title h1 {
	float: left;
}
@media screen and (max-width: 680px) {
	#title {
		padding-bottom: 25px;
	}
	#title h1 {
		float: none;
	}
}

/* contents
============================================================================================================ */
#contents {
	padding-bottom: 185px;
}
@media screen and (max-width: 680px) {
	#contents {
		padding-bottom: 95px;
	}
}

/* condition
------------------------------------------------------------- */
#condition	{
	color:#000000;
}
#condition > p	{
	font-size:1.6rem;
}
@media screen and (max-width: 640px) {
	#condition > p > .sp_tit::before	{
		content:"●";
	}
}

/* price
------------------------------------------------------------- */
#price	{
	border-top:1px solid #e1e1e1;
    margin-top:105px;
    padding-top:95px;
	color:#000000;
}
#price > table	{
	border:1px solid #000000;
	text-align:center;
	font-size:1.6rem;
	width:100%;
	margin-bottom:10px;
}
#price > table th,
#price > table td	{
	padding:10px;
	border:1px solid #000000;
	text-align:center;
}
#price > table td .ann	{
	font-size:1.4rem;
}
#price > table td .mt	{
	display:block;
	margin-top:10px;
}
#price > p.indent {
	padding-left:2em;
	text-indent:-2em;
}
#price > .more	{
	font-size:1.2rem;
}
@media screen and (max-width: 640px) {
	#price	{
		margin-top:4em;
		padding-top:2em;
	}
	#price > table {
		border:none;
	}
	table thead {
		display: none;
	}
	table tr {
		display: block;
		margin-bottom: 20px;
	}
	table td {
		display: block;
		padding: 10px;
	}
	table td::before {
		content: attr(data-label);
		font-weight: bold;
		display:block;
		padding-bottom:10px;
	}
}

/* flow
------------------------------------------------------------- */
#flow	{
	border-top:1px solid #e1e1e1;
    margin-top:105px;
    padding-top:95px;
	color:#000000;
}
#flow > .slider	{
	padding:0 25px;
}
#flow > .slider div	{
	margin:0 29px;
	text-align:center;
	font-size:1.4rem;
}
#flow > .slider div .nam,
#flow > .slider div .title	{
	font-size:2rem;
	font-weight:bold;
	display:block;
}
#flow > .slider div .title	{
	margin-bottom:10px;
}
@media screen and (max-width: 640px) {
	#flow	{
		margin-top:4em;
		padding-top:2em;
	}
	#flow > .slider div,
	#flow > .slider{
		margin:0;
		padding:0;
	}
	#flow > .slider p	{
		padding:0 20px;
	}
}

/* contact
------------------------------------------------------------- */
#contact	{
	border-top:1px solid #e1e1e1;
    margin-top:105px;
    padding-top:95px;
	color:#000000;
	text-align:center;
}
#contact .contact_bt	{
	margin-top:30px;
}
#contact .contact_bt a	{
	background-color:#000000;
    border-radius:10px;
    box-sizing:border-box;
    display:block;
    padding:20px 0;
    width:100%;
}
@media screen and (max-width: 640px) {
	#contact	{
		margin-top:4em;
		padding-top:2em;
	}
	#contact .contact_bt a	{
		font-size:2rem;
		color:#ffffff;
		text-decoration:none;
		padding:10px 0;
	}
}

/* slick
------------------------------------------------------------- */
.slick-prev:before,
.slick-next:before	{
    font-family: 'slick';
    font-size: 40px;
    line-height: 0.1;

    color: #000000;
	font-weight:bold;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev{
    left: 20px;
}
[dir='rtl'] .slick-prev{
    right: 20px;
    left: auto;
}
.slick-prev:before{
    content: '<';
}
[dir='rtl'] .slick-prev:before{
    content: '>';
}
.slick-next{
    right: 20px;
}
[dir='rtl'] .slick-next{
    right: auto;
    left: 20px;
}
.slick-next:before{
    content: '>';
}
[dir='rtl'] .slick-next:before{
    content: '<';
}
@media screen and (max-width: 640px) {
	.slick-next{
		right:10px;
	}
	.slick-prev	{
		left:10px;
	}
}