@-webkit-keyframes page-top-arrow {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes page-top-arrow {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@media (min-width: 925px) {
  .br-sp {
    display: none;
  }
}

.br-pc {
  display: none;
}

@media (min-width: 925px) {
  .br-pc {
    display: block;
  }
}

body {
  font-size: 3.5vw;
  color: #998675;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
}

@media (min-width: 925px) {
  body {
    font-size: 12px;
  }
}

section {
  position: relative;
}

p, h1, h2, h3, h4, h5 {
  line-height: 1.5em;
}

.bold {
  font-weight: 700;
}

a {
  color: #F19AB0;
}

a.under {
  text-decoration: underline;
}

a.pink {
  color: #F19AB0;
}

@media (min-width: 925px) {
  a:hover {
    text-decoration: underline;
  }
}

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

.clear-fix {
  display: block;
  clear: both;
}

.page-header {
  background-color: #FDF2F5;
  position: relative;
}

@media (min-width: 925px) {
  .page-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 165px 0 20px;
  }
}

.page-header .head-title {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: center;
  width: 100%;
  color: #F19AB0;
  top: 30vw;
  left: 0;
  padding: 5vw 0;
}

@media (min-width: 925px) {
  .page-header .head-title {
    position: relative;
    background-color: transparent;
    width: 390px;
    top: 0;
    margin-right: 15px;
  }
}

.page-header .head-title.line2 {
  top: 25vw;
}

@media (min-width: 925px) {
  .page-header .head-title.line2 {
    top: 0;
  }
}

.page-header .head-title h1 {
  position: relative;
  display: inline-block;
  font-size: 150%;
}

@media (min-width: 925px) {
  .page-header .head-title h1 {
    display: block;
  }
}

@media (min-width: 925px) {
  .page-header .head-title p {
    font-size: 18px;
  }
}

@media (min-width: 925px) {
  .page-header .head-img {
    width: 610px;
    margin-left: 15px;
  }
}

@media (max-width: 925px) {
  .page-header.pink {
    background-color: #FBE1E7;
  }
  .page-header.yellow {
    background-color: #FFF8D6;
  }
  .page-header.white {
    background-color: #fff;
  }
}

.grad-back {
  background: -webkit-gradient(linear, left bottom, left top, from(#FDF2F5), to(#fff));
  background: linear-gradient(to top, #FDF2F5 0%, #fff 100%);
}

.round-box {
  border-radius: 20px;
  overflow: hidden;
}

.round-box.white {
  background-color: #fff;
}

.round-box.lpink {
  background-color: #FDF2F5;
}

.dash-box {
  position: relative;
  overflow: hidden;
  border-left: 3px solid #F19AB0;
  border-right: 3px solid #F19AB0;
  overflow: hidden;
  border-radius: 10px;
}

.dash-box::before {
  position: absolute;
  display: block;
  content: "";
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #f19ab0), color-stop(10%, rgba(241, 154, 176, 0)), color-stop(15%, rgba(241, 154, 176, 0)), color-stop(15%, #f19ab0), color-stop(20%, #f19ab0), color-stop(20%, rgba(241, 154, 176, 0)), color-stop(25%, rgba(241, 154, 176, 0)), color-stop(25%, #f19ab0), color-stop(30%, #f19ab0));
  background: linear-gradient(to right, #f19ab0 10%, rgba(241, 154, 176, 0) 10%, rgba(241, 154, 176, 0) 15%, #f19ab0 15%, #f19ab0 20%, rgba(241, 154, 176, 0) 20%, rgba(241, 154, 176, 0) 25%, #f19ab0 25%, #f19ab0 30%);
  width: 100%;
  height: 3px;
  left: 0;
  top: 0;
}

.dash-box::after {
  position: absolute;
  display: block;
  content: "";
  background: -webkit-gradient(linear, right top, left top, color-stop(10%, #f19ab0), color-stop(10%, rgba(241, 154, 176, 0)), color-stop(15%, rgba(241, 154, 176, 0)), color-stop(15%, #f19ab0), color-stop(20%, #f19ab0), color-stop(20%, rgba(241, 154, 176, 0)), color-stop(25%, rgba(241, 154, 176, 0)), color-stop(25%, #f19ab0), color-stop(30%, #f19ab0));
  background: linear-gradient(to left, #f19ab0 10%, rgba(241, 154, 176, 0) 10%, rgba(241, 154, 176, 0) 15%, #f19ab0 15%, #f19ab0 20%, rgba(241, 154, 176, 0) 20%, rgba(241, 154, 176, 0) 25%, #f19ab0 25%, #f19ab0 30%);
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
}

.box-shadow {
  -webkit-filter: drop-shadow(3px 3px 2px rgba(211, 151, 151, 0.75));
          filter: drop-shadow(3px 3px 2px rgba(211, 151, 151, 0.75));
}

.text-shadow {
  text-shadow: 0 0 3px #F482A3;
}

.text-deco-1 {
  color: #fff;
  text-shadow: 1px 1px 0 #F19AB0, -1px -1px 0 #F19AB0, -1px 1px 0 #F19AB0, 1px -1px 0 #F19AB0, 0px 1px 0 #F19AB0, -1px 0 #F19AB0, -1px 0 0 #F19AB0, 1px 0 0 #F19AB0;
}

.sec-title {
  color: #F19AB0;
  font-size: 3vw;
  font-weight: 700;
  text-align: center;
  margin-bottom: 7vw;
}

@media (min-width: 925px) {
  .sec-title {
    font-size: 150%;
    margin-bottom: 0;
  }
}

.sec-title img {
  width: 60vw;
}

.sec-title span {
  display: inline-block;
  position: relative;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 200%;
  padding-bottom: 3vw;
  margin-bottom: 3vw;
}

@media (min-width: 925px) {
  .sec-title span {
    font-size: 36px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
  }
}

.sec-title span::after {
  position: absolute;
  display: block;
  content: "";
  background-color: #F19AB0;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
}

.link-btn {
  display: block;
  position: relative;
  z-index: 2;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.2%209.7%22%20style%3D%22enable-background%3Anew%200%200%206.2%209.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23F19AB0%3Bstroke-width%3A2%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22layer_2_1_%22%3E%20%3Cg%20id%3D%22design%22%3E%20%3Cpolyline%20class%3D%22st0%22%20points%3D%220.7%2C0.7%204.8%2C4.8%200.7%2C8.9%20%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 2vw;
  background-position: center right 5vw;
  background-color: #fff;
  color: #F19AB0;
  font-size: 120%;
  font-weight: 700;
  text-align: center;
  padding: 3vw 0;
  border: 2px solid #F19AB0;
  border-radius: 50px;
}

@media (min-width: 925px) {
  .link-btn {
    overflow: hidden;
    background-size: 5px;
    background-position: center right 15px;
    font-size: 16px;
    padding: 15px 0;
  }
  .link-btn::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    width: 120%;
    height: 100%;
    background: #F19AB0;
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
            transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .link-btn:hover {
    color: #fff;
    text-decoration: none;
  }
  .link-btn:hover::before {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
            transform: skewX(-30deg) scale(1, 1);
  }
  .link-btn:hover::after {
    position: absolute;
    width: 5px;
    height: 10px;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    content: '';
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.2%209.7%22%20style%3D%22enable-background%3Anew%200%200%206.2%209.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A2%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22layer_2_1_%22%3E%20%3Cg%20id%3D%22design%22%3E%20%3Cpolyline%20class%3D%22st0%22%20points%3D%220.7%2C0.7%204.8%2C4.8%200.7%2C8.9%20%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
  }
}

.roll-btn {
  position: relative;
  display: block;
  z-index: 2;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.2%209.7%22%20style%3D%22enable-background%3Anew%200%200%206.2%209.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23F19AB0%3Bstroke-width%3A2%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22layer_2_1_%22%3E%20%3Cg%20id%3D%22design%22%3E%20%3Cpolyline%20class%3D%22st0%22%20points%3D%220.7%2C0.7%204.8%2C4.8%200.7%2C8.9%20%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 2vw;
  background-position: center right 5vw;
  background-color: #fff;
  color: #F19AB0;
  font-size: 120%;
  font-weight: 700;
  text-align: center;
  padding: 3vw 0;
  border: 2px solid #F19AB0;
  border-radius: 50px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

@media (min-width: 925px) {
  .roll-btn {
    overflow: hidden;
    background-size: 5px;
    background-position: center right 15px;
    font-size: 16px;
    padding: 15px 0;
  }
  .roll-btn::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    width: 120%;
    height: 100%;
    background: #F19AB0;
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
            transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .roll-btn:hover {
    text-decoration: none;
    background-position: center right 10px;
  }
  .roll-btn:hover .btn-text-in {
    margin-top: -18px;
  }
  .roll-btn:hover::before {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
            transform: skewX(-30deg) scale(1, 1);
  }
  .roll-btn:hover::after {
    position: absolute;
    width: 5px;
    height: 10px;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    content: '';
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%206.2%209.7%22%20style%3D%22enable-background%3Anew%200%200%206.2%209.7%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A2%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22layer_2_1_%22%3E%20%3Cg%20id%3D%22design%22%3E%20%3Cpolyline%20class%3D%22st0%22%20points%3D%220.7%2C0.7%204.8%2C4.8%200.7%2C8.9%20%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
  }
}

.roll-btn .btn-text {
  overflow: hidden;
  position: relative;
  display: inline-block;
}

@media (min-width: 925px) {
  .roll-btn .btn-text {
    max-height: 18px;
  }
}

.roll-btn .btn-text .btn-text-in {
  display: block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.roll-btn .btn-text .btn-text-hov {
  display: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

@media (min-width: 925px) {
  .roll-btn .btn-text .btn-text-hov {
    display: block;
    color: #fff;
  }
}

.img-btn {
  position: relative;
  display: block;
  background: url(../../img/btn_back_sp.svg) no-repeat center center/cover;
  width: 90%;
  max-width: 785px;
  text-align: center;
  color: #fff;
  font-size: 150%;
  font-weight: 700;
  border-radius: 50px;
  padding: 3vw 0;
  margin: 5vw auto;
}

@media (min-width: 925px) {
  .img-btn {
    overflow: hidden;
    background: url(../../img/btn_back.svg) no-repeat center center/cover;
    font-size: 250%;
    padding: 30px 0;
    margin: 30px auto;
  }
  .img-btn::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    width: 120%;
    height: 100%;
    background: #fff;
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
            transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .img-btn:hover {
    color: #F19AB0;
    text-decoration: none;
  }
  .img-btn:hover::before {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
            transform: skewX(-30deg) scale(1, 1);
  }
  .img-btn:hover::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2055.14%2021.79%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23F19AB0%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2.49px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%221.24%2012.54%2053.89%2012.54%2034.62%201.24%2034.62%2020.55%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
  }
}

.img-btn::after {
  position: absolute;
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2055.14%2021.79%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2.49px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%221.24%2012.54%2053.89%2012.54%2034.62%201.24%2034.62%2020.55%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  width: 7vw;
  height: 3vw;
  top: 0;
  bottom: 0;
  right: 10vw;
  margin: auto 0;
}

@media (min-width: 925px) {
  .img-btn::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2055.14%2021.79%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2.49px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%221.24%2012.54%2053.89%2012.54%2034.62%201.24%2034.62%2020.55%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    width: 50px;
    height: 18px;
    right: 180px;
  }
}

.pager {
  color: #F19AB0;
  font-size: 80%;
  text-align: center;
  line-height: 5vw;
}

@media (min-width: 925px) {
  .pager {
    font-size: 120%;
    line-height: 30px;
  }
}

.pager .prev {
  display: inline-block;
  position: relative;
  margin-left: 4vw;
}

@media (min-width: 925px) {
  .pager .prev {
    margin-left: 25px;
    margin-right: 15px;
  }
}

.pager .prev::before {
  position: absolute;
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.87%2022.16%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23F19AB0%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9_%E8%A9%B3%E7%B4%B0%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2213.37%200.5%200.5%2011.08%2013.37%2021.66%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 3vw;
  background-position: center;
  width: 3vw;
  height: 5vw;
  top: 0;
  left: -4vw;
}

@media (min-width: 925px) {
  .pager .prev::before {
    background-size: 12px;
    width: 12px;
    height: 21px;
    top: 5px;
    left: -20px;
  }
}

.pager .middle {
  display: inline-block;
  padding: 0 2vw;
  border: 1px solid #F19AB0;
}

@media (min-width: 925px) {
  .pager .middle {
    padding: 0 30px;
  }
}

.pager .next {
  display: inline-block;
  position: relative;
  margin-right: 4vw;
}

@media (min-width: 925px) {
  .pager .next {
    margin-right: 25px;
    margin-left: 15px;
  }
}

.pager .next::before {
  position: absolute;
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.87%2022.16%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23F19AB0%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9_%E8%A9%B3%E7%B4%B0%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%220.5%2021.66%2013.37%2011.08%200.5%200.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 3vw;
  background-position: center;
  width: 3vw;
  height: 5vw;
  top: 0;
  right: -4vw;
}

@media (min-width: 925px) {
  .pager .next::before {
    background-size: 12px;
    width: 12px;
    height: 21px;
    top: 5px;
    right: -20px;
  }
}

.page-nav {
  position: -webkit-sticky;
  position: sticky;
  z-index: 10;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  padding-top: 3vw;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  top: 15vw;
  left: 0;
}

@media (min-width: 925px) {
  .page-nav {
    top: 145px;
    padding-top: 0;
  }
}

.page-nav.hide {
  -webkit-transform: translateY(-200%);
          transform: translateY(-200%);
}

@media (min-width: 925px) {
  .page-nav.hide {
    -webkit-transform: translateY(-200px);
            transform: translateY(-200px);
  }
}

.page-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 925px) {
  .page-nav ul {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.page-nav ul li {
  position: relative;
  font-size: 120%;
  font-weight: 700;
  text-align: center;
  width: 50%;
}

@media (min-width: 925px) {
  .page-nav ul li {
    width: 20%;
    max-width: 215px;
    padding: 0 2px;
  }
  .page-nav ul li:first-of-type::after {
    display: none;
  }
  .page-nav ul li::after {
    position: absolute;
    content: "";
    display: block;
    background-color: #F19AB0;
    width: 2px;
    height: 50%;
    top: 25%;
    left: -1px;
  }
}

.page-nav ul li a {
  display: block;
  padding: 3vw 0;
}

@media (min-width: 925px) {
  .page-nav ul li a {
    padding: 10px 0;
  }
  .page-nav ul li a:hover {
    background-color: #F19AB0;
    color: #fff;
    text-decoration: none;
  }
}

.page-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-num li {
  margin: 0 2vw;
}

@media (min-width: 925px) {
  .page-num li {
    margin: 0 6px;
  }
}

.page-num a {
  color: #F19AB0;
}

.btn {
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 2;
  background-color: #fff;
  color: #F19AB0;
  font-weight: 700;
  text-align: center;
  padding: 3vw;
  border: 2px solid #F19AB0;
  border-radius: 50px;
}

@media (min-width: 925px) {
  .btn {
    background-size: 4px;
    background-position: center right 15px;
    font-size: 16px;
    padding: 15px 0;
  }
  .btn::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    width: 120%;
    height: 100%;
    background: #F19AB0;
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
            transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .btn:hover {
    color: #fff;
  }
  .btn:hover::before {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
            transform: skewX(-30deg) scale(1, 1);
  }
}

.sec-line {
  position: absolute;
  display: block;
  background-color: #F19AB0;
  width: 1px;
  height: 15vw;
  top: -5vw;
  left: 50%;
}

@media (min-width: 925px) {
  .sec-line {
    height: 90px;
    top: -30px;
  }
}

#price {
  padding: 10vw 0;
}

@media (min-width: 925px) {
  #price {
    padding: 70px 0;
  }
}

#price h2 {
  text-align: center;
  margin-bottom: 5vw;
}

@media (min-width: 925px) {
  #price h2 {
    margin-bottom: 80px;
  }
}

#price h2 img {
  width: 55vw;
}

@media (min-width: 925px) {
  #price h2 img {
    width: 340px;
  }
}

@media (min-width: 925px) {
  #price .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
  }
}

#price .round-box {
  background-color: #FDF2F5;
  color: #F19AB0;
  border: 2px solid #F19AB0;
  width: 90%;
  margin: 0 auto 3vw;
}

@media (min-width: 925px) {
  #price .round-box {
    width: 48%;
    margin: 0 0 25px;
  }
}

#price .round-box h3 {
  background-color: #F19AB0;
  color: #fff;
  font-size: 120%;
  font-weight: 700;
  text-align: center;
  padding: 2vw 0;
}

