/* Bootstrap custom */
.navbar-dark{
	border-color:rgba(0,0,0,0);
}
.navbar-toggler{
	border-color:rgba(0,0,0,0);
}
.navbar-toggler:focus{
	box-shadow:none;
}
.card{
	margin: 0 auto 20px auto;
}

/* Smartphone size */
.titleImgWidth{
	width:200px;
}
.about{
	font-size:13px;
}
.about .heightHeader{
	height:80px;
}
.company{
	font-size:13px;
}
.company > div{
	height:60px;
}
.company .heightLoca{
	height:80px;
}
.company .heightClient{
	height:210px;
}
.company .heightHeader{
	height:80px;
}
.pcbr{
	display:none;
}
.about .col-10{
	width:auto;
}
.delimiter{
	border: solid 2px;
	border-radius: 10px;
	width: 30px;
	margin: 0 auto;
}
iframe{
	width:100%;
	aspect-ratio:16/9;
}
.thumbnail{
	width:100%;
	border-radius:4px;
}

/* PC size */
@media(min-width:768px){
	.titleImgWidth{
		width:300px;
	}
	.about{
		font-size:16px;
	}
	.company{
		font-size:16px;
	}
	.company .heightClient{
		height:260px;
	}
	.pcbr{
		display:block;
	}
}

/* fade animation */
.fadeUpTrigger{
	opacity:0;
}
.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration:2s;
    animation-fill-mode:forwards;
    opacity: 0;
}
@keyframes fadeUpAnime{
from {
    opacity: 0;
    transform: translateY(100px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}