@charset "UTF-8";
/* 縦横中央・GRID */
/* テスト用ボーダー 20210116 */
/* テスト用背景色 */
/*-----------------------
 common
------------------------*/
body {
  background-color: #eee; }

.content {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center; }

.content .inner {
  margin: 0 auto;
  text-align: center;
  background-color: #fff; }

.content .ttl-sect {
  padding: 0.5em 1em;
  margin-bottom: 0.5em;
  background-color: #3399cc;
  text-align: center;
  text-shadow: 0.01em 0.01em 0 #3399cc;
  color: #fff; }

.content .ttl-subj {
  padding: 0.5em 1em;
  margin-bottom: 0.5em;
  background-color: #eee;
  text-align: center;
  text-shadow: 0.01em 0.01em 0 #3399cc;
  color: #000; }

/*-----------------------
 #topics
------------------------*/
#topics .inner .wrap {
  padding: 0 15px; }

/*-----------------------
 #pickup
------------------------*/
#pickup .inner {
  padding: 10px; }

#pickup .inner .wrap {
  display: block;
  margin: 5px;
  padding: 1.5em;
  border: 4px solid #3399cc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 767px) {
    #pickup .inner .wrap {
      margin: 0;
      border: 0;
      padding: 15px 5px 0; } }

#pickup #cashless {
  margin-bottom: 1em; }

#pickup #cashless .desc {
  display: inline-block;
  margin: 0 auto 1em;
  border-bottom: 1px dashed #000;
  color: #000;
  text-shadow: 0.02em 0.02em 0 #000;
  padding: 0.2em 0; }

#pickup #cashless .desc {
  font-size: 18px; }
  @media only screen and (max-width: 1140px) {
    #pickup #cashless .desc {
      font-size: 2.3468057366%; } }
  @media only screen and (max-width: 1140px) and (max-width: 1024px) {
    #pickup #cashless .desc {
      font-size: 1.7578125vw; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    #pickup #cashless .desc {
      font-size: 110%; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 375px) {
    #pickup #cashless .desc {
      font-size: 110%; } }

/* font-size */
#pickup #cashless .desc {
  font-size: 32px; }
  @media only screen and (max-width: 1140px) {
    #pickup #cashless .desc {
      font-size: 4.1720990874%; } }
  @media only screen and (max-width: 1140px) and (max-width: 1024px) {
    #pickup #cashless .desc {
      font-size: 3.125vw; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    #pickup #cashless .desc {
      font-size: 130%; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 375px) {
    #pickup #cashless .desc {
      font-size: 110%; } }

#pickup #cashless .desc span {
  display: inline-block;
  margin-right: 0.5em;
  text-shadow: 0.02em 0.02em 0 #000 !important; }
  #pickup #cashless .desc span:last-of-type {
    margin-right: 0; }

#pickup #cashless .ttl {
  width: 100%;
  text-align: center;
  margin-bottom: 1em; }
  @media only screen and (max-width: 375px) {
    #pickup #cashless .ttl {
      margin-bottom: 10px; } }

#pickup #cashless .ttl img {
  width: auto;
  margin: 0 auto; }
  @media only screen and (max-width: 767px) {
    #pickup #cashless .ttl img {
      width: 70%;
      height: auto; } }
  @media only screen and (max-width: 767px) and (max-width: 375px) {
    #pickup #cashless .ttl img {
      width: 90%;
      height: auto; } }

#pickup #cashless .img1,
#pickup #cashless .img2,
#pickup #cashless .img3 {
  width: 33%;
  padding: 0 1em; }
  #pickup #cashless .img1 img,
  #pickup #cashless .img2 img,
  #pickup #cashless .img3 img {
    width: 100%;
    height: auto; }
  @media only screen and (max-width: 375px) {
    #pickup #cashless .img1,
    #pickup #cashless .img2,
    #pickup #cashless .img3 {
      width: 100%;
      padding: 5px;
      margin-bottom: 1em; }
      #pickup #cashless .img1.img3,
      #pickup #cashless .img2.img3,
      #pickup #cashless .img3.img3 {
        width: 45%; } }

#pickup #cashless .img2,
#pickup #cashless .img3 {
  border-left: 1px solid #000; }
  @media only screen and (max-width: 375px) {
    #pickup #cashless .img2,
    #pickup #cashless .img3 {
      border-left: 0; } }

@media only screen and (max-width: 375px) {
  #pickup #cashless {
    border-bottom: 2px solid #3399cc; } }

#pickup #bn-subsc .img1,
#pickup #bn-subsc .img2,
#pickup #bn-subsc .img3 {
  padding: 0 1em; }

#pickup #bn-subsc .img1 {
  width: 25%; }