@media (min-width: 925px) {
  #price .round-box h3 {
    font-size: 200%;
    padding: 15px 0;
  }
}

#price .round-box table {
  width: 70%;
  font-size: 150%;
  margin: 5vw auto;
}

@media (min-width: 925px) {
  #price .round-box table {
    font-size: 250%;
    margin: 40px auto;
  }
}

#price .round-box table td {
  padding: 2vw;
}

@media (min-width: 925px) {
  #price .round-box table td {
    padding: 15px 0;
  }
}

#price .round-box table td span {
  font-size: 70%;
  margin-left: 5px;
}

#price .caution {
  text-align: center;
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 925px) {
  #price .caution {
    text-align: left;
    width: 430px;
    margin: 0 0 0 auto;
  }
}

#voice-slide {
  padding-bottom: 10vw;
}

#voice-slide h2 {
  text-align: center;
  color: #F19AB0;
  font-size: 150%;
  font-weight: 700;
  margin-bottom: 10vw;
}

@media (min-width: 925px) {
  #voice-slide h2 {
    font-size: 200%;
    margin-bottom: 40px;
  }
}

#voice-slide h2 img {
  width: 40vw;
  margin-bottom: 3vw;
}

@media (min-width: 925px) {
  #voice-slide h2 img {
    vertical-align: middle;
    width: 170px;
    margin-bottom: 0;
  }
}

