@charset "UTF-8";

/* 見出し */
.products-sub-title {
	font-weight: 300;
}
.sub-section .sub-title {
	padding: 0.2em 0.5em;
	background: #f8f8f8;
	margin-bottom: 20px;
	font-weight: 300;
}
.sub-section .sub-title.ttlLink .link,
.sub-section .sub-title .end{
	display: inline-block;
	position: relative;
}
.sub-section .sub-title.ttlLink .link::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f105';
	color: #d40202;
	display: inline-block;
	font-size: 0.94em;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: -1em;
	margin-top: -0.5em;
}
.sub-section .sub-title.ttlLink .link a{
	display: inline-block;
	font-size: 1.6rem;
}
.sub-section .sub-title.ttlLink .link a:hover {
	text-decoration: none;
}
.sub-section .sub-title .end{
	font-size: 1.4rem;
	margin-left: 2em;
	color: #EF0000;
}
.sub-section .sub-heading {
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}
@media print, screen and (min-width: 768px) {
	.sub-title-container {
		margin-bottom: 3rem;
	}
	.products-sub-title {
		font-size: 2.8rem;
	}
	.sub-section .sub-title {
		font-size: 2.6rem;
	}
	.sub-section .sub-title.ttlLink{
		display: flex;
		align-items: center;
	}
	.sub-section .sub-title.ttlLink .link{
		margin-left: 3em;
		display: flex;
		align-items: center;
	}
}
@media only screen and (max-width: 767px) {
	.sub-title-container {
		margin-bottom: 2rem;
	}
	.products-sub-title {
		flex-shrink: 0;
		font-size: 2.2rem;
	}
	.sub-section .sub-title.ttlLink .link{
		display: block;
		padding-left: 20px;
	}
	.sub-section .sub-title.ttlLink .link::before{
		left: 0;
	}
	.sub-section .sub-title.ttlLink .end{
		display: block;
		margin: 0;
	}
}

/* 背景画像『1.2.3…』 */
.listFlowArea {
	padding-top:10px;
}
.listFlowArea .cont {
	margin-bottom: 40px;
	padding-left: 35px;
}
.listFlowArea .no01 { padding-top:2px; background:url("/support/images/ico_n01.gif") no-repeat 0 3px; }
.listFlowArea .no02 { padding-top:2px; background:url("/support/images/ico_n02.gif") no-repeat 0 3px; }
.listFlowArea .no03 { padding-top:2px; background:url("/support/images/ico_n03.gif") no-repeat 0 3px; }
.listFlowArea .no04 { padding-top:2px; background:url("/support/images/ico_n04.gif") no-repeat 0 3px; }
.listFlowArea .no05 { padding-top:2px; background:url("/support/images/ico_n05.gif") no-repeat 0 3px; }
.listFlowArea .no06 { padding-top:2px; background:url("/support/images/ico_n06.gif") no-repeat 0 3px; }
.listFlowArea .no07 { padding-top:2px; background:url("/support/images/ico_n07.gif") no-repeat 0 3px; }
.listFlowArea .no08 { padding-top:2px; background:url("/support/images/ico_n08.gif") no-repeat 0 3px; }
.listFlowArea .no09 { padding-top:2px; background:url("/support/images/ico_n09.gif") no-repeat 0 3px; }
.listFlowArea .no10 { padding-top:2px; background:url("/support/images/ico_n10.gif") no-repeat 0 3px; }
.listFlowArea .no11 { padding-top:2px; background:url("/support/images/ico_n11.gif") no-repeat 0 3px; }
.listFlowArea .no12 { padding-top:2px; background:url("/support/images/ico_n12.gif") no-repeat 0 3px; }
.listFlowArea .no13 { padding-top:2px; background:url("/support/images/ico_n13.gif") no-repeat 0 3px; }
.listFlowArea .no14 { padding-top:2px; background:url("/support/images/ico_n14.gif") no-repeat 0 3px; }
.listFlowArea .no15 { padding-top:2px; background:url("/support/images/ico_n15.gif") no-repeat 0 3px; }
.listFlowArea .no16 { padding-top:2px; background:url("/support/images/ico_n16.gif") no-repeat 0 3px; }
.listFlowArea .no17 { padding-top:2px; background:url("/support/images/ico_n17.gif") no-repeat 0 3px; }
.listFlowArea .no18 { padding-top:2px; background:url("/support/images/ico_n18.gif") no-repeat 0 3px; }
.listFlowArea .no19 { padding-top:2px; background:url("/support/images/ico_n19.gif") no-repeat 0 3px; }
.listFlowArea .no20 { padding-top:2px; background:url("/support/images/ico_n20.gif") no-repeat 0 3px; }

