@charset "UTF-8";
a:hover img {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha( opacity=90 )";
}

div#printImg {
  display: none;
}

body {
  text-align: center;
  font-size: 18px;
  line-height: 160%;
  background-color: #FFFFFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
  padding: 0;
  margin: 0;
}

area {
  border: none;
  outline: none;
}

/*h1 img,h2 img,h3 img,h4 img,h5 img,h6 img,p img, li img{vertical-align:bottom;}*/
a, a img {
  border: none;
}

ol, ul {
  list-style: none;
}

.left {
  float: left;
}

.right {
  float: right;
}

.br-pc {
  display: block;
}

.br-sp {
  display: none;
}

div#header {
  width: 1000px;
  margin: 0 auto;
  height: 80px;
  overflow: hidden;
}

div#header h1 {
  margin: 3% auto 0 1%;
  text-align: left;
  position: relative;
  float: left;
}

div#header h1 img {
  width: 70%;
}

div#header h2 {
  margin: 1% auto 0 auto;
  position: relative;
  float: right;
}

/*////////////////////////アプリページ////////////////////////*/
/*////////////基本の設定////////////*/
/*color*/
/*font-family*/
/*font-size*/
/*line-height*/
/*letter-spacing*/
/*flex*/
.fx {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 750px) {
  .fx--sp-block {
    display: block;
  }
  .fx--sp-item-s {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
  }
}
.fx--item-s {
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}

