@charset "utf-8";
/*
* CSS for Case Study Page
*
* @version			0.0.2
* @lastmodified 2021-11-16
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2005, LAND COMPUTER Co.,Ltd.All rights reserved.
*------------------------------------------------------------------------- */

/* SUB-NAVI ============================================================== */
@media all and (min-width: 769px) {
  #lnet #subNavi h2 {
    height: 54px;
    background: url(../../images/common/global_sprite.png) no-repeat 50% 0;
  }
  #lnet #subNavi h2 a {
    display: block;
    height: 54px;
  }
}

/* BASE ELEMENT ========================================================== */
.case15 h4 {
	line-height: 1.5;
	padding-left: 1em;
	text-indent: -1em;
}
.case15 h4:before {
	content: '■';
	color: #70AD47;
}

/* HEADER ================================================================ */
div.caseHeader {
  margin: 15px 0 0;
  padding: 0 10px;
}
div.caseHeader + h1 {
  padding: 0 0 5px 10px;
  border-bottom: 3px solid #70AD47;
}

/* HEADLINE ============================================================== */
div.caseHeadline {
	overflow: hidden;
	margin-top: 1rem;
}
.caseHeadline .headVisual {				/* 2021-11-16 */
  text-align: center;
}
.caseHeadline .topVisual {
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 1rem;
}
@media all and (min-width :480px) {
  .caseHeadline .topVisual {
    float: right;
    padding-left: 1rem;
    width: 50%;
  }
}
.caseHeadline .topVisual img {
  height: auto;
	width: auto;
  max-width: 100%;
}
.caseHeadline .profile {
	box-sizing: border-box;
}
.headVisual + .profile {
	margin-top: 1rem;
}
/* ----------------------- */
div.caseHeadline .system {
  padding-top: 20px;
  margin-top: 10px;
	background: url("../../images/line_dot.gif") no-repeat 0 0;
}
div.caseHeadline .system span.item {
	display: block;
	margin-bottom: 5px;
}
div.caseHeadline .system ul.link.inline.mix {
	padding-left: 30px;
}
div.caseHeadline .system ul.link.inline.mix li {
  margin-bottom: 1rem;
}
@media all and (min-width :769px) {
  div.caseHeadline .system ul.link.inline.mix li {
    margin-bottom: 0.25rem;
  }
}
/* -------------- */
dl.sDataList dt {
  margin-bottom: 0.5rem;
}
dl.sDataList dd {
	line-height: 1.4;
  padding-left: 1em;
  margin-bottom: 1.5em;
  margin-bottom: 2.5em;
}
dl.sDataList dd .dtr {
  padding-left: 4em;
}
dl.sDataList dd p {
  line-height: 1.5;
}
dl.sDataList dd a {
  padding-left: 10px;
  text-decoration: none;
  background: url('/img5/link_p.png') no-repeat 0 0.4em;
}
dl.sDataList dd a:hover {
  background: url('/img5/link_pov.png') no-repeat 0 0.4em;
}
dl.sDataList dd span.note {
  margin-left: -1em;
}
dl.sDataList dd em.snote {
  font-size: 0.8em;
  color: #DC143C;
  margin-left: 1em;
}
dl.sDataList dd span.notice {
  display: block;
  font-size: 0.8em;
  margin-top: 5px;
  padding-left: 1em;
  text-indent: -1em;
}
dl.sDataList.baseInfo {
	margin-bottom: 0rem;
}
dl.sDataList.introduction ,
dl.sDataList.introduction dd {
  margin-bottom: 0;
}
@media all and (min-width :640px) {
  div.iiblock dt ,
  div.iiblock dd {
    display: inline-block;
    padding-left: 0;
  }
}

/* SYSTEM LIST =========================================================== */
.section ul.systemList {
  list-style: none;
  padding-left: 0;
}
ul.systemList li {
  padding-left: 1.5em;
  text-indent: -1.5em;
  margin-top: 0.3em;
  margin-bottom: 1rem;
}
ul.systemList li:before {
  content: '▶ ';
}
.section ul.link.system {
  padding-left: 0;
}
ul.link.system li {
  margin-bottom: 1rem;
}

div.cellLayoutRow div.rowVisual.left {
  padding-left:0;
}
.overview.case19 {
	padding: 20px 25px 15px;
	border-radius: 8px;
	background-color: aliceblue;
}
.section.customize19 h2 {
	padding: 10px 8px;
	border: none;
	background-color: antiquewhite;
}
.section.customize19 h3 {
	border: none;
	padding-left: 0;
}
.section.customize19 h3:before {
	content: '■';
	color: firebrick;
}
.section.case19 h3 {
	font-size: 1.2rem;
	border: none;
	padding: 10px 8px;
	background-color: #bbdbf3;
}

