@charset "utf-8";
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	ファイル名: custom.css
	説明: コンテンツデザイン用
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* 更新情報関連 */
#EventBody ,#TopEvent,
#NewsBody ,#TopNews,
#InvestorBody ,#TopInvestor,
#TopCaseBody {
	position:relative;
	width:100%;
	overflow:hidden;
}
#EventBody::before ,#TopEvent::before,
#NewsBody::before ,#TopNews::before,
#InvestorBody::before ,#TopInvestor::before,
#TopCaseBody::before {
	content: '';
	position: absolute;
	left: 4px;
	top: 4px;
	display: block;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	z-index: -1;
	border-radius: 5px;
	background-image: linear-gradient(to bottom, #bebebe 0, #FFFFFF 100%);
	-webkit-filter: blur(3px);
	filter: blur(3px);
	transform: translateY(0px);
	box-shadow: none;
}
#EventBody::after ,#TopEvent::after,
#NewsBody::after ,#TopNews::after,
#InvestorBody::after ,#TopInvestor::after,
#TopCaseBody::after {
	content: '';
	position: absolute;
	left: 5px;
	top: 5px;
	display: block;
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	z-index: -1;
	border-radius: 5px;
	border: 2px solid #fff;
	background-color: #fff;
	background-image: linear-gradient(to bottom, #E9EDF8 0, #FFFFFF 20px);
}

#EventBody h2,#TopEvent h2,
#NewsBody h2,#TopNews h2,
#InvestorBody h2 ,#TopInvestor h2 {
	color:#171717;
	background: none;
	border: none;
	border-bottom: 2px solid #025D8C;
	border-radius: 0;
	margin:20px 15px 0;
	padding:0 5px 8px 5px;
	font-size:15px;
	font-weight:bold;
}

#EventBody h2::before,#TopEvent h2::before,
#NewsBody h2::before,#TopNews h2::before,
#InvestorBody h2::before ,#TopInvestor h2::before {
	display: none;
}

#EventBody h3,#TopEvent h3,
#NewsBody h3,#TopNews h3,
#InvestorBody h3 ,#TopInvestor h3 {
	background: none;
	margin:10px 15px 0;
	padding:0 5px 5px 16px;
	position: relative;
}
#EventBody h3::before,#TopEvent h3::before,
#NewsBody h3::before,#TopNews h3::before,
#InvestorBody h3::before ,#TopInvestor h3::before {
	content: "\f0dd";
	font: var(--fa-font-solid);
	font-size: 13px;
	color: #025D8C;
	margin-right: 5px;
	position: absolute;
	left: 3px;
	top: -1px;
}
#HeadEvent::before,
#HeadNews::before,
#HeadInvestor::before{
	font: var(--fa-font-solid);
	content: '\f005';
	color: #111;
	padding-right: 5px;
}
#HeadEvent::before{
	content: '\f005';
	color: #FCB22A;
}
#HeadNews::before{
	content: '\f05a';
	color: #31A1E6;
}
#HeadInvestor::before{
	content: '\f1ad';
	color: #8EB407;
}

dl.info dt span{
	padding-left:10px;
}
dl.info dt span img{
	vertical-align:middle;
}

dl.info{
	width:auto;
	margin:0 0 5px;
	@media (max-width: 768px) {
		margin:0 5px 5px 2px;
	}
}
dl.info dt{
	color:#383636;
	padding-top:10px;
	padding-bottom:2px;
	font-weight:bold;
	font-size:92%;
}
dl.info dd{
	border-bottom:1px solid #CCDBE1;
	padding-bottom:10px;
}



/*[m-news-link]*/
.m-news-link {}
ul.m-news-link__menu {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}
li.m-news-link__menu__item {
	margin: 0;
	padding: 0;
	@media (max-width: 768px) {
		width: 100%;
	}
}
li.m-news-link__menu__item::before {
	content: none;
}
.m-news-link__menu__item__link {}
.a-button {
	border-radius: 2px;
	text-decoration: none;
	display: block;
	border: 1px solid #cfcfcf;
	background: linear-gradient(#fff, #f3f3f3);
	padding: 8px 15px;
}
/*[m-news-link]*/

#TopAllNews{
}

#TopNews dl,
#TopInvestor dl{
	width:300px;
}

#TopEvent dl.info dt,
#TopNews dl.info dt,
#TopInvestor dl.info dt{
	position:relative;
	width:106px;
	padding-top:7px;
	padding-left:68px;
}
#TopEvent dl.info dt span,
#TopNews dl.info dt span,
#TopInvestor dl.info dt span{
	position:absolute;
	top:7px;
	left:0;
	padding:0;
}

