@charset "utf-8";
:root{
	--wide: 1275px;
	/*Primary*/
	--Red1:#fa000f;
	--Red2:#cc0000;
	--White:#ffffff;
	--Gray1:#f4f4f4;
	--Gray2:#d9d9d9;
	--Gray3:#b3b3b3;
	--Gray4:#737373;
	--Gray5:#4d4d4d;
	--Gray6:#222222;
	--Black:#0c0c0c;
	/*Secondary*/
	--Orange1: #fdc796;
	--Orange2: #fa6900;
	--Orange3: #c85400;
	--Yellow1: #fdec96;
	--Yellow2: #fad200;
	--Yellow3: #967e00;
	--Pink1: #fd96d4;
	--Pink2: #fa00a5;
	--Pink3: #96005a;
	--Purple1: #d096fd;
	--Purple2: #9b00fa;
	--Purple3: #540096;
	--Blue1: #96c5fd;
	--Blue2: #0064fa;
	--Blue3: #004596;
	--Teal1: #96f0fd;
	--Teal2: #00dcfa;
	--Teal3: #008496;
	--Green1: #96fdcc;
	--Green2: #00fa82;
	--Green3: #00964e;
	--Red1_20_Tint: #ffcbce;
	--Red1_40_Tint: #ff979d;
	--Red1_60_Tint: #ff636c;
	--Red1_20_Dark: #bb000b;
	--Red1_40_Dark: #7d0008;
	--Red_Grad: linear-gradient(145deg, #FA000F, #CC0000);
	--WhiteOp: #ffffffe6;
	--BlackOp: rgba(0, 0, 0, 0.08);
}
	html {
	scroll-behavior: smooth;
}
p,h1,h2,h3 {
	color: var(--Black);
}
.main-visual .wrapper .description {
	color: var(--White);
}
a.button-red {
	color: var(--White);
	border: 2px solid var(--Red2);
	background: var(--Red2);
	text-decoration: none;
}
a.button-red:hover {
	color: var(--Red2);
	background: var(--White);
}
a.button-white {
	color: var(--Red2);
	border: 2px solid #C02;
	background: var(--White);
}
a.button-white:hover {
	color: var(--White);
	background: var(--Red2);
}
.column .hedding-block h1.underline::after,
.hedding-block h2.underline::after {
	background: var(--Red2);
}
.problem .content-block .text-box h3 {
	color: var(--Red2);
}
.product .content-block ul li .label.green::after,
.product .content-block ul li .label.green {
	background: var(--Gray4);
}
.product .content-block ul li .label.yellow::after,
.product .content-block ul li .label.yellow {
	background: var(--Gray2);
	color: var(--Gray5);
}
.parts-column .content-block ul li a .label,
.product .content-block ul li .label.orange::after,
.product .content-block ul li .label.orange {
	background: var(--Gray5);
}
.parts-column .content-block ul li a,
.parts-feature {
	background: var(--Gray1);
	text-decoration: none;
}
.parts-link-buttons .content-block ul li a {
	text-decoration: none;
	border: 1px solid var(--Red2);
	color: var(--Red2);
}
.parts-link-buttons .content-block ul li a:hover {
	border: 1px solid var(--Red2);
	background: var(--Red2);
	color: var(--White);
}
.product .content-block .hedding-box .title {
	border: 2px solid var(--Gray2);
}
.product .content-block table th {
	background: var(--Gray6);
	color: var(--White);
	border: 1px solid var(--Gray2);
}
.product .content-block table td {
	border: 1px solid var(--Gray2);
}
.product .content-block table td.function ul li.highlight {
	color: var(--Red2);
}
.parts-column .content-block ul li a .text-box p {
	color: var(--Gray5);
}
.parts-column .content-block ul li a .link-box p {
	color: var(--Gray5);
}
.feature .content-block ul .feature-list .text-box .number {
	border: 2px solid var(--Gray2);
}
.feature .content-block ul li .hedding-box .title {
	border: 2px solid var(--Gray3);
}
.feature .content-block ul .feature-list .text-box a {
	color: var(--Red2);
}
.parts-column .content-block ul li a .link-box p::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='17' viewBox='0 0 11 17' fill='none'%3E%3Cpath d='M2 1.55518L9 8.55518L2 15.5552' stroke='%23222222' stroke-width='2.4186' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}
.hr {
	background: var(--Red2);
}
.column-list .content-block ul li {
	background: var(--Gray1);
}
.column .content-block .block_index {
	border: 1px solid var(--Gray5);
}
.column .content-block .block_index a:link, .column .content-block .block_index a:visited {
	color: var(--Gray5);
}
.column .content-block h3::before,
.column .content-block h2::before {
	background: linear-gradient(113deg, var(--Red1) 26.99%, var(--Red2) 85.99%);
}
.column .content-block .table-block table th, .column .content-block .table-block table td {
	border: 1px solid var(--Gray2);
}
.column .content-block h3 {
	color: var(--Gray5)!important;
}
.column .cta-block {
	background: var(--Gray1);
	border: 1px solid var(--Gray2);
}
.sitemap .wrapper .content-block ul li::before {
	background: var(--Black);
}
.sitemap .wrapper .content-block ul li a {
	color: var(--Red2);
}
.problem .content-block ul {
	max-width: 965px;
}
.problem .content-block .text-box {
	max-width: var(--wide);
}
.problem .content-block .text-box .description {
	font-size: 1.2em;
	line-height: normal;
}
.problem .content-block ul li .style-h5 {
	font-size: 1.4em;
}
@media screen and (min-width: 995px) and (max-width: 1304px) {
/*
	.OptionWideRWD .GridSet {
		margin: 0;
	}
	.OptionWideRWD .Grid4 {
		padding: 0;
	}
	.OptionWideRWD .Grid4.rpa .Section .Inner,
	.OptionWideRWD .Grid4.sig .Section .Inner,
	.OptionWideRWD .Section .Inner {
		padding: 1em;
		width: auto;
		box-sizing: border-box;
	}
	.OptionWideRWD .SP #FloatingContacts form {
		width: auto;
	}
	.OptionWideRWD #FloatingContacts .Inner {
		width: auto;
		max-width: 965px;
	}
*/
}
@media screen and (max-width: 994px) {

}
@media screen and (max-width: 767px) {
	.JS br.PC {
		display: none;
	}
	.JS br.RWD {
		display: block;
	}
}
@media screen and (max-width: 579px) {
}