@charset "utf-8";



#logo-top{width: 250px ;
	position: absolute ;
	left: 30px ;
	top: 10px ;
	mix-blend-mode: difference;
}
#logo-top img{width: 100% ;}
@media screen and (max-width: 767px){
	#logo-top{width: 250px ;
		position: absolute ;
		left: 16% ;
		top: 10px ;
	}
}
@media screen and (max-width: 468px){
	#logo-top{
		width: 40% ;
		position: absolute ;
		left: 29.5vw ;
		top: 10px ;
	}
}



.container{
  height: 95vh;
  position: relative;
}
.video{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.video video{
	position: absolute;
	top: 50%;
	left: 50%;
	object-fit: cover;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}
.image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  background-size: cover;
  background-position: center center;
  animation: image-switch-animation 30s infinite;
}

.src1 {  background-image: url();}
.src2 {  background-image: url(../images/slide/top-slide01.jpg);}
.src3 {  background-image: url(../images/slide/top-slide02.jpg);}
.src4 {  background-image: url(../images/slide/top-slide03.jpg);}
.src5 {  background-image: url(../images/slide/top-slide05.jpg);}
.src6 {  background-image: url(../images/slide/top-slide06.jpg);}
.src7 {  background-image: url(../images/slide/top-slide07.jpg);}
.src8 {  background-image: url(../images/slide/top-slide04.jpg);}

.image:nth-of-type(1) {animation-delay: 0s;}
.image:nth-of-type(2) {animation-delay: 2s;}
.image:nth-of-type(3) {animation-delay: 7s;}
.image:nth-of-type(4) {animation-delay: 11s;}
.image:nth-of-type(5) {animation-delay: 14s;}
.image:nth-of-type(6) {animation-delay: 18s;}
.image:nth-of-type(7) {animation-delay: 22s;}
.image:nth-of-type(8) {animation-delay: 25s;}

@keyframes image-switch-animation {
  0%{ opacity: 0;}
  18%{ opacity: 1;}
  18%{ opacity: 1;}
  5%{ opacity: 0;}
  50%{ opacity: 0;}
}


img.accent-slide{
	margin-left: -16px ;
	position: absolute ;
	left: 50% ;
	bottom: 0px ;
	z-index: 99999999999 ;
}


img.title-about{
	width: 100% ;
	max-width: 230px ;
	margin: 0px auto 10px auto ;
}
#news h1{
	text-align: center ;
}
img.title-news{
	width: 100% ;
	max-width: 130px ;
	margin: 0px auto 10px auto ;
}



#shusaisha{
	width: 90% ;
	max-width: 900px ;
	margin: 0px auto 150px auto ;
	padding: 150px 0px 0px 0px ;
}
#shusaisha h1{
	text-align: center ;
	margin: 20px auto 40px auto ;
}
#shusaisha .shusaisha-pic{
	margin: 0px auto 10px auto ;
	width: 60% ;
	text-align: center ;
}
#shusaisha .shusaisha-pic img{
	width: 100% ;
	max-width: 450px ;
	border-radius: 50% ;
}
#shusaisha table.shusaisha-text01{
	max-width: 700px ;
	margin: 30px auto 0px auto ;
}
#shusaisha td.shusaisha-name{
	padding: 10px 20px ;
	vertical-align: middle ;
	white-space: nowrap ;
	font-weight: bold ;
	font-size: 14px ;
}
#shusaisha td.shusaisha-text01-2{
	margin: 0px auto ;
	padding: 10px ;
	vertical-align: middle ;
	font-size: 14px ;
}
#shusaisha .shusaisha-text02{
	max-width: 650px ;
	margin: 30px auto 20px auto ;
	font-size: 130% ;
	line-height: 180% ;
	text-align: center ;
}
#shusaisha .shusaisha-text02 span{
	border-bottom: 1px dotted #e7f6f4 ;
}

#shusaisha .shusaisha-text03{
	max-width: 650px ;
	margin: 0px auto ;
}
#shusaisha .shusaisha-text03 span{
	display: block ;
	margin: 0px auto 10px auto ;
	text-align: center ;
	font-weight: bold ;
	border-top: 1px dotted #CCCCCC ;
	border-bottom: 1px dotted #CCCCCC ;
}

#shusaisha-back{
	max-width: 1050px ;
	margin: 0px auto ;
	background:url(../images/back-accent02.png) no-repeat;
	background-position: right bottom ;
	background-color:rgba(255,255,255,0.6);
	background-blend-mode:lighten;
}
#shusaisha-box{
	width: 90% ;
	max-width: 800px ;
	margin: 0px auto 0px auto ;
	padding: 150px 0px 120px 0px ;
	text-align: center ;
}
@media screen and (max-width: 480px) { 
	#shusaisha-back{
		background: none ;
	}
}