/* 背景画像『灰●』 */
.icoDot3 {
	padding-left: 20px;
	background: url("/support/images/ico_circle_gray_s.gif") no-repeat 3px 9px;
}

/* linkAr */
.linkAr {
	background: none;
	padding: 0;
	position: relative;
	padding-left: 1em;
}
.linkAr::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	display: inline-block;
	font-size: 1.2em;
	line-height: 1;
	position: absolute;
	top: 10px;
	left: 0;
	margin-top: -0.4em;
}

/* textLink */
.textLink a {
	color: #000099 !important;
}
.textLink a:hover {
	color: #FF6633 !important;
	text-decoration: none !important;
}

/* general */
.maxImg img {
	max-width: 100%;
	width: auto;
}
.txtIndent {
	padding-left: 1em;
	text-indent: -1em;
}
.txtIndent13 {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.txtIndent18 {
	padding-left: 1.8em;
	text-indent: -1.8em;
}
.txtIndent25 {
	padding-left: 2.5em;
	text-indent: -2.5em;
}
.txtIndent35 {
	padding-left: 3.5em;
	text-indent: -3.5em;
}
.hv:hover{
	opacity: 0.8;
}
.wbBa{
	word-break: break-all;
}
@media only screen and (max-width: 767px) {
	.maxImg img {
		width: 100%;
		height: auto;
	}
	.autoImg img {
		width: auto;
	}
}

@media only screen and (max-width: 930px) {
	.scrollArea{
		overflow-x: scroll;
		margin-bottom: 10px;
	}
	.scrollArea table{
		width: 930px;
		margin-bottom: 20px;
	}
}

/* keyArea */
@media only screen and (max-width: 767px) {
	.keyArea .scrollArea {
		height: 80vh;
	}
}

/* btnLinkList */
.btnLinkList {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1.3%;
}
.btnLinkList._col4 li {
	width: 24%;
	margin-top: 1em;
}
.btnLinkList li a {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0.5em 1em 0.5em 2em;
	border: solid 1px #D9D9D9;
	background: #fff;
	position: relative;
	color: #000 !important;
}
.btnLinkList li a:hover {
	background: #e5e5e5;
	text-decoration: none;
}
.btnLinkList li span {
	display: inline-block;
	position: relative;
}
.btnLinkList li span::before,
.btnLinkList._anchor li.link span::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f105';
	display: inline-block;
	font-size: 1.2em;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: -1em;
	margin-top: -0.5em;
}
.btnLinkList._anchor li span::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f078';
	display: inline-block;
	font-size: 0.95em;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: -1.2em;
	margin-top: -0.4em;
}
@media only screen and (max-width: 767px) {
	.btnLinkList{
		gap: 0 4%;
	}
	.btnLinkList:not(._spCol2) {
		flex-direction: column;
	}
	.btnLinkList._col4 li{
		margin-top: 0;
	}
	.btnLinkList._col2 li {
		width: 100%;
		margin-bottom: 10px;
	}
	.btnLinkList li a {
		display: block;
	}
	.btnLinkList._spCol2 li {
		width: 48%;
		margin-bottom: 1em;
	}
	.btnLinkList._spCol2 li a {
		display: flex;
		padding-left: 25px;
		padding-right: 5px;
		text-align: left;
	}
	.btnLinkList._spCol2 li span {
		font-size: 1.2rem;
	}
}

/* grayBtn */
.grayBtn .link {
	display: inline-block;
	border: solid 1px #535353;
	border-radius: 0.5rem;
	background: #535353;
	color: #fff;
	position: relative;
	padding: 5px 50px;
}
.grayBtn .link:hover{
	color: inherit;
	background: #fff;
	text-decoration: none;
}
.grayBtn .link::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f078';
	display: inline-block;
	font-size: 0.95em;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 0.75em;
	margin-top: -0.4em;
}

