@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. モジュール

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

　01. モジュール

=============================================================================== */
.detail {
  display: grid;
   grid-template-columns: 200px 1fr;
  padding: 20px 0;
	box-sizing: border-box;
}
.detail dt,
.detail dd{
	padding-bottom:10px;
	margin-bottom:30px;
	border-bottom:1px solid #ccc;	
}
.detail dt {
	position: relative;
	text-align:center;
	font-weight:bold;
	border-bottom-color:#000;	
}
.detail dd {
	text-align:left;
	padding-left:30px;
	overflow: hidden;
}
.detail dd p{
	font-size:16px;
	color:#333;
	white-space:normal;
	margin-bottom:5px;
}
.detail dd p:last-child{
	margin-bottom:0;
}
.detail .listNon li{
	position: relative;
	float: left;
	display:inline-block;
	margin-right:15px;
}
.detail .listNon li::before{
	content:"・";
}
.detail .detalist li {
  position: relative;
  padding-left: 1em;
}
.detail .detalist li::before{
  content: "・";
  position: absolute;
  left: 0;
}

@media screen and (max-width: 768px) {
	.detail {
		grid-template-columns: 1fr;
	}
	.detail dt {
		text-align:left;
		margin-bottom:10px;
	}
	.detail dd {
		padding-left:0;
		border:0;
	}


}