@charset "utf-8";
/*▼▼▼ダウンロード▼▼▼*/


/*ページ内リンク*/
#link{
	display: none;
}
@media (max-width: 578px) {
	#link{
		display: block;
		margin: 0 0 3em 0;
	}
	#link ul{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
		grid-column-gap:2em;
		grid-row-gap: .2em;
	}
	#link ul li{
		position: relative;
		line-height: 1.2;
		border-bottom: 1px solid #ccc;
		padding: 0 0 .2em 0;
		display: flex;
		align-items: center;

	}
	#link ul a{
		width: 100%;
		position: relative;
		display: inline-block;
		padding: .5em 1.5em .5em 0;
	}
	#link ul a::before{
		content: '';
		width: 20px;
		height: 20px;
		background: #005bab;
		border-radius: 5px;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	#link ul a::after{
		content: '';
		width: 6px;
		height: 6px;
		border: 0;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		transform: rotate(135deg);
		position: absolute;
		top: -2px;
		right: 6.2px;
		bottom: 0;
		margin: auto;
		transition: .5s;
	}
	#link ul a:hover::after{
		bottom: -5px;
	}

	#link ul a:hover{
		opacity: .5;
	}
}


/*▼▼▼総合カタログ▼▼▼*/
.download_box.sogo{
	width: calc(25% - 3em);
	padding-top: 1em;
	border: none;
	min-width: 250px;
	max-width: 300px;
}
.download_box.sogo img{
	max-height: 150px;
}
@media (max-width: 500px) {
	.download_box.sogo{
		width: calc(100% - 2em);
		min-width: inherit;
		max-width: inherit;
		padding: 1em 1em;
	}
}
/*▼▼▼製品カタログ・取扱説明書▼▼▼*/
.download_box.p_series{
	margin: 0 0 1em 0;
}
.download_box_grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
	gap: 1em;
	width: 100%!important;
}

.download_box{
	border: .5px solid #005bab;
	padding: 3em 1em 1em;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: .5s;
/*
	box-shadow: 0px 0px 5px rgba(0,0,0,.2);
*/

}
/*
.download_box:hover {
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
}
*/
/*
.download_box:hover img{
	transform: scale(1.1);
}
*/
/*カテゴリー*/
.download_box .category{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	background: #ccc;
	color: #000;
	margin: 0 0 1em;
	font-size: .8em;
	padding: 0 1em;
	height: 1.8em;
	display: none;
}
/*販売終了*/
.download_box .hanbai_shuryo{
	position: absolute;
	content: "";
	top: /*1.8em*/0;
	left: 0;
	background: red;
	color: #fff;
	margin: 0 0 1em;
	font-size: .8em;
	padding: 0 1em;
	height: 1.8em;

/*	display: none;*/
}
.download_box h3{
	font-size: 1.3em;
	line-height: 1.2;
	margin: .5em 0 0 0;
}
.download_box .tag{
	color: #005bab;
	font-size: .85em;
	display: flex;
	flex-wrap: wrap;
	gap: 0 .5em;
}
.download_box .tag.text_none{
	display: block;
	height: 1.85em;
}
.download_box img{
	max-height: 130px;
	object-fit: contain;
	transition: .5s;
}
.download_box .btn_wrapper{
	display: flex;
	flex-direction: column;
	gap: .5em;
	border-top: 1px solid #ccc;
	padding-top: .5em;
	width: 100%;
}
@media (max-width: 500px) {
	.download_box .tag.text_none{
		display: none;
	}
}

/*▼▼▼ダウンロードボタン▼▼▼*/

/*カタログダウンロードのボタンの色*/
.download_box .catalog_btn{
	background: #005bab!important;
	border: 1px solid #005bab;
}
.download_box .catalog_btn:hover{
	border: 1px solid #005bab;
}

/*取扱説明書ダウンロードのボタンの色*/
.download_box .torisetsu_btn{
	background: #003869!important;
	border: 1px solid #003869;
}
.download_box .torisetsu_btn:hover{
	border: 1px solid #003869;
}

