@charset "utf-8";
/*
* CSS for Introduction Case 43
*
* @version			0.0.0
* @lastmodified 2019/07/22
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2019, LAND COMPUTER Co.,Ltd.All rights reserved.
*------------------------------------------------------------------------- */

/* CASE 43 =============================================================== */
ul.rollingList li {
  display: inline-block;
  margin-right: 2rem;
}
div.photo1 {
  margin-bottom: 1rem;
}
/*----------------------*/
#case43-1 .cell.box-r div#t-desk ,
#case43-1 .cell.box-r div#t-mast ,
#case43-2 .cell.box-r div#t-desk ,
#case43-2 .cell.box-r div#t-mast {
  text-align: center;
}
#case43-1 .cell.box-r div#t-desk ,
#case43-2 .cell.box-r div#t-desk {
  margin-bottom: 1rem;
}
#case43-1 .cell.box-r div#t-desk img ,
#case43-1 .cell.box-r div#t-mast img ,
#case43-2 .cell.box-r div#t-desk img ,
#case43-2 .cell.box-r div#t-mast img {
  max-width: auto;
  margin-bottom: 0.25rem;
}
#case43-1 .cell.box-r div#t-desk span.caption ,
#case43-1 .cell.box-r div#t-mast span.caption ,
#case43-2 .cell.box-r div#t-desk span.caption ,
#case43-2 .cell.box-r div#t-mast span.caption {
  display: block;
  text-align: center;
}
div.modBox.cap div ,
div.modBox.cap div p {
  margin-bottom: 0.5rem;
}
span.caption.exp {
  display: block;
  text-align: center;
}
@media all and (min-width :480px) {
  div.photo2 {
    text-align: right;
  }
  p.figure.max94 img {
    max-width: 94.25%;
  }
  /*----------------------*/
  #case43-1 .cell.box-l {
    box-sizing: border-box;
    width: 59.22%;
    padding-right: 0.25rem;
  }
  #case43-1 .cell.box-r {
    box-sizing: border-box;
    width: 40.78%;
    padding-right: 0.25rem;
  }
  #case43-1 .cell.box-r div#t-desk {
    margin-bottom: 0;
    text-align: right;
    position: relative;
  }
  #case43-1 .cell.box-r div#t-desk ,
  #case43-1 .cell.box-r div#t-mast {
    text-align: left;
    overflow: hidden;
  }
  #case43-1 .cell.box-r div#t-desk img ,
  #case43-1 .cell.box-r div#t-mast img {
    display: inline-block;
    vertical-align: bottom;
  }
  #case43-1 .cell.box-r div#t-desk img {
    float: right;
  }
  #case43-1 .cell.box-r div#t-desk img ,
  #case43-1 .cell.box-r div#t-mast img {
    max-width: 50.00%;
    margin-bottom: 0;
  }
  #case43-1 .cell.box-r div#t-mast span.caption ,
  #case43-1 .cell.box-r div#t-desk span.caption {
    display: inline-block;
    vertical-align: bottom;
  }
  #case43-1 .cell.box-r div#t-desk span.caption {
    margin-left: -2.5rem;
    position: absolute;
    bottom: 0.25rem;
    left: 50%;
  }
  #case43-1 .cell.box-r div#t-mast span.caption {
    margin-left: 0.5rem;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  /*----------------------*/
  #case43-2 .cell.box-l {
    width: 64%;
    padding-right: 0.25rem;
  }
  #case43-2 .cell.box-r {
    width: 36%;
    padding-right: 0.25rem;
  }
  #case43-2 .cell.box-r div#t-desk {
    margin-bottom: 0.5rem;
  }
  #case43-2 .cell.box-r div#t-desk ,
  #case43-2 .cell.box-r div#t-mast {
    text-align: left;
    vertical-align: bottom;
  }
  #case43-2 .cell.box-r div#t-desk img ,
  #case43-2 .cell.box-r div#t-mast img {
    display: inline-block;
    max-width: 60%;
    vertical-align: bottom;
  }
  #case43-2 .cell.box-r div#t-mast span.caption ,
  #case43-2 .cell.box-r div#t-desk span.caption {
    display: inline-block;
    font-size: 80%;
    vertical-align: bottom;
    margin-left: 0.5rem;
    margin-bottom: 0.25rem;
  }
}
@media all and (min-width :640px) {
  div.photo2 {
    width: 68.75%;
    float: right;
  }
}
@media all and (min-width :769px) {
  p.figure.max50 {
    text-align: left;
  }
  p.figure.max50 img {
    max-width: 65%;
  }
  p.figure.max50.aright {
    text-align: right;
  }
  p.figure.max50.ph5 {
    position: relative;
  }
  p.figure.max50.ph5 img {
    max-width: 60%;
  }
  span.subcaption {
    font-size: 90%;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  div.cap .cell {
   margin-bottom: 0.5rem; 
  }
  div.cap .cell p {
   margin-bottom: 0; 
  }
  p.figure.max50.aright {
    margin-bottom: 0.5rem;
  }
}
@media all and (min-width :880px) {
}