@charset 'UTF-8';

.more {
	text-align:right;
	font-size:140%;
	letter-spacing:3px;
	background-image:url('../images/ar_r.png');
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:10px;
	position:relative;
}
.more:before {
	content:'';
	width:30%;
	border-top:1px solid #00284f;
	position:absolute;
	top:50%;
	right:5em;
}

.slick-prev:before, .slick-next:before {
	color: #00284f !important;
}

.front-main {
	background-image:url('../images/front_1.jpg');
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.front-main div {
	max-width:1300px;
	margin:0 auto 0 ;
}

#about .container {
	background-image:url('../images/about.png');
	background-repeat:no-repeat;
	background-position:top right;
}
#about .aboutNa.container {
	background:none;
	padding-top:0;
}
#about .aboutNa .desc {
	float:left;
	max-width:550px;
}
#about .aboutNa img {
	float:right;
	max-width:626px;
}
#about .aboutNa p {
	margin-top:.5em;
}

#lineup {
	background:url('../images/lineupBg.png') repeat-x bottom center;
}
#lineup .container {
	padding-top:0;
}
#lineup ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#lineup li {
	width:18%;
	text-align:center;
}
#lineup .num,
#circulator .product .num {
	font-size:140%;
	color:#fff;
	background-color:#000;
	margin-top:.5em;
}
#lineup h4,
#circulator .product h4 {
	font-size:160%;
	font-weight:600;
	line-height:1.3;
	margin-top:.5em;
}
#lineup h4 span,
#circulator .product h4 span {
	display:block;
	font-size:120%;
}
#lineup .price,
#circulator .product .price {
	font-size:140%;
	margin-right:-.2em;
}
#lineup .price span,
#circulator .product .price span {
	font-size:150%;
	margin-left:.2em;
	margin-right:-.2em;
}
#lineup section > p {
	font-size:140%;
	margin-top:1em;
}

.container.product {
	padding-bottom:0;
}
#circulator h3 {
	margin-bottom:5%;
}
#circulator .product .desc {
	float:left;
	width:588px;
}
#circulator .product > img {
	float:right;
}
#circulator .product h4 {
	text-align:center;
}
#circulator table,
#features table {
	width:100%;
}

.lineup table {
	margin: 20px auto 0;
	width:100%;
}
.lineup th {
	vertical-align:middle;
	font-size:160%;
	text-align:center;
	line-height:1.2;
	border:1px solid #999;
	padding: 4px;
	background-color: #e9e9e9;
}

.lineup td {
	vertical-align:middle;
	font-size:160%;
	text-align:center;
	line-height:1.2;
	border:1px solid #999;
	padding: 4px;
	background-color: #fff;
}
.lineup td:first-child {
	text-align:left;
}




#circulator th,
#circulator td {
	vertical-align:middle;
	font-size:160%;
	text-align:center;
	line-height:1.2;
	border:1px solid #999;
	padding: 2px;
}
#circulator .product thead,
#features thead {
	background-color:#ddd;
}
.air {
	background-image:url('../images/airBg.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% auto;
}
.air .headline,
.air .desc {
	display:flex;
}
.air .headline div:first-child {
	margin-top:-5%;
	margin-left:-4%;
	margin-right:3%;
}
.air h2+p {
	font-size:360%;
	font-weight:600;
	line-height:1;
	margin-bottom:.5em;
}
.air h2+p span {
	font-size:140%;
}
.air .material-icons {
	font-size:100%;
	vertical-align:text-top;
}
.air h2+p+p {
	font-size:500%;
	font-weight:600;
	line-height:1.5;
}
.air h2+p+p br {
	display:none;
}
.air h2+p+p span {
	display:inline-block;
	font-size:120%;
	color:#fff;
	border-radius:50%;
	padding:0 .5em;
}
.air h2+p+p .jokin {
	background-color:#009ce1;
}
.air h2+p+p .shoshu {
	background-color:#2bb7b3;
	margin:0 .2em;
}
#circulator .air .desc h3 {
	margin-bottom:0;
}
.air thead th {
	color:#fff;
	font-weight:600;
}
.air th,.air td {
	padding:.2em .1em;
}
.air thead .ot {
	background-color:#666;
}
.air thead .mg {
	background-color:#2bb7b3;
}
.air tbody .ot {
	background-color:#eee;
}
.air tbody .mg {
	color:#2bb7b3;
	font-weight:600;
	background-color:#e9f8f7;
}
.air ul,#case ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	text-align:center;
}
.air li {
	width:18%;
}
.air ul p {
	font-size:160%;
}
#case h3 {
	padding:0 5% 3%;
}
#case li {
	width:23%;
	margin-bottom:2%;
}

#features h4 {
	font-size:240%;
	font-weight:600;
	margin-top:3%;
}
.feature {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-end;
}
.feature .desc {
	max-width:580px;
}
.feature img {
	margin-top:10px;
}
#features ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#features li {
	max-width:580px;
	margin-top:2%;
}
#features h4 {
	line-height:1.3;
	margin-bottom:.4em;
}
#features th,
#features td {
	vertical-align:middle;
	font-size:180%;
	text-align:center;
	line-height:1.2;
	border:1px solid #999;
	padding:2% 0;
}

#door {
	background-color:#d5f1f0;
	padding-bottom:5%;
	text-align: center;
}
#door h2 span {
	display:inline-block;
	color:#fff;
	transform:rotate(-5deg);
	background-color:#2bb7b3;
	padding:1%;
	margin-top:-10%;
	font-size: 95%;
}
#door img {
	margin:3% auto 0;
	text-align: center;
}

@media only screen and (max-width: 1200px) {
	#about .container {
		background-size:auto 100%;
	}
	#about .aboutNa .desc {
		max-width:45%;
	}
	#about .aboutNa img {
		max-width:52%;
	}
	#circulator .product .desc,
	#circulator .product > img {
		max-width:50%;
	}
	.feature .desc,
	.feature div,
	#features li {
		max-width:48%;
	}
}
@media only screen and (max-width: 900px) {
}
@media only screen and (max-width: 600px) {
	#about .container {
		background-size:95% auto;
	}
	#about h2 span.green:last-child {
		display:block;
		line-height:1;
		margin-bottom:1em;
	}
	#about p br {
		display:none;
	}
	#about .aboutNa .desc,
	#about .aboutNa img {
		float:none;
		max-width:100%;
	}
	#lineup li {
		width:48%;
		text-align:center;
	}
	#lineup img {
		margin-top:-30%;
	}
	#lineup li:last-child img {
		margin-top:0;
	}
	#circulator .product .desc,
	#circulator .product > img {
		float:none;
		max-width:100%;
	}
	#circulator .product > img {
		margin-top:5%;
	}
	.air {
		background-size:auto;
	}
	.air .headline, .air .desc,
	.air h2+p+p br {
		display:block;
	}
	.air .headline div:first-child {
		max-width:60%;
		margin:0 auto;
	}
	.air .headline h2,
	.air h2+p,
	.air h2+p+p {
		text-align:center;
	}
	.air .headline h2 br,
	#circulator .air .desc h3 br {
		display:none;
	}
	.air h2+p {
		font-size:240%;
	}
	.air h2+p+p {
		font-size:360%;
		margin-bottom:5%;
	}
	.air .desc div {
		margin-bottom:5%;
	}
	.air li,#case li {
		width:48%;
	}
	.feature .desc,
	.feature div,
	#features li {
		max-width:100%;
	}
}