@charset "UTF-8";
@keyframes page-top-arrow {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(0); } }
.top-header {
  position: relative;
  background-color: #FDF2F5;
  color: #fff;
  font-family: "M PLUS Rounded 1c", sans-serif; }
  .top-header .kumo {
    display: none; }
    @media (min-width: 925px) {
      .top-header .kumo {
        display: inline-block;
        position: absolute;
        width: 135px;
        left: 3%;
        bottom: 145px; } }

.top-img {
  position: relative;
  overflow: hidden;
  height: 125vw; }
  @media (min-width: 925px) {
    .top-img {
      height: 750px; } }
  .top-img img {
    object-fit: cover;
    height: 125vw; }
    @media (min-width: 925px) {
      .top-img img {
        height: 750px; } }
    .top-img img.right {
      object-position: 80% 50%; }
    .top-img img.left {
      object-position: 20% 50%; }
  .top-img::after {
    content: "";
    display: block;
    position: absolute;
    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%201280%2035.25%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23FDF2F5%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%E8%83%8C%E6%99%AF%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M-6932.59-4213.8c-99.27%2C7.68-128.52%2C26.87-274.57%2C26.87-182.63%2C0-182.63-30-365.26-30s-182.62%2C30-365.25%2C30c-146.13%2C0-175.33-19.21-274.74-26.89v32.14h1280%22%20transform%3D%22translate(8212.41%204216.93)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 100vw;
    background-position: bottom -1px left;
    padding-bottom: 15vw;
    width: 100vw;
    height: 15vw;
    bottom: -1px;
    left: 0; }
    @media (min-width: 925px) {
      .top-img::after {
        padding-bottom: 100px; } }
    @media (min-width: 925px) {
      .top-img::after {
        height: 100px; } }

.top-text {
  position: absolute;
  width: 75%;
  top: 25vw;
  left: 6vw; }
  @media (min-width: 925px) {
    .top-text {
      transform: none;
      top: 220px;
      left: 5%;
      width: 520px; } }
  .top-text p {
    width: 50vw; }
    @media (min-width: 925px) {
      .top-text p {
        width: 325px; } }

.top-ban {
  margin-top: -15vw; }
  @media (min-width: 925px) {
    .top-ban {
      margin-top: -110px; } }
  .top-ban ul {
    position: relative;
    display: flex;
    width: 90%;
    margin: 0 auto; }
    @media (min-width: 925px) {
      .top-ban ul {
        width: 80%;
        max-width: 1000px; } }
    @media (min-width: 925px) {
      .top-ban ul li {
        width: 165px; } }

main section {
  padding: 7vw 0; }
  @media (min-width: 925px) {
    main section {
      padding: 50px 0; } }

