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


.box-indent-1 {
  display: block;
  width: 95%;
  margin: 25px 0 5px 2.5em;
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 5px 0 15px 0;
}

.box-indent-1 h5 {
  margin: 15px 15px 10px 15px;
  color: #00518e;
  border-bottom: 1px dashed #00518e;
  font-size: 20px;
  font-weight: bold;
  padding: 5px 0 15px 15px;
  letter-spacing: 1px;
}
.box-indent-1 p {
  width: 90%;
  margin: 10px auto 10px;
}
.box-indent-1-img {
  width: 85%;
  margin: 10px auto;
}

.box-indent-1-img img {
  width: 100%;
}

.contentbox-flex, .contentbox-block {
  width: 97%;
  margin: 0 auto 10px;
}
.contentbox-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.contentbox-block {
  display: block;
}

.contentbox-txt {
  width: 60%;
}
.contentbox-img {
  width: 40%;
}

.contentbox-img img {
  width: 100%;
}

h5.content-summery {
  width: 100%;
  text-align: center;
  color: #00518e;
  font-size: 20px;
  margin: 30px 0 20px;
  line-height: 150%;
}

.content-table {
  margin: 10px auto;
}

.content-table td {
  text-align: center;
}

td.moji_good {
  font-weight: bold !important;
  font-size: 20px !important;
  color: #cc0000 !important;
}

th.th_advantage, td.td_advantage {
  font-weight: bold !important;
  color: #990000;
  line-height: 165%;
}
th.th_advantage span, td.td_advantage span {
    background: linear-gradient(transparent 60%, rgba(255,235,100,0.8) 30%) ;
}
th.th_advantage {
  font-size: 16px;
}
td.td_advantage {
  font-size: 16px;
}

/* 用途のリスト */
.appbox {
  display: flex;
  justify-content: space-between;
}
.app_list	{
  width: 450px;
	margin: 0 0 0 20px;
  padding: 15px;
  font-size: 16px;
}
.app_list li	{
	list-style-type:circle;
	line-height:170%;
}


/* 画像｜１枚が中心に */
.img_box_01-s{
  width: 70%;
  margin: 0 auto;
}

.img_box_01-s img{
	width:100%;
	height:auto;
}

/* カメラシリーズ一覧 */
.camerabox {
  width: 960px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.camera-series {
  width: 280px;
  margin: 10px 20px 20px;
  padding: 0;
}

.camera-series img {
  width: 100%;
}

.camera-series h5 {
  display: block;
  color: #00508e;
  font-size: 16px;
  font-weight: bold;
  line-height: 160%;
  margin: 5px 10px;
}

.camera-series h5 span {
  color: #CC0000;
  font-size: 13px;
  font-weight: normal;
  margin-left: 5px;
}

.camera-point {
  display: block;
  margin-left: 30px;
}

.camera-point li	{
	list-style-type:disc;
	line-height:170%;
}


/***** 右上画像の調整 *****/
.Area_right .cloudimage-360 {
  width: 100%;
  height: 400px !important; 
  }
.Area_right img {
  width: 400px;
  height: auto;
  }

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

.box-indent-1 {
  display: block;
  width: 93%;
  margin: 15px 0 5px 1em;
  padding: 5px 0 5px 0;
}

.box-indent-1 h5 {
  margin: 10px 10px 10px 10px;
  font-size: 16px;
  padding: 5px 0 15px 15px;
}

.contentbox-flex, .contentbox-block {
  width: 97%;
  margin: 0 auto 10px;
}
.contentbox-flex {
  display: block;
}

.contentbox-txt, .contentbox-img  {
  width: 97%;
}

.contentbox-img img {
  width: 100%;
}

h5.content-summery {
  width: 97%;
  font-size: 16px;
  line-height: 150%;
}

.content-table {
  margin: 10px auto;
}

.content-table th,
.content-table td {
  word-break: break-all;
}

td.moji_good {
  font-size: 14px !important;
}


/* 用途のリスト */
.appbox {
  display: block;
}
.app_list	{
  width: 90%;
	margin: 0 0 0 20px;
  padding: 0px 0 0 10px;
}
.app_list li	{
  line-height: 150%;
  font-size: 14px;
}


/* カメラシリーズ一覧 */
.camerabox {
  width: 97%;
  margin: 0 auto;
}

.camera-series {
  width: 47%;
  margin: 10px 5px 20px;
  padding: 0;
  text-align: center;
}

.camera-series img {
  width: 70%;
  margin: 0 auto;
}

.camera-series h5 {
  font-size: 16px;
  line-height: 180%;
  margin: 5px 5px;
  text-align: left;
}

.camera-point {
  display: block;
  margin-left: 15px;
  text-align: left;
}

.camera-point li	{
	line-height:165%;
  padding-left: 0px !important;
}

th.th_advantage, td.td_advantage {
  line-height: 125%;
  font-size: 14px;
}

/* スマホ閲覧設定用 */
.smp_only {
	display: block;
	color:#C00;
	font-size: 12px;
	margin: 5px;
}
.smp_none {
	display: none;
}
  
}

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

/* カメラシリーズ一覧 */
.camerabox {
  width: 95%;
  margin: 0 auto;
}

.camera-series {
  width: 100%;
  margin: 10px 5px 25px;
  padding: 0;
  text-align: center;
}

.camera-series img {
  width: 70%;
  margin: 0 auto;
}

.camera-series h5 {
  margin: 5px 10px;
  text-align: left;
}

.camera-point {
  display: block;
  margin-left: 30px;
  text-align: left;
}

.camera-point li	{
  padding-left: 0px !important;
}
th.th_advantage, td.td_advantage {
  line-height: 125%;
  font-size: 12px;
}

}