@charset "UTF-8";

.allWrap {
  /* all
  ***************************************************/
  /* header
  ***************************************************/
  /* main
  ***************************************************/
  /* about
  ***************************************************/
  /* photo-bg
  ***************************************************/
  /* story
  ***************************************************/
  /* stay plan
  ***************************************************/
  /*.list{margin:0; padding-left: 0.875rem;}
  .list > li{margin-bottom:20px;}
  .list02{padding-left:  0.875rem;}
  .list02 > li {list-style-type: none; counter-increment: cnt; position: relative;margin-bottom: 10px;}
  .list02 > li:before {content: "(" counter(cnt) ")";text-align: right;position: absolute;top: 0;left: -30px;}
  .list03{padding-left:  0.875rem;}*/
  /* stay photo
  ***************************************************/
  /* プラン内容
  ***************************************************/
  /* voice
  ***************************************************/
  /* ご予約
  ***************************************************/
  /* ご予約 ポップアップ
  ***************************************************/
  /* takarush
  ***************************************************/
  /* movie
  ***************************************************/
  /* footer
  ***************************************************/
  /* floating-banner
  ***************************************************/
  /* animation
  ***************************************************/
  /*現在地表示のテキストの設定*/
  /*768px以下は現在地表示のテキストを非表示*/
  /*modal
  *****************************************************/
  /*modal
  *****************************************************/
  /*g-nav
  *****************************************************/
  /*アクティブになったエリア*/
  /*丸の拡大*/
  /*ナビゲーションの縦スクロール*/
  /*ナビゲーション*/
  /*背景が出現後にナビゲーションを表示*/
  /* 背景が出現後にナビゲーション li を表示※レイアウトによって調整してください。不必要なら削除*/
  /*#g-nav ul li::after {
  	position: absolute;
  	left: 10px;
  	top: 16px;
  	content: ">";
  	color: #fff;
  	font-family: FontAwesome;
  }*/
  /*リストのレイアウト設定*/
  /*========= ボタンのためのCSS ===============*/
  /*×に変化*/
}

.allWrap #wrapper {
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "メイリオ", "Meiryo", "HGS明朝B", "HG明朝B", "ＭＳ 明朝", serif;
  background: #002d16;
}

.allWrap .font-gothic {
  font-family: "Meiryo UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "MS PGothic", sans-serif;
}

.allWrap #wrapper h1,
.allWrap #wrapper h2,
.allWrap #wrapper p {
  margin: 0;
}

.allWrap #wrapper h2 {
  font-size: 4.2rem;
}

.allWrap .wrapInner {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
}

.allWrap .wrapInner02 {
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
}

.allWrap .textAreaInner {
  margin-top: 50px;
}

.allWrap .box {
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.allWrap .-c-p1 {
  color: #ee7171;
}

.allWrap .-c-p2 {
  color: #ffe0e0;
}

.allWrap .-c-w {
  color: #fff;
}

.allWrap .-c-r {
  color: #820606;
}

.allWrap a.-c-w {
  color: #fff !important;
  text-decoration: none;
}

.allWrap .-f-b {
  font-size: 1.8rem;
}

.allWrap .-f-b2 {
  font-size: 1.4rem;
}

.allWrap .-f-b3 {
  font-size: 1.2rem;
}

.allWrap .-f-s {
  font-size: 0.84rem;
}

.allWrap .-l-h {
  line-height: 1.5rem;
}

.allWrap .-t-i {
  padding-left: 1.3em;
  text-indent: -1.3em;
}

.allWrap .btn,
.allWrap .link {
  transition: all 0.4s;
}

.allWrap .btn {
  display: inline-block;
  text-decoration: none;
  letter-spacing: 0.05rem;
  cursor: pointer;
}

.allWrap .btn:hover {
  text-decoration: none;
}

.allWrap .mark {
  background: -webkit-linear-gradient(transparent 50%, #fbff88 0%);
  background: -o-linear-gradient(transparent 50%, #fbff88 0%);
  background: linear-gradient(transparent 50%, #fbff88 0%);
}

@media screen and (max-width: 768px) {
  .allWrap .-f-b {
    font-size: 1.4rem;
  }

  .allWrap .-f-b2 {
    font-size: 1rem;
  }

  .allWrap .-f-b3 {
    font-size: 0.8rem;
  }

  .allWrap .-f-s {
    font-size: 0.7rem;
  }

  .allWrap .box {
    padding: 20px;
    height: auto;
  }

  .allWrap #wrapper h2 {
    font-size: 2.2rem;
  }

  .allWrap .textAreaInner {
    margin-top: 16px;
  }
}

.allWrap #header {
  position: relative;
}

.allWrap .top_imgBox {
  height: auto;
  overflow: hidden;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}

.allWrap .top_imgBox img {
  width: 100%;
}

.allWrap .reserveTitle02 {
  width: 100%;
  /*background: linear-gradient(to bottom,#CAA257,#FFC778 30%,#755e18);*/
  background: linear-gradient(to bottom, #FF3737, #FF2C2C 30%, #b31710);
  padding: 12px 0;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.2rem;
  color: #fff;
}

.allWrap .reserveTitle02 span {
  background: #fff;
  color: #db3939;
  padding: 5px 10px;
  border-radius: 15px;
  box-shadow: 1px 1px 5px #666;
}

.allWrap .tbonly,
.allWrap .sponly {
  display: none;
}

.allWrap .reserveTitle {
  width: 100%;
  background: linear-gradient(to bottom, #CAA257, #FFC778 30%, #755e18);
  padding: 12px 0;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.2rem;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .allWrap .tbonly {
    display: block;
  }

  .allWrap .pconly,
  .allWrap .sponly {
    display: none;
  }
}

@media (max-width: 768px) {
  .allWrap .sponly {
    display: block;
  }

  .allWrap .pconly,
  .allWrap .tbonly {
    display: none;
  }

  .allWrap .reserveTitle {
    font-size: 0.8rem;
    letter-spacing: 0.1rem;
  }
}

.allWrap #container {
  /*    background-image: url("../images/bg01.jpg");*/
}

.allWrap .inner {
  width: 100%;
  margin: 0 auto;
  padding: 70px;
}

.allWrap #box1 {
  background-image: url("../images/bg01.png?20240319");
  background-size: cover;
  background-repeat: no-repeat;
}

.allWrap #box1 .textArea {
  vertical-align: middle;
  width: 100%;
  color: #fff;
  text-align: center;
  line-height: 4.2rem;
  font-size: 1.4rem;
}

.allWrap .photo-frame .photo01 {
  display: block;
  width: 180px;
  height: auto;
  background: #fff;
  padding: 5px;
  box-shadow: 0 4px 10px #333;
  transform: rotate(-10deg);
  text-align: center;
}

.allWrap .box1__btn {
  position: relative;
  width: 300px;
  display: block;
  font-size: 1rem;
  text-align: center;
  padding: 8px 12px;
  /* font-family: 'Noto Serif JP', serif; */
  background-color: #953511;
  border: 1px solid #953511;
  text-decoration: none;
  letter-spacing: 0.05rem;
  cursor: pointer;
  transition: all 0.4s;
  line-height: 1.2rem;
  margin: 50px auto 0;
  border-radius: 25px;
  color: #fff !important;
}

.allWrap .box1__btn:hover {
  color: #953511 !important;
  background-color: #fff;
  text-decoration: none;
}

.allWrap .box1__btn::after {
  content: "";
  display: none;
}

.allWrap .box1__btn:hover::after {
  border-color: #953511;
}

@media screen and (max-width: 768px) {
  .allWrap #box1 {
    background-image: url("../images/bg_sp01.png?20240319");
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    padding-top: 80px;
  }

  .allWrap #box1 .textArea {
    text-align: left;
    line-height: 2rem;
  }
}