#info {
  background-color: #FDF2F5; }
  #info .kumo {
    display: none; }
    @media (min-width: 925px) {
      #info .kumo {
        display: inline-block;
        position: absolute; }
        #info .kumo.left {
          width: 275px;
          left: -3%;
          bottom: 55px; }
        #info .kumo.right {
          width: 270px;
          right: 3%;
          top: -75px; } }
  #info .title {
    margin-bottom: 7vw; }
    @media (min-width: 925px) {
      #info .title {
        float: left;
        margin-bottom: 25px;
        margin-top: 20px; } }
    #info .title h2 img {
      width: 50vw;
      margin-bottom: 1vw; }
      @media (min-width: 925px) {
        #info .title h2 img {
          width: 275px;
          margin-bottom: 20px; } }
    #info .title p {
      color: #F19AB0;
      font-weight: 700; }
      @media (min-width: 925px) {
        #info .title p {
          color: #998675;
          font-size: 16px; } }
  #info dl {
    font-weight: 700; }
    @media (min-width: 925px) {
      #info dl {
        float: right;
        width: calc(100% - 310px);
        max-width: 570px; } }
    #info dl dt {
      float: left;
      color: #998675; }
      @media (min-width: 925px) {
        #info dl dt {
          font-size: 16px; } }
    #info dl dd {
      position: relative;
      border-bottom: 1px solid #F19AB0;
      padding-left: 25vw;
      margin-bottom: 3vw; }
      @media (min-width: 925px) {
        #info dl dd {
          font-size: 16px;
          padding-left: 120px;
          margin-bottom: 25px; }
          #info dl dd:last-of-type {
            margin-bottom: 0; } }
      #info dl dd::before {
        content: "";
        display: block;
        position: absolute;
        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%2014.29%2011.33%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23F19AB0%3Bstroke-width%3A2px%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%3Cline%20class%3D%22cls-1%22%20y1%3D%225.66%22%20x2%3D%2212.6%22%20y2%3D%225.66%22%2F%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%226.28%200.79%2012.64%205.67%206.28%2010.54%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top center;
        width: 3vw;
        height: 100%;
        top: 0;
        right: 0; }
        @media (min-width: 925px) {
          #info dl dd::before {
            width: 12px; } }
      #info dl dd::after {
        content: "";
        display: block;
        clear: both; }
    #info dl a {
      display: inline-block;
      position: relative;
      color: #F19AB0;
      margin-bottom: 3vw; }
      @media (min-width: 925px) {
        #info dl a {
          color: transparent;
          background: linear-gradient(to right, #998675 50%, #F19AB0 50%);
          background-position-x: 100%;
          background-size: 210% 100%;
          background-clip: text;
          -webkit-background-clip: text;
          margin-bottom: 20px;
          transition: 0.5s; }
          #info dl a::before {
            content: "";
            display: block;
            position: absolute;
            background-color: #998675;
            transition: 0.5s;
            width: 0;
            height: 1px;
            bottom: -3px;
            left: 0; }
          #info dl a:hover {
            background-position-x: 0; }
            #info dl a:hover::before {
              width: 100%; } }
  #info .round-box {
    width: 90%;
    padding: 5vw;
    margin: 0 auto;
    position: relative; }
    @media (min-width: 925px) {
      #info .round-box {
        width: 80%;
        max-width: 1000px;
        padding: 30px; }
        #info .round-box::after {
          content: "";
          display: block;
          clear: both; } }
  #info .roll-btn {
    width: 50vw;
    margin: 0 auto; }
    @media (min-width: 925px) {
      #info .roll-btn {
        float: left;
        margin: 0;
        width: 175px; } }

#greet {
  background-color: #F2F2F2; }
  @media (min-width: 925px) {
    #greet {
      background: url(../../img/index/incho.jpg) no-repeat center left 40%/cover;
      padding: 0px; } }
  #greet div {
    position: relative;
    overflow: hidden;
    width: 80%;
    max-width: 1100px;
    margin: 0 auto; }
    @media (min-width: 925px) {
      #greet div {
        padding: 40px 0; } }
  #greet .incho-pic {
    margin-bottom: 10vw; }
    @media (min-width: 925px) {
      #greet .incho-pic {
        display: none; } }
  #greet h2 {
    position: relative;
    text-align: center;
    margin-bottom: 5vw; }
    @media (min-width: 925px) {
      #greet h2 {
        font-size: 19px;
        text-align: left;
        margin-left: 50%;
        margin-bottom: 40px; } }
    #greet h2 img {
      width: 50vw;
      margin-bottom: 0; }
      @media (min-width: 925px) {
        #greet h2 img {
          width: 180px; } }
  #greet p {
    position: relative;
    margin-bottom: 5vw;
    line-height: 2.25em; }
    @media (min-width: 925px) {
      #greet p {
        font-size: 16px;
        margin-left: 50%;
        margin-bottom: 40px; } }
    #greet p:last-of-type {
      font-weight: 700;
      text-align: right; }

