/*GOOGLE FONTS*/
	.noto-sans-jp-normal {
	  	font-family: "Noto Sans JP", sans-serif;
	  	font-optical-sizing: auto;
	  	font-weight: normal;
	  	font-style: normal;
	}

	.noto-sans-jp-bold {
	  	font-family: "Noto Sans JP", sans-serif;
	  	font-optical-sizing: auto;
	  	font-weight: bold;
	  	font-style: normal;
	}

	.noto-sans-jp-bolder {
	  	font-family: "Noto Sans JP", sans-serif;
	  	font-optical-sizing: auto;
	  	font-weight: bolder;
	  	font-style: normal;
	}

	.noto-sans-jp-500 {
	  	font-family: "Noto Sans JP", sans-serif;
	  	font-optical-sizing: auto;
	  	font-weight: 500;
	  	font-style: normal;
	}

	.lato-thin {
	  font-family: "Lato", sans-serif;
	  font-weight: 100;
	  font-style: normal;
	}

	.lato-light {
	  font-family: "Lato", sans-serif;
	  font-weight: 300;
	  font-style: normal;
	}

	.lato-regular {
	  font-family: "Lato", sans-serif;
	  font-weight: 400;
	  font-style: normal;
	}

	.lato-bold {
	  font-family: "Lato", sans-serif;
	  font-weight: 700;
	  font-style: normal;
	}

	.lato-black {
	  font-family: "Lato", sans-serif;
	  font-weight: 900;
	  font-style: normal;
	}

	.lato-thin-italic {
	  font-family: "Lato", sans-serif;
	  font-weight: 100;
	  font-style: italic;
	}

	.lato-light-italic {
	  font-family: "Lato", sans-serif;
	  font-weight: 300;
	  font-style: italic;
	}

	.lato-regular-italic {
	  font-family: "Lato", sans-serif;
	  font-weight: 400;
	  font-style: italic;
	}

	.lato-bold-italic {
	  font-family: "Lato", sans-serif;
	  font-weight: 700;
	  font-style: italic;
	}

	.lato-black-italic {
	  font-family: "Lato", sans-serif;
	  font-weight: 900;
	  font-style: italic;
	}

	/*END GOOGLE FONTS*/

	header *{
		font-size: 11pt!important;
		text-transform: uppercase!important;
	}

	header a, header .offcanvasMenu *{
		color: #00132C!important;
	}

	header .dropNav{
		position: relative!important;
	}

	header .localNav{
		display: none!important;
		background: rgba(255, 255, 255, 1);
		position: fixed!important;
		min-width: 350px!important;
		border-radius: 10px!important;
		z-index: 999!important;
	}


	header .dropNav:hover > a, header #specialNav nav a:hover{
		color: red!important;
		border-bottom: 1px red solid;
	}

	header .dropNav:hover > .localNav{
		display: block!important;
	}

	header .localNav ul li:hover{
		color: red!important;
		border-bottom: 1px red solid;
	}

	body{
		background: url('../images/INDEX/home-bg.jpg');
		background-attachment: fixed!important;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}

