@charset "UTF-8";
/*

	トップページ

*/
/* Vendor */
/*

breakpoints

*/
/*

base color

*/
/*

text color

*/
/*

table color

*/
/*

button color

*/
/*

width

*/
/*

webfonts

*/
/*

clearfix

*/
/*

メディアクエリ

ブレークポイント定義
```sass
$breakpoints:(
	tablet: 959px,
	sp: 679px
);
```

● max-widthで指定する
```sass
@include mq(sp) {
	height:40px;
}
```
```output css
@media screen and (max-width: 679px) {
	height: 40px;
}
```

● 範囲指定する場合は、引数に2つ入れる
```sass
@include mq(sp tablet) {
	height:40px;
}
```
```output css
@media screen and (min-width: 680px) and (max-width: 959px) {
	height: 40px;
}
```

● min-widthで指定する場合は第2引数をtrueにする
```sass
@include mq(tablet, true) {
	height:40px;
}
```
```output css
@media screen and (min-width: 960px) {
	height: 40px;
}
```

*/
body.home {
  overflow-y: visible;
  overflow-x: visible;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", sans-serif;
  background-image: url("../../images/home/bg_home_01.gif");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: contain;
  background-repeat: repeat;
  position: relative;
  /* ↓ここから共通設定↓ */
  /* ↑ここまで共通設定↑ */ }
  body.home .block {
    width: 77%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    padding: 2.2% 3.65% 4.38%;
    margin: 0 auto;
    position: relative;
    z-index: 10; }
    @media screen and (max-width: 991px) {
      body.home .block {
        padding: 25px 20px; } }
    body.home .block::before {
      content: "";
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.7);
      position: absolute;
      top: -15px;
      left: -15px;
      z-index: -10; }
      @media screen and (max-width: 991px) {
        body.home .block::before {
          top: -7.5px;
          left: -7.5px; } }
    body.home .block h3 {
      font-family: "Hannari", "IPAex明朝", serif;
      line-height: 1;
      font-size: 60px;
      font-size: 6rem;
      text-align: center; }
      @media screen and (max-width: 1199px) {
        body.home .block h3 {
          font-size: 50px;
          font-size: 5rem; } }
      @media screen and (max-width: 991px) {
        body.home .block h3 {
          font-size: 40px;
          font-size: 4rem; } }
      @media screen and (max-width: 575px) {
        body.home .block h3 {
          font-size: 30px;
          font-size: 3rem; } }
    body.home .block p {
      line-height: 2.6;
      font-size: 15px;
      font-size: 1.5rem;
      margin-top: 2vw; }
      @media screen and (max-width: 575px) {
        body.home .block p {
          line-height: 2;
          font-size: 10px;
          font-size: 1rem;
          margin: 20px 0 25px; } }
  body.home .btn_block {
    width: 100%;
    height: 60px;
    line-height: 60px;
    border: 1px #333 solid;
    margin: 2.25vw auto 0;
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
    @media screen and (max-width: 575px) {
      body.home .btn_block {
        height: 30px;
        line-height: 30px; } }
    body.home .btn_block a {
      font-size: 16px;
      font-size: 1.6rem;
      color: #333;
      text-align: center;
      text-decoration: none;
      display: block;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
      @media screen and (max-width: 575px) {
        body.home .btn_block a {
          font-size: 10px;
          font-size: 1rem; } }
      body.home .btn_block a .arrow_block {
        width: 20%;
        height: 1px;
        background: #333;
        display: block;
        position: absolute;
        top: 50%;
        left: 97%;
        -webkit-transform: translate(-100%, -50%);
        -ms-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%);
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s; }
        body.home .btn_block a .arrow_block::before, body.home .btn_block a .arrow_block::after {
          content: "";
          background: #333;
          position: absolute;
          top: 0;
          -webkit-transition: all .3s;
          -o-transition: all .3s;
          transition: all .3s; }
        body.home .btn_block a .arrow_block::before {
          width: 1px;
          height: 14.5px;
          right: 22px;
          -webkit-transform: translateY(-60%);
          -ms-transform: translateY(-60%);
          transform: translateY(-60%); }
          @media screen and (max-width: 575px) {
            body.home .btn_block a .arrow_block::before {
              height: 7.25px;
              right: 11px; } }
        body.home .btn_block a .arrow_block::after {
          width: 24.5px;
          height: 1px;
          right: 0;
          -webkit-transform-origin: right;
          -ms-transform-origin: right;
          transform-origin: right;
          -webkit-transform: rotate(21.5deg);
          -ms-transform: rotate(21.5deg);
          transform: rotate(21.5deg); }
          @media screen and (max-width: 575px) {
            body.home .btn_block a .arrow_block::after {
              width: 12.25px; } }
    body.home .btn_block:hover {
      background: #333; }
      body.home .btn_block:hover a {
        color: #fff; }
        body.home .btn_block:hover a .arrow_block {
          background: #fff; }
          body.home .btn_block:hover a .arrow_block::before, body.home .btn_block:hover a .arrow_block::after {
            background: #fff; }
  body.home .kv {
    width: 100%;
    height: 100vh;
    background-image: url("../../images/home/kv_01.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 6%; }
    @media screen and (max-width: 1199px) {
      body.home .kv {
        padding-top: 41%; } }
    body.home .kv .catch {
      width: 58.8%;
      margin: 0 auto; }
      @media screen and (max-width: 1199px) {
        body.home .kv .catch {
          width: 88%; } }
    body.home .kv .kv_logo {
      margin-top: 3.5%;
      text-align: center; }
      body.home .kv .kv_logo img {
        width: 15%; }
      @media screen and (max-width: 1199px) {
        body.home .kv .kv_logo {
          margin-top: 20.7%; }
          body.home .kv .kv_logo img {
            width: 39.6%; } }
    body.home .kv .btn_movie {
      width: 16%;
      min-width: 320px;
      height: 55px;
      line-height: 55px;
      border-radius: 27.5px;
      background: -webkit-gradient(linear, left top, right top, from(#38448e), to(#1a3b63));
      background: -webkit-linear-gradient(left, #38448e, #1a3b63);
      background: -o-linear-gradient(left, #38448e, #1a3b63);
      background: linear-gradient(to right, #38448e, #1a3b63);
      margin: 3.75% auto 0;
      position: relative;
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s; }
      body.home .kv .btn_movie:hover {
        background: -webkit-gradient(linear, left top, right top, from(#1a3b63), to(#38448e));
        background: -webkit-linear-gradient(left, #1a3b63, #38448e);
        background: -o-linear-gradient(left, #1a3b63, #38448e);
        background: linear-gradient(to right, #1a3b63, #38448e); }
      @media screen and (max-width: 1199px) {
        body.home .kv .btn_movie {
          width: 41.7%;
          min-width: 0;
          height: 55px;
          line-height: 55px;
          margin: 9.3% auto 0; } }
      @media screen and (max-width: 575px) {
        body.home .kv .btn_movie {
          height: 27.5px;
          line-height: 27.5px; } }
      body.home .kv .btn_movie a {
        font-size: 22px;
        font-size: 2.2rem;
        color: #fff;
        text-align: center;
        text-decoration: none;
        display: block; }
        body.home .kv .btn_movie a::after {
          content: "";
          width: 22px;
          height: 22px;
          background-image: url("../../images/home/ico_movie_01.png");
          background-position: center center;
          background-size: cover;
          background-repeat: no-repeat;
          position: absolute;
          top: 50%;
          right: 6.25%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
        @media screen and (max-width: 575px) {
          body.home .kv .btn_movie a {
            font-size: 11px;
            font-size: 1.1rem; }
            body.home .kv .btn_movie a::after {
              width: 11px;
              height: 11px; } }
  body.home .about .bg {
    background-image: url("../../images/home/header_about_01.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 180px 0 300px; }
    @media screen and (max-width: 991px) {
      body.home .about .bg {
        padding: 65px 0 185px; } }
    body.home .about .bg h2 {
      line-height: 2.1;
      font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
      font-size: 36px;
      font-size: 3.6rem;
      color: #fff;
      text-align: center; }
      @media screen and (max-width: 1199px) {
        body.home .about .bg h2 {
          font-size: 30px;
          font-size: 3rem; } }
      @media screen and (max-width: 575px) {
        body.home .about .bg h2 {
          font-size: 18px;
          font-size: 1.8rem; } }
  body.home .about .block {
    width: 53%;
    margin-top: -205px; }
    @media screen and (max-width: 991px) {
      body.home .about .block {
        width: 87.5%;
        margin-top: -117px; } }
  body.home .owner, body.home .veterinarian {
    margin-top: 105px;
    position: relative; }
    body.home .owner::before, body.home .veterinarian::before {
      content: "";
      position: absolute;
      z-index: -10; }
    body.home .owner .wrap, body.home .veterinarian .wrap {
      zoom: 1;
      text-align: center;
      position: relative; }
      body.home .owner .wrap::after, body.home .veterinarian .wrap::after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        font-size: 0;
        line-height: 0;
        visibility: hidden; }
      @media screen and (max-width: 575px) {
        body.home .owner .wrap, body.home .veterinarian .wrap {
          position: static; } }
      body.home .owner .wrap .bg, body.home .owner .wrap .block, body.home .veterinarian .wrap .bg, body.home .veterinarian .wrap .block {
        display: inline-block; }
        @media screen and (max-width: 575px) {
          body.home .owner .wrap .bg, body.home .owner .wrap .block, body.home .veterinarian .wrap .bg, body.home .veterinarian .wrap .block {
            display: block; } }
      body.home .owner .wrap h2, body.home .veterinarian .wrap h2 {
        line-height: 2;
        font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        font-size: 28px;
        font-size: 2.8rem;
        letter-spacing: 6px;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        text-align: left;
        position: absolute;
        top: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
        @media screen and (max-width: 991px) {
          body.home .owner .wrap h2, body.home .veterinarian .wrap h2 {
            width: 100%;
            top: -.5em;
            left: 50%;
            font-size: 21px;
            font-size: 2.1rem;
            -webkit-writing-mode: horizontal-tb;
            -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
            text-align: center;
            margin-left: 0;
            -webkit-transform: translate(-50%, -100%);
            -ms-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%); } }
        @media screen and (max-width: 575px) {
          body.home .owner .wrap h2, body.home .veterinarian .wrap h2 {
            font-size: 14px;
            font-size: 1.4rem; } }
      body.home .owner .wrap .bg, body.home .veterinarian .wrap .bg {
        width: 58%;
        height: 27.5vw;
        vertical-align: top; }
        @media screen and (max-width: 991px) {
          body.home .owner .wrap .bg, body.home .veterinarian .wrap .bg {
            width: 89.3%;
            height: 63.5vw;
            margin: 0 auto; } }
      body.home .owner .wrap .block, body.home .veterinarian .wrap .block {
        width: 44.66%;
        text-align: left;
        margin-top: -10%; }
        @media screen and (max-width: 991px) {
          body.home .owner .wrap .block, body.home .veterinarian .wrap .block {
            width: 78.9%;
            margin: -44px auto 0; } }
  @media screen and (max-width: 991px) {
    body.home .owner {
      margin-top: 150px; } }
  @media screen and (max-width: 575px) {
    body.home .owner {
      margin-top: 92px; } }
  body.home .owner::before {
    width: 22%;
    height: 19vw;
    background-image: url("../../images/home/bg_owner_02.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    top: -10%;
    right: 6%; }
    @media screen and (max-width: 575px) {
      body.home .owner::before {
        width: 146px;
        height: 144px;
        top: 0;
        right: 0;
        -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
        transform: translateY(-20%); } }
  body.home .owner h2 {
    left: 21%; }
  body.home .owner .bg {
    background-image: url("../../images/home/image_about_01.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 132px; }
  body.home .owner .block {
    margin-left: 132px; }
  @media screen and (max-width: 991px) {
    body.home .veterinarian {
      margin-top: 180px; } }
  @media screen and (max-width: 575px) {
    body.home .veterinarian {
      margin-top: 118px; } }
  body.home .veterinarian::before {
    width: 22.75%;
    height: 24.4vw;
    background-image: url("../../images/home/bg_veterinarian_02.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    top: -12%;
    left: 6%; }
    @media screen and (max-width: 575px) {
      body.home .veterinarian::before {
        width: 133px;
        height: 143px;
        top: 0;
        left: 0;
        -webkit-transform: translateY(-80%);
        -ms-transform: translateY(-80%);
        transform: translateY(-80%); } }
  body.home .veterinarian .bg {
    background-image: url("../../images/home/image_about_02.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    margin-right: 188px; }
  body.home .veterinarian .block {
    margin-right: 188px; }
  body.home .veterinarian h2 {
    left: 79%; }
    @media screen and (max-width: 1199px) {
      body.home .veterinarian h2 {
        left: 82%; } }
  body.home .news {
    width: 81%;
    padding-top: 120px;
    margin: 0 auto;
    position: relative;
    z-index: 10; }
    @media screen and (max-width: 991px) {
      body.home .news {
        width: 89.3%;
        padding-top: 50px;
        margin: 0 auto; } }
    body.home .news .bg {
      background-image: url("../../images/home/bg_news_01.jpg");
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center top;
      padding: 6% 0 22%; }
      @media screen and (max-width: 991px) {
        body.home .news .bg {
          padding: 57px 0 166px; } }
      body.home .news .bg::before {
        content: "";
        width: 110%;
        height: 32vw;
        background-image: url("../../images/home/bg_news_02.png");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        top: 80px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: -10; }
        @media screen and (max-width: 991px) {
          body.home .news .bg::before {
            top: 30px;
            height: 380px; } }
      body.home .news .bg h2 {
        font-family: "Hannari", "IPAex明朝", serif;
        line-height: 1;
        font-size: 90px;
        font-size: 9rem;
        text-align: center;
        position: relative; }
        body.home .news .bg h2::after {
          content: "";
          width: 1.38vw;
          height: 2.65vw;
          background-image: url("../../images/home/arrow_news_01.png");
          background-position: center center;
          background-size: cover;
          background-repeat: no-repeat;
          background-position: bottom center;
          position: absolute;
          bottom: 0;
          left: 50%;
          -webkit-transform: translate(-50%, 130%);
          -ms-transform: translate(-50%, 130%);
          transform: translate(-50%, 130%); }
        @media screen and (max-width: 1199px) {
          body.home .news .bg h2 {
            font-size: 75px;
            font-size: 7.5rem; } }
        @media screen and (max-width: 991px) {
          body.home .news .bg h2 {
            font-size: 60px;
            font-size: 6rem; }
            body.home .news .bg h2::after {
              width: 13.75px;
              height: 26.5px; } }
        @media screen and (max-width: 575px) {
          body.home .news .bg h2 {
            font-size: 45px;
            font-size: 4.5rem; } }
    body.home .news .items {
      width: 77%;
      -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
      box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
      text-align: center;
      padding-bottom: 2.31%;
      margin: -15.5% auto 0; }
      @media screen and (max-width: 991px) {
        body.home .news .items {
          width: 91.8%;
          padding-bottom: 25px;
          margin: -115px auto 0; } }
      body.home .news .items .wrapper_article {
        width: 100%;
        background: rgba(255, 255, 255, 0.7);
        padding: 2% 2% 3%;
        zoom: 1; }
        body.home .news .items .wrapper_article::after {
          content: ".";
          display: block;
          height: 0;
          clear: both;
          font-size: 0;
          line-height: 0;
          visibility: hidden; }
        @media screen and (max-width: 991px) {
          body.home .news .items .wrapper_article {
            padding: 20px; } }
        body.home .news .items .wrapper_article article {
          width: 49%; }
          body.home .news .items .wrapper_article article:nth-child(odd) {
            float: left; }
          body.home .news .items .wrapper_article article:nth-child(even) {
            float: right; }
          body.home .news .items .wrapper_article article:nth-child(n + 3) {
            margin-top: 2%; }
          @media screen and (max-width: 991px) {
            body.home .news .items .wrapper_article article {
              width: 100%; }
              body.home .news .items .wrapper_article article:nth-child(odd), body.home .news .items .wrapper_article article:nth-child(even) {
                float: none; }
              body.home .news .items .wrapper_article article:nth-child(n + 3) {
                margin-top: 0; }
              body.home .news .items .wrapper_article article:nth-child(n + 2) {
                margin-top: 12px; } }
          body.home .news .items .wrapper_article article a {
            height: 100%;
            background: #fff;
            padding: 3.45%;
            display: block;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s; }
            body.home .news .items .wrapper_article article a:hover {
              opacity: .7; }
            body.home .news .items .wrapper_article article a figure {
              zoom: 1; }
              body.home .news .items .wrapper_article article a figure::after {
                content: ".";
                display: block;
                height: 0;
                clear: both;
                font-size: 0;
                line-height: 0;
                visibility: hidden; }
              body.home .news .items .wrapper_article article a figure .img {
                width: 6.7vw;
                height: 6.7vw;
                background-size: auto 100%;
                background-position: center center;
                background-repeat: no-repeat;
                float: left; }
                @media screen and (max-width: 991px) {
                  body.home .news .items .wrapper_article article a figure .img {
                    width: 15.7vw;
                    height: 15.7vw; } }
              body.home .news .items .wrapper_article article a figure figcaption {
                width: 74%;
                text-align: left;
                float: right; }
                body.home .news .items .wrapper_article article a figure figcaption time, body.home .news .items .wrapper_article article a figure figcaption span {
                  line-height: 2;
                  font-size: 15px;
                  font-size: 1.5rem; }
                  @media screen and (max-width: 1199px) {
                    body.home .news .items .wrapper_article article a figure figcaption time, body.home .news .items .wrapper_article article a figure figcaption span {
                      font-size: 12px;
                      font-size: 1.2rem; } }
                  @media screen and (max-width: 575px) {
                    body.home .news .items .wrapper_article article a figure figcaption time, body.home .news .items .wrapper_article article a figure figcaption span {
                      font-size: 10px;
                      font-size: 1rem; } }
                body.home .news .items .wrapper_article article a figure figcaption time {
                  display: block; }
      body.home .news .items .btn_block {
        width: 30%;
        margin-top: 1.764%; }
        @media screen and (max-width: 1199px) {
          body.home .news .items .btn_block {
            width: 35%; } }
        @media screen and (max-width: 991px) {
          body.home .news .items .btn_block {
            width: 80.4%; } }
  body.home .guide {
    background-image: url("../../images/home/bg_guide_01.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 21.5%;
    margin-top: -15%;
    position: relative; }
    @media screen and (max-width: 991px) {
      body.home .guide {
        padding-top: 52px;
        margin: 0 auto; } }
    body.home .guide h2 {
      font-family: "Hannari", "IPAex明朝", serif;
      line-height: 1;
      font-size: 62px;
      font-size: 6.2rem;
      text-align: center; }
      @media screen and (max-width: 1199px) {
        body.home .guide h2 {
          font-size: 52px;
          font-size: 5.2rem; } }
      @media screen and (max-width: 991px) {
        body.home .guide h2 {
          font-size: 42px;
          font-size: 4.2rem; } }
      @media screen and (max-width: 575px) {
        body.home .guide h2 {
          font-size: 32px;
          font-size: 3.2rem; } }
    body.home .guide::before, body.home .guide::after {
      content: "";
      position: absolute;
      bottom: 8.9%;
      -webkit-transform: translateY(-22px);
      -ms-transform: translateY(-22px);
      transform: translateY(-22px); }
    body.home .guide::before {
      width: 6.9%;
      height: 10.95vw;
      background-image: url("../../images/home/illust_cat_01.png");
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center top;
      left: 10.3%; }
    body.home .guide::after {
      width: 14%;
      height: 15vw;
      background-image: url("../../images/home/illust_dog_01.png");
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center top;
      right: 3.2%; }
    @media screen and (max-width: 991px) {
      body.home .guide::before, body.home .guide::after {
        top: 0;
        -webkit-transform: translateY(52px);
        -ms-transform: translateY(52px);
        transform: translateY(52px);
        z-index: -10; }
      body.home .guide::before {
        width: 58px;
        height: 92px;
        left: 0; }
      body.home .guide::after {
        width: 87px;
        height: 93px;
        right: 0; } }
    body.home .guide .wrap {
      width: 62.37%;
      margin: 40px auto 0;
      zoom: 1; }
      body.home .guide .wrap::after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        font-size: 0;
        line-height: 0;
        visibility: hidden; }
      @media screen and (max-width: 991px) {
        body.home .guide .wrap {
          width: 81.9%;
          margin: 20px auto 0; } }
      body.home .guide .wrap .card {
        width: 49%;
        background: #fff;
        border-top: 5px #01275A solid;
        -webkit-box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.15);
        box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.15);
        padding: 3.25% 2.79% 100px;
        position: relative; }
        body.home .guide .wrap .card:nth-child(odd) {
          float: left; }
        body.home .guide .wrap .card:nth-child(even) {
          float: right; }
        body.home .guide .wrap .card:nth-child(n + 3) {
          margin-top: 2%; }
        @media screen and (max-width: 991px) {
          body.home .guide .wrap .card {
            width: 100%;
            padding: 22px 15px 100px; }
            body.home .guide .wrap .card:nth-child(odd), body.home .guide .wrap .card:nth-child(even) {
              float: none; }
            body.home .guide .wrap .card:nth-child(n + 3) {
              margin-top: 0; }
            body.home .guide .wrap .card:nth-child(n + 2) {
              margin-top: 30px; } }
        @media screen and (max-width: 575px) {
          body.home .guide .wrap .card {
            padding-bottom: 70px; } }
        body.home .guide .wrap .card h3 {
          font-family: "Hannari", "IPAex明朝", serif;
          line-height: 1;
          font-size: 54px;
          font-size: 5.4rem;
          text-align: center; }
          @media screen and (max-width: 1199px) {
            body.home .guide .wrap .card h3 {
              font-size: 45px;
              font-size: 4.5rem; } }
          @media screen and (max-width: 991px) {
            body.home .guide .wrap .card h3 {
              font-size: 36px;
              font-size: 3.6rem; } }
          @media screen and (max-width: 575px) {
            body.home .guide .wrap .card h3 {
              font-size: 27px;
              font-size: 2.7rem; } }
          body.home .guide .wrap .card h3 span {
            line-height: 1;
            font-size: 24px;
            font-size: 2.4rem;
            margin: 30px 0 17.5px; }

@inclue mq(liquid) {
  body.home .guide .wrap .card h3 span {
    font-size: 20px;
    font-size: 2rem; } }
            @media screen and (max-width: 991px) {
              body.home .guide .wrap .card h3 span {
                font-size: 16px;
                font-size: 1.6rem;
                margin: 17px 0 6px; } }
            @media screen and (max-width: 575px) {
              body.home .guide .wrap .card h3 span {
                font-size: 12px;
                font-size: 1.2rem; } }
        body.home .guide .wrap .card span {
          line-height: 1.86;
          font-size: 18px;
          font-size: 1.8rem;
          text-align: center;
          display: block; }
          @media screen and (max-width: 1199px) {
            body.home .guide .wrap .card span {
              font-size: 16px;
              font-size: 1.6rem; } }
          @media screen and (max-width: 991px) {
            body.home .guide .wrap .card span {
              font-size: 14px;
              font-size: 1.4rem; } }
          @media screen and (max-width: 575px) {
            body.home .guide .wrap .card span {
              font-size: 12px;
              font-size: 1.2rem; } }
        body.home .guide .wrap .card .btn_block {
          width: 94.42%;
          position: absolute;
          bottom: 0;
          left: 50%;
          -webkit-transform: translate(-50%, -20px);
          -ms-transform: translate(-50%, -20px);
          transform: translate(-50%, -20px); }
  body.home .map {
    background-image: url("../../images/home/bg_map_01.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 24.25vw;
    margin-top: -8.9%; }
    @media screen and (max-width: 991px) {
      body.home .map {
        height: 243px;
        margin-top: -80px; } }
  body.home .contact {
    width: 100%;
    background-image: url("../../images/common/bg_cta_01.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 3.9% 0;
    position: relative; }
    @media screen and (max-width: 991px) {
      body.home .contact {
        padding: 32px 0 65px; } }
    body.home .contact .inner {
      width: 62.37%;
      margin: 0 auto;
      zoom: 1; }
      body.home .contact .inner::after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        font-size: 0;
        line-height: 0;
        visibility: hidden; }
      @media screen and (max-width: 991px) {
        body.home .contact .inner {
          width: 81.9%; } }
      body.home .contact .inner .btn_data, body.home .contact .inner .btn_contact {
        width: 48.8%;
        height: 7vw;
        background: #fff;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s; }
        @media screen and (max-width: 991px) {
          body.home .contact .inner .btn_data, body.home .contact .inner .btn_contact {
            width: 100%;
            height: 66px; } }
        body.home .contact .inner .btn_data a, body.home .contact .inner .btn_contact a {
          line-height: 7vw;
          font-family: "Hannari", "IPAex明朝", serif;
          font-size: 44px;
          font-size: 4.4rem;
          color: #01275A;
          text-align: center;
          text-decoration: none;
          display: block;
          position: relative;
          -webkit-transition: all .3s;
          -o-transition: all .3s;
          transition: all .3s; }
          @media screen and (max-width: 1199px) {
            body.home .contact .inner .btn_data a, body.home .contact .inner .btn_contact a {
              font-size: 32px;
              font-size: 3.2rem; } }
          @media screen and (max-width: 991px) {
            body.home .contact .inner .btn_data a, body.home .contact .inner .btn_contact a {
              line-height: 66px;
              font-size: 28px;
              font-size: 2.8rem; } }
          @media screen and (max-width: 575px) {
            body.home .contact .inner .btn_data a, body.home .contact .inner .btn_contact a {
              font-size: 22px;
              font-size: 2.2rem; } }
          body.home .contact .inner .btn_data a .arrow_cta, body.home .contact .inner .btn_contact a .arrow_cta {
            width: 17%;
            height: 1px;
            background: #01275A;
            position: absolute;
            top: 50%;
            left: 94%;
            -webkit-transform: translate(-100%, -50%);
            -ms-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s; }
            body.home .contact .inner .btn_data a .arrow_cta::after, body.home .contact .inner .btn_contact a .arrow_cta::after {
              content: "";
              width: 23px;
              height: 1px;
              background: #01275A;
              position: absolute;
              top: 50%;
              right: 0;
              -webkit-transform-origin: right;
              -ms-transform-origin: right;
              transform-origin: right;
              -webkit-transform: translateY(-50%) rotate(29.5deg);
              -ms-transform: translateY(-50%) rotate(29.5deg);
              transform: translateY(-50%) rotate(29.5deg);
              -webkit-transition: all .3s;
              -o-transition: all .3s;
              transition: all .3s; }
        body.home .contact .inner .btn_data:hover, body.home .contact .inner .btn_contact:hover {
          background: #01275A; }
          body.home .contact .inner .btn_data:hover a, body.home .contact .inner .btn_contact:hover a {
            color: #fff; }
            body.home .contact .inner .btn_data:hover a .arrow_cta, body.home .contact .inner .btn_contact:hover a .arrow_cta {
              background: #fff; }
              body.home .contact .inner .btn_data:hover a .arrow_cta::after, body.home .contact .inner .btn_contact:hover a .arrow_cta::after {
                background: #fff; }
      body.home .contact .inner .btn_data {
        float: left; }
      body.home .contact .inner .btn_contact {
        float: right; }
      @media screen and (max-width: 991px) {
        body.home .contact .inner .btn_data, body.home .contact .inner .btn_contact {
          float: none; }
        body.home .contact .inner .btn_contact {
          margin-top: 25px; } }
    body.home .contact::before, body.home .contact::after {
      content: "";
      position: absolute; }
    body.home .contact::before {
      width: 13%;
      height: 16.1vw;
      background-image: url("../../images/home/illust_cat_02.png");
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      top: 0;
      left: 12%;
      -webkit-transform: translateY(-62%);
      -ms-transform: translateY(-62%);
      transform: translateY(-62%); }
      @media screen and (max-width: 991px) {
        body.home .contact::before {
          width: 107px;
          height: 133px;
          left: 0; } }
    body.home .contact::after {
      width: 12.65%;
      height: 6.95vw;
      background-image: url("../../images/home/illust_cat_03.png");
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      bottom: -2%;
      right: 7.4%; }
      @media screen and (max-width: 991px) {
        body.home .contact::after {
          width: 112px;
          height: 62px;
          right: 0; } }