/*体験版ダウンロードのボタンの色*/
.download_box .torisetsu_btn.taiken{
	background: #00ab6e!important;
	border: 1px solid #00ab6e;
}
.download_box .torisetsu_btn.taiken:hover{
	border: 1px solid #00ab6e;
}
.download_box .catalog_btn,
.download_box .torisetsu_btn{
	font-size: .85em;
	padding: .3em 3em .3em 1.5em;
	border-radius: 2em;
	/*border-bottom: 1px solid #000;*/
	position: relative;
	background: #e4e4e4;
	line-height: 1.3;
	color: #fff;
}
.download_box .catalog_btn::after,
.download_box .torisetsu_btn::after{
	position: absolute;
	content: "";
	background: url("../image/download-icon.svg") center / contain no-repeat;
    width: 1em;
    height: 1em;
	top: 50%;
	transform: translateY(-50%);
	right: 1em;
	display: inline-block;
	transition: .5s;
	filter: brightness(0) saturate(100%) invert(97%) sepia(5%) saturate(90%);
}
.download_box .catalog_btn.icon_none::after,
.download_box .torisetsu_btn.icon_none::after{
	content: none;	
}
.download_box .catalog_btn:hover,
.download_box .torisetsu_btn:hover{
	background: #fff!important;
	color: #000;
}
.download_box .catalog_btn:hover::after,
.download_box .torisetsu_btn:hover::after{
	filter: brightness(0) saturate(100%)!important;
}

/*外部リンク*/
.download_box .catalog_btn.external_link::after,
.download_box .torisetsu_btn.external_link::after{
	background: url("../image/external-link-icon.svg") center / contain no-repeat;
    width: 1em;
    height: 1em;
	top: 50%;
	transform: translateY(-50%);
	right: 1em;
	display: inline-block;
	transition: .5s;
	filter: brightness(0) saturate(100%) invert(97%) sepia(5%) saturate(90%);
}



/*Pシリーズ　横一列*/

