@charset "UTF-8";
body,
html {
	font-size: 10px
}

.anchor,
figure,
nav {
	display: block
}

#cboxTitle,
a,
body {
	color: #000
}

#cboxWrapper,
.cboxPhoto {
	max-width: none
}

#cboxClose:active,
#cboxNext:active,
#cboxPrevious:active,
#cboxSlideshow:active,
#colorbox {
	outline: 0
}

.daikin-air .air-contents__link,
.daikin-air .air-contents__link:hover,
.daikin-air .copy02__movie02--nav a:hover,
a:hover {
	text-decoration: none
}

@keyframes floating {
	0%,
	100% {
		transform: translateY(0)
	}
	50% {
		transform: translateY(10px)
	}
}

@keyframes floating02 {
	0%,
	100% {
		transform: translateY(0)
	}
	50% {
		transform: translateY(-10px)
	}
}

@keyframes wind {
	0%,
	100% {
		opacity: .5
	}
	50% {
		opacity: 1
	}
}

@keyframes shake {
	0%,
	100% {
		transform: translate(0, 0) rotateZ(0)
	}
	25% {
		transform: translate(2px, 2px) rotateZ(1deg)
	}
	50% {
		transform: translate(0, 2px) rotateZ(0)
	}
	75% {
		transform: translate(2px, 0) rotateZ(-1deg)
	}
}

@keyframes fadein {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

* {
	font-style: normal;
	font-weight: 400;
	list-style: none;
	margin: 0;
	padding: 0
}

body {
	background: #fff;
	text-align: center;
	-webkit-text-size-adjust: 100%
}

.anchor {
	font-size: 0;
	height: 0;
	line-height: 0
}

img {
	vertical-align: top
}

svg {
	pointer-events: none
}

.c-smp {
	display: none
}

@media screen and (max-width:480px) {
	.c-pc {
		display: none
	}
	.c-smp {
		display: inline
	}
}

.cboxIframe,
.cboxPhoto {
	display: block;
	border: 0
}

.g-footer {
	position: relative;
	z-index: 10
}

.g-breadcrumbs {
	margin-left: 0;
	margin-right: 0
}

#cboxOverlay,
#cboxWrapper,
#colorbox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .9;
	filter: alpha(opacity=90)
}

#cboxBottomLeft,
#cboxMiddleLeft {
	clear: left
}

#cboxTitle {
	margin: 0;
	position: absolute;
	top: -22px;
	left: 0
}

#cboxLoadingGraphic,
#cboxLoadingOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.cboxPhoto {
	float: left;
	margin: auto;
	-ms-interpolation-mode: bicubic
}

.cboxIframe {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0
}

#cboxContent,
#cboxLoadedContent,
#colorbox {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box
}

#cboxContent {
	position: relative;
	margin-top: 32px;
	overflow: visible;
	background: #000
}

.cboxIframe {
	background: #fff
}

#cboxError {
	padding: 50px
}

#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background: #000
}

#cboxLoadingGraphic {
	background: url(../images/loading.gif) center center no-repeat
}

#cboxLoadingOverlay {
	background: #000
}

#cboxCurrent {
	position: absolute;
	top: -22px;
	right: 205px;
	text-indent: -9999px
}

/* #cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
	cursor: pointer;
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -20px;
	background: url(../images/controls.png) no-repeat
} */

#cboxPrevious {
	background-position: 0 0;
	right: 44px
}

#cboxPrevious:hover {
	background-position: 0 -25px
}

#cboxNext {
	background-position: -25px 0;
	right: 22px
}

#cboxNext:hover {
	background-position: -25px -25px
}

#cboxClose {
	background-position: -50px 0;
	right: 0
}

#cboxClose:hover {
	background-position: -50px -25px
}

.cboxSlideshow_off #cboxPrevious,
.cboxSlideshow_on #cboxPrevious {
	right: 66px
}

.cboxSlideshow_on #cboxSlideshow {
	background-position: -75px -25px;
	right: 44px
}

.cboxSlideshow_on #cboxSlideshow:hover {
	background-position: -100px -25px
}

.cboxSlideshow_off #cboxSlideshow {
	background-position: -100px 0;
	right: 44px
}

.cboxSlideshow_off #cboxSlideshow:hover {
	background-position: -75px -25px
}

.daikin-air {
	background: url(../images/loading02.gif) 50% 50% no-repeat fixed #fff;
	position: relative;
	z-index: 1;
	padding: 0
}

.daikin-air * {
	font-family: FrutigerLTW02-55Roman, helvetica, arial, meiryo, san-serif
}

.g-skip {
	position: absolute;
	left: -100px;
	top: -100px
}

.g-wrapper {
	min-width: 320px
}

.daikin-air .balloon {
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1
}

.daikin-air .balloon .img,
.daikin-air .bg {
	height: 100%;
	width: 100%
}

.daikin-air .balloon .img img {
	height: 100%;
	opacity: 0;
	transition: opacity 2.5s cubic-bezier(.215, .61, .355, 1);
	width: 100%;
	-o-object-position: center top;
	object-position: center top;
	-o-object-fit: cover;
	object-fit: cover
}

@media all and (-ms-high-contrast:none\0) {
	.daikin-air .balloon .img img {
		display: none
	}
	.daikin-air .balloon .img {
		background: url(../images/main.jpg) center top no-repeat;
		background-size: cover;
		opacity: 0;
		transition: opacity 2.5s cubic-bezier(.215, .61, .355, 1)
	}
	.daikin-air .balloon[data-status=show] .img {
		opacity: 1
	}
}

.daikin-air .balloon[data-status=show] .img img {
	opacity: 1
}

.daikin-air .bg {
	background: #00468C;
	position: fixed;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 3
}

.daikin-air .copy,
.daikin-air .copy02 {
	box-sizing: content-box;
	color: #fff;
	margin: 0 auto;
	max-width: 960px;
	padding: 70px 20px;
	position: relative;
	text-align: left;
	z-index: 10
}

@media screen and (max-width:480px) {
	.daikin-air .balloon .img img {
		-o-object-position: 60% top;
		object-position: 60% top
	}
	.daikin-air .copy,
	.daikin-air .copy02 {
		height: auto;
		padding: 130px 20px 50px;
		display: block
	}
}

.daikin-air .copy02__title,
.daikin-air .copy__title {
	color: #fff;
	font-size: 4rem;
	line-height: 57px;
	text-shadow: 0 0 4px rgba(0, 51, 102, .8);
	margin: 0 0 30px;
	letter-spacing: 1px;
	padding: 17px 0 20px
}

@media screen and (max-width:768px) {
	.daikin-air .copy02__title,
	.daikin-air .copy__title {
		font-size: 2.4rem;
		line-height: 1.8em
	}
}

@media screen and (max-width:480px) {
	.daikin-air .copy02__title,
	.daikin-air .copy__title {
		line-height: 1.8em
	}
}

.daikin-air .copy02__title span,
.daikin-air .copy__title span {
	display: inline-block;
	opacity: 0;
	transition: opacity .8s ease
}

.daikin-air .copy02__title span:nth-of-type(0),
.daikin-air .copy__title span:nth-of-type(0) {
	transition-delay: 1s
}

.daikin-air .copy02__title span:nth-of-type(1),
.daikin-air .copy__title span:nth-of-type(1) {
	transition-delay: 1.09s
}

.daikin-air .copy02__title span:nth-of-type(2),
.daikin-air .copy__title span:nth-of-type(2) {
	transition-delay: 1.18s
}

.daikin-air .copy02__title span:nth-of-type(3),
.daikin-air .copy__title span:nth-of-type(3) {
	transition-delay: 1.27s
}

.daikin-air .copy02__title span:nth-of-type(4),
.daikin-air .copy__title span:nth-of-type(4) {
	transition-delay: 1.36s
}

.daikin-air .copy02__title span:nth-of-type(5),
.daikin-air .copy__title span:nth-of-type(5) {
	transition-delay: 1.45s
}

.daikin-air .copy02__title span:nth-of-type(6),
.daikin-air .copy__title span:nth-of-type(6) {
	transition-delay: 1.54s
}

.daikin-air .copy02__title span:nth-of-type(7),
.daikin-air .copy__title span:nth-of-type(7) {
	transition-delay: 1.63s
}

.daikin-air .copy02__title span:nth-of-type(8),
.daikin-air .copy__title span:nth-of-type(8) {
	transition-delay: 1.72s
}

.daikin-air .copy02__title span:nth-of-type(9),
.daikin-air .copy__title span:nth-of-type(9) {
	transition-delay: 1.81s
}

.daikin-air .copy02__title span:nth-of-type(10),
.daikin-air .copy__title span:nth-of-type(10) {
	transition-delay: 1.9s
}

.daikin-air .copy02__title span:nth-of-type(11),
.daikin-air .copy__title span:nth-of-type(11) {
	transition-delay: 1.99s
}

.daikin-air .copy02__title span:nth-of-type(12),
.daikin-air .copy__title span:nth-of-type(12) {
	transition-delay: 2.08s
}

.daikin-air .copy02__title span:nth-of-type(13),
.daikin-air .copy__title span:nth-of-type(13) {
	transition-delay: 2.17s
}

.daikin-air .copy02__title span:nth-of-type(14),
.daikin-air .copy__title span:nth-of-type(14) {
	transition-delay: 2.26s
}

.daikin-air .copy02__title span:nth-of-type(15),
.daikin-air .copy__title span:nth-of-type(15) {
	transition-delay: 2.35s
}

.daikin-air .copy02__title span:nth-of-type(16),
.daikin-air .copy__title span:nth-of-type(16) {
	transition-delay: 2.44s
}

.daikin-air .copy02__title span:nth-of-type(17),
.daikin-air .copy__title span:nth-of-type(17) {
	transition-delay: 2.53s
}

.daikin-air .copy02__title span:nth-of-type(18),
.daikin-air .copy__title span:nth-of-type(18) {
	transition-delay: 2.62s
}

.daikin-air .copy02__title span:nth-of-type(19),
.daikin-air .copy__title span:nth-of-type(19) {
	transition-delay: 2.71s
}

.daikin-air .copy02__title span:nth-of-type(20),
.daikin-air .copy__title span:nth-of-type(20) {
	transition-delay: 2.8s
}

.daikin-air .copy02__title span:nth-of-type(21),
.daikin-air .copy__title span:nth-of-type(21) {
	transition-delay: 2.89s
}

.daikin-air .copy02__title span:nth-of-type(22),
.daikin-air .copy__title span:nth-of-type(22) {
	transition-delay: 2.98s
}

.daikin-air .copy02__title span:nth-of-type(23),
.daikin-air .copy__title span:nth-of-type(23) {
	transition-delay: 3.07s
}

.daikin-air .copy02__title span:nth-of-type(24),
.daikin-air .copy__title span:nth-of-type(24) {
	transition-delay: 3.16s
}

.daikin-air .copy02__title span:nth-of-type(25),
.daikin-air .copy__title span:nth-of-type(25) {
	transition-delay: 3.25s
}

.daikin-air .copy02__title span:nth-of-type(26),
.daikin-air .copy__title span:nth-of-type(26) {
	transition-delay: 3.34s
}

.daikin-air .copy02__title[data-status=show] span,
.daikin-air .copy__title[data-status=show] span {
	opacity: 1
}

.daikin-air .copy02__lead,
.daikin-air .copy__lead {
	color: #fff;
	font-size: 1.8rem;
	line-height: 2em;
	text-shadow: 0 0 4px rgba(0, 51, 102, .8);
	margin: 0 0 55px
}

@media screen and (max-width:480px) {
	.daikin-air .copy02__lead,
	.daikin-air .copy__lead {
		font-size: 1.3rem;
		margin: 0 -10px 50px 0
	}
}

.daikin-air .copy02__lead span,
.daikin-air .copy__lead span {
	display: block;
	opacity: 0;
	transition: opacity .8s ease
}

.daikin-air .copy02__lead span:nth-of-type(0),
.daikin-air .copy__lead span:nth-of-type(0) {
	transition-delay: 0s
}

.daikin-air .copy02__lead span:nth-of-type(1),
.daikin-air .copy__lead span:nth-of-type(1) {
	transition-delay: 250ms
}

.daikin-air .copy02__lead span:nth-of-type(2),
.daikin-air .copy__lead span:nth-of-type(2) {
	transition-delay: .5s
}

.daikin-air .copy02__lead span:nth-of-type(3),
.daikin-air .copy__lead span:nth-of-type(3) {
	transition-delay: 750ms
}

.daikin-air .copy02__lead span:nth-of-type(4),
.daikin-air .copy__lead span:nth-of-type(4) {
	transition-delay: 1s
}

.daikin-air .copy02__lead span:nth-of-type(5),
.daikin-air .copy__lead span:nth-of-type(5) {
	transition-delay: 1.25s
}

.daikin-air .copy02__lead span:nth-of-type(6),
.daikin-air .copy__lead span:nth-of-type(6) {
	transition-delay: 1.5s
}

.daikin-air .copy02__lead span:nth-of-type(7),
.daikin-air .copy__lead span:nth-of-type(7) {
	transition-delay: 1.75s
}

.daikin-air .copy02__lead span:nth-of-type(8),
.daikin-air .copy__lead span:nth-of-type(8) {
	transition-delay: 2s
}

.daikin-air .copy02__lead span:nth-of-type(9),
.daikin-air .copy__lead span:nth-of-type(9) {
	transition-delay: 2.25s
}

.daikin-air .copy02__lead span:nth-of-type(10),
.daikin-air .copy__lead span:nth-of-type(10) {
	transition-delay: 2.5s
}

.daikin-air .copy02__lead span:nth-of-type(11),
.daikin-air .copy__lead span:nth-of-type(11) {
	transition-delay: 2.75s
}

.daikin-air .copy02__lead span:nth-of-type(12),
.daikin-air .copy__lead span:nth-of-type(12) {
	transition-delay: 3s
}

.daikin-air .copy02__lead span:nth-of-type(13),
.daikin-air .copy__lead span:nth-of-type(13) {
	transition-delay: 3.25s
}

.daikin-air .copy02__lead span:nth-of-type(14),
.daikin-air .copy__lead span:nth-of-type(14) {
	transition-delay: 3.5s
}

.daikin-air .copy02__lead span:nth-of-type(15),
.daikin-air .copy__lead span:nth-of-type(15) {
	transition-delay: 3.75s
}

.daikin-air .copy02__lead--mb,
.daikin-air .copy__lead--mb {
	margin-bottom: 30px
}

@media screen and (max-width:480px) {
	.daikin-air .copy02__lead--mb,
	.daikin-air .copy__lead--mb {
		margin-bottom: 1.8em
	}
}

.daikin-air .copy02__lead[data-status=show] span,
.daikin-air .copy__lead[data-status=show] span {
	opacity: 1
}

.daikin-air .copy02__movie02 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 960px
}

.daikin-air .copy02__movie02--nav {
	max-width: 490px
}

.daikin-air .copy02__movie02--nav img {
	width: 100%
}

.daikin-air .copy02__movie02--nav iframe {
	display: block;
	pointer-events: none
}

.daikin-air .copy02__movie02--nav p {
	font-size: 1.5rem;
	line-height: 1.8em;
	text-align: center;
	padding: 12px 0 3px
}

.daikin-air .copy02__movie02--nav a {
	background: #fff;
	color: #000;
	display: block;
	padding: 5px;
	position: relative
}

@media screen and (max-width:480px) {
	.daikin-air .copy02__movie02 {
		display: block
	}
	.daikin-air .copy02__movie02--nav {
		margin: 20px auto 0
	}
	.daikin-air .copy02__movie02--nav iframe {
		height: calc((100vw - 50px) * .563)!important;
		width: calc(100vw - 50px)!important
	}
	.daikin-air .copy02__movie02--nav p {
		font-size: 1.3rem
	}
	.daikin-air .copy02__movie02--nav a {
		border-width: 2px
	}
}

.daikin-air .copy02__movie02--nav a::after {
	border: 2px solid #fff;
	border-radius: 100%;
	box-sizing: border-box;
	content: "";
	height: 60px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	transition: border .2s ease;
	width: 60px
}

@media screen and (max-width:480px) {
	.daikin-air .copy02__movie02--nav a::after {
		height: 50px;
		width: 50px
	}
}

.daikin-air .copy02__movie02--nav a::before {
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width: 9px 0 9px 15px;
	content: "";
	height: 0;
	left: 50%;
	margin: auto auto auto -6px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 0
}

@media screen and (max-width:480px) {
	.daikin-air .copy02__movie02--nav a::before {
		border-width: 7px 0 7px 12px;
		margin: auto auto auto -5px
	}
}

.daikin-air .copy02__movie02--nav a:hover::after {
	border-width: 4px
}

.daikin-air .copy02__movie02--nav a:hover::before {
	transition: transform .3s ease;
	transform-origin: 5px 9px;
	transform: rotate(120deg)
}

.daikin-air .movie {
	margin: 220px 20px 305px;
	position: relative;
	z-index: 10;
	overflow: hidden
}

@media screen and (max-width:480px) {
	.daikin-air .copy02__movie02--nav a:hover::after {
		border-width: 2px
	}
	.daikin-air .copy02__movie02--nav a:hover::before {
		transform: rotate(0)
	}
	.daikin-air .movie {
		margin: 0 20px 150px
	}
}

.daikin-air .movie__img {
	border: 5px solid #fff;
	box-sizing: border-box;
	max-width: 960px;
	cursor: pointer;
	position: relative;
	margin: 0 auto
}

.daikin-air .movie__img a {
	display: block;
	position: relative;
	width: 100%;
	z-index: 10
}

.daikin-air .movie__img a[data-status=hide] {
	z-index: 1
}

/* .daikin-air .movie__img a::before {
	background: url(../images/movie/icon.svg) calc(50% + 6px) center no-repeat;
	border: 5px solid #fff;
	border-radius: 100%;
	box-sizing: border-box;
	content: "";
	height: 80px;
	width: 80px;
	z-index: 10;
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .3s ease
} */

@media screen and (max-width:480px) {
	.daikin-air .movie__img a::before {
		background-position: calc(50% + 4px) center;
		background-size: auto 30px;
		border-width: 3px;
		height: 60px;
		width: 60px
	}
}

.daikin-air .movie__img a:hover::before {
	animation: movie_anm .5s 0s ease 1;
	height: 90px;
	width: 90px
}

@media screen and (max-width:480px) {
	.daikin-air .movie__img a:hover::before {
		height: 70px;
		width: 70px
	}
}

.daikin-air .movie__img img {
	width: 100%
}

.daikin-air .movie__img--block {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5
}

@keyframes movie_anm {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(240deg)
	}
}

.daikin-air .air-contents {
	position: relative;
	z-index: 10
}

.daikin-air .air-contents__list {
	border-top: 1px solid #fff
}

.daikin-air .air-contents__list--item {
	border-bottom: 1px solid #fff
}

.daikin-air .air-contents__link {
	color: #fff;
	display: block;
	height: 160px;
	position: relative;
	transition: background .2s ease
}

@media screen and (max-width:480px) {
	.daikin-air .air-contents__link {
		height: auto
	}
	.daikin-air .air-contents__link::before {
		content: "+"
	}
	.daikin-air .air-contents__link--wrap {
		padding: 0 0 0 100px
	}
}

.daikin-air .air-contents__link.hover {
	background: rgba(255, 255, 255, .8)!important
}

.daikin-air .air-contents__link[data-current=true] {
	background: rgba(255, 255, 255, .4)
}

.daikin-air .air-contents__link::before {
	border: 2px solid #fff;
	border-radius: 100%;
	box-sizing: border-box;
	font-size: 40px;
	height: 50px;
	line-height: 35px;
	opacity: 0;
	transition: opacity .2s ease;
	width: 50px;
	z-index: 1;
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0
}

.daikin-air .air-contents__link.hover::before {
	opacity: 1
}

.daikin-air .air-contents__link--wrap {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	margin: 0 auto;
	max-width: 960px;
	overflow: hidden;
	position: relative;
	text-align: left
}

.daikin-air .air-contents__link--illust {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 200px
}

@media screen and (max-width:768px) {
	.daikin-air .air-contents__link--illust {
		left: -40px;
		transform: scale(.7)
	}
}

@media screen and (max-width:480px) {
	.daikin-air .air-contents__link--illust {
		bottom: 0;
		height: 100px;
		margin: auto 0;
		right: -30px;
		top: 0;
		transform: scale(.6)
	}
	.daikin-air .air-contents__link--office {
		transform: scale(.9)
	}
}

.daikin-air .air-contents__link--illust img {
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0
}

.daikin-air .air-contents__link--office {
	height: 120px;
	width: 188px
}

.daikin-air .air-contents__link--hotel {
	height: 106px;
	width: 130px
}

.daikin-air .air-contents__link--container {
	height: 114px;
	width: 105px
}

.daikin-air .air-contents__link--hospital {
	height: 115px;
	width: 141px
}

.daikin-air .air-contents__link--building {
	height: 112px;
	width: 96px
}

.daikin-air .air-contents__link--summer {
	height: 106px;
	width: 160px
}

.daikin-air .air-contents__link--winter {
	height: 106px;
	left: -16px!important;
	width: 144px
}

.daikin-air .air-contents__link--baby {
	height: 98px;
	width: 98px
}

.daikin-air .air-contents__link--oldage {
	height: 98px;
	width: 70px
}

.daikin-air .air-contents__link--dining {
	height: 114px;
	width: 106px
}

.daikin-air .air-contents__link--stairwell,
.daikin-air .air-contents__link--window {
	height: 114px;
	width: 130px
}

.daikin-air .air-contents__link--night {
	height: 120px;
	width: 130px
}

.daikin-air .air-contents__link--living {
	height: 106px;
	left: -16px!important;
	width: 192px
}

.daikin-air .air-contents__link--sleep {
	height: 108px;
	width: 115px
}

.daikin-air .air-contents__link--concentration {
	height: 100px;
	width: 120px
}

.daikin-air .air-contents__link--relax {
	height: 120px;
	width: 130px
}

.daikin-air .air-contents__link--toyou {
	height: 120px;
	width: 160px
}

.daikin-air .air-contents__link--photo img {
	width: 190px
}

.daikin-air .air-contents__link--text {
	font-size: 2.8rem;
	line-height: 1.6em;
	margin: 0 0 0 220px;
	opacity: 1;
	transition: all .2s ease
}

@media screen and (max-width:960px) {
	.daikin-air .air-contents__link--text {
		font-size: 2rem
	}
}

@media screen and (max-width:768px) {
	.daikin-air .air-contents__link--photo img {
		width: 170px;
		left: 34px
	}
	.daikin-air .air-contents__link--text {
		margin: 0 0 0 150px
	}
}

@media screen and (max-width:480px) {
	.daikin-air .air-contents__link--photo img {
		width: 160px;
		left: -20px
	}
	.daikin-air .air-contents__link--text {
		-ms-flex-align: center;
		align-items: center;
		display: -ms-flexbox;
		display: flex;
		font-size: 1.8rem;
		-ms-flex-pack: start;
		justify-content: flex-start;
		line-height: 1.5em;
		margin: 0 20px;
		min-height: 85px
	}
}

@media screen and (max-width:350px) {
	.daikin-air .air-contents__link--text {
		font-size: 1.5rem;
		margin: 0 15px
	}
}

.daikin-air .air-contents__link.hover .air-contents__link--text {
	opacity: 0
}

.daikin-air .air-contents__link--text02 {
	-ms-flex-align: center;
	align-items: center;
	color: #0085B2;
	display: -ms-flexbox;
	display: flex;
	font-size: 2.8rem;
	height: 3.2em;
	-ms-flex-pack: start;
	justify-content: flex-start;
	left: 0;
	line-height: 1.6em;
	margin: -1.6em 0 0 220px;
	opacity: 0;
	position: absolute;
	top: 50%;
	transition: opacity .2s ease;
	z-index: 5
}

@media screen and (max-width:960px) {
	.daikin-air .air-contents__link--text02 {
		font-size: 2rem
	}
}

@media screen and (max-width:768px) {
	.daikin-air .air-contents__link--text02 {
		margin: -1.6em 0 0 150px
	}
}

@media screen and (max-width:480px) {
	.daikin-air .air-contents__link--text02 {
		display: block;
		font-size: 1.8rem;
		height: auto;
		line-height: 1.5em;
		margin: 0 20px 0 120px;
		top: 50%;
		transform: translateY(-50%)
	}
}

@media screen and (max-width:350px) {
	.daikin-air .air-contents__link--text02 {
		font-size: 1.5rem;
		margin: 0 15px 0 115px
	}
}

.daikin-air .air-contents__link.hover .air-contents__link--text02 {
	opacity: 1
}

.daikin-air .air-contents__link--new::before {
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #fff;
	border-radius: 100%;
	color: #fff;
	content: "NEW";
	display: -ms-flexbox;
	display: flex;
	font-size: 1.5rem;
	height: 50px;
	-ms-flex-pack: center;
	justify-content: center;
	left: 8px;
	position: absolute;
	top: 15px;
	width: 50px;
	box-sizing: border-box;
	padding: 2px 0 0 1px;
	text-align: center;
	transition: all .2s ease;
	z-index: 10;
	background: rgba(51, 136, 204, .6)
}

@media screen and (max-width:768px) {
	.daikin-air .air-contents__link--new::before {
		left: 25px;
		top: 0
	}
}

@media screen and (max-width:480px) {
	.daikin-air .air-contents__link--new::before {
		top: -10px;
		left: 10px
	}
}

.daikin-air .air-contents__link.hover .air-contents__link--new::before {
	border-color: #0085B2;
	color: #0085B2;
	background: 0 0
}

.daikin-air .air-block__answer,
.daikin-air .air-block__text {
	border-bottom: 3px solid #00A3D8;
	border-left: 3px solid #00A3D8;
	border-right: 3px solid #00A3D8
}

@media all and (-ms-high-contrast:none) {
	.air-contents__link--text,
	::-ms-backdrop {
		transition: none!important
	}
}

.daikin-air .air-block {
	background: rgba(0, 70, 140, .6);
	height: 0;
	width: 100%;
	overflow: hidden;
	position: relative
}

