@charset "UTF-8";

/*
■全日本の画像
アウトライン化したsvgを使用
（県境の線（*_pass）は、線ではなく面になっている。線にすると太すぎるため
■拡大画像
県境が、線の画像を使用。
（面だと細くできないので。
202501 ooka
*/

:root {/* 1400px基準 */
	--px2: min(0.14vw,2px);
	--px3: min(0.21vw,3px);
	--px4: min(0.29vw,4px);
	--px5: min(0.36vw,5px);
	--px6: min(0.43vw,6px);
	--px7: min(0.5vw,7px);
	--px8: min(0.57vw,8px);
	--px9: min(0.64vw,9px);

	--px10: min(0.71vw,10px);
	--px11: min(0.79vw,11px);
	--px12: min(0.86vw,12px);
	--px13: min(0.93vw,13px);
	--px14: min(1vw,14px);
	--px15: min(1.07vw,15px);
	--px16: min(1.14vw,16px);
	--px17: min(1.21vw,17px);
	--px18: min(1.29vw,18px);
	--px19: min(1.36vw,19px);

	--px20: min(1.43vw,20px);
	--px21: min(1.5vw,21px);
	--px22: min(1.57vw,22px);
	--px23: min(1.64vw,23px);
	--px24: min(1.71vw,24px);
	--px25: min(1.79vw,25px);
	--px26: min(1.86vw,26px);
	--px27: min(1.93vw,27px);
	--px28: min(2vw,28px);
	--px29: min(2.07vw,29px);

	--px30: min(2.14vw,30px);
	--px31: min(2.21vw,31px);
	--px32: min(2.29vw,32px);
	--px33: min(2.36vw,33px);
	--px34: min(2.43vw,34px);
	--px35: min(2.5vw,35px);
	--px36: min(2.57vw,36px);
	--px37: min(2.64vw,37px);
	--px38: min(2.71vw,38px);
	--px39: min(2.79vw,39px);

	--px40: min(2.86vw,40px);
	--px41: min(2.93vw,41px);
	--px42: min(3vw,42px);
	--px43: min(3.07vw,43px);
	--px44: min(3.14vw,44px);
	--px45: min(3.21vw,45px);
	--px46: min(3.29vw,46px);
	--px47: min(3.36vw,47px);
	--px48: min(3.43vw,48px);
	--px49: min(3.5vw,49px);
	--px50: min(3.57vw,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 {
	cursor: default;
	line-height: 1.6;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-tap-highlight-color: transparent;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	word-break: break-word
}

body {
	margin: 0
}

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
}

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
}

html {
	font-size: calc(1000vw / 1440);
}

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

	@media screen and (max-width:768px) {
		.forPc{display:none;}
		.forSp{display:block;}
		html {
			font-size: calc(1.333333vw);
		}
		html, body {
			overflow-x: hidden;
		}
	}/* --- 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);
	}
}

.ffNoto{
	font-family: "Noto Sans JP",sans-serif;
}

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

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

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

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

.flexBox {
	display: flex;
}

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

.txtRed {
	color: #ee0000 !important;
}

.txtYellow {
	color: #fff000 !important;
}

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

.posRel {
	position: relative !important;
}

.bgGray {
	background-color: #F2F2F2 !important;
}

.bgWhite {
	background-color: #fff !important;
}

.loop01 {
	animation: loopText01 18s linear infinite;
}

.loop02 {
	animation: loopText02 18s linear infinite;
}

.wave01 {
	animation: wave 1.4s ease-in-out 0.5s alternate infinite;
}

.wave02 {
	animation: wave 1.6s ease-in-out 0.5s alternate infinite;
}

.wave03 {
	animation: wave 1.8s ease-in-out 0.5s alternate infinite;
}

.wave04 {
	animation: wave 2s ease-in-out 0.5s alternate infinite;
}

.wave05 {
	animation: wave 2.2s ease-in-out 0.5s alternate infinite;
}

.wave06 {
	animation: wave 2.4s ease-in-out 0.5s alternate infinite;
}

.wave07 {
	animation: wave 2.6s ease-in-out 0.5s alternate infinite;
}

.wave08 {
	animation: wave 2.8s ease-in-out 0.5s alternate infinite;
}

.high{fill: #E94D31 !important;transition: all 0.5s 0s ease;}
/* .high.is_selected{fill: #FADBD5 !important;} */

