@charset "UTF-8";

/*----------------------
incex.css
【概要】エレメントの設定 
*PC・共通版
-p-index-main
-p-index-01
-p-index-02
-p-index-03
-p-index-04
-p-index-05
----------------------*/

/* --------------------------------------------------
**
** /index.html
**
** -------------------------------------------------- */
/*
===== p-index-main =====
*/
.p-index-main h1 { margin: 0; }

/*
===== p-index-01 =====
*/
.p-index-01__service { padding: 30px 0; }
.p-index-01__service li {
	display: flex;
	width: 33.33%;
}
@media screen and (max-width: 960px) {
.p-index-01__service li { width: 50%; }
}
.p-index-01__service li a {
	position: relative;
	display: block;
	margin: 0 15px 30px;
	padding: 25px 30px 0 15px;
	background-color: #5a7b79;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
}
.p-index-01__service li a h3,
.p-index-01__service li a p { color: #FFF; }
.p-index-01__service--num {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 100%;
	margin: 0;
	background-color: #b9ec0e;
}
.p-index-01__service--sales .p-index-01__service--num { background-color: #b9ec0e; }
.p-index-01__service--lease .p-index-01__service--num { background-color: #12c2c4; }
.p-index-01__service--management .p-index-01__service--num { background-color: #f2c309; }
.p-index-01__service--num span {
	padding-top: 15px;
	color: #000;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.p-index-01__service--tit {
	height: 90px;
	margin-bottom: 20px;
	letter-spacing: 0.15em;
}
.p-index-01__service--sales .p-index-01__service--tit { background: url(../common/images/bg-icon-sales-01.svg) right top / 120px 90px no-repeat; }
.p-index-01__service--lease .p-index-01__service--tit { background: url(../common/images/bg-icon-lease-01.svg) right top / 120px 90px no-repeat; }
.p-index-01__service--management .p-index-01__service--tit { background: url(../common/images/bg-icon-management-01.svg) right top / 120px 90px no-repeat; }
.p-index-01__service--txt {
	min-height: 75px;
	margin-bottom: 15px;
	line-height: 1.5;
}
.p-index-01__service--more {
	position: relative;
	width: 150px;
	padding: 1px 15px;
	border: solid 1px #ced8d7;
}
.p-index-01__service--more::before {
	position: absolute;
	top: 50%;
	right: 10px;
	content: "▲";
	margin-top: -7px;
	color: #FFF;
	transform: rotate( 90deg );
}



/*
===== p-index-02 =====
*/
.c-container.p-index-02 { max-width: 100%; }
.p-index-02 .c-title__typeB {
	max-width: 1080px;
	margin: 0 auto 15px;
}


/*
===== p-index-03 =====
*/
.c-container.p-index-03 { padding: 37px 0 30px; }










@media screen and (max-width: 768px) {
/*----------------------
*elements.css
【概要】エレメントの設定 
*SP版
-p-index-main
-p-index-01
-p-index-02
-p-index-03
-p-index-04
-p-index-05
----------------------*/

/*
===== p-index-main =====
*/

/*
===== p-index-01 =====
*/

.p-index-01__service { padding: 0 0 15px; }
.p-index-01__service li { width: 100%; }
.p-index-01__service li a {
	width: 100%;
	margin-bottom: 15px;
	padding: 10px 30px 0 10px;
}
.p-index-01__service--tit {
	height: 75px;
	margin-bottom: 10px;
	padding-top: 15px;
}
.p-index-01__service--sales .p-index-01__service--tit,
.p-index-01__service--lease .p-index-01__service--tit,
.p-index-01__service--management .p-index-01__service--tit { background-size: 100px 75px; }
.p-index-01__service--txt {
	min-height: 45px;
	letter-spacing: 0.1em;
}
.p-index-01__service--more { margin-bottom: 27px; }


/*
===== p-index-02 =====
*/


/*
===== p-index-03 =====
*/
.c-container.p-index-03 { padding: 30px 5px 15px; }
.p-index-03 .c-btns.alR {
    justify-content: center;
}




}/*--spEND*/