@charset "utf-8";
/* CSS Document */


/* ==========================================================================//
//
//　高さ　470px以下
//
// ========================================================================== */

@media screen and (max-height: 470px) {

  /* 
  ---------------------------------------------------------- */

}

/* ==========================================================================//
//
//　1024px以下
//
// ========================================================================== */

@media screen and (max-width: 1024px) {


/* 
---------------------------------------------------------- */



}







/* ==========================================================================//
//
//　1000px以下
//
// ========================================================================== */

@media screen and (max-width: 1000px) {
  
/* 
---------------------------------------------------------- */


}

/* ==========================================================================//
//
//　767px以下
//
// ========================================================================== */

@media screen and (max-width: 767px) {
  
/* area-contact
---------------------------------------------------------- */
.area-contact {
}
.area-contact .inner {
}
.area-contact .txt_01 {
  font-size: 15px;
}
.area-contact .inner .box-form {
  flex-direction:column;
}
.area-contact .inner .box-form dl {
  width: 100%;
}
.area-contact .inner .box-form dl:last-of-type {
  flex-direction:column;
}
.area-contact .inner .box-form dl:last-of-type dt {
}
.area-contact .inner .box-form dl:last-of-type dd {
}

.area-contact .inner .box-form dl dt {
  width: 23vw;
}
.area-contact .inner .box-form dl.w_full {
  width: 100%;
}
.area-contact .inner .box-form dl.w_full dt {
  width: 40vw;
}
.area-contact .inner .box-form dl.w_full dd {
  width: 50vw;
}
.area-contact .inner .box-form dl dt {
  padding: 32px 0 30px;
}
.area-contact .inner .box-form dl dd {
  width: 70vw;
  padding: 25px 0;
}
.area-contact .inner .box-form dl dt,
.area-contact .inner .box-form dl dd {
  border-bottom: 1px solid #202020;
}
.area-contact .inner .box-form dl dd input,
.area-contact .inner .box-form dl dd textarea {
  background-color: transparent;
  border: none;
  padding: 5px;
  font-family: YuGothic,"Yu Gothic","游ゴシック体","游ゴシック","Hiragino Kaku Gothic ProN","HiraKakuPro-W3","メイリオ",Meiryo,Verdana,sans-serif;
  width: 98%;
}
.area-contact .inner .box-form dl dd textarea {
  height: 150px;
}
.area-contact .inner .box-form dl dd ::placeholder {
  color: #C1C0BF;
}
.area-contact .box_btn {
  width: 100%;
  margin: min(13%, 90px) 0 0;
}
.area-contact button {
  font-size: 20px;
  width: 90% !important;
  max-width: 270px !important;
  margin: 0 auto;
  transition: all 0.3s;
  cursor: pointer;
  background-color: transparent;
} 
.area-contact .btn_01 {
  font-family: YuGothic,"Yu Gothic","游ゴシック体","游ゴシック","Hiragino Kaku Gothic ProN","HiraKakuPro-W3","メイリオ",Meiryo,Verdana,sans-serif;
  padding: min(8%, 20px) 0;
  font-weight: bold;
}


/* thankspage
---------------------------------------------------------- */
.thankspage .txt_01 {
  font-size: 20px !important;
}
.thankspage .txt_02 {
  font-size: 14px;
}
.thankspage .box_btn {
  width: 90%;
  max-width: 270px;
  margin: 80px auto 0;
}



}