@charset "utf-8";


/* RESET
----------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video,picture {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  line-height: 1.5em;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  margin : 0;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

img {
  vertical-align: bottom;
  border: none;
}
picture {
  display: block;
}
/* ----------------------------------------------

 * 設定をしなおす

---------------------------------------------- */
:root {
  --inner: 137rem;
}
@media (prefers-reduced-motion: reduce) {
  * {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
  }
}
html {
  -webkit-font-smoothing: antialiased;
  font-size: 62.5%;
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 0.7320644217vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 2.6666666667vw;
  }
}
body {
  margin: 0 auto;
  padding: 0;
  font-size: 1.6rem;
  line-height: 1.8em;
  color: #000;
  height: 100%;
  font-family: yakuhanjp,"Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo,sans-serif;
  font-weight: 400;
  position: relative;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 1.4rem;
  }
}


table {
  margin : 0;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

img {
  vertical-align: bottom;
  border: none;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
}
main {
  display: block;
  position: relative;
}

a {
  outline:none;
  color: #000;
}

a:hover {
  text-decoration: none;
}

a,a:hover,a:hover img,button,input {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
}

a:hover {
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}

* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}


/* -----------------------------------------------
 * COMMON
----------------------------------------------- */
input[type=text]:focus {
    outline: none;
}
#main {
  overflow: hidden;
}
.container {
  max-width: calc(var(--inner) + 4rem);
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
.large_conteiner {
  max-width: calc(154rem + 4rem);
}
.small_conteiner {
  max-width: calc(110rem + 4rem);
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}

@media only screen and ( max-width : 767px ) {
  .container {
    max-width: 100%;
  }
  .section {
    padding: 45px 0;
  }
  .br_pc {
    display: none;
  }
  .sp_none{display:none !important;}
}
@media print, screen and ( min-width : 768px ) {
  .section {
    padding: 60px 0;
  }
  .br_sp {
    display: none;
  }
  .sp { display:none !important; }
}
/* ---------------------------------------------------------------------------------------------

　   FLEX

--------------------------------------------------------------------------------------------- */
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}


@media (min-width: 576px) {
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
}

@media (min-width: 768px) {
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
}

@media (min-width: 992px) {
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
}

/* ---------------------------------------------------------------------------------------------

　   TEXT

--------------------------------------------------------------------------------------------- */
.text-left {
  text-align: left !important;
}

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

.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

/* ---------------------------------------------------------------------------------------------

　   HEADER

--------------------------------------------------------------------------------------------- */
#header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center; 
}
#head_logo a,
#head_logo img {
  display: block;
}

@media only screen and ( max-width : 767px ) {
  #header {
    height: 5rem;
    padding: 0 1.5rem;
  }
  #head_logo {
    max-width: 34rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #header {
    padding: 0 4rem;
    height: 10rem;
  }
  #head_logo {
    width: 58rem;
  }
}


/* ---------------------------------------------------------------------------------------------

　   固定ボタン

--------------------------------------------------------------------------------------------- */

#fixed_btn {
  position: fixed;
  right: 0;
  z-index: 9999;
}
#fixed_btn a {
  display: block;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16);
}
#fixed_btn img {
  border-radius: .4rem 0 0 .4rem;
}

@media only screen and ( max-width : 767px ) {
  #fixed_btn {
    width: 50px;
    bottom: 1rem;
    /*opacity: 0;*/
    transition: all 0.5s;
  }
  #fixed_btn img {
    width: 5rem;
  }
}


@media print, screen and ( min-width : 768px ) {
  #fixed_btn {
    bottom: 2rem;
  }
  #fixed_btn img {
    width: 8rem;
  }
} 
/* ---------------------------------------------------------------------------------------------

　   COMMON

--------------------------------------------------------------------------------------------- */

.fit {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 100%;
  height: 100%;
}
.campaign_bnr_1 {
  margin-bottom: 2rem;
}
.campaign_bnr_1:last-child {
  margin-bottom: 0;
}

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

  
}
@media print, screen and ( min-width : 768px ) {

  
}


