@charset "UTF-8";
/* CSS Document */
/*
===============================================================================
■ general
===============================================================================
*/
* {
  padding: 0;
  margin: 0;
  min-height: 0;
  min-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
}
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  scroll-padding-top: 68px;
}
body {
  color: #433F3F;
  font-size: 1.8rem;
  font-family: "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  font-feature-settings: "palt";
  letter-spacing: .25rem;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  background: #fafafa;
}
#wrapper {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}
main {
  width: 100%;
  overflow: hidden;
}
.topPage main {
  padding-top: 60px;
}
.storePage main {
  padding-top: 80px;
}
section {
  width: 100%;
}
article {
  width: 92%;
  max-width: 600px;
  margin: 0 auto;
}
/* img */
img {
  width: 100%;
  vertical-align: bottom;
  padding: 0;
  margin: 0;
}
/* list */
ul {
  list-style: none;
}
/* link */
a:link {
  color: #433F3F;
  text-decoration: none;
}
a:active {
  color: #433F3F;
  text-decoration: none;
}
a:visited {
  color: #433F3F;
  text-decoration: none;
}
a:hover {
  color: #433F3F;
  text-decoration: none;
}
.color a:link {
  color: #dd580d;
  text-decoration: none;
}
.color a:active {
  color: #dd580d;
  text-decoration: none;
}
.color a:visited {
  color: #dd580d;
  text-decoration: none;
}
.color a:hover {
  color: #dd580d;
  text-decoration: none;
}
.link {
  font-size: 1.6rem;
  text-decoration: underline;
}
/* flex box */
.f-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}
/* grid */
.grid {
  display: grid;
  place-items: center;
}
@media screen and (max-width: 720px) {
  .storePage main {
    padding-top: 60px;
  }
}
@media screen and (max-width: 560px) {
  html {
    scroll-padding-top: 82px;
  }
  body {
    font-size: 1.5rem;
    letter-spacing: .2rem;
  }
}
/*
===============================================================================
■ general - 出し分け
===============================================================================
*/
.pc {
  display: block;
}
.sp {
  display: none;
}
.information_tab, .information_tab2 {
  border: 1px solid #ed8801;
  border-radius: 5px;
  padding: 2%;
  position: relative;
  margin-top: 4%;
}
.information_tab::before, .information_tab2::before {
  font-size: 2rem;
  background-color: #FFF7CC;
  color: #6f685f;
  content: "法人会員申請に関する情報はこちらをチェック";
  font-weight: bold;
  left: 14%;
  padding: 3px 10px;
  position: absolute;
  top: -15px;
}
.information_tab2 {
  margin-top: 5%;
}
.information_tab2::before {
  content: "LAVAに関する情報はこちらをチェック";
  left: 18%;
}
@media screen and (max-width: 560px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .information_tab::before, .information_tab2::before {
    font-size: 1.3rem;
    left: 4%;
  }
  .information_tab2::before {
    left: 9%;
  }
}
/*
===============================================================================
■ header
===============================================================================
*/
header {
  position: fixed;
  width: 100%;
  max-width: 750px;
  align-items: center;
  margin: 0 auto;
  background: #fff;
  border-bottom: #ccc 1px solid;
  box-sizing: border-box;
  z-index: 999;
}
.topPage header {
  height: 60px;
}
.storePage header {
  height: 80px;
}
.headerInner {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start;
}
/*　logo　*/
.headerInner .logo a {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
}
.headerInner .logo a img {
  display: block;
  width: 70%;
  max-width: 150px;
  padding: 1rem;
}
.headerInner .logo a span {
  display: block;
  font-size: 1.2rem;
  line-height: 1.2;
}
/*　header menu　*/
.headerInner .headerNav {
  max-width: 800px;
}
.headerInner .headerBtnList {
  display: flex;
  flex-flow: row wrap;
  justify-content: stretch;
  align-items: stretch;
  align-content: flex-start;
}
.headerInner .headerBtnList a {
  display: block;
  height: 80px;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 26px;
  text-align: center;
  padding: 1.5rem 0;
}
/*　入会　*/
.headerInner .headerBtnList .joinBtn a {
  width: 220px;
  background: #DE580D;
}
/*　店舗一覧　*/
.headerInner .headerBtnList .storeBtn a {
  width: 120px;
  background: #f7b200;
}
@media screen and (max-width: 720px) {
  .storePage header {
    height: 60px;
  }
  /*　logo　*/
  .headerInner .logo a img {
    max-width: 120px;
  }
  /*　header menu　*/
  .headerInner .headerBtnList a {
    height: 60px;
    font-size: 1.2rem;
    line-height: 18px;
    padding: 1.2rem 0;
  }
  /*　入会　*/
  .headerInner .headerBtnList .joinBtn a {
    width: 120px;
  }
  /*　店舗一覧　*/
  .headerInner .headerBtnList .storeBtn a {
    width: 50px;
  }
}
/*
===============================================================================
■ footer
===============================================================================
*/
footer {
  width: 100%;
  background: #f4f4f4;
}
.footerInner {
  padding-top: 4rem;
  margin-bottom: 59px;
}
/*　logo　*/
.footerInner .logo {
  width: 92%;
  max-width: 600px;
  margin: 0 auto;
}
.footerInner .logo a {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
}
.footerInner .logo a img {
  display: block;
  width: 70%;
  max-width: 150px;
  padding: 1rem;
}
.footerInner .logo a span {
  display: block;
  font-size: 1.2rem;
  line-height: 1.2;
}
/*　footer menu　*/
.footerMenu {
  width: 92%;
  max-width: 600px;
  padding: 2rem 0 6rem;
  margin: 0 auto;
}
.footerMenu li {
  position: relative;
  display: block;
  font-size: 1.6rem;
  padding-left: 2rem;
  margin-top: 1rem
}
.footerMenu li:before {
  position: absolute;
  display: block;
  content: '▶';
  width: 10px;
  height: 10px;
  top: 4px;
  left: 0;
  font-size: 1rem;
}
/*　footer bottom　*/
.footerBottom {
  background: #b7b7b7;
  padding: 1.5rem 3rem;
}
.footerBottom .copy {
  font-size: 1rem;
  text-align: center;
}
@media screen and (max-width: 560px) {
  .footerMenu {
    width: 90%;
    padding: 4rem 0;
  }
  /*　logo　*/
  .footerMenu .logo {
    margin-bottom: 2rem;
  }
  /*　footer menu　*/
  .footerBottom {
    justify-content: center;
    padding: 1rem 2rem;
  }
}
/*
===============================================================================
■ mainContentWrap
===============================================================================
*/
.mainContentWrap {
  background: #fff;
  padding: 7rem 0 10rem;
}
@media screen and (max-width: 560px) {
  .mainContentWrap {
    padding: 6rem 0;
  }
}
/*
===============================================================================
■ keyvisual
===============================================================================
*/
/*　keyvisual　*/
.keyvisual {
  position: relative;
  width: 100%;
}
/*　mv - title text　*/
.keyvisual .title {
  position: absolute;
  display: block;
  width: 100%;
  top: 104px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #f46c13;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 4px 4px 4px #fff, -4px -4px 4px #fff, -4px 4px 4px #fff, 4px -4px 4px #fff, 4px 0 4px #fff, -4px 0 4px #fff, 0 4px 4px #fff, 0 -4px 4px #fff;
}
.keyvisual .longTitle {
  top: 80px !important;
}
@media screen and (max-width: 700px) {
  .keyvisual .longTitle {
    top: 38px !important;
  }
}
@media screen and (max-width: 560px) {
  /*　mv - title text　*/
  .keyvisual .title {
    top: 44px;
    font-size: 1.8rem;
  }
  .keyvisual .longTitle {
    top: 26px !important;
    line-height: 1.25;
  }
}
@media screen and (max-width: 390px) {
  /*　mv - title text　*/
  .keyvisual .title {
    top: 34px;
  }
  .keyvisual .longTitle {
    top: 20px !important;
    font-size: 1.6rem;
  }
}
/*
===============================================================================
■ general - title
===============================================================================
*/
/*　h2　*/
.titleBlock {
  position: relative;
  padding-top: 18rem;
}
.titleBlock h2 {
  position: relative;
  font-size: 5rem;
  font-weight: bold;
  text-align: center;
  z-index: 2;
}
.titleBlock h2 span {
  display: block;
  color: #de580d;
  font-size: 1.6rem;
  margin-top: 1rem;
}
.titleBlock .titleBk {
  position: absolute;
  left: -80px;
  bottom: -50px;
  color: #f4f4f4;
  font-size: 16rem;
  font-weight: bold;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  letter-spacing: -0.04em
}
.storePage .titleBlock {
  padding-top: 12rem;
}
/*　h3　*/
h3 {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 1rem;
  margin-top: 8rem;
}
h3 span {
  padding-bottom: 1.2rem;
  border-bottom: #433f3f 2px solid;
}
/*　h6　*/
h6 {
  position: relative;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-top: 4rem;
}
@media screen and (max-width: 560px) {
  /*　h2　*/
  .titleBlock {
    padding-top: 10rem;
  }
  .titleBlock h2 {
    font-size: 3rem;
    margin-bottom: 6rem;
  }
  .titleBlock h2 span {
    font-size: 1.4rem;
    margin-top: 0rem;
  }
  .titleBlock .titleBk {
    left: -20px;
    bottom: 0;
    font-size: 8rem;
  }
  .storePage .titleBlock {
    padding-top: 8rem;
  }
  /*　h3　*/
  h3 {
    font-size: 2rem;
    padding-bottom: 1rem;
    margin-top: 5rem;
  }
  /*　h6　*/
  h6 {
    font-size: 1.8rem;
    margin-top: 3rem;
    text-align: right;
  }
}
@media screen and (max-width: 390px) {
  /*　h2　*/
  .titleBlock h2 {
    font-size: 2.6rem;
    margin-bottom: 5rem;
  }
  /*　h6　*/
  h6 {
    font-size: 1.7rem;
  }
}
/*
===============================================================================
■ general - text
===============================================================================
*/
.read {
  line-height: 2;
  margin-top: 8rem;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.small {
  font-size: 1.3rem;
  font-weight: normal;
}
.color, .color a {
  color: #dd580d;
}
.newLine {
  display: block;
}
@media screen and (max-width: 560px) {
  .read {
    width: 98%;
    margin: 5rem auto 0;
  }
}
/*
===============================================================================
■ general - link
===============================================================================
*/
.textLink {
  color: #de580d !important;
  text-decoration: underline;
  padding-bottom: 0.2rem;
  border-bottom: #de580d 1px solid;
}
.nomalLink {
  position: relative;
  padding: 0 1.4rem 0.2rem 0;
  border-bottom: #433f3f 1px solid;
}
.nomalLink:before {
  position: absolute;
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  top: 4px;
  right: 0px;
  background: url(https://lava-intl.co.jp/biz/images/arrow_blk.png) 0 0 no-repeat;
  background-size: contain;
}
.btnLink {
  position: relative;
  display: inline-block;
  color: #f7b200 !important;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  border: #f7b200 3px solid;
  padding: 1rem 4rem 1rem 3rem;
}
.btnLink:before {
  position: absolute;
  display: block;
  content: '＋';
  width: 10px;
  height: 10px;
  top: 10px;
  right: 12px;
  font-weight: bold;
}
/*
===============================================================================
■ general - btn
===============================================================================
*/
.btn {
  padding-bottom: 1rem;
}
.btn a {
  position: relative;
  display: block;
  width: 100%;
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  background: #dd580d;
  border-radius: 8px;
  box-shadow: #9f310e 0 10px 0;
  padding: 2rem 0;
  margin: 8rem auto 0;
}
.btn a:before {
  position: absolute;
  display: block;
  content: '';
  background: url(../images/arrow_wht.png) 0 0 no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  top: 42%;
  right: 20px;
}
.btn a:active {
  box-shadow: none;
  transform: translateY(5px);
}
@media screen and (max-width: 560px) {
  .btn a {
    margin: 6rem auto 0;
  }
}
/*
===============================================================================
■ contentWrap
===============================================================================
*/
.contentWrap {
  position: relative;
}
/*
===============================================================================
■ taikenBox - 手ぶら体験
===============================================================================
*/
.taikenBox p {
  line-height: 1.6;
}
.taikenBox .ribbon {
  margin: 4rem 0 2rem;
}
.taikenBox .flame {
  position: relative;
  text-align: center;
  padding-bottom: 5rem;
}
.taikenBox .flame:before {
  position: absolute;
  display: block;
  content: '';
  width: 80%;
  height: 70px;
  background: url(../images/taiken/flame.png) 0 0 no-repeat;
  background-size: contain;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
}
.taikenBox .teburaImg {
  margin: 4rem 0;
}
.taikenBox .teburaSet {
  background: rgba(222, 88, 13, 0.1);
  padding: 3rem;
  margin-bottom: 4rem;
}
.joinBox .taikenBox {
  margin-top: 8rem;
}
.joinBox .taikenBox .teburaSet {
  border: #dd580d 1px solid;
  padding: 3rem;
}
@media screen and (max-width: 560px) {
  .taikenBox .ribbon {
    margin: 3rem 0 2rem;
  }
  .taikenBox .flame {
    padding-bottom: 4rem;
  }
  .taikenBox .flame:before {
    height: 52px;
  }
  .taikenBox .teburaImg {
    margin: 2.5rem 0;
  }
  .taikenBox .teburaSet {
    padding: 2rem;
    margin-bottom: 3rem;
  }
  .joinBox .taikenBox {
    margin-top: 6rem;
  }
  .joinBox .taikenBox .teburaSet {
    padding: 2rem;
  }
}
/*
===============================================================================
■ content - ad　広告
===============================================================================
*/
.ad {
  background: url("../images/ad/advertisement_bk_221201.jpg") 0 0 no-repeat;
  background-size: cover;
  padding-bottom: 6rem;
}
/*　title　*/
.ad h2 {
  padding: 8rem 0 4rem;
}
.ad h2 strong {
  position: relative;
  display: block;
  color: #fff;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
}
.ad h2 strong:before, .ad h2 strong:after {
  position: absolute;
  display: block;
  content: '';
  width: 20px;
  height: 48px;
  background: url("../images/ad/line_left.png") 0 0 no-repeat;
  bottom: 0;
}
.ad h2 strong:before {
  background: url("../images/ad/line_left.png") 0 0 no-repeat;
  background-size: contain;
  left: 60px;
}
.ad h2 strong:after {
  background: url("../images/ad/line_right.png") 0 0 no-repeat;
  background-size: contain;
  right: 60px;
}
.ad h2 strong span {
  display: inline-block;
  background: #dd580d;
  padding: 0 1.2rem;
  margin-left: .5rem;
}
.ad h2 .gentei {
  display: block;
  font-size: 74%;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 2rem;
}
/*　course　*/
.ad .course {
  background: #fff;
  border-radius: 20px;
  padding: 3rem;
  margin-bottom: 4rem;
}
.ad .course dt {
  font-size: 1.6rem;
  font-weight: bold;
}
.ad .course dd {
  margin-bottom: 1.5rem;
}
.ad .course dd:last-child {
  margin-bottom: 0;
}
.ad .course dt b, .ad .course dd b {
  color: #dd580d;
  font-size: 130%;
  font-weight: bold;
}
/*　fukidashi　*/
.ad .fukidashi {
  margin-bottom: 6rem;
}
.ad .fukidashi img {
  filter: drop-shadow(10px 14px 0 #F79D1A);
}
/*　plus　*/
.ad .plus {
  max-width: 80px;
  margin: 4rem auto;
}
/*　presentBox　*/
.ad .presentBoxTop {
  position: relative;
  margin-bottom: 20px;
  text-align: center;
}
.ad .presentBoxTop span {
  /*position: absolute;
  display: block;
  bottom: 36px;
  left: 120px;*/
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.2;
}
.ad .presentBox {
  width: 96%;
  background: #fff;
  border-radius: 20px;
  padding: 3rem;
  margin: 0 auto;
  margin-top: 6%;
}
/*　presentBox - tokutenBox　*/
.ad .presentBox .tokutenBox {
  position: relative;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  border: #dd580d 2px solid;
  padding: 1.4rem 0;
  margin-bottom: 5rem;
}
.ad .presentBox .tokuten3 {
  margin-bottom: 0;
}
.ad .presentBox .tokuten2 .small, .ad .presentBox .tokuten3 .small {
  display: block;
  text-align: left;
  padding: 1rem 3rem;
}
.ad .presentBox .tokuten3 .small {
  padding: 1rem 3rem;
}
.ad .presentBox .tokutenBox:before {
  position: absolute;
  display: block;
  content: '';
  width: 50px;
  height: 50px;
  top: -20px;
  left: -20px;
}
.ad .presentBox .tokuten1:before {
  background: url("../images/ad/tokuten_1.png") 0 0 no-repeat;
  background-size: contain;
}
.ad .presentBox .tokuten2:before {
  background: url("../images/ad/tokuten_2.png") 0 0 no-repeat;
  background-size: contain;
}
.ad .presentBox .tokuten3:before {
  background: url("../images/ad/tokuten_3.png") 0 0 no-repeat;
  background-size: contain;
}
.ad .presentBox .tokutenBox strong {
  color: #dd580d;
  font-size: 140%;
}
/*　presentBox - content　*/
.ad .presentBox .option1 {
  margin-bottom: 4rem;
}
.ad .presentBox .option2_3 {
  margin-bottom: 6rem;
}
.ad .presentBox .center {
  margin-bottom: 4rem;
}
.presentbox_area {
  padding: 5%;
  background-image: linear-gradient(180deg, rgba(255, 235, 193, 1), rgba(229, 186, 142, 1) 61%, rgba(219, 174, 113, 1));
  border-radius: 10px;
}
.gladpoint8 {
  position: absolute;
  top: -43px;
  left: -43px;
  width: 44px;
}
@media screen and (max-width: 560px) {
  .ad {
    padding-bottom: 2rem;
  }
  /*　title　*/
  .ad h2 {
    padding: 5rem 0 3rem;
  }
  .ad h2 strong {
    font-size: 2rem;
  }
  .ad h2 strong:before, .ad h2 strong:after {
    height: 30px;
  }
  .ad h2 strong:before {
    left: 0;
  }
  .ad h2 strong:after {
    right: 0;
  }
  .ad h2 .gentei {
    font-size: 70%;
    letter-spacing: .1rem;
  }
  /*　fukidashi　*/
  .ad .fukidashi {
    margin-bottom: 5rem;
  }
  /*　presentBox - tokutenBox　*/
  .ad .presentBox {
    padding: 2rem;
  }
  .ad .presentBoxTop span {
    font-size: 2rem;
  }
  .ad .tokuten3 {
    margin-bottom: 4rem;
  }
  .ad .presentBox .tokutenBox:before {
    width: 42px;
    height: 42px;
    top: -16px;
    left: -16px;
  }
  .gladpoint8 {
    top: -34px;
    left: -25px;
    width: 31px;
  }
}
@media screen and (max-width: 390px) {
  /*　title　*/
  .ad h2 strong {
    font-size: 1.8rem;
  }
  /*　presentBox - tokutenBox　*/
  .ad .presentBox {
    padding: 3rem;
  }
  .ad .presentBoxTop span {
    font-size: 1.7rem;
  }
}
/*
===============================================================================
■ content - PRICE 料金
===============================================================================
*/
/*　map　*/
#PRICE .map {
  width: 90%;
  max-width: 450px;
  margin: 5rem auto 0;
}
/*　ticket type　*/
#PRICE .ticketType {
  margin-top: 8rem;
}
#PRICE .ticketType img {
  border: #545454 1px solid;
}
@media screen and (max-width: 560px) {
  /*　map　*/
  #PRICE .map {
    margin: 3rem auto 0;
  }
  /*　ticket type　*/
  #PRICE .ticketType {
    margin-top: 6rem;
  }
}
/*
===============================================================================
■ content - FLOW 法人会員入会の流れ - タブ
===============================================================================
*/
/*タブ切り替え全体のスタイル*/
.tabs {
  position: relative;
  margin: 10% auto 0;
}
/*タブのスタイル*/
.tab_item {
  width: calc(100%/3);
  height: 13rem;
  background-color: #fff;
  font-size: 2.2rem;
  text-align: center;
  font-weight: bold;
  float: left;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  line-height: 1.4;
  padding: 14px 0 30px;
  display: grid;
  place-items: center;
  position: relative;
  cursor: pointer;
}
.tab_item .small_sp {
  font-size: 2.2rem;
}
.tab_item .click_txt {
  font-size: 14px;
}
.tab_item::before {
  position: absolute;
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.6rem 1.6rem 0.6rem;
  bottom: 0.2rem;
  left: calc(50% - 1.6rem);
}
.tab_item .tab_note_tx {
  font-size: 1.4rem;
  margin-top: 5px;
  display: block;
}
.tab_item.tab_left::before {
  border-color: #f04472 transparent transparent transparent;
}
.tab_item.tab_middle::before {
  border-color: #ff871c transparent transparent transparent;
}
.tab_item.tab_right::before {
  border-color: #ECB61E transparent transparent transparent;
}
.tab_item.tab_left {
  border: 3px solid #f04471;
}
.tab_item.tab_middle {
  border: 3px solid #ff871c;
}
.tab_item.tab_right {
  border: 3px solid #ECB61E;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}
.content_title {
  position: absolute;
  top: -3.8rem;
}
.tab_content .plan02_tx {
  font-size: 1rem;
  padding: 0 2rem 1rem;
}
.tab_content .plan02_tx li {
  padding-left: 1.8em;
  text-indent: -1.8em;
}
/*選択されているタブのコンテンツのみを表示*/
#plan01:checked ~ #plan01_content, #plan02:checked ~ #plan02_content, #plan03:checked ~ #plan03_content {
  display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  color: #fff;
}
.tabs input:checked + .tab_item.tab_left {
  background-color: #f6376f;
}
.tabs input:checked + .tab_item.tab_middle {
  background-color: #ff871c;
}
.tabs input:checked + .tab_item.tab_right {
  background-color: #ECB61E;
}
.tabs input:checked + .tab_item.tab_left .tab_lead_tx {
  color: #f04471;
  background-color: #fff;
}
.tabs input:checked + .tab_item.tab_middle .tab_lead_tx {
  color: #ff871c;
  background-color: #fff;
}
.tabs input:checked + .tab_item.tab_right .tab_lead_tx {
  color: #ECB61E;
  background-color: #fff;
}
.tabs input:checked + .tab_item::before {
  bottom: -2.4rem;
  border-width: 1.6rem 1.6rem 0.6rem;
  left: calc(50% - 1.6rem);
}
@media screen and (max-width: 560px) {
  .tab_item {
    font-size: 1.4rem;
    height: 12rem;
    padding: 20px 3px 30px;
  }
  .tab_item .tab_note_tx {
    font-size: 1rem;
  }
}
/*
===============================================================================
■ content - FLOW 法人会員入会の流れ
===============================================================================
*/
/*　flow top　*/
.flowTop {
  position: relative;
  width: 100%;
  background: #f1f1f1;
  padding: 14px 0 4rem;
  margin: 10rem 0 3rem;
}
#join_col1 .flowTop, #join_col2 .flowTop {
  background: #fff;
}
.flowTop:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 14px;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(left, #f08c00, #de580d);
  background: -webkit-linear-gradient(left, #f08c00, #de580d);
  background: linear-gradient(to right, #f08c00, #de580d);
}
.kaiin:after, .general:after {
  position: absolute;
  display: block;
  content: '';
  width: 70px;
  height: 70px;
  top: -20px;
  left: 30px;
}
.kaiin:after {
  background: url("../images/h4_icon_1.png") 0 0 no-repeat;
  background-size: contain;
}
.general:after {
  background: url("../images/h4_icon_2.png") 0 0 no-repeat;
  background-size: contain;
}
.flowTop li {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin-top: 1rem;
}
.flowTop li:first-child {
  margin-top: 4rem;
}
.flowTop li strong {
  color: #de580d;
}
/*　arrow　*/
.flowTopArrow {
  width: 20%;
  max-width: 80px;
  margin: 0 auto;
}
.flowTopArrow a {
  display: block;
}
@media screen and (max-width: 560px) {
  /*　flow top　*/
  .flowTop {
    padding: 10px 0 3rem;
    margin: 6rem 0 3rem;
  }
  .kaiin:after, .general:after {
    width: 60px;
    height: 60px;
    left: 20px;
  }
  .flowTop li {
    font-size: 2rem;
  }
  /*　arrow　*/
  .flowTopArrow {
    max-width: 60px;
  }
}
@media screen and (max-width: 390px) {
  /*　flow top　*/
  .flowTop li {
    font-size: 1.8rem;
  }
}
/*
===============================================================================
■ content - FLOW 法人会員入会の流れ　》join_col1 法人会員入会方法のご案内
■ content - FLOW 法人会員入会の流れ　》join_col2 一般会員から法人会員へ変更手続きのご案内
===============================================================================
*/
#join_col1, #join_col2, #join_col3 {
  padding: 1px 1px 8rem;
}
#join_col1 {
  background: rgba(255, 204, 197, 0.9);
}
#join_col2 {
  background: rgba(255, 177, 0, 0.18);
}
#join_col3 {
  background: rgba(255, 220, 0, 0.18);
}
/*　arrow　*/
#join_col1 .flowTopArrow, #join_col2 .flowTopArrow, #join_col3 .flowTopArrow {
  margin: 6rem auto 0;
}
/*　title　*/
.joinStepTitle {
  margin-top: 6rem;
}
.joinStepTitle1 {
  margin-top: 8rem;
  display: inline-block;
}
/*　joinBox　*/
.joinBoxStep2 {
  margin-bottom: 4%;
}
.joinBox {
  background: #fff;
  padding: 1px 2rem 8rem;
}
.joinBox .textFlame {
  position: relative;
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  border-radius: 8px;
  padding: 5rem 0 3rem;
  margin: 8rem auto 0;
}
.joinBoxStep1 .textFlame {
  border: #f7b200 3px solid;
}
.joinBoxStep2 .textFlame {
  border: #f08c00 3px solid;
}
.joinBoxStep3 .textFlame {
  border: #de580d 3px solid;
}
.joinBoxStep4 .textFlame {
  border: #ba1b21 3px solid;
}
.joinBox .textFlame:before {
  position: absolute;
  display: block;
  content: '';
  height: 60px;
  top: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.joinBoxStep1 .textFlame:before {
  width: 150px;
  background: url("../images/join_icon_1_221201.png") 0 0 no-repeat;
  background-size: contain;
}
.joinBoxStep2 .textFlame:before {
  width: 150px;
  background: url("../images/join_icon_2_221201.png") 0 0 no-repeat;
  background-size: contain;
}
.joinBoxStep3 .textFlame:before {
  width: 150px;
  background: url("../images/join_icon_3_221201.png") 0 0 no-repeat;
  background-size: contain;
}
.joinBoxStep4 .textFlame:before {
  width: 68px;
  background: url("../images/join_icon_4_221201.png") 0 0 no-repeat;
  background-size: contain;
}
/*　h3　*/
.joinBoxStep1 h3, .joinBoxStep2 h3, .joinBoxStep3 h3, .joinBoxStep4 h3 {
  margin-top: 6rem;
}
.joinBoxStep1 h3 span {
  border-bottom: #f7b200 2px solid;
}
.joinBoxStep2 h3 span {
  border-bottom: #f08c00 2px solid;
}
.joinBoxStep3 h3 span {
  border-bottom: #de580d 2px solid;
}
.joinBoxStep4 h3 span {
  border-bottom: #ba1b21 2px solid;
}
/*　read　*/
.joinBox .read {
  margin-top: 6rem;
}
/*　screen　*/
.joinBox .screen {
  border: #433F3F 1px solid;
  margin-top: 4rem;
}
/*　btn　*/
.joinBox .btn a {
  font-size: 2.8rem;
  line-height: 1.2;
  padding: 1.2rem 0 1.2rem;
  margin: 6rem auto 0;
}
.joinBoxStep1 .btn a {
  background: #f7b200;
  box-shadow: #e58200 0 10px 0;
}
.joinBoxStep2 .btn a {
  background: #f08c00;
  box-shadow: #d35b09 0 10px 0;
}
.joinBox .btn a:before {
  top: 40px;
}
.joinBox .btn a .small {
  font-size: 1.6rem;
  font-weight: bold;
}
/*　cautionBox　*/
.joinBox .cautionBox01, .joinBox .cautionBox02 {
  position: relative;
  background: rgb(255 219 105 / 10%);
  border: #de580d 2px solid;
  padding: 4rem;
  margin-top: 7rem;
}
.joinBox .cautionBox01:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 46px;
  top: -22px;
  left: 81%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("../images/2409/caution_box_top.png") 0 0 no-repeat;
  background-size: contain;
}
.joinBox .cautionBox02:before {
  position: absolute;
  display: block;
  content: '';
  width: 39%;
  height: 46px;
  top: -22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("../images/2409/kaiin_shokai.png") 0 0 no-repeat;
  background-size: contain;
}
.joinBox .cautionBox01 h3, .joinBox .cautionBox02 h3 {
  color: #DE580D;
  margin-top: 2rem;
}
.joinBox .cautionBox01 h3 span, .joinBox .cautionBox02 h3 span {
  display: inline-block;
  border-bottom: #DE580D 2px solid;
  margin-bottom: 1rem;
}
.joinBox .cautionBox01 .read, .joinBox .cautionBox02 .read {
  margin-top: 4rem;
}
.joinBox .cautionBox01 .freeArea, .joinBox .cautionBox02 .freeArea {
  margin-top: 4rem;
}
.joinBox .cautionBox01 .freeArea figure, .joinBox .cautionBox02 .freeArea figure {
  text-align: center;
}
.joinBox .cautionBox01 .screen, .joinBox .cautionBox02 .screen {
  margin-top: 3rem;
}
/*　info　*/
.joinBox .infoTop {
  margin-top: 6rem;
}
.animation {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
}
.poyopoyo {
  animation-name: poyopoyo;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
.joinBox .info {
  position: relative;
  width: 100%;
  background: -moz-linear-gradient(left, rgba(240, 140, 0, 0.2), rgba(222, 88, 13, 0.2));
  background: -webkit-linear-gradient(left, rgba(240, 140, 0, 0.2), rgba(222, 88, 13, 0.2));
  background: linear-gradient(to right, rgba(240, 140, 0, 0.2), rgba(222, 88, 13, 0.2));
  padding: 20px 4rem 4rem;
  margin-top: 4rem;
}
.joinBox .info:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 20px;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(left, #f08c00, #de580d);
  background: -webkit-linear-gradient(left, #f08c00, #de580d);
  background: linear-gradient(to right, #f08c00, #de580d);
}
.joinBox .info .name {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 4rem;
}
.joinBox .info li {
  margin-top: 1rem;
}
.joinBox .info li strong {
  font-size: 2.8rem;
}
.joinBox .info li span {
  color: #ba1b21;
  font-weight: bold;
  font-size: 2.8rem;
}
.joinBox .info li span.freetext {
  font-size: 2.4rem;
}
/*　caution　*/
.joinBox .caution {
  background: rgba(222, 88, 13, 0.1);
  border: #de580d 2px solid;
  padding: 4rem;
  margin-top: 5rem;
}
.joinBox .caution h3 {
  color: #de580d;
  font-size: 2rem;
  margin: 0 0 4rem;
}
.joinBox .caution h3 span {
  border-bottom: #de580d 2px solid;
}
.joinBox .caution .center span {
  background: #fff;
  border-radius: 4px;
  padding: 1rem 2rem;
}
.joinBox .caution .read {
  font-size: 1.6rem;
  margin-top: 4rem;
}
.joinBox .caution .read strong {
  color: #de580d;
  font-weight: bold;
}
/*　joinBoxStep2 - f-container　*/
.joinBoxStep2 .f-container {
  align-items: center;
  margin-top: 6rem;
}
.soon_nyukai {
  text-align: center;
  border-radius: 6px;
  font-size: 2.8rem;
  padding: 7%;
  background-color: #EE8901;
  color: #fff;
  font-weight: bold;
}
.joinBoxStep2 .f-container .step2Icon {
  width: 20%;
}
.joinBoxStep2 .f-container .step2Btn {
  width: 75%;
}
/*　手ぶらセット　*/
.teburaSet .ribbon {
  width: 100%;
  max-width: 500px;
  margin: 8rem auto 0;
}
.teburaSet .read {
  margin-top: 6rem;
}
.teburaSet .tebura {
  margin-top: 6rem;
}
.small_tx {
  font-size: 1.4rem;
}
.note, .noteinner {
  text-align: center;
  margin-top: 6%;
}
.tel {
  color: blue;
  text-decoration: underline;
}
@media screen and (max-width: 560px) {
  .soon_nyukai {
    font-size: 1.6rem;
  }
  #join_col1, #join_col2, #join_col3 {
    padding: 1px 1px 4rem;
  }
  /*　arrow　*/
  #join_col1 .flowTopArrow, #join_col2 .flowTopArrow, #join_col3 .flowTopArrow {
    margin: 4rem auto 0;
  }
  /*　title　*/
  .joinStepTitle {
    margin-top: 4rem;
  }
  .joinStepTitle1 {
    margin-top: 5rem;
  }
  /*　joinBox　*/
  .joinBox {
    padding: 1px 3rem 5rem;
  }
  .joinBox .textFlame {
    font-size: 2.4rem;
    padding: 5rem 0 2.4rem;
    margin: 6rem auto 0;
  }
  /*　h3　*/
  .joinBoxStep1 h3, .joinBoxStep2 h3, .joinBoxStep3 h3, .joinBoxStep4 h3 {
    margin-top: 4rem;
  }
  /*　read　*/
  .joinBox .read {
    margin-top: 4rem;
  }
  /*　screen　*/
  .joinBox .screen {
    margin-top: 2rem;
  }
  /*　btn　*/
  .joinBox .btn a {
    font-size: 2.2rem;
    margin: 4rem auto 0;
  }
  .joinBox .btn a:before {
    top: 34px;
    right: 12px;
  }
  /*　cautionBox　*/
  .joinBox .cautionBox01, .joinBox .cautionBox02 {
    padding: 2rem;
  }
  .joinBox .cautionBox01:before, .joinBox .cautionBox02:before {
    width: 100%;
    height: 40px;
    top: -20px;
    left: 71%;
  }
  .joinBox .cautionBox01 h3 span, .joinBox .cautionBox02 h3 span {
    padding-bottom: 1rem;
  }
  .joinBox .cautionBox01 .read, .joinBox .cautionBox02 .read {
    margin-top: 3rem;
  }
  .joinBox .cautionBox01 .screen, .joinBox .cautionBox02 .screen {
    margin-top: 2rem;
  }
  /*　info　*/
  .joinBox .info {
    padding: 21px 2rem 3rem;
    margin-top: 4rem;
  }
  .joinBox .info .name {
    font-size: 1.3rem;
    margin-top: 3rem;
  }
  .joinBox .info li {
    font-size: 1.3rem;
  }
  .joinBox .info li strong {
    font-size: 2.4rem;
  }
  .joinBox .info li span {
    font-size: 2rem;
  }
  /*　caution　*/
  .joinBox .caution {
    padding: 3rem 2rem;
  }
  .joinBox .caution .read {
    font-size: 1.4rem;
    margin-top: 3rem;
  }
  /*　joinBoxStep2 - f-container　*/
  .joinBoxStep2 .f-container {
    margin-top: 4rem;
  }
  /*　手ぶらセット　*/
  .teburaSet .ribbon {
    margin: 5rem auto 0;
  }
  .teburaSet .read {
    margin-top: 4rem;
  }
  .teburaSet .tebura {
    margin-top: 3rem;
  }
  .small_tx {
    font-size: 1.1rem;
  }
  .tab_item .small_sp {
    font-size: 1.1rem;
    margin-top: -3px;
  }
  .note {
    margin-top: 10%;
    font-size: 1.2rem;
  }
  .noteinner {
    margin-top: 3%;
    font-size: 1.2rem;
    text-align: left;
  }
}
@media screen and (max-width: 390px) {
  /*　joinBox　*/
  .joinBox {
    padding: 1px 2rem 5rem;
  }
  .joinBox .textFlame {
    font-size: 2.2rem;
  }
  /*　btn　*/
  .joinBox .btn a {
    font-size: 2rem;
    padding: 1.5rem 0 2rem
  }
  /*　info　*/
  .joinBox .info li {
    font-size: 1.2rem;
  }
  /*　caution　*/
  .joinBox .caution {
    padding: 2rem 1.5rem;
  }
}
/*
===============================================================================
■ content - FLOW 法人会員入会の流れ　》accordion
===============================================================================
*/
/*　dl　*/
.stepContent .step dt {
  margin-top: 6rem;
}
.stepContent .step dt span {
  color: #fff;
  font-weight: bold;
  background: #de580d;
  padding: .8rem 1.2rem;
}
.stepContent .step dd {
  font-size: 2rem;
  font-weight: bold;
  margin-top: 1rem;
}
/*　read　*/
.stepContent .read {
  margin-top: 4rem;
}
.stepContent .read strong {
  color: #de580d;
}
/*　invitation　*/
.invitation .subtitle {
  text-align: center;
  margin-top: 8rem;
}
.invitation .subtitle span {
  color: #de580d;
  font-size: 3rem;
  font-weight: bold;
  background: #fff;
  border-radius: 30px;
  padding: 1.4rem 4rem;
}
/*　btn　*/
.stepContent .btn a {
  margin: 6rem auto 0;
}
@media screen and (max-width: 560px) {
  /*　read　*/
  .stepContent .read {
    margin-top: 3rem;
  }
  /*　invitation　*/
  .invitation .subtitle {
    margin-top: 6rem;
  }
  .invitation .subtitle span {
    font-size: 1.8rem;
    padding: 1.4rem 3rem;
  }
  /*　btn　*/
  .stepContent .btn a {
    margin: 4rem auto 0;
  }
}
/*
===============================================================================
■ content - FLOW 法人会員入会の流れ　》masking box
===============================================================================
*/
.maskingBox .maskingTitle {
  color: #fff;
  font-size: 2.4rem;
  text-align: center;
  padding: 1rem 0;
  margin: 4rem auto 0;
  border-radius: 30px;
  background: #DE580D;
}
.maskingBox .ok:before, .maskingBox .ng:before {
  position: absolute;
  display: block;
  content: '';
  width: 68px;
  height: 34px;
  top: -4px;
  left: 0;
}
.maskingBox .ok:before {
  background: url("../images/icon_ok.png") 0 0 no-repeat;
  background-size: contain;
}
.maskingBox .ng:before {
  background: url("../images/icon_ng.png") 0 0 no-repeat;
  background-size: contain;
}
.maskingBox .card {
  margin-top: 4rem;
}
@media screen and (max-width: 560px) {
  .maskingBox .maskingTitle {
    font-size: 2rem;
    text-align: center;
    padding: 0.5rem 0;
    margin: 3rem auto 0;
  }
  .maskingBox .maskingTitleTop {
    top: -70px;
    width: 80%;
  }
  .maskingBox .ok:before, .maskingBox .ng:before {
    width: 35px;
    height: 35px;
  }
  .maskingBox .ok:before {
    top: 3px;
    left: -23px;
  }
  .maskingBox .ng:before {
    top: 6px;
    left: -34px;
  }
  .maskingBox .card {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 390px) {
  .maskingBox .ok:before, .maskingBox .ng:before {
    width: 60px;
    height: 30px;
  }
  .maskingBox .ok:before {
    top: -4px;
    left: 0;
  }
  .maskingBox .ng:before {
    top: 0;
    left: -16px;
  }
}
/*
===============================================================================
■ content - FLOW 法人会員入会の流れ　》タブ切り替え　小
===============================================================================
*/
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #EF8803;
  display: block;
  order: -1;
}
.tab-label {
  font-size: 2.6rem;
  color: White;
  background: LightGray;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 0;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}
.tab-label:hover {
  background: #EF8803;
  transition: 0.6s;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked + .tab-label {
  background: #EF8803;
}
.tab-switch:checked + .tab-label + .tab-content {
  background-color: #fff;
  height: auto;
  overflow: auto;
  padding: 5%;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}
@media screen and (max-width: 560px) {
  .tab-label {
    font-size: 1.6rem;
  }
}
/*
===============================================================================
■ content - FEATURE LAVAの特徴
■ content - EFFECT ホットヨガの効果
===============================================================================
*/
.contentList {
  margin-top: 8rem;
}
.contentList dl {
  align-items: center;
  width: 100%;
  margin-top: 4rem;
}
.contentList dt {
  width: 28%;
  max-width: 160px;
}
.contentList dd {
  width: 68%;
}
.contentList dd strong {
  display: block;
  color: #de580d;
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 560px) {
  .contentList {
    margin-top: 6rem;
  }
  .contentList dd strong {
    font-size: 1.6rem;
    text-align: left;
  }
}
@media screen and (max-width: 560px) {
  .contentList {
    margin-top: 5rem;
  }
}
/*
===============================================================================
■ content - PROGRAM プログラム
===============================================================================
*/
.sliderItemWrap {
  background: #fff;
  padding: 0 5rem;
}
.sliderItemWrap figure, .sliderItemWrap picture {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
.sliderItemWrap figure:before, .sliderItemWrap picture:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 10px;
  top: -10px;
  left: 0;
  background: -moz-linear-gradient(left, #f08c00, #de580d);
  background: -webkit-linear-gradient(left, #f08c00, #de580d);
  background: linear-gradient(to right, #f08c00, #de580d);
}
.sliderItemWrap dl {
  width: 90%;
  margin: 0 auto;
}
.sliderItemWrap dt {
  color: #DE580D;
  font-weight: bold;
  text-align: center;
  padding: 2rem 0;
}
.sliderItemWrap dt {
  font-size: 1.6rem;
}
@media screen and (max-width: 560px) {
  .sliderItemWrap {
    padding: 0 2rem;
  }
  .sliderItemWrap dt {
    font-size: 1.5rem;
  }
}
/*
===============================================================================
■ content - FAQ よくあるご質問
===============================================================================
*/
#FAQ .accordion {
  margin-top: 10rem;
}
/*
===============================================================================
■ content - STORE 店舗一覧
===============================================================================
*/
.areaAccordion {
  margin-top: 8rem;
}
.shopList {
  padding: 8rem 0;
}
.store-acd-content li a {
  position: relative;
  display: block;
  font-size: 1.5rem;
  padding: .5rem 3rem;
}
.store-acd-content li a:before {
  position: absolute;
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  top: 40%;
  right: 16px;
  background: url("../images/arrow_blk.png") 0 0 no-repeat;
  background-size: contain;
}
@media screen and (max-width: 560px) {
  .areaAccordion {
    margin-top: 6rem;
  }
  .shopList {
    padding: 5rem 0;
  }
  .store-acd-content li a {
    padding: 0.5rem 3rem 0.5rem 2rem;
  }
}
/*
===============================================================================
　追記
===============================================================================
*/
/*231222_モーダル*/
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 600px;
  z-index: 2;
}
.popup-inner img {
  width: 100%;
}
div#modalCloseCloss:hover {
  opacity: 0.7;
}
.modalCloseButton {
  position: absolute;
  left: 92%;
  top: -48px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.lineClose {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  line-height: 1;
  width: 2rem;
  height: 0.2rem;
  background: currentColor;
  border-radius: 0.1rem;
  position: relative;
  transform: rotate(45deg);
}
.lineClose::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
  z-index: 1;
  cursor: pointer;
}
.modalBottom {
  padding: 22px 30px;
}
.modalBottom p {
  margin: 0;
}
/*240909 注意　アコーディオン*/
.accordion-006 {
  margin-top: 10%;
  max-width: 100%;
  margin-bottom: 7px;
  background-color: #de580d;
  border-radius: 5px;
}
.accordion-006 summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em;
  color: #f2f2f2;
  font-weight: 600;
  cursor: pointer;
}
@media screen and (max-width: 560px) {
  .accordion-006 summary {
    padding: 1em 2em 1em 1em;
    font-size: 1.4rem;
  }
}
.accordion-006 summary::-webkit-details-marker {
  display: none;
}
.accordion-006 summary::before, .accordion-006 summary::after {
  width: 3px;
  height: .9em;
  border-radius: 5px;
  background-color: #f2f2f2;
  content: '';
}
.accordion-006 summary::before {
  position: absolute;
  right: 2em;
  rotate: 90deg;
}
.accordion-006 summary::after {
  transition: rotate .3s;
}
.accordion-006[open] summary::after {
  rotate: 90deg;
}
.accordion-006 div {
  background-color: #ffe5d1;
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: .3em 2em 1.5em;
  color: #de580d;
  transition: transform .5s, opacity .5s;
}
.accordion-006[open] div {
  transform: none;
  opacity: 1;
}
/*231024_追記　ここから*/
.nav {
  display: block;
  padding-top: 70px;
  margin-top: -70px;
}
#nav {
  background: #fff7cc;
  padding: 10% 5% 5%;
}
a:link.transition_url, a:visited.transition_url {
  color: blue;
  text-decoration: underline;
}
/* link */
a:link.tel, a:active.tel, a:visited.tel, a:hover.tel {
  color: blue;
  text-decoration: underline;
}
.nav_leadtx {
  text-decoration: underline;
  text-underline-offset: 7px;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 20px;
}
.red {
  color: #db0000;
  font-size: 2rem;
}
.gnav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 4%;
}
.gnav li {
  cursor: pointer;
  width: 30%;
  margin: 5px;
}
.floatingbtn {
  max-width: 150px;
  position: fixed;
  z-index: 1;
  right: 20px;
  bottom: 20px;
}
.underbtn {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  position: fixed;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
  z-index: 999;
  padding: 1%;
  transition: 0.5s;
}
.underbtnList {
  display: flex;
  justify-content: space-around;
  cursor: pointer;
}
/*footerまでスクロールしたら消す*/
.is-hidden {
  visibility: hidden;
  opacity: 0;
}
@media screen and (max-width: 560px) {
  .nav_leadtx {
    font-size: 1.4rem;
  }
  .red {
    font-size: 1.8rem;
  }
  .floatingbtn {
    max-width: 80px;
    bottom: 100px;
  }
  .underbtn {
    padding: 3%;
  }
  .underbtnList li {
    padding: 0 3px;
  }
}