@charset "UTF-8";
:root {/* 926px基準 */
	--px2: min(0.22vw,2px);
	--px3: min(0.32vw,3px);
	--px4: min(0.43vw,4px);
	--px5: min(0.54vw,5px);
	--px6: min(0.65vw,6px);
	--px7: min(0.76vw,7px);
	--px8: min(0.86vw,8px);
	--px9: min(0.97vw,9px);

	--px10: min(1.08vw,10px);
	--px11: min(1.19vw,11px);
	--px12: min(1.3vw,12px);
	--px13: min(1.4vw,13px);
	--px14: min(1.51vw,14px);
	--px15: min(1.62vw,15px);
	--px16: min(1.73vw,16px);
	--px17: min(1.84vw,17px);
	--px18: min(1.94vw,18px);
	--px19: min(2.05vw,19px);

	--px20: min(2.16vw,20px);
	--px21: min(2.27vw,21px);
	--px22: min(2.38vw,22px);
	--px23: min(2.48vw,23px);
	--px24: min(2.59vw,24px);
	--px25: min(2.7vw,25px);
	--px26: min(2.81vw,26px);
	--px27: min(2.92vw,27px);
	--px28: min(3.02vw,28px);
	--px29: min(3.13vw,29px);

	--px30: min(3.24vw,30px);
	--px31: min(3.35vw,31px);
	--px32: min(3.46vw,32px);
	--px33: min(3.56vw,33px);
	--px34: min(3.67vw,34px);
	--px35: min(3.78vw,35px);
	--px36: min(3.89vw,36px);
	--px37: min(4vw,37px);
	--px38: min(4.1vw,38px);
	--px39: min(4.21vw,39px);

	--px40: min(4.32vw,40px);
	--px41: min(4.43vw,41px);
	--px42: min(4.54vw,42px);
	--px43: min(4.64vw,43px);
	--px44: min(4.75vw,44px);
	--px45: min(4.86vw,45px);
	--px46: min(4.97vw,46px);
	--px47: min(5.08vw,47px);
	--px48: min(5.18vw,48px);
	--px49: min(5.29vw,49px);
	--px50: min(5.4vw,50px);
}/* ---root */

:root {/* 750px基準 */
	--pxsp2: min(0.27vw,2px);
	--pxsp3: min(0.4vw,3px);
	--pxsp4: min(0.53vw,4px);
	--pxsp5: min(0.67vw,5px);
	--pxsp6: min(0.8vw,6px);
	--pxsp7: min(0.93vw,7px);
	--pxsp8: min(1.07vw,8px);
	--pxsp9: min(1.2vw,9px);

	--pxsp10: min(1.33vw,10px);
	--pxsp11: min(1.47vw,11px);
	--pxsp12: min(1.6vw,12px);
	--pxsp13: min(1.73vw,13px);
	--pxsp14: min(1.87vw,14px);
	--pxsp15: min(2vw,15px);
	--pxsp16: min(2.13vw,16px);
	--pxsp17: min(2.27vw,17px);
	--pxsp18: min(2.4vw,18px);
	--pxsp19: min(2.53vw,19px);

	--pxsp20: min(2.67vw,20px);
	--pxsp21: min(2.8vw,21px);
	--pxsp22: min(2.93vw,22px);
	--pxsp23: min(3.07vw,23px);
	--pxsp24: min(3.2vw,24px);
	--pxsp25: min(3.33vw,25px);
	--pxsp26: min(3.47vw,26px);
	--pxsp27: min(3.6vw,27px);
	--pxsp28: min(3.73vw,28px);
	--pxsp29: min(3.87vw,29px);

	--pxsp30: min(4vw,30px);
	--pxsp31: min(4.13vw,31px);
	--pxsp32: min(4.27vw,32px);
	--pxsp33: min(4.4vw,33px);
	--pxsp34: min(4.53vw,34px);
	--pxsp35: min(4.67vw,35px);
	--pxsp36: min(4.8vw,36px);
	--pxsp37: min(4.93vw,37px);
	--pxsp38: min(5.07vw,38px);
	--pxsp39: min(5.2vw,39px);

	--pxsp40: min(5.33vw,40px);
	--pxsp41: min(5.47vw,41px);
	--pxsp42: min(5.6vw,42px);
	--pxsp43: min(5.73vw,43px);
	--pxsp44: min(5.87vw,44px);
	--pxsp45: min(6vw,45px);
	--pxsp46: min(6.13vw,46px);
	--pxsp47: min(6.27vw,47px);
	--pxsp48: min(6.4vw,48px);
	--pxsp49: min(6.53vw,49px);
	--pxsp50: min(6.67vw,50px);
}/* ---root */

*,::before,::after {
	box-sizing: border-box
}

::before,::after {
	text-decoration: inherit;
	vertical-align: inherit
}

html {
	line-height: 1.5;
}

body {
	margin: 0;
	font-weight: 400;
}

h1 {
	margin: 0
}

h2,h3,h4,h5,h6 {
	margin: 0
}

dl,dt,dd,dl dl,dl ol,dl ul,ol dl,ul dl {
	margin: 0
}

ol,ul,ol ol,ol ul,ul ol,ul ul {
	margin: 0
}

p,figure {
	margin: 0
}

hr {
	color: inherit;
	height: 0;
	overflow: visible
}

main {
	display: block
}

ol,ul,nav ol,nav ul {
	list-style: none;
	padding: 0
}

pre {
	font-family: monospace,monospace;
	font-size: 1em;
	overflow: auto;
	-ms-overflow-style: scrollbar
}

a {
	background-color: transparent
}

