@charset "UTF-8";
.spacer {
  margin-bottom:50px;
}
/*---------------------------------------------------------
#contents
---------------------------------------------------------*/
#contents,#contents2,#contents3, #contents4,#salon-info {
  width:100%;
  height:auto;
  padding:50px 0;
  background:#fff;
}
.contents-spacer {
  margin-top:50px;
}
.contents {
  width:100%;height:auto;
  max-width:896px;margin:0 auto;
}
.contents-title {
  width:100%;height:auto;
  border-bottom:1px solid #ccc;
  padding:14px 10px;margin-bottom:20px;
  box-sizing:border-box;line-height:1.4;
  position:relative;
  display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;
}
.contents-title-cols h2 {
  font-size:2rem;
}
.contents-title-cols > span {
  font-size:1.2rem;color:#ccc;
}
.contents-title-icon {
  width:52px;height:auto;margin-right:10px;
}
.contents-title-icon > img {
  display:block;
  width:100%;height:auto;
}
.contents-eyecatch {
  width:100%;height:auto;
  margin-bottom:30px;
}
.contents-eyecatch-img {
  width:100%;height:auto;margin:30px 0;
}
.contents-eyecatch > img,.contents-eyecatch-img > img {
  display:block;
  width:100%;height:auto;
}
.contents-text {
  width:100%;height:auto;
}
.contents-text > p {
  margin-bottom:14px;text-align:justify;
}
.contents-text-box {
  width:100%;height:auto;
  border:1px solid #DFE5EC;
  border-radius:12px;
  margin-bottom:20px;
}
.contents-text-boxLead {
  width:100%;height:auto;
  padding:5px;box-sizing:border-box;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  text-align:center;background:#DFE5EC;color:#214B7D;font-weight:bold;font-size:1.6rem;
}
.contents-text-box ul {
  width:100%;height:auto;
  padding:20px;box-sizing:border-box;
  list-style:inside;
}
.contents-text-box li:nth-child(n+2) {
  margin-top:5px;padding-top:5px;border-top:1px dashed #DFE5EC;
}
.contents-text > p > span {
  font-size:1rem;color:red;padding:0 3px;font-weight:bold;
}
.content-price {
  width:100%;
  height:auto;
}
.content-price-box {
  width:100%;
}
.content-price-box > table {
  width:100%;height:auto;
  border-collapse:collapse;
  border:1px solid #ccc;
  box-sizing:border-box;
}
.content-price-box > table tr {
  width:100%;
  height:auto;
  display:flex;
}
.content-price-box > table tr th:first-child,
.content-price-box > table tr td:first-child {
  width:25%;
}
.content-price-box > table tr th {
  background:#eee;
}
.content-price-box > table tr th,
.content-price-box > table tr td {
  width:calc(75%/2);
  line-height:1.4;
  padding:10px 0;
  text-align:center;
  box-sizing:border-box;
}
.content-price-box > table tr th:not(:last-child),
.content-price-box > table tr td:not(:last-child) {
  border-right:1px solid #ccc;
}
.content-price-box > table tr th {
  display:flex;flex-direction:column;
  align-items:center;
}
.content-price-box > table tr th > div > span {
  background: #CDB226;
  color:#fff;
  padding:2px 0;
  font-size:1.2rem;
}
.content-price-box-b {
  font-size:1.8rem;
  letter-spacing:0;
  font-weight:bold;
}
.contents-text > dl {
  width:100%;
  height:auto;  
}
.contents-text > dl > dt {
  width:100%;
  height:auto;
  font-weight:bold;
}
.contents-text > dl > dt i {
  margin-right:3px;
}
.contents-text > dl > dd {
  width:100%;
  height:auto;
  margin-bottom:14px;
}
.contents-link {
  width:50%;height:auto;
}
.contents-link > p {
  font-size:1.2rem;font-weight:bold;
}
.contents-link > a {
  display:flex;justify-content:space-between;align-items:center;
  width:100%;height:60px;border-radius:4px;
  background:#214B7D;color:#fff;font-weight:bold;
  padding:0 20px;box-sizing:border-box;
}