.daikin-air .air-block::before {
	background: #f3f3f3;
	content: "";
	display: block;
	height: 0%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.daikin-air .air-block__ctrl {
	cursor: pointer;
	height: 56px;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 56px;
	z-index: 30
}

@media screen and (max-width:480px) {
	.daikin-air .air-block__ctrl {
		top: 5px;
		right: 8px;
		transform: scale(.75)
	}
}

.daikin-air .air-block__ctrl:hover::after,
.daikin-air .air-block__ctrl:hover::before {
	margin: 0 0 0 -3px;
	width: 6px
}

.daikin-air .air-block__ctrl::after,
.daikin-air .air-block__ctrl::before {
	background: #00A3D8;
	content: "";
	height: 56px;
	left: 50%;
	margin: 0 0 0 -1px;
	position: absolute;
	top: 0;
	transition: all .2s ease;
	width: 2px
}

.daikin-air .air-block__ctrl::before {
	transform: rotate(45deg)
}

.daikin-air .air-block__ctrl::after {
	transform: rotate(-45deg)
}

.daikin-air .air-block__wrap {
	box-sizing: border-box;
	height: auto;
	margin: 0 auto;
	max-width: 960px;
	position: relative;
	text-align: left;
	width: 100%;
	z-index: 20;
	visibility: hidden;
	padding: 80px 0
}

.daikin-air .air-block__body {
	box-sizing: border-box;
	width: 510px;
	position: relative;
	overflow: hidden
}

@media screen and (max-width:960px) {
	.daikin-air .air-block__body {
		width: auto;
		margin: 0 20px 600px
	}
}

.daikin-air .air-block__num {
	-ms-flex-align: center;
	align-items: center;
	background: #fff;
	border: 3px solid #00A3D8;
	box-sizing: border-box;
	color: #00A3D8;
	font-size: 3rem;
	font-weight: 400;
	height: 80px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 80px
}

@media screen and (max-width:480px) {
	.daikin-air .air-block__wrap {
		padding: 60px 0 40px
	}
	.daikin-air .air-block__body {
		margin: 0 20px 480px
	}
	.daikin-air .air-block__num {
		font-size: 2rem;
		height: 70px;
		width: 70px
	}
}

.daikin-air .air-block__title {
	-ms-flex-align: center;
	background: #fff;
	border: 3px solid #00A3D8;
	box-sizing: border-box;
	color: #00A3D8;
	font-size: 2.1rem;
	height: 80px;
	line-height: 30px;
	margin: 0;
	padding: 25px 20px 25px 100px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center
}

.daikin-air .air-block__title--ex {
	font-size: 1.9rem
}

@media screen and (max-width:480px) {
	.daikin-air .air-block__title {
		font-size: 1.8rem;
		height: 70px;
		line-height: 25px;
		padding: 20px 10px 20px 80px
	}
	.daikin-air .air-block__title--ex {
		font-size: 1.8rem
	}
}

.daikin-air .air-block__text {
	background: #fff;
	color: #00A3D8;
	font-size: 1.5rem;
	line-height: 1.8em;
	padding: 29px 40px 30px
}

@media screen and (max-width:480px) {
	.daikin-air .air-block__text {
		font-size: 1.3rem;
		padding: 10px 15px;
		line-height: 1.6em
	}
}

.daikin-air .air-block__text--caption {
	display: block;
	font-size: 1rem;
	line-height: 15px;
	margin: 0 0 15px;
	padding: 0 0 0 2em;
	text-indent: -2em
}

.daikin-air .air-block__text--caption+span {
	margin: -15px 0 15px
}

.daikin-air .air-block__text sup {
	font-size: 1rem;
	line-height: 1em
}

.daikin-air .air-block__answer {
	background: #fff;
	color: #00A3D8;
	font-size: 2rem;
	line-height: 1.8em;
	padding: 29px 40px
}

@media screen and (max-width:480px) {
	.daikin-air .air-block__answer {
		font-size: 1.5rem;
		padding: 10px 15px;
		line-height: 1.6em
	}
}

.daikin-air .air-block__caption {
	font-size: 1.2rem;
	line-height: 2em;
	display: block;
	text-indent: -2em;
	padding: 0 0 0 2em
}

@media screen and (max-width:480px) {
	.daikin-air .air-block__caption {
		font-size: 1rem
	}
}

.daikin-air .air-block__caption02 {
	font-size: 1.2rem
}

.daikin-air .air-block__illust {
	position: absolute;
	right: 30px;
	top: 138px;
	width: 350px
}

@media screen and (max-width:960px) {
	.daikin-air .air-block__illust {
		right: 50%!important;
		top: auto;
		bottom: 610px;
		margin: 0 -175px 0 0
	}
}

.daikin-air .air-block__illust li {
	left: 0;
	opacity: 0;
	padding-bottom: 45px;
	position: absolute;
	top: 0
}

@media screen and (max-width:480px) {
	.daikin-air .air-block__caption02 {
		font-size: 1rem
	}
	.daikin-air .air-block__illust {
		margin: 0 -160px 0 0;
		width: 320px;
		height: 420px;
		bottom: 137px
	}
	.daikin-air .air-block__illust li {
		padding-bottom: 20px;
		width: 100%
	}
	.daikin-air .air-block__illust li::before {
		transform: scale(.75);
		margin-left: -13px
	}
}

.daikin-air .air-block__illust li::before {
	background: url(../images/shadow.svg) left top no-repeat;
	bottom: 0;
	content: "";
	height: 210px;
	left: 0;
	position: absolute;
	width: 350px;
	z-index: 1
}

.daikin-air .air-block__illust[data-status=animation] li:nth-of-type(1) {
	animation: fade 4s ease 50ms 1 forwards
}

.daikin-air .air-block__illust[data-status=animation] li:nth-of-type(2) {
	animation: fade 4s ease 4.05s 1 forwards
}

.daikin-air .air-block__illust[data-status=animation] li:nth-of-type(3) {
	animation: fadeLast 4s ease 8.05s 1 forwards
}

.daikin-air .air-block__illust[data-status=loop] li:nth-of-type(1) {
	animation: fadeLoop 12s ease 50ms infinite forwards
}

.daikin-air .air-block__illust[data-status=loop] li:nth-of-type(2) {
	animation: fadeLoop 12s ease 4.05s infinite forwards
}

.daikin-air .air-block__illust[data-status=loop] li:nth-of-type(3) {
	animation: fadeLoop 12s ease 8.05s infinite forwards
}

.daikin-air .air-block__illust--img {
	position: relative;
	z-index: 10
}

@media screen and (max-width:480px) {
	.daikin-air .air-block__illust--img {
		transform: scale(.75);
		margin-left: -13px
	}
}

.daikin-air .air-block__illust--caption {
	font-size: 1.8rem;
	line-height: 1.6em;
	margin: 0 0 20px;
	min-height: 3.2em;
	text-align: center;
	width: 350px;
	color: #00A3D8
}

@media screen and (max-width:480px) {
	.daikin-air .air-block__illust--caption {
		font-size: 1.5rem;
		margin: 0 0 -30px!important;
		width: auto
	}
}

@keyframes fade {
	0%,
	100% {
		opacity: 0
	}
	10%,
	90% {
		opacity: 1
	}
}

@keyframes fadeLast {
	0% {
		opacity: 0
	}
	10%,
	100% {
		opacity: 1
	}
}

@keyframes fadeLoop {
	0% {
		opacity: 0
	}
	3%,
	30.4% {
		opacity: 1
	}
	100%,
	33.4% {
		opacity: 0
	}
}

.daikin-air .air-block__anmillust {
	position: absolute;
	right: 0;
	top: 98px;
	width: 450px;
	z-index: 50
}

@media screen and (max-width:960px) {
	.daikin-air .air-block__anmillust {
		right: 50%!important;
		top: auto;
		bottom: 30px;
		margin: 0 -204px 0 0
	}
}

@media screen and (max-width:480px) {
	.daikin-air .air-block__anmillust {
		margin: 0 -160px 0 0;
		width: 320px;
		height: 360px;
		bottom: 137px
	}
}

.daikin-air .air-block__anmillust ol {
	position: relative;
	min-height: 81px;
	text-shadow: 1.5px 1.5px 0 #f3f3f3, 1.5px -1.5px 0 #f3f3f3, -1.5px -1.5px 0 #f3f3f3, -1.5px 1.5px 0 #f3f3f3;
	font-size: 1.8rem;
	width: 350px;
	margin: 0 0 0 70px;
	transition: opacity .2s ease;
	z-index: 10
}

@media screen and (max-width:480px) {
	.daikin-air .air-block__anmillust ol {
		font-size: 1.5rem;
		margin: 0;
		width: 100%;
		min-height: 60px
	}
}

.daikin-air .air-block__anmillust ol[data-status=default] {
	opacity: 0
}

.daikin-air .air-block__anmillust ol[data-status=step01],
.daikin-air .air-block__anmillust ol[data-status=step02],
.daikin-air .air-block__anmillust ol[data-status=step03] {
	opacity: 1
}

.daikin-air .air-block__anmillust ol[data-status=default] li:nth-of-type(1),
.daikin-air .air-block__anmillust ol[data-status=default] li:nth-of-type(2) {
	transform: scale(1, 0)
}

.daikin-air .air-block__anmillust ol[data-status=default] li:nth-of-type(3) {
	transform: scale(1, 0);
	top: -58px;
	opacity: 0
}

.daikin-air .air-block__anmillust ol[data-status=step01] li:nth-of-type(1) {
	transform: scale(1, 1)
}

.daikin-air .air-block__anmillust ol[data-status=step01] li:nth-of-type(2),
.daikin-air .air-block__anmillust ol[data-status=step01] li:nth-of-type(3) {
	transform: scale(1, 0)
}

.daikin-air .air-block__anmillust ol[data-status=step02] li:nth-of-type(1) {
	transform: scale(1, 0);
	top: -58px;
	opacity: 0
}

.daikin-air .air-block__anmillust ol[data-status=step02] li:nth-of-type(2) {
	transform: scale(1, 1)
}

.daikin-air .air-block__anmillust ol[data-status=step02] li:nth-of-type(3) {
	transform: scale(1, 0)
}

.daikin-air .air-block__anmillust ol[data-status=step03] li:nth-of-type(1),
.daikin-air .air-block__anmillust ol[data-status=step03] li:nth-of-type(2) {
	transform: scale(1, 0);
	top: -58px;
	opacity: 0
}

.daikin-air .air-block__anmillust ol[data-status=step03] li:nth-of-type(3) {
	transform: scale(1, 1)
}

.daikin-air .air-block__anmillust ol li {
	color: #00A3D8;
	counter-increment: num;
	font-size: 1.8rem;
	font-weight: 700;
	left: 0;
	line-height: 1.6em;
	min-height: 58px;
	position: absolute;
	text-align: center;
	top: 0;
	transition: all .5s cubic-bezier(.215, .61, .355, 1);
	transform-origin: center bottom;
	width: 100%
}

.daikin-air .air-block__anmillust ol li::before {
	content: counter(num) ". "
}

.daikin-air .air-block__anmillust ol li.ex::before {
	content: none
}

.daikin-air .air-block__anmillust--img {
	box-sizing: content-box;
	min-height: 500px;
	padding-bottom: 60px;
	position: relative;
	width: 450px;
	z-index: 1;
	opacity: 1;
	transition: opacity .2s ease
}

@media screen and (max-width:480px) {
	.daikin-air .air-block__anmillust ol li {
		font-size: 1.5rem
	}
	.daikin-air .air-block__anmillust--img {
		transform: scale(.6);
		margin: -110px 0 0 -78px
	}
}

.daikin-air .air-block__anmillust--img::before {
	background: url(../images/shadow.svg) left top no-repeat;
	bottom: 1px;
	content: "";
	height: 262px;
	left: 28px;
	position: absolute;
	width: 438px;
	z-index: 1
}

.daikin-air .air-block__anmillust--img[data-status=default] {
	transition: none;
	opacity: 0
}

.daikin-air .air-block__anmillust--img .mask {
	width: 448px;
	height: 556px;
	position: absolute;
	left: 23px;
	top: 0;
	z-index: 1000;
	background: url(../images/mask.svg) left top no-repeat;
	background-size: 448px 556px
}

.daikin-air .air-block__anmillust--img .room {
	width: 437px;
	height: 494px;
	position: absolute;
	right: -15px;
	top: 0;
	z-index: 100;
	background: url(../images/room.svg) left top no-repeat
}

.daikin-air .air-block__anmillust--img .wall-bottom,
.daikin-air .air-block__anmillust--img .wall-left,
.daikin-air .air-block__anmillust--img .wall-right {
	height: 223px;
	left: 45px;
	position: absolute;
	top: 77px;
	transform: skewY(-30deg);
	width: 202px;
	z-index: 130
}

.daikin-air .air-block__anmillust--img .wall-right {
	left: auto;
	right: 1px;
	transform: skewY(30deg)
}

.daikin-air .air-block__anmillust--img .wall-bottom {
	height: 203px;
	left: 130px;
	top: 256px;
	transform: rotate(30deg) skewX(-30deg);
	width: 234px
}

.daikin-air .air-block__btn {
	bottom: 80px;
	position: absolute;
	right: -5px;
	z-index: 100;
	font-size: 0;
	opacity: 0
}

@media screen and (max-width:960px) {
	.daikin-air .air-block__btn {
		bottom: 40px!important;
		width: 100%;
		right: 0
	}
	.daikin-air .air-block__btn ul {
		margin: 0 auto
	}
}

.daikin-air .air-block__btn ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	width: 420px
}

@media screen and (max-width:480px) {
	.daikin-air .air-block__btn {
		bottom: 10px!important
	}
	.daikin-air .air-block__btn ul {
		display: block;
		width: auto
	}
}

.daikin-air .air-block__btn--item {
	margin: 0 5px;
	display: inline-block
}

@media screen and (max-width:480px) {
	.daikin-air .air-block__btn--item {
		display: block;
		margin: 0 20px 10px
	}
}

.daikin-air .air-block__btn--item a {
	min-width: 200px
}

.daikin-air .air-block {
	transition: height .5s 150ms cubic-bezier(0, 0, 0, 1)
}

.daikin-air .air-block::before {
	transition: height .5s cubic-bezier(0, 0, 0, 1)
}

.daikin-air .air-block__body {
	height: 0%
}

.daikin-air .air-block[data-status=show] {
	transition: height .5s cubic-bezier(.19, 1, .22, 1)
}

.daikin-air .air-block[data-status=show]::before {
	transition: height .5s 150ms cubic-bezier(.19, 1, .22, 1);
	height: 100%
}

.daikin-air .air-block[data-status=show] .air-block__wrap {
	height: 100%;
	visibility: visible
}

.daikin-air .air-block[data-status=show] .air-block__body {
	animation: air-body .3s ease .5s 1 forwards
}

.daikin-air .air-block[data-status=show] .air-block__btn {
	animation: air-btn .3s ease 750ms 1 forwards
}

@keyframes air-body {
	0% {
		height: 0%
	}
	100% {
		height: 100%
	}
}

@keyframes air-btn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

/* #illust-baby .machine {
	background: url(../images/baby/machine.svg) left top no-repeat;
	height: 137px;
	width: 80px;
	background-size: 80px 137px;
	left: 96px;
	position: absolute;
	top: 211px;
	z-index: 200
} */

/* #illust-baby .line {
	background: url(../images/baby/line.svg) left top no-repeat;
	height: 258px;
	width: 333px;
	background-size: 333px 258px;
	left: 58px;
	position: absolute;
	top: 121px;
	z-index: 210
} */

#illust-baby .bed {
	background: left top no-repeat;
	height: 182px;
	width: 178px;
	background-size: 178px 182px;
	left: 229px;
	position: absolute;
	top: 202px;
	z-index: 150
}

/* #illust-baby .bed--01 {
	background-image: url(../images/baby/bed_01.svg)
} */

/* #illust-baby .bed--02 {
	background-image: url(../images/baby/bed_02.svg)
} */

/* #illust-baby .filter {
	background: url(../images/baby/filter.svg) left top no-repeat;
	height: 495px;
	width: 439px;
	background-size: 439px 495px;
	left: 28px;
	position: absolute;
	top: 0;
	z-index: 300
} */

#illust-baby .shock--01,
#illust-baby .shock--02 {
	height: 78px;
	top: 203px;
	z-index: 100;
	position: absolute
}

#illust-baby .shock {
	/* background: url(../images/baby/shock.svg) left top no-repeat; */
	background-size: 141px 79px!important
}

#illust-baby .shock--01 {
	width: 121px;
	background-size: 121px 78px;
	left: 316px
}

#illust-baby .shock--02 {
	width: 90px;
	background-size: 90px 78px;
	left: 0
}

#illust-baby .dust01 li,
#illust-baby .dust01_02 li {
	height: 31px;
	width: 31px;
	background-size: 31px 31px
}

/* #illust-baby .dust01 li::before,
#illust-baby .dust01_02 li::before {
	background: url(../images/baby/dust_01.svg) left top no-repeat;
	height: 31px;
	width: 31px;
	background-size: 31px 31px;
	content: "";
	display: block
} */

#illust-baby .dust010,
#illust-baby .dust01_020 {
	left: 58px;
	position: absolute;
	top: 296px;
	z-index: 190
}

#illust-baby .dust010::before,
#illust-baby .dust01_020::before {
	transform: rotate(153deg)
}

#illust-baby .dust011,
#illust-baby .dust01_021 {
	left: 77px;
	position: absolute;
	top: 194px;
	z-index: 190
}

#illust-baby .dust011::before,
#illust-baby .dust01_021::before {
	transform: rotate(57deg)
}

#illust-baby .dust012,
#illust-baby .dust01_022 {
	left: 166px;
	position: absolute;
	top: 369px;
	z-index: 190
}

#illust-baby .dust012::before,
#illust-baby .dust01_022::before {
	transform: rotate(25deg)
}

#illust-baby .dust013,
#illust-baby .dust01_023 {
	left: 179px;
	position: absolute;
	top: 216px;
	z-index: 190
}

#illust-baby .dust013::before,
#illust-baby .dust01_023::before {
	transform: rotate(124deg)
}

#illust-baby .dust014,
#illust-baby .dust01_024 {
	left: 191px;
	position: absolute;
	top: 98px;
	z-index: 190
}

#illust-baby .dust014::before,
#illust-baby .dust01_024::before {
	transform: rotate(165deg)
}

#illust-baby .dust015,
#illust-baby .dust01_025 {
	left: 236px;
	position: absolute;
	top: 385px;
	z-index: 190
}

#illust-baby .dust015::before,
#illust-baby .dust01_025::before {
	transform: rotate(25deg)
}

#illust-baby .dust016,
#illust-baby .dust01_026 {
	left: 384px;
	position: absolute;
	top: 180px;
	z-index: 190
}

#illust-baby .dust016::before,
#illust-baby .dust01_026::before {
	transform: rotate(134deg)
}

#illust-baby .dust01_020 {
	left: 147px;
	position: absolute;
	top: 78px;
	z-index: 190
}

#illust-baby .dust01_021 {
	left: 343px;
	position: absolute;
	top: 140px;
	z-index: 190
}

#illust-baby .dust01_022 {
	left: 264px;
	position: absolute;
	top: 156px;
	z-index: 190
}

#illust-baby .dust01_023 {
	left: 143px;
	position: absolute;
	top: 326px;
	z-index: 190
}

#illust-baby .dust01_024 {
	left: 342px;
	position: absolute;
	top: 335px;
	z-index: 190
}

#illust-baby .dust01_025 {
	left: 217px;
	position: absolute;
	top: 393px;
	z-index: 190
}

#illust-baby .dust02 li,
#illust-baby .dust02_02 li {
	height: 31px;
	width: 35px;
	background-size: 35px 31px
}

/* #illust-baby .dust02 li::before,
#illust-baby .dust02_02 li::before {
	background: url(../images/baby/dust_02.svg) left top no-repeat;
	height: 31px;
	width: 35px;
	background-size: 35px 31px;
	content: "";
	display: block
} */

#illust-baby .dust020,
#illust-baby .dust02_020 {
	left: 122px;
	position: absolute;
	top: 123px;
	z-index: 190
}

#illust-baby .dust020::before,
#illust-baby .dust02_020::before {
	transform: rotate(78deg)
}

#illust-baby .dust021,
#illust-baby .dust02_021 {
	left: 209px;
	position: absolute;
	top: 333px;
	z-index: 190
}

#illust-baby .dust021::before,
#illust-baby .dust02_021::before {
	transform: rotate(26deg)
}

#illust-baby .dust022,
#illust-baby .dust02_022 {
	left: 270px;
	position: absolute;
	top: 153px;
	z-index: 190
}

#illust-baby .dust022::before,
#illust-baby .dust02_022::before {
	transform: rotate(154deg)
}

#illust-baby .dust023,
#illust-baby .dust02_023 {
	left: 308px;
	position: absolute;
	top: 89px;
	z-index: 190
}

#illust-baby .dust023::before,
#illust-baby .dust02_023::before {
	transform: rotate(124deg)
}

#illust-baby .dust024,
#illust-baby .dust02_024 {
	left: 295px;
	position: absolute;
	top: 370px;
	z-index: 190
}

#illust-baby .dust024::before,
#illust-baby .dust02_024::before {
	transform: rotate(54deg)
}

#illust-baby .dust02_020 {
	left: 125px;
	position: absolute;
	top: 92px;
	z-index: 190
}

#illust-baby .dust02_021 {
	left: 24px;
	position: absolute;
	top: 134px;
	z-index: 190
}

#illust-baby .dust02_022 {
	left: 362px;
	position: absolute;
	top: 156px;
	z-index: 190
}

#illust-baby .dust02_023 {
	left: 261px;
	position: absolute;
	top: 374px;
	z-index: 190
}

#illust-baby .dust03 li,
#illust-baby .dust03_02 li {
	background: #777;
	border-radius: 16px;
	height: 16px;
	position: absolute;
	width: 16px
}

#illust-baby .dust030,
#illust-baby .dust03_020 {
	left: 55px;
	position: absolute;
	top: 256px;
	z-index: 190
}

#illust-baby .dust031,
#illust-baby .dust03_021 {
	left: 193px;
	position: absolute;
	top: 273px;
	z-index: 190
}

#illust-baby .dust032,
#illust-baby .dust03_022 {
	left: 355px;
	position: absolute;
	top: 216px;
	z-index: 190
}

#illust-baby .dust033,
#illust-baby .dust03_023 {
	left: 225px;
	position: absolute;
	top: 182px;
	z-index: 190
}

#illust-baby .dust034,
#illust-baby .dust03_024 {
	left: 340px;
	position: absolute;
	top: 154px;
	z-index: 190
}

#illust-baby .dust03_020 {
	left: 218px;
	position: absolute;
	top: 46px;
	z-index: 190
}

#illust-baby .dust03_021 {
	left: 161px;
	position: absolute;
	top: 212px;
	z-index: 190
}

#illust-baby .dust03_022 {
	left: 229px;
	position: absolute;
	top: 272px;
	z-index: 190
}

#illust-baby .dust03_023 {
	left: 49px;
	position: absolute;
	top: 324px;
	z-index: 190
}

#illust-baby .dust03_024 {
	left: 370px;
	position: absolute;
	top: 325px;
	z-index: 190
}

#illust-baby .air li {
	background: #fff;
	border-radius: 16px;
	height: 16px;
	position: absolute;
	width: 16px
}

#illust-baby .air0 {
	left: 215px;
	position: absolute;
	top: 169px;
	z-index: 190
}

#illust-baby .air1 {
	left: 242px;
	position: absolute;
	top: 413px;
	z-index: 190
}

#illust-baby .air-block__anmillust--img[data-status=step04] .wall-left {
	background: #95dbff
}

#illust-baby .air-block__anmillust--img[data-status=step04] .wall-right {
	background: #b3e5ff
}

#illust-baby .air-block__anmillust--img[data-status=step04] .wall-bottom {
	background: #d1efff
}

#illust-baby .air-block__anmillust--img .dust01 li,
#illust-baby .air-block__anmillust--img .dust01_02 li,
#illust-baby .air-block__anmillust--img .dust02 li,
#illust-baby .air-block__anmillust--img .dust02_02 li,
#illust-baby .air-block__anmillust--img .dust03 li,
#illust-baby .air-block__anmillust--img .dust03_02 li {
	animation: floating 3.5s ease 0s infinite forwards;
	transition: left .5s cubic-bezier(.55, .055, .675, .19), top .5s cubic-bezier(.55, .055, .675, .19)
}

#illust-baby .air-block__anmillust--img .dust01 li:nth-of-type(2n),
#illust-baby .air-block__anmillust--img .dust01_02 li:nth-of-type(2n),
#illust-baby .air-block__anmillust--img .dust02 li:nth-of-type(2n),
#illust-baby .air-block__anmillust--img .dust02_02 li:nth-of-type(2n),
#illust-baby .air-block__anmillust--img .dust03 li:nth-of-type(2n),
#illust-baby .air-block__anmillust--img .dust03_02 li:nth-of-type(2n) {
	animation: floating02 3.5s ease 0s infinite forwards
}

#illust-baby .air-block__anmillust--img .dust010,
#illust-baby .air-block__anmillust--img .dust01_020,
#illust-baby .air-block__anmillust--img .dust020,
#illust-baby .air-block__anmillust--img .dust02_020,
#illust-baby .air-block__anmillust--img .dust030,
#illust-baby .air-block__anmillust--img .dust03_020 {
	transition-delay: 0s!important
}

#illust-baby .air-block__anmillust--img .dust011,
#illust-baby .air-block__anmillust--img .dust01_021,
#illust-baby .air-block__anmillust--img .dust021,
#illust-baby .air-block__anmillust--img .dust02_021,
#illust-baby .air-block__anmillust--img .dust031,
#illust-baby .air-block__anmillust--img .dust03_021 {
	transition-delay: .1s!important
}

#illust-baby .air-block__anmillust--img .dust012,
#illust-baby .air-block__anmillust--img .dust01_022,
#illust-baby .air-block__anmillust--img .dust022,
#illust-baby .air-block__anmillust--img .dust02_022,
#illust-baby .air-block__anmillust--img .dust032,
#illust-baby .air-block__anmillust--img .dust03_022 {
	transition-delay: .2s!important
}

#illust-baby .air-block__anmillust--img .dust013,
#illust-baby .air-block__anmillust--img .dust01_023,
#illust-baby .air-block__anmillust--img .dust023,
#illust-baby .air-block__anmillust--img .dust02_023,
#illust-baby .air-block__anmillust--img .dust033,
#illust-baby .air-block__anmillust--img .dust03_023 {
	transition-delay: .3s!important
}

#illust-baby .air-block__anmillust--img .dust014,
#illust-baby .air-block__anmillust--img .dust01_024,
#illust-baby .air-block__anmillust--img .dust024,
#illust-baby .air-block__anmillust--img .dust02_024,
#illust-baby .air-block__anmillust--img .dust034,
#illust-baby .air-block__anmillust--img .dust03_024 {
	transition-delay: .4s!important
}

#illust-baby .air-block__anmillust--img .dust015,
#illust-baby .air-block__anmillust--img .dust01_025,
#illust-baby .air-block__anmillust--img .dust025,
#illust-baby .air-block__anmillust--img .dust02_025,
#illust-baby .air-block__anmillust--img .dust035,
#illust-baby .air-block__anmillust--img .dust03_025 {
	transition-delay: .5s!important
}

#illust-baby .air-block__anmillust--img .dust016,
#illust-baby .air-block__anmillust--img .dust01_026,
#illust-baby .air-block__anmillust--img .dust026,
#illust-baby .air-block__anmillust--img .dust02_026,
#illust-baby .air-block__anmillust--img .dust036,
#illust-baby .air-block__anmillust--img .dust03_026 {
	transition-delay: .6s!important
}