#voice-slide .slide-wrap {
  margin-bottom: 10vw;
}

@media (min-width: 925px) {
  #voice-slide .slide-wrap {
    margin-bottom: 40px;
  }
}

#voice-slide .round-box {
  margin: 0 3vw;
}

@media (min-width: 925px) {
  #voice-slide .round-box {
    margin: 0 15px;
  }
}

#voice-slide .link-btn {
  width: 80%;
  max-width: 400px;
  margin: 0 auto;
}

.page-top {
  position: -webkit-sticky;
  position: sticky;
  display: block;
  z-index: 10;
  background: url(../img/top_back.svg) no-repeat center/cover;
  width: 20vw;
  height: 20vw;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 3vw;
  padding-top: 5vw;
  margin-left: auto;
  margin-right: 5vw;
  margin-bottom: 5vw;
  bottom: 5vw;
}

@media (min-width: 925px) {
  .page-top {
    font-size: 14px;
    width: 90px;
    height: 90px;
    padding-top: 20px;
  }
  .page-top:hover {
    text-decoration: none;
  }
  .page-top:hover img {
    -webkit-animation: page-top-arrow 0.8s infinite;
            animation: page-top-arrow 0.8s infinite;
  }
}

.page-top img {
  display: block;
  width: 4vw;
  margin: 0 auto 2vw;
}

