@charset "UTF-8";
/* コンテンツ */

#main {
  position: relative;
  width: 100%;
	min-width:1200px;
	height:600px;
	overflow:hidden;
	background-color:#333;
}
.tx7 {
    position:absolute;
	left:0;
	top:10%;
	height:80px;
    line-height: 0;
    opacity:0;
    animation: tx7 49s ease 0s infinite normal forwards;
}
.tx7 span {
    display: inline-block;
    background-color: rgba(0,0,0,0.3);
    padding: 0.5em 2em;
}
.tx7 img {
	height:80px;
}
.tx8 {
    position:absolute;
	left:0;
	bottom:10%;
	height:80px;
    line-height: 0;
    opacity:0;
    animation: tx8 49s ease 0s infinite normal forwards;
}
.tx8 span {
    display: inline-block;
    background-color: rgba(0,0,0,0.3);
    padding: 0.5em 2em;
}
.tx8 img {
	height:80px;
}
#main h2,#main h3 {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	height:90px;
}
#main h2 img {
	opacity:0;
	height:90px;
	animation: maincopy 49s ease 0s infinite normal forwards;
}
#main h3 img {
	opacity:0;
	height:90px;
	animation: maincopy2 49s ease 0s infinite normal forwards;
}
#main h4,#main h5 {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	height:90px;
}
#main h4 img {
	opacity:0;
	height:90px;
	animation: maincopy3 49s ease 0s infinite normal forwards;
}
#main h5 img {
	opacity:0;
	height:90px;
	animation: maincopy4 49s ease 0s infinite normal forwards;
}
@keyframes tx7 {
  0% {
    opacity:0;
    left: -40px;
  }
  3% {
    opacity:0;
    left: -40px;
  }
  6% {
    opacity:1;
    left: 0;
  }
  13% {
    opacity:1;
  }
  16% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}
@keyframes tx8 {
  0% {
    opacity:0;
    left: -40px;
  }
  14% {
    opacity:0;
    left: -40px;
  }
  17% {
    opacity:1;
    left: 0;
  }
  24% {
    opacity:1;
  }
  27% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}
@keyframes maincopy {
  0% {
    opacity:0;
  }
  27% {
    opacity:0;
  }
  30% {
    opacity:1;
  }
  40% {
    opacity:1;
  }
  43% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}
@keyframes maincopy2 {
  0% {
    opacity:0;
  }
  43% {
    opacity:0;
  }
  46% {
    opacity:1;
  }
  56% {
    opacity:1;
  }
  59% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}
@keyframes maincopy3 {
  0% {
    opacity:0;
  }
  59% {
    opacity:0;
  }
  62% {
    opacity:1;
  }
  72% {
    opacity:1;
  }
  75% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}
@keyframes maincopy4 {
  0% {
    opacity:0;
  }
  75% {
    opacity:0;
  }
  78% {
    opacity:1;
  }
  88% {
    opacity:1;
  }
  91% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}

@media screen and (min-width: 1500px) {
	#main { height:700px; }
}

#copy {
	background-color:#094;
	color:#fff;
	font-size:1.7em;
	padding:25px 0;
}

.tsub {
	text-align:center;
	width:500px;
	margin:0 auto 60px;
}
.tsub h3 {
	font-size:2em;
	border-bottom:1px solid #094;
	padding-bottom:10px;
}
.tsub p {
	line-height:1.7;
	margin-top:10px;
	color:#094;
}

#news {
	margin-bottom:60px;
}
#news li {
	position:relative;
	float:left;
	width:calc((100% / 3) - (120px / 3));
	margin-right:60px;
	line-height:1.7;
}
#news li a {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:#fff;
	opacity:0;
	transition:opacity 0.5s;
}
#news li a:hover {
	opacity:0.4;
}
#news li h4 {
	width:100%;
	height:240px;
	background-position:center center;
	background-size:cover;
	margin-bottom:15px;
}
.news_box {
}
#news li p {
	font-size:0.84em;
	color:#999;
	margin-bottom:5px;
}
#news li p span.cat1 {
	background-color:#e5f4ec;
	padding:0 5px;
	margin-left:10px;
}