#pickup #bn-subsc .img2 {
  width: 38%; }

#pickup #bn-subsc .img3 {
  width: 33%; }

@media only screen and (max-width: 767px) {
  #pickup #bn-subsc .img {
    padding: 0 5px;
    margin-bottom: 1em;
    border-left: 0; } }
  @media only screen and (max-width: 767px) and (max-width: 375px) {
    #pickup #bn-subsc .img {
      margin-bottom: 0.5em; }
      #pickup #bn-subsc .img.img1 {
        width: 55%; }
      #pickup #bn-subsc .img.img2 {
        width: 55%; }
      #pickup #bn-subsc .img.img3 {
        width: 45%; } }

#pickup #bn-subsc .arrow {
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 200%;
  color: #ff3300; }
  @media only screen and (max-width: 375px) {
    #pickup #bn-subsc .arrow {
      font-size: 120%;
      line-height: 1.2; } }

#pickup #bn-subsc:hover {
  background-color: #eee; }

/*-----------------------
 #equipment
------------------------*/
#equipment .inner .wrap .ttl-subj {
  margin: 0 0.5em; }

#equipment .inner .wrap .list-root {
  padding: 1em;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 375px) {
    #equipment .inner .wrap .list-root {
      padding: 10px 0; } }

#equipment .inner .wrap .list-item {
  width: 49%;
  margin-bottom: 1.5em; }
  @media only screen and (max-width: 375px) {
    #equipment .inner .wrap .list-item {
      margin-bottom: 0.8em; } }

#equipment .inner .wrap .list-item .cap {
  padding: 0.8em 0;
  font-weight: bold; }
  @media only screen and (max-width: 767px) {
    #equipment .inner .wrap .list-item .cap {
      text-align: left; } }
  @media only screen and (max-width: 767px) and (max-width: 375px) {
    #equipment .inner .wrap .list-item .cap {
      font-size: 75%; } }

#equipment .inner .wrap .list-item#eq-item01 {
  width: 100%;
  margin-bottom: 1em; }

#equipment .inner .wrap .bubble .list-item .cap {
  font-weight: normal; }

#equipment .inner .wrap .bubble .list-item .cap span {
  font-size: 1em;
  display: inline-block; }
@media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
  #equipment .inner .wrap .bubble .list-item .cap span {
    display: inline; } }

#equipment .inner .wrap .list-item#eq-item06 {
  width: 100%;
  padding: 0.5em;
  border: 1px solid #ccc; }

#equipment .inner .wrap .list-item#eq-item06 .list-child {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#equipment .inner .wrap .list-item#eq-item06 .list-child:after {
  content: "";
  display: block;
  width: 32%; }

#equipment .inner .wrap .list-item#eq-item06 .list-child li {
  width: 49%;
  text-align: left; }

#equipment .inner .wrap .list-item#eq-item06 .list-child li .cap {
  text-align: left;
  font-weight: normal;
  font-size: 95%;
  line-height: 1.6; }

#equipment .inner .wrap .list-item#eq-item06 .list-child li .cap .subj {
  display: block;
  font-weight: bold; }

#equipment .inner .wrap .list-item#eq-item06 .list-child li .cap .subj:before {
  content: "【"; }

#equipment .inner .wrap .list-item#eq-item06 .list-child li .cap .subj:after {
  content: "】"; }

#equipment .inner .wrap .list-item#eq-item06 .img {
  text-align: left; }

#equipment .inner .wrap .list-item#eq-item08 .cap span {
  display: inline-block; }

#equipment .inner .wrap .list-item#eq-item08 .cap span:after {
  content: "・"; }

#equipment .inner .wrap .list-item#eq-item08 .cap span:last-of-type:after {
  content: ""; }

#equipment .inner .wrap .list-item#eq-item13 .img {
  background: url(../image/surluster2.jpg) top center no-repeat;
  background-size: contain; }

/*-----------------------
 #bn-washpass
------------------------*/
#bn-washpass .inner {
  padding: 1.5em 1em; }

#bn-washpass .wrap img {
  width: auto; }
  @media only screen and (max-width: 767px) {
    #bn-washpass .wrap img {
      width: 80%;
      height: auto; } }
  @media only screen and (max-width: 767px) and (max-width: 375px) {
    #bn-washpass .wrap img {
      width: 100%;
      height: auto; } }

/*-----------------------
 #price
------------------------*/
#price .list-root {
  padding: 0 1em; }
  @media only screen and (max-width: 375px) {
    #price .list-root {
      padding: 0; } }