#illust-baby .air-block__anmillust--img .dust017,
#illust-baby .air-block__anmillust--img .dust01_027,
#illust-baby .air-block__anmillust--img .dust027,
#illust-baby .air-block__anmillust--img .dust02_027,
#illust-baby .air-block__anmillust--img .dust037,
#illust-baby .air-block__anmillust--img .dust03_027 {
	transition-delay: .7s!important
}

#illust-baby .air-block__anmillust--img[data-status=step02] .dust01 li,
#illust-baby .air-block__anmillust--img[data-status=step02] .dust02 li,
#illust-baby .air-block__anmillust--img[data-status=step02] .dust03 li,
#illust-baby .air-block__anmillust--img[data-status=step03] .dust01 li,
#illust-baby .air-block__anmillust--img[data-status=step03] .dust02 li,
#illust-baby .air-block__anmillust--img[data-status=step03] .dust03 li {
	left: 135px;
	top: 273px
}

#illust-baby .air-block__anmillust--img[data-status=step03] .dust01 li,
#illust-baby .air-block__anmillust--img[data-status=step03] .dust02 li,
#illust-baby .air-block__anmillust--img[data-status=step03] .dust03 li,
#illust-baby .air-block__anmillust--img[data-status=step04] .dust01 li,
#illust-baby .air-block__anmillust--img[data-status=step04] .dust02 li,
#illust-baby .air-block__anmillust--img[data-status=step04] .dust03 li {
	opacity: 0
}

#illust-baby .air-block__anmillust--img .air li {
	opacity: 0;
	animation: floating 3.5s ease 0s infinite forwards
}

#illust-baby .air-block__anmillust--img .air li:nth-of-type(2n) {
	animation: floating02 3.5s ease 0s infinite forwards
}

#illust-baby .air-block__anmillust--img[data-status=step04] .air li {
	opacity: 1
}

#illust-baby .air-block__anmillust--img .line {
	transition: all .3s ease;
	opacity: 0
}

#illust-baby .air-block__anmillust--img[data-status=step02] .line,
#illust-baby .air-block__anmillust--img[data-status=step03] .line {
	opacity: 1
}

#illust-baby .air-block__anmillust--img .bed {
	opacity: 0
}

#illust-baby .air-block__anmillust--img[data-status=default] .bed--01,
#illust-baby .air-block__anmillust--img[data-status=step01] .bed--01,
#illust-baby .air-block__anmillust--img[data-status=step02] .bed--01,
#illust-baby .air-block__anmillust--img[data-status=step03] .bed--01,
#illust-baby .air-block__anmillust--img[data-status=step04] .bed--02 {
	opacity: 1
}

#illust-baby .air-block__anmillust--img .filter {
	opacity: 0;
	transition: opacity .2s ease
}

#illust-baby .air-block__anmillust--img[data-status=step03] .filter {
	opacity: 1;
	transition-duration: .5s
}

#illust-baby .air-block__anmillust--img .shock {
	transition: background .3s .5s ease;
	background-position: 141px 0
}

#illust-baby .air-block__anmillust--img[data-status=step03] .shock--01 {
	background-position: 0 0
}

#illust-baby .air-block__anmillust--img[data-status=step03] .shock--02 {
	background-position: -20px 0;
	transition-delay: .6s
}

@media screen and (max-width:960px) {
	#block-building .air-block__body {
		margin-bottom: 660px
	}
}

@media screen and (max-width:480px) {
	#block-building .air-block__body {
		margin-bottom: 510px
	}
	#illust-building {
		bottom: 167px
	}
}

#illust-building ol {
	margin-bottom: 60px
}

#wrap-building .air-block__btn {
	bottom: 110px
}

#illust-building .window {
	background: url(../images/building/window.svg) left top no-repeat;
	height: 274px;
	width: 178px;
	background-size: 178px 274px;
	left: 58px;
	position: absolute;
	top: 53px;
	z-index: 150
}

#illust-building .desk {
	background: left top no-repeat;
	height: 210px;
	width: 333px;
	background-size: 333px 210px;
	left: 83px;
	position: absolute;
	top: 248px;
	z-index: 150
}

#illust-building .desk--cool {
	background-image: url(../images/building/desk_cool.svg)
}

/* #illust-building .desk--hot {
	background-image: url(../images/building/desk_hot.svg)
} */

#illust-building .frame {
	background: left top no-repeat;
	height: 185px;
	width: 229px;
	background-size: 229px 185px;
	left: 132px;
	position: absolute;
	top: 24px;
	z-index: 220
}

#illust-building .frame--01 {
	background-image: url(../images/building/frame_bg.svg);
	z-index: 160
}

#illust-building .frame--02 {
	background-image: url(../images/building/frame.svg)
}

#illust-building .arrow01 {
	background: left top no-repeat;
	height: 151px;
	background-size: 153px 151px;
	left: 178px;
	position: absolute;
	top: -67px;
	z-index: 230;
	width: 60px
}

#illust-building .arrow01--step03 {
	background-image: url(../images/building/step03_arrow_01.svg)
}

#illust-building .arrow03 {
	background: right bottom no-repeat;
	height: 151px;
	background-size: 153px 151px;
	left: 251px;
	position: absolute;
	z-index: 230;
	width: 80px;
	top: auto;
	bottom: 477px
}

#illust-building .arrow03--step03 {
	background-image: url(../images/building/step03_arrow_01.svg)
}

#illust-building .arrow02 {
	background: left top no-repeat;
	height: 170px;
	background-size: 155px 170px;
	left: 163px;
	position: absolute;
	top: 143px;
	z-index: 155;
	width: 80px
}

#illust-building .arrow02--step03 {
	background-image: url(../images/building/step03_arrow_02.svg)
}

#illust-building .arrow04 {
	background: right bottom no-repeat;
	height: 170px;
	background-size: 155px 170px;
	left: 258px;
	position: absolute;
	z-index: 155;
	width: 60px;
	top: auto;
	bottom: 247px
}

#illust-building .arrow04--step03 {
	background-image: url(../images/building/step03_arrow_02.svg)
}

#illust-building .step03_air li,
#illust-building .step03_air_move li {
	background: #31C7FF;
	border-radius: 22px;
	height: 22px;
	width: 22px;
	position: absolute
}

#illust-building .step03_air0 {
	left: 59px;
	position: absolute;
	top: 182px;
	z-index: 200
}

#illust-building .step03_air1 {
	left: 59px;
	position: absolute;
	top: 294px;
	z-index: 200
}

#illust-building .step03_air2 {
	left: 129px;
	position: absolute;
	top: 243px;
	z-index: 200
}

#illust-building .step03_air3 {
	left: 134px;
	position: absolute;
	top: 356px;
	z-index: 200
}

#illust-building .step03_air4 {
	left: 236px;
	position: absolute;
	top: 302px;
	z-index: 200
}

#illust-building .step03_air5 {
	left: 236px;
	position: absolute;
	top: 414px;
	z-index: 200
}

#illust-building .step03_air6 {
	left: 325px;
	position: absolute;
	top: 356px;
	z-index: 200
}

#illust-building .step03_air7 {
	left: 336px;
	position: absolute;
	top: 243px;
	z-index: 200
}

#illust-building .step03_air8 {
	left: 413px;
	position: absolute;
	top: 182px;
	z-index: 200
}

#illust-building .step03_air9 {
	left: 413px;
	position: absolute;
	top: 294px;
	z-index: 200
}

#illust-building .step03_air_move li {
	left: 158px;
	top: -84px;
	z-index: 240;
	animation: 3s linear 0s infinite;
	opacity: 0
}

#illust-building .step03_air_move li.step03_air_move0 {
	animation-delay: 0s;
	transform: translate(34px, 46px)
}

#illust-building .step03_air_move li.step03_air_move1 {
	animation-delay: .2s;
	transform: translate(11px, 30px)
}

#illust-building .step03_air_move li.step03_air_move2 {
	animation-delay: .4s;
	transform: translate(6px, 14px)
}

#illust-building .step03_air_move li.step03_air_move3 {
	animation-delay: .6s;
	transform: translate(36px, 15px)
}

#illust-building .step03_air_move li.step03_air_move4 {
	animation-delay: .8s;
	transform: translate(1px, 39px)
}

#illust-building .step03_air_move li.step03_air_move5 {
	animation-delay: 1s;
	transform: translate(18px, 16px)
}

#illust-building .step03_air_move li.step03_air_move6 {
	animation-delay: 1.2s;
	transform: translate(16px, 36px)
}

#illust-building .step03_air_move li.step03_air_move7 {
	animation-delay: 1.4s;
	transform: translate(40px, 1px)
}

#illust-building .step03_air_move li.step03_air_move8 {
	animation-delay: 1.6s;
	transform: translate(21px, 9px)
}

#illust-building .step03_air_move li.step03_air_move9 {
	animation-delay: 1.8s;
	transform: translate(7px, 29px)
}

#illust-building .step03_air_move li.step03_air_move10 {
	animation-delay: 2s;
	transform: translate(23px, 8px)
}

#illust-building .step03_air_move li.step03_air_move11 {
	animation-delay: 2.2s;
	transform: translate(50px, 28px)
}

#illust-building .step03_air_move li.step03_air_move12 {
	animation-delay: 2.4s;
	transform: translate(31px, 42px)
}

#illust-building .step03_air_move li.step03_air_move13 {
	animation-delay: 2.6s;
	transform: translate(19px, 7px)
}

#illust-building .step03_air_move li.step03_air_move14 {
	animation-delay: 2.8s;
	transform: translate(3px, 47px)
}

#illust-building .step03_air_move li.step03_air_move15 {
	animation-delay: 3s;
	transform: translate(21px, 31px)
}

@keyframes step03move {
	0% {
		top: -84px;
		left: 158px;
		opacity: 0
	}
	20%,
	80% {
		opacity: 1
	}
	33% {
		top: 108px;
		left: 158px
	}
	42%,
	57% {
		top: 124px
	}
	47%,
	52% {
		top: 126px
	}
	50% {
		top: 128px;
		left: 215px
	}
	66% {
		top: 108px;
		left: 259px
	}
	100% {
		top: -84px;
		left: 259px;
		opacity: 0
	}
}

#illust-building .air-block__anmillust--img .air li {
	animation: floating 3.5s ease 0s infinite forwards;
	transition: all .5s ease
}

#illust-building .air-block__anmillust--img .air li:nth-of-type(2n) {
	animation: floating02 3.5s ease 0s infinite forwards
}

#illust-building .air-block__anmillust--img .wall-bottom,
#illust-building .air-block__anmillust--img .wall-left,
#illust-building .air-block__anmillust--img .wall-right {
	transition: background .5s ease
}

#illust-building .air-block__anmillust--img[data-status=default] .wall,
#illust-building .air-block__anmillust--img[data-status=step01] .wall {
	height: 376px
}

#illust-building .air-block__anmillust--img[data-status=default] .mask,
#illust-building .air-block__anmillust--img[data-status=step01] .mask {
	height: 556px
}

#illust-building .air-block__anmillust--img[data-status=default] .wall-left,
#illust-building .air-block__anmillust--img[data-status=step01] .wall-left,
#illust-building .air-block__anmillust--img[data-status=step02] .wall-left,
#illust-building .air-block__anmillust--img[data-status=step04] .wall-left {
	background: #ffc8c8
}

#illust-building .air-block__anmillust--img[data-status=default] .wall-right,
#illust-building .air-block__anmillust--img[data-status=step01] .wall-right,
#illust-building .air-block__anmillust--img[data-status=step02] .wall-right,
#illust-building .air-block__anmillust--img[data-status=step04] .wall-right {
	background: #ffd6d6
}

#illust-building .air-block__anmillust--img[data-status=default] .wall-bottom,
#illust-building .air-block__anmillust--img[data-status=step01] .wall-bottom,
#illust-building .air-block__anmillust--img[data-status=step02] .wall-bottom,
#illust-building .air-block__anmillust--img[data-status=step04] .wall-bottom {
	background: #ffefef
}

#illust-building .air-block__anmillust--img[data-status=step03] .wall-left {
	background: #95dbff
}

#illust-building .air-block__anmillust--img[data-status=step03] .wall-right {
	background: #b3e5ff
}

#illust-building .air-block__anmillust--img[data-status=step03] .wall-bottom {
	background: #d1efff
}

#illust-building .air-block__anmillust--img .desk {
	transition: opacity .5s ease
}

#illust-building .air-block__anmillust--img[data-status=default] .desk--cool,
#illust-building .air-block__anmillust--img[data-status=step01] .desk--cool,
#illust-building .air-block__anmillust--img[data-status=step02] .desk--cool,
#illust-building .air-block__anmillust--img[data-status=step04] .desk--cool {
	opacity: 0
}

#illust-building .air-block__anmillust--img[data-status=default] .desk--hot,
#illust-building .air-block__anmillust--img[data-status=step01] .desk--hot,
#illust-building .air-block__anmillust--img[data-status=step02] .desk--hot,
#illust-building .air-block__anmillust--img[data-status=step03] .desk--cool,
#illust-building .air-block__anmillust--img[data-status=step04] .desk--hot {
	opacity: 1
}

#illust-building .air-block__anmillust--img .step03_air_move,
#illust-building .air-block__anmillust--img[data-status=step03] .desk--hot {
	opacity: 0
}

#illust-building .air-block__anmillust--img .step03_air li {
	opacity: 0;
	transition: opacity .5s ease
}

#illust-building .air-block__anmillust--img[data-status=step03] .step03_air li,
#illust-building .air-block__anmillust--img[data-status=step03] .step03_air_move {
	opacity: 1
}

#illust-building .air-block__anmillust--img .step03_air li:nth-of-type(odd) {
	animation: floating 3.5s ease 0s infinite forwards
}

#illust-building .air-block__anmillust--img .step03_air li:nth-of-type(even) {
	animation: floating02 3.5s ease 0s infinite forwards
}

#illust-building .air-block__anmillust--img[data-status=step03] .step03_air_move li {
	animation-name: step03move
}

#illust-building .air-block__anmillust--img .frame {
	opacity: 0;
	transition: opacity .5s ease
}

#illust-building .air-block__anmillust--img[data-status=step03] .frame,
#illust-building .air-block__anmillust--img[data-status=step04] .arrow01--step04,
#illust-building .air-block__anmillust--img[data-status=step04] .arrow02--step04,
#illust-building .air-block__anmillust--img[data-status=step04] .frame {
	opacity: 1
}

#illust-building .air-block__anmillust--img .arrow01,
#illust-building .air-block__anmillust--img .arrow02,
#illust-building .air-block__anmillust--img .arrow03,
#illust-building .air-block__anmillust--img .arrow04 {
	height: 0;
	transition: height .3s ease
}

#illust-building .air-block__anmillust--img[data-status=step03] .arrow01--step03,
#illust-building .air-block__anmillust--img[data-status=step03] .arrow02--step03,
#illust-building .air-block__anmillust--img[data-status=step03] .arrow03--step03,
#illust-building .air-block__anmillust--img[data-status=step03] .arrow04--step03 {
	animation: wind 2.5s ease 0s infinite forwards
}

#illust-building .air-block__anmillust--img[data-status=step03] .arrow01--step03 {
	height: 151px;
	transition-delay: .5s
}

#illust-building .air-block__anmillust--img[data-status=step03] .arrow02--step03 {
	height: 170px;
	transition-delay: .7s
}

#illust-building .air-block__anmillust--img[data-status=step03] .arrow04--step03 {
	height: 170px;
	transition-delay: 2.5s
}

#illust-building .air-block__anmillust--img[data-status=step03] .arrow03--step03 {
	height: 151px;
	transition-delay: 2.7s
}

#illust-container .wave02,
#illust-container .wave03 {
	height: 494px;
	width: 438px;
	left: 28px;
	position: absolute;
	top: 0;
	opacity: 0
}

#illust-container .air-block__anmillust--img::before {
	content: none
}

#illust-container .bgcolor {
	height: 494px;
	width: 438px;
	background-size: 438px 494px;
	left: 28px;
	position: absolute;
	top: 0;
	z-index: 10
}

#illust-container .wave01 {
	background: url(../images/container/wave01.svg) 268px 100% repeat-x;
	background-size: 34px 226px!important;
	height: 494px;
	width: 438px;
	left: 28px;
	position: absolute;
	top: 0;
	z-index: 50
}

#illust-container .wave02 {
	background: url(../images/container/wave02.svg) 268px 100% repeat-x;
	background-size: 32px 232px!important;
	z-index: 52
}

#illust-container .wave03 {
	background: url(../images/container/wave03.svg) 268px 100% repeat-x;
	background-size: 34px 226px!important;
	z-index: 54
}

#illust-container .ship01,
#illust-container .ship02 {
	height: 290px;
	width: 319px;
	left: 59px;
	top: 141px;
	position: absolute
}

#illust-container .ship01 {
	background: url(../images/container/ship01.svg) left top no-repeat;
	background-size: 319px 290px;
	z-index: 100
}

#illust-container .ship02 {
	background: url(../images/container/ship02.svg) left top no-repeat;
	background-size: 319px 290px;
	z-index: 110
}

#illust-container .baggage {
	background: url(../images/container/baggage.svg) left top no-repeat;
	height: 265px;
	width: 235px;
	background-size: 235px 265px;
	left: 127px;
	position: absolute;
	top: 119px;
	z-index: 120
}

#illust-container .air {
	background: url(../images/container/air.svg) left top no-repeat;
	height: 228px;
	width: 200px;
	background-size: 200px 228px;
	left: 20px;
	position: absolute;
	top: 19px;
	z-index: 100
}

#illust-container .air02 {
	background: url(../images/container/air02.svg) left top no-repeat;
	height: 136px;
	width: 164px;
	background-size: 164px 136px;
	left: 38px;
	position: absolute;
	top: 47px;
	z-index: 100
}

#illust-container .sun {
	background: url(../images/container/sun.svg) left top no-repeat;
	height: 173px;
	width: 172px;
	background-size: 172px 173px;
	left: 160px;
	position: absolute;
	top: 21px;
	z-index: 70
}

#illust-container .ice {
	background: url(../images/container/ice.svg) 100px top no-repeat;
	height: 97px;
	width: 179px;
	background-size: 179px 97px;
	left: 287px;
	position: absolute;
	top: 153px;
	z-index: 70;
	overflow: hidden
}

#illust-container .building {
	background: url(../images/container/building.svg) 100px top no-repeat;
	height: 171px;
	background-size: 521px 171px;
	left: 28px;
	position: absolute;
	top: 87px;
	z-index: 70;
	overflow: hidden;
	width: 437px!important
}

#illust-container .air-block__anmillust--img .test {
	animation: floating 3.5s ease 0s infinite forwards
}

#illust-container .air-block__anmillust--img .wave01 {
	animation: containerWave01 2.5s linear 0s infinite forwards;
	transition: opacity .5s ease
}

#illust-container .air-block__anmillust--img .wave02 {
	animation: containerWave02 2.5s linear 0s infinite forwards;
	transition: opacity .5s ease
}

#illust-container .air-block__anmillust--img .wave03 {
	animation: containerWave03 2.5s linear 0s infinite forwards;
	transition: opacity .5s ease
}

#illust-container .air-block__anmillust--img .baggage,
#illust-container .air-block__anmillust--img .ship01,
#illust-container .air-block__anmillust--img .ship02 {
	animation: floating 4s linear 0s infinite forwards;
	transition: opacity .5s ease
}

#illust-container .air-block__anmillust--img .bgcolor {
	transition: background .5s ease
}

#illust-container .air-block__anmillust--img .building,
#illust-container .air-block__anmillust--img .ice,
#illust-container .air-block__anmillust--img .sun {
	transition: opacity .5s ease
}

#illust-container .air-block__anmillust--img .air {
	animation: floating 3.5s ease 0s infinite forwards
}

#illust-container .air-block__anmillust--img .air02 {
	animation: floating02 3.5s ease 0s infinite forwards
}

#illust-container .air-block__anmillust--img[data-status=default] .bgcolor,
#illust-container .air-block__anmillust--img[data-status=step01] .bgcolor {
	background: #ff9595
}

#illust-container .air-block__anmillust--img[data-status=step02] .bgcolor,
#illust-container .air-block__anmillust--img[data-status=step03] .bgcolor {
	background: #63C7FF
}

#illust-container .air-block__anmillust--img[data-status=default] .wave01,
#illust-container .air-block__anmillust--img[data-status=step01] .wave01 {
	opacity: 1
}

#illust-container .air-block__anmillust--img[data-status=default] .wave02,
#illust-container .air-block__anmillust--img[data-status=default] .wave03,
#illust-container .air-block__anmillust--img[data-status=step01] .wave02,
#illust-container .air-block__anmillust--img[data-status=step01] .wave03 {
	opacity: 0
}

#illust-container .air-block__anmillust--img[data-status=default] .ship01,
#illust-container .air-block__anmillust--img[data-status=step01] .ship01 {
	opacity: 1
}

#illust-container .air-block__anmillust--img[data-status=default] .ship02,
#illust-container .air-block__anmillust--img[data-status=step01] .ship02 {
	opacity: 0
}

#illust-container .air-block__anmillust--img[data-status=default] .sun,
#illust-container .air-block__anmillust--img[data-status=step01] .sun {
	opacity: 1
}

#illust-container .air-block__anmillust--img[data-status=default] .building,
#illust-container .air-block__anmillust--img[data-status=default] .ice,
#illust-container .air-block__anmillust--img[data-status=step01] .building,
#illust-container .air-block__anmillust--img[data-status=step01] .ice,
#illust-container .air-block__anmillust--img[data-status=step02] .wave01 {
	opacity: 0
}

#illust-container .air-block__anmillust--img[data-status=step01] .sun {
	animation: containerSun 5s linear 0s 1 forwards
}

#illust-container .air-block__anmillust--img[data-status=step02] .wave02 {
	opacity: 1
}

#illust-container .air-block__anmillust--img[data-status=step02] .wave03 {
	opacity: 0
}

#illust-container .air-block__anmillust--img[data-status=step02] .sun {
	opacity: 0;
	animation: containerSun 5s linear 0s 1 forwards
}

#illust-container .air-block__anmillust--img[data-status=step02] .ice {
	opacity: 1;
	animation: containerIce 5s linear 0s 1 forwards
}

#illust-container .air-block__anmillust--img[data-status=step02] .building,
#illust-container .air-block__anmillust--img[data-status=step02] .ship01 {
	opacity: 0
}

#illust-container .air-block__anmillust--img[data-status=step02] .ship02 {
	opacity: 1
}

#illust-container .air-block__anmillust--img[data-status=step03] .wave01,
#illust-container .air-block__anmillust--img[data-status=step03] .wave02 {
	opacity: 0
}

#illust-container .air-block__anmillust--img[data-status=step03] .wave03 {
	opacity: 1
}

#illust-container .air-block__anmillust--img[data-status=step03] .sun {
	opacity: 0
}

#illust-container .air-block__anmillust--img[data-status=step03] .ice {
	opacity: 0;
	animation: containerIce 5s linear 0s 1 forwards
}

#illust-container .air-block__anmillust--img[data-status=step03] .building {
	opacity: 1;
	animation: containerBuilding 10s linear 0s 1 forwards
}

#illust-container .air-block__anmillust--img[data-status=step03] .ship01 {
	opacity: 0
}

#illust-container .air-block__anmillust--img[data-status=step03] .ship02 {
	opacity: 1
}

#illust-dining .air-block__anmillust--img[data-status=step02] .aircon,
#illust-dining .air-block__anmillust--img[data-status=step02] .aircon--wind,
#illust-dining .air-block__anmillust--img[data-status=step02] .wall,
#illust-dining .air-block__anmillust--img[data-status=step03] .aircon,
#illust-dining .air-block__anmillust--img[data-status=step03] .aircon--wind,
#illust-dining .air-block__anmillust--img[data-status=step03] .wall {
	opacity: 0
}

@keyframes containerSun {
	0% {
		transform: translateX(20px)
	}
	100% {
		transform: translateX(-20px)
	}
}

@keyframes containerIce {
	0% {
		background-position: 100px 0
	}
	100% {
		background-position: 60px 0
	}
}

@keyframes containerBuilding {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: -80px 0
	}
}

@keyframes containerWave01 {
	0% {
		background-position: 0 268px
	}
	100% {
		background-position: -34px 268px
	}
}

@keyframes containerWave02 {
	0% {
		background-position: 0 268px
	}
	100% {
		background-position: -32px 268px
	}
}

@keyframes containerWave03 {
	0% {
		background-position: 0 268px
	}
	100% {
		background-position: -34px 268px
	}
}

/* #illust-dining .wall {
	background: url(../images/dining/wall.svg) left top no-repeat;
	height: 228px;
	width: 406px;
	background-size: 406px 228px;
	left: 44px;
	position: absolute;
	top: 17px;
	z-index: 150
} */

/* #illust-dining .kitchen {
	background: url(../images/dining/kitchen.svg) left top no-repeat;
	height: 216px;
	width: 245px;
	background-size: 245px 216px;
	left: 44px;
	position: absolute;
	top: 166px;
	z-index: 160
} */

/* #illust-dining .aircon {
	background: url(../images/dining/aircon.svg) left top no-repeat;
	height: 112px;
	width: 126px;
	background-size: 126px 112px;
	left: 305px;
	position: absolute;
	top: 87px;
	z-index: 170
} */

/* #illust-dining .aircon--wind {
	background: url(../images/dining/wind.svg) left top no-repeat;
	height: 162px;
	width: 156px;
	background-size: 156px 162px;
	left: 268px;
	position: absolute;
	top: 131px;
	z-index: 165
} */

/* #illust-dining .aircon02 {
	background: url(../images/dining/aircon02.svg) 0 66px no-repeat;
	width: 63px;
	background-size: 63px 102px;
	left: 135px;
	position: absolute;
	top: 252px;
	z-index: 180;
	height: 152px;
	overflow: hidden
} */

/* #illust-dining .aircon02--wind {
	background: url(../images/dining/wind02.svg) left top no-repeat;
	height: 360px;
	background-size: 292px 360px;
	left: 145px;
	position: absolute;
	top: 96px;
	z-index: 200;
	width: 0;
	overflow: hidden;
	opacity: 0
} */

#illust-dining .wall-bottom {
	left: 175px;
	top: 268px;
	width: 185px;
	z-index: 190
}

/* #illust-dining .table {
	background: url(../images/dining/table.svg) left top no-repeat;
	height: 222px;
	width: 195px;
	background-size: 195px 222px;
	left: 191px;
	position: absolute;
	top: 211px;
	z-index: 210
} */

#illust-dining .air-block__anmillust--img .wall,
#illust-dining .air-block__anmillust--img .wall-bottom,
#illust-dining .air-block__anmillust--img .wall-left,
#illust-dining .air-block__anmillust--img .wall-right {
	transition: background .5s ease
}

