@charset "UTF-8";
/* ==============================================================================
PUBLIC：2025.05.10 CUSTOM
============================================================================== */
/* --------------------------------------------------------------------------------------- */
.d_none {
  display: none !important;
}

@media screen and (min-width: 769px) {
  .for_sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .for_pc {
    display: none !important;
  }
}
/*=========================================================================
CONTANTES BASIC
=========================================================================*/
.section_basic {
  padding: 5% 0 9%;
}
@media screen and (max-width: 768px) {
  .section_basic {
    width: 96%;
    padding: 9% 0 4%;
  }
}

/*----------------------------------------------------------------- */
.section_title {
  font-size: 120px;
  margin-bottom: 2%;
}
@media screen and (max-width: 1919px) {
  .section_title {
    font-size: 6.253vw;
  }
}
@media screen and (max-width: 768px) {
  .section_title {
    font-size: min(9.895vw, 70px);
    margin-bottom: 6%;
    text-align: center;
    position: relative;
    z-index: 1;
    line-height: 100%;
  }
}
@media screen and (max-width: 480px) {
  .section_title {
    font-size: 10vw;
  }
}

/*----------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .title_cap {
    font-size: min(3.6458vw, 28px);
    margin-top: 0%;
  }
}
@media screen and (max-width: 480px) {
  .title_cap {
    font-size: 5.416vw;
  }
}

/*----------------------------------------------------------------- */
.one_period {
  margin-bottom: 6%;
}
@media screen and (max-width: 768px) {
  .one_period {
    margin-bottom: 9%;
    width: 100%;
  }
}

/*----------------------------------------------------------------- */
.one_period,
.period_textbox {
  font-size: 22px;
}
@media screen and (max-width: 1600px) {
  .one_period,
  .period_textbox {
    font-size: 1.4vw;
  }
}
@media print, screen and (max-width: 1000px) {
  .one_period,
  .period_textbox {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  .one_period,
  .period_textbox {
    font-size: min(2.343vw, 16px);
    margin: 0 auto;
    width: 90%;
  }
}
@media screen and (max-width: 480px) {
  .one_period,
  .period_textbox {
    font-size: 3.33vw;
  }
}

.one_period p,
.period_textbox p {
  font-size: 22px;
  line-height: 180%;
}
@media screen and (max-width: 1600px) {
  .one_period p,
  .period_textbox p {
    font-size: 1.4vw;
  }
}
@media print, screen and (max-width: 1000px) {
  .one_period p,
  .period_textbox p {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  .one_period p,
  .period_textbox p {
    font-size: min(2.343vw, 16px);
    line-height: 1.6;
  }
}
@media screen and (max-width: 480px) {
  .one_period p,
  .period_textbox p {
    font-size: 3.33vw;
  }
}

/*----------------------------------------------------------------- */
.period_inner {
  padding: 6%;
}
@media screen and (max-width: 768px) {
  .period_inner {
    padding: 9% 6%;
  }
}

/*----------------------------------------------------------------- */
.btn_basic {
  width: 36%;
  margin: 6% auto 0;
  font-size: 22px;
}
@media screen and (max-width: 480px) {
  .btn_basic {
    font-size: 1.146vw;
  }
}
@media print, screen and (max-width: 1000px) {
  .btn_basic {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  .btn_basic {
    width: 100%;
    margin: 9% auto 0;
    font-size: min(2.86vw, 22px);
    max-width: inherit;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .btn_basic {
    font-size: 4.583vw;
  }
}

.btn_basic a {
  padding: 1em 0;
}
@media screen and (max-width: 768px) {
  .btn_basic a {
    display: inline-block;
    padding: 3% 4em;
    width: auto;
  }
}

/*----------------------------------------------------------------- */
.two_layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/*=========================================================================
HEADER
=========================================================================*/
#siteName {
  width: 16%;
  left: 50%;
  top: 49%;
}
@media screen and (max-width: 768px) {
  #siteName {
    width: 60%;
    top: 50%;
    left: 50%;
  }
}

#siteCatch {
  width: 1.6%;
  top: 40%;
  left: 66%;
}
@media screen and (max-width: 768px) {
  #siteCatch {
    width: 6%;
    top: 28%;
    left: 84%;
  }
}