@media (min-width: 925px) {
  .page-top img {
    width: 20px;
    margin: 0 auto 10px;
  }
}

@media (min-width: 925px) {
  #hospital {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

#hospital b {
  background-color: #FFE9A9;
}

#hospital .data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 90%;
  margin: 0 auto 5vw;
}

@media (min-width: 925px) {
  #hospital .data {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 50%;
    max-width: 625px;
    margin: 0 auto;
  }
}

#hospital .data h2 {
  width: 60vw;
  margin: 0 auto 5vw;
}

@media (min-width: 925px) {
  #hospital .data h2 {
    width: 310px;
    margin: 0;
  }
}

#hospital .data .add {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 70vw;
  margin-left: 5vw;
  width: auto;
}

#hospital .data table {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  color: #F19AB0;
  width: 100%;
  margin-bottom: 5vw;
}

@media (min-width: 925px) {
  #hospital .data table {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 130%;
  }
}

#hospital .data table tr {
  border-bottom: 2px solid #FDF2F5;
}

@media (min-width: 925px) {
  #hospital .data table tr {
    border-bottom: 2px solid #F19AB0;
  }
}

#hospital .data table th, #hospital .data table td {
  text-align: center;
  padding: 3vw 0;
}

@media (min-width: 925px) {
  #hospital .data table th, #hospital .data table td {
    padding: 25px 0 20px;
  }
}

