@charset "utf-8";

/*JS*/
.js-support-data__nav,
.js-support-data__card,
.js-support-data__detail{
	display: none;
}

/* --------------------------------
 * PC
 * --------------------------------*/
@media print, screen and (min-width: 768px){
	/*support-data-list*/
	.support-data-list-wrap,
	.Main__content .heading2 + .support-data-list-wrap{
		margin-top: 26px;
	}
	.support-data-link-list{
		display: flex;
		flex-flow: row wrap;
		margin-right: -36px;
		margin-bottom: -.6em;
	}
	.support-data-link-list > li{
		margin-right: 36px;
		margin-bottom: .6em;
	}
	.support-data-link-list__type:link{
		padding-left: 17px;
		display: inline-block;
		position: relative;
	}
	.support-data-link-list__type:focus,
	.support-data-link-list__type:hover{
		color: #ff3300;
		text-decoration: underline;
	}
	.support-data-link-list__type::before{
		position: absolute;
		top: calc(.5em * 1.6 - 6px);
		left: -4px;
		width: 10px;
		height: 10px;
		border-top: 2px solid #005ab4;
		border-right: 2px solid #005ab4;
		transform: rotateZ(45deg);
		content: '';
	}

	/*support-data-card*/
	.support-data-card-wrap,
	.Main__content .heading3 + .support-data-card-wrap{
		margin-top: 26px;
	}
	.support-data-card-wrap{
		display: flex;
		flex-flow: row wrap;
	}
	.support-data-card-wrap > .support-data-card{
		width: calc((100% - 16px * 8) / 9);
		margin-left: 16px;
	}
	.support-data-card-wrap > .support-data-card:nth-child(9n+1){
		margin-left: 0;
	}
	.support-data-card-wrap > .support-data-card:nth-child(n+10){
		margin-top: 32px;
	}
	.support-data-card{
		display: flex;
	}
	.support-data-card__type{
		display: block;
		height: 100%;
		transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.support-data-card__type:focus .support-data-card__title,
	.support-data-card__type:hover .support-data-card__title{
		color: #ff3300;
		text-decoration: underline;
	}
	.support-data-card__type:focus .support-data-card__image,
	.support-data-card__type:hover .support-data-card__image{
		opacity: .7;
	}
	.support-data-card__head{
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #e2e2e2;
	}
	.support-data-card__body{
		margin-top: 10px;
	}
	.support-data-card__image{
		transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.support-data-card__title{
		text-align: center;
		transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}

	/*support-data-product*/
	.support-data-product-wrap{
		margin-top: 1.6em;
	}
	.support-data-product-wrap > *:first-child{
		margin-top: 0;
		border-top: 0;
		padding-top: 0;
	}
	.support-data-product{
		display: flex;
		margin-top: 2.4em;
		border-top: 1px solid #e2e2e2;
		padding-top: 1.6em;
	}
	.support-data-product__head{
		width: 155px;
		margin-right: 35px;
	}
	.support-data-product__body{
		flex: 1 1;
	}
	.support-data-product__body > *:first-child{
		margin-top: 0 !important;
	}
	.support-data-product__title{
		margin-bottom: 10px;
		text-align: center;
	}
	.support-data-product__frame{
		text-align: center;
	}

	/*.support-data-product-table*/
	.support-data-product-table {
		margin: 2em 0 0 0;
	}
	.support-data-product-table__body > *:first-child,
	.support-data-product-table__body > section:first-child > *:first-child,
	.support-data-product-table__body > [class^="list-wrap"] > *:first-child {
		margin-top: 0 !important;
	}
	.support-data-product-table__body > *:last-child {
		margin-bottom: 0 !important;
	}
	.support-data-product-table__foot > *:first-child,
	.support-data-product-table__foot > section:first-child > *:first-child,
	.support-data-product-table__foot > [class^="list-wrap"] > *:first-child {
		margin-top: 0 !important;
	}
	.support-data-product-table__foot {
		margin: 0.8em 0 0;
	}
	.support-data-product-table__foot > *:last-child {
		margin-bottom: 0 !important;
	}
	.support-data-product-table__matrix {
		width: 100%;
		border-top: 1px solid #e2e2e2;
		border-left: 1px solid #e2e2e2;
		border-collapse: collapse;
		border-spacing: 0;
		table-layout: fixed;
	}
	.support-data-product-table__matrix:has(thead tr > *:nth-child(n+5)){
		table-layout: auto;
	}
	.support-data-product-table [class*="__cell"]{
		border-right: 1px solid #e2e2e2;
		border-bottom: 1px solid #e2e2e2;
		padding: 0.6em 0.7em;
		background-color: #fff;
		text-align: left;
		vertical-align: top;
	}
	.support-data-product-table [class*="__cell"] > *:first-child,
	.support-data-product-table [class*="__cell"] > section:first-child > *:first-child,
	.support-data-product-table [class*="__cell"] > [class^="list-wrap"] > *:first-child {
		margin-top: 0 !important;
	}

	.support-data-product-table [class*="__cell"] > *:last-child {
		margin-bottom: 0 !important;
	}

	.support-data-product-table [class*="__cell--lv1"] {
		background-color: #005ab4;
		color: #fff;
	}

	.support-data-product-table [class*="__cell--lv2"] {
		background-color: #eee;
	}
	.support-data-product-table [class*="__cell"][class*="--left-top"] {
		text-align: left !important;
		vertical-align: top !important;
	}
	.support-data-product-table [class*="__cell"][class*="--left-middle"]{
		text-align: left !important;
		vertical-align: middle !important;
	}
	.support-data-product-table [class*="__cell"][class*="--left-bottom"]{
		text-align: left !important;
		vertical-align: bottom !important;
	}
	.support-data-product-table [class*="__cell"][class*="--center-top"]{
		text-align: center !important;
		vertical-align: top !important;
	}
	.support-data-product-table [class*="__cell"][class*="--center-middle"]{
		text-align: center !important;
		vertical-align: middle !important;
	}
	.support-data-product-table [class*="__cell"][class*="--center-bottom"]{
		text-align: center !important;
		vertical-align: bottom !important;
	}
	.support-data-product-table [class*="__cell"][class*="--right-top"]{
		text-align: right !important;
		vertical-align: top !important;
	}
	.support-data-product-table [class*="__cell"][class*="--right-middle"]{
		text-align: right !important;
		vertical-align: middle !important;
	}
	.support-data-product-table [class*="__cell"][class*="--right-bottom"]{
		text-align: right !important;
		vertical-align: bottom !important;
	}
	.support-data-product-table tr[data-href]{
		cursor: pointer;
		transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.support-data-product-table tr[data-href] th,
	.support-data-product-table tr[data-href] td{
		color: #005ab4;
		transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	}
	.support-data-product-table tr[data-href]:focus,
	.support-data-product-table tr[data-href]:hover,
	.support-data-product-table tr[data-href]:active{
		color: #ff3300;
	}
	.support-data-product-table tr[data-href]:focus th,
	.support-data-product-table tr[data-href]:focus td,
	.support-data-product-table tr[data-href]:hover th,
	.support-data-product-table tr[data-href]:hover td,
	.support-data-product-table tr[data-href]:active th,
	.support-data-product-table tr[data-href]:active td{
		color: #ff3300;
		background: #e5eef7;
		text-decoration: underline;
	}
	.support-data-product-table__note {
			font-size: 1.4rem;
	}
}



/* --------------------------------
 * SP
 * --------------------------------*/
@media only screen and (max-width: 767.98px){
	/*support-data-list*/
	.support-data-list-wrap,
	.Main__content .heading2 + .support-data-list-wrap{
		margin-top: 26px;
	}
	.support-data-list-wrap{
		overflow: hidden;
	}
	.support-data-link-list{
		display: flex;
		flex-flow: row wrap;
		margin-right: -18px;
		margin-bottom: -0.8em;
	}
	.support-data-link-list > li{
		margin-right: 18px;
		margin-bottom: 0.8em;
	}
	.support-data-link-list__type:link{
		padding-left: 17px;
		display: inline-block;
		position: relative;
	}
	.support-data-link-list__type::before{
		position: absolute;
		top: calc(.5em * 1.6 - 6px);
		left: -4px;
		width: 10px;
		height: 10px;
		border-top: 2px solid #005ab4;
		border-right: 2px solid #005ab4;
		transform: rotateZ(45deg);
		content: '';
	}

	/*support-data-card*/
	.support-data-card-wrap,
	.Main__content .heading3 + .support-data-card-wrap{
		margin-top: 26px;
	}
	.support-data-card-wrap{
		display: flex;
		flex-flow: row wrap;
	}
	.support-data-card-wrap > .support-data-card{
		width: calc((100% - 8px * 2) / 3);
		margin-left: 8px;
	}
	.support-data-card-wrap > .support-data-card:nth-child(3n+1){
		margin-left: 0;
	}
	.support-data-card-wrap > .support-data-card:nth-child(n+4){
		margin-top: 16px;
	}
	.support-data-card{
		display: flex;
	}
	.support-data-card__type{
		display: block;
		height: 100%;
	}
	.support-data-card__head{
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #e2e2e2;
	}
	.support-data-card__body{
		margin-top: 10px;
	}
	.support-data-card__title{
		text-align: center;
	}

	/*support-data-product*/
	.support-data-product-wrap {
		margin-top: 1.4em;
	}
	.support-data-product-wrap > *:first-child{
		margin-top: 0;
		border-top: 0;
		padding-top: 0;
	}
	.support-data-product{
		margin-top: 1.4em;
		border-top: 1px solid #e2e2e2;
		padding-top: 1.2em;
	}
	.support-data-product__body{
		margin-top: 1.4em;
	}
	.support-data-product__body > *:first-child{
		margin-top: 0 !important;
	}
	.support-data-product__title{
		margin-bottom: 10px;
		text-align: center;
	}
	.support-data-product__frame{
		text-align: center;
	}

	/*.support-data-product-table*/
	.support-data-product-table {
		margin: 2em 0 0 0;
	}
	.support-data-product-table__body {
		padding-bottom: 10px;
		overflow-x: auto;
	}
	.support-data-product-table__body::-webkit-scrollbar {
		height: 9px;
	}
	.support-data-product-table__body::-webkit-scrollbar-track {
		border-radius: 9px;
		background-color: #dfdfdf;
	}
	.support-data-product-table__body::-webkit-scrollbar-thumb {
		border-radius: 9px;
		background-color: #666;
	}
	.support-data-product-table__body > *:first-child,
	.support-data-product-table__body > section:first-child > *:first-child,
	.support-data-product-table__body > [class^="list-wrap"] > *:first-child {
		margin-top: 0 !important;
	}
	.support-data-product-table__body > *:last-child {
		margin-bottom: 0 !important;
	}
	.support-data-product-table__foot > *:first-child,
	.support-data-product-table__foot > section:first-child > *:first-child,
	.support-data-product-table__foot > [class^="list-wrap"] > *:first-child {
		margin-top: 0 !important;
	}
	.support-data-product-table__foot {
		margin: 0.8em 0 0;
	}
	.support-data-product-table__foot > *:last-child {
		margin-bottom: 0 !important;
	}
	.support-data-product-table__matrix {
		min-width: 100%;
		width: max-content;
		border-top: 1px solid #e2e2e2;
		border-left: 1px solid #e2e2e2;
		border-collapse: collapse;
		border-spacing: 0;
		padding-bottom: 20px;
		table-layout:auto;
	}
	.support-data-product-table [class*="__cell"]{
		border-right: 1px solid #e2e2e2;
		border-bottom: 1px solid #e2e2e2;
		padding: 0.5em 0.5em;
		background-color: #fff;
		text-align: left;
		vertical-align: top;
		font-size: 1.0rem;
	}
	.support-data-product-table [class*="__cell"] > *:first-child,
	.support-data-product-table [class*="__cell"] > section:first-child > *:first-child,
	.support-data-product-table [class*="__cell"] > [class^="list-wrap"] > *:first-child {
		margin-top: 0 !important;
	}
	.support-data-product-table [class*="__cell"] > *:last-child {
		margin-bottom: 0 !important;
	}
	.support-data-product-table [class*="__cell--lv1"] {
		background-color: #005ab4;
		color: #fff;
	}
	.support-data-product-table [class*="__cell--lv2"] {
		background-color: #eee;
	}
	.support-data-product-table [class*="__cell"][class*="--left-top"] {
		text-align: left !important;
		vertical-align: top !important;
	}
	.support-data-product-table [class*="__cell"][class*="--left-middle"]{
		text-align: left !important;
		vertical-align: middle !important;
	}
	.support-data-product-table [class*="__cell"][class*="--left-bottom"]{
		text-align: left !important;
		vertical-align: bottom !important;
	}
	.support-data-product-table [class*="__cell"][class*="--center-top"]{
		text-align: center !important;
		vertical-align: top !important;
	}
	.support-data-product-table [class*="__cell"][class*="--center-middle"]{
		text-align: center !important;
		vertical-align: middle !important;
	}
	.support-data-product-table [class*="__cell"][class*="--center-bottom"]{
		text-align: center !important;
		vertical-align: bottom !important;
	}
	.support-data-product-table [class*="__cell"][class*="--right-top"]{
		text-align: right !important;
		vertical-align: top !important;
	}
	.support-data-product-table [class*="__cell"][class*="--right-middle"]{
		text-align: right !important;
		vertical-align: middle !important;
	}
	.support-data-product-table [class*="__cell"][class*="--right-bottom"]{
		text-align: right !important;
		vertical-align: bottom !important;
	}
	.support-data-product-table tr[data-href] th,
	.support-data-product-table tr[data-href] td{
		color: #005ab4;
	}
	.support-data-product-table__note {
			font-size: 1.2rem;
	}

}