@charset "UTF-8";
/* ---------------------------------------------------------------- *
	medhia
 * ---------------------------------------------------------------- */
/* pc */
@media (min-width: 769px){
}
/* sp */
@media (max-width: 768px) {
}

/* ---------------------------------------------------------------- *
	error_box
 * ---------------------------------------------------------------- */
.error_box{
  border: 1px solid #D60033 ;
  margin-top: 60px;
  padding: 20px;
  font-size: 15px;
  background-color: #fff8f6;
}

/* ---------------------------------------------------------------- *
	form_thanks
 * ---------------------------------------------------------------- */
.tel_number{
  font-size: 30px;
  color: #0AB0D2;
  font-weight: 700;
}

/* ---------------------------------------------------------------- *
	form_flow
 * ---------------------------------------------------------------- */
.form_flow{
  width: 100%;
  margin-top: 60px;
}
.form_flow .btnWrap{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap: wrap; 
  gap: 10px 30px;
}
.form_flow .btn_p:not(.btn_back){
  padding: 0;
}
.form_flow .btn_p{
  width: calc((100% - 30px* 1) / 2);
}
.form_flow .btn_p:only-child{
  width: 100%;
  max-width: 585px;
}
/* sp */
@media (max-width: 768px) {
  .form_flow .btn_p{
    width: 100%;
  }
  .form_flow .btn_p:only-child{
    max-width: none;
  }
}

.form_flow .btn_p{
  -webkit-transition-duration: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.form_flow .btn_p:hover{
  opacity: 0.5;
  cursor: pointer;
}
.form_flow .btn_p.btn_back::after{
  right: auto;
  left: 19px;
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  -o-transform: scale(-1);
  transform: scale(-1);
}
.form_flow .btn_p > .btn,
.form_flow input{
  width: 100%;
  background: transparent;
  -webkit-appearance: none;
  border: 0;
  line-height: inherit;
  font-size: inherit;
  color: inherit;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
}
.form_flow input::before{
  display: none;
}
.form_flow input:hover{
  cursor: pointer;
}

/* ---------------------------------------------------------------- *
	form_contents
 * ---------------------------------------------------------------- */
.form_contents {
	margin-top: 60px;
  width: 100%;
}
.form_contents p{
  margin-bottom: 0;
}
.form_contents .form-table ,
.form_contents .reserve-table ,
.form_contents .inquiry-table {
	width: 100%;
}
/* sp */
@media (max-width: 768px) {
  .form_contents .form-table ,
  .form_contents .reserve-table ,
  .form_contents .inquiry-table {
    display: block;
  }
  .form_contents .form-table tbody,
  .form_contents .reserve-table tbody,
  .form_contents .inquiry-table tbody{
    display: block;
    width: 100%;
  }
  .form_contents .form-table tr ,
  .form_contents .reserve-table tr ,
  .form_contents .inquiry-table tr {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}

.form_contents .form-table th ,
.form_contents .form-table td ,
.form_contents .reserve-table th ,
.form_contents .reserve-table td ,
.form_contents .inquiry-table th ,
.form_contents .inquiry-table td {
  border: 1px solid #ccc;
  text-align: left;
  vertical-align: middle;
}
.form_contents .form-table th ,
.form_contents .reserve-table th ,
.form_contents .inquiry-table th {
  width: 30%;
  font-weight: 700;
  background-color: #F9F9F9;
  padding: 15px;
}

.form_contents .form-table td ,
.form_contents .reserve-table td ,
.form_contents .inquiry-table td {
	background: #fff;
	text-align: left;
	padding: 15px;
}
/* sp */
@media (max-width: 768px) {
  .form_contents .form-table th ,
  .form_contents .form-table td ,
  .form_contents .reserve-table th ,
  .form_contents .reserve-table td ,
  .form_contents .inquiry-table th ,
  .form_contents .inquiry-table td {
    display: block;
    width: 100%;
  }
  .form_contents .form-table th,
  .form_contents .reserve-table th,
  .form_contents .inquiry-table th{
    border-bottom: 0;
  }
}


.form_contents input[type="text"],
.form_contents input[type="number"],
.form_contents input[type="email"],
.form_contents text,
.form_contents textarea{
  font-family: "Zen Maru Gothic", serif;
  font-size: 17px;
  margin: 5px;
  padding: 5px;
  border: 1px solid #cbcbcb;
  background-color: rgba(220, 226, 229, 0.20);
  max-width: calc(100% - 10px);
}
.form_contents input[type="radio"],
.form_contents input[type="checkbox"],
.form_contents select{
  vertical-align: baseline;
}
.form_contents select{
  border: 1px solid #cbcbcb;
  padding: 5px 10px;
}
.form_errorBox{
  border: 2px solid #ff0000 !important;
  background: #fff8f6 !important;
}
.form_errorTxt{
  color: #ff0000 !important;
}

.form_contents .form-table th span ,
.form_contents .reserve-table th span ,
.form_contents .inquiry-table th span {
	font-size: 84%;
	color: #ff0000;
	margin-left: 3px;
}

.form_contents .form-table td .example ,
.form_contents .reserve-table td .example ,
.form_contents .inquiry-table td .example {
	font-size: 90%;
	color: #06C;
}