#illust-dining .air-block__anmillust--img .aircon,
#illust-dining .air-block__anmillust--img .aircon--wind {
	transition: opacity .5s ease
}

#illust-dining .air-block__anmillust--img .aircon02 {
	transition: background .5s ease
}

#illust-dining .air-block__anmillust--img .aircon02--wind {
	transition: all .3s ease
}

#illust-dining .air-block__anmillust--img[data-status=default] .wall-left,
#illust-dining .air-block__anmillust--img[data-status=step01] .wall-left {
	background: #95dbff
}

#illust-dining .air-block__anmillust--img[data-status=default] .wall-right,
#illust-dining .air-block__anmillust--img[data-status=step01] .wall-right {
	background: #b3e5ff
}

#illust-dining .air-block__anmillust--img[data-status=default] .wall-bottom,
#illust-dining .air-block__anmillust--img[data-status=step01] .wall-bottom {
	background: #d1efff
}

#illust-dining .air-block__anmillust--img[data-status=default] .aircon--wind,
#illust-dining .air-block__anmillust--img[data-status=step01] .aircon--wind {
	animation: diningWind 2.5s ease 0s infinite forwards
}

#illust-dining .air-block__anmillust--img[data-status=step02] .wall-left {
	background: #95dbff
}

#illust-dining .air-block__anmillust--img[data-status=step02] .wall-right {
	background: #b3e5ff
}

#illust-dining .air-block__anmillust--img[data-status=step02] .wall-bottom {
	background: #d1efff
}

#illust-dining .air-block__anmillust--img[data-status=step02] .aircon02 {
	background-position: 0 0
}

#illust-dining .air-block__anmillust--img[data-status=step03] .wall-left {
	background: #ffc8c8
}

#illust-dining .air-block__anmillust--img[data-status=step03] .wall-right {
	background: #ffd6d6
}

#illust-dining .air-block__anmillust--img[data-status=step03] .wall-bottom {
	background: #ffefef
}

#illust-dining .air-block__anmillust--img[data-status=step03] .aircon02 {
	background-position: 0 0
}

#illust-dining .air-block__anmillust--img[data-status=step03] .aircon02--wind {
	width: 292px;
	opacity: 1;
	animation: diningWind 2.5s ease 0s infinite forwards
}

@keyframes diningWind {
	0%,
	100% {
		opacity: .5
	}
	50% {
		opacity: 1
	}
}

/* #illust-hospital .aircon,
#illust-hospital .aircon--hot {
	background: url(../images/hospital/aircon_cool.svg) left top no-repeat;
	height: 91px;
	width: 132px;
	background-size: 132px 91px;
	left: 85px;
	position: absolute;
	top: 95px;
	z-index: 300
} */

/* #illust-hospital .aircon--hot {
	background: url(../images/hospital/aircon_hot.svg) left top no-repeat;
	opacity: 0
} */

/* #illust-hospital .machine,
#illust-hospital .machine--hot {
	background: url(../images/hospital/machine_cool.svg) left top no-repeat;
	height: 131px;
	width: 71px;
	background-size: 71px 131px;
	left: 223px;
	position: absolute;
	top: 162px;
	z-index: 250
} */

/* #illust-hospital .machine--hot {
	background: url(../images/hospital/machine_hot.svg) left top no-repeat;
	opacity: 0
} */

/* #illust-hospital .bed,
#illust-hospital .bed--hot {
	background: url(../images/hospital/bed_cool.svg) left top no-repeat;
	height: 210px;
	width: 225px;
	background-size: 225px 210px;
	left: 200px;
	position: absolute;
	top: 222px;
	z-index: 250
} */

/* #illust-hospital .bed--hot {
	background: url(../images/hospital/bed_hot.svg) left top no-repeat;
	opacity: 0
} */

/* #illust-hospital .unit,
#illust-hospital .unit--hot {
	background: url(../images/hospital/unit_cool.svg) left top no-repeat;
	height: 99px;
	width: 87px;
	background-size: 87px 99px;
	left: 17px;
	position: absolute;
	top: 314px;
	z-index: 150
} */

/* #illust-hospital .unit--hot {
	background: url(../images/hospital/unit_hot.svg) left top no-repeat
} */

/* #illust-hospital .shake01,
#illust-hospital .shake02 {
	background: url(../images/shake.svg) left top no-repeat;
	height: 45px;
	width: 27px;
	background-size: 27px 45px;
	left: 91px;
	position: absolute;
	top: 253px;
	z-index: 250;
	opacity: 1
} */

#illust-hospital .shake02 {
	left: 177px;
	position: absolute;
	top: 244px;
	z-index: 250
}

/* #illust-hospital .wind {
	background: url(../images/hospital/wind.svg) left top no-repeat;
	height: 242px;
	width: 150px;
	background-size: 150px 242px;
	left: 87px;
	position: absolute;
	top: 108px;
	z-index: 140
} */

#illust-hospital .human {
	background: left top no-repeat;
	height: 177px;
	width: 51px;
	background-size: 51px 177px;
	left: 123px;
	position: absolute;
	top: 208px;
	z-index: 250
}

/* #illust-hospital .human--01 {
	background-image: url(../images/hospital/human_01.svg)
} */

/* #illust-hospital .human--02 {
	background-image: url(../images/hospital/human_02.svg)
} */

/* #illust-hospital .human--03 {
	background-image: url(../images/hospital/human_03.svg)
} */

#illust-hospital .pipe {
	height: 203px;
	left: 145px;
	position: absolute;
	transform-origin: left center;
	transform: rotate(30deg) skewX(-30deg);
	width: 234px
}

/* #illust-hospital .pipe-floor {
	background: url(../images/hospital/floor.svg) 10px 2px no-repeat;
	background-size: 214.2px 190.8px;
	top: 198px;
	z-index: 145
} */

/* #illust-hospital .pipe-floor--hot {
	background-image: url(../images/hospital/floor_hot.svg)
} */

/* #illust-hospital .pipe-ceil {
	background: url(../images/hospital/ceil.svg) 10px 8px no-repeat;
	background-size: 214.2px 195.3px;
	top: -23px;
	z-index: 290
} */

/* #illust-hospital .pipe-ceil--cool {
	background-image: url(../images/hospital/ceil_cool.svg)
} */

#illust-hospital .pipe-left {
	background: left top no-repeat;
	height: 212px;
	width: 54px;
	background-size: 54px 212px;
	left: 53px;
	position: absolute;
	top: 129px;
	z-index: 300
}

/* #illust-hospital .pipe-left--01 {
	background-image: url(../images/hospital/pipe_01.svg)
} */

/* #illust-hospital .pipe-left--02 {
	background-image: url(../images/hospital/pipe_02.svg)
}

#illust-hospital .pipe-left--03 {
	background-image: url(../images/hospital/pipe_03.svg)
} */

#illust-hospital .air-block__anmillust--img .wall-bottom,
#illust-hospital .air-block__anmillust--img .wall-left,
#illust-hospital .air-block__anmillust--img .wall-right {
	transition: background .7s ease
}

#illust-hospital .air-block__anmillust--img[data-status=default] .wall-left,
#illust-hospital .air-block__anmillust--img[data-status=step01] .wall-left,
#illust-hospital .air-block__anmillust--img[data-status=step02] .wall-left {
	background: #95dbff
}

#illust-hospital .air-block__anmillust--img[data-status=default] .wall-right,
#illust-hospital .air-block__anmillust--img[data-status=step01] .wall-right,
#illust-hospital .air-block__anmillust--img[data-status=step02] .wall-right {
	background: #b3e5ff
}

#illust-hospital .air-block__anmillust--img[data-status=default] .wall-bottom,
#illust-hospital .air-block__anmillust--img[data-status=step01] .wall-bottom,
#illust-hospital .air-block__anmillust--img[data-status=step02] .wall-bottom {
	background: #d1efff
}

#illust-hospital .air-block__anmillust--img[data-status=step03] .wall-bottom,
#illust-hospital .air-block__anmillust--img[data-status=step03] .wall-left,
#illust-hospital .air-block__anmillust--img[data-status=step03] .wall-right {
	transition-delay: 950ms
}

#illust-hospital .air-block__anmillust--img[data-status=step03] .wall-left {
	background: #ffc8c8
}

#illust-hospital .air-block__anmillust--img[data-status=step03] .wall-right {
	background: #ffd6d6
}

#illust-hospital .air-block__anmillust--img[data-status=step03] .wall-bottom {
	background: #ffefef
}

#illust-hospital .air-block__anmillust--img .wind {
	animation: wind 2.5s ease 0s infinite forwards;
	transition: all .7s ease
}

#illust-hospital .air-block__anmillust--img .shake01 {
	animation: shake .5s ease 0s infinite forwards
}

#illust-hospital .air-block__anmillust--img .shake02 {
	animation: shake .5s ease -.2s infinite forwards
}

#illust-hospital .air-block__anmillust--img .shake01,
#illust-hospital .air-block__anmillust--img .shake02 {
	transition: opacity .5s ease
}

#illust-hospital .air-block__anmillust--img[data-status=default] .wind,
#illust-hospital .air-block__anmillust--img[data-status=step01] .wind {
	border-radius: 0
}

#illust-hospital .air-block__anmillust--img[data-status=default] .shake01,
#illust-hospital .air-block__anmillust--img[data-status=default] .shake02,
#illust-hospital .air-block__anmillust--img[data-status=step01] .shake01,
#illust-hospital .air-block__anmillust--img[data-status=step01] .shake02 {
	opacity: 1
}

#illust-hospital .air-block__anmillust--img[data-status=step02] .wind,
#illust-hospital .air-block__anmillust--img[data-status=step03] .wind {
	height: 0;
	border-radius: 0 0 100%
}

#illust-hospital .air-block__anmillust--img[data-status=step02] .shake01,
#illust-hospital .air-block__anmillust--img[data-status=step02] .shake02,
#illust-hospital .air-block__anmillust--img[data-status=step03] .shake01,
#illust-hospital .air-block__anmillust--img[data-status=step03] .shake02 {
	opacity: 0
}

#illust-hospital .air-block__anmillust--img .pipe-left {
	transition: opacity .7s ease
}

#illust-hospital .air-block__anmillust--img[data-status=default] .pipe-left--01,
#illust-hospital .air-block__anmillust--img[data-status=step01] .pipe-left--01 {
	opacity: 1
}

#illust-hospital .air-block__anmillust--img[data-status=default] .pipe-left--02,
#illust-hospital .air-block__anmillust--img[data-status=default] .pipe-left--03,
#illust-hospital .air-block__anmillust--img[data-status=step01] .pipe-left--02,
#illust-hospital .air-block__anmillust--img[data-status=step01] .pipe-left--03,
#illust-hospital .air-block__anmillust--img[data-status=step02] .pipe-left--01 {
	opacity: 0
}

#illust-hospital .air-block__anmillust--img[data-status=step02] .pipe-left--02 {
	opacity: 1
}

#illust-hospital .air-block__anmillust--img[data-status=step02] .pipe-left--03,
#illust-hospital .air-block__anmillust--img[data-status=step03] .pipe-left--01,
#illust-hospital .air-block__anmillust--img[data-status=step03] .pipe-left--02 {
	opacity: 0
}

#illust-hospital .air-block__anmillust--img[data-status=step03] .pipe-left--03 {
	opacity: 1
}

#illust-hospital .air-block__anmillust--img .pipe-ceil {
	transition: all .7s .7s ease
}

#illust-hospital .air-block__anmillust--img .pipe-ceil--cool {
	transition-delay: .3s
}

#illust-hospital .air-block__anmillust--img[data-status=default] .pipe-ceil--cool,
#illust-hospital .air-block__anmillust--img[data-status=step01] .pipe-ceil--cool {
	width: 0
}

#illust-hospital .air-block__anmillust--img[data-status=step02] .pipe-ceil {
	opacity: 0
}

#illust-hospital .air-block__anmillust--img[data-status=step02] .pipe-ceil--cool {
	width: 234px;
	opacity: 1
}

#illust-hospital .air-block__anmillust--img[data-status=step03] .pipe-ceil {
	opacity: 1;
	transition-delay: 0s
}

#illust-hospital .air-block__anmillust--img[data-status=step03] .pipe-ceil--cool {
	opacity: 0;
	width: 0
}

#illust-hospital .air-block__anmillust--img .pipe-floor {
	transition: all .7s .7s ease
}

#illust-hospital .air-block__anmillust--img .pipe-floor--hot {
	transition-delay: .3s
}

#illust-hospital .air-block__anmillust--img[data-status=default] .pipe-floor,
#illust-hospital .air-block__anmillust--img[data-status=step01] .pipe-floor {
	transition-delay: 0s
}

#illust-hospital .air-block__anmillust--img[data-status=default] .pipe-floor--hot,
#illust-hospital .air-block__anmillust--img[data-status=step01] .pipe-floor--hot {
	width: 0;
	transition-delay: 0s
}

#illust-hospital .air-block__anmillust--img[data-status=step02] .pipe-floor--hot {
	width: 0
}

#illust-hospital .air-block__anmillust--img[data-status=step03] .pipe-floor {
	opacity: 0
}

#illust-hospital .air-block__anmillust--img[data-status=step03] .pipe-floor--hot {
	width: 234px;
	opacity: 1
}

#illust-hospital .air-block__anmillust--img .human {
	transition: opacity 950ms ease
}

#illust-hospital .air-block__anmillust--img[data-status=default] .human--01,
#illust-hospital .air-block__anmillust--img[data-status=step01] .human--01 {
	opacity: 1
}

#illust-hospital .air-block__anmillust--img[data-status=default] .human--02,
#illust-hospital .air-block__anmillust--img[data-status=default] .human--03,
#illust-hospital .air-block__anmillust--img[data-status=step01] .human--02,
#illust-hospital .air-block__anmillust--img[data-status=step01] .human--03,
#illust-hospital .air-block__anmillust--img[data-status=step02] .human--01 {
	opacity: 0
}

#illust-hospital .air-block__anmillust--img[data-status=step02] .human--02 {
	opacity: 1
}

#illust-hospital .air-block__anmillust--img[data-status=step02] .human--03,
#illust-hospital .air-block__anmillust--img[data-status=step03] .human--01 {
	opacity: 0
}

#illust-hospital .air-block__anmillust--img[data-status=step03] .human--02 {
	opacity: 0;
	transition-delay: 1.25s
}

#illust-hospital .air-block__anmillust--img[data-status=step03] .human--03 {
	opacity: 1;
	transition-delay: 950ms
}

#illust-hospital .air-block__anmillust--img .aircon,
#illust-hospital .air-block__anmillust--img .aircon--hot,
#illust-hospital .air-block__anmillust--img .bed,
#illust-hospital .air-block__anmillust--img .bed--hot,
#illust-hospital .air-block__anmillust--img .machine,
#illust-hospital .air-block__anmillust--img .machine--hot {
	transition: opacity 950ms ease
}

#illust-hospital .air-block__anmillust--img .unit,
#illust-hospital .air-block__anmillust--img .unit--hot {
	transition: opacity 950ms .3s ease
}

#illust-hospital .air-block__anmillust--img .unit--hot {
	transition-delay: 0s
}

#illust-hospital .air-block__anmillust--img[data-status=default] .aircon,
#illust-hospital .air-block__anmillust--img[data-status=default] .bed,
#illust-hospital .air-block__anmillust--img[data-status=default] .machine,
#illust-hospital .air-block__anmillust--img[data-status=default] .unit,
#illust-hospital .air-block__anmillust--img[data-status=step01] .aircon,
#illust-hospital .air-block__anmillust--img[data-status=step01] .bed,
#illust-hospital .air-block__anmillust--img[data-status=step01] .machine,
#illust-hospital .air-block__anmillust--img[data-status=step01] .unit,
#illust-hospital .air-block__anmillust--img[data-status=step02] .aircon,
#illust-hospital .air-block__anmillust--img[data-status=step02] .bed,
#illust-hospital .air-block__anmillust--img[data-status=step02] .machine,
#illust-hospital .air-block__anmillust--img[data-status=step02] .unit {
	opacity: 1
}

#illust-hospital .air-block__anmillust--img[data-status=default] .aircon--hot,
#illust-hospital .air-block__anmillust--img[data-status=default] .bed--hot,
#illust-hospital .air-block__anmillust--img[data-status=default] .machine--hot,
#illust-hospital .air-block__anmillust--img[data-status=default] .unit--hot,
#illust-hospital .air-block__anmillust--img[data-status=step01] .aircon--hot,
#illust-hospital .air-block__anmillust--img[data-status=step01] .bed--hot,
#illust-hospital .air-block__anmillust--img[data-status=step01] .machine--hot,
#illust-hospital .air-block__anmillust--img[data-status=step01] .unit--hot,
#illust-hospital .air-block__anmillust--img[data-status=step02] .aircon--hot,
#illust-hospital .air-block__anmillust--img[data-status=step02] .bed--hot,
#illust-hospital .air-block__anmillust--img[data-status=step02] .machine--hot,
#illust-hospital .air-block__anmillust--img[data-status=step02] .unit--hot,
#illust-hospital .air-block__anmillust--img[data-status=step03] .unit {
	opacity: 0
}

#illust-hospital .air-block__anmillust--img[data-status=step03] .unit--hot {
	opacity: 1
}

#illust-hospital .air-block__anmillust--img[data-status=step03] .aircon,
#illust-hospital .air-block__anmillust--img[data-status=step03] .bed,
#illust-hospital .air-block__anmillust--img[data-status=step03] .machine {
	opacity: 0;
	transition-delay: 1.25s
}

#illust-hospital .air-block__anmillust--img[data-status=step03] .aircon--hot,
#illust-hospital .air-block__anmillust--img[data-status=step03] .bed--hot,
#illust-hospital .air-block__anmillust--img[data-status=step03] .machine--hot {
	transition-delay: 950ms;
	opacity: 1
}

#illust-hotel .sofa {
	background: left top no-repeat;
	height: 73px;
	width: 65px;
	background-size: 65px 73px;
	left: 257px;
	position: absolute;
	top: 369px;
	z-index: 200
}

#illust-hotel .sofa--cool {
	background-image: url(../images/hotel/sofa_cool.svg)
}

#illust-hotel .sofa--hot {
	background-image: url(../images/hotel/sofa_hot.svg)
}

#illust-hotel .bed {
	background: left top no-repeat;
	height: 139px;
	width: 165px;
	background-size: 165px 139px;
	left: 260px;
	position: absolute;
	top: 259px;
	z-index: 190
}

#illust-hotel .bed--cool {
	background-image: url(../images/hotel/bed_cool.svg)
}

#illust-hotel .bed--hot {
	background-image: url(../images/hotel/bed_hot.svg)
}

#illust-hotel .table {
	background: left top no-repeat;
	height: 55px;
	width: 59px;
	background-size: 59px 55px;
	left: 217px;
	position: absolute;
	top: 405px;
	z-index: 210
}

#illust-hotel .table--cool {
	background-image: url(../images/hotel/table_cool.svg)
}

#illust-hotel .table--hot,
#illust-hotel .table--hot02 {
	background-image: url(../images/hotel/table_hot.svg)
}

#illust-hotel .table--hot02 {
	opacity: 1!important;
	left: 106px;
	position: absolute;
	top: 341px;
	z-index: 150
}

#illust-hotel .window {
	background: left top no-repeat;
	height: 156px;
	width: 98px;
	background-size: 98px 156px;
	left: 351px;
	position: absolute;
	top: 152px;
	z-index: 190
}

#illust-hotel .window--cool {
	background-image: url(../images/hotel/window_cool.svg)
}

#illust-hotel .window--hot {
	background-image: url(../images/hotel/window_hot.svg)
}

#illust-hotel .human01 {
	background: url(../images/hotel/human_01.svg) left top no-repeat;
	height: 156px;
	width: 40px;
	background-size: 40px 156px;
	left: 68px;
	position: absolute;
	top: 211px;
	z-index: 150
}

#illust-hotel .human02 {
	background: left top no-repeat;
	height: 160px;
	width: 41px;
	background-size: 41px 160px;
	left: 179px;
	position: absolute;
	top: 270px;
	z-index: 200
}

#illust-hotel .human02--cool {
	background-image: url(../images/hotel/human_02_cool.svg)
}

#illust-hotel .human02--hot {
	background-image: url(../images/hotel/human_02_hot.svg)
}

#illust-hotel .aircon {
	background: left top no-repeat;
	height: 63px;
	width: 90px;
	background-size: 90px 63px;
	left: 328px;
	position: absolute;
	top: 100px;
	z-index: 300
}

#illust-hotel .aircon--cool {
	background-image: url(../images/hotel/aircon_cool.svg)
}

#illust-hotel .aircon--hot,
#illust-hotel .aircon--hot02 {
	background-image: url(../images/hotel/aircon_hot.svg)
}

#illust-hotel .aircon--hot02 {
	opacity: 1!important;
	left: 216px;
	position: absolute;
	top: 36px;
	z-index: 300
}

#illust-hotel .wind {
	background: right top no-repeat;
	background-size: 141px 92px;
	height: 0;
	left: 317px;
	position: absolute;
	top: 187px;
	transform-origin: right top;
	transform: rotate(30deg) skewX(-30deg);
	width: 141px;
	z-index: 290
}

#illust-hotel .wind--cool {
	background-image: url(../images/hotel/wind_cool.svg)
}

#illust-hotel .wind--hot,
#illust-hotel .wind--hot02 {
	background-image: url(../images/hotel/wind_hot.svg)
}

#illust-hotel .wind--hot02 {
	height: 92px;
	left: 211px;
	top: 117px;
	z-index: 150
}

#illust-hotel .sweat01 {
	background: url(../images/hotel/sweat_01.svg) left top no-repeat;
	height: 20px;
	width: 33px;
	background-size: 33px 20px;
	left: 223px;
	position: absolute;
	top: 246px;
	z-index: 200
}

#illust-hotel .sweat02 {
	background: url(../images/hotel/sweat_02.svg) left top no-repeat;
	height: 15px;
	width: 36px;
	background-size: 36px 15px;
	left: 227px;
	position: absolute;
	top: 270px;
	z-index: 200
}

#illust-hotel .sweat03 {
	background: url(../images/hotel/sweat_03.svg) left top no-repeat;
	height: 18px;
	width: 35px;
	background-size: 35px 18px;
	left: 225px;
	position: absolute;
	top: 291px;
	z-index: 200
}

#illust-hotel .frame {
	background: url(../images/hotel/frame.svg) left top no-repeat;
	height: 351px;
	width: 214px;
	background-size: 214px 351px;
	left: 139px;
	position: absolute;
	top: 72px;
	z-index: 180
}

#illust-hotel .wall-left02 {
	left: 150px;
	top: 137px;
	z-index: 160
}

#illust-hotel .wall-right02 {
	top: 106px;
	width: 101px;
	z-index: 131
}

#illust-hotel .wall-bottom02 {
	left: 239px;
	top: 286px;
	width: 117px;
	z-index: 131
}

#illust-hotel .air-block__anmillust--img .wall-bottom,
#illust-hotel .air-block__anmillust--img .wall-left,
#illust-hotel .air-block__anmillust--img .wall-right {
	transition: background .5s ease
}

#illust-hotel .air-block__anmillust--img .wall-left {
	background: #ffc8c8
}

#illust-hotel .air-block__anmillust--img .wall-right {
	background: #ffd6d6
}

#illust-hotel .air-block__anmillust--img .wall-bottom {
	background: #ffefef
}

#illust-hotel .air-block__anmillust--img[data-status=step03] .wall-left02 {
	background: #95dbff
}

#illust-hotel .air-block__anmillust--img[data-status=step03] .wall-right02 {
	background: #b3e5ff
}

#illust-hotel .air-block__anmillust--img[data-status=step03] .wall-bottom02 {
	background: #d1efff
}

#illust-hotel .air-block__anmillust--img .aircon,
#illust-hotel .air-block__anmillust--img .bed,
#illust-hotel .air-block__anmillust--img .human02,
#illust-hotel .air-block__anmillust--img .sofa,
#illust-hotel .air-block__anmillust--img .table,
#illust-hotel .air-block__anmillust--img .window {
	transition: opacity .5s ease;
	opacity: 0
}

#illust-hotel .air-block__anmillust--img .sweat,
#illust-hotel .air-block__anmillust--img[data-status=default] .aircon--hot,
#illust-hotel .air-block__anmillust--img[data-status=default] .bed--hot,
#illust-hotel .air-block__anmillust--img[data-status=default] .human02--hot,
#illust-hotel .air-block__anmillust--img[data-status=default] .sofa--hot,
#illust-hotel .air-block__anmillust--img[data-status=default] .table--hot,
#illust-hotel .air-block__anmillust--img[data-status=default] .window--hot,
#illust-hotel .air-block__anmillust--img[data-status=step01] .aircon--hot,
#illust-hotel .air-block__anmillust--img[data-status=step01] .bed--hot,
#illust-hotel .air-block__anmillust--img[data-status=step01] .human02--hot,
#illust-hotel .air-block__anmillust--img[data-status=step01] .sofa--hot,
#illust-hotel .air-block__anmillust--img[data-status=step01] .table--hot,
#illust-hotel .air-block__anmillust--img[data-status=step01] .window--hot,
#illust-hotel .air-block__anmillust--img[data-status=step02] .aircon--cool,
#illust-hotel .air-block__anmillust--img[data-status=step02] .aircon--hot,
#illust-hotel .air-block__anmillust--img[data-status=step02] .bed--hot,
#illust-hotel .air-block__anmillust--img[data-status=step02] .human02--hot,
#illust-hotel .air-block__anmillust--img[data-status=step02] .sofa--hot,
#illust-hotel .air-block__anmillust--img[data-status=step02] .table--hot,
#illust-hotel .air-block__anmillust--img[data-status=step02] .window--hot,
#illust-hotel .air-block__anmillust--img[data-status=step03] .aircon--cool,
#illust-hotel .air-block__anmillust--img[data-status=step03] .bed--cool,
#illust-hotel .air-block__anmillust--img[data-status=step03] .human02--cool,
#illust-hotel .air-block__anmillust--img[data-status=step03] .sofa--cool,
#illust-hotel .air-block__anmillust--img[data-status=step03] .table--cool,
#illust-hotel .air-block__anmillust--img[data-status=step03] .window--cool {
	opacity: 1
}

#illust-hotel .air-block__anmillust--img .wind {
	animation: wind 2.5s ease 0s infinite forwards;
	transition: height .5s ease
}

#illust-hotel .air-block__anmillust--img[data-status=default] .wind--hot,
#illust-hotel .air-block__anmillust--img[data-status=step01] .wind--hot,
#illust-hotel .air-block__anmillust--img[data-status=step02] .wind--cool,
#illust-hotel .air-block__anmillust--img[data-status=step03] .wind--cool {
	height: 92px
}

#illust-hotel .air-block__anmillust--img .sweat01 {
	animation: sweat01 1.5s cubic-bezier(.215, .61, .355, 1) infinite forwards
}