#mshiki {
  background-color: #FDF2F5;
  padding-bottom: 10vw; }
  @media (min-width: 925px) {
    #mshiki {
      background: url(../../img/kumo_line.svg) no-repeat top 475px left 1%/270px, url(../../img/kumo_line.svg) no-repeat bottom 315px right/270px, url(../../img/kumo_line.svg) no-repeat bottom 175px left 30%/235px;
      background-color: #FDF2F5;
      padding-bottom: 150px; } }
  #mshiki .m-ban {
    position: relative;
    background-color: #fff;
    width: 90%;
    margin: 0 auto 5vw;
    border-radius: 10px; }
    @media (min-width: 925px) {
      #mshiki .m-ban {
        max-width: 1200px;
        margin: 0 auto 135px; } }
    #mshiki .m-ban a {
      display: block;
      padding: 5px; }
      @media (min-width: 925px) {
        #mshiki .m-ban a {
          display: flex;
          padding: 20px; }
          #mshiki .m-ban a:hover {
            text-decoration: none; }
            #mshiki .m-ban a:hover .fit {
              transform: scale(1.1); }
            #mshiki .m-ban a:hover .m-btn {
              color: #fff; }
              #mshiki .m-ban a:hover .m-btn::before {
                transform-origin: left top;
                transform: skewX(-30deg) scale(1, 1); }
              #mshiki .m-ban a:hover .m-btn::after {
                position: absolute;
                width: 5px;
                height: 10px;
                top: 0;
                bottom: 0;
                right: 20px;
                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; } }
      #mshiki .m-ban a::after {
        position: absolute;
        content: "";
        display: block;
        border: 1px solid #FAD4DD;
        width: 85vw;
        height: 85%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 10px; }
        @media (min-width: 925px) {
          #mshiki .m-ban a::after {
            width: 94%;
            height: 75%;
            border: 2px solid #F19AB0; } }
    #mshiki .m-ban .img-wrap {
      border-radius: 20px;
      overflow: hidden; }
      @media (min-width: 925px) {
        #mshiki .m-ban .img-wrap {
          width: 51%; } }
    @media (min-width: 925px) {
      #mshiki .m-ban .fit {
        transition: 0.4s; } }
    #mshiki .m-ban .text {
      position: absolute;
      width: 65vw;
      height: 25vw;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
      @media (min-width: 925px) {
        #mshiki .m-ban .text {
          position: relative;
          width: 335px;
          height: auto; } }
    #mshiki .m-ban h2 {
      text-align: center;
      margin-bottom: 3vw; }
      @media (min-width: 925px) {
        #mshiki .m-ban h2 {
          text-shadow: none;
          margin-bottom: 25px; } }
      #mshiki .m-ban h2 img {
        width: 40vw; }
        @media (min-width: 925px) {
          #mshiki .m-ban h2 img {
            width: 310px; } }
      #mshiki .m-ban h2 span {
        display: block;
        font-family: "M PLUS Rounded 1c", sans-serif;
        font-size: 200%; }
        @media (min-width: 925px) {
          #mshiki .m-ban h2 span {
            font-size: 45px;
            margin-top: 15px; } }
    #mshiki .m-ban .m-btn {
      display: block;
      position: relative;
      overflow: hidden;
      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-radius: 50px; }
      @media (min-width: 925px) {
        #mshiki .m-ban .m-btn {
          font-size: 16px;
          background-size: 5px;
          background-position: center right 20px;
          background-color: #FDF2F5;
          padding: 20px 0; }
          #mshiki .m-ban .m-btn::before {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            content: '';
            width: 120%;
            height: 100%;
            background: #F19AB0;
            transform-origin: right top;
            transform: skewX(-30deg) scale(0, 1);
            transition: transform .3s; } }
  @media (min-width: 925px) {
    #mshiki .point-box {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 80%;
      max-width: 1000px;
      margin: 0 auto 70px; } }
  #mshiki .sec-title {
    position: relative;
    margin-bottom: 5vw; }
    @media (min-width: 925px) {
      #mshiki .sec-title {
        margin-bottom: 0; } }
    @media (min-width: 925px) {
      #mshiki .sec-title img {
        width: 375px;
        height: auto;
        margin-right: 40px; } }
  #mshiki ul {
    margin-bottom: 7vw; }
    @media (min-width: 925px) {
      #mshiki ul {
        margin-bottom: 0; } }
    @media (min-width: 925px) {
      #mshiki ul li {
        overflow: hidden;
        width: 570px;
        display: flex;
        margin-bottom: 15px;
        border: 2px solid #F19AB0;
        border-radius: 50px; } }
    #mshiki ul li .point-num {
      position: relative;
      background: url(../../img/index/reason_back.svg) no-repeat center/contain;
      padding: 7vw 0; }
      @media (min-width: 925px) {
        #mshiki ul li .point-num {
          display: flex;
          align-items: center;
          background: none;
          background-color: #F19AB0;
          padding: 0 40px; } }
      #mshiki ul li .point-num img {
        display: block;
        margin: 0 auto; }
        #mshiki ul li .point-num img.point {
          width: 7vw;
          margin-bottom: 1.5vw; }
          @media (min-width: 925px) {
            #mshiki ul li .point-num img.point {
              width: 40px;
              margin-bottom: 0;
              margin-right: 20px; } }
        #mshiki ul li .point-num img.num {
          width: 10vw; }
          @media (min-width: 925px) {
            #mshiki ul li .point-num img.num {
              width: 35px; } }
    #mshiki ul li span {
      display: block;
      background-color: #fff;
      color: #F19AB0;
      font-family: "M PLUS Rounded 1c", sans-serif;
      font-size: 120%;
      text-align: center;
      height: 20vw;
      width: 80%;
      border-radius: 10px;
      padding-top: 7vw;
      margin: -5vw auto 3vw; }
      @media (min-width: 925px) {
        #mshiki ul li span {
          width: 100%;
          font-size: 16px;
          margin: 0;
          border-radius: 0;
          height: auto;
          height: 60px;
          padding-top: 20px; } }
      #mshiki ul li span .text-1 {
        width: 50.5vw; }
        @media (min-width: 925px) {
          #mshiki ul li span .text-1 {
            width: 242px; } }
      #mshiki ul li span .text-2 {
        width: 63.5vw; }
        @media (min-width: 925px) {
          #mshiki ul li span .text-2 {
            width: 292px; } }
      #mshiki ul li span .text-3 {
        width: 46.5vw; }
        @media (min-width: 925px) {
          #mshiki ul li span .text-3 {
            width: 215px; } }
      #mshiki ul li span .text-4 {
        width: 43vw; }
        @media (min-width: 925px) {
          #mshiki ul li span .text-4 {
            width: 202px; } }
      #mshiki ul li span .text-5 {
        width: 51vw; }
        @media (min-width: 925px) {
          #mshiki ul li span .text-5 {
            width: 235px; } }
  #mshiki .link-btn {
    width: 70%;
    margin: 0 auto; }
    @media (min-width: 925px) {
      #mshiki .link-btn {
        font-size: 16px;
        width: 270px;
        padding: 15px 0;
        border-radius: 50px; } }

