@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ リラクゼーション・スマイルケア ◇◆◇
  
  
========================================================================================================================*/

#about p {
  text-align:left;
}
  
#about p:not(:first-child) {
  padding-top:2rem;
}

@media print,screen and (min-width:641px) {
  #about {
    text-align:left;
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
    padding-top:80px;
  }
}

@media screen and (max-width:640px) {
  #about {
    padding:2.5rem 1.5rem 0 1.5rem;
  }
}


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

  内容・効果
  
----------------------------------------------------------------------------------------------------*/

.care_block {
  background-color:#fff;
  box-sizing:border-box;
}

.care__body {
  text-align:left;
}

@media print,screen and (min-width:641px) {
  #care {
    width:1200px;
    margin-left:auto;
    margin-right:auto;
    padding-top:40px;
    padding-bottom:100px;
  }
  
  .care_block {
    margin-top:60px;
    padding:60px;
  }

  .care__body {
    padding-top:50px;
  }
}

@media screen and (max-width:640px) {
  #care {
    padding:1rem 1.5rem 3rem 1.5rem;
  }
  
  .care_block {
    margin-top:2rem;
    padding:2.25rem 1.75rem 2rem 1.75rem;
  }

  .care__body {
    padding-top:1.75rem;
  }
}


/*-----------------------------------------------------------------------------------
  内容
-----------------------------------------------------------------------------------*/

.naiyou ul {
  width:100%;
  list-style:none;
}

.naiyou li {
  text-align:center;
  box-sizing:border-box;
}

.naiyou li span {
  display:block;
  box-sizing:border-box;
  background-color:#f0f8f8;
  line-height:1.4;
}

.naiyou li .ic:before {
  content:"";
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
}

.naiyou li .ic01:before { background-image:url(../image/ic01.svg); }
.naiyou li .ic02:before { background-image:url(../image/ic02.svg); }
.naiyou li .ic03:before { background-image:url(../image/ic03.svg); }

.no-svg .naiyou li .ic01 span:before { background-image:url(../image/ic01.png); }
.no-svg .naiyou li .ic02 span:before { background-image:url(../image/ic02.png); }
.no-svg .naiyou li .ic03 span:before { background-image:url(../image/ic03.png); }

@media print,screen and (min-width:641px) {
  .naiyou ul {
    display:inline-block;
  }
  
  .naiyou li {
    width:33.333333%;
    float:left;
    padding-left:20px;
  }
  
  .naiyou li:first-child {
    margin-left:-10px;
  }

  .naiyou li span:before {
    width:100%;
    height:120px;
    display:block;
    margin-bottom:0.5rem;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
  }
  
  .naiyou li span {
    padding:1.5rem 1rem 2rem 1rem;
  }
}

@media screen and (max-width:640px) {
  .naiyou ul {
    padding-top:0.25rem;
  }
  
  .naiyou li:not(:first-child) {
    margin-top:1rem;
  }
  
  .naiyou li {
    background-color:#f0f8f8;
  }
  
  .naiyou li .ic:after {
    content:"";
    display:block;
    height:0;
    clear:both;
  }
  
  .naiyou li .ic:before {
    width:90px;
    height:90px;
    display:inline-block;
    vertical-align:middle;
    margin-right:1rem;
  }
  
  .naiyou li span {
    padding:1rem;
    max-width:23em;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
  }
}

@media screen and (max-width:540px) {
  .naiyou li .ic:before {
    width:70px;
    height:70px;
  }
}


/*-----------------------------------------------------------------------------------
  効果
-----------------------------------------------------------------------------------*/

.kouka ul {
  padding-top:0.75rem;
}

@media print,screen and (min-width:641px) {
  .kouka .photo {
    display:inline-block;
    width:400px;
    float:left;
  }
  
  .kouka ul {
    margin-left:460px;
  }
}

@media screen and (max-width:640px) {
  .kouka .photo {
    display:block;
    text-align:center;
    padding-top:0.25rem;
    margin-bottom:1.5rem;
  }
  
  .kouka .photo img {
    max-width:400px;
  }
  
  .kouka ul {
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
  }
}


/*-----------------------------------------------------------------------------------
  所要時間・料金
-----------------------------------------------------------------------------------*/

@media screen and (max-width:640px) {
  .gaiyou {
    padding-top:0.25rem;
  }
}

.gaiyouTbl {
  width:100%;
  border-collapse:collapse;
  border:0;
  margin-bottom:1.25rem;
}

.gaiyouTbl th,
.gaiyouTbl td {
  box-sizing:border-box;
  line-height:1.4;
}

.gaiyouTbl th {
  font-weight:400;
  background-color:#61c5b4;
  color:#fff;
  text-align:center;
  vertical-align:middle;
  border-bottom:1px solid #91d7cb;
}

.gaiyouTbl td {
  text-align:left;
  vertical-align:middle;
  background-color:#f0f8f8;
  border-bottom:1px solid #d2eae8;
}

.gaiyouTbl tr:last-child th,
.gaiyouTbl tr:last-child td {
  border-bottom:0;
}

.gaiyouTbl td.price ul {
  list-style:none;
  display:inline-block;
  letter-spacing:-1em;
}

.gaiyouTbl td.price li {
  display:inline-block;
  letter-spacing:normal;
}

.gaiyouTbl td.price li:first-child {
  margin-right:1rem;
}

@media print,screen and (min-width:641px) {
  .gaiyouTbl th,
  .gaiyouTbl td { padding:1.5rem; }
}

@media screen and (max-width:640px) {
  .about_gaiyou {
    padding:3rem 0 0 0;
  }
  
  .gaiyouTbl colgroup { width:100%; }
  
  .gaiyouTbl th,
  .gaiyouTbl td {
    display:block;
    width:100%;
  }
  
  .gaiyouTbl th { text-align:left; border-bottom:0; padding:1rem; }
  .gaiyouTbl td { border-bottom:0; padding:1.25rem 1rem; }
}