#illust-hotel .air-block__anmillust--img .sweat02 {
	animation: sweat02 1.5s cubic-bezier(.215, .61, .355, 1) infinite forwards
}

#illust-hotel .air-block__anmillust--img .sweat03 {
	animation: sweat03 1.5s cubic-bezier(.215, .61, .355, 1) infinite forwards
}

#illust-hotel .air-block__anmillust--img[data-status=step03] .sweat {
	opacity: 0
}

@keyframes sweat01 {
	0% {
		transform: translate(0, 0);
		opacity: 1
	}
	60% {
		opacity: 1
	}
	100% {
		transform: translate(15px, -7px);
		opacity: 0
	}
}

@keyframes sweat02 {
	0% {
		transform: translate(0, 0);
		opacity: 1
	}
	60% {
		opacity: 1
	}
	100% {
		transform: translate(15px, 0);
		opacity: 0
	}
}

@keyframes sweat03 {
	0% {
		transform: translate(0, 0);
		opacity: 1
	}
	60% {
		opacity: 1
	}
	100% {
		transform: translate(15px, 7px);
		opacity: 0
	}
}

#illust-living ol {
	margin-bottom: 20px
}

@media screen and (max-width:480px) {
	#illust-building ol {
		margin-bottom: 30px
	}
	#illust-living .air-block__anmillust--img {
		margin-left: -58px
	}
}

#illust-living .air-block__anmillust--img::before {
	background: url(../images/living/shadow.svg) left top no-repeat;
	height: 290px;
	width: 502px;
	margin-left: -65px;
	bottom: 61px
}

#illust-summer li img,
#illust-winter li img {
	margin-left: -35px
}

#illust-living .room {
	width: 502px;
	height: 436px;
	position: absolute;
	right: -15px;
	top: 0;
	z-index: 100;
	background: url(../images/living/room.svg) left top no-repeat
}

#illust-living .sofa {
	background: url(../images/living/sofa.svg) left top no-repeat;
	height: 98px;
	width: 105px;
	background-size: 105px 98px;
	left: 316px;
	position: absolute;
	top: 261px;
	z-index: 200
}

#illust-living .human {
	background: left top no-repeat
}

#illust-living .human--01 {
	background-image: url(../images/living/human_01.svg);
	height: 64px;
	width: 41px;
	background-size: 41px 64px;
	left: 344px;
	position: absolute;
	top: 286px;
	z-index: 210
}

#illust-living .human--02 {
	background-image: url(../images/living/human_02.svg);
	height: 57px;
	width: 31px;
	background-size: 31px 57px;
	left: 326px;
	position: absolute;
	top: 278px;
	z-index: 210
}

#illust-living .human--03 {
	background-image: url(../images/living/human_03.svg);
	height: 15px;
	width: 25px;
	background-size: 25px 15px;
	left: 352px;
	position: absolute;
	top: 311px;
	z-index: 210
}

#illust-living .table {
	background: left top no-repeat;
	height: 120px;
	width: 113px;
	background-size: 113px 120px;
	left: 25px;
	position: absolute;
	top: 135px;
	z-index: 200
}

#illust-living .table--01 {
	background-image: url(../images/living/table_01.svg)
}

#illust-living .table--02 {
	background-image: url(../images/living/table_02.svg)
}

#illust-living .table--03 {
	background-image: url(../images/living/table_03.svg)
}

#illust-living .aircon {
	background: url(../images/living/aircon.svg) left top no-repeat;
	height: 51px;
	width: 78px;
	background-size: 78px 51px;
	left: 194px;
	position: absolute;
	top: 145px;
	z-index: 200
}

#illust-living .wind01 {
	background: right top no-repeat;
	height: 177px;
	right: 200px;
	position: absolute;
	top: 151px;
	transform: rotate(30deg) skewX(-30deg);
	transform-origin: right top;
	width: 104px;
	z-index: 180
}

#illust-living .wind01--01 {
	background-image: url(../images/living/wind_01.svg);
	background-size: 104px 177px
}

#illust-living .wind01--02 {
	background-image: url(../images/living/wind_01_02.svg);
	background-size: 93px 137px
}

#illust-living .wind02 {
	background: left top no-repeat;
	height: 184px;
	left: 268px;
	position: absolute;
	top: 161px;
	transform-origin: left top;
	transform: rotate(30deg) skewX(-30deg);
	width: 286px;
	z-index: 190
}

#illust-living .wind02--01 {
	background-image: url(../images/living/wind_02.svg);
	background-size: 286px 184px;
	opacity: 0
}

#illust-living .wind02--02 {
	background-image: url(../images/living/wind_02_02.svg);
	background-size: 280px 142px;
	left: 258px;
	top: 171px
}

#illust-living .air-block__anmillust--img .table {
	transition: opacity .5s ease;
	opacity: 0
}

#illust-living .air-block__anmillust--img[data-status=default] .table--01,
#illust-living .air-block__anmillust--img[data-status=step01] .table--01,
#illust-living .air-block__anmillust--img[data-status=step02] .table--02,
#illust-living .air-block__anmillust--img[data-status=step03] .table--03 {
	opacity: 1
}

#illust-living .air-block__anmillust--img .human {
	transition: opacity .5s ease;
	opacity: 0
}

#illust-living .air-block__anmillust--img[data-status=default] .human--01,
#illust-living .air-block__anmillust--img[data-status=step01] .human--01,
#illust-living .air-block__anmillust--img[data-status=step02] .human--01,
#illust-living .air-block__anmillust--img[data-status=step02] .human--02,
#illust-living .air-block__anmillust--img[data-status=step03] .human--03 {
	opacity: 1
}

#illust-living .air-block__anmillust--img .wind01 {
	transition: width .5s .3s ease, opacity .5s ease;
	width: 0;
	opacity: 0
}

#illust-living .air-block__anmillust--img[data-status=step01] .wind01,
#illust-living .air-block__anmillust--img[data-status=step02] .wind01,
#illust-living .air-block__anmillust--img[data-status=step03] .wind01 {
	width: 104px
}

#illust-living .air-block__anmillust--img[data-status=default] .wind01 {
	transition-delay: 0s, 0s
}

#illust-living .air-block__anmillust--img[data-status=step01] .wind01--01 {
	opacity: 1;
	animation: wind 2.5s ease 0s infinite forwards
}

#illust-living .air-block__anmillust--img[data-status=step02] .wind01--02 {
	opacity: 1;
	animation: wind 2.5s ease -1s infinite forwards
}

#illust-living .air-block__anmillust--img[data-status=step03] .wind01--01 {
	opacity: 1;
	animation: wind 2.5s ease 0s infinite forwards
}

#illust-living .air-block__anmillust--img .wind02 {
	transition: width .5s .3s ease, opacity .5s ease;
	width: 0;
	opacity: 0
}

#illust-living .air-block__anmillust--img[data-status=step01] .wind02,
#illust-living .air-block__anmillust--img[data-status=step02] .wind02,
#illust-living .air-block__anmillust--img[data-status=step03] .wind02 {
	width: 286px
}

#illust-living .air-block__anmillust--img[data-status=step01] .wind02--01,
#illust-living .air-block__anmillust--img[data-status=step02] .wind02--01,
#illust-living .air-block__anmillust--img[data-status=step03] .wind02--02 {
	opacity: 1;
	animation: wind 2.5s ease 0s infinite forwards
}

#illust-living .air-block__anmillust--img[data-status=default] .wind02 {
	transition-delay: 0s, 0s
}

#illust-office .air-block__anmillust--img[data-status=default] .desk0,
#illust-office .air-block__anmillust--img[data-status=default] .desk3,
#illust-office .air-block__anmillust--img[data-status=default] .desk5,
#illust-office .air-block__anmillust--img[data-status=default] .desk8,
#illust-office .air-block__anmillust--img[data-status=step01] .desk0,
#illust-office .air-block__anmillust--img[data-status=step01] .desk3,
#illust-office .air-block__anmillust--img[data-status=step01] .desk5,
#illust-office .air-block__anmillust--img[data-status=step01] .desk8,
#illust-office .air-block__anmillust--img[data-status=step02] .desk0,
#illust-office .air-block__anmillust--img[data-status=step02] .desk3,
#illust-office .air-block__anmillust--img[data-status=step02] .desk5,
#illust-office .air-block__anmillust--img[data-status=step02] .desk8,
#illust-office .desk0,
#illust-office .desk3,
#illust-office .desk5,
#illust-office .desk8 {
	opacity: 0
}

#illust-office .windround {
	background: url(../images/office/wind_round.svg) left top no-repeat;
	height: 313px;
	width: 354px;
	background-size: 354px 313px;
	left: 75px;
	position: absolute;
	top: 112px;
	z-index: 160
}

#illust-office .wind4 {
	width: 298px;
	height: 252px;
	left: 104px;
	position: absolute;
	top: 112px;
	z-index: 200
}

#illust-office .wind4 div {
	background: url(../images/office/wind4_04.svg) 157px 36px no-repeat, url(../images/office/wind4_03.svg) 11px 36px no-repeat, url(../images/office/wind4_02.svg) right top no-repeat, url(../images/office/wind4_01.svg) left top no-repeat;
	height: 252px;
	width: 298px;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1
}

#illust-office .wind2 {
	position: relative
}

#illust-office .wind2 .wind-left01 {
	background: url(../images/office/wind2_left_01.svg) right top no-repeat;
	height: 72px;
	width: 64px;
	background-size: 64px 72px;
	position: absolute;
	top: 98px;
	z-index: 200;
	left: auto;
	right: 233px;
	transform-origin: right center;
	transform: rotate(30deg) skewX(-30deg)
}

#illust-office .wind2 .wind-left02 {
	background: url(../images/office/wind2_left_02.svg) right top no-repeat;
	height: 284px;
	width: 134px;
	background-size: 134px 284px;
	left: 119px;
	position: absolute;
	top: 88px;
	z-index: 170
}

#illust-office .wind2 .wind-right01 {
	background: url(../images/office/wind2_right_01.svg) left top no-repeat;
	height: 271px;
	width: 123px;
	background-size: 123px 271px;
	left: 248px;
	position: absolute;
	top: 152px;
	z-index: 190
}

#illust-office .wind2 .wind-right02 {
	background: url(../images/office/wind2_right_02.svg) right top no-repeat;
	height: 91px;
	width: 169px;
	background-size: 169px 91px;
	position: absolute;
	top: 334px;
	z-index: 170;
	right: 90px;
	left: auto
}

#illust-office .aircon {
	background: url(../images/office/aircon.svg) left top no-repeat;
	height: 86px;
	width: 133px;
	background-size: 133px 86px;
	left: 186px;
	position: absolute;
	top: 103px;
	z-index: 300
}

#illust-office .window {
	background: url(../images/office/window.svg) left top no-repeat;
	height: 215px;
	width: 171px;
	background-size: 171px 215px;
	left: 61px;
	position: absolute;
	top: 100px;
	z-index: 150
}

#illust-office .wall-left {
	background: #95dbff
}

#illust-office .wall-right {
	background: #b3e5ff
}

#illust-office .wall-bottom {
	background: #d1efff
}

#illust-office .wall-left--hot {
	background: url(../images/office/wall_hot_left02.svg) left top no-repeat, url(../images/office/wall_hot_right02.svg) right top no-repeat;
	background-size: auto 150%;
	top: 76px;
	height: 224px
}

#illust-office .wall-right--hot {
	background: url(../images/office/wall_hot_left.svg) left top no-repeat, url(../images/office/wall_hot_right.svg) right top no-repeat;
	background-size: auto 150%;
	top: 76px;
	height: 224px
}

#illust-office .desk li,
#illust-office .desk--hot li {
	height: 65px;
	width: 74px;
	z-index: 180;
	position: absolute
}

#illust-office .wall-bottom--hot {
	background: url(../images/office/wall_hot_bottom01.svg) no-repeat, url(../images/office/wall_hot_bottom02.svg) 100% 0 no-repeat, url(../images/office/wall_hot_bottom04.svg) 100% 100% no-repeat, url(../images/office/wall_hot_bottom03.svg) 0 100% no-repeat
}

#illust-office .desk li {
	background: url(../images/office/desk_cool.svg) left top no-repeat;
	background-size: 74px 65px
}

#illust-office .desk0 {
	left: 213px;
	top: 235px
}

#illust-office .desk1 {
	left: 151px;
	top: 273px
}

#illust-office .desk2 {
	left: 278px;
	top: 273px
}

#illust-office .desk3 {
	left: 82px;
	top: 310px
}

#illust-office .desk4 {
	left: 213px;
	top: 310px
}

#illust-office .desk5 {
	left: 342px;
	top: 310px
}

#illust-office .desk6 {
	left: 151px;
	top: 348px
}

#illust-office .desk7 {
	left: 278px;
	top: 348px
}

#illust-office .desk8 {
	left: 213px;
	top: 384px
}

#illust-office .desk--hot li {
	background: url(../images/office/desk_hot.svg) left top no-repeat;
	background-size: 74px 65px
}

#illust-office .desk--hot0 {
	left: 213px;
	top: 235px
}

#illust-office .desk--hot1 {
	left: 82px;
	top: 310px
}

#illust-office .desk--hot2 {
	left: 342px;
	top: 310px
}

#illust-office .desk--hot3 {
	left: 213px;
	top: 384px
}

#illust-office .air-block__anmillust--img .wall-bottom--hot,
#illust-office .air-block__anmillust--img .wall-left--hot,
#illust-office .air-block__anmillust--img .wall-right--hot {
	transition: background 1s cubic-bezier(.215, .61, .355, 1)
}

#illust-office .air-block__anmillust--img .desk li,
#illust-office .air-block__anmillust--img .desk--hot li {
	transition: opacity 1s cubic-bezier(.215, .61, .355, 1)
}

#illust-office .air-block__anmillust--img[data-status=default] .wall-left--hot,
#illust-office .air-block__anmillust--img[data-status=default] .wall-right--hot,
#illust-office .air-block__anmillust--img[data-status=step01] .wall-left--hot,
#illust-office .air-block__anmillust--img[data-status=step01] .wall-right--hot,
#illust-office .air-block__anmillust--img[data-status=step02] .wall-left--hot,
#illust-office .air-block__anmillust--img[data-status=step02] .wall-right--hot {
	background-position: -35px 0, calc(100% + 35px) 0
}

#illust-office .air-block__anmillust--img[data-status=default] .wall-bottom--hot,
#illust-office .air-block__anmillust--img[data-status=step01] .wall-bottom--hot,
#illust-office .air-block__anmillust--img[data-status=step02] .wall-bottom--hot {
	background-position: 0 0, 100% 0, 100% 100%, 0 100%
}

#illust-office .air-block__anmillust--img[data-status=default] .desk--hot li,
#illust-office .air-block__anmillust--img[data-status=step01] .desk--hot li,
#illust-office .air-block__anmillust--img[data-status=step02] .desk--hot li,
#illust-office .air-block__anmillust--img[data-status=step03] .desk0,
#illust-office .air-block__anmillust--img[data-status=step03] .desk3,
#illust-office .air-block__anmillust--img[data-status=step03] .desk5,
#illust-office .air-block__anmillust--img[data-status=step03] .desk8,
#illust-office .air-block__anmillust--img[data-status=step04] .desk0,
#illust-office .air-block__anmillust--img[data-status=step04] .desk3,
#illust-office .air-block__anmillust--img[data-status=step04] .desk5,
#illust-office .air-block__anmillust--img[data-status=step04] .desk8,
#illust-office .air-block__anmillust--img[data-status=step05] .desk0,
#illust-office .air-block__anmillust--img[data-status=step05] .desk3,
#illust-office .air-block__anmillust--img[data-status=step05] .desk5,
#illust-office .air-block__anmillust--img[data-status=step05] .desk8 {
	opacity: 1
}

#illust-office .air-block__anmillust--img[data-status=step03] .wall-left--hot,
#illust-office .air-block__anmillust--img[data-status=step03] .wall-right--hot,
#illust-office .air-block__anmillust--img[data-status=step04] .wall-left--hot,
#illust-office .air-block__anmillust--img[data-status=step04] .wall-right--hot,
#illust-office .air-block__anmillust--img[data-status=step05] .wall-left--hot,
#illust-office .air-block__anmillust--img[data-status=step05] .wall-right--hot {
	background-position: -97px 0, calc(100% + 97px) 0
}

#illust-office .air-block__anmillust--img[data-status=step03] .wall-bottom--hot,
#illust-office .air-block__anmillust--img[data-status=step04] .wall-bottom--hot,
#illust-office .air-block__anmillust--img[data-status=step05] .wall-bottom--hot {
	background-position: -90px -90px, calc(100% + 90px) -90px, calc(100% + 90px) calc(100% + 90px), -90px calc(100% + 90px)
}

#illust-office .air-block__anmillust--img[data-status=default] .wind2,
#illust-office .air-block__anmillust--img[data-status=step01] .wind2,
#illust-office .air-block__anmillust--img[data-status=step03] .desk--hot li,
#illust-office .air-block__anmillust--img[data-status=step03] .wind2,
#illust-office .air-block__anmillust--img[data-status=step04] .desk--hot li,
#illust-office .air-block__anmillust--img[data-status=step05] .desk--hot li {
	opacity: 0
}

#illust-office .air-block__anmillust--img .wind4 div {
	animation: wind 2.5s ease 0s infinite forwards;
	transition: all .7s ease
}

#illust-office .air-block__anmillust--img[data-status=default] .wind4 div {
	height: 0;
	border-radius: 0 0 100% 100%
}

#illust-office .air-block__anmillust--img[data-status=step01] .wind4 div,
#illust-office .air-block__anmillust--img[data-status=step03] .wind4 div {
	height: 252px;
	border-radius: 0
}

#illust-office .air-block__anmillust--img[data-status=default] .wind2 .wind-left02,
#illust-office .air-block__anmillust--img[data-status=default] .wind2 .wind-right01,
#illust-office .air-block__anmillust--img[data-status=step01] .wind2 .wind-left02,
#illust-office .air-block__anmillust--img[data-status=step01] .wind2 .wind-right01,
#illust-office .air-block__anmillust--img[data-status=step03] .wind2 .wind-left02,
#illust-office .air-block__anmillust--img[data-status=step03] .wind2 .wind-right01,
#illust-office .air-block__anmillust--img[data-status=step05] .wind4 div {
	height: 0
}

#illust-office .air-block__anmillust--img[data-status=step02] .wind4 div,
#illust-office .air-block__anmillust--img[data-status=step04] .wind4 div {
	height: 0;
	border-radius: 0 0 100% 100%
}

#illust-office .air-block__anmillust--img .wind2 div {
	animation: wind 2.5s ease 0s infinite forwards
}

#illust-office .air-block__anmillust--img .wind2 .wind-left01 {
	transition: width .2s linear
}

#illust-office .air-block__anmillust--img .wind2 .wind-left02 {
	transition: height 550ms .2s ease
}

#illust-office .air-block__anmillust--img .wind2 .wind-right01 {
	transition: height 450ms ease
}

#illust-office .air-block__anmillust--img .wind2 .wind-right02 {
	transition: width .3s 450ms linear
}

#illust-office .air-block__anmillust--img[data-status=default] .wind2 .wind-left01,
#illust-office .air-block__anmillust--img[data-status=default] .wind2 .wind-right02,
#illust-office .air-block__anmillust--img[data-status=step01] .wind2 .wind-left01,
#illust-office .air-block__anmillust--img[data-status=step01] .wind2 .wind-right02,
#illust-office .air-block__anmillust--img[data-status=step03] .wind2 .wind-left01,
#illust-office .air-block__anmillust--img[data-status=step03] .wind2 .wind-right02 {
	width: 0
}

#illust-office .air-block__anmillust--img[data-status=step02] .wind2,
#illust-office .air-block__anmillust--img[data-status=step04] .wind2 {
	opacity: 1
}

#illust-office .air-block__anmillust--img[data-status=step02] .wind2 .wind-left01,
#illust-office .air-block__anmillust--img[data-status=step04] .wind2 .wind-left01 {
	width: 64px
}

#illust-office .air-block__anmillust--img[data-status=step02] .wind2 .wind-left02,
#illust-office .air-block__anmillust--img[data-status=step04] .wind2 .wind-left02 {
	height: 284px
}

#illust-office .air-block__anmillust--img[data-status=step02] .wind2 .wind-right01,
#illust-office .air-block__anmillust--img[data-status=step04] .wind2 .wind-right01 {
	height: 271px
}

#illust-office .air-block__anmillust--img[data-status=step02] .wind2 .wind-right02,
#illust-office .air-block__anmillust--img[data-status=step04] .wind2 .wind-right02 {
	width: 169px
}

#illust-office .air-block__anmillust--img[data-status=step05] .wind2 {
	opacity: 0
}

#illust-office .air-block__anmillust--img .windround {
	animation: wind 2.5s ease 0s infinite forwards;
	transition: height 1s ease, border .5s ease
}

#illust-office .air-block__anmillust--img[data-status=default] .windround,
#illust-office .air-block__anmillust--img[data-status=step01] .windround,
#illust-office .air-block__anmillust--img[data-status=step02] .windround,
#illust-office .air-block__anmillust--img[data-status=step03] .windround,
#illust-office .air-block__anmillust--img[data-status=step04] .windround {
	height: 0;
	border-radius: 0 0 100% 100%;
	transition: height .1s ease, border .5s ease
}

#illust-office .air-block__anmillust--img[data-status=step05] .windround {
	height: 354px;
	border-radius: 0
}

#illust-oldage li img {
	margin-left: -29px
}

/* #illust-oldage .aircon01 {
	background: url(../images/oldage/aircon_hot.svg) left top no-repeat;
	height: 48px;
	width: 64px;
	background-size: 64px 48px;
	left: 214px;
	position: absolute;
	top: 34px;
	z-index: 200
}

#illust-oldage .watch {
	background: url(../images/oldage/watch.svg) left top no-repeat;
	height: 34px;
	width: 30px;
	background-size: 30px 34px;
	left: 187px;
	position: absolute;
	top: 74px;
	z-index: 200
}

#illust-oldage .window {
	background: url(../images/oldage/window.svg) left top no-repeat;
	height: 157px;
	width: 98px;
	background-size: 98px 157px;
	left: 268px;
	position: absolute;
	top: 75px;
	z-index: 100
}

#illust-oldage .aircon02,
#illust-oldage .aircon02--hot {
	background: url(../images/oldage/aircon_cool.svg) left top no-repeat;
	height: 48px;
	width: 64px;
	background-size: 64px 48px;
	left: 284px;
	position: absolute;
	top: 147px;
	z-index: 200;
	opacity: 0
}

#illust-oldage .aircon02--hot {
	background: url(../images/oldage/aircon_hot.svg) left top no-repeat
}

#illust-oldage .aircon03,
#illust-oldage .aircon03--hot {
	background: url(../images/oldage/aircon_cool.svg) left top no-repeat;
	height: 48px;
	width: 64px;
	background-size: 64px 48px;
	left: 189px;
	position: absolute;
	top: 202px;
	z-index: 200;
	opacity: 0
}

#illust-oldage .aircon03--hot {
	background: url(../images/oldage/aircon_hot.svg) left top no-repeat
} */

/* #illust-oldage .shake01 {
	background: url(../images/shake.svg) left top no-repeat;
	height: 45px;
	width: 27px;
	background-size: 27px 45px;
	left: 329px;
	position: absolute;
	top: 291px;
	z-index: 350;
	opacity: 1
} */

/* #illust-oldage .shake02 {
	background: url(../images/oldage/shake02.svg) left top no-repeat;
	height: 50px;
	width: 38px;
	background-size: 38px 50px;
	left: 398px;
	position: absolute;
	top: 236px;
	z-index: 350;
	opacity: 1
}

#illust-oldage .human,
#illust-oldage .human--hot {
	background: url(../images/oldage/human.svg) left top no-repeat;
	height: 139px;
	width: 66px;
	background-size: 66px 139px;
	left: 348px;
	position: absolute;
	top: 235px;
	z-index: 350;
	opacity: 1
}

#illust-oldage .human--hot {
	background: url(../images/oldage/human02.svg) left top no-repeat;
	opacity: 0
}

#illust-oldage .wash,
#illust-oldage .wash--hot {
	background: url(../images/oldage/wash.svg) left top no-repeat;
	height: 239px;
	width: 97px;
	background-size: 97px 239px;
	left: 109px;
	position: absolute;
	top: 184px;
	z-index: 510;
	opacity: 1
}

#illust-oldage .wash--hot {
	background: url(../images/oldage/wash_hot.svg) left top no-repeat;
	opacity: 0
}

#illust-oldage .door01,
#illust-oldage .door01--hot {
	background: url(../images/oldage/door.svg) left top no-repeat;
	height: 192px;
	width: 58px;
	background-size: 58px 192px;
	left: 226px;
	position: absolute;
	top: 249px;
	z-index: 300;
	opacity: 1
}

#illust-oldage .door01--hot {
	background: url(../images/oldage/door02.svg) left top no-repeat;
	opacity: 0
}

#illust-oldage .door02,
#illust-oldage .door02--hot {
	background: url(../images/oldage/door03.svg) left top no-repeat;
	height: 185px;
	width: 53px;
	background-size: 53px 185px;
	left: 321px;
	position: absolute;
	top: 173px;
	z-index: 300;
	opacity: 1
}

#illust-oldage .door02--hot {
	background: url(../images/oldage/door04.svg) left top no-repeat;
	opacity: 0
}

#illust-oldage .floor,
#illust-oldage .floor--hot {
	background: url(../images/oldage/floor.svg) left top no-repeat;
	height: 118px;
	width: 203px;
	background-size: 203px 118px;
	left: 240px;
	position: absolute;
	top: 325px;
	z-index: 100;
	opacity: 1
}

#illust-oldage .floor--hot {
	background: url(../images/oldage/floor02.svg) left top no-repeat;
	opacity: 0
}

#illust-oldage .frame-top {
	background: url(../images/oldage/top.svg) left top no-repeat;
	height: 228px;
	width: 438px;
	background-size: 438px 228px;
	left: 29px;
	position: absolute;
	top: 0;
	z-index: 550
} */

#illust-oldage .frame-left,
#illust-oldage .frame-right {
	height: 368px;
	width: 219px;
	top: 125px;
	z-index: 500;
	position: absolute
}

/* #illust-oldage .frame-left {
	background: url(../images/oldage/left.svg) left top no-repeat;
	background-size: 219px 368px;
	left: 29px
} */

/* #illust-oldage .frame-right {
	background: url(../images/oldage/right.svg) left top no-repeat;
	background-size: 219px 368px;
	left: 247px
}

#illust-oldage .unit {
	background: url(../images/oldage/unit.svg) left top no-repeat;
	height: 101px;
	width: 84px;
	background-size: 84px 101px;
	left: -15px;
	position: absolute;
	top: 264px;
	z-index: 50
} */