#gallery {
	position:relative;
	text-align:center;
	width:100%;
	height:300px;
	margin-bottom:60px;
}
#gallery .swiper-wrapper {
}
#gallery .swiper-container1 {
	position:relative;
	width: 100%;
	height:100%;
	margin:0 auto;
	overflow:hidden;
}
#gallery .swiper-slide {
	position:relative;
	width: 300px;
	height:100%;
}
#gallery .swiper-slide p {
	width: 100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#gallery .swiper-slide a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	opacity:0;
	transition:opacity 0.5s;
}
#gallery .swiper-slide a:hover {
	opacity:0.4;
}


.swiper-button-prev {
	top:80px !important;
	margin:0 !important;
	left:-40px !important;
	width:22px !important;
	height:54px !important;
	background-image:url(../img/left.png) !important;
	background-size:contain !important;
	background-position: center center !important;
}
.swiper-button-next {
	top:80px !important;
	margin:0 !important;
	right:-40px !important;
	width:22px !important;
	height:54px !important;
	background-image:url(../img/right.png) !important;
	background-size:contain !important;
	background-position: center center !important;
}
.prev1 {
	top:123px !important;
}
.next1 {
	top:123px !important;
}

.concept_copy {
	font-size:2em;
	line-height:1.4;
	margin-bottom:20px;
}

.airguard {
	background-image:url(../img/air_bg.jpg);
	background-position:left bottom;
	background-size:cover;
}
.airguard h4 {
	font-size:2em;
	line-height:1.4;
	border-bottom:2px solid #e00;
	margin-bottom:20px;
}
.airguard h5 {
	color:#e00;
	font-size:1.7em;
	line-height:1.4;
	margin-bottom:20px;
}
.airguard img {
	filter: drop-shadow(0 0 10px rgba(255,255,255,1));
}

.flyer img {
	max-width:200px;
	max-height:200px;
	width: expression(this.width >= this.height ? "200px" : "auto");
	height: expression(this.width <= this.height ? "200px" : "auto");
}



@media screen and (min-width: 500px) {
#news li:nth-child(3n) {
	margin-right:0;
}
.cnt_adj {
	
}
}

@media screen and (max-width: 499px) {
#main {
	min-width:100%;
	height:240px;
}

.tx7 {
	height:30px;   
}
.tx7 span {
    padding: 0.2em 1.5em;
}
.tx7 img {
	height:30px;
}
.tx8 {
	height:30px;   
}
.tx8 span {
    padding: 0.2em 1.5em;
}
.tx8 img {
	height:30px;
}

#main h2,#main h3,#main h2 img,#main h3 img,#main h4,#main h5,#main h4 img,#main h5 img {
	height:40px;
}
#copy {
	font-size:1.16em;
	padding:15px 0;
	line-height:1.7;
	margin-bottom:-10px;
}

.tsub {
	width:100%;
	margin:0 auto 40px;
}
.tsub h3 {
	font-size:1.7em;
}
.tsub p {
}

#news {
	margin-bottom:40px;
}
#news li {
	float:none;
	width:100%;
	margin-right:0;
	margin-bottom:40px;
}

#news li h4 {
	float:left;
	width:150px;
	height:100px;
	margin-bottom:0;
	float:left;
}
.news_box {
	margin-left:170px;
}
#news li p {
}


#gallery {
	height:160px;
	margin-bottom:40px;
}
#gallery .swiper-slide {
	width: 50%;
}
#gallery .swiper-slide p {
	width: 100%;
}
.prev1 {
	left:-30px !important;
	top:53px !important;
}
.next1 {
	right:-30px !important;
	top:53px !important;
}

.concept_copy {
	font-size:1.7em;
	line-height:1.4;
	margin-bottom:20px;
}

.airguard {
	background-image:url(../img/air_bg_sp.jpg);
	background-position:center top;
	background-size:cover;
}
.airguard h4 {
	font-size:1.7em;
	margin-bottom:20px;
}
.airguard h5 {
	font-size:1.24em;
	margin-bottom:20px;
}

}