@charset "UTF-8";
/* 初期設定
--------------------------------------*/
#ui3278 img {
	height: auto;
	border: none;
}

#ui3278 a:hover {
	text-decoration: none;
}

#ui3278 a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

/* 共通
--------------------------------------*/
#ui3278 p{
	font-size: 1.8rem;
	text-align: center;
	color: #000;
}

#ui3278 .inner {
    width: 1160px;
    margin: 0 auto;
}

#ui3278 h2{
	font-size: 3.0rem;
    display: flex;
    align-items: center; 
    text-align: center; 
	padding-bottom: 10px;
	font-weight: bold;
  }
 
#ui3278 h2::before,#ui3278 h2::after{
    content:"";
    flex-grow: 1; 
    border-bottom: 3px solid #19448e;
  }
 
#ui3278 h2::before{
    margin-right: 30px; 
    padding-left: 15px; 
  }
 
#ui3278 h2::after{
    margin-left: 30px; 
    padding-right: 15px;
  }

#ui3278 .Annotation{
	font-size: 1.6rem;
}

#ui3278 h3{
	color: #000;
	font-size: 3.0rem;
	text-align: center;
	font-weight: bold;
}

/* タイトル　*/
#ui3278 .title {
	background-color: #f2f2f2;
}

#ui3278 .title img{
	margin: auto;
	display: block;
}

/* introduction　*/
#ui3278 .introduction{
	margin: 40px auto;
}

#ui3278 .introduction img{
	margin: auto;
	display: block;
}

#ui3278 .introduction p{
	padding-bottom: 10px;
}

/* ディスプレイを選ぶ際に気にしたい4つの機能　*/
#ui3278 .displaySC{
	padding: 40px 0;
}

#ui3278 .displaySC{
	background: linear-gradient(#023b68, #4e7db5);
}

#ui3278 .displaySC h2{
	color: #fff;
}

#ui3278 .displaySC p{
	color: #fff;
}

#ui3278 .displaySC .feature{
	display: flex;
	margin-top: 20px;
}

#ui3278 .displaySC .featureBox{
	width: 570px;
	background-color: #fff;
	margin-right: 20px;
	padding: 20px;
	border-radius: 20px;
	border: 3px solid #878787;
}

#ui3278 .displaySC .featureBox:last-child{
	margin-right: 0;
}

#ui3278 .displaySC .featureBox p{
	color: #000;
	text-align: left;
}

#ui3278 .displaySC .featureBox img{
	margin: auto;
    display: block;
    padding: 10px 0;
}

#ui3278 .displaySC .featureBox h3 span{
	font-size: 2.0rem;
}

#ui3278 .displaySC a.btn {
    color: #fff;
    background-color: #e7373d;
    border-bottom: 5px solid #840005;
    padding: 10px;
    display: block;
	position: relative;
    text-align: center;
    font-size: 2.4rem;
    border-radius: 40px;
    text-decoration: none;
    width: 850px;
	margin: 20px auto;
}

#ui3278 .displaySC a.btn span{
    font-size: 3.2rem;
	font-weight: bold;
}

#ui3278 .displaySC a.btn:hover {
    background-color: #840005;
}

#ui3278 .displaySC a.btn:after {
    font-family: fontawesome;
    content: "\f105";
    line-height: 1;
    font-size: 5rem;
    position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
}

/* パソコンとの接続インターフェースを確認　*/
#ui3278 .interface_cfm{
	padding: 40px 0;
	background-color: #f3f3f3;
}

#ui3278 .interface_cfm h2 span {
	background: #f3f3f3;
}

#ui3278 .interface_cfm .tb-conn {
	padding-top: 10px;
}

#ui3278 .interface_cfm table {
	border-collapse: collapse;
	width: 1160px;
}

#ui3278 .interface_cfm th, #ui3278 .interface_cfm td {
    border: solid 2px #d3d3d3;
	padding: 10px;
}

#ui3278 .interface_cfm .tb-conn th {
	background-color: #414143;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    font-weight: bold;
}

