@charset "UTF-8";
a {
  opacity: 1;
  transition: 0.2s;
}

a:hover {
  opacity: 0.6;
}

div.box-light a:hover {
  opacity: 1 !important;
  color: #FF0000 !important;
}

ul li a div {
  float: right;
  width: 245px;
}

div.navi ul a:hover li {
  opacity: 0.6 !important;
}

.pc-nav ul li a:hover {
  opacity: 1 !important;
}

h1 {
  border-bottom: 1px solid #CCCCCC;
  font-size: 1.6em;
  line-height: 1.2;
  margin: 0 0 2.5%;
  padding-bottom: 0.2%;
}

.container {
  position: relative;
  width: 980px;
  height: 100%;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
}

.main-inner {
  padding: 0 0 50px 0;
  background-color: #000000;
}

.visuallyhidden {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}

h2.main-image {
  background: url(/static/images/seihin_joho/visual/eizouonkyou_kanban_pc.jpg?20251225) no-repeat;
  background-size: 100% 100%;
  height: 420px;
}

div.navi {
  margin: 0% 0% 2%;
  padding: 0 3% 3% 3%;
  position: relative;
}

div.navi p.navi-title {
  font-size: 1.27em;
  text-align: center;
  position: relative;
  top: 6%;
  color: #000000;
  font-weight: bold;
}

div.navi .lineup-nav1 {
  width: 100%;
  height: 100%;
  margin: 0% 0% 2.6%;
  position: relative;
}

.lineup-nav1 li a {
  text-decoration: none;
  width: 290px;
  height: 214px;
  font-size: 0.9em;
  line-height: 1.3;
}