#hospital .data table th:first-of-type, #hospital .data table td:first-of-type {
  width: 30vw;
}

@media (min-width: 925px) {
  #hospital .data table th:first-of-type, #hospital .data table td:first-of-type {
    width: 30%;
  }
}

#hospital .data ul {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  list-style-type: disc;
  padding-left: 5vw;
}

@media (min-width: 925px) {
  #hospital .data ul {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    padding-left: 25px;
  }
}

#hospital .data ul li {
  line-height: 1.5em;
}

#hospital .data .yoyaku {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 15vw;
}

@media (min-width: 925px) {
  #hospital .data .yoyaku {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    width: 90px;
  }
}

#hospital .map-wrap {
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 925px) {
  #hospital .map-wrap {
    width: 45%;
    max-width: 505px;
  }
}

#hospital .map {
  overflow: hidden;
  margin-bottom: 3vw;
}

@media (min-width: 925px) {
  #hospital .map {
    margin-bottom: 10px;
  }
}

#hospital .map iframe {
  width: 100%;
  height: 80vw;
}

@media (min-width: 925px) {
  #hospital .map iframe {
    height: 375px;
  }
}

#road-modal {
  display: none;
}

.roadmap {
  background-color: #fff;
  color: #998675;
  padding: 5vw 0;
}

@media (min-width: 925px) {
  .roadmap {
    padding: 50px 0;
  }
}

.roadmap h2 {
  border-left: 10px solid #998675;
  font-size: 5vw;
  padding-left: 3vw;
  margin-left: 10vw;
  margin-bottom: 5vw;
}

@media (min-width: 925px) {
  .roadmap h2 {
    border-left: 10px solid #F19AB0;
    color: #F19AB0;
    font-size: 250%;
    padding-left: 35px;
    margin-left: 60px;
    margin-bottom: 35px;
  }
}

.roadmap h2 .sub {
  font-size: 3.5vw;
}

@media (min-width: 925px) {
  .roadmap h2 .sub {
    font-size: 80%;
  }
}

.roadmap .road-step {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025.2%2012.6%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e6e6e6%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2212.21%2012.6%2025.2%200%200%200%2012.21%2012.6%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 5vw;
  background-position: top left 7vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 95%;
  border-top: 3px solid #e6e6e6;
  padding: 5vw 0;
  margin: 0 auto;
}

@media (min-width: 925px) {
  .roadmap .road-step {
    background-size: 25px;
    background-position: top left 50px;
    width: 90%;
    padding: 35px 10px;
  }
}

.roadmap .road-step:first-of-type {
  background: none;
  border: none;
}

.roadmap .road-step .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #998675;
  color: #fff;
  width: 8vw;
  height: 8vw;
  border-radius: 50px;
}

@media (min-width: 925px) {
  .roadmap .road-step .num {
    font-size: 150%;
    width: 40px;
    height: 40px;
    margin-left: 40px;
  }
}

.roadmap .road-step p {
  font-size: 90%;
  width: 45%;
}

@media (min-width: 925px) {
  .roadmap .road-step p {
    width: 50%;
    font-size: 150%;
    margin-left: 30px;
    margin-right: auto;
  }
}

.roadmap .road-step .road-img {
  width: 40%;
  max-height: 30vw;
}

@media (min-width: 925px) {
  .roadmap .road-step .road-img {
    width: 270px;
    max-height: 180px;
  }
}

.roadmap .road-step .road-img img {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 30vw;
}

@media (min-width: 925px) {
  .roadmap .road-step .road-img img {
    max-height: 180px;
  }
}

.coinmap {
  background-color: #fff;
  color: #998675;
  padding: 5vw 0;
}

@media (min-width: 925px) {
  .coinmap {
    padding: 50px 0;
  }
}

.coinmap h2 {
  border-left: 10px solid #998675;
  font-size: 5vw;
  padding-left: 3vw;
  margin-left: 10vw;
  margin-bottom: 5vw;
}

@media (min-width: 925px) {
  .coinmap h2 {
    border-left: 10px solid #F19AB0;
    color: #F19AB0;
    font-size: 250%;
    padding-left: 35px;
    margin-left: 60px;
    margin-bottom: 35px;
  }
}

.coinmap h2 .sub {
  font-size: 3.5vw;
}

@media (min-width: 925px) {
  .coinmap h2 .sub {
    font-size: 80%;
  }
}

.coinmap .road-step {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025.2%2012.6%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e6e6e6%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2212.21%2012.6%2025.2%200%200%200%2012.21%2012.6%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 5vw;
  background-position: top left 25vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 95%;
  padding: 5vw 0;
  margin: 0 auto;
}