/* ---------------------------------------------------------------------------------------------

　   MV

--------------------------------------------------------------------------------------------- */
#mv {
  position: relative;
}
#mv .mv_img {
  width: 100%;
  display: block;
}
.mv_content {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.mv_copy img {
  width: 100%;
}
.mv_woman {
  position: absolute;
  z-index: 2;
}
.mv_woman {
  width: 100%;
}

@media only screen and ( max-width : 767px ) {
  #mv .mv_img {
    height: calc(100svh - 5rem);
  }
  .mv_woman {
    display: none;
  }
  .mv_content {
    display: flex;
    align-items: flex-end;
    padding-bottom: 6vw;
  }
}
@media print, screen and ( min-width : 768px ) {
  .mv_copy {
    width: 44%;
    margin-left: 42%;
    padding-top: 6%;
  }
  #mv .large_conteiner {
    height: 100%;
  }
  .mv_woman {
    width: 16%;
    bottom: -6%;
    right: 2%;
  }
}
/* ---------------------------------------------------------------------------------------------

　   CTA

--------------------------------------------------------------------------------------------- */
.cta_title_wrapper {
  background: #e59c13;
  color: #fff;
  margin-bottom: 4rem;
}
.cta_title_wrapper .container {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta_img {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
}
.cta_title {
  text-align: center;
  font-weight: 500;
  letter-spacing: .2em;
  margin-top: -.2em;
  margin-left: .4em;
}
.cta_content .cta_content_top p {
  text-align: center;
  font-weight: 700;
}
.cta_content .cta_content_top .cta_content_title {
  background: #e95a49;
  text-align: center;
  color: #fff;
  border-radius: 5rem;
  margin: 0 auto;
  max-width: 42rem;
  letter-spacing: .15em;
  padding: .8em;
  margin-bottom: .5rem;
  display: block;
  font-weight: 700;
}
.cta_shop_list {
  margin-top: 1rem;
}
.cta_shop_list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  background: #0e7b80;
  width: 100%;
}
.cta_detail {
  position: relative;
  background: #fff4cf;
  border: .4rem solid #008087;
}
.cta_detail_title {
  border: .4rem solid #008087;
  border-radius: 10rem;
  text-align: center;
  background: #fff;
  color: #008087;
  letter-spacing: .1em;
  padding: 0 .5em;
  line-height: 1.2;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.trial_rental_area {
  display: flex;
  position: absolute;
  z-index: 3;
  left: .5rem;
  top: -1rem;
}
.trial_rental_area li {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #ccc;
  border-radius: 50%;
  font-weight: 500;
  margin-right: .2em;
}
.trial_rental_area li:last-child {
  margin-right: 0;
}
.trial_rental_area li.color01 {
  background: #e69a19;
}
.trial_rental_area li.color02 {
  background: #dc761c;
}
.trial_rental_area li.color03 {
  background: #df5419;
}
.trial_rental_img {
  position: relative;
  border-radius: 1rem;
  margin-bottom: .5rem;
}
.trial_rental_img img {
  border-radius: 1rem;
}
.trial_rental_img p {
  /*background: rgba(128,128,128,.5);
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  text-align: center;
  padding: .5em;
  color: #fff;
  width: 100%;
  border-radius: 0 0 1rem 1rem;
  font-weight: 700;*/
}
/*.trial_rental_box:nth-child(2) .trial_rental_img p {
  letter-spacing: -.1em;
}*/
.trial_rental_content ul {
  margin-bottom: 1em;
}
.trial_rental_content li {
  font-weight: 700;
}
.trial_belongings {
  border: .2rem solid #008087;
  background: #fff;
  padding: 1.5rem;
  text-align: center;
}
.trial_belongings img {
  display: block;
  margin-top: 1.5rem;
}
.trial_belongings h3 {
  border-bottom: .1rem solid #008087;
  color: #e67818;
  text-align: center;
  margin-bottom: .5em;
  padding-bottom: .2em;
}
.trial_belongings li {
  color: #008087;
  font-weight: 700;
  margin-bottom: .5em;
}
.trial_belongings li span {
  display: block;
  color: #000;
  font-weight: 500;
}
.cta_detail_bottom {
  color: #fff;
  background: #008087;
  padding: 1rem .5rem;
  font-weight: 500;
}
.trial_benefits {
  background: #fff;
  border-radius: 5rem;
  font-weight: 700;
  color: #008087;
  padding: .4em 1em;
  margin-top: 1em;
  text-align: center;
}
.join_benefits {
  text-align: center;
  font-weight: 700;
  color: #e95a49;
  margin-top: 2rem;
}
.join_benefits p {
  line-height: 1.2em;
}
.join_benefits span {
  line-height: 1.2em;
}
.join_benefits .marker {
  background: linear-gradient(transparent 70%, #fff100 70%);
}
.join_benefits small {
  display: block;
  margin-top: .5em;
  color: #222;
  font-weight: 400;
}
.ls-tight {
  letter-spacing: -.15em;
}

.cta_content .cta_content_top .notice_free_trial p {
  color: #e95a49;
  position: relative;
  padding: 0 1em;
}
.cta_content .cta_content_top .notice_free_trial p:before,
.cta_content .cta_content_top .notice_free_trial p:after {
  content: "";
  width: .2rem;
  background: #e95a49;
  height: 80%;
  bottom: 0;
  position: absolute;
}
.cta_content .cta_content_top .notice_free_trial p:before {
  left: 0;
  transform: rotate(-40deg);
}
.cta_content .cta_content_top .notice_free_trial p:after {
  right: 0;
  transform: rotate(40deg);
}
@media only screen and ( max-width : 767px ) {
  .cta_content .cta_content_top .notice_free_trial {
    padding: 0 2rem;
  }
  .cta_content .cta_content_top .notice_free_trial p {
    margin-bottom: 1.5rem;
    font-size: 2rem;
    line-height: 1.2;
  }
  .cta_content .cta_content_top .notice_free_trial p span {
    font-size: 3rem;
    line-height: 1;
  }
  .cta_content .cta_content_top .notice_free_trial p small {
    font-size: 1.6rem;
  }
  .cta_area {
    margin-top: 3rem;
  }
  .cta_title_wrapper {
    height: 10rem;
  }  
  .cta_img {
    width: 13rem;
    left: -2rem;
  }
  .cta_title {
    font-size: 2.8rem;
  }
  .cta_content .cta_content_top p {
    font-size: 1.6rem;
  }
  .cta_content .cta_content_top .cta_content_title {
    font-size: 1.8rem;
  }
  .cta_shop_list {
    margin: 1rem auto 6rem;
  }
  .cta_shop_list li {
    width: 32%;
  }
  .cta_shop_list li a {
    height: 6rem;
  }
  .cta_shop_list li img {
    width: auto;
    height: 2.4rem;
  }

  .cta_detail {
    padding-bottom: 2rem;
    margin-top: 6rem;
  }
  .cta_detail_title {
    font-size: 2rem;
    max-width: 24rem;
    height: 5rem;
    margin-top: -2.5rem;
    margin-bottom: 3rem;
  }
  .cta_detail_inner {
    padding: 0 2rem 2rem;
  }
  .trial_rental_area li {
    width: 5rem;
    height: 5rem;
  }
  .trial_belongings {
  }
  .trial_rental_box {
    margin-bottom: 2rem;
  }
  .trial_rental_img {
    margin-bottom: 2rem;
  }
  .trial_rental_img p {
    font-size: 1.3rem;
  }
  .trial_rental_txt {
    font-size: 1.3rem;
  }
  .trial_rental_content li {
    font-size: 1.7rem;
  }
  .trial_benefits {
    font-size: 1.6rem;
  }
  .trial_belongings h3 {
    font-size: 1.5rem;
  }
  .trial_belongings li {
    font-size: 1.5rem;
  }
  .trial_belongings li span {
    font-size: 1.2rem;
  }
  .cta_detail_bottom {
    margin: 0 2rem;
    font-size: 1.1rem;
    border-radius: 1rem;
    padding: 1rem 1.5rem;
  }
  .join_benefits p {
    font-size: 2.4rem;
  }
  .join_benefits small {
    font-size: 1.3rem;
  }
  .join_benefits_bigTxt {
    font-size: 3.4rem;
    margin-bottom: .4rem;
    display: inline-block;
  }
}
@media print, screen and ( min-width : 768px ) {
  .notice_free_trial {
    display: flex;
    justify-content: center;
  }
  .cta_content .cta_content_top .notice_free_trial p {
    margin-bottom: 2rem;
    font-size: 2.6rem;
  }
  .cta_content .cta_content_top .notice_free_trial p span {
    font-size: 3.6rem;
  }
  .cta_content .cta_content_top .notice_free_trial p small {
    font-size: 1.8rem;
  }
  .cta_area {
    margin-top: 9rem;
  }
  .cta_title_wrapper {
    height: 18rem;
  }  
  .cta_img {
    width: 29rem;
  }
  .cta_title {
    font-size: 7.8rem;
  }
  .cta_content .cta_content_top p {
    font-size: 2.4rem;
  }
  .cta_content .cta_content_top .cta_content_title {
    font-size: 2.6rem;
    padding: 2rem;
    max-width: 54rem;
  }
  .cta_shop_list {
    max-width: 120rem;
    margin: 2rem auto 13rem;
  }
  .cta_shop_list li {
    width: 38rem;
  }
  .cta_shop_list li a {
    height: 13rem;
  }
  .cta_shop_list li img {
    width: auto;
    height: 6rem;
  }
  .cta_detail {
    padding-bottom: 4rem;
    margin-top: 16rem;
  }
  .cta_detail_title {
    font-size: 5rem;
    max-width: 56rem;
    height: 14rem;
    margin-top: -7rem;
    margin-bottom: 5rem;
  }
  .cta_detail_inner {
    padding: 0 8rem 2.5rem 8rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .join_benefits {
    margin: 0 6rem;
  }
  .trial_rental_list {
    /*display: flex;
    justify-content: space-between;*/
  }
  .trial_rental_area li {
    width: 5.6rem;
    height: 5.6rem;
  }
  .trial_belongings {
    width: 24rem;
  }
  .trial_rental_box {
    /*width: 31%;*/
    display: flex;
    justify-content: space-between;
  }
  .cta_detail_content {
    width: calc(100% - 28rem);
  }
  .trial_rental_img {
    width: 44%;
  }
  .trial_rental_content {
    width: 53%;
  }
  .trial_rental_content li {
    font-size: 2.2rem;
  }
  .trial_rental_txt {
    font-size: 1.6rem;
  }
  .trial_benefits {
    font-size: 1.8rem;
  }
  .trial_belongings h3 {
    font-size: 1.7rem;
  }
  .trial_belongings li {
    font-size: 1.5rem;
  }
  .trial_belongings li span {
    font-size: 1rem;
  }
  .cta_detail_bottom {
    margin: 0 6rem;
    font-size: 1.3rem;
    border-radius: 5rem;
    text-align: center;
  }
  .join_benefits {
    margin-top: 2rem;
  }
  .join_benefits p {
    font-size: 4rem;
  }
  .join_benefits small {
    font-size: 2.4rem;
  }
  .join_benefits_bigTxt {
    font-size: 5.4rem;
  }
}

/* ---------------------------------------------------------------------------------------------

　   INTRODUCTION

--------------------------------------------------------------------------------------------- */
.introduction_top {
  background: linear-gradient(to right,  rgba(249,249,247,1) 0%,rgba(240,240,240,1) 100%);
  position: relative;
}
.introduction_top:after {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: -1px;
}
.webp .introduction_top:after {
  background: url(../img/webp/introduction_arrow.webp) no-repeat left bottom / 100%;
}
.no-webp .introduction_top:after {
  background: url(../img/introduction_arrow.png) no-repeat left bottom / 100%;
}
.introduction_top .container {
  position: relative;
}
.introduction_img {
  position: absolute;
  z-index: 3;
}
.introduction_bottom {
  padding-bottom: 2rem;
}
.introduction_bottom img {
  display: block;
  margin: 0 auto;
}
@media only screen and ( max-width : 767px ) {
  #introduction {
    margin-top: 4rem;
  }
  .introduction_img {
    display: none;
  }
}
@media print, screen and ( min-width : 768px ) {
  #introduction {
    margin-top: 8rem;
  }
  .introduction_img {
    width: 34rem;
    bottom: -4rem;
    right: 0;
  }
  .introduction_bottom img {
    max-width: 108rem;
  }
}


/* ---------------------------------------------------------------------------------------------

　   ABOUT

--------------------------------------------------------------------------------------------- */
#about h2,
.about_img {
  margin: 0 auto;
}

.about_content_txt p {
  line-height: 2em;
  text-align: center;
  color: #fff;
  font-weight: 500;
}
.about_content {
  position: relative;
}
@media only screen and ( max-width : 767px ) {
  .webp #about {
    background: url(../img/webp/about_bg_sp.webp) no-repeat center / cover;
  }
  .no-webp #about {
    background: url(../img/about_bg_sp.jpg) no-repeat center / cover;
  }
  #about {
    padding: 4rem 0;
  }
  #about h2 {
    max-width: 26rem;
    margin-bottom: 1rem;
  }
  .about_img {
    max-width: 32rem;
  }
  .about_content {
    margin: 1rem auto 0;
  }
  .about_content_txt {
    font-size: 1.6rem;
  }
  .about_content_img {
    max-width: 11rem;
    margin: 3rem auto 0;
  }
}
@media print, screen and ( min-width : 768px ) {
  .webp #about {
    background: url(../img/webp/about_bg.webp) no-repeat center / cover;
  }
  .no-webp #about {
    background: url(../img/about_bg.jpg) no-repeat center / cover;
  }
  #about {
    padding: 9rem 0;
  }
  #about h2 {
    max-width: 54rem;
    margin-bottom: 4rem;
  }
  .about_img {
    max-width: 53rem;
  }
  .about_content {
    max-width: 100rem;
    margin: 6rem auto 0;
  }
  .about_content_txt {
    font-size: 2.6rem;
  }
  .about_content_img {
    max-width: 17rem;
    position: absolute;
    right: 0;
    top: 0;
  }
}
/* ---------------------------------------------------------------------------------------------

　   POINT

--------------------------------------------------------------------------------------------- */
.webp #point {
  background: url(../img/webp/point_bg.webp) no-repeat top left / cover;
}
.no-webp #point {
  background: url(../img/point_bg.jpg) no-repeat top left / cover;
}
#member_voice {
  background: rgba(236,170,168,.9);
}
.member_voice_box {
  background: #fff;
  box-shadow: 0 0 .8rem rgba(0,0,0,.4);
}
.member_voice_box:last-child {
  margin-bottom: 0;
}
.member_voice_txt p {
  line-height: 2em;
}
#point h3 {
  margin-bottom: 2rem;
}
.member_voice_img img {
  width: 100%;
}
#staff {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}
.staff_img img {
  border-radius: 50%;
}
.staff_text h3 {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
  letter-spacing: .1em;
  padding: .3em;
}
.staff_text p {
  line-height: 2em;
  font-weight: 500;
}
@media only screen and ( max-width : 767px ) {
  #point {
    padding: 4rem 0 10rem;
  }
  #point h2 {
    margin-bottom: 2rem;
  }
  .point_img {
    margin-left: -8rem;
    margin-right: -8rem;
  }
  #member_voice {
    margin-top: 4rem;
    padding: 0 2rem 2rem 2rem;
  }
  #member_voice h3 {
    margin-left: -2.5rem;
  }
  #member_voice h3 img {
    width: 18rem;
    margin-top: -.5rem;
  }
  .member_voice_box {
    margin-bottom: 2rem;
  }
  .member_voice_txt {
    padding: 2rem;
  }
  #staff {
    padding: 3rem 0;
    margin-top: 5rem;
  }
  .staff_content {
  }
  .staff_img {
    width: 18rem;
    margin: 0 auto 2rem;
  }
  .staff_text {
    font-size: 1.3rem;
  }
  .staff_text h3 {
    font-size: 1.7rem;
    width: 22rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #point {
    padding: 13rem 0 33rem;
  }
  #point h2 {
    margin-bottom: 3.6rem;
  }
  #member_voice {
    margin-top: 6rem;
    padding: 5.5rem 13rem 12rem;
  }
  #member_voice h3 img {
    width: 35.6rem;
  }
  .member_voice_inner {
    max-width: 95rem;
    margin: 0 auto;
  }
  .member_voice_box {
    padding: 3.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3rem;
  }
  .member_voice_img {
    width: 38%;
  }
  .member_voice_txt {
    width: 56%;
    font-size: 1.4rem;
  }
  .member_voice_txt p {
    font-size: 1.7rem;
  }
  #staff {
    padding: 6.5rem 0;
    margin-top: 10rem;
  }
  .staff_content {
    display: flex;
    justify-content: space-between;
    max-width: 94rem;
    margin: 0 auto;
  }
  .staff_img {
    width: 33.4rem;
  }
  .staff_text {
    width: calc(100% - (33.4rem + 8rem));
    font-size: 1.7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .staff_text h3 {
    font-size: 1.9rem;
    width: 27.8rem;
  }
}


