/* CSS Document */
main{
  background-color: #fff;
}
/*コンテンツ*/
.design_list{
  padding: var(--headerHeight) 0;
}
.design_list [swipemenu][menu-type="tab"]{
  background-color: #fff !important;
}
/*コンテンツトップ文章*/
.t_text{
  box-sizing: border-box;
  padding-bottom: 1rem;
}
.t_text > p{
  line-height: 1.8rem;
  text-align: center;
  font-weight: 700;
}
body[wc-view-code="sp"] .t_text > p{
  padding: 0 5vw;
  text-align: left;
}
.t_text > p:not(:first-of-type){
  margin-top: 1rem;
}
/*スワイプメニュー中身*/
.plan_area{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  gap:1rem;
}
body[wc-view-code="sp"] .plan_area{
  padding: 1.5rem 5vw;
}
body[wc-view-code="tb"] .plan_area{
  padding: 1.5rem 10vw;
}
body[wc-view-code="pc"] .plan_area{
  padding: 1.5rem calc((100vw - 1100px) / 2);
}
.plan_area a{
  display: block;
  text-decoration: none;
}
body[wc-view-type="tb"] .plan_area a{
  width: calc(50% - 0.5rem);
}
body[wc-view-type="tb-l"] .plan_area a{
  width: calc((100% / 3) - 0.666rem);
}
body[wc-view-code="pc"] .plan_area a{
  width: calc((100% / 4) - 0.75rem);
}
.plan_area a article{
  display: flex;
  flex-direction: column-reverse;
  background-color: #e8edef;
  border-radius: 1rem;
}
.plan_area a article figure img{
  aspect-ratio:1.414/0.85;
  border-radius: 1rem 1rem 0 0;
}
.plan_area a article .w_text{
  padding: 0.75rem 0.25rem 0.5rem 0.25rem;
  box-sizing: border-box;
}
.plan_area a article .w_text dl{
  display: flex;
  align-items: start;
  overflow:hidden;
}
.plan_area a article .w_text dl:not(:first-of-type){
  margin-top: 0.25rem;
}
.plan_area a article .w_text dl > dt{
  flex: none;
  margin-right: 0.5rem;
}
.plan_area a article .w_text dl > dt > h3 .dt_title{
  display: table;
  background-color: #fff;
  padding:0.25rem 0.5rem;
  border-radius:1rem;
  font-weight: 700;
  font-size: 0.75rem;
  box-sizing: border-box;
  color: var(--defColor);
  line-height: 1em;
}
.plan_area a article .w_text dl > dd{
  -webkit-mask-image: -webkit-linear-gradient(left, black 0,black calc( 100% - 4.5rem),transparent calc( 100% - 0.75rem));
  mask-image: linear-gradient(to right, black 0,black calc( 100% - 4.5rem),transparent calc( 100% - 0.75rem));
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.plan_area a article .w_text dl > dd p{
  color: var(--defColor);
  font-weight: 700;
  font-size: 0.9rem;
}
.plan_area a article .w_text .arrow{
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--defColor);
  display: flex;
  width: fit-content;
  align-items: center;
  margin-left: auto;
}
.plan_area a article .w_text .arrow::after{
  content: "";
  width: 25px;
  height: 25px;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--defColor);
  dis