.middle{fill: #EFAAA8 !important;transition: all 0.5s 0s ease;}
/* .middle.is_selected{fill: #FBEEED !important;} */

.low{fill: #F2DADA !important;transition: all 0.5s 0s ease;}
/* .low.is_selected{fill: #FAF4F4 !important;} */

.wrapper{
	min-width: 0;
	color: #212529;
}

	@media screen and (max-width:768px){
		.wrapper header{
			min-width: 100%;
		}
	}/* --- max-width:768px */

main{
	background: #E6EAEB;
	padding-top: min(3.93vw, 55px);
}

main img{width: 100%;}

.block{
	position: relative;
}

.block > .secInner{
	width: 100%;
	margin: auto;
}

.btnArea {
	text-align: center;
	padding: min(5.71vw, 80px) 0 min(9.14vw, 128px);
}

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

.btnArea .txt span.sideLine {
	display: inline-block;
	position: relative;
	padding: 0 var(--px12);
}

.btnArea .txt span.sideLine::before,
.btnArea .txt span.sideLine::after {
	content: '';
	position: absolute;
	width: var(--px2);
	height: var(--px16);
	background-color: #212529;
	border-radius: var(--px2);
	top: var(--px9);
}

.btnArea .txt span.sideLine::before {
	transform: rotate(-30deg);
	left: 0;
}

.btnArea .txt span.sideLine::after {
	transform: rotate(30deg);
	right: 0;
}

.btnArea .btn {
	margin: var(--px6) auto 0;
	max-width: min(38.86vw, 544px);
	background-color: #212529;
	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;
}

.accordion {
  border-radius: var(--px4);
  overflow: hidden;
  width: 100%;
	margin-top: var(--px24);
	box-shadow: 0 4px 4px 0 rgba(33, 37, 41, 0.16);
}

.accordion-item {
	background-color: #fff;
}

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

.accordion-header::after {
  content: '';
  position: absolute;
  right: var(--px16);
  transition: transform 0.3s;
	top: 50%;
	width: var(--px32);
	height: var(--px32);
	background: url('/images/special/synchroweather/sw/ico_arrow_black.svg') 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: #fff;
  padding: var(--px16) 0;
	color: #9d9d9d;
	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){

		main{
			padding-top: 41px;
		}

		html:has(.is-loaded) {
			overflow-x: hidden;
		}

		.btnArea {
			padding: min(17.33vw, 130px) 0 min(17.07vw, 128px);
		}

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

		.btnArea .txt span.sideLine {
			padding: 0 var(--pxsp32);
		}

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

		.btnArea .txt span.sideLine::before,
		.btnArea .txt span.sideLine::after {
			width: var(--pxsp4);
    	height: var(--pxsp32);
			border-radius: var(--pxsp4);
		}

		.accordion {
			border-radius: var(--pxsp8);
			margin-top: var(--pxsp30);
		}

		.accordion-header {
			padding: 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 */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ animation */
.box {
	opacity: 0;
	transition: all 1s ease;
}

.slide-left {
	transform: translateX(-100px);
}

.slide-right {
	transform: translateX(100px);
}

.slide-up,
.slide-up01 {
	transform: translateY(100px);
}

.showAnim {
	opacity: 1;
	transform: translate(0, 0);
}

.slide-up01.showAnim {
	transition-delay: 1.5s;
}

html {
  opacity: 0;
  visibility: hidden;
}

html:has(.is-loaded) {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}

.is_loading header,
.is_loading .l-sw-main,
.is_loading footer{
	display: none;
}

.img-reveal {
  opacity: 0;
}

.img-reveal01 {
  clip-path: inset(0 100% 0 0);
}

.img-reveal02 {
  clip-path: inset(0 0 0 100%);
}

.img-reveal03 {
  clip-path: inset(0 0 100% 0);
}

.img-reveal04 {
  clip-path: inset(100% 0 0 0);
}

.img-reveal.show {
  clip-path: inset(0 0 0 0);
  opacity: 1;
}

.img-reveal.img01.show {
  transition: clip-path 0.4s ease 0.4s, opacity 0.3s ease-out;
}

.img-reveal.img02.show {
  transition: clip-path 0.4s ease 1.6s, opacity 0.3s ease-out;
}

.img-reveal.img03.show {
  transition: clip-path 0.4s ease 2s, opacity 0.3s ease-out;
}

.img-reveal.img04.show {
  transition: clip-path 0.4s ease 1.2s, opacity 0.3s ease-out;
}

.img-reveal.img05.show {
  transition: clip-path 0.4s ease 0.8s, opacity 0.3s ease-out;
}

.img-reveal.img06.show {
  transition: clip-path 0.4s ease 1.6s, opacity 0.3s ease-out;
}

.img-reveal.img07.show {
  transition: clip-path 0.4s ease 1s, opacity 0.3s ease-out;
}

.img-reveal.img08.show {
  transition: clip-path 0.4s ease 2.2s, opacity 0.3s ease-out;
}

.img-reveal.img09.show {
  transition: clip-path 0.4s ease 0.6s, opacity 0.3s ease-out;
}

.img-reveal.img10.show {
  transition: clip-path 0.4s ease 1.8s, opacity 0.3s ease-out;
}

.img-reveal.img11.show {
  transition: clip-path 0.4s ease 1.4s, opacity 0.3s ease-out;
}

.img-reveal.img12.show {
  transition: clip-path 0.4s ease 2.2s, opacity 0.3s ease-out;
}

.boxClip {
  display: inline-block;
  overflow: hidden;
}

.boxClip img,
.boxClip.clipLeftTxt > * {
  display: block;
  will-change: clip-path;
  transition: clip-path 1s ease-out;
}

.boxClip.clipLeftTxt.clipLeftTxt01 > * {
  transition: clip-path 2s ease-out;
}

.boxClip.clipLeft img,
.boxClip.clipLeftTxt > * {
	clip-path: inset(0 100% 0 0);
}

.boxClip.inView img,
.boxClip.inView > * {
  clip-path: inset(0 0 0 0);
}

	@media screen and (max-width:768px) {
		.img-reveal.imgsp01.show {
			transition: clip-path 0.4s ease 0.4s, opacity 0.3s ease-out;
		}
		
		.img-reveal.imgsp02.show {
			transition: clip-path 0.4s ease 1.2s, opacity 0.3s ease-out;
		}
		
		.img-reveal.imgsp03.show {
			transition: clip-path 0.4s ease 1.4s, opacity 0.3s ease-out;
		}
		
		.img-reveal.imgsp04.show {
			transition: clip-path 0.4s ease 1.6s, opacity 0.3s ease-out;
		}
		
		.img-reveal.imgsp05.show {
			transition: clip-path 0.4s ease 1.4s, opacity 0.3s ease-out;
		}
		
		.img-reveal.imgsp06.show {
			transition: clip-path 0.4s ease 1.6s, opacity 0.3s ease-out;
		}
		
		.img-reveal.imgsp07.show {
			transition: clip-path 0.4s ease 1s, opacity 0.3s ease-out;
		}
		
		.img-reveal.imgsp08.show {
			transition: clip-path 0.4s ease 0.8s, opacity 0.3s ease-out;
		}
	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ header */

@media print, screen and (min-width: 769px) {
	.l-sw-nav .c-sw-nav-item:not(:first-of-type) {
		/* margin-left: var(--px50); */
		margin-left: min(3.57vw, 40px);
	}

	.l-sw-nav .c-sw-nav-item-link .u-strong {
		font-size: var(--px15);
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ mvBlock */
.mvImage {
  display: flex;
  justify-content: space-between;
  min-height: min(53.43vw, 748px);
  background: #fff;
  overflow: hidden;
}

.left-images,
.right-images {
  position: relative;
	width: 50%;
}

.left-images > div {
	position: absolute;
	left: 0;
}

.right-images > div {
	position: absolute;
	right: 0;
}

.mvBlock .left-images > .mv01 {
	width: min(19vw, 266px);
}

.mvBlock .left-images > .mv02 {
	width: min(9.93vw, 139px);
	left: min(19vw, 266px);
}

.mvBlock .left-images > .mv03 {
	width: min(12.5vw, 175px);
	top: min(13.57vw, 190px);
}

.mvBlock .left-images > .mv04 {
	width: min(15.64vw, 219px);
	top: min(25.79vw, 361px);
}

.mvBlock .left-images > .mv05 {
	width: min(19.07vw, 267px);
	top: min(40.43vw, 566px);
}

.mvBlock .left-images > .mv06 {
	width: min(10.07vw, 141px);
	left: min(19.07vw, 267px);
	bottom: 0;
}

.mvBlock .right-images > .mv07 {
	width: min(10.21vw, 143px);
	right: min(19.14vw, 268px);
}

.mvBlock .right-images > .mv08 {
	width: min(19.14vw, 268px);
}

.mvBlock .right-images > .mv09 {
	width: min(14.93vw, 209px);
	top: min(17.86vw, 250px);
}

.mvBlock .right-images > .mv10 {
	width: min(12.36vw, 173px);
	top: min(33.21vw, 465px);
}

.mvBlock .right-images > .mv11 {
	width: min(19.14vw, 268px);
	top: min(40.5vw, 567px);
}

.mvBlock .right-images > .mv12 {
	width: min(10.93vw, 153px);
	right: min(19.14vw, 268px);
	bottom: 0;
}

.center-text {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.3s ease 2.3s, transform 0.3s ease 2.3s;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: calc(-1 * min(13.93vw, 195px));
	margin-top: calc(-1 * min(17.71vw, 248px));
}

.center-text > span {
	display: block;
}

.center-text .img {
	max-width: min(31.07vw, 435px);
	margin-top: var(--px30);
}

.center-text.show {
  opacity: 1;
  transform: translateY(0);
}

.center-text .ttl {
	font-size: min(4.29vw, 60px);
	letter-spacing: 0.12em;
}

.center-text .txt {
	margin-top: min(3.43vw, 48px);
	letter-spacing: 0.12em;
	font-size: var(--px23);
}

	@media screen and (max-width:768px){
		.mvImage {
			min-height: min(166.93vw, 1252px);
		}

		.left-images,
		.right-images {
			width: 100%;
			height: min(40.495vw, 311px);
		}

		.right-images {
			position: absolute;
			bottom: 0;
			left: 0;
		}

		.mvBlock .left-images > .mv01 {
			width: min(41.93vw, 322px);
		}
		
		.mvBlock .left-images > .mv02 {
			width: min(58.07vw, 446px);
			left: min(41.93vw, 322px);
		}
		
		.mvBlock .left-images > .mv03 {
			width: min(15.76vw, 121px);
			top: min(21.88vw, 168px);
		}
		
		.mvBlock .left-images > .mv04 {
			width: min(26.17vw, 201px);
			left: min(15.76vw, 121px);
			top: min(21.88vw, 168px);
		}
		
		.mvBlock .right-images > .mv05 {
			width: min(12.5vw, 96px);
			top: auto;
			bottom: min(14.84vw, 114px);
			left: 0;
			right: auto;
		}
		
		.mvBlock .right-images > .mv06 {
			width: min(27.73vw, 213px);
			left: min(12.5vw, 96px);
			bottom: min(14.84vw, 114px);
		}
		
		.mvBlock .right-images > .mv07 {
			width: min(40.235vw, 309px);
			bottom: 0;
			right: auto;
			left: 0;
		}
		
		.mvBlock .right-images > .mv08 {
			width: min(59.77vw, 459px);
			bottom: 0;
			left: min(40.235vw, 309px);
			right: auto;
		}

		.center-text {
			margin-left: calc(-1 * min(27.2vw, 204px));
			margin-top: calc(-1 * min(34.4vw, 258px));
			transition: opacity 0.4s ease 1.8s, transform 0.4s ease 1.8s;
		}

		.center-text .ttl {
			font-size: min(8vw, 60px);
		}

		.center-text .txt {
			font-size: min(3.2vw, 24px);
			margin-top: min(7.47vw, 56px);
		}

		.center-text .img {
			max-width: min(57.87vw, 435px);
			margin-top: min(3.47vw, 26px);
		}
	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ contentBlock */
.contentBlock {
	position: relative;
}

.bubble {
	position: absolute;
	z-index: 1;
	width: 100%;
}

.bubble.wave01 {
	max-width: min(45.71vw, 640px);
	right: calc(-1 * min(10.93vw, 153px));
	top: min(24.79vw, 347px);
}

.bubble.wave02 {
	max-width: min(34.29vw, 480px);
	left: calc(-1 * min(23.36vw, 327px));
	top: min(9.79vw, 137px);
}

.bubble.wave03 {
	max-width: min(45.71vw, 640px);
	left: calc(-1 * min(13.57vw, 190px));
	top: min(124.07vw, 1737px);
}

.bubble.wave04 {
	max-width: min(28.57vw, 400px);
	right: calc(-1 * min(15vw, 210px));
	top: min(165.5vw, 2317px);
}

.bubble.wave05 {
	max-width: min(37.14vw, 520px);
	right: calc(-1 * min(15vw, 210px));
	top: min(216.29vw, 3028px);
}

.bubble.wave06 {
	max-width: min(45.5vw, 637px);
	left: calc(-1 * min(29.79vw, 417px));
	top: min(186.07vw, 2605px);
}

.area {
	position: relative;
	padding: min(9.14vw, 128px) 0;
}

.area .inner {
	margin: 0 min(11.43vw, 160px);
}

.area .ttl {
	font-size: var(--px24);
}

.area .ttl .en {
	display: inline-block;
	max-width: min(15.43vw, 216px);
	line-height: 1;
}

.area .ttl .jp {
	font-size: var(--px48);
	display: inline-block;
	margin-top: var(--px14);
}

.area .ttl .sm {
	display: inline-block;
	line-height: 1;
}

.area .note {
	font-weight: 500;
	color: #696969;
	font-size: var(--px14);
	margin-top: var(--px5);
}

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

		.area .inner {
			margin: 0 var(--pxsp32);
		}

		.area .ttl {
			font-size: var(--pxsp32);
		}

		.area .ttl .en {
			max-width: min(38.4vw, 288px);
		}

		.area .ttl .jp {
			font-size: min(8.53vw, 64px);
			margin-top: var(--pxsp20);
		}

		.area .note {
			font-size: var(--pxsp24);
			margin-top: 0;
			letter-spacing: 0.04em;
		}

		.bubble.wave01 {
			max-width: min(64vw, 480px);
			right: calc(-1 * min(30.4vw, 228px));
			top: min(70.4vw, 528px);
		}

		.bubble.wave02 {
			max-width: min(42.67vw, 320px);
			left: calc(-1 * min(21.33vw, 160px));
			top: min(50.13vw, 376px);
		}

		.bubble.wave03 {
			max-width: min(64vw, 480px);
			left: calc(-1 * min(32vw, 240px));
			top: min(178.4vw, 1338px);
		}

		.bubble.wave04 {
			max-width: min(53.33vw, 400px);
			right: calc(-1 * min(24.53vw, 184px));
			top: min(293.07vw, 2198px);
		}

		.bubble.wave05 {
			max-width: min(64vw, 480px);
			right: calc(-1 * min(26.93vw, 202px));
			top: min(534.67vw, 4010px);
		}

		.bubble.wave06 {
			max-width: min(42.67vw, 320px);
			left: calc(-1 * min(15.73vw, 118px));
			top: min(478.4vw, 3588px);
		}

		.bubble.wave07 {
			max-width: min(85.33vw, 640px);
			right: calc(-1 * min(49.07vw, 368px));
			top: min(414.4vw, 3108px);
		}

		.bubble.wave08 {
			max-width: min(64vw, 480px);
			left: calc(-1 * min(24vw, 180px));
			top: min(359.47vw, 2696px);
		}
	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ anchorArea */
.anchorArea {
	background-color: #fff;
	padding: min(4.57vw, 64px) var(--px10) min(5.71vw, 80px);
}

.anchorArea .anchorList {
	max-width: 1120px;
	margin: 0 auto;
	gap: var(--px32);
}

.anchorArea .anchorList li {
	width: calc(256 / 1120 * 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 var(--px6);
	border-bottom: 2px solid #dadada;
}

.anchorArea .anchorList a span {
	display: block;
	position: relative;
	padding-right: var(--px20);
	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: min(8.53vw, 64px) 0 min(10.67vw, 80px);
		}

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

		.anchorArea .anchorList li {
			width: calc((100% - min(2.13vw, 16px)) / 2);
			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: var(--pxsp40);
			background-size: var(--pxsp48);
			background-position: center right var(--pxsp16);
			width: 100%;
		}
	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ synchroWeatherArea */
.synchroWeatherArea {
	background: url('/images/special/synchroweather/sw/bg01.jpg') center top no-repeat;
}

.synchroWeatherArea h2.ttl {
	position: relative;
	margin-left: min(11.43vw, 160px);
	z-index: 3;
}

.synchroWeatherArea h2.ttl span {
	max-width: min(48.43vw, 678px);
}

.synchroWeatherArea .ttlSubOuter {
	position: absolute;
	z-index: 2;
	top: min(5.14vw, 72px);
}

.synchroWeatherArea .ttlSub {
	width: 144rem;
}

.synchroWeatherArea > .txt {
	font-size: var(--px24);
	margin-left: min(11.43vw, 160px);
	position: relative;
	z-index: 3;
	margin-top: var(--px35);
}

.synchroWeatherArea > .img {
	margin-top: var(--px48);
	position: relative;
	z-index: 3;
}

.synchroWeatherArea .pointList {
	margin: 0 min(11.43vw, 160px);
}

.synchroWeatherArea .pointList > li {
	padding-top: min(17.14vw, 240px);
	position: relative;
	z-index: 3;
}

.synchroWeatherArea .pointTtl {
	position: absolute;
	right: calc(-1 * var(--px20));
	top: min(3.57vw, 50px);
	z-index: 3;
}

.synchroWeatherArea .pointTtl02 {
	right: calc(-1 * min(5.07vw, 71px));
}

.synchroWeatherArea .pointTtl01 span {
	max-width: min(62.57vw, 876px);
}

.synchroWeatherArea .pointTtl02 span {
	max-width: min(66.07vw, 925px);
}

.synchroWeatherArea .pointList .pointTtlInner span {
	font-size: var(--px28);
	background-color: #212529;
	color: #fff;
	padding: var(--px7) var(--px15);
	display: inline-block;
	position: relative;
	z-index: 3;
}

.synchroWeatherArea .pointList .pointTxt {
	font-size: var(--px24);
	margin-top: var(--px32);
}

.synchroWeatherArea .pointList .pointImageList {
	margin-top: var(--px48);
	gap: var(--px32);
}

.synchroWeatherArea .pointImageList li,
.synchroWeatherArea .pointImageList .img {
	position: relative;
}

.synchroWeatherArea .pointImageList .img::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	max-height: min(6.29vw, 88px);
	background: linear-gradient(to bottom,  rgba(33,37,41,0) 0%,rgba(54,66,78,0.5) 50%,rgba(74,94,114,1) 100%);
}

.synchroWeatherArea .pointImageList .text {
	color: #fff;
	font-size: var(--px24);
	position: absolute;
	bottom: var(--px24);
	left: var(--px24);
}

.synchroWeatherArea .pointImageList .text span {
	display: inline-block;
	border-bottom: var(--px4) solid #fff000;
	text-shadow: 0 13px 13px rgba(255, 255, 255, 0.25);
}

#condition-video {
	width: 100%;
}

	@media screen and (max-width:768px) {
		.synchroWeatherArea {
			background: url('/images/special/synchroweather/sw/sp/bg01_sp.jpg') center top/100% auto repeat-y;
		}

		.synchroWeatherArea .ttlSubOuter {
			top: var(--pxsp34);
		}

		.synchroWeatherArea .ttlSub {
			margin-right: var(--pxsp40);
			width: 75rem;
		}

		.synchroWeatherArea h2.ttl {
			margin-left: var(--pxsp32);
		}

		.synchroWeatherArea h2.ttl span {
			max-width: min(80.8vw, 606px);
		}

		.synchroWeatherArea > .txt {
			font-size: var(--pxsp32);
			margin-left: var(--pxsp32);
			margin-top: var(--pxsp20);
		}

		.synchroWeatherArea > .img {
			margin-top: var(--pxsp50);
		}

		.synchroWeatherArea .pointList {
			margin: 0 var(--pxsp32);
		}

		.synchroWeatherArea .pointTtl {
			left: var(--pxsp22);
			top: min(14.93vw, 112px);
			right: auto;
		}

		.synchroWeatherArea .pointList > li {
			padding-top: min(32vw, 240px);
		}

		.synchroWeatherArea .pointList .pointTtlInner span {
			font-size: var(--pxsp32);
			padding: var(--pxsp16) var(--pxsp24);
		}

		.synchroWeatherArea .pointList .pointTxt {
			font-size: var(--pxsp32);
			font-weight: bold;
			margin-top: var(--pxsp40);
		}

		.synchroWeatherArea .pointList .pointImageList {
			margin-top: var(--pxsp48);
			gap: var(--pxsp48);
			flex-direction: column;
		}

		.synchroWeatherArea .pointImageList .img::before {
			max-height: min(16.8vw, 126px);
			background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(106, 132, 145, 0.5) 50%, rgba(131, 147, 156, 1) 100%);
		}

		.synchroWeatherArea .pointImageList .text {
			font-size: var(--pxsp32);
			bottom: var(--pxsp32);
			left: var(--pxsp32);
		}

		.synchroWeatherArea .pointImageList .text span {
			border-bottom: var(--pxsp4) solid #fff000;
			text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
			padding-bottom: var(--pxsp8);
		}

		.synchroWeatherArea .pointTtl02 {
			left: var(--pxsp8);
		}

		.synchroWeatherArea .pointTtl01 span {
			max-width: min(84.8vw, 636px);
		}

		.synchroWeatherArea .pointTtl02 span {
			max-width: min(89.47vw, 671px);
		}
	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ customerArea */
.customerArea {
	background-color: #fff;
	z-index: 2;
}

.customerArea .customerList {
	flex-wrap: wrap;
	margin-top: var(--px45);
}

.customerArea .customerList .item {
	width: calc(544 / 1120 * 100%);
	border: 1px solid #dadada;
	border-radius: var(--px4);
	box-shadow: 0 4px 4px 0 rgba(51, 51, 51, 0.16);
	padding: var(--px24) var(--px16) var(--px31);
	text-align: center;
	flex-direction: column;
	display: flex;
}

.customerArea .customerList .item:nth-child(n+3) {
	margin-top: var(--px32);
}

.customerArea .customerList .item .ttl {
	font-size: var(--px16);
	text-align: center;
}

.customerArea .customerList .item .ttl span {
	display: inline-block;
	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%);
}

.customerArea .customerList .txt {
	max-height: calc(1.7em * 3);
	overflow: hidden;
	transition: max-height 0.5s ease;
	font-size: var(--px20);
	margin-top: var(--px16);
	text-align: left;
	line-height: 1.7;
	letter-spacing: 0.04em;
	position: relative;
}

.customerArea .customerList .txt > span {
	display: block;
	padding: 0 var(--px16);
}

.customerArea .customerList .txt::before,
.customerArea .customerList .txt::after {
	position: absolute;
	font-size: var(--px16);
	font-weight: bold;
	display: inline-block;
}

.customerArea .customerList .txt::before {
	content: '“';
	left: 0;
	top: 0;
}

.customerArea .customerList .txt::after {
	content: '”';
	right: 0;
	bottom: 0;
	opacity: 0;
	transform: translateY(5px);
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.customerArea .customerList .txt.noMore::after,
.customerArea .customerList .item.expanded .txt::after {
	opacity: 1;
	transform: translateY(0);
}

.customerArea .customerList .item.expanded .txt {
	max-height: 1000px;
	margin-bottom: var(--px8);
}

.customerArea .customerList .btn {
	display: inline-block;
	padding-right: var(--px30);
	position: relative;
	cursor: pointer;
	font-size: var(--px16);
	margin-top: var(--px4);
	align-self: center;
}

.customerArea .customerList .btn::after {
	content: '';
	position: absolute;
	top: 50%;
	right: var(--px3);
	background: url('/images/special/synchroweather/sw/ico_arrow_red.svg') center/contain no-repeat;
	width: var(--px12);
	height: var(--px7);
	margin-top: calc(-1 * var(--px3));
}

.customerArea .customerList .btn.open::after {
	transform: rotate(180deg);
}

.customerArea .customerList .btn.close {
	display: none;
}

.customerArea .customerList .item.expanded .open {
	display: none;
}

.customerArea .customerList .item.expanded .close {
	display: inline-block;
	margin-top: auto;
}

.customerArea .customerLink {
	margin-top: var(--px48);
	text-align: center;
}

.customerArea .customerLink a {
	display: inline-block;
	font-size: var(--px20);
	color: #163E67;
	padding-right: var(--px32);
	background: url('/images/special/synchroweather/sw/ico_window_blue.svg') center right/var(--px24) var(--px24) no-repeat;
	text-decoration: none;
}

.customerArea .customerLink a span {
	display: inline-block;
	position: relative;
}

.customerArea .customerLink a span::after {
	position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #163E67;
  transition: .1s;
}

.customerArea .customerLink a:hover span::after {
  height: 4px;
}

.customerArea .customerBnrLink {
	margin: min(10.07vw, 141px) auto 0;
	max-width: min(66.29vw, 928px);
}

.customerArea .customerBnrLink a {
	width: 100%;
	border: 1px solid #dadada;
	border-radius: var(--px4);
	text-decoration: none;
	box-shadow: 0 4px 4px 0 rgba(51, 51, 51, 0.16);
	transition-property: background-color;
	transition-timing-function: linear;
	transition-duration: .2s;
}

.customerArea .customerBnrLink .img {
	width: calc(440 / 926 * 100%);
	border-radius: var(--px3) 0 0 var(--px3);
	overflow: hidden;
}

.customerArea .customerBnrLink .txt {
	padding: var(--px21) var(--px40);
	width: calc(486 / 926 * 100%);
	color: initial;
	font-size: var(--px24);
	background: url('/images/special/synchroweather/sw/ico_window_black.svg') bottom var(--px20) right var(--px40) /var(--px24) var(--px24) no-repeat;
}

.customerArea .customerBnrLink .txt .lg {
	font-size: var(--px32);
	font-weight: 600;
}

	@media not screen and (max-width:768px) {
		.customerArea .customerBnrLink a:hover {
			background-color: #fff500;
		}
	}

	@media screen and (max-width:768px) {
		.customerArea .inner {
			margin: 0;
		}

		.customerArea.area .ttl {
			margin: 0 var(--pxsp32);
		}

		.customerArea .customerList {
			display: block;
			margin-top: var(--pxsp40);
		}

		.customerArea .customerList .item:nth-child(n+3) {
			margin-top: 0;
		}

		.customerArea .customerList .item {
			border-radius: var(--pxsp8);
			padding: var(--pxsp44) var(--pxsp32) min(6.93vw, 52px);
			margin: 0 var(--pxsp16);
			position: relative;
			min-height: min(55.47vw, 416px);
		}

		.customerArea .customerList .item::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: min(17.07vw, 128px);
			background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,1) 100%);
			z-index: 1;
			border-radius: 0 0 var(--pxsp8) var(--pxsp8);
		}

		.customerArea .customerList .item.expanded::after,
		.customerArea .customerList .item:has(.noMore)::after {
			display: none;
		}

		.customerArea .customerList .item .ttl {
			font-size: var(--pxsp24);
		}

		.customerArea .customerList .txt {
			max-height: calc(1.7em * 3);
			font-size: var(--pxsp28);
			margin-top: var(--pxsp36);
			line-height: 1.7;
			letter-spacing: 0.04em;
		}

		.customerArea .customerList .txt::before,
		.customerArea .customerList .txt::after {
			font-size: var(--pxsp28);
		}

		.customerArea .customerList .txt > span {
			padding: 0 var(--pxsp32);
		}

		.customerArea .customerList .btn {
			padding-right: min(8vw, 60px);
			font-size: var(--pxsp28);
			z-index: 2;
		}

		.customerArea .customerList .btn.open {
			margin-top: calc(-1 * var(--pxsp4));
		}

		.customerArea .customerList .item.expanded .close {
			margin-top: var(--pxsp20) !important;
		}

		.customerArea .customerList .btn::after {
			right: var(--pxsp6);
			width: var(--pxsp24);
			height: var(--pxsp14);
			margin-top: calc(-1 * var(--pxsp6));
		}

		.customerArea .customerList.slick-slider .slick-track {
			padding-bottom: var(--pxsp16);
		}

		.customerArea .customerList.jsSliderSP .slick-list {
			padding: 0 min(12.13vw, 91px) !important;
			transition: padding 0.4s ease;
		}
		
		.customerArea .customerList.jsSliderSP .slick-list.first-slide-active {
			padding: 0 min(22.13vw, 166px) 0 var(--pxsp16) !important;
		}

		.customerArea .customerList.jsSliderSP .slick-prev,
		.customerArea .customerList.jsSliderSP .slick-next {
			width: min(11.73vw, 88px);
			height: min(11.73vw, 88px);
			border-radius: 50%;
			top: min(21.87vw, 162px);
			z-index: 1;
			box-shadow: 0 4px 4px 0 rgba(51, 51, 51, 0.16);
			transform: translateY(0);
  		transition: opacity 0.3s ease, transform 0.3s ease;
		}

		.customerArea .customerList.jsSliderSP .slick-prev {
			left: var(--pxsp32);
			transform: rotate(180deg) translateY(0);
			box-shadow: 0 -4px 4px 0 rgba(51, 51, 51, 0.16);
		}

		.customerArea .customerList.jsSliderSP .slick-next {
			right: var(--pxsp32);
		}

		.customerArea .customerList.jsSliderSP .slick-prev.slick-disabled,
		.customerArea .customerList.jsSliderSP .slick-next.slick-disabled {
			opacity: 0;
			transform: translateY(10px);
			pointer-events: none;
		}

		.customerArea .customerList.jsSliderSP .slick-prev:before,
		.customerArea .customerList.jsSliderSP .slick-next:before {
			display: block;
			width: 100%;
			height: 100%;
			background: url('/images/special/synchroweather/sw/ico_arrow_slider01.png') center/100% no-repeat;
		}

		.slick-loading .slick-list {
			background: none !important;
		}

		.slick-prev:before,
		.slick-next:before {
			font-family: inherit !important;
		}

		.customerArea .customerLink {
			margin-top: var(--pxsp32);
			margin-left: var(--pxsp32);
		}

		.customerArea .customerLink a {
			font-size: var(--pxsp32);
			padding-right: min(8.53vw, 64px);
			background-size: var(--pxsp48) var(--pxsp48);
			text-underline-offset: var(--pxsp6);
		}

		.customerArea .customerBnrLink {
			margin: min(19.47vw, 146px) auto 0;
			max-width: min(91.47vw, 686px);
		}

		.customerArea .customerBnrLink a {
			border-radius: var(--pxsp8);
			box-shadow: 0 4px 4px 0 rgba(51, 51, 51, 0.16);
			display: block;
		}

		.customerArea .customerBnrLink .img {
			width: 100%;
			border-radius: var(--pxsp6) var(--pxsp6) 0 0;
		}

		.customerArea .customerBnrLink .txt {
			padding: var(--pxsp30);
			font-size: var(--pxsp34);
			background-position: bottom var(--pxsp30) right var(--pxsp34);
			background-size: var(--pxsp40) var(--pxsp40);
			line-height: 1.5;
			width: 100%;
			display: block;
		}

		.customerArea .customerBnrLink .txt .lg {
			font-size: var(--pxsp48);
		}
	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ performanceArea */
.performanceArea {
	background: url('/images/special/synchroweather/sw/bg02.jpg') center top no-repeat;
}

.performanceArea .performanceList {
	margin-top: min(4vw, 56px);
}

.performanceArea .performanceList > li:nth-child(n+2) {
	margin-top: min(6.86vw, 96px);
}

.performanceArea .performanceList > li > .ttl > span:first-child {
	font-size: var(--px16);
	background-color: #212529;
	color: #fff;
	display: inline-flex;
	align-items: center;
	gap: var(--px5);
	padding: var(--px2) var(--px16);
	border-radius: var(--px20);
}

.performanceArea .performanceList > li > .ttl > span:first-child span {
	font-size: var(--px20);
}

.performanceArea .performanceList > li > .ttl .lg {
	font-size: var(--px28);
	margin-top: var(--px16);
	display: block;
}

.performanceArea .performanceList .graphBox {
	margin-top: var(--px29);
	background-color: #fff;
	padding: var(--px17) var(--px34) var(--px17) min(4.07vw, 57px);
	align-items: center;
	gap: var(--px40);
	justify-content: center;
}

.performanceArea .performanceList .graphBox .img {
	max-width: min(38.36vw, 537px);
}

.performanceArea .performanceList .graphBox .lst {
	width: min(32.29vw, 452px);
}

.performanceArea .performanceList .graphBox .lst li {
	padding-left: min(4.07vw, 57px);
	font-size: var(--px20);
}

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

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

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

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

.performanceArea .performanceList .graphBox .lst .img {
	max-width: min(13vw, 182px);
	display: block;
}

.performanceArea .videoBox {
	padding-top: min(8.43vw, 118px);
	position: relative;
	margin-top: var(--px29);
}

.videoList li {
	position: relative;
}

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

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

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

.performanceArea .videoBox .leftCol {
	position: absolute;
	width: 100%;
	max-width: min(26.43vw, 370px);
	left: 0;
	top: calc(-1 * var(--px38));
	max-height: min(7.86vw, 110px);
	height: 100%;
}

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

.performanceArea .videoBox .leftCol .box01,
.performanceArea .videoBox .leftCol .box03 {
	color: #fff;
	background: #212529;
	display: block;
	padding: var(--px18) var(--px10);
	max-height: min(7.86vw, 110px);
}

.performanceArea .videoBox .leftCol .box02 {
	background: #FFF000;
	display: block;
	padding: var(--px18) var(--px10);
	max-height: min(7.86vw, 110px);
}

.performanceArea .videoBox .leftCol .box01 .img {
	max-width: min(20.79vw, 291px);
}

.performanceArea .videoBox .leftCol .box02 .img {
	max-width: min(23.07vw, 323px);
}

.performanceArea .videoBox .leftCol .box03 .img {
	max-width: min(24.43vw, 342px);
}

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

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

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

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

.performanceArea .videoBox .rightCol span.top {
	font-size: var(--px18);
	color: #fff;
	background-color: #8e8e8e;
	padding: var(--px16) var(--px5);
	max-height: min(8.43vw, 118px);
}

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

.performanceArea .videoBox .itemYel .rightCol .num {
	font-size: min(6.43vw, 90px);
}

.performanceArea .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;
}

.performanceArea .performanceList > li:last-child > .img {
	margin-top: var(--px32);
}

.performanceArea .performanceList .characteristicBox {
	gap: var(--px16);
	background-color: #212529;
	padding: var(--px24);
}

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

.performanceArea .characteristicBox .item > span {
	display: block;
	padding-left: min(5.57vw, 78px);
	padding-top: var(--px3);
	padding-bottom: var(--px3);
	background: url('/images/special/synchroweather/sw/ico_warning_snowflake.png') center left/min(4.5vw, 63px) min(4.5vw, 63px) no-repeat;
}

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

.performanceArea .characteristicBox .item .lg {
	font-size: var(--px20);
}

	@media screen and (max-width:768px){
		.performanceArea .performanceList {
			margin-top: min(8vw, 72px);
		}

		.performanceArea .performanceList > li:nth-child(n+2) {
			margin-top: min(12.8vw, 96px);
		}

		.performanceArea .performanceList > li > .ttl > span:first-child {
			font-size: var(--pxsp28);
			gap: var(--pxsp5);
			padding: 0 var(--pxsp32) var(--pxsp2);
			border-radius: var(--pxsp32);
		}

		.performanceArea .performanceList > li > .ttl > span:first-child span {
			font-size: var(--pxsp36);
		}

		.performanceArea .performanceList > li > .ttl .lg {
			font-size: var(--pxsp40);
			margin-top: var(--pxsp16);
		}

		.performanceArea .performanceList .graphBox {
			margin: var(--pxsp24) calc(-1 * var(--pxsp32)) 0;
			padding: min(10.13vw, 76px) var(--pxsp32) var(--pxsp50);
			gap: min(17.07vw, 128px);
			flex-direction: column;
		}

		.performanceArea .performanceList .graphBox .img {
			max-width: min(91.47vw, 686px);
		}

		.performanceArea .performanceList .graphBox .lst {
			width: min(83.73vw, 628px);
		}

		.performanceArea .performanceList .graphBox .lst .img {
			max-width: min(42.93vw, 322px);
		}

		.performanceArea .performanceList .graphBox .lst li {
			padding-left: min(13.33vw, 100px);
			font-size: var(--pxsp24);
			background-size: min(9.6vw, 72px) var(--pxsp22) !important;
		}

		.performanceArea .performanceList .graphBox .lst li:nth-child(n+2) {
			margin-top: var(--pxsp24);
		}

		.performanceArea .videoBox {
			padding-top: min(14.93vw, 112px);
			margin: var(--pxsp24) calc(-1 * var(--pxsp32)) 0;
		}

		.performanceArea .videoBox .rightCol {
			max-width: min(24.27vw, 182px);
		}

		.performanceArea .videoBox .leftCol {
			max-width: min(42.13vw, 316px);
			top: calc(-1 * var(--pxsp40));
			max-height: min(12.8vw, 96px);
		}

		.performanceArea .videoBox .leftCol .box01,
		.performanceArea .videoBox .leftCol .box02,
		.performanceArea .videoBox .leftCol .box03 {
			padding: var(--pxsp6) var(--pxsp10);
			max-height: min(12.8vw, 96px);
		}

		.performanceArea .videoBox .leftCol .box01 .img {
			max-width: min(33.07vw, 248px);
			line-height: 1;
		}

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

		.performanceArea .videoBox .leftCol .box03 .img {
			max-width: min(38.93vw, 292px);
			line-height: 1;
		}

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

		.performanceArea .videoBox .rightCol span.top {
			font-size: var(--pxsp22);
			padding: var(--pxsp14) var(--pxsp10);
			max-height: min(14.93vw, 112px);
			line-height: 1.3;
		}

		.performanceArea .videoBox .rightCol .num {
			font-size: min(6.93vw, 52px);
		}

		.performanceArea .videoBox .itemYel .rightCol .num {
			font-size: min(9.07vw, 68px);
		}

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

		.performanceArea .performanceList > li:last-child > .img {
			margin: var(--pxsp26) calc(-1 * var(--pxsp32)) 0;
		}

		.performanceArea .performanceList .characteristicBox {
			gap: var(--pxsp16);
			padding: var(--pxsp32);
			flex-direction: column;
			margin: 0 calc(-1 * var(--pxsp32));
		}

		.performanceArea .performanceList .characteristicBox .item {
			border-radius: var(--pxsp16);
			padding: 0 var(--pxsp32);
			font-size: var(--pxsp28);
			min-height: min(22.13vw, 166px);
			display: flex;
			align-items: center;
			max-width: 100%;
		}

		.performanceArea .characteristicBox .item .lg {
			font-size: var(--pxsp32);
		}

		.performanceArea .characteristicBox .item > span {
			background-size: min(17.07vw, 128px) min(17.07vw, 128px) !important;
			padding-left: min(20.27vw, 152px);
		}

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

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

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ faqArea */
.faqArea {
	background: url('/images/special/synchroweather/sw/bg03.jpg') center top repeat;
}

.faqArea.area .ttl .jp {
	margin-top: 0;
}

.faqArea .faqList {
	margin-top: min(3.79vw, 53px);
}

.faqArea .faqList li .accordion {
	box-shadow: 0 4px 4px 0 rgba(51, 51, 51, 0.16);
}

.faqArea .faqList li:nth-child(n+2) .accordion {
	margin-top: var(--px16);
}

.faqArea .accordion-header {
	color: initial;
	padding: var(--px28) var(--px24);
}

.faqArea .accordion-header::after {
	right: var(--px24);
}

.faqArea .accordion-content {
	color: initial;
	padding-top: var(--px32);
	margin: 0 var(--px24);
	border-top: none;
}

.faqArea .accordion-content .ttl {
	font-size: var(--px20);
}

.faqArea .accordion-content .ttl + div {
	margin-top: var(--px16);
}

.faqArea .accordion-content table {
	width: 100%;
}

.faqArea .accordion-content table th,
.faqArea .accordion-content table td {
	text-align: center;
}

.faqArea .accordion-content table th {
	font-size: var(--px18);
}

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

.faqArea .accordion-content table .row02 th {
	font-weight: normal;
	background-color: #000;
	color: #fff;
}

.faqArea .accordion-content table th.w01 {
	width: calc(228 / 1072 * 100%);
}

.faqArea .accordion-content table th.w02 {
	width: calc(274 / 1072 * 100%);
}

.faqArea .accordion-content table th.w03 {
	width: calc(130 / 1072 * 100%);
}

.faqArea .accordion-content table th.w04 {
	width: calc(310 / 1072 * 100%);
}

.faqArea .accordion-content table td {
	font-size: var(--px18);
}

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

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

.faqArea .accordion-content table td.icon03 {
	position: relative;
}

.faqArea .accordion-content table td.icon03 span {
	display: block;
	position: absolute;
	left: 50%;
	bottom: calc(-1 * var(--px24));
	background: url('/images/special/synchroweather/sw/ico_arrow_big_pc.png') center top/100% auto no-repeat;
	width: min(4.79vw, 67px);
	height: min(3.43vw, 48px);
	margin-left: calc(-1 * var(--px24));
}

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

.faqArea .accordion-content table .row02 td {
	padding: var(--px13) 0;
}

.faqArea .accordion-content table .row03 {
	border: 1px solid #000;
	border-top: 1px dashed #c5c5c5;
}

.faqArea .accordion-content table .row03 td {
	padding: var(--px13) 0;
}

.faqArea .accordion-content table .row04 td {
	padding: var(--px5);
	background-color: #d9d9d9;
}

.faqArea .accordion-content table .row05 {
	border: 1px solid #fff000;
}

.faqArea .accordion-content table .row05 th {
	background-color: #fff000;
}

.faqArea .accordion-content table .row05 td {
	padding: var(--px24) 0;
}

.faqArea .accordion-content table .row05 td.icon04 {
	background: url('/images/special/synchroweather/sw/bg04.png') center/min(35.07vw, 491px) auto no-repeat;
}

.faqArea .accordion-content .row05 .icon04 .posRel span {
	position: absolute;
	top: calc(-1 * var(--px10));
	right: 0;
	color: initial;
	font-size: var(--px10);
}

.faqArea .accordion-content .ttl01 {
	margin-top: min(4.57vw, 64px);
}

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

.faqArea .faqBox .left {
	width: calc(344 / 978 * 100%);
	text-align: center;
}

.faqArea .faqBox .title {
	font-size: var(--px16);
}

.faqArea .faqBox .title .lg {
	font-size: var(--px20);
}

.faqArea .faqBox .text {
	font-size: var(--px14);
	margin-top: var(--px30);
}

.faqArea .faqBox .right {
	width: calc(588 / 978 * 100%);
}

.faqArea .accordion-content .note {
	color: #696969;
	margin-top: var(--px8);
}

	@media screen and (max-width:768px) {
		.faqArea .faqList {
			margin-top: min(7.73vw, 58px);
		}

		.faqArea .accordion-header {
			padding: var(--pxsp48) min(14.93vw, 112px) var(--pxsp46) var(--pxsp48);
			line-height: 1.7;
		}

		.faqArea .accordion-header::after {
			right: var(--pxsp48);
		}

		.faqArea .faqList li:nth-child(n+2) .accordion {
			margin-top: var(--pxsp32);
		}

		.faqArea .accordion-content {
			padding-top: 0;
			margin: 0 var(--pxsp32);
		}

		.faqArea .accordion-content .ttl {
			font-size: var(--pxsp32);
		}

		.faqArea .accordion-content .ttl + div {
			margin-top: var(--pxsp22);
		}

		.faqArea .accordion-content table td,
		.faqArea .accordion-content table th {
			font-size: var(--pxsp22);
		}

		.faqArea .accordion-content table .row01 th {
			font-size: var(--pxsp24);
		}

		.faqArea .accordion-content table th.w01,
		.faqArea .accordion-content table th.w02 {
			width: 26%;
		}

		.faqArea .accordion-content table th.w03 {
			width: 9%;
		}

		.faqArea .accordion-content table th.w04 {
			width: 25%;
		}

		.faqArea .accordion-content table th.w03:last-child {
			width: 14%;
		}

		.faqArea .accordion-content table td {
			vertical-align: top;
			line-height: 1.4;
		}

		.faqArea .accordion-content table td.icon01 span {
			padding-top: var(--pxsp44);
			background-size: var(--pxsp34) var(--pxsp34);
		}

		.faqArea .accordion-content table td.icon02 span {
			padding-top: var(--pxsp44);
			background-size: var(--pxsp36) var(--pxsp36);
		}

		.faqArea .accordion-content table .row01 th:not(:first-child) {
			padding: var(--pxsp10);
		}

		.faqArea .accordion-content table .row02 td {
			padding: var(--pxsp14) 0;
		}

		.faqArea .accordion-content table .row03 td {
			padding: var(--pxsp34) 0 var(--pxsp22);
		}

		.faqArea .accordion-content table .row05 td {
			padding: var(--pxsp20) 0 var(--pxsp14);
		}

		.faqArea .accordion-content table .row04 td {
			padding: var(--pxsp8);
		}

		.faqArea .accordion-content table .row05 td.icon04 {
			background: url('/images/special/synchroweather/sw/sp/bg04_sp.png') center / min(36.53vw, 274px) auto no-repeat;
			vertical-align: middle;
		}

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

		.faqArea .accordion-content table td.icon03 span {
			bottom: calc(-1 * var(--pxsp28));
			width: min(7.47vw, 56px);
			height: var(--pxsp48);
			margin-left: calc(-1 * var(--pxsp34));
			background: url('/images/special/synchroweather/sw/sp/ico_arrow_big_sp.png') center top/100% auto no-repeat;
		}

		.faqArea .accordion-content .ttl01 {
			margin-top: min(9.07vw, 68px);
		}

		.faqArea .faqBox {
			flex-direction: column;
			padding: var(--pxsp30);
		}

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

		.faqArea .faqBox .title {
			font-size: var(--pxsp24);
		}

		.faqArea .faqBox .title .lg {
			font-size: var(--pxsp30);
		}

		.faqArea .faqBox .text {
			font-size: var(--pxsp22);
			margin-top: var(--pxsp14);
			line-height: 1.4;
		}

		.faqArea .faqBox .right {
			width: min(66.8vw, 501px);
			margin-top: var(--pxsp16);
		}

		.faqArea .accordion-content .note {
			margin-top: var(--pxsp20);
			font-size: var(--pxsp20);
			line-height: 1.7;
		}
	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ cmArea */
.cmArea {
	background-color: #212529;
	color: #fff;
}

.cmArea .ttl {
	font-size: var(--px44);
}

.cmArea .c-sw-gallery-list {
	margin-top: min(4.57vw, 64px);
	flex-wrap: wrap;
}

.cmArea .c-sw-gallery-list .m-sw-gallery-list-item-link {
	position: relative;
	display: block;
	text-decoration: none;
	color: inherit;
}

.cmArea .c-sw-gallery-list li .-icon {
	position: absolute;
	display: block;
	background-color: #fff000;
}

.cmArea .c-sw-gallery-list li .-icon::after {
	position: absolute;
	background: #000;
	-webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	content: '';
}

.cmArea .c-sw-gallery-list .m-sw-gallery-list-item-caption {
	margin-top: var(--px16);
	font-size: var(--px20);
}

.cmArea .jsSliderSP01 .slick-prev.slick-disabled:before,
.cmArea .jsSliderSP01 .slick-next.slick-disabled:before {
	display: none;
}

	@media print, screen and (min-width: 769px) {
		.cmArea .c-sw-gallery-list li {
			width: calc(544 / 1120 * 100%);
		}

		.cmArea .c-sw-gallery-list li:nth-child(n+3) {
			margin-top: min(2.29vw, 32px);
		}

		.cmArea .c-sw-gallery-list li .-icon {
			top: calc(50% - 28px);
			left: calc(50% - 28px);
			width: 56px;
			height: 56px;
			border-radius: 50%;
			transition-property: transform;
			transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
			transition-duration: .375s;
		}

		.cmArea .c-sw-gallery-list li .-icon::after {
			width: calc(21px * tan(42deg));
			height: 28px;
			top: calc(50% - 14px);
			left: calc(50% - 7px);
		}

		.cmArea .m-sw-gallery-list-item-link:hover .-icon {
			transform: scale(1.3);
		}

		.cmArea .c-sw-gallery-list .m-sw-gallery-list-item-link {
			border-radius: var(--px4);
			border: 2px solid #fff;
		}
	}

	@media screen and (max-width:768px) {
		.cmArea.area .inner {
			margin: 0;
		}

		.cmArea .ttl {
			font-size: var(--pxsp48);
		}

		.cmArea .c-sw-gallery-list {
			margin-top: min(7.73vw, 58px);
			display: block;
		}

		.cmArea .jsSliderSP01 .slick-slide a {
			border: 3px solid #fff;
			border-radius: var(--pxsp8);
			box-shadow: 0 3px 3.2px 0 rgba(255, 255, 255, 0.24);
			width: min(71.735vw, 538px);
			height: min(41.07vw, 308px);
			transform: scale(0.85);
			opacity: 0.7;
      transition: all 200ms ease;
		}
		
		.cmArea .jsSliderSP01 .slick-active a {
			transform: scale(0.95);
		}
		
		.cmArea .jsSliderSP01 .slick-slide a.is-zoom {
			border-color: #fff000;
			box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.24);
			transform: scale(1);
			opacity: 1;
		}

		.cmArea .jsSliderSP01 .slick-cloned a {
			transition: none !important;
			transform: scale(0.85) !important;
		}

		.cmArea .jsSliderSP01 .slick-track {
			display: flex !important;
			align-items: center;
		}

		.cmArea .c-sw-gallery-list .m-sw-gallery-list-item-caption {
			margin-top: var(--pxsp32);
			font-size: var(--pxsp32);
			opacity: 0;
			transform: translateX(10px);
			transition: all 200ms ease;
		}

		.cmArea .c-sw-gallery-list .slick-slide a.is-zoom + .m-sw-gallery-list-item-caption {
			opacity: 1;
			transform: translateX(0);
		}

		.cmArea .c-sw-gallery-list li .-icon {
			top: calc(50% - min(7.47vw, 56px));
			left: calc(50% - min(7.47vw, 56px));
			width: min(14.935vw, 112px);
			height: min(14.935vw, 112px);
			border-radius: 50%;
		}

		.cmArea .c-sw-gallery-list li .-icon::after {
			width: calc(21px * tan(42deg));
			height: 28px;
			top: calc(50% - 14px);
			left: calc(50% - 7px);
		}

		.cmArea .jsSliderSP01 .slick-prev,
		.cmArea .jsSliderSP01 .slick-next {
			width: min(11.73vw, 88px);
			height: min(11.73vw, 88px);
			border-radius: 50%;
			top: min(16vw, 120px);
			z-index: 1;
			box-shadow: 0 4px 4px 0 rgba(51, 51, 51, 0.16);
			transform: translateY(0);
  		transition: opacity 0.3s ease, transform 0.3s ease;
		}

		.cmArea .jsSliderSP01 .slick-prev {
			left: var(--pxsp32);
			transform: rotate(180deg) translateY(0);
			box-shadow: 0 -4px 4px 0 rgba(51, 51, 51, 0.16);
		}

		.cmArea .jsSliderSP01 .slick-next {
			right: var(--pxsp32);
		}

		.cmArea .jsSliderSP01 .slick-prev:before,
		.cmArea .jsSliderSP01 .slick-next:before {
			display: block;
			font-family: inherit !important;
			width: 100%;
			height: 100%;
			background: url('/images/special/synchroweather/sw/ico_arrow_slider02.png') center/100% no-repeat;
		}
	}/* --- max-width:768px */

	@media screen and (max-width: 768px) and (orientation: landscape) {
		.cmArea .jsSliderSP01 .slick-current.slick-active.slick-center a {
			margin: 0 auto;
			width: 100%;
			height: auto;
		}

		.cmArea .jsSliderSP01 .slick-slide:has(+ .slick-current.slick-active.slick-center) a {
			margin-right: 0;
			margin-left: auto;
		}
	}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ linkArea */
.linkArea {
	padding-bottom: min(4.57vw, 64px);
	background: #fff;
}

.linkArea.area .inner {
	margin: 0 min(12.43vw, 174px);
}

.linkArea .ttlSubOuter {
	position: absolute;
	z-index: 2;
	top: var(--px32);
}

.linkArea .ttlSub {
	width: 144rem;
}

.linkArea .linkBtnList {
	margin-top: min(12.64vw, 177px);
}

.linkArea .linkBtnList li {
	width: calc(343 / 1092 * 100%);
}

.linkArea .linkBtnList li a {
	display: block;
	color: initial;
	text-decoration: none;
	font-size: var(--px18);
	text-align: center;
	width: 100%;
	height: 100%;
	border: 2px solid #212529;
	padding: var(--px16);
	position: relative;
}

.linkArea .linkBtnList li a span {
	background: url('/images/special/synchroweather/sw/ico_window_black.svg') center right var(--px16)/var(--px24) auto no-repeat;
	position: relative;
	display: block;
}

	@media not screen and (max-width:768px) {
		.linkArea .linkBtnList li a::before {
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			background-color: #fff500;
			transform: scaleX(0);
			transform-origin: right top;
			transition-property: transform;
			transition-duration: .5s;
			content: "";
		}

		.linkArea .linkBtnList li a:hover::before {
			transform: scaleX(1);
			transform-origin: left top;
		}
	}

	@media screen and (max-width:768px) {
		.linkArea {
			padding-bottom: min(8.53vw, 64px);
		}

		.linkArea .ttlSub {
			width: 75rem;
		}

		.linkArea .ttlSubOuter {
			top: var(--pxsp32);
		}

		.linkArea.area .inner {
			margin: 0 var(--pxsp32);
		}

		.linkArea .linkBtnList {
			margin-top: min(12.27vw, 92px);
			display: block;
		}

		.linkArea .linkBtnList li {
			width: 100%;
		}

		.linkArea .linkBtnList li:nth-child(n+2) {
			margin-top: var(--pxsp32);
		}

		.linkArea .linkBtnList li a {
			font-size: var(--pxsp36);
			padding: var(--pxsp34);
		}

		.linkArea .linkBtnList li a span {
			background-size: var(--pxsp48);
			background-position: center right 0;
		}
	}/* --- max-width:768px */

.c-sw-footer-copyright {
	font-size: 12px !important;
}