@charset "UTF-8";

/* ----------------------------------------------- CSS Information
 Style Info:     資料請求・問い合わせ
 Notes:          
--------------------------------------------------------------- */
.content .area01 {
  margin: 0 auto 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content .area01 .box01 {
  width: 70%;
  order: 2;
  text-align: justify;
}
.content .area01 .box02 {
  width: 28%;
  order: 1;
}
.content .color01 {
  color: #EE8099;
}
.content .content .content .area02 {
  width: 80%;
  margin: 0 auto 10%;
}
.content .area02 h3.headline {
  width: 100%;
  margin: 0 auto 3%;
  display: table;
  font-size: 1.3em;
  text-align: center;
  border-top: 2px solid #EE8099;
  border-bottom: 2px solid #EE8099;
  background-color: #FCECE7;
}
.content .area02 .wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content .area02 .flow-box {
  width: 20%;
  position: relative;
  border-radius: 20em;
  border: 2px solid #EE9099;
}
.content .area02 .flow-box::before {
  content: '';
  display: block;
  padding-top: 100%;
}
.content .area02 .flow-box::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: -3.2em;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent;
  border-left: 1em solid #EE8099;
}
.content .area02 .flow-box:last-child::after {
  content: '';
  display: none;
}
.content .area02 .flow {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  text-align: center;
}
#mfp_element_0_label {
  width: 100%;
  border-bottom: 1px dashed #7B7B7B;
}
form .tr {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #7B7B7B;
}
form .tr:last-child {
  border-bottom: none;
}
form .th {
  width: 25%;
  min-width: 15em;
  padding: 2% 0;
}
form .td {
  width: 80%;
  padding: 2% 0;
}
form .td .color01 {
  font-size: 1.1em;
  color: #EE8099;
}
.td #radio-box01 {
  width: 100%;
  padding: 0 0 0 2em;
}
.td #radio-box02 {
  padding: 0 0 0 2em;
}
.td .mfp_not_checked #radio-box01 {
  display: none;
}
.td .mfp_not_checked #radio-box02 {
  display: none;
}
.required {
  padding: 0.1em 0.5em;
  color: #FFF;
  font-size: 0.9em;
  background-color: #EE8099;
}
.width01 {
  width: 60% !important;
}
.width02 {
  width: 40% !important;
}
.width03 {
  width: 90% !important;
}
.width04 {
  width: 90% !important;
  height: 10em !important;
}
input::placeholder,
textarea::placeholder {
	color: #B0B0B0;
}
/* ================= smartphone ================= */
@media only screen and (max-width:699px) {
.content .area01 {
  display: block;
}
.content .area01 .box01 {
  width: 100%;
}
.content .area01 .box02 {
  width: 60%;
  margin: 5% auto 10%;
}
.content .area02 {
  width: 100%;
  margin: 0 auto 10%;
}
.content .area02 h3.headline {
  margin: 0 auto 10%;
}
.content .area02 .wrap {
  display: block;
}
.content .area02 .flow-box {
  width: 80%;
  margin: 0 auto 10%;
  position: relative;
}
.content .area02 .flow-box::before {
  content: '';
  display: block;
  padding-top: 0;
}
.content .area02 .flow-box::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: unset;
  bottom: -3.9em;
  right: unset;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  border-top: 1em solid #EE8099;
  border-right: 1em solid transparent;
  border-left: 1em solid transparent;
}
.content .area02 .flow {
  width: 100%;
  position: unset;
  margin: 0 auto;
  transform: unset;
}
form .tr {
  padding: 2% 0;
  display: block;
}
form .th {
  width: 100%;
}
form .td {
  width: 100%;
}
.width01 {
  width: 100% !important;
}
.width02 {
  width: 100% !important;
}
.width03 {
  width: 100% !important;
}
.width04 {
  width: 100% !important;
}
}