.allWrap #box1-5 {
  /*    background-image: url("../images/bg02.png?20240319");
  background-size: cover;
  background-repeat: no-repeat;*/
  width: 100%;
  height: auto;
  padding: 0;
}

.allWrap .box1-5_image {
  width: 100% !important;
}

.allWrap .box1-5_image img {
  width: 100%;
}

.allWrap #box2-5 {
  background-image: url("../images/bg09.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.allWrap #box5-5 {
  background-image: url("../images/bg10.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .allWrap #box1-5 {
    /*   background-image: url("../images/bg_sp02.png?20240319");
    background-size: cover;
    background-repeat: no-repeat;*/
    height: auto;
  }

  .allWrap #box2-5 {
    background-image: url("../images/bg_sp09.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }

  .allWrap #box5-5 {
    background-image: url("../images/bg_sp10.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.allWrap #box2 {
  background-image: url("../images/bg03.jpg?20240319");
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  padding: 130px 40px;
}

.allWrap #box2 .textArea {
  vertical-align: middle;
  width: 100%;
  color: #fff;
  text-align: center;
}

.allWrap .photo-frame .photo02 {
  display: block;
  width: 180px;
  height: auto;
  background: #fff;
  padding: 5px;
  box-shadow: 0 4px 10px #333;
  transform: rotate(10deg);
  text-align: center;
}

.allWrap .textred {
  color: #f47a7a !important;
}

.allWrap .grad-btn {
  /*.grad-btnのCSSは表示/非表示の動作には関係ないので、ご自由にどうぞ。*/
}

.allWrap .grad-btn::before {
  content: "続きを読む";
  border: 1px solid #fff;
  padding: 5px 10px;
  z-index: 1000;
  position: sticky;
}

.allWrap .grad-item {
  position: relative;
  overflow: hidden;
  height: 35vh;
  /*隠した状態の高さ*/
  margin-bottom: 30px;
}

.allWrap .grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 140px;
  /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(10, 2, 0, 0.7803921569) 50%, rgba(10, 2, 0, 0.7607843137) 50%, rgba(10, 2, 0, 0.9490196078) 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(10, 2, 0, 0.7803921569) 50%, rgba(10, 2, 0, 0.7607843137) 50%, rgba(10, 2, 0, 0.9490196078) 100%);
  content: "";
}

.allWrap .grad-trigger {
  display: none;
  /*チェックボックスは常に非表示*/
}

.allWrap .grad-trigger:checked~.grad-btn::before {
  content: "閉じる";
}

.allWrap .grad-trigger:checked~.grad-item {
  height: auto;
  /*チェックされていたら、高さを戻す*/
}

.allWrap .grad-trigger:checked~.grad-item::before {
  display: none;
  /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

@media screen and (max-width: 1600px) {
  .allWrap #box2 .textAreaInner {
    line-height: 1.8rem;
  }
}

@media screen and (max-width: 768px) {
  .allWrap h2 {
    font-size: 2.8rem;
  }

  .allWrap #box2 {
    background-image: url("../images/bg_sp03.jpg?20240319");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 70px 20px;
    background-position: center;
  }

  .allWrap #box2 h2 {
    text-align: left;

  }

  .allWrap #box2 .textAreaInner {
    line-height: 1.6rem;
  }
}

.allWrap #box3 .quilt_area {
  background: #104227;
  height: auto;
  margin: 60px;
  padding: 50px;
  border: #c3a458 3px solid;
  width: 100%;
}

.allWrap #box3 .quilt {
  background-image: url("../images/bg04.jpg?20240319");
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  padding: 50px 10px 0 10px;
}

.allWrap #box3 .textArea {
  vertical-align: middle;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
}

.allWrap #box3 h3 {
  margin: 0 auto 20px;
  font-size: 1.8rem;
  color: #002d16;
}

.allWrap #box3 h2 {
  margin-bottom: 34px;
  color: #002d16;
}

.allWrap #box3 h2 img {
  max-width: 100%;
}

.allWrap .planArea::after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.allWrap .planText {
  text-align: center;
  padding-bottom: 50px;
}

.allWrap .planImg {
  float: right;
  width: 50%;
}

.allWrap .planImg img {
  width: 100%;
}

.allWrap .planText dl {
  display: block;
  margin: 0 auto;
  width: 800px;
  max-width: 100%;
}

.allWrap .planText dt {
  background-color: #377c56;
}

.allWrap .planText dd {
  margin-bottom: 12px;
  background-color: rgba(0, 0, 0, 0.6);
  margin-left: 0;
  padding: 10px;
}

@media screen and (max-width: 1700px) {
  .allWrap #box3 {
    padding-top: 150px;
  }
}

@media screen and (max-width: 768px) {
  .allWrap #box3 {
    /*   background-image: url("../images/bg_sp04.jpg?20240319");
    background-size: cover;
    background-repeat: no-repeat;*/
    height: auto;
    padding-top: 50px;
  }

  .allWrap #box3 h3 {
    margin: 0 auto 10px;
  }


  .allWrap #box3 .quilt_area {
    margin: 0 !important;
    padding: 10px !important;
  }

  .allWrap #box3 .quilt {
    background-size: 767px;
    background-repeat: repeat;
  }
}

.allWrap #box4 {
  /* 
   background-image: url("../images/bg11.jpg");
  background-size: cover;
  background-repeat: no-repeat;*/
  height: auto;
  padding: 20px 40px 100px 40px;
}

.allWrap #box4 .textArea {
  vertical-align: middle;
  width: 100%;
  color: #fff;
  text-align: center;
  line-height: 4.2rem;
  margin: 0 auto;
}

.allWrap .photoInner {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 10px auto 0 auto;
}

.allWrap .photoInner .item {
  position: relative;
  width: 31%;
  margin: 10px auto;
  box-sizing: border-box;
  border: 1px solid #c3a458;
  box-shadow: 5px 5px #c3a458;
}

.allWrap .photoInner .itemPhoto {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.allWrap .photoInner img {
  width: 100%;
}

.allWrap .sp_slider_item img {
  width: 100%;
}

@media screen and (max-width: 1600px) {
  .allWrap #box4 .textArea {
    width: 70%;
  }

  .allWrap #box4 {
    margin-top: 100px;
  }
}

@media screen and (max-width: 768px) {
  .allWrap #box4 {
    margin-top: 0;
  }

  .allWrap #box4 .textArea {
    width: 100%;
  }

  .allWrap .photoInner .item {
    width: 47%;
    margin: 3px auto;
    box-shadow: 3px 2px #c3a458;
  }
}

.allWrap #box5 {
  background-image: url("../images/bg05.jpg?20240319");
  background-size: cover;
  background-repeat: no-repeat;
}

