@charset "utf-8";

/*===============================================

 *	Second 共通

===============================================*/
.subPage{
	color: #d7dfe3;
}
.subPageSummary{
	margin-bottom: 70px;
}
.subPageBottom{
	padding-bottom: 120px;
}
.scdHeadline34,
.scdHeadline30{
	color: #fff;
	font-weight: 500;
}
.scdHeadline34{
	font-size: 3.4rem;
}
.scdHeadline30{
	font-size: 3.0rem;
}
.doubleBtmLine{
	border-bottom: 1px solid #ccc5a8;
	position: relative;
}
.doubleBtmLine:after{
	background-color: #68726a;
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	height: 1px;
	width: 100%;
}
.underShortBar{
	margin-bottom: 45px;
	padding-bottom: 20px;
	position: relative;
}
.underShortBar:before{
	background-color: #ccc5a8;
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 1px;
	width: 100px;
}


@media screen and ( max-width:767px ){
	.mainContents {
		padding: 0 5vw;
	}
	.subPageSummary{
		margin-bottom: 40px;
	}
	.subPageBottom{
		padding-bottom: 60px;
	}
	.scdHeadline34,
	.scdHeadline30{
		font-size: 2.0rem;
	}
	.underShortBar{
		margin-bottom: 25px;
		padding-bottom: 15px;
	}
	.underShortBar:before{
		width: 80px;
	}
}

@media screen and ( min-width: 768px ){
	.subPageCnt{
		text-align: center;
	}
}

/* 二色のアンダーライン
-----------------------------------------------*/
.bicolorLine{
	border-bottom: 1px solid #6d777c;
	position: relative;
}
.bicolorLine:after{
	background-color: #104a6b;
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 1px;
	width: 100px;
}

@media screen and ( max-width:767px ){
	.bicolorLine{
	}
	.bicolorLine{
	}
}

/* 下層のトップのタイトルエリア
-----------------------------------------------*/
.pgTtlPrntArea{
	background-image: url("../img/common/bg_service_top.webp");
	padding: 250px 0 0;
}
.pgTtlArea{
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.pageTitlePrnt{
	color: #d7dfe3;
	font-family: "Bodoni Moda", "Shippori Mincho", serif;
	font-size: 3.6rem;
	font-weight: 400;
	line-height: 1.3;
}
.pageTitlePrnt span{
	display: block;
	font-size: 8.0rem;
	margin-bottom: 10px;
}

@media screen and ( max-width:767px ){
	.pgTtlArea{
		padding: 150px 0 0;
	}
	.pgTtlWrap{
		padding: 0 5vw;
	}
	.pageTitlePrnt{
		font-size: 1.8rem;
	}
	.pageTitlePrnt span{
		font-size: 4.0rem;
		margin-bottom: 10px;
	}
}

/* 下層のサブタイトルエリア
-----------------------------------------------*/
.pgTtlChildArea{
	padding: 280px 0 0;
}

.pageTitleChild{
	color: #d7dfe3;
	font-size: 1.8rem;
	margin-bottom: 26px;
}
.pageTitleChild img{
	vertical-align: bottom;
}
.pageTitleChild span{
	display: inline-block;
	font-family: "Bodoni Moda", serif;
	font-size: 2.6rem;
	margin: 0 20px;
}
.pgTtlChildWrap h1{
}
.pgTtlChildWrap span{
}

.pgTTlChildSub{
	font-size: 4.0rem;
	margin-bottom: 60px;
}
.pgTtlChildTxt{
}

@media screen and ( max-width:767px ){
	.pgTtlArea{
		background-position: top left 60%;
	}
	.pgTtlChildArea{
		padding: 160px 0 0;
	}
	.pageTitleChild{
		font-size: 1.6rem;
		margin-bottom: 15px;
	}
	.pageTitleChild img{
		width: 46px;
	}
	.pageTitleChild span{
		font-size: 2.4rem;
		margin: 0 15px;
	}
	.pgTTlChildSub{
		font-size: 2.7rem;
		margin-bottom: 20px;
	}
}

/*-----------------------------------------------

 *	パンくず

-----------------------------------------------*/

/*-----------------------------------------------
 *	#bread
-----------------------------------------------*/
.bread{
	background-color: rgba(0,0,0,0.2);
	margin-top: 90px;
	padding: 25px 0;
}

.bread .breadBox{
	font-size: 1.3rem;
	line-height: 1.0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.3em;
}

.bread li{
	color: #fff;
}
.bread a img{
	transform: translateY(1px);
}
.bread li a{
	color: #6d777c;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.bread li a:after{
	background-color: #6d777c;
	content: "";
	display: block;
	width: 15px;
	height: 1px;
	margin-left: 0.4em;
	transform: rotate(-45deg) translateY(1px);
}


@media screen and ( max-width:767px ){
	.bread{
		margin-top: 60px;
		overflow-x: scroll;
	}
	.bread .breadBox{
		flex-wrap: nowrap;
		font-size: 1.3rem;
		margin-bottom: 0;
		padding: 0 5vw;
		gap: 1.2em;
	}
	.breadBox li{
		white-space: nowrap;
	}
	.bread li a:after{
		margin-left: 1.2em;
	}
	
}


/*-----------------------------------------------

 *	baseTbl

-----------------------------------------------*/
.tableWrap{
	max-width: 940px;
	margin-bottom: 120px;
}
.baseTbl{
	border-top: 1px solid #6d777c;
	position: relative;
	width: 100%;
}
.baseTbl tr{
	border-bottom: 1px solid #6d777c;
}
.baseTbl th,
.baseTbl td{
	line-height: 1.6;
	padding: 20px;
}
.baseTbl th{
	font-weight: 500;
	position: relative;
}
.baseTbl:after,
.baseTbl th:after{
	background-color: #104a6b;
	content: "";
	position: absolute;
	left: 0;
	height: 1px;
	width: 32px;
}
.baseTbl:after{
	top: 0;
}
.baseTbl th:after{
	bottom: -1px;
}

.baseTbl td{
	color: #d7dfe3;
	font-weight: 400px;
}
.baseTbl a{
	color: #d7dfe3;
	text-decoration: underline;
}
.baseTbl{
}


@media screen and ( max-width:767px ){
	.tableWrap{
		margin-bottom: 60px;
	}
	.baseTbl th,
	.baseTbl td{
		line-height: 1.4;
		padding: 20px 0;
	}
	.baseTbl th{
		min-width: 120px;
	}
	.baseTbl:after{
		top: -1px;
	}
}


/**/