@media all{
	
main {
    padding: 2em 5% 0 !important;
}
	
.aircleaning_cycle{
	clear:both;
	display:block;
}

.triplefresh{
	clear:both;
	display:block;
}

.triplefresh_logo{
	max-width:100px;	
}
	
table{
	width:70%;
	margin:0 auto 3em;
	border-collapse:separate;
	border-spacing:0;
	display:table;
}
	
#table1 th{
	background:#eee;
}

#table2 td{
	text-align:center;
}
	
#table2 td:first-child{
	background:#eee;
}
	

#table2 th{
	background:rgba(240 240 240 / .7);
}
	
th,td{
	border:1px solid rgba(0 0 0 / .1);
	border-right:hidden;
	border-bottom:hidden;
	padding:1em 0.5em;
}
	
th:last-child,
td:last-child{
	border-right:1px solid rgba(0 0 0 / .1);
}
	
tr:last-child th,
tr:last-child td{
	border-bottom:1px solid rgba(0 0 0 / .1);
}
	
th,
td{
	width:33.5%;
}

#section1 img{
	display:block;
	margin:0 auto 3em;
}

.triplefresh_mechanism{
	float:left;
	width:auto !important;
	margin-right:1em;
}

.triplefresh_logo{
	margin:0 !important;	
}

.triplefresh_logo + p{
	clear:both;
}

#section2 p:nth-of-type(1),
#section3 p:nth-of-type(2){font-weight:bold;}

#section2 > div,
#section4 > div{
	width:100%;
	overflow:hidden;
	margin:0 0 2em;
}

#section2 > div img,
#section4 > div img{
	display:block;
}

#section2 > div + p,
#section4 > div + p{
	clear:both;
	margin:2em 0 1em;
	display:block;
}

#section2 p:nth-of-type(1),
#section3 p:nth-of-type(2),
#section3 p:nth-of-type(3){
    margin: 0;
}
	
#section3 h3{
	display:inline-table;
}
	
#section3 img{
	display:block;
}

.annotation{
	margin:2em 0 1em;
}

.annotation li:before{
	content:"※";
}

.annotation li{
	list-style:none;
	margin:0;
}
	

#section6{
	overflow:hidden;
}
	
#section6 > a{
	display:block;
	float:left;
    border: 1px solid #fff;
    box-sizing: border-box;
}

#section6 > a:hover{
	text-decoration:none;
	color:#000;
}

	
#section6 > a:nth-of-type(2){

    margin: 0 2%;	
	
}

#section6 > a > h3{
	font-size:1em;
	display:block;
	overflow:hidden;
	height:auto;
}

#section6 > a > h3 > span{
	font-size:.85em;
	display:block;
}

#section6 > a p{
	font-weight:normal;
	margin-right:1em;
	color:#000;
}

a > h3 + img {
	width:100%;
}

}

@media screen and (min-width:1801px) {

table{
    width:70%;
    margin: 0 auto 3em;
	display:table;
}

}

@media screen and (max-width: 1320px) {
	
main {
	padding: 1.5em 2% 0 !important;
}
	
}

@media screen and (min-width:1300px) {

#section1 > div,
#section2 > div,
#section3 > div,
#section4 > div{
	width:70%;
	margin:0 auto 2em;
	max-width:none;
}

}

@media screen and (min-width:960px) and (max-width:1800px) {

#section6 > a{
	width:32%;
}

}

@media screen and (min-width:1100px) and (max-width:1400px) {

#section2 img,
#section3 img,
#section4 img{
	width:85% !important;
	height:auto;
	display:block;
	margin: 0 auto 3em;
}

}

@media screen and (min-width:960px) and (max-width:1299px) {
	
#section1 img{
	width:75%;
	height:auto;
	display:block;
	margin: 0 auto 3em;
}

}

@media screen and (max-width:1199px) {

table{
	width:100%;
}
	
}

@media screen and (min-width:640px) and (max-width:959px) {
	
#section6 > a{
	width:49%;
}

#section6 > a:nth-of-type(2){

    margin: 0 0 0 2%;	
	
}

#section6 > a:nth-child(1),
#section6 > a:nth-child(3),
#section6 > a:nth-child(5){
	clear:both;
}

}

@media screen and (max-width:639px) {
	
#section6 > a{
	float:none;
	width:100%;
}

#section6 > a:nth-of-type(2){

    margin: 0;	
	
}

.triplefresh_mechanism{
	float:none;
	width:100% !important;
}

.triplefresh_logo{
  margin: 0 auto 3em !important;
}

}

@media screen and (min-width:768px) and (max-width:900px) {
	
#section6 > a > h3 > span{
	display:block;
}

#section6 > a > h3{
	line-height:1.5em;
}

}

@media screen and (max-width:959px) {
	
table{
	width:100%;
}

}

@media screen and (min-width:768px) {

#section2 > div img.pc,
#section4 > div img.pc{
	display:block;
    width: 100%
}

#section2 > div img.mb,
#section4 > div img.mb{
	display:none;
}

}

@media screen and (max-width:767px) {

#section2 > div img.pc,
#section4 > div img.pc{
	display:none !important;
}

#section2 > div img.mb,
#section4 > div img.mb{
	display:block !important;
	visibility: visible;
	margin:auto;
}

}

@media screen and (max-width:480px){
	
.slider > div > a > p {
	text-align:center !important;
}

}

@media screen and (max-width:399px) {

#section2 > div img,
#section3 > div img,
#section4 > div img{
	width:99.5%;
}

	
#section6 > a > h3 > span{
	display:block;
}

#section6 > a > h3{
	line-height:1.5em;
}

}