.hero .wrap_ttl{
    max-width: 250px;
    height: 80px;
    background-image: url(../img/common/ttl_contact.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    display: block;
}
h2{
    background-color: #a7998d;
    color: #fff;
    font-family: serif;
    font-weight: normal;
    padding: 1rem 0.5rem;
    margin-bottom: 30px;
}
.houwto {
    padding: 5vw 10vw;
}

.bg_white{
    background-color: #fcfbfa;}
.page_link a{
    min-width: 340px;
    display: block;
    background-color: #ffffff;
}
.flex-box{
    text-align: center;
}
.flex-box:nth-child(1){
    flex: 1;
}
.flex-box:nth-child(2){
    border:solid #7b6c60 1px;
    flex:2;
    border-radius: 30px;
    position: relative;
    padding: 0 1rem 1rem;
}
.flex-box:nth-child(1) img{
    max-width: 250px;
    display: block;
    margin: 20px auto;
}
.flex-box h3{
    max-width: 250px;
    transform: translateY(-50%);
    margin: 0 auto;
}
.flex-box img.content{
    max-width: 500px;
    width: 100%;
    margin-bottom: 30px;
}
.flex-box .flex{
    justify-content: center;
    margin: 20px auto;
    gap:10px
}
.flex-box .flex img{
    max-width: 270px;
}
.tips{
    background-color: #f1edea;
    margin-top: 80px;
    padding: 3rem;
    position: relative;
}
.tips:before{
    content: "";
    background-image: url(../img/sub/flower.svg);
    width: 120px;
    height: 80px;
    position: absolute;
    top:-40px;
    left:50%;
    background-repeat: no-repeat;
    background-size: contain;
transform:translateX(-50%)
}

.wrap_form{
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrap_form > * {
    width: 100%;
}
.wrap_form form {
    max-width: 900px;
    margin: 0 auto;
}
@media screen and (max-width: 768px){
.houwto {
    padding: 15vw 5vw;
}
.wrap_form {
    padding: 5% 1rem;
    display: block;
}
.wrap_form .form-group {
        flex-direction: column;
        display: block;
    }
.wpcf7 .maxwith input {
width: 100%;
display: block;
}
}
.wpcf7-list-item {
  display: inline-block;
  margin-right: 1em;
}
/*****************/
.wrap_form .form-group p br {
  display: none;
}
/***********:*/
.wrap_form{
	text-align: left;
	padding:5% 1rem
}
.wrap_form textarea{
	width:100%;
}
.wrap_form .form-group{
	display:flex;
	padding:1rem 0;
	gap:20px;
	align-items:flex-start;
}
/*************:*/
.wrap_form .form-group label.hd{
	display:block;
	width:300px;
	max-width:300px;
	text-align:left;
	display:flex;
	justify-content: space-between;
}
.hd span{
	background-color:#883B3C;
	display:inline-block;
	color: #fff;
	padding:0 10px;
	font-size:.8rem;
border-radius:5px;
	display:flex;
	align-items:center
}
/***************/
.form-group {
  display: flex;
  align-items: center;
  gap: 1em; 
}
.wrap_form .form-group .salon-option,
.wrap_form .form-group  .menu-salon{
	display:block;
	width:100%;
display:flex;
flex-direction:column;}
.wrap_form .form-group  .menu-salon{
	border-bottom:dotted #A8988D 2px;
	margin-bottom:40px;
	padding-bottom:20px;
	
}
.block{
		display:block;
	width:100%;
display:flex;
flex-direction:column;
	justify-content:flex-start；
}
.block > * {
    width: fit-content;
}
.block span.menu-title{
	background-color:#A8988D;
	color:#fff;
	padding:5px 10px;
	margin: 0 0 10px;
	display:inline;
}
/*************/
.wpcf7 .form-group input{
	max-width:100%;
}
.wrap_form input[type="submit"] {
  background-color: #9B908D;
  color: #fff;
  border: none;
  border-radius:50px;
  padding: 1rem 2em;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
	min-width:250px;
	text-align:center;
	margin:0 auto;
	display:block;
	margin-top:50px
}
/*********************/

@media (max-width: 768px) {
	.wrap_form .form-group{
	gap:10px;
}
	.wrap_form .form-group {
    flex-direction: column;
}
.wrap_form .form-group label.hd {
    width: 100%;
    max-width: unset;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.block span.menu-title {
}
}
/******/
.wrap_reserve_form{
	padding:1rem;
	background-color:#f1f1f1;
	border-radius:20px;
	margin:20px auto
}
.wrap_reserve_form h3{
	font-size:0.9rem;
	text-align:center
}
/**********/
.wpcf7 form.sent .wpcf7-response-output {
    border-color: none;
    background-color: #e0dad7;
    border: none;
    border-radius: 10px;
}
.wpcf7-form-control-wrap[data-name="textarea"] {
  width: 100%; 
}
.wpcf7 textarea.message {
  width: 100%;
}
/*****************/