@charset "utf-8";
/*
* css for Case Study 31
* @version			0.0.0
* @lastmodified 2017/12/18
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2017, LAND COMPUTER Co.,Ltd.All rights reserved.
* ------------------------------------------------------------------------ */
.section ul.Intention {
  list-style: none;
  padding-left: 0;
  margin-top: 1em;
}
ul.Intention li {
  text-indent: -3em;
  padding-left: 3em;  
}
div.col2 .cell img {
  vertical-align: bottom;
}
div.col2 .cell.explain {
  vertical-align: middle;
}
.modBox .cell p.explain ,
div.col2 .cell p.explain {
  font-size: 0.88em;
  padding: 0.5em 1em;
  background-color: #b4c6e7;
}
.modBox .cell p.figure + p.explain {
  margin-top: -1rem;
}

div.col2 .cell.explain {
  background-color: #b4c6e7;
}
div.col2.tbox {
  display: table;
}
div.col2.tbox .cell {
  display: table-cell;
}
div.col2.tbox .cell.explain {
  vertical-align: middle;
  background-color: #b4c6e7;
}
div.col2.tbox .cell.explain p {
}
ul.discList li {
  list-style: none;
  text-indent: -1em;
  padding-left: 1em;  
}
div.tbox.per40 {
  display: table;
}
div.tbox.per40 .cell {
  display: table-cell;
}
div.tbox.per40 .cell:first-child {
  width: 40%;
}
div.tbox.per40 .cell img {
  width: 100%;
}
div.tbox.per40 .cell.explain {
  vertical-align: bottom;
}
div.tbox.per40 .cell.explain p {
  padding: 1em 1em 1em 20%;
  margin-bottom: 10px;
  background: #b4c6e7 url(../../case/ndsu/images/warrow.png) no-repeat 0 80%;
  background-size: 15% auto;
}
@media all and (min-width :480px) {
  div.tbox.per40 .cell.explain p {
    background-position: 0 60%;
  }
}
@media all and (min-width :640px) {
  div.tbox.per40 .cell.explain p {
    background-position: 0 70%;
  }
}