@charset "utf-8";

/*投資と物件両方で使っているCSS*/
.mid9 .comFlex2 .comBtn {
	margin-top: 25px;
}

.mid9 #s_01 ._lead {
	padding: 20px;
}

#tinymce {
	margin-bottom: 20px;
}

.estKubun {
	margin-bottom: 10px;
	margin-left: .25em;
}

/*
.headLine09{
	margin-bottom: 0;
}
*/

@media screen and (max-width: 767px) {
	.headLine09+.comFlex2 {
		margin-top: 0;
	}
}

.cateBox {
	margin-bottom: 20px;
	border: 2px solid #CCC;
	border-radius: 5px;
	display: inline-block;
	font-size: 1.2rem;
}

.cateBox span {
	padding: 2px 15px;
	display: inline-block;
}

.cateBox span:first-child {
	background-color: #CCC;
}

.estMainBox {
	margin-top: 30px;
}

.comEsTable._nosep td:first-child {
	white-space: nowrap;
}

html[lang="en"] .comEsTable._nosep td:first-child {
	padding: 6px 6px;
	font-size: .6em;
}

.s_realEstate li:nth-child(1) .headLine03::before {
	color: #FFF6C6;
}

.s_realEstate li:nth-child(2) .headLine03::before {
	color: #FFD9C8;
}

.s_realEstate li:nth-child(3) .headLine03::before {
	color: #C7F7FF;
}

.s_realEstate li:nth-child(4) .headLine03::before {
	color: #CFD6FF;
}

.s_realEstate li:nth-child(5) .headLine03::before {
	color: #C7FFD9;
}

.investment-sct {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	display: grid;
}

@media screen and (max-width: 670px) {
	.investment-sct {
		padding: 50px 0 100px 0;
		grid-template:
			"......  mnswiper    ......" auto
			"......  thumbswiper ......" auto
			"......  notswiper   ......" auto
			/ 1fr 85% 1fr;
	}
}

@media screen and (min-width: 671px) {
	.investment-sct {
		padding: 50px;
		grid-template:
			"mnswiper    ...... notswiper  " auto
			"thumbswiper thumbswiper thumbswiper" auto
			/ 48% 4% 48%;
	}
}

.investment-sct .swiper-area {
	position: relative;
}

.investment-sct .swiper-area.mn-area {
	grid-area: mnswiper;
	/* width: 48%; */
}

.investment-sct .swiper-area.sub-area {
	grid-area: thumbswiper;
	max-width: 1000px;
	width: 100%;
}

@media screen and (max-width: 670px) {
	.investment-sct .swiper-area.sub-area {
		margin-top: 2em;
		padding: 0 1em;
	}
}

@media screen and (min-width: 671px) {
	.investment-sct .swiper-area.sub-area {
		margin-top: 2em;
		padding: 0 2em;
	}
}

.investment-sct .swiper-main {
	margin: 0;
}

.swiper-slide.swiper-slide-active .slide-wrap {
	border: 2px solid var(--darkblue);
}

.investment-sct .swiper-main .slide-wrap {
	position: relative;
	/* 	padding: 4em 0 */
	;
}

.investment-sct .swiper-main .slideImg {
	position: relative;
	overflow: hidden;
	padding-bottom: 100%;
}

.investment-sct .swiper-main .slideImg a {
	width: 100%;
	height: 100%;
}

.investment-sct .swiper-main .slideImg img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*
	width: 100%;
	height: 100%;
	object-fit: cover;
*/
}

.investment-sct .swiper-main .slide-dsc {
	margin-top: 1em;
}

.investment-sct .swiper-area.sub-area .swiper-wrapper.wrapperSub {
	justify-content: center;
}

.investment-sct .rhtBox {
	grid-area: notswiper;
	position: relative;
}

@media screen and (max-width: 670px) {
	.investment-sct .rhtBox {
		margin-top: 3em;
	}
}

.investment-sct .rhtBox .rhtBox-wrap {
	/* 	padding: 4em 0; */
	position: relative;
	border: 2px solid #ddd;
}

.investment-sct .rhtBox .rhtBox-img {
	position: relative;
	overflow: hidden;
	padding-bottom: 100%;
}

.investment-sct .rhtBox .rhtBox-img a {
	width: 100%;
	height: 100%;
}

.investment-sct .rhtBox .rhtBox-img img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.investment-sct .rhtBox .slide-dsc {
	margin-top: 1em;
}

.slide-cap {
	position: absolute;
	bottom: 0;
	padding: 0.5em 1.5em 0.25em;
	z-index: 1;
	font-size: 0.8em;
}

