@charset "UTF-8";
/*特定のページのみに適用させるスタイル
/contact/
---------------------------------------------------------*/
    
#wrapper{
background-attachment: fixed;
}
section{
  background:rgba(255,255,255, 0.5);
}
.page-contact .breadcrumb ul{
  color: #241816;
}

.page-contact main h1 {
    position: relative; /* 子要素の基準点 */
  display: inline-block; /* またはblock */
  z-index: 2;
  margin: 25px 5px 0;
}
.page-contact main .l-pageTitle-area::after {
  content: "Contact"; /* 表示したいテキスト */
  position: absolute;
left: 50%;
top:50px;
transform: translateX(-50%);
  font-size: 100px;
  color: #ffffff; /* 透明度を指定 */
  z-index: 1; /* 他の要素より手前に */
  /* transform: rotate(-45deg); */ /* 斜めにする場合 */
  font-family: "Allura", cursive;
  font-weight: 200;
}
.page-contact .inner {
    padding-bottom: 50px;
}

.linkBtn01{
  text-align: center;
}

.page-contact main dl{
border-bottom:1px solid #c7c4c4 !important;
}

.page-contact .contactBox{
padding:3rem 1rem 5rem;
}
@media screen and (max-width: 768px) {
  .footer-nav {
      padding:0;
  }
  h3{
    font-size:1.8rem;
    color:unset;
  }
}

/*
/contact/thanks.php
---------------------------------------------------------*/
.page-thanks .sec-01{
  width: 90%;
  max-width: 1180px;
  margin: 0 auto 3rem;
}

@media screen and (max-width: 768px) {
  .page-thanks .sec-01{
      margin-bottom:10rem;
  }
}