/* contact
----------------------------------------------- */
.midashi01 .jp { color: var(--gold); }

.contact-inner { margin-bottom: 8vw; }
.contact-inner .info { font-size: 3.4vw; text-align: center; line-height: 1.8; }
.contact-inner .flex { margin-bottom: 10vw; padding: 0 5vw; }
.contact-inner .hpb { margin-bottom: 8vw; }
.contact-inner .hpb,.contact-inner .tel { width: 100%; margin-bottom: 4vw; text-align: center; position: relative; }
.contact-inner .hpb a,.contact-inner .tel a { padding: 6vw 0; border: 1px solid #878687; }
.contact-inner .hpb a .big,.contact-inner .tel a .big { margin-bottom: 4vw; font-size: 8vw; font-family: "baskerville-urw"; font-weight: 400; letter-spacing: 0.4vw; display: block; }
.contact-inner .hpb a .big { color: #9b2127; }
.contact-inner .tel a .big { color: var(--gold); font-size: 9vw; font-style: italic; }
.contact-inner .hpb a .big::before { content: '\e905'; margin-right: 1.5vw; font-size: 6.4vw; font-family: 'icon'; position: relative; top: -0.2vw; display: inline-block; }
.contact-inner .tel a .big::before { content: '\f095'; margin-right: 1vw; font-size: 7vw; font-weight: normal; font-family: 'icon'; font-style: normal; display: inline-block; }
.contact-inner .hpb a .small,.contact-inner .tel a .small { font-size: 3.3vw; opacity: 0.8; display: block;line-height: 1.4; }
.contact-inner .tel .big:before { content: '\f095'; }

.formbox { width:100%; margin-bottom: 10vw; background:#fff; }
.formintor { margin: 0 auto 5vw; text-align:justify; text-justify:inter-ideograph; }
.formintor p { margin: 0 auto 3vw; }

.privacy-in { margin: 0 auto 10px; padding: 0; border: 1px solid #ddd; }
.privacy-in iframe { width: 100%; }

/* form
----------------------------------------------- */
form#mailformpro .form-flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
form#mailformpro .form-flex li { width: 49%; margin: 0 0 2%; }
form#mailformpro .form-flex li:nth-child(3) { width: 100%; }
form#mailformpro .form-flex li.address-detail { width: 100%; }

/* business form
----------------------------------------------- */
form#mailformpro .form-flex .list-other { width: 100%; }
.mailadd .form-flex li select,.address-detail input { width: 100%!important; }

/* thanks
----------------------------------------------- */
.thanks-in { min-height: 64vh; padding: 5%; background: #fff; }
.thanks-in p { line-height: 1.6; }
.thanks-in a { width: 80%; margin: 10vw auto 0; padding: 5vw 0; color: #fff; font-size: 4vw; text-align: center; background: #c9a648; border-radius: 70px; position: relative; }
.thanks-in a::after { content: "\f105"; font-family: 'icon'; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);right: 8%; }
.thanks-copy { padding: 2vw 0; background: #291b13; }
.thanks-copy .copy{ color: #fff; font-family: 'Cinzel'; text-align: center; }

/* =============================================
pc
================================================*/
@media screen and (min-width: 736px) {

/* contact
----------------------------------------------- */

.contact-inner { margin-bottom: 80px; padding: 0; }
.contact-inner .info {font-size: 15px;}
.contact-inner p {text-align: center;}
.contact-inner .flex { margin-bottom: 60px; padding: 0 40px; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items:center; align-items:center; -webkit-flex-wrap: wrap; flex-wrap:wrap; gap: 0 30px; }
.contact-inner .hpb {margin-bottom: 40px;}
.contact-inner .hpb,.contact-inner .tel { width: 46%; margin-bottom: 20px; }
.contact-inner .hpb a,.contact-inner .tel a { min-height: 154px; padding: 30px 0; }
.contact-inner .hpb a .big { margin-bottom: 28px; }
.contact-inner .tel a .big { margin-bottom: 16px; }
.contact-inner .hpb a .big,.contact-inner .tel a .big { font-size: 36px; letter-spacing: 2px; }
.contact-inner .hpb a .big::before {margin-right: 6px;font-size: 30px;top: -1px;}
.contact-inner .tel a .big::before {margin-right: 5px;font-size: 26px;}
.contact-inner .hpb a .small,.contact-inner .tel a .small {font-size: 14px;}

/* form
----------------------------------------------- */
.formbox { width: 90%; margin: 0 auto; }
.formintor { margin: 0px auto 80px; }
.formintor p { margin: 0 auto 10px; font-size: 15px; text-align: center; }
form#mailformpro .form-flex li,form#mailformpro .form-flex li:nth-child(3),form#mailformpro .form-flex .list-other { width: calc(100% / 3 - 5px); }
form#mailformpro .mailadd .form-flex { justify-content: flex-start; -webkit-justify-content: flex-start; gap: 0 10px; }
form#mailformpro .mailadd .form-flex li { width: 49%; }
form#mailformpro .mailadd .form-flex li input,form#mailformpro .mailadd .form-flex li select { width: 100%!important; }

/* thanks
----------------------------------------------- */
.thanks-in { width: 960px; margin: 67px auto 0; padding: 60px 60px 65px; min-height: auto; }
.thanks-in a { padding: 20px; width: 400px; margin: 60px auto 0; font-size: 16px; }
.thanks-container{ padding-bottom: 0; }
}

@media screen and (min-width: 900px) {
form#mailformpro dl dt { width: 26%; display: inline-block; }
form#mailformpro dl dd { width: 68%; display: inline-block; }
}

@media screen and (min-width: 1000px) {
.contact-inner { width: 960px; margin: 0 auto 40px; }
}