@charset "UTF-8";
/* カスタムプロパティ */
:root {
  --main-bg-color: #77A70D;
  --sub-bg-color: #9DD219;
  --header-color: #525252;
  --border-color: #1EBDBD;
  --title-txt-color: #525252;
  --title-txt-color-2: #fff;
  --sub-txt-color: #525252;
  --sub-txt-color-2: #e8520b;
  --sub-txt-color-3: #FF006F;
  --sub-txt-color-4: #E8412E;
  --normal-txt-color: #525252;
  --normal-txt-color-2: #000;
  --normal-txt-color-3: #DC412E;
  --main-margin: 50px 0 50px 0;
}

.button {
  --button-bg-color: #9DD219;
  --button-bg-color-2: #ff006f;
  --button-f-color: #FFF;
  --button-f-size-1: 20px;
  --button-f-size-2: 18px;
  --button-border-r: 5px;
}

.counseling {
  --c-border-color: #77A70D;
  --c-bg-color: #def73e;
  --c-bg-color-2: #ff006f;
  --c-txt-color: #000;
  --c-txt-color-2: #525252;
}

.campaign {
  --obi-txt-color: #fff;
  --obi-bg-color: #e8412e;
  --obi-border-color: #f7c6bd;
  --middle-txt-color: #e8412e;
  --under-txt-color: #000;
}

header .navbar {
  background-color: var(--header-color);
  opacity: 0.98;
  max-width: 600px;
  margin: 0 auto;
}
header .navbar .container-fluid .navbar-toggler {
  background-color: var(--header-color);
}
header .collapse-content {
  background-color: var(--header-color);
}

.maintitle {
  margin-top: 56px;
}
.maintitle .title {
  background-color: var(--main-bg-color);
  color: var(--title-txt-color-2);
  font-size: 25px;
  font-weight: bolder;
  line-height: 1.6;
  text-shadow: 0 0 2px #000;
}
.maintitle .title .title2 {
  font-size: 32px;
  text-shadow: 0 0 2px #000;
}

.maintitle .title-price {
  background-color: var(--main-bg-color);
  color: var(--title-txt-color-2);
  font-size: 25px;
  font-weight: bolder;
  line-height: 1.2;
  text-shadow: 0 0 2px #000;
}
.maintitle .title-price .title2 {
  font-size: 32px;
  text-shadow: 0 0 2px #000;
}

.carousel-inner .carousel-item {
  height: 400px;
}
.carousel-inner .carousel-item-top {
  height: 72px;
  line-height: 72px;
  font-size: 26px;
  font-weight: bolder;
  color: #525252;
  background-color: #9DD219;
  opacity: 0.9;
}
.carousel-inner .carousel-item-bottom {
  height: 77px;
  font-size: 22px;
  font-weight: bolder;
  color: #e8520b;
  background-color: #9DD219;
  opacity: 0.9;
}
.carousel-inner .carousel-item img {
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 400px) {
  .carousel-inner .carousel-item {
    height: 600px;
  }
  .carousel-inner .carousel-item-bottom {
    height: 130px;
    font-size: 25px;
  }
}
.price-button {
  border-top: 3px solid #525252;
}

.problem-title {
  background-color: var(--sub-bg-color);
  color: var(--sub-txt-color-2);
  font-weight: bolder;
}

.agitation-title {
  background-color: var(--sub-bg-color);
  color: var(--sub-txt-color-2);
  font-weight: bolder;
}

.solution-title {
  background-color: var(--sub-bg-color);
  color: var(--sub-txt-color-2);
  font-weight: bolder;
}

.narrow-title {
  background-color: var(--sub-bg-color);
  color: var(--sub-txt-color-2);
  font-weight: bolder;
}

.action-title {
  background-color: var(--sub-bg-color);
  color: var(--sub-txt-color-2);
  font-weight: bolder;
}

.time {
  margin-top: 20px;
  padding: 30px 0 20px;
}

footer .navbar2 {
  background-color: var(--header-color);
}
footer .navbar2 .container-fluid .navbar-brand {
  font-size: 15px;
}

.pricing {
  border-top: 3px solid #525252;
  border-bottom: 3px solid #525252;
}

.price-course-title {
  background-color: var(--sub-bg-color);
  color: var(--sub-txt-color);
  font-weight: bolder;
  height: 85px;
  line-height: 85px;
}
.price-course-title2 {
  background-color: var(--sub-bg-color);
  color: var(--sub-txt-color);
  font-weight: bolder;
}
.price-course-title-sub {
  color: var(--sub-txt-color);
  height: 60px;
  line-height: 60px;
}
.price-course-title-sub2 {
  color: var(--sub-txt-color);
}

.detail {
  margin-top: 56px;
  border-top: 3px solid #525252;
  border-bottom: 3px solid #525252;
}

.lowerBody-title {
  background-color: var(--main-bg-color);
  color: #fff;
  text-shadow: 0 0 3px #000;
}

.UpperBody-title {
  background-color: var(--main-bg-color);
  border-top: 3px solid #525252;
  color: #fff;
  text-shadow: 0 0 3px #000;
}

.detail-parts-title {
  background-color: var(--sub-bg-color);
  color: var(--sub-txt-color);
  font-weight: bolder;
  height: 60px;
  line-height: 60px;
}

.staff {
  margin-top: 56px;
  border-top: 3px solid #525252;
  border-bottom: 3px solid #525252;
}

.staffs .staff-one {
  background-color: var(--main-bg-color);
  color: #fff;
  text-shadow: 0 0 3px #000;
}

.reserve {
  margin-top: 56px;
  border-top: 3px solid #525252;
  border-bottom: 3px solid #525252;
}

.reserve-top-title {
  background-color: var(--main-bg-color);
  color: #fff;
  text-shadow: 0 0 3px #000;
}
.reserve-top-title2 {
  background-color: var(--main-bg-color);
  color: #fff;
  text-shadow: 0 0 3px #000;
  border-top: 3px solid #525252;
}

.customer-voice {
  margin-top: 56px;
  border-top: 3px solid #525252;
  border-bottom: 3px solid #525252;
}

.reserve-top-title {
  background-color: var(--main-bg-color);
  color: #fff;
  text-shadow: 0 0 3px #000;
}
.reserve-top-title2 {
  background-color: var(--main-bg-color);
  color: #fff;
  text-shadow: 0 0 3px #000;
  border-top: 3px solid #525252;
}

/* リセットCSS */
/* カスタムプロパティ */
/* CSS */
.selector-for-some-widget {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

body {
  max-width: 600px;
  margin: 0 auto;
}
/*# sourceMappingURL=style.css.map */