/******************************************************

PREMIUM PLAN

******************************************************/
.legend .icon { display: inline-block; width: 1.75rem; line-height: 1; }
.legend .icon img { width: 100%; height: auto; line-height: 1; vertical-align: baseline; }
.legend .icon.icon05 { width: 10px; }
.legend .icon.icon06 { width: 26px; }
.legend > ul { width: auto; margin: auto; display: inline-block; }
.legend > ul li { width: auto; display: inline-block; text-align: center; }
.legend > ul li + li { margin-left: 4px; }

.flexBox { display: flex; justify-content: space-between; flex-wrap: wrap; }

#containerBox { background: #e5d9ca; }
#containerBox h3.sec_ttl { color: #000; }
#containerBox #main { max-width: 1000px; }
#containerBox #main img { margin-right: auto; }
#containerBox #main .pic span.note { bottom: 3px; }
#containerBox #main .main_txtArea { background: linear-gradient(45deg, #3c302c, #3b312b, #0e0b0b); padding: 20px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); max-width: 760px; margin: -3rem auto 0; position: relative; }
#containerBox #main .main_txtArea .inner { box-sizing: border-box; border: 1px solid #8a7e74; padding: 1.5rem 2rem 2rem; }
#containerBox #main .main_txtArea h3 { font-size: 2rem; border-bottom: 1px solid #8a7e74; padding-bottom: 1rem; margin-bottom: 1rem; color: #eadecf; font-weight: normal; line-height: 1.5; }
#containerBox #main .main_txtArea p { font-size: 1rem; color: #fff; line-height: 1.5; }
@media screen and (max-width: 640px) { #containerBox #main { padding: 0; margin-bottom: 3rem; }
  #containerBox #main .pic span.note { right: 3px; }
  #containerBox #main .main_txtArea h3 { font-size: 1.5rem; } }

.premiumplan01 .sec_inner { max-width: 1080px !important; padding-bottom: 5rem; margin-bottom: 5rem; /*border-bottom: 1px solid #443931;*/ }
@media screen and (max-width: 640px) { .premiumplan01 .sec_inner { padding-bottom: 2rem; } }
.premiumplan01 .plan_detail .spec { max-width: 630px; margin: 0 auto 3rem; }
.premiumplan01 .plan_detail .item h4 { font-family: "Allura", cursive; font-weight: 400; font-style: normal; font-size: 1.5rem; position: relative; padding-left: 38px; text-align: left; line-height: 1.2; }
.premiumplan01 .plan_detail .item h4 .num { position: absolute; top: 0; left: 0; width: 25px; height: 25px; color: #fff; background: #443931; text-align: center; line-height: 1; padding-top: 3px; }
.premiumplan01 .plan_detail .item h5 { font-size: 1.1rem; text-align: left; font-weight: normal; line-height: 1.5; margin: 1rem auto; }
.premiumplan01 .plan_detail .item p { font-size: 0.8rem; text-align: left; }
.premiumplan01 .detail1 { /*margin-bottom: 6rem;*/ }
.premiumplan01 .detail1 .plan_point { /*margin-bottom: 2rem;*/ }
.premiumplan01 .detail1 .plan_point > li { width: 27%; margin-bottom: 3rem; }
.premiumplan01 .detail1 .plan_point > li .item { margin-bottom: 2rem; }
.premiumplan01 .detail1 .plan_point > li:nth-of-type(2) { width: 42%; }
@media screen and (max-width: 640px) { .premiumplan01 .detail1 .plan_point > li { width: 100%; }
  .premiumplan01 .detail1 .plan_point > li:nth-of-type(1) { order: 2; margin-bottom: 0; }
  .premiumplan01 .detail1 .plan_point > li:nth-of-type(2) { order: 1; width: 100%; }
  .premiumplan01 .detail1 .plan_point > li:nth-of-type(3) { order: 3; } }
.premiumplan01 .detail2 .madori { max-width: 600px; margin: 0 auto 3rem; }
.premiumplan01 .detail2 .column { background: linear-gradient(90deg, #c9a98d 65%, #80675a); padding: 20px !important; margin: 3rem auto; }
.premiumplan01 .detail2 .column .inner { box-sizing: border-box; border: 1px solid #a59385; padding: 20px; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; }
.premiumplan01 .detail2 .column .inner * { min-height: 0%; }
.premiumplan01 .detail2 .column .inner .item { width: 33%; }
.premiumplan01 .detail2 .column .inner .photo { width: 64%; }
.premiumplan01 .detail2 .column .inner .photo li { width: 25%; }
.premiumplan01 .detail2 .plan_point li { width: 18%; }
@media screen and (max-width: 640px) { .premiumplan01 .detail2 .column { padding: 15px !important; background: linear-gradient(180deg, #c9a98d 65%, #80675a); }
  .premiumplan01 .detail2 .column .inner .item { width: 100%; }
  .premiumplan01 .detail2 .column .inner .photo { width: 100%; margin-top: 1rem; }
  .premiumplan01 .detail2 .column .inner .photo li { width: 50%; }
  .premiumplan01 .detail2 .plan_point li { width: 100%; margin-bottom: 2rem; } }

.premiumplan02 { background: #fff; padding-top: 5rem; }
.premiumplan02 .sec_inner { max-width: 1080px !important; }
.premiumplan02 h3 { font-size: 2rem; margin-bottom: 1rem; font-weight: normal; line-height: 1.5; }
.premiumplan02 .premiumplan02_1 { margin-bottom: 5rem; }
.premiumplan02 .premiumplan02_1 .pic { max-width: 800px; margin: 2rem auto 4rem; }
.premiumplan02 .premiumplan02_1 p { margin-bottom: 5rem; font-size: 1rem; }
.premiumplan02 .premiumplan02_1::after { content: ""; display: block; width: 100%; height: 1px; background: linear-gradient(90deg, #fff 1%, #a99c90 50%, #fff 99%); }
.premiumplan02 .premiumplan02_2 { max-width: 800px; margin: auto; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; align-items: center; }
.premiumplan02 .premiumplan02_2 * { min-height: 0%; }
.premiumplan02 .premiumplan02_2 .pic:nth-of-type(1) { width: 42%; }
.premiumplan02 .premiumplan02_2 .pic:nth-of-type(2) { width: 48%; }
@media screen and (max-width: 640px) { .premiumplan02 h3 { font-size: 1.5rem; }
  .premiumplan02 .premiumplan02_1 { margin-bottom: 3rem; }
  .premiumplan02 .premiumplan02_1 p { margin-bottom: 3rem; }
  .premiumplan02 .premiumplan02_2 .pic:nth-of-type(1) { width: 100%; margin-bottom: 2rem; }
  .premiumplan02 .premiumplan02_2 .pic:nth-of-type(2) { width: 100%; } }