#ui3278 .interface_cfm .tb-conn td {
    background-color: #fff;
    color: #000;
	font-size: 1.8rem;
    text-align: center;
}

#ui3278 .interface_cfm .tb-conn .interface,#ui3278 .interface_cfm .tb-conn .remarks{
	width: 22%;
}

#ui3278 .interface_cfm .tb-conn .connector{
	width: 22%;
	padding: 0;
}

#ui3278 .interface_cfm h4{
	font-size: 2.4rem;
	color: #19448e;
	text-align: center;
	padding-top: 20px;
	font-weight: bold;
}

#ui3278 .interface_cfm .tb-wrap th {
	background-color: #0b2a50;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    font-weight: bold;
}

#ui3278 .interface_cfm .tb-wrap td {
    background-color: #f5f9ff;
    color: #000;
	font-size: 1.8rem;
    text-align: center;
}

#ui3278 .interface_cfm .tb-wrap td:last-child {
    text-align: left;
}

/* サーチエリア非表示
------------------------------------- */
.search, .searchRefine{
	display: none;
  }

/* --------------------------------------
   （SP用）
--------------------------------------*/
@media screen and (max-width: 767px) {
	
/* 共通
------------------------------------- */
#ui3278 {
	padding: 0;
}

#ui3278 .inner {
	width: 100%;
}	
	
#ui3278 {
	width: auto;
}
	
#ui3278 img{
	width: auto;
}
	
/* 共通
--------------------------------------*/
#ui3278 p{
	font-size: 1.4rem;
	text-align: left;
}

#ui3278 .inner {
    width: 100%;
    padding: 10px;
}

#ui3278 h2{
	font-size: 2.0rem;
  }
 
#ui3278 h2::before{
    margin-right: 10px; 
    padding-left: 15px; 
  }
 
#ui3278 h2::after{
    margin-left: 10px; 
    padding-right: 15px;
  }

#ui3278 .Annotation{
	font-size: 1.4rem;
}

#ui3278 h3{
	font-size: 1.8rem;
}

/* introduction　*/
#ui3278 .introduction{
	margin: 20px auto;
}

/* ディスプレイを選ぶ際に気にしたい4つの機能　*/
#ui3278 .displaySC{
	padding: 20px 0;
}

#ui3278 .displaySC .feature{
	display:block;
	margin-top: 0;
}

#ui3278 .displaySC .featureBox{
	width: 100%;
	margin-top: 10px;
}

#ui3278 .displaySC .featureBox h3 span{
	font-size: 1.4rem;
}

#ui3278 .displaySC a.btn {
    text-align: center;
    font-size: 1.6rem;
    width: 100%;
}

#ui3278 .displaySC a.btn span{
    font-size: 2.2rem;
}

#ui3278 .displaySC a.btn:after {
    font-size: 4rem;
	right: 20px;
}

/* パソコンとの接続インターフェースを確認　*/
#ui3278 .interface_cfm{
	padding: 20px 0;
}

#ui3278 .interface_cfm .tb-conn ,#ui3278 .interface_cfm .tb-wrap{
	width: 100%;
	overflow-x: scroll;
}

#ui3278 .interface_cfm table {
	width: 910px;
}

#ui3278 .interface_cfm th, #ui3278 .interface_cfm td {
	padding: 5px;
}

#ui3278 .interface_cfm .tb-conn th {
    font-size: 1.6rem;
}

#ui3278 .interface_cfm .tb-conn td {
	font-size: 1.6rem;
}

#ui3278 .interface_cfm .tb-conn .interface,#ui3278 .interface_cfm .tb-conn .remarks{
	width: 22%;
}

#ui3278 .interface_cfm .tb-conn .connector{
	width: 22%;
	padding: 0;
}

#ui3278 .interface_cfm h4{
	font-size: 1.4rem;
}

#ui3278 .interface_cfm .tb-wrap th {
    font-size: 1.6rem;
}

#ui3278 .interface_cfm .tb-wrap td {
	font-size: 1.6rem;
}

	
}