@charset "UTF-8";
/* CSS Document */
body{
font-family: 'Nunito Sans', sans-serif;
}

.top img{
width: 100%;
}

h2{
margin-top: 50px;
letter-spacing: 0.2em;
}

h3{
margin: 30px 0px;
color: #C6A75C;
font-size: 1em;
letter-spacing: 0.2em;
}


a {
text-decoration: none!important;
}

.navbar{
margin-top: 20px;
}



.n-iconbox img{
width: 20px;
margin-top: 10px;
}

.con a {
text-decoration: none!important;
display: inline-block;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
.con a:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}



.slide{
margin-top: 40px;	
}

.loop_wrap {
display: flex;
width: 100%;
height: 300px;
overflow: hidden;
}

.loop_wrap img {
width: auto;
height: 100%;

}

@keyframes loop {
0% {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}

@keyframes loop2 {
0% {
transform: translateX(0);
}
to {
transform: translateX(-200%);
}
}

.loop_wrap img:first-child {
animation: loop 50s -25s linear infinite;
}

.loop_wrap img:last-child {
animation: loop2 50s linear infinite;
}



.telbox img{
width: 70%;
}



.line1{
width: 120px;
text-align: center;
margin: 0 auto;
}

.hr1 {
width: 60%;
border: solid 0.5px #929292;
text-align: left;
}

.hr2 {
width: 60%;
border: solid 0.5px #929292;
text-align: right;
margin-right: 0px;
margin-top: -10px;
}

#about{
margin-top: 20px;
}

#about p{
text-align: left;
margin-top: 40px;
letter-spacing: 0.2em;
line-height: 2.6em;
}


.map{
margin-top: 30px;
margin-bottom: -10px;	
}

.iconbox img{
width: 30px;
}


.footnavi{
background-color: #A6BAB1;
text-align: center;
padding: 20px 0px;
width: 100%;
}

.footnavi a{
color: #FFF;
}

.fnaviinner{
padding: 10px 0px;
text-align: center;
margin: 0 auto;
display:inline-block;
}

.fnaviinner col-mb-2{
margin:0px 10px;
}

.center{
text-align: center!important;
margin: 0 auto!important;

}




.copylite p{
font-size: 0.8em;
margin-top: 10px;
}