/*----------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  #firstView {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
}

/*=========================================================================
SECTION：STAY
=========================================================================*/
@media screen and (max-width: 768px) {
  section#Stay {
    background-position: center bottom;
    padding-bottom: 9%;
    padding-top: 2%;
    background-image: url("../img/bg_stay_sp.jpg");
  }
}

/*----------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  section#Stay .section_title {
    margin-bottom: 3%;
  }
}

/*----------------------------------------------------------------- */
section#Stay .one_period {
  width: 60%;
}
@media screen and (max-width: 768px) {
  section#Stay .one_period {
    width: 100%;
  }
}

/*=========================================================================
SECTION：SAUNA
=========================================================================*/
/*
section#Sauna .period_inner {padding:0; background: none;}
section#Sauna .period_textbox {background:none;}
	*/
@media screen and (max-width: 768px) {
  section#Sauna {
    /*padding-bottom: 30vh;*/
  }
}

/*----------------------------------------------------------------- */
section#Sauna .section_basic {
  padding: 5% 0;
}
@media screen and (max-width: 768px) {
  section#Sauna .section_basic {
    padding-bottom: 9%;
  }
}

@media screen and (max-width: 768px) {
  section#Sauna .period_textbox {
    width: 100%;
  }
}

/*=========================================================================
SECTION：DAY-USE PLAN 〜 WATER BATH
=========================================================================*/
@media screen and (max-width: 768px) {
  section#Plan_Bath {
    padding-bottom: 6%;
  }
}

@media screen and (max-width: 768px) {
  #Plan .section_title {
    margin-bottom: 3%;
  }
}

@media screen and (max-width: 768px) {
  #Plan .title_cap {
    display: none;
  }
}

/*----------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  #Plan .period_textbox {
    width: 100%;
  }
}

/*----------------------------------------------------------------- */
#Plan.one_period {
  margin-bottom: 3%;
}
@media screen and (max-width: 768px) {
  #Plan.one_period {
    margin-bottom: 16%;
  }
}

/*----------------------------------------------------------------- */
#Plan.period_textbox .btn_basic {
  margin-top: 3%;
}

@media screen and (max-width: 480px) {
  #Plan.period_textbox {
    width: 100%;
  }
}

/*----------------------------------------------------------------- */
#planData {
  width: 100%;
}

/*----------------------------------------------------------------- */
/* #water_Bath {padding-bottom: 80vh;}*/
#water_Bath {
  padding-bottom: 5%;
}
@media screen and (max-width: 768px) {
  #water_Bath {
    padding-bottom: 12%;
  }
}

#water_Bath .period_textbox {
  width: 66%;
}
@media screen and (max-width: 768px) {
  #water_Bath .period_textbox {
    width: 90%;
  }
}

/*----------------------------------------------------------------- */
#title-Info {
  font-size: 120px;
  /*margin-top: -12%;*/
  margin-bottom: 6%;
  position: relative;
}
@media screen and (max-width: 1600px) {
  #title-Info {
    font-size: min(4.68vw, 36px);
  }
}
@media screen and (max-width: 768px) {
  #title-Info {
    font-size: 5.833vw;
  }
}



/*----------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .title_capbox {
    margin-top: 3%;
  }
}

.title_capbox, .title_capbox p {
  font-size: 30px;
}
@media screen and (max-width: 1600px) {
  .title_capbox, .title_capbox p {
    font-size: 1.563vw;
  }
}
@media print, screen and (max-width: 1200px) {
  .title_capbox, .title_capbox p {
    font-size: 2.333vw;
  }
}
@media screen and (max-width: 768px) {
  .title_capbox, .title_capbox p {
    font-size: min(2.343vw, 18px);
  }
}
@media screen and (max-width: 480px) {
  .title_capbox, .title_capbox p {
    font-size: 3.75vw;
  }
}

.title_capbox p {
  margin-bottom: 2%;
}

/*=========================================================================
SECTION：INFORMATION 〜 FAQ
=========================================================================*/
section#Information {
  background-position: center;
}
@media screen and (max-width: 768px) {
  section#Information {
    background-position: center bottom;
  }
}

