@media screen and (min-width: 696px){
.imgright{
width:40%;
float:right;
margin-bottom:2%;
}
.imgleft img{
width:100%;
}
.pleft{
width:56%;
float:left;
}
.pclear{
clear:both;
}
}
@media screen and (max-width: 695px){
.imgright{
margin-bottom:2%;
}
}
.marker{
background:linear-gradient(transparent 60%, #ff6 60%);
font-weight:bold;
}
@media screen and (min-width: 696px){
h4{
		margin-top: 2%;
		color:#444!important;
		border-bottom:1px dotted #555;
		padding-bottom:5px;
		margin-bottom: 5px;
	    font-size:18px!important;
}
}
@media screen and (max-width: 695px){
h4{
		margin-top: 2%;
		color:#444!important;
		border-bottom:1px dotted #555;
		padding-bottom:5px;
		margin-bottom: 5px;
}
}
.work-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #999;
  font-family: \"Noto Sans JP\", sans-serif;
  font-size: 15px;
  color: #333;
  text-align: center;
}
.work-table th,
.work-table td {
  border: 1px solid #999;
  padding: 6px 10px;
  vertical-align: middle;
}
.work-table th {
  background: #f5f5f5;
  font-weight: bold;
}
.work-table td:first-child {
  text-align: left;
  white-space: nowrap;
}
.work-table tr:nth-child(4) td {
  text-align: left;
  font-size: 14px;
}

.worktime-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #999;
  font-family: \"Noto Sans JP\", sans-serif;
  font-size: 15px;
  color: #333;
  text-align: center;
}

.worktime-table th,
.worktime-table td {
  border: 1px solid #999;
  padding: 4px 8px;
  vertical-align: middle;
}

.worktime-table th {
  background: #f5f5f5;
  font-weight: bold;
}

.worktime-table tfoot th {
  text-align: right;
  background: #fafafa;
}

.work-table th{
width:33%;
}