@charset "utf-8";

/*    second-opinion 202604 追加
-------------------------------------------------------------- */
/* バナーエリア */
.second-opinion .bnr-bg {
	padding: 80px 0;
    background-color: #F5F9FF;
}
.second-opinion .bnr-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0 30px;
}
.second-opinion .bnr-area .bnr-img {
	width: 400px;
}
.second-opinion .bnr-area .bnr-img img {
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.second-opinion .bnr-area .bnr-txt {
	width: calc( 100% - 430px );
}
.second-opinion .bnr-area .bnr-txt p.txt {
	font-size: 1.7rem;
    font-weight: bold;
}
.second-opinion .bnr-area .bnr-txt p.txt.pt {
	padding-top: 20px;
}

@media screen and (max-width: 768px){
	/* バナーエリア */
	.second-opinion .bnr-bg {
		padding: 40px 0;
	}
	.second-opinion .bnr-area {
		display: block;
	}
	.second-opinion .bnr-area .bnr-img {
		width: 100%;
		margin-bottom: 20px;
	}
	.second-opinion .bnr-area .bnr-txt {
		width: 100%;
	}
	.second-opinion .bnr-area .bnr-txt p.txt {
		font-size: 1.5rem;
	}
	.second-opinion .bnr-area .bnr-txt p.txt.pt {
		padding-top: 10px;
	}
}

/* -------------------------------
　　長期の空室～
------------------------------------ */
.second-opinion .solution-detail ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 70px;
}
.second-opinion .solution-detail ul li.detail-item {
  	/* width: 180px;
  	height: 170px; */
	width: calc( ( 100% - 100px ) / 6 );
	height: auto;
	aspect-ratio: 1/1;
  	position: relative;
  	overflow: hidden; /* ←はみ出し防止 */

	display: flex;
	justify-content: center;
	align-items: center;
}

.second-opinion .solution-detail ul li.detail-item::before {
  	content: "";
  	position: absolute;
  	inset: 0;
  	background:
    linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
    url(../img/top-condominium.jpg);
  	background-size: contain;
  	background-position: center;
  	z-index: 0;
}

.second-opinion .solution-detail ul li.detail-item.item01::before {
  	background:
    linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
    url(../img/detail-item01.jpg);
	background-size: contain;
  	background-position: center;
}
.second-opinion .solution-detail ul li.detail-item.item02::before {
  	background:
    linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
    url(../img/detail-item02.jpg);
	background-size: contain;
  	background-position: center;
}
.second-opinion .solution-detail ul li.detail-item.item03::before {
  	background:
    linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
    url(../img/detail-item03.jpg);
	background-size: contain;
  	background-position: center;
}
.second-opinion .solution-detail ul li.detail-item.item04::before {
  	background:
    linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
    url(../img/detail-item04.jpg);
	background-size: contain;
  	background-position: center;
}
.second-opinion .solution-detail ul li.detail-item.item05::before {
  	background:
    linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
    url(../img/detail-item05.jpg);
	background-size: contain;
  	background-position: center;
}
.second-opinion .solution-detail ul li.detail-item.item06::before {
  	background:
    linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
    url(../img/detail-item06.jpg);
	background-size: contain;
  	background-position: center;
}

/* 中のコンテンツを前面に */
.second-opinion .solution-detail ul li.detail-item * {
  	position: relative;
  	z-index: 1;
}

.second-opinion .solution-detail ul li.detail-item p {
  	color: #fff;
  	z-index: 1;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	letter-spacing: .05em
}

@media screen and (max-width: 768px) {
	.second-opinion .solution-detail ul {
		justify-content: space-between;
		gap: 20px;
		margin-top: 30px;
	}
	.second-opinion .solution-detail ul li.detail-item {
		width: calc( ( 100% - 20px ) / 2 );
		height: auto;
		aspect-ratio: 1/1;
	}

	.second-opinion .solution-detail ul li.detail-item p {
		font-size: 1.8rem;
	}
}


/*    私たちがお手伝いいたします
-------------------------------------------------------------- */
.lend-staff {
	margin: 70px 0 70px;
}