@media (min-width: 925px) {
  .coinmap .road-step {
    background-size: 25px;
    background-position: top left 30%;
    width: 90%;
    padding: 35px 10px;
  }
}

.coinmap .road-step:first-of-type {
  background: none;
  border: none;
}

.coinmap .road-step.no-arrow {
  background: transparent;
}

.coinmap .road-step.line {
  border-top: 3px solid #e6e6e6;
  background-position: top left 7vw;
}

.coinmap .road-step .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #998675;
  color: #fff;
  width: 8vw;
  height: 8vw;
  border-radius: 50px;
}

@media (min-width: 925px) {
  .coinmap .road-step .num {
    font-size: 150%;
    width: 40px;
    height: 40px;
    margin-left: 40px;
  }
}

.coinmap .road-step .num.blank {
  opacity: 0;
}

.coinmap .road-step h3 {
  font-weight: 700;
  margin-bottom: 3vw;
}

@media (min-width: 925px) {
  .coinmap .road-step h3 {
    font-size: 180%;
  }
}

.coinmap .road-step h3 .sub {
  font-size: 90%;
}

@media (min-width: 925px) {
  .coinmap .road-step h3 .sub {
    font-size: 85%;
  }
}

.coinmap .road-step .text {
  width: 45%;
  margin-left: 3vw;
}

@media (min-width: 925px) {
  .coinmap .road-step .text {
    width: 55%;
    margin-left: 15px;
  }
}

.coinmap .road-step p {
  font-size: 90%;
}

@media (min-width: 925px) {
  .coinmap .road-step p {
    font-size: 140%;
  }
}

.coinmap .road-step .road-img {
  width: 40%;
  max-height: 30vw;
  margin-left: 3vw;
}

@media (min-width: 925px) {
  .coinmap .road-step .road-img {
    width: 270px;
    max-height: 180px;
    margin-left: 35px;
  }
}

.coinmap .road-step .road-img img {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 30vw;
}

@media (min-width: 925px) {
  .coinmap .road-step .road-img img {
    max-height: 180px;
  }
}

.coinmap .other {
  width: 90%;
  margin: 0 auto;
  border-top: 2px dotted #998675;
  padding-top: 3vw;
}

@media (min-width: 925px) {
  .coinmap .other {
    padding-top: 35px;
    padding-left: 45px;
  }
}

.coinmap .other a {
  color: #F19AB0;
  text-decoration: underline;
}

.coinmap .other p {
  margin-bottom: 3vw;
}

@media (min-width: 925px) {
  .coinmap .other p {
    font-size: 150%;
    margin-bottom: 30px;
  }
}

.coinmap .other .pink {
  color: #F19AB0;
  margin-bottom: 0;
}