#EventBody dl.info,			/*移行スタイルに全て格納したら削除予定*/
#NewsBody dl.info,			/*移行スタイルに全て格納したら削除予定*/
#InvestorBody dl.info,		/*移行スタイルに全て格納したら削除予定*/
#EventArchive dl.info,		/*移行スタイル*/
#NewsArchive dl.info,		/*ニュースリリース一覧の移行スタイル*/
#InvestorArchive dl.info	/*移行スタイル*/
{
	background:url(../images/common/line.gif) repeat-x 0 0;
	margin-left: 15px;
	margin-right: 15px;
	padding-top:3px;
}
#NewsArchive dl.info{		/*ニュースリリース一覧の移行スタイル*/
	background: none;
}
/* h3がある場合のみ */
h3 ~ #ResultsArea dl.info {
  border-top: 1px dotted #111111;
	padding-top:2px;
	background: none!important;
}
#NewsBody .info .info-item,#news_front .info .info-item{
	display: grid;
  grid-template-columns: 100px 80px 1fr;
  gap: 5px;
	border-bottom: 1px solid #CCDBE1;
	padding: 0.5em 0.2em;
}
#news_front .info .info-item{
	grid-template-columns:80px  120px 1fr;
	padding: 10px 0.2em;
}
#NewsBody .info .info-item .info-item-date,#news_front .info .info-item .info-item-date{
	padding: 0;
	border:none;
	display: flex;
	padding-top: 1px;

}
#NewsBody .info .info-item .info-item-date .news-date,#news_front .info .info-item .info-item-date .news-date{
	padding: 0;
}
.info-item-date .news-date{
	white-space: nowrap;
}
#NewsBody .info .info-item .info-item-label,#news_front .info .info-item .info-item-label{
	box-sizing: border-box;
	padding: 0;
	border:none;
}
#NewsBody .info .info-item .info-item-cont,#news_front .info .info-item .info-item-cont{
	padding: 0;
	border:none;
	flex: 2;
}
#news_front .info .info-item .info-item-cont{
	grid-column: 1 / -1;
}
/* スマホ用レイアウト */
@media screen and (max-width: 768px) {
  #news_front .info .info-item {
    /* 1行目は2列に変更 */
    grid-template-columns: 80px 1fr;
  }
	#NewsBody .info .info-item {
    /* 1行目は2列に変更 */
    grid-template-columns: 100px 1fr;
  }
	/* 3番目の子要素（1frに該当）を1行全体に表示 */
  #NewsBody .info .info-item > :nth-child(3),#news_front .info .info-item > :nth-child(3) {
    grid-column: 1 / -1;
  }
}

#NewsBody .news-label,#news_front .news-label{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:2px 3px 1px 3px;
	text-align: center;
	font-size:10px;
	background-color: #004384;
	color: #fff;
	font-stretch: condensed;
	transform: scaleX(0.95);
	transform-origin: left;
	font-weight: bold;
	text-shadow: 1px 1px 2px #333333;
	width: 80px;
	letter-spacing:0.2em;
	}
#NewsBody .news-label.news,#news_front .news-label.news{
	background-color: #107FC9;
}
#NewsBody .news-label.press,#news_front .news-label.press{
	background-color: #E85C00;
	letter-spacing:0;
}
#NewsBody .news-label.ir,#news_front .news-label.ir{
	background-color: #C90F30;
}

#EventBody dl.info dt,			/*移行スタイルに全て格納したら削除予定*/			/*移行スタイルに全て格納したら削除予定*/
#EventArchive dl.info dt		/*ニュースリリース一覧の移行スタイル*/		/*移行スタイル*/
{
	clear:left;
	float:left;
	width:180px;
	padding:0.5em 0.2em;
}
#InvestorBody dl.info dt span,		/*移行スタイルに全て格納したら削除予定*/
#InvestorArchive dl.info span		/*移行スタイル*/
{
	display:none;
}
#EventBody dl.info dd,			/*移行スタイルに全て格納したら削除予定*/		/*移行スタイルに全て格納したら削除予定*/
#EventArchive dl.info dd		/*ニュースリリース一覧の移行スタイル*/			/*移行スタイル*/
{
	padding:0.5em 0.2em 0.5em 186px;
}

@media (max-width: 768px) {
	#NewsArchive dl.info dt{
		float: none;
	}
	#NewsArchive dl.info dd			/*移行スタイル*/
	{
		padding:0.5em 0.2em 0.5em 0.2em;
	}
}
dl.info h4{
	color:#004384;
	background:none;
	border:none;
	margin:0;
	padding:0;
}
#EventBody dl.info dt span,
#NewsBody dl.info dt span,
#InvestorBody dl.info dt span{
}

#EventBody dl.info dt{
	position:relative;
	width:166px;
}
#EventBody dl.info dt span{
	position:absolute;
	top:7px;
	right:0;
	padding:0;
}

div#NewsListBox{
	/*margin-top:70px;*/
}
div.newslist{
	border:1px solid #BBB;
	margin-top:20px;
	padding:5px 15px;
	overflow:hidden;
}
.date{
	float:right;
	color:#383636;
	font-size:92%;
	font-weight:bold;
	padding-top:6px;
	padding-left:3px;
}
.date span img{
	padding-left:10px;
	vertical-align:middle;
}
#NewsBody div.newslist h3{
	background:url(../images/common/h3common.gif) 0 2px no-repeat;
	margin:5px 0 0;
	padding:0 0 0 14px;
}

/* iframeの調整 */
#EventBody iframe,
#NewsBody iframe,
#InvestorBody iframe{
}

