@charset "UTF-8";
/*!
* Start Bootstrap - Bare v5.0.9 (https://startbootstrap.com/template/bare)
* Copyright 2013-2023 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-bare/blob/master/LICENSE)
*/
/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

 body, *{
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}

.footer-naminami{
  background-image: linear-gradient(90deg, rgba(145, 175, 175, 1), rgba(188, 146, 166, 1));
  color:#FFF;
}
.tit-naminami-bg{
  background-image: url("https://naminamicl.jp/wp-content/themes/naminamicl.jp/img/concept-img01.jpg;");
  background-repeat: none;
  background-size: cover;
  background-position:center;
}

.tit-naminami{
  background-color:#7898A9;
}
.tit-naminami h1{
  color: #FFF;
  font-size: 0.975rem ;
  letter-spacing: 0.1em;
}
.subtit-naminami h2{
  color: #7898A9;
  font-size: 1.2rem;
  margin-top: 1rem;
  margin-bottom: 0.8rem;
}
.subtit-naminami h2 span{
  vertical-align: middle;
  margin-left: 1rem;
  display: inline-block;
  font-size: 0.75rem;
  border: 1px solid #7898A9;
  padding: 0.3rem;
  border-radius: 0.2rem;
}

.subtit-naminami p{
  color: #333;
  font-size: 0.8rem;
  margin-bottom: 1rem;
}

#naminami_nav{
  border-bottom: 2px solid #7898A9;
  margin: 3rem 0 auto;
  display: flex;
}
#naminami_nav .nav-item{
  width: 49%;
  border: none;
}

#naminami_nav button{
  width: 100%;
  display: flex;
  justify-content: center;
  border-radius: 10px 10px 0 0;
  background-color: #E6E6E6;
  padding: 1rem;
  font-weight: 500;
  color: #A6A6A6;
  border: 0;
  letter-spacing: 0.5em;
}
#naminami_nav button i{
  margin-left: 0.8rem;
}

#naminami_nav .active{
  background-color: #7898A9;
  color: #FFF;
}

#naminami_nav_content .accordion{
  --bs-accordion-border-color: #D6D6D6;
  --bs-accordion-border-radius:0rem 0rem 0.375rem 0.375rem;
  --bs-accordion-active-color:#333;
  color: #333;
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  color: #333;
}

.accordion-button:not(.collapsed) {
  background-color: #FFF;
  border-bottom: #D6D6D6 1px dotted;
  border-top: none;
  border-left: none;
  border-right: none;
  color: #7898A9 !important;
  font-weight: 550;
  box-shadow:none
}
.accordion-button:focus {
  z-index: 3;
  border-color: none;
  outline: 0;
  box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
  color: #333 !important;
}
.accordion-naminami ul{
  width: 100%;
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}
.accordion-naminami ul li{
  padding: 0.8rem 0.8rem;
  border-bottom: #D6D6D6 1px dotted;
  background-color: #F5F5F5;
  font-size: 0.85rem;
}
.accordion-naminami ul li:last-child{
  border-bottom: 0;
}
.btn-nami{
  display: flex;
  width: 30% !important;
  padding: 0.5rem 0.5rem 0.5rem 0.8rem;
  background-color:#7898A9;
  border-radius: 5px;
  color: #FFF;
  text-decoration: none;
  font-size: 0.85rem;
  margin-left: 0.5rem;
}
.btn-nami:active,.btn-nami:hover{
  color: #FFF;
  background-color:#345C71;
}

@media (max-width: 599px) {
  .tit-naminami h1{
    font-size: 1.2rem;
    line-height: 1.8;
  }
  .subtit-naminami h2{
    font-size: 1.1rem;
  }
}
.fs-7{
  font-size: 0.7rem;
  color: #FFF;
}