/* =====================
BASE
===================== */
body {
  margin: 0;
  padding: 0;
  background: #000;
  color: #fff;
  font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif;
  line-height: 2;
  letter-spacing: 0.04em;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  text-decoration: none;
  transition: 0.3s;
}

/* =====================
CONTACT HERO
===================== */

/*.contact-hero{*/
/*position:relative;*/
/*height:30svh;*/
/*background:url("../img/S__19611687.jpg") center / cover no-repeat;*/
/*display:flex;*/
/*align-items:center;*/
/*justify-content:center;*/
/*text-align:center;*/
/*}*/

.contact-hero {
  position: relative;
  height: 35svh;
  overflow: hidden;
  background:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.contact-hero__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position: center center;
  display:block;
}

@media(max-width:767px){
    .contact-hero{
        height: 75svh;;
        background-position: center center;
    }
}

.contact-hero-overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,0.50);
}

.contact-hero-inner{
position:relative;
z-index: 2;
  text-align: center;
  padding: 40px 20px;
 margin-top:4em;
}

.contact-hero-sub{
  margin: 0 0 10px;
  color: #c8a86b;
  font-size: clamp(16px, 2vw, 20px);
  letter-spacing: 0.2em;
}

.contact-hero-title{
  margin: 0 0 25px;
  font-size: clamp(34px, 5vw, 64px);
  font-weight: 400;
  line-height: 1.4;
}

.contact-hero-text{
  margin: 0 0 30px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 2.2;
}


/* =====================
CONTACT PAGE
===================== */
section#cta-form {
  background: #181818;
}

main.contact-page {
  background: #181818;
}
.contact-page{
  overflow: hidden;
}

.contact-form{
max-width:720px;
margin:0 auto;
}

.contact-title{
text-align:center;
color:#c9a46a;
letter-spacing:4px;
margin-bottom:60px;
font-size:32px;
}


/* =====================
問い合わせ種別
===================== */

.contact-type{
text-align:center;
margin-bottom:60px;
}

.contact-label{
display:block;
color:#c9a46a;
font-size:16px;
letter-spacing:3px;
margin-bottom:20px;
}

.contact-radio{
display:flex;
justify-content:center;
align-items:center;
gap:40px;

border:1px solid #c9a46a;
border-radius:40px;

padding:20px 36px;

max-width:520px;
margin:0 auto;

background:rgba(255,255,255,0.02);
}

.contact-radio .wpcf7-list-item{
margin:0;
}

.contact-radio label{
display:flex;
align-items:center;
gap:8px;
color:#ddd;
font-size:15px;
cursor:pointer;
}

.contact-radio input{
display:none;
}

.contact-radio input:checked + span{
color:#c9a46a;
}


/* =====================
FORM FIELD
===================== */

.contact-field{
margin-bottom:32px;
}

.contact-field label{
display:block;
text-align:left;
color:#c9a46a;
font-size:16px;
letter-spacing:1px;
margin-bottom:6px;
}

.contact-field input,
.contact-field textarea{
width:100%;

background:#0f0f0f;
border:1px solid #2a2a2a;

padding:16px 18px;

color:#fff;
font-size:15px;

transition:.25s ease;

box-sizing:border-box;
}

.contact-field input:focus,
.contact-field textarea:focus{
border-color:#c9a46a;
outline:none;
}

.contact-field textarea{
height:200px;
resize:none;
}

::placeholder{
color:#777;
}


/* =====================
SUBMIT
===================== */

.contact-submit{
display:flex;
justify-content:center;
margin-top:50px;
}

.contact-submit input{

background:transparent;
border:1px solid #c9a46a;

color:#c9a46a;

padding:16px 52px;

font-size:14px;
letter-spacing:4px;

cursor:pointer;

transition:.35s ease;
}

.contact-submit input:hover{
background:#c9a46a;
color:#000;
transform:translateY(-2px);
}


/* =====================
CF7 MESSAGE
===================== */

.wpcf7-not-valid-tip{
font-size:12px;
margin-top:4px;
color:#ff6b6b;
}

.wpcf7-response-output{
margin-top:30px;
border:none;
color:#fff;
text-align:center;
}


/* =====================
HONEYPOT
===================== */

.wpcf7-form-control-wrap.honeypot-field{
display:none!important;
}


/* =====================
SMARTPHONE
===================== */

@media (max-width:768px){

.contact-title{
font-size:26px;
margin-bottom:40px;
}

.contact-type {
text-align: center;
margin-bottom: 30px;
}

.contact-radio{
gap:15px;
padding:15px 0;
border-radius:16px;
}

span.wpcf7-list-item-label {
font-size: 14px;
}

.contact-field{
margin-bottom:26px;
}

.contact-field input,
.contact-field textarea{
padding:18px;
font-size:16px;
}

.contact-field textarea{
height:160px;
}

.contact-submit input{
width:100%;
min-width:180px;
padding:16px;
font-size:16px;
}
p.contact-note-text {
    text-align: left;
}
.contact-submit {
margin-top: 20px!important;
}
section.contact-note {
    padding: 10px 20px 30px!important;
}
section#cta-form {
    padding: 60px 20px 10px!important;
}
.contact-hero-text {
margin: 0 0 60px;
font-size:16px;
}
.contact-hero-title{
  margin: 0 0 18px;
}
}

/* スピナー削除 */

.wpcf7-spinner{
display:none !important;
}

section.contact-page {
    padding-bottom: 40px;
}


section.contact-note {
 padding: 0px 20px 50px;
}


.sp-br{
  display:none;
}



@media(max-width:599px){
  .sp-br{
  display:block;
}  
}