.lend-staff .sub-ttl-box {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
.lend-staff .sub-ttl-box .lend-staff-sub {
  	position: relative;
 	display: inline-block;
  	padding: 0 55px;
	font-size: 2.5rem;
	font-weight: bold;
}
.lend-staff .sub-ttl-box .lend-staff-sub:before, 
.lend-staff .sub-ttl-box .lend-staff-sub:after {
  	content: '';
  	position: absolute;
  	top: 50%;
  	display: inline-block;
  	width: 45px;
  	height: 2px;
  	border-top: solid 1px black;
  	border-bottom: solid 1px black;
}
.lend-staff .sub-ttl-box .lend-staff-sub:before {
  	left:0;
}
.lend-staff .sub-ttl-box .lend-staff-sub:after {
  	right: 0;
}

.lend-staff .lend-staff-box {
	margin: 50px 0 0 0;
}
.lend-staff .lend-staff-box .staff-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}
.lend-staff .lend-staff-box .staff-list.list02 {
	margin: 20px 0 0 0;
}
.lend-staff .lend-staff-box .staff-list li {
	width: calc( ( 100% - 80px ) / 4 );
	background: #fff;
	padding: 20px 20px;
	box-shadow: 0 0 4px rgb(0 0 0 / 20%);
}
.lend-staff .lend-staff-box .staff-list li img {
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.lend-staff .lend-staff-box .staff-list li .txt-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 5px 15px;
	margin: 15px 0 0 0;
}
.lend-staff .lend-staff-box .staff-list li .txt-box p.name {
	width: 100%;
	text-align: center;
	font-size: 2.2rem;
	font-weight: bold;
}
.lend-staff .lend-staff-box .staff-list li .txt-box p.position {
	font-size: 1.8rem;
	font-weight: bold;
	color: #7e7e7e;
}
.lend-staff .lend-staff-box .staff-list li .txt-box p.store {
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	background: #5690FF;
	padding: 3px 10px;
} 
.lend-staff .lend-staff-box .staff-list li .txt-box p.store.blue {
	background: #1D4091;
} 

.lend-staff .lend-staff-box .staff-list li table.license-table {
	margin: 15px 0 0 0;
	width: 100%;
}
.lend-staff .lend-staff-box .staff-list li table.license-table,
.lend-staff .lend-staff-box .staff-list li table.license-table th,
.lend-staff .lend-staff-box .staff-list li table.license-table td {
	border: 1px solid #e9e9e9;
	border-collapse: collapse;
	font-size: 1.5rem;
}
.lend-staff .lend-staff-box .staff-list li table.license-table th,
.lend-staff .lend-staff-box .staff-list li table.license-table td {
	width:100%;
	display:block;
	padding: 10px 10px;
	line-height: 1.5;
}
.lend-staff .lend-staff-box .staff-list li table.license-table th {
	background: #F5F9FF;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.lend-staff {
		margin: 50px 0 50px;
	}

	.lend-staff .sub-ttl-box {
		margin-top: 20px;
	}
	.lend-staff .sub-ttl-box .lend-staff-sub {
		font-size: 1.6rem;
		padding: 0 40px;
	}
	.lend-staff .sub-ttl-box .lend-staff-sub:before, 
	.lend-staff .sub-ttl-box .lend-staff-sub:after {
		top: 12px;
		width: 35px;
	}

	.lend-staff .lend-staff-box {
		margin: 20px 0 0 0;
	}
	.lend-staff .lend-staff-box .scroll {
        margin: 30px 0 0;
        padding: 0 0 10px 0;
        overflow-x: scroll;
    }
	.lend-staff .lend-staff-box .staff-list {
        width: 805px;
        margin: 5px 5px 0;
        display: flex;
        gap: 0 20px;
        flex-wrap: nowrap;
		justify-content: flex-start;
        padding: 0 0;
    }
	.lend-staff .lend-staff-box .staff-list.list02 {
		margin: 20px 5px 0;
	}
	
	.lend-staff .lend-staff-box .staff-list li {
		width: 255px;
	}
	.lend-staff .lend-staff-box .staff-list li img {
		width: 150px;
		display: flex;
		justify-content: center;
	}
	.lend-staff .lend-staff-box .staff-list li .txt-box {
		gap: 5px 10px;
		margin: 10px 0 0 0;
	}
	.lend-staff .lend-staff-box .staff-list li .txt-box p.name {
		font-size: 1.8rem;
	}
	.lend-staff .lend-staff-box .staff-list li .txt-box p.position {
		font-size: 1.6rem;
	}
	.lend-staff .lend-staff-box .staff-list li .txt-box p.store {
		font-size: 1.6rem;
		padding: 3px 7px;
	}

	.lend-staff .lend-staff-box .staff-list li table.license-table {
		margin: 10px 0 0 0;
	}
	
}


/*    中部興産のセカンドオピニオンとは
-------------------------------------------------------------- */
.about-second-opinion {
	padding: 100px 0 100px;
	background: #F5F9FF;
}
.about-second-opinion p.txt.top {
	text-align: center;
	padding-top: 50px;
}

