@charset "utf-8";


.catch.center {
	text-align: center;
}


/* -------------------------------------------------------------
    ページタイトル
-------------------------------------------------------------- */
.underttl-area {
	padding-bottom: 220px;
}

.underttl-area .img-txt-wrap {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	gap: 50px;
}

.underttl-area .underttl {
	width: 580px;
	flex-shrink: 0;
}

.underttl-area .img-wrap {
    height: 450px;	
}

.underttl-area .deco-img {
    bottom: 195px;
}

/*エンブレム*/
.mv-point-list {
    position: absolute;
    bottom: -10px;
    display: flex;
    gap: 30px;
	z-index: 10;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.mv-point-list li {
    background: url(../img/point-bg.png) no-repeat center / 100% 100%;
    width: 210px;
    height: 210px;
    text-align: center;
    padding-top: 55px;
}

.mv-point-list li .txt {
    color: #fff;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.6;
}

.for-owners-top .bread-h1-wrap {
    top: 470px;
}


@media screen and (max-width: 768px) {
	.underttl-area {
		padding-bottom: 0px;
	}

	.underttl-area .img-txt-wrap {
		flex-direction: column;
		gap: 0px;
	}

	.underttl-area .underttl {
		width: 100%;
	}

	.underttl-area .img-wrap {
        height: 150px;
	}

	.underttl-area .deco-img {
		bottom: auto;
		top: 120px;
	}

	/*エンブレム*/
	.mv-point-list {
		position: relative;
		bottom: -20px;
		display: flex;
		gap: 5px;
		z-index: 10;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		flex-wrap: wrap;
        justify-content: center;
		width: 100%;
	}

	.mv-point-list li {
		width: 110px;
		height: 110px;
		text-align: center;
		padding-top: 28px;
	}

	.mv-point-list li .txt {
		font-size: 1.4rem;
		line-height: 1.4;
	}
	
	.for-owners-top .bread-h1-wrap {
		top: 22px;
	}
	}




/* -------------------------------------------------------------
    提供するサービス
-------------------------------------------------------------- */
.owners-service-area {
	padding-top: 100px;
	margin-bottom: 80px;
}

.owners-service-area .service-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 30px;
}

.owners-service-area .service-list .card {
	background: #fff;
	border: solid 2px #0F75BC;
	border-radius: 20px;
	padding: 20px 20px 40px;
	flex: 1 1 calc(33.333% - 20px);
	box-shadow: 7px 14px 20px 0px rgba(0, 0, 0, 0.16);
	min-width: 260px;
	max-width: calc(33.333% - 1rem);
	position: relative;
}
.owners-service-area .service-list .card a {
	display: block;
	width: 100%;
	height: 100%;
}

.owners-service-area .service-list .card:nth-child(-n+2) {
	flex: 1 1 calc(50% - 1rem);
	max-width: calc(50% - 1rem);
}

.owners-service-area .card .img-wrap {
	width: 100%;
	height: 250px;
	border-radius: 10px;
	margin-bottom: 25px;
}
.owners-service-area .card .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.owners-service-area .card h3 {
	font-size: 3rem;
	font-weight: 700;
	margin-bottom: 20px;
	color: #0F75BC;
	display: flex;
	align-items: center;
	gap: 8px;
	line-height: 1;
}

.owners-service-area .card h3 span {
	font-size: 1.8rem;
	font-weight: 700;
	padding: 8px 15px;
	border-radius: 20px;
	color: #fff;
	background-color: #0F75BC;
}

.owners-service-area .card ul {
	padding-left: 2rem;
	list-style-type: "✔︎ ";
}

/**/
.owners-service-area .link-icon {
    position: absolute;
    right: 20px;
    bottom: 20px;
}


@media screen and (max-width: 768px) {
	.service-list {
		flex-direction: column;
	}

	.card {
		max-width: 100% !important;
	}
	
	.owners-service-area {
		padding-top: 50px;
		margin-bottom: 40px;
	}

	.owners-service-area .service-list {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		margin-top: 30px;
	}

	.owners-service-area .service-list .card {
		padding: 15px 15px 30px;
	}

	.owners-service-area .card .img-wrap {
		height: 150px;
		border-radius: 10px;
		margin-bottom: 25px;
	}

	.owners-service-area .card h3 {
		font-size: 2.5rem;
		gap: 8px;
		line-height: 1;
	}

	.owners-service-area .card h3 span {
		font-size: 1.5rem;
		padding: 8px 15px;
	}

	.owners-service-area .card ul {
		padding-left: 1.5rem;
		list-style-type: "✔︎ ";
	}

	/**/
	.owners-service-area .link-icon {
		position: absolute;
		right: 20px;
		bottom: 20px;
	}
}



