/*------------------------------------------------------------
	BASE
------------------------------------------------------------*/
/*------------------------------------------------------------
	COLOR
------------------------------------------------------------*/
/*------------------------------------------------------------
	FONT
------------------------------------------------------------*/
/*------------------------------------------------------------
	FUNCTION
------------------------------------------------------------*/
/*------------------------------------------------------------
	MIXIN
------------------------------------------------------------*/
/*------------------------------------------------------------
	CONTACT
------------------------------------------------------------*/
.contact {
  background: #FAECDF;
  color: #331F07;
}
.contact_title {
  padding: 53.4351145038vw 0 0;
}
@media screen and (min-width: 768px) {
  .contact_title {
    padding: 10.4166666667vw 0 0;
  }
}
.contact_title h1 img {
  width: 72.2646310433vw;
}
@media screen and (min-width: 768px) {
  .contact_title h1 img {
    width: 30vw;
  }
}
.contact_wrap {
  padding: 0 10.1781170483vw 55.9796437659vw 14.5038167939vw;
}
@media screen and (min-width: 768px) {
  .contact_wrap {
    padding: 0 11.1111111111vw 22.2222222222vw 15.2777777778vw;
  }
}
.contact_wrap .inner {
  padding: 0;
}
.contact_wrap .inner h2 {
  padding: 17.8117048346vw 0 0 0;
  font-size: 3.5623409669vw;
  letter-spacing: 0.3562340967vw;
}
@media screen and (min-width: 768px) {
  .contact_wrap .inner h2 {
    padding: 6.25vw 0 0;
    font-size: 1.6666666667vw;
    letter-spacing: 0.2vw;
  }
}
.contact_wrap .inner h2 + p {
  padding: 7.6335877863vw 0 0 4.0712468193vw;
  font-size: 3.0534351145vw;
  line-height: 2.5;
  letter-spacing: 0.3053435115vw;
}
@media screen and (min-width: 768px) {
  .contact_wrap .inner h2 + p {
    padding: 3.2638888889vw 2.7777777778vw 0;
    font-size: 1.1111111111vw;
    line-height: 2.625;
    letter-spacing: 0.1666666667vw;
  }
}
.contact_wrap .inner p a {
  display: inline-block;
  text-decoration: underline;
}
.contact_wrap .inner p + p {
  padding: 10.1781170483vw 0 0 4.0712468193vw;
  font-size: 3.0534351145vw;
  line-height: 2.5;
  letter-spacing: 0.3053435115vw;
}
@media screen and (min-width: 768px) {
  .contact_wrap .inner p + p {
    padding: 2.7777777778vw 2.7777777778vw 0;
    font-size: 1.1111111111vw;
    line-height: 2.625;
    letter-spacing: 0.1666666667vw;
  }
}
.contact_wrap form {
  padding: 6.3613231552vw 0 20.3562340967vw 4.0712468193vw;
}
@media screen and (min-width: 768px) {
  .contact_wrap form {
    padding: 2.7777777778vw 8.3333333333vw 11.1111111111vw 2.7777777778vw;
  }
}
.contact_wrap form .button_submit {
  position: relative;
  display: inline-block;
  margin: 10.1781170483vw 0 0;
  padding: 1.7811704835vw 12.7226463104vw 1.7811704835vw 4.0712468193vw;
  width: fit-content;
  width: -webkit-fit-content;
  border: 1px solid #331F07;
  background: #FAECDF;
  font-size: 3.0534351145vw;
  line-height: 2;
  letter-spacing: 0.2544529262vw;
  color: #331F07;
  text-align: left;
  transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1);
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .contact_wrap form .button_submit {
    position: relative;
    margin: 5.5555555556vw 0 0;
    padding: 0.625vw 3.9583333333vw 0.625vw 1.6666666667vw;
    font-size: 0.9722222222vw;
    line-height: 2.1428571429;
    letter-spacing: 0.1388888889vw;
  }
}
.contact_wrap form .button_submit:hover {
  color: #FAECDF;
}
.contact_wrap form .button_submit:hover:before {
  width: 100%;
}
.contact_wrap form .button_submit:hover:after {
  background: url("../img/common/icon_arrow_w.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
.contact_wrap form .button_submit:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #331F07;
  transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1);
}
.contact_wrap form .button_submit:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 4.3256997455vw;
  width: 4.3256997455vw;
  height: 2.2900763359vw;
  background: url("../img/common/icon_arrow.svg") 0 0 no-repeat;
  background-size: contain;
  transform: translate(0, -50%);
  transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1);
}
@media screen and (min-width: 768px) {
  .contact_wrap form .button_submit:after {
    top: 50%;
    right: 1.3194444444vw;
    width: 1.1805555556vw;
    height: 0.6944444444vw;
  }
}
.contact_wrap form .button_submit > span {
  position: relative;
  display: block;
}
.contact_wrap .form_list {
  display: flex;
  flex-flow: column;
  gap: 10.1781170483vw;
}
@media screen and (min-width: 768px) {
  .contact_wrap .form_list {
    gap: 2.7777777778vw;
  }
}
.contact_wrap .form_list_item {
  font-size: 3.0534351145vw;
  letter-spacing: 0.3053435115vw;
}
@media screen and (min-width: 768px) {
  .contact_wrap .form_list_item {
    font-size: 1.1111111111vw;
    letter-spacing: 0.1666666667vw;
  }
}
.contact_wrap .form_list_item dl dd {
  margin: 3.3078880407vw 0 0;
}
@media screen and (min-width: 768px) {
  .contact_wrap .form_list_item dl dd {
    margin: 0.9027777778vw 0 0;
  }
}
.contact_wrap .form_list_item dl dd.-double {
  display: flex;
  flex-flow: column;
  gap: 4.0712468193vw;
}
@media screen and (min-width: 768px) {
  .contact_wrap .form_list_item dl dd.-double {
    flex-flow: row;
    gap: 5.5555555556vw;
  }
}
.contact_wrap .form_list_item dl dd input[type=text] {
  padding: 0 2.7989821883vw;
  width: 100%;
  border: none;
  background: #F1E0D0;
  border-radius: 0.5089058524vw;
  font-size: 3.0534351145vw;
  line-height: 7.6335877863vw;
  letter-spacing: 0.3053435115vw;
  outline: none;
}
@media screen and (min-width: 768px) {
  .contact_wrap .form_list_item dl dd input[type=text] {
    padding: 0 1.1111111111vw;
    width: 100%;
    border: none;
    background: #F1E0D0;
    border-radius: 0;
    font-size: 1.1111111111vw;
    line-height: 2.7777777778vw;
    letter-spacing: 0.1666666667vw;
  }
}
.contact_wrap .form_list_item dl dd.select_category {
  position: relative;
}
.contact_wrap .form_list_item dl dd .select_category_view {
  display: block;
  padding: 0 2.7989821883vw;
  width: 100%;
  background: #F1E0D0;
  border-radius: 0.5089058524vw;
  font-size: 3.0534351145vw;
  line-height: 7.6335877863vw;
  letter-spacing: 0.3053435115vw;
}
@media screen and (min-width: 768px) {
  .contact_wrap .form_list_item dl dd .select_category_view {
    padding: 0 1.1111111111vw;
    width: 27.7777777778vw;
    background: #F1E0D0;
    border-radius: 0;
    font-size: 1.1111111111vw;
    line-height: 2.7777777778vw;
    letter-spacing: 0.1666666667vw;
  }
}
.contact_wrap .form_list_item dl dd #select_category {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .contact_wrap .form_list_item dl dd #select_category {
    width: 27.7777777778vw;
  }
}
.contact_wrap .form_list_item dl dd #input_text {
  padding: 2.5445292621vw 2.7989821883vw;
  width: 100%;
  min-height: 63.6132315522vw;
  border: none;
  background: #F1E0D0;
  border-radius: 0.5089058524vw;
  font-size: 3.0534351145vw;
  line-height: 2;
  letter-spacing: 0.3053435115vw;
  outline: none;
}
@media screen and (min-width: 768px) {
  .contact_wrap .form_list_item dl dd #input_text {
    padding: 0.6944444444vw 1.1111111111vw;
    width: 100%;
    min-height: 17.4305555556vw;
    border: none;
    background: #F1E0D0;
    border-radius: 0;
    font-size: 1.1111111111vw;
    line-height: 2;
    letter-spacing: 0.1666666667vw;
  }
}
.contact .contact_inquiry {
  padding: 0 0 0 4.0712468193vw;
}
@media screen and (min-width: 768px) {
  .contact .contact_inquiry {
    padding: 11.1111111111vw 0 0;
    text-align: right;
  }
}
.contact .contact_inquiry a {
  position: relative;
  display: inline-block;
  padding: 0 2.0833333333vw 0 0;
  font-size: 3.0534351145vw;
  line-height: 2.5;
}
@media screen and (min-width: 768px) {
  .contact .contact_inquiry a {
    padding: 0 2.0833333333vw 0 0;
    font-size: 1.3888888889vw;
  }
}
.contact .contact_inquiry a:after {
  content: "";
  display: inline-block;
  margin-left: 1rem;
  width: 4.3256997455vw;
  height: 2.2900763359vw;
  background: url("../img/common/icon_arrow.svg") 0 0 no-repeat;
  background-size: contain;
  transform: rotate(-45deg);
  transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1);
}
@media screen and (min-width: 768px) {
  .contact .contact_inquiry a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-left: 0;
    width: 1.1805555556vw;
    height: 0.6944444444vw;
    transform: translate(0, -50%) rotate(-45deg);
  }
}
.contact .contact_inquiry a > span {
  position: relative;
  display: inline;
}
@media screen and (min-width: 768px) {
  .contact .contact_inquiry a > span {
    display: block;
  }
}
.contact .contact_sended {
  padding: 10.1781170483vw 0 0 4.0712468193vw;
}
@media screen and (min-width: 768px) {
  .contact .contact_sended {
    padding: 5.5555555556vw 8.3333333333vw 0 2.7777777778vw;
  }
}
.contact .contact_sended .input_list {
  display: flex;
  flex-flow: column;
  gap: 7.6335877863vw;
}
@media screen and (min-width: 768px) {
  .contact .contact_sended .input_list {
    gap: 2.7777777778vw;
  }
}
.contact .contact_sended .input_list_item dl dt {
  font-size: 3.0534351145vw;
  opacity: 0.5;
  letter-spacing: 0.3053435115vw;
}
@media screen and (min-width: 768px) {
  .contact .contact_sended .input_list_item dl dt {
    font-size: 0.9722222222vw;
    opacity: 0.5;
    letter-spacing: 0.1458333333vw;
  }
}
.contact .contact_sended .input_list_item dl dd {
  display: flex;
  gap: 1rem;
  padding-top: 2.5445292621vw;
  padding-left: 4.0712468193vw;
  font-size: 3.5623409669vw;
  line-height: 2;
  letter-spacing: 0.3562340967vw;
}
@media screen and (min-width: 768px) {
  .contact .contact_sended .input_list_item dl dd {
    gap: 1rem;
    padding-top: 0;
    padding-left: 1.1111111111vw;
    font-size: 1.1111111111vw;
    line-height: 2;
    letter-spacing: 0.1666666667vw;
  }
}
.contact .contact_sended .button_more {
  margin-top: 20.3562340967vw;
  margin-right: 0;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .contact .contact_sended .button_more {
    margin-top: 8.3333333333vw;
    margin-right: 0;
    margin-left: 0;
  }
}

/*# sourceMappingURL=contact.css.map */