/* ページINDEX　サブページ要素 */
.page-box01, .page-box02, .page-box03 {
	width:100%;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 10px;
	margin-bottom: 10px;
}
.page-box02 {
	grid-template-columns: repeat(2, 1fr);
}
.page-box03 {
	grid-template-columns: repeat(3, 1fr);
}
.page-box {
	margin-right:0;
	margin-bottom:0;
	border:1px solid #D5D7D7;
	overflow:hidden;
	box-sizing: border-box;
}
.page-box01 .page-box {
	width: 100%;
	margin-bottom:15px;
}
.page-box h3 {
	background-image: linear-gradient(to bottom, #FFFFFF 0, #EDEDED 100%);
	border-bottom:1px solid #D5D7D7;
	margin:0;
	padding:5px 5px 5px 10px;
}
.page-box h3::before{
	content: none;
}

.page-box h3 span {
	display:flex;
	align-items: center;
}
.page-box h3 span::before {
	font: var(--fa-font-solid);
	content: "\f0da";
	color: #107FC9;
	padding-left: 2px;
	padding-right: 5px;
}
.page-box h3 a {
	position: relative;
	width: 100%;
	color:#333;
	text-decoration:none;
	padding-right: 15px;
	box-sizing: border-box;
	display: block;
}
.page-box h3 a::after {
	position: absolute;
	top: 50%;
	right: 0;
	font: var(--fa-font-solid);
	content: "\f061";
	color: #a7c6dd;
	padding-left: 5px;
	transform: translateY(-50%);
}
.page-box h3 a:hover {
	color:#666;
}
.page-img {
	margin:10px 10px 0;
}
.page-box p {
	margin:0 10px 5px;
}

/* メディアクエリを使用 */
@media (max-width: 768px) {
	.page-box02 {
		grid-template-columns: repeat(1, 1fr);
	}
	.page-box03 {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* ページINDEX　リンクメニュー */
.page-list {
	clear:both;
	margin:0 10px;
	overflow:hidden;
}
.page-list ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0 10px;
	border-top: 1px dotted #808080;
	margin:0;
	padding:6px 0 8px;
	font-size:92%;
	font-weight:bold;
	box-sizing: border-box;
}
.page-list ul > :only-child {
	grid-column: 1 / -1;
}
.page-list li {
	background:none;
	padding:2px 0;
}
ul.page-list2 {
	grid-template-columns: repeat(2, 1fr);
}
ul.page-list1 {
	grid-template-columns: repeat(1, 1fr);
}
.page-list li a {
display:block;
position: relative;
padding-left: 18px;
}

.page-list li a::before {
	content: "\f0a9";
	font: var(--fa-font-solid);
	color: #0F66A9;
	font-size: 12px;
	margin-right: 5px;
	position: absolute;
	left: 1px;
	top: 2px;
}
.top-bnrinfo{
	display:flex;
	justify-content:space-around;
	margin-bottom:15px;
	width: 100%;
	gap: 10px;
}
.page-list li a.external {
	background:none;
}

/* ページ内　リンクメニュー */
dl.page-list {
	margin-bottom:20px;
}
dl.page-list dt {
	color:#333;
	padding:0 5px 4px;
	font-weight:bold;
	font-size:109%;
}
dl.page-list dd {
	border-top:1px solid #CED3DB;
	border-bottom:1px solid #CED3DB;
	padding:0 5px;
}
dl.page-list ul {
	background:none;
	border-top: none;
}

.page-box01 .page-img {
	float:left;
	margin:10px;
	display:inline;
}
.page-box01 .page-box p{
	margin-top:4px;
}

/* サムネイル画像 */
.thumbnail {
	width: 100%;
	max-width: 750px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}
.thumbnail dl{
	width: 100%;
}
.thumbnail dt {
}
.thumbnail dd {
}
.thumbnail.grid-col2 {
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

/* 詳細リンク */
p.more {
	text-align:right;
}
.more a{
	background:url(../images/icon/arrow1.gif) 0 4px no-repeat;
	padding-left:14px;
}
.more a.external[href^="http://"],
.more a.external[href^="https://"],
.more a.external-link{
	display:inline;
}

/* サポート・製品に関するお問い合わせ */
.contact__under_text {
	padding-bottom: 14px;
	border-top: none;
	border-bottom: solid 1px #CDCDCD;
}

.contact__fax-title {
	margin-top: 8px;
}

.contact__estimate-bnr {
	margin-top: 4px;
}


#Product-contact,
#Support-contact,
#IR-contact {
	background-color: #DDE9F0;
	margin-bottom:20px;
	overflow:hidden;
}
#Contact-inner {
	position:relative;
	background: linear-gradient(0deg, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 100%);
	border:1px solid #FFF;
	margin:6px;
	overflow:hidden;
}
.contact-case{
	overflow: hidden;
	padding-left:2px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#Product-contact h3,
#Support-contact h3,
#IR-contact h3 {
	color:#004384;
	background:none;
	border-bottom:1px solid #CCC;
	margin:10px 14px;
	padding:0 2px 5px;
	font-size:16px;
}
#Support-contact h3 {
	color:#3C8A19;
}
#IR-contact h3 {
	color:#FF6600;
}
.conact-mail{
	position:absolute;
	top:10px;
	right:15px;
}
#Product-contact dl,
#Support-contact dl,
#IR-contact dl {
	width:calc(33.3% - 22px);
	border-left: 1px solid #CCC;
	padding:2px 0 2px 12px;
	margin-left: -1px;
	margin-right:10px;
	display: flex;
	margin-bottom: 8px;
	flex-direction: column;
}
#Product-contact dl:first-child,
#Support-contact dl:first-child,
#IR-contact dl:first-child {
	border-left: none;
}
#Product-contact .two-column dl,
#Support-contact .two-column dl{
	width:calc(50% - 22px);
}
#Support-contact .one-column{
	margin-top: 0;
	margin: 0 14px 8px;
	padding-top: 0;
}
#Support-contact .one-column dl{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 0;
}
#Support-contact .one-column dd{
	padding: 0;
}

