.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 #contents{width:800px;}
.legacy #contents h1{text-align:center;
	margin:20px 0;
	padding:20px 0;
	font-size:25px;
	font-weight:bold;
	line-height:150%;}
.legacy #contents h2{margin:20px 0 30px;
	text-align:center;
	font-weight:bold;}
.legacy footer{width: 800px;
	margin-top:50px;
	border-top: #ccc 1px solid;
	text-align: center;}
.legacy .pancz{margin:10px;
	font-size:13px;}
.legacy .pancz a{color:#000;}
.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;}
.legacy .faqarea{margin:20px 0 50px;
	background:#d9f4ff;
	padding:10px;}
.legacy .commonfaq{margin:10px auto;
	width:90%;}
.legacy .cat-i{background:#00afcc;
	padding:2px;
	margin-bottom:-10px;
	border-radius:3px;
	font-size:0.6em;
	font-weight:bold;
	display:inline;
	color:#fff;}
.legacy .cat-b{background:#e9bc00;
	padding:2px;
	margin-bottom:-10px;
	border-radius:3px;
	font-size:0.6em;
	font-weight:bold;
	display:inline;
	color:#fff;}
.legacy .cat-r{background:#009b9f;
	padding:2px;
	margin-bottom:-10px;
	border-radius:3px;
	font-size:0.6em;
	font-weight:bold;
	display:inline;
	color:#fff;}
.legacy .cat-p{background:#cab8d9;
	padding:2px;
	margin-bottom:-10px;
	border-radius:3px;
	font-size:0.6em;
	font-weight:bold;
	display:inline;
	color:#fff;}
.legacy .cat-o{background:#a9a9a9;
	padding:2px 0 2px 5px;
	margin-bottom:-10px;
	border-radius:3px;
	font-size:0.6em;
	font-weight:bold;
	display:inline;
	letter-spacing:1.3em;
	color:#fff;}
.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 .cat-choice{margin:20px auto 50px;
	width:763px;}
.legacy .cat-choice__btn{display:inline-block;
	position: relative;
	width:250px;
	height:130px;
	margin-bottom:5px;
	background: #eee;
	border-radius:5px;
	text-align:center;
	border-bottom:2px solid #ddd;}
.legacy .btn2{width:377px;}
.legacy .cat-choice__btn img{margin-bottom:5px;}
.legacy .cat-choice__btn a{position: absolute;
	padding-top:15px;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	color:#444;
	font-weight:bold;
	text-decoration:none;}
.legacy .cat-choice__btn a:hover{color:#000;
	border-radius:5px;
	background:#f8f4e6;
	text-decoration:none;}
.legacy .cat-choice-faq{margin:10px auto 50px;
	width:780px;}
.legacy .cat-choice-faq__btn{position: relative;
	width:500px;
	height:50px;
	margin:10px auto;
	background: #d9f4ff;
	border-radius:5px;
	border-bottom:2px solid #ddd;}
.legacy .cat-choice-faq__btn a{position: absolute;
	top:0;
	left:0;
	height:100%;
	width: 100%;
	padding:15px;
	color:#444;
	font-weight:bold;
	text-decoration:none;}
.legacy .cat-choice-faq__btn a:hover{color:#000;
	border-radius:5px;
	background:#f8f4e6;
	text-decoration:none;}
.legacy .pro-sup{margin:10px 0;
	padding:10px 0;}
.legacy .pro-sup__inner{display: flex;
	margin:0 20px;
	justify-content: center;}
.legacy .pro-sup__item{width:50%;
	margin:10px;
	padding: 10px;
	border:#ddd 1px solid;
	background: #fafafa;}
.legacy .pro-sup__item p{text-align: center;}
.legacy .tec-info{background: #fafafa;
	margin:30px 0;
	padding:10px 20px;}
.legacy .tec-info p{font-size:15px}
.legacy .tec-info table,.legacy .tec-info table td,.legacy .tec-info table th{border:1px solid #aaa;
	padding:5px;
	font-size:13px;}
.legacy .tec-info table{border-collapse:collapse;}
.legacy .tec-info table td{text-align:center;}
.legacy .tec-info table th{text-align:left;}
.legacy .sup-chginfo{margin:20px auto;
	padding:10px;
	border:2px solid #c00;
	background:#fff;}
.legacy .product-choice{width:800px;
	padding:10px;
	background:#d9f4ff;
	border-radius:5px;}
.legacy .product-choice h3{text-align:center;}
.legacy .product-choice hr{margin:50px 0;
	border:0;
	border-top: 1px solid #ccc;}
.legacy .catlist{margin-bottom:50px;}
.legacy .catlist-list{display: -webkit-box;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	font-size: 13px;
	list-style: none;
	margin-left:-30px;}
.legacy .catlist-list li{width: 30%;
	margin-bottom: 1em;}
.legacy .catlist-list li a{line-height: 1;
	position: relative;
	color:#191970;
	font-weight:bold;
	text-decoration: none;}
.legacy .catlist-list li a:hover{text-decoration: underline;}
.legacy .catlist-list li:before{font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
	color:#000;
	margin-right:10px;}
.legacy .catlist-list::after{content: "";
	width: 30%;}
.legacy .product-item{margin-bottom:20px;
	padding: 10px;
	background: #fff;
	border-radius:5px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);}
.legacy .product-item > h2{margin:0 !important;
	padding-left:5px;
	text-align: left !important;
	font-size: 15px;
	border-bottom: 1px dotted #c7e3fc;}
.legacy .product-item ul{list-style: none;
	font-size:14px;
	padding:5px;}
.legacy .product-item ul.col2{display: flex;
	flex-flow: row wrap;}
.legacy .product-item ul li{width:50%;
	margin-bottom:10px;}
.legacy .product-item ul li:before{font-family: "Font Awesome 5 Free";
	content: '\f138';
	font-weight: 900;
	color:#c5e1fa;
	margin-right:5px;}
.legacy .product-item ul li a{text-decoration:none;
	color:#000;}
.legacy .product-item ul li a:hover{text-decoration:underline;}
.legacy .searchbox{width:95%;
	text-align:center;
	margin:-30px auto 50px;
	padding:20px;}
.legacy .searchbox input[type=text]{font: 18px sans-serif;
	width: 50%;
	padding:5px;
	border: 1px solid #000;
	border-radius: 4px;
	outline: none;}
.legacy .searchbox input[type=button]{border:solid 1px #ccc;
	border-radius:5px;
	padding:5px 10px;
	margin:0;
	font-family:Arial, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#333;
	cursor:pointer;}
.legacy .question{margin:5px 0 20px;
	font-size:0.8em;}
.legacy .boxarea{margin:20px 0 50px;
	text-align:center;}
.legacy .box1{position: relative;
	width:135px;
	height:120px;
	margin:3px;
	display:inline-block;
	background: #eee;
	border-radius:5px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	text-align:center;}
.legacy .box1 img{margin-bottom:15px;}
.legacy .box1 a{position: absolute;
	padding-top:15px;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	color:#555;
	font-weight:bold;
	font-size:0.8em;
	text-decoration:none;
	line-height:120%;}
.legacy .box1 a:hover{color:#333;
	border-radius:5px;
	background:#f8f4e6;}
.legacy .newupdate{width:85%;
	margin:10px auto;
	background:#ffffe0;
	padding:5px 10px;
	font-size:0.8em;}
.legacy .date{font-weight:bold;}
.legacy .button3{display:inline-block;
	position: relative;
	margin-bottom:10px;
	width:260px;
	height:50px;
	background: #eee;
	border-radius:25px;
	text-align:center;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);}
.legacy .button3 a{position: absolute;
	padding:13px;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	color:#555;
	font-weight:bold;
	text-decoration:none;}
.legacy .button3 a:hover{color:#000;
	border-radius:25px;
	background:#f8f4e6;
	text-decoration:none;}
.legacy .categoryarea{margin:0 0 50px;
	text-align:center;
	border-top:1px dotted #ccc;}
.legacy .box2{position: relative;
	width:200px;
	height:50px;
	margin:5px;
	display:inline-block;
	background:#eee;
	border-radius:50px;
	text-align:center;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);}
.legacy .box2 a{position: absolute;
	padding:13px;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	color:#555;
	font-weight:bold;
	text-decoration:none;}
.legacy .box2 a:hover{color:#000;
	border-radius:50px;
	background:#f8f4e6;}
.legacy .chklst{margin:20px auto;
	padding:5px 20px;
	width:90%;
	background:#e7f1fb;
	border-radius:10px;}
.legacy .chklst h2{font-size:1.2em;
	text-align:center;
	padding:5px;
	color:#00608d;}
.legacy .accbox{margin: 0;
	padding: 0;}
.legacy .accbox label{display: block;
	margin: 3px 0;
	padding : 11px 12px;
	color :#333;
	cursor :pointer;
	line-height:150%;
	font-weight:bold;
	background:#fefefe;}
.legacy .acc-i label{border:2px solid #00afcc;}
.legacy .acc-b label{border:2px solid #e9bc00;}
.legacy .acc-r label{border:2px solid #009b9f;}
.legacy .acc-p label{border:2px solid #cab8d9;}
.legacy .acc-o label{border:2px solid #a9a9a9;}
.legacy .accbox label:hover{background :#f8f4e6;
	color:#333;}
.legacy .accbox input{display: none;}
.legacy .accbox .accshow{height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;}
.legacy .cssacc:checked + .accshow{height: auto;
	padding: 10px 10px 30px 30px;
	opacity: 1;}
.legacy .accshow{line-height:180%;}
.legacy .rtp-info{width:90%;
	margin:10px auto;
	padding:5px;
	border:2px solid #03a396;
	font-size:0.9em;
	background:#fff;}
.legacy .rtp-hd{font-weight:bold;
	text-align:center;}
.legacy ol{counter-reset: count 0;
    list-style-type: none;}
.legacy li:before{counter-increment: count 1;
    content: counters(count, "-") ". ";}