.fx--item-c {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fx--item-e {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.fx--jc-st {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.fx--jc-e {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.fx--jc-sb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fx--dir-r-r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media screen and (max-width: 750px) {
  .fx--sp-dir-r-r {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.fx--wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.fx--dir-c {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.fx--dir-cr {
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          flex-direction: column-reverse;
}

@media screen and (max-width: 750px) {
  .fx--sp-dir-cr {
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
  }
}
.fx--two div {
  -ms-flex-preferred-size: calc((100% - 1.2rem) / 2);
      flex-basis: calc((100% - 1.2rem) / 2);
}

@media (max-width: 750px) {
  .fx--two div {
    -ms-flex-preferred-size: calc((100% - 0.6rem) / 2);
        flex-basis: calc((100% - 0.6rem) / 2);
  }
}
/*flex*/
/*margin*/
.mb-lg {
  margin-bottom: 10% !important;
}

.mb-lmd {
  margin-bottom: 8% !important;
}

.mb-md {
  margin-bottom: 5% !important;
}

.mb-sm {
  margin-bottom: 3% !important;
}

.mb-xsm {
  margin-bottom: 1% !important;
}

.mb-xxsm {
  margin-bottom: 0.5% !important;
}

@media (max-width: 750px) {
  .mb-lg {
    margin-bottom: 16% !important;
  }
  .mb-lmd {
    margin-bottom: 14% !important;
  }
  .mb-md {
    margin-bottom: 10% !important;
  }
  .mb-sm {
    margin-bottom: 8% !important;
  }
  .mb-xsm {
    margin-bottom: 5% !important;
  }
}
/*padding*/
.pb-lg {
  padding-bottom: 10% !important;
}

.pb-md {
  padding-bottom: 5% !important;
}

.pb-sm {
  padding-bottom: 3% !important;
}

.pb-xsm {
  padding-bottom: 1% !important;
}

.pt-md {
  padding-top: 5% !important;
}

@media (max-width: 750px) {
  .pb-lg {
    padding-bottom: 16% !important;
  }
  .pb-md {
    padding-bottom: 11% !important;
  }
  .pb-sm {
    padding-bottom: 9% !important;
  }
  .pb-xsm {
    padding-bottom: 7% !important;
  }
  .pt-md {
    padding-top: 11% !important;
  }
}
/*innerのpadding*/
.ptb-inner {
  padding-top: 8%;
  padding-bottom: 8%;
}

@media (max-width: 750px) {
  .ptb-inner {
    padding-top: 10%;
    padding-bottom: 10%;
  }
}
/*ページ全体にかかる設定*/
.all_contents {
  text-align: left;
  background-color: #4fcfff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.all_contents a {
  text-decoration: none;
  color: inherit;
}
.all_contents p {
  color: #2c2c2c;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.8rem;
  letter-spacing: -0.03em;
}
.all_contents img {
  width: 100%;
}
.all_contents .box-con {
  max-width: 940px;
  margin: auto;
}
.all_contents .box-con .inner-con {
  margin: auto 3%;
}
.all_contents .box-con .inner-con .inner-inner-con {
  margin: auto 10%;
}

#footer {
  background-color: #37acf6 !important;
}

/*////////////基本の設定////////////*/
/*////////////個別の設定////////////*/
/*///メインイメージ///*/
.main_img {
  background-image: url("../img/app-main-img_back.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  min-height: 960px;
}
.main_img .box-con .inner-con {
  padding-top: 20%;
  padding-bottom: 10%;
}
.main_img .box-con .inner-con .main-left {
  text-align: center;
}
.main_img .box-con .inner-con .main-left .app-icon img {
  max-width: 150px;
  -webkit-filter: drop-shadow(0 0 0.25rem #cccccc);
          filter: drop-shadow(0 0 0.25rem #cccccc);
}
.main_img .box-con .inner-con .main-left .txt p {
  font-size: 1.68rem;
  line-height: 2.52rem;
}

/*///メインイメージ///*/
/*///メインコンテンツ///*/
.main-contents {
  background-image: url("../img/app-main_back.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.main-contents .app-point .inner-con {
  border-radius: 30px;
  background-color: #d9f3ff;
}
.main-contents .app-point .inner-con .inner-inner-con .ttl img {
  -ms-flex-preferred-size: calc(10% - 1rem);
      flex-basis: calc(10% - 1rem);
}
.main-contents .app-point .inner-con .inner-inner-con .ttl h4 {
  -ms-flex-preferred-size: calc(90% - 1rem);
      flex-basis: calc(90% - 1rem);
  font-weight: bold;
  color: #37acf6;
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: 0em;
}
.main-contents .app-point .inner-con .inner-inner-con .ttl h4 span {
  display: inline;
  padding-bottom: 1%;
  border-bottom: 2px solid #37acf6;
}
.main-contents .app-point .inner-con .inner-inner-con .fx--3-7 .img {
  -ms-flex-preferred-size: calc(30% - 1rem);
      flex-basis: calc(30% - 1rem);
}
.main-contents .app-point .inner-con .inner-inner-con .fx--3-7 .txt {
  -ms-flex-preferred-size: calc(70% - 1rem);
      flex-basis: calc(70% - 1rem);
}
.main-contents .app-dl-now .inner-con {
  padding-top: 4%;
  padding-bottom: 4%;
  border-radius: 30px;
  background-color: #d9f3ff;
  margin-bottom: 5%;
}
.main-contents .app-dl-now .inner-con .inner-inner-con h4 {
  margin-bottom: 3%;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 3.3rem;
  letter-spacing: 0em;
  text-align: center;
}
.main-contents .app-dl-now .inner-con .inner-inner-con .fx--3-7 .app-icon {
  -ms-flex-preferred-size: calc(25% - 1rem);
      flex-basis: calc(25% - 1rem);
}
.main-contents .app-dl-now .inner-con .inner-inner-con .fx--3-7 .dl-icon {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.main-contents .app-dl-now .inner-con .inner-inner-con .app-icon {
  -webkit-filter: drop-shadow(0 0 0.25rem #cccccc);
          filter: drop-shadow(0 0 0.25rem #cccccc);
}
.main-contents .app-dl-now .inner-con .dl-icon .fx {
  margin-bottom: 3%;
}
.main-contents .app-dl-now .inner-con .dl-icon .fx div {
  border-radius: 8px;
}
.main-contents .app-dl-now .inner-con .dl-icon .fx div p {
  color: #fff;
  text-align: center;
  padding: 5%;
  font-weight: bold;
}
.main-contents .app-dl-now .inner-con .dl-icon .fx div p span {
  font-size: 80%;
  font-weight: normal;
}
.main-contents .app-dl-now .inner-con .dl-icon .fx div:first-child {
  -ms-flex-preferred-size: calc(50% - 0.5rem);
      flex-basis: calc(50% - 0.5rem);
  background: #00b0f0;
}
.main-contents .app-dl-now .inner-con .dl-icon .fx div:last-child {
  -ms-flex-preferred-size: calc(50% - 0.5rem);
      flex-basis: calc(50% - 0.5rem);
  background: #00b0f0;
}
.main-contents .app-dl-now .inner-con .dl-icon .fx div :hover {
  opacity: 0.8;
}
.main-contents .app-dl-now .inner-con .dl-icon .txt {
  background-color: #fff;
  border-radius: 10px;
  padding: 3% 5%;
}

/*///メインコンテンツ///*/
/*////////////個別の設定////////////*/
/*/////////レスポンシブ/////////*/
@media (min-width: 751px) {
  .for-pc {
    display: block;
  }
  .for-sp {
    display: none;
  }
}
@media (max-width: 750px) {
  .for-pc {
    display: none;
  }
  .for-sp {
    display: block;
  }
}
@media (max-width: 750px) {
  .all_contents p {
    font-size: 0.54rem;
    line-height: 0.81rem;
    letter-spacing: -0.036em;
  }
  .all_contents img {
    width: 100%;
  }
  .all_contents .box-con .inner-con .inner-inner-con {
    margin: auto 8%;
  }
}
/*///header///*/
@media (max-width: 1000px) {
  div#header {
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    width: 100%;
    height: auto;
  }
  div#header h2 {
    margin: 1% auto 0 auto;
    width: 50%;
  }
  div#header h2 img {
    margin: 1% auto 3% auto;
    width: 90%;
  }
}
/*///header///*/
/*///メインイメージ///*/
@media (max-width: 750px) {
  .main_img {
    min-height: 100vw;
  }
  .main_img .box-con .inner-con .main-left .app-icon img {
    max-width: 60px;
  }
  .main_img .box-con .inner-con .main-left .txt p {
    font-weight: 800;
    font-size: 0.702rem;
    line-height: 1.053rem;
    letter-spacing: -0.06em;
  }
}
/*///メインイメージ///*/
/*///メインコンテンツ///*/
@media (max-width: 750px) {
  .main-contents .app-point .inner-con {
    border-radius: 15px;
  }
  .main-contents .app-point .inner-con .inner-inner-con .ttl .img {
    -ms-flex-preferred-size: calc(12% - 0.25rem);
        flex-basis: calc(12% - 0.25rem);
  }
  .main-contents .app-point .inner-con .inner-inner-con .ttl h4 {
    -ms-flex-preferred-size: calc(88% - 0.25rem);
        flex-basis: calc(88% - 0.25rem);
    font-weight: bold;
    font-size: 0.9rem;
    line-height: 1.35rem;
    letter-spacing: -0.05em;
  }
  .main-contents .app-point .inner-con .inner-inner-con .ttl h4 span {
    border-bottom: 1px solid #37acf6;
  }
  .main-contents .app-point .inner-con .inner-inner-con .fx--3-7 .img {
    -ms-flex-preferred-size: calc(40% - 0.5rem);
        flex-basis: calc(40% - 0.5rem);
  }
  .main-contents .app-point .inner-con .inner-inner-con .fx--3-7 .txt {
    -ms-flex-preferred-size: calc(60% - 0.5rem);
        flex-basis: calc(60% - 0.5rem);
  }
  .main-contents .app-dl-now .inner-con {
    padding-top: 4%;
    padding-bottom: 4%;
    border-radius: 15px;
  }
  .main-contents .app-dl-now .inner-con .inner-inner-con h4 {
    margin-bottom: 3%;
    font-size: 0.99rem;
    line-height: 1.485rem;
    letter-spacing: -0.05em;
  }
  .main-contents .app-dl-now .inner-con .inner-inner-con .fx--3-7 .app-icon {
    -ms-flex-preferred-size: calc(25% - 0.5rem);
        flex-basis: calc(25% - 0.5rem);
  }
  .main-contents .app-dl-now .inner-con .inner-inner-con .fx--3-7 .dl-icon {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .main-contents .app-dl-now .inner-con .inner-inner-con .dl-icon .fx {
    margin-bottom: 3%;
  }
  .main-contents .app-dl-now .inner-con .inner-inner-con .dl-icon .fx div:first-child {
    -ms-flex-preferred-size: calc(50% - 0.5rem);
        flex-basis: calc(50% - 0.5rem);
  }
  .main-contents .app-dl-now .inner-con .inner-inner-con .dl-icon .fx div:last-child {
    -ms-flex-preferred-size: calc(50% - 0.5rem);
        flex-basis: calc(50% - 0.5rem);
  }
  .main-contents .app-dl-now .inner-con .inner-inner-con .dl-icon .txt {
    background-color: #fff;
    border-radius: 10px;
    padding: 3% 5%;
  }
}
/*///メインコンテンツ///*/
/*////////////////////////アプリページ////////////////////////*/
.btn_b {
  width: 60%;
  text-align: center;
  margin: 4% auto 10%;
  font-size: 140%;
}

.btn_b a {
  color: #fffc00;
  display: block;
  background: #0047bb;
  line-height: 60px;
  font-weight: bold;
  border-radius: 30px;
  -webkit-border-radius: 30px; /* for Safari and Chrome 対応*/
  -moz-border-radius: 30px; /* for Firefox 対応*/
}

.caption {
  width: 940px;
  margin: 2% auto 2% auto;
  text-align: left;
  font-size: 80%;
  font-weight: bold;
  line-height: 120%;
}

.caution {
  color: #AD2227;
  font-weight: bold;
}

@media print {
  body {
    width: 1000px;
  }
  .reservebtn {
    display: none;
  }
  .switch {
    visibility: hidden;
  }
}
/*============================
#footerArea
============================*/
#footer {
  width: 100%;
  background-color: #bd1e30;
}
#footer p.copy {
  background-color: #fff;
  padding: 1%;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "Hiragino Maru Gothic W4 JIS2004", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 1000px) {
  #footer p.copy {
    font-size: 60%;
  }
}

#footer #footerArea {
  width: 1000px;
  margin: 0 auto;
  padding: 6% 0 0 0;
}
@media only screen and (max-width: 1000px) {
  #footer #footerArea {
    width: 97%;
    margin: 0 auto;
    padding: 8% 0% 3% 0%;
  }
}
#footer #footerArea h3 {
  color: #fff;
  font-size: 3rem;
  margin: 0 0 5%;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "Hiragino Maru Gothic W4 JIS2004", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 1000px) {
  #footer #footerArea h3 {
    font-size: 1.6rem;
  }
}
#footer #footerArea dl.sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 5%;
}
#footer #footerArea dl.sns img {
  width: 100%;
}
#footer #footerArea dl.sns dd {
  width: 8%;
  padding: 2%;
}
@media only screen and (max-width: 1000px) {
  #footer #footerArea dl.sns dd {
    width: 14%;
    padding: 2%;
  }
}
#footer #footerArea dl.bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 5%;
}
#footer #footerArea dl.bnr img {
  width: 100%;
}
#footer #footerArea dl.bnr dd {
  width: 30%;
  padding: 1%;
}
@media only screen and (max-width: 1000px) {
  #footer #footerArea dl.bnr dd {
    width: 46%;
    padding: 2%;
  }
}
#footer #footerArea dl.notic {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 5%;
}
#footer #footerArea dl.notic img {
  width: 100%;
}
#footer #footerArea dl.notic dt {
  width: 56%;
  padding: 2%;
  font-size: 80%;
  line-height: 130%;
}
@media only screen and (max-width: 1000px) {
  #footer #footerArea dl.notic dt {
    width: 100%;
    font-size: 70%;
    line-height: 120%;
  }
}
#footer #footerArea dl.notic dt ul li {
  padding-left: 1em;
  text-indent: -1em;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "Hiragino Maru Gothic W4 JIS2004", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer #footerArea dl.notic dd {
  width: 36%;
  padding: 2%;
}
@media only screen and (max-width: 1000px) {
  #footer #footerArea dl.notic dd {
    width: 50%;
  }
}/*# sourceMappingURL=app2024.css.map */