@charset "UTF-8";
/* CSS Document */
.head-logo{
display: block;
height: 35px;
width: 50px;
margin: 0 10px;
}

h1.head-catch{
display:block;
font-size: 0.25rem;
}
.navbar-toggler
.navbar-dark .navbar-toggler-icon{
  /* 三本線 */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  position :fixed;
  top:20px;
  right:20px;
}

.navbar-dark .navbar-toggler{
  /* 枠線 */
border-color: rgba(255, 255, 255, 1);
    position: fixed;
    top: 15px;
    right: 15px;
    /*width: 40px;*/
    height: 40px;
}

.navbar-dark .navbar-brand{
  /* サイトタイトル */
  color: rgba(255, 255, 255, 1);
}
.navbar-nav li.nav-item{
padding-top: 0.2rem;
border-top: #ffffff 1px solid;
margin-top: 0.2rem;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
}




@media (min-width: 576px) {

}

@media (min-width: 768px) {
.head-logo{
display: block;
height: 80px;
width: 80px;
margin: 0 10px;
}

.navbar-nav li.nav-item {
    padding-top: 0;
    border-top: none;
    margin-top: 0;
}
h1.head-catch{
display:block;
font-size: 0.8rem;
width:100%;
marigin:auto;
}
.text-link{
font-size:0.8rem;
}
.text-link a{
color:#222222;
text-decoration: none;
}
.text-link a:before{
content:"■ ";
color:#126489;
}

ul.navbar-collapse {
width: 100%;
}
.navbar {
padding:0;
}
.navbar-nav {
width:100%;
}
li.nav-item{
width:calc( 100%/5 );
height: 2.6rem;
padding: 0.2rem;
margin: 0.1rem 0;
}
a.small2{
font-size:80%;
line-height: 1rem;
}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-brand{
	color:#126489;
	text-decoration:none;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-brand:hover{
	color:#126489;
	text-decoration:none;
}
.navbar-light .navbar-nav .nav-item:hover,
.navbar-light .navbar-brand:hover{
border-bottom:#126489 3px solid;
border-width: 80%;
}

.carousel-caption {
text-align: left;
left:5%;
}
.main-seal {
position: absolute;
bottom:20px;
right: 5%;
z-index: 20;
width:25%;
}
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}