@charset "utf-8";


html {
  font-size: 100%;
  width: 100%;
}

body {
  font-family: '小塚ゴシック Pro', "YuGothic", "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
  font-size: 20px;
  margin: 0 auto;
  color: #333;
  color: #333333;
  width: 750px;
  max-width: 100%;
  line-height: 1.5;
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  display: block;
  color: #333;
}

p {
  margin-top: 0px;
  margin-bottom: 0px;
}

div img {
  vertical-align: top;
  width: 750px;
}

.center {
  text-align: center !important;
}

.offer1 {
  position: relative;
}

.btn1 {
  position: absolute;
  top: 82%;
  margin: 0 auto;
  z-index: 10;
}

.btn1 img {
  width: 95%;
  z-index: 10;
}

.offer2 {
  position: relative;
}

.btn2 {
  position: absolute;
  top: 82%;
  margin: 0 auto;
}

.btn2 img {
  width: 95%;
  margin: 0 auto;
}

.offer3 {
  position: relative;
}

.btn3 {
  position: absolute;
  top: 82%;
  margin: 0 auto;
}

.btn3 img {
  width: 95%;
  margin: 0 auto;
}

.teian img, .beforeafter1 img, .beforeafter2 img .beforeafter3 img, .beforeafter4 img, .beforeafter5 img, .features1 img, .features2 img, .features3 img, .offer2 img, .voice1 img, .voice2 img, .voice3 img, .voice4 img, .voice5 img, .voice6 img, .voice7 img, .voice8 img, .recommend1 img, .recommend2 img, .recommend3 img, .recommend4 img, .recommend5 img, .flow1 img, .flow2 img, .flow3 img, .flow4 img, .profile img, .qa img, .about img {
  display: block !important;
}



.kirari {
  overflow: hidden;
}

.kirari::before {
  content: "";
  height: 100%;
  width: 30px;
  position: absolute;
  top: -180px;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -webkit-animation: kirari 2s ease-in-out infinite;
}

@keyframes kirari {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  75% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  76% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
} 


/* 地図 */

iframe {
  display: block;
  margin: 0 auto;
  width: 90%;
  padding-top: 0;
  padding-bottom: 1em;
}


.map {
  text-align: center;
  padding-top: 1em;
  font-size: 1.4em;
  padding-bottom: 1em;
  letter-spacing: 0.1em;
  width: 100%;
  margin: 0 auto;
  background: #FFFBFA;
}


footer {
  background-color: #C1ECE4;
  margin: 0 auto;
  text-align: center;
  line-height: 3;
}

footer p {
  margin-top: 0;
  margin-bottom: 0;
  color: #333;
  font-size: 14px;
  letter-spacing: 0.1em;
}

/* 追従ボタン */

.fixed {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
  text-align: right;
}

.fixed .btn_fix {
  display: inline-block;
  width: 100%;
}

.btn_fix img {
  max-width: 425px;
}



@media print,
screen and (min-width: 768px) {
  body .fixed {
    bottom: 5px;
    right: 5px;
  }
}



/* レスポンシブデザイン */
@media screen and (max-width: 768px) {


  .content {
    max-width: 100%;
  }

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

  footer {
    max-width: 100%;
    font-size: 0.4rem;
    height: 150px;
  }

  .fixed {
    text-align: center;
  }

  .btn_fix img {
    width: 98%;
  }

  iframe {
    display: block;
    margin: 0 auto;
    width: 90%;
    height: 250px;
    padding-bottom: 0;
  }

  .map {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-p {
    font-size: 13px;
  }

  .copy p {
    font-size: 0.7rem;
  }
}