.download_box.p_series{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	column-gap: 2em;
	row-gap: 1.5em;
	align-items: start;
	position: relative;
	padding: 1.5em;
}
.download_box.p_series::before{
	position: absolute;
	content: "";
	background: #005bab;
	height: .5px;
	width: calc(100% - 3em);
	top: 50%;
	transform: translateY(-50%);
	left: 1.5em;
}
.download_box.p_series > div:nth-of-type(1) {
	grid-area: 1 / 1 / 2 / 2; 
}
.download_box.p_series > div:nth-of-type(2) {
	grid-area: 1 / 2 / 2 / 3; 
}
.download_box.p_series > div:nth-of-type(3) { 
	grid-area: 1 / 3 / 2 / 4;
}
.download_box.p_series > div:nth-of-type(4) {
	grid-area: 2 / 1 / 3 / 2; 
}
.download_box.p_series > div:nth-of-type(5) { 
	grid-area: 2 / 2 / 3 / 3; 
}
.download_box.p_series > div:nth-of-type(6)  { 
	grid-area: 2 / 3 / 3 / 4;
}
.download_box.p_series .p_series_top{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: auto 0;
}
.download_box.p_series > div:nth-of-type(n+2){
	display: flex;
	flex-direction: column;
}
.download_box.p_series h3 > span{
	display: inline-block;
}
@media (max-width: 960px) {
	.download_box.p_series{
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(4, 1fr);
	}
	.download_box.p_series > div:nth-of-type(1) {
		grid-area: 1 / 1 / 3 / 2; 
	}
	.download_box.p_series > div:nth-of-type(2) {
		grid-area: 1 / 2 / 2 / 3; 
	}
	.download_box.p_series > div:nth-of-type(3) { 
		grid-area: 2 / 2 / 3 / 3;
	}
	.download_box.p_series > div:nth-of-type(4) {
		grid-area: 3 / 1 / 5 / 2; 
	}
	.download_box.p_series > div:nth-of-type(5) { 
		grid-area: 3 / 2 / 4 / 3; 
	}
	.download_box.p_series > div:nth-of-type(6) { 
		grid-area: 4 / 2 / 5 / 3; 
	}
}
@media (max-width: 768px) {
	.download_box.p_series img {
		max-height: 150px;
	}
}
@media (max-width: 600px) {
	.download_box.p_series{
		column-gap: 0;
	}
	.download_box.p_series img {
		max-height: 110px;
	}
}
@media (max-width: 500px) {
	.download_box.p_series{
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
	.download_box.p_series::before{
		top: 53%;
		transform: translateY(-50%);
	}

/*	.download_box.p_series > div a{
		max-width: 15em;
	}
	.download_box.p_series > div .btn_wrapper{
		align-items: center;
	}*/
	.download_box.p_series > div:nth-of-type(1) {
		grid-area: 1 / 1 / 2 / 2; 
	}
	.download_box.p_series > div:nth-of-type(2) {
		grid-area: 2 / 1 / 3 / 2; 
	}
	.download_box.p_series > div:nth-of-type(3) { 
		grid-area: 3 / 1 / 4 / 2;
		margin-bottom: 1em;
	}
	.download_box.p_series > div:nth-of-type(4) {
		grid-area: 4 / 1 / 5 / 2; 
	}
	.download_box.p_series > div:nth-of-type(5) { 
		grid-area: 5 / 1 / 6 / 2; 
	}
	.download_box.p_series > div:nth-of-type(6) { 
		grid-area: 6 / 1 / 7 / 2; 
	}

}

/*資料請求*/
.request{
	background: #7586961c;
	padding: 2em;
	max-width: 1000px;
	margin: 0 auto;
}
.request p{
	max-inline-size: max-content;
    margin-inline: auto;
}
@media (max-width: 768px) {
	.request{
		padding: 2em 1em;
	}
}

/*▼▼▼index2.html▼▼▼*/
/*--------------------------------------------
　タブ切り替え
--------------------------------------------*/
/*タブ切り替え全体のスタイル*/
.download_tab_wrapper {
	margin-top: 50px;
	padding-bottom: 40px;
	margin: 0 auto;
}
/*タブのスタイル*/
.tab_item {
	width: calc(100%/3 - .9px);
	padding: .5em 0;
	background-color: #e4e4e4;
	text-align: center;
	color: #818181;
	display: block;
	float: left;
	gap: 5px;
	font-weight: bold;
	transition: all 0.2s ease;
	transition: .5s;
}
.tab_item:not(:last-of-type){
	border-right: 1.5px solid #fff;
}
.tab_item:hover {
	opacity: 0.75;
}
/*選択されているタブのスタイル*/
.download_tab_wrapper input:checked + .tab_item {
	background-color: #005bab;
	color: #fff;
}
/*選択されているタブのコンテンツのみを表示*/
.download_tab_wrapper #catalog:checked ~ #catalog_content,
.download_tab_wrapper #software:checked ~ #software_content,
.download_tab_wrapper #manual:checked ~ #manual_content {
	display: block;
}
/*ラジオボタンを全て消す*/
.download_tab_wrapper input[name="tab_item"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 2em 2em 0;
	clear: both;
	overflow: hidden;
/*	border: 1.5px solid #005bab;*/
}
.tab_content .img_btn_wrapper{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-column-gap:1em;
	grid-row-gap: 3em;
	align-items: flex-start;
}
.tab_content .img_btn_box{
	display: flex;
	flex-direction: column;
/*	align-items: center;*/
/*	border: 1px solid #005bab;*/
	padding:1em;
	transition: .5s;
/*	background: #fff;*/
	width:fit-content;
}

.tab_content .img_btn_box img{
	width: 150px;
	object-fit: contain;
}

