label {
  cursor:pointer;
}
input[type="text"] {padding:5px;font-size:16px;}
input[type="tel"] {padding:5px;font-size:16px;}
input[type="email"] {padding:5px;font-size:16px;width: 50%;}
input[type="radio"] {width: 20px;height: 20px;top: 4px;position: relative;vertical-align: initial;}
input[type="number"] {padding:5px;font-size:16px;text-align: right;}
select {padding:5px;font-size:16px;}
textarea {padding:5px;resize:none;font-size:16px;}

.kyougisho {padding:50px 0;}

.yuigonmidashi1 {
  position: relative;
  font-size: 1.8em;
  margin: 60px 0px 30px;
  padding-left: 15px;
  text-align: left;
  font-weight: bold;
  border-bottom: solid 8px #f5f0ea;
  padding-bottom: 5px;
}

@media screen and ( max-width: 700px ){
  .yuigonmidashi1 {
      font-size: 23px;
      margin: 30px 0px;
      line-height: 30px;
  }
}

.yuigonmidashi1::before {
  content: attr(data-number);
  display: inline-block;
  margin-right: 10px;
  color: #f43055;
  font-size: 1.4em;
}

.yuigonmidashi2 {
  padding: 10px;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 15px #5fb3f6;/*左線（実線 太さ 色）*/
  text-align: left;
  font-size: 140%;
  font-weight: bold;
  margin: 40px 0px;
}

@media screen and ( max-width: 700px ){
.yuigonmidashi2 {
  padding: 10px;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 6px #562512;/*左線（実線 太さ 色）*/
  text-align: left;
  font-size: 120%;
  font-weight: bold;
  margin: 40px 0px;
}
}


.yuigonmidashi3 {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #f5f0ea;
  font-size: 20px;
  font-weight: bold;
  color: #666666;
  margin: 30px 0;
}

.yuigonmidashi3:before {
  position: absolute;
  top: -7px;
  left: -5px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #562512;
}

#step1_area .youikuhibox {
    background-color: #DCEFFF;
    border-radius: 5px;
    padding: 40px;
    position: relative;
    z-index: 0;
    line-height: 1.5;
    margin:20px auto 0;
}
#step1_area .youikuhibox > div {
  display: flex;
  margin-bottom:20px;
}
#step1_area .youikuhibox > div:last-child {
  margin-bottom:0;
}
#step1_area .youikuhibox > div > div:first-child {
  width: 30%;
}
#step1_area .youikuhibox > div > div:last-child {
  width: 70%;
}

#step1_area .youikuhibox:before{
border: 1px solid #fff; /* 白い実線 */
border-radius: 5px;
content: '';
display: block;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: 4px;
z-index: -1;
}

#step2_area {
    display: none;
}

.btn_kyougisho {
  border-bottom: 5px solid #f26575;
  background-color: #FCC8D2;
  border-color: #4d4d4d;
  width: 93%;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  display: block;
  margin: 0 auto;
}

.box29 {
  margin: 2em 0;
  background: #dcefff;
}

.box29 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.box29 p {
    padding: 15px 20px;
    margin: 0;
}

.yuigonbox {
    margin-bottom:10px;
}

div .yuigonbox:last-child {
    margin-bottom:0;
}

.youikuhibox {
    display: none;
}

.step2_area {
    display: none;
}

.yuigon_title1 {
    font-size: 42px;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
}

#igon_1 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
}

#igon_1 div {
    display: inline-block;
}

#igon_1 p {
    font-size: large;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
}

#igon_1 .name {
    width: 200px;
}