/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 26 2022 | 04:43:17 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 

.price {
  width: 1100px;
  margin: 0 auto;
}

/* priceのセクションの最初以外 */
.price:not(:first-of-type) {
  margin-top: 50px;
}

/* 見出し */
.price__heading {
  position: relative;
  font-size: 21px;
  font-weight: bold;
  color: #333;
  padding: 0 0 0 21px;
  line-height: 35px;
}

.price__heading span {
  position: absolute;
  left: 0;
  width: 15px;
  height: 35px;
  background: #64b2a7;
}

/* フルチェンジプラン特徴　ここから */
.price_tokucho_title{
	display: block;
  padding-left: 21px;
  margin: 10px 0 0 0 ;
	font-size: 1.5em;
}

.price_tokucho{
  padding: 0 0 0 55px;
	font-size: 1.2em;
}

/* フルチェンジプラン特徴　ここまで */

/* テーブル */
.price__table-area {
  width: 788px;
  margin: 50px auto 25px 9.25em;
}

.price__table.course-rejuvenation {
  width: 100%;
  border-collapse: collapse;
  padding: 0;
	margin-top:-25px;
}

.price__table.course-rejuvenation th {
  background: #aecb8a;
  color: #fff;
  font-size: 24px;
  text-align: center;
  padding: 8px 10px 8px 8px;
}

.price__table.course-rejuvenation tbody tr {
  border-bottom: 2px solid #333;
}

.price__table.course-rejuvenation tbody td {
  padding: 12px 0;
  vertical-align: middle;
}

.price__table.course-rejuvenation .count {
  font-size: 24px;
  text-align: center;
  min-width: 140px;
}

.price__table.course-rejuvenation .fee {
  position: relative;
  /* display: flex; */
  font-size: 16px;
  font-weight: 700;
  padding-left: 132px;
}

.price__table.course-rejuvenation .fee__icon--gentei {
  position: absolute;
  display: inline;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 21px;
  color: #fff;
  font-weight: 700;
  background: #d3a2c8;
  padding: 4px 6px;
}

.price__table.course-rejuvenation .fee .fee__yen {
  font-size: 26px;
  line-height: 1.6;
}

	.fee__yen_kai{
		display: none;
	}

/* 注釈 */
.price__table-attention {
  margin-top: 8px;
}

.price__table-attention p {
  font-size: 16px;
	line-height:10px;
}


@media screen and (max-width: 640px) {
  .price{
    width: 90%;
    margin: 0 auto;
  } 

  /* テーブルここから */
  .price__table-area {
    width: 100%;
    margin: 20px auto 20px 0;
  }

  .price__table.course-rejuvenation {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
  }

  .price__table.course-rejuvenation thead{
    width: 100%;
  }

  .price__table.course-rejuvenation th {
    background: #aecb8a;
    color: #fff;
    font-size: 19px;
    text-align: center;
  }
  
  .price__table.course-rejuvenation tbody tr {
    border-bottom: 2px solid #333;
  }

  
.price__table.course-rejuvenation tbody td {
  padding: 12px 0;
  vertical-align: middle;
}

.price__table.course-rejuvenation .count {
  font-size: 16px;
  text-align: center;
  min-width: 70px;
}


.price__table.course-rejuvenation .fee {
  position: relative;
  font-size: 14px;
  font-weight: 700;
  padding-left: 70px;
}

.price__table.course-rejuvenation .fee__icon--gentei {
  position: absolute;
  display: inline;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 11px;
  color: #fff;
  font-weight: 700;
  background: #d3a2c8;
  padding: 4px 6px;
}

.price__table.course-rejuvenation .fee .fee__yen {
  font-size: 16px;
  line-height: 1.6;
}
	.fee__yen_kai{
		display: block;
	}
	
/* 注釈 */
.price__table-attention {
  margin-top: 8px;
}

.price__table-attention p {
  font-size: 13px;
	line-height:16px;
}


  /* テーブルここまで */

  /* フルチェンジプラン特徴　ここから */
.price_tokucho_title{
  font-size: 19px;
  /* padding-left: 21px; */
  margin: 10px 0 0 0 ;
}

.price_tokucho{
  padding: 0 0 0 20px;
}

.price_tokucho_textarea{
  font-size: 16px;
  padding-top:2px;
}

/* フルチェンジプラン特徴　ここまで */
}

/* spここまで */

/* キャンペーン期間限定手数料 */
.campain{
  display: block;
  width: 1100px;
  margin: 0 auto;
}

.campain p{
  font-size: 30px;
  vertical-align: center;
}

.campain_price {
  display: flex;
  justify-content: center;
/*   padding-top:5px; */
/*   align-items: center; */
}

.campain_price_title{
  font-weight: bold;
}

.campain_price_yajirusi{
  font-size: 35px;
  padding: 0 5px;
}
.campain_price_red{
   color: red;
}

.campain_price_zero{
  font-weight:bold;
  font-size:45px;
}

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

  .campain{
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  
  .campain p{
    font-size: 18px;
    vertical-align: center;
  }
  
/*   .campain_price {
    display: flex;
    justify-content: center;
    padding:5px 0 0 0;
  } */
  
  .campain_price_title{
    font-weight: bold;
  }
  
  .campain_price_yajirusi{
    font-size: 20px;
    padding: 0 5px;
  }
  .campain_price_red{
     color: red;
  }
  
  .campain_price_zero{
    font-weight:bold;
    font-size:32px;
  }
}

/* キャンペーン期間限定手数料 ここまで　*/