@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],
input[type="text"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="text"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus,
input[type="text"]::focus {
  outline-offset: -2px;
}

.pc-only {
  display: block;
}
.sp-only {
  display: none;
}

@media screen and (max-width: 2220px) {
  html {
    font-size: 83.333%;
  }
}

@media screen and (max-width: 1700px) {
  html {
    font-size: 62.5%;
  }
}

@media screen and (max-width: 1050px) {
  html {
    font-size: 44.4%;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 33.3%;
  }
}

a {
  text-decoration: none;
}

header .nav-pc {
  display: flex;
  right: 40px;
  left: inherit;
}

header .nav-pc li {
  font-size: 2rem;
}

header .nav-pc li a{
  color: #fff;
}

header {
  top: 0;
  width: 100%;
  z-index: 1;
  background-color: #171B3F;
  position: relative;
  height: 96px;
}

header .logo {
  position: absolute;
  top: 50%;
  left: 2.638%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

header ul {
  display: block;
  justify-content: space-between;
  width: 61.75%;
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

header ul li {
  list-style: none;
  font-size: 3.2rem;
  margin-bottom: 20px;
}

header ul li a {
  color: #000000;
}

.wrap {
  width: 960px;
  margin: 0 auto;
}

/* トップ */

.top {
  background-image: url("../img/top_main.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
  padding-top: 66.32%;
  position: relative;
}

.top img {
  display: block;
  margin: 0 auto;
  margin-bottom: 6.18%;
  width: 71.8%;
}

.copy img{
  display: block;
  margin: 0 auto;
  margin-bottom: 6.18%;
  width: 100%;
}

.top p {
  font-size: 2.4rem;
  color: #4C4C4C;
  text-align: center;
}

.top .top-contents {
  position: absolute;
  top: 3.61%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}


.top .top-contents a {
  color: #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, from(#02606E), to(#34CDCA));
  background: linear-gradient(left, #02606E, #34CDCA);
  display: block;
  height: 74px;
  width: 32.152%;
  margin: 0 auto;
  font-size: 2.8rem;
  padding: 25px 50px;
  width: 48%;
}

.top .text-content1 {
  background-image: url("../img/white1.svg");
  background-size: cover;
  width: 66.7%;
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translateX(-50%);
}

/* 追加分 */
.move{
  width: 25%;
  height: 25%;
  margin: -15% 0 0 70%;
}

.top .text-content1 .txtarea {
  padding: 5%;
}

.top .text-content1 p {
  line-height: 1.4;
  font-size: 1.71vw;
}

.top .text-content2 {
  background-image: url("../img/white2.svg");
  background-size: cover;
  width: 64.1%;
  position: absolute;
  top: 56%;
  right: 3.8%;
}

.top .text-content2 .txtarea {
  padding-top: 4%;
  padding-left: 14%;
  padding-bottom: 3.7%;
}

.top .text-content2 h2 {
  font-size: 2.8rem;
  font-size: 2.03vw;
  color: #E33C0B;
  line-height: 1.5;
}

.top .text-content2 p {
  font-size: 1.2rem;
  font-size: 0.87vw;
  text-align: left;
  line-height: 1.5;
}

.top .text-content2 .text-color {
  color: #E33C0B;
  font-size: 1.4rem;
  font-size: 1.015vw;
}

/* SSPACE38について */

.about {
  padding-bottom: 3.6%;
}

.about p {
  color: #1A1311;
}

.about h2 {
  color: #262727;
  font-weight: normal;
}

.about .about-contents {
  margin-top: 13rem;
}

.about .about-contents .title h2 {
  position: relative;
  font-size: 3.7rem;
  display: inline-block;
  font-weight: normal;
  color: #0E2044;
  font-family: 'Noto Sans JP Bold', sans-serif;
}

.about .about-contents .title h2::after {
  content: "";
  display: block;
  width: 32.5rem;
  height: 0.978rem;
  background-color: #F38D12;
  position: absolute;
  top: 3.7rem;
  bottom: 0;
  margin-top: 0.6rem;
}

.about .about-contents .title h3 {
  margin-top: 2.5rem;
  font-size: 2.3rem;
  color: #0E2044;
  opacity: 0.5;
  font-style: italic;
}

.about .about-contents .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 87.36%;
  margin: 0 auto;
}

.about .about-contents .flex p {
  font-size: 1.9rem;
  line-height: 1.5;
  font-size: 1.36vw;
    max-width: 520px;
  width: 100%;
}

.about .about-contents .flex .img {
  width: 20%;
  padding-top: 13.25%;
  background-image: url("../img/about-woman.svg");
  background-size: cover;
  background-position: center;
}

.about .about-contents .text {
  background-image: url("../img/about-gray.svg");
  background-size: cover;
  background-position: center;
  width: 94.3%;
  margin: 0 auto;
  position: relative;
  /* padding-top: 2.3%;
          padding-bottom:2.78%; */
  padding-top: 19.9%;
}

.about .about-contents .text .main {
  position: absolute;
  width: 73%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.about .about-contents .text h2 {
  font-size: 3.5rem;
  font-size: 2.43vw;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 1%;
}

.about .about-contents .text .text-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.5%;
}

.about .about-contents .text .text-two p {
  font-size: 1.8rem;
  font-size: 1.25vw;
  line-height: 1.16;
}

.about .about-contents .text .text-two .text-mono {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 49%;
}

.about .about-contents .text .text-two .text-mono .img {
  width: 9.26%;
}

.about .about-contents .text .text-two .text-mono .img img {
  width: 100%;
}

.about .about-contents .text .text-two .text-last {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.about .about-contents .text .text-two .text-last .img {
  width: 4.53%;
}

.about .about-contents .text .text-two .text-last .img img {
  width: 100%;
}

.about .about-contents .text .first {
  margin-top: 0;
}

.about .point {
  margin-top: 4.9%;
}

.about .point ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 87.3%;
  margin: 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
}

.about .point ul li {
  width: 32%;
  background-size: cover;
  background-position: center;
  padding-top: 15.1%;
  position: relative;
  top: 0;
}

.about .point ul .one {
  background-image: url("../img/about_one.png");
  position: relative;
}

.about .point ul .one::before{
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  background-image: url(../img/point_one.png);
  width: 50px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
}



.about .point ul .one .one-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .one .two-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .one p {
  position: absolute;
  top: 88%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #001650;
  padding: 15.5px 0.3px;
}

.about .point ul .two {
  background-image: url("../img/about_two.png");
}

.about .point ul .two .one-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .two .two-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .two p {
  position: absolute;
  top: 88%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #001650;
  padding: 15.5px 0.1px 15.5px 0px;
}

.about .point ul .two::before{
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  background-image: url(../img/point_two.png);
  width: 60px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
}

.about .point ul .three {
  background-image: url("../img/about_three.png");
}

.about .point ul .three::before{
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  background-image: url(../img/point_three.png);
  width: 60px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
}

.about .point ul .three .one-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .three .two-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 2.8rem;
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .three p {
  position: absolute;
  top: 88%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 1.4rem;
  background-color: #001650;
  padding: 15.5px 0.3px;
}

.about .point ul .four {
  background-image: url("../img/about_four.png");
  margin-top: 1.43%;
}

.about .point ul .four::before{
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  background-image: url(../img/point_four.png);
  width: 60px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
}

.about .point ul .four .one-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .four .two-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .four p {
  position: absolute;
  top: 88%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #001650;
  padding: 15.5px 0.3px;
}

.about .point ul .five {
  background-image: url("../img/about_five.png");
  margin-top: 1.43%;
}

.about .point ul .five::before{
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  background-image: url(../img/point_five.png);
  width: 60px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
}

.about .point ul .five .one-shift {
  position: absolute;
  top: 40%;
  left: 58%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .five .two-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .five .three-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .five p {
  position: absolute;
  top: 88%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #001650;
  padding: 15.5px 0px;
}

.about .point ul .six {
  background-image: url("../img/about_six.png");
  margin-top: 1.43%;
}

.about .point ul .six::before{
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  background-image: url(../img/point_six.png);
  width: 60px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
}

.about .point ul .six .one-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .six .two-shift {
  position: absolute;
  top: 50%;
  left: 70%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .six p {
  position: absolute;
  top: 88%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #001650;
  padding: 15.5px 0px;
}

.about .point ul h3 {
  color: #FFFFFF;
  font-size: 3.2rem;
}

.about .point ul p {
  color: #FFFFFF;
  font-size: 1.5rem;
  text-align: center;
}

/* アクセス */

.access {
  background-image: url("../img/accessbackground.svg");
  background-size: cover;
  background-position: center;
  padding-top: 65.8%;
  position: relative;
}

.access .access-img ul {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 960px;
  position: absolute;
  top: 19%;
  left: 17%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.access .access-img li {
  list-style: none;
  width: 19%;
}

.access .access-img li img {
  width: 100%;
}

.access .access-contents {
  background-image: url("../img/access-white.svg");
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 960px;
  margin: 0 auto;
  height: 520px;
  top: 32.3%;
  left: 17%;
}

.access .access-contents .txtarea {
  display: flex;
}

.access .access-contents .txtarea .txtarea-left {
  margin-left: 6.0%;
  margin-top: 3.2%;
  margin-right: 3.0%;
}

.access .access-contents .txtarea .txtarea-left .title {
  margin-bottom: 30px;
}

.access .access-contents .txtarea .txtarea-left h2 {
  position: relative;
  font-size: 3.7rem;
  display: inline-block;
  font-weight: normal;
  color: #000000;
  font-family: 'Noto Sans JP Bold', sans-serif;
}

.access .access-contents .txtarea .txtarea-left h2::after {
  content: "";
  display: block;
  width: 31.8rem;
  height: 0.978rem;
  background-color: #F38D12;
  position: absolute;
  top: 3.7rem;
  bottom: 0;
  margin-top: 0.6rem;
}

.access .access-contents .txtarea .txtarea-left h3 {
  margin-top: 2.5rem;
  font-size: 2.3rem;
  color: #0E2044;
  opacity: 0.5;
  font-style: italic;
  margin-bottom: 4.0%;
}

.access .access-contents .txtarea .txtarea-left .logo {
  margin-bottom: 38px;
}

.access .access-contents .txtarea .txtarea-left p .add .key {
  margin-bottom: 10%;
}

.access .access-contents .txtarea .txtarea-left .add {
  color: #000000;
  font-size: 2rem;
  line-height: 30px;
  margin-bottom: 20px;
}

.access .access-contents .txtarea .txtarea-left .key {
  margin-bottom: 10%;
}

.access .access-contents .txtarea .txtarea-left .contact {
  padding: 2.1rem 5.7rem;
  color: #FFFFFF;
  background-color: #1C2A55;
  border-radius: 1rem;
  font-size: 2.0rem;
  display: block;
  margin-bottom: 11px;
  text-align: center;
}

.access .access-contents .txtarea .txtarea-left .tel {
  font-size: 3.8rem;
  text-align: center;
}

.access .access-contents .txtarea .txtarea-left .tel a{
  color: #000000;
}

.access .access-contents .txtarea-rigth {
  margin-top: 12%;
  margin-bottom: 9%;
  margin-right: 6.0%;
}

.access .access-contents .txtarea-rigth .map {
  width: 422px;
  height: 370px;
}

/* ご利用までの流れ */

.disclaimer .disclaimer-back {
  background-image: url("../img/disclaimer-white.png");
  background-size: cover;
  background-position: center;
  width: 100%;
}

.disclaimer1-contents h2 {
  position: relative;
  font-size: 3.7rem;
  display: inline-block;
  font-weight: normal;
  color: #0E2044;
  font-family: 'Noto Sans JP Bold', sans-serif;
}

.disclaimer1-contents h2::after {
  content: "";
  display: block;
  width: 31.8rem;
  height: 0.978rem;
  background-color: #F38D12;
  position: absolute;
  top: 3.8rem;
  bottom: 0;
  margin-top: 0.6rem;
}

.disclaimer1-contents h3 {
  margin-top: 2.5rem;
  font-size: 2.3rem;
  color: #0E2044;
  opacity: 0.5;
  font-style: italic;
}

.disclaimer1-contents .flex-item1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.1rem;
}

.disclaimer1-contents .flex-item1 .title {
  margin-top: 12.0rem;
  margin-left: 17.5%;
}

.disclaimer1-contents .flex-item1 .item {
  margin-top: 14.2rem;
  margin-left: 8.2rem;
}

.disclaimer1-contents p {
  font-size: 2.36rem;
}

.disclaimer1-contents .flow {
  display: block;
  margin: 0 auto;
  padding-bottom: 20px;
}

.disclaimer1-contents .flex-item2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.disclaimer1-contents .flex-item2 .item1 {
  margin-left: 17.5%;
}

.disclaimer1-contents .flex-item2 .item2 {
  margin-left: 7%;
  line-height: 1.5;
}

.disclaimer1-contents .flex-item2 p {
  font-size: 1.83rem;
}

.disclaimer2-contents {
  margin-top: 3%;
}

.disclaimer2-contents h2 {
  position: relative;
  font-size: 3.7rem;
  display: inline-block;
  font-weight: normal;
  color: #0E2044;
  margin-left: 17.5%;
  font-family: 'Noto Sans JP Bold', sans-serif;
}

.disclaimer2-contents h2::after {
  content: "";
  display: block;
  width: 31.8rem;
  height: 0.978rem;
  background-color: #F38D12;
  position: absolute;
  top: 3.7rem;
  bottom: 0;
  margin-top: 0.6rem;
}

.disclaimer2-contents h3 {
  margin-top: 2.5rem;
  font-size: 2.3rem;
  color: #0E2044;
  opacity: 0.5;
  font-style: italic;
  margin-left: 17.5%;
  margin-bottom: 1%;
}

.disclaimer2-contents .frame1 {
  width: 66.73%;
  margin: 0 auto;
}

.disclaimer2-contents .frame1 .overflow {
  border: solid 2.0px;
  border-radius: 10px;
  padding: 30px;
}

.disclaimer2-contents .frame1 .overflow .title {
  font-size: 2rem;
  font-weight: bold;
  margin: 0;
}

.disclaimer2-contents .frame1 .overflow p {
  font-size: 1.6rem;
  line-height: 1.5;
}


/*  */

.sign-up {
  background-image: url("../img/signup-img.jpg");
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  margin-top: 4.44%;
  padding: 32px 0;
}

.sign-up .frame2 {
  padding: 0 26% 1.0% 26%;
}

.sign-up .frame2 .signup-text {
  font-size: 2.36rem;
  border: solid 1.0px;
  border-radius: 1.0%;
  padding: 3.0% 6.0%;
}

.sign-up p {
  color: #FFFFFF;
  font-size: 1.5rem;
  text-align: center;
}

.sign-up .key {
  font-size: 1.8rem;
}

.sign-up ul {
  list-style: none;
  text-align: center;
  padding-bottom: 3%;
}

.sign-up ul li {
  display: inline-block;
  font-size: 2.1rem;
}

.sign-up ul li a {
  padding: 1.5rem 16.25rem;
  color: #FFFFFF;
}

.sign-up ul li .registration {
  background-color: #001976;
  margin-right: 3.2rem;
}

.sign-up ul li .reservation {
  background: -webkit-gradient(linear, right top, left top, from(#001976), to(#34CDCA));
  background: linear-gradient(to left, #001976, #34CDCA);
}

/* 器具について */

.about-machine {
  background-image: url("../img/AdobeStock_365604773.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
  padding-top: 9%;
  margin-bottom: 8.0rem;
}

.about-machine .about-machine-contents {
  margin-left: 13.9rem;
  width: 960px;
  margin: 0 auto;
}

.about-machine .about-machine-contents .about-machine-img1 ul li img{
  max-width: 250px;
  width: 100%; 
}

.about-machine .about-machine-contents .about-machine-img2 ul li img{
  max-width: 250px;
  width: 100%; 
}

.about-machine .about-machine-contents h2 {
  position: relative;
  font-size: 3.7rem;
  display: inline-block;
  font-weight: normal;
  color: #0E2044;
  font-family: 'Noto Sans JP Bold', sans-serif;
}

.about-machine .about-machine-contents h2::after {
  content: "";
  display: block;
  width: 31.8rem;
  height: 0.978rem;
  background-color: #F38D12;
  position: absolute;
  top: 3.8rem;
  bottom: 0;
  margin-top: 0.6rem;
}

.about-machine .about-machine-contents h3 {
  margin-top: 2.5rem;
  font-size: 2.3rem;
  color: #0E2044;
  opacity: 0.5;
  font-style: italic;
  margin-bottom: 2%;
}

.about-machine .about-machine-contents p.text {
  font-size: 2.0rem;
  margin-bottom: 3.0rem;
}

.about-machine .about-machine-contents ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.0rem;
  list-style: none;
}

.about-machine .about-machine-contents li {
  margin-right: 1.5rem;
}

.about-machine .about-machine-contents .machine-text {
  line-height: 1.5;
}

.about-machine .about-machine-contents .machine-text p {
  font-size: 1.8rem;
}

.facility {
  background-image: url("../img/AdobeStock_303448274.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
  top: 0%;
  position: relative;
  padding-top: 0;
  padding-bottom: 20%;
}

.facility .facility-contents .facility-box {
  position: absolute;
  top: -40px;
  width: 960px;
}

.facility .facility-contents .facility-headline {
  position: relative;
}

.facility .facility-contents .facility-headline .main-ttl {
  position: relative;
  font-size: 3.7rem;
  display: inline-block;
  font-weight: normal;
  color: #0E2044;
  font-family: 'Noto Sans JP Bold', sans-serif;
}

.facility .facility-contents .facility-headline .main-ttl::after {
  content: "";
  display: block;
  width: 177px;
  height: 0.978rem;
  background-color: #F38D12;
  position: absolute;
  top: 3.8rem;
  bottom: 0;
  margin-top: 0.6rem;
}

.facility .facility-contents .facility-headline .sub-ttl {
  margin-top: 2.5rem;
  font-size: 2.3rem;
  color: #0E2044;
  opacity: 0.5;
  font-style: italic;
  margin-bottom: 2%;
}

.facility .facility-contents .facility-box .facility-item01 {
  margin-bottom: 13px;
}

.facility .facility-contents .facility-box .facility-item01 ul{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.facility .facility-contents .facility-box .facility-item01 ul li{
  margin: 0 0 0 13px;
  list-style: none;
}

.facility .facility-contents .facility-box .facility-item02 ul{
  display: flex;
  width: 767px;
  margin-left: 193px;
  justify-content: space-between;
  align-items: center;
}
.facility .facility-contents .facility-box .facility-item02 ul li{
  list-style: none;
}

.box_attention{
  padding-left: 190px;
}


.attention{
  color: #f00;
  font-size: 1.6em;
  margin-top: 5px;
  margin-left: 2px;
  background-color: #fff;
  padding: 2px;
  width: 765px;
}


/* 料金 */

.price .back-ground {
  width: 100%;
}

.price h2 {
  position: relative;
  font-size: 3.7rem;
  display: inline-block;
  font-weight: normal;
  color: #0E2044;
  margin-left: 11.46%;
  font-family: 'Noto Sans JP Bold', sans-serif;
}

.price h2::after {
  content: "";
  display: block;
  width: 32.0rem;
  height: 0.978rem;
  background-color: #F38D12;
  position: absolute;
  top: 3.8rem;
  bottom: 0;
  left: 2%;
  margin-top: 0.6rem;
}

.price h3 {
  margin-top: 2.5rem;
  font-size: 2.3rem;
  color: #0E2044;
  opacity: 0.5;
  font-style: italic;
  margin-left: 11.46%;
}

.price .price-contents {
  text-align: center;
}

.price .text{
  margin-top: 3rem;
}

.price .text p {
  font-size: 2.6rem;
  line-height: 1.5;
}

.price .tables {
  width: 80.6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 5.9%;
}

.price .tables .left-table {
  width: calc(50% - 10px);
}

.price .tables .left-table h3 {
  font-size: 3rem;
  font-weight: normal;
  color: #fff;
  padding: 23px 0;
  opacity: 1;
  margin: 0 auto;
  background-color: #F3A124;
}

.price .tables .left-table .white {
  background-color: #fff;
  margin: 0 auto;
  padding: 36px 0;
  border: 2px solid #F3A124;
}

.price .tables .left-table .white .prices {
  width: 78.8%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.price .tables .left-table .white .prices .price {
  width: 21%;
}

.price .tables .left-table .white .prices .price h4 {
  font-size: 2.8rem;
  font-size: 1.95vw;
  color: #172245;
  font-weight: normal;
}

.price .tables .left-table .white .prices .price p {
  font-size: 3.4rem;
  font-size: 2.3vw;
  color: #172245;
}

.price .tables .left-table .white .prices .price p span {
  font-size: 5.7rem;
  font-size: 3.96vw;
}

.price .tables table {
  width: calc(50% - 10px);
  border-collapse: collapse;
  border: 2px solid #333;
}

.priceTable{
  table-layout: fixed;
  width: 100%;
}

.price .tables table tr th {
  font-size: 3.8rem;
  font-size: 2.64vw;
  padding: 3.2% 0;
  border-collapse: collapse;
  border: 2px solid #333;
  font-weight: normal;
}

.price .tables table tr .left {
  background-color: #1C2A55;
  color: #fff;
}

.price .tables table tr .right {
  background-color: #F39800;
  color: #000000;
}

.price .tables table tr td {
  font-size: 3.5rem;
  padding: 8px 0;
  border-collapse: collapse;
  border: 2px solid #333;
}

.price .tables table tr td span {
  font-size: 2rem;
  font-size: 1.39vw;
}

.price .text-color {
  color: #EA5514;
  font-size: 3.8rem;
  margin-top: 2.15%;
  margin-bottom: 40px;
}

.price .price-bottom {
  font-size: 2.4rem;
  text-align: center;
  margin-top: 2.15%;
  margin-bottom: 2%;
}

/* ライン */

.line {
  background-image: url("../img/line.jpg");
  background-size: cover;
  width: 100%;
  height: 14.45px;
}

/* フッター */

.footer-area {
  top: 0;
  background-color: #0D1A36;
  height: 89px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-area .footer-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-area .footer-box ul {
  display: flex;
  list-style: none;
  align-items: flex-start;
  justify-content: center;
}

.footer-area .footer-box li {
  padding-left: 15px;
}

.footer-area .footer-box .footer-box__txt {
  color: white;
  margin-left: 20px
}

/* 追加分 */
.footer-area .footer-notice {
  background: #F8B62D;
  padding: 6px 10px;
  margin-right: 20px;
}

.footer-area .footer-notice p {
  font-size: 2.5em;
  border: #000 solid 2px;
  padding: 7px;
}

.notice_space{
  margin-left: 550px;
}


.footer-area .footer-btn {
  background: -webkit-gradient(linear, right top, left top, from(#001976), to(#34CDCA));
  background: linear-gradient(to left, #036eb8, #00a0e9, #1d2088);
  padding: 20px 10px;
  margin-right: 20px;
}

.footer-area .footer-btn a {
  color: white;
  font-size: 2.6rem;
  padding: 10px 40px;
  border: 2px solid white;
  position: relative;
}

.footer-area .footer-btn a::after {
  position: absolute;
}

/*ーーーーーーーーーーーーーーーーーー
画面ザイズ　980px
ーーーーーーーーーーーーーーーーーー*/

@media screen and (min-width:980px) { 
}

/*ーーーーーーーーーーーーーーーーーー
画面ザイズ　670px
ーーーーーーーーーーーーーーーーーー*/

@media screen and (min-width:670px) { 
}

@media screen and (max-width: 768px) {
}

/*ーーーーーーーーーーーーーーーーーー
画面ザイズ　480px
ーーーーーーーーーーーーーーーーーー*/

@media screen and (max-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
  
header {
  max-width: 480px;
  width: 100%;
  height: 56px;
}
  
header ul {
 width: 100%;
}
  
header .logo {
 width: 100px;
}
  
header .logo img {
  width: 100%;
}
  
.pc-only {
  display: none;
}
.sp-only {
  display: block;
}
  
.wrap {
  max-width: 480px;
  width: 100%;
}
  
/* チェックボックスは非表示に */
.drawer-hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer-open {
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 98;/* 重なり順を一番下に */
  cursor: pointer;
  right: 0;
  position: absolute;
}

/* ハンバーガーメニューのアイコン */
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: white;
  transition: 0.5s;
  position: absolute;
}

/* 三本線のうち一番上の棒の位置調整 */
.drawer-open span:before {
  bottom: 8px;
}

/* 三本線のうち一番下の棒の位置調整 */
.drawer-open span:after {
  top: 8px;
}
  
/* メニューのデザイン*/
.drawer-content {
  width: 70%;/* ここの割合を小さくすると閉じる部分の領域が広がる */
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%;/* メニューを画面外へ */
  z-index: 100;/* 重なり順を一番上に */
  background: #fff;
  transition: .5s;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked ~ .drawer-content {
  left: 0;/* メニューを画面内へ */
}

/* メニューを閉じるための要素のデザイン*/
.drawer-close {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%;/* 閉じるための要素を画面外へ */
  z-index: 99;/* 重なり順をメニューより下に*/
  transition: .5s;
  background: #001650;
}

#drawer-check:checked ~ .drawer-close {
  left: 0;/* 閉じるための要素を画面内へ */
}
  
/* トップ */

.top {
  padding: 80px 0;
  background-position: center;
}

.top img {
  display: block;
  margin: 0 auto;
  margin-bottom: 6.18%;
  width: 71.8%;
}

.top p {
  font-size: 2.4rem;
  color: #4C4C4C;
  text-align: center;
}

.top .top-contents {
  position: absolute;
  top: 3.61%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.top .top-contents h2 {
  font-size: 2.8rem;
  color: #E33C0B;
  text-align: center;
  font-size: 1.95vw;
}

.top .top-contents a {
  color: #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, from(#02606E), to(#34CDCA));
  background: linear-gradient(left, #02606E, #34CDCA);
  display: block;
  height: 74px;
  width: 32.152%;
  margin: 0 auto;
  font-size: 2.8rem;
  padding: 25px 50px;
  width: 48%;
}

.top .text-content1 {
  background-image: url(../img/white1.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: calc(100% - 20px);
  position: initial;
  left: auto;
  top: auto;
  transform: initial;
  margin: 30px auto;
}

.top .text-content1 .txtarea {
  padding: 5%;
}

.top .text-content1 p {
  font-size: 1.8rem;
  font-weight: bold;
}

.top .text-content2 {
  background-image: none;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  position: initial;
  top: auto;
  right: auto;
}

.top .text-content2 .txtarea {
  padding-top: initial;
  padding-left: inherit;
  padding-bottom: inherit;
  width: calc(100% - 80px);
  margin: 0 auto;
  background-color: rgba(255,255,255,0.8);
  padding: 5%;
}

.top .text-content2 h2 {
  font-size: 2.8rem;
  color: #E33C0B;
  line-height: 1.5;
}

.top .text-content2 p {
  font-size: 1.6rem;
  text-align: left;
  line-height: 1.5;
}

.top .text-content2 .text-color {
  color: #E33C0B;
  font-size: 1.6rem;
}

/* SSPACE38について */

.about {
  padding-bottom: 3.6%;
}

.about p {
  color: #1A1311;
}

.about h2 {
  color: #262727;
  font-weight: normal;
}

.about .about-contents {
  margin-top: 3rem;
}

.about .about-contents .title h2 {
  position: relative;
  font-size: 3.7rem;
  display: inline-block;
  font-weight: normal;
  color: #0E2044;
  font-family: 'Noto Sans JP Bold', sans-serif;
}

.about .about-contents .title h2::after {
  content: "";
  display: block;
  width: 32.5rem;
  height: 0.978rem;
  background-color: #F38D12;
  position: absolute;
  top: 23px;
  bottom: 0;
  margin-top: 0.6rem;
}

.about .about-contents .title h3 {
  margin-top: 2.5rem;
  font-size: 2.3rem;
  color: #0E2044;
  opacity: 0.5;
  font-style: italic;
}

.about .about-contents .flex {
  display: block;
}
.about .about-contents .flex .title {
  margin-bottom: 15px;
}

.about .about-contents .flex p {
  font-size: 1.9rem;
  margin-bottom: 8px;
}

.about .about-contents .flex .img {
  width: 100%;
  padding-top: 43%;
}

.about .about-contents .text {
  background-image: url(../img/sp-about-gray.svg);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 330px;
    padding: 0 0 10px;
}

.about .about-contents .text .main {
  width: 90%;
  margin: 0 auto;
  top: 160px
}

.about .about-contents .text h2 {
  font-size: 3rem;
  margin-bottom: 3%;
  font-weight: bold;
}

.about .about-contents .text .text-two {
  display: block;
  margin: 0;
}

.about .about-contents .text .text-two p {
  font-size: 16px;
  line-height: 1.16;
}

.about .about-contents .text .text-two .text-mono {
  display: flex;
  align-items: end;
  margin-bottom: 10px;
  width: 100%;
}

.about .about-contents .text .text-two .text-mono .img {
  width: auto;
  margin-right: 4px;
}

.about .about-contents .text .text-two .text-mono .img img {
  width: 25px;
}

.about .about-contents .text .text-two .text-last {
  display: flex;
  align-items: flex-start;
  justify-content: initial;
  width: 100%;
}

.about .about-contents .text .text-two .text-last .img {
  width: 25px;
  margin-right: 8px;
}

.about .about-contents .text .text-two .text-last .img img {
  width: 25px;
}

.about .about-contents .text .first {
  margin-top: 0;
}

.about .point {
  margin-top: 4.9%;
  margin-bottom: 70px;
}

.about .point ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 87.3%;
  margin: 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
}

.about .point ul li {
  width: 100%;
  margin-bottom: 15px;
  padding-top: 33%;
}

.about .point ul .one {
  background-image: url("../img/about_one.png");
  position: relative;
}

.about .point ul .one::before{
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
}



.about .point ul .one .one-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .one .two-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .one p {
  position: absolute;
  top: 88%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #001650;
  padding: 15.5px 0.3px;
}

.about .point ul .two {
  background-image: url("../img/about_two.png");
}

.about .point ul .two .one-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .two .two-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .two p {
  position: absolute;
  top: 88%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #001650;
  padding: 15.5px 0.1px 15.5px 0px;
}

.about .point ul .two::before{
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
}

.about .point ul .three {
  background-position: inherit;
}

.about .point ul .three::before{
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
}

.about .point ul .three .one-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .three .two-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 2.8rem;
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .three p {
  position: absolute;
  top: 88%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 1.4rem;
  background-color: #001650;
  padding: 15.5px 0.3px;
}

.about .point ul .four {
  background-image: url("../img/about_four.png");
  margin-top: 1.43%;
}

.about .point ul .four::before{
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
}

.about .point ul .four .one-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .four .two-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .four p {
  position: absolute;
  top: 88%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #001650;
  padding: 15.5px 0.3px;
}

.about .point ul .five {
  background-image: url("../img/about_five.png");
  margin-top: 1.43%;
}

.about .point ul .five::before{
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
}

.about .point ul .five .one-shift {
  position: absolute;
  top: 40%;
  left: 58%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .five .two-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .five .three-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .five p {
  position: absolute;
  top: 88%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #001650;
  padding: 15.5px 0px;
}

.about .point ul .six {
  background-image: url("../img/about_six.png");
  margin-top: 1.43%;
}

.about .point ul .six::before{
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
}

.about .point ul .six .one-shift {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .six .two-shift {
  position: absolute;
  top: 50%;
  left: 70%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: normal;
  text-shadow:0 0 10px #333;
}

.about .point ul .six p {
  position: absolute;
  top: 88%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #001650;
  padding: 15.5px 0px;
}

.about .point ul h3 {
  line-height: 1.4;
}

.about .point ul p {
  color: #FFFFFF;
  font-size: 1.5rem;
  text-align: center;
}

/* アクセス */

.access {
  padding-top: 60px;
}

.access .access-img ul {
  width: calc(100% - 20px);
  position: initial;
  max-width: 480px;
  justify-content: center;
  margin: 0 auto;
}

.access .access-img li {
  width: 20%;
  margin-right: 10px;
}

.access .access-img li img {
  width: 100%;
}

.access .access-contents {
  left: 15px;
  max-width: 480px;
  width: calc(100% - 20px);
  overflow: hidden;
  top: 100px;
  position: initial;
  padding-bottom: 100px;
}

.access .access-contents .txtarea {
  display: block;
}

.access .access-contents .txtarea .txtarea-left {
  margin-left: 6.0%;
  margin-top: 11%;
  margin-right: 3.0%;
  margin-bottom: 7%;
}

.access .access-contents .txtarea .txtarea-left .title {
  margin-bottom: 30px;
}

.access .access-contents .txtarea .txtarea-left h2 {
  position: relative;
  font-size: 3.7rem;
  display: inline-block;
  font-weight: normal;
  color: #000000;
  font-family: 'Noto Sans JP Bold', sans-serif;
}

.access .access-contents .txtarea .txtarea-left h2::after {
  content: "";
  display: block;
  width: 31.8rem;
  height: 0.978rem;
  background-color: #F38D12;
  position: absolute;
  top: 23px;
  bottom: 0;
  margin-top: 0.6rem;
}

.access .access-contents .txtarea .txtarea-left h3 {
  margin-top: 2.5rem;
  font-size: 2.3rem;
  color: #0E2044;
  opacity: 0.5;
  font-style: italic;
  margin-bottom: 4.0%;
}

.access .access-contents .txtarea .txtarea-left .logo {
  margin-bottom: 20px;
  width: 120px;
}

.access .access-contents .txtarea .txtarea-left p .add .key {
  margin-bottom: 10%;
}

.access .access-contents .txtarea .txtarea-left .add {
  line-height: 18px;
}

.access .access-contents .txtarea .txtarea-left .key {
  margin-bottom: 10%;
}

.access .access-contents .txtarea .txtarea-left .contact {
  padding: 2.1rem 5.7rem;
  color: #FFFFFF;
  background-color: #1C2A55;
  border-radius: 1rem;
  font-size: 2.0rem;
  display: block;
  margin-bottom: 11px;
  text-align: center;
}

.access .access-contents .txtarea .txtarea-left .tel {
  font-size: 4rem;
  text-align: center;
}

.access .access-contents .txtarea .txtarea-left .tel a{
  color: #000000;
}

.access .access-contents .txtarea-rigth {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  margin: 0 auto;
  width: calc(100% - 30px);
}

.access .access-contents .txtarea-rigth .map {
  max-width: 480px;
  width: 100%;
  height: 240px;
}

/* ご利用までの流れ */

.disclaimer .disclaimer-back {
  background-image: url("../img/disclaimer-white.png");
  background-size: cover;
  background-position: center;
  width: 100%;
}

.disclaimer1-contents {
  margin-bottom: 30px;
}

.disclaimer1-contents h2::after {
  width: 18rem;
  top: 23px;
}

.disclaimer1-contents h3 {
}

.disclaimer1-contents .flex-item1 {
  display: block;
}

.disclaimer1-contents .flex-item1 .title {
  margin-top: 3rem;
  margin-left: 15px;
}

.disclaimer1-contents .flex-item1 .item {
  margin-top: 3rem;
  margin-left: 15px;
}

.disclaimer1-contents p {
  font-size: 2.36rem;
}

.disclaimer1-contents .flow {
  display: block;
  margin: 0 auto;
  padding-bottom: 20px;
}

.disclaimer1-contents .flex-item2 {
  display: block;
}

.disclaimer1-contents .flex-item2 .item1 {
  margin-left: 3rem;
}

.disclaimer1-contents .flex-item2 .item2 {
  margin-left: 15px;
  line-height: 1.5;
}

.disclaimer1-contents .flex-item2 p {
  font-size: 1.83rem;
}

.disclaimer2-contents {
  margin-top: 3%;
}
  
.disclaimer2-contents .title {
  margin-bottom: 15px;
}

.disclaimer2-contents h2 {
  margin-left: 15px;
}

.disclaimer2-contents h2::after {
  top: 23px;
}

.disclaimer2-contents h3 {
  margin-left: 15px;
}

.disclaimer2-contents .frame1 {
  width: calc(100% - 30px);
  margin: 0 auto;
  max-width: 480px;
}

.disclaimer2-contents .frame1 .overflow {
  padding: 16px;
}

.disclaimer2-contents .frame1 .overflow .title {
  font-size: 2rem;
  font-weight: bold;
  margin: 0;
}

.disclaimer2-contents .frame1 .overflow p {
  font-size: 1.6rem;
  line-height: 1.5;
}


/*  */

.sign-up {
  background-image: url("../img/signup-img.jpg");
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  margin-top: 4.44%;
  padding: 32px 0;
}

.sign-up .frame2 {
  padding: 0 26% 1.0% 26%;
}

.sign-up .frame2 .signup-text {
  font-size: 2.36rem;
  border: solid 1.0px;
  border-radius: 1.0%;
  padding: 3.0% 6.0%;
}

.sign-up p {
  color: #FFFFFF;
  font-size: 1.5rem;
  text-align: center;
}

.sign-up .key {
  font-size: 1.8rem;
}

.sign-up ul {
  list-style: none;
  text-align: center;
  padding-bottom: 3%;
}

.sign-up ul li {
  display: inline-block;
  font-size: 2.1rem;
}

.sign-up ul li a {
  padding: 1.5rem 16.25rem;
  color: #FFFFFF;
}

.sign-up ul li .registration {
  background-color: #001976;
  margin-right: 3.2rem;
}

.sign-up ul li .reservation {
  background: -webkit-gradient(linear, right top, left top, from(#001976), to(#34CDCA));
  background: linear-gradient(to left, #001976, #34CDCA);
}

/* 器具について */

.about-machine {
  background-image: url("../img/AdobeStock_365604773.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
  padding: 16px 0 0;
  margin-bottom: 8.0rem;
}

.about-machine .about-machine-contents {
  margin-left: 13.9rem;
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
}
  
.about-machine .about-machine-contents .title {
  margin-left: 15px;
}

.about-machine .about-machine-contents .about-machine-img1 ul li img{
  max-width: 150px;
  width: 100%;
}

.about-machine .about-machine-contents .about-machine-img2 ul li img{
  max-width: 150px;
  width: 100%;
}

.about-machine .about-machine-contents h2 {
  position: relative;
  font-size: 3.7rem;
  display: inline-block;
  font-weight: normal;
  color: #0E2044;
  font-family: 'Noto Sans JP Bold', sans-serif;
}

.about-machine .about-machine-contents h2::after {
  content: "";
  display: block;
  width: 31.8rem;
  height: 0.978rem;
  background-color: #F38D12;
  position: absolute;
  top: 23px;
  bottom: 0;
  margin-top: 0.6rem;
}

.about-machine .about-machine-contents h3 {
  margin-top: 2.5rem;
  font-size: 2.3rem;
  color: #0E2044;
  opacity: 0.5;
  font-style: italic;
  margin-bottom: 2%;
}

.about-machine .about-machine-contents p.text {
  font-size: 2.0rem;
  margin-bottom: 3.0rem;
  margin-left: 15px;
}

.about-machine .about-machine-contents ul {
  flex-wrap: wrap;
  margin-bottom: auto;
  justify-content: center;
}

.about-machine .about-machine-contents li {
  margin-right: 1.5rem;
  width: calc(50% - 56px);
  margin-bottom: 8px;
}

.about-machine .about-machine-contents .machine-text {
  line-height: 1.5;
  margin: 0 10px;
}

.about-machine .about-machine-contents .machine-text p {
  font-size: 1.8rem;
}

.facility {
  padding-bottom: 20px;
}

.facility .facility-contents .facility-box {
  top: 80px;
  max-width: 480px;
  width: 100%;
  position: initial;
}

.facility .facility-contents .facility-headline {
  margin-left: 15px;
  margin-bottom: 15px;
}

.facility .facility-contents .facility-headline .main-ttl {
  position: relative;
  font-size: 3.7rem;
  display: inline-block;
  font-weight: normal;
  color: #0E2044;
  font-family: 'Noto Sans JP Bold', sans-serif;
}

.facility .facility-contents .facility-headline .main-ttl::after {
  content: "";
  display: block;
  width: 177px;
  height: 0.978rem;
  background-color: #F38D12;
  position: absolute;
  top: 23px;
  bottom: 0;
  margin-top: 0.6rem;
}

.facility .facility-contents .facility-headline .sub-ttl {
  margin-top: 2.5rem;
  font-size: 2.3rem;
  color: #0E2044;
  opacity: 0.5;
  font-style: italic;
  margin-bottom: 2%;
}

.facility .facility-contents .facility-box .facility-item01 {
  margin-bottom: 0;
}

.facility .facility-contents .facility-box .facility-item01 ul{
  justify-content: center;
  flex-wrap: wrap;
}

.facility .facility-contents .facility-box .facility-item01 ul li{
  margin: 0 10px 10px 0;
  list-style: none;
  width: calc(50% - 56px);
}

.facility .facility-contents .facility-box .facility-item01 ul li img{ 
  max-width: 150px;
  width: 100%;
}

.facility .facility-contents .facility-box .facility-item02 {
}
  
.facility .facility-contents .facility-box .facility-item02 ul{
  justify-content: center;
  flex-wrap: wrap;
}
  
.facility .facility-contents .facility-box .facility-item02 ul li{
   margin: 0 10px 10px 0;
  list-style: none;
  width: calc(50% - 56px);
}

.facility .facility-contents .facility-box .facility-item02 ul li img{
  max-width: 150px;
  width: 100%;
}

/* 設備の注意　追加2020.11.11 */
facility-box .attention p{
  color: #fff;
}



/* 料金 */

.price .back-ground {
  width: 100%;
}

.price h2 {
  margin-left: 15px;
}

.price h2::after {
  content: "";
  display: block;
  width: 32.0rem;
  height: 0.978rem;
  background-color: #F38D12;
  position: absolute;
  top: 23px;
  bottom: 0;
  left: 2%;
  margin-top: 0.6rem;
}

.price h3 {
  margin-left: 15px;
}

.price .price-contents {
  text-align: center;
}

.price .text{
  margin-top: 3rem;
}

.price .text p {
  padding: 0 15px;
}

.price .tables {
  flex-wrap: wrap;
}

.price .tables .left-table {
  width: 100%;
  margin-bottom: 14px;
}

.price .tables .left-table h3 {
  padding: 8px 0;
}

.price .tables .left-table .white {
  padding: 16px 0;
}

.price .tables .left-table .white .prices {
  width: 78.8%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.price .tables .left-table .white .prices .price {
  width: 30%;
}

.price .tables .left-table .white .prices .price h4 {
  font-size: 2.8rem;
}

.price .tables .left-table .white .prices .price p {
  font-size: 3.4rem;
  font-size: 2.3vw;
  color: #172245;
}

.price .tables .left-table .white .prices .price p span {
  font-size: 5.7rem;
  font-size: 3.96vw;
}

.price .tables table {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #333;
}

.priceTable{
  table-layout: fixed;
  width: 100%;
}

.price .tables table tr th {
  font-size: 3.8rem;
  font-size: 2.64vw;
  padding: 3.2% 0;
  border-collapse: collapse;
  border: 2px solid #333;
  font-weight: normal;
}

.price .tables table tr .left {
  background-color: #1C2A55;
  color: #fff;
}

.price .tables table tr .right {
  background-color: #F39800;
  color: #000000;
}

.price .tables table tr td {
  font-size: 3.5rem;
  padding: 8px 0;
  border-collapse: collapse;
  border: 2px solid #333;
}

.price .tables table tr td span {
  font-size: 2rem;
  font-size: 1.39vw;
}

.price .text-color {
  font-size: 3.1rem;
}

.price .price-bottom {
  font-size: 2.4rem;
  text-align: center;
  margin-top: 2.15%;
  margin-bottom: 2%;
}

/* ライン */

.line {
  margin-bottom: 88px;
}

/* フッター */

.footer-area {
  position: fixed;
  bottom: 0;
  top: inherit;
  width: 100%;
}

.footer-area .footer-box {
  display: block;
}

.footer-area .footer-box ul {
  margin-bottom: 8px;
}

.footer-area .footer-box li {
  padding-left: 8px;
}
  
.footer-area .footer-box li img{
  width: 30px;
  height: 30px;
}

.footer-area .footer-box .footer-box__txt {
  color: white;
  margin-left: 20px
}


.footer-area .footer-btn {
  text-align: center;
  margin: 0 8px 0 10px;
  padding: 20px 8px;
  width: 203px;
}

.footer-area .footer-btn a {
  padding: 10px 8px;
  
}

.footer-area .footer-btn a::after {
  position: absolute;
}

}

/*# sourceMappingURL=style.css.map */