/* CSS Document */
/*ページタイトル*/
.page_title h2::before{
  content: "Contact";
}
/*コンテンツ*/
.contact_wrap{
  background: rgb(38,39,41);
  background: linear-gradient(0deg, rgba(38,39,41,1) 0%, rgba(0,0,0,1) 100%); 
  box-sizing: border-box;
}
body[wc-view-type="sp"] .contact_wrap{
  padding: var(--headerHeight) 7vw;
}
body[wc-view-type="tb"] .contact_wrap{
  padding: var(--headerHeight) 5vw;
}
body[wc-view-type="tb-l"] .contact_wrap{
  padding: var(--headerHeight) 10vw;
}
body[wc-view-type="pc"] .contact_wrap{
  padding: var(--headerHeight) calc((100vw - 750px) / 2);
}
.contact_wrap *{
  color: #fff;
}
.contact_wrap > .faq_box{
  padding: 0 1rem;
  box-sizing: border-box;
}
.contact_wrap > .faq_box p{
  line-height: 1.8rem;
}
body:not([wc-view-type="sp"]) .contact_wrap > .faq_box p{
  text-align: center;
  width: 550px;
  margin: 0 auto;
}
.contact_wrap > .faq_box .btn{
  margin-top: 0.5rem;
}
.contact_wrap > .c_top_text{
  line-height: 1.8rem;
  padding: 2rem 1rem 0 1rem;
  box-sizing: border-box;
}
body:not([wc-view-type="sp"]) .contact_wrap > .c_top_text{
  text-align: center;
  width: 550px;
  margin: 0 auto;
}
.contact_wrap .c_tel_box{
  background-color: #262729;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 1rem;
  margin-top: 1.5rem;
  position: relative;
  z-index: 1;
}
body:not([wc-view-type="sp"]) .contact_wrap .c_tel_box{
  width: 450px;
  margin: 1.5rem auto 0 auto;
  padding: 2rem 1.5rem;
}
.contact_wrap .c_tel_box::before{
  content: "";
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
  background-color: rgba(255,255,255,0.2);
  -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;
  z-index: -1;
  -webkit-mask-image: url("/img/svg/tel_footer.svg?202412201334");
  mask-image: url("/img/svg/tel_footer.svg?202412201334");
  width: 18vw;
  height: 23.5vw;
}
body:not([wc-view-type="sp"]) .contact_wrap .c_tel_box::before{
  width: 103px;
  height: 130px;
}
.contact_wrap .c_tel_box > dt{
  text-align: center;
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.contact_wrap .c_tel_box > dd{
}
.contact_wrap .c_tel_box > dd > p{
  line-height: 1.8rem;
}
body:not([wc-view-type="sp"]) .contact_wrap .c_tel_box > dd > p{
  text-align: center;
}
.contact_wrap .c_tel_box > dd > .kome{
  margin-top: 0.25rem;
}
body:not([wc-view-type="sp"]) .contact_wrap .c_tel_box > dd > .kome{
  justify-content: center;
}
.contact_wrap .c_tel_box > dd > .c_in_tel{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1rem;
  background-color: rgba(0,0,0,0.5);
  padding: 1.25rem;
  box-sizing: border-box;
  border-radius: 1rem; 
}
.contact_wrap .c_tel_box > dd > .c_in_tel a{
  display: table;
  font-size: 2rem;
  line-height: 1em;
  font-weight: 700;
  font-family: "Oswald";
  letter-spacing: 2px;
  text-decoration: none;
}
.contact_wrap .c_tel_box > dd > .c_in_tel .business_time{
  display: flex;
  gap: 0.5rem;
  margin-top: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
body[wc-view-type="sp"] .contact_wrap .c_tel_box > dd > .c_in_tel .business_time{
  gap:0.25rem;
}
.contact_wrap .c_tel_box > dd > .c_in_tel .business_time dl{
  display: flex;
}
.contact_wrap .c_tel_box > dd > .c_in_tel .business_time dt,
.contact_wrap .c_tel_box > dd > .c_in_tel .business_time dd{
  font-size: 0.85rem;
  color: #fff;
}
.contact_wrap .c_tel_box > dd > .c_in_tel .business_time dt{
  flex: none;
  margin-right: 0.25rem;
}
.contact_wrap .c_tel_box > dd > .c_in_tel .business_time dd{
}
.contact_wrap form{
  margin-top: calc(var(--headerHeight) / 2);
}
.contact_wrap form dl{
  display: flex;
}
body[wc-view-type="sp"] .contact_wrap form dl{
  flex-direction: column;
}
.contact_wrap form dl:not(:first-of-type){
  margin-top: 1.5rem;
}
.contact_wrap form dl dt{
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  padding-bottom: 0.5rem;
}
body:not([wc-view-type="sp"]) .contact_wrap form dl dt{
  width: 165px;
}
.contact_wrap form dl dt::before{
  font-size: 0.85rem;
  margin-right: 0.5rem;
  padding: 0.25rem 0.5rem 0.35rem;
  line-height: 0.9em;
  border-radius: 1rem;
}
.contact_wrap form dl dt.required::before{
  content: "必須";
  color: #fff;
  background-color: #ff6905;
}
.contact_wrap form dl dt.any::before{
  content: "任意";
  color: #262729;
  background-color: #fff;
}
.contact_wrap form dl dd{
  box-sizing:border-box;
}
body:not([wc-view-type="sp"]) .contact_wrap form dl dd{
  width: calc(100% - 165px);
  padding-left: 1rem;
}
.wc-selectbox select{
  font-size: 0.98rem !important;
}
.wc-textarea .wcinputdec,
input.wc-input,
.wc-selectbox{
  background-color: #fff !important;
  font-size: 0.98rem;
  border-radius: 0.75rem !important;
}
input.wc-input.system_type:focus{
  background-color: #fff !important;
}
[wc-form][captcha-state] [wc-captcha]{
  border: none !important;
  width: fit-content;
  margin: 1rem auto;
}
[wc-form][captcha-state] [wc-captcha] .captchadeco::before {
  border: solid 2px #fff !important;
  background-color: transparent !important;
}
.btnswrap{  
  width: fit-content;
  margin: 0 auto;
  gap: 1rem;
  display: flex;
}
.clerar{
  background-color: #fff !important;
  color: #262729 !important;
}
.btn_orange{
  background-color: #ff6905 !important;
}
.wc-button[wc-icon].iconafter::after{
  top: 2.5px !important;
}
.wc-button[wc-icon].iconafter.contactclear::after{
  background-color: #262729 !important;
}
.wc-button[wc-icon].iconafter::after{
  z-index: 2 !important;
}