/* modelArea */
.modelArea .info{
	border-bottom: 1px solid #ccc;
	padding: 0 10px 10px 10px;
	margin-bottom: 10px;
}
.modelArea .info .ttl{
	font-weight: bold;
}
.modelArea .imgBlock.col{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0;
}
.modelArea._list .imgBlock{
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.modelArea .imgBlock a:hover {
	opacity: 0.8;
}
.modelArea .kisyuList li{
	display: inline-block;
	margin-right: 1em;
	margin-bottom: 10px;
}
.modelArea._imgS {
	padding-top: 0;
}

@media print, screen and (min-width: 768px) {
	.modelArea{
		padding: 20px;
	}
	.modelArea .info{
		display: flex;
		justify-content: space-between;
	}
	.modelArea .info .txt{
		width: 80%;
	}
	.modelArea._col2{
		display: flex;
		justify-content: space-between;
	}
	.modelArea._col2 .imgBlock{
		width: 25%;
		text-align: center;
	}
	.modelArea._col2 .infoBlock{
		width: 70%;
	}
	.modelArea._imgS .imgBlock {
		padding-left: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.modelArea .imgBlock{
		text-align: center;
		margin-bottom: 30px;
	}
	.modelArea .imgBlock.col .img{
		width: 49%;
		margin-bottom: 10px;
	}
	.modelArea .info .ttl{
		margin-bottom: 5px;
	}
	.modelArea._list .info .ttl {
		margin-bottom: 10px;
	}
	.modelArea._list .imgBlock{
		margin-top: 5px;
		padding-bottom: 5px;
	}
	.sub-title._imgS {
		margin-bottom: 0;
	}
}

/* tableStyle */
.tableStyle {
	width: 100%;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
}
.tableStyle th{
	width: 18%;
	background: #f0f0f0;
}
.tableStyle td,
.tableStyle th {
	padding: 3px;
	font-weight: normal;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
}
.tableStyle .bgGray{
	background: #CCC;
}
.tableArea.w80{
	width: 80%;
}
@media only screen and (max-width: 767px) {
	.tableStyle th{
		width: 130px;
	}
	.tableStyle._02 th{
		width: 80px;
	}
	.tableArea.w80{
		width: 100%;
	}
}


/* keyTable */
.keyTable{
	width: 100%;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
}
.keyTable td,
.keyTable th{
	padding: 3px;
	font-weight: normal;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
}
.keyTable td{
	text-align: center;
}
.keyTable .katamei{
	width: 15%;
	font-weight: bold;
	background: #f0f0f0 !important;
}
.keyTable .model{
	width: 17%;
	text-align: center;
	font-weight: bold;
	background: #f0f0f0;
}
.keyTable .bgGray{
	background: #CCC;
}

@media only screen and (max-width: 767px) {
	.keyTable{
		border-collapse: separate;
		border-spacing: 0;
		border-top: none;
		border-left: none;
	}
	.keyTable tr:first-child th{
		background: #f0f0f0;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1;
		border-top: 1px solid #555
	}
	.keyTable tr th:first-child {
		position: -webkit-sticky;
		position: sticky;
		left: 0;
		z-index: 2;
		border-right: 1px solid #555;
		border-left: 1px solid #555;
		background: #ffffff;
	}

	.keyTable tr:first-child th:first-child {
		z-index: 3;
	}
}

/* topInfoArea */
.topInfoArea{
	margin-bottom: 40px;
}
@media print, screen and (min-width: 768px) {
	.topInfoArea{
		display: flex;
		align-items: center;
	}
	.topInfoArea .img{
		margin-left: 30px;
	}
}
@media only screen and (max-width: 767px) {
	.topInfoArea.mbN{
		margin-bottom: 0;
	}
	.topInfoArea .img{
		text-align: center;
		margin-top: 20px;
	}
}

/* imgCol2 */
@media print, screen and (min-width: 768px) {
	.imgCol2{
		display: flex;
	}
	.imgCol2 .img{
		margin: 0 20px;
	}
}
@media only screen and (max-width: 767px) {
	.imgCol2 .img{
		margin-bottom: 30px;
	}
}

/* menuNavi */
.page-navi-container ul li.act {
	font-weight: bold;
	color: #000;
}
@media print,screen and (min-width: 768px) {
	.page-navi-menu {
		margin-top: 7rem;
		padding-bottom: 1.4em;
	}
	.page-navi-container ul.list-page-navi {
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		color: #898989;
		line-height: 2.6;
	}
	.page-navi-container ul.list-page-navi a {
		color: inherit;
	}
	.page-navi-container ul li {
		margin-right: 15px;
		margin-bottom: 1.4rem;
		padding-left: 15px;
		border-left: 1px solid #898989;
		display: inline-block;
		line-height: 1.4;
	}
	.page-navi-container ul li:last-of-type {
		margin-right: 0em;
		padding-right: 15px;
    border-right: 1px solid #898989;
	}
}
@media only screen and (max-width: 767px) {
	.page-navi-menu {
		margin-bottom: 2rem;
		padding: 1.4em 0 0.6em;
	}

	.page-navi-container ul.list-page-navi {
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
		font-size: 1.4rem;
		color: #898989;
		line-height: 3;
	}

	.page-navi-container ul.list-page-navi a {
		color: inherit;
	}

	.page-navi-container ul li {
		margin-right: 10px;
		margin-bottom: 1.5rem;
		padding-left: 10px;
		border-left: 1px solid #898989;
		display: inline-block;
		line-height: 1.4;
	}

	.page-navi-container ul li:last-of-type {
		margin-right: 0em;
		padding-right: 10px;
		border-right: 1px solid #898989;
	}
}

/* btnImg */
.btnImg{
	text-align: right;
}
@media only screen and (max-width: 767px) {
	.btnImg{
		text-align: center;
	}
}

/* modal */
#modal #mMovie {
	width: 100%;
	height: auto;
}
#mMovie .mMovieBox {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
#mMovie iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
@media only screen and (max-width: 767px) {
	#modal #mMovie {
		width: 95%;
		margin: auto;
	}
}