#Support-contact .two-column dl:first-child,
#Support-contact .one-column dl:first-child{
	padding-left: 0;
}
.for-web-link{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    word-break: break-all;
}
@media (max-width: 768px) {
	#Product-contact dl,
	#Support-contact dl,
	#IR-contact dl {
		width: 100%;
		border-left: none;
		border-bottom: 1px solid #CCC;
		margin-right:0;
		margin: 0 14px 8px;
		padding: 0;
		padding-bottom: 10px;
	}
	#Product-contact .two-column dl,
	#Support-contact .two-column dl,
	#Support-contact .one-column dl{
		width: calc(100% - 22px);
		margin: 0;
	}
	#Product-contact .two-column dl{
		margin-left: 12px;
	}
	#Product-contact .two-column dl:last-child,
	#Support-contact .two-column dl:last-child,
	#Support-contact .one-column dl:last-child{
		padding-top: 10px;
	}
	#Product-contact dl:last-child,
	#Support-contact dl:last-child,
	#IR-contact dl:last-child {
		border-bottom: none;
		padding-bottom: 3px;
	}
}
#Product-contact dt,
#Support-contact dt,
#IR-contact dt{
	color:#333;
	padding:0 0 0 16px;
	font-size:13px;
	font-weight:bold;
	position: relative;
	display:inline;
}
#Product-contact dt::before,
#Support-contact dt::before,
#IR-contact dt::before{
	content: "";
	font-size: 13px;
	width: 1em;
	height: 1em;
	border: 4px solid #004384;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 3px;
	box-sizing: border-box;
}
#Support-contact dt::before{
	border-color: #3C8A19;
}
#IR-contact dt::before{
	border-color: #FF6600;
}
#Contents dd p {
	padding:0;
}
#Contents p.tel-num,
#Contents p.fax-num {
	font-weight:bold;
	padding-top:0;
	font-size:134%;
}
#Contents p.tel-num {
	color:#990000;
	font-size:150%;
}
#Contents p.fax-num {
	color:#1886BB;
}
.form-btn{
	padding-top:4px;
	display:block;
}
.contact-memo{
	margin:0 14px 8px;
}
#Contents .contact-memo p.attention{
	color:#014686;
}
#Contact-inner .colmun-left{
	padding-top:6px;
	padding-right:10px;
}

/* リモートページ */
.remote-link-btn{
	float: left;
	margin-right: 20px;
}
.remote-link-btn .btn-content{
	padding: 10px 18px 8px;
}
#Contents .remote-link p{
	padding-top: 0;
}
dl.remote-flow{
	margin: 15px 0;
	padding: 0;
}
dl.remote-flow dt{
	font-weight: bold;
	margin: 0 0 5px;
	padding: 0 5px;
	font-size: 14px;
}
dl.remote-flow dd{
	border-bottom: 1px dotted #aaa;
	margin: 0 0 12px;
	padding: 0 5px 12px 22px;
}
.remote-link-detail-btn{
	max-width: 500px;
	margin: 20px auto;
}
.remote-link-detail-btn .btn-content{
	padding: 10px 18px 8px;
	font-size: 16px;
}

/* WEBカタログ */
/*#Catalog-Product dl{
	float:left;
	width:130px;
	margin:0 18px 10px 0;
}
#Catalog-Product dt,
#Catalog-Product dd{
	padding:10px 0 5px;
	text-align:center;
}
#Catalog-Product dd{
	padding-top:0;
	padding-bottom:0;
}
.catalog-box{
	clear:both;
	border-bottom:1px solid #CCC;
	margin-bottom:20px;
	overflow:hidden;
}
#Catalog_Area{
	min-height:100px;
}*/

.catalog-box{
	width: 100%;
	margin-bottom:20px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
}
.catalog-box h2{
	color:#004384;
	background:none;
	margin:0 0 15px;
	font-size:16px;
	border:none;
	padding:0;
}
.catalog-box h2::before{
	background: none;
	border: none;
}
.catalog-box a{
	width: calc(50% - 10px);
	display: flex;
	text-decoration: none;
	@media (max-width: 768px) {
		display:block;
		width: 100%
	}
}
*+html .catalog-box a {
	text-decoration:none;
	cursor:pointer;
}
.catalog-box dl{
	display: flex;
	width:365px;
	border:1px solid #CCC;
	box-sizing: border-box;
	@media (max-width: 768px) {
		width: calc(100vw - 35px);
		gap: 0;
	}
}
.catalog-box dt{
	flex-shrink: 0;
	margin:0;
	padding:16px 0 16px 16px;
}
.catalog-box dd{
	margin:0;
	padding:16px 10px 16px 20px;
}
.catalog-box dd h3{
	color:#1F1F1F;
	background:none;
	margin:0;
	padding:3px 0 10px;
	font-size:16px;
	font-weight:normal;
}
.catalog-box .catalog-down{
	float:left;
	width:86px;
	color:#3899BE;
	background: url(../images/icon/pdf_l.gif) 50% 0 no-repeat;
	margin-right:20px;
	padding-top:42px;
	text-align:center;
	text-decoration:underline;
}
.catalog-box .catalog-date{
	float:left;
	color:#666;
	padding-top:8px;
	line-height:1.8;
	text-align:center;
}
.catalog-box a:hover dl{
	border:1px solid #999;
}
.catalog-box a:hover .catalog-down{
	color:#b160bd;
}

#Catalog_Area{
	min-height:100px;
}

/* Adobe Readerについて */
.pdf-about {
	color:#333;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:5px 0 10px;
	font-size:92%;
	overflow:hidden;
}

