h1{
	margin-bottom: 1rem;
}
h3 {
	padding-bottom: 0.5rem;
}

h4:before {
    width: 15px;
    height: 15px;
    background: #c81411;
	margin-left: -2px;
	margin-right: 8px;
}

a.text-link-line{
	text-decoration: underline;
}

td ul{
	margin-bottom: 0;
}

.circle-list-title{
	font-weight: bold;
}

.num-list{
	padding-left: 1.3rem;
}
.num-list li::marker{
	color: #c81411;
	font-weight: bold;
    font-size: 1.2rem;
}

.unit-frame{
	margin-bottom: 2rem;
}
.unit-frame.fit{
	width: fit-content;
}
.unit-frame p:last-child{
	margin-bottom: 0
}

.unit-tab-label li.active a{
	color: #c81411;
}

.text-tel{
	font-size: 1.5rem;
}
.text-red{
	color: #c81411;
}

.unit-accordion-label p{
	margin-bottom: 0
}

figure img.img-80{
	width: 100%;
}

@media (min-width: 992px) {
	figure img.img-80{
		width: 80%!important;
	}
}

.text-link2 > li:before{
	top: 7px;
}

html {
    scroll-behavior: smooth;
}

div.separation {
    scroll-margin-top: 150px;
}

.unit-tab-link{
	margin-bottom: 1rem;
}

.unit-tab-link > div{
	margin-bottom: 0.5rem;
}

@media (min-width: 992px) {
	.unit-tab-link > div{
		margin-bottom: 0;
	}
}

.unit-tab-link > div > a{
	display: block;
    text-align: center;
    height: 100%;
	padding: 1rem 0;
    background: #ededed;
	font-weight: bold;
	position: relative;
	padding-bottom: 1.5rem;
	border: solid 2px transparent;
}

.unit-tab-link > div > a:hover{
	border: solid 2px #c81411;
}

.unit-tab-link > div > a::after{
	content: "▼";
	color: #c81411;
	font-size: 0.5rem;
    position: absolute;
    bottom: 0.3rem;
    left: calc(50% - 0.25rem);
	left: calc(50% - 0.25rem);
    bottom: 0.5rem;
}

.text-bg-red{
	width: fit-content;
    background: #c81411;
    color: #fff;
    padding: 0.5rem 1rem;
    font-weight: bold;
    font-size: 1.2rem;
}

.vimeo{
	aspect-ratio: 16 / 9;
    width: 100%;
    height: 100%;
	margin-bottom: 0;
}

div:has(> iframe.vimeo){
	margin-bottom: 1rem;
}

.btn-link{
	max-width: 100%!important;
	margin: 0px!important;
}

@media (min-width: 992px) {
	.btn-link{
		max-width: 350px!important;
		margin: 30px 0!important;
		margin-right: 1rem!important;
	}
}

.custom-btn{
	margin-bottom: 1rem;
}

.navbar-top-left{
	display: flex;
	margin-left: 0.5rem;
}
.navbar-brand{
	display: flex;
	width: 155px;
	left: auto;
	margin-right: 2rem;
}
@media only screen and (max-width:600px) {
	#navbar-top {
		width: 75%;
	}
	.navbar-brand{
		top:auto;
	}
}
@media only screen and (max-width:1023px) {
	#navbar-top {
		width: 75%;
	}
	.navbar-brand{
		top:auto;
	}
}
@media only screen and (max-width:1024px) {
	.navbar-brand{
		top:auto;
	}
}

.navbar-brand.msys::before{
	content: "";
	position: absolute;
    top: 50%;
    right: -20px;
    width: 0px;
    height: 40px;
    background-color: #aaa;
    transform: translateY(-50%);
	border-right: 1px solid #aaa;
}

.googlemap{
	position: relative;
    width: 100%;
    padding-top: 500px;
    overflow: hidden;
}

.googlemap > iframe{
	position: absolute;
    top: -165px;
    left: 0;
    width: 100%;
    height: calc(100% + 165px + 165px);
    pointer-events: none;
    border: none;
}



.display-5{
	font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.border-bottom-red{
	border-bottom: #c81411 solid 2px;
}

span.border-bottom-red{
	border-bottom: #c81411 solid 2px;
	display: inline-block;
	margin-bottom: 10px;
}