#illust-oldage .wall-bottom01 {
	background: #d1efff;
	z-index: 90
}

#illust-oldage .wall-bottom02 {
	background: #d1efff;
	height: 103px;
	left: 89px;
	top: 296px;
	width: 74px;
	z-index: 92
}

#illust-oldage .wall-right01 {
	background: #ffd6d6;
	z-index: 100
}

#illust-oldage .wall-right02 {
	background: #b3e5ff;
	right: 0;
	top: 118px;
	width: 63px
}

#illust-oldage .wall-right03 {
	background: #b3e5ff;
	right: 173px;
	top: 118px;
	width: 138px
}

#illust-oldage .wall-right04 {
	background: #b3e5ff;
	right: 155px;
	top: 184px;
	width: 148px
}

#illust-oldage .wall-right05 {
	background: #b3e5ff;
	right: 303px;
	top: 125px;
	width: 55px
}

#illust-oldage .wall-left01 {
	background: #ffc8c8
}

#illust-oldage .wall-left02 {
	background: #95dbff;
	left: 92px;
	top: 94px;
	width: 47px
}

#illust-oldage .wall-left03 {
	background: #95dbff;
	top: 122px;
	width: 47px
}

#illust-oldage .wall-left04 {
	background: #95dbff;
	z-index: 135;
	left: 110px;
	top: 160px;
	width: 46px
}

#illust-oldage .wall-left05 {
	background: #95dbff;
	left: 277px;
	top: 130px;
	width: 110px
}

#illust-oldage .air-block__anmillust--img .wall-bottom,
#illust-oldage .air-block__anmillust--img .wall-left,
#illust-oldage .air-block__anmillust--img .wall-right {
	transition: background .5s ease
}

#illust-oldage .air-block__anmillust--img .shake01,
#illust-oldage .air-block__anmillust--img .shake02 {
	animation: shake .5s ease 0s infinite forwards;
	transition: opacity .5s ease
}

#illust-oldage .air-block__anmillust--img .shake02 {
	animation-delay: -.2s
}

#illust-oldage .air-block__anmillust--img .aircon02,
#illust-oldage .air-block__anmillust--img .aircon02--hot,
#illust-oldage .air-block__anmillust--img .aircon03,
#illust-oldage .air-block__anmillust--img .aircon03--hot,
#illust-oldage .air-block__anmillust--img .door01,
#illust-oldage .air-block__anmillust--img .door01--hot,
#illust-oldage .air-block__anmillust--img .door02,
#illust-oldage .air-block__anmillust--img .door02--hot,
#illust-oldage .air-block__anmillust--img .floor,
#illust-oldage .air-block__anmillust--img .floor--hot,
#illust-oldage .air-block__anmillust--img .human,
#illust-oldage .air-block__anmillust--img .human--hot,
#illust-oldage .air-block__anmillust--img .wash,
#illust-oldage .air-block__anmillust--img .wash--hot {
	transition: opacity .5s ease
}

#illust-oldage .air-block__anmillust--img[data-status=step02] .aircon02,
#illust-oldage .air-block__anmillust--img[data-status=step02] .aircon03 {
	opacity: 1
}

#illust-oldage .air-block__anmillust--img[data-status=step03] .aircon02,
#illust-oldage .air-block__anmillust--img[data-status=step03] .aircon03,
#illust-oldage .air-block__anmillust--img[data-status=step03] .door01,
#illust-oldage .air-block__anmillust--img[data-status=step03] .door02,
#illust-oldage .air-block__anmillust--img[data-status=step03] .floor,
#illust-oldage .air-block__anmillust--img[data-status=step03] .human,
#illust-oldage .air-block__anmillust--img[data-status=step03] .shake01,
#illust-oldage .air-block__anmillust--img[data-status=step03] .shake02,
#illust-oldage .air-block__anmillust--img[data-status=step03] .wash {
	opacity: 0
}

#illust-oldage .air-block__anmillust--img[data-status=step03] .aircon02--hot,
#illust-oldage .air-block__anmillust--img[data-status=step03] .aircon03--hot,
#illust-oldage .air-block__anmillust--img[data-status=step03] .door01--hot,
#illust-oldage .air-block__anmillust--img[data-status=step03] .door02--hot,
#illust-oldage .air-block__anmillust--img[data-status=step03] .floor--hot,
#illust-oldage .air-block__anmillust--img[data-status=step03] .human--hot,
#illust-oldage .air-block__anmillust--img[data-status=step03] .wash--hot {
	opacity: 1
}

#illust-oldage .air-block__anmillust--img[data-status=step03] .wall-left02,
#illust-oldage .air-block__anmillust--img[data-status=step03] .wall-left04,
#illust-oldage .air-block__anmillust--img[data-status=step03] .wall-left05 {
	background: #ffc8c8
}

#illust-oldage .air-block__anmillust--img[data-status=step03] .wall-right02,
#illust-oldage .air-block__anmillust--img[data-status=step03] .wall-right03,
#illust-oldage .air-block__anmillust--img[data-status=step03] .wall-right04 {
	background: #ffd6d6
}

#illust-oldage .air-block__anmillust--img[data-status=step03] .wall-bottom01 {
	background: #ffefef
}

#illust-stairwell li:nth-of-type(1) img {
	margin-left: -26px
}

@media screen and (max-width:960px) {
	#illust-living ol {
		margin-bottom: 0
	}
	#block-stairwell .air-block__body {
		margin-bottom: 700px
	}
}

#illust-stairwell ol {
	min-height: 160px
}

#illust-stairwell .frame {
	background: url(../images/stairwell/frame.svg) left top no-repeat;
	height: 586px;
	width: 438px;
	background-size: 438px 586px;
	left: 28px;
	position: absolute;
	top: -92px;
	z-index: 150
}

#illust-stairwell .wall {
	background: url(../images/stairwell/wall.svg) left top no-repeat;
	height: 274px;
	width: 297px;
	background-size: 297px 274px;
	left: 153px;
	position: absolute;
	top: -73px;
	z-index: 170
}

#illust-stairwell .aircon {
	background: url(../images/stairwell/aircon.svg) left top no-repeat;
	height: 130px;
	width: 136px;
	background-size: 136px 130px;
	left: 305px;
	position: absolute;
	top: 31px;
	z-index: 180
}

#illust-stairwell .aircon--wind {
	background: url(../images/stairwell/wind.svg) left top no-repeat;
	height: 228px;
	width: 154px;
	background-size: 154px 228px;
	left: 271px;
	position: absolute;
	top: 71px;
	z-index: 175
}

#illust-stairwell .sofa,
#illust-stairwell .sofa--hot {
	background: url(../images/stairwell/sofa01.svg) left top no-repeat;
	height: 210px;
	width: 225px;
	background-size: 225px 210px;
	left: 94px;
	position: absolute;
	top: 184px;
	z-index: 170
}

#illust-stairwell .sofa--hot {
	background: url(../images/stairwell/sofa02.svg) left top no-repeat;
	opacity: 0
}

#illust-stairwell .cool01,
#illust-stairwell .cool02 {
	background: url(../images/stairwell/cool.svg) left top repeat-x;
	height: 88px;
	width: 92px;
	left: -10px;
	position: absolute;
	top: 215px;
	z-index: 170;
	background-size: 35px 88px
}

#illust-stairwell .cool02 {
	left: 410px
}

#illust-stairwell .cool03 {
	background: url(../images/stairwell/cool02.svg) left top repeat-y;
	height: 94px;
	width: 86px;
	left: 282px;
	position: absolute;
	top: 379px;
	z-index: 170;
	background-size: 88px 35px
}

#illust-stairwell .wall-right02 {
	height: 186px;
	right: 1px;
	top: -50px;
	transform: skewY(29deg);
	width: 87px;
	z-index: 160
}

#illust-stairwell .wall-left02 {
	height: 186px;
	left: 153px;
	top: -20px;
	transform: skewY(-27deg);
	width: 209px;
	z-index: 160
}

#illust-stairwell .wall-bottom02 {
	background: url(../images/stairwell/hot02.svg) 10px 2px no-repeat;
	background-size: 214.2px 190.8px;
	width: 0;
	top: 198px;
	transform-origin: left center;
	left: 145px
}

#illust-stairwell .air-block__anmillust--img[data-status=step02] .wall-bottom02,
#illust-stairwell .air-block__anmillust--img[data-status=step03] .wall-bottom02 {
	width: 234px
}

#illust-stairwell .air-block__anmillust--img .wall-bottom01,
#illust-stairwell .air-block__anmillust--img .wall-left,
#illust-stairwell .air-block__anmillust--img .wall-right {
	transition: background .5s ease
}

#illust-stairwell .air-block__anmillust--img .wall-bottom02 {
	transition: width .5s ease
}

#illust-stairwell .air-block__anmillust--img .aircon--wind {
	animation: stairwellWind 2.5s ease 0s infinite forwards;
	transition: height .5s ease
}

#illust-stairwell .air-block__anmillust--img .cool01 {
	animation: stairwellCool 1.5s linear 0s infinite forwards
}

#illust-stairwell .air-block__anmillust--img .cool02 {
	animation: stairwellCool02 1.5s linear 0s infinite forwards
}

#illust-stairwell .air-block__anmillust--img .cool03 {
	animation: stairwellCool03 1.5s linear 0s infinite forwards
}

#illust-stairwell .air-block__anmillust--img .hot {
	animation: stairwellHot 1.5s linear 0s infinite forwards
}

#illust-stairwell .air-block__anmillust--img .cool01,
#illust-stairwell .air-block__anmillust--img .cool02,
#illust-stairwell .air-block__anmillust--img .cool03,
#illust-stairwell .air-block__anmillust--img .hot,
#illust-stairwell .air-block__anmillust--img .wall {
	transition: opacity .5s ease
}

#illust-stairwell .air-block__anmillust--img[data-status=default] .wall-left,
#illust-stairwell .air-block__anmillust--img[data-status=step01] .wall-left {
	background: #63C7FF
}

#illust-stairwell .air-block__anmillust--img[data-status=default] .wall-left02,
#illust-stairwell .air-block__anmillust--img[data-status=step01] .wall-left02 {
	background: #95dbff
}

#illust-stairwell .air-block__anmillust--img[data-status=default] .wall-right,
#illust-stairwell .air-block__anmillust--img[data-status=step01] .wall-right {
	background: #b3e5ff
}

#illust-stairwell .air-block__anmillust--img[data-status=default] .wall-bottom01,
#illust-stairwell .air-block__anmillust--img[data-status=step01] .wall-bottom01 {
	background-color: #d1efff
}

#illust-stairwell .air-block__anmillust--img[data-status=step02] .wall-left {
	background: #63C7FF
}

#illust-stairwell .air-block__anmillust--img[data-status=step02] .wall-left02 {
	background: #95dbff
}

#illust-stairwell .air-block__anmillust--img[data-status=step02] .wall-right {
	background: #b3e5ff
}

#illust-stairwell .air-block__anmillust--img[data-status=step02] .wall-bottom01 {
	background-color: #ffefef
}

#illust-stairwell .air-block__anmillust--img[data-status=step02] .cool01,
#illust-stairwell .air-block__anmillust--img[data-status=step02] .cool02,
#illust-stairwell .air-block__anmillust--img[data-status=step02] .cool03 {
	opacity: 0
}

#illust-stairwell .air-block__anmillust--img[data-status=step02] .hot {
	opacity: 1
}

#illust-stairwell .air-block__anmillust--img[data-status=step03] .wall-left {
	background: #FFAEAE
}

#illust-stairwell .air-block__anmillust--img[data-status=step03] .wall-left02 {
	background: #ffc8c8
}

#illust-stairwell .air-block__anmillust--img[data-status=step03] .wall-right {
	background: #ffd6d6
}

#illust-stairwell .air-block__anmillust--img[data-status=step03] .wall-bottom {
	background-color: #ffefef
}

#illust-stairwell .air-block__anmillust--img[data-status=step03] .aircon--wind {
	height: 0
}

#illust-summer .sofa01,
#illust-summer .sofa02 {
	height: 180px;
	width: 226px;
	left: 179px;
	top: 268px;
	z-index: 200;
	position: absolute
}

#illust-stairwell .air-block__anmillust--img[data-status=step03] .cool01,
#illust-stairwell .air-block__anmillust--img[data-status=step03] .cool02,
#illust-stairwell .air-block__anmillust--img[data-status=step03] .cool03 {
	opacity: 0
}

#illust-stairwell .air-block__anmillust--img[data-status=step03] .hot {
	opacity: 1
}

@keyframes stairwellWind {
	0%,
	100% {
		opacity: .5
	}
	50% {
		opacity: 1
	}
}

@keyframes stairwellCool {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: -35px 0
	}
}

@keyframes stairwellCool02 {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 35px 0
	}
}

@keyframes stairwellCool03 {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 0 35px
	}
}

@keyframes stairwellHot {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 0 -35px
	}
}

/* #illust-summer .sofa01 {
	background: url(../images/summer/sofa_01.svg) left top no-repeat;
	background-size: 226px 180px
}

#illust-summer .sofa02 {
	background: url(../images/summer/sofa_02.svg) left top no-repeat;
	opacity: 0;
	background-size: 226px 180px
}

#illust-summer .aircon {
	background: url(../images/summer/aircon.svg) left top no-repeat;
	height: 120px;
	width: 136px;
	background-size: 136px 120px;
	left: 94px;
	position: absolute;
	top: 70px;
	z-index: 200
}

#illust-summer .unit {
	background: url(../images/summer/unit.svg) left top no-repeat;
	height: 101px;
	width: 84px;
	background-size: 84px 101px;
	left: -15px;
	position: absolute;
	top: 264px;
	z-index: 50
}

#illust-summer .tree {
	background: url(../images/summer/tree.svg) left top no-repeat;
	height: 259px;
	width: 121px;
	background-size: 121px 259px;
	left: 427px;
	position: absolute;
	top: 85px;
	z-index: 50
} */

#illust-summer .air0,
#illust-summer .air1,
#illust-summer .air11,
#illust-summer .air12,
#illust-summer .air13,
#illust-summer .air14,
#illust-summer .air15,
#illust-summer .air16,
#illust-summer .air17,
#illust-summer .air18,
#illust-summer .air19,
#illust-summer .air2,
#illust-summer .air20,
#illust-summer .air21,
#illust-summer .air3,
#illust-summer .air4,
#illust-summer .air5,
#illust-summer .air6,
#illust-summer .air7,
#illust-summer .air8,
#illust-summer .air9 {
	position: absolute;
	z-index: 250
}

#illust-summer .air li {
	background: #FF8B81;
	border-radius: 25px;
	height: 25px;
	position: absolute;
	width: 25px
}

#illust-summer .air0 {
	left: 234px;
	top: 59px
}

#illust-summer .air1 {
	left: 297px;
	top: 106px
}

#illust-summer .air2 {
	left: 385px;
	top: 122px
}

#illust-summer .air3 {
	left: 285px;
	top: 151px
}

#illust-summer .air4 {
	left: 187px;
	top: 162px
}

#illust-summer .air5 {
	left: 234px;
	top: 176px
}

#illust-summer .air6 {
	left: 393px;
	top: 184px
}

#illust-summer .air7 {
	left: 332px;
	top: 202px
}

#illust-summer .air8 {
	left: 55px;
	top: 203px
}

#illust-summer .air9 {
	left: 141px;
	top: 223px
}

#illust-summer .air10 {
	left: 293px;
	position: absolute;
	top: 235px;
	z-index: 250
}

#illust-summer .air11 {
	left: 204px;
	top: 239px
}

#illust-summer .air12 {
	left: 63px;
	top: 241px
}

#illust-summer .air13 {
	left: 405px;
	top: 249px
}

#illust-summer .air14 {
	left: 122px;
	top: 275px
}

#illust-summer .air15 {
	left: 362px;
	top: 289px
}

#illust-summer .air16 {
	left: 70px;
	top: 326px
}

#illust-summer .air17 {
	left: 159px;
	top: 335px
}

#illust-summer .air18 {
	left: 366px;
	top: 335px
}

#illust-summer .air19 {
	left: 295px;
	top: 360px
}

#illust-summer .air20 {
	left: 139px;
	top: 377px
}

#illust-summer .air21 {
	left: 237px;
	top: 407px
}

#illust-winter .sofa01,
#illust-winter .sofa02 {
	height: 180px;
	width: 226px;
	left: 179px;
	top: 268px;
	z-index: 200;
	position: absolute
}

#illust-summer .air-block__anmillust--img .wall-bottom,
#illust-summer .air-block__anmillust--img .wall-left,
#illust-summer .air-block__anmillust--img .wall-right {
	transition: background .5s ease
}

#illust-summer .air-block__anmillust--img .sofa01,
#illust-summer .air-block__anmillust--img .sofa02 {
	transition: opacity .5s ease
}

#illust-summer .air-block__anmillust--img .air li {
	animation: floating 3.5s ease 0s infinite forwards;
	transition: all .5s ease
}

#illust-summer .air-block__anmillust--img .air li:nth-of-type(2n) {
	animation: floating02 3.5s ease 0s infinite forwards
}

#illust-summer .air-block__anmillust--img[data-status=default] .wall-left,
#illust-summer .air-block__anmillust--img[data-status=step01] .wall-left {
	background: #ffc8c8
}

#illust-summer .air-block__anmillust--img[data-status=default] .wall-right,
#illust-summer .air-block__anmillust--img[data-status=step01] .wall-right {
	background: #ffd6d6
}

#illust-summer .air-block__anmillust--img[data-status=default] .wall-bottom,
#illust-summer .air-block__anmillust--img[data-status=step01] .wall-bottom {
	background: #ffefef
}

#illust-summer .air-block__anmillust--img[data-status=step02] .wall-left {
	background: #95dbff
}

#illust-summer .air-block__anmillust--img[data-status=step02] .wall-right {
	background: #b3e5ff
}

#illust-summer .air-block__anmillust--img[data-status=step02] .wall-bottom {
	background: #d1efff
}

#illust-summer .air-block__anmillust--img[data-status=step02] .sofa01 {
	opacity: 0
}

#illust-summer .air-block__anmillust--img[data-status=step02] .sofa02 {
	opacity: 1
}

#illust-summer .air-block__anmillust--img[data-status=step03] .wall-left {
	background: #95dbff
}

#illust-summer .air-block__anmillust--img[data-status=step03] .wall-right {
	background: #b3e5ff
}

#illust-summer .air-block__anmillust--img[data-status=step03] .wall-bottom {
	background: #d1efff
}

#illust-summer .air-block__anmillust--img[data-status=step03] .sofa01 {
	opacity: 0
}

#illust-summer .air-block__anmillust--img[data-status=step03] .sofa02 {
	opacity: 1
}

#illust-summer .air-block__anmillust--img[data-status=step03] .air li {
	background: #31C7FF;
	opacity: 0
}

#illust-summer .air-block__anmillust--img[data-status=step03] .air li:nth-of-type(5n-1) {
	opacity: 1
}

#illust-winter .air-block__anmillust--img[data-status=default] .air li:nth-of-type(1),
#illust-winter .air-block__anmillust--img[data-status=default] .air li:nth-of-type(10),
#illust-winter .air-block__anmillust--img[data-status=default] .air li:nth-of-type(12),
#illust-winter .air-block__anmillust--img[data-status=default] .air li:nth-of-type(13),
#illust-winter .air-block__anmillust--img[data-status=default] .air li:nth-of-type(15),
#illust-winter .air-block__anmillust--img[data-status=default] .air li:nth-of-type(16),
#illust-winter .air-block__anmillust--img[data-status=default] .air li:nth-of-type(17),
#illust-winter .air-block__anmillust--img[data-status=default] .air li:nth-of-type(18)~li,
#illust-winter .air-block__anmillust--img[data-status=default] .air li:nth-of-type(2),
#illust-winter .air-block__anmillust--img[data-status=default] .air li:nth-of-type(5),
#illust-winter .air-block__anmillust--img[data-status=default] .air li:nth-of-type(6),
#illust-winter .air-block__anmillust--img[data-status=default] .air li:nth-of-type(8),
#illust-winter .air-block__anmillust--img[data-status=step01] .air li:nth-of-type(1),
#illust-winter .air-block__anmillust--img[data-status=step01] .air li:nth-of-type(10),
#illust-winter .air-block__anmillust--img[data-status=step01] .air li:nth-of-type(12),
#illust-winter .air-block__anmillust--img[data-status=step01] .air li:nth-of-type(13),
#illust-winter .air-block__anmillust--img[data-status=step01] .air li:nth-of-type(15),
#illust-winter .air-block__anmillust--img[data-status=step01] .air li:nth-of-type(16),
#illust-winter .air-block__anmillust--img[data-status=step01] .air li:nth-of-type(17),
#illust-winter .air-block__anmillust--img[data-status=step01] .air li:nth-of-type(18)~li,
#illust-winter .air-block__anmillust--img[data-status=step01] .air li:nth-of-type(2),
#illust-winter .air-block__anmillust--img[data-status=step01] .air li:nth-of-type(5),
#illust-winter .air-block__anmillust--img[data-status=step01] .air li:nth-of-type(6),
#illust-winter .air-block__anmillust--img[data-status=step01] .air li:nth-of-type(8),
#illust-winter .air-block__anmillust--img[data-status=step02] .air li:nth-of-type(1),
#illust-winter .air-block__anmillust--img[data-status=step02] .air li:nth-of-type(10),
#illust-winter .air-block__anmillust--img[data-status=step02] .air li:nth-of-type(12),
#illust-winter .air-block__anmillust--img[data-status=step02] .air li:nth-of-type(13),
#illust-winter .air-block__anmillust--img[data-status=step02] .air li:nth-of-type(15),
#illust-winter .air-block__anmillust--img[data-status=step02] .air li:nth-of-type(16),
#illust-winter .air-block__anmillust--img[data-status=step02] .air li:nth-of-type(17),
#illust-winter .air-block__anmillust--img[data-status=step02] .air li:nth-of-type(18)~li,
#illust-winter .air-block__anmillust--img[data-status=step02] .air li:nth-of-type(2),
#illust-winter .air-block__anmillust--img[data-status=step02] .air li:nth-of-type(5),
#illust-winter .air-block__anmillust--img[data-status=step02] .air li:nth-of-type(6),
#illust-winter .air-block__anmillust--img[data-status=step02] .air li:nth-of-type(8),
#illust-winter .air-block__anmillust--img[data-status=step03] .sofa01 {
	opacity: 0
}

/* #illust-winter .sofa01 {
	background: url(../images/winter/sofa_01.svg) left top no-repeat;
	background-size: 226px 180px
}

#illust-winter .sofa02 {
	background: url(../images/winter/sofa_02.svg) left top no-repeat;
	opacity: 0;
	background-size: 226px 180px
}

#illust-winter .wind {
	background: url(../images/winter/wind.svg) left top no-repeat;
	height: 336px;
	width: 296px;
	background-size: 296px 336px;
	left: 100px;
	position: absolute;
	top: 105px;
	z-index: 180;
	overflow: hidden
}

#illust-winter .aircon {
	background: url(../images/winter/aircon.svg) left top no-repeat;
	height: 120px;
	width: 136px;
	background-size: 136px 120px;
	left: 94px;
	position: absolute;
	top: 70px;
	z-index: 200
}

#illust-winter .unit {
	background: url(../images/winter/unit.svg) left top no-repeat;
	height: 101px;
	width: 84px;
	background-size: 84px 101px;
	left: -15px;
	position: absolute;
	top: 264px;
	z-index: 50
}

#illust-winter .tree {
	background: url(../images/winter/tree.svg) left top no-repeat;
	height: 259px;
	width: 121px;
	background-size: 121px 259px;
	left: 427px;
	position: absolute;
	top: 85px;
	z-index: 50
}

#illust-winter .dust1 {
	background: url(../images/winter/dust.svg) left top no-repeat;
	height: 19px;
	width: 21px;
	background-size: 21px 19px;
	left: -2px;
	position: absolute;
	top: 161px;
	z-index: 100
}

#illust-winter .dust2 {
	background: url(../images/winter/dust.svg) left top no-repeat;
	height: 19px;
	width: 21px;
	background-size: 21px 19px;
	left: 0;
	position: absolute;
	top: 219px;
	z-index: 100
} */

#illust-winter .air li,
#illust-winter .outair li {
	height: 25px;
	width: 25px;
	position: absolute;
	border-radius: 25px
}

#illust-winter .outair li {
	background: #4F95B8
}

#illust-winter .outair0 {
	left: 48px;
	position: absolute;
	top: 26px;
	z-index: 250
}

#illust-winter .outair1 {
	left: -19px;
	position: absolute;
	top: 79px;
	z-index: 250
}

#illust-winter .outair2 {
	left: -34px;
	position: absolute;
	top: 191px;
	z-index: 250
}

#illust-winter .outair3 {
	left: -23px;
	position: absolute;
	top: 245px;
	z-index: 250
}

#illust-winter .air li {
	background: #FF8B81
}

#illust-winter .air0 {
	left: 237px;
	position: absolute;
	top: 39px;
	z-index: 250
}

#illust-winter .air1,
#illust-winter .air2,
#illust-winter .air3 {
	position: absolute;
	top: 107px;
	z-index: 250
}

#illust-winter .air1 {
	left: 237px
}

#illust-winter .air2 {
	left: 307px
}

#illust-winter .air3 {
	left: 380px
}

#illust-winter .air4,
#illust-winter .air5,
#illust-winter .air6,
#illust-winter .air7,
#illust-winter .air8,
#illust-winter .air9 {
	position: absolute;
	top: 177px
}

#illust-winter .air4 {
	left: 61px;
	z-index: 250
}

#illust-winter .air5 {
	left: 129px;
	z-index: 250
}

#illust-winter .air6 {
	left: 198px;
	z-index: 250
}

#illust-winter .air7 {
	left: 266px;
	z-index: 250
}

#illust-winter .air8 {
	left: 335px;
	z-index: 250
}

#illust-winter .air9 {
	left: 403px;
	z-index: 250
}

#illust-winter .air10,
#illust-winter .air11,
#illust-winter .air12,
#illust-winter .air13,
#illust-winter .air14,
#illust-winter .air15 {
	position: absolute;
	top: 246px;
	z-index: 250
}

#illust-winter .air10 {
	left: 61px
}

#illust-winter .air11 {
	left: 129px
}

#illust-winter .air12 {
	left: 198px
}

#illust-winter .air13 {
	left: 266px
}

#illust-winter .air14 {
	left: 335px
}

#illust-winter .air15 {
	left: 403px
}

#illust-winter .air16,
#illust-winter .air17,
#illust-winter .air18,
#illust-winter .air19,
#illust-winter .air20 {
	position: absolute;
	top: 315px
}

#illust-winter .air16 {
	left: 61px;
	z-index: 250
}

#illust-winter .air17 {
	left: 129px;
	z-index: 250
}

#illust-winter .air18 {
	left: 198px;
	z-index: 250
}

