@charset "utf-8";

/* for Common & Smartphone*/
.ol-ttl{
	margin:0 0 20px 0;
	padding: 0 1em;
	font-size: clamp(calc(16px * var(--font-markup)), calc(16vw / var(--vw-sp)), 16px);/*16 / 18*/
	text-align:left;
	font-weight: 500;
	}
.ol-wrap{
	max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
	}
.ol{
	border-top:1px solid #777;
	font-size: clamp(calc(13px * var(--font-markup)), calc(13vw / var(--vw-sp)), 13px);/*14 / 13*/
	}
.ol dt,
.ol dd{
	padding:5px 20px;
	line-height: var(--line-height);
	text-align:left;
	letter-spacing: normal;
	}
.ol dt{}
.ol dd{
	border-bottom:1px solid #777;
	}

.date{
  line-height: var(--line-height);
  text-align: right;
}

/* for Smartphone*/
/*横向き*/
@media screen and (orientation : landscape) { 

}
	
/* for PC*/
@media print, screen and (min-width:768px) {

.ol-ttl{
	padding: 0;
	font-size: clamp(calc(18px * var(--font-markup)), calc(18vw / var(--vw-pc)), 18px);/*16 / 18*/
	}
.ol{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	border-top:1px solid #777;
	}
.ol dt,
.ol dd{
	border-bottom:1px solid #777;
  font-size: clamp(calc(14px * var(--font-markup)), calc(14vw / var(--vw-pc)), 14px);/*14 / 13*/
  }
.ol dt{
	/*width:16em;*/
  width:19em;
	padding:12px 0 12px 1em;
	}
.ol dd{
  /*width: calc(100% - 16em);*/
  width: calc(100% - 19em);
	padding:12px 0 12px 0;
	}
  
  .date{}
  
  .date br{
    display: none;
  }

}


