@charset "utf-8";
/* CSS Document */

.pageCaptionArea .thisContents {
	background-image:url(../images/common/img_caption2.png);
}
.pageCaptionArea.detailPage .thisContents {
	background-image:url(../images/common/img_caption_detail2.png);
}
.pageCaptionArea .contentsTop h1,
.pageCaptionArea .contentsTop p {
	letter-spacing: 0.1em;
}

@media screen and (min-width:561px) {
.pageCaptionArea .contentsTop {
	width:50rem;
}
.pageCaptionArea .contentsTop h1 {
}	
}

@media screen and (min-width:961px) {
.pageCaptionArea .contentsTop h1 {
}	
}


/* ****************************************
  マンション管理トップ
**************************************** */

.flowBox dl {
	border: 2px solid #001c4d;
	font-size:1.5rem;
	color: #001c4d;
	display:flex;
	align-items: flex-start;
	background-color:#e2e9f5;
	font-weight:bold;
	margin:0 0 1rem;
	line-height:1.6;
}
.flowBox dl dt {
	display:inline-block;
	width:3rem;
	height:auto;
	background-color:#001c4d;
	color:#fff;
	font-size: 1.5rem;
	font-weight:bold;
	text-align:center;
	margin-right:1.5rem;
}
.flowBox dl dd {
	margin:0;
	width: calc( 100% - 4.5rem );
	padding-right: 0.5rem;
}
@media screen and (min-width:961px) {
.flowBox dl {
	line-height:2.4;
}
}
.flowBox .flowSummary {
	padding:0.5rem 1rem;
}

.manageTwoColumnBlock {
	display:flex;
	flex-wrap: wrap;
	width: 100%;
}
.manageTwoColumnBlock .manageTwoColumn {
	width: 100%;
}
.manageList1 .gridBlock .gridLine {
	display:flex;
	flex-wrap: wrap;
}
.manageList1 .gridBlock .gridLine dd {
	margin:0;
}
.manageList1 .gridBlock .gridCaps {
	background-color:#001c4d;
	color:#fff;
	text-align:center;
}
.manageList1 .gridBlock .gridLine {
	border-left: 1px solid #001c4d;
}
.manageList1 .gridBlock .gridLine .cell02 {
	width: 8rem;
	text-align:center;
	padding:0.25rem 0.5rem;
	border-right: 1px solid #001c4d;
	border-bottom: 1px solid #001c4d;
}
.manageList1 .gridBlock .gridLine .cell01 {
	width: calc( 100% - 8rem );
	padding:0.25rem 0.5rem;
	border-right: 1px solid #001c4d;
	border-bottom: 1px solid #001c4d;
}

@media screen and (min-width:961px) {
.manageTwoColumnBlock .manageTwoColumn {
	width: calc( 100% / 2 );
}
.manageTwoColumnBlock > .manageTwoColumn:nth-child(2n+1) .gridArea_inner .gridBlock .gridLine .cell02 {
	border-right: none;
}
}


.faqBox .faqBox_inner {
	background-color:#fff;
	padding:1rem;
}
.faqBox .faqBox_inner dt {
	position:relative;
	padding: 0 0 0 2rem;
	font-size:1.25rem;
	margin:0 0 0.5rem;
}
.faqBox .faqBox_inner dt::before {
	content: "Q";
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
	font-size:1.5rem;
	line-height:1;
	position:absolute;
	left: 0;
	top: 0.35rem;
}
	
.faqBox .faqBox_inner dd {
	position:relative;
	margin:0;
	padding: 0 0 0 2rem;
}
.faqBox .faqBox_inner dd::before {
	content: "A";
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
	font-size:1.5rem;
	line-height:1;
	position:absolute;
	left: 0;
	top: 0.5rem;
}


/* ****************************************
  マンションリフォーム支援事業
**************************************** */

.supportLine {
	display:flex;
	flex-wrap: wrap;
  width: 100%;
  max-width:640px;
	padding:0 0 0.5rem;
	margin:0 0 0.5rem;
}
.supportLine dt {
	width: calc( 100% - 4rem );
	border-bottom:1px solid #001c4d;
}
.supportLine dd {
	width:4rem;
	margin:0;
	border-bottom:1px solid #001c4d;
}
.supportLineChild {
	display:flex;
  width: 100%;
  max-width:640px;
	flex-wrap: wrap;
	padding:0 0 0.5rem;
	margin:0 0 0.5rem 2rem;
}
.supportLineChild dt {
	width: calc( 100% - 6rem );
	border-bottom:1px solid #001c4d;
}
.supportLineChild dd {
	width:4rem;
	margin:0;
	border-bottom:1px solid #001c4d;
}
.supportBlock1 {
	position:relative;
  padding-bottom:200px;
}
.supportBlock1::after {
	position:absolute;
	content:url(/src/images/manage/img_support03.png);
	bottom:24px;
	right:0;
}

@media screen and (min-width:561px) {
.supportBlock1 {
  padding-bottom: 0;
	padding-right:220px;
}
.supportBlock1::after {
	bottom:0;
	right:0;
}
}
.supportBlock1 li {
	font-weight:bold;
	font-size:1.125rem;
}