.investment-sct .swiper.swiper-main .swiper-slide .slide-cap {
	background-color: var(--darkblue);
	color: #fff;
}

.investment-sct .rhtBox .slide-cap {
	background-color: #ddd;
}

.swiper-button-prev,
.swiper-button-next {
	border: solid var(--darkblue);
	border-width: 3px 3px 0 0;
	cursor: pointer;
	position: absolute;
}

@media screen and (max-width: 670px) {

	.swiper-button-prev,
	.swiper-button-next {
		width: 1.25em;
		height: 1.25em;
	}
}

@media screen and (min-width: 671px) {

	.swiper-button-prev,
	.swiper-button-next {
		width: 1.5em;
		height: 1.5em;
	}
}

.swiper-btnMn.swiper-button-prev {
	top: 50%;
	transform: translateY(-50%) rotate(-135deg);
	z-index: 10;
}

.swiper-btnMn.swiper-button-next {
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	z-index: 10;
}

@media screen and (max-width: 670px) {
	.swiper-btnMn.swiper-button-prev {
		/* 		right: calc(100% - 1.5%); */
		left: -20px;
		display: none;
	}

	.swiper-btnMn.swiper-button-next {
		/* 		left: calc(100% - 1.5%); */
		right: -20px;
		display: none;
	}
}

@media screen and (min-width: 671px) {
	.swiper-btnMn.swiper-button-prev {
		right: calc(100% + 0.5%);
	}

	.swiper-btnMn.swiper-button-next {
		left: calc(100% + 0.5%);
	}
}

@media screen and (min-width: 671px) {
	.swiper-btnSub.hdn {
		display: none;
	}
}

.swiper-btnSub.swiper-button-prev {
	top: 50%;
	left: -20px;
	transform: translateY(-50%) rotate(-135deg);
}

.swiper-btnSub.swiper-button-next {
	top: 50%;
	right: -20px;
	transform: translateY(-50%) rotate(45deg);
}

.swiper-button-disabled {
	pointer-events: none;
	opacity: 0;
}

.investment-sct .slide {
	position: relative;
	overflow: hidden;
	padding-bottom: 80%;
}

.investment-sct .slide img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper.swiper-thumb .swiper-slide {
	border: 2px solid #fff;
	cursor: pointer;
	opacity: 0.6;
}

.swiper.swiper-thumb .swiper-slide-thumb-active {
	opacity: 1;
	border: 2px solid var(--darkblue);
}

/*
.swiper-fade .swiper-slide {
	transition-property: opacity !important;
}
*/

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	display: none;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	display: none;
}

/*アセットコンサル*/
.group_figure {
	margin-top: 80px;
	position: relative;
	background: #fff;
	padding: 36px 5% 42px;
	text-align: center;
}

.group_figure h4 {
	position: absolute;
	margin: 0 auto;
	padding: 5px 10px 6px;
	left: 0;
	right: 0;
	top: -1.5em;
	color: #12a5ad;
	border: 2px solid #12a5ad;
	background: #f3fdfc;
	box-shadow: 5px 5px rgba(18, 165, 173, 0.7);
	font-size: 2.2rem;
	max-width: 600px;
	width: 90%;
}

/*SP*/
@media screen and (max-width: 767px) {
	.group_figure {
		margin-top: 50px;
	}

	.group_figure h4 {
		font-size: 1.8rem;
	}
}

/*SP*/
@media screen and (max-width: 400px) {
	.group_figure h4 {
		font-size: 1.6rem;
	}
}


.group_figure .item {
	border: 1px solid #12a5ad;
	background: #f3fdfc;
	padding: 14px;
	max-width: 700px;
	margin: 20px auto 0;
}

.group_figure .item h5 {
	color: #12a5ad;
	margin-bottom: 6px;
	font-size: 2rem;
}

/*SP*/
@media screen and (max-width: 767px) {
	.group_figure .item h5 {
		font-size: 1.8rem;
	}
}

.group_figure .item p {
	text-align: left;
}

/*アセットコンサルティング*/
/*SP*/
@media screen and (max-width: 767px) {
	#s_bmodel .comFlex2 .spacy {
		text-align: center;
	}
}

/*anachan*/
#s_bmodel .animateImg {
	position: absolute;
	bottom: -30px;
	right: 0;
	width: 120px;
	max-width: 25vw;
	z-index: 10;
}

.ct1 .for_tot td,
.ct2 .for_man td,
.ct3 .for_tot td {
	display: none;
	/* 	background: #666!important; */
}