/*----------------------------------------------------
https://www.webdlab.com/labs/responsive-web-design-4/
414pxまでをスマホ縦画面用
415px〜959pxをスマホ横画面及びタブレット縦画面用
960px以上をタブレット横画面とPC用として使用

green #009c84
background-color: #ecf0f0;
----------------------------------------------------*/
/* 
----------------------------------------------------*/
#kaihatsu .pht {
  background: url("img/pht03.jpg") no-repeat center top;
  background-size: auto 150px;
  padding: 165px 0 20px;
}
#kaihatsu p strong {
  font-weight: 700;
  color: #d00;
}
.spot {
  background-repeat: no-repeat;
  background-position: left 20px;
  background-size: 120px auto;
  padding: 20px 0 20px 130px;
  border-top: 1px dashed #ccc;
}
.spot strong {
  display: block;
  font-weight: 700;
}
.spot01 {  background-image: url("img/pht01.jpg");}
.spot02 {  background-image: url("img/pht02.jpg");}
@media (min-width: 415px) {
  #kaihatsu .pht {
    background: url("img/pht03.jpg") no-repeat right top;
    background-size: 220px auto;
    padding: 0 240px 0 0;
  }
  .spot {
    background-position: left 0;
    background-size: auto 120px;
    padding: 0 0 0 180px;
    min-height: 120px;
    margin-top: 30px;
    border: 0;
  }
}
@media (min-width: 960px) {
  #kaihatsu .inner {
    background: url("img/pht03.jpg") no-repeat right 40px top 130px;
    background-size: 400px auto;
  }
  #kaihatsu .pht {
    background: none;
    padding: 0 440px 0 0;
  }
  .spot {
    background-size: auto 160px;
    padding: 0 0 0 240px;
    min-height: 160px;
    margin-top: 30px;
  }
}
/* 
----------------------------------------------------*/
#seisan li {
  padding: 1.5em;
  border-radius: 10px;
  /*background: #ecf0f0;*/
  background: #fff;
  margin-bottom: 1em;
}
#seisan li:last-child {  margin: 0;}
#seisan .ttl-midium {
  text-align: center;
  margin-top: 0;
}
#seisan strong {
  color: #009c84;
  display: block;
  font-size: 1.6rem;
  padding-bottom: 0.5em;
  line-height: 1.4;
}
@media (min-width: 415px) {
#seisan li  {
    float: left;
    width: 48%;
    margin: 0 4% 0 0;
}
#seisan li:last-child {  margin: 0;}
  /*#seisan li:first-child {
    width: 100%;
    float: left;
  }
  #seisan li:nth-child(2), #seisan li:last-child {
    width: 48%;
    margin: 0 4% 0 0;
    float: left;
  }
  #seisan li:last-child {  margin: 0;}*/
}
@media (min-width: 960px) {
  #seisan strong {  font-size: 1.8rem;}
}
/* 
----------------------------------------------------*/
#hanbai .pht {
  background: url("img/pht04.jpg") no-repeat center bottom 10px;
  background-size: auto 200px;
  padding: 0 0 220px;
  margin-bottom: 20px;
}
#hanbai p strong {
  color: #009c84;
  display: block;
  font-size: 1.6rem;
  padding-bottom: 0.5em;
  line-height: 1.4;
}
#hanbai .txt-list li {
  border-bottom: 1px dashed #ccc;
  padding: 1em 0 1em 90px;
  position: relative;
}
#hanbai .txt-list strong {
  display: block;
  font-weight: 700;
  background: #009c84;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 1em;
  left: 0;
  padding-top: 22px;
  line-height: 1.4;
}
#hanbai .pht2 {
  background: url("img/pht05.jpg") no-repeat center top 20px;
  background-size: auto 200px;
  padding: 230px 0 0;
  margin-bottom: 20px;
}
#hanbai .txt-list2 li {
  padding: 1.3em;
  border-radius: 10px;
  background: #ecf0f0;
  margin-bottom: 1em;
}
#hanbai .txt-list2 li:last-child {  margin: 0;}
#hanbai .txt-list2 strong {
  display: block;
  font-weight: 700;
  text-align: center;
  padding-bottom: 0.5em;
}
@media (min-width: 415px) {
  #hanbai .pht {
    background: url("img/pht04.jpg") no-repeat right top;
    background-size: 300px auto;
    padding: 0 320px 0 0;
  }
  #hanbai .txt-list {  padding: 0}
  #hanbai .txt-list li {
    float: left;
    width: 48%;
    margin-right: 4%;
    border: 0;
  }
  #hanbai .txt-list li:last-child {  margin-right: 0;}
  #hanbai .pht2 {
    background: url("img/pht05.jpg") no-repeat right top;
    background-size: 300px auto;
    padding: 0 320px 0 0;
  }
  #hanbai .txt-list2 li {
    float: left;
    width: 48%;
    margin: 0 4% 1em 0;
  }
  #hanbai .txt-list2 li:nth-child(2n) {  margin-right: 0}
}
@media (min-width: 960px) {
  #hanbai .pht {
    background-size: 420px auto;
    padding: 0 480px 0 0;
    min-height: 260px;
  }
  #hanbai p strong {  font-size: 1.8rem;}
  #hanbai .txt-list li {  padding: 2em 0 2em 120px;}
  #hanbai .txt-list strong {
    width: 100px;
    height: 100px;
    font-size: 1.6rem;
    padding-top: 24px;
    line-height: 1.4;
    top: 2em;
  }
  #hanbai .pht2 {
    background-size: 380px auto;
    padding: 0 460px 0 0;
    min-height: 260px;
  }
  #hanbai .txt-list2    {   padding-top: 2em;}
  #hanbai .txt-list2 li {
    width: 23.5%;
    margin: 0 2% 0 0;
  }
  #hanbai .txt-list2 li:nth-child(2n) {  margin-right: 2%}
  #hanbai .txt-list2 li:last-child {  margin: 0;}
}
/* 
----------------------------------------------------*/
@media (min-width: 415px) {}
@media (min-width: 960px) {}
/* 
----------------------------------------------------*/
@media (min-width: 415px) {}
@media (min-width: 960px) {}
/* 
----------------------------------------------------*/
@media (min-width: 415px) {}
@media (min-width: 960px) {}