.allWrap #box5 .textArea {
  vertical-align: middle;
  width: 100%;
  color: #fff;
  text-align: center;
  line-height: 4.2rem;
}

.allWrap #box5 .wrapInner {
  width: 100%;
}

.allWrap .planInner {
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
  margin: 10px auto 50px auto;
}

.allWrap .planInner .item {
  position: relative;
  /* padding: 10px; */
  width: 24%;
  margin: 10px auto;
  background-color: #f8efc2;
  box-sizing: border-box;
  border: 1px solid #002d16;
  color: #000;
  box-shadow: 3px 3px 5px #c3a458;
}

.allWrap .planInner .itemPhoto {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.allWrap .planInner img {
  width: 100%;
}

.allWrap .planInner .itemText {
  width: 100%;
  line-height: 1.4rem;
  padding: 15px;
  box-sizing: border-box;
  text-align: left;
}

@media screen and (max-width: 1300px) {
  .allWrap #box5 {
    height: auto;
    padding: 100px 40px;
  }

  .allWrap .planInner {
    flex-wrap: wrap;
  }

  .allWrap .planInner .item {
    width: 45%;
  }
}

@media screen and (max-width: 768px) {
  .allWrap #box5 {
    background-image: url("../images/bg_sp05.jpg?20240319");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 70px 20px;
  }

  .allWrap .planInner {
    margin: 10px auto 20px auto;
    flex-wrap: wrap;
  }

  .allWrap .planInner .item {
    width: 48%;
    margin: 5px auto;
    box-shadow: 1px 1px 2px white;
  }

  .allWrap .planInner .itemText {
    overflow-y: scroll;
  }
}

@media screen and (max-width: 600px) {
  .allWrap #box5 .planInner .item {
    width: 90% !important;
  }
}

.allWrap #box5-5 .textArea {
  vertical-align: middle;
  width: 100%;
  color: #fff;
  text-align: center;
  line-height: 4.2rem;
}

.allWrap #box5-5 .textArea h2 {
  text-shadow: 3px 3px 10px #000;
}

.allWrap .voiceInner {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 10px auto 50px auto;
}

.allWrap .voiceItem {
  width: 30%;
  margin: 10px;
}

.allWrap .voiceIcon {
  font-size: 2.4rem;
  text-align: center;
}

.allWrap .voiceTextBox {
  background-color: rgba(255, 255, 255, 0.8);
  color: #000;
  padding: 10px;
}

.allWrap .voiceText {
  line-height: 1.5rem;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .allWrap .voiceItem {
    width: 43%;
  }

  .allWrap .voiceIcon {
    font-size: 1.2rem;
    text-align: center;
    line-height: 1rem;
    padding: 6px;
  }

  .allWrap .voiceText {
    line-height: 1.1rem;
    font-size: 0.7rem;
  }
}

.allWrap #box6 {
  background-image: url("../images/bg06.jpg?20240319");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100vh;
}

.allWrap #box6 .textArea {
  vertical-align: middle;
  width: 100%;
  color: #fff;
  text-align: center;
  line-height: 4.2rem;
}

.allWrap #box6 .textArea p:nth-of-type(1) {
  font-size: 1.2rem;
}

.allWrap #box6 .textArea p:nth-of-type(2) {
  font-size: 2.4rem;
  text-decoration: underline;
}

.allWrap #box6 .textArea p:nth-of-type(2) span {
  font-size: 1.2rem;
}

.allWrap #box6 .textArea p:nth-of-type(2) a {
  color: #fff;
}

.allWrap #box6 .textArea p:nth-of-type(2) a:hover {
  opacity: 0.8;
}

.allWrap #box6 .textArea p:nth-of-type(3) {
  margin-top: 50px;
}

.allWrap #box6 .textArea p:nth-of-type(3) .reserveLink {
  font-size: 1.6rem;
  background-color: #A6090B;
  padding: 10px 20px;
  border-radius: 30px;
  box-shadow: 0px 0px 10px #fff;
}

.allWrap #box6 .textArea p:nth-of-type(3) a {
  color: #fff;
}

.allWrap #box6 .textArea p:nth-of-type(3) a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.allWrap .box6__btn {
  position: relative;
  width: 340px;
  display: block;
  font-size: 1.4rem;
  text-align: center;
  padding: 16px 0;
  background-color: #f9e57f;
  text-decoration: none;
  letter-spacing: 0.05rem;
  cursor: pointer;
  transition: all 0.4s;
  line-height: 1.8rem;
  margin: 50px auto;
  color: #104227 !important;
  max-width: 100%;
  outline: 2px solid #104227;
  outline-offset: -5px;
}

.allWrap .btn__02 {
  background-color: #104227 !important;
  outline: 2px solid #f9e57f !important;
}

.allWrap .box6__btn:hover {
  /* color: #A6090B !important; */
  background-color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}

.allWrap .box6__btn::after {
  content: "";
  display: none;
}

.allWrap .box6__btn:hover::after {
  background-color: rgba(255, 255, 255, 0.8);
}

.allWrap #box6_modal {
  background-image: url("../images/bg06_m.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 27vh;
}

.allWrap #box6_modal .textArea {
  vertical-align: middle;
  width: 100%;
  color: #fff;
  text-align: center;
  line-height: 4.2rem;
}

.allWrap #box6_modal .textArea p:nth-of-type(1) {
  font-size: 1.2rem;
}

.allWrap #box6_modal .textArea p:nth-of-type(2) {
  font-size: 2.4rem;
  text-decoration: underline;
}

.allWrap #box6_modal .textArea p:nth-of-type(2) span {
  font-size: 1.2rem;
}

.allWrap #box6_modal .textArea p:nth-of-type(2) a {
  color: #fff;
}

.allWrap #box6_modal .textArea p:nth-of-type(2) a:hover {
  opacity: 0.8;
}

.allWrap #box6_modal .textArea p:nth-of-type(3) {
  margin-top: 50px;
}

.allWrap #box6_modal .textArea p:nth-of-type(3) .reserveLink {
  font-size: 1.6rem;
  background-color: #A6090B;
  padding: 10px 20px;
  border-radius: 30px;
  box-shadow: 0px 0px 10px #fff;
}

.allWrap #box6_modal .textArea p:nth-of-type(3) a {
  color: #fff;
}

.allWrap #box6_modal .textArea p:nth-of-type(3) a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.allWrap .box6__btn {
  position: relative;
  width: 340px;
  display: block;
  font-size: 1.4rem;
  text-align: center;
  padding: 16px 0;
  background-color: #f9e57f;
  outline: 2px solid #104227;
  outline-offset: -5px;
  text-decoration: none;
  letter-spacing: 0.05rem;
  cursor: pointer;
  transition: all 0.4s;
  line-height: 1.8rem;
  margin: 50px auto;
  /* border-radius: 25px; */
  color: #104227 !important;
  max-width: 100%;
}

.allWrap .box6__btn:hover {
  /* color: #A6090B !important; */
  background-color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}

.allWrap .box6__btn::after {
  content: "";
  display: none;
}