/* ---------------------------------------------------------------------------------------------

　   FLOW

--------------------------------------------------------------------------------------------- */
.flow_title {
  background: #0e7b80;
}
.flow_title h2 {
  margin: 0 auto;
}
.step_box {
  background: #fff;
  border: 1px solid #0e7b80;
  position: relative;
  box-shadow: .2rem .2rem .8rem rgba(0,0,0,.6);
}
.step_box:last-of-type {
  margin-bottom: 0;
}
.step_box:after {
  content: "";
  position: absolute;
}
.webp .step_box:after {
  background: url(../img/webp/step_arrow.webp) no-repeat center / 100%;
}
.no-webp .step_box:after {
  background: url(../img/step_arrow.png) no-repeat center / 100%;
}
.step_box:last-of-type:after {
  content: none;
}
.step_title {
  background: #0e7b80;
  color: #fff;
}
.step_num {
  position: absolute;
  z-index: 2;
}
.step_content {
  position: relative;
}
.step_img {
  overflow: hidden;
  border: 2px solid #0e7b80;
  border-radius: 50%;
}
.step_sup_text {
  text-align: right;
}
@media only screen and ( max-width : 767px ) {
  .webp .flow_content {
    background: url(../img/webp/flow_bg_sp.webp) no-repeat top left / cover;
  }
  .no-webp .flow_content {
    background: url(../img/flow_bg_sp.jpg) no-repeat top left / cover;
  }
  .flow_title {
    padding: 3rem 0;
  }
  .flow_title h2 {
    max-width: 26rem;
  }
  .flow_content {
    padding: 4rem 0 6rem;
  }
  .step_box {
    margin-bottom: 6rem;
  }
  .step_box:after {
    width: 3rem;
    height: 1.9rem;
    bottom: -4.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .step_title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    height: 8rem;
  }
  .step_content {
    padding: 2rem;
    font-size: 1.5rem;
  }
  .step_num {
    top: 1.5rem;
    width: 5rem;
    left: -1rem;
  }
  .step_img {
    width: 14rem;
    margin: 0 auto 2rem;
  }
  .step_sup_text {
    margin-top: 3rem;
    font-size: 1.2rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  .webp .flow_content {
    background: url(../img/webp/flow_bg.webp) no-repeat top left / cover;
  }
  .no-webp .flow_content {
    background: url(../img/flow_bg.jpg) no-repeat top left / cover;
  }
  .flow_title {
    padding: 6rem 0;
  }
  .flow_title h2 {
    max-width: 40rem;
  }
  .flow_content {
    padding: 8rem 0 12rem;
  }
  .flow_inner {
    max-width: 96rem;
    margin: 0 auto;
  }
  .step_box {
    display: flex;
    margin-bottom: 11rem;
    min-height: 12.6rem;
  }
  .step_box:after {
    width: 4.8rem;
    height: 3rem;
    bottom: -7.5rem;
    left: 18rem;
  }
  .step_title {
    width: 40rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
  }
  .step_content {
    width: calc(100% - 40rem);
    display: flex;
    align-items: center;
    padding: 2rem 2rem 2rem 10rem;
    font-size: 1.7rem;
  }
  .step_num {
    margin-left: -2.6rem;
    top: 50%;
    transform: translateY(-50%);
    width: 5.6rem;
  }
  .step_img {
    position: absolute;
    width: 15.8rem;
    top: 50%;
    transform: translateY(-50%);
    left: -7.9rem;
  }
  .step_sup_text {
    margin-top: 6rem;
    font-size: 1.4rem;
  }
}

/* ---------------------------------------------------------------------------------------------

　   VOICE

--------------------------------------------------------------------------------------------- */
#voice {
  background: #dbdcdc;
}
#voice h2 {
  margin: 0 auto;
}
.voice_wrapper {
  background: #fff;
}
.voice_wrapper .container {
  position: relative;
}
.voice_img {
  position: absolute;
}
.voice_img img {
  width: 100%;
}
@media only screen and ( max-width : 767px ) {
  #voice {
    padding: 3rem 0;
  }
  #voice h2 {
    width: 24rem;
    margin-bottom: 3rem;
  }
  .voice_wrapper {
    margin: 0 1rem;
    padding: 2rem 0;
  }
  .voice_message_img {
    margin-left: -2.5rem;
  }
  .voice_img {
    display: none;
  }
}
@media print, screen and ( min-width : 768px ) {
  #voice {
    padding: 5rem 0;
  }
  #voice h2 {
    width: 37rem;
    margin-bottom: 4rem;
  }
  .voice_wrapper {
    padding: 4rem;
    margin: 0 3rem;
  }
  .voice_img {
    width: 14rem;
    right: -13.5rem;
    top: 50%;
    transform: translateY(-50%);
  }
}