/* 説明画像 */
.explanation {
	clear:left;
	width:738px;
	border:1px solid #BBB;
	margin-top:10px;
	padding:10px 0;
	text-align:center;
}

/* 注釈ボックス */
.note-box {
	background:#DEEEF1;
	border:1px solid #C0DFE4;
	margin:15px 0 10px;
	padding:8px 20px;
}

.caution-box{
	background:#EEE;
	margin:15px 0 10px;
	padding:8px 20px;
}

/* 各国旗アイコン */
.ic-jp,
.ic-cn,
.ic-us {
	background: url(../images/icon/jp.gif) 0 3px no-repeat;
	padding-left:22px;
	white-space: nowrap;
}
.ic-cn{
	background: url(../images/icon/cn.gif) 0 3px no-repeat;
}
.ic-us{
	background: url(../images/icon/us.gif) 0 3px no-repeat;
}

/* eBASE e文字色装飾 */
span.e-color {
	color:#CC0000;
	background:none;
	margin:0;
	padding:0;
	display:inline;
}


/* =======================================================
  ローディング画像
  ======================================================= */
#loading,
.loading {
	width: 100%;
	height: 100px;
	background: url(../images/ajax-loader.gif) no-repeat center center;
}
#ResultsArea,
#ResultsEvent,
#ResultsNews,
#ResultsIr,
#UserSide {
	min-height:100px;
}



/* ===========================================================
	Flex Player関連
   =========================================================== */
/* flexplayer設定 */
#videoPlayer_box{
/*	height:242px; */
	height:460px;
	text-align:center;
}
#videoPlayer{
/*	width:260px; */
/*	height:195px; */
	width:560px;
	height:380px;
	background:#000;
	border:1px #333 solid;
	margin:0 auto;
}
#videoPlayer_control{
	width:500px;
	height:39px;
	margin:30px auto 0;
}

#videoList{
	display:none;
}

a.player_prev, a.player_next, a.player_play, a.player_pause, a.player_stop, a.player_volume, a.player_volume_mute{
	display:block;
	float:left;
}
a.player_prev, a.player_next, a.player_volume, a.player_volume_mute{
	height:25px;
	width:25px;
}
a.player_volume{
	margin:7px 3px 7px 10px;
	background: transparent url(../images/player_buttons.png) -50px -60px no-repeat;
}
a.player_volume_mute{
	margin:7px 3px 7px 10px;
	background: transparent url(../images/player_buttons.png) -50px -85px no-repeat;
}
a.player_play, a.player_pause, a.player_stop{
	height:30px;
	width:30px;
	margin:4px 3px 5px 3px;
}
a.player_play{
	background: transparent url(../images/player_buttons.png) -0px -0px no-repeat;
}
a.player_play:hover{
	background-position:-0px -30px;
}
a.player_pause{
	background: transparent url(../images/player_buttons.png) -60px -0px no-repeat;
}
a.player_pause:hover{
	background-position:-60px -30px;
}
a.player_stop{
	background: transparent url(../images/player_buttons.png) -30px -0px no-repeat;
	margin-right:12px;
}
a.player_stop:hover{
	background-position:-30px -30px;
}

.player_status{
	float:left;
	position:relative;
	width:300px;
	height:40px;
}
.player_status .info{
	text-align:right;
	margin-top:0;
}
.player_status .seekbarOvserver, .player_status .seekbar, .player_status .progressbar{
	position:absolute;
	top:20px;
	left:0;
	height:8px;
	border:1px solid #CCC;
	overflow:hidden;
}
.player_status .seekbarOvserver{
	width:300px;
	z-index:200;
	cursor:pointer;
}
.player_status .seekbar{
	width:0;
	background-color:#666;
	z-index:100;
}
.player_status .progressbar{
	width:0;
	background-color:#ccc;
}

.player_volumeSeek{
	float:left;
	position:relative;
	width:40px;
	height:20px;
	margin-top:10px;
}
.player_volumeSeek .volumeSeekOvserver, .player_volumeSeek .volumeSeekfilm, .player_volumeSeek .volume, .player_volumeSeek .volumeSeekbg{
	position:absolute;
	top:0;
	left:0;
	height:20px;
	overflow:hidden;
}
.player_volumeSeek .volumeSeekOvserver{
	width:40px;
	z-index:300;
	cursor:pointer;
}
.player_volumeSeek .volumeSeekfilm{
	width:40px;
	z-index:200;
	background: transparent url(../images/player_volumefilm.png) no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/player_volumefilm.png", sizingMethod="scale");
}
.player_volumeSeek .volume{
	width:20px;
	background-color:#aaa;
	z-index:100;
}
.player_volumeSeek .volumeSeekbg{
	width:40px;
	background-color:#ccc;
}


/* =======================================================
  cssボタン
  ======================================================= */
.entry-button {
	width:260px;
	height:36px;
	padding:0.2em 0.3em;
	display:inline-block;
}
#Contents .entry-button {
	padding:0.2em 0.3em;
}
*+html .entry-button {
	display:inline;
	zoom:1;
}
.entry-button a {
	color:#fff;
	background:#A21C11 url(../images/common/btn_bg_red.jpg) 0 0 no-repeat;
	display:block;
	text-align:center;
	text-decoration:none;
	width:100%;
	height:100%;
	line-height:36px;
	font-weight:bold;
	font-size:13px;
}
.b-blue a {
	background-color:#004485;
	background-image:url(../images/common/btn_bg_blue.jpg);
}