.allWrap .box6__btn:hover::after {
  background-color: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 768px) {
  .allWrap #box6_modal .textArea p:nth-of-type(2) {
    font-size: 1.6rem;
    text-decoration: underline;
  }

  .allWrap .box6__btn {
    font-size: 1.2rem;
    outline: 1.5px solid #104227;
  }

  .allWrap .btn__02 {
    outline: 1.5px solid #f9e57f !important;
  }
}

.allWrap #box7 {
  /*
   background-image: url("../images/bg06.jpg");
  background-size: cover;
  background-repeat: no-repeat;*/
  border-top: double 20px #c3a458;
  border-bottom: double 20px #c3a458;
  height: 70vh;
}

.allWrap #box7 .textArea {
  vertical-align: middle;
  width: 100%;
  color: #fff;
  text-align: center;
  line-height: 4.2rem;
}

.allWrap #box7 .textArea p:nth-of-type(1) {
  font-size: 1.8rem;
}

.allWrap #box7 .textArea p:nth-of-type(2) {
  font-size: 1.4rem;
  text-decoration: underline;
}

.allWrap #box7 .textArea p:nth-of-type(2) a {
  color: #fff;
}

.allWrap #box7 .textArea p:nth-of-type(2) a:hover {
  opacity: 0.8;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .allWrap #box7 {
    border-top: double 10px #c3a458;
    border-bottom: double 10px #c3a458;
    padding: 100px 0;
    height: auto;
  }
}

.allWrap .movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}

.allWrap .movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.allWrap #footer {
  background-color: black;
  color: whitesmoke;
  text-align: center;
}

.allWrap #footer p {
  padding: 10px;
}

.allWrap .floating-banner {
  position: fixed;
  z-index: 99999;
  width: 100%;
  bottom: 0;
}

.allWrap .floating-banner:hover {
  opacity: 0.9;
}

.allWrap .banner {
  width: 100%;
  padding: 12px 2px;
  background-image: linear-gradient(to bottom, #f9e57f, #f9eba3 30%, #e3cc55);
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.allWrap .floating-banner a {
  text-decoration: none;
  /* リンクに下線が入らないように */
}

.allWrap .copy {
  font-size: 1rem;
  margin: 0 auto 8px !important;
  line-height: 1.2;
}

.allWrap .cta {
  display: inline-block;
  width: 90%;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  /* background: linear-gradient(to bottom,#CAA257,#FFC778 30%,#755e18); */
  /* box-shadow: 0px 0px 30px #2984BA; */
  border-radius: 25px;
  margin: 0;
  color: #000;
}

@media screen and (max-width: 560px) {
  .allWrap .floating-banner {
    display: inline-block;
  }

  .allWrap .banner {
    width: 100vw;
    padding: 8px;
  }

  .allWrap .sp {
    display: none;
  }

  .allWrap .copy {
    font-size: 18px;
    margin: 0 auto 6px;
  }

  .allWrap .cta {
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    padding: 5px;
  }
}

.allWrap .pagination {
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1em;
  z-index: 10;
  list-style: none;
}

.allWrap .pagination a {
  display: block;
  height: 20px;
  margin-bottom: 5px;
  color: #fff;
  position: relative;
  padding: 4px;
}

.allWrap .pagination a.active:after {
  box-shadow: inset 0 0 0 5px;
}

.allWrap .pagination a .hover-text {
  position: absolute;
  right: 15px;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  padding-right: 15px;
}

.allWrap .pagination a:hover .hover-text {
  opacity: 1;
}

.allWrap .pagination a:after {
  -webkit-transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
  width: 10px;
  height: 10px;
  display: block;
  border: 1px solid;
  border-radius: 50%;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  right: 3px;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .allWrap .pagination a .hover-text {
    display: none;
  }
}

.allWrap .modals-open:hover {
  cursor: pointer;
  text-decoration: none;
}

.allWrap .modal__btnList .col-2__item {
  width: 100%;
}

.allWrap .modal__btnList02 .col-3__item {
  width: 31%;
}

@media screen and (max-width: 768px) {
  .allWrap .modal__btnList .col-2__item {
    width: 100%;
  }

  .allWrap .modal__btnList02 .col-3__item {
    width: 100%;
  }
}

.allWrap .modal__btnList .btn {
  position: relative;
  background-color: #002d16;
  font-size: 15px;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  overflow: hidden;
  padding: 20px 26px;
  display: block;
  border: 1px solid #002d16;
}

.allWrap .modal__btnList .btn * {
  font-family: "Noto Serif JP", serif;
}

.allWrap .modal__btnList .btn:hover {
  background-color: #fff;
  color: #002d16 !important;
}

.allWrap .modal__btnList .btn::before {
  position: absolute;
  font-size: 60px;
  opacity: 0.1;
  left: 14px;
  bottom: -19px;
}

.allWrap .modal__btnList02 .btn {
  position: relative;
  background-color: #5e0f0f;
  font-size: 22px;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  overflow: hidden;
  padding: 20px 26px;
  display: block;
  border: 1px solid #5e0f0f;
}

.allWrap .modal__btnList02 .btn * {
  font-family: "Noto Serif JP", serif;
}

.allWrap .modal__btnList02 .btn:hover {
  background-color: #fff;
  color: #5e0f0f !important;
}

.allWrap .modal__btnList02 .btn::before {
  position: absolute;
  font-size: 60px;
  opacity: 0.1;
  left: 14px;
  bottom: -19px;
}

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

  .allWrap .modal__btnList .btn,
  .allWrap .modal__btnList02 .btn {
    font-size: 18px;
    padding: 5px 26px;
  }

  .allWrap .modal__btnList .btn::before,
  .allWrap .modal__btnList02 .btn::before {
    font-size: 50px;
    left: 4px;
    bottom: -22px;
  }
}

.allWrap .modal__btnList .btn::after,
.allWrap .modal__btnList02 .btn::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid;
  border-bottom-color: currentcolor;
  border-right: 1px solid;
  border-right-color: currentcolor;
  border-color: #fff;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  transition: all 0.4s;
}

.allWrap .modal__btnList .btn:hover::after {
  border-color: #1a2e51;
}

.allWrap .modal__btnList02 .btn:hover::after {
  border-color: #5e0f0f;
}

.allWrap .modalCmtBox {
  background-color: #ffebeb;
  padding: 6px;
}

.allWrap .modalCmtBox p {
  margin: 0 auto;
}

.allWrap .modalCmt {
  font-size: 0.8rem;
  line-height: 1rem;
}

@media screen and (max-width: 768px) {
  .allWrap .modal__btnList .col-2__item:nth-of-type(n+2) {
    margin-top: 15px;
  }

  .allWrap .modal__btnList02 .col-3__item {
    margin-top: 15px;
  }
}

@media screen and (min-width: 769px) {
  .allWrap .col-2 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }

  .allWrap .jcsb {
    justify-content: space-between;
  }

  .allWrap .col-2__item {
    width: 480px;
  }

  .allWrap .access .col-2__item {
    width: 440px;
  }

  .allWrap .col-3 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }

  .allWrap .col-3__item {
    width: 480px;
  }

  .allWrap .access .col-3__item {
    width: 440px;
  }
}

.allWrap .modalArea {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.allWrap .modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 30, 0.8);
}

.allWrap .modalWrapper {
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 88.8888%;
  max-width: 1000px;
  padding: 26px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .allWrap .modalWrapper {
    padding: 30px 20px 20px;
  }
}