/* ---------------------------------------------------------------------------------------------

　   LESSON

--------------------------------------------------------------------------------------------- */
#lesson .lesson_title_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
#lesson h2,
#lesson .lesson_sub_title {
  margin: 0 auto;
}
.lesson_img {
  position: relative;
}
.lesson_beginer {
  position: absolute;
  z-index: 2;
}
.lesson_box h4 {
  text-align: center;
  color: #008087;
}
.lesson_type_title {
  color: #5ab431;
  position: relative;
  padding-bottom: .5em;
  margin-bottom: 1em;
}
.lesson_type_title:after {
  content: "";
  width: 12rem;
  height: .8rem;
  background: #5ab431;
  position: absolute;
  left: 0;
  bottom: 0;
}
.lesson_type_text {
  line-height: 2em;
}
.wheel-lesson__content li {
  color: #008087;
  font-weight: 700;
  margin-bottom: .25em;
}
.wheel-lesson__content li:last-child {
  margin-bottom: 0;
}
@media only screen and ( max-width : 767px ) {
  #lesson {
    margin-top: 5rem;
  }
  .webp #lesson .lesson_title_wrapper {
    background: url(../img/webp/lesson_bg_sp.webp) no-repeat center / cover;
  }
  .no-webp #lesson .lesson_title_wrapper {
    background: url(../img/lesson_bg_sp.jpg) no-repeat center / cover;
  }
  .lesson_title_wrapper {
    height: 20rem;
  }
  #lesson h2 {
    width: 28rem;
  }
  .lesson_content {
    padding: 3rem 0 6rem;
  }
  #lesson .lesson_sub_title {
    width: 30rem;
    margin-bottom: 4rem;
  }
  .lesson_box {
    font-size: 1.5rem;
    margin-bottom: 4rem;
  }
  .lesson_box:last-child {
    margin-bottom: 0;
  }
  .lesson_beginer {
    width: 3.4rem;
    left: 1rem;
    margin-top: -1rem;
  }
  .lesson_box h4 {
    font-size: 2rem;
    margin: 1.5rem 0 1rem;
  }
  .wheel-lesson {
    margin-top: 5rem;
  }
  .lesson_type_title {
    font-size: 2.8rem;
  }
  .lesson_type_title:after {
    width: 6rem;
  }
  .lesson_type_text {
    margin-bottom: 2rem;
    font-size: 1.6rem;
  }
  .wheel-lesson__img {
    margin-bottom: 3rem;
  }
  .wheel-lesson__content li {
    font-size: 2rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #lesson {
    margin-top: 8rem;
  }
  .webp #lesson .lesson_title_wrapper {
    background: url(../img/webp/lesson_bg.webp) no-repeat center / cover;
  }
  .no-webp #lesson .lesson_title_wrapper {
    background: url(../img/lesson_bg.jpg) no-repeat center / cover;
  }
  .lesson_title_wrapper {
    height: 56rem;
  }
  #lesson h2 {
    width: 48rem;
  }
  .lesson_content {
    padding: 5rem 0 16rem;
  }
  #lesson .lesson_sub_title {
    width: 43.2rem;
    margin-bottom: 9rem;
  }
  .lesson_list {
    display: flex;
    flex-wrap: wrap;
  }
  .lesson_box {
    width: 30%;
    font-size: 1.7rem;
    margin-top: 3rem;
    margin-right: 5%;
  }
  .lesson_box:nth-child(3n) {
    margin-right: 0;
  }
  .lesson_box:nth-child(-n+3) {
    margin-top: 0;
  }
  .lesson_beginer {
    width: 3.4rem;
    left: 1rem;
    margin-top: -1.6rem;
  }
  .lesson_box h4 {
    font-size: 2.4rem;
    margin: 1.5rem 0 1rem;
  }
  .wheel-lesson {
    margin-top: 10rem;
  }
  .lesson_type_title {
    font-size: 3.2rem;
  }
  .lesson_type_text {
    margin-bottom: 3rem;
    font-size: 2rem;
  }
  .wheel-lesson {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .wheel-lesson__img {
    width: 54rem;
  }
  .wheel-lesson__content {
    width: calc(100% - 60rem);
  }
  .wheel-lesson__content li {
    font-size: 2.4rem;
  }
}
/* ---------------------------------------------------------------------------------------------

　   FACILITY

--------------------------------------------------------------------------------------------- */
.facility_wrapper {
  background: #fff;
  box-shadow: .5rem .5rem 0 #f8b61c;
}
.facility_gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#facility h2 {
  text-align: center;
  color: #5ab431;
  position: relative;
  padding-bottom: .5em;
  margin-bottom: 1em;
}
#facility h2:after {
  content: "";
  width: 12rem;
  height: .8rem;
  background: #5ab431;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.facility_lead_text {
  text-align: center;
}
.facility_box {
  text-align: center;
}
.facility_box p {
  margin-top: .2em;
}
@media only screen and ( max-width : 767px ) {
  .webp #facility {
    background: url(../img/webp/facility_bg_sp.webp) no-repeat left top / cover;
  }
  .no-webp #facility {
    background: url(../img/facility_bg_sp.jpg) no-repeat left top / cover;
  }
  #facility {
    padding: 4rem 0;
  }
  .facility_wrapper {
    padding: 2rem 1.5rem;
  }
  .facility_box {
    width: 48%;
    margin-top: 2rem;
  }
  .facility_box:nth-child(-n+2) {
    margin-top: 0;
  }
  #facility h2 {
    font-size: 2.8rem;
  }
  #facility h2:after {
    width: 6rem;
  }
  .facility_lead_text {
    font-size: 1.8rem;
    margin-bottom: 3rem;
  }
  .facility_box p {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-top: 1rem;
  }
  .facility_sup_text {
    font-size: 1.2rem;
    margin-top: 2rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  .webp #facility {
    background: url(../img/webp/facility_bg.webp) no-repeat left top / cover;
  }
  .no-webp #facility {
    background: url(../img/facility_bg.jpg) no-repeat left top / cover;
  }
  #facility {
    padding: 10rem 0 12rem;
  }
  .facility_wrapper {
    padding: 5rem 10rem 4rem;
  }
  .facility_box {
    width: 48.5%;
    margin-top: 5rem;
  }
  .facility_box:nth-child(-n+2) {
    margin-top: 0;
  }
  #facility h2 {
    font-size: 3.2rem;
  }
  .facility_lead_text {
    font-size: 2.4rem;
    margin-bottom: 6rem;
  }
  .facility_box p {
    font-size: 2.4rem;
  }
  .facility_sup_text {
    text-align: right;
    font-size: 1.4rem;
    margin-top: 4rem;
  }
}