a.btn-content {
	position:relative;
	background:#2389CD url(../images/common/btn_effect.png) 0 0 repeat-x;
	border-radius: 3px;
	border-bottom:4px solid #074E8D;
	font-weight:bold;

	padding:6px 15px 4px;
	color:#ffffff;
	text-align:center;
	display:block;
	text-decoration:none;
	font-size:109%;
}
*+html a.btn-content {	/* IE7 */
	zoom:1;
}
a.btn-content:hover{
	background-color:#074E8D;
	background-image:none;
}
a.btn-content .btn-text{
	padding:0;
}

/* ボタン配色 */
a.blue {
	background-color:#2389CD;
	border-bottom-color:#074E8D;
}
a.blue:hover {
	background-color:#074E8D;
}
a.navy {
	background-color:#004D99;
	border-bottom-color:#03315A;
}
a.navy:hover {
	background-color:#03315A;
}
a.red {
	background-color:#D32525;
	border-bottom-color:#8E0606;
}
a.red:hover {
	background-color:#8E0606;
}
a.green {
	background-color:#6D9A1B;
	border-bottom-color:#21510F;
}
a.green:hover {
	background-color:#21510F;
}
a.yelw {
	background-color:#F89E25;
	border-bottom-color:#B16005;
}
a.yelw:hover {
	background-color:#B16005;
}
a.black {
	background-color:#505050;
	border-bottom-color:#000000;
}
a.black:hover {
	background-color:#000000;
}

/* ボタンアイコン */
a.btn-content .btn-icon{
	position:absolute;
	top:50%;
	left:20px;
	background:url(../images/common/btn_icon.png) 0 0 no-repeat;
	text-indent:100%;
	overflow:hidden;
}
.lang a.btn-content .btn-icon{
	width:16px;
	height:11px;
	background-position:0 -50px;
	margin-top:-5px;
}
.lang a.btn-content .btn-text{
	padding-left:16px;
}
.jp a.btn-content .btn-icon{
	background-position:0 -50px;
}
.us a.btn-content .btn-icon{
	background-position:-50px -50px;
}
.cn a.btn-content .btn-icon{
	background-position:-100px -50px;
}


/* ===========================================================
	ダウンロードページ
   =========================================================== */
.software-box{
	margin:0 0 20px;
}
.software-box h2{
	color:#FFF;
	background:#319BD2;
	border: none;
	border-radius: 0;
	margin:0;
	padding:10px 10px;
	font-size:16px;
	font-weight:normal;
}
.software-box h2::before{
	display: none;
}

.software-box h3{
	color:#004384;
	background:#EEE;
	margin:1px 0 0;
	padding:10px 10px;
	font-size:13px;
}
.software-box table{
	width:100%;
	margin:0 0 20px;
}
.software-box table th,
.software-box table td{
	background:none;
	border:none;
	border-bottom:1px solid #CCC;
	padding:6px 5px;
	vertical-align:middle;
}
.software-box table thead th{
	color:#666;
	background:none;
	padding-top:3px;
	padding-bottom:3px;
	font-size:11px;
	font-weight:bold;
	text-align:left;
}


.btn-down-user{
	padding:10px 0 0;
}
	.btn-down-user a.btn-content{
		padding:10px 24px 8px;
	}
.btn-soft{
	width:100%;
	min-width: 120px;
}
.btn-manual{
	width:120px;
}
.btn-soft a.btn-content,
.btn-manual a.btn-content {
	padding:5px 15px 3px;
	font-size:100%;
}

/* ダウンロードツール案内 */
.note-box-download{
	background: #fff;
	border: 1px solid #ddd;
	margin: 15px 0 15px;
	padding: 8px 20px;
}
.page-list-download {
	clear:both;
	margin:0 0;
	overflow:hidden;
}
.page-list-download ul {
	width: 100%;
	margin:0;
	padding:8px 0 0;
	font-size:11px;
	font-weight:bold;
	display: flex;
	flex-wrap: wrap;
}
.page-list-download li {
	margin-right:20px;
	padding:2px 0;
	background: none;
}

.page-list-download li a {
	padding-left:12px;
	position: relative;
}
.page-list-download li a::before {
	content: "\f105";
	font: var(--fa-font-solid);
	font-size: 12px;
	margin-right: 0px;
	position: absolute;
	left: 1px;
	top: 3px;
}

.css-balloon {
	padding: 0;
	margin: 0;
	position: relative;
}

.hoverBlock {

}

.balloon {
	display: none;
	width: 158px;
	position: absolute;
	top: 60px;
	left: 15px;
	padding: 8px;
	border-radius: 4px;
	background: #004384;
	color: #fff;
	font-weight: normal;
	text-align:center;
}

/*.balloon:after {
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	top: -19px;
	margin-left: 10px;
	border: solid transparent;
	border-color: rgba(51, 204, 153, 0);
	border-bottom-color: #004384;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}*/

.hoverBlock:hover+.balloon {
	display: block;
}





/*[「scroll_top」スクリプト][2022_10_25]*/
#scroll_top {
	position: fixed;
	bottom: 0;
	right: 10px;
	margin-bottom:10px;
}

#scroll_top a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 4px;
	background: #819cc9;
	text-decoration: none;
	font-size: 12px;
	line-height: 1;
	color: #FFF;
	box-shadow: 0 2px 10px -6px rgba(0,0,0,.5), 0 3px 10px -4px rgba(0,0,0,.2);
	opacity: .8
}