#illust-winter .air19 {
	left: 335px;
	z-index: 250
}

#illust-winter .air20 {
	left: 403px;
	z-index: 250
}

#illust-winter .air21,
#illust-winter .air22,
#illust-winter .air23 {
	top: 376px;
	z-index: 250;
	position: absolute
}

#illust-winter .air21 {
	left: 160px
}

#illust-winter .air22 {
	left: 231px
}

#illust-winter .air23 {
	left: 302px
}

#illust-winter .air24 {
	left: 231px;
	position: absolute;
	top: 430px;
	z-index: 250
}

#illust-winter .air-block__anmillust--img .wall-bottom,
#illust-winter .air-block__anmillust--img .wall-left,
#illust-winter .air-block__anmillust--img .wall-right {
	transition: background .5s ease
}

#illust-winter .air-block__anmillust--img .sofa01,
#illust-winter .air-block__anmillust--img .sofa02 {
	transition: opacity .5s ease
}

#illust-winter .air-block__anmillust--img .wind {
	animation: wind 2.5s ease 0s infinite forwards;
	transition: height .3s ease;
	height: 0
}

#illust-winter .air-block__anmillust--img[data-status=step02] .wind,
#illust-winter .air-block__anmillust--img[data-status=step03] .wind {
	height: 336px
}

#illust-winter .air-block__anmillust--img .dust1 {
	animation: floating02 3.5s ease 0s infinite forwards
}

#illust-winter .air-block__anmillust--img .dust2,
#illust-winter .air-block__anmillust--img .outair li {
	animation: floating 3.5s ease 0s infinite forwards
}

#illust-winter .air-block__anmillust--img .outair li:nth-of-type(2n) {
	animation: floating02 3.5s ease 0s infinite forwards
}

#illust-winter .air-block__anmillust--img .air li {
	animation: floating 3.5s ease 0s infinite forwards;
	transition: all .5s ease
}

#illust-winter .air-block__anmillust--img .air li:nth-of-type(2n) {
	animation: floating02 3.5s ease 0s infinite forwards
}

#illust-winter .air-block__anmillust--img[data-status=default] .wall-left,
#illust-winter .air-block__anmillust--img[data-status=step01] .wall-left {
	background: #95dbff
}

#illust-winter .air-block__anmillust--img[data-status=default] .wall-right,
#illust-winter .air-block__anmillust--img[data-status=step01] .wall-right {
	background: #b3e5ff
}

#illust-winter .air-block__anmillust--img[data-status=default] .wall-bottom,
#illust-winter .air-block__anmillust--img[data-status=step01] .wall-bottom {
	background: #d1efff
}

#illust-winter .air-block__anmillust--img[data-status=default] .air li,
#illust-winter .air-block__anmillust--img[data-status=step01] .air li {
	background: #31C7FF
}

#illust-winter .air-block__anmillust--img[data-status=step02] .wall-left {
	background: #ffc8c8
}

#illust-winter .air-block__anmillust--img[data-status=step02] .wall-right {
	background: #ffd6d6
}

#illust-winter .air-block__anmillust--img[data-status=step02] .wall-bottom {
	background: #ffefef
}

#illust-winter .air-block__anmillust--img[data-status=step02] .air li {
	background: #FF8B81
}

#illust-winter .air-block__anmillust--img[data-status=step03] .wall-left {
	background: #ffc8c8
}

#illust-winter .air-block__anmillust--img[data-status=step03] .wall-right {
	background: #ffd6d6
}

#illust-winter .air-block__anmillust--img[data-status=step03] .wall-bottom {
	background: #ffefef
}

#illust-winter .air-block__anmillust--img[data-status=step03] .sofa02 {
	opacity: 1
}

#illust-winter .air-block__anmillust--img[data-status=step03] .air li {
	background: #FF8B81;
	opacity: 1
}

#illust-window li:nth-of-type(1) img {
	margin-left: -42px
}

#illust-window .sofa {
	background: left top no-repeat;
	height: 178px;
	width: 223px;
	background-size: 223px 178px;
	left: 177px;
	position: absolute;
	top: 264px;
	z-index: 200
}

#illust-window .sofa--cool {
	background-image: url(../images/window/sofa_cool.svg)
}

#illust-window .sofa--hot {
	background-image: url(../images/window/sofa_hot.svg);
	opacity: 0
}

#illust-window .aircon {
	background: url(../images/window/aircon.svg) left top no-repeat;
	height: 90px;
	width: 132px;
	background-size: 132px 90px;
	left: 82px;
	position: absolute;
	top: 65px;
	z-index: 200
}

#illust-window .wave {
	background: url(../images/window/wave.svg) left top;
	height: 90px;
	width: 205px;
	left: -24px;
	position: absolute;
	top: 179px;
	z-index: 170;
	background-size: 72px 91px
}

#illust-window .wave--01 {
	width: 52px
}

#illust-window .wave--02 {
	width: 108px;
	left: 74px
}

#illust-window .window {
	background: left top no-repeat;
	height: 273px;
	width: 161px;
	background-size: 161px 273px;
	left: 66px;
	position: absolute;
	top: 72px;
	z-index: 150
}

#illust-window .window--01 {
	background-image: url(../images/window/window_01.svg)
}

#illust-window .window--02 {
	background-image: url(../images/window/window_02.svg)
}

#illust-window .window--03 {
	background-image: url(../images/window/window_03.svg)
}

#illust-window .wind01 {
	background: url(../images/window/wind_01.svg) left top no-repeat;
	background-size: 310px 155px;
	height: 180px;
	left: 115px;
	position: absolute;
	top: 60px;
	transform: skewY(-30deg);
	transform: rotate(30deg) skewX(-30deg);
	transform-origin: left center;
	width: 312px;
	z-index: 180
}

#illust-window .wind02 {
	background: url(../images/window/wind_02.svg) left top no-repeat;
	background-size: 95px 151px;
	height: 151px;
	left: 110px;
	position: absolute;
	top: 140px;
	transform: skewY(-30deg);
	transform-origin: left top;
	width: 95px;
	z-index: 190
}

#illust-window .air-block__anmillust--img .wall-bottom,
#illust-window .air-block__anmillust--img .wall-left,
#illust-window .air-block__anmillust--img .wall-right {
	transition: background .5s ease
}

#illust-window .air-block__anmillust--img .wall-left {
	background: #ffc8c8
}

#illust-window .air-block__anmillust--img .wall-right {
	background: #ffd6d6
}

#illust-window .air-block__anmillust--img .wall-bottom {
	background: #ffefef
}

#illust-window .air-block__anmillust--img[data-status=step03] .wall-left {
	background: #95dbff
}

#illust-window .air-block__anmillust--img[data-status=step02] .wall-right,
#illust-window .air-block__anmillust--img[data-status=step03] .wall-right {
	background: #b3e5ff
}

#illust-window .air-block__anmillust--img[data-status=step02] .wall-bottom,
#illust-window .air-block__anmillust--img[data-status=step03] .wall-bottom {
	background: #d1efff
}

#illust-window .air-block__anmillust--img .sofa {
	transition: opacity .5s ease;
	opacity: 0
}

#illust-window .air-block__anmillust--img[data-status=default] .sofa--hot,
#illust-window .air-block__anmillust--img[data-status=step01] .sofa--hot,
#illust-window .air-block__anmillust--img[data-status=step02] .sofa--cool,
#illust-window .air-block__anmillust--img[data-status=step03] .sofa--cool {
	opacity: 1
}

#illust-window .air-block__anmillust--img .window {
	transition: opacity .5s ease;
	opacity: 0
}

#illust-window .air-block__anmillust--img[data-status=default] .window--01,
#illust-window .air-block__anmillust--img[data-status=step01] .window--01,
#illust-window .air-block__anmillust--img[data-status=step02] .window--02,
#illust-window .air-block__anmillust--img[data-status=step03] .window--03 {
	opacity: 1
}

#illust-window .air-block__anmillust--img .wave {
	transition: opacity .5s ease;
	opacity: 1;
	animation: windowWave 1.5s linear 0s infinite forwards
}

#illust-window .air-block__anmillust--img[data-status=step03] .wave {
	opacity: 0
}

@keyframes windowWave {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 35px 0
	}
}

#illust-window .air-block__anmillust--img .wind01 {
	animation: wind 2.5s ease 0s infinite forwards;
	transition: width .5s ease;
	width: 0
}

#illust-window .air-block__anmillust--img[data-status=step02] .wind01 {
	width: 312px
}

#illust-window .air-block__anmillust--img[data-status=step03] .wind01 {
	transition-duration: 250ms
}

#illust-window .air-block__anmillust--img .wind02 {
	animation: wind 2.5s ease 0s infinite forwards;
	transition: height .5s ease;
	height: 0
}

#illust-window .air-block__anmillust--img[data-status=step03] .wind02 {
	height: 151px
}

#illust-night .bed {
	background: url(../images/night/bed.svg) left top no-repeat;
	height: 178px;
	width: 225px;
	background-size: 225px 178px;
	left: 151px;
	position: absolute;
	top: 226px;
	z-index: 180
}

#illust-night .aircon {
	background: url(../images/night/aircon.svg) left top no-repeat;
	height: 109px;
	width: 123px;
	background-size: 123px 109px;
	left: 99px;
	position: absolute;
	top: 80px;
	z-index: 180
}

#illust-night .window {
	background: url(../images/night/window.svg) left top no-repeat;
	height: 133px;
	width: 107px;
	background-size: 107px 133px;
	left: 289px;
	position: absolute;
	top: 113px;
	z-index: 180
}

#illust-night .wind {
	background: url(../images/night/wind.svg) right top no-repeat;
	transform-origin: left top;
	transform: skewY(-30deg);
	left: 111px;
	position: absolute;
	top: 162px;
	z-index: 170;
	height: 156px;
	width: 174px;
	background-size: 174px 156px
}

#illust-night .air__cool li {
	background: #31C7FF;
	border-radius: 25px;
	height: 25px;
	position: absolute;
	width: 25px
}

#illust-night .air__cool0 {
	left: 237px;
	position: absolute;
	top: 61px;
	z-index: 250
}

#illust-night .air__cool1,
#illust-night .air__cool2,
#illust-night .air__cool3,
#illust-night .air__cool4 {
	top: 152px;
	z-index: 250;
	position: absolute
}

#illust-night .air__cool1 {
	left: 56px
}

#illust-night .air__cool2 {
	left: 177px
}

#illust-night .air__cool3 {
	left: 298px
}

#illust-night .air__cool4 {
	left: 418px
}

#illust-night .air__cool5 {
	left: 116px;
	position: absolute;
	top: 244px;
	z-index: 250
}

#illust-night .air__cool6 {
	left: 237px;
	position: absolute;
	top: 244px;
	z-index: 250
}

#illust-night .air__cool7 {
	left: 358px;
	position: absolute;
	top: 244px;
	z-index: 250
}

#illust-night .air__cool10,
#illust-night .air__cool11,
#illust-night .air__cool8,
#illust-night .air__cool9 {
	top: 335px;
	z-index: 250;
	position: absolute
}

#illust-night .air__cool8 {
	left: 56px
}

#illust-night .air__cool9 {
	left: 177px
}

#illust-night .air__cool10 {
	left: 298px
}

#illust-night .air__cool11 {
	left: 418px
}

#illust-night .air__cool12 {
	left: 237px;
	position: absolute;
	top: 427px;
	z-index: 250
}

#illust-night .air__hot li {
	background: #FF8B81;
	border-radius: 25px;
	height: 25px;
	position: absolute;
	width: 25px
}

#illust-night .air__hot0 {
	left: 234px;
	position: absolute;
	top: 59px;
	z-index: 250
}

#illust-night .air__hot1 {
	left: 297px;
	position: absolute;
	top: 106px;
	z-index: 250
}

#illust-night .air__hot2 {
	left: 385px;
	position: absolute;
	top: 122px;
	z-index: 250
}

#illust-night .air__hot3 {
	left: 285px;
	position: absolute;
	top: 151px;
	z-index: 250
}

#illust-night .air__hot4 {
	left: 187px;
	position: absolute;
	top: 162px;
	z-index: 250
}

#illust-night .air__hot5 {
	left: 234px;
	position: absolute;
	top: 176px;
	z-index: 250
}

#illust-night .air__hot6 {
	left: 393px;
	position: absolute;
	top: 184px;
	z-index: 250
}

#illust-night .air__hot7 {
	left: 332px;
	position: absolute;
	top: 202px;
	z-index: 250
}

#illust-night .air__hot8 {
	left: 55px;
	position: absolute;
	top: 203px;
	z-index: 250
}

#illust-night .air__hot9 {
	left: 141px;
	position: absolute;
	top: 223px;
	z-index: 250
}

#illust-night .air__hot10 {
	left: 293px;
	position: absolute;
	top: 235px;
	z-index: 250
}

#illust-night .air__hot11 {
	left: 204px;
	position: absolute;
	top: 239px;
	z-index: 250
}

#illust-night .air__hot12 {
	left: 63px;
	position: absolute;
	top: 241px;
	z-index: 250
}

#illust-night .air__hot13 {
	left: 405px;
	position: absolute;
	top: 249px;
	z-index: 250
}

#illust-night .air__hot14 {
	left: 122px;
	position: absolute;
	top: 275px;
	z-index: 250
}

#illust-night .air__hot15 {
	left: 362px;
	position: absolute;
	top: 289px;
	z-index: 250
}

#illust-night .air__hot16 {
	left: 70px;
	position: absolute;
	top: 326px;
	z-index: 250
}

#illust-night .air__hot17 {
	left: 159px;
	position: absolute;
	top: 335px;
	z-index: 250
}

#illust-night .air__hot18 {
	left: 366px;
	position: absolute;
	top: 335px;
	z-index: 250
}

#illust-night .air__hot19 {
	left: 295px;
	position: absolute;
	top: 360px;
	z-index: 250
}

#illust-night .air__hot20 {
	left: 139px;
	position: absolute;
	top: 377px;
	z-index: 250
}

#illust-night .air__hot21 {
	left: 237px;
	position: absolute;
	top: 407px;
	z-index: 250
}

#illust-night .air-block__anmillust--img .wall-left {
	background: #006DB3
}

#illust-night .air-block__anmillust--img .wall-right {
	background: #0077BD
}

#illust-night .air-block__anmillust--img .wall-bottom {
	background: #0081C7
}

#illust-night .air-block__anmillust--img .air__cool li,
#illust-night .air-block__anmillust--img .air__hot li {
	transition: opacity .5s ease;
	opacity: 0;
	animation: floating 3.5s ease 0s infinite forwards
}

#illust-night .air-block__anmillust--img .air__cool li:nth-of-type(2n),
#illust-night .air-block__anmillust--img .air__hot li:nth-of-type(2n) {
	animation: floating02 3.5s ease 0s infinite forwards
}

#illust-night .air-block__anmillust--img[data-status=default] .air__hot li,
#illust-night .air-block__anmillust--img[data-status=step01] .air__hot li,
#illust-night .air-block__anmillust--img[data-status=step02] .air__cool li {
	opacity: 1
}

#illust-night .air-block__anmillust--img[data-status=default] .air__cool2,
#illust-night .air-block__anmillust--img[data-status=default] .air__cool5,
#illust-night .air-block__anmillust--img[data-status=step01] .air__cool2,
#illust-night .air-block__anmillust--img[data-status=step01] .air__cool5 {
	visibility: hidden
}

#illust-night .air-block__anmillust--img .wind {
	animation: wind 2.5s ease 0s infinite forwards;
	transition: height .5s ease
}

#illust-night .air-block__anmillust--img[data-status=step02] .wind {
	height: 0
}

#illust-concentration .wall-left {
	background: #95dbff
}

#illust-concentration .wall-right {
	background: #b3e5ff
}

#illust-concentration .wall-bottom {
	background: #d1efff
}

#illust-concentration .window {
	background: url(../images/concentration/window.svg) left top no-repeat;
	height: 169px;
	width: 122px;
	background-size: 122px 169px;
	left: 307px;
	position: absolute;
	top: 86px;
	z-index: 200
}

#illust-concentration .desk {
	background: url(../images/concentration/desk.svg) left top no-repeat;
	height: 248px;
	width: 208px;
	background-size: 208px 248px;
	left: 177px;
	position: absolute;
	top: 117px;
	z-index: 150
}

#illust-concentration .chair {
	background: url(../images/concentration/chair.svg) left top no-repeat;
	height: 84px;
	width: 42px;
	background-size: 42px 84px;
	left: 222px;
	position: absolute;
	top: 232px;
	z-index: 250
}

#illust-concentration .head {
	animation: concentration_head 2s ease 0s infinite;
	background: url(../images/concentration/head.svg) left top no-repeat;
	transform-origin: 30px 32px;
	height: 33px;
	width: 54px;
	background-size: 54px 33px;
	left: 230px;
	position: absolute;
	top: 210px;
	z-index: 200
}

#illust-concentration .arm {
	animation: concentration_arm 750ms ease 0s infinite;
	background: url(../images/concentration/arm.svg) left top no-repeat;
	transform-origin: 10px 10px;
	height: 32px;
	width: 43px;
	background-size: 43px 32px;
	left: 271px;
	position: absolute;
	top: 245px;
	z-index: 250
}

#illust-concentration .comment {
	background: url(../images/concentration/comment.svg) left top no-repeat;
	opacity: 0;
	height: 172px;
	width: 193px;
	background-size: 193px 172px;
	left: 63px;
	position: absolute;
	top: 35px;
	z-index: 260
}

#illust-concentration .text01,
#illust-concentration .text02 {
	width: 106px;
	left: 85px;
	position: absolute;
	z-index: 265;
	height: 19px
}

#illust-concentration .text01 {
	background: url(../images/concentration/text_01.svg) left top no-repeat;
	background-size: 106px 19px;
	top: 57px
}

#illust-concentration .text02 {
	background: url(../images/concentration/text_02.svg) left top no-repeat;
	background-size: 106px 19px;
	top: 80px
}

#illust-concentration .text03 {
	background: url(../images/concentration/text_03.svg) left top no-repeat;
	height: 19px;
	width: 106px;
	background-size: 106px 19px;
	left: 85px;
	position: absolute;
	top: 104px;
	z-index: 265
}

#illust-concentration .text04,
#illust-concentration .text05 {
	height: 7px;
	width: 106px;
	left: 85px;
	z-index: 265;
	position: absolute
}

#illust-concentration .text04 {
	background: url(../images/concentration/text_04.svg) left top no-repeat;
	background-size: 106px 7px;
	top: 133px
}

#illust-concentration .text05 {
	background: url(../images/concentration/text_04.svg) left top no-repeat;
	background-size: 106px 7px;
	top: 150px
}

#illust-concentration .light {
	background: url(../images/concentration/light.svg) left top no-repeat;
	height: 67px;
	width: 48px;
	background-size: 48px 67px;
	left: 113px;
	position: absolute;
	top: 87px;
	z-index: 265
}

#illust-concentration .light_line01,
#illust-concentration .light_line02,
#illust-concentration .light_line03,
#illust-concentration .light_line04,
#illust-concentration .light_line05 {
	height: 50px;
	width: 2px;
	background-size: 2px 50px;
	left: 135px;
	position: absolute;
	top: 60px;
	z-index: 270;
	transform-origin: center bottom
}

/* #illust-concentration .light_line01::before,
#illust-concentration .light_line02::before,
#illust-concentration .light_line03::before,
#illust-concentration .light_line04::before,
#illust-concentration .light_line05::before {
	background: url(../images/concentration/light_line.svg) center top no-repeat;
	content: "";
	height: 14px;
	left: 0;
	position: absolute;
	top: 0;
	width: 2px
} */

#illust-concentration .light_line01 {
	transform: rotate(60deg)
}

#illust-concentration .light_line02 {
	transform: rotate(30deg)
}

#illust-concentration .light_line04 {
	transform: rotate(-30deg)
}

#illust-concentration .light_line05 {
	transform: rotate(-60deg)
}

#illust-concentration .air-block__anmillust--img[data-status=step01] .comment {
	animation: fadein .3s ease .8s 1 forwards
}

#illust-concentration .air-block__anmillust--img[data-status=step01] .text01,
#illust-concentration .air-block__anmillust--img[data-status=step01] .text02,
#illust-concentration .air-block__anmillust--img[data-status=step01] .text03,
#illust-concentration .air-block__anmillust--img[data-status=step01] .text04,
#illust-concentration .air-block__anmillust--img[data-status=step01] .text05,
#illust-concentration .air-block__anmillust--img[data-status=step01] .text06 {
	width: 0;
	opacity: 0;
	animation-delay: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: steps(6);
	animation-duration: 10s
}

#illust-concentration .air-block__anmillust--img[data-status=step01] .light {
	animation: concentration_light 10s ease 1s infinite;
	opacity: 0;
	transform: scale(1, 0);
	transform-origin: center bottom
}

#illust-concentration .air-block__anmillust--img[data-status=step01] .light_line01::before,
#illust-concentration .air-block__anmillust--img[data-status=step01] .light_line02::before,
#illust-concentration .air-block__anmillust--img[data-status=step01] .light_line03::before,
#illust-concentration .air-block__anmillust--img[data-status=step01] .light_line04::before,
#illust-concentration .air-block__anmillust--img[data-status=step01] .light_line05::before {
	opacity: 0;
	animation: concentration_lightline_before 10s ease 1s infinite
}

#illust-concentration .air-block__anmillust--img[data-status=step01] .text01 {
	animation-name: concentration_text01
}

#illust-concentration .air-block__anmillust--img[data-status=step01] .text02 {
	animation-name: concentration_text02
}

#illust-concentration .air-block__anmillust--img[data-status=step01] .text03 {
	animation-name: concentration_text03
}

#illust-concentration .air-block__anmillust--img[data-status=step01] .text04 {
	animation-name: concentration_text04
}

#illust-concentration .air-block__anmillust--img[data-status=step01] .text05 {
	animation-name: concentration_text05
}

#illust-concentration .air-block__anmillust--img[data-status=step01] .text06 {
	animation-name: concentration_text06
}

@keyframes concentration_lightline_before {
	0% {
		transform: translateY(5px)
	}
	52% {
		opacity: 0;
		transform: translateY(5px)
	}
	55%,
	94% {
		opacity: 1
	}
	60% {
		transform: translateY(-3px);
		opacity: 1
	}
	96.5% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translateY(-3px)
	}
}

@keyframes concentration_light {
	0% {
		opacity: 0;
		transform: scale(1, 0)
	}
	51% {
		opacity: 0;
		transform: scale(1, 0);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
	}
	53% {
		opacity: 1;
		transform: scale(1, 1)
	}
	94% {
		transform: scale(1, 1);
		opacity: 1
	}
	100%,
	96.5% {
		transform: scale(1, 1);
		opacity: 0
	}
}

@keyframes concentration_text01 {
	0%,
	2% {
		width: 0;
		opacity: 1
	}
	4.5%,
	45% {
		width: 106px;
		opacity: 1
	}
	100%,
	47.5% {
		width: 106px;
		opacity: 0
	}
}

@keyframes concentration_text02 {
	0%,
	4.5% {
		width: 0;
		opacity: 1
	}
	45%,
	7% {
		width: 106px;
		opacity: 1
	}
	100%,
	47.5% {
		width: 106px;
		opacity: 0
	}
}

@keyframes concentration_text03 {
	0%,
	7% {
		width: 0;
		opacity: 1
	}
	45%,
	9.5% {
		width: 106px;
		opacity: 1
	}
	100%,
	47.5% {
		width: 106px;
		opacity: 0
	}
}

@keyframes concentration_text04 {
	0%,
	9.5% {
		width: 0;
		opacity: 1
	}
	12%,
	45% {
		width: 106px;
		opacity: 1
	}
	100%,
	47.5% {
		width: 106px;
		opacity: 0
	}
}

@keyframes concentration_text05 {
	0%,
	12% {
		width: 0;
		opacity: 1
	}
	14.5%,
	45% {
		width: 106px;
		opacity: 1
	}
	100%,
	47.5% {
		width: 106px;
		opacity: 0
	}
}

@keyframes concentration_text06 {
	0%,
	14.5% {
		width: 0;
		opacity: 1
	}
	17%,
	45% {
		width: 106px;
		opacity: 1
	}
	100%,
	47.5% {
		width: 106px;
		opacity: 0
	}
}

@keyframes concentration_arm {
	0%,
	100% {
		transform: rotate(-5deg)
	}
	25% {
		transform: rotate(-10deg)
	}
	50% {
		transform: rotate(-7deg)
	}
	75% {
		transform: rotate(-12deg)
	}
}

@keyframes concentration_head {
	0%,
	100%,
	20% {
		transform: rotate(0)
	}
	10%,
	30%,
	90% {
		transform: rotate(-8deg)
	}
}

#illust-toyou .wall-left {
	background: #95dbff
}

#illust-toyou .wall-right {
	background: #b3e5ff
}

#illust-toyou .wall-bottom {
	background: #d1efff
}

#illust-toyou .aircon {
	background: url(../images/toyou/aircon.svg) left top no-repeat;
	height: 110px;
	width: 123px;
	background-size: 123px 110px;
	left: 71px;
	position: absolute;
	top: 93px;
	z-index: 200
}

#illust-toyou .human {
	background: url(../images/toyou/human.svg) left top no-repeat;
	height: 191px;
	width: 203px;
	background-size: 203px 191px;
	left: 222px;
	position: absolute;
	top: 193px;
	z-index: 200
}

#illust-toyou .wave01 {
	background: url(../images/toyou/wave_01.svg) left top no-repeat;
	height: 24px;
	width: 19px;
	background-size: 19px 24px;
	left: 237px;
	position: absolute;
	top: 209px;
	z-index: 210
}

#illust-toyou .wave02 {
	background: url(../images/toyou/wave_02.svg) left top no-repeat;
	height: 36px;
	width: 26px;
	background-size: 26px 36px;
	left: 226px;
	position: absolute;
	top: 197px;
	z-index: 210
}

#illust-toyou .wave03 {
	background: url(../images/toyou/wave_03.svg) left top no-repeat;
	height: 48px;
	width: 39px;
	background-size: 39px 48px;
	left: 212px;
	position: absolute;
	top: 185px;
	z-index: 210
}

#illust-toyou .comment {
	background: url(../images/toyou/comment.svg) left top no-repeat;
	opacity: 0;
	height: 148px;
	width: 196px;
	background-size: 196px 148px;
	left: 205px;
	position: absolute;
	top: 24px;
	z-index: 260
}

#illust-toyou .text01,
#illust-toyou .text02 {
	width: 106px;
	left: 273px;
	position: absolute;
	z-index: 265;
	height: 19px
}

#illust-toyou .text01 {
	background: url(../images/toyou/text_01.svg) left top no-repeat;
	background-size: 106px 19px;
	top: 45px
}

#illust-toyou .text02 {
	background: url(../images/toyou/text_02.svg) left top no-repeat;
	background-size: 106px 19px;
	top: 69px
}