/* ---------------------------------------------------------------------------------------------

　   PLAN

--------------------------------------------------------------------------------------------- */

@media only screen and ( max-width : 767px ) {
  #plan {
    padding: 4rem 0 8rem;
  }
  .plan_img {
    margin-left: -4rem;
    margin-right: -3rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #plan {
    padding: 15rem 0 30rem;
  }
}


/* ---------------------------------------------------------------------------------------------

　   溶岩浴

--------------------------------------------------------------------------------------------- */
#yougannyoku {
  background: #e7e5d9;
}
.yougannyoku_txt p {
  line-height: 2em;
  font-weight: 500;
}
.yougannyoku_txt_emoji {
  display: inline-block;
}
.yougannyoku_txt_emoji img {
  display: block;
}
@media only screen and ( max-width : 767px ) {
  #yougannyoku {
    padding-bottom: 4rem;
  }
  .noren_img {
    margin-left: -3rem;
    margin-right: -3rem;
  }
  .noren_img img {
    margin-top: -3rem;
  }
  .yougannyoku_content {
    margin: 4rem auto 0;
  }
  .yougannyoku_img {
    width: 28rem;
    margin: 0 auto 3rem;
  }
  .yougannyoku_txt {
    font-size: 1.5rem;
  }
  .yougannyoku_txt_emoji img {
    width: 1.6rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #yougannyoku {
    padding-bottom: 10rem;
  }
  .noren_img {
    max-width: 126rem;
    margin: 0 auto;
  }
  .noren_img img {
    margin-top: -6rem;
  }
  .yougannyoku_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 110rem;
    margin: 8rem auto 0;
  }
  .yougannyoku_txt {
    font-size: 2.2rem;
    width: calc(100% - 56rem);
  }
  .yougannyoku_img {
    width: 46rem;
    margin-right: 10rem;
  }
  .yougannyoku_txt_emoji img {
    width: 2.3rem;
  }
}

