@charset "UTF-8";

/* contacts
---------------------------------------- */
.page-id-9 header {
  width: 100%;
  height: 52vh;
  background: url("../images/crown/contacts/contacts-main.webp") no-repeat top -50px left transparent;
  background-size: cover;
  position: relative;
}
.page-id-9 header h1 {
  position: absolute;
  top: 22vh;
  right: 0;
  line-height: 2em;
  writing-mode: horizontal-tb;
  color: #fff;
  font-family: var(--font-shipporMincho);
  font-weight: 600;
  font-size: var(--f-clamp-46);
  filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6));
  margin-right: 0;
}

/* contacts form
---------------------------------------- */
.page-id-9 main {
  max-width: 1150px;
  width: auto;
  margin: 3vw auto 2vw;
}
.page-id-9 main h2 {
  line-height: 2em;
  color: var(--green01);
  font-family: var(--font-shipporMincho);
  font-weight: 600;
  font-size: var(--f-clamp-36);
	text-align: left;
	margin-bottom: 2vw;
}
.page-id-9 main p {
  line-height: 1.8em;
  font-family: var(--font-shipporMincho);
  font-weight: 400;
  font-size: var(--f-16);
	text-align: left;
	margin-bottom: 1em;
}
.page-id-9 dl {
  display: flex;
  max-width: 820px;
  margin: 1vw auto;
}
.page-id-9 dl.onamae {
  margin: 3vw auto 0;
}
.page-id-9 dl.soushin {
  margin: 0 auto 3vw;
}
.page-id-9 dt {
  width: 13em;
  font-size: var(--f-18);
}
.page-id-9 dt span {
  color: #c00;
}
.page-id-9 dd input,
.page-id-9 dd textarea {
  font-size: var(--f-18);
  color: #666;
  padding: 5px 15px 5px;
  width: 100%;
}
.page-id-9 dd .submit {
  font-size: var(--f-18);
  color: #fff;
  padding: .5em;
  text-align: center;
  background-color: #f60;
  border-radius: 3px;
  border: 1px solid #f60;
  width: 15em;
}
.page-id-9 dd .submit:hover {
  font-size: var(--f-18);
  color: #f60;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #f60;
}
@media screen and (max-width: 1200px) {
  .page-id-9 main{
    padding: 0 30px;
  }
}
@media screen and (max-width: 900px) {
  .page-id-9 dt,
  .page-id-9 dd input,
  .page-id-9 dd textarea{
    font-size: var(--f-16);
  }
}
@media only screen and (max-width: 820px) {
  .page-id-9 main h2 {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .page-id-9 dl{
    flex-direction: column;
  }
  .page-id-9 dt{
    width: 100%;
    margin-bottom: 10px;
  }
  .page-id-9 dd{
    margin-bottom: 10px;
  }
  .page-id-9 dl.soushin{
    margin-bottom: 7vw;
  }
  .page-id-9 .soushin dd{
    display: flex;
    justify-content: center;
  }
  .page-id-9 dd .submit{
    font-size: var(--f-16);
  }
  .page-id-9 dd .submit:hover {
    font-size: var(--f-16);
  }
  .page-id-9 dl.onamae{
    margin-top: 7vw;
  }
}
@media screen and (max-width: 480px) {
  .page-id-9 header {
    background: url(../images/crown/contacts/contacts-main.webp) no-repeat top 0 left 25% / cover transparent;
    height: 33vh;
  }
  .page-id-9 dl.onamae{
    margin-top: 10vw;
  }
}
/* contacts　アドレス画像追加
---------------------------------------- */
.add-img {
  max-width: 217px;
  height: 31px;
  margin: 0 auto;
  display: inline-block;
}
.add {
  width: 100%;
  vertical-align: middle;
}