#news-box01{
	margin: 20px auto 10px auto ;
	padding: 10px 10px 20px 10px  ;
	border-top: 1px dotted #CCC ;
	border-bottom: 1px dotted #CCC ;
}
#news-box01 article{
	display: table ;
	margin: 0px auto 0px auto ;
}
#news-box01 a.news-img01 img{
	width: 100% ;
	border-radius: 10px ;
}
#news-box01 a.news-img01 img:hover{
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}
#news-box01 a.news-img01{
	display: table-cell ;
	padding: 10px 20px 10px 10px  ;
	width: 18vw ;
	vertical-align: middle;
}
#news-box01 a.news-txt01{
	display: table-cell ;
	padding: 10px 10px 10px 10px  ;
	vertical-align: ;
	font-size: 120% ;
	text-align: center ;
	color: #3b3b3b ;
	text-decoration: underline dotted #636f78;
}
#news-box01 a.news-txt01:visited{
	color: #3b3b3b ;
}
#news-box01 a.news-txt01:hover{
	color: #636f78 ;
}
#news-box01 .news-date{
	display: block ;
	font-size: 100% ;
	font-weight: 400 ;
	margin: 0px 0px 30px 0px ;
	text-align: right ;
}
#news-box01 .event-date{
	display: block ;
	margin-top: 10px ;
	text-align: center ;
	font-size: 140%;
	line-height: 150%;
}}
#news-box01 h1{
	margin: 0px 0px 30px 0px ;
	font-size: 250% ;
	font-weight: 700 ;
}
#news-box01 h2{
	font-size: 150% ;
	font-weight: 500 ;
	margin: 0px 0px 30px 0px ;
	text-align: center ;
}
#news-box01 h3{
}
.insta01 a img:hover,
.insta-pic a img:hover{
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}
#news .insta04 a:hover{
	background-color: #6ecabf ;
}
a#news-link01{
	border-radius: 5px ;
	background-color: #df427a; ;
	background-color: #3db8aa; ;
	color: #FFF ;
	padding: 5px 10px ;font-weight: 700 ;
	text-decoration: none ;
	position: absolute ;
	left: 30px;
	bottom: 60px;
	z-index: 10;
}
a#news-link01:hover{
	background-color: #3db8aa; ;
	background-color: #96d161 ;
}

@media screen and (max-width: 896px) {
	#news-box01 a.news-img01 {
	  width: 40vw;
	}
	#news-box01 a.news-img01{
		padding: 10px 0px 10px 5px  ;
	}
	#news-box01 a.news-txt01{
		padding: 10px 5px 10px 10px  ;
	}
	#news-box01 h1 {
	  margin: 0px 0px 20px 0px;
	  font-size: 220%;
	}
	#news-box01 h2 {
	  font-size: 140%;
	  margin: 0px 0px 10px 0px;
	}
	#news-box01 .event-date{
		display: block ;
		margin-top: 10px ;
		font-size: 120% ;
	}

}


.link-aboutus01{
	width: 220px ;
	text-align: center ;
	margin: 0px auto 20px auto ;
}
.link-aboutus01 a{
	color: #151515 ;
	text-align: center ;
	text-decoration: none ;
	font-size: 110% ;
}
.link-aboutus01 a:visited{
	color: #151515 ;
}
.link-aboutus01 a:hover{
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */	color: #669999 ;
}
.link-aboutus01 a img{
	width: 190px ;
	margin: 0px auto 0px auto ;
}
.link-aboutus01 a span{
	display: block ;
	width: 130px ;
	margin: 10px auto 0px auto ;
	padding: 3px 3px 5px 3px ;
	text-align: center ;
	background: #3db8aa ;
	border-radius: 20px ;
	color: #FFF ;
	font-size: 110% ;
	font-weight: 700 ;
}




#news{
	max-width: 900px ;
	margin: 0px auto ;
	padding: 0px 5px ;
}
#news table.insta01{
	width: 100% ;
	margin: 0px auto ;
}
#news .insta02{
	width: 90px ;
}
#news .insta02 img{
	width: 100% ;
	border-radius: 50% ;
}
#news .insta03{
padding: 0px 0px 0px 20px ;font-weight: 700 ;vertical-align: middle ;font-size: 13px ;
}
#news .insta04{
text-align: right ;vertical-align: middle ;
}
#news .insta04 a{
	display: inline-block ;background: #3db8aa ;padding: 10px ;border-radius: 10px ;color: #FFF ;font-weight: bold ;
}

#news table.insta-pic{
	margin: 0px auto ;
}
#news table.insta-pic td{
	width: 33% ;
	padding: 5px ;
}
#news table.insta-pic td img{
	width: 100% ;
	border: 1px solid #CCC ;
	border-radius: 15px ;
}