/***************************************
	PC版セーフティーページ用CSS
	
	
***************************************/


/* セーフティーページ */


	/* トップキャッチ部分 */
	
.safety-top-section .safety-top-catch-section{
	display:flex;
	align-items:center;
	width:1000px;
	margin:0 auto 40px;
	position:relative;
}

.safety-top-section .safety-top-catch-section p.safety-top-catch{
	flex-grow:1;
	font-size:24px;
	width:auto;
	margin-right:-400px;
	z-index:1;
}

.safety-top-section .safety-top-catch-section .safety-top-catch-image{
	width:420px;
	min-width:420px;
	max-width:420px;
}


	/* safetyの項目 */

.safety-item-section{
	max-width:1600px;
	padding:40px 40px;
	margin:0 auto;
}

.safety-item-section h2.safety-item-headline{
	border-bottom:#6dacbd 2px solid;
	padding:0 0 12px 24px;
	font-size:28px;
	margin: 80px auto 40px;
}


		/* メインの段落・説明 */

.safety-item-section .safety-item-body{
	display:flex;
	align-items:center;
}

.safety-item-section .safety-item-body .safety-item-image{
	width:100%;
	margin-right:20px;
}

.safety-item-section .safety-item-body .safety-item-description{
	width:100%;
	margin-left:20px;
}

.safety-item-section .safety-item-body .safety-item-description p{
	font-size:min(1.4vw , 24px);
}

.safety-item-section .safety-item-body .safety-item-description p .safety-item-description-emphasis{
	color:#6dacbd;
	font-weight:bold;
}


	/* 耐震等級の表 */

.safety-item-section dl.safety-earthquake-resistance-data{
	display:flex;
	justify-content:center;
	margin:40px auto 40px;
}

.safety-item-section dl.safety-earthquake-resistance-data > div{
	margin:0 20px;
}

.safety-item-section dl.safety-earthquake-resistance-data > div dt{
	background:#6dacbd;
	color:#ffffff;
	font-size:20px;
	text-align:center;
	padding:10px 20px;
	white-space:nowrap;
}

.safety-item-section dl.safety-earthquake-resistance-data > div dd{
	background:#dbeaee;
	/*background:#f1f7f9;*/
	text-align:center;
	display:flex;
	padding:20px;
}

.safety-item-section dl.safety-earthquake-resistance-data > div dd .safety-earthquake-resistance-item{
	background:#ffffff;
	width:100%;
	min-width:200px;
	padding:40px 20px;
	letter-spacing:0.02em;
	white-space:nowrap;
	margin:0 20px;
}

.safety-item-section dl.safety-earthquake-resistance-data > div dd .safety-earthquake-resistance-item .safety-earthquake-resistance-emphasis{
	color:#6dacbd;
}

.safety-item-section dl.safety-earthquake-resistance-data > div dd .safety-earthquake-resistance-item img{
	margin-top:20px;
	max-height:80px;
}

	
	/* アフターの内容 */
	

.safety-item-section ul.safety-after-item-list{
	display:flex;
	flex-wrap:wrap;
	background:#dbeaee;
	/*background:#f1f7f9;*/
	padding:10px 20px;
	margin:40px auto;
	max-width:1280px;
}

.safety-item-section ul.safety-after-item-list > li{
	width:50%;
	display:flex;
}

.safety-item-section ul.safety-after-item-list > li .safety-after-item-icon{
	margin:10px 0 10px 20px;
	background:#ffffff;
	display:flex;
	align-items:center;
	padding:20px;
}

.safety-item-section ul.safety-after-item-list > li .safety-after-item-icon img{
	max-width:120px;
}

.safety-item-section ul.safety-after-item-list > li .safety-after-item-caption{
	margin:10px 20px 10px 0px;
	background:#ffffff;
	display:flex;
	align-items:center;
	flex-grow:1;
	padding:20px 20px 20px 0;
}

.safety-item-section ul.safety-after-item-list > li .safety-after-item-caption > p{
	margin:0;
}

.safety-item-section ul.safety-after-item-list > li .safety-after-item-caption .safety-after-item-emphasis{
	color:#6dacbd;
	
}

.safety-item-section ul.safety-after-item-list > li .safety-after-item-caption .safety-after-item-annotation{
	font-size:12px;
	
}


	/* 設備 */
	
.safety-item-section  .safety-equipment-body{
	display:flex;
	padding:40px;
	max-width:1280px;
	margin:20px auto;
}

.safety-item-section  .safety-equipment-body .safety-equipment-image{
	width:100%;
	margin-right:20px;
}

.safety-item-section  .safety-equipment-body .safety-equipment-description{
	width:100%;
	margin-left:20px;
}

.safety-item-section  .safety-equipment-body .safety-equipment-description ul.safety-equipment-description-list{
	margin-bottom:20px;
}

.safety-item-section .safety-equipment-body .safety-equipment-description ul.safety-equipment-description-list li{
	border-left:12px solid #95c3cf;
	background:#f1f7f9;
	padding:20px;
	margin-bottom:20px;
	font-size:min(2vw , 20px);
}

.safety-item-section .safety-home-security-image{
	max-width:1280px;
	padding:40px;
	margin:20px auto;
}