/* -------------------------------------------------------------
    トラブル解決事例
-------------------------------------------------------------- */

.trouble-area .trouble-list .trouble {
	padding: 35px 25px 25px;
}

.trouble-area .trouble-list {
	margin-top: 70px;
}

/*カテゴリ*/
.trouble-area .trouble-list .trouble .s-ttl {
	background-color: #00AEEF;
	color: #fff;
	font-size: 2.2rem;
	border-radius: 10px;
	padding: 5px 30px;
	position: absolute;
	top: -20px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	white-space: nowrap;
}

.trouble-area .trouble-list .solution {
    margin-bottom: 20px;
}


@media screen and (max-width: 768px) {
	.trouble-area .trouble-list .trouble {
		padding: 30px 20px 20px;
		margin-bottom: 30px;
	}
	
	.trouble-area .trouble-list {
		margin-top: 30px;
	}

	.trouble-area .trouble-list .trouble .s-ttl {
		font-size: 1.6rem;
		padding: 5px 20px;
		position: absolute;
		top: -18px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		white-space: nowrap;
	}
	
	.trouble-area .trouble-list .solution {
		margin-bottom: 10px;
	}

	}




/* -------------------------------------------------------------
    入居率98%の理由
-------------------------------------------------------------- */
.owner-reason-area {
	margin-bottom: 80px;
}

.owner-reason-area .txt {
	text-align: center;
}

.owner-reason-area .business-wrap {
	background-color: #EFF4FA;
	border-radius: 100px;
	margin-top: 40px;
	padding: 50px 40px;
}

.owner-reason-area .business-list {
    display: flex;
	justify-content: center;
	gap: 20px;
	max-width: 1300px;
	justify-content: space-between;
}

.owner-reason-area .business-list li {
    width: calc(100% / 5 - 10px);
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.owner-reason-area .business-list li .icon-area {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    background-color: #fff;
    position: relative;
    margin-bottom: 20px;
}

.owner-reason-area .business-list li .icon-area img {
    max-width: 100px;
    max-height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.owner-reason-area .business-list li .ttl {
    font-size: 2rem;
    font-weight: 700;
	text-align: center;
}


@media screen and (max-width: 768px) {
	.owner-reason-area {
		margin-bottom: 40px;
	}

	.owner-reason-area .txt {
		text-align: center;
	}

	.owner-reason-area .business-wrap {
		border-radius: 50px;
		margin-top: 20px;
		padding: 30px 30px 30px;
	}

	.owner-reason-area .business-list {
		gap: 20px;
		margin: 0 auto 0px;
		max-width: 100%;
		flex-wrap: wrap;
	}

	.owner-reason-area .business-list li {
		width: calc(100% / 2 - 10px);
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.owner-reason-area .business-list li .icon-area {
		width: 120px;
		height: 120px;
		border-radius: 100px;
		background-color: #fff;
		position: relative;
		margin-bottom: 10px;
	}

	.owner-reason-area .business-list li .icon-area img {
		max-width: 75px;
		max-height: 75px;
	}

	.owner-reason-area .business-list li .ttl {
		font-size: 1.8rem;
		margin-bottom: 0px;
		text-align: center;
	}

	/*--アイコン下--*/
	.owner-reason-area .s-list {
		max-width: 100%;
		justify-content: space-between;
		margin: 0 auto;
		flex-direction: column;
	}

	.owner-reason-area .s-list li.txt {
		padding: 10px;
        border-radius: 10px;
        min-width: 100%;
        text-align: center;
        flex-direction: column;
        font-size: 1.4rem;
	}

	.owner-reason-area .s-list li.plus {
		padding: 5px;
        font-size: 1.2rem;
	}
}



/* -------------------------------------------------------------
    トラブル解決事例
-------------------------------------------------------------- */
.faq-area {
    background-color: #fff;
    border: solid 2px #0F75BC;
    border-radius: 40px;
    padding: 60px 60px 0;
    margin: 0 auto 80px;
}

@media screen and (max-width: 768px) {
	.faq-area {
        border-radius: 30px;
        padding: 30px 20px 0;
        margin: 0 auto 40px;
    }
	}