/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 20 2025 | 01:28:36 */
#site-header {
	position: fixed;
	top:0;
	left:0;
	z-index:9;
	box-shadow:0 3px 16px rgba(68,68,68,.1);
}

@media (max-width:500px){
	#site-header {
		z-index:99;
	}
}

a:focus {
outline: none !important;
}

.t-mv {
	max-height:840px;
}

.btn {
	display:block;
	background-image: linear-gradient(to right, #a9c0a7 0%, #c4d3c5 50%, #a9c0a7 100%);
    background-size: 200% auto;
    background-position: left center;
    color: #fff;
    font-size: 1.3rem;
    letter-spacing: .2em;
    text-align: center;
    padding: 20px;
    width: 220px;
    position: relative;
    transition: all .5s ease;
}

.btn::before,
.btn::after{
	content: '';
    width: 30px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: all .5s ease;
}

.btn::after {
	width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 30px;
}

.btn:hover {
	background-position: right center;
    letter-spacing: .25em;
    text-shadow: 0 0 5px rgba(255, 255, 255, .4);
	color:#fff;
}

.btn:hover:before {
	width: 35px;
}

.btn-hover:after {
	left: 35px;
}

.btn-w {
	display: block;
	color:#fff;
    border: 1px solid #fff;
    font-family: "din-regular", sans-serif;
    font-size: 1.3rem;
    letter-spacing: .2em;
    text-align: center;
    padding: 20px;
    width: 220px;
    position: relative;
	transition: all .5s ease;
}

.btn-w::before,
.btn-w::after{
	content: '';
    width: 30px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: all .5s ease;
}

.btn-w::after {
	width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 30px;
}

.banner-contact {
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	height:140px;
	padding:10px;
}

.banner-contact dl {
	margin:0px;
}

.banner-contact dt {
	letter-spacing:0.08em;
}

.banner-contact .title {
	font-size:2.4rem;
	margin:0;
}
.banner-contact .times {
	color:#777;
	margin:0;
}

.banner-contact .times span {
 font-size:0.8em;
	color:#777;
}

.banner-contact .title .fa-solid {
	margin-right:8px;
}

.banner-phone:hover{
color:#707862;
}

.banner-phone {
color:#777;
	background:#fff;
}

.banner-phone .title {
color:#707862;
}

.banner-mail {
	color:#fff;
	background-image: linear-gradient(to right, #a9c0a7 0%, #c4d3c5 50%, #a9c0a7 100%);
	background-size: 200% auto;
    background-position: left center;
	transition: all .5s ease;
}

.banner-mail:hover {
	background-position: right center;
	color:#fff;
}

@media screen and (max-width:767px){
	.banner-contact {
		height:auto;
		min-height:110px;
	}
	.banner-contact dt {
		font-size:1.2rem;
	}
	
	.banner-contact .title {
		font-size:1.8rem;
	}
	.banner-contact .times {
		font-size:1.2rem;
	}
}