/*
CTC Separate Stylesheet
Updated: 2022-11-07 13:53:59
*/

.fadeIn {
  opacity: 0;
  transition: 2s;
}
.fadeIn.is-show {
  opacity: 1;
}
/*===========
inview
===========*/
.fadeIn {
  opacity: 0;
  transition: 2s;
}
.fadeIn.is-show {
  opacity: 1;
}
.fadeIn_up {
  opacity: 0;
  transform: translate(0, 50%);
  transition: 2s;
  transition-delay: 250ms;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_down {
  opacity: 0;
  transform: translate(0, -50%);
  transition: 2s;
}
.fadeIn_down.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 2s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_left {
  opacity: 0;
  transform: translate(-50%, 0);
  transition: 2s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

/*===========
.imgBox
===========*/

.imgBox {
  text-align: center;
  margin: 20px 0;
  display: block;
  overflow: hidden;
}
.imgBox img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  overflow: hidden;
  transition: all 0.5s ease;

}

.imgBox a img:hover {
		transform: scale(1.1);
		opacity: 0.6;

}

ul {
	margin-left: 0 !important;
}

.TfadeUp{
animation-name:fadeUpAnime;
animation-duration:3s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

.Tfont {
	font-family: serif;
}

.header1 {
	font-size: clamp(13px, 6vw, 40px)
}
.header2 {
	font-size: clamp(10px, 4vw, 30px);
}
.header3 {
	font-size: clamp(8px, 2vw, 16px);
}

@media screen and (min-width: 916px){
	.site-title {
		font-size: 60px;
	}
}


@media screen and (max-width: 915px) {
	.site-title {
		font-size: 40px;
	}
}

@media screen and (max-width: 667px) {
	.site-title {
		font-size: 25px;
	}
}

@media screen and (max-width: 412px) {
	.site-title {
    font-size: 1.2em;
	}
}


@media screen and (max-width: 414px){
	.wp-block-table {
		font-size: 0.8em;
	}
	.wp-block-table td {
		display: block;
		width: 100%;
	}
	}
	}

.navbar {
	padding: 0px;
}