#nayami {
  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%20375%208.79%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23FDF2F5%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%22TOP%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M187.52%2C0C241%2C0%2C241%2C8.79%2C294.55%2C8.79c42.79%2C0%2C51.36-5.62%2C80.45-7.87V0ZM0%2C.91C29.13%2C3.16%2C37.68%2C8.79%2C80.5%2C8.79%2C134%2C8.79%2C134%2C0%2C187.52%2C0H0Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100vw;
  background-position: top left;
  padding-top: 15vw;
  background-color: #FFF8D6;
  padding-bottom: 15vw; }
  @media (min-width: 925px) {
    #nayami {
      padding-top: 100px; } }
  @media (min-width: 925px) {
    #nayami {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20375%208.79%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23FDF2F5%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%22TOP%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M187.52%2C0C241%2C0%2C241%2C8.79%2C294.55%2C8.79c42.79%2C0%2C51.36-5.62%2C80.45-7.87V0ZM0%2C.91C29.13%2C3.16%2C37.68%2C8.79%2C80.5%2C8.79%2C134%2C8.79%2C134%2C0%2C187.52%2C0H0Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat top center/100%, url(../../img/kumo_white.svg) no-repeat top 165px left 5%/270px, url(../../img/kumo_white.svg) no-repeat top 185px right 5%/175px, url(../../img/kumo_white.svg) no-repeat bottom 115px left -2%/270px, url(../../img/kumo_white.svg) no-repeat bottom 105px right 2%/270px;
      background-color: #FFF8D6;
      padding-bottom: 70px; } }
  #nayami .sec-title {
    margin-bottom: 10vw; }
    @media (min-width: 925px) {
      #nayami .sec-title {
        margin-bottom: 0; }
        #nayami .sec-title img {
          width: 500px; } }
  @media (min-width: 925px) {
    #nayami .slide-nayami {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 100px auto 0;
      max-width: 1100px; } }
  #nayami .slide-nayami .nayami-content {
    border-left: 3px solid #F19AB0;
    border-right: 3px solid #F19AB0;
    border-radius: 10px;
    margin: 0 2vw; }
    @media (min-width: 925px) {
      #nayami .slide-nayami .nayami-content {
        width: 325px;
        margin: 0 20px 110px; } }
    #nayami .slide-nayami .nayami-content a {
      display: block;
      background-color: rgba(255, 255, 255, 0.8);
      padding: 10vw 0;
      color: #F19AB0; }
      @media (min-width: 925px) {
        #nayami .slide-nayami .nayami-content a {
          padding: 50px 0; }
          #nayami .slide-nayami .nayami-content a:hover {
            background-color: rgba(253, 242, 245, 0.8);
            text-decoration: none; }
            #nayami .slide-nayami .nayami-content a:hover .nayami-ico img {
              transform: scale(1.1); }
            #nayami .slide-nayami .nayami-content a:hover .nayami-ico::after {
              display: block;
              position: absolute;
              content: url(../../img/index/nayami_view.svg);
              width: 105px;
              height: 20px;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              margin: auto; } }
      #nayami .slide-nayami .nayami-content a h4 {
        font-size: 140%;
        font-weight: 700;
        text-align: center;
        margin-bottom: 10vw; }
        @media (min-width: 925px) {
          #nayami .slide-nayami .nayami-content a h4 {
            font-size: 19px;
            margin-bottom: 35px; } }
      #nayami .slide-nayami .nayami-content a.line2 {
        padding: 6vw 0 10vw; }
        @media (min-width: 925px) {
          #nayami .slide-nayami .nayami-content a.line2 {
            padding: 30px 0 50px; } }
        #nayami .slide-nayami .nayami-content a.line2 h4 {
          margin-bottom: 6.5vw; }
          @media (min-width: 925px) {
            #nayami .slide-nayami .nayami-content a.line2 h4 {
              margin-bottom: 25px; } }
    #nayami .slide-nayami .nayami-content .nayami-ico {
      display: block;
      position: relative;
      width: 30vw;
      margin: 0 auto 10vw; }
      @media (min-width: 925px) {
        #nayami .slide-nayami .nayami-content .nayami-ico {
          width: 145px;
          margin: 0 auto; }
          #nayami .slide-nayami .nayami-content .nayami-ico img {
            transition: 0.4s; } }
    #nayami .slide-nayami .nayami-content p {
      width: 80%;
      margin: 0 auto; }
      @media (min-width: 925px) {
        #nayami .slide-nayami .nayami-content p {
          display: none; } }
  #nayami .slide-dots {
    text-align: center;
    display: flex;
    justify-content: center; }
    #nayami .slide-dots li {
      display: inline-block;
      width: auto;
      margin: 7vw 15px 0; }
      #nayami .slide-dots li button {
        position: relative;
        text-indent: -9999px; }
        #nayami .slide-dots li button:before {
          content: '';
          display: block;
          position: absolute;
          background-color: #fff;
          border: 2px solid #F19AB0;
          border-radius: 50px;
          width: 3vw;
          height: 3vw;
          top: 0;
          left: 0; }
          @media (min-width: 925px) {
            #nayami .slide-dots li button:before {
              font-size: 6px; } }
      #nayami .slide-dots li.slick-active button:before {
        background-color: #F19AB0; }