/* ---------------------------------------------------------------------------------------------

　   ピラティスリフォーマー

--------------------------------------------------------------------------------------------- */
#machine_pilates {
}
#machine_pilates h2 {
  margin: 0 auto;
}
.pilates_session {
  /*border: .2rem solid #128086;
  border-radius: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  background: #fff;
  font-weight: 500;*/
  width: 100%;
}
.pilates_session:first-of-type {
  margin-top: 3rem;
}
.pilates_session th,
.pilates_session td {
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
  padding: 1rem;
}
.pilates_session thead th {
  background: #3b7e80;
  color: #fff;
}
.pilates_session:first-of-type thead th {
  background: #f37946;
}
.pilates_session tbody th {
  background: #eee;
}


.pilates_session .pilates_session_price {
  font-weight: bold;
}
.machine_pilates_img img {
  width: 100%;
}
.machine_pilates_lead_text {
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: .4em;
}
/*.pilates_session.color {
  background: #f37946;
  color: #fff;
}*/


@media only screen and ( max-width : 767px ) {
  #machine_pilates {
    padding: 4rem 0;
  }
  #machine_pilates h2 {
    max-width: 32rem;
    margin-bottom: 3rem;
  }
  .machine_pilates_img {
    margin-bottom: 2rem;
    margin-left: -3rem;
    margin-right: -3rem;
  }
  .machine_pilates_content {
    font-size: 1.5rem;
  }
  .pilates_session {
    height: 7rem;
  }
  .pilates_session .pilates_session_time {
    font-size: 1.6rem;
  }
  .pilates_session .pilates_session_price {
    font-size: 2rem;
  }
  .pilates_session .pilates_session_price .pilates_session_small_t {
    font-size: 1.4rem;
  }
  .pilates_session_time {
    display: block;
    text-align: center;
  }
  .machine_pilates_lead_text {
    margin-top: 3rem;
  }
}