.allWrap .closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}

.allWrap #g-nav.panelactive {
  /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
  position: fixed;
  z-index: 999;
  top: 0;
  width: 100%;
  height: 100vh;
  left: 0;
}

.allWrap .circle-bg {
  position: fixed;
  z-index: 12;
  /*丸の形*/
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.8);
  /*丸のスタート位置と形状*/
  transform: scale(0);
  /*scaleをはじめは0に*/
  right: -50px;
  top: -50px;
  transition: all 0.6s;
  /*0.6秒かけてアニメーション*/
}

.allWrap .circle-bg.circleactive {
  transform: scale(50);
  /*クラスが付与されたらscaleを拡大*/
}

.allWrap #g-nav-list {
  display: none;
  /*はじめは表示なし*/
  /*ナビの数が増えた場合縦スクロール*/
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.allWrap #g-nav.panelactive #g-nav-list {
  display: block;
  /*クラスが付与されたら出現*/
}

.allWrap #g-nav ul,
.allWrap #g-nav.wrap {
  opacity: 0;
  /*はじめは透過0*/
  /*ナビゲーション天地中央揃え※レイアウトによって調整してください。不必要なら削除*/
  position: absolute;
  z-index: 999;
  top: 58%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-left: 0;
  width: 100%;
  overflow: auto;
  height: 100%;
  list-style: none;
}

.allWrap #g-nav ul img,
.allWrap #g-nav.wrap img {
  opacity: 0;
}

.allWrap #g-nav.panelactive ul,
.allWrap #g-nav.panelactive ul img,
.allWrap #g-nav.wrap {
  opacity: 1;
}

.allWrap #g-nav.panelactive ul li,
.allWrap #g-nav.panelactive ul img,
.allWrap #g-nav.wrap {
  animation-name: gnaviAnime;
  animation-duration: 1s;
  animation-delay: 0.2s;
  /*0.2 秒遅らせて出現*/
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes gnaviAnime {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.allWrap #g-nav li {
  text-align: left;
  list-style: none;
  width: 300px;
  /*border-bottom: 1px solid #f58623;*/
  display: block;
  margin: 5px auto;
}

.allWrap #g-nav li a {
  color: #b32121;
  text-decoration: none;
  padding: 10px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 18px;
  border-bottom: 1px solid #fff;
}

.allWrap .navInner {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 100px auto 0 auto;
}

.allWrap .navItem {
  position: relative;
  width: 30%;
  box-sizing: border-box;
}

.allWrap .navInside {
  position: relative;
}

.allWrap .navItemPhoto {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.allWrap .navItemPhoto img {
  width: 100%;
  transition-duration: 0.5s;
}

.allWrap .navItemText {
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  font-weight: bold;
}

.allWrap .navItem :hover img {
  width: 100%;
  height: 100%;
  transform: scale(1.2) rotate(6deg);
  transition-duration: 0.5s;
}

.allWrap .navItem :hover {
  color: #F7CA18;
  transition: 0.4s ease;
}

.allWrap .navOther {
  display: block;
  color: #fff;
  text-align: center;
  margin: 100px auto 0;
}

.allWrap .navOther a:hover {
  text-decoration: none;
}

.allWrap .navOther a:link,
.allWrap .navOther a:visited {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .allWrap .navItem {
    width: 40%;
  }

  .allWrap .navOther {
    margin: 40px auto 0;
  }
}

.allWrap .openbtn1 {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 1000;
  /*ボタンを最前面に*/
  cursor: pointer;
  width: 45px;
  height: 45px;
  border-radius: 5px;
  background-image: linear-gradient(315deg, #e3cb87 0%, #c3a458 74%);
}

.allWrap .openbtn1 span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 12px;
  height: 3px;
  border-radius: 2px;
  background-color: #fff;
  width: 45%;
}

.allWrap .openbtn1 span:nth-of-type(1) {
  top: 12px;
}

.allWrap .openbtn1 span:nth-of-type(2) {
  top: 20px;
}

.allWrap .openbtn1 span:nth-of-type(3) {
  top: 28px;
}

.allWrap .openbtn1.active span:nth-of-type(1) {
  top: 15px;
  left: 15px;
  transform: translateY(6px) rotate(-45deg);
  width: 30%;
}

.allWrap .openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}

.allWrap .openbtn1.active span:nth-of-type(3) {
  top: 27px;
  left: 15px;
  transform: translateY(-6px) rotate(45deg);
  width: 30%;
}

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



.allWrap .mt0 {
  margin-top: 0px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt0 {
    margin-top: 0px !important;
  }
}

.allWrap .mt5 {
  margin-top: 5px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt5 {
    margin-top: 3px !important;
  }
}

.allWrap .mt10 {
  margin-top: 10px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt10 {
    margin-top: 5px !important;
  }
}

.allWrap .mt15 {
  margin-top: 15px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt15 {
    margin-top: 8px !important;
  }
}

.allWrap .mt20 {
  margin-top: 20px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt20 {
    margin-top: 10px !important;
  }
}

.allWrap .mt25 {
  margin-top: 25px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt25 {
    margin-top: 13px !important;
  }
}

.allWrap .mt30 {
  margin-top: 30px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt30 {
    margin-top: 15px !important;
  }
}

.allWrap .mt35 {
  margin-top: 35px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt35 {
    margin-top: 18px !important;
  }
}

.allWrap .mt40 {
  margin-top: 40px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt40 {
    margin-top: 20px !important;
  }
}

.allWrap .mt45 {
  margin-top: 45px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt45 {
    margin-top: 23px !important;
  }
}

.allWrap .mt50 {
  margin-top: 50px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt50 {
    margin-top: 25px !important;
  }
}

.allWrap .mt55 {
  margin-top: 55px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt55 {
    margin-top: 28px !important;
  }
}

.allWrap .mt60 {
  margin-top: 60px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt60 {
    margin-top: 30px !important;
  }
}

.allWrap .mt65 {
  margin-top: 65px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt65 {
    margin-top: 33px !important;
  }
}

.allWrap .mt70 {
  margin-top: 70px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt70 {
    margin-top: 35px !important;
  }
}

.allWrap .mt75 {
  margin-top: 75px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt75 {
    margin-top: 38px !important;
  }
}

.allWrap .mt80 {
  margin-top: 80px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt80 {
    margin-top: 40px !important;
  }
}

.allWrap .mt85 {
  margin-top: 85px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt85 {
    margin-top: 43px !important;
  }
}

.allWrap .mt90 {
  margin-top: 90px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt90 {
    margin-top: 45px !important;
  }
}

.allWrap .mt95 {
  margin-top: 95px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt95 {
    margin-top: 48px !important;
  }
}

.allWrap .mt100 {
  margin-top: 100px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mt100 {
    margin-top: 50px !important;
  }
}

.allWrap .mb0 {
  margin-bottom: 0px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb0 {
    margin-bottom: 0px !important;
  }
}

.allWrap .mb5 {
  margin-bottom: 5px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb5 {
    margin-bottom: 3px !important;
  }
}

.allWrap .mb10 {
  margin-bottom: 10px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb10 {
    margin-bottom: 5px !important;
  }
}