.lineup-nav1 .video a {
  background: url(/static/images/seihin_joho/visual/eizou_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
  float: left;
  border-top: 6px solid #5EB6E8;
}

.lineup-nav1 .multimedia a {
  background: url(/static/images/seihin_joho/visual/multimedia_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
  float: left;
  margin: 0% 0% 0% 2.7%;
  border-top: 6px solid #8EC31D;
}

.lineup-nav1 .callcenter a {
  background: url(/static/images/seihin_joho/visual/callcenter_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
  float: left;
  margin: 0% 0% 0% 2.7%;
  border-top: 6px solid #EF859B;
}

.lineup-nav1 .smartphone a {
  background: url(/static/images/seihin_joho/visual/smartphone_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
  float: left;
  margin: 20px 0 0 0;
  border-top: 6px solid #5DC1D0;
}

.lineup-nav1 .security a {
  background: url(/static/images/seihin_joho/visual/kanshi_button_pc.jpg?20251225) no-repeat;
  background-size: 100% 100%;
  float: left;
  margin: 20px 0% 0% 2.7%;
  border-top: 6px solid #86B2DF;
}

.lineup-nav1 .meeting a {
  background: url(/static/images/seihin_joho/visual/kaigi_button_pc.jpg?20251225) no-repeat;
  background-size: 100% 100%;
  float: left;
  margin: 20px 0% 0% 2.7%;
  border-top: 6px solid #F9BE00;
}

div.navi p.comment {
  margin: 0 auto;
  font-size: 1.0em;
  line-height: 1.7;
  color: #FFFFFF;
  width: 75%;
}

div.lineup-inner {
  margin: 0 auto;
  width: 93.877%;
}

div.lineup-inner h2 {
  margin: 0;
  padding: 40px 0 0 25px;
  font-size: 2.6em;
  line-height: 1.1;
}

div.lineup-inner p.comment {
  margin: 0;
  padding: 12px 0 0 25px;
  font-size: 1em;
  line-height: 1.5;
  width: 53%;
}

div.lineup-inner p.area-title {
  margin: 23px 0 7px 25px;
  font-size: 1.4em;
  line-height: 1.5;
  /*font-weight:bold;*/
}

div.video {
  border-top: 9px solid #5EB6E8;
  background-color: #FFFFFF;
  padding: 0 0 0.5% 0;
}

div.video .top-banner {
  margin: 30px 0 0 0;
  background: url(/static/images/seihin_joho/visual/eizou_kanban.jpg?20251225) no-repeat;
  background-size: 100% 100%;
  height: 230px;
}

div.multimedia {
  margin: 50px 0 0 0;
  border-top: 9px solid #8EC31D;
  background-color: #FFFFFF;
  padding: 0 0 0.5% 0;
}

div.multimedia .top-banner {
  margin: 30px 0 0 0;
  background: url(/static/images/seihin_joho/visual/multimedia_kanban.jpg?20251225) no-repeat;
  background-size: 100% 100%;
  height: 230px;
}

div.callcenter {
  margin: 50px 0 0 0;
  border-top: 9px solid #EF859B;
  background-color: #FFFFFF;
  padding: 0 0 0.5% 0;
}

div.callcenter .top-banner {
  margin: 30px 0 0 0;
  background: url(/static/images/seihin_joho/visual/callcenter_kanban.jpg?20251225) no-repeat;
  background-size: 100% 100%;
  height: 230px;
}

div.smartphone {
  margin: 50px 0 0 0;
  border-top: 9px solid #5DC1D0;
  background-color: #FFFFFF;
  padding: 0 0 0.5% 0;
}

div.smartphone .top-banner {
  margin: 30px 0 0 0;
  background: url(/static/images/seihin_joho/visual/smartphone_kanban.jpg?20251225) no-repeat;
  background-size: 100% 100%;
  height: 230px;
}

div.security {
  margin: 50px 0 0 0;
  border-top: 9px solid #86B2DF;
  background-color: #FFFFFF;
  padding: 0 0 0.5% 0;
}

div.security .top-banner {
  margin: 30px 0 0 0;
  background: url(/static/images/seihin_joho/visual/kanshi_kanban_pc.jpg?20251225) no-repeat;
  background-size: 100% 100%;
  height: 230px;
}

div.meeting {
  margin: 50px 0 0 0;
  border-top: 9px solid #F9BE00;
  background-color: #FFFFFF;
  padding: 0 0 0.5% 0;
}

div.meeting .top-banner {
  margin: 30px 0 0 0;
  background: url(/static/images/seihin_joho/visual/kaigi_kanban_pc.jpg?20251225) no-repeat;
  background-size: 100% 100%;
  height: 230px;
}

div.lineup-inner div.video p.area-title {
  color: #0B75B1;
}

div.lineup-inner div.multimedia p.area-title {
  color: #009746;
}

div.lineup-inner div.callcenter p.area-title {
  color: #E95182;
}

div.lineup-inner div.smartphone p.area-title {
  color: #24B8BC;
}

div.lineup-inner div.security p.area-title {
  color: #005D9A;
}

div.lineup-inner div.meeting p.area-title {
  color: #F39800;
}

div.lineup-inner ul {
  margin: 0 26px 40px;
}

div.lineup-inner ul::after {
  content: '';
  display: block;
  clear: both;
}

div.lineup-inner li a {
  display: block;
  float: left;
  line-height: 1.5;
  text-decoration: none;
  width: 425px;
  height: 175px;
}

/* 映像・情報配信システムソリューション */
div.lineup-inner .displaystand a {
  background: url(/static/images/seihin_joho/visual/displaystand_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .poelancable a {
  margin: 0 0 0 2%;
  background: url(/static/images/seihin_joho/visual/poe_lancable_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .poehdmiextender a {
  margin: 1.5% 0 0 0;
  background: url(/static/images/seihin_joho/visual/poe_extender_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .distributor a {
  background: url(/static/images/seihin_joho/visual/bunpaiki_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .displaykanagu a {
  margin: 0 0 0 2%;
  background: url(/static/images/seihin_joho/visual/kabekake_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .extender a {
  margin: 1.5% 0 0 0;
  background: url(/static/images/seihin_joho/visual/extender_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

/* マルチメディア教育システムソリューション */
div.lineup-inner .syogacamera a {
  background: url(/static/images/seihin_joho/visual/syogacamera_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .converter a {
  background: url(/static/images/seihin_joho/visual/convertor_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .tabletcabinet a {
  margin: 0 0 0 2%;
  background: url(/static/images/seihin_joho/visual/tablethokanko_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .projectorscreen a {
  background: url(/static/images/seihin_joho/visual/projectorscreen_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .intractiveboard a {
  margin: 0 0 0 2%;
  background: url(/static/images/seihin_joho/visual/intractiveboard_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .projectorstand a {
  margin: 0 0 0 2%;
  background: url(/static/images/seihin_joho/visual/projectorstand_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .presentationmouse a {
  margin: 1.5% 0 2% 0;
  background: url(/static/images/seihin_joho/visual/presentationmouse_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .foldingdesk a {
  margin: 1.5% 0 2% 2%;
  background: url(/static/images/seihin_joho/visual/desk_chair_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

/* コールセンターシステムソリューション */
div.lineup-inner .monitorarm a {
  background: url(/static/images/seihin_joho/visual/monitorarm_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .edesk a {
  margin: 0 0 0 2%;
  background: url(/static/images/seihin_joho/visual/edesk_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .oachair a {
  margin: 1.5% 0 0 0;
  background: url(/static/images/seihin_joho/visual/oachair_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .headphone a {
  margin: 1.5% 0 0 2%;
  background: url(/static/images/seihin_joho/visual/headphone_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .headphonestand a {
  margin: 1.5% 0 0 0;
  background: url(/static/images/seihin_joho/visual/headphonestand_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

/* スマートフォン・タブレット向け情報配信ソリューション */
div.lineup-inner .nfctag a {
  background: url(/static/images/seihin_joho/visual/nfc_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .beacon a {
  margin: 0 0 0 2%;
  background: url(/static/images/seihin_joho/visual/bcon_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

/* 映像監視・防犯セキュリティソリューション */
div.lineup-inner .kirikaeki a {
  background: url(/static/images/seihin_joho/visual/kirikaeki_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .dviextender a {
  margin: 0 0 0 2%;
  background: url(/static/images/seihin_joho/visual/dviextender_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .poelanhub a {
  margin: 1.5% 0 0 0;
  background: url(/static/images/seihin_joho/visual/poe_lanhub_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

/* テレビ会議システムソリューション */
div.lineup-inner .wirelessextender a {
  background: url(/static/images/seihin_joho/visual/hdmiextender_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .speaker a {
  margin: 0 0 0 2%;
  background: url(/static/images/seihin_joho/visual/speaker_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .webcamera a {
  margin: 1.5% 0 0 0;
  background: url(/static/images/seihin_joho/visual/webcamera_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner .tvstand a {
  margin: 1.5% 0 0 2%;
  background: url(/static/images/seihin_joho/visual/tvstand_button.jpg?20251225) no-repeat;
  background-size: 100% 100%;
}

div.lineup-inner li a h3 {
  padding: 30px 0 0 20px;
  color: #333333;
  font-size: 1.25em;
  line-height: 1.3;
}

/*ボタン内テキスト*/
div.lineup-inner li a p {
  margin: 0;
  padding: 12px 0 0 20px;
  color: #343434;
  font-size: 0.9em;
  line-height: 1.5;
  width: 60%;
}

/*div.lineup-inner div.video li a p {
	width:47%;
}

div.lineup-inner div.video li.displaystand a p {
	width:55%;
}

div.lineup-inner div.video li.poehdmiextender a p {
	width:45%;
}

div.lineup-inner div.multimedia li a p {
	width:44%;
}

div.lineup-inner div.multimedia li.syogacamera a p {
	width: 55%;
}

div.lineup-inner div.multimedia li.foldingdesk a p {
	width: 38%;
}

div.lineup-inner div.multimedia li.intractiveboard a p {
	width: 47%;
}

div.lineup-inner div.multimedia li.tabletcabinet a p {
	width: 38%;
}

div.lineup-inner div.multimedia li.projectorstand a p {
	width: 38%;
}

div.lineup-inner li.monitorarm a p {
	width: 43%;
}

div.lineup-inner div.smartphone li a p {
	width: 55%;
}

div.lineup-inner li.dviextender a p {
	width: 38%;
}

div.lineup-inner div.meeting li a p {
	width: 42%;
}

div.lineup-inner div.meeting li.speaker a p {
	width: 28%;
}

div.lineup-inner div.meeting li.tvstand a p {
	width: 38%;
}*/
.video-conversion-banner {
  margin: 50px 0 0 0;
  text-align: center;
}

/* カタログ・資料請求 */
div#catalog-pc {
  border: 0.2em solid #9FBFE6;
  border-radius: 0.7em;
  background-color: #DBE7F5;
  padding: 2% 7.5% 2% 5%;
  margin: 50px 0 50px 0;
}

div#catalog-sp {
  border: 0.2em solid #9FBFE6;
  border-radius: 0.7em;
  background-color: #DBE7F5;
  padding: 3% 5%;
  margin: 5% 0;
  display: none;
}

div#catalog-pc div.cata_left {
  float: left;
  width: 75%;
  padding-top: 2%;
}

div#catalog-pc div.cata_left p {
  font-weight: bold;
  font-size: 1.3em;
  margin-bottom: 3%;
}

div#catalog-pc div.cata_left span {
  display: block;
  font-size: 0.95em;
  line-height: 1.6;
}

div#catalog-pc div.cata_left ul {
  margin-top: 3.5%;
}

div#catalog-pc div.cata_left ul li {
  float: left;
  width: 45%;
  padding-right: 2%;
}

div#catalog-pc div.cata_left ul li a {
  display: block;
  text-align: center;
  padding: 5%;
  background-color: #125EAC;
  color: #FFFFFF;
  font-size: 0.95em;
}

div#catalog-pc div.cata_left ul li a:hover {
  text-decoration: none;
}

div#catalog-pc div.cata_right {
  float: right;
  width: 16.5%;
  text-align: center;
}

div#catalog-pc div.cata_right img {
  width: 100%;
}

/* CLFX */
.clfx:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}