@charset "UTF-8";



/* ------------------------------------
  フッター
-------------------------------------- */

.l-footer {
  padding: 100px 0 100px clamp(20px, 4.44vw, 56px);
  background: #43525c;
  color: #fff;
}

.p-copyright {
  margin-top: 100px;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .l-footer {
    padding: 60px 0;
  }

  .p-copyright {
    margin-top: 40px;
    margin-left: 20px;
  }
}



/* ------------------------------------
  共通
-------------------------------------- */

/* Container
-------------------------------------- */

.l-full {
  position: relative;
  background: #d3c11c;
}

.l-container {
  max-width: 1350px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  border: 2px solid #f828dc;
}

.inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  border: 1px solid #8c71eb;
}

@media screen and (max-width: 1280px) {
  .l-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}





/* タイトル
-------------------------------------- */
.title-main {
  font-size: 3.0rem;
  font-weight: 600;
}

.title-sub {
  font-size: 2.0rem;
  font-weight: 600;
}


/* ボタン
-------------------------------------- */


/* box
-------------------------------------- */
.contents-grid {
  display: grid;
        gap: 20px;
}

.contents-grid.grid-2col {
  grid-template-columns: repeat(2, 1fr);
  border: 1px solid #43525c;
}

.contents-grid.grid-3col {
  grid-template-columns: repeat(3, 1fr);
}

.contents-grid > div {
  border: 1px solid #43525c;
}




/* ------------------------------------
  料金ページ
-------------------------------------- */
.l-price {
  padding-top: 100px;
  background: #fffacf;
}
/* 料金表 ---------------- */
.c-price {
  padding: 60px;
  margin-bottom: 60px;
  border: 1px solid #000;
  background: #fff;
}

.price-list {}

.price-list li {
  padding: 1.4em 0;
    border-bottom: 1px dotted #D6D6D6;
    line-height: 1.8;
}

.price-list li > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 1.8rem;
}

.price-list--price {
    font-weight: bold;
    text-align: right;
}














/* ------------------------------------
  TOP
-------------------------------------- */



/* ブロック名 ---------------- */




/*# sourceMappingURL=common.css.map */