abbr[title] {
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,strong {
	font-weight: bolder
}

code,kbd,samp {
	font-family: monospace,monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

audio,canvas,iframe,img,svg,video {
	vertical-align: middle
}

audio,video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

iframe {
	border-style: none
}

img {
	border-style: none
}

svg:not([fill]) {
	fill: currentColor
}

svg:not(:root) {
	overflow: hidden
}

table {
	border-collapse: collapse;
	border-color: inherit;
	text-indent: 0
}

button,input,select {
	margin: 0
}

button {
	overflow: visible;
	text-transform: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button,[type=button],[type=reset],[type=submit] {
	-webkit-appearance: button
}

fieldset {
	border: 1px solid #a0a0a0;
	padding: .35em .75em .625em
}

input {
	overflow: visible
}

legend {
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}

progress {
	display: inline-block;
	vertical-align: baseline
}

select {
	text-transform: none
}

textarea {
	margin: 0;
	overflow: auto;
	resize: vertical;
	resize: block
}

[type=checkbox],[type=radio] {
	padding: 0
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
	height: auto
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: .54
}

::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

::-moz-focus-inner {
	border-style: none;
	padding: 0
}

:-moz-focusring {
	outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
	box-shadow: none
}

details {
	display: block
}

dialog {
	background-color: #fff;
	border: solid;
	color: #000;
	display: block;
	height: -moz-fit-content;
	height: -webkit-fit-content;
	height: fit-content;
	left: 0;
	margin: auto;
	padding: 1em;
	position: absolute;
	right: 0;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content
}

dialog:not([open]) {
	display: none
}

summary {
	display: list-item
}

canvas {
	display: inline-block
}

template {
	display: none
}

a,area,button,input,label,select,summary,textarea,[tabindex] {
	-ms-touch-action: manipulation
}

[hidden] {
	display: none
}

[aria-busy=true] {
	cursor: progress
}

[aria-controls] {
	cursor: pointer
}

[aria-disabled=true],[disabled] {
	cursor: not-allowed
}

[aria-hidden=false][hidden] {
	display: initial
}

[aria-hidden=false][hidden]:not(:focus) {
	clip: rect(0, 0, 0, 0);
	position: absolute
}

.forPc{display:block;}
.forSp{display:none;}

	@media screen and (max-width:768px) {
		.forPc{display:none;}
		.forSp{display:block;}
	}/* --- max-width:768px */

@keyframes loopText01 {
	0% {
		translate: 0 0
	}

	to {
		translate: -100% 0
	}
}

@keyframes loopText02 {
	0% {
		translate: -100% 0
	}

	to {
		translate: 0 0
	}
}

@keyframes tyre {
	0% { rotate: 0;}
	20% { rotate: 0;}
	50% { rotate: 375deg;}
	100% { rotate: 360deg;}
}

@keyframes wave {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(40px);
	}
}

.ffNotoSerif{
	font-family: "Noto Serif JP", serif !important;
}

.ffOswald{
	font-family: "Oswald", sans-serif !important;
}

.ffBarlow{
	font-family: "Barlow", sans-serif;
}

.fwBold {
	font-weight: bold !important;
}

.fwDmBold {
	font-weight: 900 !important;
}

.posRel {
	position: relative !important;
}

.flexSpace {
	justify-content: space-between;
}

.txtRed {
	color: #ee0000 !important;
}

.txtYellow {
	color: #fff000 !important;
}

.txtCenter {
	text-align: center !important;
}

.txtleft {
	text-align: left !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

.container__950 {
	margin-right: auto;
	margin-left: auto;
	padding: 0 var(--px12);
	width: 100%;
	min-width: 320px;
}
	@media not screen and (max-width:992px) {
		.container__950 {
			max-width: 950px;
		}
	}

	@media (max-width: 992px) and (min-width: 768.02px) {
    .container__950 {
			max-width: 740px;
    }
	}

	@media (min-width: 576px) and (max-width:768px) {
		.container__950,
    .container,
		.container-sm {
			max-width: 740px;
    }
	}

	@media not screen and (max-width:768px) {
		.performance__banner {
			margin-bottom: var(--px16);
		}
		
		.spec {
			margin-top: 0;
			padding-top: var(--px46);
			padding-bottom: var(--px40);
			margin-bottom: var(--px22);
		}
		
		.headline {
			gap: var(--px16);
			margin-bottom: var(--px22);
		}
		
		.tags__item {
			padding: var(--px10) var(--px16);
		}
		
		.headline__button {
			padding: 0 var(--px14);
			height: var(--px32);
		}
		
		.titletable_pattern_kana {
			font-size: var(--px12);
			margin-bottom: var(--px6);
		}
		
		.titletable_pattern {
			font-size: var(--px20);
		}
		
		.titletable_category {
			font-size: var(--px14);
			margin: var(--px12) 0;
		}
		
		.titletable_description {
			font-size: var(--px20);
		}


		/* 【※】手動でコメントアウト */
		/* .card-table__title {
			margin-bottom: var(--px40);
		} */
		
		.card-table__row--active:nth-child(3) .card-table__title {
			margin-bottom: var(--px36);
		}
		
		.card-table__row {
			padding-bottom: var(--px11);
		}
		
		#ejs-fuel-efficient.card-table__row {
			width: 100%;
			max-width: min(47.52vw, 440px);
		}
		
		.card-table__text--ecolabel-detail {
			font-size: var(--px14);
			line-height: 1.7;
		}
		
		.card-table__text {
			border-bottom: 0;
			padding-bottom: var(--px2);
		}
		
		.card-table__text--ecolabel-link {
			font-size: var(--px16);
			margin-top: var(--px18);
		}
	}

	@media screen and (max-width:768px) {
		.container__950 {
			padding-right: var(--bs-gutter-x, .75rem);
    	padding-left: var(--bs-gutter-x, .75rem);
		}

		.headline.headline-wrap {
			align-items: flex-start;
		}

		.headline.headline-wrap .headline__text {
			flex: auto;
			line-height: 1.5;
		}

		.headline.headline-wrap .headline__icon {
			display: inline-block;
			margin-top: var(--pxsp20);
		}

		.spec {
			margin-top: 0;
			padding-top: min(12.27vw, 92px);
			padding-bottom: min(10.67vw, 80px);
			margin-bottom: var(--pxsp44);
		}

		.headline {
			gap: var(--pxsp32);
			margin-bottom: var(--pxsp44);
		}
		
		.tags__item {
			padding: var(--pxsp20) var(--pxsp32);
		}
		
		.headline__button {
			padding: 0 var(--pxsp28);
			height: min(8.53vw, 64px);
		}
		
		.titletable_pattern_kana {
			font-size: var(--pxsp24);
			margin-bottom: var(--pxsp12);
		}
		
		.titletable_pattern {
			font-size: var(--pxsp40);
		}
		
		.titletable_category {
			font-size: var(--pxsp28);
			margin: var(--pxsp24) 0;
		}
		
		.titletable_description {
			font-size: var(--pxsp28);
		}
		
		/* 【※】手動でコメントアウト */
		/* .card-table__title {
			margin-bottom: var(--pxsp46);
			font-size: var(--pxsp40);
		} */
		
		.card-table__row--active:nth-child(3) .card-table__title {
			margin-bottom: min(9.6vw, 72px);
		}

		/* 【※】手動でコメントアウト */
		/* .card-table__row--active:nth-child(3) .pattern-body-types {
			gap: min(9.33vw, 70px) var(--pxsp44);
		}
		 */
		.card-table__row {
			padding-bottom: var(--pxsp40);
		}

		.card-table__row.card-table__row--active:nth-child(3) {
			padding-bottom: min(7.2vw, 54px);
		}
		
		#ejs-fuel-efficient.card-table__row {
			width: 100%;
			max-width: 100%;
		}
		
		.card-table__text--ecolabel-detail {
			font-size: var(--pxsp32);
			line-height: 1.7;
		}
		
		.card-table__text {
			border-bottom: 0;
			padding-bottom: var(--pxsp4);
		}
		
		.card-table__text--ecolabel-link {
			font-size: var(--pxsp32);
			margin-top: var(--pxsp36);
		}

		.performance__banner {
			margin-bottom: var(--pxsp32);
			min-width: auto;
		}

		.performance__title {
			padding-left: var(--pxsp16);
			font-size: var(--pxsp32);
		}
	}/* --- max-width:768px */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ accordion */
.accordion {
	border-radius: var(--px8);
	overflow: hidden;
	width: 100%;
	margin-top: var(--px24);
	border: 1px solid #E0E0E0;
}

.accordion-item {
	background-color: #F8F8F8;
	border: 0;
	border-radius: 0;
}

.accordion-header {
	background: #F8F8F8;
	padding: var(--px18) var(--px16);
	cursor: pointer;
	font-weight: bold;
	position: relative;
	font-size: var(--px16);
}

.accordion-header::after {
	content: '';
	position: absolute;
	right: var(--px16);
	transition: transform 0.3s;
	top: 50%;
	width: var(--px26);
	height: var(--px26);
	background: url('/images/item/itemdetail/synchroweather/ico_arrow_bg_black.png') center/100% auto no-repeat;
	margin-top: calc(-1 * var(--px16));
}

.accordion-item.active .accordion-header::after {
	transform: rotate(180deg);
}

.accordion-content {
	display: none;
	background: #F8F8F8;
	padding: var(--px16) 0;
	font-size: var(--px12);
	border-top: 1px solid #9d9d9d;
	margin: 0 var(--px16);
}

	@media not screen and (max-width:768px) {
		.btnArea .btn:hover {
			background-color: #757575;
			font-weight: normal !important;
		}
	}

	@media screen and (max-width:768px){
		.accordion {
			border-radius: var(--pxsp8);
			margin-top: var(--pxsp48);
		}

		.accordion-header {
			padding: var(--pxsp38) var(--pxsp34);
			font-size: var(--pxsp28);
		}

		.accordion-header::after {
			right: var(--pxsp32);
			width: var(--pxsp48);
			height: var(--pxsp48);
			margin-top: calc(-1 * var(--pxsp24));
		}

		.accordion-content {
			padding: var(--pxsp32) 0;
			font-size: var(--pxsp24);
			margin: 0 var(--pxsp32);
		}

	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ btnArea */
.btnArea {
	text-align: center;
	padding: var(--px33) 0 min(7.56vw, 70px);
}

.btnArea.btnArea02 {
	padding: var(--px21) 0 min(6.91vw, 64px);
}

.btnArea .txt {
	font-size: var(--px20);
}

.btnArea .btn {
	margin: var(--px6) auto 0;
	max-width: min(65.44vw, 606px);
	background-color: #1A1A1A;
	border-radius: var(--px4);
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: var(--px20);
	padding: var(--px13) var(--px13) var(--px11);
	box-shadow: 0 4px 4px 0 rgba(51, 51, 51, 0.16);
	transition: background 0.3s, font-weight 0.3s;
}

	@media not screen and (max-width:768px) {
		.btnArea .btn:hover {
			background-color: #757575;
			font-weight: normal !important;
		}
	}

	@media screen and (max-width:768px) {
		.btnArea {
			padding: min(8.53vw, 64px) 0 min(17.07vw, 128px);
		}

		.btnArea .txt {
			font-size: var(--pxsp28);
		}

		.btnArea .btn {
			margin: var(--pxsp14) auto 0;
			max-width: min(93.6vw, 702px);
			border-radius: var(--pxsp8);
			font-size: var(--pxsp32);
			padding: var(--pxsp34) var(--pxsp20) var(--pxsp28);
		}

		.btnArea.btnArea02 {
			padding: var(--pxsp42) 0 min(16.8vw, 126px);
		}

	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ bannerArea */
.bannerArea img {
	width: 100%;
}

.bannerArea a {
	transition: all 0.3s;
}

	@media not screen and (max-width:768px) {
		.bannerArea a:hover {
			opacity: 0.7;
		}
	}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ anchorArea */
.anchorArea {
	background-color: #fff;
	padding: var(--px16) var(--px10) var(--px31);
}

.anchorArea .anchorList {
	gap: var(--px8);
}

.anchorArea .anchorList li {
	width: calc(303 / 926 * 100%);
}

.anchorArea .anchorList li a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #212529;
	font-weight: bold;
	font-size: var(--px16);
	padding: var(--px9) 0;
	border-bottom: 2px solid #dadada;
}

.anchorArea .anchorList a span {
	display: block;
	position: relative;
	padding-right: var(--px32);
	background: url('/images/special/synchroweather/sw/icon_arrow_down01.png') center right 8px/var(--px24) no-repeat;
}

	@media screen and (max-width:768px) {
		.anchorArea {
			padding: var(--pxsp32) 0 min(8.53vw, 64px);
		}

		.anchorArea .anchorList {
			max-width: min(91.47vw, 686px);
			gap: min(2.13vw, 16px);
			flex-wrap: wrap;
		}

		.anchorArea .anchorList li {
			width: calc((100% - (2 * var(--pxsp16))) / 3);
			min-height: min(17.07vw, 128px);
		}

		.anchorArea .anchorList li a {
			font-size: var(--pxsp28);
			padding: var(--pxsp16) 0;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.anchorArea .anchorList a span {
			padding-right: min(10vw, 75px);
			background-size: var(--pxsp48);
			background-position: center right var(--pxsp16);
			width: 100%;
		}
	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ card-table__row--fuel-efficient */
/* 【※】手動でコメントアウト */
/* .card-table__row--fuel-efficient img {
	width: 100%;
} */

/* 【※】手動でコメントアウト */
/* .fuel-efficient {
	gap: var(--px15);
} */

.fuel-efficient > div {
	width: min(22.89vw, 212px);
}

.card-table__text--ecolabel-link span {
	display: inline-block;
	padding-right: var(--px30);
	color: #0A58CA;
	background: url('/images/item/itemdetail/synchroweather/ico_window_blue.svg') center right / var(--px24) var(--px24) no-repeat;
	position: relative;
}

.card-table__text--ecolabel-link span::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: calc(100% - var(--px30));
	height: 1px;
	background-color: #0A58CA;
	transition: 0.1s;
}

	@media not screen and (max-width:768px) {
		.card-table__text--ecolabel-link:hover span::after {
			height: 4px;
		}
	}

	@media screen and (max-width:768px) {
		/* 【※】手動でコメントアウト */
		/* .fuel-efficient {
			flex-direction: column;
		} */

		.fuel-efficient > div {
			width: 100%;
		}

		.fuel-efficient > div.img02,
		.fuel-efficient > div.img03 {
			margin-top: var(--px20);
		}
		
		.card-table__text--ecolabel-link span {
			padding-right: min(8.8vw, 66px);
			background-size: var(--pxsp48) var(--pxsp48);
		}
	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ performance */
.performance img {
	max-width: 100%;
}

.performance .performance__images {
	padding-left: 0;
}

.performance .performance__title {
	margin-bottom: var(--px7);
}

.performance .performance__sub-text {
	font-weight: bold;
	margin-bottom: var(--px20);
	padding-left: 0;
	font-size: var(--px20);
}

.performance .performance__sub-note {
	font-size: var(--px12);
	margin-top: calc(-1 * var(--px10));
}

.performance .performance__icon01 {
	width: min(7.78vw, 72px);
	height: auto;
}

.performance .performance__item {
	margin-top: var(--px32);
}

.performance .headline + .performance__item {
	margin-top: var(--px22);
}

.performance .performance__item > .img {
	margin-top: var(--px17);
}

.performance .performance__icon {
	width: var(--px32);
	height: var(--px32);
}

.performance .graphBox {
	background-color: #fff;
	padding: var(--px14) var(--px28) var(--px14) var(--px47);
	align-items: center;
	gap: var(--px32);
	justify-content: center;
}

.performance .graphBox .img {
	max-width: min(47.84vw, 443px);
}

.performance .graphBox .lst {
	width: min(40.6vw, 376px);
}

.performance .graphBox .lst li {
	padding-left: var(--px45);
	font-size: var(--px16);
}

.performance .graphBox .lst li:first-child {
	background: url('/images/special/synchroweather/sw/ico_graph01.svg') center left/var(--px34) var(--px10) no-repeat;
}

.performance .graphBox .lst li:nth-child(2) {
	background: url('/images/special/synchroweather/sw/ico_graph02.svg') center left/var(--px34) var(--px10) no-repeat;
}

.performance .graphBox .lst li:nth-child(3) {
	background: url('/images/special/synchroweather/sw/ico_graph03.svg') center left/var(--px34) var(--px10) no-repeat;
}

.performance .graphBox .lst li:nth-child(n+2) {
	margin-top: var(--px15);
}

.performance .graphBox .lst .img {
	max-width: min(16.2vw, 150px);
	display: block;
}

.tableBox01 {
	position: relative;
}

.tableBox01::before {
	content: '';
	width: calc(min(18.25vw, 169px) - 2px);
	height: calc(100% - 2px);
	left: calc(min(25.92vw, 240px) + 4px);
	top: 0;
	background-color: rgba(255, 240, 0, 0.24);
	z-index: 1;
	display: block;
	position: absolute;
}

.tableBox table {
	width: 100%;
}

.tableBox01 table th {
	width: min(18.25vw, 169px);
	background-color: #212529;
	color: #fff;
	text-align: center;
	font-weight: normal;
	border: 2px solid #fff;
	font-size: var(--px12);
	padding: var(--px10) var(--px5) var(--px6);
}

.tableBox01 table .w01 {
	width: min(25.92vw, 240px);
	background-color: #606769;
	color: #fff;
	font-size: var(--px14);
	padding-left: var(--px18)
}

.tableBox01 table .w02 {
	background-color: #FFF000;
	color: #212529;
	z-index: 2;
	position: relative;
}

.tableBox01 table th span span:last-child {
	font-size: var(--px18);
}

.tableBox01 table td {
	border: 2px solid #fff;
	text-align: center;
	font-weight: bold;
	padding: var(--px8) var(--px18);
}

.tableBox01 table tr.row08 td {
	position: relative;
	z-index: 2;
}

.tableBox01 table tr:nth-child(2n+3) td {
	background-color: #F2F2F2;
}

.tableBox01 table td > span {
	z-index: 2;
	display: block;
	position: relative;
}

.tableBox01 table td > span::before {
	content: '';
	width: var(--px16);
	height: var(--px15);
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: calc((-1 * var(--px15)) / 2);
	margin-left: calc((-1 * var(--px16)) / 2);
}

.tableBox01 table td.icon01 span::before {
	background: url('/images/item/itemdetail/synchroweather/ico_circle.svg') center/100% 100%  no-repeat;
}

.tableBox01 table td.icon02 span::before {
	background: url('/images/item/itemdetail/synchroweather/ico_triangle.svg') center/100% 100%  no-repeat;
}

.tableBox01 table td.icon03 span::before {
	background: url('/images/item/itemdetail/synchroweather/ico_multiply.svg') center/100% 100%  no-repeat;
}

.tableBox01 table td.icon sup {
	padding-left: min(4.32vw, 40px);
}

.performance .videoBox {
	padding-top: min(10.37vw, 96px);
	position: relative;
	margin-top: var(--px20);
}

.performance .videoBox03 {
	padding-top: 0 !important;
}

.performance .videoBox03 iframe {
	width: 100%;
	height: min(56.16vw, 520px);
}

.videoList li {
	position: relative;
}

.videoList li:nth-child(n+2) {
	margin-top: min(5.4vw, 50px);
}

.videoBox figure {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.videoBox figure video {
	position: relative;
	height: auto;
	width: 100%;
}

.performance .videoBox .leftCol {
	position: absolute;
	width: 100%;
	max-width: min(33.05vw, 306px);
	left: 0;
	top: calc(-1 * var(--px30));
	max-height: min(9.83vw, 91px);
	height: 100%;
}

.performance .videoBox .leftCol .img {
	display: block;
}

.performance .videoBox .leftCol .box01,
.performance .videoBox .leftCol .box03 {
	color: #fff;
	background: #212529;
	display: block;
	padding: var(--px15) var(--px10);
	max-height:  min(9.83vw, 91px);
}

.performance .videoBox .leftCol .box02 {
	background: #FFF000;
	display: block;
	padding: var(--px15) var(--px10);
	max-height: min(9.83vw, 91px);
}

.performance .videoBox .leftCol .box01 .img {
	max-width: min(25.92vw, 240px);
}

.performance .videoBox .leftCol .box02 .img {
	max-width: min(28.83vw, 267px);
}

.performance .videoBox .leftCol .box03 .img {
	max-width: min(30.45vw, 282px);
}

.performance .videoBox .leftCol .txt {
	font-size: var(--px14);
	font-weight: 500;
	margin-top: var(--px12);
	display: block;
}

.performance .videoBox .rightCol {
	position: absolute;
	width: 100%;
	max-width: min(20.52vw, 190px);
	right: 0;
	top: 0;
	height: 100%;
}

.performance .videoBox > .rightCol {
	height: auto;
}

.performance .videoBox .rightCol span {
	display: block;
	text-align: center;
}

.performance .videoBox .rightCol span.top {
	font-size: var(--px16);
	color: #fff;
	background-color: #8e8e8e;
	padding: var(--px16) var(--px5);
	max-height: min(10.37vw, 96px);
	line-height: 1.4;
}

.performance .videoBox .rightCol .num {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: min(6.91vw, 64px);
	color: #fff;
	position: relative;
}

.performance .videoBox .itemYel .rightCol .num {
	font-size: min(7.99vw, 74px);
}

.performance .videoBox .rightCol .num::before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(169, 169, 169, 0.5);
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 0;
}

.performance .characteristicBox {
	gap: var(--px14);
	background-color: #212529;
	padding: var(--px20);
}

.performance .characteristicBox .item {
	background-color: #fff;
	border-radius: var(--px8);
	padding: var(--px12) var(--px20);
	width: 100%;
	max-width: calc((100% - var(--px14)) / 2);
	font-size: var(--px13);
}

.performance .characteristicBox .item > span {
	display: block;
	padding-left: min(6.48vw, 60px);
	padding-top: var(--px5);
	padding-bottom: var(--px5);
	background: url('/images/special/synchroweather/sw/ico_warning_snowflake.png') center left/min(5.72vw, 53px) min(5.72vw, 53px) no-repeat;
}

.performance .characteristicBox .item:last-child > span {
	background: url('/images/special/synchroweather/sw/ico_warning_icegrip.png') center left/min(5.72vw, 53px) min(5.72vw, 53px) no-repeat;
}

.performance .characteristicBox .item .lg {
	font-size: var(--px17);
}

.performance .tableBox02 table th,
.performance .tableBox02 table td {
	text-align: center;
}

.performance .tableBox02 table th {
	font-size: var(--px16);
}

.performance .tableBox02 table .row01 th:not(:first-child) {
	background-color: #d9d9d9;
	padding: var(--px5);
}

.performance .tableBox02 table .row02 th {
	font-weight: normal;
	background-color: #000;
	color: #fff;
}

.performance .tableBox02 table th.w01 {
	width: calc(228 / 1072 * 100%);
}

.performance .tableBox02 table th.w02 {
	width: calc(274 / 1072 * 100%);
}

.performance .tableBox02 table th.w03 {
	width: calc(130 / 1072 * 100%);
}

.performance .tableBox02 table th.w04 {
	width: calc(310 / 1072 * 100%);
}

.performance .tableBox02 table td {
	font-size: var(--px16);
}

.performance .tableBox02 table td.icon01 span {
	display: block;
	padding-top: var(--px28);
	background: url('/images/special/synchroweather/sw/ico_tyre01.png') center top/var(--px24) var(--px24) no-repeat;
}

.performance .tableBox02 table td.icon02 span {
	display: block;
	padding-top: var(--px28);
	background: url('/images/special/synchroweather/sw/ico_tyre02.png') center top/var(--px24) var(--px24) no-repeat;
}

.performance .tableBox02 table td.icon03 {
	position: relative;
}

.performance .tableBox02 table td.icon03 span {
	display: block;
	position: absolute;
	left: 50%;
	bottom: calc(-1 * var(--px21));
	background: url('/images/special/synchroweather/sw/ico_arrow_big_pc.png') center top/100% auto no-repeat;
	width: min(6.26vw, 58px);
	height: min(4.54vw, 42px);
	margin-left: calc(-1 * var(--px24));
}

.performance .tableBox02 table .row02 {
	padding-top: var(--px13);
	border: 1px solid #000;
	border-bottom: 0;
}

.performance .tableBox02 table .row02 td {
	padding: var(--px9) 0;
}

.performance .tableBox02 table .row03 {
	border: 1px solid #000;
	border-top: 1px dashed #c5c5c5;
}

.performance .tableBox02 table .row03 td {
	padding: var(--px13) 0 var(--px8);
}

.performance .tableBox02 table .row04 td {
	padding: var(--px5);
	background-color: #d9d9d9;
}

.performance .tableBox02 table .row05 {
	border: 1px solid #fff000;
}

.performance .tableBox02 table .row05 th {
	background-color: #fff000;
}

.performance .tableBox02 table .row05 td {
	padding: var(--px17) 0;
}

.performance .tableBox02 table .row05 td.icon01 {
	font-size: var(--px15);
}

.performance .tableBox02 table .row05 td.icon04 {
	background: url('/images/special/synchroweather/sw/bg04.png') center/min(45.79vw, 424px) auto no-repeat;
	font-size: var(--px18);
}

.performance .tableBox02 .row05 .icon04 .posRel span {
	position: absolute;
	top: calc(-1 * var(--px9));
	right: 1px;
	color: initial;
	font-size: var(--px9);
}

.performance .faqBox {
	padding: var(--px38) var(--px38) var(--px38) var(--px30);
	border: 1px solid #000;
	align-items: center;
}

.performance .faqBox .left {
	width: calc(338 / 856 * 100%);
	text-align: center;
}

.performance .faqBox .title {
	font-size: var(--px14);
}

.performance .faqBox .title .lg {
	font-size: var(--px18);
}

.performance .faqBox .text {
	font-size: var(--px16);
	margin-top: var(--px16);
}

.performance .faqBox .right {
	width: calc(508 / 856 * 100%);
}

.performance .tableBox02 + .performance__sub-text {
	margin-top: var(--px24);
	font-weight: normal;
	font-size: var(--px16);
}

.performance .performance__sub-title {
	font-size: var(--px20);
	margin: var(--px22) 0 var(--px10);
}

.performance .performance__sub-title span {
	display: inline-block;
	margin-right: var(--px10);
}

.bg-line01 {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 70%,rgba(255,240,0,1) 70%,rgba(255,240,0,1) 100%);
}

@media not screen and (max-width:768px) {
	.performance__images .roundTxt {
		position: absolute;
		width: min(8.64vw, 80px);
		height: min(8.64vw, 80px);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: var(--px14);
		color: #fff;
		text-align: center;
		border-radius: 50%;
	}

	.performance__images_ctn01 .roundTxt.txt01 {
		background-color: #C49958;
		left: var(--px38);
		top: min(8.75vw, 81px);
	}

	.performance__images_ctn01 .roundTxt.txt02 {
		background-color: #398DAD;
		left: min(44.49vw, 412px);
		top: min(5.83vw, 54px);
	}

	.performance__images_ctn01 .roundTxt.txt03 {
		background-color: #898989;
		left: min(44.49vw, 412px);
		bottom: min(5.72vw, 53px);
	}

	.performance__images_ctn01 .txt04 {
		font-size: var(--px12);
		margin-top: var(--px12);
		display: flex;
		flex-direction: column;
		width: min(16.2vw, 150px);
		position: absolute;
		left: min(12.2vw, 113px);
		bottom: min(7.45vw, 69px);
	}

	.performance__images_ctn01 .txt04 img {
		width: min(7.67vw, 71px);
	}

	.performance__images_ctn01 .txt04 > span {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.performance__images_ctn01 .txt04 > span:last-child {
		margin-top: var(--px10);
	}

	.performance__images_ctn01 .txt05,
	.performance__images_ctn01 .txt06 {
		font-size: var(--px12);
		position: absolute;
	}

	.performance__images_ctn01 .txt05 {
		top: min(10.8vw, 100px);
		right: var(--px47);
	}

	.performance__images_ctn01 .txt06 {
		bottom: var(--px30);
		right: min(6.7vw, 62px);
	}

	.performance__images_ctn01 .txt05 span:last-child,
	.performance__images_ctn01 .txt06 span:last-child {
		display: block;
		font-size: var(--px14);
		margin-top: var(--px10);
	}

	.performance__images_ctn01 .txt05 span:first-child span,
	.performance__images_ctn01 .txt06 span:first-child span {
		display: inline-block;
    margin-right: var(--px5);
	}
	
	.performance__images_ctn02 .txt {
		position: absolute;
		bottom: var(--px18);
		font-size: var(--px12);
	}

	.performance__images_ctn02 .txt.txt01 {
		left: min(5.62vw, 52px);
	}

	.performance__images_ctn02 .txt.txt01 .lg {
		font-size: var(--px28);
		color: #D59513;
	}

	.performance__images_ctn02 .txt.txt02 .lg {
		font-size: var(--px28);
		color: #3D91B9;
	}

	.performance__images_ctn02 .txt.txt02 .md {
		font-size: var(--px18);
	}

	.performance__images_ctn02 .txt.txt02 {
		right: min(6.14vw, 86px);
	}

	.performance__images_ctn03 .txt {
		position: absolute;
		bottom: var(--px25);
		font-size: var(--px12);
	}

	.performance__images_ctn03 .txt > span {
		display: block;
	}

	.performance__images_ctn03 .txt > span:last-child {
		font-size: var(--px14);
		margin-top: var(--px6);
	}

	.performance__images_ctn03 .txt > span:last-child span {
		font-size: var(--px20);
		color: #D79B20;
	}

	.performance__images_ctn03 .txt01 {
		left: var(--px32);
	}

	.performance__images_ctn03 .txt02 {
		right: min(7.86vw, 110px);
	}

	.performance__images_ctn04 .listTxt {
    position: absolute;
    bottom: var(--px27);
    left: var(--px41);
    width: min(91.14vw, 844px);
	}

	.performance__images_ctn04 .listTxt li {
		width: min(21.49vw, 199px);
		border: 1.5px solid #C9CACA;
		padding: var(--px8) var(--px12);
		background-color: #fff;
	}

	.performance__images_ctn04 .listTxt li .ttl {
		display: inline-block;
    font-size: var(--px13);
    line-height: 1.7;
    padding: var(--px4) var(--px9);
    background-color: #FFF000;
    border-radius: var(--px16);
	}

	.performance__images_ctn04 .listTxt li .txt {
    font-size: var(--px14);
		margin-top: var(--px5);
	}
}

@media (max-width: 992px) and (min-width: 768.02px) {
	.tableBox01 table th {
    width: min(18.44vw, 132px);
	}

	.tableBox01 table .w01 {
    width: min(25.84vw, 185px);
	}

	.tableBox01::before {
    width: calc(min(18.44vw, 132px) - 2px);
    left: calc(min(25.84vw, 185px) + 2px);
	}

	.performance__images .roundTxt {
		width: min(8.64vw, 62px);
		height: min(8.64vw, 62px);
		font-size: var(--px11);
	}

	.performance__images_ctn01 .roundTxt.txt01 {
		left: var(--px30);
		top: min(8.75vw, 63px);
	}

	.performance__images_ctn01 .roundTxt.txt02 {
		left: min(44.49vw, 319px);
		top: min(5.83vw, 42px);
	}

	.performance__images_ctn01 .roundTxt.txt03 {
		left: min(44.49vw, 319px);
		bottom: min(5.72vw, 41px);
	}

	.performance__images_ctn01 .txt04 {
		left: min(12.2vw, 70px);
		bottom: min(7.45vw, 44px);
		font-size: var(--px10);
		width: min(16.2vw, 135px);
	}

	.performance__images_ctn01 .txt04 img {
		width: min(7.67vw, 71px);
	}

	.performance__images_ctn01 .txt04 > span:last-child {
		margin-top: var(--px10);
	}

	.performance__images_ctn01 .txt05,
	.performance__images_ctn01 .txt06 {
		font-size: var(--px10);
	}

	.performance__images_ctn01 .txt05 {
		top: min(10.8vw, 78px);
		right: var(--px32);
	}

	.performance__images_ctn01 .txt06 {
		bottom: var(--px24);
		right: min(6.7vw, 38px);
	}

	.performance__images_ctn01 .txt05 span:last-child,
	.performance__images_ctn01 .txt06 span:last-child {
		margin-top: var(--px8);
		font-size: var(--px11);
	}
	
	.performance__images_ctn02 .txt {
		bottom: var(--px14);
		font-size: var(--px10);
	}

	.performance__images_ctn02 .txt.txt01 {
		left: min(5.62vw, 40px);
	}

	.performance__images_ctn02 .txt.txt01 .lg {
		font-size: 30px;
	}

	.performance__images_ctn02 .txt.txt02 .lg {
		font-size: 30px;
		color: #3D91B9;
	}

	.performance__images_ctn02 .txt.txt02 .md {
		font-size: 20px;
	}

	.performance__images_ctn02 .txt.txt02 {
		right: min(8.64vw, 62px);
	}

	.performance__images_ctn03 .txt {
		bottom: var(--px20);
		font-size: var(--px10);
	}

	.performance__images_ctn03 .txt > span:last-child {
		font-size: var(--px11);
		margin-top: var(--px6);
	}

	.performance__images_ctn03 .txt > span:last-child span {
		font-size: var(--px16);
	}

	.performance__images_ctn03 .txt01 {
		left: min(9.4vw, 68px);
	}

	.performance__images_ctn03 .txt02 {
		right: min(11.23vw, 80px);
	}

	.performance__images_ctn04 .listTxt {
    bottom: var(--px21);
		left: var(--px32);
		width: min(91.14vw, 652px);
	}

	.performance__images_ctn04 .listTxt li {
		width: min(21.49vw, 154px);
		padding: var(--px6) var(--px10);
	}

	.performance__images_ctn04 .listTxt li .ttl {
    font-size: var(--px10);
	}

	.performance__images_ctn04 .listTxt li .txt {
    font-size: var(--px11);
	}

	.performance .tableBox02 table .row05 td.icon04 {
		background-size: 100% auto;
	}
}

@media screen and (max-width:768px){
	.performance .performance__icon {
		width: min(8.53vw, 64px);
		height: min(8.53vw, 64px);
	}

	.performance .performance__sub-text {
    margin-bottom: var(--pxsp40);
		font-size: var(--pxsp40);
	}

	.performance .performance__sub-note {
    font-size: var(--pxsp24);
    margin-top: calc(-1 * var(--pxsp20));
	}

	.performance .performance__item > .img {
    margin-top: var(--pxsp40);
	}

	.performance .graphBox {
		margin: var(--pxsp24) calc(-1 * var(--pxsp32)) 0;
		padding: var(--pxsp50) var(--pxsp32) var(--pxsp50);
		gap: min(14.13vw, 106px);
		flex-direction: column;
	}

	.performance .graphBox .img {
		max-width: min(89.6vw, 672px);
	}

	.performance .graphBox .lst {
		width: min(78.67vw, 590px);
	}

	.performance .graphBox .lst .img {
		max-width: min(40vw, 300px);
	}

	.performance .graphBox .lst li {
		padding-left: min(12.27vw, 92px);
		font-size: var(--pxsp24);
		background-size: min(9.6vw, 72px) var(--pxsp22) !important;
	}

	.performance .graphBox .lst li:nth-child(n+2) {
		margin-top: var(--pxsp22);
	}

	.performance .performance__item {
    margin-top: min(8.53vw, 64px);
	}

	.performance .videoBox {
		padding-top: min(13.6vw, 102px);
		margin: var(--pxsp24) 0 0;
	}

	.performance .videoBox03 iframe {
    height: min(52.27vw, 392px);
	}

	.performance .videoBox .rightCol {
		max-width: min(22.67vw, 170px);
	}

	.performance .videoBox .leftCol {
		max-width: min(39.47vw, 296px);
		top: calc(-1 * var(--pxsp38));
		max-height: min(12vw, 90px);
	}

	.performance .videoBox .leftCol .box01,
	.performance .videoBox .leftCol .box02,
	.performance .videoBox .leftCol .box03 {
		padding: var(--pxsp9) var(--pxsp10);
		max-height: min(12vw, 90px);
	}

	.performance .videoBox .leftCol .box01 .img {
		max-width: min(32.53vw, 244px);
		line-height: 1;
	}

	.performance .videoBox .leftCol .box02 .img {
		max-width: min(35.2vw, 264px);
		line-height: 1;
	}

	.performance .videoBox .leftCol .box03 .img {
		max-width: min(36.8vw, 276px);
		line-height: 1;
	}

	.performance .videoBox .leftCol .txt {
		font-size: var(--pxsp20);
		margin-top: var(--pxsp10);
	}

	.performance .videoBox .rightCol span.top {
		font-size: var(--pxsp20);
		padding: var(--pxsp11) var(--pxsp10);
		max-height: min(13.87vw, 104px);
		line-height: 1.3;
	}

	.performance .videoBox .rightCol .num {
		font-size: var(--pxsp48);
	}

	.performance .videoBox .itemYel .rightCol .num {
		font-size: min(8.53vw, 64px);
	}

	.videoList li:nth-child(n+2) {
		margin-top: min(7.47vw, 56px);
	}

	.performance .characteristicBox {
		gap: var(--pxsp16);
		padding: var(--pxsp32);
		flex-direction: column;
	}

	.performance .characteristicBox .item {
		border-radius: var(--pxsp16);
		padding: 0 var(--pxsp32);
		font-size: var(--pxsp26);
		min-height: min(20.8vw, 156px);
		display: flex;
		align-items: center;
		max-width: 100%;
	}

	.performance .characteristicBox .item .lg {
		font-size: var(--pxsp30);
	}

	.performance .characteristicBox .item > span {
		background-size: min(16vw, 120px) min(16vw, 120px) !important;
		padding-left: min(18.67vw, 140px);
	}

	.performance .characteristicBox .item:first-child > span {
		padding-top: var(--pxsp20);
		padding-bottom: var(--pxsp20);
	}

	.performance .tableBox02 table td,
	.performance .tableBox02 table th {
		font-size: var(--pxsp24);
	}

	.performance .tableBox02 table .row01 th {
		font-size: var(--pxsp28);
	}

	.performance .tableBox02 table th.w01,
	.performance .tableBox02 table th.w02 {
		width: 26%;
	}

	.performance .tableBox02 table th.w03 {
		width: 9%;
	}

	.performance .tableBox02 table th.w04 {
		width: 25%;
	}

	.performance .tableBox02 table th.w03:last-child {
		width: 14%;
	}

	.performance .tableBox02 table td {
		vertical-align: top;
		line-height: 1.4;
	}

	.performance .tableBox02 table td.icon01 span {
		padding-top: var(--pxsp50);
		background-size: var(--pxsp38) var(--pxsp38);
	}

	.performance .tableBox02 table td.icon02 span {
		padding-top: var(--pxsp50);
		background-size: var(--pxsp42) var(--pxsp42);
	}

	.performance .tableBox02 table .row01 th:not(:first-child) {
		padding: var(--pxsp10);
	}

	.performance .tableBox02 table .row02 td {
		padding: var(--pxsp20) 0;
	}

	.performance .tableBox02 table .row03 td {
		padding: var(--pxsp37) 0 var(--pxsp26);
	}

	.performance .tableBox02 table .row05 td {
		padding: var(--pxsp24) 0 var(--pxsp28);
	}

	.performance .tableBox02 table .row04 td {
		padding: var(--pxsp8);
	}

	.performance .tableBox02 table .row05 td.icon04 {
		background: url('/images/special/synchroweather/sw/sp/bg04_sp.png') left center / min(41.6vw, 312px) auto no-repeat;
		vertical-align: middle;
		font-size: var(--pxsp25);
	}

	.performance .tableBox02 table .row05 td.icon04 > span {
		display: block;
    padding-right: min(6.93vw, 52px);
	}

	.performance .tableBox02 .row05 .icon04 .posRel span {
		top: calc(-1 * var(--pxsp12));
		font-size: var(--pxsp12);
	}

	.performance .tableBox02 table td.icon03 span {
		bottom: calc(-1 * var(--pxsp28));
		width: min(8.27vw, 62px);
		height: min(7.2vw, 54px);
		margin-left: calc(-1 * var(--pxsp34));
		background: url('/images/special/synchroweather/sw/sp/ico_arrow_big_sp.png') center top/100% auto no-repeat;
	}

	.performance .tableBox02 table .row05 td.icon01,
	.performance .tableBox02 table .row05 th {
    font-size: var(--pxsp22);
	}

	.performance .tableBox02 + .performance__sub-text {
    margin-top: min(6.93vw, 52px);
		font-size: var(--pxsp32);
	}

	.performance .faqBox {
		flex-direction: column;
		padding: var(--pxsp36);
	}

	.performance .faqBox .left {
		width: 100%;
	}

	.performance .faqBox .title {
		font-size: var(--pxsp28);
	}

	.performance .faqBox .title .lg {
		font-size: var(--pxsp32);
	}

	.performance .faqBox .text {
		font-size: var(--pxsp32);
		margin: var(--pxsp16) calc(-1 * var(--pxsp24)) 0;
		line-height: 1.6;
		text-align: center;
	}

	.performance .faqBox .right {
		width: min(75.2vw, 564px);
		margin-top: var(--pxsp16);
		text-align: center;
	}

	.tableBox01 {
		overflow-x: auto;
		max-width: 135%;
	}

	.tableBox01::before {
    width: calc(min(25.6vw, 192px) - 2px);
    left: calc(min(32vw, 240px) + 4px);
		height: calc(100% - 7px);
    top: 5px;
	}
	
	.tableBox01 table {
		width: 135%;
		min-width: min(136.8vw, 1026px);
		border-collapse: separate;
  	border-spacing: 0;
	}
	
	.tableBox01 th.txtleft,
	.tableBox01 td.txtleft {
		position: sticky !important;
		left: 0;
		z-index: 3 !important;
		border: 0;
		box-shadow: 1px 0 0 0 #fff;
	}

	.tableBox01 td.txtleft {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	.tableBox01 table th {
    width: min(25.6vw, 192px) !important;
    font-size: var(--pxsp20);
    padding: 0 var(--pxsp2) !important;
		border: 0;
	}

	.tableBox01 table .w02,
	.tableBox01 table .w03,
	.tableBox01 table .w04,
	.tableBox01 table .w05 {
		background-color: #fff;
	}

	.tableBox01 table .w02 > span {
		background-color: #FFF000;
	}

	.tableBox01 table .w03 > span,
	.tableBox01 table .w04 > span,
	.tableBox01 table .w05 > span {
		background-color: #212529;
	}

	.tableBox01 table th > span {
		display: block;
		padding: var(--pxsp4) 0 0;
	}

	.tableBox01 table .w01 {
    width: min(32vw, 240px) !important;
    font-size: var(--pxsp28);
    text-align: center !important;
	}

	.tableBox01 table th span span:last-child {
    font-size: var(--pxsp30);
		min-height: min(9.07vw, 68px);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		line-height: 1.1;
	}

	.tableBox01 table td {
    padding: var(--pxsp20);
    font-size: var(--pxsp28);
		border: 0;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		position: relative;
	}

	.tableBox01 table tr:nth-child(2n+3) td:not(.txtleft) {
		background-color: #fff;
	}

	.tableBox01 table td > span {
		position: initial;
	}

	.tableBox01 table tr.row07 td > span > span {
		position: relative;
		z-index: 1;
	}

	.tableBox01 table td > span::before {
    width: calc(100% - 2px);
    height: 100%;
    margin-top: 0;
    margin-left: 0;
		background-size: var(--pxsp28) var(--pxsp26) !important;
		background-position: center center !important;
		left: 1px;
		top: 0;
	}

	.tableBox01 table td.icon sup {
    padding-left: min(9.33vw, 70px);
	}

	.tableBox01 table tr:nth-child(2n+3) td:not(.txtleft) > span::before {
		background-color: #F2F2F2;
	}

	.tableBox01 td.txtleft {
		background-color: #fff;
	}

	.tableBox01 table tr:nth-child(2n+3) td.txtleft {
		background: #F2F2F2;
	}

	.performance .performance__sub-title {
    font-size: var(--pxsp40);
    margin: min(8.8vw, 66px) 0 var(--pxsp14);
	}

	.performance .performance__sub-title span {
    margin-right: var(--pxsp16);
	}
	
	.performance .performance__icon01 {
    width: min(19.2vw, 144px);
	}

	.performance__images_ctn01 {
		background-color: #F5F5F5;
	}

	.performance__images_ctn01 .img {
		z-index: 1;
	}

	.performance__images_ctn01 .roundTxt {
		position: absolute;
		width: min(18.93vw, 142px);
		height: min(18.93vw, 142px);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: var(--pxsp24);
		color: #fff;
		text-align: center;
		border-radius: 50%;
	}
	
	.performance__images_ctn01 .roundTxt.txt01 {
		background-color: #C49958;
		left: min(12vw, 90px);
		top: min(7.73vw, 58px);
	}
	
	.performance__images_ctn01 .roundTxt.txt02 {
		background-color: #398DAD;
		left: var(--pxsp30);
		top: min(51.2vw, 384px);
	}
	
	.performance__images_ctn01 .roundTxt.txt03 {
		background-color: #898989;
		left: min(48vw, 360px);
		bottom: min(47.47vw, 356px);
	}
	
	.performance__images_ctn01 .txt04 {
		font-size: var(--pxsp20);
		display: flex;
		width: min(35.33vw, 265px);
		position: absolute;
		left: min(30.4vw, 228px);
		top: min(32.27vw, 242px);
		z-index: 2;
		gap: var(--pxsp32);
	}
	
	.performance__images_ctn01 .txt04 img {
		width: min(14.4vw, 108px);
		margin-top: var(--pxsp12);
	}
	
	.performance__images_ctn01 .txt04 > span {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
	}
	
	.performance__images_ctn01 .txt05,
	.performance__images_ctn01 .txt06 {
		font-size: var(--pxsp20);
		position: absolute;
	}
	
	.performance__images_ctn01 .txt05 {
		bottom: var(--pxsp26);
		left: min(8.27vw, 62px);
	}
	
	.performance__images_ctn01 .txt06 {
		bottom: var(--pxsp26);
		right: min(18.93vw, 142px);
	}

	.performance__images_ctn01 .txt05 span:first-child,
	.performance__images_ctn01 .txt06 span:first-child {
		display: inline-flex;
		flex-direction: column;
	}
	
	.performance__images_ctn01 .txt05 span:last-child,
	.performance__images_ctn01 .txt06 span:last-child {
		display: block;
		font-size: var(--pxsp24);
		margin-top: var(--px10);
	}
	
	.performance__images_ctn01 .txt05 span:first-child span,
	.performance__images_ctn01 .txt06 span:first-child span {
		display: inline-block;
		margin-bottom: var(--pxsp10);
	}
	
	.performance__images_ctn02 .txt {
		position: absolute;
		bottom: var(--pxsp26);
		font-size: var(--pxsp26);
	}
	
	.performance__images_ctn02 .txt.txt01 {
		left: var(--pxsp20);
		bottom: auto;
		top: min(45.07vw, 338px);
	}
	
	.performance__images_ctn02 .txt.txt01 .lg {
		font-size: min(7.47vw, 56px);
		color: #D59513;
		letter-spacing: -0.06em;
	}
	
	.performance__images_ctn02 .txt.txt02 .lg {
		font-size: min(7.47vw, 56px);
		color: #3D91B9;
	}
	
	.performance__images_ctn02 .txt.txt02 .md {
		font-size: var(--pxsp40);
	}
	
	.performance__images_ctn02 .txt.txt02 {
		left: min(8.53vw, 64px);
	}
	
	.performance__images_ctn03 .txt {
		position: absolute;
		bottom: var(--pxsp40);
		font-size: var(--pxsp24);
		max-width: min(69.87vw, 524px);
	}
	
	.performance__images_ctn03 .txt > span {
		display: block;
	}
	
	.performance__images_ctn03 .txt > span:last-child {
		font-size: var(--pxsp28);
		margin-top: var(--pxsp8);
	}
	
	.performance__images_ctn03 .txt > span:last-child span {
		font-size: var(--pxsp40);
		color: #D79B20;
	}
	
	.performance__images_ctn03 .txt01 {
		left: min(13.87vw, 104px);
		bottom: auto;
		top: min(90.13vw, 676px);
	}
	
	.performance__images_ctn03 .txt02 {
		left: min(13.87vw, 104px);
	}
	
	.performance__images_ctn04 .listTxt {
		position: absolute;
		top: min(9.07vw, 68px);
		right: var(--pxsp16);
		width: min(42.13vw, 316px);
		flex-direction: column;
		gap: min(7.2vw, 54px);
	}
	
	.performance__images_ctn04 .listTxt li {
		width: 100%;
		border: 1.5px solid #C9CACA;
		padding: var(--pxsp4) var(--pxsp15) var(--pxsp15);
		background-color: #fff;
	}
	
	.performance__images_ctn04 .listTxt li .ttl {
		display: inline-block;
		font-size: var(--pxsp24);
		line-height: 1.7;
		padding: 0 var(--pxsp18);
		background-color: #FFF000;
		border-radius: var(--pxsp32);
	}
	
	.performance__images_ctn04 .listTxt li .txt {
		font-size: var(--pxsp24);
		margin-top: var(--pxsp12);
		line-height: 1.7;
	}
}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ footerArea */
.footer-page .footer .float-btn {
	display: block !important;
}

.footer-page .footer .float-btn.hide {
	display: none !important;
}

.footer-page .footer-link-bg {
	padding-top: 20px !important;
}

.footer-page .footer-link-bg .footerTtl {
	padding-top: 0 !important;
}

.footer-page .footer-link-bg .footerTtl img {
	width: 22px;
}

.footer-page .footer-link-bg .footerTtl01 {
	font-size: var(--px36);
	margin-top: var(--px28);
}

.footer-page .footerBox {
	border: 2px solid #212529;
	margin: var(--px16) var(--px16) 0;
	padding: var(--px8) var(--px13);
	font-size: var(--px16);
	border-radius: var(--px4);
}
/* 【※】手動でコメントアウト */
/* .footer-page .modal-content__list-scroller {
	flex: inherit;
	display: block;
	overflow-y: inherit;
} */

.footer-page .tab__ctn {
	flex: 1 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	display: none;
}

.footer-page .tab__ctn.active {
	display: flex;
}
@media (max-width: 992px) and (min-width: 768.02px) {
	.dtgl-footer_snslink {
    display: flex;
	}

	.dtgl-footer_snslink_item {
    font-size: var(--px11) !important;
    padding: var(--px10) !important;
    width: 25%;
	}
}

@media screen and (max-width:768px) {
	.footer-page .footer-link-bg {
    padding: var(--pxsp40) var(--pxsp24) !important;
	}

	.footer-page .footer-link-bg .footerTtl {
    font-size: var(--pxsp40) !important;
		padding-bottom: var(--pxsp48) !important;
	}

	.footer-page .footer-link-bg .footerTtl img {
    width: var(--pxsp32);
	}

	.item-search {
    gap: var(--pxsp16);
	}

	.footer-page .footer-link-bg .footerTtl01 {
    margin-top: min(8.53vw, 64px);
	}

	.footer-page .footerBox {
    margin: calc(-1 * var(--pxsp10)) 0 var(--pxsp20);
    padding: var(--pxsp16) var(--pxsp26);
    font-size: var(--pxsp32);
    border-radius: var(--pxsp8);
	}
}

/* 【※】手動追加 */
.performance__sub-text-add {
	white-space: normal !important;
}