@charset "utf-8";

html{scroll-behavior: smooth;}

section * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
section *:before,
section *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.clear{clear:both;}

.pc-none {display:none!important;}
.sp-none {display:block!important;}

@media only screen and (max-width:767px){
	.pc-none {display:block!important;}
	.sp-none {display:none!important;}
	}

.red{color:#ff0000;}
.white{color:#fff;}
.black{color:#000;}
.blue{color:#003366;}
.gray{color:#666;}

.bgBox{padding:4vh 0;}
.bgblue{background:#d0eaef;display: block;height:auto;}

strong{font-weight: bold;}

/*========▼▼main▼▼========*/

/*アニメーション*/
.fadein.is-animated {
  animation: fadeIn 0.99s forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.animate {
  visibility: hidden;
}

.animate.is-show {
  animation: show 1s both;
  visibility: visible;
}

.animate2.is-show {
  animation-delay: .3s;
}

.animate3.is-show {
  animation-delay: .5s;
}

.animate4.is-show {
  animation-delay: .7s;
}

.animate5.is-show {
  animation-delay: .9s;
}

@keyframes show {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}