/*ダウンロードボタン*/
.tab_content .img_btn_box .download_btn{
/*
	border: 1px solid #005bab;
*/
	border-radius: 2em;
	text-align: center;
	background: rgba(0,91,171,.2);
	font-weight: 600;
	position: relative;
	font-size: .9em;
	margin: 1em auto 0;
	display: inline-block;
	width: fit-content;
	padding: 0 3em 0 1.5em;
	transition: .5s;
}
/*ダウンロードボタンのアイコン*/
.img_btn_box .download_btn::after{
	position: absolute;
	content: "";
	background: url("../image/download-icon.svg") center / contain no-repeat;
    width: 1em;
    height: 1em;
	top: 50%;
	transform: translateY(-50%);
	right: 1.5em;
	display: inline-block;
	transition: .5s;
}
/*new*/
.img_btn_box.new::before{
	position: absolute;
	content: "new";
	color: #fff;
	background: red;
	padding: 0 1em;
	border-radius: 5px;
	top: -5em;
	right: 1em;
}

/*hover*/
/*
.img_btn_box:hover{
	background: rgba(0,91,171,.2);
}
*/
.img_btn_box .download_btn:hover{
	background: rgba(0,91,171,1);
	color: #fff;
}
.img_btn_box .download_btn:hover::after{
	filter: brightness(0) saturate(100%) invert(97%) sepia(5%) saturate(90%);
}



/*--------------------------------------------
　アコーディオン
--------------------------------------------*/
/* 必須 */
.download_accordion .accordion_content {
  display: none;
}

/* 装飾用 */
.download_accordion .accordion_header {
  background-color: #005bab;
  padding: 12px 45px 10px 20px;
  margin: 10px 0 0;
  transition: background .3s ease;
  cursor: pointer;
  position: relative;
	color: #fff;
	font-size: 1.4em;
}

.download_accordion .accordion_header::before,
.download_accordion .accordion_header::after{
  position:absolute;
  content:'';
  top:1px;
  right:20px;
  bottom:0;
  width:12px;
  height:2px;
  margin:auto;
  background:#fff;
}
.download_accordion .accordion_header::after{
  transform:rotate(-90deg);
  transition:transform 0.3s;
}
.download_accordion .accordion_header.active::after{transform:rotate(0deg);}

.download_accordion .accordion_content {
  background-color: #F5F5F5;
  padding: 12px 20px 10px;
}

/* hover */
.download_accordion .accordion_header:hover {
  background: rgba(0,91,171,.7);
}

/*アコーディオン内見出し*/
.accordion_content h4{
	font-size: 1.3em;
	border-bottom: 1.5px solid #003869;
	margin: 2em 0 1em 0;
	color: #003869;
	font-weight: 600;
}
.accordion_content h4:nth-of-type(1){
	margin-top: 1em;
}
/*アコーディオン内製品名見出し*/
.accordion_content h5{
	font-size: 1.2em;
	margin:0 auto .5em;
	color: #003869;
	border-bottom: 1px solid #494949;
	text-align: center;
	display: inline-block;
	width: fit-content;
	padding: 0 1em;
	font-weight: bold;
}
/*アコーディオン内画像*/
.img_btn_box img{
	border: 1px solid #ccc;
	margin: 0 auto;
}



/*--------------------------------------------
　体験版ソフトウェア
--------------------------------------------*/
.software_notes{
	border: 1px solid #003869;
	padding: 3em 2em 2em;
	margin: 3em auto 0;
	max-width: 700px!important;
}
.software_notes h3{
	color: #003869;
	background: #fff;
	padding: 0 1em;
	margin: -3.5em auto 1em;
	text-align: center;
	width: fit-content;
}
.software_notes dl{
	margin: 0 0 1em 0;
	padding: 0 0 0 .5em;
	position: relative;

}
.software_notes dl > div{
	display: flex;
}
.software_notes dl::before{
	position: absolute;
	content: "";
	bottom: -.5em;
	left: 0;
	width: 100%;
	height: .5px;
	background: #ccc;
}
.software_notes dt{
	font-weight: 600;
	padding: 0 1em 0 0;
	position: relative;
}
.software_notes dt::before{
	position: absolute;
	content: "：";
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.software_notes .col_mark_circle li{
	margin: 0;
	font-size: .9em;
}

.zip_notes{
	background: #f4f4f4;
	padding: 2em;
	width: 90%;
	margin: 0 auto;
}
.zip_notes p{
	margin: 0 auto;
}