/* 無料相談受付中 */
.about-second-opinion .about-contact {
	background-color: #fff;
	padding: 50px 0;
	margin-top: 50px;
}
.about-second-opinion .about-contact .contact-ttl-box {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.about-second-opinion .about-contact p.contact-ttl {
	font-size: 2.5rem;
    font-weight: bold;

	position: relative;
	display: inline-block;
	padding: 0 45px;
}
.about-second-opinion .about-contact p.contact-ttl:before,
.about-second-opinion .about-contact p.contact-ttl:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 44px;
	height: 2px;
	background-color: black;
}
.about-second-opinion .about-contact p.contact-ttl:before {
	left:0;
	-moz-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.about-second-opinion .about-contact p.contact-ttl:after {
	right: 0;
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.about-second-opinion .about-contact .contact-txt {
	text-align: center;
}

.about-second-opinion .about-contact .about-contact-list {
	display: flex;
	justify-content: space-between;
	gap: 0;
	margin-top: 30px;
}
.about-second-opinion .about-contact .about-contact-list li {
	width: calc( 100% / 3 );
	padding: 0 30px;
	border-right: 1px solid #E6E6E6;

	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 10px;

	text-align: center;
}
.about-second-opinion .about-contact .about-contact-list li.item03 {
	border-right: none;
}
.about-second-opinion .about-contact .about-contact-list li img {
	width: 60px;
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
}
.about-second-opinion .about-contact .about-contact-list li p {
	font-size: 1.8rem;
	font-weight: bold;
}
.about-second-opinion .about-contact .about-contact-list li a {
	font-size: 1.6rem;
	font-weight: bold;
	color: #1D4091;
}
.about-second-opinion .about-contact .about-contact-list li.item03 a {
	font-size: 2rem;
}

@media screen and (max-width: 768px){
	.about-second-opinion {
		padding: 50px 0 50px;
	}
	.about-second-opinion p.txt.top {
		text-align: left;
		padding-top: 20px;
	}

	/* 無料相談受付中 */
	.about-second-opinion .about-contact {
		padding: 30px 20px;
		margin-top: 20px;
	}
	.about-second-opinion .about-contact p.contact-ttl {
		font-size: 2rem;
		padding: 0 35px;
	}
	.about-second-opinion .about-contact p.contact-ttl:before,
	.about-second-opinion .about-contact p.contact-ttl:after{
		width: 30px;
	}

	.about-second-opinion .about-contact .contact-txt {
		text-align: left;
	}

	.about-second-opinion .about-contact .about-contact-list {
		display: block;
		margin-top: 20px;
	}
	.about-second-opinion .about-contact .about-contact-list li {
		width: 100%;
		padding: 20px 0;
		border-right: none;
		border-top: 1px solid #E6E6E6;
	}
	.about-second-opinion .about-contact .about-contact-list li.item03 {
		padding-bottom: 0;
	}
	.about-second-opinion .about-contact .about-contact-list li img {
		width: 45px;
	}
	.about-second-opinion .about-contact .about-contact-list li p {
		font-size: 1.6rem;
	}

}

/*    lend-onestop-support 202604 追加
-------------------------------------------------------------- */
.lend-onestop-support {
	padding: 100px 0 100px;
    background: #F5F9FF;
}
.o-r.owner .lend-onestop-support {
    background: #fff;
}
.lend-onestop-support .ttl {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin: 25px 0 50px;
}

.lend-onestop-support .onestop-support-box {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 50px 0;
}
.lend-onestop-support .onestop-support-txt {
	width: 100%;
	text-align: center;
}
.lend-onestop-support .onestop-support-img {
	width: 800px;
}
.lend-onestop-support .onestop-support-img img {
	width: 100%;
	object-fit: cover;
	object-position: center;
}

@media screen and (max-width: 768px) {
	.lend-onestop-support {
		padding: 50px 0 50px;
	}
	.lend-onestop-support .ttl {
		font-size: 1.8rem;
		text-align: left;
		margin: 15px 0 20px;
	}

	.lend-onestop-support .onestop-support-box {
		gap: 20px 0;
	}
	.lend-onestop-support .onestop-support-txt {
		text-align: left;
	}
	.lend-onestop-support .onestop-support-img {
		width: 100%;
	}
	
	.lend-onestop-support .onestop-support-list {
		width: 100%;
		margin-top: 20px;
	}
	.lend-onestop-support .onestop-support-list .item01 {
		margin-bottom: 20px;
	}
	.lend-onestop-support .onestop-support-list .item02 {
		margin-bottom: 20px;
	}

	.lend-onestop-support .onestop-support-list p.item-ttl {
		font-weight: bold;
		letter-spacing: .05em;
		padding: 0.4em 0.5em;
		margin-bottom: 10px;
		color: #333;
		background: #fff;
		border-bottom: solid 3px #d7d7d7;
	}
	.o-r.owner .lend-onestop-support .onestop-support-list p.item-ttl {
		background: #F5F9FF;
	}

	.lend-onestop-support .onestop-support-list .item01 p.item-ttl {
		border-left: solid 5px #1D4091;
	}
	.lend-onestop-support .onestop-support-list .item02 p.item-ttl {
		border-left: solid 5px #0099FC;
	}
	.lend-onestop-support .onestop-support-list .item03 p.item-ttl {
		border-left: solid 5px #38D1C1;
	}

	.lend-onestop-support .onestop-support-list .txt-box {
		padding-left: 20px;	
	}
}