@charset "UTF-8";
/* CSS Document */
main.under-wrapper {}
.udr-inner {
  width: min(900px, 100%);
  padding-left: min(50px, 4vw);
  padding-right: min(50px, 4vw);
  margin-left: auto;
  margin-right: auto;
}
.breadcrumbs {
  padding-top: min(20px, 3vw);
  padding-bottom: min(20px, 3vw);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 0;
}
.breadcrumbs > * {
  font-size: min(14px, 3vw);
  opacity: .75;
}
.breadcrumbs > * + * {
  padding-left: 1.5em;
}
.breadcrumbs > * + *::before {
  content: "";
  width: 5px;
  aspect-ratio: 1/1;
  border: 1px solid;
  border-color: #000 #000 transparent transparent;
  position: absolute;
  left: .65em;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
/*under key
=====================================*/
.under-key-inner {
  padding-left: 20px;
  padding-right: 20px;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  min-height: 280px;
}
.under-contents {
  margin-top: min(50px, 10vw);
}
.archive-key-inner .under-title {
  margin-top: min(70px, 15vw);
}
/*archive
=====================================*/
.under-title {
  font-size: var(--head2);
  font-weight: 700;
  padding-bottom: 16px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
.under-title::after {
  content: "";
  width: 1.8571em;
  height: 3px;
  background: linear-gradient(90deg, #2BA27E, #356080);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.archive-contents {
  margin-top: min(80px, 15vw);
}
.clm-contents {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: min(1200px, 100%);
  padding-left: min(50px, 4vw);
  padding-right: min(50px, 4vw);
  margin-left: auto;
  margin-right: auto;
}
#l-main {
  width: max(calc(100% - 325px), 75%);
  padding-right: min(50px, 10vw);
}
.acv-campaign-list {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: min(40px, 5vw);
}
.acv-campaign-list > * {
  width: calc((100% - min(40px, 5vw))/2);
}
.acv-campaign-list .acv_post .thumb {
  width: 100%;
  aspect-ratio: 1/0.7813;
  overflow: hidden;
  border: 1px solid var(--bdr-gry);
}
.acv-pager {
  margin-top: min(50px, 15vw);
}
.acv-pager .nav-links {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  gap: 1em;
}
.acv-pager .nav-links > * {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}
.acv-pager .nav-links > * {
  width: 2em;
  aspect-ratio: 1/1;
  border: 2px solid var(--clr-grn);
  color: var(--clr-grn);
}
.acv-pager .nav-links > span {
  background: var(--clr-grn);
  color: #fff;
}
.acv-pager .nav-links > .prev::before, .acv-pager .nav-links > .next::before {
  content: "";
  width: 5px;
  aspect-ratio: 1/1;
  border: 2px solid;
  border-color: var(--clr-grn) var(--clr-grn) transparent transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center;
  transform: translate(-65%, -50%) rotate(45deg);
  border-radius: 2px;
}
.acv-pager .nav-links > .prev::before {
  transform: translate(-30%, -50%) rotate(45deg) scale(-1, -1);
}
#l-side {
  width: max(325px, 25%);
}
#l-side > * + * {
  margin-top: min(40px, 8vw);
}
.side-new_entry {
  margin-top: min(15px, 3vw);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.side-new_entry article {
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.side-title {
  font-weight: 600;
  text-align: center;
  font-size: var(--fs-mid16);
  color: #fff;
  background: var(--clr-grn);
  padding: 8px;
}
.side-item article .thumb {
  width: 30%;
  aspect-ratio: 1/0.7813;
}
.side-item article .thumb img {
  object-fit: cover;
  height: 100%;
}
.side-item article .data {
  width: 70%;
  padding-left: min(15px, 3vw);
  ;
}
.side-item article .data .tag {
  gap: 5px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 5px;
}
.side-item article .data .tag span {
  font-size: min(.75em, 3.2vw);
  border: 1px solid;
  color: var(--clr-grn);
  border-radius: 2em;
  padding: 3px 8px;
}
.side-item article .data .post-title {
  margin-top: 5px;
  line-height: 1.4;
  font-size: min(0.9286em, 3.6vw);
}
.side-category-list {
  margin-top: 10px;
}
.side-category-list li a {
  display: block;
  padding: min(10px, 2vw) 0;
}
/*single
=====================================*/
.single-contents {
  margin-top: min(80px, 15vw);
  padding-bottom: min(60px, 10vw);
}
.single-key-image {
  width: 100%;
  border: 1px solid var(--bdr-gry);
  margin-bottom: 10px;
  /*  aspect-ratio: 1/0.482;*/
}
.single-key-image img {
  object-fit: contain;
  height: 100%;
}
.entry-head {
  gap: min(40px, 5vw);
  line-height: 1.4;
}
.single-title {
  font-size: var(--head2);
  font-weight: 700;
  padding-bottom: 16px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
.single-title::after {
  content: "";
  width: 1.8571em;
  height: 3px;
  background: linear-gradient(90deg, #2BA27E, #356080);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.entry-head .top-text {
  font-size: var(--fs-mid16);
}
.entry-body {
  margin-top: min(50px, 10vw);
}
.entry-body *:not(.round-btn):not a {
  color: var(--clr-grn);
  text-decoration: underline;
}
.cnp-detail-list > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.cnp-detail-list > div:not(:first-child) {
  padding-top: min(20px, 3vw);
  border-top: 1px solid var(--bdr-gry);
}
.cnp-detail-list > div:not(:last-child) {
  padding-bottom: min(20px, 3vw);
}
.cnp-detail-list dt {
  width: 12em;
  line-height: 1.4;
  padding: 0 1em;
}
.cnp-detail-list dt::after {
  content: ":";
  position: absolute;
  right: 0;
  top: 0;
}
.cnp-detail-list dd {
  width: calc(100% - 12em);
  padding-left: min(20px, 5vw);
  line-height: 1.71;
}
.cnp-detail-list dd pre {
  white-space: pre-wrap;
}
.cnp-detail-list dd > * + * {
  margin-top: 10px;
}
.cnp-detail-list dd img {
  width: auto;
  display: inline-block;
  height: auto;
  margin: 4px 6px;
}

/*202411 edit*/
.round-btn.var-btn{
  width: auto;
  min-width: min(260px,100%);
}
.round-btn.var-btn a{
  border-radius: 100vmax;
}
.round-btn.var-btn a span{
  padding-right: 25px;
  line-height: 1.4;
}
/*end - 202411 edit*/

/*202506 edit*/
.round-btn-cmnt_box{
	display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    gap: min(10px, 2vw);
    margin-top: min(40px, 8vw);
}
.round-btn-cmnt_box .round-btn{
	width: min(320px, 100%);
}
.att-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
}
.att-list > li {
    color: #888;
    padding-left: 1.25em;
    line-height: 1.71;
    font-size: min(12px,3.4vw);
    position: relative;
    font-feature-settings: "palt";
}
.att-list > li::before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
}
.cmnt_bg_red{
	color: #F2550E;
    font-weight: 600;
    line-height: 1.71;
}
/*end -202506 edit*/

/*Refa
======================================================*/
body.page-template-template-refa
,body.page-template-template-refa-form
,body.page-template-template-refa-comp{
  background: #fff;
  color: #333;
}
#content.refa-contents {
  margin-top: 0;
  padding-bottom: min(150px,20vw);
}
#content.refa-form-contents {
  margin-top: min(60px, 12vw);
  padding-bottom: min(150px,20vw);
}
.fnt-fair {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400; /*400-900*/
  font-style: normal;
}
/*Refa key
================================*/
.key-refa-form {
  padding-top: min(40px, 10vw);
  justify-content: center;
  
}
.key-refa-form .page-title{
  gap:10px;
  padding-bottom: 12px;
}
.key-refa-form .page-title::after{
  content: "";
  width: 25px;
  height: 1px;
  background: linear-gradient(90deg, #2B9D7E, #336480);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.key-refa-form .page-title .en {
  font-size: clamp(1.75rem, 1.432rem + 1.59vw, 2.625rem); /*28-42*/
}
.key-refa-form .page-title .ja {
  color: #999;
}
/*Refa contents
=================================*/
.page-refa-intro {
  background: var(--wall-gry);
  padding-top: min(80px, 15vw);
  padding-bottom: min(80px, 15vw);
  -ms-align-items: center;
  align-items: center;
}
.refa-intro-box.inner {
  width: min(1280px, 100%);
}
.refa-intro-box > * {
  width: 50%;
}
.refa-intro-box .detail {
  padding-left: min(50px, 5vw);
}
.refa-intro-box .detail .in-title {
  padding-bottom: 15px;
}
.refa-intro-box .detail .in-title::before {
  content: "";
  width: 25px;
  height: 1px;
  background: linear-gradient(90deg, #2B9D7E, #336480);
  position: absolute;
  left: 0;
  bottom: 0;
}
.refa-intro-box .detail .in-title .en {
  font-size: clamp(1.75rem, 1.432rem + 1.59vw, 2.625rem); /*28-42*/
  line-height: 1.4;
}
.refa-intro-box .detail .in-title .ja {
  color: #999;
  margin-top: 5px;
}
.refa-intro-box .detail .in-text {
  margin-top: 12px;
}
/*items*/
.page-refa-items {
  margin-top: min(80px, 15vw);
}
.refa-box-title{
  padding-bottom: 15px;
}
.refa-box-title::before{
  content: "";
  width: 25px;
  height: 1px;
  background: linear-gradient(90deg, #2B9D7E, #336480);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.refa-box-title .en{
  font-size: clamp(1.75rem, 1.432rem + 1.59vw, 2.625rem); /*28-42*/
  line-height: 1.2;
}
.refa-box-title .ja{
  color: #999;
  margin-top: 5px;
}
.refa-items-category ul{
  width: min(1000px,100%);
  justify-content: center;
  gap:min(12px,3vw);
  margin-top: min(30px,10vw);
}
.refa-items-category ul li{
  width: calc((100% - min(24px,6vw))/3);
  border: 1px solid #C2C2C2;
}
.refa-items-category ul li::before{
  content: "";
  width: 5px;
  aspect-ratio:1/1;
  border: 1px solid;
  border-color: #333 #333 transparent transparent;
  position: absolute;
  top: 50%;
  right: min(15px,2vw);
  transform: translateY(-50%) rotate(45deg);
}
.refa-items-category ul li a{
  padding: min(30px,5vw) min(20px,4vw);
  display: block;
}
.refa-items-category ul li.hair-care{
  background: url("../images/refa/haircare.png") no-repeat right 20% center/auto 88%;
}
.refa-items-category ul li.shape-up{
  background: url("../images/refa/shapeup.png") no-repeat right 20% center/auto 88%;
}
.refa-items-category ul li.mattress{
  background: url("../images/refa/mattress.png") no-repeat right 20% center/45%;
}
.refa-item-list{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  gap:min(70px,10vw);
  margin-top: min(80px,15vw);
}
.refa-item-cat ul{
  width: min(1000px,100%);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap:min(30px,5vw) min(20px,3vw);
  margin-top: min(30px,5vw);
}
.refa-item-cat ul li{
  width: calc((100% - min(60px,9vw))/4);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  gap:min(20px,4vw);
}
.refa-item-cat ul li .thumb{
  width: 80%;
  aspect-ratio:1/1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}
.refa-item-cat ul li .thumb img{
  height: auto;
}
.refa-item-cat ul li .thumb.noimage img{
  width: min(147px,80%);
  border-radius: 5px;
  border: 1px solid #999;
  height: auto;
}
.refa-item-cat ul li .item-name{
  font-size: min(12px,3.4vw);
  line-height: 1.4;
  text-align: center;
  word-break: auto-phrase;
   min-height: 2.75em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
  justify-content: center;
}
.refa-item-cat ul li .item-price{
  color: #888;
  font-size: min(12px,3.4vw);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap:5px;
  -ms-align-items: center;
  align-items: center;
}
.refa-item-cat ul li .item-price > p:nth-child(1){
    text-decoration: line-through;
}
.refa-item-cat ul li .item-price > p.sale{
    color: #F2550E;
    font-weight: 600;
}
.refa-item-cat ul li .item-price span{
  padding-left: 5px;
}
.refa-item-cat ul li .link-btn{
  width: min(155px,100%);
}
.refa-item-cat ul li .link-btn a{
  display: block;
  background: linear-gradient(90deg, #2B9D7E, #336480);
  color: #fff;
  padding: 8px;
  border-radius: 2em;
  font-weight: 500;
  text-align: center;
  font-size: min(13px,3.6vw);
}
.refa-item-cat .commingsoon{
  text-align: center;
  margin-top: min(30px,5vw);
  letter-spacing: .1em;
  font-size: 1.125em;
  color: #888;
}
.tag-mattress-intro{
  width: 100%;
  margin-top: min(30px,10vw);
}
.tag-mattress-intro > *{
  width: 50%;
}
.tag-mattress-intro .detail{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  padding-left: min(50px,5vw);
/*  padding-right: min(20px,3vw);*/
}
/*Refa form
================================*/
.page-refa-form {
  gap: min(30px, 10vw);
}
.refa-form-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap: min(35px, 5vw);
}
.refa-form-list dt {
  width: 100%;
  padding-left: min(50px, 5vw);
  padding-right: min(50px, 5vw);
  font-size: var(--fs-mid16);
  font-weight: 600;
}
.refa-form-list dt span {
  font-weight: 400;
  padding-left: 2em;
  font-size: min(14px, 3.6vw);
}
.refa-form-list dd {
  width: 100%;
  border: 1px solid #DDDDDD;
  padding: min(30px, 5vw) min(50px, 4vw);
  border-radius: 10px;
}
.page-refa-form > * {
  width: min(915px, 100%);
}
.refa-form-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap: min(30px, 8vw);
  margin-top: min(30px, 5vw);
}
.refa-form-item li h2 {
  padding-bottom: 10px;
  font-size: var(--fs-mid16);
}
.refa-item-bar {
  width: 100%;
  -ms-align-items: center;
  align-items: center;
  gap: min(15px, 4vw);
  padding: 12px min(30px, 4vw);
  border-top: 1px solid #ddd;
}
.refa-item-bar:last-child {
  border-bottom: 1px solid #ddd;
}
.refa-item-bar.active::before {
  content: "";
  width: 100%;
  height: calc(100% - 10px);
  position: absolute;
  top: 50%;
  left: 0;
  background: #F0F9F6;
  transform: translateY(-50%);
}
.refa-check-wrap {
  width: calc(100% - calc(11em + min(15px, 4vw)));
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  cursor: pointer;
  gap: min(20px, 3vw);
  padding-left: min(40px, 7vw);
}
.refa-check-wrap:before {
  content: "";
  width: 1em;
  aspect-ratio: 1/1;
  border: 1px solid #999;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  border-radius: 2px;
}
.refa-check-wrap::after {
  content: '';
  display: block;
  position: absolute;
  left: 3px;
  width: 8px;
  height: 4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  top: 48%;
  transform: translateY(-50%) rotate(-45deg);
  opacity: 0;
}
.refa-item-bar.active .refa-check-wrap:before {
  background: var(--clr-grn);
  border-color: var(--clr-grn);
}
.refa-item-bar.active .refa-check-wrap:after {
  opacity: 1;
}
.refa-count {
  width: 11em;
  justify-content: flex-end;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  opacity: .5;
  margin-left: auto;
  gap: 10px;
}

.refa-item-thumb {
  width: min(calc(147px - min(20px, 3vw)),calc(30% - min(20px, 3vw)));
  aspect-ratio: 1/0.8367;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid #999;
}
.refa-item-thumb img {
  object-fit: contain;
  height: 100%;
  object-position: center;
}
.refa-item-data {
  width: max(70%, calc(100% - 147px));
  gap:min(20px,3vw);
}
.refa-item-data .item-title{
  line-height: 1.4;
  word-break: auto-phrase;
}
.refa-item-data .item-price p + p{
  margin-top: 5px;
}
.refa-item-data .item-price p span{
  padding-left: 5px;
  font-weight: 400;
}
.refa-item-data .item-price .reg{
  color: #888;
  text-decoration: line-through;
}
.refa-item-data .item-price .sale{
  color: #F2550E;
  font-weight: 600;
}
.refa-count input[type="number"] {
  background: #fff;
  font-size: 16px;
  padding: 5px;
  width: 5em;
  text-align: center;
  border: 1px solid #999;
  border-radius: 10px;
}
.refa-item-bar.active .refa-count {
  opacity: 1;
}
/*user*/
.form-user-list > * + * {
  margin-top: min(25px, 3vw);
}
.form-user-list input {
  border: 1px solid #999;
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 5px;
}
.form-user-list > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}
.form-user-list > div dt {
  width: 15em;
}
.form-user-list > div dt p {
  padding-left: 3em;
}
.form-user-list > div dt p.must::before {
  content: "必須";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: min(10px, 3.2vw);
  color: #fff;
  padding: 3px 5px;
  border-radius: 5px;
  background: #E23131;
}
.form-user-list > div dd {
  width: calc(100% - 15em);
}
.form-user-list > div dd input#zip {
  width: min(200px, 100%);
}
.form-user-list > div dd input.inp-dial
,.form-user-list > div dd input.inp-madd {
  width: min(300px, 100%);
}
.refa-form-user .form-box {
  padding: min(30px, 5vw);
  border-top: 1px solid #999;
  font-size: 16px;
}
.refa-form-user .form-box:last-child {
  padding-bottom: 0;
}
.refa-form-user .form-box .in-title {
  font-weight: 600;
}
.wpcf7-not-valid-tip {
  font-size: 11px;
  margin-top: 3px;
}
.wpcf7-not-valid-tip::before {
  content: "※";
}
.form-user-list > div dd.select .select-wrap .wpcf7-not-valid-tip {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(calc(150% + 5px));
  margin-top: 0;
}
.form-btn-wrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}
.form-btn-wrap {
  margin-top: min(100px, 10vw);
}
.form-btn-wrap .submit-btn {
  width: min(256px, 90vw);
}
.refa-back-btn{
  justify-content: center;
}
.refa-back-btn > a{
  width: min(256px, 90vw);
  padding-left: 1.25em;
  border: 1px solid #336480;
  color: #336480;
  border-radius: 100px;
  padding: 12px 10px;
  text-align: center;
  font-size: 16px;
}
.refa-back-btn > a::before{
  content: "";
  width: 5px;
  aspect-ratio:1/1;
  position: absolute;
  left: min(15px, 5vw);;
  top: 50%;
  border: 1px solid;
  border-color: #336480 transparent transparent #336480;
  transform: translateY(-50%) rotate(-45deg);
}
.form-btn-wrap .submit-btn::after {
  content: "";
  width: 5px;
  aspect-ratio: 1/1;
  border: 1px solid;
  border-color: #fff #fff transparent transparent;
  position: absolute;
  top: 50%;
  right: min(15px, 5vw);
  transform: translateY(-50%) rotate(45deg);
}
.form-btn-wrap input {
  width: 100%;
  background: linear-gradient(90deg, #2B9D7E, #336480);
  color: #fff;
  border-radius: 100px;
  padding: 10px;
}
.form-user-list {
  margin-top: min(25px, 5vw);
}
/*select*/
.form-user-list > div dd.select {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.form-user-list > div dd.select .select-wrap {
  border: 1px solid #999;
  border-radius: 5px;
  width: min(200px, 100%);
}
.form-user-list > div dd.select .select-wrap::after {
  content: "";
  width: 5px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 48%;
  right: min(10px, 3vw);
  border: 1px solid;
  border-color: transparent #999 #999 transparent;
  transform: translateY(-50%) rotate(45deg);
}
.form-user-list > div dd.select .select-wrap select {
  width: 100%;
  padding: 8px 10px;
  font-size: 16px;
}
.wpcf7-spinner {
  display: none;
}
.grecaptcha-badge { visibility: hidden; }
.refa-form-attention{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap: min(35px, 5vw);
}
.refa-form-attention dt {
    width: 100%;
    padding-left: min(50px, 5vw);
    padding-right: min(50px, 5vw);
    font-size: var(--fs-mid16);
    font-weight: 600;
}
.refa-form-attention dt span{
    font-weight: 400;
    padding-left: 2em;
    font-size: min(14px, 3.6vw);
    line-height: 1.4;
}
.refa-form-attention dd{
   width: 100%;
    border: 1px solid #DDDDDD;
    padding: min(30px, 5vw) min(50px, 4vw);
    border-radius: 10px; 
}
.attention-list li{
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.7;
}
.attention-list li::before{
    content: "・";
    font-size: 1em;
}
.attention-list li span{
    color: #F2550E;
}
/*Reefa complate
=========================*/
.page-refa-complate{
  gap:min(30px,5vw);
  min-height: 300px;
  justify-content: center;
}
.page-refa-complate .in-title{
  font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);/*18-24*/
    line-height: 1.4;
    text-align: center;
}
.page-refa-complate .in-title br{
    display: none;
}
@media screen and (max-width: 480px) {
    .page-refa-complate .in-title br{
    display: block;
}
}
.page-refa-complate .in-text{
  line-height: calc(30/14);
  text-align: center;
}
.page-refa-complate .in-text a{
  color: #479DEC;
  text-decoration: underline;
}
.page-refa-complate .in-text span{
  color: #F2550E;
}