.allWrap .mb15 {
  margin-bottom: 15px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb15 {
    margin-bottom: 8px !important;
  }
}

.allWrap .mb20 {
  margin-bottom: 20px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb20 {
    margin-bottom: 10px !important;
  }
}

.allWrap .mb25 {
  margin-bottom: 25px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb25 {
    margin-bottom: 13px !important;
  }
}

.allWrap .mb30 {
  margin-bottom: 30px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb30 {
    margin-bottom: 15px !important;
  }
}

.allWrap .mb35 {
  margin-bottom: 35px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb35 {
    margin-bottom: 18px !important;
  }
}

.allWrap .mb40 {
  margin-bottom: 40px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb40 {
    margin-bottom: 20px !important;
  }
}

.allWrap .mb45 {
  margin-bottom: 45px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb45 {
    margin-bottom: 23px !important;
  }
}

.allWrap .mb50 {
  margin-bottom: 50px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb50 {
    margin-bottom: 25px !important;
  }
}

.allWrap .mb55 {
  margin-bottom: 55px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb55 {
    margin-bottom: 28px !important;
  }
}

.allWrap .mb60 {
  margin-bottom: 60px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb60 {
    margin-bottom: 30px !important;
  }
}

.allWrap .mb65 {
  margin-bottom: 65px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb65 {
    margin-bottom: 33px !important;
  }
}

.allWrap .mb70 {
  margin-bottom: 70px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb70 {
    margin-bottom: 35px !important;
  }
}

.allWrap .mb75 {
  margin-bottom: 75px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb75 {
    margin-bottom: 38px !important;
  }
}

.allWrap .mb80 {
  margin-bottom: 80px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb80 {
    margin-bottom: 40px !important;
  }
}

.allWrap .mb85 {
  margin-bottom: 85px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb85 {
    margin-bottom: 43px !important;
  }
}

.allWrap .mb90 {
  margin-bottom: 90px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb90 {
    margin-bottom: 45px !important;
  }
}

.allWrap .mb95 {
  margin-bottom: 95px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb95 {
    margin-bottom: 48px !important;
  }
}

.allWrap .mb100 {
  margin-bottom: 100px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mb100 {
    margin-bottom: 50px !important;
  }
}

.allWrap .mr0 {
  margin-right: 0px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr0 {
    margin-right: 0px !important;
  }
}

.allWrap .mr5 {
  margin-right: 5px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr5 {
    margin-right: 3px !important;
  }
}

.allWrap .mr10 {
  margin-right: 10px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr10 {
    margin-right: 5px !important;
  }
}

.allWrap .mr15 {
  margin-right: 15px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr15 {
    margin-right: 8px !important;
  }
}

.allWrap .mr20 {
  margin-right: 20px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr20 {
    margin-right: 10px !important;
  }
}

.allWrap .mr25 {
  margin-right: 25px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr25 {
    margin-right: 13px !important;
  }
}

.allWrap .mr30 {
  margin-right: 30px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr30 {
    margin-right: 15px !important;
  }
}

.allWrap .mr35 {
  margin-right: 35px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr35 {
    margin-right: 18px !important;
  }
}

.allWrap .mr40 {
  margin-right: 40px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr40 {
    margin-right: 20px !important;
  }
}

.allWrap .mr45 {
  margin-right: 45px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr45 {
    margin-right: 23px !important;
  }
}

.allWrap .mr50 {
  margin-right: 50px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr50 {
    margin-right: 25px !important;
  }
}

.allWrap .mr55 {
  margin-right: 55px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr55 {
    margin-right: 28px !important;
  }
}

.allWrap .mr60 {
  margin-right: 60px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr60 {
    margin-right: 30px !important;
  }
}

.allWrap .mr65 {
  margin-right: 65px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr65 {
    margin-right: 33px !important;
  }
}

.allWrap .mr70 {
  margin-right: 70px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr70 {
    margin-right: 35px !important;
  }
}

.allWrap .mr75 {
  margin-right: 75px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr75 {
    margin-right: 38px !important;
  }
}

.allWrap .mr80 {
  margin-right: 80px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr80 {
    margin-right: 40px !important;
  }
}

.allWrap .mr85 {
  margin-right: 85px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr85 {
    margin-right: 43px !important;
  }
}

.allWrap .mr90 {
  margin-right: 90px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr90 {
    margin-right: 45px !important;
  }
}

.allWrap .mr95 {
  margin-right: 95px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr95 {
    margin-right: 48px !important;
  }
}

.allWrap .mr100 {
  margin-right: 100px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .mr100 {
    margin-right: 50px !important;
  }
}

.allWrap .ml0 {
  margin-left: 0px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml0 {
    margin-left: 0px !important;
  }
}

.allWrap .ml5 {
  margin-left: 5px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml5 {
    margin-left: 3px !important;
  }
}

.allWrap .ml10 {
  margin-left: 10px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml10 {
    margin-left: 5px !important;
  }
}

.allWrap .ml15 {
  margin-left: 15px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml15 {
    margin-left: 8px !important;
  }
}

.allWrap .ml20 {
  margin-left: 20px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml20 {
    margin-left: 10px !important;
  }
}

.allWrap .ml25 {
  margin-left: 25px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml25 {
    margin-left: 13px !important;
  }
}

.allWrap .ml30 {
  margin-left: 30px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml30 {
    margin-left: 15px !important;
  }
}

.allWrap .ml35 {
  margin-left: 35px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml35 {
    margin-left: 18px !important;
  }
}

.allWrap .ml40 {
  margin-left: 40px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml40 {
    margin-left: 20px !important;
  }
}

.allWrap .ml45 {
  margin-left: 45px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml45 {
    margin-left: 23px !important;
  }
}

.allWrap .ml50 {
  margin-left: 50px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml50 {
    margin-left: 25px !important;
  }
}

.allWrap .ml55 {
  margin-left: 55px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml55 {
    margin-left: 28px !important;
  }
}

.allWrap .ml60 {
  margin-left: 60px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml60 {
    margin-left: 30px !important;
  }
}

.allWrap .ml65 {
  margin-left: 65px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml65 {
    margin-left: 33px !important;
  }
}

.allWrap .ml70 {
  margin-left: 70px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml70 {
    margin-left: 35px !important;
  }
}

.allWrap .ml75 {
  margin-left: 75px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml75 {
    margin-left: 38px !important;
  }
}

.allWrap .ml80 {
  margin-left: 80px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml80 {
    margin-left: 40px !important;
  }
}

.allWrap .ml85 {
  margin-left: 85px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml85 {
    margin-left: 43px !important;
  }
}

.allWrap .ml90 {
  margin-left: 90px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml90 {
    margin-left: 45px !important;
  }
}

.allWrap .ml95 {
  margin-left: 95px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml95 {
    margin-left: 48px !important;
  }
}

.allWrap .ml100 {
  margin-left: 100px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .ml100 {
    margin-left: 50px !important;
  }
}

.allWrap .pall0 {
  padding: 0px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall0 {
    padding: 0px !important;
  }
}

.allWrap .pall5 {
  padding: 5px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall5 {
    padding: 3px !important;
  }
}

.allWrap .pall10 {
  padding: 10px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall10 {
    padding: 5px !important;
  }
}

