@charset "UTF-8";

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


html,
body {
  padding: 0;
  margin: 0;
}

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.page-titlepc{
  display:block;
}

.page-titlesp{
  display:none;
}

.page-title figure{
  height:480px;
}

@media screen and (max-width: 768px) {
  .page-title figure{
    height:380px;
  }
}

.menage .lead .column .wrap .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.menage .lead .column .wrap img {
  width: 180px;
}

.menage .message.bg_pink,
.lekue .message.bg_pink {
  background: url('../images/common/bg_pink.jpg')no-repeat center center/cover;
}

.menage .point .btn a {
  margin: 0 auto 60px;
}

.pages .customize-desc>div {
  padding: 15px 80px;
}

.pages .customize-desc .txt {
  padding-left: 60px;
}

.pages .customize-flex {
  padding: 16px 20px 30px;
}

.pages .recommend {
  min-height: 330px;
}

.pages .recommend_head span {
  font-size: 1.4rem;
  border-radius: 45px;
  border: 2px solid #fff;
  padding: 2px 6px;
  margin-right: 8px;
}

.menage .recommend-list .cap {
  background-color: #950025;
  color: #fff;
  padding: 2px 8px;
  text-align: center;
  margin-top: 8px;
}

.menage .minHeight {
  min-height: 260px;
}

.menage .usage {
  margin-bottom: 70px;
}

.menage .usage-Area {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: -24px 0 0 -24px;
  justify-content: center;
}

.menage .service {
  background-color: #F7F6F3;
  padding-bottom: 70px;
}

.menage .service .txt_container {
  margin-bottom: 64px;
}

.menage .service-flex {
  display: flex;
  flex-wrap: wrap;
  margin: -24px 0 0 -24px;
}

.menage .service-flex>* {
  padding: 24px 0 0 24px;
  width: 33.3333333333%;
}

.menage .service-flex .wrap-img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.menage .service-flex .wrap-desc {
  background-color: #fff;
  padding: 4px 16px;
  text-align: center;
}

.menage .service-flex .wrap-desc .txt {
  font-weight: bold;
  font-size: 1.8rem;
}

.menage .price_item .cap {
  display: block;
  color: #e88aa1;
  font-weight: bold;
}

.menage .price .table th,
.lekue .price .table th {
  width: 40em;
}

.lekue .page-title {
  background: url('../images/menage/lekue/page_title.jpg')no-repeat center center/cover;
}

.menage .lead .column>*>.txt,
.lekue .lead .column>*>.txt {
  font-size: 1.6rem;
}

.menage .message,
.lekue .message {
  margin-top: 60px;
  padding: 60px 0;
}

.menage .message .heading,
.lekue .message .heading {
  color: #000;
}

.lekue .point {
  padding: 60px 0;
}

.lekue .point .btn a {
  margin: 0 auto;
}

.lekue .price .price_item {
  padding: 60px 40px;
}

.lekue .table table {
  margin-bottom: 0;
}

.lekue .message.bg_pink {
  position: relative;
}

.lekue .message.bg_pink::after {
  position: absolute;
  background-color: rgb(255 255 255 / 35%);
  width: 100%;
  height: 100%;
  content: '';
  left: 0;
  top: 0;
  z-index: 0;
}

.lekue .message .container {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .pages .recommend_head b {
    display: inline-block;
  }

  .lekue .column.col-3 .wrap {
    width: calc(33.333% - 15px);
  }

}

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

  .page-titlepc{
    display:none;
  }

  .page-titlesp{
    display:block;
  }

  .pages .customize-descArea {
    margin-bottom: -20px;
  }

  .pages .customize-desc>div img {
    bottom: 35%;
    transform: translate(-50%, -35%);
  }

  .pages .customize-desc .txt {
    padding-left: 0;
  }

  .menage .usage-Area {
    display: block;
    margin: 0;
  }

  .menage .service-flex {
    margin: -16px 0 0 -16px;
  }

  .menage .service-flex>* {
    padding: 16px 0 0 16px;
    width: 50%;
  }

  .menage .price .table th {
    width: auto;
  }

  .menage .price .table th,
  .lekue .price .table th {
    width: auto;
  }

  .lekue .page-title {
    background: url('../images/menage/lekue/page_title_sp.png')no-repeat center center/cover;
  }

  .lekue .table th {
    width: auto;
  }

}

@media screen and (max-width: 480px) {
  .lekue .price .price_item {
    padding: 30px 20px 40px;
  }
}

/*# sourceMappingURL=maps/menage.css.map */