@charset "utf-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p');
hhtml, body {
  color: #434f5e;
  font-size: 16px; 
  font-family: "M PLUS 1p";
}
.wf-mplus1p { font-family: "M PLUS 1p"; }
body {
  border-top: 0px solid #617084;
}
/* header area */
#headerTop {
  background-color:#617084;
  border-bottom: 1px solid #fff;
  color: #ffffff;
  font-size: 0.7rem;
}
#headerTop .site-description span {
  white-space: nowrap;
}
#headerTop .site-contact  {
  white-space: nowrap;
}
#headerNav {
  background-color:#617084;
  color: #ffffff;
}
#headerNav .navbar-brand {
  font-size: 1.8rem;
  font-weight: bold;
  background-color:#617084;
  color: #ffffff;
}

#headerNav .navbar-toggler{
  /* 枠線 */
  border-color: rgba(255,255,255, 0.7);
}
#headerNav .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,0.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
#headerNav .nav-link {
  text-decoration: none; 
  color: #fff;
  background-image: linear-gradient(90deg, #fff, #fff);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  transition: background-size 0.6s;
}
#headerNav .nav-link:hover {
  color: #ccc;
  background-size: 100% 1px;
}
@media (max-width: 992px){
  #headerNav .navbar-nav:first-child {
    padding-top:10px;
  }
}
@media (max-width: 992px){
  #headerNav .nav-link {
    background-position: right bottom;
  }
}
/* scroll top */
.scroll-top a {
  font-size: 50px;
  text-decoration: none; 
  color: #617084;
}
/* footer area */
#footer {
  background-color:#617084;
}
#footer nav a {
  /*display: block;*/
  text-decoration: none; 
  color: #fff;
  background-image: linear-gradient(90deg, #fff, #fff);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  transition: background-size 0.6s;
}
#footer nav a:hover {
  color: #ccc;
  background-size: 100% 1px;
}
#footer .footer-profile {
  color: #fff;
}
#footer .footer-profile .address,
#footer .footer-profile span {
  font-size: 0.8rem;
}
#footer .footer-last {
  background-color:#617084;
}
#footer small {
  font-size: 0.8rem;
  color: #ffffff;

}
/* main contents area */
#main {
  font-size: 18px;
  line-height: 1.7em;
}
#main h2 {
  font-weight: bold;
  font-size: 1.2rem;
}
#main article h2 {
  color: #617084;
}
.bi-arrow-up-square-fill {
  opacity: 0.5;
 }
th[scope*="row"] {
  font-weight: normal;
}
table.table {
  border-top: 2px solid #eee;
}
#carouselSlide .carousel-indicators button {
  height: 10px;
  background-color:#617084;
 }
#carouselSlide .carousel-indicators button.active {
  background-color:#fff;
  opacity: 0.5;
 }
#carouselSlide .carousel-caption {
  background-color:#fff;
  opacity: 0.7;
  color: #000;
 }
 /* contact submit */
 #ErrorMessageBlock .card {
   border: 0;
 }
 #contactForm input[type="submit"] {
  padding:5px 20px;
  color:#617084;
  background: #fff;
  border:solid 1px #617084;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
}
#contactForm input[type="submit"]:hover {
  color: #fff;
  background: #617084;
}
.bi-lightbulb {
  color: #db8438;
}