@charset "UTF-8";
@media screen and (min-width: 361px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 576px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 769px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 992px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 1040px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 1200px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 1240px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 1440px) {
  body {
    margin: 0;
  }
}
@media screen and (min-width: 1281px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 1439px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 1239px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 1199px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 1039px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 991px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 575px) {
  body {
    margin: 0;
  }
}
@media screen and (max-width: 360px) {
  body {
    margin: 0;
  }
}

@media screen and (max-width: 1199px) {
  .hidden-pc-down {
    display: none !important;
  }
}

@media screen and (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media screen and (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media screen and (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

@media screen and (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media screen and (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media screen and (min-width: 361px) {
  .hidden-xs-up {
    display: none !important;
  }
}

html {
  font-size: 62.5%;
}

html,
body {
  height: 100%;
}

ul,
ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ol {
  padding-left: 1.4em;
  list-style: none;
}
@media screen and (max-width: 767px) {
  ol {
    padding-left: 0.8em;
  }
}

dl {
  margin-bottom: 0;
}
dl dt {
  margin-bottom: 0;
}
dl dd {
  margin-bottom: 0;
}

a {
  transition: 0.3s all;
  color: #000;
  opacity: 1;
  transform: 0.3s all;
}
a:hover {
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  a:hover {
    color: inherit;
  }
}

h2 {
  position: relative;
  margin-bottom: 0;
}
h2 > span {
  display: inline-block;
}

img {
  max-width: 100%;
  height: auto;
}

p {
  margin-bottom: 0;
}

iframe {
  width: 100%;
}

sup {
  font-size: 90%;
  top: -0.4em;
}
sup.s {
  font-size: 62.5%;
  top: -0.5em;
}

figcaption {
  padding-top: 4px;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media screen and (min-width: 768px) {
  .breadcrumbs {
    width: 100%;
    padding: 0 20px;
  }
}

@media print, screen and (min-width: 768px) {
  .contents-wrap {
    width: 100%;
  }
  .Pagetop {
    right: 40px !important;
  }
}
.HeaderBody.is-fixed,
.header-fix-wrap {
  position: relative !important;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.damegecare {
  position: relative;
  margin: 0 auto;
  font-family: "Zen Kaku Gothic New", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans JP", "Noto Sans CJK JP", "Noto Sans Japanese", "Source Sans Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", sans-serif;
  font-size: 1.6rem;
  font-feature-settings: "palt";
  color: #000;
  overflow: hidden;
}
.damegecare .fadein {
  opacity: 0 !important;
  transition: opacity 0.4s linear, margin 0.4s linear;
  margin-top: 50px;
}
.damegecare .fadein.is-scroll {
  opacity: 1 !important;
  margin-top: 0 !important;
}
.damegecare .content-inner {
  position: relative;
  margin: 0 auto;
  padding: 0 20px;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .damegecare .content-inner {
    max-width: 900px;
  }
}
.damegecare section {
  position: relative;
  padding: 0 20px;
}
.damegecare .mv {
  margin: 0 auto;
  text-align: center;
}
.damegecare .mv-visual {
  position: relative;
  margin: 0 auto 50px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .damegecare .mv-visual {
    height: auto;
    margin-bottom: 30px;
    background: none;
  }
}
.damegecare .mv-visual img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.damegecare .mv-title {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 1020px;
  height: 100%;
  padding: 80px 20px;
  font-size: 4rem;
  font-weight: 500;
  text-align: left;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .damegecare .mv-title {
    padding: 20px 35px;
    font-size: 2.7rem;
    letter-spacing: 0.3em;
  }
}
.damegecare .mv-title small {
  display: block;
  font-size: 0.5em;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1em;
}
@media screen and (max-width: 767px) {
  .damegecare .mv-title small {
    font-size: 1.6rem;
  }
}
.damegecare .mv-copy {
  padding: 0 20px;
}
@media screen and (min-width: 768px) {
  .damegecare .mv-copy {
    max-width: 1020px;
  }
}
.damegecare .mv-copy h2 {
  margin: 0 auto 15px;
  font-size: 2.8rem;
  line-height: 1.4em;
}
@media screen and (max-width: 767px) {
  .damegecare .mv-copy h2 {
    font-size: 1.8rem;
  }
}
.damegecare .mv-copy p {
  font-size: 1.9rem;
}
@media screen and (max-width: 767px) {
  .damegecare .mv-copy p {
    font-size: 1.5rem !important;
    line-height: 2em;
  }
}
.damegecare .mv-copy p.info {
  margin: 0 auto 20px;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .damegecare .mv-copy p.info {
    font-size: 1.6rem;
  }
}
.damegecare .mv-copy p.note {
  margin-top: 50px;
  font-size: 1.1rem !important;
}
.damegecare .mv .staff {
  max-width: 755px;
}
.damegecare .ttl {
  position: relative;
  padding: 0 20px;
  text-align: center;
}
.damegecare .ttl h2 {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  font-size: 3.5rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.8em;
}
@media screen and (max-width: 767px) {
  .damegecare .ttl h2 {
    font-size: 2.5rem;
  }
}
.damegecare .ttl h2 small {
  display: block;
  font-size: 0.5em;
  font-weight: bold;
  line-height: 1em;
}
@media screen and (max-width: 767px) {
  .damegecare .ttl h2 small {
    font-size: 0.6em;
  }
}
.damegecare a[class^=btn-] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 48%;
  padding: 0.2em;
  color: #fff;
  text-decoration: none;
  border-radius: 9999px;
}
@media screen and (max-width: 767px) {
  .damegecare a[class^=btn-] {
    padding: 0.5em 0.2em;
  }
}
.damegecare a[class^=btn-] span {
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "Zen Kaku Gothic New", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans JP", "Noto Sans CJK JP", "Noto Sans Japanese", "Source Sans Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", sans-serif;
}
@media screen and (max-width: 767px) {
  .damegecare a[class^=btn-] span {
    font-size: 1.5rem !important;
  }
}
.damegecare .staff {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 100px auto 70px;
}
@media screen and (max-width: 767px) {
  .damegecare .staff {
    margin: 40px auto;
  }
}
.damegecare .staff-img {
  width: 75px;
}
@media screen and (max-width: 767px) {
  .damegecare .staff-img {
    width: 50px;
  }
}
.damegecare .staff-txt {
  width: calc(100% - 100px);
  text-align: left;
}
@media screen and (max-width: 767px) {
  .damegecare .staff-txt {
    width: calc(100% - 60px);
  }
}
.damegecare .staff-txt p {
  font-size: 1.7rem;
  line-height: 1.6em;
}
@media screen and (max-width: 767px) {
  .damegecare .staff-txt p {
    font-size: 1.2rem !important;
  }
}
.damegecare .staff-txt p.staff-data {
  font-size: 1.4rem !important;
}
@media screen and (max-width: 767px) {
  .damegecare .staff-txt p.staff-data {
    font-size: 1.2rem !important;
  }
}
.damegecare .staff-txt p.staff-name {
  margin-top: 10px;
  font-size: 1.4rem !important;
}
@media screen and (max-width: 767px) {
  .damegecare .staff-txt p.staff-name {
    font-size: 1.2rem !important;
  }
}
.damegecare .comment {
  max-width: 810px;
  margin: 0 auto;
}
.damegecare .comment .staff {
  align-items: center;
}
@media screen and (max-width: 767px) {
  .damegecare .comment .staff {
    margin: 40px auto;
  }
}
.damegecare .comment .staff-txt {
  position: relative;
  width: calc(100% - 75px);
  height: 0;
  padding-top: 20%;
  background: url(../img/baloon.png) center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .damegecare .comment .staff-txt {
    width: calc(100% - 50px);
    padding-top: 41%;
    background-image: url(../img/baloon_sp.png);
  }
}
.damegecare .comment .staff-txt p {
  position: absolute;
  top: 50%;
  left: 60px;
  width: calc(100% - 80px);
  padding: 20px;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .damegecare .comment .staff-txt p {
    left: 30px;
    width: calc(100% - 40px);
    padding: 10px;
  }
}
.damegecare .section {
  padding: 0 0 100px;
}
.damegecare .section-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  font-size: 2.5rem;
  text-align: center;
  background: url(../img/line.png) bottom center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .damegecare .section-ttl {
    font-size: 1.6rem;
  }
}
.damegecare .section-ttl img {
  width: 80px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .damegecare .section-ttl img {
    width: 60px;
  }
}
.damegecare .content-list {
  max-width: 740px;
  margin: 0 auto;
}
.damegecare .content-list-item {
  position: relative;
  width: 100%;
  padding: 0;
}
.damegecare .content-list-item:not(:last-child) {
  margin: 0 auto 70px;
}
@media screen and (max-width: 767px) {
  .damegecare .content-list-item:not(:last-child) {
    margin: 0 auto 40px;
  }
}
.damegecare .content-list-item .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .damegecare .content-list-item .row {
    align-items: flex-start;
  }
}
.damegecare .content-list-item .content-img {
  position: relative;
  width: 44%;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .damegecare .content-list-item .content-img {
    width: 100%;
    margin-bottom: 20px;
  }
}
.damegecare .content-list-item .content-txt {
  width: 50%;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .damegecare .content-list-item .content-txt {
    width: 100%;
  }
}
.damegecare .content-list-item .content-txt.full {
  width: 100%;
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .damegecare .content-list-item .content-txt.full {
    margin-top: 0;
  }
}
.damegecare .content-list-item h4 {
  margin: 0 auto;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.2em;
}
@media screen and (max-width: 767px) {
  .damegecare .content-list-item h4 {
    font-size: 1.9rem;
  }
}
.damegecare .content-list-item h4 > span {
  font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
  .damegecare .content-list-item h4 > span {
    font-size: 1.6rem !important;
  }
}
.damegecare .content-list-item p {
  font-size: 1.6rem;
  line-height: 1.7em;
}
@media screen and (max-width: 767px) {
  .damegecare .content-list-item p {
    font-size: 1.3rem !important;
  }
}
.damegecare .content-list-item p.name {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.4em;
  letter-spacing: -1px;
}
@media screen and (max-width: 767px) {
  .damegecare .content-list-item p.name {
    font-size: 1.7rem !important;
  }
}
.damegecare .content-list-item p.spec {
  margin: 5px auto 15px;
  font-size: 1.4rem !important;
  font-weight: 500;
  line-height: 1.4em;
  letter-spacing: normal;
}
@media screen and (max-width: 767px) {
  .damegecare .content-list-item p.spec {
    font-size: 1.1rem !important;
  }
}
.damegecare .content-list-item p.spec .price {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .damegecare .content-list-item p.spec .price {
    font-size: 1.6rem !important;
  }
}
.damegecare .content-list-item p.note {
  font-size: 1.4rem !important;
}
@media screen and (max-width: 767px) {
  .damegecare .content-list-item p.note {
    font-size: 1.1rem !important;
  }
}
.damegecare .content-list-item .kit dt {
  line-height: 1.7em;
}
@media screen and (max-width: 767px) {
  .damegecare .content-list-item .kit dt {
    font-size: 1.6rem !important;
  }
}
.damegecare .content-list-item .kit dd {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4em;
}
@media screen and (max-width: 767px) {
  .damegecare .content-list-item .kit dd {
    font-size: 1.7rem;
  }
}
.damegecare .content-list-item .kit dd::before {
  content: "・";
  display: inline-block;
}
.damegecare .content-list-item .kit dd small {
  font-size: 1.4rem !important;
}/*# sourceMappingURL=styles.css.map */