nav {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 15vw;
  z-index: 10;
  top: 0;
  left: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

@media (min-width: 925px) {
  nav {
    height: 145px;
    padding-left: 50px;
  }
}

nav.hide {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

nav h1 {
  position: relative;
  margin: 2vw 5vw;
  z-index: 2;
}

@media (min-width: 925px) {
  nav h1 {
    display: inline-block;
    margin: 30px 0 0;
  }
}

nav h1 img {
  width: 30vw;
}

@media (min-width: 925px) {
  nav h1 img {
    width: 235px;
  }
}

nav .nav-btn {
  position: absolute;
  z-index: 3;
  width: 10vw;
  height: 10vw;
  cursor: pointer;
  z-index: 2;
  top: 2vw;
  right: 5vw;
  -webkit-transition: 1s;
  transition: 1s;
}

@media (min-width: 925px) {
  nav .nav-btn {
    display: none;
  }
}

nav .nav-btn .btn-ico {
  position: absolute;
  width: 10vw;
  height: 6vw;
  content: '';
  top: 2vw;
  -webkit-transition: 1s;
  transition: 1s;
}

nav .nav-btn span {
  display: inline-block;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #F19AB0;
  border-radius: 4px;
}

nav .nav-btn .btn-line1 {
  top: 0;
}

nav .nav-btn .btn-line2 {
  top: 48%;
}

nav .nav-btn .btn-line3 {
  bottom: 0;
}

nav .nav-btn.active .btn-line1 {
  -webkit-transform: translate(1vw, 3vw) rotate(-45deg);
          transform: translate(1vw, 3vw) rotate(-45deg);
  width: 10vw;
}

nav .nav-btn.active .btn-line2 {
  opacity: 0;
}

nav .nav-btn.active .btn-line3 {
  -webkit-transform: translate(1vw, -2.5vw) rotate(45deg);
          transform: translate(1vw, -2.5vw) rotate(45deg);
  width: 10vw;
}

nav .nav-menu {
  position: absolute;
  width: 100%;
  background-color: #FDF2F5;
  z-index: 1;
  opacity: 0;
  top: -200vh;
  left: 0;
  padding: 15vw 0;
  vertical-align: top;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

@media (min-width: 925px) {
  nav .nav-menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    opacity: 1;
    background-color: transparent;
    width: calc(100% - 285px);
    margin-top: 30px;
    top: 0;
    padding: 0;
    margin-right: 35px;
  }
}

nav .nav-menu.active {
  top: 0;
  opacity: 1;
}

nav .nav-menu .link-list {
  width: 55%;
  margin: 0 auto 5vw;
}

@media (min-width: 925px) {
  nav .nav-menu .link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 430px;
    margin: 0 auto;
  }
}

nav .nav-menu .link-list .link-ico {
  display: inline-block;
  position: relative;
  overflow: hidden;
  z-index: 2;
  vertical-align: middle;
  background-color: #fff;
  text-align: center;
  width: 10vw;
  height: 10vw;
  border: 2px solid #F19AB0;
  margin-right: 3vw;
  border-radius: 50px;
}

nav .nav-menu .link-list .link-ico::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 150%;
  height: 100%;
  background: #F19AB0;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: skewX(-30deg) scale(0, 1);
          transform: skewX(-30deg) scale(0, 1);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

@media (min-width: 925px) {
  nav .nav-menu .link-list .link-ico {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 5px;
  }
}

nav .nav-menu .link-list .link-ico.no1 {
  padding-top: 1vw;
}

@media (min-width: 925px) {
  nav .nav-menu .link-list .link-ico.no1 {
    padding-top: 9px;
  }
}

nav .nav-menu .link-list .link-ico.no1 img {
  width: 6vw;
}

@media (min-width: 925px) {
  nav .nav-menu .link-list .link-ico.no1 img {
    width: 35px;
  }
}

nav .nav-menu .link-list .link-ico.no2 {
  padding-top: 1.3vw;
}

@media (min-width: 925px) {
  nav .nav-menu .link-list .link-ico.no2 {
    padding-top: 14px;
  }
}

nav .nav-menu .link-list .link-ico.no2 img {
  width: 6vw;
}

@media (min-width: 925px) {
  nav .nav-menu .link-list .link-ico.no2 img {
    width: 30px;
  }
}

nav .nav-menu .link-list .link-ico.no3 {
  padding-top: 1.3vw;
}

@media (min-width: 925px) {
  nav .nav-menu .link-list .link-ico.no3 {
    padding-top: 14px;
  }
}

nav .nav-menu .link-list .link-ico.no3 img {
  width: 4.5vw;
}

@media (min-width: 925px) {
  nav .nav-menu .link-list .link-ico.no3 img {
    width: 19.5px;
  }
}

nav .nav-menu .link-list a {
  position: relative;
  display: block;
  font-size: 120%;
  font-weight: 700;
}

@media (min-width: 925px) {
  nav .nav-menu .link-list a {
    font-size: 115%;
    padding-bottom: 30px;
  }
  nav .nav-menu .link-list a:hover {
    text-decoration: none;
  }
  nav .nav-menu .link-list a:hover .ico-on {
    display: inline-block;
  }
  nav .nav-menu .link-list a:hover .ico-off {
    display: none;
  }
  nav .nav-menu .link-list a:hover .link-ico::before {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
            transform: skewX(-30deg) scale(1, 1);
  }
}

nav .nav-menu .link-list a .ico-on {
  display: none;
}

nav .nav-menu .link-list li {
  margin-bottom: 5vw;
  color: #F19AB0;
}

@media (min-width: 925px) {
  nav .nav-menu .link-list li {
    margin-bottom: 0;
  }
}

nav .nav-menu .has-sub {
  display: none;
}

@media (min-width: 925px) {
  nav .nav-menu .has-sub {
    display: block;
  }
}

nav .nav-menu .has-sub .sub-nav {
  display: none;
  position: absolute;
  width: 700px;
  padding-top: 15px;
  top: 110px;
  right: 25%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

nav .nav-menu .has-sub .sub-nav.active {
  display: block;
}

nav .nav-menu .has-sub .sub-nayami {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border-radius: 100px;
  padding: 20px 0 15px;
}

nav .nav-menu .has-sub .sub-nayami li {
  min-width: 90px;
  text-align: center;
  line-height: 1.8em;
  margin: 0 7px;
}

nav .nav-menu .has-sub .sub-nayami li img {
  width: 60px;
  margin-bottom: 10px;
}

nav .nav-menu .has-sub .sub-nayami a {
  padding-bottom: 0;
}

nav .nav-menu .nayami-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #F19AB0;
  font-size: 90%;
  text-align: center;
}

@media (min-width: 925px) {
  nav .nav-menu .nayami-list {
    display: none;
  }
}

nav .nav-menu .nayami-list li {
  background-color: #fff;
  width: 28%;
  margin: 0 2vw 5vw;
}

nav .nav-menu .nayami-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 4vw 0;
  height: 30vw;
}

nav .nav-menu .nayami-list li img {
  display: block;
  width: 13vw;
  height: 13vw;
  margin: auto auto 0;
}

nav .nav-menu .nav-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 5vw;
}

@media (min-width: 925px) {
  nav .nav-menu .nav-social {
    display: none;
  }
}

nav .nav-menu .nav-social img {
  width: 10vw;
  margin: 0 5vw;
}

nav .nav-menu .nav-tel {
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 2;
  background-color: #fff;
  border: 3px solid #F19AB0;
  text-align: center;
  width: 90%;
  margin: 0 auto;
  color: #F19AB0;
  border-radius: 100px;
  padding: 3vw 0;
}