.range-box {
  width:100%;
  height:auto;
  margin-bottom:20px;
}
.range-box > ul {
  width:100%;
  height:auto;
  display:flex;
  justify-content:space-between;
  list-style:none;
}
.range-box > ul > li {
  width:calc(100%/3 - 10px);
  height:auto;
  padding:20px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  background:#eee;
}
.range-img {
  width:60%;
  height:auto;
  margin:0 auto 14px auto;
}
.range-img > img {
  display:block;
  width:100%;
  height:auto;
  background:#fff;
  border-radius:50vh;
}
.range-lead {
  font-size:1.6rem;
  font-weight:bold;
  text-align:center;
}
.range-text {
  font-size:1.2rem;
  text-align:justify;
}
/*---------------------------------------------------------
#relating-article
---------------------------------------------------------*/
#relating-article {
  width:100%;
  height:auto;
  padding:50px 0;
  background:#fff;
}
.relating-article {
  width:100%;height:auto;
  max-width:896px;margin:0 auto;
}
.relating-article h2 {
  width:100%;height:auto;
  font-size:1.6rem;
  padding:5px 5px 5px 20px;margin-bottom:20px;
  box-sizing:border-box;
  border-bottom:1px solid #ccc;
  position:relative;
}
.relating-article h2::before {
  display:block;content:'';
  width:6px;height:80%;
  background:#ccc;
  position:absolute;left:0;top:50%;
  transform:translate(0,-50%);
}
.blogcard {
  width:100%;height:auto;
  border:1px solid #eee;box-sizing:border-box;
  padding:20px;
}
.blogcard:nth-of-type(n+2) {
  margin-top:30px;
}
.blogcard > a {
  display:block;width:100%;height:auto;
}
.blogcard-cols {
  width:100%;height:auto;
  display:flex;justify-content:space-between;flex-wrap:wrap;
}
.blogcard-cols-img {
  width:35%;height:auto;
  position:relative;
  display:flex;
}
.blogcard-cols-img::after {
  display:block;content:'';
  width:100%;height:0;padding-top:50%;
}
.blogcard-cols-img > img {
  display:block;
  width:100%;height:100%;object-fit:cover;
  position:absolute;top:0;left:0;
}
.blogcard-cols-inner {
  width:62.5%;height:auto;
  display:flex;flex-direction:column;justify-content:center;
}
.blogcard-cols-inner h3 {
  font-size:1.2rem;
  text-align:left;
}
.blogcard-cols-inner > p {
  font-size:1.2rem;text-align:justify;
}
@media screen and (max-width: 1360px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1024px) {
  .contents,.relating-article {
    width:80%;max-width:initial;
  }
}
@media screen and (max-width: 896px) {
}
@media screen and (max-width: 768px) {
  .blogcard-cols {
    flex-direction:column;
  }
  .blogcard-cols-img {
    width:100%;height:auto;
    margin-bottom:30px;
  }
  .blogcard-cols-inner {
    width:100%;height:auto;
  }
}
@media screen and (max-width: 680px) {
  .contents-link {
    width:70%;height:auto;
  }
}
@media screen and (max-width: 480px) {
  #contents {
    padding:50px 0;
  }
  #contents2, #contents3, #contents4 {
    padding:0;
  }
  .contents,.relating-article {
    width:90%;max-width:initial;
  }
  .contents-title {
    justify-content:space-between;
  }
  .contents-title-cols h2 {
    font-size:1.8rem;
  }
  .contents-title-icon {
    width:64px;
  }
  .contents-title-cols {
    width:calc(100% - 70px);
  }
  .contents-title-cols > span {
    display:none;
  }
  .contents-link {
    width:100%;height:auto;
  }
}