.allWrap .pall15 {
  padding: 15px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall15 {
    padding: 8px !important;
  }
}

.allWrap .pall20 {
  padding: 20px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall20 {
    padding: 10px !important;
  }
}

.allWrap .pall25 {
  padding: 25px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall25 {
    padding: 13px !important;
  }
}

.allWrap .pall30 {
  padding: 30px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall30 {
    padding: 15px !important;
  }
}

.allWrap .pall35 {
  padding: 35px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall35 {
    padding: 18px !important;
  }
}

.allWrap .pall40 {
  padding: 40px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall40 {
    padding: 20px !important;
  }
}

.allWrap .pall45 {
  padding: 45px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall45 {
    padding: 23px !important;
  }
}

.allWrap .pall50 {
  padding: 50px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall50 {
    padding: 25px !important;
  }
}

.allWrap .pall55 {
  padding: 55px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall55 {
    padding: 28px !important;
  }
}

.allWrap .pall60 {
  padding: 60px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall60 {
    padding: 30px !important;
  }
}

.allWrap .pall65 {
  padding: 65px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall65 {
    padding: 33px !important;
  }
}

.allWrap .pall70 {
  padding: 70px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall70 {
    padding: 35px !important;
  }
}

.allWrap .pall75 {
  padding: 75px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall75 {
    padding: 38px !important;
  }
}

.allWrap .pall80 {
  padding: 80px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall80 {
    padding: 40px !important;
  }
}

.allWrap .pall85 {
  padding: 85px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall85 {
    padding: 43px !important;
  }
}

.allWrap .pall90 {
  padding: 90px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall90 {
    padding: 45px !important;
  }
}

.allWrap .pall95 {
  padding: 95px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall95 {
    padding: 48px !important;
  }
}

.allWrap .pall100 {
  padding: 100px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pall100 {
    padding: 50px !important;
  }
}

.allWrap .pt0 {
  padding-top: 0px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt0 {
    padding-top: 0px !important;
  }
}

.allWrap .pt5 {
  padding-top: 5px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt5 {
    padding-top: 3px !important;
  }
}

.allWrap .pt10 {
  padding-top: 10px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt10 {
    padding-top: 5px !important;
  }
}

.allWrap .pt15 {
  padding-top: 15px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt15 {
    padding-top: 8px !important;
  }
}

.allWrap .pt20 {
  padding-top: 20px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt20 {
    padding-top: 10px !important;
  }
}

.allWrap .pt25 {
  padding-top: 25px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt25 {
    padding-top: 13px !important;
  }
}

.allWrap .pt30 {
  padding-top: 30px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt30 {
    padding-top: 15px !important;
  }
}

.allWrap .pt35 {
  padding-top: 35px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt35 {
    padding-top: 18px !important;
  }
}

.allWrap .pt40 {
  padding-top: 40px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt40 {
    padding-top: 20px !important;
  }
}

.allWrap .pt45 {
  padding-top: 45px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt45 {
    padding-top: 23px !important;
  }
}

.allWrap .pt50 {
  padding-top: 50px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt50 {
    padding-top: 25px !important;
  }
}

.allWrap .pt55 {
  padding-top: 55px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt55 {
    padding-top: 28px !important;
  }
}

.allWrap .pt60 {
  padding-top: 60px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt60 {
    padding-top: 30px !important;
  }
}

.allWrap .pt65 {
  padding-top: 65px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt65 {
    padding-top: 33px !important;
  }
}

.allWrap .pt70 {
  padding-top: 70px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt70 {
    padding-top: 35px !important;
  }
}

.allWrap .pt75 {
  padding-top: 75px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt75 {
    padding-top: 38px !important;
  }
}

.allWrap .pt80 {
  padding-top: 80px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt80 {
    padding-top: 40px !important;
  }
}

.allWrap .pt85 {
  padding-top: 85px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt85 {
    padding-top: 43px !important;
  }
}

.allWrap .pt90 {
  padding-top: 90px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt90 {
    padding-top: 45px !important;
  }
}

.allWrap .pt95 {
  padding-top: 95px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt95 {
    padding-top: 48px !important;
  }
}

.allWrap .pt100 {
  padding-top: 100px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pt100 {
    padding-top: 50px !important;
  }
}

.allWrap .pb0 {
  padding-bottom: 0px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb0 {
    padding-bottom: 0px !important;
  }
}

.allWrap .pb5 {
  padding-bottom: 5px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb5 {
    padding-bottom: 3px !important;
  }
}

.allWrap .pb10 {
  padding-bottom: 10px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb10 {
    padding-bottom: 5px !important;
  }
}

.allWrap .pb15 {
  padding-bottom: 15px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb15 {
    padding-bottom: 8px !important;
  }
}

.allWrap .pb20 {
  padding-bottom: 20px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb20 {
    padding-bottom: 10px !important;
  }
}

.allWrap .pb25 {
  padding-bottom: 25px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb25 {
    padding-bottom: 13px !important;
  }
}

.allWrap .pb30 {
  padding-bottom: 30px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb30 {
    padding-bottom: 15px !important;
  }
}

.allWrap .pb35 {
  padding-bottom: 35px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb35 {
    padding-bottom: 18px !important;
  }
}

.allWrap .pb40 {
  padding-bottom: 40px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb40 {
    padding-bottom: 20px !important;
  }
}

.allWrap .pb45 {
  padding-bottom: 45px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb45 {
    padding-bottom: 23px !important;
  }
}

.allWrap .pb50 {
  padding-bottom: 50px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb50 {
    padding-bottom: 25px !important;
  }
}

.allWrap .pb55 {
  padding-bottom: 55px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb55 {
    padding-bottom: 28px !important;
  }
}

.allWrap .pb60 {
  padding-bottom: 60px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb60 {
    padding-bottom: 30px !important;
  }
}

.allWrap .pb65 {
  padding-bottom: 65px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb65 {
    padding-bottom: 33px !important;
  }
}

.allWrap .pb70 {
  padding-bottom: 70px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb70 {
    padding-bottom: 35px !important;
  }
}

.allWrap .pb75 {
  padding-bottom: 75px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb75 {
    padding-bottom: 38px !important;
  }
}

.allWrap .pb80 {
  padding-bottom: 80px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb80 {
    padding-bottom: 40px !important;
  }
}

.allWrap .pb85 {
  padding-bottom: 85px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb85 {
    padding-bottom: 43px !important;
  }
}

.allWrap .pb90 {
  padding-bottom: 90px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb90 {
    padding-bottom: 45px !important;
  }
}

.allWrap .pb95 {
  padding-bottom: 95px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb95 {
    padding-bottom: 48px !important;
  }
}

.allWrap .pb100 {
  padding-bottom: 100px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pb100 {
    padding-bottom: 50px !important;
  }
}

.allWrap .pr0 {
  padding-right: 0px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr0 {
    padding-right: 0px !important;
  }
}

.allWrap .pr5 {
  padding-right: 5px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr5 {
    padding-right: 3px !important;
  }
}

.allWrap .pr10 {
  padding-right: 10px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr10 {
    padding-right: 5px !important;
  }
}

.allWrap .pr15 {
  padding-right: 15px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr15 {
    padding-right: 8px !important;
  }
}