/*----------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  section#Information .section_title {
    font-size: min(9.895vw, 70px);
    margin-bottom: 6%;
    text-align: center;
    position: relative;
    z-index: 1;
    line-height: 100%;
  }
}
@media screen and (max-width: 480px) {
  section#Information .section_title {
    font-size: 10vw;
  }
}

/*=========================================================================
SECTION：INFORMATION > PHOTOLIST
=========================================================================*/
#facility_photoBloc {
  margin-top: 6%;
  margin-bottom: 9%;
}

/*----------------------------------------------------------------- */
.arrow_next, .arrow_prev {
  max-width: 50px;
  width: 3%;
  height: 3vw;
}
@media screen and (max-width: 768px) {
  .arrow_next, .arrow_prev {
    max-width: 50px;
    width: 1.5em;
    height: 1.5em;
    display: none;
  }
}

.arrow_prev {
  left: 16.2%;
}
@media screen and (max-width: 768px) {
  .arrow_prev {
    left: 16%;
  }
}
@media screen and (max-width: 480px) {
  .arrow_prev {
    left: 15%;
  }
}

.arrow_next {
  left: 83.5%;
}
@media screen and (max-width: 768px) {
  .arrow_next {
    left: 84%;
  }
}
@media screen and (max-width: 480px) {
  .arrow_next {
    left: 85%;
  }
}

/*=========================================================================
SECTION：INFORMATION > FACILITY DATA
=========================================================================*/
#facilityData .period_textbox {
  width: 80%;
  margin-bottom: 2em;
  max-width: 1000px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media print, screen and (max-width: 1200px) {
  #facilityData .period_textbox {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  #facilityData .period_textbox {
    display: block;
    width: 100%;
    margin-bottom: 2em;
    position: relative;
    z-index: 1;
    font-size: min(3vw, 22px);
  }
}
@media screen and (max-width: 480px) {
  #facilityData .period_textbox {
    font-size: 3.75vw;
  }
}

@media screen and (max-width: 768px) {
  #facilityData .period_textbox br {
    display: block;
  }
}

/*----------------------------------------------------------------- */
ul.facility_list {
  width: 40%;
  margin-right: 20%;
}
@media screen and (max-width: 768px) {
  ul.facility_list {
    margin: 0 auto 9%;
    width: 80%;
  }
  ul.facility_list:last-of-type {
    margin-bottom: 0;
  }
}
ul.facility_list:nth-of-type(even) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  ul.facility_list:nth-of-type(even) {
    margin: 0 auto 9%;
  }
}

/*----------------------------------------------------------------- */
@media screen and (min-width: 769px) {
  #showerRoom04 ul.facility_list:first-of-type {
    width: 50%;
    margin-right: 5%;
  }
  #showerRoom04 ul.facility_list:last-of-type {
    width: 45%;
  }
}
/*----------------------------------------------------------------- */
.facility_textbox {
  margin-bottom: 2em;
}

.facility_textbox p {
  margin-bottom: 1.4em;
}
.facility_textbox p:last-of-type {
  margin-bottom: 0;
}

.facility_textbox p,
ul.facility_list li,
ul.facility_list .period_headline {
  font-size: 22px;
  margin-bottom: 2%;
}
@media screen and (max-width: 1919px) {
  .facility_textbox p,
  ul.facility_list li,
  ul.facility_list .period_headline {
    font-size: 1.563vw;
  }
}

ul.facility_list li,
ul.facility_list .period_headline {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .facility_textbox p,
  ul.facility_list li {
    text-align: left;
    font-size: min(2.343vw, 18px);
    margin-bottom: 4%;
  }
}
@media screen and (max-width: 480px) {
  .facility_textbox p,
  ul.facility_list li {
    font-size: 3.75vw;
  }
}

@media screen and (max-width: 768px) {
  ul.facility_list .period_headline {
    text-align: center;
    font-size: min(2.343vw, 18px);
    margin-bottom: 4%;
  }
}
@media screen and (max-width: 480px) {
  ul.facility_list .period_headline {
    font-size: 3.75vw;
  }
}

