@charset "UTF-8";
/*

	施設

	*/
/* Vendor */
/* Variable */
/*

breakpoints

*/
/*

base color

*/
/*

text color

*/
/*

table color

*/
/*

button color

*/
/*

width

*/
/*

webfonts

*/
/* Mixin */
/*

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;
}
```

*/
/* Function */
html, body {
  overflow-x: hidden; }

body.facilities-guide {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", sans-serif;
  color: #333;
  /* ↓↓↓ 共通部品 ↓↓↓ */ }
  body.facilities-guide .mv {
    width: 100%;
    height: 720px;
    background-image: url("../../images/facilities-guide/mv.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -ms-overflow-x: hidden;
    -ms-overflow-y: hidden;
    position: relative; }
    body.facilities-guide .mv::after {
      content: "";
      width: 100%;
      height: 5px;
      background-color: #1541a2;
      position: absolute;
      top: 0; }
    @media screen and (max-width: 575px) {
      body.facilities-guide .mv {
        height: 620px;
        background-image: url("../../images/facilities-guide/sp_mv.jpg");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; } }
    body.facilities-guide .mv__wrapper {
      text-align: center;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      height: 412px;
      background-color: rgba(255, 255, 255, 0.7);
      position: relative;
      z-index: 0; }
      @media screen and (max-width: 1199px) {
        body.facilities-guide .mv__wrapper {
          width: 70%;
          height: 50%; } }
      @media screen and (max-width: 991px) {
        body.facilities-guide .mv__wrapper {
          width: 80%; } }
      @media screen and (max-width: 575px) {
        body.facilities-guide .mv__wrapper {
          width: 80%;
          height: 515px; } }
      body.facilities-guide .mv__wrapper::after {
        content: "";
        width: 104%;
        height: 108%;
        background-color: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: -1; }
        @media screen and (max-width: 575px) {
          body.facilities-guide .mv__wrapper::after {
            height: 103%; } }
      body.facilities-guide .mv__wrapper__contents {
        width: 87.7%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        body.facilities-guide .mv__wrapper__contents .mv__title {
          margin-bottom: 25px; }
          body.facilities-guide .mv__wrapper__contents .mv__title h1 {
            margin: 10px auto 40px;
            font-family: "Hannari", "IPAex明朝", serif;
            line-height: 1;
            font-size: 50px;
            font-size: 5rem;
            position: relative; }
            @media screen and (max-width: 767px) {
              body.facilities-guide .mv__wrapper__contents .mv__title h1 {
                font-size: 40px;
                font-size: 4rem; } }
            @media screen and (max-width: 575px) {
              body.facilities-guide .mv__wrapper__contents .mv__title h1 {
                font-size: 22px;
                font-size: 2.2rem;
                margin: 0 auto 20px; } }
            body.facilities-guide .mv__wrapper__contents .mv__title h1::after {
              content: "";
              width: 70px;
              height: 4px;
              background-color: #1541a2;
              position: absolute;
              bottom: -40%;
              left: 50%;
              -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
              @media screen and (max-width: 575px) {
                body.facilities-guide .mv__wrapper__contents .mv__title h1::after {
                  width: 35px;
                  height: 2px; } }
            body.facilities-guide .mv__wrapper__contents .mv__title h1 span {
              color: #1541a2; }
          @media screen and (max-width: 575px) {
            body.facilities-guide .mv__wrapper__contents .mv__title p {
              font-size: 10px;
              font-size: 1rem; } }
        body.facilities-guide .mv__wrapper__contents .mv__box {
          width: 100%;
          margin: 0 auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          @media screen and (max-width: 575px) {
            body.facilities-guide .mv__wrapper__contents .mv__box {
              -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
          body.facilities-guide .mv__wrapper__contents .mv__box__content {
            width: 16.8%;
            position: relative; }
            @media screen and (max-width: 575px) {
              body.facilities-guide .mv__wrapper__contents .mv__box__content {
                width: 41.2%;
                height: 75.5%; }
                body.facilities-guide .mv__wrapper__contents .mv__box__content:nth-child(5), body.facilities-guide .mv__wrapper__contents .mv__box__content:nth-child(7) {
                  margin-top: 17px; }
                body.facilities-guide .mv__wrapper__contents .mv__box__content:last-of-type {
                  margin: 17px auto 0; } }
            body.facilities-guide .mv__wrapper__contents .mv__box__content a {
              display: block;
              width: 100%;
              height: 100%;
              background-color: #1541a2;
              padding: 10px;
              -webkit-box-sizing: border-box;
              box-sizing: border-box;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              -ms-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s; }
              body.facilities-guide .mv__wrapper__contents .mv__box__content a:hover {
                opacity: 0.7; }
              @media screen and (max-width: 575px) {
                body.facilities-guide .mv__wrapper__contents .mv__box__content a {
                  padding: 5px;
                  min-height: 110px; } }
            body.facilities-guide .mv__wrapper__contents .mv__box__content .content__step {
              color: #fff;
              width: 83.3%;
              margin: 0 auto;
              border-bottom: 1px solid #fff;
              font-weight: 700;
              font-size: 14px;
              font-size: 1.4rem; }
              @media screen and (max-width: 1199px) {
                body.facilities-guide .mv__wrapper__contents .mv__box__content .content__step {
                  font-size: 12px;
                  font-size: 1.2rem; } }
              @media screen and (max-width: 991px) {
                body.facilities-guide .mv__wrapper__contents .mv__box__content .content__step {
                  font-size: 11px;
                  font-size: 1.1rem; } }
              @media screen and (max-width: 767px) {
                body.facilities-guide .mv__wrapper__contents .mv__box__content .content__step {
                  font-size: 10px;
                  font-size: 1rem; } }
              body.facilities-guide .mv__wrapper__contents .mv__box__content .content__step span {
                font-size: 22px;
                font-size: 2.2rem;
                display: inline-block;
                margin-left: 5px; }
                @media screen and (max-width: 1199px) {
                  body.facilities-guide .mv__wrapper__contents .mv__box__content .content__step span {
                    font-size: 18px;
                    font-size: 1.8rem; } }
                @media screen and (max-width: 991px) {
                  body.facilities-guide .mv__wrapper__contents .mv__box__content .content__step span {
                    font-size: 16px;
                    font-size: 1.6rem; } }
                @media screen and (max-width: 767px) {
                  body.facilities-guide .mv__wrapper__contents .mv__box__content .content__step span {
                    font-size: 12px;
                    font-size: 1.2rem;
                    margin-left: 3px; } }
                @media screen and (max-width: 767px) {
                  body.facilities-guide .mv__wrapper__contents .mv__box__content .content__step span {
                    font-size: 14px;
                    font-size: 1.4rem;
                    margin-left: 3px; } }
            body.facilities-guide .mv__wrapper__contents .mv__box__content .content__img {
              margin: 20px auto 0;
              height: 30%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; }
              @media screen and (max-width: 1199px) {
                body.facilities-guide .mv__wrapper__contents .mv__box__content .content__img {
                  margin: 7% auto 0; } }
              @media screen and (max-width: 575px) {
                body.facilities-guide .mv__wrapper__contents .mv__box__content .content__img {
                  margin: 5% auto 0; } }
              @media screen and (max-width: 575px) {
                body.facilities-guide .mv__wrapper__contents .mv__box__content .content__img {
                  margin: 9% auto 0;
                  height: 40%; } }
              body.facilities-guide .mv__wrapper__contents .mv__box__content .content__img__01 img, body.facilities-guide .mv__wrapper__contents .mv__box__content .content__img__02 img {
                width: 35%;
                margin: 0 auto; }
              body.facilities-guide .mv__wrapper__contents .mv__box__content .content__img__03 img {
                width: 32%;
                margin: 0 auto; }
              @media screen and (max-width: 575px) {
                body.facilities-guide .mv__wrapper__contents .mv__box__content .content__img__03 {
                  margin: 5px auto 0;
                  width: 80%; } }
              body.facilities-guide .mv__wrapper__contents .mv__box__content .content__img__04 img {
                width: 35%;
                margin: 0 auto; }
              @media screen and (max-width: 575px) {
                body.facilities-guide .mv__wrapper__contents .mv__box__content .content__img__04 {
                  margin: 5px auto 0;
                  width: 80%; } }
              body.facilities-guide .mv__wrapper__contents .mv__box__content .content__img__05 img {
                width: 36%;
                margin: 0 auto; }
            body.facilities-guide .mv__wrapper__contents .mv__box__content .content__text {
              color: #fff;
              font-weight: 700;
              line-height: 1.2;
              margin-top: 15px; }
              @media screen and (max-width: 1199px) {
                body.facilities-guide .mv__wrapper__contents .mv__box__content .content__text {
                  margin-top: 9%;
                  font-size: 13px;
                  font-size: 1.3rem; } }
              @media screen and (max-width: 767px) {
                body.facilities-guide .mv__wrapper__contents .mv__box__content .content__text {
                  margin-top: 5%;
                  font-size: 11px;
                  font-size: 1.1rem; } }
              @media screen and (max-width: 575px) {
                body.facilities-guide .mv__wrapper__contents .mv__box__content .content__text {
                  font-size: 11px;
                  font-size: 1.1rem;
                  margin-top: 6%; } }
              @media screen and (max-width: 1199px) {
                body.facilities-guide .mv__wrapper__contents .mv__box__content .content__text .pc_br {
                  display: none !important; } }
          body.facilities-guide .mv__wrapper__contents .mv__box .rightarrow {
            position: relative; }
            @media screen and (max-width: 575px) {
              body.facilities-guide .mv__wrapper__contents .mv__box .rightarrow {
                display: none; } }
            body.facilities-guide .mv__wrapper__contents .mv__box .rightarrow span {
              width: 0;
              height: 0;
              display: block;
              border-left: 15px solid #1541a2;
              border-top: 10px solid transparent;
              border-bottom: 10px solid transparent;
              position: absolute;
              top: 50%;
              -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
              @media screen and (max-width: 1199px) {
                body.facilities-guide .mv__wrapper__contents .mv__box .rightarrow span {
                  border-left: 10px solid #1541a2;
                  border-top: 7px solid transparent;
                  border-bottom: 7px solid transparent; } }
  body.facilities-guide .maincontents {
    padding-bottom: 90px;
    position: relative; }
    @media screen and (max-width: 575px) {
      body.facilities-guide .maincontents {
        padding-bottom: 45px; } }
    body.facilities-guide .maincontents::after {
      content: "";
      width: 100%;
      height: 100%;
      background-image: url("../../images/facilities-guide/bg_grid_01.jpg");
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      background-size: auto;
      background-repeat: repeat;
      position: absolute;
      top: 20px;
      left: 0;
      z-index: -1; }
      @media screen and (max-width: 575px) {
        body.facilities-guide .maincontents::after {
          top: 0; } }
  body.facilities-guide .step {
    margin-top: 55px; }
    body.facilities-guide .step:first-of-type {
      margin-top: 0; }
    body.facilities-guide .step__wrapper {
      position: relative; }
      body.facilities-guide .step__wrapper::after {
        content: "";
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 20px solid #1541a2;
        position: absolute;
        bottom: 0%;
        left: 50%;
        -webkit-transform: translate(-50%, 39.5px);
        -moz-transform: translate(-50%, 39.5px);
        -ms-transform: translate(-50%, 39.5px);
        -o-transform: translate(-50%, 39.5px);
        transform: translate(-50%, 39.5px); }
      body.facilities-guide .step__wrapper h2 {
        height: 70px;
        line-height: 60px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        background: #1541a2;
        border-top: 8px solid #1541a2;
        border-left: 8px solid #1541a2;
        border-right: 8px solid #1541a2;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 22px;
        font-size: 2.2rem; }
        @media screen and (max-width: 575px) {
          body.facilities-guide .step__wrapper h2 {
            height: 40px;
            line-height: 30px;
            font-size: 11px;
            font-size: 1.1rem; } }
        body.facilities-guide .step__wrapper h2 .step__number {
          font-size: 32px;
          font-size: 3.2rem;
          display: inline-block;
          margin-left: 5px; }
          @media screen and (max-width: 575px) {
            body.facilities-guide .step__wrapper h2 .step__number {
              font-size: 20px;
              font-size: 2rem; } }
        body.facilities-guide .step__wrapper h2 .step__title {
          font-size: 24px;
          font-size: 2.4rem;
          display: inline-block;
          margin-left: 50px;
          vertical-align: top; }
          @media screen and (max-width: 575px) {
            body.facilities-guide .step__wrapper h2 .step__title {
              margin-left: 5%;
              font-size: 17px;
              font-size: 1.7rem; } }
      body.facilities-guide .step__wrapper__contents {
        padding: 30px;
        border-bottom: 8px solid #1541a2;
        border-left: 8px solid #1541a2;
        border-right: 8px solid #1541a2;
        background: #fff; }
        @media screen and (max-width: 575px) {
          body.facilities-guide .step__wrapper__contents {
            padding: 15px;
            border-bottom: 4px solid #1541a2;
            border-left: 4px solid #1541a2;
            border-right: 4px solid #1541a2;
            background: #fff; } }
    body.facilities-guide .step .text__red {
      color: #ED1C24; }
    body.facilities-guide .step .step__wrapper__contents {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media screen and (max-width: 767px) {
        body.facilities-guide .step .step__wrapper__contents {
          display: block; } }
      body.facilities-guide .step .step__wrapper__contents .step__text {
        width: 58%; }
        @media screen and (max-width: 767px) {
          body.facilities-guide .step .step__wrapper__contents .step__text {
            width: 100%; } }
        body.facilities-guide .step .step__wrapper__contents .step__text .text__link {
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          body.facilities-guide .step .step__wrapper__contents .step__text .text__link:hover {
            opacity: 0.7; }
      body.facilities-guide .step .step__wrapper__contents .step__img {
        width: 35%; }
        @media screen and (max-width: 767px) {
          body.facilities-guide .step .step__wrapper__contents .step__img {
            width: 100%;
            margin-top: 6%; } }
  body.facilities-guide .step_01 .step__wrapper__contents .step__text p:first-of-type, body.facilities-guide .step_01 .step__wrapper__contents .step__text p:nth-child(2) {
    font-size: 22px;
    font-size: 2.2rem; }
    @media screen and (max-width: 575px) {
      body.facilities-guide .step_01 .step__wrapper__contents .step__text p:first-of-type, body.facilities-guide .step_01 .step__wrapper__contents .step__text p:nth-child(2) {
        font-size: 12px;
        font-size: 1.2rem; } }
  body.facilities-guide .step_01 .step__wrapper__contents .step__text p:nth-child(3) {
    margin-top: 5px; }
    @media screen and (max-width: 575px) {
      body.facilities-guide .step_01 .step__wrapper__contents .step__text p:nth-child(3) {
        margin-top: 3px;
        font-size: 11px;
        font-size: 1.1rem; } }
  body.facilities-guide .step_01 .step__wrapper__contents .step__text p:nth-child(4) {
    margin-top: 5px; }
    @media screen and (max-width: 575px) {
      body.facilities-guide .step_01 .step__wrapper__contents .step__text p:nth-child(4) {
        margin-top: 3px; } }
    body.facilities-guide .step_01 .step__wrapper__contents .step__text p:nth-child(4) a {
      color: #0068B7;
      text-decoration: underline;
      display: block; }
      @media screen and (max-width: 575px) {
        body.facilities-guide .step_01 .step__wrapper__contents .step__text p:nth-child(4) a {
          font-size: 11px;
          font-size: 1.1rem; } }
  body.facilities-guide .step_02 .step__wrapper__contents {
    display: block; }
  body.facilities-guide .step_02 .wrapper .step__intro {
    padding-bottom: 2.2%;
    border-bottom: 1px dashed #cccccc; }
    @media screen and (max-width: 575px) {
      body.facilities-guide .step_02 .wrapper .step__intro {
        font-size: 11px;
        font-size: 1.1rem;
        padding-bottom: 5%; } }
  body.facilities-guide .step_02 .wrapper .step__contents {
    margin-top: 3.3%;
    padding-bottom: 2.2%;
    border-bottom: 1px dashed #cccccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 767px) {
      body.facilities-guide .step_02 .wrapper .step__contents {
        display: block;
        padding-bottom: 5%; } }
  body.facilities-guide .step_02 .wrapper .step__text {
    width: 63%; }
    @media screen and (max-width: 767px) {
      body.facilities-guide .step_02 .wrapper .step__text {
        width: 100%; } }
    body.facilities-guide .step_02 .wrapper .step__text h3 {
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: 700;
      text-indent: -13px; }
      @media screen and (max-width: 575px) {
        body.facilities-guide .step_02 .wrapper .step__text h3 {
          font-size: 15px;
          font-size: 1.5rem;
          font-weight: 700;
          text-indent: -8px; } }
    body.facilities-guide .step_02 .wrapper .step__text ul {
      margin-top: 1.8%; }
      @media screen and (max-width: 575px) {
        body.facilities-guide .step_02 .wrapper .step__text ul {
          font-size: 11px;
          font-size: 1.1rem; } }
    body.facilities-guide .step_02 .wrapper .step__text p {
      font-size: 14px;
      font-size: 1.4rem;
      margin-top: 1.8%; }
      @media screen and (max-width: 575px) {
        body.facilities-guide .step_02 .wrapper .step__text p {
          font-size: 11px;
          font-size: 1.1rem; } }
  body.facilities-guide .step_02 .wrapper .step__text_02 {
    width: 100%;
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #cccccc; }
    @media screen and (max-width: 575px) {
      body.facilities-guide .step_02 .wrapper .step__text_02 {
        margin-top: 3.3%;
        padding-bottom: 5%;
        font-size: 11px;
        font-size: 1.1rem; } }
  body.facilities-guide .step_02 .wrapper .step__text_03 {
    width: 100%;
    margin-top: 30px; }
    @media screen and (max-width: 575px) {
      body.facilities-guide .step_02 .wrapper .step__text_03 {
        margin-top: 3.3%;
        font-size: 11px;
        font-size: 1.1rem; } }
  @media screen and (max-width: 575px) {
    body.facilities-guide .step_03 .step__text p {
      font-size: 11px;
      font-size: 1.1rem; } }
  body.facilities-guide .step_03 .step__text__button {
    width: 100%;
    margin-top: 35px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #0068B7;
    border: 1px solid #0068B7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    /* for Safari and Chrome 対応*/
    -moz-border-radius: 50px;
    /* for Firefox 対応*/
    -webkit-box-shadow: 5px 5px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 2px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    body.facilities-guide .step_03 .step__text__button:hover {
      opacity: 0.7; }
    @media screen and (max-width: 1199px) {
      body.facilities-guide .step_03 .step__text__button {
        height: 60px;
        line-height: 60px; } }
    @media screen and (max-width: 575px) {
      body.facilities-guide .step_03 .step__text__button {
        margin-top: 6%;
        height: 38px;
        line-height: 38px;
        -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); } }
    body.facilities-guide .step_03 .step__text__button a {
      font-size: 20px;
      font-size: 2rem;
      display: block;
      color: #fff;
      font-weight: 700;
      text-decoration: none;
      position: relative; }
      @media screen and (max-width: 1199px) {
        body.facilities-guide .step_03 .step__text__button a {
          font-size: 15px;
          font-size: 1.5rem; } }
      @media screen and (max-width: 991px) {
        body.facilities-guide .step_03 .step__text__button a {
          font-size: 13px;
          font-size: 1.3rem; } }
      @media screen and (max-width: 767px) {
        body.facilities-guide .step_03 .step__text__button a {
          font-size: 15px;
          font-size: 1.5rem; } }
      @media screen and (max-width: 575px) {
        body.facilities-guide .step_03 .step__text__button a {
          font-size: 10px;
          font-size: 1rem; } }
      body.facilities-guide .step_03 .step__text__button a::after {
        content: "";
        width: 30px;
        height: 30px;
        background-image: url("../../images/facilities-guide/upload.svg");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        right: 5%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        @media screen and (max-width: 1199px) {
          body.facilities-guide .step_03 .step__text__button a::after {
            width: 5%;
            height: 39%; } }
        @media screen and (max-width: 991px) {
          body.facilities-guide .step_03 .step__text__button a::after {
            width: 5%; } }
        @media screen and (max-width: 575px) {
          body.facilities-guide .step_03 .step__text__button a::after {
            width: 15px;
            height: 15px;
            right: 4%; } }
  body.facilities-guide .step_03 .step__img__sp {
    display: none; }
    @media screen and (max-width: 767px) {
      body.facilities-guide .step_03 .step__img__sp {
        display: block;
        margin-top: 8%; } }
  @media screen and (max-width: 767px) {
    body.facilities-guide .step_03 .step__img__pc {
      display: none; } }
  @media screen and (max-width: 575px) {
    body.facilities-guide .step_04 .step__text p {
      font-size: 11px;
      font-size: 1.1rem; } }
  body.facilities-guide .step_04 ul li {
    vertical-align: middle;
    position: relative;
    text-indent: 1.3rem;
    margin-top: 15px; }
    @media screen and (max-width: 575px) {
      body.facilities-guide .step_04 ul li {
        text-indent: 0.8rem; } }
    @media screen and (max-width: 575px) {
      body.facilities-guide .step_04 ul li {
        margin-top: 4%;
        font-size: 11px;
        font-size: 1.1rem; } }
    body.facilities-guide .step_04 ul li::before {
      content: "";
      width: 5px;
      height: 5px;
      background: #333;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transform-origin: 0 100%;
      -moz-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
      -o-transform-origin: 0 100%;
      transform-origin: 0 100%;
      position: absolute;
      top: 11px;
      /* 縦位置調整 */
      left: 5px;
      /* 横位置調整 */ }
      @media screen and (max-width: 575px) {
        body.facilities-guide .step_04 ul li::before {
          width: 3px;
          height: 3px;
          top: 7px;
          left: 2.5px; } }
  @media screen and (max-width: 575px) {
    body.facilities-guide .step_05 .step__text p {
      font-size: 11px;
      font-size: 1.1rem; } }
  body.facilities-guide .step_05 .wrapper::after {
    border: none; }
  body.facilities-guide .step_05 .wrapper .step__text p,
  body.facilities-guide .step_05 .wrapper .step__text li {
    margin-top: 15px; }
    @media screen and (max-width: 575px) {
      body.facilities-guide .step_05 .wrapper .step__text p,
      body.facilities-guide .step_05 .wrapper .step__text li {
        margin-top: 4%;
        font-size: 11px;
        font-size: 1.1rem; } }
  body.facilities-guide .step_05 .wrapper .step__text p:first-of-type {
    margin-top: 0; }
  body.facilities-guide .step_05 .wrapper .step__text li {
    text-indent: 1.2rem;
    position: relative; }
    @media screen and (max-width: 575px) {
      body.facilities-guide .step_05 .wrapper .step__text li {
        text-indent: 0.8rem; } }
    body.facilities-guide .step_05 .wrapper .step__text li::before {
      content: "";
      height: 4px;
      /* 縦幅 */
      width: 4px;
      /* 横幅 */
      display: block;
      border-radius: 50%;
      /* まん丸に表示 */
      background: #333;
      /* 色指定 */
      position: absolute;
      top: 10.5px;
      /* 縦位置調整 */
      left: 0px;
      /* 横位置調整 */ }
      @media screen and (max-width: 575px) {
        body.facilities-guide .step_05 .wrapper .step__text li::before {
          width: 3px;
          height: 3px;
          top: 7px; } }
    body.facilities-guide .step_05 .wrapper .step__text li a {
      color: #0068B7;
      text-decoration: underline;
      display: inline-block;
      margin-left: 20px; }
      @media screen and (max-width: 575px) {
        body.facilities-guide .step_05 .wrapper .step__text li a {
          margin-left: 3%; } }
    body.facilities-guide .step_05 .wrapper .step__text li .text__link {
      display: none; }
  body.facilities-guide .text__please {
    display: none;
    margin-top: 40px;
    width: 50%;
    min-width: 1000px;
    margin: 40px auto 0; }
    @media screen and (max-width: 1199px) {
      body.facilities-guide .text__please {
        min-width: auto;
        width: 70%; } }
    @media screen and (max-width: 991px) {
      body.facilities-guide .text__please {
        width: 80%; } }
    @media screen and (max-width: 575px) {
      body.facilities-guide .text__please {
        margin: 20px auto 0;
        width: 90%;
        font-size: 10px;
        font-size: 1rem; } }
  body.facilities-guide .button {
    /* display: none; */
    margin-top: 35px;
    text-align: center;
    width: 100%;
    height: 100px;
    line-height: 100px; }
    @media screen and (max-width: 575px) {
      body.facilities-guide .button {
        margin-top: 9%;
        height: 50px;
        line-height: 50px; } }
    body.facilities-guide .button .wrapper {
      border: 1px solid #1541a2;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    body.facilities-guide .button a {
      display: block;
      font-size: 24px;
      font-size: 2.4rem;
      text-decoration: none;
      background-color: #fff;
      color: #1541a2;
      text-align: center;
      display: block;
      position: relative;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
      body.facilities-guide .button a .arrow {
        width: 17%;
        height: 1px;
        background: #1541a2;
        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.facilities-guide .button a .arrow::after {
          content: "";
          width: 23px;
          height: 1px;
          background-color: #1541a2;
          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.facilities-guide .button a:hover {
        background-color: #1541a2;
        color: #fff; }
        body.facilities-guide .button a:hover .arrow {
          background: #fff; }
          body.facilities-guide .button a:hover .arrow::after {
            background: #fff; }
      @media screen and (max-width: 575px) {
        body.facilities-guide .button a {
          font-size: 12px;
          font-size: 1.2rem; } }
      body.facilities-guide .button a .arrow {
        width: 12%; }
        @media screen and (max-width: 575px) {
          body.facilities-guide .button a .arrow {
            width: 10%; }
            body.facilities-guide .button a .arrow::after {
              width: 13px; } }

body.facilities-guide .step_05 .step__wrapper__contents {
  border-bottom: 8px solid #007882;
  border-left: 8px solid #007882;
  border-right: 8px solid #007882;
}
body.facilities-guide .step_05 .step__wrapper h2 {
  background: #007882;
  border-top: 8px solid #007882;
  border-left: 8px solid #007882;
  border-right: 8px solid #007882;
}