@media print, screen and ( min-width : 768px ) {
  #machine_pilates {
    padding: 12rem 0 6rem;
  }
  #machine_pilates h2 {
    max-width: 87.2rem;
    margin-bottom: 5rem;
  }
  .machine_pilates_wrap {
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
  }
  .machine_pilates_img {
    width: 56%;
  }
  .machine_pilates_content {
    width: 42%;
    font-size: 1.8rem;
  }

  .pilates_session {
    /*margin-top: 6rem;*/
    table-layout: fixed;
  }
  .pilates_session {
    height: 5rem;
  }
  .pilates_session .pilates_session_time {
    font-size: 1.8rem;
  }
  .pilates_session .pilates_session_price {
    font-size: 2rem;
  }
  .pilates_session .pilates_session_price .pilates_session_small_t {
    font-size: 1.4rem;
  }
  .machine_pilates_lead_text {
    margin-top: 3rem;
  }
}

/* ---------------------------------------------------------------------------------------------

　   相互利用

--------------------------------------------------------------------------------------------- */
#mutual_use h2 {
  text-align: center;
}
#mutual_use h2 span {
  display: inline-block;
  position: relative;
  background: linear-gradient(to right,  rgba(235,137,76,1) 0%,rgba(220,57,55,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 .6em;
  line-height: 1.2;
}
#mutual_use h2 span:before,
#mutual_use h2 span:after {
  content: "";
  width: .2rem;
  height: 85%;
  position: absolute;
  bottom: 0;
}
#mutual_use h2 span:before {
  background: #EB894C;
  left: 0;
  transform: rotate(-40deg);
}
#mutual_use h2 span:after {
  background: #DC3937;
  right: 0;
  transform: rotate(40deg);
}
.mutual_use_txt p {
  line-height: 2em;
  font-weight: 500;
}
@media only screen and ( max-width : 767px ) {
  #mutual_use {
    padding: 5rem 0;
  }
  #mutual_use h2 {
    font-size: 2.6rem;
    margin-bottom: 4rem;
  }
  .mutual_use_img {
    margin-bottom: 4rem;
  }
  .mutual_use_txt {
    font-size: 1.6rem;
    text-align: center;
  }
}
@media print, screen and ( min-width : 768px ) {
  #mutual_use {
    padding: 10rem 0;
  }
  #mutual_use h2 {
    font-size: 4.8rem;
    margin-bottom: 6rem;
  }
  .mutual_use_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 110rem;
    margin: 0 auto;
  }
  .mutual_use_img {
    width: 50rem;
  }
  .mutual_use_txt {
    width: calc(100% - 56rem);
    font-size: 2.2rem;
  }
}


/* ---------------------------------------------------------------------------------------------

　   ENJOY POINT

--------------------------------------------------------------------------------------------- */
.webp #enjoy_point {
  background: url(../img/webp/enjoy_bg_top.webp) no-repeat top right / 40%,url(../img/webp/enjoy_bg_bottom.webp) no-repeat bottom left / 22% #d3134c;
}
.no-webp #enjoy_point {
  background: url(../img/enjoy_bg_top.png) no-repeat top right / 40%,url(../img/enjoy_bg_bottom.png) no-repeat bottom left / 22% #d3134c;
}
.enjoy_point_title {
  color: #fff;
}
.enjoy_point_title p {
  font-weight: 700;
  line-height: 2em;
}
.enjoy_point_use {
  background: #fff;
  border-radius: 3rem;
}
.enjoy_point_use .enjoy_point_use_text p {
  line-height: 2em;
}
.enjoy_point_img {
  text-align: center;
}
.enjoy_point_gallery {
  display: flex;
}
.enjoy_point_gallery picture {
  flex: 1;
}
.enjoy_point_gallery img {
  display: block;
}
.app_download {
  max-width: 26rem;
  margin: 0 auto;
}
.app_download h3 {
  text-align: center;
  margin-bottom: 1rem;
  color: #fff;
}

.app_download ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.app_download li {
  margin-right: 2%;
  width: 49%;
}
.app_download li:last-child {
  margin-right: 0;
}
@media only screen and ( max-width : 767px ) {
  #enjoy_point {
    padding: 8rem 0 6rem;
    background-size: 70%,40%;
  }
  .enjoy_point_title {
    margin-bottom: 3rem;
  }
  .enjoy_point_title h2 {
    text-align: center;
    margin-bottom: 4rem;
  }
  .enjoy_point_title h2 img {
    max-width: 32rem;
  }
  .enjoy_point_title p {
    text-align: center;
    font-size: 1.6rem;
  }
  .enjoy_point_use {
    margin: 2rem 0;
    padding: 3rem 2rem 2rem;
  }
  .enjoy_point_use_img {
    max-width: 24rem;
    margin: 0 auto 2rem;
  }
  .enjoy_point_use_text {
    text-align: center;
  }
  .enjoy_point_gallery {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .app_download {
    margin-top: 4rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #enjoy_point {
    padding: 18rem 0 12rem;
  }
  .enjoy_point_content {
  }
  .enjoy_point_title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 10rem;
  }
  .enjoy_point_title h2,
  .enjoy_point_title p {
    width: 48%;
  }
  .enjoy_point_title h2 {
    text-align: center;
  }
  .enjoy_point_title h2 img {
    max-width: 58.2rem;
  }
  .enjoy_point_title p {
    font-size: 2.6rem;
  }
  .enjoy_point_img {
    max-width: 101rem;
    margin: 0 auto;
  }
  .enjoy_point_use {
    margin: 2rem 0 5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3rem 7rem 5rem 7rem;
  }
  .enjoy_point_use .enjoy_point_use_img {
    width: 58%;
  }
  .enjoy_point_use .enjoy_point_use_text {
    width: 36%;
  }
  .enjoy_point_use .enjoy_point_use_img img {
  }
  .enjoy_point_gallery {
    max-width: 99rem;
    margin: 0 auto;
  }
  .app_download {
    margin-top: 5rem;
  }
  .app_download h3 {
    font-size: 1.8rem;
  }
}