/*	p, label, input, small{
		color: #00132C!important;
	}
*/


	/*PAGE HEADER*/

	.page-header{
		padding: 80px 0 80px 0;
		position: relative;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}

	.page-header::before{
		content: "";
		background-color: rgba(14, 29, 52, 0.8);
		position: absolute;
		inset: 0;
	}


	/*BREADCRUMBS*/

	.breadcrumb > .active {
		color: #E60019!important;
		font-weight: 500!important;
	}


	/*SECTION TITLE*/

	.section-title{
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.section-title > span{
		font-size: 4rem!important;
		opacity: 0.5;
		position: absolute;
		z-index: -3;
		text-transform: uppercase;
	}

	.section-title > h1{
		text-transform: uppercase;
		color: #00132C!important;
		margin-top: 5px!important;
	}


	/*SERVICES CONTENT*/

	.services-icon{
      /*fill: green!important;*/
      margin-right: 2rem!important;
      /*filter: brightness(0) saturate(100%) invert(22%) sepia(98%) saturate(7469%) hue-rotate(348deg) brightness(87%) contrast(110%); /*RED*/
      filter: brightness(0) saturate(100%) invert(26%) sepia(100%) saturate(3154%) hue-rotate(216deg) brightness(94%) contrast(94%); /*SKY BLUE*/
      min-height: 120px!important;
      min-width: 120px!important;
    }

    .text-content *{
      /*font-size: 10pt!important;*/
      /*font-weight: 600!important;*/
      /*color: #1A5FE8!important;*/
      text-align: center!important;
      /*white-space: nowrap;*/
    }



    /*GLOBAL CARD HOVER*/

    .card-hover{

      transition: .15s ease-in-out;
      transform: translateY(0);
      transform: scale(1);
      border-radius: 10px!important;
      cursor: pointer!important;
    }
    .card-hover:hover{
      transform: translateY(-2rem);
      transform: scale(1.1);
      z-index: 9!important;
    }


  .thumbnail{
  	display: flex;
  	flex-direction: column;
  	justify-content: space-between;
  	align-items: self-start;
  	max-width: 150px!important;
  	position: relative!important;
  }

  .thumbnail > .thumbnail-fillup{
  	position: absolute;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
  	z-index: 1;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
  	background-color: rgba(0, 0, 0, 0.7);
  }

  .thumbnail-status{
  	font-size: 12pt!important;
  	font-weight: 500!important;
  	color: whitesmoke;
  	-webkit-text-stroke: .2px gray; /* width and color */

  	/*text-align: right;*/
  }

	.loader-area-part {
	  width: 100px;
	  aspect-ratio: 1;
	  position: relative;
	}

	.loader-area-part:after {
	  content: "";
	  position: absolute;
	  border-radius: 90px;
	  box-shadow: 0 0 0 3px inset #E60019;
	  animation: l5 2.5s infinite;
	}

	.loader-area-part:before{
		content: "";
	  	position: absolute;
	  	border-radius: 90px;
	  	box-shadow: 0 0 0 3px inset #1A5FE8;
	  	animation: l5 2.5s infinite;
	}

	.loader-area-part:after {
	  animation-delay: -1.25s;
	  border-radius: 0;
	}
	@keyframes l5{
	  0%    {inset:0    55px 55px 0   }
	  12.5% {inset:0    55px 0    0   }
	  25%   {inset:55px 55px 0    0   }
	  37.5% {inset:55px 0    0    0   }
	  50%   {inset:55px 0    0    55px}
	  62.5% {inset:0    0    0    55px}
	  75%   {inset:0    0    55px 55px}
	  87.5% {inset:0    0    55px 0   }
	  100%  {inset:0    55px 55px 0   }
	}

	.loader-beat{
		/*animation: img-loader-beat 2.5s ease-in-out infinite;*/
		/*transform-origin: center;*/
		margin-top: 5rem!important;
		max-width: 15rem; /* Adjust size as needed */
	}

	/*@keyframes img-loader-beat{
	  0% {
	    transform: scale(1);
	  }
	  25% {
	    transform: scale(1.1);
	  }
	  50% {
	    transform: scale(1);
	  }
	  75% {
	    transform: scale(1.1);
	  }
	  100% {
	    transform: scale(1);
	  }
	}*/

	#containerAdapt *{
		font-size: 15pt!important;
  	font-family: "Noto Sans JP", sans-serif;
  	/*font-optical-sizing: auto;*/
  	/*white-space: preserve;*/
	}

	.imgFooter{
    height: 55px;
    cursor: pointer!important; 
    border-radius: 5px!important;
  }

  @media only screen and (max-width: 600px){
    .imgFooter{
      height: auto!important;
      width: 100%!important;
     
    }
  }