@charset "utf-8";
/* ============================================================
 * FILE        : case css for cases28
 * COPYRIGHT   : Copyright(c) LAND COMPUTER Co.,Ltd. All rights reserved.
 * VERSION     : 0.0
 * DATE        : 2017/08/23
 * ============================================================ */

/* ====================================================
 * CASE28
 * ==================================================== */
.profile dl.sDataList dd {
  margin-bottom: 20px;
}
.profile dl.sDataList dd h5 span {
	display: inline-block;
}
.profile ul.feature {
	padding-left: 0;
}
.profile ul.feature li {
	list-style: none;
	text-indent: -1em;
	padding-left: 1em;
}
.profile dl.sDataList.introduction dd {
	padding-left: 1em;	
}

/* --------------------*/
.rfloat.image {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-bottom: 1rem;
}
@media all and (min-width :480px) {
  .rfloat.image {
    float: right;
    margin: 0 0 1rem 25px;
    width: 40%;
  }
}
.rfloat.image img {
	width: 100%;
	vertical-align: bottom;
}
.referenceBox div.col2 {
	border: 2px solid #0085b2;
	margin-bottom: 15px;
}
.referenceBox div.col2 .cell {
  box-sizing: border-box;
  width: 100%;
}
@media all and (min-width :480px) {
  .referenceBox div.col2 .cell {
    width: 50%;
    margin-right: 0;
  }
}
.referenceBox div.col2 .cell img {
	width: 100%;
	vertical-align: top;
}
.referenceBox div.col2 .cell.explain {
  padding: 1rem;
}
.referenceBox div.col2 .cell.explain span.refer {
	display: inline-block;
	margin-bottom: 10px;
}
.referenceBox div.col2 .cell.explain span.note {
	font-size: 0.8em;
}
.layout.images {
	overflow: hidden;
}
.layout.images img:first-child ,
.layout.images img:last-child {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
}
@media all and (min-width :480px) {
  .layout.images img:first-child {
    float: left;
    width: 49%;
    margin-right: 1%;
  }
  .layout.images img:last-child {
    float: left;
    width: 49%;
    margin-left: 1%;
  }
}
.responder {
	overflow: hidden;
	margin-bottom: 20px;
	display: table;
}
.responder .cell {
	display: table-cell;
}
.responder .cell:first-child {
  width: 50%;
}
.responder .cell:last-child {
	box-sizing: border-box;
	vertical-align: middle;
	padding-left: 2%;
  width: 50%;
}
.responder .cell img {
	width: 100%;
}
@media all and (min-width :480px) {
	.responder .cell:first-child {
		width: 40%;
	}
	.responder .cell:last-child {
		width: 60%;
	}
}
@media all and (min-width :480px) {
  .responder .cell:first-child {
    width: 30%;
  }
  .responder .cell:last-child {
    width: 70%;
  }
}
.interview h4 {
	border-left: 0;
	color: #666;
	text-decoration: underline;
	margin-top: 1.5em;
	line-height: 1.3;
}
.interview p {
	padding-left: 1em;
}