#illust-toyou .text03 {
	background: url(../images/toyou/text_03.svg) left top no-repeat;
	height: 19px;
	width: 106px;
	background-size: 106px 19px;
	left: 273px;
	position: absolute;
	top: 93px;
	z-index: 265
}

#illust-toyou .text04,
#illust-toyou .text05 {
	height: 7px;
	width: 106px;
	left: 273px;
	z-index: 265;
	position: absolute
}

#illust-toyou .text04 {
	background: url(../images/toyou/text_04.svg) left top no-repeat;
	background-size: 106px 7px;
	top: 122px
}

#illust-toyou .text05 {
	background: url(../images/toyou/text_04.svg) left top no-repeat;
	background-size: 106px 7px;
	top: 139px
}

#illust-toyou .light {
	background: url(../images/toyou/light.svg) left top no-repeat;
	height: 67px;
	width: 48px;
	background-size: 48px 67px;
	left: 301px;
	position: absolute;
	top: 75px;
	z-index: 265
}

#illust-toyou .smile {
	background: url(../images/toyou/smile.svg) left top no-repeat;
	height: 94px;
	width: 104px;
	background-size: 104px 94px;
	left: 341px;
	position: absolute;
	top: 156px;
	z-index: 270
}

#illust-toyou .light_line01,
#illust-toyou .light_line02,
#illust-toyou .light_line03,
#illust-toyou .light_line04,
#illust-toyou .light_line05 {
	height: 50px;
	width: 2px;
	background-size: 2px 50px;
	left: 323px;
	position: absolute;
	top: 52px;
	z-index: 270;
	transform-origin: center bottom
}

/* #illust-toyou .light_line01::before,
#illust-toyou .light_line02::before,
#illust-toyou .light_line03::before,
#illust-toyou .light_line04::before,
#illust-toyou .light_line05::before {
	background: url(../images/toyou/light_line.svg) center top no-repeat;
	content: "";
	height: 14px;
	left: 0;
	position: absolute;
	top: 0;
	width: 2px
} */

#illust-toyou .light_line01 {
	transform: rotate(60deg)
}

#illust-toyou .light_line02 {
	transform: rotate(30deg)
}

#illust-toyou .light_line04 {
	transform: rotate(-30deg)
}

#illust-toyou .light_line05 {
	transform: rotate(-60deg)
}

#illust-toyou .air-block__anmillust--img[data-status=step01] .comment {
	animation: toyou_comment 10s ease 1s infinite
}

#illust-toyou .air-block__anmillust--img[data-status=step01] .wave01,
#illust-toyou .air-block__anmillust--img[data-status=step01] .wave02,
#illust-toyou .air-block__anmillust--img[data-status=step01] .wave03 {
	opacity: 0;
	animation-delay: 1s;
	animation-iteration-count: infinite;
	animation-duration: 10s
}

#illust-toyou .air-block__anmillust--img[data-status=step01] .wave01 {
	animation-name: toyou_wave01
}

#illust-toyou .air-block__anmillust--img[data-status=step01] .wave02 {
	animation-name: toyou_wave02
}

#illust-toyou .air-block__anmillust--img[data-status=step01] .wave03 {
	animation-name: toyou_wave03
}

#illust-toyou .air-block__anmillust--img[data-status=step01] .text01,
#illust-toyou .air-block__anmillust--img[data-status=step01] .text02,
#illust-toyou .air-block__anmillust--img[data-status=step01] .text03,
#illust-toyou .air-block__anmillust--img[data-status=step01] .text04,
#illust-toyou .air-block__anmillust--img[data-status=step01] .text05 {
	width: 0;
	opacity: 0;
	animation-delay: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: steps(6);
	animation-duration: 10s
}

#illust-toyou .air-block__anmillust--img[data-status=step01] .text01 {
	animation-name: toyou_text01
}

#illust-toyou .air-block__anmillust--img[data-status=step01] .text02 {
	animation-name: toyou_text02
}

#illust-toyou .air-block__anmillust--img[data-status=step01] .text03 {
	animation-name: toyou_text03
}

#illust-toyou .air-block__anmillust--img[data-status=step01] .text04 {
	animation-name: toyou_text04
}

#illust-toyou .air-block__anmillust--img[data-status=step01] .text05 {
	animation-name: toyou_text05
}

#illust-toyou .air-block__anmillust--img[data-status=step01] .text06 {
	animation-name: toyou_text06
}

#illust-toyou .air-block__anmillust--img[data-status=step01] .light {
	animation: toyou_light 10s ease 1s infinite;
	opacity: 0;
	transform: scale(1, 0);
	transform-origin: center bottom
}

#illust-toyou .air-block__anmillust--img[data-status=step01] .smile {
	animation: toyou_smile 10s cubic-bezier(.175, .885, .32, 1.275) 1s infinite;
	opacity: 0;
	transform: scale(0);
	transform-origin: left 79px
}

#illust-toyou .air-block__anmillust--img[data-status=step01] .light_line01::before,
#illust-toyou .air-block__anmillust--img[data-status=step01] .light_line02::before,
#illust-toyou .air-block__anmillust--img[data-status=step01] .light_line03::before,
#illust-toyou .air-block__anmillust--img[data-status=step01] .light_line04::before,
#illust-toyou .air-block__anmillust--img[data-status=step01] .light_line05::before {
	opacity: 0;
	animation: toyou_lightline_before 10s ease 1s infinite
}

@keyframes toyou_smile {
	0%,
	65% {
		transform: scale(0);
		opacity: 1
	}
	68% {
		transform: scale(1);
		opacity: 1
	}
	90% {
		opacity: 1
	}
	95% {
		opacity: 0
	}
	100% {
		transform: scale(1);
		opacity: 0
	}
}

@keyframes toyou_lightline_before {
	0% {
		transform: translateY(5px)
	}
	52% {
		opacity: 0;
		transform: translateY(5px)
	}
	55%,
	90% {
		opacity: 1
	}
	60% {
		transform: translateY(-3px);
		opacity: 1
	}
	95% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translateY(-3px)
	}
}

@keyframes toyou_light {
	0% {
		opacity: 0;
		transform: scale(1, 0)
	}
	51% {
		opacity: 0;
		transform: scale(1, 0);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
	}
	53% {
		opacity: 1;
		transform: scale(1, 1)
	}
	90% {
		opacity: 1
	}
	95% {
		opacity: 0
	}
	100% {
		transform: scale(1, 1);
		opacity: 0
	}
}

@keyframes toyou_wave01 {
	0% {
		opacity: 0
	}
	2.5%,
	90% {
		opacity: 1
	}
	100%,
	95% {
		opacity: 0
	}
}

@keyframes toyou_wave02 {
	0%,
	2.5% {
		opacity: 0
	}
	5%,
	90% {
		opacity: 1
	}
	100%,
	95% {
		opacity: 0
	}
}

@keyframes toyou_wave03 {
	0%,
	5% {
		opacity: 0
	}
	7.5%,
	90% {
		opacity: 1
	}
	100%,
	95% {
		opacity: 0
	}
}

@keyframes toyou_comment {
	0%,
	10% {
		opacity: 0
	}
	12.5%,
	90% {
		opacity: 1
	}
	100%,
	95% {
		opacity: 0
	}
}

@keyframes toyou_text01 {
	0%,
	13% {
		width: 0;
		opacity: 1
	}
	15.5%,
	45% {
		width: 106px;
		opacity: 1
	}
	100%,
	47.5% {
		width: 106px;
		opacity: 0
	}
}

@keyframes toyou_text02 {
	0%,
	15.5% {
		width: 0;
		opacity: 1
	}
	18%,
	45% {
		width: 106px;
		opacity: 1
	}
	100%,
	47.5% {
		width: 106px;
		opacity: 0
	}
}

@keyframes toyou_text03 {
	0%,
	18% {
		width: 0;
		opacity: 1
	}
	20.5%,
	45% {
		width: 106px;
		opacity: 1
	}
	100%,
	47.5% {
		width: 106px;
		opacity: 0
	}
}

@keyframes toyou_text04 {
	0%,
	20.5% {
		width: 0;
		opacity: 1
	}
	23%,
	45% {
		width: 106px;
		opacity: 1
	}
	100%,
	47.5% {
		width: 106px;
		opacity: 0
	}
}

@keyframes toyou_text05 {
	0%,
	23% {
		width: 0;
		opacity: 1
	}
	25.5%,
	45% {
		width: 106px;
		opacity: 1
	}
	100%,
	47.5% {
		width: 106px;
		opacity: 0
	}
}

@keyframes toyou_text06 {
	0%,
	25.5% {
		width: 0;
		opacity: 1
	}
	28%,
	45% {
		width: 106px;
		opacity: 1
	}
	100%,
	47.5% {
		width: 106px;
		opacity: 0
	}
}

#illust-relax .wall-left {
	background: #95dbff
}

#illust-relax .wall-right {
	background: #b3e5ff
}

#illust-relax .wall-bottom {
	background: #d1efff
}

#illust-relax .human {
	background: url(../images/relax/human.svg) left top no-repeat;
	height: 255px;
	width: 276px;
	background-size: 276px 255px;
	left: 88px;
	position: absolute;
	top: 193px;
	z-index: 210
}

#illust-relax .ball {
	animation: relax_ball 1.5s ease-out 0s infinite;
	background: url(../images/relax/ball.svg) left top no-repeat;
	height: 17px;
	width: 17px;
	background-size: 17px 17px;
	left: 265px;
	position: absolute;
	top: 385px;
	z-index: 200
}

#illust-relax .tail {
	animation: relax_tail 1s ease-out 0s infinite;
	background: url(../images/relax/tail.svg) left top no-repeat;
	transform-origin: left bottom;
	height: 23px;
	width: 19px;
	background-size: 19px 23px;
	left: 321px;
	position: absolute;
	top: 395px;
	z-index: 200
}

#illust-relax .note01,
#illust-relax .note02,
#illust-relax .note03,
#illust-relax .note04 {
	z-index: 220;
	position: absolute
}

#illust-relax .note {
	height: 62px;
	width: 35px;
	background-size: 35px 62px
}

#illust-relax .note::before {
	width: 100%;
	height: 100%;
	display: block;
	content: "";
	background: url(../images/relax/note.svg) left top no-repeat
}

#illust-relax .note01-01::before {
	animation-delay: -4s!important
}

#illust-relax .note01-02::before {
	animation-delay: -2s!important
}

#illust-relax .note01-03::before {
	animation-delay: 14s!important
}

#illust-relax .note01-04::before {
	animation-delay: -1s!important
}

#illust-relax .note01-05::before {
	animation-delay: 5s!important
}

#illust-relax .note02-01::before {
	animation-delay: 9s!important
}

#illust-relax .note02-02::before {
	animation-delay: -9s!important
}

#illust-relax .note02-03::before {
	animation-delay: 6s!important
}

#illust-relax .note02-04::before {
	animation-delay: -11s!important
}

#illust-relax .note02-05::before {
	animation-delay: -8s!important
}

#illust-relax .note03-01::before {
	animation-delay: 2s!important
}

#illust-relax .note03-02::before {
	animation-delay: 16s!important
}

#illust-relax .note03-03::before {
	animation-delay: -3s!important
}

#illust-relax .note03-04::before {
	animation-delay: 3s!important
}

#illust-relax .note03-05::before {
	animation-delay: 9s!important
}

#illust-relax .note04-01::before {
	animation-delay: -5s!important
}

#illust-relax .note04-02::before {
	animation-delay: 5s!important
}

#illust-relax .note04-03::before {
	animation-delay: 12s!important
}

#illust-relax .note04-04::before {
	animation-delay: -2s!important
}

#illust-relax .note04-05::before {
	animation-delay: -10s!important
}

#illust-relax .note01 {
	left: 303px;
	top: 16px
}

#illust-relax .note02 {
	left: 130px;
	top: -10px
}

#illust-relax .note03 {
	left: 216px;
	top: 195px
}

#illust-relax .note04 {
	left: 290px;
	top: 198px
}

#illust-relax .air-block__anmillust--img[data-status=step01] .noteanm01 {
	opacity: 0;
	animation: relax_noteblock 5s ease-in 1s infinite
}

#illust-relax .air-block__anmillust--img[data-status=step01] .noteanm01--01 {
	animation-delay: 0s
}

#illust-relax .air-block__anmillust--img[data-status=step01] .noteanm01--02 {
	animation-delay: 1s
}

#illust-relax .air-block__anmillust--img[data-status=step01] .noteanm01--03 {
	animation-delay: 2s
}

#illust-relax .air-block__anmillust--img[data-status=step01] .noteanm01--04 {
	animation-delay: 3s
}

#illust-relax .air-block__anmillust--img[data-status=step01] .noteanm01--05 {
	animation-delay: 4s
}

#illust-relax .air-block__anmillust--img[data-status=step01] .noteanm02 {
	opacity: 0;
	animation: relax_noteblock02 5s ease-in 1s infinite
}

#illust-relax .air-block__anmillust--img[data-status=step01] .noteanm02--01 {
	animation-delay: 0s
}

#illust-relax .air-block__anmillust--img[data-status=step01] .noteanm02--02 {
	animation-delay: 1.2s
}

#illust-relax .air-block__anmillust--img[data-status=step01] .noteanm02--03 {
	animation-delay: 2.4s
}

#illust-relax .air-block__anmillust--img[data-status=step01] .noteanm02--04 {
	animation-delay: 3.6s
}

#illust-relax .air-block__anmillust--img[data-status=step01] .note::before {
	transform: rotate(-20deg);
	animation: relax_note 5s ease 0s infinite
}

@keyframes relax_note {
	0%,
	100% {
		transform: rotate(-30deg)
	}
	50% {
		transform: rotate(30deg)
	}
}

@keyframes relax_noteblock {
	0% {
		transform: translateY(190px) scale(.1);
		opacity: 0
	}
	5%,
	90% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: translateY(0) scale(1)
	}
}

@keyframes relax_noteblock02 {
	0% {
		transform: translateY(130px) scale(.1);
		opacity: 0
	}
	5%,
	90% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: translateY(0) scale(.8)
	}
}

@keyframes relax_ball {
	0%,
	100%,
	40% {
		transform: translateY(0)
	}
	20% {
		animation-timing-function: ease-in;
		transform: translateY(-8px)
	}
}

@keyframes relax_tail {
	0%,
	100%,
	40%,
	60% {
		transform: rotate(0)
	}
	20%,
	50% {
		animation-timing-function: ease-in;
		transform: rotate(5deg)
	}
}

#illust-sleep .wall-left {
	background: #95dbff
}

#illust-sleep .wall-right {
	background: #b3e5ff
}

#illust-sleep .wall-bottom {
	background: #d1efff
}

#illust-sleep .bed {
	background: url(../images/sleep/bed.svg) left top no-repeat;
	height: 247px;
	width: 261px;
	background-size: 261px 247px;
	left: 138px;
	position: absolute;
	top: 187px;
	z-index: 200
}

#illust-sleep .window {
	background: url(../images/sleep/window.svg) left top no-repeat;
	height: 150px;
	width: 100px;
	background-size: 100px 150px;
	left: 103px;
	position: absolute;
	top: 97px;
	z-index: 200
}

#illust-sleep .z {
	background: url(../images/sleep/z.svg) left top no-repeat;
	height: 63px;
	width: 60px;
	background-size: 60px 63px;
	left: 303px;
	position: absolute;
	top: 16px;
	z-index: 220
}

.daikin-air .endcopy02,
.daikin-air .relation {
	background: #fff;
	z-index: 10;
	position: relative
}

@media screen and (max-width:480px) {
	#illust-stairwell {
		bottom: 182px
	}
	#block-stairwell .air-block__body {
		margin-bottom: 525px
	}
	#illust-stairwell ol {
		min-height: 105px
	}
	#illust-concentration {
		bottom: 10px
	}
	.daikin-air .air-block__body--concentration {
		margin-bottom: 350px
	}
	#illust-toyou {
		bottom: 10px
	}
	.daikin-air .air-block__body--toyou {
		margin-bottom: 350px
	}
	#illust-relax {
		bottom: 10px
	}
	.daikin-air .air-block__body--relax {
		margin-bottom: 350px
	}
	#illust-sleep {
		bottom: 10px
	}
	.daikin-air .air-block__body--sleep {
		margin-bottom: 350px
	}
	#illust-iot {
		bottom: 30px;
		height: auto
	}
}

#illust-sleep .air-block__anmillust--img[data-status=step01] .z {
	opacity: 0;
	animation: sleep_z 12s ease-in 1s infinite
}

#illust-sleep .air-block__anmillust--img[data-status=step01] .z--01 {
	animation-delay: 0s
}

#illust-sleep .air-block__anmillust--img[data-status=step01] .z--02 {
	animation-delay: 2s
}

#illust-sleep .air-block__anmillust--img[data-status=step01] .z--03 {
	animation-delay: 4s
}

#illust-sleep .air-block__anmillust--img[data-status=step01] .z--04 {
	animation-delay: 6s
}

#illust-sleep .air-block__anmillust--img[data-status=step01] .z--05 {
	animation-delay: 8s
}

#illust-sleep .air-block__anmillust--img[data-status=step01] .z--06 {
	animation-delay: 10s
}

@keyframes sleep_z {
	0% {
		top: 210px;
		transform: scale(0);
		opacity: 1
	}
	90% {
		opacity: 1
	}
	100% {
		top: 0;
		opacity: 0;
		transform: scale(1)
	}
}

#illust-iot div {
	overflow: hidden;
	transition: height .3s 0s ease;
	height: 0
}

@media screen and (min-width:961px) {
	#illust-iot {
		top: 80px
	}
	#illust-iot div {
		width: 450px
	}
}

#illust-iot img {
	border: 3px solid #00A3D8;
	border-left: 0;
	box-sizing: border-box;
	width: 100%
}

@media screen and (max-width:960px) {
	#illust-iot {
		margin: 0 20px;
		right: auto!important;
		width: auto;
		top: auto
	}
	#illust-iot img {
		border: 3px solid #00A3D8;
		border-top: none
	}
}

.daikin-air .air-block[data-status=show] #illust-iot div {
	transition: height .3s .5s ease
}

@media screen and (min-width:961px) {
	.daikin-air .air-block[data-status=show] #illust-iot {
		margin: auto 0;
		bottom: 80px
	}
	.daikin-air .air-block[data-status=show] #illust-iot div {
		height: 100%
	}
	.daikin-air .air-block[data-status=show] #illust-iot div img {
		height: 501px;
		-o-object-fit: cover;
		object-fit: cover
	}
	.daikin-air .air-block__text--iot {
		min-height: 411px
	}
}

@media all and (-ms-high-contrast:none\0) {
	.daikin-air .air-block #illust-iot div {
		overflow: hidden;
		text-align: right;
		border-right: 3px solid #00A3D8
	}
	.daikin-air .air-block #illust-iot div img {
		width: 461.92px;
		margin: 0 0 0 -4.4%;
		border: none;
		border-top: 3px solid #00A3D8;
		border-bottom: 3px solid #00A3D8
	}
	.daikin-air .air-block #illust-thermo div {
		overflow: hidden;
		text-align: right;
		border-right: 3px solid #00A3D8
	}
}

.daikin-air .air-block__text--iot {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
	box-sizing: border-box
}

@media screen and (max-width:960px) {
	.daikin-air .air-block[data-status=show] #illust-iot div {
		height: calc((100vw - 40px) * 1.0851)
	}
	.daikin-air .air-block__body--iot {
		margin-bottom: calc((100vw - 40px) * 1.0851 - 50px)
	}
}

@media screen and (max-width:480px) {
	.daikin-air .air-block__text--iot {
		height: auto;
		padding: 10px 15px
	}
	.daikin-air .air-block__body--iot {
		margin-bottom: calc((100vw - 40px) * 1.0851 - 10px)
	}
	#illust-thermo {
		bottom: 30px;
		height: auto
	}
}

#illust-thermo div {
	overflow: hidden;
	transition: height .3s 0s ease;
	height: 0
}

@media screen and (min-width:961px) {
	#illust-thermo {
		top: 80px
	}
	#illust-thermo div {
		width: 450px
	}
}

#illust-thermo img {
	border: 3px solid #00A3D8;
	border-left: 0;
	box-sizing: border-box;
	width: 100%
}

@media screen and (max-width:960px) {
	#illust-thermo {
		margin: 0 20px;
		right: auto!important;
		width: auto;
		top: auto
	}
	#illust-thermo img {
		border: 3px solid #00A3D8;
		border-top: none
	}
}

.daikin-air .air-block[data-status=show] #illust-thermo div {
	transition: height .3s .5s ease
}

@media screen and (min-width:961px) {
	.daikin-air .air-block[data-status=show] #illust-thermo {
		margin: auto 0;
		bottom: 80px
	}
	.daikin-air .air-block[data-status=show] #illust-thermo div {
		height: 100%
	}
	.daikin-air .air-block[data-status=show] #illust-thermo div img {
		height: 491px;
		-o-object-fit: cover;
		object-fit: cover
	}
	.daikin-air .air-block__text--thermo {
		min-height: 411px
	}
}

@media all and (-ms-high-contrast:none\0) {
	.daikin-air .air-block #illust-thermo div img {
		width: 452.7px;
		margin: 0 0 0 -4.4%;
		border: none;
		border-top: 3px solid #00A3D8;
		border-bottom: 3px solid #00A3D8
	}
	.daikin-air .air-block #illust-outertower div {
		overflow: hidden;
		text-align: right;
		border-right: 3px solid #00A3D8
	}
}

.daikin-air .air-block__text--thermo {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
	box-sizing: border-box
}

@media screen and (max-width:960px) {
	.daikin-air .air-block[data-status=show] #illust-thermo div {
		height: calc((100vw - 40px) * 1.0851)
	}
	.daikin-air .air-block__body--thermo {
		margin-bottom: calc((100vw - 40px) * 1.0851 - 50px)
	}
}

@media screen and (max-width:480px) {
	.daikin-air .air-block__text--thermo {
		height: auto;
		padding: 10px 15px
	}
	.daikin-air .air-block__body--thermo {
		margin-bottom: calc((100vw - 40px) * 1.0851 - 10px)
	}
	#illust-outertower {
		bottom: 30px;
		height: auto
	}
}

#illust-outertower div {
	overflow: hidden;
	transition: height .3s 0s ease;
	height: 0
}

@media screen and (min-width:961px) {
	#illust-outertower {
		top: 80px
	}
	#illust-outertower div {
		width: 450px
	}
}

#illust-outertower img {
	border: 3px solid #00A3D8;
	border-left: 0;
	box-sizing: border-box;
	width: 100%
}

@media screen and (max-width:960px) {
	#illust-outertower {
		margin: 0 20px;
		right: auto!important;
		width: auto;
		top: auto
	}
	#illust-outertower img {
		border: 3px solid #00A3D8;
		border-top: none
	}
}

.daikin-air .air-block[data-status=show] #illust-outertower div {
	transition: height .3s .5s ease
}

@media screen and (min-width:961px) {
	.daikin-air .air-block[data-status=show] #illust-outertower {
		margin: auto 0;
		bottom: 80px
	}
	.daikin-air .air-block[data-status=show] #illust-outertower div {
		height: 100%
	}
	.daikin-air .air-block[data-status=show] #illust-outertower div img {
		height: 663px;
		-o-object-fit: cover;
		object-fit: cover
	}
	.daikin-air .air-block__text--outertower {
		min-height: 411px
	}
}

@media all and (-ms-high-contrast:none\0) {
	.daikin-air .air-block #illust-outertower div img {
		width: 611.29px;
		margin: 0 0 0 -4.4%;
		border: none;
		border-top: 3px solid #00A3D8;
		border-bottom: 3px solid #00A3D8
	}
}

.daikin-air .air-block__text--outertower {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
	box-sizing: border-box
}

@media screen and (max-width:960px) {
	.daikin-air .air-block[data-status=show] #illust-outertower div {
		height: calc((100vw - 40px) * 1.0851)
	}
	.daikin-air .air-block__body--outertower {
		margin-bottom: calc((100vw - 40px) * 1.0851 - 50px)
	}
}

@media screen and (max-width:480px) {
	.daikin-air .air-block__text--outertower {
		height: auto;
		padding: 10px 15px
	}
	.daikin-air .air-block__body--outertower {
		margin-bottom: calc((100vw - 40px) * 1.0851 - 10px)
	}
}

.daikin-air .endcopy02 {
	color: #000;
	padding: 90px 0 15px;
	text-align: center
}

.daikin-air .endcopy02__text {
	font-size: 2.4rem;
	line-height: 4.2rem;
	margin: 0 0 65px
}

@media screen and (max-width:768px) {
	.daikin-air .endcopy02__text {
		font-size: 2.1rem;
		line-height: 1.8em
	}
}

@media screen and (max-width:480px) {
	.daikin-air .endcopy02 {
		padding: 50px 0 20px
	}
	.daikin-air .endcopy02__text {
		font-size: 1.5rem;
		line-height: 1.8em;
		margin: 0 0 40px
	}
}

.daikin-air .endcopy02__text02 {
	font-size: 3rem;
	letter-spacing: 2px;
	line-height: 2em
}

.daikin-air .endcopy02__text02 img {
	display: block;
	margin: 0 auto;
	width: 300px
}

@media screen and (max-width:768px) {
	.daikin-air .endcopy02__text02 img {
		width: 260px
	}
}

.daikin-air .relation {
	padding: 55px 0 85px
}

@media screen and (max-width:480px) {
	.daikin-air .endcopy02__text02 {
		font-size: 2.1rem
	}
	.daikin-air .endcopy02__text02 img {
		width: 240px
	}
	.daikin-air .relation {
		padding: 30px 0 35px
	}
}

.daikin-air .relation__list {
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 740px;
	overflow: hidden;
	padding: 0 10px
}

@media screen and (max-width:480px) {
	.daikin-air .relation__list {
		display: block;
		padding: 0 20px;
		width: auto
	}
}

.daikin-air .relation__list--item {
	margin: 0 auto;
	max-width: 230px;
	text-align: left;
	width: 32%
}

@media screen and (max-width:480px) {
	.daikin-air .relation__list--item {
		margin: 0 auto 15px;
		max-width: 1000px;
		width: auto
	}
}

.daikin-air .relation__list--item a {
	color: #000;
	text-decoration: none
}

.daikin-air .relation__list--item a img {
	width: 100%
}

.daikin-air .relation__list--item h3 {
	margin: 12px 0 0;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.6;
	padding: 0 0 0 17px;
	position: relative
}

.daikin-air .relation__list--item h3::before {
	width: 6px;
	height: 12px;
	background: url(../images/relation_arrow.png) left top no-repeat;
	background-size: 100% 100%;
	position: absolute;
	content: "";
	left: 3px;
	top: 5px
}

#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxContent,
#cboxTitle,
#cboxCurrent,
#cboxLoadingOverlay,
#cboxLoadingGraphic,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
  float: left;
}