.allWrap .pr20 {
  padding-right: 20px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr20 {
    padding-right: 10px !important;
  }
}

.allWrap .pr25 {
  padding-right: 25px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr25 {
    padding-right: 13px !important;
  }
}

.allWrap .pr30 {
  padding-right: 30px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr30 {
    padding-right: 15px !important;
  }
}

.allWrap .pr35 {
  padding-right: 35px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr35 {
    padding-right: 18px !important;
  }
}

.allWrap .pr40 {
  padding-right: 40px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr40 {
    padding-right: 20px !important;
  }
}

.allWrap .pr45 {
  padding-right: 45px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr45 {
    padding-right: 23px !important;
  }
}

.allWrap .pr50 {
  padding-right: 50px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr50 {
    padding-right: 25px !important;
  }
}

.allWrap .pr55 {
  padding-right: 55px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr55 {
    padding-right: 28px !important;
  }
}

.allWrap .pr60 {
  padding-right: 60px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr60 {
    padding-right: 30px !important;
  }
}

.allWrap .pr65 {
  padding-right: 65px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr65 {
    padding-right: 33px !important;
  }
}

.allWrap .pr70 {
  padding-right: 70px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr70 {
    padding-right: 35px !important;
  }
}

.allWrap .pr75 {
  padding-right: 75px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr75 {
    padding-right: 38px !important;
  }
}

.allWrap .pr80 {
  padding-right: 80px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr80 {
    padding-right: 40px !important;
  }
}

.allWrap .pr85 {
  padding-right: 85px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr85 {
    padding-right: 43px !important;
  }
}

.allWrap .pr90 {
  padding-right: 90px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr90 {
    padding-right: 45px !important;
  }
}

.allWrap .pr95 {
  padding-right: 95px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr95 {
    padding-right: 48px !important;
  }
}

.allWrap .pr100 {
  padding-right: 100px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pr100 {
    padding-right: 50px !important;
  }
}

.allWrap .pl0 {
  padding-left: 0px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl0 {
    padding-left: 0px !important;
  }
}

.allWrap .pl5 {
  padding-left: 5px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl5 {
    padding-left: 3px !important;
  }
}

.allWrap .pl10 {
  padding-left: 10px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl10 {
    padding-left: 5px !important;
  }
}

.allWrap .pl15 {
  padding-left: 15px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl15 {
    padding-left: 8px !important;
  }
}

.allWrap .pl20 {
  padding-left: 20px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl20 {
    padding-left: 10px !important;
  }
}

.allWrap .pl25 {
  padding-left: 25px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl25 {
    padding-left: 13px !important;
  }
}

.allWrap .pl30 {
  padding-left: 30px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl30 {
    padding-left: 15px !important;
  }
}

.allWrap .pl35 {
  padding-left: 35px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl35 {
    padding-left: 18px !important;
  }
}

.allWrap .pl40 {
  padding-left: 40px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl40 {
    padding-left: 20px !important;
  }
}

.allWrap .pl45 {
  padding-left: 45px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl45 {
    padding-left: 23px !important;
  }
}

.allWrap .pl50 {
  padding-left: 50px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl50 {
    padding-left: 25px !important;
  }
}

.allWrap .pl55 {
  padding-left: 55px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl55 {
    padding-left: 28px !important;
  }
}

.allWrap .pl60 {
  padding-left: 60px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl60 {
    padding-left: 30px !important;
  }
}

.allWrap .pl65 {
  padding-left: 65px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl65 {
    padding-left: 33px !important;
  }
}

.allWrap .pl70 {
  padding-left: 70px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl70 {
    padding-left: 35px !important;
  }
}

.allWrap .pl75 {
  padding-left: 75px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl75 {
    padding-left: 38px !important;
  }
}

.allWrap .pl80 {
  padding-left: 80px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl80 {
    padding-left: 40px !important;
  }
}

.allWrap .pl85 {
  padding-left: 85px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl85 {
    padding-left: 43px !important;
  }
}

.allWrap .pl90 {
  padding-left: 90px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl90 {
    padding-left: 45px !important;
  }
}

.allWrap .pl95 {
  padding-left: 95px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl95 {
    padding-left: 48px !important;
  }
}

.allWrap .pl100 {
  padding-left: 100px !important;
}

@media screen and (max-width: 768px) {
  .allWrap .pl100 {
    padding-left: 50px !important;
  }
}

.allWrap .fwN {
  font-weight: normal !important;
}

.allWrap .fwB {
  font-weight: bold !important;
}

.allWrap .taR {
  text-align: right !important;
}

.allWrap .taL {
  text-align: left !important;
}

.allWrap .taC {
  text-align: center !important;
}

.allWrap .fsS {
  font-size: smaller;
}

.allWrap .fsL {
  font-size: larger;
}

.allWrap hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e1e1e1;
  margin: 1em 0;
  padding: 0;
}

.allWrap .text_9 {
  font-size: 0.9rem !important;
}

.allWrap .text_10 {
  font-size: 1rem !important;
}

.allWrap .text_11 {
  font-size: 1.1rem !important;
}

@media screen and (max-width: 768px) {
  .allWrap .text_11 {
    font-size: 1rem !important;
  }
}

.allWrap .text_12 {
  font-size: 1.2rem !important;
}

@media screen and (max-width: 768px) {
  .allWrap .text_12 {
    font-size: 1rem !important;
  }
}

.allWrap .text_13 {
  font-size: 1.3rem !important;
}

@media screen and (max-width: 768px) {
  .allWrap .text_13 {
    font-size: 1.1rem !important;
  }
}

.allWrap .text_14 {
  font-size: 1.4rem !important;
}

@media screen and (max-width: 768px) {
  .allWrap .text_14 {
    font-size: 1.2rem !important;
  }
}

.allWrap .text_15 {
  font-size: 1.5rem !important;
}

@media screen and (max-width: 768px) {
  .allWrap .text_15 {
    font-size: 1.3rem !important;
  }
}

.allWrap .text_16 {
  font-size: 1.6rem !important;
}

@media screen and (max-width: 768px) {
  .allWrap .text_16 {
    font-size: 1.4rem !important;
  }
}

.allWrap .text_18 {
  font-size: 1.8rem !important;
}

@media screen and (max-width: 768px) {
  .allWrap .text_18 {
    font-size: 1.5rem !important;
  }
}

.allWrap .text_20 {
  font-size: 2rem !important;
}

@media screen and (max-width: 768px) {
  .allWrap .text_20 {
    font-size: 1.6rem !important;
  }
}

.allWrap .text_22 {
  font-size: 2.2rem !important;
}

@media screen and (max-width: 768px) {
  .allWrap .text_22 {
    font-size: 1.8rem !important;
  }
}

.allWrap .text_24 {
  font-size: 2.4rem !important;
}

@media screen and (max-width: 768px) {
  .allWrap .text_24 {
    font-size: 2rem !important;
  }
}

.allWrap .text_26 {
  font-size: 2.6rem !important;
}

@media screen and (max-width: 768px) {
  .allWrap .text_26 {
    font-size: 2.2rem !important;
  }
}

.allWrap .text_28 {
  font-size: 2.8rem !important;
}

@media screen and (max-width: 768px) {
  .allWrap .text_28 {
    font-size: 24rem !important;
  }
}