@import url("/assets/legacy/product/smapc-mirror/css/gmenu-050e82.css");
.legacy *,.legacy *::before,.legacy *::after{box-sizing: border-box;}
.legacy img{max-width: 100%;}
.legacy table{border-collapse: collapse;}
.legacy img,.legacy a img{border:none;
	background:transparent;
	vertical-align:bottom;}
.legacy{font-size: 62.5%;
	scroll-behavior: smooth;
	scroll-padding-top: 70px;}
.legacy{font-size:16px;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
.legacy .txt-center{text-align:center;}
.legacy .txt-right{text-align:right;}
.legacy .txt-left{text-align:left;}
.legacy .font-bold{font-weight:bold;}
.legacy .font-normal{font-weight:normal;}
.legacy main{width:800px;}
@media (max-width: 800px){.legacy main{width:100%}}
.legacy .pinfo{margin:20px 0;
	padding:30px 10px;
	background:#fafafa;
	border-radius:5px;}
.legacy .pname{font-family: 'Noto Sans JP', sans-serif;
	font-size:25px !important;
	font-weight:bold;}
.legacy section{margin-bottom:100px;}
.legacy h1{margin:0 0 30px;
	padding:10px;
	border-bottom:2px solid #222;
	line-height:120%;
	font-size:30px;
	font-weight:bold;}
.legacy h2{border-bottom:2px dashed #333;
	margin:0 0 30px;
	padding: 50px 0 5px 10px;
	font-size:25px;
	color:#222;}
.legacy h3{margin:50px 0 30px 10px;
	padding: 0 0 0 10px;
	border-left:10px solid #64d1fc;
	font-size:20px;
	color:#333;}
.legacy p{margin:20px 10px;
	line-height:150%;}
.legacy .imgbox{text-align:center;
	margin:50px auto;}
@media (max-width: 576px){.legacy .pinfo{margin:20px 0;
		padding:10px;}
.legacy h1{font-size:20px;}
.legacy h2{font-size:20px;}
.legacy h3{font-size:15px;}
.legacy p{margin:20px 5px;
		font-size:15px;}}
.legacy .flx{display:flex;
	flex-wrap: wrap;
	justify-content: center;
	margin:20px 0;}
.legacy .press-flx{display:flex;
	justify-content: center;}
.legacy .press-flx-lft{width:50%;
	margin:20px;}
@media (max-width: 576px){.legacy .press-flx{display: block;}
.legacy .press-flx-lft{width:100%;
		margin:0;
		text-align: center;}}
.legacy .video{text-align:center;
	margin-bottom:50px;}
.legacy .video video{width:750px;}
@media (max-width: 576px){.legacy .video video{width:100%;}}
.legacy .r-icon{background: #df002c;
	padding: 1px 5px;
	margin-left: 5px;
	vertical-align: middle;
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;}
.legacy .y-icon{background: #f39801;
	padding: 1px 5px;
	margin-left: 5px;
	vertical-align: middle;
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;}
.legacy .g-icon{background: #666;
	padding: 1px 5px;
	margin-left: 5px;
	vertical-align: middle;
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;}
.legacy .b-icon{background: #48bbf2;
	padding: 1px 5px;
	margin-left: 5px;
	vertical-align: middle;
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;}
.legacy .tbl{width:90%;
	margin: 0 auto;
	padding:5px;
	border:1px solid #404040;
	background:#fff;
	font-size:0.9em;}
.legacy .tbl th{background:#64d2fd;
	border:1px solid #404040;
	padding:5px;
	font-weight:bold;
	text-align:center;}
.legacy .tbl td{border:1px solid #404040;
	padding:5px;}
.legacy .tbl td ul{margin-left:-10px;}
.legacy .tbl td li{list-style:square;
	list-style-position: outside;}
@media (max-width: 576px){.legacy .tbl{width:100%;
		margin:0 5px;}}
.legacy .env2{width:80%;
	margin: 0 auto;
	padding:5px;
	font-size:0.9em;}
.legacy .env2 td{padding:5px;
	border-bottom:1px solid #ccc;}
@media (max-width: 576px){.legacy .env2{width:90%;}}
.legacy .tri{margin: 0 auto;
	border:1px solid #404040;
	padding:5px;
	width:80%;}
.legacy .tri td{border:1px solid #404040;
	padding:10px;
	text-align:center;}
.legacy .buytable{width:98%;
	margin: 0 auto;
	border:1px solid #404040;}
.legacy .buytable td{border:1px solid #404040;
	padding:10px;}
.legacy .buytable p{margin-bottom:10px;}
.legacy .buy-img{text-align:center;
	width:40%;}
.legacy .buy-name{font-weight:bold;
	font-size:20px;}
.legacy footer{width:800px;
	margin:50px 0 0;
	text-align:center;}
.legacy footer p{margin:20px;
	color:#666;}
.legacy .copy{padding-top:10px;
	border-top:1px solid #aaa;
	font-size:12px;
	margin-bottom:10px;}
@media (max-width: 576px){.legacy footer{width:100%;}}
.legacy #page_top{width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #ccc;
  opacity: 0.6;}
.legacy #page_top a{position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;}
.legacy #page_top a::before{font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f062';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;}
.legacy .companypoint li{margin:0 0 10px 0;
	list-style-type: square;}
.legacy .companyprodinfo{margin:20px 30px;}
.legacy .companyprodinfo dt{font-weight:bold;
	margin:20px 0;}
.legacy .companyprice{width:100%;
	margin: 0 auto;
	border:1px solid #fff;
	padding:5px;
	font-size:0.9em;}
.legacy .companyprice th{border:1px solid #fff;
	padding:5px;
	background:#404040;
	color: #fff;
	font-weight: bold;}
.legacy .companyprice td{border:1px solid #999;
	padding:5px;}
.legacy .companyprice td{text-align: center;}
.legacy .companyprice td:nth-child(4){text-align: right;}
.legacy .kind01{background: #e2fbdb;}
.legacy .kind02{background: #f6f0ff;}
.legacy .kind03{background:#e8ffff;}
.legacy .companydocdl{display: flex;
	width:600px;
	margin:20px auto;}
.legacy .companydocdl div{margin:10px 30px;
	text-align: center;
	font-size:13px;}
.legacy .catlist{background:#ececec;
	padding:10px;}
.legacy .catlist ul{column-count: 3;
	font-size: 14px;}
.legacy .catlist ul li{list-style: none;
	margin-bottom:5px;}
.legacy .catlist ul li a{color:#000;
	text-decoration: none;}
.legacy .catlist ul li:before{font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
	color:#000;
	margin-right:5px;}
.legacy .flimg{float:left;
	margin:0 20px 20px;}
.legacy .clear{clear:both;
	margin-top:50px;}
@media (max-width: 576px){.legacy .catlist ul{margin-left:-30px;}
.legacy .flimg{float:none;}
.legacy .companydocdl{display: block;
		width:100%;}
.legacy .companydocdl div{margin:20px 0;}}
.legacy .btn-oval{position: relative;
	width:300px;
	height:50px;
	margin:5px auto 20px;
	background: #eee;
	border-radius:50px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	text-align:center;}
.legacy .btn-oval a{position: absolute;
	padding:13px;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	color:#555;
	font-weight:bold;
	text-decoration:none;}
.legacy .btn-oval a:hover{color:#000;
	border-radius:50px;
	background:#f8f4e6;
	text-decoration:none;}