/*----------------------------------------------------------------- */
.period_headline {
  margin-bottom: 3%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .period_headline {
    margin-bottom: 3%;
    font-size: min(2.343vw, 18px);
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .period_headline {
    font-size: 3.75vw;
  }
}

.period_headline.left {
  margin-bottom: 1%;
}
@media screen and (max-width: 768px) {
  .period_headline.left {
    margin-bottom: 1%;
    text-align: center !important;
  }
}

@media screen and (max-width: 768px) {
  #receptionBuilding:after,
  #freeService:after {
    content: none;
  }
}

/*----------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  ul.facility_list.vertical_style,
  ul.facility_list.vertical_style02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  ul.facility_list.vertical_style {
    margin-bottom: 6%;
    width: 90%;
  }
}

@media screen and (max-width: 768px) {
  ul.facility_list.vertical_style li {
    position: relative;
    z-index: 1;
  }
}

@media screen and (max-width: 768px) {
  ul.facility_list.vertical_style li:after {
    content: "／";
    padding: 0em;
  }
}

@media screen and (max-width: 768px) {
  ul.facility_list.vertical_style li:last-of-type:after {
    content: none;
  }
}

/*----------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  ul.facility_list.vertical_style02 {
    width: 80%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 1%;
  }
}
@media screen and (max-width: 480px) {
  ul.facility_list.vertical_style02 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  ul.facility_list.vertical_style02 li {
    margin-right: 3%;
  }
}

/*----------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  #showerRoom03 .period_headline {
    text-align: center !important;
  }
  #showerRoom03 .facility_textbox {
    text-align: center;
  }
}

/*----------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  #showerRoom04 ul.facility_list li {
    text-align: center;
  }
}

/*----------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  #freeService {
    padding-bottom: 6% !important;
    margin-bottom: 0;
  }
}

#facilityData.last {
  padding-bottom: 12%;
}
@media screen and (max-width: 768px) {
  #facilityData.last {
    padding-bottom: 0;
  }
}

/*=========================================================================
SECTION：FAQ
=========================================================================*/
@media screen and (min-width: 769px) {
  #Faq {
    margin-top: -3%;
  }
}
@media screen and (max-width: 768px) {
  #Faq {
    padding-bottom: 12%;
  }
}

@media screen and (max-width: 768px) {
  #Faq .section_title {
    width: 100%;
    margin-bottom: 6%;
    font-size: min(10.15vw, 80px);
  }
}
@media screen and (max-width: 480px) {
  #Faq .section_title {
    font-size: 15vw;
  }
}

#Faq .period_textbox p {
  font-size: 18px;
}
@media screen and (max-width: 1600px) {
  #Faq .period_textbox p {
    font-size: 1.125vw;
  }
}
@media print, screen and (max-width: 1000px) {
  #Faq .period_textbox p {
    font-size: 1.799vw;
  }
}
@media screen and (max-width: 768px) {
  #Faq .period_textbox p {
    font-size: min(1.822vw, 14px);
    line-height: 1.6;
  }
}
@media screen and (max-width: 480px) {
  #Faq .period_textbox p {
    font-size: 2.916vw;
  }
}

/*----------------------------------------------------------------- */
@media screen and (min-width: 769px) {
  #Faq.two_layout .section_title {
    width: 41%;
    margin-right: 4%;
  }
}

#Faq.two_layout .period_textbox {
  width: 55%;
}
@media screen and (max-width: 768px) {
  #Faq.two_layout .period_textbox {
    width: 100%;
  }
}

#Faq.two_layout .period_textbox p {
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  #Faq.two_layout .period_textbox p {
    margin-bottom: 2em;
    font-size: min(3vw, 22px);
    line-height: 160%;
  }
}
@media screen and (max-width: 480px) {
  #Faq.two_layout .period_textbox p {
    font-size: 3.75vw;
  }
  #Faq.two_layout .period_textbox p br {
    display: block;
  }
}

/*----------------------------------------------------------------- */
@media screen and (min-width: 769px) {
  #Faq .btn_basic {
    margin-left: 58%;
  }
}

/*=========================================================================
SECTION：COMING SOON
=========================================================================*/
@media screen and (max-width: 768px) {
  section#Coming {
    background-image: url("../img/bg_coming_sp.jpg");
    padding: 12% 0 12%;
  }
}

