@charset "UTF-8";
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
common.css

1.base
2.メインビジュアル(トップ)
3.製品リスト(トップ)
4.導入事例(トップ)
5.お知らせ(トップ)
6.メインビジュアル(その他)
7.パン屑リスト(その他)
8.キャッチコピー
9.製品リスト
10.製品ページ製品紹介
11.汎用(問い合わせ)


::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

1.base

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
main [class*="block-"]:nth-child(odd) { background: #fff;}
main [class*="block-"]:nth-child(even) { background: #f0f0f0;}
main [class*="block-"] .inner + .inner { padding-top: 40px; margin-top: 40px; border-top: 1px solid #f0f0f0;}
main [class*="block-"]:nth-child(even) .inner + .inner { border-top: 1px solid #e0e0e0;}
main [class*="block-"] .inner .inner_box + .inner_box { padding-top: 20px; margin-top: 20px;}
main [class*="block-"] p + .inner { margin-top: 40px;}
main [class*="block-"] div::after { clear: both; content: ""; display: block;}
/* min-width: 768px */
@media screen and (min-width: 768px) {
	main [class*="block-"] .inner + .inner { padding-top: 45px; margin-top: 45px;}
	main [class*="block-"] .inner .inner_box + .inner_box { padding-top: 25px; margin-top: 25px;}
	main [class*="block-"] p + .inner { margin-top: 50px;}
}
/* min-width: 1066px */
@media screen and (min-width: 1066px) {
	main [class*="block-"] .inner + .inner { padding-top: 50px; margin-top: 50px;}
	main [class*="block-"] .inner .inner_box + .inner_box { padding-top: 30px; margin-top: 30px;}
	main [class*="block-"] p + .inner { margin-top: 60px;}
}
/* font */
main [class*="block-"] h2 { font-size: 20px; margin-bottom: 1em;line-height: 1.3em;}
main [class*="block-"] h2.line {
	align-items: center;
	border: none;
	border-bottom: solid 2px #c0c0c0;
	display: flex;
	font-weight: 400;
	margin-bottom: 1.2em;
	padding:0 0 0.4em 0;
	position: relative;
	}
main [class*="block-"] h2.line:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #0f4c81;
	bottom: -2px;
	width: 30%;
	}
main [class*="block-"] h2 span { font-size: 77%;}
main [class*="block-"] h2 span.info {
	background: #303030;
	border-radius: 2px;
	color: #fff;
	font-size: 58%;
	margin-left: auto;
	padding: 0.2em 0.6em;
	text-align: right;
	}
main [class*="block-"] h2 span.status {
	background: #303030;
	border-radius: 2px;
	color: #fff;
	font-size: 58%;
	margin-right: 0.6em;
	padding: 0.2em 0.6em;
	}
main [class*="block-"] h2 span.status.new { background: #cc0000;}
main [class*="block-"] h3,
header [class*="navigation-"] h3 { font-size: 15px; margin-bottom: 0.8em;}
main [class*="block-"] h3.line,
header [class*="navigation-"] h3.line {
	font-size: 142%;
	padding: 0;
	margin: 0 auto 2em auto;
	border: none;
	position: relative;
	text-align: center;
	}
main [class*="block-"] h3.line:before,
header [class*="navigation-"] h3.line:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	display: inline-block;
	width: 50px;
	height: 2px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%); 
	background-color: #0f4c81;
	}
main [class*="block-"] h3.line-side {
	border-left: 4px solid #aaa;
    font-weight: 600;
    margin-bottom: 1.3em;
	line-height: 1.5em;
	padding: 0 0 0 10px;
	}
main [class*="block-"] h4 {
	display:block;
	font-size: 14px;
	width: 100%;
	margin-bottom: 0.5em;
	}
main [class*="block-"] li,
main [class*="block-"] p,
main [class*="block-"] table { font-size: 12px; line-height: 1.6em;}
main [class*="block-"] .important { font-size: 120%; font-size: 600;}
main [class*="block-"] .title { font-size: 130%;}
main [class*="block-"] .sup li,
main [class*="block-"] .sup,
main [class*="block-"] sup { font-size: 11px; color: #505050;}
main [class*="block-"] .sup { align-items: baseline; padding-left: 1.0em; text-indent: -1.0em;}
main [class*="block-"] .space {color: #c0c0c0; margin: auto 0.5em;}
main [class*="block-"] div + h2,
main [class*="block-"] p + h3,
main [class*="block-"] p + h4,
main [class*="block-"] table + h4{ margin-top: 1.5em;}
main [class*="block-"] h5 + p,
main [class*="block-"] h6 + p,
main [class*="block-"] ul + p,
main [class*="block-"] p + ul,
main [class*="block-"] ul + ul,
main [class*="block-"] p + table,
main [class*="block-"] table + p,
main [class*="block-"] ul + table,
main [class*="block-"] table + ul
main [class*="block-"] table + table { margin-top: 1.1em;}
main [class*="block-"] p + p,
main [class*="block-"] li + li { margin-top: 0.7em;}
main [class*="block-"] ul + p img,
main [class*="block-"] p + p img,
main [class*="block-"] li + li img { padding: 2.2em 0 0.8em 0;}
main [class*="block-"] .sup li + li,
main [class*="block-"] li.sup + li.sup { margin-top: 0.5em;}
/* link */
main [class*="block-product_item"] a { color: #0f4c81; text-decoration: underline;}
main [class*="block-product_item"] a:hover { color: #505050; text-decoration: none;}
/* 問い合わせ用 */
main [class*="block-"] .btn.contact { margin-top: 20px; padding-top: 20px; display: block; border-top: 1px solid #e0e0e0;}
main [class*="block-"] .btn.contact a {
	padding: 20px 0;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	border-radius: 0;
	background: #0f4c81;
	margin: 0 auto;
	max-width: 90%;}
main [class*="block-"] .btn.contact a:hover { text-decoration: none; background: #777; opacity: 1;}
main [class*="block-"] .btn.contact a i { float: right; margin: 0 10px;}
main [class*="block-"] .btn.contact a i.fa-envelope { float: none;}
/* --------------- table */
main [class*="block-"] table { border: none; clear: both; font-size: 12px;}
main [class*="block-"] table thead { display: none;}
main [class*="block-"] table tr { background: #f0f0f0; border: none; display:block; padding: 0.9em;}
main [class*="block-"] table tr + tr { margin-top: 0.6em;}
main [class*="block-"] table tr + tr.short { margin-top: 0.3em;}
main [class*="block-"]:nth-child(even) table tr { background: #e0e0e0;}
main [class*="block-"] table th,
main [class*="block-"] table td { display:list-item; list-style:none; padding: 0; text-align: left;}
main [class*="block-"] table th br { display: none;}
main [class*="block-"] table td.setting { background: #fcfed2;}
main [class*="block-"] table th + td { border-top: 1px solid #e0e0e0; margin: 0.6em 0 0 0; padding: 0.6em 0 0 0;}
main [class*="block-"]:nth-child(even) table th + td { border-top: 1px solid #d0d0d0;}
main [class*="block-"] table td + td { padding: 0.4em 0 0 0;}
/* --------------- img */
main [class*="block-"] img.right {
	display: block;
	float: none;
    margin: 0 auto 1.6em auto;
    text-align: center;
	}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 414px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 414px) {
/* font */
main [class*="block-"] h2 { font-size: 22px;}
main [class*="block-"] h2 span.info { padding: 0.2em 1.0em;}
main [class*="block-"] h3,
header [class*="navigation-"] h3 { font-size: 17px;}
main [class*="block-"] h4 { font-size: 15px; width: 100%;}
main [class*="block-"] li,
main [class*="block-"] p,
main [class*="block-"] table { font-size: 13px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
/* font */
main [class*="block-"] h2 { font-size: 25px;}
main [class*="block-"] h2.line { margin-bottom: 1.5em;padding: 0 0 0.5em 0;}
main [class*="block-"] h3,
header [class*="navigation-"] h3 { font-size: 18px;}
main [class*="block-"] h4 { font-size: 16px;}
main [class*="block-"] li,
main [class*="block-"] p,
main [class*="block-"] table { font-size: 14px;}
main [class*="block-"] table th { width: 25%;}
main [class*="block-"] .important { font-size: 128%;}
main [class*="block-"] .title { font-size: 138%;}
main [class*="block-"] .sup li,
main [class*="block-"] .sup,
main [class*="block-"] sup { font-size: 12px;}
/* 問い合わせ用 */
main [class*="block-"] .btn.contact { margin-top: 30px; padding-top: 30px;}
main [class*="block-"] .btn.contact a { padding: 26px 0; font-size: 19px;}
main [class*="block-"] .btn.contact a i { margin: 0 15px;}
/* --------------- table */
main [class*="block-"] table { border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; width: 100%;}
main [class*="block-"]:nth-child(even) table { border-bottom: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0;}
main [class*="block-"] table tr { background-color: transparent !important; border: none; display: table-row; margin: 0; padding: 0;}
main [class*="block-"] table th,
main [class*="block-"] table td {
	background-color: #f5f5f5 !important;
	border-left: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0 !important;
	display: table-cell;
	padding: 0.7em 0.5em !important;
	}
main [class*="block-"] table.column-5 th,
main [class*="block-"] table.column-5 td { width: 20%;}
main [class*="block-"] table.column-6 th,
main [class*="block-"] table.column-6 td { width: 16.666%;}
main [class*="block-"]:nth-child(even) table th,
main [class*="block-"]:nth-child(even) table td { background-color: #e5e5e5 !important; border-left: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0 !important;}
main [class*="block-"] table th br { display: block;}
main [class*="block-"] table thead { display: table-header-group;}
main [class*="block-"] table thead th,
main [class*="block-"] table thead td { background: #eee; text-align: center;}
main [class*="block-"] table.center tbody td { text-align: center;}
/* --------------- img */
main [class*="block-"] img.right { float: right; margin: 0 0 0 2.5em;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
/* font */
main [class*="block-"] h2 { font-size: 27px;}
main [class*="block-"] h3,
header [class*="navigation-"] h3 { font-size: 20px;}
main [class*="block-"] h4 { font-size: 18px;}
main [class*="block-"] li,
main [class*="block-"] p,
main [class*="block-"] table { font-size: 15px;}
main [class*="block-"] .important { font-size: 134%;}
main [class*="block-"] .title { font-size: 144%;}
/* --------------- img */
main [class*="block-"] img.right { margin: 0 0 0 3.0em;}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

2.メインビジュアル(トップ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-mainv { background-color: #f0f0f0 !important; padding: 0 !important;}
.block-mainv .container { margin-right: 0; margin-left: 0;}
.block-mainv .container .slider-pro { margin: 0 !important; opacity: 0; position: absolute; z-index: 999;}
.block-mainv .container .sp-slides-container { overflow: hidden;}
.block-mainv .container .bk { position: relative;}
.block-mainv .sp-horizontal .sp-previous-arrow { left: 10px; right: auto;}
.block-mainv .sp-horizontal .sp-next-arrow { left: auto; right: 10px;}
.block-mainv .sp-horizontal .sp-next-arrow:after,
.block-mainv .sp-horizontal .sp-next-arrow:before,
.block-mainv .sp-horizontal .sp-previous-arrow:after,
.block-mainv .sp-horizontal .sp-previous-arrow:before { height: 20%; width: 16%;}
.block-mainv .sp-arrow { background: rgb(119,119,119,0.9); border-radius: 20px; box-shadow: 1px 1px 5px rgb(0,0,0,0.4); height: 40px; width: 40px;}
.block-mainv .sp-arrow:hover { background: rgb(15,76,129,0.9);}
.block-mainv .sp-arrow:before { left: 40%; top: 30%;}
.block-mainv .sp-arrow:after { left: 40%; top: 50%;}
*::-ms-backdrop, .block-mainv .sp-arrow { background: #777;}
*::-ms-backdrop, .block-mainv .sp-arrow:hover { background: #E60012;}
/* PC/スマホ表示切替 */
.slider-pro.pc,
.block-mainv .pc { display: none;}
.slider-pro.sp,
.block-mainv .sp { display: block;}
/* スライドショー */
.sp-slide { position: relative;}
.sp-buttons {
	left: 0 !important;
	right: 0 !important;
	bottom: -20px !important;
	margin: auto;}
.sp-button { margin: 0 7px 0 0 !important; background: #999 !important; opacity: 1 !important;}
.sp-button:hover { background: #333 !important;}
.sp-button { width: 18px !important;}
.sp-button.sp-selected-button { background: #333 !important;}
/* スライドショー(ボタン絶対配置(三角)) */
.btn_triangle { position: absolute !important; bottom: 0 !important; right: 0 !important; z-index: 100 !important; width: 35% !important;}
.btn_triangle img { width: 100% !important; height: 100% !important; max-height: 50% !important;}
/* スライドショー(ボタン絶対配置(四角(横長))) */
.btn_rhombus { position: absolute !important; bottom: 0 !important; right: 0 !important; z-index: 100 !important; width: 54% !important;}
.btn_rhombus img { width: 100% !important; height: 100% !important; max-height: 50% !important;}
/* スライドショー(ボタン絶対配置(四角(横長))) */
.biz_itemlist { position: absolute !important; bottom: 0 !important; right: 0 !important; z-index: 100 !important; height: 100% !important; text-align: right;}
.biz_itemlist a {}
.biz_itemlist a:last-child { margin-right: 0;}
.biz_itemlist img { width: auto !important; height: 100% !important; max-height: 33.333% !important;}
.biz_itemlist a img { transition: all 0.35s ease-in-out;}
.biz_itemlist a:hover img { opacity: 0.7;}
/* スライドショー(2分割) */
.btn_c2_left { position: absolute !important; top: 0 !important; left: 0 !important; z-index: 100 !important; width: 50% !important;}
.btn_c2_right { position: absolute!important; top: 0!important; right: 0!important; z-index: 100!important; width: 50%!important;}
.btn_c2_right img,
.btn_c2_left img { margin: 0!important;}
/* ローディング */
.block-mainv .loading {
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	}
.block-mainv .loading .logo { position: relative}
.block-mainv .loading .logo::before {
	background: url(/share/img/products/visual/loading.gif);
	background-repeat: no-repeat;
	background-size: 100%;
	content: "";
	height: 40px;
	left: 50%;
	opacity: 0.3;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	transition: all 0.3s ease-out;
	width: 40px;
	}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.block-mainv { padding: 20px 20px 0 20px;}
/* PC/スマホ表示切替 */
.slider-pro.pc,
.block-mainv .pc { display: block;}
.slider-pro.sp,
.block-mainv .sp { display: none;}
/* スライドショー */
.sp-button { width: 30px !important;}
/* スライドショー(ボタン絶対配置(四角(横長))) */
.btn_rhombus { width: 40% !important;}
/* スライドショー(ボタン絶対配置(四角(横長))) */
.biz_itemlist img { max-height: 100% !important;}
.biz_itemlist a { margin-left: -6px;}
.biz_itemlist a:last-child { margin-right: 0;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
/* スライドショー */
.sp-button { width: 35px !important;}
.block-mainv .sp-horizontal .sp-previous-arrow { left: 15px; right: auto;}
.block-mainv .sp-horizontal .sp-next-arrow { left: auto; right: 15px;}
.block-mainv .sp-arrow { border-radius: 25px; height: 50px; width: 50px;}
/* スライドショー(ボタン絶対配置(四角(横長))) */
.biz_itemlist a { margin-left: -10px;}
.biz_itemlist a:last-child { margin-right: 0;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
.block-mainv .container { margin-left: 40px; margin-right: 40px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.block-mainv .container { margin-left: 50px; margin-right: 50px;}
.block-mainv .sp-arrow { border-radius: 30px; height: 60px; width: 60px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1280px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1280px) {
.block-mainv .container { margin-left: auto; margin-right: auto; width: 1160px;}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

3.製品リスト(トップ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-product_category { padding-top: 40px; padding-bottom: 40px;}
.block-product_category .products { margin-left: -1.33%; margin-top: -5px;}
.block-product_category .products li {
	margin-left: 1.33%;
	color: #000;
	width: 48.67%;
	background: #fff;
	display:flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 2px;
	font-size: 11px;
	line-height: 1.4em;
	font-weight: 600;
	margin-top: 5px;
	text-align: center;
	position: relative;
	z-index: 1;
	transition: all 0.35s ease-in-out;
	}
.block-product_category .products li:hover {
	background: #fff;
	box-shadow: rgba(0,0,0,0.5) 2px 2px 12px;
	z-index: 2;}
.block-product_category .products li::after {
	font-family: FontAwesome;
	content: "\f105";
	top: 50%;
	right: 10px;
	font-size: 20px;
	margin-top: -10px;
	position: absolute;
	color: #ccc;
	transition: all 0.35s ease-in-out;
	}
.block-product_category .products li:hover::after { color: #000;}
.block-product_category .products li a {
	padding: 5px 5px 10px 5px;
	display:flex;
	color: #000;
	width: 100%;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;}
.block-product_category .products li a:hover { text-decoration: none;}
.block-product_category .products li a div {
	width: 100%;
	text-align: center;
	display:block;}
.block-product_category .products li a div svg { width: 50px; height: 50px;}
/* 製品リスト(その他)
--------------------------------------------------------------*/
.block-product_category.other { background: #202020 !important;}
/* フォント */
main [class*="block-"].other h3 { color: #fff;}
main [class*="block-"].other h3.line:before { background-color: #C0C0C0;}
/* 枠 */
.block-product_category.other .top { padding-top: 3em; text-align: center; position: relative;}
.block-product_category.other .top:before {
    content: '';
    position: absolute;
    left: 50%;
    display: inline-block;
    width: 50px;
    height: 2px;
	top:1.5em;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #505050;
	}
.block-product_category.other .top li {
	background-color: transparent;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 2px;
	color: #fff;
	font-size: 13px;
	transition: all 0.35s ease-in-out;
	width: 70%;
	max-width: 600px;
	margin: auto;
	font-weight: 600;
	}
.block-product_category.other .top li:hover { box-shadow: rgba(0,0,0,0.7) 2px 2px 12px; z-index: 2;}
.block-product_category.other .top li a {
	border: #c0c0c0 solid 1px;
    color: #f0f0f0;
    padding: 1em;
    width: 100%;
	transition: all 0.35s ease-in-out;
	display: block;
	position: relative;
	}
.block-product_category.other .top li a::after {
    font-family: FontAwesome;
    content: "\f104";
    top: 50%;
    left: 15px;
    font-size: 20px;
    margin-top: -12px;
    position: absolute;
    color: #c0c0c0;
    transition: all 0.35s ease-in-out;
	}
.block-product_category.other .top li:hover a { background: #fff; border: #fff solid 1px; color: #000; text-decoration: none;}
.block-product_category.other .top li:hover a::after { color: #000;}
.block-product_category.other .products { margin-left: -1.00%; margin-top: -1.00%;}
.block-product_category.other .products li {
	background-color: transparent;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 2px;
	color: #fff;
	font-size: 10px;
	margin-left: 1.00%;
	margin-top: 1.00%;
	transition: all 0.35s ease-in-out;
	width: 49%;}
.block-product_category.other .products li:hover { box-shadow: rgba(0,0,0,0.7) 2px 2px 12px; z-index: 2;}
.block-product_category.other .products li a {
	border: #c0c0c0 solid 1px;
    color: #fff;
    padding: 1em;
    width: 100%;
	transition: all 0.35s ease-in-out;
	}
.block-product_category.other .products li:hover a { background: #fff; border: #fff solid 1px; color: #000;}
.block-product_category.other .products li a div svg { width: 40px; height: 40px; fill: #fff; transition: all 0.35s ease-in-out;}
.block-product_category.other .products li:hover a div svg { fill: #000;}
.block-product_category.other .products li::after { right: 5px; font-size: 14px; margin-top: -7px;}
.block-product_category.other .products li.active a { background: #fff; border: #fff solid 1px; color: #000;}
.block-product_category.other .products li.active a div svg { fill: #000;}
.block-product_category.other .products li.active::after { color: #000;}

.block-product_category.other .products[class*="flex-box"] {
	display: grid;
	gap: 0.5rem;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	margin: 0;
}
.block-product_category.other .products[class*="flex-box"] li {
	margin: 0;
	width: 100%;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 414px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 414px) {
.block-product_category .products li { font-size: 13px;}
/* 製品リスト(その他)
--------------------------------------------------------------*/
.block-product_category.other .products li { font-size: 11px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 640px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 640px) {
.block-product_category .products { margin-top: -8px;}
.block-product_category .products li { width: 32.00333333%; margin-top: 8px;}
/* 製品リスト(その他)
--------------------------------------------------------------*/
.block-product_category.other .products li { width: 32.33333333%;}
.block-product_category.other .products li::after { right: 8px; font-size: 16px; margin-top: -8px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-product_category { padding-top: 60px; padding-bottom: 60px;}
.block-product_category .products { margin-left: -1%; margin-top: -5px;}
.block-product_category .products li { text-align: left; margin-left: 1%; width: 32.33333333%; font-size: 15px;word-break: break-all;}
.block-product_category .products li {}
.block-product_category .products li a { padding: 5px 25px 5px 5px; justify-content: left; flex-wrap: nowrap;}
.block-product_category .products li a div {
	width: 80px;
	min-width: 80px;
	height: 100%;
	background: #ddd;
	padding: 20px 0;
	margin-right: 10px;
	transition: all 0.35s ease-in-out;}
.block-product_category .products li a div svg { width: 50px; height: 50px; fill:#333; transition: all 0.35s ease-in-out;}
.block-product_category .products li a:hover div { background: #0f4c81;}
.block-product_category .products li a:hover div svg { fill:#fff;}
/* 製品リスト(その他)
--------------------------------------------------------------*/
.block-product_category.other .top { padding-top: 4em;}
.block-product_category.other .top:before { top:2em;}
.block-product_category.other .top li { font-size: 14px;}
.block-product_category.other .top li a { padding: 1.3em;}
.block-product_category.other .products li { width: 15.66666667%; text-align: center;}
.block-product_category.other .products li a { align-items: center; justify-content: center; flex-wrap: wrap;}
.block-product_category.other .products li a div {
    width: 100%;
    min-width: inherit;
    height: auto;
    background-color: transparent;
    padding: 0;
    margin: auto;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.block-product_category .products li { font-size: 16px;}
.block-product_category .products li a div { width: 110px; margin-right: 18px;padding: 22px 0;}
.block-product_category .products li a div svg { width: 64px; height: 64px;}
/* 製品リスト(その他)
--------------------------------------------------------------*/
.block-product_category.other .products li { font-size: 12px;}
.block-product_category.other .products li a { padding: 2em;}
.block-product_category.other .products li a div svg { width: 64px; height: 64px;}
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

4.導入事例

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-casestudy { padding-top: 40px; padding-bottom: 40px;}
.block-casestudy ul li { font-size: 13px; line-height: 1.4em; font-weight: 400;}
.block-casestudy ul li a { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.block-casestudy ul li a:hover { text-decoration: none;}
.block-casestudy ul.flex-box { margin-left: -1.33%; margin-top: -10px;}
.block-casestudy ul.flex-box > li {
	margin-left: 1.33%;
	color: #000;
	width: 100%;
	background: #fff;
	display:flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 2px;
	line-height: 1.4em;
	margin-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	z-index: 1;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	}
.block-casestudy ul.flex-box > li:nth-child(n + 3) { display: none;}
.block-casestudy ul.flex-box > li:hover { background: #fff; box-shadow: rgba(0,0,0,0.5) 2px 2px 12px; z-index: 2;}
.block-casestudy ul.flex-box > li .case-item { position: relative;}
.block-casestudy ul.flex-box > li .case-item img { width: auto; max-width: 100%;z-index: 3;flex-shrink: 0;}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .block-casestudy ul.flex-box > li .case-item img { width: 100%;}
}
.block-casestudy ul.flex-box > li ul.model {flex-wrap: wrap; box-sizing: border-box; align-items: center; padding: 15px 0 0 0; margin: 15px 20px 0 20px; border-top:1px #e0e0e0 solid;}
.block-casestudy ul.flex-box > li ul.model.sp { display: flex;}
.block-casestudy ul.flex-box > li ul.model.pc { display: none;}
.block-casestudy ul.flex-box > li ul.model li { font-weight: 600;}
.block-casestudy ul.flex-box > li ul.model li.img { margin-left:auto;}
.block-casestudy ul.flex-box > li ul.model li.img img { width: auto; max-width: 50px;}
.block-casestudy ul.flex-box > li .case-item ul.model { position: absolute; z-index: 4; right:0; bottom:0; background: rgba(232,239,0,0.8); padding: 0.6em 0 0.6em 2.4em; justify-content: flex-end; margin: 0; border-top: none;}
.block-casestudy ul.flex-box > li .case-item ul.model li.img {margin-left: 0.5em;}
.block-casestudy ul.flex-box > li .case-item ul.model li.img img { max-width: 40px;}
.block-casestudy ul.flex-box > li h3 { margin: 0 10px; font-size: 15px;}
.block-casestudy ul.flex-box > li p { margin: 10px;	font-size: 13px;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 640px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 640px) {
.block-casestudy ul.flex-box > li { width: 48.67%;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-casestudy { padding-top: 60px; padding-bottom: 60px;}
.block-casestudy ul.flex-box > li { font-size: 15px; padding-bottom: 20px;width: 32.00333333%;}
.block-casestudy ul.flex-box > li:nth-child(n + 3) { display: block;}
.block-casestudy ul.flex-box > li:nth-child(n + 4) { display: none;}
.block-casestudy ul.flex-box > li h3 { margin: 0 20px; font-size: 16px;}
.block-casestudy ul.flex-box > li p { margin: 20px;	font-size: 14px;}
.block-casestudy ul.flex-box > li ul.model.sp { display: none;}
.block-casestudy ul.flex-box > li ul.model.pc { display: flex;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
.block-casestudy ul.flex-box > li { width: 23.67%;}
.block-casestudy ul.flex-box > li:nth-child(n + 4) { display: block;}
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

5.お知らせ(トップ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-news { color: #000; padding-top: 40px; padding-bottom: 40px;}
.block-news .inner { display:flex; flex-wrap: wrap; align-items: flex-start;}
.block-news .notis { width: 100%; max-width: 100%; display:flex; flex-wrap: wrap;}
.block-news .notis h2 {order: 1;}
.block-news .notis ul.flex-box {order: 2;}
.block-news .notis ul.news-link {order: 3; display:flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start; margin: 20px 0 0 0; width: 100%; box-sizing: border-box;}
.block-news .notis ul.news-link li {
	margin: 0;
	width: 100%;
	max-width: 49%;
	text-align: center;
	position: relative;
	font-size: 12px;}
.block-news .notis ul.news-link li:first-child { margin: 0 2% 0 0;}
.block-news .notis ul.news-link li::after {
	font-family: FontAwesome;
	content: "\f105";
	top: 50%;
	right: 10px;
	font-size: 20px;
	margin-top: -10px;
	position: absolute;
	color: #ccc;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	}
.block-news .notis ul.news-link li:hover::after { color: #fff;}
.block-news .notis ul.news-link li a {
	padding: 14px 7px;
	display:block;
	background: #e0e0e0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	}
.block-news .notis ul.news-link li a:hover { background: #888; color: #fff;}
.block-news .pr { width: 100%; max-width: 100%; margin-top:40px;}
.block-news ul li:first-child { margin-bottom: 0;}
.block-news ul li a:hover {opacity:1;}
.block-news ul li a { color:#000; text-decoration: none;}
.block-news ul.flex-box { margin-left: -1.33%; margin-top: -10px;}
.block-news ul.flex-box li {
	color: #000;
	background: #fff;
	box-shadow: rgba(0,0,0,0.1) 1px 1px 2px;
	box-sizing: border-box;
	font-size: 13px;
	font-weight: 600;
	margin-left: 1.33%;
	margin-top: 10px;
	max-width: 100%;
	line-height: 1.4em;
	position: relative;
	padding: 0 30px 0 0;
	text-align: left;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	width: 100%;
	z-index: 1;
	}
.block-news ul.flex-box li:hover { background: #fff; box-shadow: rgba(0,0,0,0.5) 2px 2px 12px; z-index: 2;}
.block-news ul.flex-box li::after {
	font-family: FontAwesome;
	content: "\f08e";
	top: 50%;
	right: 10px;
	font-size: 12px;
	margin-top: -6px;
	position: absolute;
	color: #ccc;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	}
.block-news ul.flex-box li:hover::after { color: #000;}
.block-news ul.flex-box li a { display:flex; flex-wrap: wrap; align-items: center;}
.block-news ul.flex-box li a div { display:flex; flex-wrap: wrap; align-items: center; width: 100%;}
.block-news ul.flex-box li a div p { font-size: 11px; font-weight: 400;}
.block-news ul.flex-box li a div p.icon { font-size: 12px; font-weight: 600; width: 7em; padding: 0.2em 0; text-align: center; color: #fff; margin-right:14px;}
.block-news ul.flex-box li a div p.icon.exhibit { background: #53B567;}
.block-news ul.flex-box li a div p.icon.news { background: #B24C9F;}
.block-news ul.flex-box li a div p.icon.product { background: #E87F48;}
.block-news ul.flex-box li a h3 { margin: 5px 0 12px 10px; font-size: 13px; font-weight: 600;}
.block-news .pr ul { margin: 0;}
.block-news .pr ul + ul { margin-top:20px;}
.block-news .pr ul > li + li { margin-top:10px;}
.block-news .pr ul li { margin: auto; text-align: center;}
.block-news .pr ul li img,
.block-news .pr ul li:first-child img { max-width: 100%;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.block-news .pr ul { display:flex; flex-wrap: wrap; justify-content: center; text-align: center;}
.block-news .pr ul li { width: 100%; max-width: 48.67%; margin: 0;}
.block-news .pr ul li:nth-child(even) { margin-left: auto;}
.block-news .pr ul > li + li { margin-top:0;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-news { padding-top: 60px; padding-bottom: 60px;}
.block-news .inner { margin-left: -3.33%;}
.block-news .notis { width: 100%; max-width: 63.33666667%; margin-left: 3.33%;}
.block-news .notis h2.line {order: 1; width: 32%; margin-right: 4%;}
.block-news .notis ul.flex-box {order: 3;}
.block-news .notis ul.news-link {order: 2; width: 64%; margin: 0;}
.block-news .notis ul.news-link li a { padding: 10px 5px;}
.block-news .pr { width: 100%; max-width: 30.00333333%; margin-top: 0; margin-left: 3.33%;}
.block-news ul.flex-box li { margin-right: 0;}
.block-news ul.flex-box li a { flex-wrap: nowrap;}
.block-news ul.flex-box li a div { width: 9em; margin-right:1.5em;}
.block-news ul.flex-box li a div p { display: block;}
.block-news ul.flex-box li a div p.icon { font-size: 13px; width: 9em; padding: 0.3em 0; margin-right:0;}
.block-news ul.flex-box li a div p.time { font-size: 13px; padding: 1em 0; width: 9em; text-align: center;}
.block-news ul.flex-box li a h3 { margin: 0; font-size: 15px;}
.block-news .pr ul { display:block;}
.block-news .pr ul li { max-width: 100%;}
.block-news .pr ul li img,
.block-news .pr ul li:first-child img { max-width: 100%;}
.block-news .pr ul > li + li { margin-top:10px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
.block-news .notis h2 {order: 1; width: 40%; margin-right: 5%;}
.block-news .notis ul.news-link {order: 2; width: 55%; margin: 0;}
.block-news .notis ul.news-link li { font-size: 13px;}
.block-news ul.flex-box li { margin-right: 0;}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

6.メインビジュアル(その他)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-mainv-product { padding: 0; margin-bottom: 10px;}
.block-mainv-product .container { margin-right: 0 !important; margin-left: 0 !important; position: relative; background: #505050;}
.block-mainv-product .container img { width: 100%;max-width: 100%;}
.block-mainv-product .container .pc_xl { display: none;}
.block-mainv-product .container .pc { display: none;}
.block-mainv-product .container .sp { display: block;}
.block-mainv-product .container .catchcopy { display: none;}
.block-mainv-product .container .inner { position: absolute; bottom: -15px; width: 100%;}
.block-mainv-product .container .inner .title { background: #202020; box-shadow: rgba(0,0,0,0.3) 2px 2px 4px; padding: 10px; width: 100%; max-width: 90%;}
.block-mainv-product .container .inner .title h1 { color: #fff; font-size: 16px; line-height: 1.4em;}
.block-mainv-product .container .inner .title p { color: #f0f0f0;}
.block-mainv-product .container .inner .title h1 + p,
.block-mainv-product .container .inner .title p + h1 { margin-top: 0.1em;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 414px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 414px) {
.block-mainv-product .container .inner .title { max-width: 80%;}
.block-mainv-product .container .inner .title h1 { font-size: 17px; line-height: 1.5em;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.block-mainv-product .container { margin-right: 0 !important; margin-left: 0 !important;}
.block-mainv-product .container .pc { display: block;}
.block-mainv-product .container .sp { display: none;}
.block-mainv-product .container .inner .title { padding: 15px 15px 15px 20px; max-width: 70%;}
.block-mainv-product .container .inner .title h1 { font-size: 18px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-mainv-product .container { margin-right: 0 !important; margin-left: 0 !important;}
.block-mainv-product .container .inner .title { padding: 20px 4em 20px 20px; width: auto; max-width: fit-content;}
.block-mainv-product .container .inner .title h1 { font-size: 20px;}
.block-mainv-product .container .catchcopy { display: block;}
.block-mainv-product .container .inner .title h1 + p.catchcopy { margin-top: 0.2em;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
.block-mainv-product .container .inner .title { padding-left: 40px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.block-mainv-product .container { margin-right: 0 !important; margin-left: 0 !important; width: 100% !important;}
.block-mainv-product .container .inner .title { padding-left: 50px;}
.block-mainv-product .container .inner .title h1 { font-size: 25px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1280px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1280px) {
.block-mainv-product .container .inner .title { padding-left: calc((100% - 1160px) / 2);}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1680px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1680px) {
.block-mainv-product .container .pc_xl { display: block;}
.block-mainv-product .container .pc { display: none;}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

7.パン屑リスト(その他)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-breadcrumb { padding: 10px 0;}
.block-breadcrumb .container { margin-right: 10px; margin-left: 10px;}
.block-breadcrumb ul {}
.block-breadcrumb ul li {display: inline-block; padding: 0; margin: 0 auto; color:#666; font-size: 10px;}
.block-breadcrumb ul li a { color:#666;}
.block-breadcrumb ul li i { margin: 0 0.6em 0 0.3em;}
.block-breadcrumb ul li i.fa-home { margin: 0 0.2em 0 0;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.block-breadcrumb .container { margin-right: 20px; margin-left: 20px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-breadcrumb ul {}
.block-breadcrumb ul li { font-size: 11px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
.block-breadcrumb .container { margin-right: 40px; margin-left: 40px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
.block-breadcrumb .container { margin-right: 50px; margin-left: 50px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1280px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1280px) {
.block-breadcrumb .container { width: 1160px; margin-right: auto; margin-left: auto;}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

8.キャッチコピー

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-catchcopy { padding: 1em 8%; display: block;}
.block-catchcopy .container { margin-right: 10px !important; margin-left: 10px !important;}
.block-catchcopy .container h3 { font-size: 16px; text-align: center; line-height: 1.4;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 468px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 468px) {
.block-catchcopy { padding: 2.2em 14% 2.4em 14%;}
.block-catchcopy .container { margin-right: 20px !important; margin-left: 20px !important;}
.block-catchcopy .container h3 { font-size: 20px; text-align: center;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
.block-catchcopy {display: none;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and ( min-width: 1066px) {
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

9.製品リスト

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
main [class*="block-product_list"] { padding-top: 40px; padding-bottom: 40px;}
/* ベース
--------------------------------------------------------------*/
main [class*="block-product_list"] .flex-box { margin-left: -1.33%;}
main [class*="block-product_list"] .flex-box > li {
	box-sizing: border-box;
	margin-left: 1.33%;
	position: relative;
	text-align: left;
	z-index: 0;
	}
main [class*="block-product_list"] .sp { display: block;}
main [class*="block-product_list"] .pc { display: none;}
/* 製品リスト
--------------------------------------------------------------*/
main [class*="block-product_list_products"]:nth-child(odd) { background: #f0f0f0;}
main [class*="block-product_list_products"]:nth-child(even) { background: #fff;}
main [class*="block-product_list_products"] p + .inner { margin-top: 1.5em;}
main [class*="block-product_list_products"] .flex-box { margin-top: -10px;}
main [class*="block-product_list_products"] .flex-box > li {
	background: #fff;
	box-shadow: rgba(0,0,0,0.2) 1px 1px 3px;
	width: 100% !important;
	margin-top: 10px;
	transition: all 0.35s ease-in-out;
	}
main [class*="block-product_list_products"] .flex-box > li:hover { box-shadow: rgba(0,0,0,0.6) 2px 2px 12px; z-index: 2;}
main [class*="block-product_list_products"] .flex-box > p + p img,
main [class*="block-product_list_products"] .flex-box > li + li img { padding: 0;}
main [class*="block-product_list_products"] .flex-box > li + li { margin-top: 10px;}
main [class*="block-product_list_products"] .flex-box > li figure { padding: 2em 0.8em;}
main [class*="block-product_list_products"] .flex-box > li > a { display: block; padding: 2em 0.8em;}
main [class*="block-product_list_products"] .flex-box > li > a:hover { text-decoration: none;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay { background: rgba(15,76,129,0.9); border-radius: 0;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i { border: none !important; box-shadow: none; font-weight: 400;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i+i+i,
main [class*="block-product_list_products"] .flex-box > li figure .overlay i+i { margin-top: 0.8em;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i a {
	background-color: transparent!important;
	border: #fff 1px solid !important; 
	padding: 0.7em 0 !important;
	position: relative;
	transition: all 0.35s ease-in-out;
	}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i a:hover {
	background-color: #fff !important;
	color:rgba(15,76,129,1) !important;
	}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i a::after {
    font-family: FontAwesome;
    content: "\f105";
    top: 50%;
    right: 0.8em;
    font-size: 16px;
    margin-top: -11px;
    position: absolute;
    color: #fff;
	}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i.over_compare { display: none;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i.over_compare a { background-color: rgba(0,0,0,0.3) !important;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i.over_compare a:hover { background-color: rgba(255,255,255,1) !important; color:rgba(0,0,0,1) !important;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i.over_compare a::after { content: "\f03a"; font-size: 12px; margin-top: -10px; right: 0.9em;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i.over_contact a::after { content: "\f046"; font-size: 12px; margin-top: -10px; right: 0.9em;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i a[class*="selected"] { background-color: #fff !important; color:rgba(0,0,0,1) !important; text-decoration: none;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i a[class*="selected"]::after { color:rgba(0,0,0,1) !important;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i a:hover::after { color:rgba(15,76,129,1) !important;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i.over_compare a:hover::after { color:rgba(0,0,0,1) !important;}
main [class*="block-product_list_products"] .flex-box > li img {display: block; margin: 0 auto !important; max-width: 60% !important;}
main [class*="block-product_list_products"] .flex-box > li h2 { margin: 4% auto 0 auto !important; font-weight: 600; color: #0F4C81; font-size: 18px !important; text-align: center;letter-spacing: 0;}
main [class*="block-product_list_products"] .flex-box > li h2 span { display: block; margin: -3px 0 0 0;}
main [class*="block-product_list_products"] .flex-box > li > a:hover h2 { color: #333;}
main [class*="block-product_list_products"] .flex-box > li h2 + p { margin-top: 2% !important;}
main [class*="block-product_list_products"] .flex-box > li h2 + ul,
main [class*="block-product_list_products"] .flex-box > li p + ul { margin-top: 3% !important;}
main [class*="block-product_list_products"] .flex-box > li p { display: none;}
main [class*="block-product_list_products"] .flex-box > li ul.list {}
main [class*="block-product_list_products"] .flex-box > li ul.list li { font-size: 13px; line-height: 1.5em; padding-left: 1em; text-indent: -1em;}
main [class*="block-product_list_products"] .flex-box > li ul.list li + li { margin-top: 0.3em;}
main [class*="block-product_list_products"] .flex-box > li ul.list li i { margin: 0 0 0 1em !important;}
main [class*="block-product_list_products"] .flex-box > li ul.type li {
	border: #eee solid 2px;
	border-radius: 3px;
	box-shadow: none;
	color: #707070;
	font-size: 13px;
	font-weight: 600;
	margin-left: 1.33%;
	margin-top: 0;
	padding: 0.4em;
	text-align: center;
	width: 48.67% !important;
	}
main [class*="block-product_list_products"] .flex-box > li ul.model { margin-left: -3px;}
main [class*="block-product_list_products"] .flex-box > li ul.model li {
	border: #e0e0e0 solid 2px;
	border-radius: 3px;
	box-shadow: none;
	color: #505050;
	font-size: 13px;
	font-weight: 600;
	margin-left: 3px;
	margin-top: 0;
	padding: 0.4em 1.2em;
	text-align: center;
	width: auto !important;
	}
main [class*="block-product_list_products"] .flex-box > li ul.icon {
	left: 0;
	position: absolute;
	top: 0;
	width: 2.3em;
	}
main [class*="block-product_list_products"] .flex-box > li ul.icon.new { width: auto;}
main [class*="block-product_list_products"] .flex-box > li ul.icon:before {
	content: "";
	border-style: solid;
	border-width: 60px 60px 0 0;
	border-color: #000 transparent transparent transparent;
	height: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
	}
main [class*="block-product_list_products"] .flex-box > li ul.icon.will:before { border-color: #E67308 transparent transparent transparent;}
main [class*="block-product_list_products"] .flex-box > li ul.icon.new:before { border-color: #D21E1E transparent transparent transparent;}
main [class*="block-product_list_products"] .flex-box > li ul.icon li {
	color: #fff !important;
	font-size: 10px;
	font-weight: 600;
	margin-left: 0.3em;
	margin-top: 5px;
	line-height: 1.2;
	position: relative;
	text-align: center;
	}
main [class*="block-product_list_products"] .flex-box > li ul.icon.new li { margin-left: 0.5em; margin-top: 10px;}
#ComparisonBox { background-color: rgba(255,255,255,0.9); border: none; box-shadow: 0 -1px 2px rgba(0,0,0,0.3); padding: 1em 0 !important; opacity: 0; z-index: 9999;}
#ComparisonBox form { align-items: center; display: flex; flex-wrap: wrap; margin: 0 10px; padding: 0;}
#ComparisonBox form ul { align-items: center; display: flex; flex-wrap: wrap; margin: -0.5em 0 0 -1em; width: 60%;}
#ComparisonBox form ul li { float: none; font-size: 14px; margin: 0.5em 0 0 1em; line-height: 1;}
#ComparisonBox form a#ComparisonSubmit { background: rgba(15,76,129,1); border: none; border-radius: 0; box-shadow: none; font-size: 15px; margin-left:auto; padding: 1em 0; position: static; width: 35%;}
/* 生産終了
--------------------------------------------------------------*/
main [class*="block-product_list_products"]:nth-child(odd) + [class*="block-product_list_end"] { background: #fff;}
main [class*="block-product_list_products"]:nth-child(even) + [class*="block-product_list_end"] { background: #f0f0f0;}
main [class*="block-product_list_end"] .flex-box { margin-top: -1.33%;}
main [class*="block-product_list_end"] .flex-box > li { font-weight: 600; margin-top: 1.33%; text-align: center; width:48.67%;}
main [class*="block-product_list_end"] .flex-box > li + li { margin-top: 1.33%;}
main [class*="block-product_list_end"] .flex-box > li a {
	border: 1px #e0e0e0 solid;
	display: block;
	padding: 1em 0.4em;
	position: relative;
	transition: all 0.35s ease-in-out;
	z-index: 1;
	}
main [class*="block-product_list_end"] .flex-box > li div {
	border: 1px #e0e0e0 solid;
	display: block;
	line-height: 1.3em;
	padding: 1em 0.4em;
	position: relative;
	transition: all 0.35s ease-in-out;
	z-index: 1;
	}
main [class*="block-product_list_end"] .flex-box > li div span { display: block; font-size: 87%; font-weight: 400;}
main [class*="block-product_list_end"] .flex-box > li div:after {
    background-color: #c0c0c0;
    bottom: 0.5em;
    content: '';
    display: inline-block;
    height: 2px;
    left: 50%;
    position: absolute;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    width: 17%;
	}
main [class*="block-product_list_end"] .flex-box > li a:hover {
	box-shadow: rgba(0,0,0,0.5) 2px 2px 12px;
	color: #000;
	text-decoration: none;
	z-index: 2;
	}
main [class*="block-product_list_end"] .flex-box > li a:after {
    background-color: #c0c0c0;
    bottom: 0.7em;
    content: '';
    display: inline-block;
    height: 2px;
    left: 50%;
    position: absolute;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    width: 17%;
	}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 414px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 414px) {
/* 製品リスト
--------------------------------------------------------------*/
main [class*="block-product_list_products"] .flex-box { margin-left: -10px;}
main [class*="block-product_list_products"] .flex-box > li { margin-left: 10px; width: calc((100% / 2) - 10px) !important;}
main [class*="block-product_list_products"] .flex-box > li figure,
main [class*="block-product_list_products"] .flex-box > li > a { padding: 2em 1em;}
main [class*="block-product_list_products"] .flex-box > li img { max-width: 70% !important;}
#ComparisonBox form { margin: 0 20px;}
/* 生産終了
--------------------------------------------------------------*/
main [class*="block-product_list_end"] .flex-box > li { width:32.00333333%;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 640px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 640px) {
/* 製品リスト
--------------------------------------------------------------*/
main [class*="block-product_list_products"] .flex-box > li figure,
main [class*="block-product_list_products"] .flex-box > li > a { padding: 1.5em;}
main [class*="block-product_list_products"] .flex-box > li img { max-width: 60% !important;}
main [class*="block-product_list_products"] .flex-box > li h2 { text-align: left; font-size: 20px !important; margin: 5% 0 0 0 !important;}
main [class*="block-product_list_products"] .flex-box > li p { display: block;}
main [class*="block-product_list_products"] .flex-box div::after {
	clear: both;
	content: "";
	display: block;
	}
main [class*="block-product_list_products"] .flex-box > li .info {
	background: #eee;
	border-radius: 0.3em;
	clear: both;
	font-weight: 600;
	margin-top: 1.0em;
	padding: 0.5em 0.8em;
	position: relative;
	text-align: left;
	width: 100%;
	}
main [class*="block-product_list_products"] .flex-box > li .info + .info { margin-top: 0.4em;}
main [class*="block-product_list_products"] .flex-box > li .info p { align-items: stretch; display: flex; flex-wrap: nowrap; line-height: 1.4em;}
main [class*="block-product_list_products"] .flex-box > li .info + .sup { margin-top: 0.3em;}
main [class*="block-product_list_products"] .flex-box > li .sup + .sup { margin-top: 0.2em;}
main [class*="block-product_list_products"] .flex-box > li .sup,
main [class*="block-product_list_products"] .flex-box > li sup { font-size: 10px !important; margin-left: 0.3em;}
main [class*="block-product_list_products"] .flex-box > li .info p::before {
	align-items: center;
	color: #0f4c81;
	content: "\f046";
	display: flex;
	font-family: "FontAwesome";
	font-weight: 500;
	margin: 0 0.5em 0 0;
	}
main [class*="block-product_list_products"] .flex-box > li .info p span.selection { align-items: center; display: flex; font-size: 108%; margin-left: auto; padding-left: 1.4em; position: relative; white-space: nowrap;}
main [class*="block-product_list_products"] .flex-box > li .info p span.selection::before {
	content: "";
	border-left: 1px solid #e0e0e0;
	display: block;
	height: 100%;
	left: 0.7em;
	position: absolute;
	}
main [class*="block-product_list_products"] .flex-box > li .info p + p { margin-top: 2em; position: relative;}
main [class*="block-product_list_products"] .flex-box > li .info p + p:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -1em;
	display: inline-block;
	width: 14%;
	height: 3px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%); 
	background-color: #e0e0e0;
	}
main [class*="block-product_list_products"] .flex-box > li ul.icon { width: 2.4em;}
main [class*="block-product_list_products"] .flex-box > li ul.icon.new { width: auto;}
main [class*="block-product_list_products"] .flex-box > li ul.icon:before { border-width: 68px 68px 0 0;}
main [class*="block-product_list_products"] .flex-box > li ul.icon li { font-size: 11px; margin-top: 7px;}
main [class*="block-product_list_products"] .flex-box > li ul.icon.new li { margin-left: 0.5em; margin-top: 12px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
main [class*="block-product_list"] { padding-top: 60px; padding-bottom: 60px;}
/* ベース
--------------------------------------------------------------*/
main [class*="block-product_list"] .sp { display: none;}
main [class*="block-product_list"] .pc { display: block;}
/* 製品リスト
--------------------------------------------------------------*/
main [class*="block-product_list_products"] .flex-box > li img { max-width: 45% !important;}
main [class*="block-product_list_products"] .flex-box > li h2 { font-size: 22px !important;}
main [class*="block-product_list_products"] .flex-box > li p.right { margin-top: 2%; line-height: 1.3em;}
main [class*="block-product_list_products"] .flex-box > li p.right + p.right { margin-top: 1%;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i.over_compare { display: block;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay {
	background-color: transparent;
	background-image: linear-gradient(to top, rgba(15,76,129,0.9) 50%, rgba(15,76,129,0.0) 50%);
	background-position: 0 0;
	background-size: auto 200%;
	transition: all 0.35s ease-in-out;
	}
main [class*="block-product_list_products"] .flex-box > li figure:hover .overlay { background-position: 0 -100%;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i+i+i,
main [class*="block-product_list_products"] .flex-box > li figure .overlay i+i { margin-top: 0.5em;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i a { padding: 0.5em 0 !important;}

main [class*="block-product_list_products"] .flex-box > li ul.model li { font-size: 14px;}

#ComparisonBox { opacity: 1;}
#ComparisonBox form{ width: auto;}
/* 生産終了
--------------------------------------------------------------*/
main [class*="block-product_list_end"] .flex-box { margin-top: -1%; margin-left: -1%;}
main [class*="block-product_list_end"] .flex-box > li { margin-top: 1%; margin-left: 1%;}
main [class*="block-product_list_end"] .flex-box > li + li { margin-top: 1%;}
main [class*="block-product_list_end"] .flex-box > li { width:24%;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
/* 製品リスト
--------------------------------------------------------------*/
main [class*="block-product_list_products"] p + .inner { margin-top: 1.8em;}
main [class*="block-product_list_products"] .flex-box { margin-left: -15px; margin-top: -15px;}
main [class*="block-product_list_products"] .flex-box > li { margin-left: 15px; margin-top: 15px; width: calc((100% / 2) - 15px) !important;}
main [class*="block-product_list_products"] .flex-box > li + li { margin-top: 15px;}
main [class*="block-product_list_products"] .flex-box > li figure,
main [class*="block-product_list_products"] .flex-box > li > a { padding: 5%; position: relative;}
main [class*="block-product_list_products"] .flex-box > li figure::after,
main [class*="block-product_list_products"] .flex-box > li > a::after { content: ""; display: block; clear: both;}
main [class*="block-product_list_products"] .flex-box > li img { width: 32%; margin: 0 !important; float: left;}
main [class*="block-product_list_products"] .flex-box > li h2 { margin: 0 0 0 37% !important;}
main [class*="block-product_list_products"] .flex-box > li p { font-size: 14px !important; margin-left: 37% !important;}
main [class*="block-product_list_products"] .flex-box > li p.right { margin-left: 0 !important;}
main [class*="block-product_list_products"] .flex-box > li ul.list { margin-left: 37% !important;}
main [class*="block-product_list_products"] .flex-box > li ul.type { margin-left: 37% !important; width: 63% !important;}
main [class*="block-product_list_products"] .flex-box > li ul.type li { width: 100% !important; max-width: 10em}
main [class*="block-product_list_products"] .flex-box > li .info { padding: 0.7em;}
main [class*="block-product_list_products"] .flex-box > li .info p { margin-left: 0 !important;}
main [class*="block-product_list_products"] .flex-box > li .info p + p { margin-top: 2.6em; position: relative;}
main [class*="block-product_list_products"] .flex-box > li .info p + p:before { top: -1.3em; width: 20%; height: 3px;}
main [class*="block-product_list_products"] .flex-box > li figure .overlay i { margin-left: 17%; width: 66%;}
main [class*="block-product_list_products"] .flex-box.col-3 > li { width: calc((100% / 3) - 15px) !important;}
main [class*="block-product_list_products"] .flex-box.col-3 > li img { margin: 0 auto !important; max-width: 60% !important; float: none; width: 100%;}
main [class*="block-product_list_products"] .flex-box.col-3 > li h2 { margin: 1.0em 0 0 0 !important;}
#ComparisonBox form { margin: 0 auto; width: 1024px;}
/* 生産終了
--------------------------------------------------------------*/
main [class*="block-product_list_end"] .flex-box { margin-top: -0.8%; margin-left: -0.8%;}
main [class*="block-product_list_end"] .flex-box > li { margin-top: 0.8%; margin-left: 0.8%;}
main [class*="block-product_list_end"] .flex-box > li + li { margin-top: 0.8%;}
main [class*="block-product_list_end"] .flex-box > li { width:24.2%;}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

10.製品ページ製品紹介

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.block-product_itemcategory { padding-top: 40px; padding-bottom: 40px;}
/* ベース
--------------------------------------------------------------*/
main [class*="block-product_item"] .grid-box {
	align-items: center;
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr;
}
main [class*="block-product_item"] .grid-box.box-1frx2 {
	gap: 3rem;
}
main [class*="block-product_item"] .grid-box img {
	width: 100%;
}

main [class*="block-product_item"] .flex-box { margin-left: -10px;}
main [class*="block-product_item"] .flex-box > li {
	box-sizing: border-box;
	margin-left: 10px;
	position: relative;
	text-align: left;
	z-index: 1;
	}
main [class*="block-product_item"] .flex-box .img {width:100%;}
main [class*="block-product_item"] .flex-box .txt {width:100%;}
main [class*="block-product_item"] .flex-box .img + .txt,
main [class*="block-product_item"] .flex-box .txt + .img { margin-top:2em;}
main [class*="block-product_item"] .sp { display: block;}
main [class*="block-product_item"] .pc { display: none;}
main [class*="block-product_item"] .sp.m-top,
main [class*="block-product_item"] .pc.m-top { margin-top:2em;}
/* 概要
--------------------------------------------------------------*/
main [class*="block-product_item"] .overview { margin-left: 0;}
main [class*="block-product_item"] .overview li { margin-left: 0;}
main [class*="block-product_item"] .overview > li + li { margin-top: 3.5em; padding-left: 10%; padding-right: 10%;}
main [class*="block-product_item"] .overview > li ul li { font-size: 15px;}
main [class*="block-product_item"] .overview > li ul li + li { margin-top: 1em;}
main [class*="block-product_item"] .overview .img { order:2; margin-top: 3.5em !important;}
main [class*="block-product_item"] .overview .txt { order:1; margin-top: 0 !important;}
main [class*="block-product_item"] .overview h2 { align-items: baseline; flex-wrap: wrap; display: flex; font-size: 260% !important; line-height: 1.7em;}
main [class*="block-product_item"] .overview h2 span { font-size: 58% !important; line-height: 1.3em; width: 100%;}
main [class*="block-product_item"] .overview h2 span.store { font-size: 53% !important; margin-left: 0.6em; width: auto;}
main [class*="block-product_item"] .overview h2 img { max-width: 300px;}
main [class*="block-product_item"] .overview.product > li + li { margin-top: 3.0em; text-align: center; width: 100%;}
main [class*="block-product_item"] .overview.product > li + li p { margin: auto; max-width: 240px;}
main [class*="block-product_item"] .overview.product > li p + ul { margin-top: 1.5em;}
main [class*="block-product_item"] .overview.product > li ul li { align-items: baseline; border: #d0d0d0 1px solid; border-radius: 3px; display: flex; margin-top: 0; padding: 0.3em 0.5em;}
main [class*="block-product_item"] .overview.product > li ul li + li { margin-top: 0.4em;}
main [class*="block-product_item"] .overview.product > li ul li span.new { color: red; margin-left: 1em;}
main [class*="block-product_item"] .overview.product > li ul li span.info {
    background: #000;
    border-radius: 3px;
    color: #fff;
    font-size: 80%;
    margin-left: auto;
    padding: 0.1em 0.4em;
}
@media screen and (min-width: 414px) {
	main [class*="block-product_item"] .overview > li + li { padding-left: 15%; padding-right: 15%;}
	main [class*="block-product_item"] .overview > li ul li { font-size: 16px;}
}
@media screen and (min-width: 768px) {
	main [class*="block-product_item"] .overview { gap: 3em; flex-wrap: nowrap;}
	main [class*="block-product_item"] .overview > li { width: calc(100% / 2);}
	main [class*="block-product_item"] .overview > li + li { margin-top: 0; padding: 0;}
	main [class*="block-product_item"] .overview > li ul li { font-size: 18px;}
	main [class*="block-product_item"] .overview li.img { width: 46.67%; margin-top: 0 !important;}
	main [class*="block-product_item"] .overview li.txt { width: 46.67%; margin-top: 0 !important;}
	main [class*="block-product_item"] .overview li.txt ul { margin-left: 0;}
	main [class*="block-product_item"] .overview li.txt ul li { margin-left: 0; width:100%; padding-left:1.3em; text-indent:-1.3em; list-style-position:inside;}
	main [class*="block-product_item"] .overview li.txt ul li i { margin-right: 0.3 !important; display: inline;}
	main [class*="block-product_item"] .overview.product { margin-left: 0;}
	main [class*="block-product_item"] .overview.product > li { margin-left: 0; width: calc(100% - 350px);}
	main [class*="block-product_item"] .overview.product > li + li { margin-left: 50px; margin-top: 0; text-align: left; width: 300px;}
	main [class*="block-product_item"] .overview.product > li + li p { max-width: inherit;}
	main [class*="block-product_item"] .overview.product > li p + ul { margin-top: 2.0em;}
}
@media screen and (min-width: 1066px) {
	main [class*="block-product_item"] .overview.product > li { width: calc(100% - 400px);}
	main [class*="block-product_item"] .overview.product > li + li { width: 400px;}
	main [class*="block-product_item"] .overview.product > li p + ul { margin-top: 2.5em;}
}
/* 特徴
--------------------------------------------------------------*/
main [class*="block-product_item"] .characteristic .img {
	background-color: white;
	border-radius: 10px;
	box-shadow: rgba(0,0,0,0.3) 1px 1px 5px 2px;
	padding: 1em;
	text-align: center;
}
/* Q＆A　*/
main [class*="block-product_item"] .characteristic.qa li { width: 100%;}
main [class*="block-product_item"] .characteristic.qa li.q { position: relative;}
main [class*="block-product_item"] .characteristic.qa li.q::after {
	bottom: -3em;
	border-top: 10px solid #909090;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
}
main [class*="block-product_item"] .characteristic.qa li.q .balloon {
	background: #fff;
	border-radius: 6px;
	box-shadow: rgba(0,0,0,0.3) 1px 1px 10px 2px;
	box-sizing: border-box;
	padding: 1.5em;
	position: relative;
	width: 100%;
}
main [class*="block-product_item"] .characteristic.qa li.q .balloon::before {
	bottom: -9px;
	border-top: 10px solid #fff;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
}
main [class*="block-product_item"] .characteristic.qa li.q .balloon p { font-size: 118%; font-weight: 600; line-height: 1.5; padding-left: 1.5em; position: relative;}
main [class*="block-product_item"] .characteristic.qa li.q .balloon p + p { margin-top: 1.0em;}
main [class*="block-product_item"] .characteristic.qa li.q .balloon p::before {
    font-family: FontAwesome;
    content: "\f075";
	left: 0;
	position: absolute;
}
main [class*="block-product_item"] .characteristic.qa li.q .qa-icon { margin-top: 1.5em; text-align: center;}
main [class*="block-product_item"] .characteristic.qa li.q .qa-icon img { max-width: 120px; width: auto;}
main [class*="block-product_item"] .characteristic.qa li.a { align-items: flex-start; display: flex; flex-wrap: nowrap; margin-top: 5em;}
main [class*="block-product_item"] .characteristic.qa li.a img { padding: 0;}
main [class*="block-product_item"] .characteristic.qa li.a h3 { color: #0f4c81; font-size: 152%;}
main [class*="block-product_item"] .characteristic.qa li.a .icon {
	background: #0f4c81;
	box-sizing: border-box;
	color: #fff;
	margin-right: 1.5em;
	padding: 5px;
	text-align: center;
	width: 80px;
}
main [class*="block-product_item"] .characteristic.qa li.a .icon p { line-height: 1.3;}
main [class*="block-product_item"] .characteristic.qa li.a .icon p span { display: block; margin-top: 0.7em; text-align: center;}
main [class*="block-product_item"] .characteristic.qa li.a .info { width: calc((100% - 80px) - 1.5em);}
main [class*="block-product_item"] .characteristic.qa li.a .info .flex-box { margin-left: 0;}
main [class*="block-product_item"] .characteristic.qa li.a .info .flex-box > li { margin-left: 0;}
main [class*="block-product_item"] .characteristic.qa li.a .info .flex-box > li + li { margin-top: 1.5em;}
@media screen and (min-width: 414px) {
	main [class*="block-product_item"] .characteristic.qa li.a .icon { margin-right: 2em;}
	main [class*="block-product_item"] .characteristic.qa li.a .info { width: calc((100% - 80px) - 2em);}
}
@media screen and (min-width: 640px) {
	main [class*="block-product_item"] .characteristic .img { padding: 1.5em;}
	main [class*="block-product_item"] .characteristic.qa li.a h3 { font-size: 152%;}
	main [class*="block-product_item"] .characteristic.qa li.a .icon { margin-right: 3em; width: 120px;}
	main [class*="block-product_item"] .characteristic.qa li.a .info { width: calc((100% - 120px) - 3em);}
}
@media screen and (min-width: 768px) {
	main [class*="block-product_item"] .characteristic { align-items: flex-start; flex-wrap: nowrap; gap: 3em; margin-left: 0;}
	main [class*="block-product_item"] .characteristic li.txt { width: 60%;}
	main [class*="block-product_item"] .characteristic li.img { margin-left: 0; width: 40%;}
	/* Q＆A　*/
	main [class*="block-product_item"] .characteristic.qa { margin-left: 0;}
	main [class*="block-product_item"] .characteristic.qa li { margin-left: 0;}
	main [class*="block-product_item"] .characteristic.qa li.a .icon { margin-right: 4em; padding: 10px; width: 24%;}
	main [class*="block-product_item"] .characteristic.qa li.a .icon p { line-height: 1.3;}
	main [class*="block-product_item"] .characteristic.qa li.a .info { width: calc((100% - 24%) - 4em);}
	main [class*="block-product_item"] .characteristic.qa li.a .info .flex-box > li + li { margin-top: 2em;}
}
@media screen and (min-width: 980px) {
	main [class*="block-product_item"] .characteristic { gap: 5em;}
	main [class*="block-product_item"] .characteristic.qa { align-items: stretch; display: flex; gap: 8em; flex-wrap: nowrap;}
	main [class*="block-product_item"] .characteristic.qa li { width: auto;}
	main [class*="block-product_item"] .characteristic.qa li.q { position: relative; width: 35%;}
	main [class*="block-product_item"] .characteristic.qa li.q::after {
		bottom: auto;
		border-left: 14px solid #909090;
		border-bottom: 14px solid transparent;
		border-top: 14px solid transparent;
		content: '';
		left: auto;
		right: -4.5em;
		top: 50%;
		transform: translateX(100%);
		transform: translateY(-50%);
	}
	main [class*="block-product_item"] .characteristic.qa li.q .qa-icon { margin-top: 2em; text-align: left;}
	main [class*="block-product_item"] .characteristic.qa li.q .qa-icon img { max-width: 180px;}
	main [class*="block-product_item"] .characteristic.qa li.q .balloon { padding: 1.5em;}
	main [class*="block-product_item"] .characteristic.qa li.q .balloon::before {
		left: 85px;
		transform: translateX(-50%);
	}
	main [class*="block-product_item"] .characteristic.qa li.q .balloon p { font-size: 124%;}
	main [class*="block-product_item"] .characteristic.qa li.a { align-items: stretch; margin-top: 0; width: 65%;}
	main [class*="block-product_item"] .characteristic.qa li.a h3 { font-size: 166%;}
	main [class*="block-product_item"] .characteristic.qa li.a .icon { align-items: center; display: flex;}
	main [class*="block-product_item"] .characteristic.qa li.a .icon { margin-right: 2.5em; padding: 15px; width: 21%;}
	main [class*="block-product_item"] .characteristic.qa li.a .info { width: calc((100% - 21%) - 2.5em);}
}
/* SmartDrive Fleetの特徴
--------------------------------------------------------------*/
main [class*="block-product_item"] .products { margin: 0;}
main [class*="block-product_item"] .products h4 { font-size: 135.8%; color: #0f4c81;}
main [class*="block-product_item"] .products li {
	align-items: center;
	align-content: flex-start;
	display:flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 1.2em;
	position: relative;
	width: 50%;
	}
main [class*="block-product_item"] .products li::before,
main [class*="block-product_item"] .products li::after {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	}
main [class*="block-product_item"] .products li::before {
	border-left: solid 3px #d0d0d0;
	border-top: solid 3px #d0d0d0;
	top: 0;
	left: 0;
	}
main [class*="block-product_item"] .products li::after {
	border-right: solid 3px #d0d0d0;
	border-bottom: solid 3px #d0d0d0;
	bottom: 0;
	right: 0;
	}
main [class*="block-product_item"] .products li:nth-child(odd) { background: #f0f0f0;}
main [class*="block-product_item"] .products li:nth-child(even) { background: #fff;}
main [class*="block-product_item"] .products:nth-child(even) { flex-direction: row-reverse;}
main [class*="block-product_item"] .products li div { width: 100%; text-align: center; display:block;}
main [class*="block-product_item"] .products li div svg { width: 70px; height: 70px; fill: #0f4c81;}
@media screen and (min-width: 640px) {
	main [class*="block-product_item"] .products li { padding: 1.4em;}
}
@media screen and (min-width: 768px) {
	main [class*="block-product_item"] .products li { width: calc(100% / 3); padding: 2em;}
	main [class*="block-product_item"] .products li::before,
	main [class*="block-product_item"] .products li::after { width: 15px; height: 15px;}
	main [class*="block-product_item"] .products li::before { border-left: solid 5px #d0d0d0; border-top: solid 5px #d0d0d0;}
	main [class*="block-product_item"] .products li::after { border-right: solid 5px #d0d0d0; border-bottom: solid 5px #d0d0d0;}
	main [class*="block-product_item"] .products li div {
		align-items: center;
		background: #0f4c81;
		display: flex;
		height: 100%;
		justify-content: center;
		margin-right: 10px;
		padding: 10px 0;
		width: 70px;
		}
	main [class*="block-product_item"] .products li div.info {
		background-color: transparent;
		display: block;
		margin-right: 0;
		width: 100%;
		text-align: center;
		}
	main [class*="block-product_item"] .products li div svg { width: 50px; height: 50px; fill:#fff;}
}
@media screen and (min-width: 1066px) {
	main [class*="block-product_item"] .products li div { width: 100px; margin-right: 18px;padding: 0;}
	main [class*="block-product_item"] .products li div.info { padding-right: 0;}
	main [class*="block-product_item"] .products li div svg { width: 70px; height: 70px;}
}
/* リスト
--------------------------------------------------------------*/
main [class*="block-product_item"] .products.list { display: grid; gap: 3em; grid-template-columns: 1fr;}
main [class*="block-product_item"] .products.list li {
	align-content: center;
	box-sizing: border-box;
	padding: 2em;
	width: 100%;
}
main [class*="block-product_item"] .products.list li[class*="list-"]::before {
	align-items: center;
	background: #0f4c81;
	border: none;
	color: #fff;
	content: "";
	display: flex;
	font-size: 12px;
	font-weight: 600;
	justify-content: center;
	left: 0;
	line-height: 1;
	height: 1.8em;
	position: absolute;
	top: 0;
	width: 1.8em;
}
main [class*="block-product_item"] .products.list li.list-1::before { content: "1";}
main [class*="block-product_item"] .products.list li.list-2::before { content: "2";}
main [class*="block-product_item"] .products.list li.list-3::before { content: "3";}
main [class*="block-product_item"] .products.list li.list-4::before { content: "4";}
main [class*="block-product_item"] .products.list li.list-5::before { content: "5";}
main [class*="block-product_item"] .products.list li[class*="list-"]::after {
    bottom: -2em;
	border: none;
    border-top: 8px solid #909090;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    content: '';
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}
main [class*="block-product_item"] .products.list li[class*="list-"]:last-child::after { border: none;}
main [class*="block-product_item"] .products.list li h4 { font-size: 116%; line-height: 1.5; margin-bottom: 0 !important;}
main [class*="block-product_item"] .products.list li:nth-child(even) { background: #f0f0f0;}
@media screen and (min-width: 414px) {
	main [class*="block-product_item"] .products.list li[class*="list-"]::before {
		font-size: 13px;
		left: -0.3em;
		height: 2.1em;
		top: -0.3em;
		width: 2.1em;
	}
}
@media screen and (min-width: 640px) {
	main [class*="block-product_item"] .products.list { grid-template-columns: 1fr 1fr;}
	main [class*="block-product_item"] .products.list li { padding: 2em;}
	main [class*="block-product_item"] .products.list li[class*="list-"]::before { font-size: 14px;}
	main [class*="block-product_item"] .products.list li.list-1 { order: 1;}
	main [class*="block-product_item"] .products.list li.list-1::after {
		border: none !important;
		border-left: 8px solid #909090 !important;
		border-bottom: 8px solid transparent !important;
		border-top: 8px solid transparent !important;
		left: auto !important;
		right: -2em !important;
		top: 50% !important;
		transform: translateX(100%) !important;
		transform: translateY(-50%) !important;
	}
	main [class*="block-product_item"] .products.list li.list-2 { order: 2;}
	main [class*="block-product_item"] .products.list li.list-3 { order: 4;}
	main [class*="block-product_item"] .products.list li.list-3::after {
		border: none !important;
		border-right: 8px solid #909090 !important;
		border-bottom: 8px solid transparent !important;
		border-top: 8px solid transparent !important;
		left: -2em !important;
		top: 50% !important;
		transform: translateX(100%) !important;
		transform: translateY(-50%) !important;
	}
	main [class*="block-product_item"] .products.list li.list-4 { order: 3;}
	main [class*="block-product_item"] .products.list li.list-5 { order: 5;}
}
@media screen and (min-width: 768px) {
	main [class*="block-product_item"] .products.list li div.info { display: flex;}
}
@media screen and (min-width: 980px) {
	main [class*="block-product_item"] .products.list { gap: 4em;}
	main [class*="block-product_item"] .products.list li[class*="list-"]::before {
		font-size: 16px;
		left: -0.3em;
		height: 2.2em;
		top: -0.3em;
		width: 2.2em;
	}
	main [class*="block-product_item"] .products.list li[class*="list-"]::after {
		bottom: -2.5em;
		border-top: 10px solid #909090;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
	}
	main [class*="block-product_item"] .products.list li.list-1::after {
		border: none !important;
		border-left: 10px solid #909090 !important;
		border-bottom: 10px solid transparent !important;
		border-top: 10px solid transparent !important;
		right: -2.5em !important;
	}
	main [class*="block-product_item"] .products.list li.list-3::after {
		border: none !important;
		border-right: 10px solid #909090 !important;
		border-bottom: 10px solid transparent !important;
		border-top: 10px solid transparent !important;
		left: -2.5em !important;
	}
}
/* SmartDrive Fleetのメリット
--------------------------------------------------------------*/
main [class*="block-product_item"] .merit { margin-left: 0;}
main [class*="block-product_item"] .merit li {
	align-content: baseline;
	display:flex;
	flex-wrap: wrap;
	margin-left: 0;
	padding: 2em;
	position: relative;
	width: 100%;
	}
main [class*="block-product_item"] .merit + .merit,
main [class*="block-product_item"] .merit li + li { margin-top: 0;}
main [class*="block-product_item"] .merit li:nth-child(odd) { background: #f0f0f0;}
main [class*="block-product_item"] .merit li:nth-child(even) { background: #fff;}
main [class*="block-product_item"] .merit .txt { width:100%;}
main [class*="block-product_item"] .merit .img { width:100%; margin-top: 2em;}
main [class*="block-product_item"] .merit .img img { box-shadow: rgba(0,0,0,0.3) 1px 1px 10px 2px; border-radius:10px;}
@media screen and (min-width: 414px) {
	main [class*="block-product_item"] .merit .img img { width:100%; max-width: 380px;}
}
@media screen and (min-width: 640px) {
	main [class*="block-product_item"] .merit li { padding: 2.2em;}
}
@media screen and (min-width: 768px) {
	main [class*="block-product_item"] .merit:nth-child(even) { flex-direction: row-reverse;}
	main [class*="block-product_item"] .merit li { display: flex; flex-direction: column; font-size: 14px; padding: 2.4em; width: 50%;}
	main [class*="block-product_item"] .merit  li + li { border-top: none;}
	main [class*="block-product_item"] .merit + .merit li:first-child { border-top: none;}
	main [class*="block-product_item"] .merit .img + .txt,
	main [class*="block-product_item"] .merit .txt + .img { margin-top: auto; padding-top: 30px;}
}
/* 製品紹介カラム
--------------------------------------------------------------*/
main [class*="block-product_item"] .cont-item .video + h4 { margin-top: 1.0em;}
main [class*="block-product_item"] .cont-item h4 { line-height: 1.5em; margin-bottom: 0.7em;}
main [class*="block-product_item"] .cont-item h4 span { display: block;}
main [class*="block-product_item"] .cont-item h4 span.title { font-size: 116%;}
main [class*="block-product_item"] .cont-item h4 span.subtitle { color: #505050;}
main [class*="block-product_item"] .cont-item li { border: #c0c0c0 1px solid; padding: 15px; text-align: center; width:100%;}
main [class*="block-product_item"] .cont-item li + li { margin-top: 1.0em;}
main [class*="block-product_item"] .cont-item li + li img { padding: 0;}
main [class*="block-product_item"] .cont-item + ul,
main [class*="block-product_item"] .cont-item + p,
main [class*="block-product_item"] .cont-item + table { margin-top: 2.0em;}
/* 仕様
--------------------------------------------------------------*/
main [class*="block-product_item"] .spec li { width:100%;}
main [class*="block-product_item"] .spec .img { margin-top: 2em; text-align: center;}
/* オプション
--------------------------------------------------------------*/
main [class*="block-product_item"] .option { margin-top: -10px;}
main [class*="block-product_item"] .option h3 { font-size: 116%;}
main [class*="block-product_item"] .option li {
	align-items: flex-start;
	background: #fff;
	border: 1px #e0e0e0 solid;
	display:flex;
	flex-wrap: wrap;
	margin-top: 10px;
	padding: 10px;
	width: 100%;
	}
main [class*="block-product_item"] .option.product li { display: block;}
main [class*="block-product_item"] .option.product li h3 { line-height: 1.5em;}
main [class*="block-product_item"] .option.product li h3 span { color: #505050; font-size: 90%; display: block;}
main [class*="block-product_item"] .option .img { text-align: center;}
main [class*="block-product_item"] .option .img img { width: 100%; max-width: 160px;}
main [class*="block-product_item"] .option .img img,
main [class*="block-product_item"] .option ul + p .img img,
main [class*="block-product_item"] .option p + p .img img,
main [class*="block-product_item"] .option li + li .img img { padding: 1.2em 0 0.6em 0;}
main [class*="block-product_item"] .option .img + .txt,
main [class*="block-product_item"] .option .txt + .img { margin-top: 0;}
/* 注意事項
--------------------------------------------------------------*/
main [class*="block-product_item"] .notice li { align-items: baseline; padding-left: 1.0em; text-indent: -1.0em;}
main [class*="block-product_item"] .notice li > ul { display: block; padding-left: 1.0em; padding-top: 0.6em;}
main [class*="block-product_item"] .notice li > ul li + li { margin-top: 0.5em;}
/* ポイント
--------------------------------------------------------------*/
main [class*="block-product_item"] .pointBlock { background-color: #f0f0f0; border: 2px solid #d0d0d0; border-radius: 2px; padding: 10px;}
main [class*="block-product_item"]:nth-child(even) .pointBlock { background-color: #fff;}
main [class*="block-product_item"] .pointBlock .box { background-color: #e9e9e9; border-radius: 2px; padding: 10px;}
main [class*="block-product_item"]:nth-child(even) .pointBlock .box { background-color: #f5f5f5;}
main [class*="block-product_item"] .pointBlock p + .box,
main [class*="block-product_item"] .pointBlock ul + .box,
main [class*="block-product_item"] .pointBlock div + .box,
main [class*="block-product_item"] .pointBlock table + .box { margin-top: 1.6em;}
main [class*="block-product_item"] .pointBlock.sp,
main [class*="block-product_item"]:nth-child(even) .pointBlock.sp { border-color: #5f8fb8; display: block;}
main [class*="block-product_item"] .pointBlock.pr,
main [class*="block-product_item"]:nth-child(even) .pointBlock.pr { background-color: #505050; border: none;}
main [class*="block-product_item"] .pointBlock.flex-box { flex-wrap: wrap;}
main [class*="block-product_item"] .pointBlock.flex-box div { width: 100%;}
main [class*="block-product_item"] .pointBlock.flex-box div img { display: block; margin: auto;}
main [class*="block-product_item"] .pointBlock.flex-box div + div { margin-top: 1.4em;}
/* フォント */
main [class*="block-product_item"] .pointBlock h4 { margin-bottom: 0;}
main [class*="block-product_item"] .pointBlock h4,
main [class*="block-product_item"] .pointBlock h5,
main [class*="block-product_item"] .pointBlock h6 { align-items: baseline; display: flex;}
main [class*="block-product_item"] .pointBlock h4 span,
main [class*="block-product_item"] .pointBlock h5 span,
main [class*="block-product_item"] .pointBlock h6 span {
	align-items: center;
	background-color: #fccc00;
	display: flex;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
	font-size: 77%;
	margin-left: -15px;
	margin-right: 0.5em;
	padding: 0.3em 0.5em;
	}
main [class*="block-product_item"] .pointBlock h4 span {
	background-color: #0f4c81;
	color: #fff;
	}
main [class*="block-product_item"] p + .pointBlock,
main [class*="block-product_item"] ul + .pointBlock,
main [class*="block-product_item"] div + .pointBlock,
main [class*="block-product_item"] table + .pointBlock { margin-top: 2.2em;}
main [class*="block-product_item"] .pointBlock + p,
main [class*="block-product_item"] .pointBlock + ul,
main [class*="block-product_item"] .pointBlock + div,
main [class*="block-product_item"] .pointBlock + table { margin-top: 0.8em;}
main [class*="block-product_item"] .pointBlock h5 + p,
main [class*="block-product_item"] .pointBlock h6 + p,
main [class*="block-product_item"] .pointBlock h5 + ul,
main [class*="block-product_item"] .pointBlock h6 + ul { margin-top: 0.5em;}
main [class*="block-product_item"] .pointBlock h4 + p,
main [class*="block-product_item"] .pointBlock h4 + ul { margin-top: 1.1em;}
main [class*="block-product_item"] .pointBlock p + h5,
main [class*="block-product_item"] .pointBlock p + h6,
main [class*="block-product_item"] .pointBlock ul + h5,
main [class*="block-product_item"] .pointBlock ul + h6 { margin-top: 1.4em;}
main [class*="block-product_item"] .pointBlock p + p,
main [class*="block-product_item"] .pointBlock p + ul,
main [class*="block-product_item"] .pointBlock ul + p,
main [class*="block-product_item"] .pointBlock table + p,
main [class*="block-product_item"] .pointBlock p + table { margin-top: 0.5em;}
main [class*="block-product_item"] .pointBlock.pr p,
main [class*="block-product_item"]:nth-child(even) .pointBlock.pr p { color: #fff;}
/* サポート情報
--------------------------------------------------------------*/
main [class*="block-product_item"] .c_manual ul.list > li + li { margin-top: 0.7em; padding-top: 0.7em;}
main [class*="block-product_item"] .c_manual ul.list > li ul { margin-top: 0.3em;}
main [class*="block-product_item"] .c_manual ul.list > li ul li + li { margin-top: 0.3em;}
/* 幅800px縛り
--------------------------------------------------------------*/
main [class*="block-product_item"] .w-80 { margin-left: auto; margin-right: auto; max-width: 800px;}
main [class*="block-product_item"] ul + .w-80,
main [class*="block-product_item"] p + .w-80,
main [class*="block-product_item"] table.w-80,
main [class*="block-product_item"] div + .w-80 { margin-top: 2.2em;}
main [class*="block-product_item"] .w-80 + div,
main [class*="block-product_item"] .w-80 + p,
main [class*="block-product_item"] .w-80 + table,
main [class*="block-product_item"] .w-80 + div { margin-top: 1.5em;}
main [class*="block-product_item"] .w-80 p + p,
main [class*="block-product_item"] .w-80 li + li { margin-top: 1.5em;}
main [class*="block-product_item"] .w-80 p + p img,
main [class*="block-product_item"] .w-80 li + li img { padding: 0;}
main [class*="block-product_item"] .w-80 .flex-box li { text-align: center; width: 100%;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 414px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 414px) {
	/* ポイント
	--------------------------------------------------------------*/
	main [class*="block-product_item"] .pointBlock { border: #d0d0d0 3px solid; padding: 15px;}
	main [class*="block-product_item"] .pointBlock h4 span,
	main [class*="block-product_item"] .pointBlock h5 span,
	main [class*="block-product_item"] .pointBlock h6 span { margin-left: -21px;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 640px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 640px) {
	/* 仕様
	--------------------------------------------------------------*/
	main [class*="block-product_item"] .spec { margin-left: -30px;}
	main [class*="block-product_item"] .spec li { margin-left: 30px; width: calc((100% / 2) - 30px);}
	main [class*="block-product_item"] .spec li + li { margin-top: 0;}
	/* オプション
	--------------------------------------------------------------*/
	main [class*="block-product_item"] .option { flex-wrap: wrap;}
	main [class*="block-product_item"] .option li { padding: 15px; width: calc((100% / 2) - 10px);}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
	.block-product_itemcategory { padding-top: 60px; padding-bottom: 60px;}
	/* ベース
	--------------------------------------------------------------*/
	main [class*="block-product_item"] .grid-box {
		gap: 2rem;
	}
	main [class*="block-product_item"] .grid-box.box-160px-1fr {
		grid-template-columns: 160px 1fr;
	}
	main [class*="block-product_item"] .grid-box.box-1frx2 {
		grid-template-columns: repeat(2, 1fr);
	}

	main [class*="block-product_item"] .flex-box .img + .txt,
	main [class*="block-product_item"] .flex-box .txt + .img { margin-top:0;}
	main [class*="block-product_item"] .sp { display: none;}
	main [class*="block-product_item"] .pc { display: block;}
	/* 製品紹介カラム
	--------------------------------------------------------------*/
	main [class*="block-product_item"] .cont-item { margin-left: -20px;}
	main [class*="block-product_item"] .cont-item li { margin-left: 20px; margin-top: 20px; padding: 15px; width: calc((100% / 2) - 20px);}
	main [class*="block-product_item"] .cont-item li + li { margin-top: 20px;}
	/* オプション
	--------------------------------------------------------------*/
	main [class*="block-product_item"] .option .img { margin-right: 10px; text-align: left; width: 40%;}
	main [class*="block-product_item"] .option .txt { text-align: left; width: calc((100% - 40%) - 10px);}
	main [class*="block-product_item"] .option.product .img { margin-right: 0; text-align: center; width: 100%;}
	main [class*="block-product_item"] .option.product .txt { text-align: left; width: 100%;}
	/* ポイント
	--------------------------------------------------------------*/
	main [class*="block-product_item"] .pointBlock { border: #d0d0d0 4px solid; padding: 20px;}
	main [class*="block-product_item"] .pointBlock h4 span,
	main [class*="block-product_item"] .pointBlock h5 span,
	main [class*="block-product_item"] .pointBlock h6 span { margin-right: 1.0em; margin-left: -27px; padding: 0.3em 1.0em;}
	main [class*="block-product_item"] .pointBlock.flex-box h4,
	main [class*="block-product_item"] .pointBlock.flex-box h5,
	main [class*="block-product_item"] .pointBlock.flex-box h6 { margin-bottom: 1.0em; width: 100%;}
	main [class*="block-product_item"] .pointBlock.flex-box div + div { margin: 0;}
	main [class*="block-product_item"] .pointBlock.flex-box div.mobileye { margin-right: 33px; width: 257px;}
	main [class*="block-product_item"] .pointBlock.flex-box div.mobileye_txt { width: calc(100% - 290px);}
	main [class*="block-product_item"] .pointBlock.flex-box div + div.box { margin-top: 1.5em;}
	/* サポート情報
	--------------------------------------------------------------*/
	main [class*="block-product_item"] .c_manual ul.list > li + li { margin-top: 0.9em; padding-top: 0.9em;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 980px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 980px) {
	/* SmartDrive Fleetの特徴
	--------------------------------------------------------------*/
	/* 製品紹介カラム
	--------------------------------------------------------------*/
	main [class*="block-product_item"] .cont-item h4 span.title { font-size: 108%;}
	main [class*="block-product_item"] .cont-item.column3 li { width: calc((100% / 3) - 20px);}
	main [class*="block-product_item"] .cont-item.column3 p strong { display: block; margin-top: 0.3em;}
	main [class*="block-product_item"] .cont-item.column3 p img { padding: 0.5em 0; width: 90%;}
	/* 幅800px縛り
	--------------------------------------------------------------*/
	main [class*="block-product_item"] .w-80 .flex-box { margin-left: -20px;}
	main [class*="block-product_item"] .w-80 .flex-box li { margin-left: 20px; width: auto;}
	main [class*="block-product_item"] .w-80 p + p,
	main [class*="block-product_item"] .w-80 li + li { margin-top: 0;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
	/* 製品紹介カラム
	--------------------------------------------------------------*/
	main [class*="block-product_item"] .cont-item li { padding: 20px;}
	/* オプション
	--------------------------------------------------------------*/
	main [class*="block-product_item"] .option { margin-left: -15px; margin-top: -15px;}
	main [class*="block-product_item"] .option li { margin-left: 15px; margin-top: 15px; padding: 15px; width: calc((100% / 3) - 15px);}
	/* サポート情報
	--------------------------------------------------------------*/
	main [class*="block-product_item"] .c_manual ul.list > li + li { margin-top: 1.1em; padding-top: 1.1em;}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

11.汎用(問い合わせ)

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
main [class*="block-info"] { padding-top: 40px; padding-bottom: 40px;}
/* ベース
--------------------------------------------------------------*/
main [class*="block-info"] .flex-box { margin-left: -1.33%;}
main [class*="block-info"] .flex-box > li {
	box-sizing: border-box;
	margin-left: 1.33%;
	position: relative;
	text-align: left;
	z-index: 1;}
main [class*="block-info"] .flex-box > li + li { margin-top:2em;}
main [class*="block-info"] .flex-box .img {width:100%;}
main [class*="block-info"] .flex-box .txt {width:100%;}
main [class*="block-info"] .flex-box .img + .txt,
main [class*="block-info"] .flex-box .txt + .img { margin-top:2em;}
main [class*="block-info"] .sp { display: block;}
main [class*="block-info"] .pc { display: none;}
main [class*="block-info"] h3 { font-size: 135.8%;}
main [class*="block-info"] h4 { font-size: 128.5%;}
main [class*="block-info"] h5 { font-size: 116%; margin-bottom: 0.4em;}
main [class*="block-info"] h6 { font-size: 116%; margin-bottom: 0.4em;}
main [class*="block-info"] .check,
main [class*="block-info"] .check li { font-size: 112%; font-weight: 600;}
main [class*="block-info"] .check a,
main [class*="block-info"] .check li a { text-decoration: underline;}
main [class*="block-info"] p + h3,
main [class*="block-info"] p + h4,
main [class*="block-info"] p + h5,
main [class*="block-info"] p + h6,
main [class*="block-info"] ul + h3,
main [class*="block-info"] ul + h4,
main [class*="block-info"] ul + h5,
main [class*="block-info"] ul + h6,
main [class*="block-info"] h3 + .inner,
main [class*="block-info"] h4 + .inner,
main [class*="block-info"] h5 + .inner,
main [class*="block-info"] h6 + .inner,
main [class*="block-info"] p + .inner,
main [class*="block-info"] .inner + h3,
main [class*="block-info"] .inner + h4,
main [class*="block-info"] .inner + h5,
main [class*="block-info"] .inner + h6,
main [class*="block-info"] .inner + p { margin-top: 1.3em;}
main [class*="block-info"] ul + p,
main [class*="block-info"] p + ul,
main [class*="block-info"] p + table,
main [class*="block-info"] table + p { margin-top: 1em;}
main [class*="block-info"] p + p,
main [class*="block-info"] li + li { margin-top: 0.3em;}
main [class*="block-info"] .important input[type=checkbox] { margin: 0 0.6em; -webkit-transform: scale( 2 , 2 );}
/* ------ contact ------ */
main [class*="block-info"] .privacy_read_1 {
	border:5px solid #d0d0d0;
	padding:0.6em;
	height:200px;
	overflow:auto;
	margin:2em 0 0 0;
	background: #fff;}
main [class*="block-info"] .required { color: #f00; margin-right: 5px;}
main [class*="block-info"] .error-msg { padding: 1em; background:#e60012; color: #fff; font-size: 108%; margin: 0.5em 0 1em 0; text-align: center;}
main [class*="block-info"] .input-error { display: block; font-size: 93%; color: #e60012; margin-left: 35%;}

main [class*="block-info"] .formContent {}
main [class*="block-info"] .formContent li { padding: 1em; margin: 0; list-style: none; overflow: hidden; font-size: 14px; display: block;}
main [class*="block-info"] .formContent li:nth-child(odd) { background: #e5e5e5;}
main [class*="block-info"] .formContent li label,
main [class*="block-info"] .formContent li span.label { color: #000; display: block; width: 100%; padding: 0 0 5px 0; text-align: left;}
main [class*="block-info"] .formContent li span.input {
	display: block;
	width: 100%;
	margin-left: 0;
	color: #000;}
main [class*="block-info"] .formContent li input,
main [class*="block-info"] .formContent li textArea,
main [class*="block-info"] .formContent li select { border:#ccc solid 1px; background: #fff;}
main [class*="block-info"] .formContent li input[type="text"] { width: 100%; padding: 6px;}
main [class*="block-info"] .formContent li textArea { width: 100%; height: 8em; padding: 6px;}
main [class*="block-info"] .formContent li .select { position: relative;}
main [class*="block-info"] .formContent li .select::after {
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -11px;
	content: "\f107";
	color: #ccc;
	font-size: 16px;
	font-family: FontAwesome;
	z-index: 1;}
main [class*="block-info"] .formContent li .select > select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	line-height: 3em;
	height: 3em;
	box-sizing: border-box;
	padding: 0 20px 0 6px;
	border:#ccc solid 1px;
	background: #fff;
	border-radius: 0;
	outline: none;}
main [class*="block-info"] .btn.large { width:100%; max-width: 380px; display: block; margin-top:2em;}
main [class*="block-info"] .btn.large input {
	width:100%;
	font-size: 116%;
	padding:1em 0;
	display: block;
	background-color:#0f4c81;
	transition: all 0.35s ease-in-out;
	position:relative;
	font-weight:bold;
	line-height: 1em;
	text-align:center;
	color:#fff;
	cursor:pointer;}
main [class*="block-info"] .btn.large input:hover { box-shadow: rgba(0,0,0,0.5) 2px 2px 12px;}
main [class*="block-info"] .btn.large input[disabled] { color:#e0e0e0; background-color:#a0a0a0;}
main [class*="block-info"] .btn.large input[disabled]:hover { cursor: default; box-shadow: none;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
main [class*="block-info"] .flex-box li { width:46.67%;}
main [class*="block-info"] .flex-box > li + li { margin-top:0;}
main [class*="block-info"] .flex-box .img + .txt,
main [class*="block-info"] .flex-box .txt + .img { margin-top:0;}
main [class*="block-info"] { padding-top: 60px; padding-bottom: 60px;}
main [class*="block-info"] .sp { display: none;}
main [class*="block-info"] .pc { display: block;}
/* ------ contact ------ */
main [class*="block-info"] .privacy_read_1 { padding:1.2em; height:250px;}
main [class*="block-info"] .formContent li { padding: 1em 0; font-size: 15px; display: flex; flex-wrap: wrap;}
main [class*="block-info"] .formContent li label,
main [class*="block-info"] .formContent li span.label { width: 35%; padding: 0 1em;}
main [class*="block-info"] .formContent li span.input { width: 60%;}
main [class*="block-info"] .formContent li input[type="text"] { width: 60%;}
main [class*="block-info"] .formContent li textArea { width: 60%;}
main [class*="block-info"] .flex-box .btn.large { margin: auto;}
main [class*="block-info"] .flex-box .btn.large.pre input { background-color:#707070;}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 1066px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 1066px) {
/* ------ contact ------ */
main [class*="block-info"] .privacy_read_1 { padding:1.8em;}
main [class*="block-info"] .formContent li { font-size: 16px;}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

footer

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
footer { padding-top:40px; padding-bottom:40px; color: #fff;}
footer a,
footer a:visited { color:#fff; fill: #fff;}
footer a:hover { color:#ddd; fill: #ddd; text-decoration:none;}
footer a i,
footer a:visited i { color:#aaa; fill: #aaa;}
footer a:hover i { color:#888; fill: #888;}
footer .buisiness { display:flex; flex-wrap: wrap; align-items: flex-start;}
footer .copy { order: 2; position: static; margin: 40px auto 20px auto;}
footer .corporation { order: 1; width: 100%;}
footer .corporation h3 { font-size: 13px;}
footer .corporation h3 a { text-decoration: underline;}
footer .corporation h3 a:hover { text-decoration: none;}
footer .corporation p + h3,
footer .corporation ul + h3 { margin-top: 20px;}
footer .corporation p,
footer .corporation li { font-size: 12px;}
footer .corporation ul { display:flex; flex-wrap: wrap; margin-left: -10px;}
footer .corporation li { font-size: 12px; margin-left: 10px;}
footer .corporation li i { font-size: 93%; margin-right: 4px;}
footer .corporation li span { color: #f0f0f0;}
footer .corporation li::after { content: "|"; color:#888; margin-left: 10px;}
footer .corporation li:last-child::after { content: ""; margin-left: 0;}
footer .copyright { text-align: center; color: #aaa;}
/* ページ上部へジャンプ
-----------------------------------*/
#page_top {
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 100000;
	font-size: 8px;
	text-align: center;}
#page_top a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #ccc;
	background: #4C4C4C;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	box-shadow: rgba(0,0,0,0.5) 2px 2px 12px;
	transition: all 0.35s ease-in-out;
	}
#page_top a span { margin-left: 2px;}
#page_top a:hover { background: #222;}
#page_top a::before{
    font-family: FontAwesome;
	font-weight: 900;
	content: '\f106';
	font-size: 22px;
	color: #ccc;
	margin: 8px auto -3px auto;
	text-align: center;
	display: block;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

min-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 768px) {
footer { padding-top: 60px; padding-bottom: 60px;}
footer .buisiness { flex-wrap: nowrap; align-items: stretch; margin-bottom: 25px;}
footer .copy { order: 1; margin: 0 3em 0 0;}
footer .corporation { order: 2;}
footer .corporation h3 { font-size: 15px;}
footer .corporation p + h3,
footer .corporation ul + h3 { margin-top: 25px;}
footer .corporation p,
footer .corporation li { font-size: 14px;}
footer .copyright { text-align: left;}
/* ページ上部へジャンプ
-----------------------------------*/
#page_top{ right: 30px; bottom: 60px; font-size: 10px;}
#page_top a{ width: 70px; height: 70px;}
#page_top a span { margin-left: 4px;}
#page_top a::before{ font-size: 30px; margin: 15px auto -2px auto;}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

table隠し文字

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

max-width: 768px

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (max-width: 768px) {
/* -------------------------------
フォント
------------------------------- */
table td.model_new:before { content:"新モデル："; font-weight:bold;}
table td.model_now:before { content:"従来モデル："; font-weight:bold;}
/* --------------- ドライブレコーダー */
td.time_1920_1080:before { content:"1920×1080："; font-weight:bold;}
td.time_1536_1080:before { content:"1536×1080："; font-weight:bold;}
td.time_1280_720:before { content:"1280×720："; font-weight:bold;}
td.time_640_480:before { content:"640×480："; font-weight:bold;}
td.time_f1080p_r1080p:before { content:"F 1080P HD/R 1080P HD："; font-weight:bold;}
td.time_f1080p_r720p:before { content:"F 1080P HD/R 720P："; font-weight:bold;}
td.time_f720p_r1080p:before { content:"F 720P/R 1080P HD："; font-weight:bold;}
td.time_f720p_r720p:before { content:"F 720P/R 720P："; font-weight:bold;}
td.time_f1080p_r1080p_30:before { content:"F 1080P HD/R 1080P HD(30コマ/秒)："; font-weight:bold;}
td.time_f1080p_r720p_30:before { content:"F 1080P HD/R 720P(30コマ/秒)："; font-weight:bold;}
td.time_f720p_r720p_30:before { content:"F 720P/R 720P(30コマ/秒)："; font-weight:bold;}
td.time_f1080p_r1080p_15:before { content:"F 1080P HD/R 1080P HD(15コマ/秒)："; font-weight:bold;}
td.time_f1080p_r720p_15:before { content:"F 1080P HD/R 720P(15コマ/秒)："; font-weight:bold;}
td.time_f720p_r720p_15:before { content:"F 720P/R 720P(15コマ/秒)："; font-weight:bold;}
td.time_r1080p:before { content:"R 1080P："; font-weight:bold;}
td.time_r720p:before { content:"R 720P："; font-weight:bold;}
td.time_4k:before { content:"4K："; font-weight:bold;}
td.time_1440p:before { content:"1440P："; font-weight:bold;}
td.time_1080hd:before { content:"1080P HD："; font-weight:bold;}
td.time_1080hd_30:before { content:"1080P HD(30コマ/秒)："; font-weight:bold;}
td.time_1080hd_15:before { content:"1080P HD(15コマ/秒)："; font-weight:bold;}
td.time_1080p:before { content:"1080P："; font-weight:bold;}
td.time_720p:before { content:"720P："; font-weight:bold;}
td.time_720p_30:before { content:"720P(30コマ/秒)："; font-weight:bold;}
td.time_720p_15:before { content:"720P(15コマ/秒)："; font-weight:bold;}
td.time_vga:before { content:"VGA："; font-weight:bold;}
td.time_1080hd_joji:before { content:"1080P HD(常時録画時間)："; font-weight:bold;}
td.time_720p_joji:before { content:"720P(常時録画時間)："; font-weight:bold;}
td.time_1080hd_event:before { content:"1080P HD(イベント記録件数)："; font-weight:bold;}
td.time_720p_event:before { content:"720P(イベント記録件数)："; font-weight:bold;}
td.frames_h12:before { content:"12コマ/時："; font-weight:bold;}
td.frames_h6:before { content:"6コマ/時："; font-weight:bold;}
td.frames_min2:before { content:"2コマ/分："; font-weight:bold;}
td.frames_min1:before { content:"1コマ/分："; font-weight:bold;}
td.frames_sec30:before { content:"30コマ/秒："; font-weight:bold;}
td.frames_sec28:before { content:"28コマ/秒："; font-weight:bold;}
td.frames_sec15:before { content:"15コマ/秒："; font-weight:bold;}
td.frames_sec14:before { content:"14コマ/秒："; font-weight:bold;}
td.frames_sec10:before { content:"10コマ/秒："; font-weight:bold;}
td.frames_sec05:before { content:"5コマ/秒："; font-weight:bold;}
td.frames_sec01:before { content:"1コマ/秒："; font-weight:bold;}
td.resolution_high:before { content:"高画質："; font-weight:bold;}
td.resolution_normal:before { content:"普通画質："; font-weight:bold;}
td.resolution_low:before { content:"低画質："; font-weight:bold;}
td.resolution_high_g:before { content:"高画質(Gセンサー)："; font-weight:bold;}
td.resolution_normal_g:before { content:"普通画質(Gセンサー)："; font-weight:bold;}
td.resolution_low_g:before { content:"低画質(Gセンサー)："; font-weight:bold;}
td.resolution_high_touch:before { content:"高画質(ワンタッチ)："; font-weight:bold;}
td.resolution_normal_touch:before { content:"普通画質(ワンタッチ)："; font-weight:bold;}
td.resolution_low_touch:before { content:"低画質(ワンタッチ)："; font-weight:bold;}
td.m_8gb:before { content:"8GB："; font-weight:bold;}
td.m_16gb:before { content:"16GB："; font-weight:bold;}
td.m_32gb:before { content:"32GB："; font-weight:bold;}
td.m_64gb:before { content:"64GB："; font-weight:bold;}
td.m_128gb:before { content:"128GB："; font-weight:bold;}
td.obd12-m3:before { content:"OBD12-MⅢ："; font-weight:bold;}
td.obd12-hvtm:before { content:"OBD-HVTM："; font-weight:bold;}
td.unit_front:before { content:"フロントカメラユニットのみ："; font-weight:bold;}
td.unit_front_optionr:before { content:"フロントカメラ＋リアカメラユニット(別売品)："; font-weight:bold;}
td.m_camera_resolution:before { content:"メインカメラの解像度："; font-weight:bold;}
td.m_camera_recordedframes:before { content:"メインカメラの録画コマ数："; font-weight:bold;}
td.event_recordingtime:before { content:"イベント記録時間："; font-weight:bold;}
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

動画設定

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.video {
	height: 0;
	padding-top: 56.25%;
	position: relative;
	width: 100%;
	}
.video iframe {
	filter: drop-shadow(0 0 3px rgba(0,0,0,0.5));
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 100%;
	}
.video iframe:hover { filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.6)); z-index: 2;}