@charset "utf-8";
/* CSS Document */


/* For assistant Font */
/* <uniquifier>: Use a unique and descriptive class name
   <weight>: Use a value from 200 to 800 
*/

:root {
        --font-family: Assistant, sans-serif;
        --font-style: normal;
        --font-weight: 400;
        --font-weight-bold: 700;
        --font-scale: 1.0;
}
html {
  font-size: calc(var(--font-scale) * 62.5%);
  height: 100%;
}
nav{
  font-family: "Assistant", sans-serif;
  font-optical-sizing: auto;
  font-weight:600;
  font-style: normal;
        font-size: 1.3rem;
        letter-spacing: 0.06rem;
        line-height: calc(1 + 0.8 / var(--font-scale));
}
.carousel-caption {
  right: 8%;
  bottom: 10px;

}
.carousel-caption p{
	font-size: 1.2rem;
  	font-weight:300;
    letter-spacing: 0.15rem;
}
.with-shadow{
	text-shadow:4px 0px 3px rgba(0, 0, 0, 0.2);
}
footer{
	padding-top:6rem;
	padding-bottom:1rem;
  font-family: "Assistant", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
        font-size: 1.2rem;
        letter-spacing: 0.06rem;
        line-height: calc(1 + 0.8 / var(--font-scale));
}

.kudklogo{
	width:12rem;
}

/* For Navigation */
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.8);
}
.navbar-toggler{
	border:none;
}
.dropdown-menu {
  font-size: 1.2rem;
  color: #000000;
}

#contents{
	margin-top:3rem;
}
/* For Top image */
@media(max-width:768px) {
	.image-container{
		overflow:hidden;
		height:850px;
	}
	.image-container img{
		height:100%;
		width:auto;
		object-fit:cover;
	}
}

.main-text{
	font-family: "Meiryo UI,Yu Mincho,alba matte";
  	font-style: normal;
        font-size: 1.5rem;
        letter-spacing: 0.06rem;
        line-height:2.5rem;
}