#price .list-item {
  padding: 1em 0;
  border-bottom: 1px solid #3399cc;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #price .list-item:first-of-type, #price .list-item:last-of-type {
    border-bottom: 0; }
  @media only screen and (max-width: 767px) {
    #price .list-item {
      padding: 0.5em 0; } }

#price .list-item .col {
  padding: 0 1em;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 375px) {
    #price .list-item .col {
      padding: 0; } }

#price .list-item .col4-1,
#price .list-item .col2-1 {
  width: 41.8%;
  text-align: left;
  padding: 0.5em 1em; }
  @media only screen and (max-width: 767px) {
    #price .list-item .col4-1,
    #price .list-item .col2-1 {
      padding: 0.2em; } }

#price .list-item .col4-1 .img {
  width: 100%;
  text-align: left; }

#price .list-item .col4-1 .img img {
  width: auto;
  height: auto; }
  @media only screen and (max-width: 767px) {
    #price .list-item .col4-1 .img img {
      width: 100%;
      height: auto; } }

@media only screen and (max-width: 767px) {
  #price .list-item#item01 .col4-1 .img img,
  #price .list-item#item02 .col4-1 .img img,
  #price .list-item#item03 .col4-1 .img img {
    width: auto;
    height: auto; } }
  @media only screen and (max-width: 767px) and (max-width: 375px) {
    #price .list-item#item01 .col4-1 .img img,
    #price .list-item#item02 .col4-1 .img img,
    #price .list-item#item03 .col4-1 .img img {
      width: 100%;
      height: auto; } }

#price .list-item .col4-1 .desc {
  width: 100%;
  text-align: left;
  padding: 0.5em 0;
  font-size: 75%; }

#price .list-item .col4-1 .desc.link {
  display: block;
  text-align: center;
  color: blue;
  font-weight: bold; }
  @media only screen and (max-width: 767px) {
    #price .list-item .col4-1 .desc.link {
      text-align: left;
      font-size: 65% !important; } }

#price .list-item .col4-2,
#price .list-item .col4-3,
#price .list-item .col4-4 {
  width: 19.4%;
  text-align: center; }

#price .list-item#item11 .col2-1 {
  width: 41.8%;
  text-align: left; }

#price .list-item#item11 .col2-2 {
  width: 55%;
  text-align: left; }

#price .list-item.subj .img {
  width: 100%;
  text-align: right; }
  #price .list-item.subj .img img {
    width: 58.2%; }

#price .list-item .notes {
  padding: 0 1em;
  text-align: left; }

/*-----------------------
 #subsc
------------------------*/
#subsc .inner {
  padding: 15px; }
  @media only screen and (max-width: 375px) {
    #subsc .inner {
      padding: 10px; } }

#subsc .inner .wrap {
  margin-bottom: 50px; }
  #subsc .inner .wrap:last-of-type {
    margin-bottom: 0; }
  @media only screen and (max-width: 1140px) {
    #subsc .inner .wrap {
      margin-bottom: 6.518904824%; } }
  @media only screen and (max-width: 1140px) and (max-width: 1024px) {
    #subsc .inner .wrap {
      margin-bottom: 4.8828125vw; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    #subsc .inner .wrap {
      margin-bottom: 6.518904824vw; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 375px) {
    #subsc .inner .wrap {
      margin-bottom: 13.3333333333vw; } }

#subsc .inner #appli1 #dl {
  margin-top: 1em;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (max-width: 375px) {
    #subsc .inner #appli1 #dl {
      -js-display: flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

#subsc .inner #appli1 #dl .btn {
  display: inline-block; }
  #subsc .inner #appli1 #dl .btn img {
    width: 100%;
    height: auto; }

#subsc .inner #appli1 #dl .btn {
  width: 32%;
  margin: 2px; }
  @media only screen and (max-width: 375px) {
    #subsc .inner #appli1 #dl .btn {
      width: 48%; } }

#subsc .inner #appli1 #dl .num {
  width: 32%;
  margin: 2px; }
  @media only screen and (max-width: 375px) {
    #subsc .inner #appli1 #dl .num {
      width: 100%; } }

/*-----------------------
 #map
------------------------*/
#map .inner {
  position: relative;
  width: 767px;
  height: 0;
  padding-top: 450px; }
  @media only screen and (max-width: 1140px) {
    #map .inner {
      width: 100%;
      padding-top: 58.6701434159%; } }
  @media only screen and (max-width: 1140px) and (max-width: 1024px) {
    #map .inner {
      padding-top: 43.9453125vw; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) {
    #map .inner {
      padding-top: 58.6701434159vw; } }

  @media only screen and (max-width: 1140px) and (max-width: 1024px) and (max-width: 767px) and (max-width: 375px) {
    #map .inner {
      padding-top: 200px; } }

#map .inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }