@charset "utf-8";
/* CSS Document */



  .smallfont{
	  font-size: 80%;
	  }  
	  
  .products_table_erea {
	  display: flex;
	  justify-content: center;
	  max-width: 1300px;
	  margin: 0 auto 80px;
/*	  text-align: center;
*/	  flex-wrap: wrap;
}

  .products_inner_table {
	  margin: 15px;
	  width: 100%;
	  max-width: 900px;
	  min-width: 600px;
  }	  

  .products_inner_table:first-child {
	  margin: 10px;
	  min-width: 350px; 
  }	 
	  
  .products_inner_table tr th,td {
	border: 1px solid #ccc;
	padding: 15px 8px;
  }
	  
	  
  .products_inner_table tr th {
	background: #f0f6ff;
  	font-weight: bold;
  }
	  
  .products_inner_table thead tr th {
	background: #d6e1f2;
	font-weight: bold;  
  }

	  
  .table_width thead tr th:first-child{
	  width: 120px;
	  min-width: 120px;
	  }	  

  .table_width tbody tr td{
	  min-width: 170px;
	  }
	  
	  
  .scroll_table {
	  overflow-x: scroll;
	  margin-bottom: 100px;
	  }	  
	  
  .scroll_table table {
	  width: 100%;
	  white-space: nowrap;
	  text-align: center;
	  }


/* 3mins movie  */

.movie {
  width: calc(100% - 24px * 2);
  max-width: 800px;
/*  padding: 75px 0 80px;
*/  padding: 30px 0 80px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .movie {
    width: calc(100% - 30px);
  }
}
@media (max-width: 767px) {
  .movie {
    padding: 40px 0;
  }
}
.movie__inner {
  position: relative;
  padding-top: 56.1%;
  border: 1px solid #e6edf1;
}
.movie__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.movie__title {
/*  margin-top: 38px;
*/  margin-top: 0px;
	margin-bottom: 40px;
  font-size: 20px;
  font-weight: 700;
  color: #0268ac;
  text-align: center;
}
@media (max-width: 767px) {
  .movie__title {
/*    margin-top: 20px;
*/    margin-top: 0px;
    font-size: 16px;
  }
}
.movie__imgarea {
  position: relative;
  width: 465px;
  margin: 14px auto 12px;
}
@media (max-width: 767px) {
  .movie__imgarea {
    width: 280px;
    margin: 10px auto 8px;
  }
}
@media (max-width: 319px) {
  .movie__imgarea {
    width: 250px;
  }
}
.movie__imgarea:before, .movie__imgarea:after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 43px;
  height: 1px;
  margin: auto 0;
  content: "";
  background: #0268ac;
}
@media (max-width: 767px) {
  .movie__imgarea:before, .movie__imgarea:after {
    width: 24px;
  }
}
@media (max-width: 319px) {
  .movie__imgarea:before, .movie__imgarea:after {
    width: 20px;
  }
}
.movie__imgarea:before {
  left: 0;
}
.movie__imgarea:after {
  right: 0;
}
.movie__img {
  display: block;
  width: 319px;
  height: 40px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .movie__img {
    width: 214px;
    height: 27px;
  }
}
@media (max-width: 319px) {
  .movie__img {
    width: 200px;
    height: 26px;
  }
}
/* 3mins movie  */


 .note {
	  line-height: 1.8;
	  }	
	  
@media screen and (max-width: 767px) {
	  .pcOnly{
		  display: none;
	}}	  
	  
@media screen and (min-width: 766px) {
	  .spOnly{
		  display: none;
	}}
	  
.color_blue {
	color: blue;
	  }	  
	  
	  
.margin-bt50{
	margin-bottom: 50px;
	  }
	  

.features__title--en2 {
  width: 680px;
  height: auto;
  margin: 0 auto 100px;
}
@media (max-width: 767px) {
  .features__title--en2 {
    width: 320px;
    margin: 0 auto 40px;
  }
}
@media (max-width: 374px) {
  .features__title--en2 {
    width: 280px;
  }
}
	  
	  
	  
.object-apps {
/*  padding: 80px 0;*/
  margin-bottom: 0;	
  background: #003366;
  background: -webkit-gradient(linear, left top, right top, from(#666699), to(#003366));
  background: linear-gradient(to right, #666699 0%, #003366 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$start-color", endColorstr="$end-color",GradientType=1);
}
@media (max-width: 767px) {
  .object {
    padding: 40px 0;
    margin-bottom: 40px;
  }
}	  

/* 行間調整用　 */

.products__list {
  line-height: 1.2;
}
.products__list--inner {
  margin-top: 0;
  margin-bottom: 0;
}