#scroll_top a::before {
	content: "\f077"; /* FontAwesome icon code */
	font: var(--fa-font-solid);
	color: #FFF;
	font-size: 24px;
}
#scroll_top a:hover {
	background: #819cc9;
}

#scroll_top a img {
	margin-top: 10px;
}
/*[//「scroll_top」スクリプト][//2022_10_25]*/



/* お問い合わせページ */
.anker_info_out {
	overflow: hidden;
	margin: 20px 0px 40px 0px;
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fill, minmax(234px, 1fr));
	padding-bottom: 0;
	@media (max-width: 768px) {
		margin-bottom: 20px;
	}
}
.anker_info_in{
	@media (max-width: 768px) {
		padding: 10px;
		padding-top: 0;
	}
}
.anker_info_in a{
	text-decoration: none;
}
.anker_info_btn {
	position: relative;
	overflow: hidden;
	min-width: 234px;
	width: 100%;
	height: 200px;
	margin-bottom: 8px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	@media (max-width: 768px) {
		height: 150px;
	}
}
.anker_info_btn::before {
	position: absolute;
	font-size: 7rem;
	color: rgba(255, 255, 255, 0.35);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}
.anker_info_btn.product{
	background-color: #004384;
}
.anker_info_btn.product::before {
	content: "\f328";
	font: var(--fa-font-regular);
	font-size: 8.5rem;
	@media (max-width: 768px) {
		font-size: 7rem;
	}
}
.anker_info_btn.support{
	background-color: #3C8A19;
}
.anker_info_btn.support::before {
	content: "\f8cc";
	font: var(--fa-font-solid);
	font-size: 8rem;
	@media (max-width: 768px) {
		font-size: 6.75rem;
	}
}
.anker_info_btn.ir{
	background-color: #FF6600;
}
.anker_info_btn.ir::before {
	content: "\f200";
	font: var(--fa-font-solid);
	font-size: 8rem;
	@media (max-width: 768px) {
		font-size: 6.75rem;
	}
}
.anker_info_btn span{
	position: relative;
	z-index: 2;
	font-size: 23px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.65;
	margin-top: 10px;
	@media (max-width: 768px) {
		font-size: 19px;
	}
}
/* pageTypeKey contact_001 動的パーツ内に使用 */
.support_info_contact {
	background: url(../images/common/contact_title02.gif) no-repeat 0 2px;
	padding: 0 0 0 18px;
	font-size: 120%;
	font-weight: bold;
}
.Q_Icon {
	background: url(../images/icon_q.jpg) 5px 7px no-repeat;
	padding-left: 28px !important;
}

/* [ヘッダーメニュー用 / 「New!!」時の追加スタイル] */
/*【CSSのみで】///////////////////////////////////////////////////////*/
#Product,#Solution,#Case,#Support,#Company,#Investor,#Recruit { position:relative; }

.HeaderMenu_New {
	position:absolute;
	top:19%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#CC3300;
	font-weight:bold;
	font-size:0.95em;
	text-shadow:-1px -1px 1px #FFFFFF, -1px 0 1px #FFFFFF, -1px 1px 1px #FFFFFF, 0 -1px 1px #FFFFFF, 0 1px 1px #FFFFFF, 1px -1px 1px #FFFFFF, 1px 0 1px #FFFFFF, 1px 1px 1px #FFFFFF;
}
@media screen and (max-width: 768px) {
	.HeaderMenu_New{
		top: calc( 50% - 7px );
		right: 35px;
		left:auto;
		transform:translate(0, 0);
	}
}

/* Newアイコン用スタイル */
.news-new-label {
	color: #CC3300;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}
/* .page-box h3 span の競合上書き用 */
.page-box h3 span.news-new-label {
	color: #CC3300;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 0;
	display: inline-block;

	&:before, &:after {
		display: none;
	}
}

/*【//CSSのみで】///////////////////////////////////////////////////////*/


/*【「nav_new.png」画像を用いて】【未使用】///////////////////////////////////////////////////////*/

/*[製品情報]*/
#GlobalNav #Product_New a {
width:110px;
background-image:url(/images/nav/nav_new.png)!important;
background-position: 0 0;
}

#GlobalNav #Product_New a:hover, #GlobalNav #Product_New a.current, #GlobalNav #Product_New a.parentsLink {
width:110px;
background-image:url(/images/nav/nav_new.png)!important;
background-position:0 -50px;
}
/*[//製品情報]*/


/*[ソリューション]*/
#GlobalNav #Solution_New a {
width:150px;
background-image:url(/images/nav/nav_new.png)!important;
background-position: -110px 0; }

#GlobalNav #Solution_New a:hover, #GlobalNav #Solution_New a.current, #GlobalNav #Solution_New a.parentsLink {
width:150px;
background-image:url(/images/nav/nav_new.png)!important;
background-position:-110px -50px; }
/*[//ソリューション]*/


/*[導入事例]*/
#GlobalNav #Case_New a {
width:110px;
background-image:url(/images/nav/nav_new.png)!important;
background-position:-260px 0; }

#GlobalNav #Case_New a:hover, #GlobalNav #Case_New a.current, #GlobalNav #Case_New a.parentsLink {
width:110px;
background-image:url(/images/nav/nav_new.png)!important;
background-position:-260px -50px; }
/*[//導入事例]*/