@media screen and (max-width: 768px) {
  section#Coming .section_title {
    font-size: min(7.812vw, 33px);
    text-align: center !important;
  }
}
@media screen and (max-width: 480px) {
  section#Coming .section_title {
    font-size: 5.833vw;
  }
}

section#Coming .section_basic {
  margin-top: 6%;
  padding-top: 3%;
  padding-bottom: 20%;
}
@media screen and (max-width: 768px) {
  section#Coming .section_basic {
    margin-top: 40% !important;
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media screen and (min-width: 769px) {
  section#Coming .period_textbox {
    width: 46%;
    max-width: 500px;
    margin-bottom: 6%;
  }
}

@media screen and (max-width: 768px) {
  section#Coming .period_textbox p {
    text-align: left !important;
  }
}

/*=========================================================================
COPY
=========================================================================*/
#copyBody {
  padding: 45px 0;
}
@media screen and (max-width: 768px) {
  #copyBody {
    padding: 6% 0;
  }
}

#copyBody, #copyBody p {
  font-size: 18px;
}
@media print, screen and (max-width: 1200px) {
  #copyBody, #copyBody p {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 1000px) {
  #copyBody, #copyBody p {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  #copyBody, #copyBody p {
    font-size: 11px;
  }
}
@media screen and (max-width: 480px) {
  #copyBody, #copyBody p {
    font-size: 2.291vw;
  }
}

#copyBody p {
  margin-bottom: 1%;
}

/*=========================================================================
CUSTOM：24.12.21
=========================================================================*/
#btnInsta {
  width: 4%;
  max-width: 40px;
  top: 8%;
  left: 5%;
}
@media screen and (max-width: 768px) {
  #btnInsta {
    width: 6%;
    max-width: 40px;
    top: 10%;
    left: 10%;
  }
}

/*=========================================================================
MAP
=========================================================================*/
@media screen and (max-width: 768px) {
  section#Map .section_basic {
    padding-top: 5%;
    padding-bottom: 5%;
  }
}

#mapBloc {
  margin-bottom: 1.5%;
  padding-bottom: 50%;
}
@media screen and (max-width: 768px) {
  #mapBloc {
    margin-bottom: 5%;
    padding-bottom: 80%;
    width: 100%;
  }
}

#mapCap {
  font-size: 18px;
}
@media print, screen and (max-width: 1200px) {
  #mapCap {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 1000px) {
  #mapCap {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  #mapCap {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  #mapCap {
    font-size: 3vw;
  }
}

/*=========================================================================
CUSTOM 2025.06.14
=========================================================================*/
.section_title02 {
  font-size: min(5.5vw, 90px);
  margin-bottom: 9%;
}
@media screen and (max-width: 1600px) {
  .section_title02 {
    font-size: min(6.5vw, 86px);
  }
}
@media screen and (max-width: 1000px) {
  .section_title02 {
    font-size: 6.666vw;
  }
}
@media screen and (max-width: 768px) {
  .section_title02 {
    font-size: min(6.25vw, 50px);
    text-align: center;
    margin-bottom: 6%;
  }
}
@media screen and (max-width: 480px) {
  .section_title02 {
    font-size: 6vw;
  }
}