/* acdArea */
.acdArea{
	border-bottom: solid 1px #D9D9D9;
}
.acdArea .acdTtl{
	font-size: 2rem;
	padding: 15px 10px;
	cursor: pointer;
	position: relative;
}
.acdArea .acdTtl:before {
	display: block;
	content: "";
	position: absolute;
	top:0;
	right: 5%;
	bottom:0;
	margin:auto;
	width: 20px;
	height: 2px;
	background-color: #333333;
	transition: .2s;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.acdArea .acdTtl:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 5%;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 2px;
	background-color: #333333;
	transition: .3s;
}
.acdArea.open .acdTtl:before {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.acdArea.open .acdTtl:after {
	background-color: transparent;
}
.acdArea .acdCont{
	display: none;
	padding: 10px 10px 20px;
}
.acdArea.open .acdCont{
	display: block;
}
@media only screen and (max-width: 767px) {
.acdArea .acdTtl{
	padding-right: 40px;
}
}

/* productInfoArea */
.productInfoArea{
	margin-bottom: 40px;
}
.productInfoArea .infoTtl{
	font-size: 2rem;
	margin-bottom: 20px;
}
.productInfoArea .productImgArea{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.productInfoArea .product_info{
	text-align: center;
	margin-left: 50px;
}
.productInfoArea .product_info .name{
	font-size: 2.6rem;
	font-weight: bold;
	margin: 10px 0;
}
@media print, screen and (min-width: 768px) {
	.productInfoArea .productImgArea .img{
		padding-left: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.productInfoArea .productImgArea{
		flex-direction: column;
	}
	.productInfoArea .product_info{
		margin-left: 0;
		margin-top: 10px;
	}
}

/* topLinkArea */
.topLinkArea{
	text-align: right;
	margin-top: 20px;
	margin-bottom: 10px;
}
.topLinkArea .logo{
	width: 200px;
	margin-left: auto;
}
.topLinkArea .linkAr{
	display: inline-block;
}
@media only screen and (max-width: 767px) {
	.topLinkArea{
		text-align: left;
		margin-top: 10px;
		margin-bottom: 30px;
	}
	.topLinkArea .logo{
		margin: auto;
	}
}

/* kisyuGrayBox */
.kisyuGrayBox{
	display: flex;
	background: #f8f8f8;
	padding: 15px;
}
.kisyuGrayBox .heading{
	font-weight: bold;
}
.kisyuGrayBox span{
	display: inline-block;
	margin-left: 1em;
}
@media only screen and (max-width: 767px) {
	.kisyuGrayBox{
		flex-direction: column;
	}
}