/*[サポート]*/
#GlobalNav #Support_New a {
width:109px;
background-image:url(/images/nav/nav_new.png)!important;
background-position:-370px 0; }

#GlobalNav #Support_New a:hover, #GlobalNav #Support_New a.current, #GlobalNav #Support_New a.parentsLink {
width:109px;
background-image:url(/images/nav/nav_new.png)!important;
background-position:-370px -50px; }
/*[//サポート]*/


/*[企業情報]*/
#GlobalNav #Company_New a {
width:111px;
background-image:url(/images/nav/nav_new.png)!important;
background-position:-479px 0; }

#GlobalNav #Company_New a:hover, #GlobalNav #Company_New a.current, #GlobalNav #Company_New a.parentsLink {
width:111px;
background-image:url(/images/nav/nav_new.png)!important;
background-position:-479px -50px; }
/*[//企業情報]*/


/*[IR情報]*/
#GlobalNav #Investor_New a {
width:100px;
background-image:url(/images/nav/nav_new.png)!important;
background-position:-590px 0; }

#GlobalNav #Investor_New a:hover, #GlobalNav #Investor_New a.current, #GlobalNav #Investor_New a.parentsLink {
width:100px;
background-image:url(/images/nav/nav_new.png)!important;
background-position:-590px -50px; }
/*[//IR情報]*/


/*[採用情報]*/
#GlobalNav #Recruit_New a {
width:124px;
background-image:url(/images/nav/nav_new.png)!important;
background-position:-690px 0; }

#GlobalNav #Recruit_New a:hover, #GlobalNav #Recruit_New a.current, #GlobalNav #Recruit_New a.parentsLink {
width:124px;
background-image:url(/images/nav/nav_new.png)!important;
background-position:-690px -50px; }
/*[//採用情報]*/

/*[ニュースリリース]*/
.news-detail{
	margin: 0;
	padding:10px 20px;
}
.news-detail-date-wrap{
	display: flex;
	column-gap: 5px;
	justify-content: flex-end;
}
.news-detail-date{
	font-weight: bold;
	text-align: right;
}
.news-detail-cont{
	margin-top: 10px;
}
.news-detail-link{
	margin-top: 10px;
}
/*[//ニュースリリース]*/

/* 色変えclass */
.bg_color_A6C9EC {
	background-color: #DAE9F8 !important;
}

/* 数字付きの強調説明 */
.numbered-highlight-grid {
	display: grid;
	gap: 10px;
	margin: 15px 0;
}

.numbered-highlight-item {
	background: #f8f9fa;
	border-radius: 8px;
	padding: 10px 15px;
	transition: all 0.3s ease;
}

.numbered-highlight-title {
	display: flex;
	margin: 4px 0 6px 0;
	padding: 0 2px 5px;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}

.numbered-highlight-number {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	background: #7BB3E8;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 6px;
	font-size: 14px;
	font-weight: bold;
	color: white;
}

.numbered-highlight-text {
	padding: 3px 2px;
}

.numbered-highlight-content {
	line-height: 1.6;
}

.numbered-highlight-content p {
	margin: 0 4px;
}

/* 数字なしの強調説明 */
.simple-highlight-grid {
	display: grid;
	gap: 12px;
	margin: 15px 0;
}

.simple-highlight-item {
	background: #f9fafb;
	border: 1px solid #d1d5db;
	border-radius: 4px;
	padding: 16px 18px 8px;
	position: relative;
}

.simple-highlight-title {
	margin: 0 0 4px 0;
	padding: 0 0 0 24px;
	border: none;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	display: block;
	position: relative;
}

.simple-highlight-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	width: 16px;
	height: 16px;
	border: 4px solid #107FC9;
	border-radius: 50%;
	box-sizing: border-box;
}

.simple-highlight-content {
	line-height: 1.65;
	font-size: 13px;
}

.simple-highlight-content p {
	margin: 0;
}

/* 自動ナンバリング付きの強調説明 */
.auto-numbered-highlight-grid {
	display: grid;
	gap: 10px;
	margin: 15px 0;
	counter-reset: auto-highlight-counter;
}

.auto-numbered-highlight-item {
	background: #f8f9fa;
	border-radius: 8px;
	padding: 10px 15px;
	transition: all 0.3s ease;
	counter-increment: auto-highlight-counter;
}

.auto-numbered-highlight-title {
	display: flex;
	margin: 4px 0 6px 0;
	padding: 0 2px 5px;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}

.auto-numbered-highlight-title::before {
	content: counter(auto-highlight-counter);
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	background: #7BB3E8;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 6px;
	font-size: 14px;
	font-weight: bold;
	color: white;
}

.auto-numbered-highlight-content {
	line-height: 1.6;
}

.auto-numbered-highlight-content p {
	margin: 0 4px;
}

/*【//「nav_new.png」画像を用いて】///////////////////////////////////////////////////////*/


/* 以下使われてない */
/* .under_text {
	padding-bottom: 14px;
	border-top: none;
	border-bottom: solid 1px #CDCDCD;
} */
/* .fax-title {
	margin-top: 8px;
} */
/* .estimate-bnr {
	margin-top: 4px;
} */
/* .estimate-note {
	font-size: 10px;
} */
/* .Icon_Contact_Pickup {
	background: url(../images/common/icon_pickup.jpg) 0px 8px no-repeat;
	padding-left: 55px !important;
} */
/* a.anchor_point {
	display:block!important;
	position:relative!important;
	top:-10px!important;
	visibility:hidden!important;
} */