@media (min-width: 925px) {
  nav .nav-menu .nav-tel {
    background-color: #FDF2F5;
    width: 365px;
    height: 85px;
    padding: 10px 0;
    margin: 0;
  }
  nav .nav-menu .nav-tel::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    width: 120%;
    height: 100%;
    background: #F19AB0;
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
            transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  nav .nav-menu .nav-tel:hover {
    color: #fff;
    text-decoration: none;
  }
  nav .nav-menu .nav-tel:hover::before {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
            transform: skewX(-30deg) scale(1, 1);
  }
  nav .nav-menu .nav-tel:hover .ico-off {
    display: none;
  }
  nav .nav-menu .nav-tel:hover .ico-on {
    display: inline-block;
  }
}

nav .nav-menu .nav-tel img {
  width: 7vw;
  margin-right: 3vw;
  vertical-align: middle;
}

@media (min-width: 925px) {
  nav .nav-menu .nav-tel img {
    width: 25px;
    margin-right: 10px;
  }
}

nav .nav-menu .nav-tel .ico-on {
  display: none;
}

nav .nav-menu .nav-tel p:last-of-type {
  font-size: 250%;
  font-weight: 900;
}

footer .foot-tel {
  background-color: #F19AB0;
  color: #fff;
  text-align: center;
  padding: 5vw 0;
}

@media (min-width: 925px) {
  footer .foot-tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 35px 0;
  }
}

footer .foot-tel .tel-text {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 150%;
}

@media (min-width: 925px) {
  footer .foot-tel .tel-text {
    text-align: left;
    font-size: 230%;
    margin-right: 70px;
  }
}

footer .tel-ban {
  display: block;
  background-color: #fff;
  color: #F19AB0;
  width: 90%;
  border-radius: 100px;
  margin: 5vw auto 0;
  padding: 3vw 0;
}

@media (min-width: 925px) {
  footer .tel-ban {
    width: 605px;
    margin: 0;
    padding: 15px 0;
  }
  footer .tel-ban:hover {
    color: rgba(241, 154, 176, 0.4);
    text-decoration: none;
  }
  footer .tel-ban:hover img {
    opacity: 0.4;
  }
}

footer .tel-ban img {
  width: 9vw;
  margin-right: 3vw;
  vertical-align: middle;
}

@media (min-width: 925px) {
  footer .tel-ban img {
    width: 35px;
    margin-right: 20px;
  }
}

footer .tel-ban p:nth-of-type(1) {
  font-weight: 700;
  font-size: 120%;
}

@media (min-width: 925px) {
  footer .tel-ban p:nth-of-type(1) {
    font-size: 150%;
  }
}

footer .tel-ban p:nth-of-type(2) {
  font-weight: 900;
  font-size: 250%;
}

@media (min-width: 925px) {
  footer .tel-ban p:nth-of-type(2) {
    font-size: 400%;
  }
}

footer .foot-nav {
  display: none;
}

@media (min-width: 925px) {
  footer .foot-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 30px 0;
  }
  footer .foot-nav .foot-logo {
    width: 215px;
    margin-right: 100px;
  }
  footer .foot-nav ul {
    -ms-flex-item-align: start;
        align-self: flex-start;
    padding: 15px;
  }
  footer .foot-nav ul li {
    margin-bottom: 25px;
    font-size: 130%;
    color: #998675;
  }
  footer .foot-nav ul:nth-of-type(2) {
    background: #FDF2F5;
    width: 245px;
    margin: 0 50px;
    border-radius: 20px;
  }
  footer .foot-nav ul:nth-of-type(2) li {
    font-size: 115%;
    margin-bottom: 15px;
    margin-left: 25px;
  }
  footer .foot-nav ul:nth-of-type(2) li:first-of-type {
    font-size: 130%;
    margin-bottom: 25px;
    margin-left: 0;
  }
  footer .foot-nav ul a {
    display: inline-block;
    position: relative;
  }
}

@media (min-width: 925px) and (min-width: 925px) {
  footer .foot-nav ul a {
    color: transparent;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #F19AB0), color-stop(50%, #998675));
    background: linear-gradient(to right, #F19AB0 50%, #998675 50%);
    background-position-x: 100%;
    background-size: 210% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  footer .foot-nav ul a::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #F19AB0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 0;
    height: 1px;
    bottom: -3px;
    left: 0;
  }
  footer .foot-nav ul a:hover {
    background-position-x: 0;
  }
  footer .foot-nav ul a:hover::before {
    width: 100%;
  }
}

@media (min-width: 925px) {
  footer .foot-nav .social-link a::before {
    display: none;
  }
  footer .foot-nav .social-link img {
    width: 28px;
    margin-right: 20px;
  }
}

footer .foot-copy {
  background-color: #FDF2F5;
  text-align: center;
  font-size: 80%;
  padding: 5vw 0;
}

@media (min-width: 925px) {
  footer .foot-copy {
    font-size: 115%;
    padding: 15px 0;
  }
}
/*# sourceMappingURL=style.css.map */