#blog {
  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%20375%208.79%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23FFF8D6%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%22TOP%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M187.52%2C0C241%2C0%2C241%2C8.79%2C294.55%2C8.79c42.79%2C0%2C51.36-5.62%2C80.45-7.87V0ZM0%2C.91C29.13%2C3.16%2C37.68%2C8.79%2C80.5%2C8.79%2C134%2C8.79%2C134%2C0%2C187.52%2C0H0Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100vw;
  background-position: top left;
  padding-top: 15vw; }
  @media (min-width: 925px) {
    #blog {
      padding-top: 100px; } }
  @media (min-width: 925px) {
    #blog .sec-title img {
      width: 340px; } }
  #blog .slide-wrap {
    position: relative;
    margin-top: 30px;
    padding-top: 40px; }
    @media (min-width: 925px) {
      #blog .slide-wrap::before {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 215px;
        background-color: #FDF2F5;
        top: 0;
        left: 0; } }
  #blog ul {
    position: relative; }
    #blog ul li {
      margin: 0 5vw 10vw; }
      @media (min-width: 925px) {
        #blog ul li {
          width: 350px;
          margin: 0 40px 70px; } }
      #blog ul li .catch {
        margin-bottom: 7vw;
        border-radius: 20px;
        overflow: hidden;
        max-height: 250px; }
        @media (min-width: 925px) {
          #blog ul li .catch {
            margin-bottom: 25px; } }
        #blog ul li .catch img {
          object-fit: contain;
          transition: 0.4s; }
          #blog ul li .catch img:hover {
            transform: scale(1.1); }
      #blog ul li h4 {
        position: relative;
        color: #F19AB0;
        font-size: 140%;
        font-weight: 900;
        padding-bottom: 3vw;
        margin-bottom: 5vw; }
        @media (min-width: 925px) {
          #blog ul li h4 {
            font-size: 19px;
            font-weight: 700;
            padding-bottom: 20px;
            margin-bottom: 20px; } }
        #blog ul li h4::after {
          content: "";
          display: block;
          position: absolute;
          background-color: #FDF2F5;
          width: 10vw;
          height: 3px;
          bottom: 0;
          left: 0; }
          @media (min-width: 925px) {
            #blog ul li h4::after {
              background-color: #F19AB0;
              width: 40px;
              height: 4px; } }
      #blog ul li p {
        color: #666666;
        margin-bottom: 5vw;
        line-height: 1.8em; }
        @media (min-width: 925px) {
          #blog ul li p {
            margin-bottom: 20px;
            font-size: 16px; } }
      @media (min-width: 925px) {
        #blog ul li .link-btn {
          font-size: 12px;
          width: 155px;
          padding: 10px 0;
          margin-left: auto; } }
    #blog ul .prev-arrow {
      position: absolute;
      display: block;
      content: "";
      background-color: #FDF2F5;
      width: 10vw;
      height: 10vw;
      border-radius: 50px;
      bottom: -3vw;
      left: 10vw;
      cursor: pointer;
      z-index: 2; }
      @media (min-width: 925px) {
        #blog ul .prev-arrow {
          width: 40px;
          height: 40px;
          bottom: -10px;
          left: 35%; }
          #blog ul .prev-arrow:hover {
            background-color: #F19AB0; }
            #blog ul .prev-arrow: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%2014.29%2011.33%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A2px%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%3Cline%20class%3D%22cls-1%22%20x1%3D%2214.29%22%20y1%3D%225.66%22%20x2%3D%221.69%22%20y2%3D%225.66%22%2F%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%228.01%200.79%201.65%205.67%208.01%2010.54%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
              background-repeat: no-repeat; } }
      #blog ul .prev-arrow::after {
        position: absolute;
        display: block;
        content: "";
        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%2014.29%2011.33%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23F19AB0%3Bstroke-width%3A2px%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%3Cline%20class%3D%22cls-1%22%20x1%3D%2214.29%22%20y1%3D%225.66%22%20x2%3D%221.69%22%20y2%3D%225.66%22%2F%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%228.01%200.79%201.65%205.67%208.01%2010.54%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: 5vw;
        background-position: center;
        width: 5vw;
        height: 5vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto; }
        @media (min-width: 925px) {
          #blog ul .prev-arrow::after {
            background-size: 12px;
            width: 12px;
            height: 10px; } }
    #blog ul .next-arrow {
      position: absolute;
      display: block;
      content: "";
      background-color: #FDF2F5;
      width: 10vw;
      height: 10vw;
      border-radius: 50px;
      bottom: -3vw;
      right: 10vw;
      cursor: pointer;
      z-index: 2; }
      @media (min-width: 925px) {
        #blog ul .next-arrow {
          width: 40px;
          height: 40px;
          bottom: -10px;
          right: 35%; }
          #blog ul .next-arrow:hover {
            background-color: #F19AB0; }
            #blog ul .next-arrow: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%2014.29%2011.33%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A2px%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%3Cline%20class%3D%22cls-1%22%20y1%3D%225.66%22%20x2%3D%2212.6%22%20y2%3D%225.66%22%2F%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%226.28%200.79%2012.64%205.67%206.28%2010.54%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
              background-repeat: no-repeat; } }
      #blog ul .next-arrow::after {
        position: absolute;
        display: block;
        content: "";
        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%2014.29%2011.33%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23F19AB0%3Bstroke-width%3A2px%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%3Cline%20class%3D%22cls-1%22%20y1%3D%225.66%22%20x2%3D%2212.6%22%20y2%3D%225.66%22%2F%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%226.28%200.79%2012.64%205.67%206.28%2010.54%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: 5vw;
        background-position: center;
        width: 5vw;
        height: 5vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto; }
        @media (min-width: 925px) {
          #blog ul .next-arrow::after {
            background-size: 12px;
            width: 12px;
            height: 10px; } }
    #blog ul .slide-dots {
      text-align: center;
      display: flex;
      justify-content: center; }
      #blog ul .slide-dots li {
        display: inline-block;
        width: auto;
        margin: 0 15px; }
        #blog ul .slide-dots li button {
          position: relative;
          text-indent: -9999px; }
          #blog ul .slide-dots li button:before {
            content: '●';
            color: #cccccc;
            font-size: 2vw;
            text-indent: 0px;
            position: absolute;
            top: 0;
            left: 0; }
            @media (min-width: 925px) {
              #blog ul .slide-dots li button:before {
                font-size: 6px; } }
        #blog ul .slide-dots li.slick-active button:before {
          content: '●';
          color: #F19AB0; }