/* ---------------------------------------------------------------------------------------------

　   Benefits

--------------------------------------------------------------------------------------------- */
.benefits_title_wrapper {
  background: #c21732;
  color: #fff;
  text-align: center;
}
.benefits_title_top {
  font-weight: bold;
}
.benefits_title_top span {
  display: inline-block;
  position: relative;
  line-height: 1;
  padding: 0 .7em;
}
.benefits_title_top span:before,
.benefits_title_top span:after {
  content: "";
  width: 2px;
  height: 1.2em;
  background: #fff;
  position: absolute;
  bottom: -.2em;
}
.benefits_title_top span:before {
  left: 0;
  transform: rotate(-40deg);
}
.benefits_title_top span:after {
  right: 0;
  transform: rotate(40deg);
}
.benefits_pointbox {
  text-align: center;
}
.benefits_pointbox01 {
  background: #ebc1b6;
}
.benefits_pointbox02 {
  background: #f2d7ce;
}
.benefits_pointbox03 {
  background: #e6e6e6;
}
.benefits_pointbox04 {
  background: #fff;
}
@media only screen and ( max-width : 767px ) {
  .benefits_pointbox {
    padding: 2rem 0;
  }
  .benefits_title_top {
    font-size: 2rem;
  }
  .benefits_title_wrapper {
    padding: 2rem 0;
  }
  .benefits_title {
    font-size: 3rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  .benefits_inner {
    max-width: 110rem;
    margin: 0 auto;
  }
  .benefits_pointbox {
    padding: 4rem 0;
  }
  .benefits_title_top {
    font-size: 4rem;
  }
  .benefits_title_wrapper {
    padding: 4rem 0;
  }
  .benefits_title {
    font-size: 5.6rem;
  }
}

/* ---------------------------------------------------------------------------------------------

　   Instagram

--------------------------------------------------------------------------------------------- */
.instagram_title {
  display: block;
}
#yoga-banner a {
  display: block;
  margin: 0 auto;
  max-width: 70rem;
}
@media only screen and ( max-width : 767px ) {
  #instagram {
    padding: 3rem 0 1rem;
  }
  .instagram_title {
    margin-left: -3rem;
    margin-right: -3rem;
  }
  #yoga-banner {
    padding-bottom: 4rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #instagram {
    padding: 5rem 0 4rem;
  }
  .instagram_title {
    margin-bottom: 2.5rem;
  }
  #yoga-banner {
    padding-bottom: 12rem;
  }
}

/* ---------------------------------------------------------------------------------------------

　   SHOP INFO

--------------------------------------------------------------------------------------------- */
#shop_info h2 {
  text-align: center;
  letter-spacing: .3em;
  font-weight: 400;
}
#shop_info h3 img {
  display: block;
}
.shop_info_map iframe {
  width: 100%;
  display: block;
}
.shop_info_box:last-child {
  margin-bottom: 0;
}
.shop_info_box dl {
  margin-bottom: 2rem;
}
.shop_info_box dt{
  margin-bottom: 1rem;
}
.shop_info_box dt span {
  background: #727171;
  color: #fff;
  display: block;
  width: 7.4rem;
  line-height: 1;
  text-align: center;
  padding: .3em;
  font-size: 1.3rem;
}
.shop_info_box dd {
  margin-bottom: 3rem;
  color: #727171;
}
.shop_info_box dd:last-of-type {
  margin-bottom: 0;
}
.shop_info_box p {
  color: #727171;
}
.open_time {
  position: relative;
  padding-left: 5em;
}
.open_time span {
  position: absolute;
  left: 0;
  top: 0;
  letter-spacing: .15em;
  width: 5em;
}
.holiday {
  margin-top: 2rem;
}
@media only screen and ( max-width : 767px ) {
  #shop_info {
    margin-bottom: 5rem;
  }
  #shop_info h2 {
    font-size: 2.4rem;
    margin-bottom: 5rem;
  }
  #shop_info h3 {
    margin-bottom: 3rem;
  }
  #shop_info h3 img {
    width: auto;
    height: 1.6rem;
  }
  .shop_info_box {
    margin-bottom: 5rem;
  }
  .shop_info_txt {
    margin-bottom: 3rem;
  }
  .shop_info_map {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .shop_info_map iframe {
    height: 25rem;
    margin-top: 2rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #shop_info {
    margin-bottom: 10rem;
  }
  #shop_info h2 {
    font-size: 3.4rem;
    margin-bottom: 10rem;
  }
  .shop_info_list {
    max-width: 120rem;
    margin: 0 auto;
  }
  #shop_info h3 {
    margin-bottom: 3rem;
  }
  #shop_info h3 img {
    width: auto;
    height: 2.6rem;
  }
  .shop_info_box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10rem;
  }
  .shop_info_txt {
    width: 42%;
  }
  .shop_info_map {
    width: 55%;
  }
  .shop_info_map iframe {
    height: 36rem;
    margin-top: 2rem;
  }
}




/* ---------------------------------------------------------------------------------------------

　   PRICE

--------------------------------------------------------------------------------------------- */
#price h2 {
  text-align: center;
  color: #3b7e80;
  font-weight: 400;
}
#price table {
  width: 100%;
}
#price th,
#price td {
  border: 1px solid #5d5d5d;
  text-align: center;
  vertical-align: middle;
}
#price th {
  background: #5d5d5d;
  color: #fff;
  border-right: #fff 1px solid;
}
#price th:last-child {
  border-right: #5d5d5d 1px solid;
}
.table_bottom_sup_text {
  margin-top: 1rem;
}
#join {
  margin-top: 4rem;
}
.table_fixed {
  table-layout: fixed;
}
@media only screen and ( max-width : 767px ) {
  #price {
    padding: 5rem 0 10rem;
  }
  #price h2 {
    font-size: 2.4rem;
    margin-bottom: 3rem;
  }
  #price table {
    margin-bottom: 3rem;
  }
  #price th,
  #price td {
    padding: 1rem;
  }
  .table_bottom_sup_text {
    font-size: 1.2rem;
  }
  #join {
    font-size: 1.3rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #price {
    padding: 10rem 0 26rem;
  }
  #price h2 {
    font-size: 6rem;
    margin-bottom: 6rem;
  }
  #price table {
    margin-bottom: 5rem;
  }
  #price th,
  #price td {
    font-size: 2.4rem;
    padding: 2rem;
  }
  .table_bottom_sup_text {
    text-align: right;
    font-size: 1.7rem;
  }
  #join {
    font-size: 1.7rem;
  }
}