/*
.section_title02 {font-size:min(6.25vw,50px);margin-bottom: 6%;}
*/
/*----------------------------------------------------------------- */
.box_headline {
  font-size: 50px;
  margin-bottom: 2%;
}
@media screen and (max-width: 1600px) {
  .box_headline {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 1000px) {
  .box_headline {
    font-size: 3.333vw;
  }
}
@media screen and (max-width: 768px) {
  .box_headline {
    font-size: min(3.8vw, 28px);
    margin-bottom: 4%;
  }
}
@media screen and (max-width: 480px) {
  .box_headline {
    font-size: 5vw;
  }
}

/*----------------------------------------------------------------- */
.one_box {
  margin-bottom: 6%;
}
@media screen and (max-width: 768px) {
  .one_box {
    margin-bottom: 9%;
  }
}

.one_box, .one_box p {
  font-size: 22px;
}
@media screen and (max-width: 1600px) {
  .one_box, .one_box p {
    font-size: 1.375vw;
  }
}
@media screen and (max-width: 1000px) {
  .one_box, .one_box p {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .one_box, .one_box p {
    font-size: min(2.343vw, 16px);
  }
}
@media screen and (max-width: 480px) {
  .one_box, .one_box p {
    font-size: 3.33vw;
  }
}

.one_box p {
  margin-bottom: 1.4em;
}

/*----------------------------------------------------------------- */
.plan_headline {
  line-height: 160%;
  font-weight: 400;
  text-align: center;
  font-size: 34px;
  margin-bottom: 3%;
}
@media screen and (max-width: 1919px) {
  .plan_headline {
    font-size: min(2.6vw, 34px);
  }
}
@media screen and (max-width: 1600px) {
  .plan_headline {
    font-size: min(2.3vw, 32px);
  }
}
@media screen and (max-width: 768px) {
  .plan_headline {
    font-size: min(3vw, 28px);
  }
}
@media screen and (max-width: 480px) {
  .plan_headline {
    margin-bottom: 6%;
    font-size: 4vw;
  }
}

.plan_headline p {
  font-size: 24px;
  font-weight: 400;
}
@media screen and (max-width: 1919px) {
  .plan_headline p {
    font-size: min(1.25vw, 20px);
  }
}
@media screen and (max-width: 1600px) {
  .plan_headline p {
    font-size: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .plan_headline p {
    font-size: min(2.6vw, 20px);
  }
}
@media screen and (max-width: 480px) {
  .plan_headline p {
    font-size: 3.2vw;
  }
}

#btnPlan01.btn_basic {
  margin-bottom: 6%;
}
@media screen and (max-width: 768px) {
  #btnPlan01.btn_basic {
    margin-bottom: 9%;
  }
}

/*----------------------------------------------------------------- */
.plan_title {
  line-height: 160%;
  font-weight: 400;
  text-align: center;
  font-size: 62px;
  margin-bottom: 6%;
}
@media screen and (max-width: 1919px) {
  .plan_title {
    font-size: min(3.23vw, 62px);
  }
}
@media screen and (max-width: 1600px) {
  .plan_title {
    font-size: min(3.75vw, 60px);
  }
}
@media screen and (max-width: 768px) {
  .plan_title {
    margin-bottom: 4%;
    font-size: min(5vw, 30px);
  }
}
@media screen and (max-width: 480px) {
  .plan_title {
    font-size: 5vw;
  }
}

/*----------------------------------------------------------------- */
.tiny_style {
  width: 76%;
  max-width: 760px;
}
@media screen and (max-width: 768px) {
  .tiny_style {
    width: 100%;
  }
}

/*----------------------------------------------------------------- */
.plan_title02 {
  line-height: 120%;
  font-weight: 400;
  text-align: center;
  font-size: 40px;
  margin-bottom: 6%;
}
@media screen and (max-width: 1600px) {
  .plan_title02 {
    font-size: min(2.875vw, 40px);
  }
}
@media screen and (max-width: 768px) {
  .plan_title02 {
    font-size: min(3.906vw, 30px);
  }
}
@media screen and (max-width: 480px) {
  .plan_title02 {
    font-size: 4vw;
  }
}
.plan_title02:before, .plan_title02:after {
  content: "";
  position: absolute;
  width: 23.3333333333%;
  height: 1px;
  background: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.plan_title02:before {
  left: 0;
}
.plan_title02:after {
  right: 0;
}

/*----------------------------------------------------------------- */
ul#plan_priceList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.4em;
}
@media screen and (max-width: 768px) {
  ul#plan_priceList {
    display: block;
  }
}

ul#plan_priceList li {
  font-size: 32px;
  margin-right: 5%;
}
ul#plan_priceList li:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  ul#plan_priceList li:last-of-type {
    margin: 0 auto;
  }
}
@media screen and (max-width: 1600px) {
  ul#plan_priceList li {
    font-size: min(2.25vw, 32px);
  }
}
@media screen and (max-width: 768px) {
  ul#plan_priceList li {
    margin: 0 auto 2%;
    text-align: center;
    font-size: min(3.125vw, 24px);
  }
  ul#plan_priceList li:last-of-type {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  ul#plan_priceList li {
    font-size: 4vw;
  }
}/*# sourceMappingURL=contents.css.map */