/* CS Document */


/* 製品ごとに色設定 ここから */

.product_inside .Area_left .pointlist {
	background:linear-gradient(white 50%, #EEF4F7 50%);
}
.product_inside .Area_left ul.point_ul{
	background-color: #EEF4F7;
}
.product_inside h3  {
	border-bottom: 2px solid #006AB4;
}
.product_inside h3 a, .product_inside h3 a:link  {
  color: #000;
}
.product_inside h3 .series_flex p.series {
	background-color: #006AB4;
}
.product_inside h4 {
	border-bottom: 2px solid #B7CCDB;
}

/* 事例 */
.app {
  width: 98%;
  margin: 10px auto;
}

.app li {
  width: 300px;
  margin: 0 10px;
  text-align: center;
  float: left;
}

.app li h5 {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  line-height: 165%;
  margin: 15px 0 5px;
}

.app li h6 {
  text-align: center;
  line-height: 150%;
  margin: 5px 0 5px;
}

.app li img {
  width: 90%;
  height: auto;
  margin: 10px auto;
}

.app .cf {
  font-size: 12px;
  
}

/* 製品紹介 */
.entaniya {
  width: 98%;
  margin: 10px auto;
}

.entaniya li {
  width: 460px;
  margin: 0 10px;
  text-align: center;
  float: left;
}

.entaniya li h5 {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  line-height: 165%;
  margin: 15px 0 5px;
}

.entaniya li img {
  width: 90%;
  height: auto;
  margin: 10px auto 5px;
}
.entaniya p {
  width: 95%;
  margin: 0 auto;
  text-align: left;
  line-height: 165%;
  margin-bottom: 15px;
}
  
.bn_box {
  width: 900px;
  margin: 20px auto;
}

.bn_box img {
  width: 100%;
  margin: 10px 0;
}

  
.imgbox {
  margin: 10px auto;
  width: 100%;
}

.imgbox img {
  width: 100%;
}


.smp_only, .smp_list {
	display: none;  
}


/* 画面サイズの横幅が 480px より小さい場合に適用 */
@media screen and (max-width: 480px) {

/* 事例 */
.app {
  width: 95%;
  margin: 10px auto;
}

.app li {
  width: 95%;
  margin: 0 10px;
  text-align: center;
}

.app li h5 {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  line-height: 150%;
  margin: 15px 0 5px;
}

.app li img {
  width: 90%;
  height: auto;
  margin: 10px auto;
}


/* 製品紹介 */
.entaniya {
  width: 100%;
  margin: 10px 0;
}

.entaniya li {
  width: 95%;
  margin: 10px auto;
  text-align: center;
  float: left;
}

.entaniya li h5 {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  line-height: 150%;
  margin: 15px 0 5px;
}

.entaniya li img {
  width: 90%;
  height: auto;
  margin: 10px auto 5px;
}
.entaniya p {
  width: 95%;
  margin: 0 auto;
  text-align: left;
  line-height: 165%;
  margin-bottom: 15px;
}
  
    
.bn_box {
  width: 97%;
  margin: 20px auto;
}

.bn_box img {
  width: 100%;
  margin: 10px 0;
}


}