.cell.image img {
	width: 100%;
}
.cell.image span.caption {
	display: block;
	text-align: center;
	margin-bottom: 5px;
}

/* image system layout */
.col2 {
	display: table;
} 
.case img {
	width: 100%;
} 
.case div p {
	padding: 0 10px 0 0;
}
.col2 div {
  display: block;
  width: 100%;
} 
.col2 .pp4 {
  width: 100%;
}
@media all and (min-width :480px) {
  .col2 div {
    display: table-cell;
    width: 50%;
    vertical-align: top;
  }
  .col2 .pp4 {
    width: 40%;
  }
}
.col2.case19 .cell {
	display: table-cell;
	box-sizing: border-box;
	padding: 0 10px;
	text-align: center;
}
.col2 .cell img {
	width: 100%;
}
.col2 .cell span {
	display: block;
}

ul.noteStr li {
	padding-left: 1em;
	text-indent: -1em;
	list-style-type: none;
}
ul.noteStr li:before {
	content: "※";
	color: crimson;
}

.inner + .inner {
	margin-top: 30px;
} 

/* ELEMENTS ============================================================== */
.section .fLeft {
  margin-bottom: 2rem;
}
@media all and (min-width :480px) {
  .section .fLeft {
    float: left;
    margin-right: 1rem;
    width: 48%;
  }
}
.section .imgLeft {
  float: none;
  display: block;
  text-align: center;
  margin: 0 auto 1rem;
}
.pict.imgLeft img {
  width: auto;
  max-width: 100%;
}
@media all and (min-width :480px) {
  .section .imgLeft {
    float: left;
    margin: 0 2rem 2rem 0;
  }
  div.section {
    clear: both;
  }
}
ul.link.mix li.nolink {
  list-style: disc;
}
ul.link.mix li a {
  margin-left: -13px;
  padding-left: 13px;
  background: url('../../img5/link_p.png') no-repeat 0 0.4em;
}
.section .left0 {
  padding-left: 0;
}
p.published {
  text-align: right;
  margin: 0 0.5rem 0.5rem 0;
}
.bdr-grn-2 {
	box-sizing: border-box;
	border: 2px solid #70AD47;
	overflow: hidden;
}
/* CASE 13 =============================================================== */
dl.casePointList dt {
  margin-bottom: 5px;
}
dl.casePointList dd {
  line-height: 1.5;
  padding-left: 1em;
  margin-bottom: 15px;
}
/* CASE15 ================================================================ */
.case15 h4 {
	line-height: 1.5;
	padding-left: 1em;
	text-indent: -1em;
}
.case15 h4:before {
	content: '■';
	color: #70AD47;
}
/* CASE 18 =============================================================== */
div.per6 div.cell.text ,
div.per6 div.cell.image {
  float: none;
  width: auto;
  padding: 0;
}
@media all and (min-width :480px) {
  div.per6 div.cell.text ,
  div.per6 div.cell.image {
  box-sizing: border-box;
    float: left;
  }
  div.per6 div.cell.text {
    padding-right: 0.5rem;
    width: 66.66%;
  }
  div.per6 div.cell.image {
    padding-left: 0.5rem;
    width: 33.33%;
  }
}
/* CASE 19 =============================================================== */
dl.sDataList dd.col2f {
  display: block;
}
dl.sDataList dd.col2f div.cell {
  display: block;
  width: 100%;
  padding-right: 0;
}
dl.sDataList dd.col2f div.cell-img {
  display: block;
  padding-top: 10px;
  width: 100%;
  text-align: center;
}
dl.sDataList dd.col2f div.cell-img img {
  width: 80%;
}
.col2.case19 .cell {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.col2.case19 .cell img {
  width: 80%;
}
@media all and (min-width :480px) {
  dl.sDataList dd.col2f {
    display: table;
  }
  dl.sDataList dd.col2f div.cell {
    display: table-cell;
    width: 64.66%;
    vertical-align: middle;
    padding-right: 2%;
  }
  dl.sDataList dd.col2f div.cell-img {
    display: table-cell;
    width: 33.33%;
  }
  dl.sDataList dd.col2f div.cell-img img {
    width: 100%;
  }
  #case19 dl.sDataList dd {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
  }
}
/* shingu-h ============================================================== */
.box-pct {
	margin: 1rem 0;
}
.box-pct-2 {
	margin: 2rem 0 1rem;
}
.uline {
	text-decoration: underline;
}
.box-outer-base .hitem {
	margin: 1.5rem 0 0.5rem;
}
.box-pindent-1 {
	text-indent: -1rem;
	padding-left: 1rem;
}
@media all and (min-width :640px) {
	.box-outer-base {
		overflow: hidden;
		padding-left: 8rem;
	}
	.box-outer-base .hitem {
		float: left;
		margin: 0 0 0 -8rem;
	}
	.box-pindent-1 {
		margin-top: 0;
	}
}